@viglet/viglet-design-system 2026.3.14 → 2026.3.16

package/dist/bento.es.js

@@ -1,46 +1,46 @@
 "use client";
 import { t as e } from "./utils-Fk5jmzzb.js";
 import { a as t, c as n, d as r, g as i, o as a, p as o, u as s } from "./badge-locale-Bx7m7tg2.js";
-import { A as c, B as l, C as u, F as d, G as f, I as p, K as m, M as h, N as g, P as _, R as v, S as y, T as b, _ as x, a as S, b as C, c as w, f as T, g as E, h as D, i as O, j as k, k as A, l as j, m as M, n as N, p as ee, q as P, r as te, s as F, u as I, v as L, x as R, z as ne } from "./user.context-D3kmD3_y.js";
-import { r as re, t as ie } from "./loading-provider-D-_5G-08.js";
-import { Children as ae, Fragment as oe, isValidElement as z, useEffect as B, useId as se, useMemo as V, useRef as H, useState as U, useSyncExternalStore as ce } from "react";
+import { B as c, C as l, D as u, F as d, H as f, I as p, J as m, L as h, M as g, N as _, P as v, R as y, S as b, T as x, V as S, Y as C, _ as w, b as T, d as E, f as D, g as O, h as k, i as A, j, l as M, m as N, n as P, o as ee, q as F, r as I, s as L, u as R, v as te, w as ne, y as re } from "./user.context-DUs2lT6D.js";
+import { r as ie, t as ae } from "./loading-provider-D-_5G-08.js";
+import { Children as oe, Fragment as z, isValidElement as se, useEffect as B, useId as ce, useMemo as le, useRef as V, useState as H, useSyncExternalStore as U } from "react";
 import { Fragment as W, jsx as G, jsxs as K } from "react/jsx-runtime";
 import { useTranslation as q } from "react-i18next";
