@viglet/viglet-design-system 2026.3.16 → 2026.3.18

package/dist/bento.es.js

@@ -1,58 +1,58 @@
 "use client";
 import { t as e } from "./utils-Fk5jmzzb.js";
-import { a as t, c as n, d as r, g as i, o as a, p as o, u as s } from "./badge-locale-Bx7m7tg2.js";
-import { B as c, C as l, D as u, F as d, H as f, I as p, J as m, L as h, M as g, N as _, P as v, R as y, S as b, T as x, V as S, Y as C, _ as w, b as T, d as E, f as D, g as O, h as k, i as A, j, l as M, m as N, n as P, o as ee, q as F, r as I, s as L, u as R, v as te, w as ne, y as re } from "./user.context-DUs2lT6D.js";
-import { r as ie, t as ae } from "./loading-provider-D-_5G-08.js";
-import { Children as oe, Fragment as z, isValidElement as se, useEffect as B, useId as ce, useMemo as le, useRef as V, useState as H, useSyncExternalStore as U } from "react";
-import { Fragment as W, jsx as G, jsxs as K } from "react/jsx-runtime";
-import { useTranslation as q } from "react-i18next";
-import { IconAdjustmentsHorizontal as ue, IconAlertTriangle as de, IconArrowBackUp as J, IconArrowDown as fe, IconArrowLeft as pe, IconArrowRight as me, IconArrowUp as he, IconArrowsSort as ge, IconBuildingCommunity as _e, IconBuildingSkyscraper as ve, IconChevronDown as ye, IconChevronLeft as be, IconChevronRight as xe, IconColumns3 as Se, IconDeviceFloppy as Ce, IconDotsVertical as we, IconExternalLink as Te, IconGripVertical as Ee, IconHome as De, IconKeyboard as Oe, IconLayoutGrid as ke, IconLogout as Ae, IconPalette as je, IconPlus as Me, IconRobot as Ne, IconSearch as Pe, IconSparkles as Fe, IconTrash as Ie, IconUser as Le, IconUserCircle as Re, IconUsers as ze, IconX as Be } from "@tabler/icons-react";
-import { Icon as Ve } from "@iconify/react";
-import { useDefaultLayout as He } from "react-resizable-panels";
-import { Link as Ue, useInRouterContext as We, useLocation as Ge, useNavigate as Ke } from "react-router-dom";
-import { createCoreRowModel as qe, createSortedRowModel as Je, rowSortingFeature as Ye, useTable as Xe } from "@tanstack/react-table";
-import { DndContext as Ze, KeyboardSensor as Qe, PointerSensor as $e, closestCenter as et, useSensor as tt, useSensors as nt } from "@dnd-kit/core";
-import { SortableContext as rt, arrayMove as it, rectSortingStrategy as at, useSortable as ot } from "@dnd-kit/sortable";
-import { CSS as st } from "@dnd-kit/utilities";
+import { a as t, c as n, d as r, g as i, o as a, p as o, u as s } from "./badge-locale-BwsfyQJT.js";
+import { $ as c, B as l, C as u, D as d, E as f, F as p, G as m, H as h, I as g, K as _, L as v, O as y, Q as b, R as x, S, V as C, W as w, Z as T, b as E, c as D, g as O, h as k, i as A, j, k as M, l as N, m as P, n as F, o as ee, p as te, r as I, s as L, u as ne, v as R, w as z, x as B, y as re, z as ie } from "./user.context-vCmnGlIb.js";
+import { r as ae, t as oe } from "./loading-provider-Dh7jdSol.js";
+import { Children as se, Fragment as ce, isValidElement as le, useCallback as ue, useEffect as V, useId as H, useLayoutEffect as de, useMemo as fe, useRef as U, useState as W, useSyncExternalStore as pe } from "react";
+import { Fragment as G, jsx as K, jsxs as q } from "react/jsx-runtime";
+import { useTranslation as J } from "react-i18next";
+import { IconAdjustmentsHorizontal as Y, IconAlertTriangle as me, IconArrowBackUp as he, IconArrowDown as ge, IconArrowLeft as _e, IconArrowRight as X, IconArrowUp as ve, IconArrowsSort as ye, IconBuildingCommunity as be, IconBuildingSkyscraper as xe, IconChevronDown as Se, IconChevronLeft as Ce, IconChevronRight as we, IconColumns3 as Te, IconDeviceFloppy as Ee, IconDotsVertical as De, IconExternalLink as Oe, IconGripVertical as ke, IconHome as Ae, IconKeyboard as je, IconLayoutGrid as Me, IconList as Ne, IconLogout as Pe, IconPalette as Fe, IconPlus as Z, IconRobot as Ie, IconSearch as Le, IconSparkles as Re, IconTrash as ze, IconUser as Be, IconUserCircle as Ve, IconUsers as He, IconX as Ue } from "@tabler/icons-react";
+import { Icon as We } from "@iconify/react";
+import { useDefaultLayout as Ge } from "react-resizable-panels";
+import { Link as Ke, useInRouterContext as qe, useLocation as Je, useNavigate as Ye } from "react-router-dom";
+import { createCoreRowModel as Xe, createSortedRowModel as Ze, rowSortingFeature as Qe, useTable as $e } from "@tanstack/react-table";
+import { DndContext as et, KeyboardSensor as tt, PointerSensor as nt, closestCenter as rt, useSensor as it, useSensors as at } from "@dnd-kit/core";
+import { SortableContext as ot, arrayMove as st, rectSortingStrategy as ct, useSortable as lt } from "@dnd-kit/sortable";
+import { CSS as ut } from "@dnd-kit/utilities";
 //#region src/bento/bento-actions-menu.tsx
