@viglet/viglet-design-system 2026.3.17 → 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-BwsfyQJT.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 ee, f as E, g as D, h as O, i as k, j as A, l as j, m as M, n as N, o as te, q as P, r as F, s as I, u as L, v as ne, w as re, y as ie } from "./user.context-TpXsFyGy.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 R, 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 Y, IconColumns3 as xe, IconDeviceFloppy as Se, IconDotsVertical as Ce, IconExternalLink as we, IconGripVertical as Te, IconHome as Ee, IconKeyboard as De, IconLayoutGrid as Oe, IconLogout as ke, IconPalette as Ae, IconPlus as je, IconRobot as Me, IconSearch as Ne, IconSparkles as Pe, IconTrash as Fe, IconUser as Ie, IconUserCircle as Le, IconUsers as Re, IconX as ze } from "@tabler/icons-react";
-import { Icon as Be } from "@iconify/react";
-import { useDefaultLayout as Ve } from "react-resizable-panels";
-import { Link as He, useInRouterContext as Ue, useLocation as We, useNavigate as Ge } from "react-router-dom";
-import { createCoreRowModel as Ke, createSortedRowModel as qe, rowSortingFeature as Je, useTable as Ye } from "@tanstack/react-table";
-import { DndContext as Xe, KeyboardSensor as Ze, PointerSensor as Qe, closestCenter as $e, useSensor as et, useSensors as tt } from "@dnd-kit/core";
-import { SortableContext as nt, arrayMove as rt, rectSortingStrategy as it, useSortable as at } from "@dnd-kit/sortable";
-import { CSS as ot } from "@dnd-kit/utilities";
+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 st = {
+var dt = {
 	default: "",
 	destructive: "bento-item-danger"
-}, ct = /* @__PURE__ */ new Set();
-function lt(e) {
-	process.env.NODE_ENV === "production" || ct.has(e) || (ct.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 ut({ 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 || lt(t.label);
-	return /* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(P, {
+	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 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__ */ G(Ce, { size: 18 })
+			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 = st[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 dt = {
+var ht = {
 	blue: "bento-tone-blue",
 	indigo: "bento-tone-indigo",
 	violet: "bento-tone-violet",
@@ -60,143 +60,194 @@ var dt = {
 	amber: "bento-tone-amber",
 	rose: "bento-tone-rose",
 	slate: "bento-tone-slate"
-}, ft = Object.keys(dt);
-function pt(e) {
-	return `bento-chip ${dt[e] ?? dt.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 ${pt(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(He, {
+	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: Je,
-	coreRowModel: Ke(),
-	sortedRowModel: qe()
+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, ee] = H({ hidden: [] }), [E, D] = H(/* @__PURE__ */ new Set()), [O, k] = H(null), [A, j] = H(u), [M, N] = H(void 0);
-	A !== u && (j(u), D(/* @__PURE__ */ new Set()), N(c), k(null));
-	let te = le(() => new Set(c ?? []), [c]), F = E;
-	c !== void 0 && (F = c === M ? /* @__PURE__ */ new Set() : te);
-	let I = V(u);
-	B(() => {
-		I.current !== u && (I.current = u, l?.([]));
-	}, [u, l]);
-	let [L, ne] = H(0), [re, ie] = H(0), ae = V(null), oe = V(/* @__PURE__ */ new Map()), R = 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 = Ye({
-		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(re / g) - ht), ve = Math.min(J, Math.ceil((re + pe) / g) + ht), ye = Math.min(L, Math.max(0, J - 1));
-	B(() => {
-		R.current && (R.current = !1, oe.current.get(ye)?.focus());
-	}, [ye, _e]);
-	function be(e) {
-		c === void 0 && D(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 Y(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 Se(e) {
-		let t = n(U[e]), r = new Set(F);
-		r.has(t) ? r.delete(t) : r.add(t), be(r), k(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 Ce(e, t) {
-		let n = Math.max(0, Math.min(J - 1, e));
-		if (t && z) {
-			let e = O ?? ye;
-			k(e), Y(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 = ae.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, ie(e));
+			i < e ? e = i : i + h > e + be && (e = i + h - be), e !== r.scrollTop && (r.scrollTop = e, z(e));
 		}
-		R.current = !0, ne(n);
+		le.current = !0, ne(n);
 	}
-	function we(e, t) {
+	function je(e, t) {
 		if (e.target !== e.currentTarget) return;
 		let r = e.shiftKey;
 		switch (e.key) {
 			case "ArrowDown":
-				Ce(t + 1, r);
+				Ae(t + 1, r);
 				break;
 			case "ArrowUp":
-				Ce(t - 1, r);
+				Ae(t - 1, r);
 				break;
 			case "PageDown":
-				Ce(t + me, r);
+				Ae(t + xe, r);
 				break;
 			case "PageUp":
-				Ce(t - me, r);
+				Ae(t - xe, r);
 				break;
 			case "Home":
-				Ce(0, r);
+				Ae(0, r);
 				break;
 			case "End":
-				Ce(J - 1, r);
+				Ae(X - 1, r);
 				break;
 			case " ":
-				if (!z) return;
-				Se(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 || F.size === 0) return;
-				be(/* @__PURE__ */ new Set()), k(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 Te(e, t) {
-		if (!e.target.closest("button, a, input, [role='checkbox']") && (ne(t), z)) {
+	function Me(e, t) {
+		if (!e.target.closest("button, a, input, [role='checkbox']") && (ne(t), H)) {
 			if (e.shiftKey) {
-				let e = O ?? ye;
-				k(e), Y(e, t);
-			} else e.metaKey || e.ctrlKey ? Se(t) : (be(/* @__PURE__ */ new Set([n(U[t])])), k(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 Ee(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 De(e, t) {
-		let n = { hidden: t ? [...W.hidden, e] : W.hidden.filter((t) => t !== e) };
-		f === void 0 && ee(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 Oe = U.filter((e) => F.has(n(e))), ke = J > 0 && Oe.length === J, Ae = 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: Oe.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: Oe.length
+						count: Z.length
 					}) : ""
 				}),
-				Oe.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(Oe),
-							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" })
 					})]
 				}),
-				Ae.length > 0 && /* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(P, {
+				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(xe, {
+						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: Ae.map((e) => /* @__PURE__ */ G(v, {
-						checked: !W.hidden.includes(e.id),
-						onCheckedChange: (t) => De(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: ke ? !0 : Oe.length > 0 && "indeterminate",
-								onCheckedChange: () => be(ke ? /* @__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: () => Ee(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: ae,
-				onScroll: (e) => ie(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 = F.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 ? oe.current.set(i, e) : oe.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) => we(e, i),
-							onClick: (e) => Te(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 && 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: () => Se(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(ut, {
-										triggerLabel: x("bento.table.rowActions", {
+									children: /* @__PURE__ */ K(mt, {
+										triggerLabel: S("bento.table.rowActions", {
 											defaultValue: "Actions for {{row}}",
 											row: c
 										}),
@@ -425,24 +483,24 @@ 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 = Pe, title: n, description: r, action: i, align: a = "center", titleLevel: o = 2, className: s }) {
+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__ */ K("div", {
+	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", {
+			/* @__PURE__ */ K("span", {
 				className: "bento-well grid h-12 w-12 place-items-center rounded-2xl",
-				children: /* @__PURE__ */ G(t, { size: 24 })
+				children: /* @__PURE__ */ K(t, { size: 24 })
 			}),
-			/* @__PURE__ */ G(l, {
+			/* @__PURE__ */ K(l, {
 				className: "m-0 text-lg font-semibold tracking-tight",
 				children: n
 			}),
-			r && /* @__PURE__ */ G("p", {
+			r && /* @__PURE__ */ K("p", {
 				className: e("max-w-md text-sm text-muted-foreground", c && "mx-auto"),
 				children: r
 			}),
-			i && /* @__PURE__ */ G("div", {
+			i && /* @__PURE__ */ K("div", {
 				className: e("mt-1", c && "mx-auto"),
 				children: i
 			})
@@ -451,31 +509,31 @@ function vt({ icon: t = Pe, title: n, description: r, action: i, align: a = "cen
 }
 //#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(Y, {
+					t > 0 && !r(t) && /* @__PURE__ */ K(we, {
 						size: 12,
 						"aria-hidden": !0,
 						className: "shrink-0 opacity-60"
 					}),
-					/* @__PURE__ */ G(He, {
+					/* @__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(Y, {
+						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(He, {
+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", {
+						/* @__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 ${pt(i)} text-white shadow-md`,
-		children: e ? /* @__PURE__ */ G(Be, {
+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 ${pt(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(Be, {
+				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(Ae, { 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(ze, { 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() {
@@ -620,86 +678,87 @@ function Tt({ value: n, onSave: r, multiline: i = !1, placeholder: a, className:
 			b.current = !1, _(!1), w();
 		}
 	}
-	function ee() {
+	function E() {
 		h(n), w();
 	}
-	function E(e) {
+	function D(e) {
 		h(e), u && r(e);
 	}
-	let D = !n;
-	if (l) return /* @__PURE__ */ G("span", {
+	let O = !n;
+	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 O = "w-full bg-transparent outline-none border-b transition-colors duration-200", k = e(O, "cursor-text rounded-sm", D ? "border-dashed border-border/70 hover:border-foreground/40" : "border-transparent hover:border-border/60 focus-visible:border-border/80"), A = e(O, "bento-editing");
-	if (!f) return /* @__PURE__ */ G("button", {
+	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__ */ K("button", {
 		ref: y,
 		type: "button",
+		"data-look": "text",
 		onClick: () => p(!0),
-		className: e(k, "text-left", o),
+		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 ?? "—"
 		})
 	});
-	function j(e) {
+	function M(e) {
 		if (e.key === "Escape") {
-			e.preventDefault(), ee();
+			e.preventDefault(), E();
 			return;
 		}
 		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) => E(e.target.value),
+		onChange: (e) => D(e.target.value),
 		onBlur: T,
-		onKeyDown: j,
+		onKeyDown: M,
 		placeholder: a,
 		"aria-label": s,
 		"aria-busy": g || void 0,
 		rows: 3,
-		className: e(A, "resize-none py-0.5 leading-snug", o)
-	}) : /* @__PURE__ */ G(t, {
+		className: e(j, "resize-none py-0.5 leading-snug", o)
+	}) : /* @__PURE__ */ K(t, {
 		ref: v,
 		value: m,
-		onChange: (e) => E(e.target.value),
+		onChange: (e) => D(e.target.value),
 		onBlur: T,
-		onKeyDown: j,
+		onKeyDown: M,
 		placeholder: a,
 		"aria-label": s,
 		"aria-busy": g || void 0,
-		className: e(A, "h-auto px-0 py-0 shadow-none focus-visible:ring-0", o)
+		className: e(j, "h-auto px-0 py-0 shadow-none focus-visible:ring-0", o)
 	});
 }
 //#endregion
 //#region src/bento/bento-status-marker.tsx
-var Et = [
+var Mt = [
 	"published",
 	"draft",
 	"scheduled",
 	"changed",
 	"archived"
 ];
-function Dt({ titleMissing: t, dirty: n, state: r, className: i }) {
-	let { t: a } = q();
+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__ */ K("span", {
+	return t ? /* @__PURE__ */ q("span", {
 		className: e(o, "bento-status bento-status-error", i),
-		children: [/* @__PURE__ */ G(de, { className: "size-3" }), a("bento.saveBar.titleRequired", { defaultValue: "Title required" })]
-	}) : n ? /* @__PURE__ */ K("span", {
+		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__ */ G("span", { className: "h-1.5 w-1.5 rounded-full bento-status-dot bento-pulse" }), a("bento.saveBar.unsaved", { defaultValue: "Unsaved changes" })]
-	}) : /* @__PURE__ */ K("span", {
+		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__ */ G("span", {
+		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}`)]
@@ -707,8 +766,8 @@ function Dt({ titleMissing: t, dirty: n, state: r, className: i }) {
 }
 //#endregion
 //#region src/bento/bento-scroll-fade.ts
-function Ot(e) {
-	B(() => {
+function Pt(e) {
+	V(() => {
 		let t = e.current;
 		if (!t) return;
 		let n = document.documentElement, r = 0, i = () => {
@@ -725,98 +784,98 @@ function Ot(e) {
 }
 //#endregion
 //#region src/bento/bento-entity-shell.tsx
-function kt(e, t) {
+function Ft(e, t) {
 	let n = {};
 	for (let r of Object.keys(e)) Object.assign(n, { [r]: t[r] });
 	return n;
 }
-function At({ 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 = Ge(), [C, w] = H(!1), [T, ee] = 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
-	}), E = V(null);
-	Ot(E);
-	let D = {
+	}), D = U(null);
+	Pt(D);
+	let O = {
 		title: e.title ?? "",
 		description: e.description ?? "",
 		icon: e.icon ?? null,
 		enabled: e.enabled ?? 1
-	}, [O, k] = H(D), [A, j] = H(D);
-	(D.title !== A.title || D.description !== A.description || D.icon !== A.icon || D.enabled !== A.enabled) && (j(D), k(D));
+	}, [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 N(n) {
-		if (k((e) => ({
+		if (A((e) => ({
 			...e,
 			...n
 		})), t || !_) return;
-		let r = n.title ?? O.title;
+		let r = n.title ?? k.title;
 		try {
 			await _({
 				...e,
 				...n
-			}), M.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), k((e) => ({
+			console.error("Failed to update entity field", e), A((e) => ({
 				...e,
-				...kt(n, D)
-			})), M.error(x("forms.common.notUpdated", {
-				name: D.title || r,
+				...Ft(n, O)
+			})), R.error(x("forms.common.notUpdated", {
+				name: O.title || r,
 				feature: u
 			}));
 		}
 	}
-	async function te() {
+	async function P() {
 		if (v) {
 			try {
-				await v() ? (M.success(x("forms.common.deleted", {
-					name: O.title,
+				await v() ? (R.success(x("forms.common.deleted", {
+					name: k.title,
 					feature: u
-				})), S(i)) : M.error(x("forms.common.notDeleted", {
-					name: O.title,
+				})), S(i)) : R.error(x("forms.common.notDeleted", {
+					name: k.title,
 					feature: u
 				}));
 			} catch (e) {
-				console.error("Failed to delete entity", e), M.error(x("forms.common.notDeleted", {
-					name: O.title,
+				console.error("Failed to delete entity", e), R.error(x("forms.common.notDeleted", {
+					name: k.title,
 					feature: u
 				}));
 			}
 			w(!1);
 		}
 	}
-	let P = O.enabled === 1, F = !p, I = !(m && !t), L = !O.title.trim(), ne = !t && !T.isDirty, re = L || ne, ie = [...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: Fe,
+		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(Dt, {
-					titleMissing: L,
+				}), !p && /* @__PURE__ */ K(Nt, {
+					titleMissing: I,
 					dirty: t || T.isDirty
 				})]
 			}),
-			leading: /* @__PURE__ */ G(wt, {
-				value: O.icon,
+			leading: /* @__PURE__ */ K(At, {
+				value: k.icon,
 				onChange: (e) => N({ icon: e }),
 				onClear: () => N({ icon: null }),
 				defaultIcon: s,
 				tone: c,
-				title: O.title,
-				description: O.description,
+				title: k.title,
+				description: k.description,
 				readOnly: p || f
 			}),
-			title: /* @__PURE__ */ G(Tt, {
-				value: O.title,
+			title: /* @__PURE__ */ K(jt, {
+				value: k.title,
 				onSave: (e) => N({ title: e }),
 				placeholder: n,
 				className: "text-2xl font-semibold tracking-tight md:text-3xl",
@@ -825,8 +884,8 @@ function At({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 				commitOnChange: t,
 				readOnly: p
 			}),
-			subtitle: /* @__PURE__ */ G(Tt, {
-				value: O.description,
+			subtitle: /* @__PURE__ */ K(jt, {
+				value: k.description,
 				onSave: (e) => N({ description: e }),
 				multiline: !0,
 				placeholder: x("forms.common.description"),
@@ -835,78 +894,78 @@ function At({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 				commitOnChange: t,
 				readOnly: p
 			}),
-			trailing: /* @__PURE__ */ K(W, { children: [
-				F && /* @__PURE__ */ K("div", {
+			trailing: /* @__PURE__ */ q(G, { children: [
+				ee && /* @__PURE__ */ q("div", {
 					className: "bento-fade-out flex shrink-0 items-center gap-2",
-					children: [I && /* @__PURE__ */ K(a, {
+					children: [te && /* @__PURE__ */ q(a, {
 						type: "submit",
 						form: l,
 						size: "sm",
 						loading: T.isSubmitting,
-						"aria-disabled": re ? "true" : void 0,
-						children: [/* @__PURE__ */ G(Se, { className: "size-4" }), x("forms.formActions.saveChanges")]
-					}), /* @__PURE__ */ K(a, {
+						"aria-disabled": ne ? "true" : void 0,
+						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(ze, { 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 ${P ? "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 ${P ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), P ? 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: () => N({ enabled: +!P }),
+					onClick: () => N({ enabled: +!F }),
 					"aria-label": x("forms.common.enabled"),
-					title: x(P ? "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 ${P ? "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 ${P ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), P ? x("common.active", { defaultValue: "Active" }) : x("common.idle", { defaultValue: "Idle" })]
+					title: x(F ? "common.activeToggleHint" : "common.idleToggleHint"),
+					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 && ie.length > 0 && /* @__PURE__ */ G(ut, { actions: ie })
+				!t && z.length > 0 && /* @__PURE__ */ K(mt, { actions: z })
 			] })
 		}),
-		/* @__PURE__ */ G("div", {
-			ref: E,
+		/* @__PURE__ */ K("div", {
+			ref: D,
 			"aria-hidden": !0,
 			className: "h-px"
 		}),
 		g,
-		!t && v && /* @__PURE__ */ G(ae, {
+		!t && v && /* @__PURE__ */ K(ae, {
 			feature: u,
-			name: O.title,
-			onDelete: te,
+			name: k.title,
+			onDelete: P,
 			open: C,
 			setOpen: w,
-			trigger: /* @__PURE__ */ G("span", {
+			trigger: /* @__PURE__ */ K("span", {
 				className: "hidden",
 				"aria-hidden": !0
 			})
 		}),
 		b({
-			staged: O,
-			onStateChange: ee
+			staged: k,
+			onStateChange: E
 		})
 	] });
 }
 //#endregion
 //#region src/bento/bento-change-mark.tsx
-var jt = {
+var Lt = {
 	added: "bento-status bento-status-on",
 	removed: "bento-status bento-status-error",
 	changed: "bento-status bento-status-warn",
 	unchanged: !1
 };
-function Mt({ 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", jt[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,
@@ -918,15 +977,15 @@ function Mt({ 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
 		})]
@@ -934,7 +993,7 @@ function Mt({ state: t, compact: n = !1, className: r }) {
 }
 //#endregion
 //#region src/bento/bento-diff.tsx
-function Nt(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));
@@ -951,16 +1010,16 @@ function Nt(e, t, n = !0) {
 	for (; l < i;) s("add", t[l++]);
 	return o;
 }
-var Pt = (e) => e.split(/(\s+)/).filter((e) => e !== "");
-function Ft(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 It({ 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" ? Ft(X(r)).join("\n") === Ft(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,
@@ -969,37 +1028,38 @@ function It({ 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(Lt, {
+				children: u.map((e) => /* @__PURE__ */ K(Ut, {
 					label: e.field.label,
 					state: e.state,
-					children: /* @__PURE__ */ G(Rt, {
+					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(Y, {
+					children: [/* @__PURE__ */ K(we, {
 						size: 14,
 						"aria-hidden": "true",
 						className: e("transition-transform", s && "rotate-90")
@@ -1007,14 +1067,14 @@ function It({ 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(Lt, {
+					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" ? Ft(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))
 				})]
@@ -1022,41 +1082,41 @@ function It({ before: t, after: n, fields: r, showUnchanged: i = !1, layout: a =
 		]
 	});
 }
-function Lt({ 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(Mt, { 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 Rt({ 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(Wt, {
+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(nn, { 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(tn, { children: e(a) })
+				s !== "removed" && /* @__PURE__ */ K(cn, { children: e(a) })
 			]
 		});
 	}
-	let c = o === "rich" ? Ft(X(i)) : [X(i)].filter(Boolean), l = o === "rich" ? Ft(X(a)) : [X(a)].filter(Boolean), u = Nt(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) => ({
@@ -1066,35 +1126,35 @@ function Rt({ 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 = Nt(Pt(t.text), Pt(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(tn, { children: e.text }, t) : /* @__PURE__ */ G(nn, { children: e.text }, t)) : [
-					/* @__PURE__ */ G(nn, { 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(tn, { 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(tn, { children: t.text }) : /* @__PURE__ */ G(nn, { 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 zt = 3, Bt = (e) => e === "" ? [] : e.replace(/\r?\n$/, "").split(/\r?\n/);
-function Vt(e, t) {
-	let n = Bt(e), r = Bt(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 = Nt(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",
@@ -1105,7 +1165,7 @@ function Vt(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 = Nt(Pt(d[e].text), Pt(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 = [];
@@ -1121,7 +1181,7 @@ function Vt(e, t) {
 	}) : (p(), u(e.text));
 	return p(), n.slice(n.length - a).forEach(u), s;
 }
-function Ht(e) {
+function Jt(e) {
 	let t = [], n = 0;
 	for (; n < e.length;) {
 		if (e[n].op === "same") {
@@ -1140,10 +1200,10 @@ function Ht(e) {
 	}
 	return t;
 }
-function Ut(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 - zt); t <= Math.min(e.length - 1, i + zt); 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;) {
@@ -1161,13 +1221,13 @@ function Ut(e, t, n) {
 	}
 	return i;
 }
-function Wt({ label: t, before: n, after: r, layout: i }) {
-	let { t: a } = q(), [o, s] = H(/* @__PURE__ */ new Set()), c = Vt(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" })
 	});
@@ -1177,15 +1237,16 @@ function Wt({ 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(Y, {
+				children: [/* @__PURE__ */ K(we, {
 					size: 12,
 					"aria-hidden": "true",
 					className: e("transition-transform", i && "rotate-90")
@@ -1196,141 +1257,210 @@ function Wt({ 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-mono leading-5", t),
-		children: /* @__PURE__ */ G("tbody", { children: Ut(c, (e) => e.op !== "same", Gt).map((e) => {
-			let t = (e) => /* @__PURE__ */ G(Zt, { row: e }, Gt(e));
+		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-mono 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: Ut(Ht(c), (e) => e.left?.op !== "same", Kt).map((e) => {
-				let t = (e) => /* @__PURE__ */ G(Qt, { pair: e }, Kt(e));
+			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 Gt = (e) => `${e.old ?? ""}:${e.new ?? ""}`, Kt = (e) => `${e.left?.old ?? ""}:${e.right?.new ?? ""}`, qt = (t) => e(t.op === "add" && "bento-status bento-status-on", t.op === "remove" && "bento-status bento-status-error");
-function Jt(e) {
-	return e.parts ? e.parts.map((e, t) => e.op === "add" ? /* @__PURE__ */ G(tn, { children: e.text }, t) : e.op === "remove" ? /* @__PURE__ */ G(nn, { children: e.text }, t) : /* @__PURE__ */ G("span", { children: e.text }, t)) : e.op === "same" ? e.text : /* @__PURE__ */ G(en, {
+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 Yt = {
+var tn = {
 	same: " ",
 	add: "+",
 	remove: "−"
-}, Xt = "select-none px-2 text-right align-top text-muted-foreground tabular-nums";
-function Zt({ row: t }) {
-	let n = qt(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", Xt, n),
+			/* @__PURE__ */ K("td", {
+				className: e("w-px", nn, n),
 				children: t.old
 			}),
-			/* @__PURE__ */ G("td", {
-				className: e("w-px", Xt, 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: Yt[t.op]
+				children: tn[t.op]
 			}),
-			/* @__PURE__ */ G("td", {
+			/* @__PURE__ */ K("td", {
 				className: e("whitespace-pre pr-3", !t.parts && n),
-				children: Jt(t)
+				children: en(t)
 			})
 		]
 	});
 }
-function Qt({ 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($t, {
+		children: [/* @__PURE__ */ K(on, {
 			row: e.left,
 			number: e.left?.old
-		}), /* @__PURE__ */ G($t, {
+		}), /* @__PURE__ */ K(on, {
 			row: e.right,
 			number: e.right?.new,
 			right: !0
 		})]
 	});
 }
-function $t({ 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 = qt(t);
-	return /* @__PURE__ */ K(W, { children: [
-		/* @__PURE__ */ G("td", {
-			className: e(Xt, 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: Yt[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: Jt(t)
+			children: en(t)
 		})
 	] });
 }
-function en({ 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 tn({ 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 nn({ 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 rn = ["primary", "secondary"], an = {
+var vn = ["primary", "secondary"], yn = {
 	getItem: (e) => {
 		try {
 			return window.localStorage.getItem(e);
@@ -1343,69 +1473,69 @@ var rn = ["primary", "secondary"], an = {
 			window.localStorage.setItem(e, t);
 		} catch {}
 	}
-}, on = {
+}, bn = {
 	getItem: () => null,
 	setItem: () => {}
 };
-function sn({ primary: t, secondary: n, primaryLabel: r, secondaryLabel: i, storageKey: a, defaultRatio: o = 50, className: s }) {
-	let { t: c } = q(), u = O(), d = Ve({
+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: rn,
-		storage: a ? an : on
+		panelIds: vn,
+		storage: a ? yn : bn
 	});
-	return u ? /* @__PURE__ */ K(j, {
+	return l ? /* @__PURE__ */ q(te, {
 		"data-slot": "bento-split-page",
 		defaultValue: "primary",
 		className: e("flex flex-col gap-3", s),
 		children: [
-			/* @__PURE__ */ K(ee, {
+			/* @__PURE__ */ q(k, {
 				"aria-label": c("bento.split.switch", { defaultValue: "Show" }),
 				className: "self-start",
-				children: [/* @__PURE__ */ G(E, {
+				children: [/* @__PURE__ */ K(O, {
 					value: "primary",
 					children: r
-				}), /* @__PURE__ */ G(E, {
+				}), /* @__PURE__ */ K(O, {
 					value: "secondary",
 					children: i
 				})]
 			}),
-			/* @__PURE__ */ G(L, {
+			/* @__PURE__ */ K(P, {
 				value: "primary",
 				forceMount: !0,
 				className: "data-[state=inactive]:hidden",
 				children: t
 			}),
-			/* @__PURE__ */ G(L, {
+			/* @__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(re, {
+		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
@@ -1417,22 +1547,22 @@ function sn({ 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), cn = (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) => cn(Q(e) + t * 864e5), ln = (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)
 	};
-}, un = (e) => new Date(Q(e)).getUTCDay();
-function dn(e, t) {
+}, En = (e) => new Date(Sn(e)).getUTCDay();
+function Dn(e, t) {
 	let n = new Intl.DateTimeFormat("en-US", {
 		timeZone: t,
 		year: "numeric",
@@ -1452,46 +1582,46 @@ function dn(e, t) {
 		s: r("second")
 	};
 }
-function fn(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 = dn(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 pn = {
+var kn = {
 	on: "bento-status bento-status-on",
 	warn: "bento-status bento-status-warn",
 	error: "bento-status bento-status-error"
 };
-function mn({ 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 = dn(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), [ee, E] = H(""), D = V(/* @__PURE__ */ new Map()), O = V(!1), k = ce(), [A] = H(() => Z(g(Date.now()))), j = (e) => $(e, -((un(e) - s + 7) % 7)), M = j(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), N = y === "month" ? Math.ceil((Q(ln({
+	} : b), P = y === "month" ? Math.ceil((Sn(Tn({
 		...b,
 		d: 1
-	}, 1)) - Q(M)) / 6048e5) : 1, te = Array.from({ length: N }, (e, t) => Array.from({ length: 7 }, (e, n) => $(M, t * 7 + n))), P = $(M, N * 7), F = `${Z(M)}/${Z(P)}`;
-	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: fn(M, 0, 0, 0, 0, o),
-			end: fn(P, 0, 0, 0, 0, o)
+			start: On(N, 0, 0, 0, 0, o),
+			end: On(ee, 0, 0, 0, 0, o)
 		});
-	}, [F, o]), B(() => {
-		O.current && (O.current = !1, D.current.get(Z(b))?.focus());
+	}, [te, o]), V(() => {
+		k.current && (k.current = !1, O.current.get($(b))?.focus());
 	});
 	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 = I.get(n) ?? [];
+		let n = $(g(t)), r = I.get(n) ?? [];
 		r.push({
 			entry: e,
 			time: t
@@ -1501,63 +1631,63 @@ function mn({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 	let L = (e) => new Intl.DateTimeFormat(h, {
 		...e,
 		timeZone: "UTC"
-	}), ne = (e) => L({ dateStyle: "full" }).format(Q(e)), re = (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), ie = y === "month" ? L({
+	}).format(e), z = y === "month" ? L({
 		month: "long",
 		year: "numeric"
-	}).format(Q({
+	}).format(Sn({
 		...b,
 		d: 1
-	})) : `${L({ dateStyle: "medium" }).format(Q(M))} – ${L({ dateStyle: "medium" }).format(Q($(P, -1)))}`;
-	function ae(e) {
-		O.current = !0, x(e);
+	})) : `${L({ dateStyle: "medium" }).format(Sn(N))} – ${L({ dateStyle: "medium" }).format(Sn(wn(ee, -1)))}`;
+	function B(e) {
+		k.current = !0, x(e);
 	}
-	function oe(e) {
+	function re(e) {
 		n === void 0 && v(e), i?.(e);
 	}
-	let R = (e) => y === "month" ? ln(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 = dn(i, o);
-		Z(a) !== Z(n) && c(e, fn(n, a.h, a.mi, a.s, i % 1e3, o)), E(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: ne(n)
 		}));
 	}
-	function se(e, n) {
+	function oe(e, n) {
 		let r = {
-			ArrowLeft: () => $(n, -1),
-			ArrowRight: () => $(n, 1),
-			ArrowUp: () => $(n, -7),
-			ArrowDown: () => $(n, 7),
-			Home: () => j(n),
-			End: () => $(j(n), 6),
-			PageUp: () => R(-1),
-			PageDown: () => R(1)
+			ArrowLeft: () => wn(n, -1),
+			ArrowRight: () => wn(n, 1),
+			ArrowUp: () => wn(n, -7),
+			ArrowDown: () => wn(n, 7),
+			Home: () => M(n),
+			End: () => wn(M(n), 6),
+			PageUp: () => ie(-1),
+			PageDown: () => ie(1)
 		}[e.key];
 		if (r) {
-			e.preventDefault(), ae(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);
-			C(null), E(p("bento.calendar.cancelled", {
+			C(null), D(p("bento.calendar.cancelled", {
 				defaultValue: "Put {{label}} back.",
 				label: n?.label ?? ""
 			}));
 		} 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();
-		else if (a) C(t.id), E(p("bento.calendar.picked", {
+		else if (a) C(t.id), D(p("bento.calendar.picked", {
 			defaultValue: "Picked up {{label}}. Choose a day and press Enter.",
 			label: t.label
 		})), n?.focus();
@@ -1565,86 +1695,86 @@ function mn({ 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 ? k : 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(hn, {
+						/* @__PURE__ */ K(jn, {
 							label: p("bento.calendar.previous", { defaultValue: "Previous" }),
-							onClick: () => x(R(-1)),
-							children: /* @__PURE__ */ G(be, {
+							onClick: () => x(ie(-1)),
+							children: /* @__PURE__ */ K(Ce, {
 								size: 16,
 								"aria-hidden": "true"
 							})
 						}),
-						/* @__PURE__ */ G(hn, {
+						/* @__PURE__ */ K(jn, {
 							label: p("bento.calendar.next", { defaultValue: "Next" }),
-							onClick: () => x(R(1)),
-							children: /* @__PURE__ */ G(Y, {
+							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: ie
+							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: () => oe(t),
-						className: e("rounded-sm 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: ee
+				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 ?? ie,
+				"aria-label": d ?? z,
 				className: "w-full table-fixed border-collapse text-sm",
-				children: [/* @__PURE__ */ G("thead", { children: /* @__PURE__ */ G("tr", { children: te[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: L({ weekday: "long" }).format(Q(e)),
+					abbr: L({ weekday: "long" }).format(Sn(e)),
 					className: "pb-1 text-xs font-medium text-muted-foreground",
-					children: L({ weekday: "short" }).format(Q(e))
-				}, Z(e))) }) }), /* @__PURE__ */ G("tbody", { children: te.map((t) => /* @__PURE__ */ G("tr", { children: t.map((t) => {
-					let n = Z(t), r = I.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 ? D.current.set(n, e) : D.current.delete(n);
+							e ? O.current.set(n, e) : O.current.delete(n);
 						},
 						role: "gridcell",
 						tabIndex: i ? 0 : -1,
@@ -1652,74 +1782,75 @@ function mn({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 							defaultValue: "{{count}} scheduled",
 							count: o
 						})}` : ne(t),
-						"aria-current": n === A ? "date" : void 0,
+						"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 === A && "bg-primary font-semibold text-primary-foreground", n !== A && a && "text-muted-foreground"),
+							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 ? pn[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: re(n)
-								}), /* @__PURE__ */ G("span", {
+									children: R(n)
+								}), /* @__PURE__ */ K("span", {
 									className: "truncate",
 									children: t.label
 								})]
 							}) }, t.id))
 						})]
 					}, n);
-				}) }, Z(t[0]))) })]
+				}) }, $(t[0]))) })]
 			})
 		]
 	});
 }