-import { IconAdjustmentsHorizontal as le, IconAlertTriangle as ue, IconArrowBackUp as de, IconArrowDown as fe, IconArrowLeft as J, IconArrowRight as pe, IconArrowUp as me, IconArrowsSort as he, IconBuildingCommunity as ge, IconBuildingSkyscraper as _e, IconChevronDown as ve, IconChevronLeft as ye, IconChevronRight as be, 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 { IconAdjustmentsHorizontal as ue, IconAlertTriangle as de, IconArrowBackUp as J, IconArrowDown as fe, IconArrowLeft as pe, IconArrowRight as me, IconArrowUp as he, IconArrowsSort as ge, IconBuildingCommunity as _e, IconBuildingSkyscraper as ve, IconChevronDown as ye, IconChevronLeft as be, IconChevronRight as xe, IconColumns3 as Se, IconDeviceFloppy as Ce, IconDotsVertical as we, IconExternalLink as Te, IconGripVertical as Ee, IconHome as De, IconKeyboard as Oe, IconLayoutGrid as ke, IconLogout as Ae, IconPalette as je, IconPlus as Me, IconRobot as Ne, IconSearch as Pe, IconSparkles as Fe, IconTrash as Ie, IconUser as Le, IconUserCircle as Re, IconUsers as ze, IconX as Be } from "@tabler/icons-react";
+import { Icon as Ve } from "@iconify/react";
+import { useDefaultLayout as He } from "react-resizable-panels";
+import { Link as Ue, useInRouterContext as We, useLocation as Ge, useNavigate as Ke } from "react-router-dom";
+import { createCoreRowModel as qe, createSortedRowModel as Je, rowSortingFeature as Ye, useTable as Xe } from "@tanstack/react-table";
+import { DndContext as Ze, KeyboardSensor as Qe, PointerSensor as $e, closestCenter as et, useSensor as tt, useSensors as nt } from "@dnd-kit/core";
+import { SortableContext as rt, arrayMove as it, rectSortingStrategy as at, useSortable as ot } from "@dnd-kit/sortable";
+import { CSS as st } from "@dnd-kit/utilities";
 //#region src/bento/bento-actions-menu.tsx
-var st = {
+var ct = {
 	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.`));
+}, lt = /* @__PURE__ */ new Set();
+function ut(e) {
+	process.env.NODE_ENV === "production" || lt.has(e) || (lt.add(e), console.warn(`BentoActionsMenu: the action "${e}" has no id. Give it a stable name, such as "post.delete": it is rendered as data-action-id so a console verb can be matched to an agent verb, and it becomes required in the next release.`));
 }
-function ut({ actions: e, triggerLabel: t }) {
+function dt({ actions: e, triggerLabel: t }) {
 	let { t: n } = q();
 	if (e.length === 0) return null;
-	for (let t of e) t.id || lt(t.label);
-	return /* @__PURE__ */ K(k, { children: [/* @__PURE__ */ G(f, {
+	for (let t of e) t.id || ut(t.label);
+	return /* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(F, {
 		asChild: !0,
 		children: /* @__PURE__ */ G("button", {
 			type: "button",
 			"aria-label": t ?? n("forms.formActions.moreActions", { defaultValue: "More actions" }),
 			className: "bento-tile-clickable inline-flex h-9 w-9 items-center justify-center rounded-full border border-border/60 bg-card/60 text-muted-foreground backdrop-blur transition-colors duration-200 hover:text-foreground",
-			children: /* @__PURE__ */ G(Ce, { size: 18 })
+			children: /* @__PURE__ */ G(we, { size: 18 })
 		})
-	}), /* @__PURE__ */ G(g, {
+	}), /* @__PURE__ */ G(d, {
 		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(d, {
+			let t = e.icon, n = ct[e.tone ?? "default"];
+			return /* @__PURE__ */ K(h, {
 				"data-action-id": e.id,
 				onSelect: e.onSelect,
 				disabled: e.disabled,
@@ -52,7 +52,7 @@ function ut({ actions: e, triggerLabel: t }) {
 }
 //#endregion
 //#region src/bento/bento-tones.ts
-var dt = {
+var ft = {
 	blue: "bento-tone-blue",
 	indigo: "bento-tone-indigo",
 	violet: "bento-tone-violet",
@@ -60,13 +60,13 @@ var dt = {
 	amber: "bento-tone-amber",
 	rose: "bento-tone-rose",
 	slate: "bento-tone-slate"
-}, ft = Object.keys(dt);
+}, pt = Object.keys(ft);
 function Y(e) {
-	return `bento-chip ${dt[e] ?? dt.slate}`;
+	return `bento-chip ${ft[e] ?? ft.slate}`;
 }
 //#endregion
 //#region src/bento/bento-count-tile.tsx
-function pt({ to: e, icon: t, tone: n, label: r, count: i, span: a }) {
+function mt({ to: e, icon: t, tone: n, label: r, count: i, span: a }) {
 	let o = /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("span", {
 		className: `grid h-9 w-9 place-items-center rounded-2xl text-white shadow-md ${Y(n)}`,
 		children: /* @__PURE__ */ G(t, { size: 18 })
@@ -77,7 +77,7 @@ function pt({ to: e, icon: t, tone: n, label: r, count: i, span: a }) {
 		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__ */ G(Ue, {
 		to: e,
 		className: s,
 		children: o
@@ -88,128 +88,128 @@ function pt({ to: e, icon: t, tone: n, label: r, count: i, span: a }) {
 }
 //#endregion
 //#region src/bento/bento-data-table.tsx
-var mt = 6, ht = {
-	rowSortingFeature: Je,
-	coreRowModel: Ke(),
-	sortedRowModel: qe()
+var ht = 6, gt = {
+	rowSortingFeature: Ye,
+	coreRowModel: qe(),
+	sortedRowModel: Je()
 };
-function gt({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowActions: o, selectionActions: s, selectedIds: c, onSelectionChange: l, selectionScope: u, layout: d, onLayoutChange: p, onRowOpen: _, rowHeight: v = 44, height: y = 480, empty: b }) {
-	let { t: x } = q(), [S, C] = U([]), [w, T] = U({ hidden: [] }), [E, D] = U(/* @__PURE__ */ new Set()), [O, A] = U(null), [j, M] = U(u), [N, ee] = U(void 0);
-	j !== u && (M(u), D(/* @__PURE__ */ new Set()), ee(c), A(null));
-	let te = V(() => new Set(c ?? []), [c]), F = E;
-	c !== void 0 && (F = c === N ? /* @__PURE__ */ new Set() : te);
-	let I = H(u);
+function _t({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowActions: o, selectionActions: s, selectedIds: c, onSelectionChange: l, selectionScope: u, layout: f, onLayoutChange: p, onRowOpen: h, rowHeight: g = 44, height: y = 480, empty: b }) {
+	let { t: x } = q(), [S, w] = H([]), [T, E] = H({ hidden: [] }), [D, O] = H(/* @__PURE__ */ new Set()), [k, A] = H(null), [j, M] = H(u), [N, P] = H(void 0);
+	j !== u && (M(u), O(/* @__PURE__ */ new Set()), P(c), A(null));
+	let ee = le(() => new Set(c ?? []), [c]), I = D;
+	c !== void 0 && (I = c === N ? /* @__PURE__ */ new Set() : ee);
+	let L = V(u);
 	B(() => {
-		I.current !== u && (I.current = u, l?.([]));
+		L.current !== u && (L.current = u, l?.([]));
 	}, [u, l]);
-	let [L, R] = U(0), [ne, re] = U(0), ie = H(null), ae = H(/* @__PURE__ */ new Map()), oe = H(!1), z = (s?.length ?? 0) > 0, se = (e) => a?.(e) ?? n(e), ce = V(() => r.map((e) => ({
+	let [R, te] = H(0), [ne, re] = H(0), ie = V(null), ae = V(/* @__PURE__ */ new Map()), oe = V(!1), z = (s?.length ?? 0) > 0, se = (e) => a?.(e) ?? n(e), ce = le(() => r.map((e) => ({
 		id: e.id,
 		accessorFn: (t) => e.sortValue?.(t) ?? null,
 		enableSorting: e.sortValue !== void 0
-	})), [r]), W = Ye({
-		features: ht,
+	})), [r]), U = Xe({
+		features: gt,
 		data: t,
 		columns: ce,
 		state: { sorting: S },
-		onSortingChange: C
-	}).getRowModel().rows.map((e) => e.original), le = d ?? w, ue = r.filter((e) => e.hideable === !1 || !le.hidden.includes(e.id)), de = [
+		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)"),
 		o?.length ? "3.25rem" : null
-	].filter(Boolean).join(" "), J = W.length, pe = Math.max(1, Math.floor(y / v)), ge = Math.max(0, Math.floor(ne / v) - mt), _e = Math.min(J, Math.ceil((ne + y) / v) + mt), ve = Math.min(L, Math.max(0, J - 1));
+	].filter(Boolean).join(" "), J = U.length, pe = Math.min(y, J * g), me = Math.max(1, Math.floor(pe / g)), _e = Math.max(0, Math.floor(ne / g) - ht), ve = Math.min(J, Math.ceil((ne + pe) / g) + ht), ye = Math.min(R, Math.max(0, J - 1));
 	B(() => {
-		oe.current && (oe.current = !1, ae.current.get(ve)?.focus());
-	}, [ve, ge]);
-	function ye(e) {
-		c === void 0 && D(e), l?.([...e]);
+		oe.current && (oe.current = !1, ae.current.get(ye)?.focus());
+	}, [ye, _e]);
+	function be(e) {
+		c === void 0 && O(e), l?.([...e]);
 	}
-	function be(e, t) {
+	function xe(e, t) {
 		let [r, i] = e <= t ? [e, t] : [t, e];
-		ye(new Set(W.slice(r, i + 1).map(n)));
+		be(new Set(U.slice(r, i + 1).map(n)));
 	}
-	function Se(e) {
-		let t = n(W[e]), r = new Set(F);
-		r.has(t) ? r.delete(t) : r.add(t), ye(r), A(e);
+	function Ce(e) {
+		let t = n(U[e]), r = new Set(I);
+		r.has(t) ? r.delete(t) : r.add(t), be(r), A(e);
 	}
-	function Ce(e, t) {
+	function we(e, t) {
 		let n = Math.max(0, Math.min(J - 1, e));
 		if (t && z) {
-			let e = O ?? ve;
-			A(e), be(e, n);
+			let e = k ?? ye;
+			A(e), xe(e, n);
 		}
-		let r = ie.current, i = n * v;
+		let r = ie.current, i = n * g;
 		if (r) {
 			let e = r.scrollTop;
-			i < e ? e = i : i + v > e + y && (e = i + v - y), e !== r.scrollTop && (r.scrollTop = e, re(e));
+			i < e ? e = i : i + g > e + pe && (e = i + g - pe), e !== r.scrollTop && (r.scrollTop = e, re(e));
 		}
-		oe.current = !0, R(n);
+		oe.current = !0, te(n);
 	}
-	function we(e, t) {
+	function Te(e, t) {
 		if (e.target !== e.currentTarget) return;
 		let r = e.shiftKey;
 		switch (e.key) {
 			case "ArrowDown":
-				Ce(t + 1, r);
+				we(t + 1, r);
 				break;
 			case "ArrowUp":
-				Ce(t - 1, r);
+				we(t - 1, r);
 				break;
 			case "PageDown":
-				Ce(t + pe, r);
+				we(t + me, r);
 				break;
 			case "PageUp":
-				Ce(t - pe, r);
+				we(t - me, r);
 				break;
 			case "Home":
-				Ce(0, r);
+				we(0, r);
 				break;
 			case "End":
-				Ce(J - 1, r);
+				we(J - 1, r);
 				break;
 			case " ":
 				if (!z) return;
-				Se(t);
+				Ce(t);
 				break;
 			case "Enter":
-				if (!_) return;
-				_(W[t]);
+				if (!h) return;
+				h(U[t]);
 				break;
 			case "Escape":
-				if (!z || F.size === 0) return;
-				ye(/* @__PURE__ */ new Set()), A(null);
+				if (!z || I.size === 0) return;
+				be(/* @__PURE__ */ new Set()), A(null);
 				break;
 			case "a":
 			case "A":
 				if (!z || !(e.ctrlKey || e.metaKey)) return;
-				ye(new Set(W.map(n)));
+				be(new Set(U.map(n)));
 				break;
 			default: return;
 		}
 		e.preventDefault();
 	}
-	function Te(e, t) {
-		if (!e.target.closest("button, a, input, [role='checkbox']") && (R(t), z)) {
+	function Ee(e, t) {
+		if (!e.target.closest("button, a, input, [role='checkbox']") && (te(t), z)) {
 			if (e.shiftKey) {
-				let e = O ?? ve;
-				A(e), be(e, t);
-			} else e.metaKey || e.ctrlKey ? Se(t) : (ye(/* @__PURE__ */ new Set([n(W[t])])), A(t));
+				let e = k ?? ye;
+				A(e), xe(e, t);
+			} else e.metaKey || e.ctrlKey ? Ce(t) : (be(/* @__PURE__ */ new Set([n(U[t])])), A(t));
 		}
 	}
-	function Ee(e) {
+	function De(e) {
 		let t = S.find((t) => t.id === e);
-		t ? t.desc ? C([]) : C([{
+		t ? t.desc ? w([]) : w([{
 			id: e,
 			desc: !0
-		}]) : C([{
+		}]) : w([{
 			id: e,
 			desc: !1
 		}]);
 	}
-	function De(e, t) {
-		let n = { hidden: t ? [...le.hidden, e] : le.hidden.filter((t) => t !== e) };
-		d === void 0 && T(n), p?.(n);
+	function Oe(e, t) {
+		let n = { hidden: t ? [...W.hidden, e] : W.hidden.filter((t) => t !== e) };
+		f === void 0 && E(n), p?.(n);
 	}
-	let Oe = W.filter((e) => F.has(n(e))), ke = J > 0 && Oe.length === J, Ae = r.filter((e) => e.hideable !== !1);
+	let ke = U.filter((e) => I.has(n(e))), Ae = J > 0 && ke.length === J, je = r.filter((e) => e.hideable !== !1);
 	return /* @__PURE__ */ K("div", {
 		"data-slot": "bento-data-table",
 		className: "bento-glass overflow-hidden rounded-2xl",
@@ -219,48 +219,48 @@ function gt({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 				/* @__PURE__ */ G("span", {
 					"aria-live": "polite",
 					className: "text-sm font-medium",
-					children: Oe.length > 0 ? x("bento.table.selected", {
+					children: ke.length > 0 ? x("bento.table.selected", {
 						defaultValue: "{{count}} selected",
-						count: Oe.length
+						count: ke.length
 					}) : ""
 				}),
-				Oe.length > 0 && /* @__PURE__ */ K("div", {
+				ke.length > 0 && /* @__PURE__ */ K("div", {
 					role: "toolbar",
 					"aria-label": x("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(P, {
+						return /* @__PURE__ */ K(C, {
 							variant: "outline",
 							size: "sm",
 							className: e("gap-1.5", t.tone === "destructive" && "bento-item-danger"),
-							onClick: () => t.onSelect(Oe),
+							onClick: () => t.onSelect(ke),
 							children: [/* @__PURE__ */ G(n, { size: 16 }), t.label]
 						}, t.id);
-					}), /* @__PURE__ */ G(P, {
+					}), /* @__PURE__ */ G(C, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => ye(/* @__PURE__ */ new Set()),
+						onClick: () => be(/* @__PURE__ */ new Set()),
 						children: x("bento.table.clearSelection", { defaultValue: "Clear selection" })
 					})]
 				}),
-				Ae.length > 0 && /* @__PURE__ */ K(k, { children: [/* @__PURE__ */ G(f, {
+				je.length > 0 && /* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(F, {
 					asChild: !0,
-					children: /* @__PURE__ */ K(P, {
+					children: /* @__PURE__ */ K(C, {
 						variant: "ghost",
 						size: "sm",
 						className: "ml-auto gap-1.5",
-						children: [/* @__PURE__ */ G(xe, {
+						children: [/* @__PURE__ */ G(Se, {
 							size: 16,
 							"aria-hidden": "true"
 						}), x("bento.table.columns", { defaultValue: "Columns" })]
 					})
-				}), /* @__PURE__ */ G(g, {
+				}), /* @__PURE__ */ G(d, {
 					align: "end",
 					className: "bento-dropdown min-w-44 p-1.5",
-					children: Ae.map((e) => /* @__PURE__ */ G(h, {
-						checked: !le.hidden.includes(e.id),
-						onCheckedChange: (t) => De(e.id, t !== !0),
+					children: je.map((e) => /* @__PURE__ */ G(v, {
+						checked: !W.hidden.includes(e.id),
+						onCheckedChange: (t) => Oe(e.id, t !== !0),
 						onSelect: (e) => e.preventDefault(),
 						children: e.header
 					}, e.id))
@@ -280,7 +280,7 @@ function gt({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 					className: "grid items-center border-b border-border/50 px-1 text-xs font-medium text-muted-foreground",
 					style: {
 						gridTemplateColumns: de,
-						minHeight: v
+						minHeight: g
 					},
 					children: [
 						z && /* @__PURE__ */ G("div", {
@@ -288,8 +288,8 @@ function gt({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 							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: () => ye(ke ? /* @__PURE__ */ new Set() : new Set(W.map(n)))
+								checked: Ae ? !0 : ke.length > 0 && "indeterminate",
+								onCheckedChange: () => be(Ae ? /* @__PURE__ */ new Set() : new Set(U.map(n)))
 							})
 						}),
 						ue.map((e) => {
@@ -300,14 +300,14 @@ function gt({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 								className: "min-w-0 px-2",
 								children: e.sortValue ? /* @__PURE__ */ K("button", {
 									type: "button",
-									onClick: () => Ee(e.id),
+									onClick: () => De(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", {
 											className: "truncate",
 											children: e.header
 										}),
-										n === "ascending" && /* @__PURE__ */ G(me, {
+										n === "ascending" && /* @__PURE__ */ G(he, {
 											size: 14,
 											"aria-hidden": "true"
 										}),
@@ -315,7 +315,7 @@ function gt({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 											size: 14,
 											"aria-hidden": "true"
 										}),
-										n === "none" && /* @__PURE__ */ G(he, {
+										n === "none" && /* @__PURE__ */ G(ge, {
 											size: 14,
 											"aria-hidden": "true",
 											className: "opacity-40"
@@ -353,12 +353,12 @@ function gt({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 				ref: ie,
 				onScroll: (e) => re(e.currentTarget.scrollTop),
 				className: "relative overflow-y-auto",
-				style: { height: y },
+				style: { height: pe },
 				children: /* @__PURE__ */ G("div", {
-					style: { height: J * v },
+					style: { height: J * g },
 					className: "relative",
-					children: W.slice(ge, _e).map((t, r) => {
-						let i = ge + r, a = n(t), s = F.has(a), c = se(t);
+					children: U.slice(_e, ve).map((t, r) => {
+						let i = _e + r, a = n(t), s = I.has(a), c = se(t);
 						return /* @__PURE__ */ K("div", {
 							ref: (e) => {
 								e ? ae.current.set(i, e) : ae.current.delete(i);
@@ -366,17 +366,17 @@ function gt({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 							role: "row",
 							"aria-rowindex": i + 2,
 							"aria-selected": z ? s ? "true" : "false" : void 0,
-							tabIndex: i === ve ? 0 : -1,
-							onKeyDown: (e) => we(e, i),
-							onClick: (e) => Te(e, i),
-							onDoubleClick: () => _?.(t),
+							tabIndex: i === ye ? 0 : -1,
+							onKeyDown: (e) => Te(e, i),
+							onClick: (e) => Ee(e, i),
+							onDoubleClick: () => h?.(t),
 							onFocus: (e) => {
-								e.target === e.currentTarget && R(i);
+								e.target === e.currentTarget && te(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 * v,
-								height: v,
+								top: i * g,
+								height: g,
 								gridTemplateColumns: de
 							},
 							children: [
@@ -390,7 +390,7 @@ function gt({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 											row: c
 										}),
 										checked: s,
-										onCheckedChange: () => Se(i)
+										onCheckedChange: () => Ce(i)
 									})
 								}),
 								ue.map((e) => /* @__PURE__ */ G("div", {
@@ -401,7 +401,7 @@ function gt({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 								o?.length ? /* @__PURE__ */ G("div", {
 									role: "gridcell",
 									className: "grid place-items-center",
-									children: /* @__PURE__ */ G(ut, {
+									children: /* @__PURE__ */ G(dt, {
 										triggerLabel: x("bento.table.rowActions", {
 											defaultValue: "Actions for {{row}}",
 											row: c
@@ -425,7 +425,7 @@ function gt({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 }
 //#endregion
 //#region src/bento/bento-empty-state.tsx
-function _t({ icon: t = Pe, tone: n = "indigo", title: r, description: i, action: a, align: o = "center", titleLevel: s = 2, className: c }) {
+function vt({ icon: t = Fe, tone: n = "indigo", title: r, description: i, action: a, align: o = "center", titleLevel: s = 2, className: c }) {
 	let l = Y(n), u = o === "center", d = `h${s}`;
 	return /* @__PURE__ */ K("div", {
 		className: e("bento-tile bento-glass flex flex-col gap-3 rounded-3xl p-8", u ? "items-center text-center" : "items-start text-left", c),
@@ -450,51 +450,93 @@ function _t({ icon: t = Pe, tone: n = "indigo", title: r, description: i, action
 	});
 }
 //#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", {
+		"aria-label": t("bento.trail.label", { defaultValue: "Location" }),
+		"data-slot": "bento-trail",
+		children: /* @__PURE__ */ G("ol", {
+			className: "flex min-w-0 flex-wrap items-center gap-1",
+			children: e.map((e, t) => /* @__PURE__ */ K("li", {
+				className: r(t) ? "sr-only" : "inline-flex min-w-0 items-center gap-1",
+				children: [
+					t > 0 && !r(t) && /* @__PURE__ */ G(xe, {
+						size: 12,
+						"aria-hidden": !0,
+						className: "shrink-0 opacity-60"
+					}),
+					/* @__PURE__ */ G(Ue, {
+						to: e.to,
+						className: "max-w-[16ch] truncate hover:text-foreground",
+						children: e.label
+					}),
+					n && t === 0 && /* @__PURE__ */ K("span", {
+						"aria-hidden": !0,
+						className: "inline-flex items-center gap-1",
+						children: [/* @__PURE__ */ G(xe, {
+							size: 12,
+							className: "shrink-0 opacity-60"
+						}), "…"]
+					})
+				]
+			}, `${e.to}-${t}`))
+		})
+	});
+}
+//#endregion
 //#region src/bento/bento-hero.tsx
-function vt({ to: e, children: t }) {
-	return /* @__PURE__ */ K(He, {
+function xt({ to: e, children: t }) {
+	return /* @__PURE__ */ K(Ue, {
 		to: e,
 		className: "inline-flex items-center gap-1 hover:text-foreground",
-		children: [/* @__PURE__ */ G(J, {
+		children: [/* @__PURE__ */ G(pe, {
 			size: 14,
 			"aria-hidden": !0
 		}), t]
 	});
 }
-function yt({ eyebrow: e, backTo: t, backLabel: n, title: r, subtitle: i, leading: a, trailing: o }) {
-	let s = e ?? (t == null ? null : /* @__PURE__ */ G(vt, {
+function St(e, t, n) {
+	return e && e.length > 1 ? /* @__PURE__ */ G(bt, { steps: e }) : e && e.length === 1 ? /* @__PURE__ */ G(xt, {
+		to: e[0].to,
+		children: e[0].label
+	}) : t == null ? null : /* @__PURE__ */ G(xt, {
 		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", {
 		className: "bento-shell-header mb-6 flex flex-col items-start gap-3 md:mb-10",
 		children: /* @__PURE__ */ K("div", {
 			className: "flex w-full items-start gap-4",
 			children: [
-				a && /* @__PURE__ */ G("div", {
+				o && /* @__PURE__ */ G("div", {
 					className: "shrink-0",
-					children: a
+					children: o
 				}),
 				/* @__PURE__ */ K("div", {
 					className: "flex flex-1 flex-col gap-1",
 					children: [
-						s && /* @__PURE__ */ G("span", {
+						c && /* @__PURE__ */ G("span", {
 							className: "text-xs uppercase tracking-[0.18em] text-muted-foreground",
-							children: s
+							children: c
 						}),
 						/* @__PURE__ */ G("h1", {
 							className: "text-3xl font-semibold tracking-tight md:text-4xl",
-							children: r
+							children: i
 						}),
-						i && /* @__PURE__ */ G("p", {
+						a && /* @__PURE__ */ G("p", {
 							className: "max-w-2xl text-sm text-muted-foreground",
-							children: i
+							children: a
 						})
 					]
 				}),
-				o && /* @__PURE__ */ G("div", {
+				s && /* @__PURE__ */ G("div", {
 					className: "ml-auto flex shrink-0 items-center gap-2",
-					children: o
+					children: s
 				})
 			]
 		})
@@ -502,11 +544,11 @@ function yt({ eyebrow: e, backTo: t, backLabel: n, title: r, subtitle: i, leadin
 }
 //#endregion
 //#region src/bento/bento-hero-icon-picker.tsx
-function bt({ value: e, onChange: t, onClear: n, defaultIcon: r, tone: i, title: a, description: o, readOnly: s = !1 }) {
-	let { t: l } = q(), [u, d] = U(!1);
+function wt({ value: e, onChange: t, onClear: n, defaultIcon: r, tone: i, title: a, description: o, readOnly: s = !1 }) {
+	let { t: c } = q(), [l, u] = H(!1);
 	return s ? /* @__PURE__ */ G("span", {
 		className: `grid h-12 w-12 place-items-center rounded-2xl ${Y(i)} text-white shadow-md`,
-		children: e ? /* @__PURE__ */ G(Be, {
+		children: e ? /* @__PURE__ */ G(Ve, {
 			icon: e,
 			className: "size-6 text-white"
 		}) : /* @__PURE__ */ G(r, { size: 24 })
@@ -515,15 +557,15 @@ function bt({ value: e, onChange: t, onClear: n, defaultIcon: r, tone: i, title:
 		children: [
 			/* @__PURE__ */ K("button", {
 				type: "button",
-				onClick: () => d(!0),
-				"aria-label": l("forms.iconPicker.chooseAnIcon"),
+				onClick: () => u(!0),
+				"aria-label": c("forms.iconPicker.chooseAnIcon"),
 				className: `group/icon relative grid h-12 w-12 cursor-pointer place-items-center overflow-hidden rounded-2xl ${Y(i)} text-white shadow-md outline-none transition-all duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] hover:scale-105 focus-visible:ring-2 focus-visible:ring-ring active:scale-95`,
-				children: [e ? /* @__PURE__ */ G(Be, {
+				children: [e ? /* @__PURE__ */ G(Ve, {
 					icon: e,
 					className: "size-6 text-white"
 				}) : /* @__PURE__ */ G(r, { size: 24 }), /* @__PURE__ */ G("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__ */ G(je, { className: "size-5 text-white" })
 				})]
 			}),
 			e && n && /* @__PURE__ */ G("button", {
@@ -531,14 +573,14 @@ function bt({ value: e, onChange: t, onClear: n, defaultIcon: r, tone: i, title:
 				onClick: (e) => {
 					e.stopPropagation(), n();
 				},
-				"aria-label": l("forms.common.remove"),
-				title: l("forms.common.remove"),
+				"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__ */ G(Be, { size: 12 })
 			}),
-			/* @__PURE__ */ G(c, {
-				open: u,
-				onOpenChange: d,
+			/* @__PURE__ */ G(g, {
+				open: l,
+				onOpenChange: u,
 				value: e,
 				onSelect: t,
 				onClear: n,
@@ -550,8 +592,8 @@ function bt({ value: e, onChange: t, onClear: n, defaultIcon: r, tone: i, title:
 }
 //#endregion
 //#region src/bento/bento-inline-edit.tsx
-function xt({ 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] = U(c), [m, h] = U(n), [g, _] = U(!1), v = H(null), y = H(null), b = H(!1), x = H(!1), [S, C] = U(n);
+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(() => {
 		f && v.current ? (v.current.focus(), v.current.select()) : !f && x.current && (x.current = !1, y.current?.focus());
 	}, [f]);
@@ -637,13 +679,13 @@ function xt({ value: n, onSave: r, multiline: i = !1, placeholder: a, className:
 }
 //#endregion
 //#region src/bento/bento-status-marker.tsx
-function St({ titleMissing: t, dirty: n, className: r }) {
+function Et({ titleMissing: t, dirty: n, className: r }) {
 	let { t: i } = q();
 	if (!t && !n) return null;
 	let a = "inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[10px] font-medium normal-case leading-none tracking-normal";
 	return t ? /* @__PURE__ */ K("span", {
 		className: e(a, "bento-status bento-status-error", r),
-		children: [/* @__PURE__ */ G(ue, { className: "size-3" }), i("bento.saveBar.titleRequired", { defaultValue: "Title required" })]
+		children: [/* @__PURE__ */ G(de, { className: "size-3" }), i("bento.saveBar.titleRequired", { defaultValue: "Title required" })]
 	}) : /* @__PURE__ */ K("span", {
 		className: e(a, "bento-status bento-status-warn", r),
 		children: [/* @__PURE__ */ G("span", { className: "h-1.5 w-1.5 rounded-full bento-status-dot bento-pulse" }), i("bento.saveBar.unsaved", { defaultValue: "Unsaved changes" })]
@@ -651,7 +693,7 @@ function St({ titleMissing: t, dirty: n, className: r }) {
 }
 //#endregion
 //#region src/bento/bento-scroll-fade.ts
-function Ct(e) {
+function Dt(e) {
 	B(() => {
 		let t = e.current;
 		if (!t) return;
@@ -669,147 +711,147 @@ function Ct(e) {
 }
 //#endregion
 //#region src/bento/bento-entity-shell.tsx
-function wt(e, t) {
+function Ot(e, t) {
 	let n = {};
 	for (let r of Object.keys(e)) Object.assign(n, { [r]: t[r] });
 	return n;
 }
-function Tt({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i, icon: o, tone: s, formId: c, feature: l, hasStatus: u = !1, hideIcon: d = !1, readOnly: f = !1, autosaveOnly: p = !1, badge: m, notice: h, onUpdate: g, onDelete: _, extraActions: v, children: y }) {
-	let { t: b } = q(), x = Ge(), [S, C] = U(!1), [w, E] = U({
+function kt({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i, trail: o, icon: s, tone: c, formId: l, feature: u, hasStatus: d = !1, hideIcon: f = !1, readOnly: p = !1, autosaveOnly: m = !1, badge: h, notice: g, onUpdate: _, onDelete: v, extraActions: y, children: b }) {
+	let { t: x } = q(), S = Ke(), [C, w] = H(!1), [T, E] = H({
 		isDirty: !1,
 		isSubmitting: !1
-	}), D = H(null);
-	Ct(D);
+	}), D = V(null);
+	Dt(D);
 	let O = {
 		title: e.title ?? "",
 		description: e.description ?? "",
 		icon: e.icon ?? null,
 		enabled: e.enabled ?? 1
-	}, [k, A] = U(O), [j, M] = U(O);
+	}, [k, A] = H(O), [j, M] = H(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) {
+	async function P(n) {
 		if (A((e) => ({
 			...e,
 			...n
-		})), t || !g) return;
+		})), t || !_) return;
 		let r = n.title ?? k.title;
 		try {
-			await g({
+			await _({
 				...e,
 				...n
-			}), T.success(b("forms.common.updated", {
+			}), N.success(x("forms.common.updated", {
 				name: r,
-				feature: l
+				feature: u
 			}));
 		} catch (e) {
 			console.error("Failed to update entity field", e), A((e) => ({
 				...e,
-				...wt(n, O)
-			})), T.error(b("forms.common.notUpdated", {
+				...Ot(n, O)
+			})), N.error(x("forms.common.notUpdated", {
 				name: O.title || r,
-				feature: l
+				feature: u
 			}));
 		}
 	}
 	async function ee() {
-		if (_) {
+		if (v) {
 			try {
-				await _() ? (T.success(b("forms.common.deleted", {
+				await v() ? (N.success(x("forms.common.deleted", {
 					name: k.title,
-					feature: l
-				})), x(i)) : T.error(b("forms.common.notDeleted", {
+					feature: u
+				})), S(i)) : N.error(x("forms.common.notDeleted", {
 					name: k.title,
-					feature: l
+					feature: u
 				}));
 			} catch (e) {
-				console.error("Failed to delete entity", e), T.error(b("forms.common.notDeleted", {
+				console.error("Failed to delete entity", e), N.error(x("forms.common.notDeleted", {
 					name: k.title,
-					feature: l
+					feature: u
 				}));
 			}
-			C(!1);
+			w(!1);
 		}
 	}
-	let P = k.enabled === 1, te = !f, F = !(p && !t), I = !k.title.trim(), L = !t && !w.isDirty, R = I || L, ne = [...v ?? [], ..._ && !f ? [{
+	let F = k.enabled === 1, I = !p, L = !(m && !t), R = !k.title.trim(), te = !t && !T.isDirty, ne = R || te, re = [...y ?? [], ...v && !p ? [{
 		id: "entity.delete",
-		label: b("forms.formActions.delete"),
-		icon: Fe,
+		label: x("forms.formActions.delete"),
+		icon: Ie,
 		tone: "destructive",
-		onSelect: () => C(!0)
+		onSelect: () => w(!0)
 	}] : []];
 	return /* @__PURE__ */ K(W, { children: [
-		/* @__PURE__ */ G(yt, {
+		/* @__PURE__ */ G(Ct, {
 			eyebrow: /* @__PURE__ */ K("span", {
 				className: "inline-flex items-center gap-2",
-				children: [/* @__PURE__ */ G(vt, {
+				children: [o && o.length > 1 ? /* @__PURE__ */ G(bt, { steps: o }) : /* @__PURE__ */ G(xt, {
 					to: i,
 					children: r
-				}), !f && /* @__PURE__ */ G(St, {
-					titleMissing: I,
-					dirty: t || w.isDirty
+				}), !p && /* @__PURE__ */ G(Et, {
+					titleMissing: R,
+					dirty: t || T.isDirty
 				})]
 			}),
-			leading: /* @__PURE__ */ G(bt, {
+			leading: /* @__PURE__ */ G(wt, {
 				value: k.icon,
-				onChange: (e) => N({ icon: e }),
-				onClear: () => N({ icon: null }),
-				defaultIcon: o,
-				tone: s,
+				onChange: (e) => P({ icon: e }),
+				onClear: () => P({ icon: null }),
+				defaultIcon: s,
+				tone: c,
 				title: k.title,
 				description: k.description,
-				readOnly: f || d
+				readOnly: p || f
 			}),
-			title: /* @__PURE__ */ G(xt, {
+			title: /* @__PURE__ */ G(Tt, {
 				value: k.title,
-				onSave: (e) => N({ title: e }),
+				onSave: (e) => P({ title: e }),
 				placeholder: n,
 				className: "text-3xl font-semibold tracking-tight md:text-4xl",
-				ariaLabel: b("forms.common.title"),
+				ariaLabel: x("forms.common.title"),
 				autoFocus: t,
 				commitOnChange: t,
-				readOnly: f
+				readOnly: p
 			}),
-			subtitle: /* @__PURE__ */ G(xt, {
+			subtitle: /* @__PURE__ */ G(Tt, {
 				value: k.description,
-				onSave: (e) => N({ description: e }),
+				onSave: (e) => P({ description: e }),
 				multiline: !0,
-				placeholder: b("forms.common.description"),
+				placeholder: x("forms.common.description"),
 				className: "max-w-2xl text-sm text-muted-foreground",
-				ariaLabel: b("forms.common.description"),
+				ariaLabel: x("forms.common.description"),
 				commitOnChange: t,
-				readOnly: f
+				readOnly: p
 			}),
 			trailing: /* @__PURE__ */ K(W, { children: [
-				te && /* @__PURE__ */ K("div", {
+				I && /* @__PURE__ */ K("div", {
 					className: "bento-fade-out flex shrink-0 items-center gap-2",
-					children: [F && /* @__PURE__ */ K(a, {
+					children: [L && /* @__PURE__ */ K(a, {
 						type: "submit",
-						form: c,
+						form: l,
 						size: "sm",
-						loading: w.isSubmitting,
-						"aria-disabled": R ? "true" : void 0,
-						children: [/* @__PURE__ */ G(Se, { className: "size-4" }), b("forms.formActions.saveChanges")]
+						loading: T.isSubmitting,
+						"aria-disabled": ne ? "true" : void 0,
+						children: [/* @__PURE__ */ G(Ce, { className: "size-4" }), x("forms.formActions.saveChanges")]
 					}), /* @__PURE__ */ K(a, {
 						type: "button",
 						size: "sm",
 						variant: "outline",
-						onClick: () => x(i),
-						children: [/* @__PURE__ */ G(ze, { className: "size-4" }), b("forms.formActions.cancel")]
+						onClick: () => S(i),
+						children: [/* @__PURE__ */ G(Be, { className: "size-4" }), x("forms.formActions.cancel")]
 					})]
 				}),
-				m,
-				u && (f ? /* @__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 ? b("common.active", { defaultValue: "Active" }) : b("common.idle", { defaultValue: "Idle" })]
+				h,
+				d && (p ? /* @__PURE__ */ K("span", {
+					className: `flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-[10px] uppercase tracking-wider ${F ? "bento-status bento-status-on" : "border-border bg-muted text-muted-foreground"}`,
+					children: [/* @__PURE__ */ G("span", { className: `h-1.5 w-1.5 rounded-full ${F ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), F ? x("common.active", { defaultValue: "Active" }) : x("common.idle", { defaultValue: "Idle" })]
 				}) : /* @__PURE__ */ K("button", {
 					type: "button",
-					onClick: () => N({ enabled: +!P }),
-					"aria-label": b("forms.common.enabled"),
-					title: b(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 ? b("common.active", { defaultValue: "Active" }) : b("common.idle", { defaultValue: "Idle" })]
+					onClick: () => P({ enabled: +!F }),
+					"aria-label": x("forms.common.enabled"),
+					title: x(F ? "common.activeToggleHint" : "common.idleToggleHint"),
+					className: `bento-tile-clickable flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-[10px] uppercase tracking-wider transition-colors duration-200 ${F ? "bento-status bento-status-on" : "border-border bg-muted text-muted-foreground hover:bg-muted/80"}`,
+					children: [/* @__PURE__ */ G("span", { className: `h-1.5 w-1.5 rounded-full ${F ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), F ? x("common.active", { defaultValue: "Active" }) : x("common.idle", { defaultValue: "Idle" })]
 				})),
-				!t && ne.length > 0 && /* @__PURE__ */ G(ut, { actions: ne })
+				!t && re.length > 0 && /* @__PURE__ */ G(dt, { actions: re })
 			] })
 		}),
 		/* @__PURE__ */ G("div", {
@@ -817,19 +859,19 @@ function Tt({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 			"aria-hidden": !0,
 			className: "h-px"
 		}),
-		h,
-		!t && _ && /* @__PURE__ */ G(re, {
-			feature: l,
+		g,
+		!t && v && /* @__PURE__ */ G(ie, {
+			feature: u,
 			name: k.title,
 			onDelete: ee,
-			open: S,
-			setOpen: C,
+			open: C,
+			setOpen: w,
 			trigger: /* @__PURE__ */ G("span", {
 				className: "hidden",
 				"aria-hidden": !0
 			})
 		}),
-		y({
+		b({
 			staged: k,
 			onStateChange: E
 		})
@@ -837,19 +879,19 @@ function Tt({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 }
 //#endregion
 //#region src/bento/bento-change-mark.tsx
-var Et = {
+var At = {
 	added: "bento-status bento-status-on",
 	removed: "bento-status bento-status-error",
 	changed: "bento-status bento-status-warn",
 	unchanged: !1
 };
-function Dt({ state: t, compact: n = !1, className: r }) {
+function jt({ state: t, compact: n = !1, className: r }) {
 	let { t: i } = q(), 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", Et[t], r);
+	}[t], o = e("rounded-full border px-1.5 leading-4", n && "font-mono", At[t], r);
 	if (!n) return /* @__PURE__ */ G("span", {
 		"data-slot": "bento-change-mark",
 		"data-state": t,
@@ -878,7 +920,7 @@ function Dt({ state: t, compact: n = !1, className: r }) {
 }
 //#endregion
 //#region src/bento/bento-diff.tsx
-function Ot(e, t, n = !0) {
+function Mt(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));
@@ -895,16 +937,16 @@ function Ot(e, t, n = !0) {
 	for (; l < i;) s("add", t[l++]);
 	return o;
 }
-var kt = (e) => e.split(/(\s+)/).filter((e) => e !== "");
-function At(e) {
+var Nt = (e) => e.split(/(\s+)/).filter((e) => e !== "");
+function Pt(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 jt({ before: t, after: n, fields: r, showUnchanged: i = !1, layout: a = "inline" }) {
-	let { t: o } = q(), [s, c] = U(i), l = r.map((e) => {
-		let r = t?.[e.id], i = n?.[e.id], a = e.kind ?? "text", o = a === "rich" ? At(X(r)).join("\n") === At(X(i)).join("\n") : a === "value" ? JSON.stringify(r ?? null) === JSON.stringify(i ?? null) : X(r) === X(i), s = "changed";
+function Ft({ before: t, after: n, fields: r, showUnchanged: i = !1, layout: a = "inline" }) {
+	let { t: o } = q(), [s, c] = H(i), l = r.map((e) => {
+		let r = t?.[e.id], i = n?.[e.id], a = e.kind ?? "text", o = a === "rich" ? Pt(X(r)).join("\n") === Pt(X(i)).join("\n") : a === "value" ? JSON.stringify(r ?? null) === JSON.stringify(i ?? null) : X(r) === X(i), s = "changed";
 		return t === null || (r == null || r === "") && !o ? s = "added" : n === null || (i == null || i === "") && !o ? s = "removed" : o && (s = "unchanged"), {
 			field: e,
 			a: r,
@@ -927,10 +969,10 @@ function jt({ before: t, after: n, fields: r, showUnchanged: i = !1, layout: a =
 			}),
 			/* @__PURE__ */ G("dl", {
 				className: "m-0 flex flex-col gap-3",
-				children: u.map((e) => /* @__PURE__ */ G(Mt, {
+				children: u.map((e) => /* @__PURE__ */ G(It, {
 					label: e.field.label,
 					state: e.state,
-					children: /* @__PURE__ */ G(Nt, {
+					children: /* @__PURE__ */ G(Lt, {
 						row: e,
 						layout: a
 					})
@@ -943,7 +985,7 @@ function jt({ before: t, after: n, fields: r, showUnchanged: i = !1, layout: a =
 					"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(be, {
+					children: [/* @__PURE__ */ G(xe, {
 						size: 14,
 						"aria-hidden": "true",
 						className: e("transition-transform", s && "rotate-90")
@@ -953,12 +995,12 @@ function jt({ before: t, after: n, fields: r, showUnchanged: i = !1, layout: a =
 					})]
 				}), s && /* @__PURE__ */ G("dl", {
 					className: "m-0 flex flex-col gap-3",
-					children: d.map((t) => /* @__PURE__ */ G(Mt, {
+					children: d.map((t) => /* @__PURE__ */ G(It, {
 						label: t.field.label,
 						state: "unchanged",
 						children: /* @__PURE__ */ G("p", {
 							className: e("m-0 whitespace-pre-wrap text-sm text-muted-foreground", t.kind === "lines" && "font-mono text-xs"),
-							children: t.kind === "rich" ? At(X(t.b)).join("\n\n") : t.field.format ? t.field.format(t.b) : X(t.b)
+							children: t.kind === "rich" ? Pt(X(t.b)).join("\n\n") : t.field.format ? t.field.format(t.b) : X(t.b)
 						})
 					}, t.field.id))
 				})]
@@ -966,21 +1008,21 @@ function jt({ before: t, after: n, fields: r, showUnchanged: i = !1, layout: a =
 		]
 	});
 }
-function Mt({ label: e, state: t, children: n }) {
+function It({ label: e, state: t, children: n }) {
 	return /* @__PURE__ */ K("div", {
 		className: "rounded-xl border border-border/60 bg-card/40 p-3",
 		children: [/* @__PURE__ */ K("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(Dt, { state: t })]
+			children: [/* @__PURE__ */ G("span", { children: e }), /* @__PURE__ */ G(jt, { state: t })]
 		}), /* @__PURE__ */ G("dd", {
 			className: "m-0",
 			children: n
 		})]
 	});
 }
-function Nt({ row: e, layout: t }) {
+function Lt({ row: e, layout: t }) {
 	let { t: n } = q(), { field: r, a: i, b: a, kind: o, state: s } = e;
-	if (o === "lines") return /* @__PURE__ */ G(zt, {
+	if (o === "lines") return /* @__PURE__ */ G(Ut, {
 		label: r.label,
 		before: X(i),
 		after: X(a),
@@ -991,16 +1033,16 @@ function Nt({ row: e, layout: t }) {
 		return /* @__PURE__ */ K("p", {
 			className: "m-0 flex flex-wrap items-center gap-2 text-sm",
 			children: [
-				s !== "added" && /* @__PURE__ */ G(Zt, { children: e(i) }),
+				s !== "added" && /* @__PURE__ */ G(tn, { children: e(i) }),
 				s === "changed" && /* @__PURE__ */ G("span", {
 					"aria-hidden": "true",
 					children: "→"
 				}),
-				s !== "removed" && /* @__PURE__ */ G(Xt, { children: e(a) })
+				s !== "removed" && /* @__PURE__ */ G(en, { children: e(a) })
 			]
 		});
 	}
-	let c = o === "rich" ? At(X(i)) : [X(i)].filter(Boolean), l = o === "rich" ? At(X(a)) : [X(a)].filter(Boolean), u = Ot(c, l, !1) ?? [...c.map((e) => ({
+	let c = o === "rich" ? Pt(X(i)) : [X(i)].filter(Boolean), l = o === "rich" ? Pt(X(a)) : [X(a)].filter(Boolean), u = Mt(c, l, !1) ?? [...c.map((e) => ({
 		op: "remove",
 		text: e
 	})), ...l.map((e) => ({
@@ -1010,18 +1052,18 @@ function Nt({ 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 = Ot(kt(t.text), kt(n.text));
+			let r = Mt(Nt(t.text), Nt(n.text));
 			d.push(/* @__PURE__ */ G("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(Xt, { children: e.text }, t) : /* @__PURE__ */ G(Zt, { children: e.text }, t)) : [
-					/* @__PURE__ */ G(Zt, { children: t.text }, "r"),
+				children: r ? r.map((e, t) => e.op === "same" ? /* @__PURE__ */ G("span", { children: e.text }, t) : e.op === "add" ? /* @__PURE__ */ G(en, { children: e.text }, t) : /* @__PURE__ */ G(tn, { children: e.text }, t)) : [
+					/* @__PURE__ */ G(tn, { children: t.text }, "r"),
 					" ",
-					/* @__PURE__ */ G(Xt, { children: n.text }, "a")
+					/* @__PURE__ */ G(en, { children: n.text }, "a")
 				]
 			}, e)), e++;
 		} else d.push(/* @__PURE__ */ G("p", {
 			className: "m-0 whitespace-pre-wrap text-sm leading-relaxed",
-			children: t.op === "same" ? t.text : t.op === "add" ? /* @__PURE__ */ G(Xt, { children: t.text }) : /* @__PURE__ */ G(Zt, { children: t.text })
+			children: t.op === "same" ? t.text : t.op === "add" ? /* @__PURE__ */ G(en, { children: t.text }) : /* @__PURE__ */ G(tn, { children: t.text })
 		}, e));
 	}
 	return d.length === 0 ? /* @__PURE__ */ G("p", {
@@ -1032,13 +1074,13 @@ function Nt({ row: e, layout: t }) {
 		children: d
 	});
 }
-var Pt = 3, Ft = (e) => e === "" ? [] : e.replace(/\r?\n$/, "").split(/\r?\n/);
-function It(e, t) {
-	let n = Ft(e), r = Ft(t), i = 0;
+var Rt = 3, zt = (e) => e === "" ? [] : e.replace(/\r?\n$/, "").split(/\r?\n/);
+function Bt(e, t) {
+	let n = zt(e), r = zt(t), i = 0;
 	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 = Ot(n.slice(i, n.length - a), r.slice(i, r.length - a), !1);
+	let o = Mt(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",
@@ -1049,7 +1091,7 @@ function It(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 = Ot(kt(d[e].text), kt(f[e].text));
+			let t = Mt(Nt(d[e].text), Nt(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 = [];
@@ -1065,7 +1107,7 @@ function It(e, t) {
 	}) : (p(), u(e.text));
 	return p(), n.slice(n.length - a).forEach(u), s;
 }
-function Lt(e) {
+function Vt(e) {
 	let t = [], n = 0;
 	for (; n < e.length;) {
 		if (e[n].op === "same") {
@@ -1084,10 +1126,10 @@ function Lt(e) {
 	}
 	return t;
 }
-function Rt(e, t, n) {
+function Ht(e, t, n) {
 	let r = Array(e.length).fill(!1);
 	e.forEach((n, i) => {
-		if (t(n)) for (let t = Math.max(0, i - Pt); t <= Math.min(e.length - 1, i + Pt); t++) r[t] = !0;
+		if (t(n)) for (let t = Math.max(0, i - Rt); t <= Math.min(e.length - 1, i + Rt); t++) r[t] = !0;
 	});
 	let i = [], a = 0;
 	for (; a < e.length;) {
@@ -1105,8 +1147,8 @@ function Rt(e, t, n) {
 	}
 	return i;
 }
-function zt({ label: t, before: n, after: r, layout: i }) {
-	let { t: a } = q(), [o, s] = U(/* @__PURE__ */ new Set()), c = It(n, r);
+function Ut({ label: t, before: n, after: r, layout: i }) {
+	let { t: a } = q(), [o, s] = H(/* @__PURE__ */ new Set()), c = Bt(n, r);
 	if (c === null) return /* @__PURE__ */ G("p", {
 		className: "m-0 text-sm text-muted-foreground",
 		children: a("bento.diff.tooLarge", { defaultValue: "Too many lines changed to compare them here" })
@@ -1129,7 +1171,7 @@ function zt({ label: t, before: n, after: r, layout: i }) {
 				"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(be, {
+				children: [/* @__PURE__ */ G(xe, {
 					size: 12,
 					"aria-hidden": "true",
 					className: e("transition-transform", i && "rotate-90")
@@ -1143,8 +1185,8 @@ function zt({ label: t, before: n, after: r, layout: i }) {
 	let d = (t) => /* @__PURE__ */ G("table", {
 		"data-layout": "inline",
 		className: e("min-w-full border-collapse font-mono text-xs leading-5", t),
-		children: /* @__PURE__ */ G("tbody", { children: Rt(c, (e) => e.op !== "same", Bt).map((e) => {
-			let t = (e) => /* @__PURE__ */ G(Kt, { row: e }, Bt(e));
+		children: /* @__PURE__ */ G("tbody", { children: Ht(c, (e) => e.op !== "same", Wt).map((e) => {
+			let t = (e) => /* @__PURE__ */ G(Xt, { row: e }, Wt(e));
 			return e.fold ? u(e, 4, t) : e.items.map(t);
 		}) })
 	});
@@ -1162,87 +1204,87 @@ function zt({ label: t, before: n, after: r, layout: i }) {
 				/* @__PURE__ */ G("col", { className: "w-14" }),
 				/* @__PURE__ */ G("col", { className: "w-5" }),
 				/* @__PURE__ */ G("col", {})
-			] }), /* @__PURE__ */ G("tbody", { children: Rt(Lt(c), (e) => e.left?.op !== "same", Vt).map((e) => {
-				let t = (e) => /* @__PURE__ */ G(qt, { pair: e }, Vt(e));
+			] }), /* @__PURE__ */ G("tbody", { children: Ht(Vt(c), (e) => e.left?.op !== "same", Gt).map((e) => {
+				let t = (e) => /* @__PURE__ */ G(Zt, { pair: e }, Gt(e));
 				return e.fold ? u(e, 6, t) : e.items.map(t);
 			}) })]
 		}))("hidden @3xl/diff:table")] }) : d()
 	});
 }
-var Bt = (e) => `${e.old ?? ""}:${e.new ?? ""}`, Vt = (e) => `${e.left?.old ?? ""}:${e.right?.new ?? ""}`, Ht = (t) => e(t.op === "add" && "bento-status bento-status-on", t.op === "remove" && "bento-status bento-status-error");
-function Ut(e) {
-	return e.parts ? e.parts.map((e, t) => e.op === "add" ? /* @__PURE__ */ G(Xt, { children: e.text }, t) : e.op === "remove" ? /* @__PURE__ */ G(Zt, { children: e.text }, t) : /* @__PURE__ */ G("span", { children: e.text }, t)) : e.op === "same" ? e.text : /* @__PURE__ */ G(Yt, {
+var Wt = (e) => `${e.old ?? ""}:${e.new ?? ""}`, Gt = (e) => `${e.left?.old ?? ""}:${e.right?.new ?? ""}`, Kt = (t) => e(t.op === "add" && "bento-status bento-status-on", t.op === "remove" && "bento-status bento-status-error");
+function qt(e) {
+	return e.parts ? e.parts.map((e, t) => e.op === "add" ? /* @__PURE__ */ G(en, { children: e.text }, t) : e.op === "remove" ? /* @__PURE__ */ G(tn, { children: e.text }, t) : /* @__PURE__ */ G("span", { children: e.text }, t)) : e.op === "same" ? e.text : /* @__PURE__ */ G($t, {
 		op: e.op,
 		children: e.text
 	});
 }
-var Wt = {
+var Jt = {
 	same: " ",
 	add: "+",
 	remove: "−"
-}, Gt = "select-none px-2 text-right align-top text-muted-foreground tabular-nums";
-function Kt({ row: t }) {
-	let n = Ht(t);
+}, Yt = "select-none px-2 text-right align-top text-muted-foreground tabular-nums";
+function Xt({ row: t }) {
+	let n = Kt(t);
 	return /* @__PURE__ */ K("tr", {
 		"data-op": t.op,
 		children: [
 			/* @__PURE__ */ G("td", {
-				className: e("w-px", Gt, n),
+				className: e("w-px", Yt, n),
 				children: t.old
 			}),
 			/* @__PURE__ */ G("td", {
-				className: e("w-px", Gt, n),
+				className: e("w-px", Yt, n),
 				children: t.new
 			}),
 			/* @__PURE__ */ G("td", {
 				"aria-hidden": "true",
 				className: e("w-px select-none pr-1", n),
-				children: Wt[t.op]
+				children: Jt[t.op]
 			}),
 			/* @__PURE__ */ G("td", {
 				className: e("whitespace-pre pr-3", !t.parts && n),
-				children: Ut(t)
+				children: qt(t)
 			})
 		]
 	});
 }
-function qt({ pair: e }) {
+function Zt({ pair: e }) {
 	return /* @__PURE__ */ K("tr", {
 		"data-op": e.left?.op === "same" ? "same" : "change",
-		children: [/* @__PURE__ */ G(Jt, {
+		children: [/* @__PURE__ */ G(Qt, {
 			row: e.left,
 			number: e.left?.old
-		}), /* @__PURE__ */ G(Jt, {
+		}), /* @__PURE__ */ G(Qt, {
 			row: e.right,
 			number: e.right?.new,
 			right: !0
 		})]
 	});
 }
-function Jt({ row: t, number: n, right: r = !1 }) {
+function Qt({ row: t, number: n, right: r = !1 }) {
 	if (t === null) return /* @__PURE__ */ G("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 = Ht(t);
+	let i = Kt(t);
 	return /* @__PURE__ */ K(W, { children: [
 		/* @__PURE__ */ G("td", {
-			className: e(Gt, i, r && "border-l border-border/60"),
+			className: e(Yt, i, r && "border-l border-border/60"),
 			children: n
 		}),
 		/* @__PURE__ */ G("td", {
 			"aria-hidden": "true",
 			className: e("select-none align-top", i),
-			children: Wt[t.op]
+			children: Jt[t.op]
 		}),
 		/* @__PURE__ */ G("td", {
 			className: e("whitespace-pre-wrap pr-3 [overflow-wrap:anywhere]", !t.parts && i),
-			children: Ut(t)
+			children: qt(t)
 		})
 	] });
 }
-function Yt({ op: e, children: t }) {
+function $t({ op: e, children: t }) {
 	let { t: n } = q();
 	return /* @__PURE__ */ K(e === "add" ? "ins" : "del", {
 		className: "no-underline",
@@ -1252,7 +1294,7 @@ function Yt({ op: e, children: t }) {
 		}), t]
 	});
 }
-function Xt({ children: e }) {
+function en({ children: e }) {
 	let { t } = q();
 	return /* @__PURE__ */ K("ins", {
 		className: "bento-status bento-status-on rounded-sm px-0.5 underline decoration-2 underline-offset-2",
@@ -1262,7 +1304,7 @@ function Xt({ children: e }) {
 		}), e]
 	});
 }
-function Zt({ children: e }) {
+function tn({ children: e }) {
 	let { t } = q();
 	return /* @__PURE__ */ K("del", {
 		className: "bento-status bento-status-error rounded-sm px-0.5 line-through decoration-2",
@@ -1274,7 +1316,7 @@ function Zt({ children: e }) {
 }
 //#endregion
 //#region src/bento/bento-split-page.tsx
-var Qt = ["primary", "secondary"], $t = {
+var nn = ["primary", "secondary"], rn = {
 	getItem: (e) => {
 		try {
 			return window.localStorage.getItem(e);
@@ -1287,39 +1329,39 @@ var Qt = ["primary", "secondary"], $t = {
 			window.localStorage.setItem(e, t);
 		} catch {}
 	}
-}, en = {
+}, an = {
 	getItem: () => null,
 	setItem: () => {}
 };
-function tn({ primary: t, secondary: n, primaryLabel: r, secondaryLabel: i, storageKey: a, defaultRatio: o = 50, className: s }) {
-	let { t: c } = q(), l = ee(), u = Ve({
+function on({ primary: t, secondary: n, primaryLabel: r, secondaryLabel: i, storageKey: a, defaultRatio: o = 50, className: s }) {
+	let { t: c } = q(), u = k(), d = He({
 		id: a ?? "bento-split-page",
-		panelIds: Qt,
-		storage: a ? $t : en
+		panelIds: nn,
+		storage: a ? rn : an
 	});
-	return l ? /* @__PURE__ */ K(F, {
+	return u ? /* @__PURE__ */ K(M, {
 		"data-slot": "bento-split-page",
 		defaultValue: "primary",
 		className: e("flex flex-col gap-3", s),
 		children: [
-			/* @__PURE__ */ K(j, {
+			/* @__PURE__ */ K(E, {
 				"aria-label": c("bento.split.switch", { defaultValue: "Show" }),
 				className: "self-start",
-				children: [/* @__PURE__ */ G(I, {
+				children: [/* @__PURE__ */ G(D, {
 					value: "primary",
 					children: r
-				}), /* @__PURE__ */ G(I, {
+				}), /* @__PURE__ */ G(D, {
 					value: "secondary",
 					children: i
 				})]
 			}),
-			/* @__PURE__ */ G(w, {
+			/* @__PURE__ */ G(R, {
 				value: "primary",
 				forceMount: !0,
 				className: "data-[state=inactive]:hidden",
 				children: t
 			}),
-			/* @__PURE__ */ G(w, {
+			/* @__PURE__ */ G(R, {
 				value: "secondary",
 				forceMount: !0,
 				className: "data-[state=inactive]:hidden",
@@ -1329,12 +1371,12 @@ function tn({ primary: t, secondary: n, primaryLabel: r, secondaryLabel: i, stor
 	}) : /* @__PURE__ */ G("div", {
 		"data-slot": "bento-split-page",
 		className: e("h-[var(--bento-split-height,calc(100dvh-12rem))] min-h-80", s),
-		children: /* @__PURE__ */ K(y, {
+		children: /* @__PURE__ */ K(ne, {
 			orientation: "horizontal",
-			defaultLayout: u.defaultLayout,
-			onLayoutChanged: u.onLayoutChanged,
+			defaultLayout: d.defaultLayout,
+			onLayoutChanged: d.onLayoutChanged,
 			children: [
-				/* @__PURE__ */ G(R, {
+				/* @__PURE__ */ G(l, {
 					id: "primary",
 					defaultSize: `${o}`,
 					minSize: "25",
@@ -1344,8 +1386,8 @@ function tn({ primary: t, secondary: n, primaryLabel: r, secondaryLabel: i, stor
 						children: t
 					})
 				}),
-				/* @__PURE__ */ G(C, { withHandle: !0 }),
-				/* @__PURE__ */ G(R, {
+				/* @__PURE__ */ G(b, { withHandle: !0 }),
+				/* @__PURE__ */ G(l, {
 					id: "secondary",
 					defaultSize: `${100 - o}`,
 					minSize: "25",
@@ -1361,22 +1403,22 @@ function tn({ 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), nn = (e) => {
+var Z = ({ y: e, m: t, d: n }) => `${e}-${String(t).padStart(2, "0")}-${String(n).padStart(2, "0")}`, Q = ({ y: e, m: t, d: n }) => Date.UTC(e, t - 1, n), sn = (e) => {
 	let t = new Date(e);
 	return {
 		y: t.getUTCFullYear(),
 		m: t.getUTCMonth() + 1,
 		d: t.getUTCDate()
 	};
-}, $ = (e, t) => nn(Q(e) + t * 864e5), rn = (e, t) => {
+}, $ = (e, t) => sn(Q(e) + t * 864e5), cn = (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)
 	};
-}, an = (e) => new Date(Q(e)).getUTCDay();
-function on(e, t) {
+}, ln = (e) => new Date(Q(e)).getUTCDay();
+function un(e, t) {
 	let n = new Intl.DateTimeFormat("en-US", {
 		timeZone: t,
 		year: "numeric",
@@ -1396,83 +1438,83 @@ function on(e, t) {
 		s: r("second")
 	};
 }
-function sn(e, t, n, r, i, a) {
+function dn(e, t, n, r, i, a) {
 	let o = Date.UTC(e.y, e.m - 1, e.d, t, n, r), s = (e) => {
-		let t = on(e, a);
+		let t = un(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 cn = {
+var fn = {
 	on: "bento-status bento-status-on",
 	warn: "bento-status bento-status-warn",
 	error: "bento-status bento-status-error"
 };
-function ln({ 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 }) {
+function pn({ entries: t, view: n, defaultView: r = "month", onViewChange: i, defaultDate: a, timeZone: o = Intl.DateTimeFormat().resolvedOptions().timeZone, weekStartsOn: s = 0, onEntryMove: c, onEntrySelect: l, onRangeChange: u, label: d, className: f }) {
 	let { t: p, i18n: m } = q(), h = m?.resolvedLanguage ?? m?.language, g = (e) => {
-		let t = on(new Date(e).getTime(), o);
+		let t = un(new Date(e).getTime(), o);
 		return {
 			y: t.y,
 			m: t.m,
 			d: t.d
 		};
-	}, [_, v] = U(r), y = n ?? _, [b, x] = U(() => g(a ?? Date.now())), [S, C] = U(null), [w, T] = U(null), [E, D] = U(""), O = H(/* @__PURE__ */ new Map()), k = H(!1), A = se(), [j] = U(() => Z(g(Date.now()))), M = (e) => $(e, -((an(e) - s + 7) % 7)), N = M(y === "month" ? {
+	}, [_, v] = H(r), y = n ?? _, [b, x] = H(() => g(a ?? Date.now())), [S, C] = H(null), [w, T] = H(null), [E, D] = H(""), O = V(/* @__PURE__ */ new Map()), k = V(!1), A = ce(), [j] = H(() => Z(g(Date.now()))), M = (e) => $(e, -((ln(e) - s + 7) % 7)), N = M(y === "month" ? {
 		...b,
 		d: 1
-	} : b), ee = y === "month" ? Math.ceil((Q(rn({
+	} : b), P = y === "month" ? Math.ceil((Q(cn({
 		...b,
 		d: 1
-	}, 1)) - Q(N)) / 6048e5) : 1, P = Array.from({ length: ee }, (e, t) => Array.from({ length: 7 }, (e, n) => $(N, t * 7 + n))), te = $(N, ee * 7), F = `${Z(N)}/${Z(te)}`;
+	}, 1)) - Q(N)) / 6048e5) : 1, ee = Array.from({ length: P }, (e, t) => Array.from({ length: 7 }, (e, n) => $(N, t * 7 + n))), F = $(N, P * 7), I = `${Z(N)}/${Z(F)}`;
 	B(() => {
 		u?.({
-			start: sn(N, 0, 0, 0, 0, o),
-			end: sn(te, 0, 0, 0, 0, o)
+			start: dn(N, 0, 0, 0, 0, o),
+			end: dn(F, 0, 0, 0, 0, o)
 		});
-	}, [F, o]), B(() => {
+	}, [I, o]), B(() => {
 		k.current && (k.current = !1, O.current.get(Z(b))?.focus());
 	});
-	let I = /* @__PURE__ */ new Map();
+	let L = /* @__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 = Z(g(t)), r = L.get(n) ?? [];
 		r.push({
 			entry: e,
 			time: t
-		}), I.set(n, r);
+		}), L.set(n, r);
 	}
-	for (let e of I.values()) e.sort((e, t) => e.time - t.time);
-	let L = (e) => new Intl.DateTimeFormat(h, {
+	for (let e of L.values()) e.sort((e, t) => e.time - t.time);
+	let R = (e) => new Intl.DateTimeFormat(h, {
 		...e,
 		timeZone: "UTC"
-	}), R = (e) => L({ dateStyle: "full" }).format(Q(e)), ne = (e) => new Intl.DateTimeFormat(h, {
+	}), te = (e) => R({ dateStyle: "full" }).format(Q(e)), ne = (e) => new Intl.DateTimeFormat(h, {
 		timeStyle: "short",
 		timeZone: o
-	}).format(e), re = y === "month" ? L({
+	}).format(e), re = y === "month" ? R({
 		month: "long",
 		year: "numeric"
 	}).format(Q({
 		...b,
 		d: 1
-	})) : `${L({ dateStyle: "medium" }).format(Q(N))} – ${L({ dateStyle: "medium" }).format(Q($(te, -1)))}`;
+	})) : `${R({ dateStyle: "medium" }).format(Q(N))} – ${R({ dateStyle: "medium" }).format(Q($(F, -1)))}`;
 	function ie(e) {
 		k.current = !0, x(e);
 	}
 	function ae(e) {
 		n === void 0 && v(e), i?.(e);
 	}
-	let oe = (e) => y === "month" ? rn(b, e) : $(b, 7 * e);
+	let oe = (e) => y === "month" ? cn(b, e) : $(b, 7 * e);
 	function z(e, n) {
 		let r = t.find((t) => t.id === e);
 		if (!r || !c) return;
-		let i = new Date(r.start).getTime(), a = on(i, o);
-		Z(a) !== Z(n) && c(e, sn(n, a.h, a.mi, a.s, i % 1e3, o)), D(p("bento.calendar.moved", {
+		let i = new Date(r.start).getTime(), a = un(i, o);
+		Z(a) !== Z(n) && c(e, dn(n, a.h, a.mi, a.s, i % 1e3, o)), D(p("bento.calendar.moved", {
 			defaultValue: "Moved {{label}} to {{day}}.",
 			label: r.label,
-			day: R(n)
+			day: te(n)
 		}));
 	}
-	function V(e, n) {
+	function se(e, n) {
 		let r = {
 			ArrowLeft: () => $(n, -1),
 			ArrowRight: () => $(n, 1),
@@ -1497,7 +1539,7 @@ function ln({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 			}));
 		} else e.key === "Enter" && (e.preventDefault(), e.currentTarget.querySelector("button")?.focus());
 	}
-	function ce(e, t) {
+	function le(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();
@@ -1509,11 +1551,11 @@ function ln({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 		else return;
 		e.preventDefault(), e.stopPropagation();
 	}
-	function W(e, t) {
+	function U(e, t) {
 		let n = w ?? e.dataTransfer.getData("text/plain");
 		T(null), n && (e.preventDefault(), z(n, t));
 	}
-	let le = c ? A : void 0;
+	let W = c ? A : void 0;
 	return /* @__PURE__ */ K("div", {
 		"data-slot": "bento-calendar",
 		className: e("flex flex-col gap-3", f),
@@ -1523,18 +1565,18 @@ function ln({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 				children: [/* @__PURE__ */ K("div", {
 					className: "flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ G(un, {
+						/* @__PURE__ */ G(mn, {
 							label: p("bento.calendar.previous", { defaultValue: "Previous" }),
 							onClick: () => x(oe(-1)),
-							children: /* @__PURE__ */ G(ye, {
+							children: /* @__PURE__ */ G(be, {
 								size: 16,
 								"aria-hidden": "true"
 							})
 						}),
-						/* @__PURE__ */ G(un, {
+						/* @__PURE__ */ G(mn, {
 							label: p("bento.calendar.next", { defaultValue: "Next" }),
 							onClick: () => x(oe(1)),
-							children: /* @__PURE__ */ G(be, {
+							children: /* @__PURE__ */ G(xe, {
 								size: 16,
 								"aria-hidden": "true"
 							})
@@ -1570,8 +1612,8 @@ function ln({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 				className: "sr-only",
 				children: E
 			}),
-			le && /* @__PURE__ */ G("span", {
-				id: le,
+			W && /* @__PURE__ */ G("span", {
+				id: W,
 				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." })
 			}),
@@ -1579,33 +1621,33 @@ function ln({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 				role: "grid",
 				"aria-label": d ?? re,
 				className: "w-full table-fixed border-collapse text-sm",
-				children: [/* @__PURE__ */ G("thead", { children: /* @__PURE__ */ G("tr", { children: P[0].map((e) => /* @__PURE__ */ G("th", {
+				children: [/* @__PURE__ */ G("thead", { children: /* @__PURE__ */ G("tr", { children: ee[0].map((e) => /* @__PURE__ */ G("th", {
 					scope: "col",
-					abbr: L({ weekday: "long" }).format(Q(e)),
+					abbr: R({ weekday: "long" }).format(Q(e)),
 					className: "pb-1 text-xs font-medium text-muted-foreground",
-					children: L({ weekday: "short" }).format(Q(e))
-				}, Z(e))) }) }), /* @__PURE__ */ G("tbody", { children: P.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;
+					children: R({ weekday: "short" }).format(Q(e))
+				}, Z(e))) }) }), /* @__PURE__ */ G("tbody", { children: ee.map((t) => /* @__PURE__ */ G("tr", { children: t.map((t) => {
+					let n = Z(t), r = L.get(n) ?? [], i = n === Z(b), a = y === "month" && t.m !== b.m, o = r.length;
 					return /* @__PURE__ */ K("td", {
 						ref: (e) => {
 							e ? O.current.set(n, e) : O.current.delete(n);
 						},
 						role: "gridcell",
 						tabIndex: i ? 0 : -1,
-						"aria-label": o > 0 ? `${R(t)}, ${p("bento.calendar.entries", {
+						"aria-label": o > 0 ? `${te(t)}, ${p("bento.calendar.entries", {
 							defaultValue: "{{count}} scheduled",
 							count: o
-						})}` : R(t),
+						})}` : te(t),
 						"aria-current": n === j ? "date" : void 0,
 						"data-day": n,
-						onKeyDown: (e) => V(e, t),
+						onKeyDown: (e) => se(e, t),
 						onFocus: () => {
 							i || x(t);
 						},
 						onDragOver: (e) => {
 							w && e.preventDefault();
 						},
-						onDrop: (e) => W(e, t),
+						onDrop: (e) => U(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", {
 							"aria-hidden": "true",
@@ -1617,16 +1659,16 @@ function ln({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 								type: "button",
 								tabIndex: -1,
 								draggable: c ? !0 : void 0,
-								"aria-describedby": le,
+								"aria-describedby": W,
 								"aria-pressed": c ? S === t.id ? "true" : "false" : void 0,
 								"data-entry": t.id,
-								onKeyDown: (e) => ce(e, t),
+								onKeyDown: (e) => le(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 ? cn[t.tone] : "bg-muted", S === t.id && "outline-2 outline-dashed outline-primary"),
+								className: e("flex w-full min-w-0 items-baseline gap-1 rounded-md px-1 py-0.5 text-left text-xs focus-visible:outline-2 focus-visible:outline-ring", t.tone ? fn[t.tone] : "bg-muted", S === t.id && "outline-2 outline-dashed outline-primary"),
 								children: [/* @__PURE__ */ G("time", {
 									dateTime: new Date(n).toISOString(),
 									className: "flex-none tabular-nums",
@@ -1643,7 +1685,7 @@ function ln({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 		]
 	});
 }
-function un({ label: e, onClick: t, children: n }) {
+function mn({ label: e, onClick: t, children: n }) {
 	return /* @__PURE__ */ G("button", {
 		type: "button",
 		"aria-label": e,
@@ -1654,16 +1696,16 @@ function un({ label: e, onClick: t, children: n }) {
 }
 //#endregion
 //#region src/bento/bento-layout.ts
-var dn = {
+var hn = {
 	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"
-}, fn = {
+}, gn = {
 	SMALL: "MEDIUM",
 	MEDIUM: "LARGE",
 	LARGE: "SMALL"
 };
-function pn(e, t, n) {
+function _n(e, t, n) {
 	if (!n || n.length === 0) return e.map((e, n) => ({
 		item: e,
 		key: t(e),
@@ -1684,7 +1726,7 @@ function pn(e, t, n) {
 		emphasis: i.get(t) ?? "MEDIUM"
 	}));
 }
-function mn(e) {
+function vn(e) {
 	return e.map((e, t) => ({
 		itemId: e.key,
 		emphasis: e.emphasis,
@@ -1693,9 +1735,9 @@ function mn(e) {
 }
 //#endregion
 //#region src/bento/bento-entity-tile.tsx
-function hn({ to: e, emphasis: t, featured: n, defaultIcon: r, icon: i, tone: a = "indigo", title: o, description: s, meta: c, enabled: l, hasStatus: u = !1, viewTransitionName: d }) {
-	let { t: f } = q(), p = Y(a), m = t ?? (n ? "LARGE" : "MEDIUM"), h = m === "LARGE", g = m === "SMALL", _ = dn[m], v = l === 1, y = h ? "p-6 md:p-7" : g ? "p-4" : "p-5", b = h ? "h-14 w-14" : g ? "h-8 w-8" : "h-9 w-9", x = h ? 28 : g ? 16 : 18, S = h ? "text-xl md:text-2xl" : g ? "text-sm" : "text-base md:text-lg";
-	return /* @__PURE__ */ K(He, {
+function yn({ to: e, emphasis: t, featured: n, defaultIcon: r, icon: i, tone: a = "indigo", title: o, description: s, meta: c, enabled: l, hasStatus: u = !1, viewTransitionName: d }) {
+	let { t: f } = q(), p = Y(a), m = t ?? (n ? "LARGE" : "MEDIUM"), h = m === "LARGE", g = m === "SMALL", _ = hn[m], v = l === 1, y = h ? "p-6 md:p-7" : g ? "p-4" : "p-5", b = h ? "h-14 w-14" : g ? "h-8 w-8" : "h-9 w-9", x = h ? 28 : g ? 16 : 18, S = h ? "text-xl md:text-2xl" : g ? "text-sm" : "text-base md:text-lg";
+	return /* @__PURE__ */ K(Ue, {
 		to: e,
 		className: `bento-tile bento-tile-clickable bento-glass group relative flex flex-col ${h ? "gap-5" : "gap-4"} overflow-hidden ${y} ${_}`,
 		style: d ? { viewTransitionName: d } : void 0,
@@ -1711,7 +1753,7 @@ function hn({ to: e, emphasis: t, featured: n, defaultIcon: r, icon: i, tone: a
 				className: "relative z-1 flex items-center justify-between",
 				children: [/* @__PURE__ */ G("span", {
 					className: `grid place-items-center rounded-2xl ${p} text-white shadow-md ${b}`,
-					children: i ? /* @__PURE__ */ G(Be, {
+					children: i ? /* @__PURE__ */ G(Ve, {
 						icon: i,
 						className: h ? "size-7 text-white" : "size-4.5 text-white"
 					}) : /* @__PURE__ */ G(r, { size: x })
@@ -1742,22 +1784,22 @@ function hn({ to: e, emphasis: t, featured: n, defaultIcon: r, icon: i, tone: a
 }
 //#endregion
 //#region src/bento/bento-filter-bar.tsx
-var gn = {
+var bn = {
 	query: "",
 	facets: {}
-}, _n = (e) => typeof e == "object" && !!e && !Array.isArray(e), vn = (e) => Array.isArray(e) ? e : [];
-function yn(e, t, n) {
+}, xn = (e) => typeof e == "object" && !!e && !Array.isArray(e), Sn = (e) => Array.isArray(e) ? e : [];
+function Cn(e, t, n) {
 	let r = { ...e.facets };
-	return n === void 0 || Array.isArray(n) && n.length === 0 || _n(n) && !n.from && !n.to ? delete r[t] : r[t] = n, {
+	return n === void 0 || Array.isArray(n) && n.length === 0 || xn(n) && !n.from && !n.to ? delete r[t] : r[t] = n, {
 		...e,
 		facets: r
 	};
 }
-function bn({ value: e, onChange: n, facets: r, queryLabel: i, queryDelay: a = 300, views: o }) {
-	let { t: s } = q(), [c, l] = U({
+function wn({ value: e, onChange: n, facets: r, queryLabel: i, queryDelay: a = 300, views: o }) {
+	let { t: s } = q(), [c, l] = H({
 		source: e.query,
 		text: e.query
-	}), [u, d] = U(null);
+	}), [u, d] = H(null);
 	c.source !== e.query && l({
 		source: e.query,
 		text: e.query === u ? c.text : e.query
@@ -1779,18 +1821,18 @@ function bn({ value: e, onChange: n, facets: r, queryLabel: i, queryDelay: a = 3
 	let f = [];
 	for (let t of r) {
 		let n = e.facets[t.id];
-		if (t.kind === "choice") for (let r of vn(n)) {
+		if (t.kind === "choice") for (let r of Sn(n)) {
 			let i = t.options.find((e) => e.value === r);
 			f.push({
 				key: `${t.id}:${r}`,
 				text: `${t.label}: ${i?.label ?? r}`,
-				remove: () => yn(e, t.id, vn(n).filter((e) => e !== r))
+				remove: () => Cn(e, t.id, Sn(n).filter((e) => e !== r))
 			});
 		}
-		else _n(n) && (n.from || n.to) && f.push({
+		else xn(n) && (n.from || n.to) && f.push({
 			key: t.id,
 			text: `${t.label}: ${n.from ?? "…"} – ${n.to ?? "…"}`,
-			remove: () => yn(e, t.id, void 0)
+			remove: () => Cn(e, t.id, void 0)
 		});
 	}
 	let p = f.length > 0 || e.query !== "", m = i ?? s("bento.filters.search", { defaultValue: "Search" });
@@ -1804,7 +1846,7 @@ function bn({ value: e, onChange: n, facets: r, queryLabel: i, queryDelay: a = 3
 			children: [
 				/* @__PURE__ */ K("div", {
 					className: "relative min-w-48 flex-1",
-					children: [/* @__PURE__ */ G(Ne, {
+					children: [/* @__PURE__ */ G(Pe, {
 						size: 16,
 						"aria-hidden": "true",
 						className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
@@ -1820,11 +1862,11 @@ function bn({ value: e, onChange: n, facets: r, queryLabel: i, queryDelay: a = 3
 						className: "pl-9"
 					})]
 				}),
-				r.map((t) => t.kind === "choice" ? /* @__PURE__ */ G(Sn, {
+				r.map((t) => t.kind === "choice" ? /* @__PURE__ */ G(En, {
 					facet: t,
 					value: e,
 					onChange: n
-				}, t.id) : /* @__PURE__ */ G(Cn, {
+				}, t.id) : /* @__PURE__ */ G(Dn, {
 					facet: t,
 					value: e,
 					onChange: n
@@ -1842,11 +1884,11 @@ function bn({ 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__ */ G(Be, {
 					size: 12,
 					"aria-hidden": "true"
 				})]
-			}) }, e.key)), /* @__PURE__ */ G("li", { children: /* @__PURE__ */ G(P, {
+			}) }, e.key)), /* @__PURE__ */ G("li", { children: /* @__PURE__ */ G(C, {
 				variant: "ghost",
 				size: "sm",
 				className: "h-6 px-2 text-xs",
@@ -1854,15 +1896,15 @@ function bn({ value: e, onChange: n, facets: r, queryLabel: i, queryDelay: a = 3
 					l({
 						source: "",
 						text: ""
-					}), n(gn);
+					}), n(bn);
 				},
 				children: s("bento.filters.clearAll", { defaultValue: "Clear all" })
 			}) })]
 		})]
 	});
 }
-function xn({ label: e, count: t, ...n }) {
-	return /* @__PURE__ */ K(P, {
+function Tn({ label: e, count: t, ...n }) {
+	return /* @__PURE__ */ K(C, {
 		variant: "outline",
 		size: "sm",
 		className: "gap-1.5",
@@ -1873,59 +1915,59 @@ function xn({ label: e, count: t, ...n }) {
 				className: "rounded-full bg-primary px-1.5 text-[0.6875rem] leading-4 text-primary-foreground",
 				children: t
 			}),
-			/* @__PURE__ */ G(ve, {
+			/* @__PURE__ */ G(ye, {
 				size: 14,
 				"aria-hidden": "true"
 			})
 		]
 	});
 }
-function Sn({ facet: e, value: t, onChange: n }) {
-	let r = vn(t.facets[e.id]);
-	return /* @__PURE__ */ K(k, { children: [/* @__PURE__ */ G(f, {
+function En({ facet: e, value: t, onChange: n }) {
+	let r = Sn(t.facets[e.id]);
+	return /* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(F, {
 		asChild: !0,
-		children: /* @__PURE__ */ G(xn, {
+		children: /* @__PURE__ */ G(Tn, {
 			label: e.label,
 			count: r.length
 		})
-	}), /* @__PURE__ */ G(g, {
+	}), /* @__PURE__ */ G(d, {
 		align: "start",
 		className: "bento-dropdown min-w-44 p-1.5",
-		children: e.multiple ? e.options.map((i) => /* @__PURE__ */ G(h, {
+		children: e.multiple ? e.options.map((i) => /* @__PURE__ */ G(v, {
 			checked: r.includes(i.value),
-			onCheckedChange: (a) => n(yn(t, e.id, a === !0 ? [...r, i.value] : r.filter((e) => e !== i.value))),
+			onCheckedChange: (a) => n(Cn(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(v, {
+		}, i.value)) : /* @__PURE__ */ G(c, {
 			value: r[0] ?? "",
-			onValueChange: (i) => n(yn(t, e.id, i === r[0] ? [] : [i])),
-			children: e.options.map((e) => /* @__PURE__ */ G(ne, {
+			onValueChange: (i) => n(Cn(t, e.id, i === r[0] ? [] : [i])),
+			children: e.options.map((e) => /* @__PURE__ */ G(S, {
 				value: e.value,
 				children: e.label
 			}, e.value))
 		})
 	})] });
 }
-function Cn({ facet: e, value: n, onChange: r }) {
-	let { t: i } = q(), a = n.facets[e.id], o = _n(a) ? a : {}, [s, c] = U(!1), [l, d] = U(o.from ?? ""), [f, p] = U(o.to ?? ""), m = se(), h = se();
-	return /* @__PURE__ */ K(u, {
+function Dn({ facet: e, value: n, onChange: r }) {
+	let { t: i } = q(), a = n.facets[e.id], o = xn(a) ? a : {}, [s, c] = H(!1), [l, d] = H(o.from ?? ""), [f, p] = H(o.to ?? ""), m = ce(), h = ce();
+	return /* @__PURE__ */ K(x, {
 		open: s,
 		onOpenChange: (e) => {
 			e && (d(o.from ?? ""), p(o.to ?? "")), c(e);
 		},
-		children: [/* @__PURE__ */ G(A, {
+		children: [/* @__PURE__ */ G(j, {
 			asChild: !0,
-			children: /* @__PURE__ */ G(xn, {
+			children: /* @__PURE__ */ G(Tn, {
 				label: e.label,
 				count: o.from || o.to ? 1 : 0
 			})
-		}), /* @__PURE__ */ G(b, {
+		}), /* @__PURE__ */ G(u, {
 			align: "start",
 			className: "bento-dropdown w-64 p-3",
 			children: /* @__PURE__ */ K("form", {
 				className: "flex flex-col gap-2",
 				onSubmit: (t) => {
-					t.preventDefault(), r(yn(n, e.id, {
+					t.preventDefault(), r(Cn(n, e.id, {
 						from: l || void 0,
 						to: f || void 0
 					})), c(!1);
@@ -1955,7 +1997,7 @@ function Cn({ facet: e, value: n, onChange: r }) {
 						min: l || void 0,
 						onChange: (e) => p(e.target.value)
 					}),
-					/* @__PURE__ */ G(P, {
+					/* @__PURE__ */ G(C, {
 						type: "submit",
 						size: "sm",
 						className: "mt-1",
@@ -1968,76 +2010,122 @@ function Cn({ facet: e, value: n, onChange: r }) {
 }
 //#endregion
 //#region src/bento/bento-list-page.tsx
-var wn = "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 Tn({ items: e, error: t, tryAgainUrl: n, listId: r, eyebrow: i, backTo: a, backLabel: o, heroIcon: s, title: c, subtitle: l, tone: u = "indigo", headerAction: d, newRoute: f, newLabel: p, newSubtitle: m, hideNew: h = !1, itemKey: g, renderTile: _, emptyTitle: v, emptyDescription: y, layout: b }) {
-	let { t: x } = q(), S = Y(u), [C, w] = U(!1), T = V(() => pn(e ?? [], g, b?.data?.entries), [
+var On = _t, kn = "bento-grid grid auto-rows-[minmax(140px,auto)] grid-cols-2 gap-4 md:grid-cols-4 md:gap-5 lg:grid-cols-6";
+function An({ items: e, error: t, tryAgainUrl: n, listId: r, eyebrow: i, backTo: a, backLabel: o, trail: s, heroIcon: c, title: l, subtitle: u, tone: d = "indigo", headerAction: f, newRoute: p, newLabel: m, newSubtitle: h, hideNew: g = !1, itemKey: _, columns: v, rowActions: y, onRowOpen: b, getRowLabel: x, columnLayout: S, onColumnLayoutChange: w, renderTile: T, emptyTitle: E, emptyDescription: D, layout: O }) {
+	let { t: k } = q(), A = Y(d), [j, M] = H(!1), N = le(() => _n(e ?? [], _, O?.data?.entries), [
 		e,
-		g,
-		b?.data?.entries
-	]), E = !!r && !!b && (e?.length ?? 0) > 0;
-	return /* @__PURE__ */ K(ie, {
+		_,
+		O?.data?.entries
+	]), P = c ? /* @__PURE__ */ G("span", {
+		className: `grid h-12 w-12 place-items-center rounded-2xl ${A} text-white shadow-md`,
+		children: /* @__PURE__ */ G(c, { size: 24 })
+	}) : void 0;
+	if (!T) return /* @__PURE__ */ K(ae, {
 		checkIsNotUndefined: e,
 		error: t ?? null,
 		tryAgainUrl: n,
 		children: [
-			/* @__PURE__ */ G(yt, {
+			/* @__PURE__ */ G(Ct, {
 				eyebrow: i,
 				backTo: a,
 				backLabel: o,
-				leading: /* @__PURE__ */ G("span", {
-					className: `grid h-12 w-12 place-items-center rounded-2xl ${S} text-white shadow-md`,
-					children: /* @__PURE__ */ G(s, { size: 24 })
-				}),
-				title: c,
-				subtitle: l
+				trail: s,
+				leading: P,
+				title: l,
+				subtitle: u,
+				trailing: g ? void 0 : /* @__PURE__ */ G(C, {
+					asChild: !0,
+					className: "gap-2",
+					children: /* @__PURE__ */ K(Ue, {
+						to: p,
+						children: [/* @__PURE__ */ G(Me, { size: 16 }), m]
+					})
+				})
+			}),
+			f && /* @__PURE__ */ G("div", {
+				className: "mb-4 flex flex-wrap items-center gap-2",
+				children: f
 			}),
-			(d || E && !C) && /* @__PURE__ */ K("div", {
+			e?.length === 0 ? /* @__PURE__ */ G(vt, {
+				icon: Fe,
+				title: E,
+				description: D
+			}) : /* @__PURE__ */ G(On, {
+				rows: e ?? [],
+				getRowId: _,
+				columns: v ?? [],
+				label: l,
+				getRowLabel: x,
+				rowActions: y,
+				onRowOpen: b,
+				layout: S,
+				onLayoutChange: w
+			})
+		]
+	});
+	let ee = !!r && !!O && (e?.length ?? 0) > 0;
+	return /* @__PURE__ */ K(ae, {
+		checkIsNotUndefined: e,
+		error: t ?? null,
+		tryAgainUrl: n,
+		children: [
+			/* @__PURE__ */ G(Ct, {
+				eyebrow: i,
+				backTo: a,
+				backLabel: o,
+				trail: s,
+				leading: P,
+				title: l,
+				subtitle: u
+			}),
+			(f || ee && !j) && /* @__PURE__ */ K("div", {
 				className: "mb-4 flex flex-wrap items-center gap-2",
-				children: [d, E && !C && /* @__PURE__ */ K(P, {
+				children: [f, ee && !j && /* @__PURE__ */ K(C, {
 					variant: "outline",
 					size: "sm",
-					onClick: () => w(!0),
+					onClick: () => M(!0),
 					className: "ml-auto gap-2",
-					children: [/* @__PURE__ */ G(le, { size: 16 }), x("bento.layout.customize", { defaultValue: "Customize layout" })]
+					children: [/* @__PURE__ */ G(ue, { size: 16 }), k("bento.layout.customize", { defaultValue: "Customize layout" })]
 				})]
 			}),
-			C && r && b ? /* @__PURE__ */ G(On, {
-				layout: b,
-				resolved: T,
-				canEditGlobal: b?.data?.canEditGlobal ?? !1,
-				isCustomized: b?.data?.source === "USER",
-				renderTile: _,
-				chip: S,
-				hideNew: h,
-				newRoute: f,
-				newLabel: p,
-				newSubtitle: m,
-				onClose: () => w(!1)
-			}) : /* @__PURE__ */ G(Dn, {
-				resolved: T,
-				renderTile: _,
-				chip: S,
-				hideNew: h,
-				newRoute: f,
-				newLabel: p,
-				newSubtitle: m,
+			j && r && O ? /* @__PURE__ */ G(Nn, {
+				layout: O,
+				resolved: N,
+				canEditGlobal: O?.data?.canEditGlobal ?? !1,
+				isCustomized: O?.data?.source === "USER",
+				renderTile: T,
+				chip: A,
+				hideNew: g,
+				newRoute: p,
+				newLabel: m,
+				newSubtitle: h,
+				onClose: () => M(!1)
+			}) : /* @__PURE__ */ G(Mn, {
+				resolved: N,
+				renderTile: T,
+				chip: A,
+				hideNew: g,
+				newRoute: p,
+				newLabel: m,
+				newSubtitle: h,
 				isEmpty: e?.length === 0,
-				emptyTitle: v,
-				emptyDescription: y
+				emptyTitle: E,
+				emptyDescription: D
 			})
 		]
 	});
 }
-function En({ items: e, error: t, tryAgainUrl: n, tone: r = "indigo", newRoute: i, newLabel: a, newSubtitle: o, hideNew: s = !1, itemKey: c, renderTile: l, emptyTitle: u, emptyDescription: d }) {
+function jn({ items: e, error: t, tryAgainUrl: n, tone: r = "indigo", newRoute: i, newLabel: a, newSubtitle: o, hideNew: s = !1, itemKey: c, renderTile: l, emptyTitle: u, emptyDescription: d }) {
 	let f = Y(r);
-	return /* @__PURE__ */ G(ie, {
+	return /* @__PURE__ */ G(ae, {
 		checkIsNotUndefined: e,
 		error: t ?? null,
 		tryAgainUrl: n,
 		children: /* @__PURE__ */ K("div", {
-			className: wn,
+			"data-slot": "bento-list-tiles",
+			className: kn,
 			children: [
-				!s && i && a ? /* @__PURE__ */ G(Mn, {
+				!s && i && a ? /* @__PURE__ */ G(Ln, {
 					route: i,
 					label: a,
 					subtitle: o,
@@ -2047,7 +2135,7 @@ function En({ items: e, error: t, tryAgainUrl: n, tone: r = "indigo", newRoute:
 					className: "contents",
 					children: l(e)
 				}, c(e))),
-				e?.length === 0 && /* @__PURE__ */ G(Nn, {
+				e?.length === 0 && /* @__PURE__ */ G(Rn, {
 					title: u,
 					description: d
 				})
@@ -2055,12 +2143,13 @@ function En({ items: e, error: t, tryAgainUrl: n, tone: r = "indigo", newRoute:
 		})
 	});
 }
-function Dn({ resolved: t, renderTile: n, chip: r, hideNew: i, newRoute: a, newLabel: o, newSubtitle: s, isEmpty: c, emptyTitle: l, emptyDescription: u }) {
+function Mn({ resolved: t, renderTile: n, chip: r, hideNew: i, newRoute: a, newLabel: o, newSubtitle: s, isEmpty: c, emptyTitle: l, emptyDescription: u }) {
 	let d = t.some((e) => e.emphasis === "SMALL");
 	return /* @__PURE__ */ K("div", {
-		className: e(wn, d && "grid-flow-dense"),
+		"data-slot": "bento-list-tiles",
+		className: e(kn, d && "grid-flow-dense"),
 		children: [
-			!i && /* @__PURE__ */ G(Mn, {
+			!i && /* @__PURE__ */ G(Ln, {
 				route: a,
 				label: o,
 				subtitle: s,
@@ -2070,15 +2159,15 @@ function Dn({ resolved: t, renderTile: n, chip: r, hideNew: i, newRoute: a, newL
 				className: "contents",
 				children: n(e, r)
 			}, t)),
-			c && /* @__PURE__ */ G(Nn, {
+			c && /* @__PURE__ */ G(Rn, {
 				title: l,
 				description: u
 			})
 		]
 	});
 }
-function On({ layout: t, resolved: n, canEditGlobal: r, isCustomized: i, renderTile: a, chip: o, hideNew: s, newRoute: c, newLabel: l, newSubtitle: u, onClose: d }) {
-	let { t: f } = q(), [p, m] = U(n), [h, g] = U(null), _ = (t.saving ?? !1) || h !== null, v = (e) => _ && h === e ? { loading: !0 } : { "aria-disabled": _ || void 0 }, [y, b] = U(!1), x = (e, t) => async () => {
+function Nn({ layout: t, resolved: n, canEditGlobal: r, isCustomized: i, renderTile: a, chip: o, hideNew: s, newRoute: c, newLabel: l, newSubtitle: u, onClose: d }) {
+	let { t: f } = q(), [p, m] = H(n), [h, g] = H(null), _ = (t.saving ?? !1) || h !== null, v = (e) => _ && h === e ? { loading: !0 } : { "aria-disabled": _ || void 0 }, [y, b] = H(!1), x = (e, t) => async () => {
 		if (t) {
 			g(e), b(!1);
 			try {
@@ -2089,21 +2178,21 @@ function On({ layout: t, resolved: n, canEditGlobal: r, isCustomized: i, renderT
 				g(null);
 			}
 		}
-	}, S = tt(et(Qe, { activationConstraint: { distance: 8 } }), et(Ze));
-	function C(e) {
+	}, S = nt(tt($e, { activationConstraint: { distance: 8 } }), tt(Qe));
+	function w(e) {
 		let { active: t, over: n } = 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 : it(e, r, i);
 		});
 	}
-	function w(e, t) {
+	function T(e, t) {
 		m((n) => n.map((n) => n.key === e ? {
 			...n,
 			emphasis: t
 		} : n));
 	}
-	let T = V(() => mn(p), [p]), E = p.some((e) => e.emphasis === "SMALL");
+	let E = le(() => vn(p), [p]), D = p.some((e) => e.emphasis === "SMALL");
 	return /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ K("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: [
@@ -2111,36 +2200,36 @@ function On({ layout: t, resolved: n, canEditGlobal: r, isCustomized: i, renderT
 				className: "mr-auto text-sm text-muted-foreground",
 				children: f("bento.layout.editHint", { defaultValue: "Drag tiles to reorder · tap the size button to resize" })
 			}),
-			i && t.onReset && /* @__PURE__ */ K(P, {
+			i && t.onReset && /* @__PURE__ */ K(C, {
 				variant: "ghost",
 				size: "sm",
 				className: "gap-2",
 				...v("reset"),
 				onClick: x("reset", t.onReset),
-				children: [h !== "reset" && /* @__PURE__ */ G(de, { size: 16 }), f("bento.layout.reset", { defaultValue: "Reset to default" })]
+				children: [h !== "reset" && /* @__PURE__ */ G(J, { size: 16 }), f("bento.layout.reset", { defaultValue: "Reset to default" })]
 			}),
-			r && t.onSaveGlobal && /* @__PURE__ */ K(P, {
+			r && t.onSaveGlobal && /* @__PURE__ */ K(C, {
 				variant: "outline",
 				size: "sm",
 				className: "gap-2",
 				...v("global"),
-				onClick: x("global", () => t.onSaveGlobal?.(T)),
-				children: [h !== "global" && /* @__PURE__ */ G(Re, { size: 16 }), f("bento.layout.saveGlobal", { defaultValue: "Set as default for everyone" })]
+				onClick: x("global", () => t.onSaveGlobal?.(E)),
+				children: [h !== "global" && /* @__PURE__ */ G(ze, { size: 16 }), f("bento.layout.saveGlobal", { defaultValue: "Set as default for everyone" })]
 			}),
-			/* @__PURE__ */ K(P, {
+			/* @__PURE__ */ K(C, {
 				variant: "ghost",
 				size: "sm",
 				className: "gap-2",
 				...v("cancel"),
 				onClick: d,
-				children: [/* @__PURE__ */ G(ze, { size: 16 }), f("common.cancel", { defaultValue: "Cancel" })]
+				children: [/* @__PURE__ */ G(Be, { size: 16 }), f("common.cancel", { defaultValue: "Cancel" })]
 			}),
-			/* @__PURE__ */ K(P, {
+			/* @__PURE__ */ K(C, {
 				size: "sm",
 				className: "gap-2",
 				...v("save"),
-				onClick: x("save", () => t.onSave(T)),
-				children: [h !== "save" && /* @__PURE__ */ G(Se, { size: 16 }), f("bento.layout.save", { defaultValue: "Save layout" })]
+				onClick: x("save", () => t.onSave(E)),
+				children: [h !== "save" && /* @__PURE__ */ G(Ce, { size: 16 }), f("bento.layout.save", { defaultValue: "Save layout" })]
 			}),
 			y && /* @__PURE__ */ G("p", {
 				role: "alert",
@@ -2148,35 +2237,36 @@ function On({ layout: t, resolved: n, canEditGlobal: r, isCustomized: i, renderT
 				children: f("bento.layout.saveFailed", { defaultValue: "The layout could not be saved. Nothing has changed — try again." })
 			})
 		]
-	}), /* @__PURE__ */ G(Xe, {
+	}), /* @__PURE__ */ G(Ze, {
 		sensors: S,
-		collisionDetection: $e,
-		onDragEnd: C,
-		children: /* @__PURE__ */ G(nt, {
+		collisionDetection: et,
+		onDragEnd: w,
+		children: /* @__PURE__ */ G(rt, {
 			items: p.map((e) => e.key),
-			strategy: it,
+			strategy: at,
 			children: /* @__PURE__ */ K("div", {
-				className: e(wn, E && "grid-flow-dense"),
-				children: [!s && /* @__PURE__ */ G(Mn, {
+				"data-slot": "bento-list-tiles",
+				className: e(kn, D && "grid-flow-dense"),
+				children: [!s && /* @__PURE__ */ G(Ln, {
 					route: c,
 					label: l,
 					subtitle: u,
 					chip: o
-				}), p.map(({ item: e, key: t, emphasis: n }) => /* @__PURE__ */ G(jn, {
+				}), p.map(({ item: e, key: t, emphasis: n }) => /* @__PURE__ */ G(In, {
 					id: t,
 					emphasis: n,
-					onSetEmphasis: (e) => w(t, e),
+					onSetEmphasis: (e) => T(t, e),
 					children: a(e, n)
 				}, t))]
 			})
 		})
 	})] });
 }
-var kn = [
+var Pn = [
 	"SMALL",
 	"MEDIUM",
 	"LARGE"
-], An = {
+], Fn = {
 	SMALL: {
 		key: "bento.layout.size.small",
 		def: "Small"
@@ -2190,9 +2280,9 @@ var kn = [
 		def: "Large"
 	}
 };
-function jn({ 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 In({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
+	let { t: a } = q(), { attributes: o, listeners: s, setNodeRef: c, transform: l, transition: u, isDragging: d } = ot({ id: t }), f = {
+		transform: st.Translate.toString(l),
 		transition: u,
 		opacity: d ? .6 : 1,
 		zIndex: d ? 50 : void 0
@@ -2200,7 +2290,7 @@ function jn({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
 	return /* @__PURE__ */ K("div", {
 		ref: c,
 		style: f,
-		className: e("relative h-full", dn[n]),
+		className: e("relative h-full", hn[n]),
 		children: [/* @__PURE__ */ G("div", {
 			className: "pointer-events-none h-full select-none [&>*]:h-full [&>*]:w-full",
 			children: i
@@ -2210,8 +2300,8 @@ function jn({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
 				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: kn.map((t) => {
-					let i = t === n, o = a(An[t].key, { defaultValue: An[t].def });
+				children: Pn.map((t) => {
+					let i = t === n, o = a(Fn[t].key, { defaultValue: Fn[t].def });
 					return /* @__PURE__ */ G("button", {
 						type: "button",
 						onClick: () => r(t),
@@ -2228,7 +2318,7 @@ function jn({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
 				...s,
 				"aria-label": a("bento.layout.dragToReorder", { defaultValue: "Drag to reorder" }),
 				className: "grid h-7 w-7 cursor-grab place-items-center rounded-full border border-border/60 bg-background/80 shadow-sm backdrop-blur hover:bg-background active:cursor-grabbing",
-				children: /* @__PURE__ */ G(Te, {
+				children: /* @__PURE__ */ G(Ee, {
 					size: 14,
 					className: "text-muted-foreground"
 				})
@@ -2236,16 +2326,16 @@ function jn({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
 		})]
 	});
 }
-function Mn({ route: e, label: t, subtitle: n, chip: r }) {
+function Ln({ route: e, label: t, subtitle: n, chip: r }) {
 	let { t: i } = q();
-	return /* @__PURE__ */ K(He, {
+	return /* @__PURE__ */ K(Ue, {
 		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", {
 			className: "flex items-center gap-3",
 			children: [/* @__PURE__ */ G("span", {
 				className: `bento-pulse grid h-10 w-10 place-items-center rounded-2xl ${r} text-white shadow-md`,
-				children: /* @__PURE__ */ G(je, { size: 20 })
+				children: /* @__PURE__ */ G(Me, { size: 20 })
 			}), /* @__PURE__ */ G("span", {
 				className: "text-[11px] uppercase tracking-wider text-muted-foreground",
 				children: i("forms.formActions.new", { defaultValue: "New" })
@@ -2262,9 +2352,9 @@ function Mn({ route: e, label: t, subtitle: n, chip: r }) {
 		})] })]
 	});
 }
-function Nn({ title: e, description: t }) {
-	return /* @__PURE__ */ G(_t, {
-		icon: Pe,
+function Rn({ title: e, description: t }) {
+	return /* @__PURE__ */ G(vt, {
+		icon: Fe,
 		title: e,
 		description: t,
 		align: "start",
@@ -2273,7 +2363,7 @@ function Nn({ title: e, description: t }) {
 }
 //#endregion
 //#region src/bento/bento-save-bar.tsx
-function Pn({ title: e, badges: t, actions: n, onCancel: r, loading: i, disabled: o, dirty: s, titleMissing: c }) {
+function zn({ title: e, badges: t, actions: n, onCancel: r, loading: i, disabled: o, dirty: s, titleMissing: c }) {
 	let { t: l } = q();
 	return /* @__PURE__ */ K("div", {
 		className: "bento-glass flex items-center justify-between gap-4 rounded-2xl px-4 py-3 shadow-md backdrop-blur-xl",
@@ -2284,7 +2374,7 @@ function Pn({ title: e, badges: t, actions: n, onCancel: r, loading: i, disabled
 					className: "truncate text-base font-semibold tracking-tight md:text-lg",
 					children: e
 				}),
-				/* @__PURE__ */ G(St, {
+				/* @__PURE__ */ G(Et, {
 					titleMissing: c,
 					dirty: s
 				}),
@@ -2300,29 +2390,29 @@ function Pn({ title: e, badges: t, actions: n, onCancel: r, loading: i, disabled
 				size: "sm",
 				loading: i,
 				"aria-disabled": o ? "true" : void 0,
-				children: [/* @__PURE__ */ G(Se, { className: "size-4" }), l("forms.formActions.saveChanges")]
+				children: [/* @__PURE__ */ G(Ce, { className: "size-4" }), l("forms.formActions.saveChanges")]
 			}), r && /* @__PURE__ */ K(a, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
 				onClick: r,
-				children: [/* @__PURE__ */ G(ze, { className: "size-4" }), l("forms.formActions.cancel")]
+				children: [/* @__PURE__ */ G(Be, { className: "size-4" }), l("forms.formActions.cancel")]
 			})] })
 		})]
 	});
 }
-function Fn({ children: e }) {
+function Bn({ children: e }) {
 	return /* @__PURE__ */ G("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
 	});
 }
-Pn.Badge = Fn;
+zn.Badge = Bn;
 //#endregion
 //#region src/bento/bento-scroll-save-bar.tsx
-function In(e) {
-	let t = H(null);
-	return Ct(t), /* @__PURE__ */ K(W, { children: [
+function Vn(e) {
+	let t = V(null);
+	return Dt(t), /* @__PURE__ */ K(W, { children: [
 		/* @__PURE__ */ G("div", {
 			ref: t,
 			"aria-hidden": !0,
@@ -2334,55 +2424,52 @@ function In(e) {
 		}),
 		/* @__PURE__ */ G("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(Pn, { ...e })
+			children: /* @__PURE__ */ G(zn, { ...e })
 		})
 	] });
 }
 //#endregion
 //#region src/bento/bento-form-hero.tsx
-function Ln({ eyebrow: e, backTo: t, backLabel: n, leading: r, title: i, subtitle: o, trailing: s, onCancel: c, actions: l, loading: u, dirty: d, titleMissing: f, saveDisabled: p, stickyTitle: m, stickyBadges: h }) {
-	let { t: g } = q(), _ = p ?? (!!f || !d);
-	return /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(yt, {
-		eyebrow: t === void 0 ? e : /* @__PURE__ */ G(vt, {
-			to: t,
-			children: n
-		}),
-		leading: r,
-		title: i,
-		subtitle: o,
+function Hn({ eyebrow: e, backTo: t, backLabel: n, trail: r, leading: i, title: o, subtitle: s, trailing: c, onCancel: l, actions: u, loading: d, dirty: f, titleMissing: p, saveDisabled: m, stickyTitle: h, stickyBadges: g }) {
+	let { t: _ } = q(), v = m ?? (!!p || !f), y = St(r, t, n) ?? e;
+	return /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(Ct, {
+		eyebrow: y,
+		leading: i,
+		title: o,
+		subtitle: s,
 		trailing: /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("div", {
 			className: "bento-fade-out flex shrink-0 items-center gap-2",
-			children: l ?? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ K(a, {
+			children: u ?? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ K(a, {
 				type: "submit",
 				size: "sm",
-				loading: u,
-				"aria-disabled": _ ? "true" : void 0,
-				children: [/* @__PURE__ */ G(Se, { className: "size-4" }), g("forms.formActions.saveChanges")]
+				loading: d,
+				"aria-disabled": v ? "true" : void 0,
+				children: [/* @__PURE__ */ G(Ce, { className: "size-4" }), _("forms.formActions.saveChanges")]
 			}), /* @__PURE__ */ K(a, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
-				onClick: c,
-				children: [/* @__PURE__ */ G(ze, { className: "size-4" }), g("forms.formActions.cancel")]
+				onClick: l,
+				children: [/* @__PURE__ */ G(Be, { className: "size-4" }), _("forms.formActions.cancel")]
 			})] })
-		}), s] })
-	}), /* @__PURE__ */ G(In, {
-		title: m,
-		badges: h,
-		actions: l,
-		onCancel: c,
-		loading: u,
-		disabled: _,
-		dirty: d,
-		titleMissing: f
+		}), c] })
+	}), /* @__PURE__ */ G(Vn, {
+		title: h,
+		badges: g,
+		actions: u,
+		onCancel: l,
+		loading: d,
+		disabled: v,
+		dirty: f,
+		titleMissing: p
 	})] });
 }
 //#endregion
 //#region src/bento/bento-form-section.tsx
-var Rn = "bento-tile bento-glass relative flex flex-col gap-5 overflow-hidden rounded-3xl p-5 md:p-6";
-function zn({ icon: t, tone: n, title: r, description: i, children: a, trailing: o, as: s = "h2", className: c }) {
+var Un = "bento-tile bento-glass relative flex flex-col gap-5 overflow-hidden rounded-3xl p-5 md:p-6";
+function Wn({ icon: t, tone: n, title: r, description: i, children: a, trailing: o, as: s = "h2", className: c }) {
 	return /* @__PURE__ */ K("section", {
-		className: e(Rn, c),
+		className: e(Un, c),
 		children: [/* @__PURE__ */ K("header", {
 			className: "flex items-start justify-between gap-3",
 			children: [/* @__PURE__ */ K("div", {
@@ -2412,7 +2499,7 @@ function zn({ icon: t, tone: n, title: r, description: i, children: a, trailing:
 }
 //#endregion
 //#region src/bento/bento-panel.tsx
-function Bn({ children: t, className: n, contentClassName: r }) {
+function Gn({ children: t, className: n, contentClassName: r }) {
 	return /* @__PURE__ */ G("div", {
 		className: e("bento-glass rounded-2xl shadow-md", n),
 		children: /* @__PURE__ */ G("div", {
@@ -2423,15 +2510,15 @@ function Bn({ children: t, className: n, contentClassName: r }) {
 }
 //#endregion
 //#region src/bento/bento-back-to-top.tsx
-var Vn = 480;
-function Hn(e) {
+var Kn = 480;
+function qn(e) {
 	return window.addEventListener("scroll", e, { passive: !0 }), () => window.removeEventListener("scroll", e);
 }
-function Un() {
-	return window.scrollY > Vn;
+function Jn() {
+	return window.scrollY > Kn;
 }
-function Wn({ inline: e = !1 } = {}) {
-	let { t } = q(), n = O(), r = e || n, i = ce(Hn, Un, () => !1);
+function Yn({ inline: e = !1 } = {}) {
+	let { t } = q(), n = ee(), r = e || n, i = U(qn, Jn, () => !1);
 	return /* @__PURE__ */ G("button", {
 		type: "button",
 		"aria-label": t("bento.backToTop", { defaultValue: "Back to top" }),
@@ -2441,17 +2528,17 @@ function Wn({ 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(me, { size: 18 })
+		children: /* @__PURE__ */ G(he, { size: 18 })
 	});
 }
 //#endregion
 //#region src/bento/bento-nav.ts
-function Gn(e) {
+function Xn(e) {
 	return e.bentoRoute ?? e.fallbackRoute;
 }
 //#endregion
 //#region src/bento/bento-command-palette.tsx
-function Kn({ label: e, children: t }) {
+function Zn({ label: e, children: t }) {
 	return e ? /* @__PURE__ */ K("div", {
 		role: "group",
 		"aria-label": e,
@@ -2461,7 +2548,7 @@ function Kn({ label: e, children: t }) {
 		}), t]
 	}) : /* @__PURE__ */ G(W, { children: t });
 }
-function qn({ index: e, active: t, icon: n, label: r, description: i, trailing: a, onActivate: o, onChoose: s }) {
+function Qn({ index: e, active: t, icon: n, label: r, description: i, trailing: a, onActivate: o, onChoose: s }) {
 	return /* @__PURE__ */ K("button", {
 		type: "button",
 		id: `bento-palette-opt-${e}`,
@@ -2483,7 +2570,7 @@ function qn({ index: e, active: t, icon: n, label: r, description: i, trailing:
 					children: i
 				})]
 			}),
-			a ?? (t && /* @__PURE__ */ G(pe, {
+			a ?? (t && /* @__PURE__ */ G(me, {
 				"aria-hidden": !0,
 				size: 15,
 				className: "shrink-0 text-muted-foreground"
@@ -2491,8 +2578,8 @@ function qn({ index: e, active: t, icon: n, label: r, description: i, trailing:
 		]
 	});
 }
-function Jn({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c }) {
-	let { t: l } = q(), u = Ge(), [d, f] = U(""), [p, m] = U(0), h = H(null), g = V(() => {
+function $n({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c }) {
+	let { t: l } = q(), u = Ke(), [d, f] = H(""), [p, m] = H(0), h = V(null), g = le(() => {
 		let e = d.trim().toLowerCase(), t = a.map((e) => ({
 			item: e,
 			label: l(e.titleKey),
@@ -2506,26 +2593,26 @@ function Jn({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 		a,
 		d,
 		l
-	]), _ = V(() => [...g.map((e) => ({
+	]), _ = le(() => [...g.map((e) => ({
 		kind: "nav",
 		entry: e
 	})), ...(o?.items ?? []).map((e) => ({
 		kind: "supplied",
 		item: e
-	}))], [g, o]), v = H(c);
+	}))], [g, o]), v = V(c);
 	B(() => {
 		v.current = c;
 	}), B(() => {
 		v.current?.(d);
 	}, [d]);
-	let [y, b] = U(e);
+	let [y, b] = H(e);
 	e !== y && (b(e), e && (f(""), m(0)));
 	let x = _.length === 0 ? 0 : _.length - 1;
 	p > x && m(x), B(() => {
 		(h.current?.querySelector(`[data-index="${p}"]`))?.scrollIntoView({ block: "nearest" });
 	}, [p]);
 	function S(e) {
-		t(!1), e.kind === "nav" ? u(Gn(e.entry.item)) : o?.onSelect(e.item);
+		t(!1), e.kind === "nav" ? u(Xn(e.entry.item)) : o?.onSelect(e.item);
 	}
 	function C(e) {
 		if (e.key === "ArrowDown") e.preventDefault(), m((e) => _.length === 0 ? 0 : (e + 1) % _.length);
@@ -2554,7 +2641,7 @@ function Jn({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 				}),
 				/* @__PURE__ */ K("div", {
 					className: "flex items-center gap-3 border-b border-border/60 px-4",
-					children: [/* @__PURE__ */ G(Ne, {
+					children: [/* @__PURE__ */ G(Pe, {
 						size: 18,
 						className: "shrink-0 text-muted-foreground"
 					}), /* @__PURE__ */ G("input", {
@@ -2581,16 +2668,16 @@ function Jn({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 							className: "px-3 py-6 text-center text-sm text-muted-foreground",
 							children: l("bento.palette.noResults", { defaultValue: "No matches" })
 						}),
-						/* @__PURE__ */ G(Kn, {
+						/* @__PURE__ */ G(Zn, {
 							label: o && g.length > 0 ? l("bento.palette.areas", { defaultValue: "Areas" }) : void 0,
-							children: g.map(({ item: e, label: t }, n) => /* @__PURE__ */ G(qn, {
+							children: g.map(({ item: e, label: t }, n) => /* @__PURE__ */ G(Qn, {
 								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__ */ K(W, { children: [/* @__PURE__ */ G(Te, {
 									"aria-hidden": !0,
 									size: 15,
 									className: "shrink-0 text-muted-foreground/70"
@@ -2600,11 +2687,11 @@ function Jn({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 								})] })
 							}, e.id))
 						}),
-						o && /* @__PURE__ */ K(Kn, {
+						o && /* @__PURE__ */ K(Zn, {
 							label: o.label,
 							children: [o.items.map((e, t) => {
 								let n = g.length + t;
-								return /* @__PURE__ */ G(qn, {
+								return /* @__PURE__ */ G(Qn, {
 									index: n,
 									active: n === p,
 									icon: e.icon,
@@ -2626,11 +2713,20 @@ function Jn({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 }
 //#endregion
 //#region src/bento/bento-shell.tsx
-function Yn({ rail: t, headerStart: n, headerEnd: r, column: i = "default", dock: a, backToTop: o = !0, children: s }) {
-	let { t: c } = q(), l = Ue(), u = se(), d = H(null), f = H(null), p = i === "full", m = n != null || r != null, h = o || a != null;
+function er({ rail: t, headerStart: n, headerEnd: r, column: i = "default", dock: a, backToTop: o = !0, children: s }) {
+	let { t: c } = q(), l = We(), u = ce(), d = V(null), f = V(null), p = i === "full", m = n != null || r != null, h = k(), g = null;
+	a != null && (g = h ? m ? "header" : "corner" : t == null ? "corner" : "rail");
+	let _ = o || g === "corner", v = (e) => /* @__PURE__ */ G(I.Provider, {
+		value: !0,
+		children: /* @__PURE__ */ G(A.Provider, {
+			value: e,
+			children: a
+		})
+	});
 	return /* @__PURE__ */ K("div", {
 		"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", {
 				href: `#${u}`,
@@ -2646,19 +2742,28 @@ function Yn({ rail: t, headerStart: n, headerEnd: r, column: i = "default", dock
 				"aria-live": "polite",
 				className: "sr-only"
 			}),
-			l && /* @__PURE__ */ G(Xn, {
+			l && /* @__PURE__ */ G(tr, {
 				main: d,
 				announcer: f
 			}),
 			t,
+			g === "rail" && /* @__PURE__ */ G("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")
+			}),
 			m && /* @__PURE__ */ K("header", {
 				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", {
 					className: "flex min-w-0 items-center gap-3",
 					children: n
-				}), /* @__PURE__ */ G("div", {
+				}), /* @__PURE__ */ K("div", {
 					className: "flex items-center gap-2",
-					children: r
+					children: [r, g === "header" && /* @__PURE__ */ G("div", {
+						"data-slot": "bento-shell-dock",
+						className: "relative flex",
+						children: v("header")
+					})]
 				})]
 			}),
 			/* @__PURE__ */ G("main", {
@@ -2670,19 +2775,19 @@ function Yn({ rail: t, headerStart: n, headerEnd: r, column: i = "default", dock
 				className: "bento-shell-main",
 				children: s
 			}),
-			h && /* @__PURE__ */ G("div", {
+			_ && /* @__PURE__ */ G("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(te.Provider, {
+				children: /* @__PURE__ */ K(I.Provider, {
 					value: !0,
-					children: [o && /* @__PURE__ */ G(Wn, {}), a]
+					children: [o && /* @__PURE__ */ G(Yn, {}), g === "corner" && v("corner")]
 				})
 			})
 		]
 	});
 }
-function Xn({ main: e, announcer: t }) {
-	let { pathname: n } = We(), r = H(n);
+function tr({ main: e, announcer: t }) {
+	let { pathname: n } = Ge(), r = V(n);
 	return B(() => {
 		if (r.current === n) return;
 		r.current = n;
@@ -2703,7 +2808,7 @@ function Xn({ main: e, announcer: t }) {
 }
 //#endregion
 //#region src/bento/bento-shell-shortcuts.ts
-var Zn = Object.freeze([
+var nr = Object.freeze([
 	{
 		action: "palette",
 		key: "k",
@@ -2718,14 +2823,14 @@ var Zn = Object.freeze([
 		key: "?"
 	}
 ]);
-function Qn() {
+function rr() {
 	return typeof navigator > "u" ? !1 : /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent || "");
 }
-function $n(e, t) {
+function ir(e, t) {
 	let n = e.key.length === 1 ? e.key.toUpperCase() : e.key;
 	return e.mod ? [t ? "⌘" : "Ctrl", n] : [n];
 }
-function er(e) {
+function ar(e) {
 	if (!(e instanceof HTMLElement)) return !1;
 	if ([
 		"INPUT",
@@ -2735,13 +2840,13 @@ function er(e) {
 	let t = e.closest("[contenteditable]");
 	return t !== null && t.getAttribute("contenteditable") !== "false";
 }
-function tr(e, t) {
+function or(e, t) {
 	if (e.defaultPrevented || e.isComposing || e.repeat) return;
 	let n = e.key.toLowerCase();
-	return Zn.find((r) => n === r.key ? r.mod ? (t ? e.metaKey && !e.ctrlKey : e.ctrlKey && !e.metaKey) && !e.altKey && !e.shiftKey : e.metaKey || er(e.target) ? !1 : e.ctrlKey === e.altKey : !1);
+	return nr.find((r) => n === r.key ? r.mod ? (t ? e.metaKey && !e.ctrlKey : e.ctrlKey && !e.metaKey) && !e.altKey && !e.shiftKey : e.metaKey || ar(e.target) ? !1 : e.ctrlKey === e.altKey : !1);
 }
-function nr({ onPalette: e, onShortcuts: t, isMac: n = Qn() }) {
-	let r = H({
+function sr({ onPalette: e, onShortcuts: t, isMac: n = rr() }) {
+	let r = V({
 		onPalette: e,
 		onShortcuts: t
 	});
@@ -2752,7 +2857,7 @@ function nr({ onPalette: e, onShortcuts: t, isMac: n = Qn() }) {
 		};
 	}), B(() => {
 		function e(e) {
-			let t = tr(e, n), i = t?.action === "palette" ? r.current.onPalette : t && r.current.onShortcuts;
+			let t = or(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);
@@ -2760,15 +2865,15 @@ function nr({ onPalette: e, onShortcuts: t, isMac: n = Qn() }) {
 }
 //#endregion
 //#region src/bento/bento-palette-trigger.tsx
-function rr({ onClick: t, isMac: n = Qn(), className: r }) {
-	let { t: i } = q(), a = Zn.filter((e) => e.action === "palette"), o = a.find((e) => e.mod);
+function cr({ onClick: t, isMac: n = rr(), className: r }) {
+	let { t: i } = q(), a = nr.filter((e) => e.action === "palette"), o = a.find((e) => e.mod);
 	return /* @__PURE__ */ K("button", {
 		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__ */ G(Pe, {
 				"aria-hidden": !0,
 				size: 16
 			}),
@@ -2779,23 +2884,23 @@ function rr({ onClick: t, isMac: n = Qn(), className: r }) {
 			o && /* @__PURE__ */ G("kbd", {
 				"aria-hidden": !0,
 				className: "hidden rounded border border-border/60 bg-muted px-1.5 py-0.5 text-[10px] font-medium tracking-wide sm:inline",
-				children: $n(o, n).join(n ? "" : " ")
+				children: ir(o, n).join(n ? "" : " ")
 			})
 		]
 	});
 }
 //#endregion
 //#region src/bento/bento-shortcuts-dialog.tsx
-function ir({ open: e, onOpenChange: t, isMac: a = Qn() }) {
+function lr({ open: e, onOpenChange: t, isMac: a = rr() }) {
 	let { t: c } = q(), l = {
 		palette: c("bento.palette.open", { defaultValue: "Open command palette" }),
 		shortcuts: c("bento.shortcuts.openGuide", { defaultValue: "Show keyboard shortcuts" })
-	}, u = [...new Set(Zn.map((e) => e.action))], d = [{
+	}, u = [...new Set(nr.map((e) => e.action))], d = [{
 		heading: c("bento.shortcuts.global", { defaultValue: "Global" }),
 		rows: u.map((e) => ({
 			id: e,
 			label: l[e],
-			combos: Zn.filter((t) => t.action === e).map((e) => $n(e, a))
+			combos: nr.filter((t) => t.action === e).map((e) => ir(e, a))
 		}))
 	}, {
 		heading: c("bento.shortcuts.palette", { defaultValue: "Command palette" }),
@@ -2824,7 +2929,7 @@ function ir({ open: e, onOpenChange: t, isMac: a = Qn() }) {
 			className: "max-w-md",
 			children: [/* @__PURE__ */ K(o, { children: [/* @__PURE__ */ K(i, {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ G(De, {
+				children: [/* @__PURE__ */ G(Oe, {
 					size: 20,
 					className: "bento-accent-icon"
 				}), c("bento.shortcuts.title", { defaultValue: "Keyboard shortcuts" })]
@@ -2843,7 +2948,7 @@ function ir({ open: e, onOpenChange: t, isMac: a = Qn() }) {
 							children: e.label
 						}), /* @__PURE__ */ G("span", {
 							className: "flex shrink-0 items-center gap-1",
-							children: e.combos.map((e, t) => /* @__PURE__ */ K(oe, { children: [t > 0 && /* @__PURE__ */ G("span", {
+							children: e.combos.map((e, t) => /* @__PURE__ */ K(z, { children: [t > 0 && /* @__PURE__ */ G("span", {
 								className: "px-0.5 text-[11px] text-muted-foreground",
 								children: c("bento.shortcuts.or", { defaultValue: "or" })
 							}), e.map((e) => /* @__PURE__ */ G("kbd", {
@@ -2859,100 +2964,123 @@ function ir({ open: e, onOpenChange: t, isMac: a = Qn() }) {
 }
 //#endregion
 //#region src/bento/bento-nav-rail.tsx
-var ar = Oe;
-function or(e, t) {
+var ur = ke;
+function dr(e, t) {
 	return e === t || e.startsWith(`${t}/`);
 }
-function sr(e, t) {
-	return t.section.areaRoute && or(e, t.section.areaRoute) ? !0 : t.items.some((t) => t.bentoRoute && or(e, t.bentoRoute));
+function fr(e, t) {
+	return t.section.areaRoute && dr(e, t.section.areaRoute) ? !0 : t.items.some((t) => t.bentoRoute && dr(e, t.bentoRoute));
+}
+function pr(e) {
+	return e.items.reduce((e, t) => e + (t.count && t.count > 0 ? t.count : 0), 0);
 }
-function cr({ groups: e, homeRoute: t, homeAliases: n, homeLabel: r }) {
-	let { t: i } = q(), { pathname: a } = We(), o = V(() => e.filter((e) => !!e.section.areaRoute), [e]), s = a === t || (n?.includes(a) ?? !1);
-	return /* @__PURE__ */ G(E, {
+function mr({ groups: e, homeRoute: t, homeAliases: n, homeLabel: r }) {
+	let { t: i } = q(), { pathname: a } = Ge(), o = le(() => e.filter((e) => !!e.section.areaRoute), [e]), s = a === t || (n?.includes(a) ?? !1);
+	return /* @__PURE__ */ G(te, {
 		delayDuration: 200,
 		children: /* @__PURE__ */ K("nav", {
 			"aria-label": i("bento.nav.label", { defaultValue: "Primary" }),
-			className: "fixed inset-y-0 left-0 z-40 hidden w-16 flex-col items-center gap-1 overflow-y-auto overflow-x-hidden border-r border-border/40 bg-background/55 pt-20 pb-4 backdrop-blur-xl backdrop-saturate-150 md:flex",
+			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(lr, {
+				/* @__PURE__ */ G(hr, {
 					to: t,
-					icon: Ee,
+					icon: De,
 					label: r ?? i("home.title", { defaultValue: "Home" }),
+					shown: !0,
 					active: s
 				}),
 				o.length > 0 && /* @__PURE__ */ G("span", {
 					"aria-hidden": !0,
 					className: "my-1 h-px w-6 bg-border/60"
 				}),
-				o.map((e) => /* @__PURE__ */ G(lr, {
+				o.map((e) => /* @__PURE__ */ G(hr, {
 					to: e.section.areaRoute,
-					icon: e.section.icon ?? ar,
+					icon: e.section.icon ?? ur,
 					label: e.section.labelKey ? i(e.section.labelKey) : e.section.id,
-					active: sr(a, e)
+					shown: !!e.section.labelKey,
+					count: pr(e),
+					active: fr(a, e)
 				}, e.section.id))
 			]
 		})
 	});
 }
-function lr({ to: e, icon: t, label: n, active: r }) {
-	return /* @__PURE__ */ K(M, { children: [/* @__PURE__ */ G(x, {
+function hr({ to: e, icon: t, label: n, shown: r, count: i = 0, active: a }) {
+	let { t: o } = q(), s = i > 0 ? o("bento.nav.count", {
+		count: i,
+		defaultValue: "{{count}} waiting"
+	}) : null, c = /* @__PURE__ */ K(Ue, {
+		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", {
+			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", {
+				"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", {
+			"aria-hidden": !0,
+			title: n,
+			className: "w-full truncate text-center text-[0.6875rem] leading-4",
+			children: n
+		})]
+	});
+	return r ? c : /* @__PURE__ */ K(O, { children: [/* @__PURE__ */ G(re, {
 		asChild: !0,
-		children: /* @__PURE__ */ G(He, {
-			to: e,
-			"aria-label": n,
-			"aria-current": r ? "page" : void 0,
-			className: `bento-tile-clickable grid h-11 w-11 shrink-0 place-items-center rounded-2xl border transition-colors duration-200 ${r ? "bento-rail-active" : "border-transparent text-muted-foreground hover:border-border/60 hover:bg-card/60 hover:text-foreground"}`,
-			children: /* @__PURE__ */ G(t, { size: 20 })
-		})
-	}), /* @__PURE__ */ G(D, {
+		children: c
+	}), /* @__PURE__ */ G(w, {
 		side: "right",
 		children: n
 	})] });
 }
 //#endregion
 //#region src/bento/bento-user-menu.tsx
-function ur({ accountRoute: e, logoutUrl: t, organizationsRoute: n, tenantAdminRoute: r, onOpenShortcuts: i, onReplayTour: a }) {
-	let { user: o, status: s } = N(), { t: c } = q(), u = Ge(), m = `${o.firstName ?? ""} ${o.lastName ?? ""}`.trim() || o.username || "";
+function gr({ accountRoute: e, logoutUrl: t, organizationsRoute: n, tenantAdminRoute: r, onOpenShortcuts: i, onReplayTour: a }) {
+	let { user: o, status: s } = P(), { t: c } = q(), l = Ke(), u = `${o.firstName ?? ""} ${o.lastName ?? ""}`.trim() || o.username || "";
 	return s === "loading" ? /* @__PURE__ */ G("div", {
 		className: "h-9 w-9 rounded-full bg-muted/40",
 		"aria-hidden": !0
-	}) : /* @__PURE__ */ K(k, { children: [/* @__PURE__ */ G(f, {
+	}) : /* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(F, {
 		asChild: !0,
 		children: /* @__PURE__ */ G("button", {
 			type: "button",
-			title: m || o.username,
+			title: u || 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(S, {
+			children: /* @__PURE__ */ G(L, {
 				givenName: o.firstName,
 				familyName: o.lastName,
-				name: m || o.username,
+				name: u || o.username,
 				src: o.avatarUrl || void 0,
 				alt: o.username
 			})
 		})
-	}), /* @__PURE__ */ K(g, {
+	}), /* @__PURE__ */ K(d, {
 		align: "end",
 		sideOffset: 10,
 		className: "bento-dropdown min-w-64 p-2",
 		children: [
-			/* @__PURE__ */ G(p, {
+			/* @__PURE__ */ G(y, {
 				className: "p-0 font-normal",
 				children: /* @__PURE__ */ K("div", {
 					className: "flex items-center gap-3 rounded-xl px-2 py-2 text-left text-sm",
 					children: [/* @__PURE__ */ G("span", {
 						className: "rounded-full p-0.5 ring-1 ring-border/60",
-						children: /* @__PURE__ */ G(S, {
+						children: /* @__PURE__ */ G(L, {
 							givenName: o.firstName,
 							familyName: o.lastName,
-							name: m || o.username,
+							name: u || o.username,
 							src: o.avatarUrl || void 0,
 							alt: o.username
 						})
 					}), /* @__PURE__ */ K("div", {
 						className: "grid flex-1 text-left text-sm leading-tight",
-						children: [m && /* @__PURE__ */ G("span", {
+						children: [u && /* @__PURE__ */ G("span", {
 							className: "truncate font-medium",
-							children: m
+							children: u
 						}), o.email && /* @__PURE__ */ G("span", {
 							className: "truncate text-xs text-muted-foreground",
 							children: o.email
@@ -2960,47 +3088,47 @@ function ur({ accountRoute: e, logoutUrl: t, organizationsRoute: n, tenantAdminR
 					})]
 				})
 			}),
-			/* @__PURE__ */ G(l, { className: "my-1.5 bg-border/50" }),
-			/* @__PURE__ */ K(_, { children: [
-				/* @__PURE__ */ K(d, {
-					onSelect: () => u(e),
+			/* @__PURE__ */ G(f, { className: "my-1.5 bg-border/50" }),
+			/* @__PURE__ */ K(p, { children: [
+				/* @__PURE__ */ K(h, {
+					onSelect: () => l(e),
 					className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-					children: [/* @__PURE__ */ G(Le, { size: 18 }), c("nav.account")]
+					children: [/* @__PURE__ */ G(Re, { size: 18 }), c("nav.account")]
 				}),
-				n && /* @__PURE__ */ K(d, {
-					onSelect: () => u(n),
+				n && /* @__PURE__ */ K(h, {
+					onSelect: () => l(n),
 					className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-					children: [/* @__PURE__ */ G(ge, { size: 18 }), c("nav.organizations", { defaultValue: "Organizations" })]
+					children: [/* @__PURE__ */ G(_e, { size: 18 }), c("nav.organizations", { defaultValue: "Organizations" })]
 				}),
-				r && /* @__PURE__ */ K(d, {
-					onSelect: () => u(r),
+				r && /* @__PURE__ */ K(h, {
+					onSelect: () => l(r),
 					className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-					children: [/* @__PURE__ */ G(_e, { size: 18 }), c("nav.tenantAdmin", { defaultValue: "Tenant administration" })]
+					children: [/* @__PURE__ */ G(ve, { size: 18 }), c("nav.tenantAdmin", { defaultValue: "Tenant administration" })]
 				})
 			] }),
-			(i || a) && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(l, { className: "my-1.5 bg-border/50" }), /* @__PURE__ */ K(_, { children: [a && /* @__PURE__ */ K(d, {
+			(i || a) && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(f, { className: "my-1.5 bg-border/50" }), /* @__PURE__ */ K(p, { children: [a && /* @__PURE__ */ K(h, {
 				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(d, {
+				children: [/* @__PURE__ */ G(Fe, { size: 18 }), c("bento.tour.replay", { defaultValue: "Take the tour" })]
+			}), i && /* @__PURE__ */ K(h, {
 				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__ */ G(Oe, { size: 18 }), c("bento.shortcuts.title", { defaultValue: "Keyboard shortcuts" })]
 			})] })] }),
-			/* @__PURE__ */ G(l, { className: "my-1.5 bg-border/50" }),
-			/* @__PURE__ */ K(d, {
+			/* @__PURE__ */ G(f, { className: "my-1.5 bg-border/50" }),
+			/* @__PURE__ */ K(h, {
 				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__ */ G(Ae, { size: 18 }), c("nav.logOut")]
 			})
 		]
 	})] });
 }
 //#endregion
 //#region src/bento/bento-section-chrome.tsx
-var dr = {
+var _r = {
 	blue: "blue",
 	violet: "violet",
 	emerald: "emerald",
@@ -3010,35 +3138,35 @@ var dr = {
 	cyan: "blue",
 	orange: "amber"
 };
-function fr({ variant: t = "blue", className: n, children: r }) {
+function vr({ variant: t = "blue", className: n, children: r }) {
 	let i;
-	ae.forEach(r, (e) => {
-		if (!z(e)) return;
+	oe.forEach(r, (e) => {
+		if (!se(e)) return;
 		let { type: t } = e;
-		(t === L.Header || t === L.StaticHeader) && (i ??= e.props);
+		(t === T.Header || t === T.StaticHeader) && (i ??= e.props);
 	});
-	let a = ae.map(r, (e) => {
-		if (!z(e)) return e;
+	let a = oe.map(r, (e) => {
+		if (!se(e)) return e;
 		let { type: t } = e;
-		return t === L.Header || t === L.StaticHeader ? null : t === L.Content ? e.props.children : e;
+		return t === T.Header || t === T.StaticHeader ? null : t === T.Content ? e.props.children : e;
 	});
-	return i ? /* @__PURE__ */ G(zn, {
+	return i ? /* @__PURE__ */ G(Wn, {
 		icon: i.icon,
-		tone: dr[t] ?? "blue",
+		tone: _r[t] ?? "blue",
 		title: i.title,
 		description: i.description,
 		className: n,
 		children: a
 	}) : /* @__PURE__ */ G("section", {
-		className: e(Rn, n),
+		className: e(Un, n),
 		children: a
 	});
 }
-fr.Header = L.Header, fr.StaticHeader = L.StaticHeader, fr.Content = L.Content;
+vr.Header = T.Header, vr.StaticHeader = T.StaticHeader, vr.Content = T.Content;
 //#endregion
 //#region src/bento/bento-section.tsx
-var pr = "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 mr({ eyebrow: e, title: t, description: n, titleHref: r, children: i, gridClassName: a = pr }) {
+var yr = "bento-grid grid auto-rows-[minmax(140px,auto)] grid-cols-2 gap-4 md:grid-cols-4 md:gap-5 lg:grid-cols-6";
+function br({ eyebrow: e, title: t, description: n, titleHref: r, children: i, gridClassName: a = yr }) {
 	let o = /* @__PURE__ */ G("h2", {
 		className: "text-xl font-semibold tracking-tight md:text-2xl",
 		children: t
@@ -3052,10 +3180,10 @@ function mr({ eyebrow: e, title: t, description: n, titleHref: r, children: i, g
 					className: "text-xs uppercase tracking-[0.18em] text-muted-foreground",
 					children: e
 				}),
-				r ? /* @__PURE__ */ K(He, {
+				r ? /* @__PURE__ */ K(Ue, {
 					to: r,
 					className: "group inline-flex w-fit items-center gap-1 text-foreground transition-colors hover:text-primary",
-					children: [o, /* @__PURE__ */ G(be, {
+					children: [o, /* @__PURE__ */ G(xe, {
 						size: 20,
 						className: "text-muted-foreground transition-transform duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] group-hover:translate-x-1"
 					})]
@@ -3073,7 +3201,7 @@ function mr({ eyebrow: e, title: t, description: n, titleHref: r, children: i, g
 }
 //#endregion
 //#region src/bento/bento-tile.tsx
-function hr({ to: t, onClick: n, disabled: r = !1, disabledHint: i, icon: a, tone: o, eyebrow: s, title: c, span: l, featured: u = !1, children: d }) {
+function xr({ to: t, onClick: n, disabled: r = !1, disabledHint: i, icon: a, tone: o, eyebrow: s, title: c, span: l, featured: u = !1, children: d }) {
 	let f = !r && !!(t || n), p = u ? "h-14 w-14 rounded-2xl" : "h-9 w-9 rounded-2xl", m = u ? 28 : 18, h = u ? "text-xl font-semibold tracking-tight md:text-2xl" : "text-base font-semibold tracking-tight md:text-lg", g = /* @__PURE__ */ K(W, { children: [
 		u && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("div", {
 			"aria-hidden": !0,
@@ -3087,7 +3215,7 @@ function hr({ to: t, onClick: n, disabled: r = !1, disabledHint: i, icon: a, ton
 			children: [/* @__PURE__ */ G("span", {
 				className: `grid place-items-center ${Y(o)} text-white shadow-md ${p}`,
 				children: /* @__PURE__ */ G(a, { size: m })
-			}), f && /* @__PURE__ */ G(be, {
+			}), f && /* @__PURE__ */ G(xe, {
 				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"
 			})]
@@ -3115,7 +3243,7 @@ function hr({ to: t, onClick: n, disabled: r = !1, disabledHint: i, icon: a, ton
 		"aria-disabled": "true",
 		title: i,
 		children: g
-	}) : t ? /* @__PURE__ */ G(He, {
+	}) : t ? /* @__PURE__ */ G(Ue, {
 		to: t,
 		className: _,
 		children: g
@@ -3131,8 +3259,8 @@ function hr({ to: t, onClick: n, disabled: r = !1, disabledHint: i, icon: a, ton
 }
 //#endregion
 //#region src/bento/bento-version-rail.tsx
-function gr({ versions: t, selected: n, onSelect: r, label: i }) {
-	let { t: a, i18n: o } = q(), [s, c] = U(0), [l, u] = U([]), d = H(/* @__PURE__ */ new Map()), f = (e) => [...e].sort((e, n) => t.findIndex((e) => e.id === n) - t.findIndex((t) => t.id === e));
+function Sr({ versions: t, selected: n, onSelect: r, label: i }) {
+	let { t: a, i18n: o } = q(), [s, c] = H(0), [l, u] = H([]), d = V(/* @__PURE__ */ new Map()), f = (e) => [...e].sort((e, n) => t.findIndex((e) => e.id === n) - t.findIndex((t) => t.id === e));
 	function p(e) {
 		if (n.includes(e)) {
 			u(l.filter((t) => t !== e)), r(n.filter((t) => t !== e));
@@ -3187,7 +3315,7 @@ function gr({ versions: t, selected: n, onSelect: r, label: i }) {
 		"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";
+			let o = n.includes(r.id), l = g(r.at), u = r.actor === "agent" ? Ne : Le, f = o ? "text-foreground/80" : "text-muted-foreground";
 			return /* @__PURE__ */ K("li", {
 				ref: (e) => {
 					e ? d.current.set(i, e) : d.current.delete(i);
@@ -3230,4 +3358,4 @@ function gr({ versions: t, selected: n, onSelect: r, label: i }) {
 	});
 }
 //#endregion
-export { fr as AdaptiveSectionCard, fn as BENTO_EMPHASIS_NEXT, dn as BENTO_EMPHASIS_SPAN, Zn as BENTO_SHELL_SHORTCUTS, ft as BENTO_TONES, dt as BENTO_TONE_CLASS, ut as BentoActionsMenu, vt as BentoBackLink, Wn as BentoBackToTop, ln as BentoCalendar, Dt as BentoChangeMark, Jn as BentoCommandPalette, pt as BentoCountTile, gt as BentoDataTable, jt as BentoDiff, _t as BentoEmptyState, Tt as BentoEntityShell, hn as BentoEntityTile, bn as BentoFilterBar, Ln as BentoFormHero, zn as BentoFormSection, yt as BentoHero, bt as BentoHeroIconPicker, xt as BentoInlineEdit, Tn as BentoListPage, cr as BentoNavRail, rr as BentoPaletteTrigger, Bn as BentoPanel, Pn as BentoSaveBar, In as BentoScrollSaveBar, mr as BentoSection, Yn as BentoShell, ir as BentoShortcutsDialog, tn as BentoSplitPage, St as BentoStatusMarker, hr as BentoTile, En as BentoTileGrid, ur as BentoUserMenu, gr as BentoVersionRail, gn as EMPTY_FILTERS, Y as bentoChipClass, Gn as bentoNavTarget, pn as resolveBentoLayout, mn as toBentoLayoutEntries, Ct as useBentoScrollFade, nr as useBentoShellShortcuts };
+export { vr as AdaptiveSectionCard, gn as BENTO_EMPHASIS_NEXT, hn as BENTO_EMPHASIS_SPAN, nr as BENTO_SHELL_SHORTCUTS, pt as BENTO_TONES, ft as BENTO_TONE_CLASS, dt as BentoActionsMenu, xt as BentoBackLink, Yn as BentoBackToTop, pn as BentoCalendar, jt as BentoChangeMark, $n as BentoCommandPalette, mt as BentoCountTile, _t as BentoDataTable, Ft as BentoDiff, vt as BentoEmptyState, kt as BentoEntityShell, yn as BentoEntityTile, wn as BentoFilterBar, Hn as BentoFormHero, Wn as BentoFormSection, Ct as BentoHero, wt as BentoHeroIconPicker, Tt as BentoInlineEdit, An as BentoListPage, mr as BentoNavRail, cr as BentoPaletteTrigger, Gn as BentoPanel, zn as BentoSaveBar, Vn as BentoScrollSaveBar, br as BentoSection, er as BentoShell, lr as BentoShortcutsDialog, on as BentoSplitPage, Et as BentoStatusMarker, xr as BentoTile, jn as BentoTileGrid, bt as BentoTrail, gr as BentoUserMenu, Sr as BentoVersionRail, bn as EMPTY_FILTERS, Y as bentoChipClass, Xn as bentoNavTarget, _n as resolveBentoLayout, vn as toBentoLayoutEntries, Dt as useBentoScrollFade, sr as useBentoShellShortcuts };