@viglet/viglet-design-system 2026.3.13 → 2026.3.15

package/dist/bento.es.js

@@ -1,58 +1,58 @@
 "use client";
 import { t as e } from "./utils-Fk5jmzzb.js";
 import { a as t, c as n, d as r, g as i, o as a, p as o, u as s } from "./badge-locale-Bx7m7tg2.js";
-import { 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 { 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 { 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 te, s as ne, u as I, v as re, w as ie, y as ae } from "./user.context-DUs2lT6D.js";
+import { r as oe, t as se } from "./loading-provider-D-_5G-08.js";
+import { Children as ce, Fragment as L, isValidElement as le, useEffect as R, useId as ue, useMemo as de, useRef as z, useState as B, useSyncExternalStore as V } from "react";
+import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
+import { useTranslation as G } from "react-i18next";
+import { IconAdjustmentsHorizontal as fe, IconAlertTriangle as pe, IconArrowBackUp as K, IconArrowDown as me, IconArrowLeft as he, IconArrowRight as ge, IconArrowUp as _e, IconArrowsSort as ve, IconBuildingCommunity as ye, IconBuildingSkyscraper as be, IconChevronDown as xe, IconChevronLeft as Se, IconChevronRight as q, IconColumns3 as Ce, IconDeviceFloppy as J, 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 }) {
-	let { t: n } = q();
+function dt({ actions: e, triggerLabel: t }) {
+	let { t: n } = G();
 	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__ */ W(_, { children: [/* @__PURE__ */ U(F, {
 		asChild: !0,
-		children: /* @__PURE__ */ G("button", {
+		children: /* @__PURE__ */ U("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__ */ U(we, { size: 18 })
 		})
-	}), /* @__PURE__ */ G(g, {
+	}), /* @__PURE__ */ U(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__ */ W(h, {
 				"data-action-id": e.id,
 				onSelect: e.onSelect,
 				disabled: e.disabled,
 				className: `bento-dropdown-item cursor-pointer gap-2 px-3 py-2 ${n}`,
-				children: [/* @__PURE__ */ G(t, { size: 16 }), e.label]
+				children: [/* @__PURE__ */ U(t, { size: 16 }), e.label]
 			}, e.id ?? e.label);
 		})
 	})] });
 }
 //#endregion
 //#region src/bento/bento-tones.ts
-var dt = {
+var ft = {
 	blue: "bento-tone-blue",
 	indigo: "bento-tone-indigo",
 	violet: "bento-tone-violet",
@@ -60,163 +60,163 @@ 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 }) {
-	let o = /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("span", {
+function mt({ to: e, icon: t, tone: n, label: r, count: i, span: a }) {
+	let o = /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("span", {
 		className: `grid h-9 w-9 place-items-center rounded-2xl text-white shadow-md ${Y(n)}`,
-		children: /* @__PURE__ */ G(t, { size: 18 })
-	}), /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("div", {
+		children: /* @__PURE__ */ U(t, { size: 18 })
+	}), /* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("div", {
 		className: "text-3xl font-semibold tabular-nums tracking-tight",
 		children: i
-	}), /* @__PURE__ */ G("div", {
+	}), /* @__PURE__ */ U("div", {
 		className: "text-[11px] uppercase tracking-wider text-muted-foreground",
 		children: r
 	})] })] }), s = `bento-tile bento-glass group relative flex flex-col justify-between overflow-hidden p-4 ${a}${e ? " bento-tile-clickable" : ""}`;