-function hn({ 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 gn = {
+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"
-}, _n = {
+}, Nn = {
 	SMALL: "MEDIUM",
 	MEDIUM: "LARGE",
 	LARGE: "SMALL"
 };
-function vn(e, t, n) {
+function Pn(e, t, n) {
 	if (!n || n.length === 0) return e.map((e) => ({
 		item: e,
 		key: t(e),
@@ -1740,7 +1871,7 @@ function vn(e, t, n) {
 		emphasis: i.get(t) ?? "MEDIUM"
 	}));
 }
-function yn(e) {
+function Fn(e) {
 	return e.map((e, t) => ({
 		itemId: e.key,
 		emphasis: e.emphasis,
@@ -1749,40 +1880,40 @@ function yn(e) {
 }
 //#endregion
 //#region src/bento/bento-entity-tile.tsx
-function bn({ 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 } = q(), p = t ?? (n ? "LARGE" : "MEDIUM"), m = p === "LARGE", h = p === "SMALL", g = gn[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__ */ K(He, {
+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 ${m ? "gap-5" : "gap-4"} overflow-hidden ${v} ${g}`,
 		style: d ? { viewTransitionName: d } : void 0,
-		children: [/* @__PURE__ */ K("div", {
+		children: [/* @__PURE__ */ q("div", {
 			className: "relative z-1 flex items-center justify-between",
-			children: [/* @__PURE__ */ G("span", {
+			children: [/* @__PURE__ */ K("span", {
 				className: `bento-well grid place-items-center rounded-2xl ${y}`,
-				children: i ? /* @__PURE__ */ G(Be, {
+				children: i ? /* @__PURE__ */ K(We, {
 					icon: i,
 					className: m ? "size-7" : "size-4.5"
-				}) : /* @__PURE__ */ G(r, { size: b })
-			}), u && /* @__PURE__ */ K("span", {
+				}) : /* @__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__ */ G("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" })]
+				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__ */ K("div", {
+		}), /* @__PURE__ */ q("div", {
 			className: "relative z-1",
 			children: [
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ K("div", {
 					className: `font-semibold tracking-tight ${x}`,
 					children: a
 				}),
-				!h && s && /* @__PURE__ */ G("div", {
+				!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__ */ G("p", {
+				!h && o && /* @__PURE__ */ K("p", {
 					className: "mt-2 text-sm text-muted-foreground",
 					children: o
 				}),
-				c && /* @__PURE__ */ G(Dt, {
+				c && /* @__PURE__ */ K(Nt, {
 					state: c,
 					className: "mt-3"
 				})
@@ -1792,99 +1923,99 @@ function bn({ to: e, emphasis: t, featured: n, defaultIcon: r, icon: i, title: a
 }
 //#endregion
 //#region src/bento/bento-filter-bar.tsx
-var xn = {
+var Ln = {
 	query: "",
 	facets: {}
-}, Sn = (e) => typeof e == "object" && !!e && !Array.isArray(e), Cn = (e) => Array.isArray(e) ? e : [];
-function wn(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 || Sn(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 Tn({ 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 Cn(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: () => wn(e, t.id, Cn(n).filter((e) => e !== r))
+				remove: () => Bn(e, t.id, zn(n).filter((e) => e !== r))
 			});
 		}
-		else Sn(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: () => wn(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(Ne, {
+					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(Dn, {
+				r.map((t) => t.kind === "choice" ? /* @__PURE__ */ K(Un, {
 					facet: t,
 					value: e,
 					onChange: n
-				}, t.id) : /* @__PURE__ */ G(On, {
+				}, 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}}",
@@ -1892,120 +2023,120 @@ function Tn({ 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(ze, {
+				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(xn);
+					}), n(Ln);
 				},
 				children: s("bento.filters.clearAll", { defaultValue: "Clear all" })
 			}) })]
 		})]
 	});
 }
-function En({ 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 Dn({ facet: e, value: t, onChange: n }) {
-	let r = Cn(t.facets[e.id]);
-	return /* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(P, {
+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(En, {
+		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(wn(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(wn(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 On({ facet: e, value: n, onChange: r }) {
-	let { t: i } = q(), a = n.facets[e.id], o = Sn(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(A, {
+		children: [/* @__PURE__ */ K(p, {
 			asChild: !0,
-			children: /* @__PURE__ */ G(En, {
+			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(wn(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",
@@ -2018,128 +2149,152 @@ function On({ facet: e, value: n, onChange: r }) {
 }
 //#endregion
 //#region src/bento/bento-list-page.tsx
-var kn = _t, An = "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 jn({ items: e, error: t, tryAgainUrl: n, listId: r, eyebrow: i, backTo: a, backLabel: o, trail: s, heroIcon: c, title: l, subtitle: u, headerAction: d, newRoute: f, newLabel: p, newSubtitle: m, hideNew: h = !1, itemKey: g, columns: _, rowActions: v, onRowOpen: y, getRowLabel: b, columnLayout: x, onColumnLayoutChange: S, renderTile: w, emptyTitle: T, emptyDescription: ee, layout: E }) {
-	let { t: D } = q(), [O, k] = H(!1), A = le(() => vn(e ?? [], g, E?.data?.entries), [
-		e,
-		g,
-		E?.data?.entries
-	]), j = c ? /* @__PURE__ */ G("span", {
+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__ */ G(c, { size: 24 })
+		children: /* @__PURE__ */ K(u, { size: 24 })
 	}) : void 0;
-	if (!w) return /* @__PURE__ */ K(oe, {
-		checkIsNotUndefined: e,
-		error: t ?? null,
-		tryAgainUrl: n,
-		children: [
-			/* @__PURE__ */ G(Ct, {
-				eyebrow: i,
-				backTo: a,
-				backLabel: o,
-				trail: s,
-				leading: j,
-				title: l,
-				subtitle: u,
-				trailing: h ? void 0 : /* @__PURE__ */ G(C, {
-					asChild: !0,
-					className: "gap-2",
-					children: /* @__PURE__ */ K(He, {
-						to: f,
-						children: [/* @__PURE__ */ G(je, { size: 16 }), p]
-					})
+	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]
 				})
-			}),
-			d && /* @__PURE__ */ G("div", {
-				className: "mb-4 flex flex-wrap items-center gap-2",
-				children: d
-			}),
-			e?.length === 0 ? /* @__PURE__ */ G(vt, {
-				icon: Pe,
-				title: T,
-				description: ee
-			}) : /* @__PURE__ */ G(kn, {
-				rows: e ?? [],
-				getRowId: g,
-				columns: _ ?? [],
-				label: l,
-				getRowLabel: b,
-				rowActions: v,
-				onRowOpen: y,
-				layout: x,
-				onLayoutChange: S
 			})
-		]
+		}), 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 M = !!r && !!E && (e?.length ?? 0) > 0;
-	return /* @__PURE__ */ K(oe, {
-		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: j,
-				title: l,
-				subtitle: u
+			/* @__PURE__ */ K(kt, {
+				eyebrow: a,
+				backTo: o,
+				backLabel: s,
+				trail: l,
+				leading: ae,
+				title: d,
+				subtitle: f
 			}),
-			(d || M && !O) && /* @__PURE__ */ K("div", {
+			(re != null || se && !F) && /* @__PURE__ */ q("div", {
 				className: "mb-4 flex flex-wrap items-center gap-2",
-				children: [d, M && !O && /* @__PURE__ */ K(C, {
+				children: [re, se && !F && /* @__PURE__ */ q(c, {
 					variant: "outline",
 					size: "sm",
-					onClick: () => k(!0),
-					className: "ml-auto gap-2",
-					children: [/* @__PURE__ */ G(ue, { size: 16 }), D("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" })]
 				})]
 			}),
-			O && r && E ? /* @__PURE__ */ G(Pn, {
-				layout: E,
-				resolved: A,
-				canEditGlobal: E?.data?.canEditGlobal ?? !1,
-				isCustomized: E?.data?.source === "USER",
-				renderTile: w,
-				hideNew: h,
-				newRoute: f,
-				newLabel: p,
-				newSubtitle: m,
-				onClose: () => k(!1)
-			}) : /* @__PURE__ */ G(Nn, {
-				resolved: A,
-				renderTile: w,
-				hideNew: h,
-				newRoute: f,
-				newLabel: p,
-				newSubtitle: m,
-				isEmpty: e?.length === 0,
-				emptyTitle: T,
-				emptyDescription: ee
+			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 Mn({ 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__ */ G(oe, {
+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: An,
+			className: Kn,
 			children: [
-				!o && r && i ? /* @__PURE__ */ G(Rn, {
+				!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: c(e)
 				}, s(e))),
-				e?.length === 0 && /* @__PURE__ */ G(zn, {
+				e?.length === 0 && /* @__PURE__ */ K(tr, {
 					title: l,
 					description: u
 				})
@@ -2147,114 +2302,114 @@ function Mn({ items: e, error: t, tryAgainUrl: n, newRoute: r, newLabel: i, newS
 		})
 	});
 }
-function Nn({ resolved: t, renderTile: n, hideNew: r, newRoute: i, newLabel: a, newSubtitle: o, isEmpty: s, emptyTitle: c, emptyDescription: l }) {
+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__ */ K("div", {
+	return /* @__PURE__ */ q("div", {
 		"data-slot": "bento-list-tiles",
-		className: e(An, u && "grid-flow-dense"),
+		className: e(Kn, u && "grid-flow-dense"),
 		children: [
-			!r && /* @__PURE__ */ G(Rn, {
+			!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)),
-			s && /* @__PURE__ */ G(zn, {
+			s && /* @__PURE__ */ K(tr, {
 				title: c,
 				description: l
 			})
 		]
 	});
 }
-function Pn({ layout: t, resolved: n, canEditGlobal: r, isCustomized: i, renderTile: a, hideNew: o, newRoute: s, newLabel: c, newSubtitle: l, onClose: u }) {
-	let { t: d } = q(), [f, p] = H(n), [m, h] = H(null), g = (t.saving ?? !1) || m !== null, _ = (e) => g && m === e ? { loading: !0 } : { "aria-disabled": g || void 0 }, [v, y] = H(!1), b = (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) {
-			h(e), y(!1);
+			g(e), b(!1);
 			try {
-				await t(), u();
+				await t(), d();
 			} catch (e) {
-				console.error("Failed to save the bento layout", e), y(!0);
+				console.error("Failed to save the bento layout", e), b(!0);
 			} finally {
-				h(null);
+				g(null);
 			}
 		}
-	}, x = tt(et(Qe, { activationConstraint: { distance: 8 } }), et(Ze));
-	function S(e) {
+	}, S = at(it(nt, { activationConstraint: { distance: 8 } }), it(tt));
+	function C(e) {
 		let { active: t, over: n } = e;
-		n && t.id !== n.id && p((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 : rt(e, r, i);
+			return r < 0 || i < 0 ? e : st(e, r, i);
 		});
 	}
 	function w(e, t) {
-		p((n) => n.map((n) => n.key === e ? {
+		m((n) => n.map((n) => n.key === e ? {
 			...n,
 			emphasis: t
 		} : n));
 	}
-	let T = le(() => yn(f), [f]), ee = f.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: d("bento.layout.editHint", { defaultValue: "Drag tiles to reorder · tap the size button to resize" })
+				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",
-				..._("reset"),
-				onClick: b("reset", t.onReset),
-				children: [m !== "reset" && /* @__PURE__ */ G(J, { size: 16 }), d("bento.layout.reset", { defaultValue: "Reset to default" })]
+				...v("reset"),
+				onClick: x("reset", t.onReset),
+				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",
-				..._("global"),
-				onClick: b("global", () => t.onSaveGlobal?.(T)),
-				children: [m !== "global" && /* @__PURE__ */ G(Re, { size: 16 }), d("bento.layout.saveGlobal", { defaultValue: "Set as default for everyone" })]
+				...v("global"),
+				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",
-				..._("cancel"),
-				onClick: u,
-				children: [/* @__PURE__ */ G(ze, { size: 16 }), d("common.cancel", { defaultValue: "Cancel" })]
+				...v("cancel"),
+				onClick: d,
+				children: [/* @__PURE__ */ K(Ue, { size: 16 }), f("common.cancel", { defaultValue: "Cancel" })]
 			}),
-			/* @__PURE__ */ K(C, {
+			/* @__PURE__ */ q(c, {
 				size: "sm",
 				className: "gap-2",
-				..._("save"),
-				onClick: b("save", () => t.onSave(T)),
-				children: [m !== "save" && /* @__PURE__ */ G(Se, { size: 16 }), d("bento.layout.save", { defaultValue: "Save layout" })]
+				...v("save"),
+				onClick: x("save", () => t.onSave(T)),
+				children: [h !== "save" && /* @__PURE__ */ K(Ee, { size: 16 }), f("bento.layout.save", { defaultValue: "Save layout" })]
 			}),
-			v && /* @__PURE__ */ G("p", {
+			y && /* @__PURE__ */ K("p", {
 				role: "alert",
 				className: "w-full text-sm text-destructive",
-				children: d("bento.layout.saveFailed", { defaultValue: "The layout could not be saved. Nothing has changed — try again." })
+				children: f("bento.layout.saveFailed", { defaultValue: "The layout could not be saved. Nothing has changed — try again." })
 			})
 		]
-	}), /* @__PURE__ */ G(Xe, {
-		sensors: x,
-		collisionDetection: $e,
-		onDragEnd: S,
-		children: /* @__PURE__ */ G(nt, {
-			items: f.map((e) => e.key),
-			strategy: it,
-			children: /* @__PURE__ */ K("div", {
+	}), /* @__PURE__ */ K(et, {
+		sensors: S,
+		collisionDetection: rt,
+		onDragEnd: C,
+		children: /* @__PURE__ */ K(ot, {
+			items: p.map((e) => e.key),
+			strategy: ct,
+			children: /* @__PURE__ */ q("div", {
 				"data-slot": "bento-list-tiles",
-				className: e(An, ee && "grid-flow-dense"),
-				children: [!o && /* @__PURE__ */ G(Rn, {
+				className: e(Kn, E && "grid-flow-dense"),
+				children: [!o && /* @__PURE__ */ K(er, {
 					route: s,
-					label: c,
-					subtitle: l
-				}), f.map(({ item: e, key: t, emphasis: n }) => /* @__PURE__ */ G(Ln, {
+					label: l,
+					subtitle: u
+				}), p.map(({ item: e, key: t, emphasis: n }) => /* @__PURE__ */ K($n, {
 					id: t,
 					emphasis: n,
 					onSetEmphasis: (e) => w(t, e),
@@ -2264,11 +2419,11 @@ function Pn({ layout: t, resolved: n, canEditGlobal: r, isCustomized: i, renderT
 		})
 	})] });
 }
-var Fn = [
+var Zn = [
 	"SMALL",
 	"MEDIUM",
 	"LARGE"
-], In = {
+], Qn = {
 	SMALL: {
 		key: "bento.layout.size.small",
 		def: "Small"
@@ -2282,29 +2437,29 @@ var Fn = [
 		def: "Large"
 	}
 };
-function Ln({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
-	let { t: a } = q(), { attributes: o, listeners: s, setNodeRef: c, transform: l, transition: u, isDragging: d } = at({ id: t }), f = {
-		transform: ot.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", gn[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: Fn.map((t) => {
-					let i = t === n, o = a(In[t].key, { defaultValue: In[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,
@@ -2314,13 +2469,13 @@ function Ln({ 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 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__ */ G(Te, {
+				children: /* @__PURE__ */ K(ke, {
 					size: 14,
 					className: "text-muted-foreground"
 				})
@@ -2328,32 +2483,32 @@ function Ln({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
 		})]
 	});
 }
-function Rn({ route: e, label: t, subtitle: n }) {
-	let { t: r } = q();
-	return /* @__PURE__ */ K(He, {
+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", {
+			children: [/* @__PURE__ */ K("span", {
 				className: "bento-well grid h-10 w-10 place-items-center rounded-2xl",
-				children: /* @__PURE__ */ G(je, { size: 20 })
-			}), /* @__PURE__ */ G("span", {
+				children: /* @__PURE__ */ K(Z, { size: 20 })
+			}), /* @__PURE__ */ K("span", {
 				className: "text-[11px] uppercase tracking-wider text-muted-foreground",
 				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: t
-		}), n && /* @__PURE__ */ G("p", {
+		}), n && /* @__PURE__ */ K("p", {
 			className: "mt-1 text-sm text-muted-foreground",
 			children: n
 		})] })]
 	});
 }
-function zn({ title: e, description: t }) {
-	return /* @__PURE__ */ G(vt, {
-		icon: Pe,
+function tr({ title: e, description: t }) {
+	return /* @__PURE__ */ K(wt, {
+		icon: Re,
 		title: e,
 		description: t,
 		align: "start",
@@ -2362,97 +2517,97 @@ function zn({ title: e, description: t }) {
 }
 //#endregion
 //#region src/bento/bento-save-bar.tsx
-function Bn({ title: e, badges: t, actions: n, onCancel: r, loading: i, disabled: o, dirty: s, titleMissing: c }) {
-	let { t: l } = q();
-	return /* @__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__ */ K("div", {
+		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(Dt, {
+				/* @__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(Se, { 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(ze, { className: "size-4" }), l("forms.formActions.cancel")]
+				children: [/* @__PURE__ */ K(Ue, { className: "size-4" }), l("forms.formActions.cancel")]
 			})] })
 		})]
 	});
 }
-function Vn({ 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
 	});
 }
-Bn.Badge = Vn;
+nr.Badge = rr;
 //#endregion
 //#region src/bento/bento-scroll-save-bar.tsx
-function Hn(e) {
-	let t = V(null);
-	return Ot(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(Bn, { ...e })
+			children: /* @__PURE__ */ K(nr, { ...e })
 		})
 	] });
 }
 //#endregion
 //#region src/bento/bento-form-hero.tsx
-function Un({ 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(Se, { 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(ze, { className: "size-4" }), _("forms.formActions.cancel")]
+				children: [/* @__PURE__ */ K(Ue, { className: "size-4" }), _("forms.formActions.cancel")]
 			})] })
 		}), c] })
-	}), /* @__PURE__ */ G(Hn, {
+	}), /* @__PURE__ */ K(ir, {
 		title: h,
 		badges: g,
 		actions: u,
@@ -2465,32 +2620,32 @@ function Un({ eyebrow: e, backTo: t, backLabel: n, trail: r, leading: i, title:
 }
 //#endregion
 //#region src/bento/bento-form-section.tsx
-var Wn = "bento-tile bento-glass relative flex flex-col gap-5 overflow-hidden rounded-3xl p-5 md:p-6";
-function Gn({ icon: t, title: n, description: r, children: i, trailing: a, as: o = "h2", className: s }) {
-	return /* @__PURE__ */ K("section", {
-		className: e(Wn, s),
-		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", {
+				children: [/* @__PURE__ */ K("span", {
 					className: "bento-well grid h-10 w-10 place-items-center rounded-2xl",
-					children: /* @__PURE__ */ G(t, { size: 20 })
-				}), /* @__PURE__ */ K("div", {
+					children: /* @__PURE__ */ K(t, { size: 20 })
+				}), /* @__PURE__ */ q("div", {
 					className: "flex flex-col gap-0.5",
-					children: [/* @__PURE__ */ G(o, {
+					children: [/* @__PURE__ */ K(o, {
 						className: "text-base font-semibold tracking-tight md:text-lg",
 						children: n
-					}), r && /* @__PURE__ */ G("p", {
+					}), r && /* @__PURE__ */ K("p", {
 						className: "text-sm text-muted-foreground",
 						children: r
 					})]
 				})]
-			}), a && /* @__PURE__ */ G("div", {
+			}), a && /* @__PURE__ */ K("div", {
 				className: "shrink-0",
 				children: a
 			})]
-		}), /* @__PURE__ */ G("div", {
+		}), /* @__PURE__ */ K("div", {
 			className: "flex flex-col gap-5",
 			children: i
 		})]
@@ -2498,10 +2653,10 @@ function Gn({ icon: t, title: n, description: r, children: i, trailing: a, as: o
 }
 //#endregion
 //#region src/bento/bento-panel.tsx
-function Kn({ 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
 		})
@@ -2509,16 +2664,16 @@ function Kn({ children: t, className: n, contentClassName: r }) {
 }
 //#endregion
 //#region src/bento/bento-back-to-top.tsx
-var qn = 480;
-function Jn(e) {
+var lr = 480;
+function ur(e) {
 	return window.addEventListener("scroll", e, { passive: !0 }), () => window.removeEventListener("scroll", e);
 }
-function Yn() {
-	return window.scrollY > qn;
+function dr() {
+	return window.scrollY > lr;
 }
-function Xn({ inline: e = !1 } = {}) {
-	let { t } = q(), n = te(), r = e || n, i = U(Jn, Yn, () => !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,
@@ -2527,28 +2682,28 @@ function Xn({ 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 Zn(e) {
+function pr(e) {
 	return e.bentoRoute ?? e.fallbackRoute;
 }
 //#endregion
 //#region src/bento/bento-command-palette.tsx
-function Qn({ 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 $n({ 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,
@@ -2558,18 +2713,18 @@ function $n({ 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"
@@ -2577,8 +2732,8 @@ function $n({ index: e, active: t, icon: n, label: r, description: i, trailing:
 		]
 	});
 }
-function er({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c }) {
-	let { t: l } = q(), u = Ge(), [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),
@@ -2592,26 +2747,26 @@ function er({ 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(Zn(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);
@@ -2622,28 +2777,28 @@ function er({ 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(Ne, {
+					children: [/* @__PURE__ */ K(Le, {
 						size: 18,
 						className: "shrink-0 text-muted-foreground"
-					}), /* @__PURE__ */ G("input", {
+					}), /* @__PURE__ */ K("input", {
 						autoFocus: !0,
 						type: "text",
 						role: "combobox",
@@ -2656,41 +2811,41 @@ function er({ 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(Qn, {
+						/* @__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($n, {
+							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(we, {
+								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(Qn, {
+						o && /* @__PURE__ */ q(mr, {
 							label: o.label,
 							children: [o.items.map((e, t) => {
 								let n = g.length + t;
-								return /* @__PURE__ */ G($n, {
+								return /* @__PURE__ */ K(hr, {
 									index: n,
 									active: n === p,
 									icon: e.icon,
@@ -2699,7 +2854,7 @@ function er({ 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…" })
 							})]
@@ -2712,22 +2867,32 @@ function er({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 }
 //#endregion
 //#region src/bento/bento-shell.tsx
-function tr({ rail: t, headerStart: n, headerEnd: r, column: i = "default", dock: a, backToTop: o = !0, children: s }) {
-	let { t: c } = q(), l = Ue(), u = ce(), d = V(null), f = V(null), p = i === "full", m = n != null || r != null, h = O(), 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(F.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(k.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();
@@ -2735,37 +2900,38 @@ function tr({ 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(nr, {
+			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,
@@ -2774,20 +2940,20 @@ function tr({ 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(F.Provider, {
+				children: /* @__PURE__ */ q(I.Provider, {
 					value: !0,
-					children: [o && /* @__PURE__ */ G(Xn, {}), g === "corner" && v("corner")]
+					children: [o && /* @__PURE__ */ K(fr, {}), g === "corner" && b("corner")]
 				})
 			})
 		]
 	});
 }
-function nr({ main: e, announcer: t }) {
-	let { pathname: n } = We(), 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 = () => {
@@ -2807,7 +2973,7 @@ function nr({ main: e, announcer: t }) {
 }
 //#endregion
 //#region src/bento/bento-shell-shortcuts.ts
-var rr = Object.freeze([
+var yr = Object.freeze([
 	{
 		action: "palette",
 		key: "k",
@@ -2822,14 +2988,14 @@ var rr = Object.freeze([
 		key: "?"
 	}
 ]);
-function ir() {
+function br() {
 	return typeof navigator > "u" ? !1 : /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent || "");
 }
-function ar(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 or(e) {
+function Sr(e) {
 	if (!(e instanceof HTMLElement)) return !1;
 	if ([
 		"INPUT",
@@ -2839,24 +3005,24 @@ function or(e) {
 	let t = e.closest("[contenteditable]");
 	return t !== null && t.getAttribute("contenteditable") !== "false";
 }
-function sr(e, t) {
+function Cr(e, t) {
 	if (e.defaultPrevented || e.isComposing || e.repeat) return;
 	let n = e.key.toLowerCase();
-	return rr.find((r) => n === r.key ? r.mod ? (t ? e.metaKey && !e.ctrlKey : e.ctrlKey && !e.metaKey) && !e.altKey && !e.shiftKey : e.metaKey || or(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 cr({ onPalette: e, onShortcuts: t, isMac: n = ir() }) {
-	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 = sr(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);
@@ -2864,42 +3030,42 @@ function cr({ onPalette: e, onShortcuts: t, isMac: n = ir() }) {
 }
 //#endregion
 //#region src/bento/bento-palette-trigger.tsx
-function lr({ onClick: t, isMac: n = ir(), className: r }) {
-	let { t: i } = q(), a = rr.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(Ne, {
+			/* @__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-sm border border-border/60 bg-muted px-1.5 py-0.5 text-[10px] font-medium tracking-wide sm:inline",
-				children: ar(o, n).join(n ? "" : " ")
+				children: xr(o, n).join(n ? "" : " ")
 			})
 		]
 	});
 }
 //#endregion
 //#region src/bento/bento-shortcuts-dialog.tsx
-function ur({ open: e, onOpenChange: t, isMac: a = ir() }) {
-	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(rr.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: rr.filter((t) => t.action === e).map((e) => ar(e, a))
+			combos: yr.filter((t) => t.action === e).map((e) => xr(e, a))
 		}))
 	}, {
 		heading: c("bento.shortcuts.palette", { defaultValue: "Command palette" }),
@@ -2921,36 +3087,36 @@ function ur({ open: e, onOpenChange: t, isMac: a = ir() }) {
 			}
 		]
 	}];
-	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(De, {
+				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("+")))
@@ -2963,171 +3129,171 @@ function ur({ open: e, onOpenChange: t, isMac: a = ir() }) {
 }
 //#endregion
 //#region src/bento/bento-nav-rail.tsx
-var dr = Oe;
-function fr(e, t) {
+var Dr = Me;
+function Or(e, t) {
 	return e === t || e.startsWith(`${t}/`);
 }
-function pr(e, t) {
-	return t.section.areaRoute && fr(e, t.section.areaRoute) ? !0 : t.items.some((t) => t.bentoRoute && fr(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 mr(e) {
+function Ar(e) {
 	return e.items.reduce((e, t) => e + (t.count && t.count > 0 ? t.count : 0), 0);
 }
-function hr({ groups: e, homeRoute: t, homeAliases: n, homeLabel: r }) {
-	let { t: i } = q(), { pathname: a } = We(), o = le(() => e.filter((e) => !!e.section.areaRoute), [e]), s = a === t || (n?.includes(a) ?? !1);
-	return /* @__PURE__ */ G(ne, {
+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(gr, {
+				/* @__PURE__ */ K(Mr, {
 					to: t,
-					icon: Ee,
+					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(gr, {
+				o.map((e) => /* @__PURE__ */ K(Mr, {
 					to: e.section.areaRoute,
-					icon: e.section.icon ?? dr,
+					icon: e.section.icon ?? Dr,
 					label: e.section.labelKey ? i(e.section.labelKey) : e.section.id,
 					shown: !!e.section.labelKey,
-					count: mr(e),
-					active: pr(a, e)
+					count: Ar(e),
+					active: kr(a, e)
 				}, e.section.id))
 			]
 		})
 	});
 }
-function gr({ 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(He, {
+	}) : 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(D, { children: [/* @__PURE__ */ G(ie, {
+	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 _r({ accountRoute: e, logoutUrl: t, organizationsRoute: n, tenantAdminRoute: r, onOpenShortcuts: i, onReplayTour: a }) {
-	let { user: o, status: s } = N(), { t: c } = q(), l = Ge(), 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(P, {
+	}) : /* @__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(I, {
+			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(I, {
+						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(Le, { 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(Pe, { 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(De, { 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(ke, { size: 18 }), c("nav.logOut")]
+				children: [/* @__PURE__ */ K(Pe, { size: 18 }), c("nav.logOut")]
 			})
 		]
 	})] });
 }
 //#endregion
 //#region src/bento/bento-section-chrome.tsx
-var vr = {
+var Pr = {
 	blue: "blue",
 	violet: "violet",
 	emerald: "emerald",
@@ -3137,62 +3303,62 @@ var vr = {
 	cyan: "blue",
 	orange: "amber"
 };
-function yr({ variant: t = "blue", className: n, children: r }) {
+function Fr({ variant: t = "blue", className: n, children: r }) {
 	let i;
-	R.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 = R.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(Gn, {
+	return i ? /* @__PURE__ */ K(sr, {
 		icon: i.icon,
-		tone: vr[t] ?? "blue",
+		tone: Pr[t] ?? "blue",
 		title: i.title,
 		description: i.description,
 		className: n,
 		children: a
-	}) : /* @__PURE__ */ G("section", {
-		className: e(Wn, n),
+	}) : /* @__PURE__ */ K("section", {
+		className: e(or, n),
 		children: a
 	});
 }
-yr.Header = T.Header, yr.StaticHeader = T.StaticHeader, yr.Content = T.Content;
+Fr.Header = z.Header, Fr.StaticHeader = z.StaticHeader, Fr.Content = z.Content;
 //#endregion
 //#region src/bento/bento-section.tsx
-var br = "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 xr({ eyebrow: e, title: t, description: n, titleHref: r, children: i, gridClassName: a = br }) {
-	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(He, {
+				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(Y, {
+					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
 		})]
@@ -3200,66 +3366,66 @@ function xr({ eyebrow: e, title: t, description: n, titleHref: r, children: i, g
 }
 //#endregion
 //#region src/bento/bento-tile.tsx
-function Sr({ 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 ${pt(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 ${pt(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 ${pt(o)} text-white shadow-md ${p}`,
-				children: /* @__PURE__ */ G(a, { size: m })
-			}), f && /* @__PURE__ */ G(Y, {
+			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(He, {
+	}) : 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 Cr({ 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));
@@ -3307,15 +3473,15 @@ function Cr({ 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" ? Me : Ie, 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);
 				},
@@ -3328,26 +3494,26 @@ function Cr({ 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
 					})
@@ -3357,4 +3523,4 @@ function Cr({ versions: t, selected: n, onSelect: r, label: i }) {
 	});
 }
 //#endregion
-export { yr as AdaptiveSectionCard, _n as BENTO_EMPHASIS_NEXT, gn as BENTO_EMPHASIS_SPAN, Et as BENTO_RECORD_STATES, rr as BENTO_SHELL_SHORTCUTS, ft as BENTO_TONES, dt as BENTO_TONE_CLASS, ut as BentoActionsMenu, xt as BentoBackLink, Xn as BentoBackToTop, mn as BentoCalendar, Mt as BentoChangeMark, er as BentoCommandPalette, mt as BentoCountTile, _t as BentoDataTable, It as BentoDiff, vt as BentoEmptyState, At as BentoEntityShell, bn as BentoEntityTile, Tn as BentoFilterBar, Un as BentoFormHero, Gn as BentoFormSection, Ct as BentoHero, wt as BentoHeroIconPicker, Tt as BentoInlineEdit, jn as BentoListPage, hr as BentoNavRail, lr as BentoPaletteTrigger, Kn as BentoPanel, Bn as BentoSaveBar, Hn as BentoScrollSaveBar, xr as BentoSection, tr as BentoShell, ur as BentoShortcutsDialog, sn as BentoSplitPage, Dt as BentoStatusMarker, Sr as BentoTile, Mn as BentoTileGrid, bt as BentoTrail, _r as BentoUserMenu, Cr as BentoVersionRail, xn as EMPTY_FILTERS, pt as bentoChipClass, Zn as bentoNavTarget, vn as resolveBentoLayout, yn as toBentoLayoutEntries, Ot as useBentoScrollFade, cr 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 };