-var ct = {
+var dt = {
 	default: "",
 	destructive: "bento-item-danger"
-}, lt = /* @__PURE__ */ new Set();
-function ut(e) {
-	process.env.NODE_ENV === "production" || lt.has(e) || (lt.add(e), console.warn(`BentoActionsMenu: the action "${e}" has no id. Give it a stable name, such as "post.delete": it is rendered as data-action-id so a console verb can be matched to an agent verb, and it becomes required in the next release.`));
+}, ft = /* @__PURE__ */ new Set();
+function pt(e) {
+	process.env.NODE_ENV === "production" || ft.has(e) || (ft.add(e), console.warn(`BentoActionsMenu: the action "${e}" has no id. Give it a stable name, such as "post.delete": it is rendered as data-action-id so a console verb can be matched to an agent verb, and it becomes required in the next release.`));
 }
-function dt({ actions: e, triggerLabel: t }) {
-	let { t: n } = q();
+function mt({ actions: e, triggerLabel: t }) {
+	let { t: n } = J();
 	if (e.length === 0) return null;
-	for (let t of e) t.id || ut(t.label);
-	return /* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(F, {
+	for (let t of e) t.id || pt(t.label);
+	return /* @__PURE__ */ q(v, { children: [/* @__PURE__ */ K(T, {
 		asChild: !0,
-		children: /* @__PURE__ */ G("button", {
+		children: /* @__PURE__ */ K("button", {
 			type: "button",
 			"aria-label": t ?? n("forms.formActions.moreActions", { defaultValue: "More actions" }),
-			className: "bento-tile-clickable inline-flex h-9 w-9 items-center justify-center rounded-full border border-border/60 bg-card/60 text-muted-foreground backdrop-blur transition-colors duration-200 hover:text-foreground",
-			children: /* @__PURE__ */ G(we, { size: 18 })
+			className: "bento-tile-clickable inline-flex size-(--vg-control-form) items-center justify-center rounded-full border border-border/60 bg-card/60 text-muted-foreground backdrop-blur transition-colors duration-200 hover:text-foreground",
+			children: /* @__PURE__ */ K(De, { size: 18 })
 		})
-	}), /* @__PURE__ */ G(d, {
+	}), /* @__PURE__ */ K(ie, {
 		align: "end",
 		sideOffset: 8,
 		className: "bento-dropdown min-w-44 p-1.5",
 		children: e.map((e) => {
-			let t = e.icon, n = ct[e.tone ?? "default"];
-			return /* @__PURE__ */ K(h, {
+			let t = e.icon, n = dt[e.tone ?? "default"];
+			return /* @__PURE__ */ q(C, {
 				"data-action-id": e.id,
 				onSelect: e.onSelect,
 				disabled: e.disabled,
 				className: `bento-dropdown-item cursor-pointer gap-2 px-3 py-2 ${n}`,
-				children: [/* @__PURE__ */ G(t, { size: 16 }), e.label]
+				children: [/* @__PURE__ */ K(t, { size: 16 }), e.label]
 			}, e.id ?? e.label);
 		})
 	})] });
 }
 //#endregion
 //#region src/bento/bento-tones.ts
-var ft = {
+var ht = {
 	blue: "bento-tone-blue",
 	indigo: "bento-tone-indigo",
 	violet: "bento-tone-violet",
@@ -60,143 +60,194 @@ var ft = {
 	amber: "bento-tone-amber",
 	rose: "bento-tone-rose",
 	slate: "bento-tone-slate"
-}, pt = Object.keys(ft);
-function Y(e) {
-	return `bento-chip ${ft[e] ?? ft.slate}`;
+}, gt = Object.keys(ht);
+function _t(e) {
+	return `bento-chip ${ht[e] ?? ht.slate}`;
 }
 //#endregion
 //#region src/bento/bento-count-tile.tsx
-function mt({ to: e, icon: t, tone: n, label: r, count: i, span: a }) {
-	let o = /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("span", {
-		className: `grid h-9 w-9 place-items-center rounded-2xl text-white shadow-md ${Y(n)}`,
-		children: /* @__PURE__ */ G(t, { size: 18 })
-	}), /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("div", {
+function vt({ to: e, icon: t, tone: n, label: r, count: i, span: a }) {
+	let o = /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K("span", {
+		className: `grid h-9 w-9 place-items-center rounded-2xl text-white shadow-md ${_t(n)}`,
+		children: /* @__PURE__ */ K(t, { size: 18 })
+	}), /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("div", {
 		className: "text-3xl font-semibold tabular-nums tracking-tight",
 		children: i
-	}), /* @__PURE__ */ G("div", {
+	}), /* @__PURE__ */ K("div", {
 		className: "text-[11px] uppercase tracking-wider text-muted-foreground",
 		children: r
 	})] })] }), s = `bento-tile bento-glass group relative flex flex-col justify-between overflow-hidden p-4 ${a}${e ? " bento-tile-clickable" : ""}`;
-	return e ? /* @__PURE__ */ G(Ue, {
+	return e ? /* @__PURE__ */ K(Ke, {
 		to: e,
 		className: s,
 		children: o
-	}) : /* @__PURE__ */ G("div", {
+	}) : /* @__PURE__ */ K("div", {
 		className: s,
 		children: o
 	});
 }
 //#endregion
 //#region src/bento/bento-data-table.tsx
-var ht = 6, gt = {
-	rowSortingFeature: Ye,
-	coreRowModel: qe(),
-	sortedRowModel: Je()
+var yt = 6;
+function bt(e) {
+	for (let t = e.parentElement; t && t !== document.body; t = t.parentElement) {
+		let { overflowY: e } = getComputedStyle(t);
+		if (e === "auto" || e === "scroll") return t;
+	}
+	return null;
+}
+function xt(e) {
+	if (e) {
+		let { top: t, bottom: n } = e.getBoundingClientRect();
+		return {
+			top: t,
+			bottom: n
+		};
+	}
+	return {
+		top: 0,
+		bottom: window.innerHeight
+	};
+}
+var St = {
+	rowSortingFeature: Qe,
+	coreRowModel: Xe(),
+	sortedRowModel: Ze()
 };
-function _t({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowActions: o, selectionActions: s, selectedIds: c, onSelectionChange: l, selectionScope: u, layout: f, onLayoutChange: p, onRowOpen: h, rowHeight: g = 44, height: y = 480, empty: b }) {
-	let { t: x } = q(), [S, w] = H([]), [T, E] = H({ hidden: [] }), [D, O] = H(/* @__PURE__ */ new Set()), [k, A] = H(null), [j, M] = H(u), [N, P] = H(void 0);
-	j !== u && (M(u), O(/* @__PURE__ */ new Set()), P(c), A(null));
-	let ee = le(() => new Set(c ?? []), [c]), I = D;
-	c !== void 0 && (I = c === N ? /* @__PURE__ */ new Set() : ee);
-	let L = V(u);
-	B(() => {
-		L.current !== u && (L.current = u, l?.([]));
-	}, [u, l]);
-	let [R, te] = H(0), [ne, re] = H(0), ie = V(null), ae = V(/* @__PURE__ */ new Map()), oe = V(!1), z = (s?.length ?? 0) > 0, se = (e) => a?.(e) ?? n(e), ce = le(() => r.map((e) => ({
+function Ct({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowActions: o, selectionActions: s, selectedIds: l, onSelectionChange: u, selectionScope: d, layout: f, onLayoutChange: p, onRowOpen: m, rowHeight: h = 44, height: g, empty: _, toolbar: y }) {
+	let { t: S } = J(), [C, w] = W([]), [E, D] = W({ hidden: [] }), [O, k] = W(/* @__PURE__ */ new Set()), [A, j] = W(null), [M, N] = W(d), [P, F] = W(void 0);
+	M !== d && (N(d), k(/* @__PURE__ */ new Set()), F(l), j(null));
+	let ee = fe(() => new Set(l ?? []), [l]), te = O;
+	l !== void 0 && (te = l === P ? /* @__PURE__ */ new Set() : ee);
+	let I = U(d);
+	V(() => {
+		I.current !== d && (I.current = d, u?.([]));
+	}, [d, u]);
+	let [L, ne] = W(0), [R, z] = W(0), B = g === void 0, [re, ae] = W(() => ({
+		size: typeof window > "u" ? 0 : window.innerHeight,
+		port: typeof window > "u" ? 0 : window.innerHeight
+	})), oe = U(null), se = U(null), ce = U(/* @__PURE__ */ new Map()), le = U(!1), H = (s?.length ?? 0) > 0, pe = (e) => a?.(e) ?? n(e), G = fe(() => r.map((e) => ({
 		id: e.id,
 		accessorFn: (t) => e.sortValue?.(t) ?? null,
 		enableSorting: e.sortValue !== void 0
-	})), [r]), U = Xe({
-		features: gt,
+	})), [r]), Y = $e({
+		features: St,
 		data: t,
-		columns: ce,
-		state: { sorting: S },
+		columns: G,
+		state: { sorting: C },
 		onSortingChange: w
-	}).getRowModel().rows.map((e) => e.original), W = f ?? T, ue = r.filter((e) => e.hideable === !1 || !W.hidden.includes(e.id)), de = [
-		z ? "2.75rem" : null,
-		...ue.map((e) => e.width ?? "minmax(8rem, 1fr)"),
+	}).getRowModel().rows.map((e) => e.original), me = f ?? E, he = r.filter((e) => e.hideable === !1 || !me.hidden.includes(e.id)), _e = [
+		H ? "2.75rem" : null,
+		...he.map((e) => e.width ?? "minmax(8rem, 1fr)"),
 		o?.length ? "3.25rem" : null
-	].filter(Boolean).join(" "), J = U.length, pe = Math.min(y, J * g), me = Math.max(1, Math.floor(pe / g)), _e = Math.max(0, Math.floor(ne / g) - ht), ve = Math.min(J, Math.ceil((ne + pe) / g) + ht), ye = Math.min(R, Math.max(0, J - 1));
-	B(() => {
-		oe.current && (oe.current = !1, ae.current.get(ye)?.focus());
-	}, [ye, _e]);
-	function be(e) {
-		c === void 0 && O(e), l?.([...e]);
+	].filter(Boolean).join(" "), X = Y.length, be = Math.min(B ? re.size : g, X * h), xe = Math.max(1, Math.floor((B ? re.port : be) / h)), Se = ue(() => {
+		let e = oe.current;
+		if (!e) return;
+		let t = e.getBoundingClientRect(), n = xt(bt(e)), r = Math.max(0, n.top - t.top);
+		z(r), ae({
+			size: Math.max(0, n.bottom - Math.max(t.top, n.top)),
+			port: n.bottom - n.top
+		});
+	}, []);
+	de(() => {
+		if (!B || !oe.current) return;
+		Se();
+		let e = bt(oe.current) ?? window;
+		return e.addEventListener("scroll", Se, { passive: !0 }), window.addEventListener("resize", Se), () => {
+			e.removeEventListener("scroll", Se), window.removeEventListener("resize", Se);
+		};
+	}, [
+		B,
+		Se,
+		X
+	]);
+	let Ce = Math.max(0, Math.floor(R / h) - yt), we = Math.min(X, Math.ceil((R + be) / h) + yt), Ee = Math.min(L, Math.max(0, X - 1));
+	V(() => {
+		le.current && (le.current = !1, ce.current.get(Ee)?.focus());
+	}, [Ee, Ce]);
+	function De(e) {
+		l === void 0 && k(e), u?.([...e]);
 	}
-	function xe(e, t) {
+	function Oe(e, t) {
 		let [r, i] = e <= t ? [e, t] : [t, e];
-		be(new Set(U.slice(r, i + 1).map(n)));
+		De(new Set(Y.slice(r, i + 1).map(n)));
 	}
-	function Ce(e) {
-		let t = n(U[e]), r = new Set(I);
-		r.has(t) ? r.delete(t) : r.add(t), be(r), A(e);
+	function ke(e) {
+		let t = n(Y[e]), r = new Set(te);
+		r.has(t) ? r.delete(t) : r.add(t), De(r), j(e);
 	}
-	function we(e, t) {
-		let n = Math.max(0, Math.min(J - 1, e));
-		if (t && z) {
-			let e = k ?? ye;
-			A(e), xe(e, n);
+	function Ae(e, t) {
+		let n = Math.max(0, Math.min(X - 1, e));
+		if (t && H) {
+			let e = A ?? Ee;
+			j(e), Oe(e, n);
 		}
-		let r = ie.current, i = n * g;
-		if (r) {
+		let r = oe.current, i = n * h;
+		if (r && B) {
+			let e = bt(r), t = xt(e), n = Math.max(t.top, se.current?.getBoundingClientRect().bottom ?? t.top), a = r.getBoundingClientRect().top + i, o = 0;
+			a < n ? o = a - n : a + h > t.bottom && (o = a + h - t.bottom), o !== 0 && ((e ?? window).scrollBy({
+				top: o,
+				behavior: "instant"
+			}), Se());
+		} else if (r) {
 			let e = r.scrollTop;
-			i < e ? e = i : i + g > e + pe && (e = i + g - pe), e !== r.scrollTop && (r.scrollTop = e, re(e));
+			i < e ? e = i : i + h > e + be && (e = i + h - be), e !== r.scrollTop && (r.scrollTop = e, z(e));
 		}
-		oe.current = !0, te(n);
+		le.current = !0, ne(n);
 	}
-	function Te(e, t) {
+	function je(e, t) {
 		if (e.target !== e.currentTarget) return;
 		let r = e.shiftKey;
 		switch (e.key) {
 			case "ArrowDown":
-				we(t + 1, r);
+				Ae(t + 1, r);
 				break;
 			case "ArrowUp":
-				we(t - 1, r);
+				Ae(t - 1, r);
 				break;
 			case "PageDown":
-				we(t + me, r);
+				Ae(t + xe, r);
 				break;
 			case "PageUp":
-				we(t - me, r);
+				Ae(t - xe, r);
 				break;
 			case "Home":
-				we(0, r);
+				Ae(0, r);
 				break;
 			case "End":
-				we(J - 1, r);
+				Ae(X - 1, r);
 				break;
 			case " ":
-				if (!z) return;
-				Ce(t);
+				if (!H) return;
+				ke(t);
 				break;
 			case "Enter":
-				if (!h) return;
-				h(U[t]);
+				if (!m) return;
+				m(Y[t]);
 				break;
 			case "Escape":
-				if (!z || I.size === 0) return;
-				be(/* @__PURE__ */ new Set()), A(null);
+				if (!H || te.size === 0) return;
+				De(/* @__PURE__ */ new Set()), j(null);
 				break;
 			case "a":
 			case "A":
-				if (!z || !(e.ctrlKey || e.metaKey)) return;
-				be(new Set(U.map(n)));
+				if (!H || !(e.ctrlKey || e.metaKey)) return;
+				De(new Set(Y.map(n)));
 				break;
 			default: return;
 		}
 		e.preventDefault();
 	}
-	function Ee(e, t) {
-		if (!e.target.closest("button, a, input, [role='checkbox']") && (te(t), z)) {
+	function Me(e, t) {
+		if (!e.target.closest("button, a, input, [role='checkbox']") && (ne(t), H)) {
 			if (e.shiftKey) {
-				let e = k ?? ye;
-				A(e), xe(e, t);
-			} else e.metaKey || e.ctrlKey ? Ce(t) : (be(/* @__PURE__ */ new Set([n(U[t])])), A(t));
+				let e = A ?? Ee;
+				j(e), Oe(e, t);
+			} else e.metaKey || e.ctrlKey ? ke(t) : (De(/* @__PURE__ */ new Set([n(Y[t])])), j(t));
 		}
 	}
-	function De(e) {
-		let t = S.find((t) => t.id === e);
+	function Ne(e) {
+		let t = C.find((t) => t.id === e);
 		t ? t.desc ? w([]) : w([{
 			id: e,
 			desc: !0
@@ -205,204 +256,211 @@ function _t({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 			desc: !1
 		}]);
 	}
-	function Oe(e, t) {
-		let n = { hidden: t ? [...W.hidden, e] : W.hidden.filter((t) => t !== e) };
-		f === void 0 && E(n), p?.(n);
+	function Pe(e, t) {
+		let n = { hidden: t ? [...me.hidden, e] : me.hidden.filter((t) => t !== e) };
+		f === void 0 && D(n), p?.(n);
 	}
-	let ke = U.filter((e) => I.has(n(e))), Ae = J > 0 && ke.length === J, je = r.filter((e) => e.hideable !== !1);
-	return /* @__PURE__ */ K("div", {
+	let Fe = r.filter((e) => e.hideable !== !1), Z = Y.filter((e) => te.has(n(e))), Ie = X > 0 && Z.length === X;
+	return /* @__PURE__ */ q("div", {
 		"data-slot": "bento-data-table",
-		className: "bento-glass overflow-hidden rounded-2xl",
-		children: [/* @__PURE__ */ K("div", {
-			className: "flex min-h-12 flex-wrap items-center gap-2 border-b border-border/50 px-3 py-2",
+		className: "bento-glass overflow-clip rounded-2xl",
+		children: [/* @__PURE__ */ q("div", {
+			className: e("flex min-h-12 flex-wrap items-center gap-2 border-b border-border/50 px-3 py-2", y == null && Fe.length === 0 && Z.length === 0 && "sr-only"),
 			children: [
-				/* @__PURE__ */ G("span", {
+				/* @__PURE__ */ K("span", {
 					"aria-live": "polite",
-					className: "text-sm font-medium",
-					children: ke.length > 0 ? x("bento.table.selected", {
+					className: e("text-sm font-medium", Z.length === 0 && "sr-only"),
+					children: Z.length > 0 ? S("bento.table.selected", {
 						defaultValue: "{{count}} selected",
-						count: ke.length
+						count: Z.length
 					}) : ""
 				}),
-				ke.length > 0 && /* @__PURE__ */ K("div", {
+				Z.length === 0 && y != null && /* @__PURE__ */ K("div", {
+					className: "flex min-w-0 flex-1 flex-wrap items-center gap-2",
+					children: y
+				}),
+				Z.length > 0 && /* @__PURE__ */ q("div", {
 					role: "toolbar",
-					"aria-label": x("bento.table.selectionActions", { defaultValue: "Actions on the selection" }),
+					"aria-label": S("bento.table.selectionActions", { defaultValue: "Actions on the selection" }),
 					className: "flex flex-wrap items-center gap-2",
 					children: [s?.map((t) => {
 						let n = t.icon;
-						return /* @__PURE__ */ K(C, {
+						return /* @__PURE__ */ q(c, {
 							variant: "outline",
 							size: "sm",
 							className: e("gap-1.5", t.tone === "destructive" && "bento-item-danger"),
-							onClick: () => t.onSelect(ke),
-							children: [/* @__PURE__ */ G(n, { size: 16 }), t.label]
+							onClick: () => t.onSelect(Z),
+							children: [/* @__PURE__ */ K(n, { size: 16 }), t.label]
 						}, t.id);
-					}), /* @__PURE__ */ G(C, {
+					}), /* @__PURE__ */ K(c, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => be(/* @__PURE__ */ new Set()),
-						children: x("bento.table.clearSelection", { defaultValue: "Clear selection" })
+						onClick: () => De(/* @__PURE__ */ new Set()),
+						children: S("bento.table.clearSelection", { defaultValue: "Clear selection" })
 					})]
 				}),
-				je.length > 0 && /* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(F, {
+				Fe.length > 0 && /* @__PURE__ */ q(v, { children: [/* @__PURE__ */ K(T, {
 					asChild: !0,
-					children: /* @__PURE__ */ K(C, {
+					children: /* @__PURE__ */ q(c, {
 						variant: "ghost",
 						size: "sm",
 						className: "ml-auto gap-1.5",
-						children: [/* @__PURE__ */ G(Se, {
+						children: [/* @__PURE__ */ K(Te, {
 							size: 16,
 							"aria-hidden": "true"
-						}), x("bento.table.columns", { defaultValue: "Columns" })]
+						}), S("bento.table.columns", { defaultValue: "Columns" })]
 					})
-				}), /* @__PURE__ */ G(d, {
+				}), /* @__PURE__ */ K(ie, {
 					align: "end",
 					className: "bento-dropdown min-w-44 p-1.5",
-					children: je.map((e) => /* @__PURE__ */ G(v, {
-						checked: !W.hidden.includes(e.id),
-						onCheckedChange: (t) => Oe(e.id, t !== !0),
+					children: Fe.map((e) => /* @__PURE__ */ K(x, {
+						checked: !me.hidden.includes(e.id),
+						onCheckedChange: (t) => Pe(e.id, t !== !0),
 						onSelect: (e) => e.preventDefault(),
 						children: e.header
 					}, e.id))
 				})] })
 			]
-		}), /* @__PURE__ */ K("div", {
+		}), /* @__PURE__ */ q("div", {
 			role: "grid",
 			"aria-label": i,
-			"aria-rowcount": J + 1,
-			"aria-colcount": ue.length + +!!z + +!!o?.length,
-			"aria-multiselectable": z ? "true" : void 0,
-			children: [/* @__PURE__ */ G("div", {
+			"aria-rowcount": X + 1,
+			"aria-colcount": he.length + +!!H + +!!o?.length,
+			"aria-multiselectable": H ? "true" : void 0,
+			children: [/* @__PURE__ */ K("div", {
 				role: "rowgroup",
-				children: /* @__PURE__ */ K("div", {
+				ref: se,
+				className: e(B && "sticky top-(--bento-shell-header,0px) z-10 bg-card/95 backdrop-blur"),
+				children: /* @__PURE__ */ q("div", {
 					role: "row",
 					"aria-rowindex": 1,
 					className: "grid items-center border-b border-border/50 px-1 text-xs font-medium text-muted-foreground",
 					style: {
-						gridTemplateColumns: de,
-						minHeight: g
+						gridTemplateColumns: _e,
+						minHeight: h
 					},
 					children: [
-						z && /* @__PURE__ */ G("div", {
+						H && /* @__PURE__ */ K("div", {
 							role: "columnheader",
 							className: "grid place-items-center",
-							children: /* @__PURE__ */ G(m, {
-								"aria-label": x("bento.table.selectAll", { defaultValue: "Select all rows" }),
-								checked: Ae ? !0 : ke.length > 0 && "indeterminate",
-								onCheckedChange: () => be(Ae ? /* @__PURE__ */ new Set() : new Set(U.map(n)))
+							children: /* @__PURE__ */ K(b, {
+								"aria-label": S("bento.table.selectAll", { defaultValue: "Select all rows" }),
+								checked: Ie ? !0 : Z.length > 0 && "indeterminate",
+								onCheckedChange: () => De(Ie ? /* @__PURE__ */ new Set() : new Set(Y.map(n)))
 							})
 						}),
-						ue.map((e) => {
-							let t = S.find((t) => t.id === e.id), n = t ? t.desc ? "descending" : "ascending" : "none";
-							return /* @__PURE__ */ G("div", {
+						he.map((e) => {
+							let t = C.find((t) => t.id === e.id), n = t ? t.desc ? "descending" : "ascending" : "none";
+							return /* @__PURE__ */ K("div", {
 								role: "columnheader",
 								"aria-sort": e.sortValue ? n : void 0,
 								className: "min-w-0 px-2",
-								children: e.sortValue ? /* @__PURE__ */ K("button", {
+								children: e.sortValue ? /* @__PURE__ */ q("button", {
 									type: "button",
-									onClick: () => De(e.id),
+									"data-look": "text",
+									onClick: () => Ne(e.id),
 									className: "inline-flex max-w-full items-center gap-1 rounded-md py-1 hover:text-foreground focus-visible:outline-2 focus-visible:outline-ring",
 									children: [
-										/* @__PURE__ */ G("span", {
+										/* @__PURE__ */ K("span", {
 											className: "truncate",
 											children: e.header
 										}),
-										n === "ascending" && /* @__PURE__ */ G(he, {
+										n === "ascending" && /* @__PURE__ */ K(ve, {
 											size: 14,
 											"aria-hidden": "true"
 										}),
-										n === "descending" && /* @__PURE__ */ G(fe, {
+										n === "descending" && /* @__PURE__ */ K(ge, {
 											size: 14,
 											"aria-hidden": "true"
 										}),
-										n === "none" && /* @__PURE__ */ G(ge, {
+										n === "none" && /* @__PURE__ */ K(ye, {
 											size: 14,
 											"aria-hidden": "true",
 											className: "opacity-40"
 										})
 									]
-								}) : /* @__PURE__ */ G("span", {
+								}) : /* @__PURE__ */ K("span", {
 									className: "block truncate py-1",
 									children: e.header
 								})
 							}, e.id);
 						}),
-						o?.length ? /* @__PURE__ */ G("div", {
+						o?.length ? /* @__PURE__ */ K("div", {
 							role: "columnheader",
 							className: "px-2",
-							children: /* @__PURE__ */ G("span", {
+							children: /* @__PURE__ */ K("span", {
 								className: "sr-only",
-								children: x("bento.table.actions", { defaultValue: "Actions" })
+								children: S("bento.table.actions", { defaultValue: "Actions" })
 							})
 						}) : null
 					]
 				})
-			}), J === 0 ? /* @__PURE__ */ G("div", {
+			}), X === 0 ? /* @__PURE__ */ K("div", {
 				role: "rowgroup",
-				children: /* @__PURE__ */ G("div", {
+				children: /* @__PURE__ */ K("div", {
 					role: "row",
 					"aria-rowindex": 2,
-					children: /* @__PURE__ */ G("div", {
+					children: /* @__PURE__ */ K("div", {
 						role: "gridcell",
 						className: "px-4 py-10 text-center text-sm text-muted-foreground",
-						children: b ?? x("bento.table.empty", { defaultValue: "Nothing to show" })
+						children: _ ?? S("bento.table.empty", { defaultValue: "Nothing to show" })
 					})
 				})
-			}) : /* @__PURE__ */ G("div", {
+			}) : /* @__PURE__ */ K("div", {
 				role: "rowgroup",
-				ref: ie,
-				onScroll: (e) => re(e.currentTarget.scrollTop),
-				className: "relative overflow-y-auto",
-				style: { height: pe },
-				children: /* @__PURE__ */ G("div", {
-					style: { height: J * g },
+				ref: oe,
+				onScroll: B ? void 0 : (e) => z(e.currentTarget.scrollTop),
+				className: e("relative", !B && "overflow-y-auto"),
+				style: B ? void 0 : { height: be },
+				children: /* @__PURE__ */ K("div", {
+					style: { height: X * h },
 					className: "relative",
-					children: U.slice(_e, ve).map((t, r) => {
-						let i = _e + r, a = n(t), s = I.has(a), c = se(t);
-						return /* @__PURE__ */ K("div", {
+					children: Y.slice(Ce, we).map((t, r) => {
+						let i = Ce + r, a = n(t), s = te.has(a), c = pe(t);
+						return /* @__PURE__ */ q("div", {
 							ref: (e) => {
-								e ? ae.current.set(i, e) : ae.current.delete(i);
+								e ? ce.current.set(i, e) : ce.current.delete(i);
 							},
 							role: "row",
 							"aria-rowindex": i + 2,
-							"aria-selected": z ? s ? "true" : "false" : void 0,
-							tabIndex: i === ye ? 0 : -1,
-							onKeyDown: (e) => Te(e, i),
-							onClick: (e) => Ee(e, i),
-							onDoubleClick: () => h?.(t),
+							"aria-selected": H ? s ? "true" : "false" : void 0,
+							tabIndex: i === Ee ? 0 : -1,
+							onKeyDown: (e) => je(e, i),
+							onClick: (e) => Me(e, i),
+							onDoubleClick: () => m?.(t),
 							onFocus: (e) => {
-								e.target === e.currentTarget && te(i);
+								e.target === e.currentTarget && ne(i);
 							},
 							className: e("absolute inset-x-0 grid items-center border-b border-border/30 px-1 text-sm outline-none transition-colors", "hover:bg-muted/40 focus-visible:bg-muted/60 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring", s && "bg-primary/10 hover:bg-primary/15"),
 							style: {
-								top: i * g,
-								height: g,
-								gridTemplateColumns: de
+								top: i * h,
+								height: h,
+								gridTemplateColumns: _e
 							},
 							children: [
-								z && /* @__PURE__ */ G("div", {
+								H && /* @__PURE__ */ K("div", {
 									role: "gridcell",
 									className: "grid place-items-center",
-									children: /* @__PURE__ */ G(m, {
+									children: /* @__PURE__ */ K(b, {
 										tabIndex: -1,
-										"aria-label": x("bento.table.selectRow", {
+										"aria-label": S("bento.table.selectRow", {
 											defaultValue: "Select {{row}}",
 											row: c
 										}),
 										checked: s,
-										onCheckedChange: () => Ce(i)
+										onCheckedChange: () => ke(i)
 									})
 								}),
-								ue.map((e) => /* @__PURE__ */ G("div", {
+								he.map((e) => /* @__PURE__ */ K("div", {
 									role: "gridcell",
 									className: "min-w-0 truncate px-2",
 									children: e.cell(t)
 								}, e.id)),
-								o?.length ? /* @__PURE__ */ G("div", {
+								o?.length ? /* @__PURE__ */ K("div", {
 									role: "gridcell",
 									className: "grid place-items-center",
-									children: /* @__PURE__ */ G(dt, {
-										triggerLabel: x("bento.table.rowActions", {
+									children: /* @__PURE__ */ K(mt, {
+										triggerLabel: S("bento.table.rowActions", {
 											defaultValue: "Actions for {{row}}",
 											row: c
 										}),
@@ -425,57 +483,57 @@ function _t({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 }
 //#endregion
 //#region src/bento/bento-empty-state.tsx
-function vt({ icon: t = Fe, tone: n = "indigo", title: r, description: i, action: a, align: o = "center", titleLevel: s = 2, className: c }) {
-	let l = Y(n), u = o === "center", d = `h${s}`;
-	return /* @__PURE__ */ K("div", {
-		className: e("bento-tile bento-glass flex flex-col gap-3 rounded-3xl p-8", u ? "items-center text-center" : "items-start text-left", c),
+function wt({ icon: t = Re, title: n, description: r, action: i, align: a = "center", titleLevel: o = 2, className: s }) {
+	let c = a === "center", l = `h${o}`;
+	return /* @__PURE__ */ q("div", {
+		className: e("bento-tile bento-glass flex flex-col gap-3 rounded-3xl p-8", c ? "items-center text-center" : "items-start text-left", s),
 		children: [
-			/* @__PURE__ */ G("span", {
-				className: `grid h-12 w-12 place-items-center rounded-2xl ${l} text-white shadow-md`,
-				children: /* @__PURE__ */ G(t, { size: 24 })
+			/* @__PURE__ */ K("span", {
+				className: "bento-well grid h-12 w-12 place-items-center rounded-2xl",
+				children: /* @__PURE__ */ K(t, { size: 24 })
 			}),
-			/* @__PURE__ */ G(d, {
+			/* @__PURE__ */ K(l, {
 				className: "m-0 text-lg font-semibold tracking-tight",
+				children: n
+			}),
+			r && /* @__PURE__ */ K("p", {
+				className: e("max-w-md text-sm text-muted-foreground", c && "mx-auto"),
 				children: r
 			}),
-			i && /* @__PURE__ */ G("p", {
-				className: e("max-w-md text-sm text-muted-foreground", u && "mx-auto"),
+			i && /* @__PURE__ */ K("div", {
+				className: e("mt-1", c && "mx-auto"),
 				children: i
-			}),
-			a && /* @__PURE__ */ G("div", {
-				className: e("mt-1", u && "mx-auto"),
-				children: a
 			})
 		]
 	});
 }
 //#endregion
 //#region src/bento/bento-trail.tsx
-var yt = 4;
-function bt({ steps: e }) {
-	let { t } = q(), n = e.length > yt, r = (t) => n && t > 0 && t < e.length - 2;
-	return /* @__PURE__ */ G("nav", {
+var Tt = 4;
+function Et({ steps: e }) {
+	let { t } = J(), n = e.length > Tt, r = (t) => n && t > 0 && t < e.length - 2;
+	return /* @__PURE__ */ K("nav", {
 		"aria-label": t("bento.trail.label", { defaultValue: "Location" }),
 		"data-slot": "bento-trail",
-		children: /* @__PURE__ */ G("ol", {
+		children: /* @__PURE__ */ K("ol", {
 			className: "flex min-w-0 flex-wrap items-center gap-1",
-			children: e.map((e, t) => /* @__PURE__ */ K("li", {
+			children: e.map((e, t) => /* @__PURE__ */ q("li", {
 				className: r(t) ? "sr-only" : "inline-flex min-w-0 items-center gap-1",
 				children: [
-					t > 0 && !r(t) && /* @__PURE__ */ G(xe, {
+					t > 0 && !r(t) && /* @__PURE__ */ K(we, {
 						size: 12,
 						"aria-hidden": !0,
 						className: "shrink-0 opacity-60"
 					}),
-					/* @__PURE__ */ G(Ue, {
+					/* @__PURE__ */ K(Ke, {
 						to: e.to,
 						className: "max-w-[16ch] truncate hover:text-foreground",
 						children: e.label
 					}),
-					n && t === 0 && /* @__PURE__ */ K("span", {
+					n && t === 0 && /* @__PURE__ */ q("span", {
 						"aria-hidden": !0,
 						className: "inline-flex items-center gap-1",
-						children: [/* @__PURE__ */ G(xe, {
+						children: [/* @__PURE__ */ K(we, {
 							size: 12,
 							className: "shrink-0 opacity-60"
 						}), "…"]
@@ -487,54 +545,54 @@ function bt({ steps: e }) {
 }
 //#endregion
 //#region src/bento/bento-hero.tsx
-function xt({ to: e, children: t }) {
-	return /* @__PURE__ */ K(Ue, {
+function Dt({ to: e, children: t }) {
+	return /* @__PURE__ */ q(Ke, {
 		to: e,
 		className: "inline-flex items-center gap-1 hover:text-foreground",
-		children: [/* @__PURE__ */ G(pe, {
+		children: [/* @__PURE__ */ K(_e, {
 			size: 14,
 			"aria-hidden": !0
 		}), t]
 	});
 }
-function St(e, t, n) {
-	return e && e.length > 1 ? /* @__PURE__ */ G(bt, { steps: e }) : e && e.length === 1 ? /* @__PURE__ */ G(xt, {
+function Ot(e, t, n) {
+	return e && e.length > 1 ? /* @__PURE__ */ K(Et, { steps: e }) : e && e.length === 1 ? /* @__PURE__ */ K(Dt, {
 		to: e[0].to,
 		children: e[0].label
-	}) : t == null ? null : /* @__PURE__ */ G(xt, {
+	}) : t == null ? null : /* @__PURE__ */ K(Dt, {
 		to: t,
 		children: n
 	});
 }
-function Ct({ eyebrow: e, backTo: t, backLabel: n, trail: r, title: i, subtitle: a, leading: o, trailing: s }) {
-	let c = e ?? St(r, t, n);
-	return /* @__PURE__ */ G("header", {
+function kt({ eyebrow: e, backTo: t, backLabel: n, trail: r, title: i, subtitle: a, leading: o, trailing: s }) {
+	let c = e ?? Ot(r, t, n);
+	return /* @__PURE__ */ K("header", {
 		className: "bento-shell-header mb-6 flex flex-col items-start gap-3 md:mb-10",
-		children: /* @__PURE__ */ K("div", {
+		children: /* @__PURE__ */ q("div", {
 			className: "flex w-full items-start gap-4",
 			children: [
-				o && /* @__PURE__ */ G("div", {
+				o && /* @__PURE__ */ K("div", {
 					className: "shrink-0",
 					children: o
 				}),
-				/* @__PURE__ */ K("div", {
+				/* @__PURE__ */ q("div", {
 					className: "flex flex-1 flex-col gap-1",
 					children: [
-						c && /* @__PURE__ */ G("span", {
+						c && /* @__PURE__ */ K("span", {
 							className: "text-xs uppercase tracking-[0.18em] text-muted-foreground",
 							children: c
 						}),
-						/* @__PURE__ */ G("h1", {
-							className: "text-3xl font-semibold tracking-tight md:text-4xl",
+						/* @__PURE__ */ K("h1", {
+							className: "text-2xl font-semibold tracking-tight md:text-3xl",
 							children: i
 						}),
-						a && /* @__PURE__ */ G("p", {
+						a && /* @__PURE__ */ K("p", {
 							className: "max-w-2xl text-sm text-muted-foreground",
 							children: a
 						})
 					]
 				}),
-				s && /* @__PURE__ */ G("div", {
+				s && /* @__PURE__ */ K("div", {
 					className: "ml-auto flex shrink-0 items-center gap-2",
 					children: s
 				})
@@ -544,31 +602,31 @@ function Ct({ eyebrow: e, backTo: t, backLabel: n, trail: r, title: i, subtitle:
 }
 //#endregion
 //#region src/bento/bento-hero-icon-picker.tsx
-function wt({ value: e, onChange: t, onClear: n, defaultIcon: r, tone: i, title: a, description: o, readOnly: s = !1 }) {
-	let { t: c } = q(), [l, u] = H(!1);
-	return s ? /* @__PURE__ */ G("span", {
-		className: `grid h-12 w-12 place-items-center rounded-2xl ${Y(i)} text-white shadow-md`,
-		children: e ? /* @__PURE__ */ G(Ve, {
+function At({ value: e, onChange: t, onClear: n, defaultIcon: r, tone: i, title: a, description: o, readOnly: s = !1 }) {
+	let { t: c } = J(), [l, u] = W(!1);
+	return s ? /* @__PURE__ */ K("span", {
+		className: `grid h-12 w-12 place-items-center rounded-2xl ${_t(i)} text-white shadow-md`,
+		children: e ? /* @__PURE__ */ K(We, {
 			icon: e,
 			className: "size-6 text-white"
-		}) : /* @__PURE__ */ G(r, { size: 24 })
-	}) : /* @__PURE__ */ K("div", {
+		}) : /* @__PURE__ */ K(r, { size: 24 })
+	}) : /* @__PURE__ */ q("div", {
 		className: "group relative",
 		children: [
-			/* @__PURE__ */ K("button", {
+			/* @__PURE__ */ q("button", {
 				type: "button",
 				onClick: () => u(!0),
 				"aria-label": c("forms.iconPicker.chooseAnIcon"),
-				className: `group/icon relative grid h-12 w-12 cursor-pointer place-items-center overflow-hidden rounded-2xl ${Y(i)} text-white shadow-md outline-none transition-all duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] hover:scale-105 focus-visible:ring-2 focus-visible:ring-ring active:scale-95`,
-				children: [e ? /* @__PURE__ */ G(Ve, {
+				className: `group/icon relative grid h-12 w-12 cursor-pointer place-items-center overflow-hidden rounded-2xl ${_t(i)} text-white shadow-md outline-none transition-all duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] hover:scale-105 focus-visible:ring-2 focus-visible:ring-ring active:scale-95`,
+				children: [e ? /* @__PURE__ */ K(We, {
 					icon: e,
 					className: "size-6 text-white"
-				}) : /* @__PURE__ */ G(r, { size: 24 }), /* @__PURE__ */ G("span", {
+				}) : /* @__PURE__ */ K(r, { size: 24 }), /* @__PURE__ */ K("span", {
 					className: "pointer-events-none absolute inset-0 grid place-items-center bg-black/40 opacity-0 transition-opacity duration-200 group-hover/icon:opacity-100",
-					children: /* @__PURE__ */ G(je, { className: "size-5 text-white" })
+					children: /* @__PURE__ */ K(Fe, { className: "size-5 text-white" })
 				})]
 			}),
-			e && n && /* @__PURE__ */ G("button", {
+			e && n && /* @__PURE__ */ K("button", {
 				type: "button",
 				onClick: (e) => {
 					e.stopPropagation(), n();
@@ -576,9 +634,9 @@ function wt({ value: e, onChange: t, onClear: n, defaultIcon: r, tone: i, title:
 				"aria-label": c("forms.common.remove"),
 				title: c("forms.common.remove"),
 				className: "absolute -right-1.5 -top-1.5 grid h-5 w-5 cursor-pointer place-items-center rounded-full border border-border/60 bg-card/90 text-foreground opacity-0 shadow-md backdrop-blur transition-opacity duration-200 bento-clear focus-visible:opacity-100 group-hover:opacity-100",
-				children: /* @__PURE__ */ G(Be, { size: 12 })
+				children: /* @__PURE__ */ K(Ue, { size: 12 })
 			}),
-			/* @__PURE__ */ G(g, {
+			/* @__PURE__ */ K(g, {
 				open: l,
 				onOpenChange: u,
 				value: e,
@@ -592,9 +650,9 @@ function wt({ value: e, onChange: t, onClear: n, defaultIcon: r, tone: i, title:
 }
 //#endregion
 //#region src/bento/bento-inline-edit.tsx
-function Tt({ value: n, onSave: r, multiline: i = !1, placeholder: a, className: o, ariaLabel: s, autoFocus: c = !1, readOnly: l = !1, commitOnChange: u = !1 }) {
-	let { t: d } = q(), [f, p] = H(c), [m, h] = H(n), [g, _] = H(!1), v = V(null), y = V(null), b = V(!1), x = V(!1), [S, C] = H(n);
-	!f && n !== S && (C(n), h(n)), B(() => {
+function jt({ value: n, onSave: r, multiline: i = !1, placeholder: a, className: o, ariaLabel: s, autoFocus: c = !1, readOnly: l = !1, commitOnChange: u = !1 }) {
+	let { t: d } = J(), [f, p] = W(c), [m, h] = W(n), [g, _] = W(!1), v = U(null), y = U(null), b = U(!1), x = U(!1), [S, C] = W(n);
+	!f && n !== S && (C(n), h(n)), V(() => {
 		f && v.current ? (v.current.focus(), v.current.select()) : !f && x.current && (x.current = !1, y.current?.focus());
 	}, [f]);
 	function w() {
@@ -627,22 +685,23 @@ function Tt({ value: n, onSave: r, multiline: i = !1, placeholder: a, className:
 		h(e), u && r(e);
 	}
 	let O = !n;
-	if (l) return /* @__PURE__ */ G("span", {
+	if (l) return /* @__PURE__ */ K("span", {
 		className: e("block w-full", o),
 		"aria-label": s,
-		children: n || /* @__PURE__ */ G("span", {
+		children: n || /* @__PURE__ */ K("span", {
 			className: "text-muted-foreground",
 			children: a ?? "—"
 		})
 	});
 	let k = "w-full bg-transparent outline-none border-b transition-colors duration-200", A = e(k, "cursor-text rounded-sm", O ? "border-dashed border-border/70 hover:border-foreground/40" : "border-transparent hover:border-border/60 focus-visible:border-border/80"), j = e(k, "bento-editing");
-	if (!f) return /* @__PURE__ */ G("button", {
+	if (!f) return /* @__PURE__ */ K("button", {
 		ref: y,
 		type: "button",
+		"data-look": "text",
 		onClick: () => p(!0),
 		className: e(A, "text-left", o),
 		"aria-label": s ?? d("forms.formActions.edit"),
-		children: n || /* @__PURE__ */ G("span", {
+		children: n || /* @__PURE__ */ K("span", {
 			className: "text-muted-foreground",
 			children: a ?? "—"
 		})
@@ -654,7 +713,7 @@ function Tt({ value: n, onSave: r, multiline: i = !1, placeholder: a, className:
 		}
 		e.key === "Enter" && (!i || e.metaKey || e.ctrlKey) && (e.preventDefault(), T());
 	}
-	return i ? /* @__PURE__ */ G("textarea", {
+	return i ? /* @__PURE__ */ K("textarea", {
 		ref: v,
 		value: m,
 		onChange: (e) => D(e.target.value),
@@ -665,7 +724,7 @@ function Tt({ value: n, onSave: r, multiline: i = !1, placeholder: a, className:
 		"aria-busy": g || void 0,
 		rows: 3,
 		className: e(j, "resize-none py-0.5 leading-snug", o)
-	}) : /* @__PURE__ */ G(t, {
+	}) : /* @__PURE__ */ K(t, {
 		ref: v,
 		value: m,
 		onChange: (e) => D(e.target.value),
@@ -679,22 +738,36 @@ function Tt({ value: n, onSave: r, multiline: i = !1, placeholder: a, className:
 }
 //#endregion
 //#region src/bento/bento-status-marker.tsx
-function Et({ titleMissing: t, dirty: n, className: r }) {
-	let { t: i } = q();
-	if (!t && !n) return null;
-	let a = "inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[10px] font-medium normal-case leading-none tracking-normal";
-	return t ? /* @__PURE__ */ K("span", {
-		className: e(a, "bento-status bento-status-error", r),
-		children: [/* @__PURE__ */ G(de, { className: "size-3" }), i("bento.saveBar.titleRequired", { defaultValue: "Title required" })]
-	}) : /* @__PURE__ */ K("span", {
-		className: e(a, "bento-status bento-status-warn", r),
-		children: [/* @__PURE__ */ G("span", { className: "h-1.5 w-1.5 rounded-full bento-status-dot bento-pulse" }), i("bento.saveBar.unsaved", { defaultValue: "Unsaved changes" })]
+var Mt = [
+	"published",
+	"draft",
+	"scheduled",
+	"changed",
+	"archived"
+];
+function Nt({ titleMissing: t, dirty: n, state: r, className: i }) {
+	let { t: a } = J();
+	if (!t && !n && !r) return null;
+	let o = "inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[10px] font-medium normal-case leading-none tracking-normal";
+	return t ? /* @__PURE__ */ q("span", {
+		className: e(o, "bento-status bento-status-error", i),
+		children: [/* @__PURE__ */ K(me, { className: "size-3" }), a("bento.saveBar.titleRequired", { defaultValue: "Title required" })]
+	}) : n ? /* @__PURE__ */ q("span", {
+		className: e(o, "bento-status bento-status-warn", i),
+		children: [/* @__PURE__ */ K("span", { className: "h-1.5 w-1.5 rounded-full bento-status-dot bento-pulse" }), a("bento.saveBar.unsaved", { defaultValue: "Unsaved changes" })]
+	}) : /* @__PURE__ */ q("span", {
+		"data-state": r,
+		className: e("inline-flex items-center gap-1.5 text-xs font-normal normal-case leading-none tracking-normal", r === "archived" ? "text-muted-foreground" : "text-foreground/80", `bento-state-${r}`, i),
+		children: [/* @__PURE__ */ K("span", {
+			"aria-hidden": !0,
+			className: "h-1.5 w-1.5 shrink-0 rounded-full bento-state-dot"
+		}), a(`bento.state.${r}`)]
 	});
 }
 //#endregion
 //#region src/bento/bento-scroll-fade.ts
-function Dt(e) {
-	B(() => {
+function Pt(e) {
+	V(() => {
 		let t = e.current;
 		if (!t) return;
 		let n = document.documentElement, r = 0, i = () => {
@@ -711,25 +784,25 @@ function Dt(e) {
 }
 //#endregion
 //#region src/bento/bento-entity-shell.tsx
-function Ot(e, t) {
+function Ft(e, t) {
 	let n = {};
 	for (let r of Object.keys(e)) Object.assign(n, { [r]: t[r] });
 	return n;
 }
-function kt({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i, trail: o, icon: s, tone: c, formId: l, feature: u, hasStatus: d = !1, hideIcon: f = !1, readOnly: p = !1, autosaveOnly: m = !1, badge: h, notice: g, onUpdate: _, onDelete: v, extraActions: y, children: b }) {
-	let { t: x } = q(), S = Ke(), [C, w] = H(!1), [T, E] = H({
+function It({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i, trail: o, icon: s, tone: c, formId: l, feature: u, hasStatus: d = !1, hideIcon: f = !1, readOnly: p = !1, autosaveOnly: m = !1, badge: h, notice: g, onUpdate: _, onDelete: v, extraActions: y, children: b }) {
+	let { t: x } = J(), S = Ye(), [C, w] = W(!1), [T, E] = W({
 		isDirty: !1,
 		isSubmitting: !1
-	}), D = V(null);
-	Dt(D);
+	}), D = U(null);
+	Pt(D);
 	let O = {
 		title: e.title ?? "",
 		description: e.description ?? "",
 		icon: e.icon ?? null,
 		enabled: e.enabled ?? 1
-	}, [k, A] = H(O), [j, M] = H(O);
+	}, [k, A] = W(O), [j, M] = W(O);
 	(O.title !== j.title || O.description !== j.description || O.icon !== j.icon || O.enabled !== j.enabled) && (M(O), A(O));
-	async function P(n) {
+	async function N(n) {
 		if (A((e) => ({
 			...e,
 			...n
@@ -739,32 +812,32 @@ function kt({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 			await _({
 				...e,
 				...n
-			}), N.success(x("forms.common.updated", {
+			}), R.success(x("forms.common.updated", {
 				name: r,
 				feature: u
 			}));
 		} catch (e) {
 			console.error("Failed to update entity field", e), A((e) => ({
 				...e,
-				...Ot(n, O)
-			})), N.error(x("forms.common.notUpdated", {
+				...Ft(n, O)
+			})), R.error(x("forms.common.notUpdated", {
 				name: O.title || r,
 				feature: u
 			}));
 		}
 	}
-	async function ee() {
+	async function P() {
 		if (v) {
 			try {
-				await v() ? (N.success(x("forms.common.deleted", {
+				await v() ? (R.success(x("forms.common.deleted", {
 					name: k.title,
 					feature: u
-				})), S(i)) : N.error(x("forms.common.notDeleted", {
+				})), S(i)) : R.error(x("forms.common.notDeleted", {
 					name: k.title,
 					feature: u
 				}));
 			} catch (e) {
-				console.error("Failed to delete entity", e), N.error(x("forms.common.notDeleted", {
+				console.error("Failed to delete entity", e), R.error(x("forms.common.notDeleted", {
 					name: k.title,
 					feature: u
 				}));
@@ -772,48 +845,48 @@ function kt({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 			w(!1);
 		}
 	}
-	let F = k.enabled === 1, I = !p, L = !(m && !t), R = !k.title.trim(), te = !t && !T.isDirty, ne = R || te, re = [...y ?? [], ...v && !p ? [{
+	let F = k.enabled === 1, ee = !p, te = !(m && !t), I = !k.title.trim(), L = !t && !T.isDirty, ne = I || L, z = [...y ?? [], ...v && !p ? [{
 		id: "entity.delete",
 		label: x("forms.formActions.delete"),
-		icon: Ie,
+		icon: ze,
 		tone: "destructive",
 		onSelect: () => w(!0)
 	}] : []];
-	return /* @__PURE__ */ K(W, { children: [
-		/* @__PURE__ */ G(Ct, {
-			eyebrow: /* @__PURE__ */ K("span", {
+	return /* @__PURE__ */ q(G, { children: [
+		/* @__PURE__ */ K(kt, {
+			eyebrow: /* @__PURE__ */ q("span", {
 				className: "inline-flex items-center gap-2",
-				children: [o && o.length > 1 ? /* @__PURE__ */ G(bt, { steps: o }) : /* @__PURE__ */ G(xt, {
+				children: [o && o.length > 1 ? /* @__PURE__ */ K(Et, { steps: o }) : /* @__PURE__ */ K(Dt, {
 					to: i,
 					children: r
-				}), !p && /* @__PURE__ */ G(Et, {
-					titleMissing: R,
+				}), !p && /* @__PURE__ */ K(Nt, {
+					titleMissing: I,
 					dirty: t || T.isDirty
 				})]
 			}),
-			leading: /* @__PURE__ */ G(wt, {
+			leading: /* @__PURE__ */ K(At, {
 				value: k.icon,
-				onChange: (e) => P({ icon: e }),
-				onClear: () => P({ icon: null }),
+				onChange: (e) => N({ icon: e }),
+				onClear: () => N({ icon: null }),
 				defaultIcon: s,
 				tone: c,
 				title: k.title,
 				description: k.description,
 				readOnly: p || f
 			}),
-			title: /* @__PURE__ */ G(Tt, {
+			title: /* @__PURE__ */ K(jt, {
 				value: k.title,
-				onSave: (e) => P({ title: e }),
+				onSave: (e) => N({ title: e }),
 				placeholder: n,
-				className: "text-3xl font-semibold tracking-tight md:text-4xl",
+				className: "text-2xl font-semibold tracking-tight md:text-3xl",
 				ariaLabel: x("forms.common.title"),
 				autoFocus: t,
 				commitOnChange: t,
 				readOnly: p
 			}),
-			subtitle: /* @__PURE__ */ G(Tt, {
+			subtitle: /* @__PURE__ */ K(jt, {
 				value: k.description,
-				onSave: (e) => P({ description: e }),
+				onSave: (e) => N({ description: e }),
 				multiline: !0,
 				placeholder: x("forms.common.description"),
 				className: "max-w-2xl text-sm text-muted-foreground",
@@ -821,52 +894,52 @@ function kt({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 				commitOnChange: t,
 				readOnly: p
 			}),
-			trailing: /* @__PURE__ */ K(W, { children: [
-				I && /* @__PURE__ */ K("div", {
+			trailing: /* @__PURE__ */ q(G, { children: [
+				ee && /* @__PURE__ */ q("div", {
 					className: "bento-fade-out flex shrink-0 items-center gap-2",
-					children: [L && /* @__PURE__ */ K(a, {
+					children: [te && /* @__PURE__ */ q(a, {
 						type: "submit",
 						form: l,
 						size: "sm",
 						loading: T.isSubmitting,
 						"aria-disabled": ne ? "true" : void 0,
-						children: [/* @__PURE__ */ G(Ce, { className: "size-4" }), x("forms.formActions.saveChanges")]
-					}), /* @__PURE__ */ K(a, {
+						children: [/* @__PURE__ */ K(Ee, { className: "size-4" }), x("forms.formActions.saveChanges")]
+					}), /* @__PURE__ */ q(a, {
 						type: "button",
 						size: "sm",
 						variant: "outline",
 						onClick: () => S(i),
-						children: [/* @__PURE__ */ G(Be, { className: "size-4" }), x("forms.formActions.cancel")]
+						children: [/* @__PURE__ */ K(Ue, { className: "size-4" }), x("forms.formActions.cancel")]
 					})]
 				}),
 				h,
-				d && (p ? /* @__PURE__ */ K("span", {
-					className: `flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-[10px] uppercase tracking-wider ${F ? "bento-status bento-status-on" : "border-border bg-muted text-muted-foreground"}`,
-					children: [/* @__PURE__ */ G("span", { className: `h-1.5 w-1.5 rounded-full ${F ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), F ? x("common.active", { defaultValue: "Active" }) : x("common.idle", { defaultValue: "Idle" })]
-				}) : /* @__PURE__ */ K("button", {
+				d && (p ? /* @__PURE__ */ q("span", {
+					className: `flex h-(--vg-control-dense) items-center gap-1.5 rounded-full border px-2.5 text-[10px] uppercase tracking-wider ${F ? "bento-status bento-status-on" : "border-border bg-muted text-muted-foreground"}`,
+					children: [/* @__PURE__ */ K("span", { className: `h-1.5 w-1.5 rounded-full ${F ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), F ? x("common.active", { defaultValue: "Active" }) : x("common.idle", { defaultValue: "Idle" })]
+				}) : /* @__PURE__ */ q("button", {
 					type: "button",
-					onClick: () => P({ enabled: +!F }),
+					onClick: () => N({ enabled: +!F }),
 					"aria-label": x("forms.common.enabled"),
 					title: x(F ? "common.activeToggleHint" : "common.idleToggleHint"),
-					className: `bento-tile-clickable flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-[10px] uppercase tracking-wider transition-colors duration-200 ${F ? "bento-status bento-status-on" : "border-border bg-muted text-muted-foreground hover:bg-muted/80"}`,
-					children: [/* @__PURE__ */ G("span", { className: `h-1.5 w-1.5 rounded-full ${F ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), F ? x("common.active", { defaultValue: "Active" }) : x("common.idle", { defaultValue: "Idle" })]
+					className: `bento-tile-clickable flex h-(--vg-control-dense) items-center gap-1.5 rounded-full border px-2.5 text-[10px] uppercase tracking-wider transition-colors duration-200 ${F ? "bento-status bento-status-on" : "border-border bg-muted text-muted-foreground hover:bg-muted/80"}`,
+					children: [/* @__PURE__ */ K("span", { className: `h-1.5 w-1.5 rounded-full ${F ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), F ? x("common.active", { defaultValue: "Active" }) : x("common.idle", { defaultValue: "Idle" })]
 				})),
-				!t && re.length > 0 && /* @__PURE__ */ G(dt, { actions: re })
+				!t && z.length > 0 && /* @__PURE__ */ K(mt, { actions: z })
 			] })
 		}),
-		/* @__PURE__ */ G("div", {
+		/* @__PURE__ */ K("div", {
 			ref: D,
 			"aria-hidden": !0,
 			className: "h-px"
 		}),
 		g,
-		!t && v && /* @__PURE__ */ G(ie, {
+		!t && v && /* @__PURE__ */ K(ae, {
 			feature: u,
 			name: k.title,
-			onDelete: ee,
+			onDelete: P,
 			open: C,
 			setOpen: w,
-			trigger: /* @__PURE__ */ G("span", {
+			trigger: /* @__PURE__ */ K("span", {
 				className: "hidden",
 				"aria-hidden": !0
 			})
@@ -879,20 +952,20 @@ function kt({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 }
 //#endregion
 //#region src/bento/bento-change-mark.tsx
-var At = {
+var Lt = {
 	added: "bento-status bento-status-on",
 	removed: "bento-status bento-status-error",
 	changed: "bento-status bento-status-warn",
 	unchanged: !1
 };
-function jt({ state: t, compact: n = !1, className: r }) {
-	let { t: i } = q(), a = {
+function Rt({ state: t, compact: n = !1, className: r }) {
+	let { t: i } = J(), a = {
 		added: i("bento.diff.added", { defaultValue: "Added" }),
 		removed: i("bento.diff.removed", { defaultValue: "Removed" }),
 		changed: i("bento.diff.changed", { defaultValue: "Changed" }),
 		unchanged: i("bento.diff.unchanged", { defaultValue: "Unchanged" })
-	}[t], o = e("rounded-full border px-1.5 leading-4", n && "font-mono", At[t], r);
-	if (!n) return /* @__PURE__ */ G("span", {
+	}[t], o = e("rounded-full border px-1.5 leading-4", n && "font-mono", Lt[t], r);
+	if (!n) return /* @__PURE__ */ K("span", {
 		"data-slot": "bento-change-mark",
 		"data-state": t,
 		className: o,
@@ -904,15 +977,15 @@ function jt({ state: t, compact: n = !1, className: r }) {
 		changed: i("bento.diff.changedLetter", { defaultValue: "M" }),
 		unchanged: i("bento.diff.unchangedLetter", { defaultValue: "·" })
 	}[t];
-	return /* @__PURE__ */ K("span", {
+	return /* @__PURE__ */ q("span", {
 		"data-slot": "bento-change-mark",
 		"data-state": t,
 		title: a,
 		className: o,
-		children: [/* @__PURE__ */ G("span", {
+		children: [/* @__PURE__ */ K("span", {
 			"aria-hidden": "true",
 			children: s
-		}), /* @__PURE__ */ G("span", {
+		}), /* @__PURE__ */ K("span", {
 			className: "sr-only",
 			children: a
 		})]
@@ -920,7 +993,7 @@ function jt({ state: t, compact: n = !1, className: r }) {
 }
 //#endregion
 //#region src/bento/bento-diff.tsx
-function Mt(e, t, n = !0) {
+function zt(e, t, n = !0) {
 	let r = e.length, i = t.length;
 	if (r * i > 4e5) return null;
 	let a = Array.from({ length: r + 1 }, () => new Uint32Array(i + 1));
@@ -937,16 +1010,16 @@ function Mt(e, t, n = !0) {
 	for (; l < i;) s("add", t[l++]);
 	return o;
 }
-var Nt = (e) => e.split(/(\s+)/).filter((e) => e !== "");
-function Pt(e) {
+var Bt = (e) => e.split(/(\s+)/).filter((e) => e !== "");
+function Vt(e) {
 	if (typeof DOMParser > "u") return e.split(/<\/(?:p|h[1-6]|li|blockquote|pre|div)>/i).map((e) => e.replace(/<[^>]*>/g, "").replace(/\s+/g, " ").trim()).filter(Boolean);
 	let t = new DOMParser().parseFromString(e, "text/html"), n = [...t.body.querySelectorAll("p, h1, h2, h3, h4, h5, h6, li, blockquote, pre")].filter((e) => !e.parentElement?.closest("p, h1, h2, h3, h4, h5, h6, li, blockquote, pre")).map((e) => (e.textContent ?? "").replace(/\s+/g, " ").trim()).filter(Boolean), r = (t.body.textContent ?? "").replace(/\s+/g, " ").trim();
 	return n.length > 0 ? n : r ? [r] : [];
 }
-var X = (e) => e == null ? "" : String(e);
-function Ft({ before: t, after: n, fields: r, showUnchanged: i = !1, layout: a = "inline" }) {
-	let { t: o } = q(), [s, c] = H(i), l = r.map((e) => {
-		let r = t?.[e.id], i = n?.[e.id], a = e.kind ?? "text", o = a === "rich" ? Pt(X(r)).join("\n") === Pt(X(i)).join("\n") : a === "value" ? JSON.stringify(r ?? null) === JSON.stringify(i ?? null) : X(r) === X(i), s = "changed";
+var Q = (e) => e == null ? "" : String(e);
+function Ht({ before: t, after: n, fields: r, showUnchanged: i = !1, layout: a = "inline" }) {
+	let { t: o } = J(), [s, c] = W(i), l = r.map((e) => {
+		let r = t?.[e.id], i = n?.[e.id], a = e.kind ?? "text", o = a === "rich" ? Vt(Q(r)).join("\n") === Vt(Q(i)).join("\n") : a === "value" ? JSON.stringify(r ?? null) === JSON.stringify(i ?? null) : Q(r) === Q(i), s = "changed";
 		return t === null || (r == null || r === "") && !o ? s = "added" : n === null || (i == null || i === "") && !o ? s = "removed" : o && (s = "unchanged"), {
 			field: e,
 			a: r,
@@ -955,37 +1028,38 @@ function Ft({ before: t, after: n, fields: r, showUnchanged: i = !1, layout: a =
 			state: s
 		};
 	}), u = l.filter((e) => e.state !== "unchanged"), d = l.filter((e) => e.state === "unchanged");
-	return /* @__PURE__ */ K("div", {
+	return /* @__PURE__ */ q("div", {
 		"data-slot": "bento-diff",
 		className: "flex flex-col gap-3",
 		children: [
-			(t === null || n === null) && /* @__PURE__ */ G("p", {
+			(t === null || n === null) && /* @__PURE__ */ K("p", {
 				className: "m-0 text-sm font-medium",
 				children: t === null ? o("bento.diff.created", { defaultValue: "Created in this version" }) : o("bento.diff.deleted", { defaultValue: "Deleted in this version" })
 			}),
-			u.length === 0 && /* @__PURE__ */ G("p", {
+			u.length === 0 && /* @__PURE__ */ K("p", {
 				className: "m-0 text-sm text-muted-foreground",
 				children: o("bento.diff.noChanges", { defaultValue: "No field changed" })
 			}),
-			/* @__PURE__ */ G("dl", {
+			/* @__PURE__ */ K("dl", {
 				className: "m-0 flex flex-col gap-3",
-				children: u.map((e) => /* @__PURE__ */ G(It, {
+				children: u.map((e) => /* @__PURE__ */ K(Ut, {
 					label: e.field.label,
 					state: e.state,
-					children: /* @__PURE__ */ G(Lt, {
+					children: /* @__PURE__ */ K(Wt, {
 						row: e,
 						layout: a
 					})
 				}, e.field.id))
 			}),
-			d.length > 0 && /* @__PURE__ */ K("div", {
+			d.length > 0 && /* @__PURE__ */ q("div", {
 				className: "flex flex-col gap-3",
-				children: [/* @__PURE__ */ K("button", {
+				children: [/* @__PURE__ */ q("button", {
 					type: "button",
+					"data-look": "text",
 					"aria-expanded": s ? "true" : "false",
 					onClick: () => c(!s),
 					className: "inline-flex items-center gap-1 self-start rounded-md text-sm text-muted-foreground hover:text-foreground focus-visible:outline-2 focus-visible:outline-ring",
-					children: [/* @__PURE__ */ G(xe, {
+					children: [/* @__PURE__ */ K(we, {
 						size: 14,
 						"aria-hidden": "true",
 						className: e("transition-transform", s && "rotate-90")
@@ -993,14 +1067,14 @@ function Ft({ before: t, after: n, fields: r, showUnchanged: i = !1, layout: a =
 						defaultValue: "{{count}} unchanged",
 						count: d.length
 					})]
-				}), s && /* @__PURE__ */ G("dl", {
+				}), s && /* @__PURE__ */ K("dl", {
 					className: "m-0 flex flex-col gap-3",
-					children: d.map((t) => /* @__PURE__ */ G(It, {
+					children: d.map((t) => /* @__PURE__ */ K(Ut, {
 						label: t.field.label,
 						state: "unchanged",
-						children: /* @__PURE__ */ G("p", {
+						children: /* @__PURE__ */ K("p", {
 							className: e("m-0 whitespace-pre-wrap text-sm text-muted-foreground", t.kind === "lines" && "font-mono text-xs"),
-							children: t.kind === "rich" ? Pt(X(t.b)).join("\n\n") : t.field.format ? t.field.format(t.b) : X(t.b)
+							children: t.kind === "rich" ? Vt(Q(t.b)).join("\n\n") : t.field.format ? t.field.format(t.b) : Q(t.b)
 						})
 					}, t.field.id))
 				})]
@@ -1008,41 +1082,41 @@ function Ft({ before: t, after: n, fields: r, showUnchanged: i = !1, layout: a =
 		]
 	});
 }
-function It({ label: e, state: t, children: n }) {
-	return /* @__PURE__ */ K("div", {
+function Ut({ label: e, state: t, children: n }) {
+	return /* @__PURE__ */ q("div", {
 		className: "rounded-xl border border-border/60 bg-card/40 p-3",
-		children: [/* @__PURE__ */ K("dt", {
+		children: [/* @__PURE__ */ q("dt", {
 			className: "mb-1.5 flex items-center gap-2 text-xs font-medium text-muted-foreground",
-			children: [/* @__PURE__ */ G("span", { children: e }), /* @__PURE__ */ G(jt, { state: t })]
-		}), /* @__PURE__ */ G("dd", {
+			children: [/* @__PURE__ */ K("span", { children: e }), /* @__PURE__ */ K(Rt, { state: t })]
+		}), /* @__PURE__ */ K("dd", {
 			className: "m-0",
 			children: n
 		})]
 	});
 }
-function Lt({ row: e, layout: t }) {
-	let { t: n } = q(), { field: r, a: i, b: a, kind: o, state: s } = e;
-	if (o === "lines") return /* @__PURE__ */ G(Ut, {
+function Wt({ row: e, layout: t }) {
+	let { t: n } = J(), { field: r, a: i, b: a, kind: o, state: s } = e;
+	if (o === "lines") return /* @__PURE__ */ K(Xt, {
 		label: r.label,
-		before: X(i),
-		after: X(a),
+		before: Q(i),
+		after: Q(a),
 		layout: t
 	});
 	if (o === "value") {
-		let e = (e) => r.format ? r.format(e) : X(e);
-		return /* @__PURE__ */ K("p", {
+		let e = (e) => r.format ? r.format(e) : Q(e);
+		return /* @__PURE__ */ q("p", {
 			className: "m-0 flex flex-wrap items-center gap-2 text-sm",
 			children: [
-				s !== "added" && /* @__PURE__ */ G(tn, { children: e(i) }),
-				s === "changed" && /* @__PURE__ */ G("span", {
+				s !== "added" && /* @__PURE__ */ K(ln, { children: e(i) }),
+				s === "changed" && /* @__PURE__ */ K("span", {
 					"aria-hidden": "true",
 					children: "→"
 				}),
-				s !== "removed" && /* @__PURE__ */ G(en, { children: e(a) })
+				s !== "removed" && /* @__PURE__ */ K(cn, { children: e(a) })
 			]
 		});
 	}
-	let c = o === "rich" ? Pt(X(i)) : [X(i)].filter(Boolean), l = o === "rich" ? Pt(X(a)) : [X(a)].filter(Boolean), u = Mt(c, l, !1) ?? [...c.map((e) => ({
+	let c = o === "rich" ? Vt(Q(i)) : [Q(i)].filter(Boolean), l = o === "rich" ? Vt(Q(a)) : [Q(a)].filter(Boolean), u = zt(c, l, !1) ?? [...c.map((e) => ({
 		op: "remove",
 		text: e
 	})), ...l.map((e) => ({
@@ -1052,35 +1126,35 @@ function Lt({ row: e, layout: t }) {
 	for (let e = 0; e < u.length; e++) {
 		let t = u[e], n = u[e + 1];
 		if (t.op === "remove" && n?.op === "add") {
-			let r = Mt(Nt(t.text), Nt(n.text));
-			d.push(/* @__PURE__ */ G("p", {
+			let r = zt(Bt(t.text), Bt(n.text));
+			d.push(/* @__PURE__ */ K("p", {
 				className: "m-0 whitespace-pre-wrap text-sm leading-relaxed",
-				children: r ? r.map((e, t) => e.op === "same" ? /* @__PURE__ */ G("span", { children: e.text }, t) : e.op === "add" ? /* @__PURE__ */ G(en, { children: e.text }, t) : /* @__PURE__ */ G(tn, { children: e.text }, t)) : [
-					/* @__PURE__ */ G(tn, { children: t.text }, "r"),
+				children: r ? r.map((e, t) => e.op === "same" ? /* @__PURE__ */ K("span", { children: e.text }, t) : e.op === "add" ? /* @__PURE__ */ K(cn, { children: e.text }, t) : /* @__PURE__ */ K(ln, { children: e.text }, t)) : [
+					/* @__PURE__ */ K(ln, { children: t.text }, "r"),
 					" ",
-					/* @__PURE__ */ G(en, { children: n.text }, "a")
+					/* @__PURE__ */ K(cn, { children: n.text }, "a")
 				]
 			}, e)), e++;
-		} else d.push(/* @__PURE__ */ G("p", {
+		} else d.push(/* @__PURE__ */ K("p", {
 			className: "m-0 whitespace-pre-wrap text-sm leading-relaxed",
-			children: t.op === "same" ? t.text : t.op === "add" ? /* @__PURE__ */ G(en, { children: t.text }) : /* @__PURE__ */ G(tn, { children: t.text })
+			children: t.op === "same" ? t.text : t.op === "add" ? /* @__PURE__ */ K(cn, { children: t.text }) : /* @__PURE__ */ K(ln, { children: t.text })
 		}, e));
 	}
-	return d.length === 0 ? /* @__PURE__ */ G("p", {
+	return d.length === 0 ? /* @__PURE__ */ K("p", {
 		className: "m-0 text-sm text-muted-foreground",
 		children: n("bento.diff.empty", { defaultValue: "Empty" })
-	}) : /* @__PURE__ */ G("div", {
+	}) : /* @__PURE__ */ K("div", {
 		className: "flex flex-col gap-2",
 		children: d
 	});
 }
-var Rt = 3, zt = (e) => e === "" ? [] : e.replace(/\r?\n$/, "").split(/\r?\n/);
-function Bt(e, t) {
-	let n = zt(e), r = zt(t), i = 0;
+var Gt = 3, Kt = (e) => e === "" ? [] : e.replace(/\r?\n$/, "").split(/\r?\n/);
+function qt(e, t) {
+	let n = Kt(e), r = Kt(t), i = 0;
 	for (; i < n.length && i < r.length && n[i] === r[i];) i++;
 	let a = 0;
 	for (; a < n.length - i && a < r.length - i && n[n.length - 1 - a] === r[r.length - 1 - a];) a++;
-	let o = Mt(n.slice(i, n.length - a), r.slice(i, r.length - a), !1);
+	let o = zt(n.slice(i, n.length - a), r.slice(i, r.length - a), !1);
 	if (o === null) return null;
 	let s = [], c = 0, l = 0, u = (e) => s.push({
 		op: "same",
@@ -1091,7 +1165,7 @@ function Bt(e, t) {
 	n.slice(0, i).forEach(u);
 	let d = [], f = [], p = () => {
 		for (let e = 0; e < Math.min(d.length, f.length); e++) {
-			let t = Mt(Nt(d[e].text), Nt(f[e].text));
+			let t = zt(Bt(d[e].text), Bt(f[e].text));
 			t && (d[e].parts = t.filter((e) => e.op !== "add"), f[e].parts = t.filter((e) => e.op !== "remove"));
 		}
 		s.push(...d, ...f), d = [], f = [];
@@ -1107,7 +1181,7 @@ function Bt(e, t) {
 	}) : (p(), u(e.text));
 	return p(), n.slice(n.length - a).forEach(u), s;
 }
-function Vt(e) {
+function Jt(e) {
 	let t = [], n = 0;
 	for (; n < e.length;) {
 		if (e[n].op === "same") {
@@ -1126,10 +1200,10 @@ function Vt(e) {
 	}
 	return t;
 }
-function Ht(e, t, n) {
+function Yt(e, t, n) {
 	let r = Array(e.length).fill(!1);
 	e.forEach((n, i) => {
-		if (t(n)) for (let t = Math.max(0, i - Rt); t <= Math.min(e.length - 1, i + Rt); t++) r[t] = !0;
+		if (t(n)) for (let t = Math.max(0, i - Gt); t <= Math.min(e.length - 1, i + Gt); t++) r[t] = !0;
 	});
 	let i = [], a = 0;
 	for (; a < e.length;) {
@@ -1147,13 +1221,13 @@ function Ht(e, t, n) {
 	}
 	return i;
 }
-function Ut({ label: t, before: n, after: r, layout: i }) {
-	let { t: a } = q(), [o, s] = H(/* @__PURE__ */ new Set()), c = Bt(n, r);
-	if (c === null) return /* @__PURE__ */ G("p", {
+function Xt({ label: t, before: n, after: r, layout: i }) {
+	let { t: a } = J(), [o, s] = W(/* @__PURE__ */ new Set()), c = qt(n, r);
+	if (c === null) return /* @__PURE__ */ K("p", {
 		className: "m-0 text-sm text-muted-foreground",
 		children: a("bento.diff.tooLarge", { defaultValue: "Too many lines changed to compare them here" })
 	});
-	if (c.length === 0) return /* @__PURE__ */ G("p", {
+	if (c.length === 0) return /* @__PURE__ */ K("p", {
 		className: "m-0 text-sm text-muted-foreground",
 		children: a("bento.diff.empty", { defaultValue: "Empty" })
 	});
@@ -1163,15 +1237,16 @@ function Ut({ label: t, before: n, after: r, layout: i }) {
 	};
 	function u(t, n, r) {
 		let i = o.has(t.key);
-		return [/* @__PURE__ */ G("tr", { children: /* @__PURE__ */ G("td", {
+		return [/* @__PURE__ */ K("tr", { children: /* @__PURE__ */ K("td", {
 			colSpan: n,
 			className: "bg-muted/40 px-2",
-			children: /* @__PURE__ */ K("button", {
+			children: /* @__PURE__ */ q("button", {
 				type: "button",
+				"data-look": "text",
 				"aria-expanded": i ? "true" : "false",
 				onClick: () => l(t.key),
 				className: "inline-flex items-center gap-1 rounded-md font-sans text-muted-foreground hover:text-foreground focus-visible:outline-2 focus-visible:outline-ring",
-				children: [/* @__PURE__ */ G(xe, {
+				children: [/* @__PURE__ */ K(we, {
 					size: 12,
 					"aria-hidden": "true",
 					className: e("transition-transform", i && "rotate-90")
@@ -1182,141 +1257,210 @@ function Ut({ label: t, before: n, after: r, layout: i }) {
 			})
 		}) }, `fold-${t.key}`), ...i ? t.items.map(r) : []];
 	}
-	let d = (t) => /* @__PURE__ */ G("table", {
+	let d = (t) => /* @__PURE__ */ K("table", {
 		"data-layout": "inline",
-		className: e("min-w-full border-collapse font-mono text-xs leading-5", t),
-		children: /* @__PURE__ */ G("tbody", { children: Ht(c, (e) => e.op !== "same", Wt).map((e) => {
-			let t = (e) => /* @__PURE__ */ G(Xt, { row: e }, Wt(e));
+		className: e("min-w-full border-collapse font-mono text-mono leading-5", t),
+		children: /* @__PURE__ */ K("tbody", { children: Yt(c, (e) => e.op !== "same", Zt).map((e) => {
+			let t = (e) => /* @__PURE__ */ K(rn, { row: e }, Zt(e));
 			return e.fold ? u(e, 4, t) : e.items.map(t);
 		}) })
 	});
-	return /* @__PURE__ */ G("section", {
+	return /* @__PURE__ */ K("section", {
 		"aria-label": t,
 		tabIndex: 0,
 		className: "@container/diff overflow-x-auto rounded-md border border-border/60 focus-visible:outline-2 focus-visible:outline-ring",
-		children: i === "split" ? /* @__PURE__ */ K(W, { children: [d("@3xl/diff:hidden"), ((t) => /* @__PURE__ */ K("table", {
+		children: i === "split" ? /* @__PURE__ */ q(G, { children: [d("@3xl/diff:hidden"), ((t) => /* @__PURE__ */ q("table", {
 			"data-layout": "split",
-			className: e("w-full table-fixed border-collapse font-mono text-xs leading-5", t),
-			children: [/* @__PURE__ */ K("colgroup", { children: [
-				/* @__PURE__ */ G("col", { className: "w-14" }),
-				/* @__PURE__ */ G("col", { className: "w-5" }),
-				/* @__PURE__ */ G("col", {}),
-				/* @__PURE__ */ G("col", { className: "w-14" }),
-				/* @__PURE__ */ G("col", { className: "w-5" }),
-				/* @__PURE__ */ G("col", {})
-			] }), /* @__PURE__ */ G("tbody", { children: Ht(Vt(c), (e) => e.left?.op !== "same", Gt).map((e) => {
-				let t = (e) => /* @__PURE__ */ G(Zt, { pair: e }, Gt(e));
+			className: e("w-full table-fixed border-collapse font-mono text-mono leading-5", t),
+			children: [/* @__PURE__ */ q("colgroup", { children: [
+				/* @__PURE__ */ K("col", { className: "w-14" }),
+				/* @__PURE__ */ K("col", { className: "w-5" }),
+				/* @__PURE__ */ K("col", {}),
+				/* @__PURE__ */ K("col", { className: "w-14" }),
+				/* @__PURE__ */ K("col", { className: "w-5" }),
+				/* @__PURE__ */ K("col", {})
+			] }), /* @__PURE__ */ K("tbody", { children: Yt(Jt(c), (e) => e.left?.op !== "same", Qt).map((e) => {
+				let t = (e) => /* @__PURE__ */ K(an, { pair: e }, Qt(e));
 				return e.fold ? u(e, 6, t) : e.items.map(t);
 			}) })]
 		}))("hidden @3xl/diff:table")] }) : d()
 	});
 }
-var Wt = (e) => `${e.old ?? ""}:${e.new ?? ""}`, Gt = (e) => `${e.left?.old ?? ""}:${e.right?.new ?? ""}`, Kt = (t) => e(t.op === "add" && "bento-status bento-status-on", t.op === "remove" && "bento-status bento-status-error");
-function qt(e) {
-	return e.parts ? e.parts.map((e, t) => e.op === "add" ? /* @__PURE__ */ G(en, { children: e.text }, t) : e.op === "remove" ? /* @__PURE__ */ G(tn, { children: e.text }, t) : /* @__PURE__ */ G("span", { children: e.text }, t)) : e.op === "same" ? e.text : /* @__PURE__ */ G($t, {
+var Zt = (e) => `${e.old ?? ""}:${e.new ?? ""}`, Qt = (e) => `${e.left?.old ?? ""}:${e.right?.new ?? ""}`, $t = (t) => e(t.op === "add" && "bento-status bento-status-on", t.op === "remove" && "bento-status bento-status-error");
+function en(e) {
+	return e.parts ? e.parts.map((e, t) => e.op === "add" ? /* @__PURE__ */ K(cn, { children: e.text }, t) : e.op === "remove" ? /* @__PURE__ */ K(ln, { children: e.text }, t) : /* @__PURE__ */ K("span", { children: e.text }, t)) : e.op === "same" ? e.text : /* @__PURE__ */ K(sn, {
 		op: e.op,
 		children: e.text
 	});
 }
-var Jt = {
+var tn = {
 	same: " ",
 	add: "+",
 	remove: "−"
-}, Yt = "select-none px-2 text-right align-top text-muted-foreground tabular-nums";
-function Xt({ row: t }) {
-	let n = Kt(t);
-	return /* @__PURE__ */ K("tr", {
+}, nn = "select-none px-2 text-right align-top text-muted-foreground tabular-nums";
+function rn({ row: t }) {
+	let n = $t(t);
+	return /* @__PURE__ */ q("tr", {
 		"data-op": t.op,
 		children: [
-			/* @__PURE__ */ G("td", {
-				className: e("w-px", Yt, n),
+			/* @__PURE__ */ K("td", {
+				className: e("w-px", nn, n),
 				children: t.old
 			}),
-			/* @__PURE__ */ G("td", {
-				className: e("w-px", Yt, n),
+			/* @__PURE__ */ K("td", {
+				className: e("w-px", nn, n),
 				children: t.new
 			}),
-			/* @__PURE__ */ G("td", {
+			/* @__PURE__ */ K("td", {
 				"aria-hidden": "true",
 				className: e("w-px select-none pr-1", n),
-				children: Jt[t.op]
+				children: tn[t.op]
 			}),
-			/* @__PURE__ */ G("td", {
+			/* @__PURE__ */ K("td", {
 				className: e("whitespace-pre pr-3", !t.parts && n),
-				children: qt(t)
+				children: en(t)
 			})
 		]
 	});
 }
-function Zt({ pair: e }) {
-	return /* @__PURE__ */ K("tr", {
+function an({ pair: e }) {
+	return /* @__PURE__ */ q("tr", {
 		"data-op": e.left?.op === "same" ? "same" : "change",
-		children: [/* @__PURE__ */ G(Qt, {
+		children: [/* @__PURE__ */ K(on, {
 			row: e.left,
 			number: e.left?.old
-		}), /* @__PURE__ */ G(Qt, {
+		}), /* @__PURE__ */ K(on, {
 			row: e.right,
 			number: e.right?.new,
 			right: !0
 		})]
 	});
 }
-function Qt({ row: t, number: n, right: r = !1 }) {
-	if (t === null) return /* @__PURE__ */ G("td", {
+function on({ row: t, number: n, right: r = !1 }) {
+	if (t === null) return /* @__PURE__ */ K("td", {
 		colSpan: 3,
 		"data-empty": "",
 		className: e("[background-image:repeating-linear-gradient(-45deg,var(--color-border)_0_1px,transparent_0_6px)]", r && "border-l border-border/60")
 	});
-	let i = Kt(t);
-	return /* @__PURE__ */ K(W, { children: [
-		/* @__PURE__ */ G("td", {
-			className: e(Yt, i, r && "border-l border-border/60"),
+	let i = $t(t);
+	return /* @__PURE__ */ q(G, { children: [
+		/* @__PURE__ */ K("td", {
+			className: e(nn, i, r && "border-l border-border/60"),
 			children: n
 		}),
-		/* @__PURE__ */ G("td", {
+		/* @__PURE__ */ K("td", {
 			"aria-hidden": "true",
 			className: e("select-none align-top", i),
-			children: Jt[t.op]
+			children: tn[t.op]
 		}),
-		/* @__PURE__ */ G("td", {
+		/* @__PURE__ */ K("td", {
 			className: e("whitespace-pre-wrap pr-3 [overflow-wrap:anywhere]", !t.parts && i),
-			children: qt(t)
+			children: en(t)
 		})
 	] });
 }
-function $t({ op: e, children: t }) {
-	let { t: n } = q();
-	return /* @__PURE__ */ K(e === "add" ? "ins" : "del", {
+function sn({ op: e, children: t }) {
+	let { t: n } = J();
+	return /* @__PURE__ */ q(e === "add" ? "ins" : "del", {
 		className: "no-underline",
-		children: [/* @__PURE__ */ K("span", {
+		children: [/* @__PURE__ */ q("span", {
 			className: "sr-only",
 			children: [e === "add" ? n("bento.diff.addedStart", { defaultValue: "added:" }) : n("bento.diff.removedStart", { defaultValue: "removed:" }), " "]
 		}), t]
 	});
 }
-function en({ children: e }) {
-	let { t } = q();
-	return /* @__PURE__ */ K("ins", {
+function cn({ children: e }) {
+	let { t } = J();
+	return /* @__PURE__ */ q("ins", {
 		className: "bento-status bento-status-on rounded-sm px-0.5 underline decoration-2 underline-offset-2",
-		children: [/* @__PURE__ */ K("span", {
+		children: [/* @__PURE__ */ q("span", {
 			className: "sr-only",
 			children: [t("bento.diff.addedStart", { defaultValue: "added:" }), " "]
 		}), e]
 	});
 }
-function tn({ children: e }) {
-	let { t } = q();
-	return /* @__PURE__ */ K("del", {
+function ln({ children: e }) {
+	let { t } = J();
+	return /* @__PURE__ */ q("del", {
 		className: "bento-status bento-status-error rounded-sm px-0.5 line-through decoration-2",
-		children: [/* @__PURE__ */ K("span", {
+		children: [/* @__PURE__ */ q("span", {
 			className: "sr-only",
 			children: [t("bento.diff.removedStart", { defaultValue: "removed:" }), " "]
 		}), e]
 	});
 }
 //#endregion
+//#region src/bento/bento-change-cell.tsx
+var un = 6e4, dn = 60 * un, fn = 24 * dn, pn = 30 * fn;
+function mn(e, t, n) {
+	let r = e.getTime() - t, i = Math.abs(r);
+	return i < un ? n.format(0, "second") : i < dn ? n.format(Math.round(r / un), "minute") : i < fn ? n.format(Math.round(r / dn), "hour") : n.format(Math.round(r / fn), "day");
+}
+function hn({ at: t, actor: n, agent: r = !1, now: i, className: a }) {
+	let { t: o, i18n: s } = J(), c = new Date(t), l = !Number.isNaN(c.getTime()), [u] = W(() => Date.now()), d = i === void 0 ? u : new Date(i).getTime(), f = s?.resolvedLanguage ?? s?.language, p = String(t), m = String(t);
+	return l && (m = new Intl.DateTimeFormat(f, {
+		dateStyle: "long",
+		timeStyle: "short"
+	}).format(c), p = Math.abs(c.getTime() - d) < pn ? mn(c, d, new Intl.RelativeTimeFormat(f, { numeric: "auto" })) : new Intl.DateTimeFormat(f, { dateStyle: "medium" }).format(c)), /* @__PURE__ */ q("span", {
+		"data-slot": "bento-change-cell",
+		className: e("flex min-w-0 flex-col", a),
+		children: [/* @__PURE__ */ q("time", {
+			dateTime: l ? c.toISOString() : void 0,
+			title: m,
+			className: "truncate text-foreground",
+			children: [/* @__PURE__ */ K("span", {
+				"aria-hidden": "true",
+				children: p
+			}), /* @__PURE__ */ K("span", {
+				className: "sr-only",
+				children: m
+			})]
+		}), n != null && /* @__PURE__ */ q("span", {
+			className: "flex min-w-0 items-center gap-1 text-xs text-muted-foreground",
+			children: [r && /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(Ie, {
+				size: 12,
+				"aria-hidden": "true",
+				className: "shrink-0"
+			}), /* @__PURE__ */ K("span", {
+				className: "sr-only",
+				children: o("bento.versions.agent", { defaultValue: "Agent" })
+			})] }), /* @__PURE__ */ K("span", {
+				className: "truncate",
+				children: n
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/bento/bento-identity-cell.tsx
+function gn(e) {
+	let t = 0;
+	for (let n of e) t = t * 31 + (n.codePointAt(0) ?? 0) >>> 0;
+	return gt[t % gt.length];
+}
+function _n({ name: t, detail: n, tone: r, className: i }) {
+	return /* @__PURE__ */ q("span", {
+		"data-slot": "bento-identity-cell",
+		className: e("flex min-w-0 items-center gap-2.5", i),
+		children: [/* @__PURE__ */ K("span", {
+			"aria-hidden": "true",
+			className: e(_t(r ?? gn(t)), "grid size-8 shrink-0 place-items-center rounded-lg text-xs font-semibold text-white"),
+			children: D({ name: t })
+		}), /* @__PURE__ */ q("span", {
+			className: "flex min-w-0 flex-col",
+			children: [/* @__PURE__ */ K("span", {
+				className: "truncate font-medium text-foreground",
+				children: t
+			}), n != null && /* @__PURE__ */ K("span", {
+				className: "truncate text-xs text-muted-foreground",
+				children: n
+			})]
+		})]
+	});
+}
+//#endregion
 //#region src/bento/bento-split-page.tsx
-var nn = ["primary", "secondary"], rn = {
+var vn = ["primary", "secondary"], yn = {
 	getItem: (e) => {
 		try {
 			return window.localStorage.getItem(e);
@@ -1329,69 +1473,69 @@ var nn = ["primary", "secondary"], rn = {
 			window.localStorage.setItem(e, t);
 		} catch {}
 	}
-}, an = {
+}, bn = {
 	getItem: () => null,
 	setItem: () => {}
 };
-function on({ primary: t, secondary: n, primaryLabel: r, secondaryLabel: i, storageKey: a, defaultRatio: o = 50, className: s }) {
-	let { t: c } = q(), u = k(), d = He({
+function xn({ primary: t, secondary: n, primaryLabel: r, secondaryLabel: i, storageKey: a, defaultRatio: o = 50, className: s }) {
+	let { t: c } = J(), l = re(), u = Ge({
 		id: a ?? "bento-split-page",
-		panelIds: nn,
-		storage: a ? rn : an
+		panelIds: vn,
+		storage: a ? yn : bn
 	});
-	return u ? /* @__PURE__ */ K(M, {
+	return l ? /* @__PURE__ */ q(te, {
 		"data-slot": "bento-split-page",
 		defaultValue: "primary",
 		className: e("flex flex-col gap-3", s),
 		children: [
-			/* @__PURE__ */ K(E, {
+			/* @__PURE__ */ q(k, {
 				"aria-label": c("bento.split.switch", { defaultValue: "Show" }),
 				className: "self-start",
-				children: [/* @__PURE__ */ G(D, {
+				children: [/* @__PURE__ */ K(O, {
 					value: "primary",
 					children: r
-				}), /* @__PURE__ */ G(D, {
+				}), /* @__PURE__ */ K(O, {
 					value: "secondary",
 					children: i
 				})]
 			}),
-			/* @__PURE__ */ G(R, {
+			/* @__PURE__ */ K(P, {
 				value: "primary",
 				forceMount: !0,
 				className: "data-[state=inactive]:hidden",
 				children: t
 			}),
-			/* @__PURE__ */ G(R, {
+			/* @__PURE__ */ K(P, {
 				value: "secondary",
 				forceMount: !0,
 				className: "data-[state=inactive]:hidden",
 				children: n
 			})
 		]
-	}) : /* @__PURE__ */ G("div", {
+	}) : /* @__PURE__ */ K("div", {
 		"data-slot": "bento-split-page",
 		className: e("h-[var(--bento-split-height,calc(100dvh-12rem))] min-h-80", s),
-		children: /* @__PURE__ */ K(ne, {
+		children: /* @__PURE__ */ q(y, {
 			orientation: "horizontal",
-			defaultLayout: d.defaultLayout,
-			onLayoutChanged: d.onLayoutChanged,
+			defaultLayout: u.defaultLayout,
+			onLayoutChanged: u.onLayoutChanged,
 			children: [
-				/* @__PURE__ */ G(l, {
+				/* @__PURE__ */ K(d, {
 					id: "primary",
 					defaultSize: `${o}`,
 					minSize: "25",
-					children: /* @__PURE__ */ G("section", {
+					children: /* @__PURE__ */ K("section", {
 						"aria-label": r,
 						className: "h-full overflow-y-auto pr-3",
 						children: t
 					})
 				}),
-				/* @__PURE__ */ G(b, { withHandle: !0 }),
-				/* @__PURE__ */ G(l, {
+				/* @__PURE__ */ K(f, { withHandle: !0 }),
+				/* @__PURE__ */ K(d, {
 					id: "secondary",
 					defaultSize: `${100 - o}`,
 					minSize: "25",
-					children: /* @__PURE__ */ G("section", {
+					children: /* @__PURE__ */ K("section", {
 						"aria-label": i,
 						className: "h-full overflow-y-auto pl-3",
 						children: n
@@ -1403,22 +1547,22 @@ function on({ primary: t, secondary: n, primaryLabel: r, secondaryLabel: i, stor
 }
 //#endregion
 //#region src/bento/bento-calendar.tsx
-var Z = ({ y: e, m: t, d: n }) => `${e}-${String(t).padStart(2, "0")}-${String(n).padStart(2, "0")}`, Q = ({ y: e, m: t, d: n }) => Date.UTC(e, t - 1, n), sn = (e) => {
+var $ = ({ y: e, m: t, d: n }) => `${e}-${String(t).padStart(2, "0")}-${String(n).padStart(2, "0")}`, Sn = ({ y: e, m: t, d: n }) => Date.UTC(e, t - 1, n), Cn = (e) => {
 	let t = new Date(e);
 	return {
 		y: t.getUTCFullYear(),
 		m: t.getUTCMonth() + 1,
 		d: t.getUTCDate()
 	};
-}, $ = (e, t) => sn(Q(e) + t * 864e5), cn = (e, t) => {
+}, wn = (e, t) => Cn(Sn(e) + t * 864e5), Tn = (e, t) => {
 	let n = new Date(Date.UTC(e.y, e.m - 1 + t, 1)), r = new Date(Date.UTC(n.getUTCFullYear(), n.getUTCMonth() + 1, 0)).getUTCDate();
 	return {
 		y: n.getUTCFullYear(),
 		m: n.getUTCMonth() + 1,
 		d: Math.min(e.d, r)
 	};
-}, ln = (e) => new Date(Q(e)).getUTCDay();
-function un(e, t) {
+}, En = (e) => new Date(Sn(e)).getUTCDay();
+function Dn(e, t) {
 	let n = new Intl.DateTimeFormat("en-US", {
 		timeZone: t,
 		year: "numeric",
@@ -1438,98 +1582,98 @@ function un(e, t) {
 		s: r("second")
 	};
 }
-function dn(e, t, n, r, i, a) {
+function On(e, t, n, r, i, a) {
 	let o = Date.UTC(e.y, e.m - 1, e.d, t, n, r), s = (e) => {
-		let t = un(e, a);
+		let t = Dn(e, a);
 		return Date.UTC(t.y, t.m - 1, t.d, t.h, t.mi, t.s) - Math.floor(e / 1e3) * 1e3;
 	}, c = o - s(o), l = s(c);
 	return o - l !== c && (c = o - l), new Date(c + i);
 }
-var fn = {
+var kn = {
 	on: "bento-status bento-status-on",
 	warn: "bento-status bento-status-warn",
 	error: "bento-status bento-status-error"
 };
-function pn({ entries: t, view: n, defaultView: r = "month", onViewChange: i, defaultDate: a, timeZone: o = Intl.DateTimeFormat().resolvedOptions().timeZone, weekStartsOn: s = 0, onEntryMove: c, onEntrySelect: l, onRangeChange: u, label: d, className: f }) {
-	let { t: p, i18n: m } = q(), h = m?.resolvedLanguage ?? m?.language, g = (e) => {
-		let t = un(new Date(e).getTime(), o);
+function An({ entries: t, view: n, defaultView: r = "month", onViewChange: i, defaultDate: a, timeZone: o = Intl.DateTimeFormat().resolvedOptions().timeZone, weekStartsOn: s = 0, onEntryMove: c, onEntrySelect: l, onRangeChange: u, label: d, className: f }) {
+	let { t: p, i18n: m } = J(), h = m?.resolvedLanguage ?? m?.language, g = (e) => {
+		let t = Dn(new Date(e).getTime(), o);
 		return {
 			y: t.y,
 			m: t.m,
 			d: t.d
 		};
-	}, [_, v] = H(r), y = n ?? _, [b, x] = H(() => g(a ?? Date.now())), [S, C] = H(null), [w, T] = H(null), [E, D] = H(""), O = V(/* @__PURE__ */ new Map()), k = V(!1), A = ce(), [j] = H(() => Z(g(Date.now()))), M = (e) => $(e, -((ln(e) - s + 7) % 7)), N = M(y === "month" ? {
+	}, [_, v] = W(r), y = n ?? _, [b, x] = W(() => g(a ?? Date.now())), [S, C] = W(null), [w, T] = W(null), [E, D] = W(""), O = U(/* @__PURE__ */ new Map()), k = U(!1), A = H(), [j] = W(() => $(g(Date.now()))), M = (e) => wn(e, -((En(e) - s + 7) % 7)), N = M(y === "month" ? {
 		...b,
 		d: 1
-	} : b), P = y === "month" ? Math.ceil((Q(cn({
+	} : b), P = y === "month" ? Math.ceil((Sn(Tn({
 		...b,
 		d: 1
-	}, 1)) - Q(N)) / 6048e5) : 1, ee = Array.from({ length: P }, (e, t) => Array.from({ length: 7 }, (e, n) => $(N, t * 7 + n))), F = $(N, P * 7), I = `${Z(N)}/${Z(F)}`;
-	B(() => {
+	}, 1)) - Sn(N)) / 6048e5) : 1, F = Array.from({ length: P }, (e, t) => Array.from({ length: 7 }, (e, n) => wn(N, t * 7 + n))), ee = wn(N, P * 7), te = `${$(N)}/${$(ee)}`;
+	V(() => {
 		u?.({
-			start: dn(N, 0, 0, 0, 0, o),
-			end: dn(F, 0, 0, 0, 0, o)
+			start: On(N, 0, 0, 0, 0, o),
+			end: On(ee, 0, 0, 0, 0, o)
 		});
-	}, [I, o]), B(() => {
-		k.current && (k.current = !1, O.current.get(Z(b))?.focus());
+	}, [te, o]), V(() => {
+		k.current && (k.current = !1, O.current.get($(b))?.focus());
 	});
-	let L = /* @__PURE__ */ new Map();
+	let I = /* @__PURE__ */ new Map();
 	for (let e of t) {
 		let t = new Date(e.start).getTime();
 		if (Number.isNaN(t)) continue;
-		let n = Z(g(t)), r = L.get(n) ?? [];
+		let n = $(g(t)), r = I.get(n) ?? [];
 		r.push({
 			entry: e,
 			time: t
-		}), L.set(n, r);
+		}), I.set(n, r);
 	}
-	for (let e of L.values()) e.sort((e, t) => e.time - t.time);
-	let R = (e) => new Intl.DateTimeFormat(h, {
+	for (let e of I.values()) e.sort((e, t) => e.time - t.time);
+	let L = (e) => new Intl.DateTimeFormat(h, {
 		...e,
 		timeZone: "UTC"
-	}), te = (e) => R({ dateStyle: "full" }).format(Q(e)), ne = (e) => new Intl.DateTimeFormat(h, {
+	}), ne = (e) => L({ dateStyle: "full" }).format(Sn(e)), R = (e) => new Intl.DateTimeFormat(h, {
 		timeStyle: "short",
 		timeZone: o
-	}).format(e), re = y === "month" ? R({
+	}).format(e), z = y === "month" ? L({
 		month: "long",
 		year: "numeric"
-	}).format(Q({
+	}).format(Sn({
 		...b,
 		d: 1
-	})) : `${R({ dateStyle: "medium" }).format(Q(N))} – ${R({ dateStyle: "medium" }).format(Q($(F, -1)))}`;
-	function ie(e) {
+	})) : `${L({ dateStyle: "medium" }).format(Sn(N))} – ${L({ dateStyle: "medium" }).format(Sn(wn(ee, -1)))}`;
+	function B(e) {
 		k.current = !0, x(e);
 	}
-	function ae(e) {
+	function re(e) {
 		n === void 0 && v(e), i?.(e);
 	}
-	let oe = (e) => y === "month" ? cn(b, e) : $(b, 7 * e);
-	function z(e, n) {
+	let ie = (e) => y === "month" ? Tn(b, e) : wn(b, 7 * e);
+	function ae(e, n) {
 		let r = t.find((t) => t.id === e);
 		if (!r || !c) return;
-		let i = new Date(r.start).getTime(), a = un(i, o);
-		Z(a) !== Z(n) && c(e, dn(n, a.h, a.mi, a.s, i % 1e3, o)), D(p("bento.calendar.moved", {
+		let i = new Date(r.start).getTime(), a = Dn(i, o);
+		$(a) !== $(n) && c(e, On(n, a.h, a.mi, a.s, i % 1e3, o)), D(p("bento.calendar.moved", {
 			defaultValue: "Moved {{label}} to {{day}}.",
 			label: r.label,
-			day: te(n)
+			day: ne(n)
 		}));
 	}
-	function se(e, n) {
+	function oe(e, n) {
 		let r = {
-			ArrowLeft: () => $(n, -1),
-			ArrowRight: () => $(n, 1),
-			ArrowUp: () => $(n, -7),
-			ArrowDown: () => $(n, 7),
+			ArrowLeft: () => wn(n, -1),
+			ArrowRight: () => wn(n, 1),
+			ArrowUp: () => wn(n, -7),
+			ArrowDown: () => wn(n, 7),
 			Home: () => M(n),
-			End: () => $(M(n), 6),
-			PageUp: () => oe(-1),
-			PageDown: () => oe(1)
+			End: () => wn(M(n), 6),
+			PageUp: () => ie(-1),
+			PageDown: () => ie(1)
 		}[e.key];
 		if (r) {
-			e.preventDefault(), ie(r());
+			e.preventDefault(), B(r());
 			return;
 		}
-		if (S && (e.key === "Enter" || e.key === " ")) e.preventDefault(), z(S, n), C(null);
+		if (S && (e.key === "Enter" || e.key === " ")) e.preventDefault(), ae(S, n), C(null);
 		else if (S && e.key === "Escape") {
 			e.preventDefault();
 			let n = t.find((e) => e.id === S);
@@ -1539,7 +1683,7 @@ function pn({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 			}));
 		} else e.key === "Enter" && (e.preventDefault(), e.currentTarget.querySelector("button")?.focus());
 	}
-	function le(e, t) {
+	function se(e, t) {
 		let n = e.currentTarget.closest("td"), r = n ? [...n.querySelectorAll("button")] : [], i = r.indexOf(e.currentTarget), a = c && (e.key === " " || e.key === "Enter" && !l);
 		if (e.key === "ArrowDown" || e.key === "ArrowUp") r[i + (e.key === "ArrowDown" ? 1 : -1)]?.focus();
 		else if (e.key === "Escape") n?.focus();
@@ -1551,165 +1695,166 @@ function pn({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 		else return;
 		e.preventDefault(), e.stopPropagation();
 	}
-	function U(e, t) {
+	function ce(e, t) {
 		let n = w ?? e.dataTransfer.getData("text/plain");
-		T(null), n && (e.preventDefault(), z(n, t));
+		T(null), n && (e.preventDefault(), ae(n, t));
 	}
-	let W = c ? A : void 0;
-	return /* @__PURE__ */ K("div", {
+	let le = c ? A : void 0;
+	return /* @__PURE__ */ q("div", {
 		"data-slot": "bento-calendar",
 		className: e("flex flex-col gap-3", f),
 		children: [
-			/* @__PURE__ */ K("div", {
+			/* @__PURE__ */ q("div", {
 				className: "flex flex-wrap items-center justify-between gap-2",
-				children: [/* @__PURE__ */ K("div", {
+				children: [/* @__PURE__ */ q("div", {
 					className: "flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ G(mn, {
+						/* @__PURE__ */ K(jn, {
 							label: p("bento.calendar.previous", { defaultValue: "Previous" }),
-							onClick: () => x(oe(-1)),
-							children: /* @__PURE__ */ G(be, {
+							onClick: () => x(ie(-1)),
+							children: /* @__PURE__ */ K(Ce, {
 								size: 16,
 								"aria-hidden": "true"
 							})
 						}),
-						/* @__PURE__ */ G(mn, {
+						/* @__PURE__ */ K(jn, {
 							label: p("bento.calendar.next", { defaultValue: "Next" }),
-							onClick: () => x(oe(1)),
-							children: /* @__PURE__ */ G(xe, {
+							onClick: () => x(ie(1)),
+							children: /* @__PURE__ */ K(we, {
 								size: 16,
 								"aria-hidden": "true"
 							})
 						}),
-						/* @__PURE__ */ G("button", {
+						/* @__PURE__ */ K("button", {
 							type: "button",
 							onClick: () => x(g(Date.now())),
-							className: "rounded-md border border-border px-2 py-1 text-sm hover:bg-muted/50 focus-visible:outline-2 focus-visible:outline-ring",
+							className: "inline-flex h-(--vg-control-dense) items-center rounded-md border border-border px-3 text-sm hover:bg-muted/50 focus-visible:outline-2 focus-visible:outline-ring",
 							children: p("bento.calendar.today", { defaultValue: "Today" })
 						}),
-						/* @__PURE__ */ G("h2", {
+						/* @__PURE__ */ K("h2", {
 							className: "m-0 ml-2 text-base font-semibold",
 							"aria-live": "polite",
-							children: re
+							children: z
 						})
 					]
-				}), /* @__PURE__ */ G("div", {
+				}), /* @__PURE__ */ K("div", {
 					role: "group",
 					"aria-label": p("bento.calendar.views", { defaultValue: "View" }),
-					className: "flex rounded-md border border-border p-0.5",
-					children: ["month", "week"].map((t) => /* @__PURE__ */ G("button", {
+					className: "flex gap-1",
+					children: ["month", "week"].map((t) => /* @__PURE__ */ K("button", {
 						type: "button",
 						"aria-pressed": y === t ? "true" : "false",
-						onClick: () => ae(t),
-						className: e("rounded px-2 py-0.5 text-sm focus-visible:outline-2 focus-visible:outline-ring", y === t ? "bg-primary text-primary-foreground" : "hover:bg-muted/50"),
+						onClick: () => re(t),
+						className: e("inline-flex h-(--vg-control-dense) items-center rounded-md border border-border px-3 text-sm focus-visible:outline-2 focus-visible:outline-ring", y === t ? "bg-primary text-primary-foreground" : "hover:bg-muted/50"),
 						children: t === "month" ? p("bento.calendar.month", { defaultValue: "Month" }) : p("bento.calendar.week", { defaultValue: "Week" })
 					}, t))
 				})]
 			}),
-			/* @__PURE__ */ G("span", {
+			/* @__PURE__ */ K("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
 				children: E
 			}),
-			W && /* @__PURE__ */ G("span", {
-				id: W,
+			le && /* @__PURE__ */ K("span", {
+				id: le,
 				className: "sr-only",
 				children: p("bento.calendar.moveHint", { defaultValue: "Space picks this up to move it: the arrow keys choose a day, Enter drops it and Escape cancels." })
 			}),
-			/* @__PURE__ */ K("table", {
+			/* @__PURE__ */ q("table", {
 				role: "grid",
-				"aria-label": d ?? re,
+				"aria-label": d ?? z,
 				className: "w-full table-fixed border-collapse text-sm",
-				children: [/* @__PURE__ */ G("thead", { children: /* @__PURE__ */ G("tr", { children: ee[0].map((e) => /* @__PURE__ */ G("th", {
+				children: [/* @__PURE__ */ K("thead", { children: /* @__PURE__ */ K("tr", { children: F[0].map((e) => /* @__PURE__ */ K("th", {
 					scope: "col",
-					abbr: R({ weekday: "long" }).format(Q(e)),
+					abbr: L({ weekday: "long" }).format(Sn(e)),
 					className: "pb-1 text-xs font-medium text-muted-foreground",
-					children: R({ weekday: "short" }).format(Q(e))
-				}, Z(e))) }) }), /* @__PURE__ */ G("tbody", { children: ee.map((t) => /* @__PURE__ */ G("tr", { children: t.map((t) => {
-					let n = Z(t), r = L.get(n) ?? [], i = n === Z(b), a = y === "month" && t.m !== b.m, o = r.length;
-					return /* @__PURE__ */ K("td", {
+					children: L({ weekday: "short" }).format(Sn(e))
+				}, $(e))) }) }), /* @__PURE__ */ K("tbody", { children: F.map((t) => /* @__PURE__ */ K("tr", { children: t.map((t) => {
+					let n = $(t), r = I.get(n) ?? [], i = n === $(b), a = y === "month" && t.m !== b.m, o = r.length;
+					return /* @__PURE__ */ q("td", {
 						ref: (e) => {
 							e ? O.current.set(n, e) : O.current.delete(n);
 						},
 						role: "gridcell",
 						tabIndex: i ? 0 : -1,
-						"aria-label": o > 0 ? `${te(t)}, ${p("bento.calendar.entries", {
+						"aria-label": o > 0 ? `${ne(t)}, ${p("bento.calendar.entries", {
 							defaultValue: "{{count}} scheduled",
 							count: o
-						})}` : te(t),
+						})}` : ne(t),
 						"aria-current": n === j ? "date" : void 0,
 						"data-day": n,
-						onKeyDown: (e) => se(e, t),
+						onKeyDown: (e) => oe(e, t),
 						onFocus: () => {
 							i || x(t);
 						},
 						onDragOver: (e) => {
 							w && e.preventDefault();
 						},
-						onDrop: (e) => U(e, t),
+						onDrop: (e) => ce(e, t),
 						className: e("border border-border/60 p-1 align-top outline-none", y === "month" ? "h-24" : "h-48", "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring", S && i && "bg-primary/10"),
-						children: [/* @__PURE__ */ G("span", {
+						children: [/* @__PURE__ */ K("span", {
 							"aria-hidden": "true",
 							className: e("mb-1 inline-grid size-6 place-items-center rounded-full text-xs", n === j && "bg-primary font-semibold text-primary-foreground", n !== j && a && "text-muted-foreground"),
 							children: t.d
-						}), /* @__PURE__ */ G("ul", {
+						}), /* @__PURE__ */ K("ul", {
 							className: "m-0 flex list-none flex-col gap-0.5 p-0",
-							children: r.map(({ entry: t, time: n }) => /* @__PURE__ */ G("li", { children: /* @__PURE__ */ K("button", {
+							children: r.map(({ entry: t, time: n }) => /* @__PURE__ */ K("li", { children: /* @__PURE__ */ q("button", {
 								type: "button",
+								"data-look": "text",
 								tabIndex: -1,
 								draggable: c ? !0 : void 0,
-								"aria-describedby": W,
+								"aria-describedby": le,
 								"aria-pressed": c ? S === t.id ? "true" : "false" : void 0,
 								"data-entry": t.id,
-								onKeyDown: (e) => le(e, t),
+								onKeyDown: (e) => se(e, t),
 								onClick: () => l?.(t.id),
 								onDragStart: (e) => {
 									e.dataTransfer.setData("text/plain", t.id), e.dataTransfer.effectAllowed = "move", T(t.id);
 								},
 								onDragEnd: () => T(null),
-								className: e("flex w-full min-w-0 items-baseline gap-1 rounded-md px-1 py-0.5 text-left text-xs focus-visible:outline-2 focus-visible:outline-ring", t.tone ? fn[t.tone] : "bg-muted", S === t.id && "outline-2 outline-dashed outline-primary"),
-								children: [/* @__PURE__ */ G("time", {
+								className: e("flex w-full min-w-0 items-baseline gap-1 rounded-md px-1 py-0.5 text-left text-xs focus-visible:outline-2 focus-visible:outline-ring", t.tone ? kn[t.tone] : "bg-muted", S === t.id && "outline-2 outline-dashed outline-primary"),
+								children: [/* @__PURE__ */ K("time", {
 									dateTime: new Date(n).toISOString(),
 									className: "flex-none tabular-nums",
-									children: ne(n)
-								}), /* @__PURE__ */ G("span", {
+									children: R(n)
+								}), /* @__PURE__ */ K("span", {
 									className: "truncate",
 									children: t.label
 								})]
 							}) }, t.id))
 						})]
 					}, n);
-				}) }, Z(t[0]))) })]
+				}) }, $(t[0]))) })]
 			})
 		]
 	});
 }
-function mn({ label: e, onClick: t, children: n }) {
-	return /* @__PURE__ */ G("button", {
+function jn({ label: e, onClick: t, children: n }) {
+	return /* @__PURE__ */ K("button", {
 		type: "button",
 		"aria-label": e,
 		onClick: t,
-		className: "grid size-7 place-items-center rounded-md border border-border hover:bg-muted/50 focus-visible:outline-2 focus-visible:outline-ring",
+		className: "grid size-(--vg-control-dense) place-items-center rounded-md border border-border hover:bg-muted/50 focus-visible:outline-2 focus-visible:outline-ring",
 		children: n
 	});
 }
 //#endregion
 //#region src/bento/bento-layout.ts
-var hn = {
+var Mn = {
 	LARGE: "col-span-2 row-span-2 md:col-span-2 md:row-span-2 lg:col-span-2 lg:row-span-2",
 	MEDIUM: "col-span-2 row-span-1 md:col-span-2 md:row-span-1 lg:col-span-2 lg:row-span-1",
 	SMALL: "col-span-1 row-span-1"
-}, gn = {
+}, Nn = {
 	SMALL: "MEDIUM",
 	MEDIUM: "LARGE",
 	LARGE: "SMALL"
 };
-function _n(e, t, n) {
-	if (!n || n.length === 0) return e.map((e, n) => ({
+function Pn(e, t, n) {
+	if (!n || n.length === 0) return e.map((e) => ({
 		item: e,
 		key: t(e),
-		emphasis: n === 0 ? "LARGE" : "MEDIUM"
+		emphasis: "MEDIUM"
 	}));
 	let r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
 	for (let e of n) r.set(e.itemId, e.displayOrder), i.set(e.itemId, e.emphasis);
@@ -1726,7 +1871,7 @@ function _n(e, t, n) {
 		emphasis: i.get(t) ?? "MEDIUM"
 	}));
 }
-function vn(e) {
+function Fn(e) {
 	return e.map((e, t) => ({
 		itemId: e.key,
 		emphasis: e.emphasis,
@@ -1735,148 +1880,142 @@ function vn(e) {
 }
 //#endregion
 //#region src/bento/bento-entity-tile.tsx
-function yn({ to: e, emphasis: t, featured: n, defaultIcon: r, icon: i, tone: a = "indigo", title: o, description: s, meta: c, enabled: l, hasStatus: u = !1, viewTransitionName: d }) {
-	let { t: f } = q(), p = Y(a), m = t ?? (n ? "LARGE" : "MEDIUM"), h = m === "LARGE", g = m === "SMALL", _ = hn[m], v = l === 1, y = h ? "p-6 md:p-7" : g ? "p-4" : "p-5", b = h ? "h-14 w-14" : g ? "h-8 w-8" : "h-9 w-9", x = h ? 28 : g ? 16 : 18, S = h ? "text-xl md:text-2xl" : g ? "text-sm" : "text-base md:text-lg";
-	return /* @__PURE__ */ K(Ue, {
+function In({ to: e, emphasis: t, featured: n, defaultIcon: r, icon: i, title: a, description: o, meta: s, state: c, enabled: l, hasStatus: u = !1, viewTransitionName: d }) {
+	let { t: f } = J(), p = t ?? (n ? "LARGE" : "MEDIUM"), m = p === "LARGE", h = p === "SMALL", g = Mn[p], _ = l === 1, v = m ? "p-6 md:p-7" : h ? "p-4" : "p-5", y = m ? "h-14 w-14" : h ? "h-8 w-8" : "h-9 w-9", b = m ? 28 : h ? 16 : 18, x = m ? "text-xl md:text-2xl" : h ? "text-sm" : "text-base md:text-lg";
+	return /* @__PURE__ */ q(Ke, {
 		to: e,
-		className: `bento-tile bento-tile-clickable bento-glass group relative flex flex-col ${h ? "gap-5" : "gap-4"} overflow-hidden ${y} ${_}`,
+		className: `bento-tile bento-tile-clickable bento-glass group relative flex flex-col ${m ? "gap-5" : "gap-4"} overflow-hidden ${v} ${g}`,
 		style: d ? { viewTransitionName: d } : void 0,
-		children: [
-			h && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("div", {
-				"aria-hidden": !0,
-				className: `pointer-events-none absolute -bottom-10 -right-10 h-64 w-64 rounded-full ${p} opacity-40 blur-2xl dark:opacity-50`
-			}), /* @__PURE__ */ G("div", {
-				"aria-hidden": !0,
-				className: `pointer-events-none absolute right-12 top-1/3 h-32 w-32 rounded-full ${p} bento-chip-tr opacity-20 blur-2xl dark:opacity-30`
-			})] }),
-			/* @__PURE__ */ K("div", {
-				className: "relative z-1 flex items-center justify-between",
-				children: [/* @__PURE__ */ G("span", {
-					className: `grid place-items-center rounded-2xl ${p} text-white shadow-md ${b}`,
-					children: i ? /* @__PURE__ */ G(Ve, {
-						icon: i,
-						className: h ? "size-7 text-white" : "size-4.5 text-white"
-					}) : /* @__PURE__ */ G(r, { size: x })
-				}), u && /* @__PURE__ */ K("span", {
-					className: `flex items-center gap-1.5 rounded-full border px-2 py-0.5 text-[10px] uppercase tracking-wider ${v ? "bento-status bento-status-on" : "border-border bg-muted text-muted-foreground"}`,
-					children: [/* @__PURE__ */ G("span", { className: `h-1.5 w-1.5 rounded-full ${v ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), v ? f("common.active", { defaultValue: "Active" }) : f("common.idle", { defaultValue: "Idle" })]
-				})]
-			}),
-			/* @__PURE__ */ K("div", {
-				className: "relative z-1",
-				children: [
-					/* @__PURE__ */ G("div", {
-						className: `font-semibold tracking-tight ${S}`,
-						children: o
-					}),
-					!g && c && /* @__PURE__ */ G("div", {
-						className: "mt-1 flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground",
-						children: c
-					}),
-					!g && s && /* @__PURE__ */ G("p", {
-						className: "mt-2 text-sm text-muted-foreground",
-						children: s
-					})
-				]
-			})
-		]
+		children: [/* @__PURE__ */ q("div", {
+			className: "relative z-1 flex items-center justify-between",
+			children: [/* @__PURE__ */ K("span", {
+				className: `bento-well grid place-items-center rounded-2xl ${y}`,
+				children: i ? /* @__PURE__ */ K(We, {
+					icon: i,
+					className: m ? "size-7" : "size-4.5"
+				}) : /* @__PURE__ */ K(r, { size: b })
+			}), u && /* @__PURE__ */ q("span", {
+				className: `flex items-center gap-1.5 rounded-full border px-2 py-0.5 text-[10px] uppercase tracking-wider ${_ ? "bento-status bento-status-on" : "border-border bg-muted text-muted-foreground"}`,
+				children: [/* @__PURE__ */ K("span", { className: `h-1.5 w-1.5 rounded-full ${_ ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), _ ? f("common.active", { defaultValue: "Active" }) : f("common.idle", { defaultValue: "Idle" })]
+			})]
+		}), /* @__PURE__ */ q("div", {
+			className: "relative z-1",
+			children: [
+				/* @__PURE__ */ K("div", {
+					className: `font-semibold tracking-tight ${x}`,
+					children: a
+				}),
+				!h && s && /* @__PURE__ */ K("div", {
+					className: "mt-1 flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground",
+					children: s
+				}),
+				!h && o && /* @__PURE__ */ K("p", {
+					className: "mt-2 text-sm text-muted-foreground",
+					children: o
+				}),
+				c && /* @__PURE__ */ K(Nt, {
+					state: c,
+					className: "mt-3"
+				})
+			]
+		})]
 	});
 }
 //#endregion
 //#region src/bento/bento-filter-bar.tsx
-var bn = {
+var Ln = {
 	query: "",
 	facets: {}
-}, xn = (e) => typeof e == "object" && !!e && !Array.isArray(e), Sn = (e) => Array.isArray(e) ? e : [];
-function Cn(e, t, n) {
+}, Rn = (e) => typeof e == "object" && !!e && !Array.isArray(e), zn = (e) => Array.isArray(e) ? e : [];
+function Bn(e, t, n) {
 	let r = { ...e.facets };
-	return n === void 0 || Array.isArray(n) && n.length === 0 || xn(n) && !n.from && !n.to ? delete r[t] : r[t] = n, {
+	return n === void 0 || Array.isArray(n) && n.length === 0 || Rn(n) && !n.from && !n.to ? delete r[t] : r[t] = n, {
 		...e,
 		facets: r
 	};
 }
-function wn({ value: e, onChange: n, facets: r, queryLabel: i, queryDelay: a = 300, views: o }) {
-	let { t: s } = q(), [c, l] = H({
+function Vn({ value: e, onChange: n, facets: r, queryLabel: i, queryDelay: a = 300, views: o }) {
+	let { t: s } = J(), [l, u] = W({
 		source: e.query,
 		text: e.query
-	}), [u, d] = H(null);
-	c.source !== e.query && l({
+	}), [d, f] = W(null);
+	l.source !== e.query && u({
 		source: e.query,
-		text: e.query === u ? c.text : e.query
-	}), B(() => {
-		if (c.text === e.query) return;
+		text: e.query === d ? l.text : e.query
+	}), V(() => {
+		if (l.text === e.query) return;
 		let t = setTimeout(() => {
-			d(c.text), n({
+			f(l.text), n({
 				...e,
-				query: c.text
+				query: l.text
 			});
 		}, a);
 		return () => clearTimeout(t);
 	}, [
-		c.text,
+		l.text,
 		e,
 		n,
 		a
 	]);
-	let f = [];
+	let p = [];
 	for (let t of r) {
 		let n = e.facets[t.id];
-		if (t.kind === "choice") for (let r of Sn(n)) {
+		if (t.kind === "choice") for (let r of zn(n)) {
 			let i = t.options.find((e) => e.value === r);
-			f.push({
+			p.push({
 				key: `${t.id}:${r}`,
 				text: `${t.label}: ${i?.label ?? r}`,
-				remove: () => Cn(e, t.id, Sn(n).filter((e) => e !== r))
+				remove: () => Bn(e, t.id, zn(n).filter((e) => e !== r))
 			});
 		}
-		else xn(n) && (n.from || n.to) && f.push({
+		else Rn(n) && (n.from || n.to) && p.push({
 			key: t.id,
 			text: `${t.label}: ${n.from ?? "…"} – ${n.to ?? "…"}`,
-			remove: () => Cn(e, t.id, void 0)
+			remove: () => Bn(e, t.id, void 0)
 		});
 	}
-	let p = f.length > 0 || e.query !== "", m = i ?? s("bento.filters.search", { defaultValue: "Search" });
-	return /* @__PURE__ */ K("div", {
+	let m = p.length > 0 || e.query !== "", h = i ?? s("bento.filters.search", { defaultValue: "Search" });
+	return /* @__PURE__ */ q("div", {
 		role: "search",
 		"aria-label": s("bento.filters.label", { defaultValue: "Filters" }),
 		"data-slot": "bento-filter-bar",
-		className: "flex flex-col gap-2",
-		children: [/* @__PURE__ */ K("div", {
+		className: "flex min-w-0 flex-1 flex-col gap-2",
+		children: [/* @__PURE__ */ q("div", {
 			className: "flex flex-wrap items-center gap-2",
 			children: [
-				/* @__PURE__ */ K("div", {
+				/* @__PURE__ */ q("div", {
 					className: "relative min-w-48 flex-1",
-					children: [/* @__PURE__ */ G(Pe, {
+					children: [/* @__PURE__ */ K(Le, {
 						size: 16,
 						"aria-hidden": "true",
 						className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
-					}), /* @__PURE__ */ G(t, {
+					}), /* @__PURE__ */ K(t, {
 						type: "search",
-						value: c.text,
-						placeholder: m,
-						"aria-label": m,
-						onChange: (e) => l({
-							...c,
+						value: l.text,
+						placeholder: h,
+						"aria-label": h,
+						onChange: (e) => u({
+							...l,
 							text: e.target.value
 						}),
 						className: "pl-9"
 					})]
 				}),
-				r.map((t) => t.kind === "choice" ? /* @__PURE__ */ G(En, {
+				r.map((t) => t.kind === "choice" ? /* @__PURE__ */ K(Un, {
 					facet: t,
 					value: e,
 					onChange: n
-				}, t.id) : /* @__PURE__ */ G(Dn, {
+				}, t.id) : /* @__PURE__ */ K(Wn, {
 					facet: t,
 					value: e,
 					onChange: n
 				}, t.id)),
 				o
 			]
-		}), p && /* @__PURE__ */ K("ul", {
+		}), m && /* @__PURE__ */ q("ul", {
 			className: "m-0 flex list-none flex-wrap items-center gap-1.5 p-0",
 			"aria-label": s("bento.filters.active", { defaultValue: "Active filters" }),
-			children: [f.map((e) => /* @__PURE__ */ G("li", { children: /* @__PURE__ */ K("button", {
+			children: [p.map((e) => /* @__PURE__ */ K("li", { children: /* @__PURE__ */ q("button", {
 				type: "button",
 				"aria-label": s("bento.filters.remove", {
 					defaultValue: "Remove filter {{filter}}",
@@ -1884,120 +2023,120 @@ function wn({ value: e, onChange: n, facets: r, queryLabel: i, queryDelay: a = 3
 				}),
 				onClick: () => n(e.remove()),
 				className: "bento-clear inline-flex items-center gap-1 rounded-full border border-border/60 bg-card/60 py-0.5 pl-2.5 pr-1.5 text-xs",
-				children: [e.text, /* @__PURE__ */ G(Be, {
+				children: [e.text, /* @__PURE__ */ K(Ue, {
 					size: 12,
 					"aria-hidden": "true"
 				})]
-			}) }, e.key)), /* @__PURE__ */ G("li", { children: /* @__PURE__ */ G(C, {
+			}) }, e.key)), /* @__PURE__ */ K("li", { children: /* @__PURE__ */ K(c, {
 				variant: "ghost",
 				size: "sm",
 				className: "h-6 px-2 text-xs",
 				onClick: () => {
-					l({
+					u({
 						source: "",
 						text: ""
-					}), n(bn);
+					}), n(Ln);
 				},
 				children: s("bento.filters.clearAll", { defaultValue: "Clear all" })
 			}) })]
 		})]
 	});
 }
-function Tn({ label: e, count: t, ...n }) {
-	return /* @__PURE__ */ K(C, {
+function Hn({ label: e, count: t, ...n }) {
+	return /* @__PURE__ */ q(c, {
 		variant: "outline",
 		size: "sm",
 		className: "gap-1.5",
 		...n,
 		children: [
 			e,
-			t > 0 && /* @__PURE__ */ G("span", {
+			t > 0 && /* @__PURE__ */ K("span", {
 				className: "rounded-full bg-primary px-1.5 text-[0.6875rem] leading-4 text-primary-foreground",
 				children: t
 			}),
-			/* @__PURE__ */ G(ye, {
+			/* @__PURE__ */ K(Se, {
 				size: 14,
 				"aria-hidden": "true"
 			})
 		]
 	});
 }
-function En({ facet: e, value: t, onChange: n }) {
-	let r = Sn(t.facets[e.id]);
-	return /* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(F, {
+function Un({ facet: e, value: t, onChange: n }) {
+	let r = zn(t.facets[e.id]);
+	return /* @__PURE__ */ q(v, { children: [/* @__PURE__ */ K(T, {
 		asChild: !0,
-		children: /* @__PURE__ */ G(Tn, {
+		children: /* @__PURE__ */ K(Hn, {
 			label: e.label,
 			count: r.length
 		})
-	}), /* @__PURE__ */ G(d, {
+	}), /* @__PURE__ */ K(ie, {
 		align: "start",
 		className: "bento-dropdown min-w-44 p-1.5",
-		children: e.multiple ? e.options.map((i) => /* @__PURE__ */ G(v, {
+		children: e.multiple ? e.options.map((i) => /* @__PURE__ */ K(x, {
 			checked: r.includes(i.value),
-			onCheckedChange: (a) => n(Cn(t, e.id, a === !0 ? [...r, i.value] : r.filter((e) => e !== i.value))),
+			onCheckedChange: (a) => n(Bn(t, e.id, a === !0 ? [...r, i.value] : r.filter((e) => e !== i.value))),
 			onSelect: (e) => e.preventDefault(),
 			children: i.label
-		}, i.value)) : /* @__PURE__ */ G(c, {
+		}, i.value)) : /* @__PURE__ */ K(w, {
 			value: r[0] ?? "",
-			onValueChange: (i) => n(Cn(t, e.id, i === r[0] ? [] : [i])),
-			children: e.options.map((e) => /* @__PURE__ */ G(S, {
+			onValueChange: (i) => n(Bn(t, e.id, i === r[0] ? [] : [i])),
+			children: e.options.map((e) => /* @__PURE__ */ K(m, {
 				value: e.value,
 				children: e.label
 			}, e.value))
 		})
 	})] });
 }
-function Dn({ facet: e, value: n, onChange: r }) {
-	let { t: i } = q(), a = n.facets[e.id], o = xn(a) ? a : {}, [s, c] = H(!1), [l, d] = H(o.from ?? ""), [f, p] = H(o.to ?? ""), m = ce(), h = ce();
-	return /* @__PURE__ */ K(x, {
+function Wn({ facet: e, value: n, onChange: r }) {
+	let { t: i } = J(), a = n.facets[e.id], o = Rn(a) ? a : {}, [s, l] = W(!1), [u, d] = W(o.from ?? ""), [f, m] = W(o.to ?? ""), h = H(), g = H();
+	return /* @__PURE__ */ q(M, {
 		open: s,
 		onOpenChange: (e) => {
-			e && (d(o.from ?? ""), p(o.to ?? "")), c(e);
+			e && (d(o.from ?? ""), m(o.to ?? "")), l(e);
 		},
-		children: [/* @__PURE__ */ G(j, {
+		children: [/* @__PURE__ */ K(p, {
 			asChild: !0,
-			children: /* @__PURE__ */ G(Tn, {
+			children: /* @__PURE__ */ K(Hn, {
 				label: e.label,
 				count: o.from || o.to ? 1 : 0
 			})
-		}), /* @__PURE__ */ G(u, {
+		}), /* @__PURE__ */ K(j, {
 			align: "start",
 			className: "bento-dropdown w-64 p-3",
-			children: /* @__PURE__ */ K("form", {
+			children: /* @__PURE__ */ q("form", {
 				className: "flex flex-col gap-2",
 				onSubmit: (t) => {
-					t.preventDefault(), r(Cn(n, e.id, {
-						from: l || void 0,
+					t.preventDefault(), r(Bn(n, e.id, {
+						from: u || void 0,
 						to: f || void 0
-					})), c(!1);
+					})), l(!1);
 				},
 				children: [
-					/* @__PURE__ */ G("label", {
-						htmlFor: m,
+					/* @__PURE__ */ K("label", {
+						htmlFor: h,
 						className: "text-xs text-muted-foreground",
 						children: i("bento.filters.from", { defaultValue: "From" })
 					}),
-					/* @__PURE__ */ G(t, {
-						id: m,
+					/* @__PURE__ */ K(t, {
+						id: h,
 						type: "date",
-						value: l,
+						value: u,
 						max: f || void 0,
 						onChange: (e) => d(e.target.value)
 					}),
-					/* @__PURE__ */ G("label", {
-						htmlFor: h,
+					/* @__PURE__ */ K("label", {
+						htmlFor: g,
 						className: "text-xs text-muted-foreground",
 						children: i("bento.filters.to", { defaultValue: "To" })
 					}),
-					/* @__PURE__ */ G(t, {
-						id: h,
+					/* @__PURE__ */ K(t, {
+						id: g,
 						type: "date",
 						value: f,
-						min: l || void 0,
-						onChange: (e) => p(e.target.value)
+						min: u || void 0,
+						onChange: (e) => m(e.target.value)
 					}),
-					/* @__PURE__ */ G(C, {
+					/* @__PURE__ */ K(c, {
 						type: "submit",
 						size: "sm",
 						className: "mt-1",
@@ -2010,164 +2149,183 @@ function Dn({ facet: e, value: n, onChange: r }) {
 }
 //#endregion
 //#region src/bento/bento-list-page.tsx
-var On = _t, kn = "bento-grid grid auto-rows-[minmax(140px,auto)] grid-cols-2 gap-4 md:grid-cols-4 md:gap-5 lg:grid-cols-6";
-function An({ items: e, error: t, tryAgainUrl: n, listId: r, eyebrow: i, backTo: a, backLabel: o, trail: s, heroIcon: c, title: l, subtitle: u, tone: d = "indigo", headerAction: f, newRoute: p, newLabel: m, newSubtitle: h, hideNew: g = !1, itemKey: _, columns: v, rowActions: y, onRowOpen: b, getRowLabel: x, columnLayout: S, onColumnLayoutChange: w, renderTile: T, emptyTitle: E, emptyDescription: D, layout: O }) {
-	let { t: k } = q(), A = Y(d), [j, M] = H(!1), N = le(() => _n(e ?? [], _, O?.data?.entries), [
-		e,
-		_,
-		O?.data?.entries
-	]), P = c ? /* @__PURE__ */ G("span", {
-		className: `grid h-12 w-12 place-items-center rounded-2xl ${A} text-white shadow-md`,
-		children: /* @__PURE__ */ G(c, { size: 24 })
+var Gn = Ct, Kn = "bento-grid grid auto-rows-[minmax(140px,auto)] grid-cols-2 gap-4 md:grid-cols-4 md:gap-5 lg:grid-cols-6";
+function qn({ items: t, error: n, tryAgainUrl: r, listId: i, eyebrow: a, backTo: o, backLabel: s, trail: l, heroIcon: u, title: d, subtitle: f, toolbar: p, headerAction: m, newRoute: h, newLabel: g, newSubtitle: _, hideNew: v = !1, itemKey: y, columns: b, rowActions: x, onRowOpen: S, getRowLabel: C, columnLayout: w, onColumnLayoutChange: T, renderTile: E, defaultView: D = "list", view: O, onViewChange: k, emptyTitle: A, emptyDescription: j, layout: M }) {
+	let { t: P } = J(), [F, ee] = W(!1), [te, I] = W(D), L = p ?? m, R = E !== void 0 && b !== void 0, z = E ? "grid" : "list";
+	R && (z = O ?? te);
+	let B = R ? /* @__PURE__ */ q(N, {
+		type: "single",
+		size: "sm",
+		variant: "outline",
+		value: z,
+		onValueChange: (e) => {
+			(e === "grid" || e === "list") && (O === void 0 && I(e), k?.(e));
+		},
+		"aria-label": P("bento.layout.view", { defaultValue: "View" }),
+		className: "ml-auto",
+		children: [/* @__PURE__ */ K(ne, {
+			value: "grid",
+			"aria-label": P("bento.layout.grid", { defaultValue: "Grid" }),
+			children: /* @__PURE__ */ K(Me, {
+				size: 16,
+				"aria-hidden": "true"
+			})
+		}), /* @__PURE__ */ K(ne, {
+			value: "list",
+			"aria-label": P("bento.layout.list", { defaultValue: "List" }),
+			children: /* @__PURE__ */ K(Ne, {
+				size: 16,
+				"aria-hidden": "true"
+			})
+		})]
+	}) : null, re = L != null || B != null ? /* @__PURE__ */ q(G, { children: [L, B] }) : void 0, ie = fe(() => Pn(t ?? [], y, M?.data?.entries), [
+		t,
+		y,
+		M?.data?.entries
+	]), ae = u ? /* @__PURE__ */ K("span", {
+		className: "bento-well grid h-12 w-12 place-items-center rounded-2xl",
+		children: /* @__PURE__ */ K(u, { size: 24 })
 	}) : void 0;
-	if (!T) return /* @__PURE__ */ K(ae, {
-		checkIsNotUndefined: e,
-		error: t ?? null,
-		tryAgainUrl: n,
-		children: [
-			/* @__PURE__ */ G(Ct, {
-				eyebrow: i,
-				backTo: a,
-				backLabel: o,
-				trail: s,
-				leading: P,
-				title: l,
-				subtitle: u,
-				trailing: g ? void 0 : /* @__PURE__ */ G(C, {
-					asChild: !0,
-					className: "gap-2",
-					children: /* @__PURE__ */ K(Ue, {
-						to: p,
-						children: [/* @__PURE__ */ G(Me, { size: 16 }), m]
-					})
+	if (z === "list" || !E) return /* @__PURE__ */ q(oe, {
+		checkIsNotUndefined: t,
+		error: n ?? null,
+		tryAgainUrl: r,
+		children: [/* @__PURE__ */ K(kt, {
+			eyebrow: a,
+			backTo: o,
+			backLabel: s,
+			trail: l,
+			leading: ae,
+			title: d,
+			subtitle: f,
+			trailing: v ? void 0 : /* @__PURE__ */ K(c, {
+				asChild: !0,
+				className: "gap-2",
+				children: /* @__PURE__ */ q(Ke, {
+					to: h,
+					children: [/* @__PURE__ */ K(Z, { size: 16 }), g]
 				})
-			}),
-			f && /* @__PURE__ */ G("div", {
-				className: "mb-4 flex flex-wrap items-center gap-2",
-				children: f
-			}),
-			e?.length === 0 ? /* @__PURE__ */ G(vt, {
-				icon: Fe,
-				title: E,
-				description: D
-			}) : /* @__PURE__ */ G(On, {
-				rows: e ?? [],
-				getRowId: _,
-				columns: v ?? [],
-				label: l,
-				getRowLabel: x,
-				rowActions: y,
-				onRowOpen: b,
-				layout: S,
-				onLayoutChange: w
 			})
-		]
+		}), t?.length === 0 ? /* @__PURE__ */ q(G, { children: [re != null && /* @__PURE__ */ K("div", {
+			className: "mb-4 flex flex-wrap items-center gap-2",
+			children: re
+		}), /* @__PURE__ */ K(wt, {
+			icon: Re,
+			title: A,
+			description: j
+		})] }) : /* @__PURE__ */ K(Gn, {
+			rows: t ?? [],
+			getRowId: y,
+			columns: b ?? [],
+			label: d,
+			getRowLabel: C,
+			rowActions: x,
+			onRowOpen: S,
+			layout: w,
+			onLayoutChange: T,
+			toolbar: re
+		})]
 	});
-	let ee = !!r && !!O && (e?.length ?? 0) > 0;
-	return /* @__PURE__ */ K(ae, {
-		checkIsNotUndefined: e,
-		error: t ?? null,
-		tryAgainUrl: n,
+	let se = !!i && !!M && (t?.length ?? 0) > 0;
+	return /* @__PURE__ */ q(oe, {
+		checkIsNotUndefined: t,
+		error: n ?? null,
+		tryAgainUrl: r,
 		children: [
-			/* @__PURE__ */ G(Ct, {
-				eyebrow: i,
-				backTo: a,
-				backLabel: o,
-				trail: s,
-				leading: P,
-				title: l,
-				subtitle: u
+			/* @__PURE__ */ K(kt, {
+				eyebrow: a,
+				backTo: o,
+				backLabel: s,
+				trail: l,
+				leading: ae,
+				title: d,
+				subtitle: f
 			}),
-			(f || ee && !j) && /* @__PURE__ */ K("div", {
+			(re != null || se && !F) && /* @__PURE__ */ q("div", {
 				className: "mb-4 flex flex-wrap items-center gap-2",
-				children: [f, ee && !j && /* @__PURE__ */ K(C, {
+				children: [re, se && !F && /* @__PURE__ */ q(c, {
 					variant: "outline",
 					size: "sm",
-					onClick: () => M(!0),
-					className: "ml-auto gap-2",
-					children: [/* @__PURE__ */ G(ue, { size: 16 }), k("bento.layout.customize", { defaultValue: "Customize layout" })]
+					onClick: () => ee(!0),
+					className: e("gap-2", B == null && "ml-auto"),
+					children: [/* @__PURE__ */ K(Y, { size: 16 }), P("bento.layout.customize", { defaultValue: "Customize layout" })]
 				})]
 			}),
-			j && r && O ? /* @__PURE__ */ G(Nn, {
-				layout: O,
-				resolved: N,
-				canEditGlobal: O?.data?.canEditGlobal ?? !1,
-				isCustomized: O?.data?.source === "USER",
-				renderTile: T,
-				chip: A,
-				hideNew: g,
-				newRoute: p,
-				newLabel: m,
-				newSubtitle: h,
-				onClose: () => M(!1)
-			}) : /* @__PURE__ */ G(Mn, {
-				resolved: N,
-				renderTile: T,
-				chip: A,
-				hideNew: g,
-				newRoute: p,
-				newLabel: m,
-				newSubtitle: h,
-				isEmpty: e?.length === 0,
-				emptyTitle: E,
-				emptyDescription: D
+			F && i && M ? /* @__PURE__ */ K(Xn, {
+				layout: M,
+				resolved: ie,
+				canEditGlobal: M?.data?.canEditGlobal ?? !1,
+				isCustomized: M?.data?.source === "USER",
+				renderTile: E,
+				hideNew: v,
+				newRoute: h,
+				newLabel: g,
+				newSubtitle: _,
+				onClose: () => ee(!1)
+			}) : /* @__PURE__ */ K(Yn, {
+				resolved: ie,
+				renderTile: E,
+				hideNew: v,
+				newRoute: h,
+				newLabel: g,
+				newSubtitle: _,
+				isEmpty: t?.length === 0,
+				emptyTitle: A,
+				emptyDescription: j
 			})
 		]
 	});
 }
-function jn({ items: e, error: t, tryAgainUrl: n, tone: r = "indigo", newRoute: i, newLabel: a, newSubtitle: o, hideNew: s = !1, itemKey: c, renderTile: l, emptyTitle: u, emptyDescription: d }) {
-	let f = Y(r);
-	return /* @__PURE__ */ G(ae, {
+function Jn({ items: e, error: t, tryAgainUrl: n, newRoute: r, newLabel: i, newSubtitle: a, hideNew: o = !1, itemKey: s, renderTile: c, emptyTitle: l, emptyDescription: u }) {
+	return /* @__PURE__ */ K(oe, {
 		checkIsNotUndefined: e,
 		error: t ?? null,
 		tryAgainUrl: n,
-		children: /* @__PURE__ */ K("div", {
+		children: /* @__PURE__ */ q("div", {
 			"data-slot": "bento-list-tiles",
-			className: kn,
+			className: Kn,
 			children: [
-				!s && i && a ? /* @__PURE__ */ G(Ln, {
-					route: i,
-					label: a,
-					subtitle: o,
-					chip: f
+				!o && r && i ? /* @__PURE__ */ K(er, {
+					route: r,
+					label: i,
+					subtitle: a
 				}) : null,
-				(e ?? []).map((e) => /* @__PURE__ */ G("span", {
+				(e ?? []).map((e) => /* @__PURE__ */ K("span", {
 					className: "contents",
-					children: l(e)
-				}, c(e))),
-				e?.length === 0 && /* @__PURE__ */ G(Rn, {
-					title: u,
-					description: d
+					children: c(e)
+				}, s(e))),
+				e?.length === 0 && /* @__PURE__ */ K(tr, {
+					title: l,
+					description: u
 				})
 			]
 		})
 	});
 }
-function Mn({ resolved: t, renderTile: n, chip: r, hideNew: i, newRoute: a, newLabel: o, newSubtitle: s, isEmpty: c, emptyTitle: l, emptyDescription: u }) {
-	let d = t.some((e) => e.emphasis === "SMALL");
-	return /* @__PURE__ */ K("div", {
+function Yn({ resolved: t, renderTile: n, hideNew: r, newRoute: i, newLabel: a, newSubtitle: o, isEmpty: s, emptyTitle: c, emptyDescription: l }) {
+	let u = t.some((e) => e.emphasis === "SMALL");
+	return /* @__PURE__ */ q("div", {
 		"data-slot": "bento-list-tiles",
-		className: e(kn, d && "grid-flow-dense"),
+		className: e(Kn, u && "grid-flow-dense"),
 		children: [
-			!i && /* @__PURE__ */ G(Ln, {
-				route: a,
-				label: o,
-				subtitle: s,
-				chip: r
+			!r && /* @__PURE__ */ K(er, {
+				route: i,
+				label: a,
+				subtitle: o
 			}),
-			t.map(({ item: e, key: t, emphasis: r }) => /* @__PURE__ */ G("span", {
+			t.map(({ item: e, key: t, emphasis: r }) => /* @__PURE__ */ K("span", {
 				className: "contents",
 				children: n(e, r)
 			}, t)),
-			c && /* @__PURE__ */ G(Rn, {
-				title: l,
-				description: u
+			s && /* @__PURE__ */ K(tr, {
+				title: c,
+				description: l
 			})
 		]
 	});
 }
-function Nn({ layout: t, resolved: n, canEditGlobal: r, isCustomized: i, renderTile: a, chip: o, hideNew: s, newRoute: c, newLabel: l, newSubtitle: u, onClose: d }) {
-	let { t: f } = q(), [p, m] = H(n), [h, g] = H(null), _ = (t.saving ?? !1) || h !== null, v = (e) => _ && h === e ? { loading: !0 } : { "aria-disabled": _ || void 0 }, [y, b] = H(!1), x = (e, t) => async () => {
+function Xn({ layout: t, resolved: n, canEditGlobal: r, isCustomized: i, renderTile: a, hideNew: o, newRoute: s, newLabel: l, newSubtitle: u, onClose: d }) {
+	let { t: f } = J(), [p, m] = W(n), [h, g] = W(null), _ = (t.saving ?? !1) || h !== null, v = (e) => _ && h === e ? { loading: !0 } : { "aria-disabled": _ || void 0 }, [y, b] = W(!1), x = (e, t) => async () => {
 		if (t) {
 			g(e), b(!1);
 			try {
@@ -2178,95 +2336,94 @@ function Nn({ layout: t, resolved: n, canEditGlobal: r, isCustomized: i, renderT
 				g(null);
 			}
 		}
-	}, S = nt(tt($e, { activationConstraint: { distance: 8 } }), tt(Qe));
-	function w(e) {
+	}, S = at(it(nt, { activationConstraint: { distance: 8 } }), it(tt));
+	function C(e) {
 		let { active: t, over: n } = e;
-		!n || t.id === n.id || m((e) => {
+		n && t.id !== n.id && m((e) => {
 			let r = e.findIndex((e) => e.key === t.id), i = e.findIndex((e) => e.key === n.id);
-			return r < 0 || i < 0 ? e : it(e, r, i);
+			return r < 0 || i < 0 ? e : st(e, r, i);
 		});
 	}
-	function T(e, t) {
+	function w(e, t) {
 		m((n) => n.map((n) => n.key === e ? {
 			...n,
 			emphasis: t
 		} : n));
 	}
-	let E = le(() => vn(p), [p]), D = p.some((e) => e.emphasis === "SMALL");
-	return /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ K("div", {
+	let T = fe(() => Fn(p), [p]), E = p.some((e) => e.emphasis === "SMALL");
+	return /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ q("div", {
 		className: "mb-4 flex flex-wrap items-center gap-2 rounded-2xl border border-border/60 bg-card/40 p-3 backdrop-blur-md",
 		children: [
-			/* @__PURE__ */ G("span", {
+			/* @__PURE__ */ K("span", {
 				className: "mr-auto text-sm text-muted-foreground",
 				children: f("bento.layout.editHint", { defaultValue: "Drag tiles to reorder · tap the size button to resize" })
 			}),
-			i && t.onReset && /* @__PURE__ */ K(C, {
+			i && t.onReset && /* @__PURE__ */ q(c, {
 				variant: "ghost",
 				size: "sm",
 				className: "gap-2",
 				...v("reset"),
 				onClick: x("reset", t.onReset),
-				children: [h !== "reset" && /* @__PURE__ */ G(J, { size: 16 }), f("bento.layout.reset", { defaultValue: "Reset to default" })]
+				children: [h !== "reset" && /* @__PURE__ */ K(he, { size: 16 }), f("bento.layout.reset", { defaultValue: "Reset to default" })]
 			}),
-			r && t.onSaveGlobal && /* @__PURE__ */ K(C, {
+			r && t.onSaveGlobal && /* @__PURE__ */ q(c, {
 				variant: "outline",
 				size: "sm",
 				className: "gap-2",
 				...v("global"),
-				onClick: x("global", () => t.onSaveGlobal?.(E)),
-				children: [h !== "global" && /* @__PURE__ */ G(ze, { size: 16 }), f("bento.layout.saveGlobal", { defaultValue: "Set as default for everyone" })]
+				onClick: x("global", () => t.onSaveGlobal?.(T)),
+				children: [h !== "global" && /* @__PURE__ */ K(He, { size: 16 }), f("bento.layout.saveGlobal", { defaultValue: "Set as default for everyone" })]
 			}),
-			/* @__PURE__ */ K(C, {
+			/* @__PURE__ */ q(c, {
 				variant: "ghost",
 				size: "sm",
 				className: "gap-2",
 				...v("cancel"),
 				onClick: d,
-				children: [/* @__PURE__ */ G(Be, { size: 16 }), f("common.cancel", { defaultValue: "Cancel" })]
+				children: [/* @__PURE__ */ K(Ue, { size: 16 }), f("common.cancel", { defaultValue: "Cancel" })]
 			}),
-			/* @__PURE__ */ K(C, {
+			/* @__PURE__ */ q(c, {
 				size: "sm",
 				className: "gap-2",
 				...v("save"),
-				onClick: x("save", () => t.onSave(E)),
-				children: [h !== "save" && /* @__PURE__ */ G(Ce, { size: 16 }), f("bento.layout.save", { defaultValue: "Save layout" })]
+				onClick: x("save", () => t.onSave(T)),
+				children: [h !== "save" && /* @__PURE__ */ K(Ee, { size: 16 }), f("bento.layout.save", { defaultValue: "Save layout" })]
 			}),
-			y && /* @__PURE__ */ G("p", {
+			y && /* @__PURE__ */ K("p", {
 				role: "alert",
 				className: "w-full text-sm text-destructive",
 				children: f("bento.layout.saveFailed", { defaultValue: "The layout could not be saved. Nothing has changed — try again." })
 			})
 		]
-	}), /* @__PURE__ */ G(Ze, {
+	}), /* @__PURE__ */ K(et, {
 		sensors: S,
-		collisionDetection: et,
-		onDragEnd: w,
-		children: /* @__PURE__ */ G(rt, {
+		collisionDetection: rt,
+		onDragEnd: C,
+		children: /* @__PURE__ */ K(ot, {
 			items: p.map((e) => e.key),
-			strategy: at,
-			children: /* @__PURE__ */ K("div", {
+			strategy: ct,
+			children: /* @__PURE__ */ q("div", {
 				"data-slot": "bento-list-tiles",
-				className: e(kn, D && "grid-flow-dense"),
-				children: [!s && /* @__PURE__ */ G(Ln, {
-					route: c,
+				className: e(Kn, E && "grid-flow-dense"),
+				children: [!o && /* @__PURE__ */ K(er, {
+					route: s,
 					label: l,
-					subtitle: u,
-					chip: o
-				}), p.map(({ item: e, key: t, emphasis: n }) => /* @__PURE__ */ G(In, {
+					subtitle: u
+				}), p.map(({ item: e, key: t, emphasis: n }) => /* @__PURE__ */ K($n, {
 					id: t,
 					emphasis: n,
-					onSetEmphasis: (e) => T(t, e),
+					onSetEmphasis: (e) => w(t, e),
 					children: a(e, n)
 				}, t))]
 			})
 		})
 	})] });
 }
-var Pn = [
+var Zn = [
 	"SMALL",
 	"MEDIUM",
 	"LARGE"
-], Fn = {
+], Qn = {
 	SMALL: {
 		key: "bento.layout.size.small",
 		def: "Small"
@@ -2280,29 +2437,29 @@ var Pn = [
 		def: "Large"
 	}
 };
-function In({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
-	let { t: a } = q(), { attributes: o, listeners: s, setNodeRef: c, transform: l, transition: u, isDragging: d } = ot({ id: t }), f = {
-		transform: st.Translate.toString(l),
+function $n({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
+	let { t: a } = J(), { attributes: o, listeners: s, setNodeRef: c, transform: l, transition: u, isDragging: d } = lt({ id: t }), f = {
+		transform: ut.Translate.toString(l),
 		transition: u,
 		opacity: d ? .6 : 1,
 		zIndex: d ? 50 : void 0
 	};
-	return /* @__PURE__ */ K("div", {
+	return /* @__PURE__ */ q("div", {
 		ref: c,
 		style: f,
-		className: e("relative h-full", hn[n]),
-		children: [/* @__PURE__ */ G("div", {
+		className: e("relative h-full", Mn[n]),
+		children: [/* @__PURE__ */ K("div", {
 			className: "pointer-events-none h-full select-none [&>*]:h-full [&>*]:w-full",
 			children: i
-		}), /* @__PURE__ */ K("div", {
+		}), /* @__PURE__ */ q("div", {
 			className: "absolute right-2 top-2 z-10 flex items-center gap-1",
-			children: [/* @__PURE__ */ G("div", {
+			children: [/* @__PURE__ */ K("div", {
 				role: "group",
 				"aria-label": a("bento.layout.sizeGroup", { defaultValue: "Tile size" }),
 				className: "flex items-center gap-0.5 rounded-full border border-border/60 bg-background/80 p-0.5 shadow-sm backdrop-blur",
-				children: Pn.map((t) => {
-					let i = t === n, o = a(Fn[t].key, { defaultValue: Fn[t].def });
-					return /* @__PURE__ */ G("button", {
+				children: Zn.map((t) => {
+					let i = t === n, o = a(Qn[t].key, { defaultValue: Qn[t].def });
+					return /* @__PURE__ */ K("button", {
 						type: "button",
 						onClick: () => r(t),
 						"aria-pressed": i,
@@ -2312,13 +2469,13 @@ function In({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
 						children: o.charAt(0)
 					}, t);
 				})
-			}), /* @__PURE__ */ G("button", {
+			}), /* @__PURE__ */ K("button", {
 				type: "button",
 				...o,
 				...s,
 				"aria-label": a("bento.layout.dragToReorder", { defaultValue: "Drag to reorder" }),
-				className: "grid h-7 w-7 cursor-grab place-items-center rounded-full border border-border/60 bg-background/80 shadow-sm backdrop-blur hover:bg-background active:cursor-grabbing",
-				children: /* @__PURE__ */ G(Ee, {
+				className: "grid size-(--vg-control-dense) cursor-grab place-items-center rounded-full border border-border/60 bg-background/80 shadow-sm backdrop-blur hover:bg-background active:cursor-grabbing",
+				children: /* @__PURE__ */ K(ke, {
 					size: 14,
 					className: "text-muted-foreground"
 				})
@@ -2326,35 +2483,32 @@ function In({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
 		})]
 	});
 }
-function Ln({ route: e, label: t, subtitle: n, chip: r }) {
-	let { t: i } = q();
-	return /* @__PURE__ */ K(Ue, {
+function er({ route: e, label: t, subtitle: n }) {
+	let { t: r } = J();
+	return /* @__PURE__ */ q(Ke, {
 		to: e,
 		className: "bento-tile bento-tile-clickable col-span-2 row-span-1 flex flex-col gap-3 rounded-3xl border-2 border-dashed border-border/60 bg-card/30 p-5 backdrop-blur-md bento-new-tile hover:bg-card/50 md:col-span-2 md:row-span-1 lg:col-span-2 lg:row-span-1",
-		children: [/* @__PURE__ */ K("div", {
+		children: [/* @__PURE__ */ q("div", {
 			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ G("span", {
-				className: `bento-pulse grid h-10 w-10 place-items-center rounded-2xl ${r} text-white shadow-md`,
-				children: /* @__PURE__ */ G(Me, { size: 20 })
-			}), /* @__PURE__ */ G("span", {
+			children: [/* @__PURE__ */ K("span", {
+				className: "bento-well grid h-10 w-10 place-items-center rounded-2xl",
+				children: /* @__PURE__ */ K(Z, { size: 20 })
+			}), /* @__PURE__ */ K("span", {
 				className: "text-[11px] uppercase tracking-wider text-muted-foreground",
-				children: i("forms.formActions.new", { defaultValue: "New" })
+				children: r("forms.formActions.new", { defaultValue: "New" })
 			})]
-		}), /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("div", {
+		}), /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("div", {
 			className: "text-base font-semibold tracking-tight md:text-lg",
-			children: /* @__PURE__ */ G("span", {
-				className: `${r} bg-clip-text text-transparent`,
-				children: t
-			})
-		}), n && /* @__PURE__ */ G("p", {
+			children: t
+		}), n && /* @__PURE__ */ K("p", {
 			className: "mt-1 text-sm text-muted-foreground",
 			children: n
 		})] })]
 	});
 }
-function Rn({ title: e, description: t }) {
-	return /* @__PURE__ */ G(vt, {
-		icon: Fe,
+function tr({ title: e, description: t }) {
+	return /* @__PURE__ */ K(wt, {
+		icon: Re,
 		title: e,
 		description: t,
 		align: "start",
@@ -2363,97 +2517,97 @@ function Rn({ title: e, description: t }) {
 }
 //#endregion
 //#region src/bento/bento-save-bar.tsx
-function zn({ title: e, badges: t, actions: n, onCancel: r, loading: i, disabled: o, dirty: s, titleMissing: c }) {
-	let { t: l } = q();
-	return /* @__PURE__ */ K("div", {
-		className: "bento-glass flex items-center justify-between gap-4 rounded-2xl px-4 py-3 shadow-md backdrop-blur-xl",
-		children: [/* @__PURE__ */ K("div", {
+function nr({ title: e, badges: t, actions: n, onCancel: r, loading: i, disabled: o, dirty: s, titleMissing: c }) {
+	let { t: l } = J();
+	return /* @__PURE__ */ q("div", {
+		className: "bento-frost flex items-center justify-between gap-4 rounded-2xl px-4 py-3 shadow-md backdrop-blur-xl",
+		children: [/* @__PURE__ */ q("div", {
 			className: "flex min-w-0 items-center gap-3",
 			children: [
-				e && /* @__PURE__ */ G("p", {
+				e && /* @__PURE__ */ K("p", {
 					className: "truncate text-base font-semibold tracking-tight md:text-lg",
 					children: e
 				}),
-				/* @__PURE__ */ G(Et, {
+				/* @__PURE__ */ K(Nt, {
 					titleMissing: c,
 					dirty: s
 				}),
-				t && /* @__PURE__ */ G("div", {
+				t && /* @__PURE__ */ K("div", {
 					className: "flex shrink-0 items-center gap-1.5",
 					children: t
 				})
 			]
-		}), /* @__PURE__ */ G("div", {
+		}), /* @__PURE__ */ K("div", {
 			className: "flex shrink-0 gap-2",
-			children: n ?? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ K(a, {
+			children: n ?? /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ q(a, {
 				type: "submit",
 				size: "sm",
 				loading: i,
 				"aria-disabled": o ? "true" : void 0,
-				children: [/* @__PURE__ */ G(Ce, { className: "size-4" }), l("forms.formActions.saveChanges")]
-			}), r && /* @__PURE__ */ K(a, {
+				children: [/* @__PURE__ */ K(Ee, { className: "size-4" }), l("forms.formActions.saveChanges")]
+			}), r && /* @__PURE__ */ q(a, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
 				onClick: r,
-				children: [/* @__PURE__ */ G(Be, { className: "size-4" }), l("forms.formActions.cancel")]
+				children: [/* @__PURE__ */ K(Ue, { className: "size-4" }), l("forms.formActions.cancel")]
 			})] })
 		})]
 	});
 }
-function Bn({ children: e }) {
-	return /* @__PURE__ */ G("span", {
+function rr({ children: e }) {
+	return /* @__PURE__ */ K("span", {
 		className: "rounded-full border border-border/60 bg-card/50 px-2 py-0.5 text-[10px] uppercase tracking-wider text-muted-foreground backdrop-blur",
 		children: e
 	});
 }
-zn.Badge = Bn;
+nr.Badge = rr;
 //#endregion
 //#region src/bento/bento-scroll-save-bar.tsx
-function Vn(e) {
-	let t = V(null);
-	return Dt(t), /* @__PURE__ */ K(W, { children: [
-		/* @__PURE__ */ G("div", {
+function ir(e) {
+	let t = U(null);
+	return Pt(t), /* @__PURE__ */ q(G, { children: [
+		/* @__PURE__ */ K("div", {
 			ref: t,
 			"aria-hidden": !0,
 			className: "h-px"
 		}),
-		/* @__PURE__ */ G("div", {
+		/* @__PURE__ */ K("div", {
 			"aria-hidden": !0,
 			className: "bento-save-bar-spacer"
 		}),
-		/* @__PURE__ */ G("div", {
+		/* @__PURE__ */ K("div", {
 			className: "bento-fade-in fixed inset-x-0 top-20 z-20 mx-auto w-full max-w-7xl px-4 md:px-8",
-			children: /* @__PURE__ */ G(zn, { ...e })
+			children: /* @__PURE__ */ K(nr, { ...e })
 		})
 	] });
 }
 //#endregion
 //#region src/bento/bento-form-hero.tsx
-function Hn({ eyebrow: e, backTo: t, backLabel: n, trail: r, leading: i, title: o, subtitle: s, trailing: c, onCancel: l, actions: u, loading: d, dirty: f, titleMissing: p, saveDisabled: m, stickyTitle: h, stickyBadges: g }) {
-	let { t: _ } = q(), v = m ?? (!!p || !f), y = St(r, t, n) ?? e;
-	return /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(Ct, {
+function ar({ eyebrow: e, backTo: t, backLabel: n, trail: r, leading: i, title: o, subtitle: s, trailing: c, onCancel: l, actions: u, loading: d, dirty: f, titleMissing: p, saveDisabled: m, stickyTitle: h, stickyBadges: g }) {
+	let { t: _ } = J(), v = m ?? (!!p || !f), y = Ot(r, t, n) ?? e;
+	return /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(kt, {
 		eyebrow: y,
 		leading: i,
 		title: o,
 		subtitle: s,
-		trailing: /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("div", {
+		trailing: /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K("div", {
 			className: "bento-fade-out flex shrink-0 items-center gap-2",
-			children: u ?? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ K(a, {
+			children: u ?? /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ q(a, {
 				type: "submit",
 				size: "sm",
 				loading: d,
 				"aria-disabled": v ? "true" : void 0,
-				children: [/* @__PURE__ */ G(Ce, { className: "size-4" }), _("forms.formActions.saveChanges")]
-			}), /* @__PURE__ */ K(a, {
+				children: [/* @__PURE__ */ K(Ee, { className: "size-4" }), _("forms.formActions.saveChanges")]
+			}), /* @__PURE__ */ q(a, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
 				onClick: l,
-				children: [/* @__PURE__ */ G(Be, { className: "size-4" }), _("forms.formActions.cancel")]
+				children: [/* @__PURE__ */ K(Ue, { className: "size-4" }), _("forms.formActions.cancel")]
 			})] })
 		}), c] })
-	}), /* @__PURE__ */ G(Vn, {
+	}), /* @__PURE__ */ K(ir, {
 		title: h,
 		badges: g,
 		actions: u,
@@ -2466,43 +2620,43 @@ function Hn({ eyebrow: e, backTo: t, backLabel: n, trail: r, leading: i, title:
 }
 //#endregion
 //#region src/bento/bento-form-section.tsx
-var Un = "bento-tile bento-glass relative flex flex-col gap-5 overflow-hidden rounded-3xl p-5 md:p-6";
-function Wn({ icon: t, tone: n, title: r, description: i, children: a, trailing: o, as: s = "h2", className: c }) {
-	return /* @__PURE__ */ K("section", {
-		className: e(Un, c),
-		children: [/* @__PURE__ */ K("header", {
+var or = "bento-tile bento-glass relative flex flex-col gap-5 overflow-hidden rounded-3xl p-5 md:p-6";
+function sr({ icon: t, title: n, description: r, children: i, trailing: a, as: o = "h2", className: s }) {
+	return /* @__PURE__ */ q("section", {
+		className: e(or, s),
+		children: [/* @__PURE__ */ q("header", {
 			className: "flex items-start justify-between gap-3",
-			children: [/* @__PURE__ */ K("div", {
+			children: [/* @__PURE__ */ q("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ G("span", {
-					className: `grid h-10 w-10 place-items-center rounded-2xl text-white shadow-md ${Y(n)}`,
-					children: /* @__PURE__ */ G(t, { size: 20 })
-				}), /* @__PURE__ */ K("div", {
+				children: [/* @__PURE__ */ K("span", {
+					className: "bento-well grid h-10 w-10 place-items-center rounded-2xl",
+					children: /* @__PURE__ */ K(t, { size: 20 })
+				}), /* @__PURE__ */ q("div", {
 					className: "flex flex-col gap-0.5",
-					children: [/* @__PURE__ */ G(s, {
+					children: [/* @__PURE__ */ K(o, {
 						className: "text-base font-semibold tracking-tight md:text-lg",
-						children: r
-					}), i && /* @__PURE__ */ G("p", {
+						children: n
+					}), r && /* @__PURE__ */ K("p", {
 						className: "text-sm text-muted-foreground",
-						children: i
+						children: r
 					})]
 				})]
-			}), o && /* @__PURE__ */ G("div", {
+			}), a && /* @__PURE__ */ K("div", {
 				className: "shrink-0",
-				children: o
+				children: a
 			})]
-		}), /* @__PURE__ */ G("div", {
+		}), /* @__PURE__ */ K("div", {
 			className: "flex flex-col gap-5",
-			children: a
+			children: i
 		})]
 	});
 }
 //#endregion
 //#region src/bento/bento-panel.tsx
-function Gn({ children: t, className: n, contentClassName: r }) {
-	return /* @__PURE__ */ G("div", {
+function cr({ children: t, className: n, contentClassName: r }) {
+	return /* @__PURE__ */ K("div", {
 		className: e("bento-glass rounded-2xl shadow-md", n),
-		children: /* @__PURE__ */ G("div", {
+		children: /* @__PURE__ */ K("div", {
 			className: r,
 			children: t
 		})
@@ -2510,16 +2664,16 @@ function Gn({ children: t, className: n, contentClassName: r }) {
 }
 //#endregion
 //#region src/bento/bento-back-to-top.tsx
-var Kn = 480;
-function qn(e) {
+var lr = 480;
+function ur(e) {
 	return window.addEventListener("scroll", e, { passive: !0 }), () => window.removeEventListener("scroll", e);
 }
-function Jn() {
-	return window.scrollY > Kn;
+function dr() {
+	return window.scrollY > lr;
 }
-function Yn({ inline: e = !1 } = {}) {
-	let { t } = q(), n = ee(), r = e || n, i = U(qn, Jn, () => !1);
-	return /* @__PURE__ */ G("button", {
+function fr({ inline: e = !1 } = {}) {
+	let { t } = J(), n = ee(), r = e || n, i = pe(ur, dr, () => !1);
+	return /* @__PURE__ */ K("button", {
 		type: "button",
 		"aria-label": t("bento.backToTop", { defaultValue: "Back to top" }),
 		tabIndex: i ? 0 : -1,
@@ -2528,28 +2682,28 @@ function Yn({ inline: e = !1 } = {}) {
 			behavior: "smooth"
 		}),
 		className: `${r ? "relative" : "fixed bottom-6 right-6 z-40"} grid h-11 w-11 place-items-center rounded-full border border-border/60 bg-card/80 text-foreground shadow-lg backdrop-blur-xl transition-all duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] hover:-translate-y-0.5 hover:shadow-xl active:scale-95 ${i ? "pointer-events-auto translate-y-0 scale-100 opacity-100" : "pointer-events-none translate-y-4 scale-90 opacity-0"}`,
-		children: /* @__PURE__ */ G(he, { size: 18 })
+		children: /* @__PURE__ */ K(ve, { size: 18 })
 	});
 }
 //#endregion
 //#region src/bento/bento-nav.ts
-function Xn(e) {
+function pr(e) {
 	return e.bentoRoute ?? e.fallbackRoute;
 }
 //#endregion
 //#region src/bento/bento-command-palette.tsx
-function Zn({ label: e, children: t }) {
-	return e ? /* @__PURE__ */ K("div", {
+function mr({ label: e, children: t }) {
+	return e ? /* @__PURE__ */ q("div", {
 		role: "group",
 		"aria-label": e,
-		children: [/* @__PURE__ */ G("p", {
+		children: [/* @__PURE__ */ K("p", {
 			className: "px-3 pt-2 pb-1 text-xs font-medium text-muted-foreground",
 			children: e
 		}), t]
-	}) : /* @__PURE__ */ G(W, { children: t });
+	}) : /* @__PURE__ */ K(G, { children: t });
 }
-function Qn({ index: e, active: t, icon: n, label: r, description: i, trailing: a, onActivate: o, onChoose: s }) {
-	return /* @__PURE__ */ K("button", {
+function hr({ index: e, active: t, icon: n, label: r, description: i, trailing: a, onActivate: o, onChoose: s }) {
+	return /* @__PURE__ */ q("button", {
 		type: "button",
 		id: `bento-palette-opt-${e}`,
 		"data-index": e,
@@ -2559,18 +2713,18 @@ function Qn({ index: e, active: t, icon: n, label: r, description: i, trailing:
 		onClick: s,
 		className: `flex w-full items-center gap-3 rounded-xl px-3 py-2.5 text-left text-sm transition-colors ${t ? "bg-accent text-accent-foreground" : "text-foreground"}`,
 		children: [
-			n && /* @__PURE__ */ G(n, {
+			n && /* @__PURE__ */ K(n, {
 				size: 18,
 				className: "shrink-0 text-muted-foreground"
 			}),
-			/* @__PURE__ */ K("span", {
+			/* @__PURE__ */ q("span", {
 				className: "flex-1 truncate",
-				children: [r, i && /* @__PURE__ */ G("span", {
+				children: [r, i && /* @__PURE__ */ K("span", {
 					className: "ml-2 text-muted-foreground",
 					children: i
 				})]
 			}),
-			a ?? (t && /* @__PURE__ */ G(me, {
+			a ?? (t && /* @__PURE__ */ K(X, {
 				"aria-hidden": !0,
 				size: 15,
 				className: "shrink-0 text-muted-foreground"
@@ -2578,8 +2732,8 @@ function Qn({ index: e, active: t, icon: n, label: r, description: i, trailing:
 		]
 	});
 }
-function $n({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c }) {
-	let { t: l } = q(), u = Ke(), [d, f] = H(""), [p, m] = H(0), h = V(null), g = le(() => {
+function gr({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c }) {
+	let { t: l } = J(), u = Ye(), [d, f] = W(""), [p, m] = W(0), h = U(null), g = fe(() => {
 		let e = d.trim().toLowerCase(), t = a.map((e) => ({
 			item: e,
 			label: l(e.titleKey),
@@ -2593,26 +2747,26 @@ function $n({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 		a,
 		d,
 		l
-	]), _ = le(() => [...g.map((e) => ({
+	]), _ = fe(() => [...g.map((e) => ({
 		kind: "nav",
 		entry: e
 	})), ...(o?.items ?? []).map((e) => ({
 		kind: "supplied",
 		item: e
-	}))], [g, o]), v = V(c);
-	B(() => {
+	}))], [g, o]), v = U(c);
+	V(() => {
 		v.current = c;
-	}), B(() => {
+	}), V(() => {
 		v.current?.(d);
 	}, [d]);
-	let [y, b] = H(e);
+	let [y, b] = W(e);
 	e !== y && (b(e), e && (f(""), m(0)));
 	let x = _.length === 0 ? 0 : _.length - 1;
-	p > x && m(x), B(() => {
+	p > x && m(x), V(() => {
 		(h.current?.querySelector(`[data-index="${p}"]`))?.scrollIntoView({ block: "nearest" });
 	}, [p]);
 	function S(e) {
-		t(!1), e.kind === "nav" ? u(Xn(e.entry.item)) : o?.onSelect(e.item);
+		t(!1), e.kind === "nav" ? u(pr(e.entry.item)) : o?.onSelect(e.item);
 	}
 	function C(e) {
 		if (e.key === "ArrowDown") e.preventDefault(), m((e) => _.length === 0 ? 0 : (e + 1) % _.length);
@@ -2623,28 +2777,28 @@ function $n({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 			t && S(t);
 		}
 	}
-	return /* @__PURE__ */ G(n, {
+	return /* @__PURE__ */ K(n, {
 		open: e,
 		onOpenChange: t,
-		children: /* @__PURE__ */ K(s, {
+		children: /* @__PURE__ */ q(s, {
 			showCloseButton: !1,
 			className: "top-[15%] max-w-xl translate-y-0 gap-0 overflow-hidden p-0",
 			onKeyDown: C,
 			children: [
-				/* @__PURE__ */ G(i, {
+				/* @__PURE__ */ K(i, {
 					className: "sr-only",
 					children: l("bento.palette.title", { defaultValue: "Command palette" })
 				}),
-				/* @__PURE__ */ G(r, {
+				/* @__PURE__ */ K(r, {
 					className: "sr-only",
 					children: l("bento.palette.description", { defaultValue: "Search and jump to any area" })
 				}),
-				/* @__PURE__ */ K("div", {
+				/* @__PURE__ */ q("div", {
 					className: "flex items-center gap-3 border-b border-border/60 px-4",
-					children: [/* @__PURE__ */ G(Pe, {
+					children: [/* @__PURE__ */ K(Le, {
 						size: 18,
 						className: "shrink-0 text-muted-foreground"
-					}), /* @__PURE__ */ G("input", {
+					}), /* @__PURE__ */ K("input", {
 						autoFocus: !0,
 						type: "text",
 						role: "combobox",
@@ -2657,41 +2811,41 @@ function $n({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 						className: "h-12 w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground"
 					})]
 				}),
-				/* @__PURE__ */ K("div", {
+				/* @__PURE__ */ q("div", {
 					ref: h,
 					id: "bento-palette-list",
 					role: "listbox",
 					"aria-label": l("bento.palette.title", { defaultValue: "Command palette" }),
 					className: "max-h-80 overflow-y-auto p-2",
 					children: [
-						_.length === 0 && !o?.pending && /* @__PURE__ */ G("p", {
+						_.length === 0 && !o?.pending && /* @__PURE__ */ K("p", {
 							className: "px-3 py-6 text-center text-sm text-muted-foreground",
 							children: l("bento.palette.noResults", { defaultValue: "No matches" })
 						}),
-						/* @__PURE__ */ G(Zn, {
+						/* @__PURE__ */ K(mr, {
 							label: o && g.length > 0 ? l("bento.palette.areas", { defaultValue: "Areas" }) : void 0,
-							children: g.map(({ item: e, label: t }, n) => /* @__PURE__ */ G(Qn, {
+							children: g.map(({ item: e, label: t }, n) => /* @__PURE__ */ K(hr, {
 								index: n,
 								active: n === p,
 								icon: e.icon,
 								label: t,
 								onActivate: () => m(n),
 								onChoose: () => S(_[n]),
-								trailing: e.bentoRoute ? void 0 : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(Te, {
+								trailing: e.bentoRoute ? void 0 : /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(Oe, {
 									"aria-hidden": !0,
 									size: 15,
 									className: "shrink-0 text-muted-foreground/70"
-								}), /* @__PURE__ */ G("span", {
+								}), /* @__PURE__ */ K("span", {
 									className: "sr-only",
 									children: l("bento.palette.opensConsole", { defaultValue: "Opens in console" })
 								})] })
 							}, e.id))
 						}),
-						o && /* @__PURE__ */ K(Zn, {
+						o && /* @__PURE__ */ q(mr, {
 							label: o.label,
 							children: [o.items.map((e, t) => {
 								let n = g.length + t;
-								return /* @__PURE__ */ G(Qn, {
+								return /* @__PURE__ */ K(hr, {
 									index: n,
 									active: n === p,
 									icon: e.icon,
@@ -2700,7 +2854,7 @@ function $n({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 									onActivate: () => m(n),
 									onChoose: () => S(_[n])
 								}, e.id);
-							}), o.pending && /* @__PURE__ */ G("p", {
+							}), o.pending && /* @__PURE__ */ K("p", {
 								className: "px-3 py-2.5 text-sm text-muted-foreground",
 								children: l("bento.palette.searching", { defaultValue: "Searching…" })
 							})]
@@ -2713,22 +2867,32 @@ function $n({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 }
 //#endregion
 //#region src/bento/bento-shell.tsx
-function er({ rail: t, headerStart: n, headerEnd: r, column: i = "default", dock: a, backToTop: o = !0, children: s }) {
-	let { t: c } = q(), l = We(), u = ce(), d = V(null), f = V(null), p = i === "full", m = n != null || r != null, h = k(), g = null;
+function _r({ rail: t, headerStart: n, headerEnd: r, column: i = "default", dock: a, backToTop: o = !0, children: s }) {
+	let { t: c } = J(), l = qe(), u = H(), d = U(null), f = U(null), p = i === "full", m = n != null || r != null, h = re(), g = null;
 	a != null && (g = h ? m ? "header" : "corner" : t == null ? "corner" : "rail");
-	let _ = o || g === "corner", v = (e) => /* @__PURE__ */ G(I.Provider, {
+	let _ = o || g === "corner", v = U(null), y = U(null);
+	V(() => {
+		let e = v.current, t = y.current;
+		if (!e || !t || p || typeof ResizeObserver > "u") return;
+		let n = new ResizeObserver(() => e.style.setProperty("--bento-shell-header", `${t.offsetHeight}px`));
+		return n.observe(t), () => {
+			n.disconnect(), e.style.removeProperty("--bento-shell-header");
+		};
+	}, [p, m]);
+	let b = (e) => /* @__PURE__ */ K(I.Provider, {
 		value: !0,
-		children: /* @__PURE__ */ G(A.Provider, {
+		children: /* @__PURE__ */ K(A.Provider, {
 			value: e,
 			children: a
 		})
 	});
-	return /* @__PURE__ */ K("div", {
+	return /* @__PURE__ */ q("div", {
+		ref: v,
 		"data-slot": "bento-shell",
 		className: e("relative w-full bg-background text-foreground", t != null && "bento-rail-gutter", p ? "flex h-svh flex-col overflow-hidden" : "min-h-svh"),
 		style: g === "rail" ? { "--bento-rail-foot": "4.5rem" } : void 0,
 		children: [
-			/* @__PURE__ */ G("a", {
+			/* @__PURE__ */ K("a", {
 				href: `#${u}`,
 				onClick: (e) => {
 					e.preventDefault(), d.current?.focus();
@@ -2736,37 +2900,38 @@ function er({ rail: t, headerStart: n, headerEnd: r, column: i = "default", dock
 				className: "sr-only rounded-full border border-border/60 bg-card px-4 py-2 text-sm shadow-lg focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-[60]",
 				children: c("bento.shell.skip", { defaultValue: "Skip to content" })
 			}),
-			/* @__PURE__ */ G("span", {
+			/* @__PURE__ */ K("span", {
 				ref: f,
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only"
 			}),
-			l && /* @__PURE__ */ G(tr, {
+			l && /* @__PURE__ */ K(vr, {
 				main: d,
 				announcer: f
 			}),
 			t,
-			g === "rail" && /* @__PURE__ */ G("div", {
+			g === "rail" && /* @__PURE__ */ K("div", {
 				"data-slot": "bento-shell-dock",
 				className: "pointer-events-none fixed bottom-4 left-[18px] z-50 flex flex-col items-start",
-				children: v("rail")
+				children: b("rail")
 			}),
-			m && /* @__PURE__ */ K("header", {
+			m && /* @__PURE__ */ q("header", {
+				ref: y,
 				className: "bento-shell-header bento-shell-bar sticky top-0 z-30 flex shrink-0 items-center justify-between gap-3 border-b border-border/40 bg-background/55 py-3 backdrop-blur-xl backdrop-saturate-150",
-				children: [/* @__PURE__ */ G("div", {
+				children: [/* @__PURE__ */ K("div", {
 					className: "flex min-w-0 items-center gap-3",
 					children: n
-				}), /* @__PURE__ */ K("div", {
+				}), /* @__PURE__ */ q("div", {
 					className: "flex items-center gap-2",
-					children: [r, g === "header" && /* @__PURE__ */ G("div", {
+					children: [r, g === "header" && /* @__PURE__ */ K("div", {
 						"data-slot": "bento-shell-dock",
 						className: "relative flex",
-						children: v("header")
+						children: b("header")
 					})]
 				})]
 			}),
-			/* @__PURE__ */ G("main", {
+			/* @__PURE__ */ K("main", {
 				ref: d,
 				id: u,
 				tabIndex: -1,
@@ -2775,20 +2940,20 @@ function er({ rail: t, headerStart: n, headerEnd: r, column: i = "default", dock
 				className: "bento-shell-main",
 				children: s
 			}),
-			_ && /* @__PURE__ */ G("div", {
+			_ && /* @__PURE__ */ K("div", {
 				"data-slot": "bento-shell-corner",
 				className: "pointer-events-none fixed bottom-5 right-5 z-50 flex flex-col items-end gap-3",
-				children: /* @__PURE__ */ K(I.Provider, {
+				children: /* @__PURE__ */ q(I.Provider, {
 					value: !0,
-					children: [o && /* @__PURE__ */ G(Yn, {}), g === "corner" && v("corner")]
+					children: [o && /* @__PURE__ */ K(fr, {}), g === "corner" && b("corner")]
 				})
 			})
 		]
 	});
 }
-function tr({ main: e, announcer: t }) {
-	let { pathname: n } = Ge(), r = V(n);
-	return B(() => {
+function vr({ main: e, announcer: t }) {
+	let { pathname: n } = Je(), r = U(n);
+	return V(() => {
 		if (r.current === n) return;
 		r.current = n;
 		let i = 0, a, o = () => {
@@ -2808,7 +2973,7 @@ function tr({ main: e, announcer: t }) {
 }
 //#endregion
 //#region src/bento/bento-shell-shortcuts.ts
-var nr = Object.freeze([
+var yr = Object.freeze([
 	{
 		action: "palette",
 		key: "k",
@@ -2823,14 +2988,14 @@ var nr = Object.freeze([
 		key: "?"
 	}
 ]);
-function rr() {
+function br() {
 	return typeof navigator > "u" ? !1 : /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent || "");
 }
-function ir(e, t) {
+function xr(e, t) {
 	let n = e.key.length === 1 ? e.key.toUpperCase() : e.key;
 	return e.mod ? [t ? "⌘" : "Ctrl", n] : [n];
 }
-function ar(e) {
+function Sr(e) {
 	if (!(e instanceof HTMLElement)) return !1;
 	if ([
 		"INPUT",
@@ -2840,24 +3005,24 @@ function ar(e) {
 	let t = e.closest("[contenteditable]");
 	return t !== null && t.getAttribute("contenteditable") !== "false";
 }
-function or(e, t) {
+function Cr(e, t) {
 	if (e.defaultPrevented || e.isComposing || e.repeat) return;
 	let n = e.key.toLowerCase();
-	return nr.find((r) => n === r.key ? r.mod ? (t ? e.metaKey && !e.ctrlKey : e.ctrlKey && !e.metaKey) && !e.altKey && !e.shiftKey : e.metaKey || ar(e.target) ? !1 : e.ctrlKey === e.altKey : !1);
+	return yr.find((r) => n === r.key ? r.mod ? (t ? e.metaKey && !e.ctrlKey : e.ctrlKey && !e.metaKey) && !e.altKey && !e.shiftKey : e.metaKey || Sr(e.target) ? !1 : e.ctrlKey === e.altKey : !1);
 }
-function sr({ onPalette: e, onShortcuts: t, isMac: n = rr() }) {
-	let r = V({
+function wr({ onPalette: e, onShortcuts: t, isMac: n = br() }) {
+	let r = U({
 		onPalette: e,
 		onShortcuts: t
 	});
-	B(() => {
+	V(() => {
 		r.current = {
 			onPalette: e,
 			onShortcuts: t
 		};
-	}), B(() => {
+	}), V(() => {
 		function e(e) {
-			let t = or(e, n), i = t?.action === "palette" ? r.current.onPalette : t && r.current.onShortcuts;
+			let t = Cr(e, n), i = t?.action === "palette" ? r.current.onPalette : t && r.current.onShortcuts;
 			i && (e.preventDefault(), i());
 		}
 		return globalThis.addEventListener("keydown", e), () => globalThis.removeEventListener("keydown", e);
@@ -2865,42 +3030,42 @@ function sr({ onPalette: e, onShortcuts: t, isMac: n = rr() }) {
 }
 //#endregion
 //#region src/bento/bento-palette-trigger.tsx
-function cr({ onClick: t, isMac: n = rr(), className: r }) {
-	let { t: i } = q(), a = nr.filter((e) => e.action === "palette"), o = a.find((e) => e.mod);
-	return /* @__PURE__ */ K("button", {
+function Tr({ onClick: t, isMac: n = br(), className: r }) {
+	let { t: i } = J(), a = yr.filter((e) => e.action === "palette"), o = a.find((e) => e.mod);
+	return /* @__PURE__ */ q("button", {
 		type: "button",
 		onClick: t,
 		"aria-keyshortcuts": a.map((e) => e.mod ? `${n ? "Meta" : "Control"}+${e.key.toUpperCase()}` : e.key).join(" "),
 		className: e("bento-tile bento-tile-clickable inline-flex items-center gap-2 rounded-full border border-border/60 bg-card/60 py-1.5 pl-3 pr-2 text-sm text-muted-foreground backdrop-blur hover:text-foreground", r),
 		children: [
-			/* @__PURE__ */ G(Pe, {
+			/* @__PURE__ */ K(Le, {
 				"aria-hidden": !0,
 				size: 16
 			}),
-			/* @__PURE__ */ G("span", {
+			/* @__PURE__ */ K("span", {
 				className: "sr-only sm:not-sr-only",
 				children: i("bento.palette.search", { defaultValue: "Search" })
 			}),
-			o && /* @__PURE__ */ G("kbd", {
+			o && /* @__PURE__ */ K("kbd", {
 				"aria-hidden": !0,
-				className: "hidden rounded border border-border/60 bg-muted px-1.5 py-0.5 text-[10px] font-medium tracking-wide sm:inline",
-				children: ir(o, n).join(n ? "" : " ")
+				className: "hidden rounded-sm border border-border/60 bg-muted px-1.5 py-0.5 text-[10px] font-medium tracking-wide sm:inline",
+				children: xr(o, n).join(n ? "" : " ")
 			})
 		]
 	});
 }
 //#endregion
 //#region src/bento/bento-shortcuts-dialog.tsx
-function lr({ open: e, onOpenChange: t, isMac: a = rr() }) {
-	let { t: c } = q(), l = {
+function Er({ open: e, onOpenChange: t, isMac: a = br() }) {
+	let { t: c } = J(), l = {
 		palette: c("bento.palette.open", { defaultValue: "Open command palette" }),
 		shortcuts: c("bento.shortcuts.openGuide", { defaultValue: "Show keyboard shortcuts" })
-	}, u = [...new Set(nr.map((e) => e.action))], d = [{
+	}, u = [...new Set(yr.map((e) => e.action))], d = [{
 		heading: c("bento.shortcuts.global", { defaultValue: "Global" }),
 		rows: u.map((e) => ({
 			id: e,
 			label: l[e],
-			combos: nr.filter((t) => t.action === e).map((e) => ir(e, a))
+			combos: yr.filter((t) => t.action === e).map((e) => xr(e, a))
 		}))
 	}, {
 		heading: c("bento.shortcuts.palette", { defaultValue: "Command palette" }),
@@ -2922,36 +3087,36 @@ function lr({ open: e, onOpenChange: t, isMac: a = rr() }) {
 			}
 		]
 	}];
-	return /* @__PURE__ */ G(n, {
+	return /* @__PURE__ */ K(n, {
 		open: e,
 		onOpenChange: t,
-		children: /* @__PURE__ */ K(s, {
+		children: /* @__PURE__ */ q(s, {
 			className: "max-w-md",
-			children: [/* @__PURE__ */ K(o, { children: [/* @__PURE__ */ K(i, {
+			children: [/* @__PURE__ */ q(o, { children: [/* @__PURE__ */ q(i, {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ G(Oe, {
+				children: [/* @__PURE__ */ K(je, {
 					size: 20,
 					className: "bento-accent-icon"
 				}), c("bento.shortcuts.title", { defaultValue: "Keyboard shortcuts" })]
-			}), /* @__PURE__ */ G(r, { children: c("bento.shortcuts.description", { defaultValue: "Move around without leaving the keyboard." }) })] }), /* @__PURE__ */ G("div", {
+			}), /* @__PURE__ */ K(r, { children: c("bento.shortcuts.description", { defaultValue: "Move around without leaving the keyboard." }) })] }), /* @__PURE__ */ K("div", {
 				className: "flex flex-col gap-5",
-				children: d.map((e) => /* @__PURE__ */ K("section", { children: [/* @__PURE__ */ G("h3", {
+				children: d.map((e) => /* @__PURE__ */ q("section", { children: [/* @__PURE__ */ K("h3", {
 					className: "mb-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground",
 					children: e.heading
-				}), /* @__PURE__ */ G("ul", {
+				}), /* @__PURE__ */ K("ul", {
 					className: "flex flex-col gap-1.5",
-					children: e.rows.map((e) => /* @__PURE__ */ K("li", {
+					children: e.rows.map((e) => /* @__PURE__ */ q("li", {
 						"data-shortcut": e.id,
 						className: "flex items-center justify-between gap-4",
-						children: [/* @__PURE__ */ G("span", {
+						children: [/* @__PURE__ */ K("span", {
 							className: "text-sm text-foreground",
 							children: e.label
-						}), /* @__PURE__ */ G("span", {
+						}), /* @__PURE__ */ K("span", {
 							className: "flex shrink-0 items-center gap-1",
-							children: e.combos.map((e, t) => /* @__PURE__ */ K(z, { children: [t > 0 && /* @__PURE__ */ G("span", {
+							children: e.combos.map((e, t) => /* @__PURE__ */ q(ce, { children: [t > 0 && /* @__PURE__ */ K("span", {
 								className: "px-0.5 text-[11px] text-muted-foreground",
 								children: c("bento.shortcuts.or", { defaultValue: "or" })
-							}), e.map((e) => /* @__PURE__ */ G("kbd", {
+							}), e.map((e) => /* @__PURE__ */ K("kbd", {
 								className: "inline-flex min-w-6 items-center justify-center rounded-md border border-border/60 bg-muted px-1.5 py-0.5 text-[11px] font-medium tracking-wide",
 								children: e
 							}, e))] }, e.join("+")))
@@ -2964,171 +3129,171 @@ function lr({ open: e, onOpenChange: t, isMac: a = rr() }) {
 }
 //#endregion
 //#region src/bento/bento-nav-rail.tsx
-var ur = ke;
-function dr(e, t) {
+var Dr = Me;
+function Or(e, t) {
 	return e === t || e.startsWith(`${t}/`);
 }
-function fr(e, t) {
-	return t.section.areaRoute && dr(e, t.section.areaRoute) ? !0 : t.items.some((t) => t.bentoRoute && dr(e, t.bentoRoute));
+function kr(e, t) {
+	return t.section.areaRoute && Or(e, t.section.areaRoute) ? !0 : t.items.some((t) => t.bentoRoute && Or(e, t.bentoRoute));
 }
-function pr(e) {
+function Ar(e) {
 	return e.items.reduce((e, t) => e + (t.count && t.count > 0 ? t.count : 0), 0);
 }
-function mr({ groups: e, homeRoute: t, homeAliases: n, homeLabel: r }) {
-	let { t: i } = q(), { pathname: a } = Ge(), o = le(() => e.filter((e) => !!e.section.areaRoute), [e]), s = a === t || (n?.includes(a) ?? !1);
-	return /* @__PURE__ */ G(te, {
+function jr({ groups: e, homeRoute: t, homeAliases: n, homeLabel: r }) {
+	let { t: i } = J(), { pathname: a } = Je(), o = fe(() => e.filter((e) => !!e.section.areaRoute), [e]), s = a === t || (n?.includes(a) ?? !1);
+	return /* @__PURE__ */ K(S, {
 		delayDuration: 200,
-		children: /* @__PURE__ */ K("nav", {
+		children: /* @__PURE__ */ q("nav", {
 			"aria-label": i("bento.nav.label", { defaultValue: "Primary" }),
 			className: "fixed inset-y-0 left-0 z-40 hidden w-20 flex-col items-center gap-1 overflow-y-auto overflow-x-hidden border-r border-border/40 bg-background/55 pt-20 pb-[calc(1rem+var(--bento-rail-foot,0px))] backdrop-blur-xl backdrop-saturate-150 md:flex",
 			children: [
-				/* @__PURE__ */ G(hr, {
+				/* @__PURE__ */ K(Mr, {
 					to: t,
-					icon: De,
+					icon: Ae,
 					label: r ?? i("home.title", { defaultValue: "Home" }),
 					shown: !0,
 					active: s
 				}),
-				o.length > 0 && /* @__PURE__ */ G("span", {
+				o.length > 0 && /* @__PURE__ */ K("span", {
 					"aria-hidden": !0,
 					className: "my-1 h-px w-6 bg-border/60"
 				}),
-				o.map((e) => /* @__PURE__ */ G(hr, {
+				o.map((e) => /* @__PURE__ */ K(Mr, {
 					to: e.section.areaRoute,
-					icon: e.section.icon ?? ur,
+					icon: e.section.icon ?? Dr,
 					label: e.section.labelKey ? i(e.section.labelKey) : e.section.id,
 					shown: !!e.section.labelKey,
-					count: pr(e),
-					active: fr(a, e)
+					count: Ar(e),
+					active: kr(a, e)
 				}, e.section.id))
 			]
 		})
 	});
 }
-function hr({ to: e, icon: t, label: n, shown: r, count: i = 0, active: a }) {
-	let { t: o } = q(), s = i > 0 ? o("bento.nav.count", {
+function Mr({ to: e, icon: t, label: n, shown: r, count: i = 0, active: a }) {
+	let { t: o } = J(), s = i > 0 ? o("bento.nav.count", {
 		count: i,
 		defaultValue: "{{count}} waiting"
-	}) : null, c = /* @__PURE__ */ K(Ue, {
+	}) : null, c = /* @__PURE__ */ q(Ke, {
 		to: e,
 		"aria-label": s ? `${n}, ${s}` : n,
 		"aria-current": a ? "page" : void 0,
 		className: `group flex w-full shrink-0 flex-col items-center gap-1 px-1 py-0.5 ${a ? "text-primary" : "text-muted-foreground hover:text-foreground"}`,
-		children: [/* @__PURE__ */ K("span", {
+		children: [/* @__PURE__ */ q("span", {
 			className: `bento-tile-clickable relative grid h-11 w-11 place-items-center rounded-2xl border transition-colors duration-200 ${a ? "bento-rail-active" : "border-transparent group-hover:border-border/60 group-hover:bg-card/60"}`,
-			children: [/* @__PURE__ */ G(t, { size: 20 }), i > 0 && /* @__PURE__ */ G("span", {
+			children: [/* @__PURE__ */ K(t, { size: 20 }), i > 0 && /* @__PURE__ */ K("span", {
 				"aria-hidden": !0,
 				"data-slot": "bento-rail-count",
 				className: "absolute -right-1 -top-1 min-w-4 rounded-full bg-primary px-1 text-center text-[0.6875rem] leading-4 text-primary-foreground",
 				children: i > 99 ? "99+" : i
 			})]
-		}), r && /* @__PURE__ */ G("span", {
+		}), r && /* @__PURE__ */ K("span", {
 			"aria-hidden": !0,
 			title: n,
 			className: "w-full truncate text-center text-[0.6875rem] leading-4",
 			children: n
 		})]
 	});
-	return r ? c : /* @__PURE__ */ K(O, { children: [/* @__PURE__ */ G(re, {
+	return r ? c : /* @__PURE__ */ q(E, { children: [/* @__PURE__ */ K(u, {
 		asChild: !0,
 		children: c
-	}), /* @__PURE__ */ G(w, {
+	}), /* @__PURE__ */ K(B, {
 		side: "right",
 		children: n
 	})] });
 }
 //#endregion
 //#region src/bento/bento-user-menu.tsx
-function gr({ accountRoute: e, logoutUrl: t, organizationsRoute: n, tenantAdminRoute: r, onOpenShortcuts: i, onReplayTour: a }) {
-	let { user: o, status: s } = P(), { t: c } = q(), l = Ke(), u = `${o.firstName ?? ""} ${o.lastName ?? ""}`.trim() || o.username || "";
-	return s === "loading" ? /* @__PURE__ */ G("div", {
+function Nr({ accountRoute: e, logoutUrl: t, organizationsRoute: n, tenantAdminRoute: r, onOpenShortcuts: i, onReplayTour: a }) {
+	let { user: o, status: s } = F(), { t: c } = J(), u = Ye(), d = `${o.firstName ?? ""} ${o.lastName ?? ""}`.trim() || o.username || "";
+	return s === "loading" ? /* @__PURE__ */ K("div", {
 		className: "h-9 w-9 rounded-full bg-muted/40",
 		"aria-hidden": !0
-	}) : /* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(F, {
+	}) : /* @__PURE__ */ q(v, { children: [/* @__PURE__ */ K(T, {
 		asChild: !0,
-		children: /* @__PURE__ */ G("button", {
+		children: /* @__PURE__ */ K("button", {
 			type: "button",
-			title: u || o.username,
+			title: d || o.username,
 			className: "bento-tile-clickable cursor-pointer rounded-full p-0.5 ring-1 ring-border/60 outline-none transition-shadow duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] bento-ring hover:ring-2 focus-visible:ring-2 focus-visible:ring-ring",
-			children: /* @__PURE__ */ G(L, {
+			children: /* @__PURE__ */ K(L, {
 				givenName: o.firstName,
 				familyName: o.lastName,
-				name: u || o.username,
+				name: d || o.username,
 				src: o.avatarUrl || void 0,
 				alt: o.username
 			})
 		})
-	}), /* @__PURE__ */ K(d, {
+	}), /* @__PURE__ */ q(ie, {
 		align: "end",
 		sideOffset: 10,
 		className: "bento-dropdown min-w-64 p-2",
 		children: [
-			/* @__PURE__ */ G(y, {
+			/* @__PURE__ */ K(h, {
 				className: "p-0 font-normal",
-				children: /* @__PURE__ */ K("div", {
+				children: /* @__PURE__ */ q("div", {
 					className: "flex items-center gap-3 rounded-xl px-2 py-2 text-left text-sm",
-					children: [/* @__PURE__ */ G("span", {
+					children: [/* @__PURE__ */ K("span", {
 						className: "rounded-full p-0.5 ring-1 ring-border/60",
-						children: /* @__PURE__ */ G(L, {
+						children: /* @__PURE__ */ K(L, {
 							givenName: o.firstName,
 							familyName: o.lastName,
-							name: u || o.username,
+							name: d || o.username,
 							src: o.avatarUrl || void 0,
 							alt: o.username
 						})
-					}), /* @__PURE__ */ K("div", {
+					}), /* @__PURE__ */ q("div", {
 						className: "grid flex-1 text-left text-sm leading-tight",
-						children: [u && /* @__PURE__ */ G("span", {
+						children: [d && /* @__PURE__ */ K("span", {
 							className: "truncate font-medium",
-							children: u
-						}), o.email && /* @__PURE__ */ G("span", {
+							children: d
+						}), o.email && /* @__PURE__ */ K("span", {
 							className: "truncate text-xs text-muted-foreground",
 							children: o.email
 						})]
 					})]
 				})
 			}),
-			/* @__PURE__ */ G(f, { className: "my-1.5 bg-border/50" }),
-			/* @__PURE__ */ K(p, { children: [
-				/* @__PURE__ */ K(h, {
-					onSelect: () => l(e),
+			/* @__PURE__ */ K(_, { className: "my-1.5 bg-border/50" }),
+			/* @__PURE__ */ q(l, { children: [
+				/* @__PURE__ */ q(C, {
+					onSelect: () => u(e),
 					className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-					children: [/* @__PURE__ */ G(Re, { size: 18 }), c("nav.account")]
+					children: [/* @__PURE__ */ K(Ve, { size: 18 }), c("nav.account")]
 				}),
-				n && /* @__PURE__ */ K(h, {
-					onSelect: () => l(n),
+				n && /* @__PURE__ */ q(C, {
+					onSelect: () => u(n),
 					className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-					children: [/* @__PURE__ */ G(_e, { size: 18 }), c("nav.organizations", { defaultValue: "Organizations" })]
+					children: [/* @__PURE__ */ K(be, { size: 18 }), c("nav.organizations", { defaultValue: "Organizations" })]
 				}),
-				r && /* @__PURE__ */ K(h, {
-					onSelect: () => l(r),
+				r && /* @__PURE__ */ q(C, {
+					onSelect: () => u(r),
 					className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-					children: [/* @__PURE__ */ G(ve, { size: 18 }), c("nav.tenantAdmin", { defaultValue: "Tenant administration" })]
+					children: [/* @__PURE__ */ K(xe, { size: 18 }), c("nav.tenantAdmin", { defaultValue: "Tenant administration" })]
 				})
 			] }),
-			(i || a) && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(f, { className: "my-1.5 bg-border/50" }), /* @__PURE__ */ K(p, { children: [a && /* @__PURE__ */ K(h, {
+			(i || a) && /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(_, { className: "my-1.5 bg-border/50" }), /* @__PURE__ */ q(l, { children: [a && /* @__PURE__ */ q(C, {
 				onSelect: () => a(),
 				className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-				children: [/* @__PURE__ */ G(Fe, { size: 18 }), c("bento.tour.replay", { defaultValue: "Take the tour" })]
-			}), i && /* @__PURE__ */ K(h, {
+				children: [/* @__PURE__ */ K(Re, { size: 18 }), c("bento.tour.replay", { defaultValue: "Take the tour" })]
+			}), i && /* @__PURE__ */ q(C, {
 				onSelect: () => i(),
 				className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-				children: [/* @__PURE__ */ G(Oe, { size: 18 }), c("bento.shortcuts.title", { defaultValue: "Keyboard shortcuts" })]
+				children: [/* @__PURE__ */ K(je, { size: 18 }), c("bento.shortcuts.title", { defaultValue: "Keyboard shortcuts" })]
 			})] })] }),
-			/* @__PURE__ */ G(f, { className: "my-1.5 bg-border/50" }),
-			/* @__PURE__ */ K(h, {
+			/* @__PURE__ */ K(_, { className: "my-1.5 bg-border/50" }),
+			/* @__PURE__ */ q(C, {
 				onSelect: () => {
 					globalThis.location.href = t;
 				},
 				className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2 bento-item-danger",
-				children: [/* @__PURE__ */ G(Ae, { size: 18 }), c("nav.logOut")]
+				children: [/* @__PURE__ */ K(Pe, { size: 18 }), c("nav.logOut")]
 			})
 		]
 	})] });
 }
 //#endregion
 //#region src/bento/bento-section-chrome.tsx
-var _r = {
+var Pr = {
 	blue: "blue",
 	violet: "violet",
 	emerald: "emerald",
@@ -3138,62 +3303,62 @@ var _r = {
 	cyan: "blue",
 	orange: "amber"
 };
-function vr({ variant: t = "blue", className: n, children: r }) {
+function Fr({ variant: t = "blue", className: n, children: r }) {
 	let i;
-	oe.forEach(r, (e) => {
-		if (!se(e)) return;
+	se.forEach(r, (e) => {
+		if (!le(e)) return;
 		let { type: t } = e;
-		(t === T.Header || t === T.StaticHeader) && (i ??= e.props);
+		(t === z.Header || t === z.StaticHeader) && (i ??= e.props);
 	});
-	let a = oe.map(r, (e) => {
-		if (!se(e)) return e;
+	let a = se.map(r, (e) => {
+		if (!le(e)) return e;
 		let { type: t } = e;
-		return t === T.Header || t === T.StaticHeader ? null : t === T.Content ? e.props.children : e;
+		return t === z.Header || t === z.StaticHeader ? null : t === z.Content ? e.props.children : e;
 	});
-	return i ? /* @__PURE__ */ G(Wn, {
+	return i ? /* @__PURE__ */ K(sr, {
 		icon: i.icon,
-		tone: _r[t] ?? "blue",
+		tone: Pr[t] ?? "blue",
 		title: i.title,
 		description: i.description,
 		className: n,
 		children: a
-	}) : /* @__PURE__ */ G("section", {
-		className: e(Un, n),
+	}) : /* @__PURE__ */ K("section", {
+		className: e(or, n),
 		children: a
 	});
 }
-vr.Header = T.Header, vr.StaticHeader = T.StaticHeader, vr.Content = T.Content;
+Fr.Header = z.Header, Fr.StaticHeader = z.StaticHeader, Fr.Content = z.Content;
 //#endregion
 //#region src/bento/bento-section.tsx
-var yr = "bento-grid grid auto-rows-[minmax(140px,auto)] grid-cols-2 gap-4 md:grid-cols-4 md:gap-5 lg:grid-cols-6";
-function br({ eyebrow: e, title: t, description: n, titleHref: r, children: i, gridClassName: a = yr }) {
-	let o = /* @__PURE__ */ G("h2", {
+var Ir = "bento-grid grid auto-rows-[minmax(140px,auto)] grid-cols-2 gap-4 md:grid-cols-4 md:gap-5 lg:grid-cols-6";
+function Lr({ eyebrow: e, title: t, description: n, titleHref: r, children: i, gridClassName: a = Ir }) {
+	let o = /* @__PURE__ */ K("h2", {
 		className: "text-xl font-semibold tracking-tight md:text-2xl",
 		children: t
 	});
-	return /* @__PURE__ */ K("section", {
+	return /* @__PURE__ */ q("section", {
 		className: "mb-8 md:mb-10",
-		children: [/* @__PURE__ */ K("header", {
+		children: [/* @__PURE__ */ q("header", {
 			className: "bento-shell-header mb-4 flex flex-col gap-0.5",
 			children: [
-				e && /* @__PURE__ */ G("span", {
+				e && /* @__PURE__ */ K("span", {
 					className: "text-xs uppercase tracking-[0.18em] text-muted-foreground",
 					children: e
 				}),
-				r ? /* @__PURE__ */ K(Ue, {
+				r ? /* @__PURE__ */ q(Ke, {
 					to: r,
 					className: "group inline-flex w-fit items-center gap-1 text-foreground transition-colors hover:text-primary",
-					children: [o, /* @__PURE__ */ G(xe, {
+					children: [o, /* @__PURE__ */ K(we, {
 						size: 20,
 						className: "text-muted-foreground transition-transform duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] group-hover:translate-x-1"
 					})]
 				}) : o,
-				n && /* @__PURE__ */ G("p", {
+				n && /* @__PURE__ */ K("p", {
 					className: "max-w-2xl text-sm text-muted-foreground",
 					children: n
 				})
 			]
-		}), /* @__PURE__ */ G("div", {
+		}), /* @__PURE__ */ K("div", {
 			className: a,
 			children: i
 		})]
@@ -3201,66 +3366,66 @@ function br({ eyebrow: e, title: t, description: n, titleHref: r, children: i, g
 }
 //#endregion
 //#region src/bento/bento-tile.tsx
-function xr({ to: t, onClick: n, disabled: r = !1, disabledHint: i, icon: a, tone: o, eyebrow: s, title: c, span: l, featured: u = !1, children: d }) {
-	let f = !r && !!(t || n), p = u ? "h-14 w-14 rounded-2xl" : "h-9 w-9 rounded-2xl", m = u ? 28 : 18, h = u ? "text-xl font-semibold tracking-tight md:text-2xl" : "text-base font-semibold tracking-tight md:text-lg", g = /* @__PURE__ */ K(W, { children: [
-		u && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("div", {
+function Rr({ to: t, onClick: n, disabled: r = !1, disabledHint: i, icon: a, tone: o, eyebrow: s, title: c, span: l, featured: u = !1, children: d }) {
+	let f = !r && !!(t || n), p = u ? "h-14 w-14 rounded-2xl" : "h-9 w-9 rounded-2xl", m = u ? 28 : 18, h = u ? "text-xl font-semibold tracking-tight md:text-2xl" : "text-base font-semibold tracking-tight md:text-lg", g = /* @__PURE__ */ q(G, { children: [
+		u && /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K("div", {
 			"aria-hidden": !0,
-			className: `pointer-events-none absolute -bottom-10 -right-10 h-64 w-64 rounded-full ${Y(o)} opacity-40 blur-2xl dark:opacity-50`
-		}), /* @__PURE__ */ G("div", {
+			className: `pointer-events-none absolute -bottom-10 -right-10 h-64 w-64 rounded-full ${_t(o)} opacity-40 blur-2xl dark:opacity-50`
+		}), /* @__PURE__ */ K("div", {
 			"aria-hidden": !0,
-			className: `pointer-events-none absolute right-12 top-1/3 h-32 w-32 rounded-full ${Y(o)} bento-chip-tr opacity-20 blur-2xl dark:opacity-30`
+			className: `pointer-events-none absolute right-12 top-1/3 h-32 w-32 rounded-full ${_t(o)} bento-chip-tr opacity-20 blur-2xl dark:opacity-30`
 		})] }),
-		/* @__PURE__ */ K("div", {
+		/* @__PURE__ */ q("div", {
 			className: "relative z-1 flex items-center justify-between",
-			children: [/* @__PURE__ */ G("span", {
-				className: `grid place-items-center ${Y(o)} text-white shadow-md ${p}`,
-				children: /* @__PURE__ */ G(a, { size: m })
-			}), f && /* @__PURE__ */ G(xe, {
+			children: [/* @__PURE__ */ K("span", {
+				className: `grid place-items-center ${_t(o)} text-white shadow-md ${p}`,
+				children: /* @__PURE__ */ K(a, { size: m })
+			}), f && /* @__PURE__ */ K(we, {
 				size: u ? 18 : 16,
 				className: "text-muted-foreground transition-transform duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] group-hover:translate-x-1"
 			})]
 		}),
-		/* @__PURE__ */ K("div", {
+		/* @__PURE__ */ q("div", {
 			className: "relative z-1",
 			children: [
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ K("div", {
 					className: "text-[11px] uppercase tracking-wider text-muted-foreground",
 					children: s
 				}),
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ K("div", {
 					className: `mt-0.5 ${h}`,
 					children: c
 				}),
-				d && /* @__PURE__ */ G("div", {
+				d && /* @__PURE__ */ K("div", {
 					className: "mt-2",
 					children: d
 				})
 			]
 		})
 	] }), _ = `bento-tile bento-glass group relative flex flex-col ${u ? "gap-5" : "gap-4"} overflow-hidden text-left ${u ? "p-6 md:p-7" : "p-5"} ${l}${f ? " bento-tile-clickable" : ""}${r ? " cursor-not-allowed opacity-60" : ""}`;
-	return r ? /* @__PURE__ */ G("div", {
+	return r ? /* @__PURE__ */ K("div", {
 		className: _,
 		"aria-disabled": "true",
 		title: i,
 		children: g
-	}) : t ? /* @__PURE__ */ G(Ue, {
+	}) : t ? /* @__PURE__ */ K(Ke, {
 		to: t,
 		className: _,
 		children: g
-	}) : n ? /* @__PURE__ */ G("button", {
+	}) : n ? /* @__PURE__ */ K("button", {
 		type: "button",
 		onClick: n,
 		className: e("w-full", _),
 		children: g
-	}) : /* @__PURE__ */ G("div", {
+	}) : /* @__PURE__ */ K("div", {
 		className: _,
 		children: g
 	});
 }
 //#endregion
 //#region src/bento/bento-version-rail.tsx
-function Sr({ versions: t, selected: n, onSelect: r, label: i }) {
-	let { t: a, i18n: o } = q(), [s, c] = H(0), [l, u] = H([]), d = V(/* @__PURE__ */ new Map()), f = (e) => [...e].sort((e, n) => t.findIndex((e) => e.id === n) - t.findIndex((t) => t.id === e));
+function zr({ versions: t, selected: n, onSelect: r, label: i }) {
+	let { t: a, i18n: o } = J(), [s, c] = W(0), [l, u] = W([]), d = U(/* @__PURE__ */ new Map()), f = (e) => [...e].sort((e, n) => t.findIndex((e) => e.id === n) - t.findIndex((t) => t.id === e));
 	function p(e) {
 		if (n.includes(e)) {
 			u(l.filter((t) => t !== e)), r(n.filter((t) => t !== e));
@@ -3308,15 +3473,15 @@ function Sr({ versions: t, selected: n, onSelect: r, label: i }) {
 			}).format(t)
 		};
 	};
-	return /* @__PURE__ */ G("ul", {
+	return /* @__PURE__ */ K("ul", {
 		role: "listbox",
 		"aria-label": i ?? a("bento.versions.label", { defaultValue: "Versions" }),
 		"aria-multiselectable": "true",
 		"data-slot": "bento-version-rail",
 		className: "m-0 flex list-none flex-col gap-1 p-0",
 		children: t.map((r, i) => {
-			let o = n.includes(r.id), l = g(r.at), u = r.actor === "agent" ? Ne : Le, f = o ? "text-foreground/80" : "text-muted-foreground";
-			return /* @__PURE__ */ K("li", {
+			let o = n.includes(r.id), l = g(r.at), u = r.actor === "agent" ? Ie : Be, f = o ? "text-foreground/80" : "text-muted-foreground";
+			return /* @__PURE__ */ q("li", {
 				ref: (e) => {
 					e ? d.current.set(i, e) : d.current.delete(i);
 				},
@@ -3329,26 +3494,26 @@ function Sr({ versions: t, selected: n, onSelect: r, label: i }) {
 				},
 				className: e("flex cursor-pointer flex-col gap-0.5 rounded-xl border px-3 py-2 text-sm outline-none transition-colors", "focus-visible:ring-2 focus-visible:ring-ring", o ? "border-primary/50 bg-primary/10" : "border-transparent hover:bg-muted/50"),
 				children: [
-					/* @__PURE__ */ K("span", {
+					/* @__PURE__ */ q("span", {
 						className: "flex items-center gap-1.5 font-medium",
 						children: [
-							/* @__PURE__ */ G(u, {
+							/* @__PURE__ */ K(u, {
 								size: 14,
 								"aria-hidden": "true"
 							}),
 							r.author,
-							/* @__PURE__ */ G("span", {
+							/* @__PURE__ */ K("span", {
 								className: e("text-xs font-normal", f),
 								children: r.actor === "agent" ? a("bento.versions.agent", { defaultValue: "Agent" }) : a("bento.versions.human", { defaultValue: "Person" })
 							})
 						]
 					}),
-					/* @__PURE__ */ G("time", {
+					/* @__PURE__ */ K("time", {
 						dateTime: l.iso,
 						className: e("text-xs", f),
 						children: l.text
 					}),
-					r.summary && /* @__PURE__ */ G("span", {
+					r.summary && /* @__PURE__ */ K("span", {
 						className: "text-xs",
 						children: r.summary
 					})
@@ -3358,4 +3523,4 @@ function Sr({ versions: t, selected: n, onSelect: r, label: i }) {
 	});
 }
 //#endregion
-export { vr as AdaptiveSectionCard, gn as BENTO_EMPHASIS_NEXT, hn as BENTO_EMPHASIS_SPAN, nr as BENTO_SHELL_SHORTCUTS, pt as BENTO_TONES, ft as BENTO_TONE_CLASS, dt as BentoActionsMenu, xt as BentoBackLink, Yn as BentoBackToTop, pn as BentoCalendar, jt as BentoChangeMark, $n as BentoCommandPalette, mt as BentoCountTile, _t as BentoDataTable, Ft as BentoDiff, vt as BentoEmptyState, kt as BentoEntityShell, yn as BentoEntityTile, wn as BentoFilterBar, Hn as BentoFormHero, Wn as BentoFormSection, Ct as BentoHero, wt as BentoHeroIconPicker, Tt as BentoInlineEdit, An as BentoListPage, mr as BentoNavRail, cr as BentoPaletteTrigger, Gn as BentoPanel, zn as BentoSaveBar, Vn as BentoScrollSaveBar, br as BentoSection, er as BentoShell, lr as BentoShortcutsDialog, on as BentoSplitPage, Et as BentoStatusMarker, xr as BentoTile, jn as BentoTileGrid, bt as BentoTrail, gr as BentoUserMenu, Sr as BentoVersionRail, bn as EMPTY_FILTERS, Y as bentoChipClass, Xn as bentoNavTarget, _n as resolveBentoLayout, vn as toBentoLayoutEntries, Dt as useBentoScrollFade, sr as useBentoShellShortcuts };
+export { Fr as AdaptiveSectionCard, Nn as BENTO_EMPHASIS_NEXT, Mn as BENTO_EMPHASIS_SPAN, Mt as BENTO_RECORD_STATES, yr as BENTO_SHELL_SHORTCUTS, gt as BENTO_TONES, ht as BENTO_TONE_CLASS, mt as BentoActionsMenu, Dt as BentoBackLink, fr as BentoBackToTop, An as BentoCalendar, hn as BentoChangeCell, Rt as BentoChangeMark, gr as BentoCommandPalette, vt as BentoCountTile, Ct as BentoDataTable, Ht as BentoDiff, wt as BentoEmptyState, It as BentoEntityShell, In as BentoEntityTile, Vn as BentoFilterBar, ar as BentoFormHero, sr as BentoFormSection, kt as BentoHero, At as BentoHeroIconPicker, _n as BentoIdentityCell, jt as BentoInlineEdit, qn as BentoListPage, jr as BentoNavRail, Tr as BentoPaletteTrigger, cr as BentoPanel, nr as BentoSaveBar, ir as BentoScrollSaveBar, Lr as BentoSection, _r as BentoShell, Er as BentoShortcutsDialog, xn as BentoSplitPage, Nt as BentoStatusMarker, Rr as BentoTile, Jn as BentoTileGrid, Et as BentoTrail, Nr as BentoUserMenu, zr as BentoVersionRail, Ln as EMPTY_FILTERS, _t as bentoChipClass, pr as bentoNavTarget, Pn as resolveBentoLayout, Fn as toBentoLayoutEntries, Pt as useBentoScrollFade, wr as useBentoShellShortcuts };