-	return e ? /* @__PURE__ */ G(He, {
+	return e ? /* @__PURE__ */ U(Ue, {
 		to: e,
 		className: s,
 		children: o
-	}) : /* @__PURE__ */ G("div", {
+	}) : /* @__PURE__ */ U("div", {
 		className: s,
 		children: o
 	});
 }
 //#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);
-	B(() => {
-		I.current !== u && (I.current = u, l?.([]));
+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 } = G(), [S, w] = B([]), [T, E] = B({ hidden: [] }), [D, O] = B(/* @__PURE__ */ new Set()), [k, A] = B(null), [j, M] = B(u), [N, P] = B(void 0);
+	j !== u && (M(u), O(/* @__PURE__ */ new Set()), P(c), A(null));
+	let ee = de(() => new Set(c ?? []), [c]), te = D;
+	c !== void 0 && (te = c === N ? /* @__PURE__ */ new Set() : ee);
+	let ne = z(u);
+	R(() => {
+		ne.current !== u && (ne.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 [I, re] = B(0), [ie, ae] = B(0), oe = z(null), se = z(/* @__PURE__ */ new Map()), ce = z(!1), L = (s?.length ?? 0) > 0, le = (e) => a?.(e) ?? n(e), ue = de(() => r.map((e) => ({
 		id: e.id,
 		accessorFn: (t) => e.sortValue?.(t) ?? null,
 		enableSorting: e.sortValue !== void 0
-	})), [r]), W = Ye({
-		features: ht,
+	})), [r]), V = Xe({
+		features: gt,
 		data: t,
-		columns: ce,
+		columns: ue,
 		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 = [
-		z ? "2.75rem" : null,
-		...ue.map((e) => e.width ?? "minmax(8rem, 1fr)"),
+		onSortingChange: w
+	}).getRowModel().rows.map((e) => e.original), H = f ?? T, fe = r.filter((e) => e.hideable === !1 || !H.hidden.includes(e.id)), pe = [
+		L ? "2.75rem" : null,
+		...fe.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));
-	B(() => {
-		oe.current && (oe.current = !1, ae.current.get(ve)?.focus());
-	}, [ve, ge]);
-	function ye(e) {
-		c === void 0 && D(e), l?.([...e]);
+	].filter(Boolean).join(" "), K = V.length, he = Math.max(1, Math.floor(y / g)), ge = Math.max(0, Math.floor(ie / g) - ht), ye = Math.min(K, Math.ceil((ie + y) / g) + ht), be = Math.min(I, Math.max(0, K - 1));
+	R(() => {
+		ce.current && (ce.current = !1, se.current.get(be)?.focus());
+	}, [be, ge]);
+	function xe(e) {
+		c === void 0 && O(e), l?.([...e]);
 	}
-	function be(e, t) {
+	function Se(e, t) {
 		let [r, i] = e <= t ? [e, t] : [t, e];
-		ye(new Set(W.slice(r, i + 1).map(n)));
+		xe(new Set(V.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 q(e) {
+		let t = n(V[e]), r = new Set(te);
+		r.has(t) ? r.delete(t) : r.add(t), xe(r), A(e);
 	}
-	function Ce(e, t) {
-		let n = Math.max(0, Math.min(J - 1, e));
-		if (t && z) {
-			let e = O ?? ve;
-			A(e), be(e, n);
+	function J(e, t) {
+		let n = Math.max(0, Math.min(K - 1, e));
+		if (t && L) {
+			let e = k ?? be;
+			A(e), Se(e, n);
 		}
-		let r = ie.current, i = n * v;
+		let r = oe.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 + y && (e = i + g - y), e !== r.scrollTop && (r.scrollTop = e, ae(e));
 		}
-		oe.current = !0, R(n);
+		ce.current = !0, re(n);
 	}
 	function we(e, t) {
 		if (e.target !== e.currentTarget) return;
 		let r = e.shiftKey;
 		switch (e.key) {
 			case "ArrowDown":
-				Ce(t + 1, r);
+				J(t + 1, r);
 				break;
 			case "ArrowUp":
-				Ce(t - 1, r);
+				J(t - 1, r);
 				break;
 			case "PageDown":
-				Ce(t + pe, r);
+				J(t + he, r);
 				break;
 			case "PageUp":
-				Ce(t - pe, r);
+				J(t - he, r);
 				break;
 			case "Home":
-				Ce(0, r);
+				J(0, r);
 				break;
 			case "End":
-				Ce(J - 1, r);
+				J(K - 1, r);
 				break;
 			case " ":
-				if (!z) return;
-				Se(t);
+				if (!L) return;
+				q(t);
 				break;
 			case "Enter":
-				if (!_) return;
-				_(W[t]);
+				if (!h) return;
+				h(V[t]);
 				break;
 			case "Escape":
-				if (!z || F.size === 0) return;
-				ye(/* @__PURE__ */ new Set()), A(null);
+				if (!L || te.size === 0) return;
+				xe(/* @__PURE__ */ new Set()), A(null);
 				break;
 			case "a":
 			case "A":
-				if (!z || !(e.ctrlKey || e.metaKey)) return;
-				ye(new Set(W.map(n)));
+				if (!L || !(e.ctrlKey || e.metaKey)) return;
+				xe(new Set(V.map(n)));
 				break;
 			default: return;
 		}
 		e.preventDefault();
 	}
 	function Te(e, t) {
-		if (!e.target.closest("button, a, input, [role='checkbox']") && (R(t), z)) {
+		if (!e.target.closest("button, a, input, [role='checkbox']") && (re(t), L)) {
 			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 ?? be;
+				A(e), Se(e, t);
+			} else e.metaKey || e.ctrlKey ? q(t) : (xe(/* @__PURE__ */ new Set([n(V[t])])), A(t));
 		}
 	}
 	function Ee(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);
+		let n = { hidden: t ? [...H.hidden, e] : H.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);
-	return /* @__PURE__ */ K("div", {
+	let Oe = V.filter((e) => te.has(n(e))), ke = K > 0 && Oe.length === K, Ae = r.filter((e) => e.hideable !== !1);
+	return /* @__PURE__ */ W("div", {
 		"data-slot": "bento-data-table",
 		className: "bento-glass overflow-hidden rounded-2xl",
-		children: [/* @__PURE__ */ K("div", {
+		children: [/* @__PURE__ */ W("div", {
 			className: "flex min-h-12 flex-wrap items-center gap-2 border-b border-border/50 px-3 py-2",
 			children: [
-				/* @__PURE__ */ G("span", {
+				/* @__PURE__ */ U("span", {
 					"aria-live": "polite",
 					className: "text-sm font-medium",
 					children: Oe.length > 0 ? x("bento.table.selected", {
@@ -224,184 +224,184 @@ function gt({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 						count: Oe.length
 					}) : ""
 				}),
-				Oe.length > 0 && /* @__PURE__ */ K("div", {
+				Oe.length > 0 && /* @__PURE__ */ W("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__ */ W(C, {
 							variant: "outline",
 							size: "sm",
 							className: e("gap-1.5", t.tone === "destructive" && "bento-item-danger"),
 							onClick: () => t.onSelect(Oe),
-							children: [/* @__PURE__ */ G(n, { size: 16 }), t.label]
+							children: [/* @__PURE__ */ U(n, { size: 16 }), t.label]
 						}, t.id);
-					}), /* @__PURE__ */ G(P, {
+					}), /* @__PURE__ */ U(C, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => ye(/* @__PURE__ */ new Set()),
+						onClick: () => xe(/* @__PURE__ */ new Set()),
 						children: x("bento.table.clearSelection", { defaultValue: "Clear selection" })
 					})]
 				}),
-				Ae.length > 0 && /* @__PURE__ */ K(k, { children: [/* @__PURE__ */ G(f, {
+				Ae.length > 0 && /* @__PURE__ */ W(_, { children: [/* @__PURE__ */ U(F, {
 					asChild: !0,
-					children: /* @__PURE__ */ K(P, {
+					children: /* @__PURE__ */ W(C, {
 						variant: "ghost",
 						size: "sm",
 						className: "ml-auto gap-1.5",
-						children: [/* @__PURE__ */ G(xe, {
+						children: [/* @__PURE__ */ U(Ce, {
 							size: 16,
 							"aria-hidden": "true"
 						}), x("bento.table.columns", { defaultValue: "Columns" })]
 					})
-				}), /* @__PURE__ */ G(g, {
+				}), /* @__PURE__ */ U(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),
+					children: Ae.map((e) => /* @__PURE__ */ U(v, {
+						checked: !H.hidden.includes(e.id),
 						onCheckedChange: (t) => De(e.id, t !== !0),
 						onSelect: (e) => e.preventDefault(),
 						children: e.header
 					}, e.id))
 				})] })
 			]
-		}), /* @__PURE__ */ K("div", {
+		}), /* @__PURE__ */ W("div", {
 			role: "grid",
 			"aria-label": i,
-			"aria-rowcount": J + 1,
-			"aria-colcount": ue.length + +!!z + +!!o?.length,
-			"aria-multiselectable": z ? "true" : void 0,
-			children: [/* @__PURE__ */ G("div", {
+			"aria-rowcount": K + 1,
+			"aria-colcount": fe.length + +!!L + +!!o?.length,
+			"aria-multiselectable": L ? "true" : void 0,
+			children: [/* @__PURE__ */ U("div", {
 				role: "rowgroup",
-				children: /* @__PURE__ */ K("div", {
+				children: /* @__PURE__ */ W("div", {
 					role: "row",
 					"aria-rowindex": 1,
 					className: "grid items-center border-b border-border/50 px-1 text-xs font-medium text-muted-foreground",
 					style: {
-						gridTemplateColumns: de,
-						minHeight: v
+						gridTemplateColumns: pe,
+						minHeight: g
 					},
 					children: [
-						z && /* @__PURE__ */ G("div", {
+						L && /* @__PURE__ */ U("div", {
 							role: "columnheader",
 							className: "grid place-items-center",
-							children: /* @__PURE__ */ G(m, {
+							children: /* @__PURE__ */ U(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)))
+								onCheckedChange: () => xe(ke ? /* @__PURE__ */ new Set() : new Set(V.map(n)))
 							})
 						}),
-						ue.map((e) => {
+						fe.map((e) => {
 							let t = S.find((t) => t.id === e.id), n = t ? t.desc ? "descending" : "ascending" : "none";
-							return /* @__PURE__ */ G("div", {
+							return /* @__PURE__ */ U("div", {
 								role: "columnheader",
 								"aria-sort": e.sortValue ? n : void 0,
 								className: "min-w-0 px-2",
-								children: e.sortValue ? /* @__PURE__ */ K("button", {
+								children: e.sortValue ? /* @__PURE__ */ W("button", {
 									type: "button",
 									onClick: () => Ee(e.id),
 									className: "inline-flex max-w-full items-center gap-1 rounded-md py-1 hover:text-foreground focus-visible:outline-2 focus-visible:outline-ring",
 									children: [
-										/* @__PURE__ */ G("span", {
+										/* @__PURE__ */ U("span", {
 											className: "truncate",
 											children: e.header
 										}),
-										n === "ascending" && /* @__PURE__ */ G(me, {
+										n === "ascending" && /* @__PURE__ */ U(_e, {
 											size: 14,
 											"aria-hidden": "true"
 										}),
-										n === "descending" && /* @__PURE__ */ G(fe, {
+										n === "descending" && /* @__PURE__ */ U(me, {
 											size: 14,
 											"aria-hidden": "true"
 										}),
-										n === "none" && /* @__PURE__ */ G(he, {
+										n === "none" && /* @__PURE__ */ U(ve, {
 											size: 14,
 											"aria-hidden": "true",
 											className: "opacity-40"
 										})
 									]
-								}) : /* @__PURE__ */ G("span", {
+								}) : /* @__PURE__ */ U("span", {
 									className: "block truncate py-1",
 									children: e.header
 								})
 							}, e.id);
 						}),
-						o?.length ? /* @__PURE__ */ G("div", {
+						o?.length ? /* @__PURE__ */ U("div", {
 							role: "columnheader",
 							className: "px-2",
-							children: /* @__PURE__ */ G("span", {
+							children: /* @__PURE__ */ U("span", {
 								className: "sr-only",
 								children: x("bento.table.actions", { defaultValue: "Actions" })
 							})
 						}) : null
 					]
 				})
-			}), J === 0 ? /* @__PURE__ */ G("div", {
+			}), K === 0 ? /* @__PURE__ */ U("div", {
 				role: "rowgroup",
-				children: /* @__PURE__ */ G("div", {
+				children: /* @__PURE__ */ U("div", {
 					role: "row",
 					"aria-rowindex": 2,
-					children: /* @__PURE__ */ G("div", {
+					children: /* @__PURE__ */ U("div", {
 						role: "gridcell",
 						className: "px-4 py-10 text-center text-sm text-muted-foreground",
 						children: b ?? x("bento.table.empty", { defaultValue: "Nothing to show" })
 					})
 				})
-			}) : /* @__PURE__ */ G("div", {
+			}) : /* @__PURE__ */ U("div", {
 				role: "rowgroup",
-				ref: ie,
-				onScroll: (e) => re(e.currentTarget.scrollTop),
+				ref: oe,
+				onScroll: (e) => ae(e.currentTarget.scrollTop),
 				className: "relative overflow-y-auto",
 				style: { height: y },
-				children: /* @__PURE__ */ G("div", {
-					style: { height: J * v },
+				children: /* @__PURE__ */ U("div", {
+					style: { height: K * 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);
-						return /* @__PURE__ */ K("div", {
+					children: V.slice(ge, ye).map((t, r) => {
+						let i = ge + r, a = n(t), s = te.has(a), c = le(t);
+						return /* @__PURE__ */ W("div", {
 							ref: (e) => {
-								e ? ae.current.set(i, e) : ae.current.delete(i);
+								e ? se.current.set(i, e) : se.current.delete(i);
 							},
 							role: "row",
 							"aria-rowindex": i + 2,
-							"aria-selected": z ? s ? "true" : "false" : void 0,
-							tabIndex: i === ve ? 0 : -1,
+							"aria-selected": L ? s ? "true" : "false" : void 0,
+							tabIndex: i === be ? 0 : -1,
 							onKeyDown: (e) => we(e, i),
 							onClick: (e) => Te(e, i),
-							onDoubleClick: () => _?.(t),
+							onDoubleClick: () => h?.(t),
 							onFocus: (e) => {
-								e.target === e.currentTarget && R(i);
+								e.target === e.currentTarget && re(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,
-								gridTemplateColumns: de
+								top: i * g,
+								height: g,
+								gridTemplateColumns: pe
 							},
 							children: [
-								z && /* @__PURE__ */ G("div", {
+								L && /* @__PURE__ */ U("div", {
 									role: "gridcell",
 									className: "grid place-items-center",
-									children: /* @__PURE__ */ G(m, {
+									children: /* @__PURE__ */ U(m, {
 										tabIndex: -1,
 										"aria-label": x("bento.table.selectRow", {
 											defaultValue: "Select {{row}}",
 											row: c
 										}),
 										checked: s,
-										onCheckedChange: () => Se(i)
+										onCheckedChange: () => q(i)
 									})
 								}),
-								ue.map((e) => /* @__PURE__ */ G("div", {
+								fe.map((e) => /* @__PURE__ */ U("div", {
 									role: "gridcell",
 									className: "min-w-0 truncate px-2",
 									children: e.cell(t)
 								}, e.id)),
-								o?.length ? /* @__PURE__ */ G("div", {
+								o?.length ? /* @__PURE__ */ U("div", {
 									role: "gridcell",
 									className: "grid place-items-center",
-									children: /* @__PURE__ */ G(ut, {
+									children: /* @__PURE__ */ U(dt, {
 										triggerLabel: x("bento.table.rowActions", {
 											defaultValue: "Actions for {{row}}",
 											row: c
@@ -425,24 +425,24 @@ 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", {
+	return /* @__PURE__ */ W("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),
 		children: [
-			/* @__PURE__ */ G("span", {
+			/* @__PURE__ */ U("span", {
 				className: `grid h-12 w-12 place-items-center rounded-2xl ${l} text-white shadow-md`,
-				children: /* @__PURE__ */ G(t, { size: 24 })
+				children: /* @__PURE__ */ U(t, { size: 24 })
 			}),
-			/* @__PURE__ */ G(d, {
+			/* @__PURE__ */ U(d, {
 				className: "m-0 text-lg font-semibold tracking-tight",
 				children: r
 			}),
-			i && /* @__PURE__ */ G("p", {
+			i && /* @__PURE__ */ U("p", {
 				className: e("max-w-md text-sm text-muted-foreground", u && "mx-auto"),
 				children: i
 			}),
-			a && /* @__PURE__ */ G("div", {
+			a && /* @__PURE__ */ U("div", {
 				className: e("mt-1", u && "mx-auto"),
 				children: a
 			})
@@ -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 } = G(), n = e.length > yt, r = (t) => n && t > 0 && t < e.length - 2;
+	return /* @__PURE__ */ U("nav", {
+		"aria-label": t("bento.trail.label", { defaultValue: "Location" }),
+		"data-slot": "bento-trail",
+		children: /* @__PURE__ */ U("ol", {
+			className: "flex min-w-0 flex-wrap items-center gap-1",
+			children: e.map((e, t) => /* @__PURE__ */ W("li", {
+				className: r(t) ? "sr-only" : "inline-flex min-w-0 items-center gap-1",
+				children: [
+					t > 0 && !r(t) && /* @__PURE__ */ U(q, {
+						size: 12,
+						"aria-hidden": !0,
+						className: "shrink-0 opacity-60"
+					}),
+					/* @__PURE__ */ U(Ue, {
+						to: e.to,
+						className: "max-w-[16ch] truncate hover:text-foreground",
+						children: e.label
+					}),
+					n && t === 0 && /* @__PURE__ */ W("span", {
+						"aria-hidden": !0,
+						className: "inline-flex items-center gap-1",
+						children: [/* @__PURE__ */ U(q, {
+							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__ */ W(Ue, {
 		to: e,
 		className: "inline-flex items-center gap-1 hover:text-foreground",
-		children: [/* @__PURE__ */ G(J, {
+		children: [/* @__PURE__ */ U(he, {
 			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__ */ U(bt, { steps: e }) : e && e.length === 1 ? /* @__PURE__ */ U(xt, {
+		to: e[0].to,
+		children: e[0].label
+	}) : t == null ? null : /* @__PURE__ */ U(xt, {
 		to: t,
 		children: n
-	}));
-	return /* @__PURE__ */ G("header", {
+	});
+}
+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__ */ U("header", {
 		className: "bento-shell-header mb-6 flex flex-col items-start gap-3 md:mb-10",
-		children: /* @__PURE__ */ K("div", {
+		children: /* @__PURE__ */ W("div", {
 			className: "flex w-full items-start gap-4",
 			children: [
-				a && /* @__PURE__ */ G("div", {
+				o && /* @__PURE__ */ U("div", {
 					className: "shrink-0",
-					children: a
+					children: o
 				}),
-				/* @__PURE__ */ K("div", {
+				/* @__PURE__ */ W("div", {
 					className: "flex flex-1 flex-col gap-1",
 					children: [
-						s && /* @__PURE__ */ G("span", {
+						c && /* @__PURE__ */ U("span", {
 							className: "text-xs uppercase tracking-[0.18em] text-muted-foreground",
-							children: s
+							children: c
 						}),
-						/* @__PURE__ */ G("h1", {
+						/* @__PURE__ */ U("h1", {
 							className: "text-3xl font-semibold tracking-tight md:text-4xl",
-							children: r
+							children: i
 						}),
-						i && /* @__PURE__ */ G("p", {
+						a && /* @__PURE__ */ U("p", {
 							className: "max-w-2xl text-sm text-muted-foreground",
-							children: i
+							children: a
 						})
 					]
 				}),
-				o && /* @__PURE__ */ G("div", {
+				s && /* @__PURE__ */ U("div", {
 					className: "ml-auto flex shrink-0 items-center gap-2",
-					children: o
+					children: s
 				})
 			]
 		})
@@ -502,43 +544,43 @@ 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);
-	return s ? /* @__PURE__ */ G("span", {
+function wt({ value: e, onChange: t, onClear: n, defaultIcon: r, tone: i, title: a, description: o, readOnly: s = !1 }) {
+	let { t: c } = G(), [l, u] = B(!1);
+	return s ? /* @__PURE__ */ U("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__ */ U(Ve, {
 			icon: e,
 			className: "size-6 text-white"
-		}) : /* @__PURE__ */ G(r, { size: 24 })
-	}) : /* @__PURE__ */ K("div", {
+		}) : /* @__PURE__ */ U(r, { size: 24 })
+	}) : /* @__PURE__ */ W("div", {
 		className: "group relative",
 		children: [
-			/* @__PURE__ */ K("button", {
+			/* @__PURE__ */ W("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__ */ U(Ve, {
 					icon: e,
 					className: "size-6 text-white"
-				}) : /* @__PURE__ */ G(r, { size: 24 }), /* @__PURE__ */ G("span", {
+				}) : /* @__PURE__ */ U(r, { size: 24 }), /* @__PURE__ */ U("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__ */ U(je, { className: "size-5 text-white" })
 				})]
 			}),
-			e && n && /* @__PURE__ */ G("button", {
+			e && n && /* @__PURE__ */ U("button", {
 				type: "button",
 				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__ */ U(Be, { size: 12 })
 			}),
-			/* @__PURE__ */ G(c, {
-				open: u,
-				onOpenChange: d,
+			/* @__PURE__ */ U(g, {
+				open: l,
+				onOpenChange: u,
 				value: e,
 				onSelect: t,
 				onClear: n,
@@ -550,9 +592,9 @@ 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);
-	!f && n !== S && (C(n), h(n)), B(() => {
+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 } = G(), [f, p] = B(c), [m, h] = B(n), [g, _] = B(!1), v = z(null), y = z(null), b = z(!1), x = z(!1), [S, C] = B(n);
+	!f && n !== S && (C(n), h(n)), R(() => {
 		f && v.current ? (v.current.focus(), v.current.select()) : !f && x.current && (x.current = !1, y.current?.focus());
 	}, [f]);
 	function w() {
@@ -585,22 +627,22 @@ function xt({ value: n, onSave: r, multiline: i = !1, placeholder: a, className:
 		h(e), u && r(e);
 	}
 	let O = !n;
-	if (l) return /* @__PURE__ */ G("span", {
+	if (l) return /* @__PURE__ */ U("span", {
 		className: e("block w-full", o),
 		"aria-label": s,
-		children: n || /* @__PURE__ */ G("span", {
+		children: n || /* @__PURE__ */ U("span", {
 			className: "text-muted-foreground",
 			children: a ?? "—"
 		})
 	});
 	let k = "w-full bg-transparent outline-none border-b transition-colors duration-200", A = e(k, "cursor-text rounded-sm", O ? "border-dashed border-border/70 hover:border-foreground/40" : "border-transparent hover:border-border/60 focus-visible:border-border/80"), j = e(k, "bento-editing");
-	if (!f) return /* @__PURE__ */ G("button", {
+	if (!f) return /* @__PURE__ */ U("button", {
 		ref: y,
 		type: "button",
 		onClick: () => p(!0),
 		className: e(A, "text-left", o),
 		"aria-label": s ?? d("forms.formActions.edit"),
-		children: n || /* @__PURE__ */ G("span", {
+		children: n || /* @__PURE__ */ U("span", {
 			className: "text-muted-foreground",
 			children: a ?? "—"
 		})
@@ -612,7 +654,7 @@ function xt({ value: n, onSave: r, multiline: i = !1, placeholder: a, className:
 		}
 		e.key === "Enter" && (!i || e.metaKey || e.ctrlKey) && (e.preventDefault(), T());
 	}
-	return i ? /* @__PURE__ */ G("textarea", {
+	return i ? /* @__PURE__ */ U("textarea", {
 		ref: v,
 		value: m,
 		onChange: (e) => D(e.target.value),
@@ -623,7 +665,7 @@ function xt({ value: n, onSave: r, multiline: i = !1, placeholder: a, className:
 		"aria-busy": g || void 0,
 		rows: 3,
 		className: e(j, "resize-none py-0.5 leading-snug", o)
-	}) : /* @__PURE__ */ G(t, {
+	}) : /* @__PURE__ */ U(t, {
 		ref: v,
 		value: m,
 		onChange: (e) => D(e.target.value),
@@ -637,22 +679,22 @@ 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 }) {
-	let { t: i } = q();
+function Et({ titleMissing: t, dirty: n, className: r }) {
+	let { t: i } = G();
 	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", {
+	return t ? /* @__PURE__ */ W("span", {
 		className: e(a, "bento-status bento-status-error", r),
-		children: [/* @__PURE__ */ G(ue, { className: "size-3" }), i("bento.saveBar.titleRequired", { defaultValue: "Title required" })]
-	}) : /* @__PURE__ */ K("span", {
+		children: [/* @__PURE__ */ U(pe, { className: "size-3" }), i("bento.saveBar.titleRequired", { defaultValue: "Title required" })]
+	}) : /* @__PURE__ */ W("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" })]
+		children: [/* @__PURE__ */ U("span", { className: "h-1.5 w-1.5 rounded-full bento-status-dot bento-pulse" }), i("bento.saveBar.unsaved", { defaultValue: "Unsaved changes" })]
 	});
 }
 //#endregion
 //#region src/bento/bento-scroll-fade.ts
-function Ct(e) {
-	B(() => {
+function Dt(e) {
+	R(() => {
 		let t = e.current;
 		if (!t) return;
 		let n = document.documentElement, r = 0, i = () => {
@@ -669,167 +711,167 @@ 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 } = G(), S = Ke(), [C, w] = B(!1), [T, E] = B({
 		isDirty: !1,
 		isSubmitting: !1
-	}), D = H(null);
-	Ct(D);
+	}), D = z(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] = B(O), [j, M] = B(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, te = !p, ne = !(m && !t), I = !k.title.trim(), re = !t && !T.isDirty, ie = I || re, ae = [...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, {
-			eyebrow: /* @__PURE__ */ K("span", {
+	return /* @__PURE__ */ W(H, { children: [
+		/* @__PURE__ */ U(Ct, {
+			eyebrow: /* @__PURE__ */ W("span", {
 				className: "inline-flex items-center gap-2",
-				children: [/* @__PURE__ */ G(vt, {
+				children: [o && o.length > 1 ? /* @__PURE__ */ U(bt, { steps: o }) : /* @__PURE__ */ U(xt, {
 					to: i,
 					children: r
-				}), !f && /* @__PURE__ */ G(St, {
+				}), !p && /* @__PURE__ */ U(Et, {
 					titleMissing: I,
-					dirty: t || w.isDirty
+					dirty: t || T.isDirty
 				})]
 			}),
-			leading: /* @__PURE__ */ G(bt, {
+			leading: /* @__PURE__ */ U(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__ */ U(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__ */ U(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", {
+			trailing: /* @__PURE__ */ W(H, { children: [
+				te && /* @__PURE__ */ W("div", {
 					className: "bento-fade-out flex shrink-0 items-center gap-2",
-					children: [F && /* @__PURE__ */ K(a, {
+					children: [ne && /* @__PURE__ */ W(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")]
-					}), /* @__PURE__ */ K(a, {
+						loading: T.isSubmitting,
+						"aria-disabled": ie ? "true" : void 0,
+						children: [/* @__PURE__ */ U(J, { className: "size-4" }), x("forms.formActions.saveChanges")]
+					}), /* @__PURE__ */ W(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__ */ U(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" })]
-				}) : /* @__PURE__ */ K("button", {
+				h,
+				d && (p ? /* @__PURE__ */ W("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__ */ U("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__ */ W("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__ */ U("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 && ae.length > 0 && /* @__PURE__ */ U(dt, { actions: ae })
 			] })
 		}),
-		/* @__PURE__ */ G("div", {
+		/* @__PURE__ */ U("div", {
 			ref: D,
 			"aria-hidden": !0,
 			className: "h-px"
 		}),
-		h,
-		!t && _ && /* @__PURE__ */ G(re, {
-			feature: l,
+		g,
+		!t && v && /* @__PURE__ */ U(oe, {
+			feature: u,
 			name: k.title,
 			onDelete: ee,
-			open: S,
-			setOpen: C,
-			trigger: /* @__PURE__ */ G("span", {
+			open: C,
+			setOpen: w,
+			trigger: /* @__PURE__ */ U("span", {
 				className: "hidden",
 				"aria-hidden": !0
 			})
 		}),
-		y({
+		b({
 			staged: k,
 			onStateChange: E
 		})
@@ -837,20 +879,20 @@ 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 }) {
-	let { t: i } = q(), a = {
+function jt({ state: t, compact: n = !1, className: r }) {
+	let { t: i } = G(), 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);
-	if (!n) return /* @__PURE__ */ G("span", {
+	}[t], o = e("rounded-full border px-1.5 leading-4", n && "font-mono", At[t], r);
+	if (!n) return /* @__PURE__ */ U("span", {
 		"data-slot": "bento-change-mark",
 		"data-state": t,
 		className: o,
@@ -862,15 +904,15 @@ function Dt({ state: t, compact: n = !1, className: r }) {
 		changed: i("bento.diff.changedLetter", { defaultValue: "M" }),
 		unchanged: i("bento.diff.unchangedLetter", { defaultValue: "·" })
 	}[t];
-	return /* @__PURE__ */ K("span", {
+	return /* @__PURE__ */ W("span", {
 		"data-slot": "bento-change-mark",
 		"data-state": t,
 		title: a,
 		className: o,
-		children: [/* @__PURE__ */ G("span", {
+		children: [/* @__PURE__ */ U("span", {
 			"aria-hidden": "true",
 			children: s
-		}), /* @__PURE__ */ G("span", {
+		}), /* @__PURE__ */ U("span", {
 			className: "sr-only",
 			children: a
 		})]
@@ -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 } = G(), [s, c] = B(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,
@@ -913,37 +955,37 @@ function jt({ before: t, after: n, fields: r, showUnchanged: i = !1, layout: a =
 			state: s
 		};
 	}), u = l.filter((e) => e.state !== "unchanged"), d = l.filter((e) => e.state === "unchanged");
-	return /* @__PURE__ */ K("div", {
+	return /* @__PURE__ */ W("div", {
 		"data-slot": "bento-diff",
 		className: "flex flex-col gap-3",
 		children: [
-			(t === null || n === null) && /* @__PURE__ */ G("p", {
+			(t === null || n === null) && /* @__PURE__ */ U("p", {
 				className: "m-0 text-sm font-medium",
 				children: t === null ? o("bento.diff.created", { defaultValue: "Created in this version" }) : o("bento.diff.deleted", { defaultValue: "Deleted in this version" })
 			}),
-			u.length === 0 && /* @__PURE__ */ G("p", {
+			u.length === 0 && /* @__PURE__ */ U("p", {
 				className: "m-0 text-sm text-muted-foreground",
 				children: o("bento.diff.noChanges", { defaultValue: "No field changed" })
 			}),
-			/* @__PURE__ */ G("dl", {
+			/* @__PURE__ */ U("dl", {
 				className: "m-0 flex flex-col gap-3",
-				children: u.map((e) => /* @__PURE__ */ G(Mt, {
+				children: u.map((e) => /* @__PURE__ */ U(It, {
 					label: e.field.label,
 					state: e.state,
-					children: /* @__PURE__ */ G(Nt, {
+					children: /* @__PURE__ */ U(Lt, {
 						row: e,
 						layout: a
 					})
 				}, e.field.id))
 			}),
-			d.length > 0 && /* @__PURE__ */ K("div", {
+			d.length > 0 && /* @__PURE__ */ W("div", {
 				className: "flex flex-col gap-3",
-				children: [/* @__PURE__ */ K("button", {
+				children: [/* @__PURE__ */ W("button", {
 					type: "button",
 					"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__ */ U(q, {
 						size: 14,
 						"aria-hidden": "true",
 						className: e("transition-transform", s && "rotate-90")
@@ -951,14 +993,14 @@ function jt({ before: t, after: n, fields: r, showUnchanged: i = !1, layout: a =
 						defaultValue: "{{count}} unchanged",
 						count: d.length
 					})]
-				}), s && /* @__PURE__ */ G("dl", {
+				}), s && /* @__PURE__ */ U("dl", {
 					className: "m-0 flex flex-col gap-3",
-					children: d.map((t) => /* @__PURE__ */ G(Mt, {
+					children: d.map((t) => /* @__PURE__ */ U(It, {
 						label: t.field.label,
 						state: "unchanged",
-						children: /* @__PURE__ */ G("p", {
+						children: /* @__PURE__ */ U("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 }) {
-	return /* @__PURE__ */ K("div", {
+function It({ label: e, state: t, children: n }) {
+	return /* @__PURE__ */ W("div", {
 		className: "rounded-xl border border-border/60 bg-card/40 p-3",
-		children: [/* @__PURE__ */ K("dt", {
+		children: [/* @__PURE__ */ W("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 })]
-		}), /* @__PURE__ */ G("dd", {
+			children: [/* @__PURE__ */ U("span", { children: e }), /* @__PURE__ */ U(jt, { state: t })]
+		}), /* @__PURE__ */ U("dd", {
 			className: "m-0",
 			children: n
 		})]
 	});
 }
-function Nt({ 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, {
+function Lt({ row: e, layout: t }) {
+	let { t: n } = G(), { field: r, a: i, b: a, kind: o, state: s } = e;
+	if (o === "lines") return /* @__PURE__ */ U(Ut, {
 		label: r.label,
 		before: X(i),
 		after: X(a),
@@ -988,19 +1030,19 @@ function Nt({ row: e, layout: t }) {
 	});
 	if (o === "value") {
 		let e = (e) => r.format ? r.format(e) : X(e);
-		return /* @__PURE__ */ K("p", {
+		return /* @__PURE__ */ W("p", {
 			className: "m-0 flex flex-wrap items-center gap-2 text-sm",
 			children: [
-				s !== "added" && /* @__PURE__ */ G(Zt, { children: e(i) }),
-				s === "changed" && /* @__PURE__ */ G("span", {
+				s !== "added" && /* @__PURE__ */ U(tn, { children: e(i) }),
+				s === "changed" && /* @__PURE__ */ U("span", {
 					"aria-hidden": "true",
 					children: "→"
 				}),
-				s !== "removed" && /* @__PURE__ */ G(Xt, { children: e(a) })
+				s !== "removed" && /* @__PURE__ */ U(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,35 +1052,35 @@ 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));
-			d.push(/* @__PURE__ */ G("p", {
+			let r = Mt(Nt(t.text), Nt(n.text));
+			d.push(/* @__PURE__ */ U("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__ */ U("span", { children: e.text }, t) : e.op === "add" ? /* @__PURE__ */ U(en, { children: e.text }, t) : /* @__PURE__ */ U(tn, { children: e.text }, t)) : [
+					/* @__PURE__ */ U(tn, { children: t.text }, "r"),
 					" ",
-					/* @__PURE__ */ G(Xt, { children: n.text }, "a")
+					/* @__PURE__ */ U(en, { children: n.text }, "a")
 				]
 			}, e)), e++;
-		} else d.push(/* @__PURE__ */ G("p", {
+		} else d.push(/* @__PURE__ */ U("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__ */ U(en, { children: t.text }) : /* @__PURE__ */ U(tn, { children: t.text })
 		}, e));
 	}
-	return d.length === 0 ? /* @__PURE__ */ G("p", {
+	return d.length === 0 ? /* @__PURE__ */ U("p", {
 		className: "m-0 text-sm text-muted-foreground",
 		children: n("bento.diff.empty", { defaultValue: "Empty" })
-	}) : /* @__PURE__ */ G("div", {
+	}) : /* @__PURE__ */ U("div", {
 		className: "flex flex-col gap-2",
 		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,13 +1147,13 @@ 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);
-	if (c === null) return /* @__PURE__ */ G("p", {
+function Ut({ label: t, before: n, after: r, layout: i }) {
+	let { t: a } = G(), [o, s] = B(/* @__PURE__ */ new Set()), c = Bt(n, r);
+	if (c === null) return /* @__PURE__ */ U("p", {
 		className: "m-0 text-sm text-muted-foreground",
 		children: a("bento.diff.tooLarge", { defaultValue: "Too many lines changed to compare them here" })
 	});
-	if (c.length === 0) return /* @__PURE__ */ G("p", {
+	if (c.length === 0) return /* @__PURE__ */ U("p", {
 		className: "m-0 text-sm text-muted-foreground",
 		children: a("bento.diff.empty", { defaultValue: "Empty" })
 	});
@@ -1121,15 +1163,15 @@ function zt({ label: t, before: n, after: r, layout: i }) {
 	};
 	function u(t, n, r) {
 		let i = o.has(t.key);
-		return [/* @__PURE__ */ G("tr", { children: /* @__PURE__ */ G("td", {
+		return [/* @__PURE__ */ U("tr", { children: /* @__PURE__ */ U("td", {
 			colSpan: n,
 			className: "bg-muted/40 px-2",
-			children: /* @__PURE__ */ K("button", {
+			children: /* @__PURE__ */ W("button", {
 				type: "button",
 				"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__ */ U(q, {
 					size: 12,
 					"aria-hidden": "true",
 					className: e("transition-transform", i && "rotate-90")
@@ -1140,133 +1182,133 @@ function zt({ label: t, before: n, after: r, layout: i }) {
 			})
 		}) }, `fold-${t.key}`), ...i ? t.items.map(r) : []];
 	}
-	let d = (t) => /* @__PURE__ */ G("table", {
+	let d = (t) => /* @__PURE__ */ U("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__ */ U("tbody", { children: Ht(c, (e) => e.op !== "same", Wt).map((e) => {
+			let t = (e) => /* @__PURE__ */ U(Xt, { row: e }, Wt(e));
 			return e.fold ? u(e, 4, t) : e.items.map(t);
 		}) })
 	});
-	return /* @__PURE__ */ G("section", {
+	return /* @__PURE__ */ U("section", {
 		"aria-label": t,
 		tabIndex: 0,
 		className: "@container/diff overflow-x-auto rounded-md border border-border/60 focus-visible:outline-2 focus-visible:outline-ring",
-		children: i === "split" ? /* @__PURE__ */ K(W, { children: [d("@3xl/diff:hidden"), ((t) => /* @__PURE__ */ K("table", {
+		children: i === "split" ? /* @__PURE__ */ W(H, { children: [d("@3xl/diff:hidden"), ((t) => /* @__PURE__ */ W("table", {
 			"data-layout": "split",
 			className: e("w-full table-fixed border-collapse font-mono text-xs leading-5", t),
-			children: [/* @__PURE__ */ K("colgroup", { children: [
-				/* @__PURE__ */ G("col", { className: "w-14" }),
-				/* @__PURE__ */ G("col", { className: "w-5" }),
-				/* @__PURE__ */ G("col", {}),
-				/* @__PURE__ */ G("col", { className: "w-14" }),
-				/* @__PURE__ */ G("col", { className: "w-5" }),
-				/* @__PURE__ */ G("col", {})
-			] }), /* @__PURE__ */ G("tbody", { children: Rt(Lt(c), (e) => e.left?.op !== "same", Vt).map((e) => {
-				let t = (e) => /* @__PURE__ */ G(qt, { pair: e }, Vt(e));
+			children: [/* @__PURE__ */ W("colgroup", { children: [
+				/* @__PURE__ */ U("col", { className: "w-14" }),
+				/* @__PURE__ */ U("col", { className: "w-5" }),
+				/* @__PURE__ */ U("col", {}),
+				/* @__PURE__ */ U("col", { className: "w-14" }),
+				/* @__PURE__ */ U("col", { className: "w-5" }),
+				/* @__PURE__ */ U("col", {})
+			] }), /* @__PURE__ */ U("tbody", { children: Ht(Vt(c), (e) => e.left?.op !== "same", Gt).map((e) => {
+				let t = (e) => /* @__PURE__ */ U(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__ */ U(en, { children: e.text }, t) : e.op === "remove" ? /* @__PURE__ */ U(tn, { children: e.text }, t) : /* @__PURE__ */ U("span", { children: e.text }, t)) : e.op === "same" ? e.text : /* @__PURE__ */ U($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);
-	return /* @__PURE__ */ K("tr", {
+}, Yt = "select-none px-2 text-right align-top text-muted-foreground tabular-nums";
+function Xt({ row: t }) {
+	let n = Kt(t);
+	return /* @__PURE__ */ W("tr", {
 		"data-op": t.op,
 		children: [
-			/* @__PURE__ */ G("td", {
-				className: e("w-px", Gt, n),
+			/* @__PURE__ */ U("td", {
+				className: e("w-px", Yt, n),
 				children: t.old
 			}),
-			/* @__PURE__ */ G("td", {
-				className: e("w-px", Gt, n),
+			/* @__PURE__ */ U("td", {
+				className: e("w-px", Yt, n),
 				children: t.new
 			}),
-			/* @__PURE__ */ G("td", {
+			/* @__PURE__ */ U("td", {
 				"aria-hidden": "true",
 				className: e("w-px select-none pr-1", n),
-				children: Wt[t.op]
+				children: Jt[t.op]
 			}),
-			/* @__PURE__ */ G("td", {
+			/* @__PURE__ */ U("td", {
 				className: e("whitespace-pre pr-3", !t.parts && n),
-				children: Ut(t)
+				children: qt(t)
 			})
 		]
 	});
 }
-function qt({ pair: e }) {
-	return /* @__PURE__ */ K("tr", {
+function Zt({ pair: e }) {
+	return /* @__PURE__ */ W("tr", {
 		"data-op": e.left?.op === "same" ? "same" : "change",
-		children: [/* @__PURE__ */ G(Jt, {
+		children: [/* @__PURE__ */ U(Qt, {
 			row: e.left,
 			number: e.left?.old
-		}), /* @__PURE__ */ G(Jt, {
+		}), /* @__PURE__ */ U(Qt, {
 			row: e.right,
 			number: e.right?.new,
 			right: !0
 		})]
 	});
 }
-function Jt({ row: t, number: n, right: r = !1 }) {
-	if (t === null) return /* @__PURE__ */ G("td", {
+function Qt({ row: t, number: n, right: r = !1 }) {
+	if (t === null) return /* @__PURE__ */ U("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);
-	return /* @__PURE__ */ K(W, { children: [
-		/* @__PURE__ */ G("td", {
-			className: e(Gt, i, r && "border-l border-border/60"),
+	let i = Kt(t);
+	return /* @__PURE__ */ W(H, { children: [
+		/* @__PURE__ */ U("td", {
+			className: e(Yt, i, r && "border-l border-border/60"),
 			children: n
 		}),
-		/* @__PURE__ */ G("td", {
+		/* @__PURE__ */ U("td", {
 			"aria-hidden": "true",
 			className: e("select-none align-top", i),
-			children: Wt[t.op]
+			children: Jt[t.op]
 		}),
-		/* @__PURE__ */ G("td", {
+		/* @__PURE__ */ U("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 }) {
-	let { t: n } = q();
-	return /* @__PURE__ */ K(e === "add" ? "ins" : "del", {
+function $t({ op: e, children: t }) {
+	let { t: n } = G();
+	return /* @__PURE__ */ W(e === "add" ? "ins" : "del", {
 		className: "no-underline",
-		children: [/* @__PURE__ */ K("span", {
+		children: [/* @__PURE__ */ W("span", {
 			className: "sr-only",
 			children: [e === "add" ? n("bento.diff.addedStart", { defaultValue: "added:" }) : n("bento.diff.removedStart", { defaultValue: "removed:" }), " "]
 		}), t]
 	});
 }
-function Xt({ children: e }) {
-	let { t } = q();
-	return /* @__PURE__ */ K("ins", {
+function en({ children: e }) {
+	let { t } = G();
+	return /* @__PURE__ */ W("ins", {
 		className: "bento-status bento-status-on rounded-sm px-0.5 underline decoration-2 underline-offset-2",
-		children: [/* @__PURE__ */ K("span", {
+		children: [/* @__PURE__ */ W("span", {
 			className: "sr-only",
 			children: [t("bento.diff.addedStart", { defaultValue: "added:" }), " "]
 		}), e]
 	});
 }
-function Zt({ children: e }) {
-	let { t } = q();
-	return /* @__PURE__ */ K("del", {
+function tn({ children: e }) {
+	let { t } = G();
+	return /* @__PURE__ */ W("del", {
 		className: "bento-status bento-status-error rounded-sm px-0.5 line-through decoration-2",
-		children: [/* @__PURE__ */ K("span", {
+		children: [/* @__PURE__ */ W("span", {
 			className: "sr-only",
 			children: [t("bento.diff.removedStart", { defaultValue: "removed:" }), " "]
 		}), e]
@@ -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,69 +1329,69 @@ 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 } = G(), 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__ */ W(M, {
 		"data-slot": "bento-split-page",
 		defaultValue: "primary",
 		className: e("flex flex-col gap-3", s),
 		children: [
-			/* @__PURE__ */ K(j, {
+			/* @__PURE__ */ W(E, {
 				"aria-label": c("bento.split.switch", { defaultValue: "Show" }),
 				className: "self-start",
-				children: [/* @__PURE__ */ G(I, {
+				children: [/* @__PURE__ */ U(D, {
 					value: "primary",
 					children: r
-				}), /* @__PURE__ */ G(I, {
+				}), /* @__PURE__ */ U(D, {
 					value: "secondary",
 					children: i
 				})]
 			}),
-			/* @__PURE__ */ G(w, {
+			/* @__PURE__ */ U(I, {
 				value: "primary",
 				forceMount: !0,
 				className: "data-[state=inactive]:hidden",
 				children: t
 			}),
-			/* @__PURE__ */ G(w, {
+			/* @__PURE__ */ U(I, {
 				value: "secondary",
 				forceMount: !0,
 				className: "data-[state=inactive]:hidden",
 				children: n
 			})
 		]
-	}) : /* @__PURE__ */ G("div", {
+	}) : /* @__PURE__ */ U("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__ */ W(ie, {
 			orientation: "horizontal",
-			defaultLayout: u.defaultLayout,
-			onLayoutChanged: u.onLayoutChanged,
+			defaultLayout: d.defaultLayout,
+			onLayoutChanged: d.onLayoutChanged,
 			children: [
-				/* @__PURE__ */ G(R, {
+				/* @__PURE__ */ U(l, {
 					id: "primary",
 					defaultSize: `${o}`,
 					minSize: "25",
-					children: /* @__PURE__ */ G("section", {
+					children: /* @__PURE__ */ U("section", {
 						"aria-label": r,
 						className: "h-full overflow-y-auto pr-3",
 						children: t
 					})
 				}),
-				/* @__PURE__ */ G(C, { withHandle: !0 }),
-				/* @__PURE__ */ G(R, {
+				/* @__PURE__ */ U(b, { withHandle: !0 }),
+				/* @__PURE__ */ U(l, {
 					id: "secondary",
 					defaultSize: `${100 - o}`,
 					minSize: "25",
-					children: /* @__PURE__ */ G("section", {
+					children: /* @__PURE__ */ U("section", {
 						"aria-label": i,
 						className: "h-full overflow-y-auto pl-3",
 						children: n
@@ -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 }) {
-	let { t: p, i18n: m } = q(), h = m?.resolvedLanguage ?? m?.language, g = (e) => {
-		let t = on(new Date(e).getTime(), o);
+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 } = G(), h = m?.resolvedLanguage ?? m?.language, g = (e) => {
+		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] = B(r), y = n ?? _, [b, x] = B(() => g(a ?? Date.now())), [S, C] = B(null), [w, T] = B(null), [E, D] = B(""), O = z(/* @__PURE__ */ new Map()), k = z(!1), A = ue(), [j] = B(() => 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)}`;
-	B(() => {
+	}, 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), te = `${Z(N)}/${Z(F)}`;
+	R(() => {
 		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(() => {
+	}, [te, o]), R(() => {
 		k.current && (k.current = !1, O.current.get(Z(b))?.focus());
 	});
-	let I = /* @__PURE__ */ new Map();
+	let ne = /* @__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 = ne.get(n) ?? [];
 		r.push({
 			entry: e,
 			time: t
-		}), I.set(n, r);
+		}), ne.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 ne.values()) e.sort((e, t) => e.time - t.time);
+	let I = (e) => new Intl.DateTimeFormat(h, {
 		...e,
 		timeZone: "UTC"
-	}), R = (e) => L({ dateStyle: "full" }).format(Q(e)), ne = (e) => new Intl.DateTimeFormat(h, {
+	}), re = (e) => I({ dateStyle: "full" }).format(Q(e)), ie = (e) => new Intl.DateTimeFormat(h, {
 		timeStyle: "short",
 		timeZone: o
-	}).format(e), re = y === "month" ? L({
+	}).format(e), ae = y === "month" ? I({
 		month: "long",
 		year: "numeric"
 	}).format(Q({
 		...b,
 		d: 1
-	})) : `${L({ dateStyle: "medium" }).format(Q(N))} – ${L({ dateStyle: "medium" }).format(Q($(te, -1)))}`;
-	function ie(e) {
+	})) : `${I({ dateStyle: "medium" }).format(Q(N))} – ${I({ dateStyle: "medium" }).format(Q($(F, -1)))}`;
+	function oe(e) {
 		k.current = !0, x(e);
 	}
-	function ae(e) {
+	function se(e) {
 		n === void 0 && v(e), i?.(e);
 	}
-	let oe = (e) => y === "month" ? rn(b, e) : $(b, 7 * e);
-	function z(e, n) {
+	let ce = (e) => y === "month" ? cn(b, e) : $(b, 7 * e);
+	function L(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: re(n)
 		}));
 	}
-	function V(e, n) {
+	function le(e, n) {
 		let r = {
 			ArrowLeft: () => $(n, -1),
 			ArrowRight: () => $(n, 1),
@@ -1480,14 +1522,14 @@ function ln({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 			ArrowDown: () => $(n, 7),
 			Home: () => M(n),
 			End: () => $(M(n), 6),
-			PageUp: () => oe(-1),
-			PageDown: () => oe(1)
+			PageUp: () => ce(-1),
+			PageDown: () => ce(1)
 		}[e.key];
 		if (r) {
-			e.preventDefault(), ie(r());
+			e.preventDefault(), oe(r());
 			return;
 		}
-		if (S && (e.key === "Enter" || e.key === " ")) e.preventDefault(), z(S, n), C(null);
+		if (S && (e.key === "Enter" || e.key === " ")) e.preventDefault(), L(S, n), C(null);
 		else if (S && e.key === "Escape") {
 			e.preventDefault();
 			let n = t.find((e) => e.id === S);
@@ -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 de(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,129 +1551,129 @@ function ln({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 		else return;
 		e.preventDefault(), e.stopPropagation();
 	}
-	function W(e, t) {
+	function V(e, t) {
 		let n = w ?? e.dataTransfer.getData("text/plain");
-		T(null), n && (e.preventDefault(), z(n, t));
+		T(null), n && (e.preventDefault(), L(n, t));
 	}
-	let le = c ? A : void 0;
-	return /* @__PURE__ */ K("div", {
+	let H = c ? A : void 0;
+	return /* @__PURE__ */ W("div", {
 		"data-slot": "bento-calendar",
 		className: e("flex flex-col gap-3", f),
 		children: [
-			/* @__PURE__ */ K("div", {
+			/* @__PURE__ */ W("div", {
 				className: "flex flex-wrap items-center justify-between gap-2",
-				children: [/* @__PURE__ */ K("div", {
+				children: [/* @__PURE__ */ W("div", {
 					className: "flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ G(un, {
+						/* @__PURE__ */ U(mn, {
 							label: p("bento.calendar.previous", { defaultValue: "Previous" }),
-							onClick: () => x(oe(-1)),
-							children: /* @__PURE__ */ G(ye, {
+							onClick: () => x(ce(-1)),
+							children: /* @__PURE__ */ U(Se, {
 								size: 16,
 								"aria-hidden": "true"
 							})
 						}),
-						/* @__PURE__ */ G(un, {
+						/* @__PURE__ */ U(mn, {
 							label: p("bento.calendar.next", { defaultValue: "Next" }),
-							onClick: () => x(oe(1)),
-							children: /* @__PURE__ */ G(be, {
+							onClick: () => x(ce(1)),
+							children: /* @__PURE__ */ U(q, {
 								size: 16,
 								"aria-hidden": "true"
 							})
 						}),
-						/* @__PURE__ */ G("button", {
+						/* @__PURE__ */ U("button", {
 							type: "button",
 							onClick: () => x(g(Date.now())),
 							className: "rounded-md border border-border px-2 py-1 text-sm hover:bg-muted/50 focus-visible:outline-2 focus-visible:outline-ring",
 							children: p("bento.calendar.today", { defaultValue: "Today" })
 						}),
-						/* @__PURE__ */ G("h2", {
+						/* @__PURE__ */ U("h2", {
 							className: "m-0 ml-2 text-base font-semibold",
 							"aria-live": "polite",
-							children: re
+							children: ae
 						})
 					]
-				}), /* @__PURE__ */ G("div", {
+				}), /* @__PURE__ */ U("div", {
 					role: "group",
 					"aria-label": p("bento.calendar.views", { defaultValue: "View" }),
 					className: "flex rounded-md border border-border p-0.5",
-					children: ["month", "week"].map((t) => /* @__PURE__ */ G("button", {
+					children: ["month", "week"].map((t) => /* @__PURE__ */ U("button", {
 						type: "button",
 						"aria-pressed": y === t ? "true" : "false",
-						onClick: () => ae(t),
+						onClick: () => se(t),
 						className: e("rounded px-2 py-0.5 text-sm focus-visible:outline-2 focus-visible:outline-ring", y === t ? "bg-primary text-primary-foreground" : "hover:bg-muted/50"),
 						children: t === "month" ? p("bento.calendar.month", { defaultValue: "Month" }) : p("bento.calendar.week", { defaultValue: "Week" })
 					}, t))
 				})]
 			}),
-			/* @__PURE__ */ G("span", {
+			/* @__PURE__ */ U("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
 				children: E
 			}),
-			le && /* @__PURE__ */ G("span", {
-				id: le,
+			H && /* @__PURE__ */ U("span", {
+				id: H,
 				className: "sr-only",
 				children: p("bento.calendar.moveHint", { defaultValue: "Space picks this up to move it: the arrow keys choose a day, Enter drops it and Escape cancels." })
 			}),
-			/* @__PURE__ */ K("table", {
+			/* @__PURE__ */ W("table", {
 				role: "grid",
-				"aria-label": d ?? re,
+				"aria-label": d ?? ae,
 				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__ */ U("thead", { children: /* @__PURE__ */ U("tr", { children: ee[0].map((e) => /* @__PURE__ */ U("th", {
 					scope: "col",
-					abbr: L({ weekday: "long" }).format(Q(e)),
+					abbr: I({ 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;
-					return /* @__PURE__ */ K("td", {
+					children: I({ weekday: "short" }).format(Q(e))
+				}, Z(e))) }) }), /* @__PURE__ */ U("tbody", { children: ee.map((t) => /* @__PURE__ */ U("tr", { children: t.map((t) => {
+					let n = Z(t), r = ne.get(n) ?? [], i = n === Z(b), a = y === "month" && t.m !== b.m, o = r.length;
+					return /* @__PURE__ */ W("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 ? `${re(t)}, ${p("bento.calendar.entries", {
 							defaultValue: "{{count}} scheduled",
 							count: o
-						})}` : R(t),
+						})}` : re(t),
 						"aria-current": n === j ? "date" : void 0,
 						"data-day": n,
-						onKeyDown: (e) => V(e, t),
+						onKeyDown: (e) => le(e, t),
 						onFocus: () => {
 							i || x(t);
 						},
 						onDragOver: (e) => {
 							w && e.preventDefault();
 						},
-						onDrop: (e) => W(e, t),
+						onDrop: (e) => V(e, t),
 						className: e("border border-border/60 p-1 align-top outline-none", y === "month" ? "h-24" : "h-48", "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring", S && i && "bg-primary/10"),
-						children: [/* @__PURE__ */ G("span", {
+						children: [/* @__PURE__ */ U("span", {
 							"aria-hidden": "true",
 							className: e("mb-1 inline-grid size-6 place-items-center rounded-full text-xs", n === j && "bg-primary font-semibold text-primary-foreground", n !== j && a && "text-muted-foreground"),
 							children: t.d
-						}), /* @__PURE__ */ G("ul", {
+						}), /* @__PURE__ */ U("ul", {
 							className: "m-0 flex list-none flex-col gap-0.5 p-0",
-							children: r.map(({ entry: t, time: n }) => /* @__PURE__ */ G("li", { children: /* @__PURE__ */ K("button", {
+							children: r.map(({ entry: t, time: n }) => /* @__PURE__ */ U("li", { children: /* @__PURE__ */ W("button", {
 								type: "button",
 								tabIndex: -1,
 								draggable: c ? !0 : void 0,
-								"aria-describedby": le,
+								"aria-describedby": H,
 								"aria-pressed": c ? S === t.id ? "true" : "false" : void 0,
 								"data-entry": t.id,
-								onKeyDown: (e) => ce(e, t),
+								onKeyDown: (e) => de(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"),
-								children: [/* @__PURE__ */ G("time", {
+								className: e("flex w-full min-w-0 items-baseline gap-1 rounded-md px-1 py-0.5 text-left text-xs focus-visible:outline-2 focus-visible:outline-ring", t.tone ? fn[t.tone] : "bg-muted", S === t.id && "outline-2 outline-dashed outline-primary"),
+								children: [/* @__PURE__ */ U("time", {
 									dateTime: new Date(n).toISOString(),
 									className: "flex-none tabular-nums",
-									children: ne(n)
-								}), /* @__PURE__ */ G("span", {
+									children: ie(n)
+								}), /* @__PURE__ */ U("span", {
 									className: "truncate",
 									children: t.label
 								})]
@@ -1643,8 +1685,8 @@ function ln({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 		]
 	});
 }
-function un({ label: e, onClick: t, children: n }) {
-	return /* @__PURE__ */ G("button", {
+function mn({ label: e, onClick: t, children: n }) {
+	return /* @__PURE__ */ U("button", {
 		type: "button",
 		"aria-label": e,
 		onClick: t,
@@ -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,45 +1735,45 @@ 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 } = G(), 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__ */ W(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,
 		children: [
-			h && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("div", {
+			h && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
 				"aria-hidden": !0,
 				className: `pointer-events-none absolute -bottom-10 -right-10 h-64 w-64 rounded-full ${p} opacity-40 blur-2xl dark:opacity-50`
-			}), /* @__PURE__ */ G("div", {
+			}), /* @__PURE__ */ U("div", {
 				"aria-hidden": !0,
 				className: `pointer-events-none absolute right-12 top-1/3 h-32 w-32 rounded-full ${p} bento-chip-tr opacity-20 blur-2xl dark:opacity-30`
 			})] }),
-			/* @__PURE__ */ K("div", {
+			/* @__PURE__ */ W("div", {
 				className: "relative z-1 flex items-center justify-between",
-				children: [/* @__PURE__ */ G("span", {
+				children: [/* @__PURE__ */ U("span", {
 					className: `grid place-items-center rounded-2xl ${p} text-white shadow-md ${b}`,
-					children: i ? /* @__PURE__ */ G(Be, {
+					children: i ? /* @__PURE__ */ U(Ve, {
 						icon: i,
 						className: h ? "size-7 text-white" : "size-4.5 text-white"
-					}) : /* @__PURE__ */ G(r, { size: x })
-				}), u && /* @__PURE__ */ K("span", {
+					}) : /* @__PURE__ */ U(r, { size: x })
+				}), u && /* @__PURE__ */ W("span", {
 					className: `flex items-center gap-1.5 rounded-full border px-2 py-0.5 text-[10px] uppercase tracking-wider ${v ? "bento-status bento-status-on" : "border-border bg-muted text-muted-foreground"}`,
-					children: [/* @__PURE__ */ G("span", { className: `h-1.5 w-1.5 rounded-full ${v ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), v ? f("common.active", { defaultValue: "Active" }) : f("common.idle", { defaultValue: "Idle" })]
+					children: [/* @__PURE__ */ U("span", { className: `h-1.5 w-1.5 rounded-full ${v ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), v ? f("common.active", { defaultValue: "Active" }) : f("common.idle", { defaultValue: "Idle" })]
 				})]
 			}),
-			/* @__PURE__ */ K("div", {
+			/* @__PURE__ */ W("div", {
 				className: "relative z-1",
 				children: [
-					/* @__PURE__ */ G("div", {
+					/* @__PURE__ */ U("div", {
 						className: `font-semibold tracking-tight ${S}`,
 						children: o
 					}),
-					!g && c && /* @__PURE__ */ G("div", {
+					!g && c && /* @__PURE__ */ U("div", {
 						className: "mt-1 flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground",
 						children: c
 					}),
-					!g && s && /* @__PURE__ */ G("p", {
+					!g && s && /* @__PURE__ */ U("p", {
 						className: "mt-2 text-sm text-muted-foreground",
 						children: s
 					})
@@ -1742,26 +1784,26 @@ 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 } = G(), [c, l] = B({
 		source: e.query,
 		text: e.query
-	}), [u, d] = U(null);
+	}), [u, d] = B(null);
 	c.source !== e.query && l({
 		source: e.query,
 		text: e.query === u ? c.text : e.query
-	}), B(() => {
+	}), R(() => {
 		if (c.text === e.query) return;
 		let t = setTimeout(() => {
 			d(c.text), n({
@@ -1779,36 +1821,36 @@ 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" });
-	return /* @__PURE__ */ K("div", {
+	return /* @__PURE__ */ W("div", {
 		role: "search",
 		"aria-label": s("bento.filters.label", { defaultValue: "Filters" }),
 		"data-slot": "bento-filter-bar",
 		className: "flex flex-col gap-2",
-		children: [/* @__PURE__ */ K("div", {
+		children: [/* @__PURE__ */ W("div", {
 			className: "flex flex-wrap items-center gap-2",
 			children: [
-				/* @__PURE__ */ K("div", {
+				/* @__PURE__ */ W("div", {
 					className: "relative min-w-48 flex-1",
-					children: [/* @__PURE__ */ G(Ne, {
+					children: [/* @__PURE__ */ U(Pe, {
 						size: 16,
 						"aria-hidden": "true",
 						className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
-					}), /* @__PURE__ */ G(t, {
+					}), /* @__PURE__ */ U(t, {
 						type: "search",
 						value: c.text,
 						placeholder: m,
@@ -1820,21 +1862,21 @@ 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__ */ U(En, {
 					facet: t,
 					value: e,
 					onChange: n
-				}, t.id) : /* @__PURE__ */ G(Cn, {
+				}, t.id) : /* @__PURE__ */ U(Dn, {
 					facet: t,
 					value: e,
 					onChange: n
 				}, t.id)),
 				o
 			]
-		}), p && /* @__PURE__ */ K("ul", {
+		}), p && /* @__PURE__ */ W("ul", {
 			className: "m-0 flex list-none flex-wrap items-center gap-1.5 p-0",
 			"aria-label": s("bento.filters.active", { defaultValue: "Active filters" }),
-			children: [f.map((e) => /* @__PURE__ */ G("li", { children: /* @__PURE__ */ K("button", {
+			children: [f.map((e) => /* @__PURE__ */ U("li", { children: /* @__PURE__ */ W("button", {
 				type: "button",
 				"aria-label": s("bento.filters.remove", {
 					defaultValue: "Remove filter {{filter}}",
@@ -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__ */ U(Be, {
 					size: 12,
 					"aria-hidden": "true"
 				})]
-			}) }, e.key)), /* @__PURE__ */ G("li", { children: /* @__PURE__ */ G(P, {
+			}) }, e.key)), /* @__PURE__ */ U("li", { children: /* @__PURE__ */ U(C, {
 				variant: "ghost",
 				size: "sm",
 				className: "h-6 px-2 text-xs",
@@ -1854,108 +1896,108 @@ 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__ */ W(C, {
 		variant: "outline",
 		size: "sm",
 		className: "gap-1.5",
 		...n,
 		children: [
 			e,
-			t > 0 && /* @__PURE__ */ G("span", {
+			t > 0 && /* @__PURE__ */ U("span", {
 				className: "rounded-full bg-primary px-1.5 text-[0.6875rem] leading-4 text-primary-foreground",
 				children: t
 			}),
-			/* @__PURE__ */ G(ve, {
+			/* @__PURE__ */ U(xe, {
 				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__ */ W(_, { children: [/* @__PURE__ */ U(F, {
 		asChild: !0,
-		children: /* @__PURE__ */ G(xn, {
+		children: /* @__PURE__ */ U(Tn, {
 			label: e.label,
 			count: r.length
 		})
-	}), /* @__PURE__ */ G(g, {
+	}), /* @__PURE__ */ U(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__ */ U(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__ */ U(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__ */ U(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 } = G(), a = n.facets[e.id], o = xn(a) ? a : {}, [s, c] = B(!1), [l, d] = B(o.from ?? ""), [f, p] = B(o.to ?? ""), m = ue(), h = ue();
+	return /* @__PURE__ */ W(x, {
 		open: s,
 		onOpenChange: (e) => {
 			e && (d(o.from ?? ""), p(o.to ?? "")), c(e);
 		},
-		children: [/* @__PURE__ */ G(A, {
+		children: [/* @__PURE__ */ U(j, {
 			asChild: !0,
-			children: /* @__PURE__ */ G(xn, {
+			children: /* @__PURE__ */ U(Tn, {
 				label: e.label,
 				count: o.from || o.to ? 1 : 0
 			})
-		}), /* @__PURE__ */ G(b, {
+		}), /* @__PURE__ */ U(u, {
 			align: "start",
 			className: "bento-dropdown w-64 p-3",
-			children: /* @__PURE__ */ K("form", {
+			children: /* @__PURE__ */ W("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);
 				},
 				children: [
-					/* @__PURE__ */ G("label", {
+					/* @__PURE__ */ U("label", {
 						htmlFor: m,
 						className: "text-xs text-muted-foreground",
 						children: i("bento.filters.from", { defaultValue: "From" })
 					}),
-					/* @__PURE__ */ G(t, {
+					/* @__PURE__ */ U(t, {
 						id: m,
 						type: "date",
 						value: l,
 						max: f || void 0,
 						onChange: (e) => d(e.target.value)
 					}),
-					/* @__PURE__ */ G("label", {
+					/* @__PURE__ */ U("label", {
 						htmlFor: h,
 						className: "text-xs text-muted-foreground",
 						children: i("bento.filters.to", { defaultValue: "To" })
 					}),
-					/* @__PURE__ */ G(t, {
+					/* @__PURE__ */ U(t, {
 						id: h,
 						type: "date",
 						value: f,
 						min: l || void 0,
 						onChange: (e) => p(e.target.value)
 					}),
-					/* @__PURE__ */ G(P, {
+					/* @__PURE__ */ U(C, {
 						type: "submit",
 						size: "sm",
 						className: "mt-1",
@@ -1968,86 +2010,132 @@ 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 } = G(), A = Y(d), [j, M] = B(!1), N = de(() => _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__ */ U("span", {
+		className: `grid h-12 w-12 place-items-center rounded-2xl ${A} text-white shadow-md`,
+		children: /* @__PURE__ */ U(c, { size: 24 })
+	}) : void 0;
+	if (!T) return /* @__PURE__ */ W(se, {
 		checkIsNotUndefined: e,
 		error: t ?? null,
 		tryAgainUrl: n,
 		children: [
-			/* @__PURE__ */ G(yt, {
+			/* @__PURE__ */ U(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__ */ U(C, {
+					asChild: !0,
+					className: "gap-2",
+					children: /* @__PURE__ */ W(Ue, {
+						to: p,
+						children: [/* @__PURE__ */ U(Me, { size: 16 }), m]
+					})
+				})
 			}),
-			(d || E && !C) && /* @__PURE__ */ K("div", {
+			f && /* @__PURE__ */ U("div", {
 				className: "mb-4 flex flex-wrap items-center gap-2",
-				children: [d, E && !C && /* @__PURE__ */ K(P, {
+				children: f
+			}),
+			e?.length === 0 ? /* @__PURE__ */ U(vt, {
+				icon: Fe,
+				title: E,
+				description: D
+			}) : /* @__PURE__ */ U(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__ */ W(se, {
+		checkIsNotUndefined: e,
+		error: t ?? null,
+		tryAgainUrl: n,
+		children: [
+			/* @__PURE__ */ U(Ct, {
+				eyebrow: i,
+				backTo: a,
+				backLabel: o,
+				trail: s,
+				leading: P,
+				title: l,
+				subtitle: u
+			}),
+			(f || ee && !j) && /* @__PURE__ */ W("div", {
+				className: "mb-4 flex flex-wrap items-center gap-2",
+				children: [f, ee && !j && /* @__PURE__ */ W(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__ */ U(fe, { 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__ */ U(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__ */ U(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__ */ U(se, {
 		checkIsNotUndefined: e,
 		error: t ?? null,
 		tryAgainUrl: n,
-		children: /* @__PURE__ */ K("div", {
-			className: wn,
+		children: /* @__PURE__ */ W("div", {
+			"data-slot": "bento-list-tiles",
+			className: kn,
 			children: [
-				!s && i && a ? /* @__PURE__ */ G(Mn, {
+				!s && i && a ? /* @__PURE__ */ U(Ln, {
 					route: i,
 					label: a,
 					subtitle: o,
 					chip: f
 				}) : null,
-				(e ?? []).map((e) => /* @__PURE__ */ G("span", {
+				(e ?? []).map((e) => /* @__PURE__ */ U("span", {
 					className: "contents",
 					children: l(e)
 				}, c(e))),
-				e?.length === 0 && /* @__PURE__ */ G(Nn, {
+				e?.length === 0 && /* @__PURE__ */ U(Rn, {
 					title: u,
 					description: d
 				})
@@ -2055,30 +2143,31 @@ 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"),
+	return /* @__PURE__ */ W("div", {
+		"data-slot": "bento-list-tiles",
+		className: e(kn, d && "grid-flow-dense"),
 		children: [
-			!i && /* @__PURE__ */ G(Mn, {
+			!i && /* @__PURE__ */ U(Ln, {
 				route: a,
 				label: o,
 				subtitle: s,
 				chip: r
 			}),
-			t.map(({ item: e, key: t, emphasis: r }) => /* @__PURE__ */ G("span", {
+			t.map(({ item: e, key: t, emphasis: r }) => /* @__PURE__ */ U("span", {
 				className: "contents",
 				children: n(e, r)
 			}, t)),
-			c && /* @__PURE__ */ G(Nn, {
+			c && /* @__PURE__ */ U(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 } = G(), [p, m] = B(n), [h, g] = B(null), _ = (t.saving ?? !1) || h !== null, v = (e) => _ && h === e ? { loading: !0 } : { "aria-disabled": _ || void 0 }, [y, b] = B(!1), x = (e, t) => async () => {
 		if (t) {
 			g(e), b(!1);
 			try {
@@ -2089,94 +2178,95 @@ 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");
-	return /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ K("div", {
+	let E = de(() => vn(p), [p]), D = p.some((e) => e.emphasis === "SMALL");
+	return /* @__PURE__ */ W("div", { children: [/* @__PURE__ */ W("div", {
 		className: "mb-4 flex flex-wrap items-center gap-2 rounded-2xl border border-border/60 bg-card/40 p-3 backdrop-blur-md",
 		children: [
-			/* @__PURE__ */ G("span", {
+			/* @__PURE__ */ U("span", {
 				className: "mr-auto text-sm text-muted-foreground",
 				children: f("bento.layout.editHint", { defaultValue: "Drag tiles to reorder · tap the size button to resize" })
 			}),
-			i && t.onReset && /* @__PURE__ */ K(P, {
+			i && t.onReset && /* @__PURE__ */ W(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__ */ U(K, { size: 16 }), f("bento.layout.reset", { defaultValue: "Reset to default" })]
 			}),
-			r && t.onSaveGlobal && /* @__PURE__ */ K(P, {
+			r && t.onSaveGlobal && /* @__PURE__ */ W(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__ */ U(ze, { size: 16 }), f("bento.layout.saveGlobal", { defaultValue: "Set as default for everyone" })]
 			}),
-			/* @__PURE__ */ K(P, {
+			/* @__PURE__ */ W(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__ */ U(Be, { size: 16 }), f("common.cancel", { defaultValue: "Cancel" })]
 			}),
-			/* @__PURE__ */ K(P, {
+			/* @__PURE__ */ W(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__ */ U(J, { size: 16 }), f("bento.layout.save", { defaultValue: "Save layout" })]
 			}),
-			y && /* @__PURE__ */ G("p", {
+			y && /* @__PURE__ */ U("p", {
 				role: "alert",
 				className: "w-full text-sm text-destructive",
 				children: f("bento.layout.saveFailed", { defaultValue: "The layout could not be saved. Nothing has changed — try again." })
 			})
 		]
-	}), /* @__PURE__ */ G(Xe, {
+	}), /* @__PURE__ */ U(Ze, {
 		sensors: S,
-		collisionDetection: $e,
-		onDragEnd: C,
-		children: /* @__PURE__ */ G(nt, {
+		collisionDetection: et,
+		onDragEnd: w,
+		children: /* @__PURE__ */ U(rt, {
 			items: p.map((e) => e.key),
-			strategy: it,
-			children: /* @__PURE__ */ K("div", {
-				className: e(wn, E && "grid-flow-dense"),
-				children: [!s && /* @__PURE__ */ G(Mn, {
+			strategy: at,
+			children: /* @__PURE__ */ W("div", {
+				"data-slot": "bento-list-tiles",
+				className: e(kn, D && "grid-flow-dense"),
+				children: [!s && /* @__PURE__ */ U(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__ */ U(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,29 +2280,29 @@ 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 } = G(), { 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
 	};
-	return /* @__PURE__ */ K("div", {
+	return /* @__PURE__ */ W("div", {
 		ref: c,
 		style: f,
-		className: e("relative h-full", dn[n]),
-		children: [/* @__PURE__ */ G("div", {
+		className: e("relative h-full", hn[n]),
+		children: [/* @__PURE__ */ U("div", {
 			className: "pointer-events-none h-full select-none [&>*]:h-full [&>*]:w-full",
 			children: i
-		}), /* @__PURE__ */ K("div", {
+		}), /* @__PURE__ */ W("div", {
 			className: "absolute right-2 top-2 z-10 flex items-center gap-1",
-			children: [/* @__PURE__ */ G("div", {
+			children: [/* @__PURE__ */ U("div", {
 				role: "group",
 				"aria-label": a("bento.layout.sizeGroup", { defaultValue: "Tile size" }),
 				className: "flex items-center gap-0.5 rounded-full border border-border/60 bg-background/80 p-0.5 shadow-sm backdrop-blur",
-				children: kn.map((t) => {
-					let i = t === n, o = a(An[t].key, { defaultValue: An[t].def });
-					return /* @__PURE__ */ G("button", {
+				children: Pn.map((t) => {
+					let i = t === n, o = a(Fn[t].key, { defaultValue: Fn[t].def });
+					return /* @__PURE__ */ U("button", {
 						type: "button",
 						onClick: () => r(t),
 						"aria-pressed": i,
@@ -2222,13 +2312,13 @@ function jn({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
 						children: o.charAt(0)
 					}, t);
 				})
-			}), /* @__PURE__ */ G("button", {
+			}), /* @__PURE__ */ U("button", {
 				type: "button",
 				...o,
 				...s,
 				"aria-label": a("bento.layout.dragToReorder", { defaultValue: "Drag to reorder" }),
 				className: "grid h-7 w-7 cursor-grab place-items-center rounded-full border border-border/60 bg-background/80 shadow-sm backdrop-blur hover:bg-background active:cursor-grabbing",
-				children: /* @__PURE__ */ G(Te, {
+				children: /* @__PURE__ */ U(Ee, {
 					size: 14,
 					className: "text-muted-foreground"
 				})
@@ -2236,35 +2326,35 @@ function jn({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
 		})]
 	});
 }
-function Mn({ route: e, label: t, subtitle: n, chip: r }) {
-	let { t: i } = q();
-	return /* @__PURE__ */ K(He, {
+function Ln({ route: e, label: t, subtitle: n, chip: r }) {
+	let { t: i } = G();
+	return /* @__PURE__ */ W(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", {
+		children: [/* @__PURE__ */ W("div", {
 			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ G("span", {
+			children: [/* @__PURE__ */ U("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 })
-			}), /* @__PURE__ */ G("span", {
+				children: /* @__PURE__ */ U(Me, { size: 20 })
+			}), /* @__PURE__ */ U("span", {
 				className: "text-[11px] uppercase tracking-wider text-muted-foreground",
 				children: i("forms.formActions.new", { defaultValue: "New" })
 			})]
-		}), /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("div", {
+		}), /* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("div", {
 			className: "text-base font-semibold tracking-tight md:text-lg",
-			children: /* @__PURE__ */ G("span", {
+			children: /* @__PURE__ */ U("span", {
 				className: `${r} bg-clip-text text-transparent`,
 				children: t
 			})
-		}), n && /* @__PURE__ */ G("p", {
+		}), n && /* @__PURE__ */ U("p", {
 			className: "mt-1 text-sm text-muted-foreground",
 			children: n
 		})] })]
 	});
 }
-function Nn({ title: e, description: t }) {
-	return /* @__PURE__ */ G(_t, {
-		icon: Pe,
+function Rn({ title: e, description: t }) {
+	return /* @__PURE__ */ U(vt, {
+		icon: Fe,
 		title: e,
 		description: t,
 		align: "start",
@@ -2273,138 +2363,135 @@ 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 }) {
-	let { t: l } = q();
-	return /* @__PURE__ */ K("div", {
+function zn({ title: e, badges: t, actions: n, onCancel: r, loading: i, disabled: o, dirty: s, titleMissing: c }) {
+	let { t: l } = G();
+	return /* @__PURE__ */ W("div", {
 		className: "bento-glass flex items-center justify-between gap-4 rounded-2xl px-4 py-3 shadow-md backdrop-blur-xl",
-		children: [/* @__PURE__ */ K("div", {
+		children: [/* @__PURE__ */ W("div", {
 			className: "flex min-w-0 items-center gap-3",
 			children: [
-				e && /* @__PURE__ */ G("p", {
+				e && /* @__PURE__ */ U("p", {
 					className: "truncate text-base font-semibold tracking-tight md:text-lg",
 					children: e
 				}),
-				/* @__PURE__ */ G(St, {
+				/* @__PURE__ */ U(Et, {
 					titleMissing: c,
 					dirty: s
 				}),
-				t && /* @__PURE__ */ G("div", {
+				t && /* @__PURE__ */ U("div", {
 					className: "flex shrink-0 items-center gap-1.5",
 					children: t
 				})
 			]
-		}), /* @__PURE__ */ G("div", {
+		}), /* @__PURE__ */ U("div", {
 			className: "flex shrink-0 gap-2",
-			children: n ?? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ K(a, {
+			children: n ?? /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ W(a, {
 				type: "submit",
 				size: "sm",
 				loading: i,
 				"aria-disabled": o ? "true" : void 0,
-				children: [/* @__PURE__ */ G(Se, { className: "size-4" }), l("forms.formActions.saveChanges")]
-			}), r && /* @__PURE__ */ K(a, {
+				children: [/* @__PURE__ */ U(J, { className: "size-4" }), l("forms.formActions.saveChanges")]
+			}), r && /* @__PURE__ */ W(a, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
 				onClick: r,
-				children: [/* @__PURE__ */ G(ze, { className: "size-4" }), l("forms.formActions.cancel")]
+				children: [/* @__PURE__ */ U(Be, { className: "size-4" }), l("forms.formActions.cancel")]
 			})] })
 		})]
 	});
 }
-function Fn({ children: e }) {
-	return /* @__PURE__ */ G("span", {
+function Bn({ children: e }) {
+	return /* @__PURE__ */ U("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: [
-		/* @__PURE__ */ G("div", {
+function Vn(e) {
+	let t = z(null);
+	return Dt(t), /* @__PURE__ */ W(H, { children: [
+		/* @__PURE__ */ U("div", {
 			ref: t,
 			"aria-hidden": !0,
 			className: "h-px"
 		}),
-		/* @__PURE__ */ G("div", {
+		/* @__PURE__ */ U("div", {
 			"aria-hidden": !0,
 			className: "bento-save-bar-spacer"
 		}),
-		/* @__PURE__ */ G("div", {
+		/* @__PURE__ */ U("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__ */ U(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,
-		trailing: /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("div", {
+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: _ } = G(), v = m ?? (!!p || !f), y = St(r, t, n) ?? e;
+	return /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(Ct, {
+		eyebrow: y,
+		leading: i,
+		title: o,
+		subtitle: s,
+		trailing: /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
 			className: "bento-fade-out flex shrink-0 items-center gap-2",
-			children: l ?? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ K(a, {
+			children: u ?? /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ W(a, {
 				type: "submit",
 				size: "sm",
-				loading: u,
-				"aria-disabled": _ ? "true" : void 0,
-				children: [/* @__PURE__ */ G(Se, { className: "size-4" }), g("forms.formActions.saveChanges")]
-			}), /* @__PURE__ */ K(a, {
+				loading: d,
+				"aria-disabled": v ? "true" : void 0,
+				children: [/* @__PURE__ */ U(J, { className: "size-4" }), _("forms.formActions.saveChanges")]
+			}), /* @__PURE__ */ W(a, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
-				onClick: c,
-				children: [/* @__PURE__ */ G(ze, { className: "size-4" }), g("forms.formActions.cancel")]
+				onClick: l,
+				children: [/* @__PURE__ */ U(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__ */ U(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 }) {
-	return /* @__PURE__ */ K("section", {
-		className: e(Rn, c),
-		children: [/* @__PURE__ */ K("header", {
+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__ */ W("section", {
+		className: e(Un, c),
+		children: [/* @__PURE__ */ W("header", {
 			className: "flex items-start justify-between gap-3",
-			children: [/* @__PURE__ */ K("div", {
+			children: [/* @__PURE__ */ W("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ G("span", {
+				children: [/* @__PURE__ */ U("span", {
 					className: `grid h-10 w-10 place-items-center rounded-2xl text-white shadow-md ${Y(n)}`,
-					children: /* @__PURE__ */ G(t, { size: 20 })
-				}), /* @__PURE__ */ K("div", {
+					children: /* @__PURE__ */ U(t, { size: 20 })
+				}), /* @__PURE__ */ W("div", {
 					className: "flex flex-col gap-0.5",
-					children: [/* @__PURE__ */ G(s, {
+					children: [/* @__PURE__ */ U(s, {
 						className: "text-base font-semibold tracking-tight md:text-lg",
 						children: r
-					}), i && /* @__PURE__ */ G("p", {
+					}), i && /* @__PURE__ */ U("p", {
 						className: "text-sm text-muted-foreground",
 						children: i
 					})]
 				})]
-			}), o && /* @__PURE__ */ G("div", {
+			}), o && /* @__PURE__ */ U("div", {
 				className: "shrink-0",
 				children: o
 			})]
-		}), /* @__PURE__ */ G("div", {
+		}), /* @__PURE__ */ U("div", {
 			className: "flex flex-col gap-5",
 			children: a
 		})]
@@ -2412,10 +2499,10 @@ 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 }) {
-	return /* @__PURE__ */ G("div", {
+function Gn({ children: t, className: n, contentClassName: r }) {
+	return /* @__PURE__ */ U("div", {
 		className: e("bento-glass rounded-2xl shadow-md", n),
-		children: /* @__PURE__ */ G("div", {
+		children: /* @__PURE__ */ U("div", {
 			className: r,
 			children: t
 		})
@@ -2423,16 +2510,16 @@ 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);
-	return /* @__PURE__ */ G("button", {
+function Yn({ inline: e = !1 } = {}) {
+	let { t } = G(), n = ee(), r = e || n, i = V(qn, Jn, () => !1);
+	return /* @__PURE__ */ U("button", {
 		type: "button",
 		"aria-label": t("bento.backToTop", { defaultValue: "Back to top" }),
 		tabIndex: i ? 0 : -1,
@@ -2441,28 +2528,28 @@ 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__ */ U(_e, { 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 }) {
-	return e ? /* @__PURE__ */ K("div", {
+function Zn({ label: e, children: t }) {
+	return e ? /* @__PURE__ */ W("div", {
 		role: "group",
 		"aria-label": e,
-		children: [/* @__PURE__ */ G("p", {
+		children: [/* @__PURE__ */ U("p", {
 			className: "px-3 pt-2 pb-1 text-xs font-medium text-muted-foreground",
 			children: e
 		}), t]
-	}) : /* @__PURE__ */ G(W, { children: t });
+	}) : /* @__PURE__ */ U(H, { children: t });
 }
-function qn({ index: e, active: t, icon: n, label: r, description: i, trailing: a, onActivate: o, onChoose: s }) {
-	return /* @__PURE__ */ K("button", {
+function Qn({ index: e, active: t, icon: n, label: r, description: i, trailing: a, onActivate: o, onChoose: s }) {
+	return /* @__PURE__ */ W("button", {
 		type: "button",
 		id: `bento-palette-opt-${e}`,
 		"data-index": e,
@@ -2472,18 +2559,18 @@ function qn({ index: e, active: t, icon: n, label: r, description: i, trailing:
 		onClick: s,
 		className: `flex w-full items-center gap-3 rounded-xl px-3 py-2.5 text-left text-sm transition-colors ${t ? "bg-accent text-accent-foreground" : "text-foreground"}`,
 		children: [
-			n && /* @__PURE__ */ G(n, {
+			n && /* @__PURE__ */ U(n, {
 				size: 18,
 				className: "shrink-0 text-muted-foreground"
 			}),
-			/* @__PURE__ */ K("span", {
+			/* @__PURE__ */ W("span", {
 				className: "flex-1 truncate",
-				children: [r, i && /* @__PURE__ */ G("span", {
+				children: [r, i && /* @__PURE__ */ U("span", {
 					className: "ml-2 text-muted-foreground",
 					children: i
 				})]
 			}),
-			a ?? (t && /* @__PURE__ */ G(pe, {
+			a ?? (t && /* @__PURE__ */ U(ge, {
 				"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 } = G(), u = Ke(), [d, f] = B(""), [p, m] = B(0), h = z(null), g = de(() => {
 		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) => ({
+	]), _ = de(() => [...g.map((e) => ({
 		kind: "nav",
 		entry: e
 	})), ...(o?.items ?? []).map((e) => ({
 		kind: "supplied",
 		item: e
-	}))], [g, o]), v = H(c);
-	B(() => {
+	}))], [g, o]), v = z(c);
+	R(() => {
 		v.current = c;
-	}), B(() => {
+	}), R(() => {
 		v.current?.(d);
 	}, [d]);
-	let [y, b] = U(e);
+	let [y, b] = B(e);
 	e !== y && (b(e), e && (f(""), m(0)));
 	let x = _.length === 0 ? 0 : _.length - 1;
-	p > x && m(x), B(() => {
+	p > x && m(x), R(() => {
 		(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);
@@ -2536,28 +2623,28 @@ function Jn({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 			t && S(t);
 		}
 	}
-	return /* @__PURE__ */ G(n, {
+	return /* @__PURE__ */ U(n, {
 		open: e,
 		onOpenChange: t,
-		children: /* @__PURE__ */ K(s, {
+		children: /* @__PURE__ */ W(s, {
 			showCloseButton: !1,
 			className: "top-[15%] max-w-xl translate-y-0 gap-0 overflow-hidden p-0",
 			onKeyDown: C,
 			children: [
-				/* @__PURE__ */ G(i, {
+				/* @__PURE__ */ U(i, {
 					className: "sr-only",
 					children: l("bento.palette.title", { defaultValue: "Command palette" })
 				}),
-				/* @__PURE__ */ G(r, {
+				/* @__PURE__ */ U(r, {
 					className: "sr-only",
 					children: l("bento.palette.description", { defaultValue: "Search and jump to any area" })
 				}),
-				/* @__PURE__ */ K("div", {
+				/* @__PURE__ */ W("div", {
 					className: "flex items-center gap-3 border-b border-border/60 px-4",
-					children: [/* @__PURE__ */ G(Ne, {
+					children: [/* @__PURE__ */ U(Pe, {
 						size: 18,
 						className: "shrink-0 text-muted-foreground"
-					}), /* @__PURE__ */ G("input", {
+					}), /* @__PURE__ */ U("input", {
 						autoFocus: !0,
 						type: "text",
 						role: "combobox",
@@ -2570,41 +2657,41 @@ function Jn({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 						className: "h-12 w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground"
 					})]
 				}),
-				/* @__PURE__ */ K("div", {
+				/* @__PURE__ */ W("div", {
 					ref: h,
 					id: "bento-palette-list",
 					role: "listbox",
 					"aria-label": l("bento.palette.title", { defaultValue: "Command palette" }),
 					className: "max-h-80 overflow-y-auto p-2",
 					children: [
-						_.length === 0 && !o?.pending && /* @__PURE__ */ G("p", {
+						_.length === 0 && !o?.pending && /* @__PURE__ */ U("p", {
 							className: "px-3 py-6 text-center text-sm text-muted-foreground",
 							children: l("bento.palette.noResults", { defaultValue: "No matches" })
 						}),
-						/* @__PURE__ */ G(Kn, {
+						/* @__PURE__ */ U(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__ */ U(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__ */ W(H, { children: [/* @__PURE__ */ U(Te, {
 									"aria-hidden": !0,
 									size: 15,
 									className: "shrink-0 text-muted-foreground/70"
-								}), /* @__PURE__ */ G("span", {
+								}), /* @__PURE__ */ U("span", {
 									className: "sr-only",
 									children: l("bento.palette.opensConsole", { defaultValue: "Opens in console" })
 								})] })
 							}, e.id))
 						}),
-						o && /* @__PURE__ */ K(Kn, {
+						o && /* @__PURE__ */ W(Zn, {
 							label: o.label,
 							children: [o.items.map((e, t) => {
 								let n = g.length + t;
-								return /* @__PURE__ */ G(qn, {
+								return /* @__PURE__ */ U(Qn, {
 									index: n,
 									active: n === p,
 									icon: e.icon,
@@ -2613,7 +2700,7 @@ function Jn({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 									onActivate: () => m(n),
 									onChoose: () => S(_[n])
 								}, e.id);
-							}), o.pending && /* @__PURE__ */ G("p", {
+							}), o.pending && /* @__PURE__ */ U("p", {
 								className: "px-3 py-2.5 text-sm text-muted-foreground",
 								children: l("bento.palette.searching", { defaultValue: "Searching…" })
 							})]
@@ -2626,13 +2713,22 @@ 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;
-	return /* @__PURE__ */ K("div", {
+function er({ rail: t, headerStart: n, headerEnd: r, column: i = "default", dock: a, backToTop: o = !0, children: s }) {
+	let { t: c } = G(), l = We(), u = ue(), d = z(null), f = z(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__ */ U(te.Provider, {
+		value: !0,
+		children: /* @__PURE__ */ U(A.Provider, {
+			value: e,
+			children: a
+		})
+	});
+	return /* @__PURE__ */ W("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", {
+			/* @__PURE__ */ U("a", {
 				href: `#${u}`,
 				onClick: (e) => {
 					e.preventDefault(), d.current?.focus();
@@ -2640,28 +2736,37 @@ function Yn({ rail: t, headerStart: n, headerEnd: r, column: i = "default", dock
 				className: "sr-only rounded-full border border-border/60 bg-card px-4 py-2 text-sm shadow-lg focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-[60]",
 				children: c("bento.shell.skip", { defaultValue: "Skip to content" })
 			}),
-			/* @__PURE__ */ G("span", {
+			/* @__PURE__ */ U("span", {
 				ref: f,
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only"
 			}),
-			l && /* @__PURE__ */ G(Xn, {
+			l && /* @__PURE__ */ U(tr, {
 				main: d,
 				announcer: f
 			}),
 			t,
-			m && /* @__PURE__ */ K("header", {
+			g === "rail" && /* @__PURE__ */ U("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__ */ W("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", {
+				children: [/* @__PURE__ */ U("div", {
 					className: "flex min-w-0 items-center gap-3",
 					children: n
-				}), /* @__PURE__ */ G("div", {
+				}), /* @__PURE__ */ W("div", {
 					className: "flex items-center gap-2",
-					children: r
+					children: [r, g === "header" && /* @__PURE__ */ U("div", {
+						"data-slot": "bento-shell-dock",
+						className: "relative flex",
+						children: v("header")
+					})]
 				})]
 			}),
-			/* @__PURE__ */ G("main", {
+			/* @__PURE__ */ U("main", {
 				ref: d,
 				id: u,
 				tabIndex: -1,
@@ -2670,20 +2775,20 @@ function Yn({ rail: t, headerStart: n, headerEnd: r, column: i = "default", dock
 				className: "bento-shell-main",
 				children: s
 			}),
-			h && /* @__PURE__ */ G("div", {
+			_ && /* @__PURE__ */ U("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__ */ W(te.Provider, {
 					value: !0,
-					children: [o && /* @__PURE__ */ G(Wn, {}), a]
+					children: [o && /* @__PURE__ */ U(Yn, {}), g === "corner" && v("corner")]
 				})
 			})
 		]
 	});
 }
-function Xn({ main: e, announcer: t }) {
-	let { pathname: n } = We(), r = H(n);
-	return B(() => {
+function tr({ main: e, announcer: t }) {
+	let { pathname: n } = Ge(), r = z(n);
+	return R(() => {
 		if (r.current === n) return;
 		r.current = n;
 		let i = 0, a, o = () => {
@@ -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,24 +2840,24 @@ 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 = z({
 		onPalette: e,
 		onShortcuts: t
 	});
-	B(() => {
+	R(() => {
 		r.current = {
 			onPalette: e,
 			onShortcuts: t
 		};
-	}), B(() => {
+	}), R(() => {
 		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,42 +2865,42 @@ 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);
-	return /* @__PURE__ */ K("button", {
+function cr({ onClick: t, isMac: n = rr(), className: r }) {
+	let { t: i } = G(), a = nr.filter((e) => e.action === "palette"), o = a.find((e) => e.mod);
+	return /* @__PURE__ */ W("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__ */ U(Pe, {
 				"aria-hidden": !0,
 				size: 16
 			}),
-			/* @__PURE__ */ G("span", {
+			/* @__PURE__ */ U("span", {
 				className: "sr-only sm:not-sr-only",
 				children: i("bento.palette.search", { defaultValue: "Search" })
 			}),
-			o && /* @__PURE__ */ G("kbd", {
+			o && /* @__PURE__ */ U("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() }) {
-	let { t: c } = q(), l = {
+function lr({ open: e, onOpenChange: t, isMac: a = rr() }) {
+	let { t: c } = G(), 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" }),
@@ -2817,36 +2922,36 @@ function ir({ open: e, onOpenChange: t, isMac: a = Qn() }) {
 			}
 		]
 	}];
-	return /* @__PURE__ */ G(n, {
+	return /* @__PURE__ */ U(n, {
 		open: e,
 		onOpenChange: t,
-		children: /* @__PURE__ */ K(s, {
+		children: /* @__PURE__ */ W(s, {
 			className: "max-w-md",
-			children: [/* @__PURE__ */ K(o, { children: [/* @__PURE__ */ K(i, {
+			children: [/* @__PURE__ */ W(o, { children: [/* @__PURE__ */ W(i, {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ G(De, {
+				children: [/* @__PURE__ */ U(Oe, {
 					size: 20,
 					className: "bento-accent-icon"
 				}), c("bento.shortcuts.title", { defaultValue: "Keyboard shortcuts" })]
-			}), /* @__PURE__ */ G(r, { children: c("bento.shortcuts.description", { defaultValue: "Move around without leaving the keyboard." }) })] }), /* @__PURE__ */ G("div", {
+			}), /* @__PURE__ */ U(r, { children: c("bento.shortcuts.description", { defaultValue: "Move around without leaving the keyboard." }) })] }), /* @__PURE__ */ U("div", {
 				className: "flex flex-col gap-5",
-				children: d.map((e) => /* @__PURE__ */ K("section", { children: [/* @__PURE__ */ G("h3", {
+				children: d.map((e) => /* @__PURE__ */ W("section", { children: [/* @__PURE__ */ U("h3", {
 					className: "mb-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground",
 					children: e.heading
-				}), /* @__PURE__ */ G("ul", {
+				}), /* @__PURE__ */ U("ul", {
 					className: "flex flex-col gap-1.5",
-					children: e.rows.map((e) => /* @__PURE__ */ K("li", {
+					children: e.rows.map((e) => /* @__PURE__ */ W("li", {
 						"data-shortcut": e.id,
 						className: "flex items-center justify-between gap-4",
-						children: [/* @__PURE__ */ G("span", {
+						children: [/* @__PURE__ */ U("span", {
 							className: "text-sm text-foreground",
 							children: e.label
-						}), /* @__PURE__ */ G("span", {
+						}), /* @__PURE__ */ U("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__ */ W(L, { children: [t > 0 && /* @__PURE__ */ U("span", {
 								className: "px-0.5 text-[11px] text-muted-foreground",
 								children: c("bento.shortcuts.or", { defaultValue: "or" })
-							}), e.map((e) => /* @__PURE__ */ G("kbd", {
+							}), e.map((e) => /* @__PURE__ */ U("kbd", {
 								className: "inline-flex min-w-6 items-center justify-center rounded-md border border-border/60 bg-muted px-1.5 py-0.5 text-[11px] font-medium tracking-wide",
 								children: e
 							}, e))] }, e.join("+")))
@@ -2859,148 +2964,171 @@ 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 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 pr(e) {
+	return e.items.reduce((e, t) => e + (t.count && t.count > 0 ? t.count : 0), 0);
+}
+function mr({ groups: e, homeRoute: t, homeAliases: n, homeLabel: r }) {
+	let { t: i } = G(), { pathname: a } = Ge(), o = de(() => e.filter((e) => !!e.section.areaRoute), [e]), s = a === t || (n?.includes(a) ?? !1);
+	return /* @__PURE__ */ U(re, {
 		delayDuration: 200,
-		children: /* @__PURE__ */ K("nav", {
+		children: /* @__PURE__ */ W("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__ */ U(hr, {
 					to: t,
-					icon: Ee,
+					icon: De,
 					label: r ?? i("home.title", { defaultValue: "Home" }),
+					shown: !0,
 					active: s
 				}),
-				o.length > 0 && /* @__PURE__ */ G("span", {
+				o.length > 0 && /* @__PURE__ */ U("span", {
 					"aria-hidden": !0,
 					className: "my-1 h-px w-6 bg-border/60"
 				}),
-				o.map((e) => /* @__PURE__ */ G(lr, {
+				o.map((e) => /* @__PURE__ */ U(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 } = G(), s = i > 0 ? o("bento.nav.count", {
+		count: i,
+		defaultValue: "{{count}} waiting"
+	}) : null, c = /* @__PURE__ */ W(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__ */ W("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__ */ U(t, { size: 20 }), i > 0 && /* @__PURE__ */ U("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__ */ U("span", {
+			"aria-hidden": !0,
+			title: n,
+			className: "w-full truncate text-center text-[0.6875rem] leading-4",
+			children: n
+		})]
+	});
+	return r ? c : /* @__PURE__ */ W(O, { children: [/* @__PURE__ */ U(ae, {
 		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__ */ U(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 || "";
-	return s === "loading" ? /* @__PURE__ */ G("div", {
+function gr({ accountRoute: e, logoutUrl: t, organizationsRoute: n, tenantAdminRoute: r, onOpenShortcuts: i, onReplayTour: a }) {
+	let { user: o, status: s } = P(), { t: c } = G(), l = Ke(), u = `${o.firstName ?? ""} ${o.lastName ?? ""}`.trim() || o.username || "";
+	return s === "loading" ? /* @__PURE__ */ U("div", {
 		className: "h-9 w-9 rounded-full bg-muted/40",
 		"aria-hidden": !0
-	}) : /* @__PURE__ */ K(k, { children: [/* @__PURE__ */ G(f, {
+	}) : /* @__PURE__ */ W(_, { children: [/* @__PURE__ */ U(F, {
 		asChild: !0,
-		children: /* @__PURE__ */ G("button", {
+		children: /* @__PURE__ */ U("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__ */ U(ne, {
 				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__ */ W(d, {
 		align: "end",
 		sideOffset: 10,
 		className: "bento-dropdown min-w-64 p-2",
 		children: [
-			/* @__PURE__ */ G(p, {
+			/* @__PURE__ */ U(y, {
 				className: "p-0 font-normal",
-				children: /* @__PURE__ */ K("div", {
+				children: /* @__PURE__ */ W("div", {
 					className: "flex items-center gap-3 rounded-xl px-2 py-2 text-left text-sm",
-					children: [/* @__PURE__ */ G("span", {
+					children: [/* @__PURE__ */ U("span", {
 						className: "rounded-full p-0.5 ring-1 ring-border/60",
-						children: /* @__PURE__ */ G(S, {
+						children: /* @__PURE__ */ U(ne, {
 							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", {
+					}), /* @__PURE__ */ W("div", {
 						className: "grid flex-1 text-left text-sm leading-tight",
-						children: [m && /* @__PURE__ */ G("span", {
+						children: [u && /* @__PURE__ */ U("span", {
 							className: "truncate font-medium",
-							children: m
-						}), o.email && /* @__PURE__ */ G("span", {
+							children: u
+						}), o.email && /* @__PURE__ */ U("span", {
 							className: "truncate text-xs text-muted-foreground",
 							children: o.email
 						})]
 					})]
 				})
 			}),
-			/* @__PURE__ */ G(l, { className: "my-1.5 bg-border/50" }),
-			/* @__PURE__ */ K(_, { children: [
-				/* @__PURE__ */ K(d, {
-					onSelect: () => u(e),
+			/* @__PURE__ */ U(f, { className: "my-1.5 bg-border/50" }),
+			/* @__PURE__ */ W(p, { children: [
+				/* @__PURE__ */ W(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__ */ U(Re, { size: 18 }), c("nav.account")]
 				}),
-				n && /* @__PURE__ */ K(d, {
-					onSelect: () => u(n),
+				n && /* @__PURE__ */ W(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__ */ U(ye, { size: 18 }), c("nav.organizations", { defaultValue: "Organizations" })]
 				}),
-				r && /* @__PURE__ */ K(d, {
-					onSelect: () => u(r),
+				r && /* @__PURE__ */ W(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__ */ U(be, { 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__ */ W(H, { children: [/* @__PURE__ */ U(f, { className: "my-1.5 bg-border/50" }), /* @__PURE__ */ W(p, { children: [a && /* @__PURE__ */ W(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__ */ U(Fe, { size: 18 }), c("bento.tour.replay", { defaultValue: "Take the tour" })]
+			}), i && /* @__PURE__ */ W(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__ */ U(Oe, { size: 18 }), c("bento.shortcuts.title", { defaultValue: "Keyboard shortcuts" })]
 			})] })] }),
-			/* @__PURE__ */ G(l, { className: "my-1.5 bg-border/50" }),
-			/* @__PURE__ */ K(d, {
+			/* @__PURE__ */ U(f, { className: "my-1.5 bg-border/50" }),
+			/* @__PURE__ */ W(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__ */ U(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,62 +3138,62 @@ 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;
+	ce.forEach(r, (e) => {
+		if (!le(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 = ce.map(r, (e) => {
+		if (!le(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__ */ U(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),
+	}) : /* @__PURE__ */ U("section", {
+		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 }) {
-	let o = /* @__PURE__ */ G("h2", {
+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__ */ U("h2", {
 		className: "text-xl font-semibold tracking-tight md:text-2xl",
 		children: t
 	});
-	return /* @__PURE__ */ K("section", {
+	return /* @__PURE__ */ W("section", {
 		className: "mb-8 md:mb-10",
-		children: [/* @__PURE__ */ K("header", {
+		children: [/* @__PURE__ */ W("header", {
 			className: "bento-shell-header mb-4 flex flex-col gap-0.5",
 			children: [
-				e && /* @__PURE__ */ G("span", {
+				e && /* @__PURE__ */ U("span", {
 					className: "text-xs uppercase tracking-[0.18em] text-muted-foreground",
 					children: e
 				}),
-				r ? /* @__PURE__ */ K(He, {
+				r ? /* @__PURE__ */ W(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__ */ U(q, {
 						size: 20,
 						className: "text-muted-foreground transition-transform duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] group-hover:translate-x-1"
 					})]
 				}) : o,
-				n && /* @__PURE__ */ G("p", {
+				n && /* @__PURE__ */ U("p", {
 					className: "max-w-2xl text-sm text-muted-foreground",
 					children: n
 				})
 			]
-		}), /* @__PURE__ */ G("div", {
+		}), /* @__PURE__ */ U("div", {
 			className: a,
 			children: i
 		})]
@@ -3073,66 +3201,66 @@ 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 }) {
-	let f = !r && !!(t || n), p = u ? "h-14 w-14 rounded-2xl" : "h-9 w-9 rounded-2xl", m = u ? 28 : 18, h = u ? "text-xl font-semibold tracking-tight md:text-2xl" : "text-base font-semibold tracking-tight md:text-lg", g = /* @__PURE__ */ K(W, { children: [
-		u && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("div", {
+function 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__ */ W(H, { children: [
+		u && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
 			"aria-hidden": !0,
 			className: `pointer-events-none absolute -bottom-10 -right-10 h-64 w-64 rounded-full ${Y(o)} opacity-40 blur-2xl dark:opacity-50`
-		}), /* @__PURE__ */ G("div", {
+		}), /* @__PURE__ */ U("div", {
 			"aria-hidden": !0,
 			className: `pointer-events-none absolute right-12 top-1/3 h-32 w-32 rounded-full ${Y(o)} bento-chip-tr opacity-20 blur-2xl dark:opacity-30`
 		})] }),
-		/* @__PURE__ */ K("div", {
+		/* @__PURE__ */ W("div", {
 			className: "relative z-1 flex items-center justify-between",
-			children: [/* @__PURE__ */ G("span", {
+			children: [/* @__PURE__ */ U("span", {
 				className: `grid place-items-center ${Y(o)} text-white shadow-md ${p}`,
-				children: /* @__PURE__ */ G(a, { size: m })
-			}), f && /* @__PURE__ */ G(be, {
+				children: /* @__PURE__ */ U(a, { size: m })
+			}), f && /* @__PURE__ */ U(q, {
 				size: u ? 18 : 16,
 				className: "text-muted-foreground transition-transform duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] group-hover:translate-x-1"
 			})]
 		}),
-		/* @__PURE__ */ K("div", {
+		/* @__PURE__ */ W("div", {
 			className: "relative z-1",
 			children: [
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ U("div", {
 					className: "text-[11px] uppercase tracking-wider text-muted-foreground",
 					children: s
 				}),
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ U("div", {
 					className: `mt-0.5 ${h}`,
 					children: c
 				}),
-				d && /* @__PURE__ */ G("div", {
+				d && /* @__PURE__ */ U("div", {
 					className: "mt-2",
 					children: d
 				})
 			]
 		})
 	] }), _ = `bento-tile bento-glass group relative flex flex-col ${u ? "gap-5" : "gap-4"} overflow-hidden text-left ${u ? "p-6 md:p-7" : "p-5"} ${l}${f ? " bento-tile-clickable" : ""}${r ? " cursor-not-allowed opacity-60" : ""}`;
-	return r ? /* @__PURE__ */ G("div", {
+	return r ? /* @__PURE__ */ U("div", {
 		className: _,
 		"aria-disabled": "true",
 		title: i,
 		children: g
-	}) : t ? /* @__PURE__ */ G(He, {
+	}) : t ? /* @__PURE__ */ U(Ue, {
 		to: t,
 		className: _,
 		children: g
-	}) : n ? /* @__PURE__ */ G("button", {
+	}) : n ? /* @__PURE__ */ U("button", {
 		type: "button",
 		onClick: n,
 		className: e("w-full", _),
 		children: g
-	}) : /* @__PURE__ */ G("div", {
+	}) : /* @__PURE__ */ U("div", {
 		className: _,
 		children: g
 	});
 }
 //#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 } = G(), [s, c] = B(0), [l, u] = B([]), d = z(/* @__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));
@@ -3180,15 +3308,15 @@ function gr({ versions: t, selected: n, onSelect: r, label: i }) {
 			}).format(t)
 		};
 	};
-	return /* @__PURE__ */ G("ul", {
+	return /* @__PURE__ */ U("ul", {
 		role: "listbox",
 		"aria-label": i ?? a("bento.versions.label", { defaultValue: "Versions" }),
 		"aria-multiselectable": "true",
 		"data-slot": "bento-version-rail",
 		className: "m-0 flex list-none flex-col gap-1 p-0",
 		children: t.map((r, i) => {
-			let o = n.includes(r.id), l = g(r.at), u = r.actor === "agent" ? Me : Ie, f = o ? "text-foreground/80" : "text-muted-foreground";
-			return /* @__PURE__ */ K("li", {
+			let o = n.includes(r.id), l = g(r.at), u = r.actor === "agent" ? Ne : Le, f = o ? "text-foreground/80" : "text-muted-foreground";
+			return /* @__PURE__ */ W("li", {
 				ref: (e) => {
 					e ? d.current.set(i, e) : d.current.delete(i);
 				},
@@ -3201,26 +3329,26 @@ function gr({ versions: t, selected: n, onSelect: r, label: i }) {
 				},
 				className: e("flex cursor-pointer flex-col gap-0.5 rounded-xl border px-3 py-2 text-sm outline-none transition-colors", "focus-visible:ring-2 focus-visible:ring-ring", o ? "border-primary/50 bg-primary/10" : "border-transparent hover:bg-muted/50"),
 				children: [
-					/* @__PURE__ */ K("span", {
+					/* @__PURE__ */ W("span", {
 						className: "flex items-center gap-1.5 font-medium",
 						children: [
-							/* @__PURE__ */ G(u, {
+							/* @__PURE__ */ U(u, {
 								size: 14,
 								"aria-hidden": "true"
 							}),
 							r.author,
-							/* @__PURE__ */ G("span", {
+							/* @__PURE__ */ U("span", {
 								className: e("text-xs font-normal", f),
 								children: r.actor === "agent" ? a("bento.versions.agent", { defaultValue: "Agent" }) : a("bento.versions.human", { defaultValue: "Person" })
 							})
 						]
 					}),
-					/* @__PURE__ */ G("time", {
+					/* @__PURE__ */ U("time", {
 						dateTime: l.iso,
 						className: e("text-xs", f),
 						children: l.text
 					}),
-					r.summary && /* @__PURE__ */ G("span", {
+					r.summary && /* @__PURE__ */ U("span", {
 						className: "text-xs",
 						children: r.summary
 					})
@@ -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 };