@viglet/viglet-design-system 2026.3.12 → 2026.3.13

package/dist/bento.es.js

@@ -1,57 +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, C as l, D as u, E as d, L as f, M as p, O as m, R as h, S as g, T as _, _ as v, a as y, c as b, d as x, f as S, h as C, i as w, j as T, l as E, n as D, p as O, r as k, u as A, w as j, x as M, z as N } from "./user.context-BXQ7lgg5.js";
-import { r as ee, t as te } from "./loading-provider-D-_5G-08.js";
-import { Children as P, Fragment as ne, isValidElement as re, useEffect as F, useId as I, useMemo as L, useRef as R, useState as z, useSyncExternalStore as ie } from "react";
-import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
-import { useTranslation as U } from "react-i18next";
-import { IconAdjustmentsHorizontal as ae, IconAlertTriangle as oe, IconArrowBackUp as W, IconArrowDown as se, IconArrowLeft as ce, IconArrowRight as le, IconArrowUp as ue, IconArrowsSort as de, IconBuildingCommunity as fe, IconBuildingSkyscraper as G, IconChevronDown as pe, IconChevronRight as K, IconColumns3 as me, IconDeviceFloppy as he, IconDotsVertical as q, IconExternalLink as J, IconGripVertical as ge, IconHome as _e, IconKeyboard as Y, IconLayoutGrid as ve, IconLogout as ye, IconPalette as be, IconPlus as xe, IconRobot as X, IconSearch as Se, IconSparkles as Ce, IconTrash as we, IconUser as Te, IconUserCircle as Ee, IconUsers as De, IconX as Oe } from "@tabler/icons-react";
-import { Icon as ke } from "@iconify/react";
-import { Link as Z, useInRouterContext as Ae, useLocation as je, useNavigate as Me } from "react-router-dom";
-import { createCoreRowModel as Ne, createSortedRowModel as Pe, rowSortingFeature as Fe, useTable as Ie } from "@tanstack/react-table";
-import { DndContext as Le, KeyboardSensor as Re, PointerSensor as ze, closestCenter as Be, useSensor as Ve, useSensors as He } from "@dnd-kit/core";
-import { SortableContext as Ue, arrayMove as We, rectSortingStrategy as Ge, useSortable as Ke } from "@dnd-kit/sortable";
-import { CSS as qe } from "@dnd-kit/utilities";
+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";
 //#region src/bento/bento-actions-menu.tsx
-var Je = {
+var st = {
 	default: "",
 	destructive: "bento-item-danger"
-}, Ye = /* @__PURE__ */ new Set();
-function Xe(e) {
-	process.env.NODE_ENV === "production" || Ye.has(e) || (Ye.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.`));
+}, 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.`));
 }
-function Ze({ actions: e, triggerLabel: t }) {
-	let { t: n } = U();
+function ut({ actions: e, triggerLabel: t }) {
+	let { t: n } = q();
 	if (e.length === 0) return null;
-	for (let t of e) t.id || Xe(t.label);
-	return /* @__PURE__ */ H(l, { children: [/* @__PURE__ */ V(f, {
+	for (let t of e) t.id || lt(t.label);
+	return /* @__PURE__ */ K(k, { children: [/* @__PURE__ */ G(f, {
 		asChild: !0,
-		children: /* @__PURE__ */ V("button", {
+		children: /* @__PURE__ */ G("button", {
 			type: "button",
 			"aria-label": t ?? n("forms.formActions.moreActions", { defaultValue: "More actions" }),
 			className: "bento-tile-clickable inline-flex h-9 w-9 items-center justify-center rounded-full border border-border/60 bg-card/60 text-muted-foreground backdrop-blur transition-colors duration-200 hover:text-foreground",
-			children: /* @__PURE__ */ V(q, { size: 18 })
+			children: /* @__PURE__ */ G(Ce, { size: 18 })
 		})
-	}), /* @__PURE__ */ V(_, {
+	}), /* @__PURE__ */ G(g, {
 		align: "end",
 		sideOffset: 8,
 		className: "bento-dropdown min-w-44 p-1.5",
 		children: e.map((e) => {
-			let t = e.icon, n = Je[e.tone ?? "default"];
-			return /* @__PURE__ */ H(u, {
+			let t = e.icon, n = st[e.tone ?? "default"];
+			return /* @__PURE__ */ K(d, {
 				"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__ */ V(t, { size: 16 }), e.label]
+				children: [/* @__PURE__ */ G(t, { size: 16 }), e.label]
 			}, e.id ?? e.label);
 		})
 	})] });
 }
 //#endregion
 //#region src/bento/bento-tones.ts
-var Qe = {
+var dt = {
 	blue: "bento-tone-blue",
 	indigo: "bento-tone-indigo",
 	violet: "bento-tone-violet",
@@ -59,347 +60,349 @@ var Qe = {
 	amber: "bento-tone-amber",
 	rose: "bento-tone-rose",
 	slate: "bento-tone-slate"
-}, $e = Object.keys(Qe);
-function Q(e) {
-	return `bento-chip ${Qe[e] ?? Qe.slate}`;
+}, ft = Object.keys(dt);
+function Y(e) {
+	return `bento-chip ${dt[e] ?? dt.slate}`;
 }
 //#endregion
 //#region src/bento/bento-count-tile.tsx
-function et({ to: e, icon: t, tone: n, label: r, count: i, span: a }) {
-	let o = /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("span", {
-		className: `grid h-9 w-9 place-items-center rounded-2xl text-white shadow-md ${Q(n)}`,
-		children: /* @__PURE__ */ V(t, { size: 18 })
-	}), /* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("div", {
+function pt({ to: e, icon: t, tone: n, label: r, count: i, span: a }) {
+	let o = /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("span", {
+		className: `grid h-9 w-9 place-items-center rounded-2xl text-white shadow-md ${Y(n)}`,
+		children: /* @__PURE__ */ G(t, { size: 18 })
+	}), /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("div", {
 		className: "text-3xl font-semibold tabular-nums tracking-tight",
 		children: i
-	}), /* @__PURE__ */ V("div", {
+	}), /* @__PURE__ */ G("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__ */ V(Z, {
+	return e ? /* @__PURE__ */ G(He, {
 		to: e,
 		className: s,
 		children: o
-	}) : /* @__PURE__ */ V("div", {
+	}) : /* @__PURE__ */ G("div", {
 		className: s,
 		children: o
 	});
 }
 //#endregion
 //#region src/bento/bento-data-table.tsx
-var tt = 6, nt = {
-	rowSortingFeature: Fe,
-	coreRowModel: Ne(),
-	sortedRowModel: Pe()
+var mt = 6, ht = {
+	rowSortingFeature: Je,
+	coreRowModel: Ke(),
+	sortedRowModel: qe()
 };
-function rt({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowActions: o, selectionActions: s, onSelectionChange: c, selectionScope: u, layout: d, onLayoutChange: p, onRowOpen: m, rowHeight: g = 44, height: v = 480, empty: y }) {
-	let { t: b } = U(), [x, S] = z([]), [C, w] = z({ hidden: [] }), [T, E] = z(/* @__PURE__ */ new Set()), [D, O] = z(null), [k, A] = z(u);
-	k !== u && (A(u), E(/* @__PURE__ */ new Set()), O(null));
-	let M = R(u);
-	F(() => {
-		M.current !== u && (M.current = u, c?.([]));
-	}, [u, c]);
-	let [ee, te] = z(0), [P, ne] = z(0), re = R(null), I = R(/* @__PURE__ */ new Map()), ie = R(!1), B = (s?.length ?? 0) > 0, ae = (e) => a?.(e) ?? n(e), oe = L(() => r.map((e) => ({
+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?.([]));
+	}, [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) => ({
 		id: e.id,
 		accessorFn: (t) => e.sortValue?.(t) ?? null,
 		enableSorting: e.sortValue !== void 0
-	})), [r]), W = Ie({
-		features: nt,
+	})), [r]), W = Ye({
+		features: ht,
 		data: t,
-		columns: oe,
-		state: { sorting: x },
-		onSortingChange: S
-	}).getRowModel().rows.map((e) => e.original), ce = d ?? C, le = r.filter((e) => e.hideable === !1 || !ce.hidden.includes(e.id)), fe = [
-		B ? "2.75rem" : null,
-		...le.map((e) => e.width ?? "minmax(8rem, 1fr)"),
+		columns: ce,
+		state: { sorting: S },
+		onSortingChange: C
+	}).getRowModel().rows.map((e) => e.original), le = d ?? w, ue = r.filter((e) => e.hideable === !1 || !le.hidden.includes(e.id)), de = [
+		z ? "2.75rem" : null,
+		...ue.map((e) => e.width ?? "minmax(8rem, 1fr)"),
 		o?.length ? "3.25rem" : null
-	].filter(Boolean).join(" "), G = W.length, pe = Math.max(1, Math.floor(v / g)), K = Math.max(0, Math.floor(P / g) - tt), he = Math.min(G, Math.ceil((P + v) / g) + tt), q = Math.min(ee, Math.max(0, G - 1));
-	F(() => {
-		ie.current && (ie.current = !1, I.current.get(q)?.focus());
-	}, [q, K]);
-	function J(e) {
-		E(e), c?.([...e]);
+	].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]);
 	}
-	function ge(e, t) {
+	function be(e, t) {
 		let [r, i] = e <= t ? [e, t] : [t, e];
-		J(new Set(W.slice(r, i + 1).map(n)));
+		ye(new Set(W.slice(r, i + 1).map(n)));
 	}
-	function _e(e) {
-		let t = n(W[e]), r = new Set(T);
-		r.has(t) ? r.delete(t) : r.add(t), J(r), O(e);
+	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 Y(e, t) {
-		let n = Math.max(0, Math.min(G - 1, e));
-		if (t && B) {
-			let e = D ?? q;
-			O(e), ge(e, n);
+	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);
 		}
-		let r = re.current, i = n * g;
+		let r = ie.current, i = n * v;
 		if (r) {
 			let e = r.scrollTop;
-			i < e ? e = i : i + g > e + v && (e = i + g - v), e !== r.scrollTop && (r.scrollTop = e, ne(e));
+			i < e ? e = i : i + v > e + y && (e = i + v - y), e !== r.scrollTop && (r.scrollTop = e, re(e));
 		}
-		ie.current = !0, te(n);
+		oe.current = !0, R(n);
 	}
-	function ve(e, t) {
+	function we(e, t) {
 		if (e.target !== e.currentTarget) return;
 		let r = e.shiftKey;
 		switch (e.key) {
 			case "ArrowDown":
-				Y(t + 1, r);
+				Ce(t + 1, r);
 				break;
 			case "ArrowUp":
-				Y(t - 1, r);
+				Ce(t - 1, r);
 				break;
 			case "PageDown":
-				Y(t + pe, r);
+				Ce(t + pe, r);
 				break;
 			case "PageUp":
-				Y(t - pe, r);
+				Ce(t - pe, r);
 				break;
 			case "Home":
-				Y(0, r);
+				Ce(0, r);
 				break;
 			case "End":
-				Y(G - 1, r);
+				Ce(J - 1, r);
 				break;
 			case " ":
-				if (!B) return;
-				_e(t);
+				if (!z) return;
+				Se(t);
 				break;
 			case "Enter":
-				if (!m) return;
-				m(W[t]);
+				if (!_) return;
+				_(W[t]);
 				break;
 			case "Escape":
-				if (!B || T.size === 0) return;
-				J(/* @__PURE__ */ new Set()), O(null);
+				if (!z || F.size === 0) return;
+				ye(/* @__PURE__ */ new Set()), A(null);
 				break;
 			case "a":
 			case "A":
-				if (!B || !(e.ctrlKey || e.metaKey)) return;
-				J(new Set(W.map(n)));
+				if (!z || !(e.ctrlKey || e.metaKey)) return;
+				ye(new Set(W.map(n)));
 				break;
 			default: return;
 		}
 		e.preventDefault();
 	}
-	function ye(e, t) {
-		if (!e.target.closest("button, a, input, [role='checkbox']") && (te(t), B)) {
+	function Te(e, t) {
+		if (!e.target.closest("button, a, input, [role='checkbox']") && (R(t), z)) {
 			if (e.shiftKey) {
-				let e = D ?? q;
-				O(e), ge(e, t);
-			} else e.metaKey || e.ctrlKey ? _e(t) : (J(/* @__PURE__ */ new Set([n(W[t])])), O(t));
+				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));
 		}
 	}
-	function be(e) {
-		let t = x.find((t) => t.id === e);
-		t ? t.desc ? S([]) : S([{
+	function Ee(e) {
+		let t = S.find((t) => t.id === e);
+		t ? t.desc ? C([]) : C([{
 			id: e,
 			desc: !0
-		}]) : S([{
+		}]) : C([{
 			id: e,
 			desc: !1
 		}]);
 	}
-	function xe(e, t) {
-		let n = { hidden: t ? [...ce.hidden, e] : ce.hidden.filter((t) => t !== e) };
-		d === void 0 && w(n), p?.(n);
+	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 X = W.filter((e) => T.has(n(e))), Se = G > 0 && X.length === G, Ce = r.filter((e) => e.hideable !== !1);
-	return /* @__PURE__ */ H("div", {
+	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", {
 		"data-slot": "bento-data-table",
 		className: "bento-glass overflow-hidden rounded-2xl",
-		children: [/* @__PURE__ */ H("div", {
+		children: [/* @__PURE__ */ K("div", {
 			className: "flex min-h-12 flex-wrap items-center gap-2 border-b border-border/50 px-3 py-2",
 			children: [
-				/* @__PURE__ */ V("span", {
+				/* @__PURE__ */ G("span", {
 					"aria-live": "polite",
 					className: "text-sm font-medium",
-					children: X.length > 0 ? b("bento.table.selected", {
+					children: Oe.length > 0 ? x("bento.table.selected", {
 						defaultValue: "{{count}} selected",
-						count: X.length
+						count: Oe.length
 					}) : ""
 				}),
-				X.length > 0 && /* @__PURE__ */ H("div", {
+				Oe.length > 0 && /* @__PURE__ */ K("div", {
 					role: "toolbar",
-					"aria-label": b("bento.table.selectionActions", { defaultValue: "Actions on the selection" }),
+					"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__ */ H(N, {
+						return /* @__PURE__ */ K(P, {
 							variant: "outline",
 							size: "sm",
 							className: e("gap-1.5", t.tone === "destructive" && "bento-item-danger"),
-							onClick: () => t.onSelect(X),
-							children: [/* @__PURE__ */ V(n, { size: 16 }), t.label]
+							onClick: () => t.onSelect(Oe),
+							children: [/* @__PURE__ */ G(n, { size: 16 }), t.label]
 						}, t.id);
-					}), /* @__PURE__ */ V(N, {
+					}), /* @__PURE__ */ G(P, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => J(/* @__PURE__ */ new Set()),
-						children: b("bento.table.clearSelection", { defaultValue: "Clear selection" })
+						onClick: () => ye(/* @__PURE__ */ new Set()),
+						children: x("bento.table.clearSelection", { defaultValue: "Clear selection" })
 					})]
 				}),
-				Ce.length > 0 && /* @__PURE__ */ H(l, { children: [/* @__PURE__ */ V(f, {
+				Ae.length > 0 && /* @__PURE__ */ K(k, { children: [/* @__PURE__ */ G(f, {
 					asChild: !0,
-					children: /* @__PURE__ */ H(N, {
+					children: /* @__PURE__ */ K(P, {
 						variant: "ghost",
 						size: "sm",
 						className: "ml-auto gap-1.5",
-						children: [/* @__PURE__ */ V(me, {
+						children: [/* @__PURE__ */ G(xe, {
 							size: 16,
 							"aria-hidden": "true"
-						}), b("bento.table.columns", { defaultValue: "Columns" })]
+						}), x("bento.table.columns", { defaultValue: "Columns" })]
 					})
-				}), /* @__PURE__ */ V(_, {
+				}), /* @__PURE__ */ G(g, {
 					align: "end",
 					className: "bento-dropdown min-w-44 p-1.5",
-					children: Ce.map((e) => /* @__PURE__ */ V(j, {
-						checked: !ce.hidden.includes(e.id),
-						onCheckedChange: (t) => xe(e.id, t !== !0),
+					children: Ae.map((e) => /* @__PURE__ */ G(h, {
+						checked: !le.hidden.includes(e.id),
+						onCheckedChange: (t) => De(e.id, t !== !0),
 						onSelect: (e) => e.preventDefault(),
 						children: e.header
 					}, e.id))
 				})] })
 			]
-		}), /* @__PURE__ */ H("div", {
+		}), /* @__PURE__ */ K("div", {
 			role: "grid",
 			"aria-label": i,
-			"aria-rowcount": G + 1,
-			"aria-colcount": le.length + +!!B + +!!o?.length,
-			"aria-multiselectable": B ? "true" : void 0,
-			children: [/* @__PURE__ */ V("div", {
+			"aria-rowcount": J + 1,
+			"aria-colcount": ue.length + +!!z + +!!o?.length,
+			"aria-multiselectable": z ? "true" : void 0,
+			children: [/* @__PURE__ */ G("div", {
 				role: "rowgroup",
-				children: /* @__PURE__ */ H("div", {
+				children: /* @__PURE__ */ K("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: fe,
-						minHeight: g
+						gridTemplateColumns: de,
+						minHeight: v
 					},
 					children: [
-						B && /* @__PURE__ */ V("div", {
+						z && /* @__PURE__ */ G("div", {
 							role: "columnheader",
 							className: "grid place-items-center",
-							children: /* @__PURE__ */ V(h, {
-								"aria-label": b("bento.table.selectAll", { defaultValue: "Select all rows" }),
-								checked: Se ? !0 : X.length > 0 && "indeterminate",
-								onCheckedChange: () => J(Se ? /* @__PURE__ */ new Set() : new Set(W.map(n)))
+							children: /* @__PURE__ */ G(m, {
+								"aria-label": x("bento.table.selectAll", { defaultValue: "Select all rows" }),
+								checked: ke ? !0 : Oe.length > 0 && "indeterminate",
+								onCheckedChange: () => ye(ke ? /* @__PURE__ */ new Set() : new Set(W.map(n)))
 							})
 						}),
-						le.map((e) => {
-							let t = x.find((t) => t.id === e.id), n = t ? t.desc ? "descending" : "ascending" : "none";
-							return /* @__PURE__ */ V("div", {
+						ue.map((e) => {
+							let t = S.find((t) => t.id === e.id), n = t ? t.desc ? "descending" : "ascending" : "none";
+							return /* @__PURE__ */ G("div", {
 								role: "columnheader",
 								"aria-sort": e.sortValue ? n : void 0,
 								className: "min-w-0 px-2",
-								children: e.sortValue ? /* @__PURE__ */ H("button", {
+								children: e.sortValue ? /* @__PURE__ */ K("button", {
 									type: "button",
-									onClick: () => be(e.id),
+									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__ */ V("span", {
+										/* @__PURE__ */ G("span", {
 											className: "truncate",
 											children: e.header
 										}),
-										n === "ascending" && /* @__PURE__ */ V(ue, {
+										n === "ascending" && /* @__PURE__ */ G(me, {
 											size: 14,
 											"aria-hidden": "true"
 										}),
-										n === "descending" && /* @__PURE__ */ V(se, {
+										n === "descending" && /* @__PURE__ */ G(fe, {
 											size: 14,
 											"aria-hidden": "true"
 										}),
-										n === "none" && /* @__PURE__ */ V(de, {
+										n === "none" && /* @__PURE__ */ G(he, {
 											size: 14,
 											"aria-hidden": "true",
 											className: "opacity-40"
 										})
 									]
-								}) : /* @__PURE__ */ V("span", {
+								}) : /* @__PURE__ */ G("span", {
 									className: "block truncate py-1",
 									children: e.header
 								})
 							}, e.id);
 						}),
-						o?.length ? /* @__PURE__ */ V("div", {
+						o?.length ? /* @__PURE__ */ G("div", {
 							role: "columnheader",
 							className: "px-2",
-							children: /* @__PURE__ */ V("span", {
+							children: /* @__PURE__ */ G("span", {
 								className: "sr-only",
-								children: b("bento.table.actions", { defaultValue: "Actions" })
+								children: x("bento.table.actions", { defaultValue: "Actions" })
 							})
 						}) : null
 					]
 				})
-			}), G === 0 ? /* @__PURE__ */ V("div", {
+			}), J === 0 ? /* @__PURE__ */ G("div", {
 				role: "rowgroup",
-				children: /* @__PURE__ */ V("div", {
+				children: /* @__PURE__ */ G("div", {
 					role: "row",
 					"aria-rowindex": 2,
-					children: /* @__PURE__ */ V("div", {
+					children: /* @__PURE__ */ G("div", {
 						role: "gridcell",
 						className: "px-4 py-10 text-center text-sm text-muted-foreground",
-						children: y ?? b("bento.table.empty", { defaultValue: "Nothing to show" })
+						children: b ?? x("bento.table.empty", { defaultValue: "Nothing to show" })
 					})
 				})
-			}) : /* @__PURE__ */ V("div", {
+			}) : /* @__PURE__ */ G("div", {
 				role: "rowgroup",
-				ref: re,
-				onScroll: (e) => ne(e.currentTarget.scrollTop),
+				ref: ie,
+				onScroll: (e) => re(e.currentTarget.scrollTop),
 				className: "relative overflow-y-auto",
-				style: { height: v },
-				children: /* @__PURE__ */ V("div", {
-					style: { height: G * g },
+				style: { height: y },
+				children: /* @__PURE__ */ G("div", {
+					style: { height: J * v },
 					className: "relative",
-					children: W.slice(K, he).map((t, r) => {
-						let i = K + r, a = n(t), s = T.has(a), c = ae(t);
-						return /* @__PURE__ */ H("div", {
+					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", {
 							ref: (e) => {
-								e ? I.current.set(i, e) : I.current.delete(i);
+								e ? ae.current.set(i, e) : ae.current.delete(i);
 							},
 							role: "row",
 							"aria-rowindex": i + 2,
-							"aria-selected": B ? s ? "true" : "false" : void 0,
-							tabIndex: i === q ? 0 : -1,
-							onKeyDown: (e) => ve(e, i),
-							onClick: (e) => ye(e, i),
-							onDoubleClick: () => m?.(t),
+							"aria-selected": z ? s ? "true" : "false" : void 0,
+							tabIndex: i === ve ? 0 : -1,
+							onKeyDown: (e) => we(e, i),
+							onClick: (e) => Te(e, i),
+							onDoubleClick: () => _?.(t),
 							onFocus: (e) => {
-								e.target === e.currentTarget && te(i);
+								e.target === e.currentTarget && R(i);
 							},
 							className: e("absolute inset-x-0 grid items-center border-b border-border/30 px-1 text-sm outline-none transition-colors", "hover:bg-muted/40 focus-visible:bg-muted/60 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring", s && "bg-primary/10 hover:bg-primary/15"),
 							style: {
-								top: i * g,
-								height: g,
-								gridTemplateColumns: fe
+								top: i * v,
+								height: v,
+								gridTemplateColumns: de
 							},
 							children: [
-								B && /* @__PURE__ */ V("div", {
+								z && /* @__PURE__ */ G("div", {
 									role: "gridcell",
 									className: "grid place-items-center",
-									children: /* @__PURE__ */ V(h, {
+									children: /* @__PURE__ */ G(m, {
 										tabIndex: -1,
-										"aria-label": b("bento.table.selectRow", {
+										"aria-label": x("bento.table.selectRow", {
 											defaultValue: "Select {{row}}",
 											row: c
 										}),
 										checked: s,
-										onCheckedChange: () => _e(i)
+										onCheckedChange: () => Se(i)
 									})
 								}),
-								le.map((e) => /* @__PURE__ */ V("div", {
+								ue.map((e) => /* @__PURE__ */ G("div", {
 									role: "gridcell",
 									className: "min-w-0 truncate px-2",
 									children: e.cell(t)
 								}, e.id)),
-								o?.length ? /* @__PURE__ */ V("div", {
+								o?.length ? /* @__PURE__ */ G("div", {
 									role: "gridcell",
 									className: "grid place-items-center",
-									children: /* @__PURE__ */ V(Ze, {
-										triggerLabel: b("bento.table.rowActions", {
+									children: /* @__PURE__ */ G(ut, {
+										triggerLabel: x("bento.table.rowActions", {
 											defaultValue: "Actions for {{row}}",
 											row: c
 										}),
@@ -422,24 +425,24 @@ function rt({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 }
 //#endregion
 //#region src/bento/bento-empty-state.tsx
-function it({ icon: t = Ce, tone: n = "indigo", title: r, description: i, action: a, align: o = "center", titleLevel: s = 2, className: c }) {
-	let l = Q(n), u = o === "center", d = `h${s}`;
-	return /* @__PURE__ */ H("div", {
+function _t({ icon: t = Pe, tone: n = "indigo", title: r, description: i, action: a, align: o = "center", titleLevel: s = 2, className: c }) {
+	let l = Y(n), u = o === "center", d = `h${s}`;
+	return /* @__PURE__ */ K("div", {
 		className: e("bento-tile bento-glass flex flex-col gap-3 rounded-3xl p-8", u ? "items-center text-center" : "items-start text-left", c),
 		children: [
-			/* @__PURE__ */ V("span", {
+			/* @__PURE__ */ G("span", {
 				className: `grid h-12 w-12 place-items-center rounded-2xl ${l} text-white shadow-md`,
-				children: /* @__PURE__ */ V(t, { size: 24 })
+				children: /* @__PURE__ */ G(t, { size: 24 })
 			}),
-			/* @__PURE__ */ V(d, {
+			/* @__PURE__ */ G(d, {
 				className: "m-0 text-lg font-semibold tracking-tight",
 				children: r
 			}),
-			i && /* @__PURE__ */ V("p", {
+			i && /* @__PURE__ */ G("p", {
 				className: e("max-w-md text-sm text-muted-foreground", u && "mx-auto"),
 				children: i
 			}),
-			a && /* @__PURE__ */ V("div", {
+			a && /* @__PURE__ */ G("div", {
 				className: e("mt-1", u && "mx-auto"),
 				children: a
 			})
@@ -448,48 +451,48 @@ function it({ icon: t = Ce, tone: n = "indigo", title: r, description: i, action
 }
 //#endregion
 //#region src/bento/bento-hero.tsx
-function at({ to: e, children: t }) {
-	return /* @__PURE__ */ H(Z, {
+function vt({ to: e, children: t }) {
+	return /* @__PURE__ */ K(He, {
 		to: e,
 		className: "inline-flex items-center gap-1 hover:text-foreground",
-		children: [/* @__PURE__ */ V(ce, {
+		children: [/* @__PURE__ */ G(J, {
 			size: 14,
 			"aria-hidden": !0
 		}), t]
 	});
 }
-function ot({ eyebrow: e, backTo: t, backLabel: n, title: r, subtitle: i, leading: a, trailing: o }) {
-	let s = e ?? (t == null ? null : /* @__PURE__ */ V(at, {
+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, {
 		to: t,
 		children: n
 	}));
-	return /* @__PURE__ */ V("header", {
+	return /* @__PURE__ */ G("header", {
 		className: "bento-shell-header mb-6 flex flex-col items-start gap-3 md:mb-10",
-		children: /* @__PURE__ */ H("div", {
+		children: /* @__PURE__ */ K("div", {
 			className: "flex w-full items-start gap-4",
 			children: [
-				a && /* @__PURE__ */ V("div", {
+				a && /* @__PURE__ */ G("div", {
 					className: "shrink-0",
 					children: a
 				}),
-				/* @__PURE__ */ H("div", {
+				/* @__PURE__ */ K("div", {
 					className: "flex flex-1 flex-col gap-1",
 					children: [
-						s && /* @__PURE__ */ V("span", {
+						s && /* @__PURE__ */ G("span", {
 							className: "text-xs uppercase tracking-[0.18em] text-muted-foreground",
 							children: s
 						}),
-						/* @__PURE__ */ V("h1", {
+						/* @__PURE__ */ G("h1", {
 							className: "text-3xl font-semibold tracking-tight md:text-4xl",
 							children: r
 						}),
-						i && /* @__PURE__ */ V("p", {
+						i && /* @__PURE__ */ G("p", {
 							className: "max-w-2xl text-sm text-muted-foreground",
 							children: i
 						})
 					]
 				}),
-				o && /* @__PURE__ */ V("div", {
+				o && /* @__PURE__ */ G("div", {
 					className: "ml-auto flex shrink-0 items-center gap-2",
 					children: o
 				})
@@ -499,43 +502,43 @@ function ot({ eyebrow: e, backTo: t, backLabel: n, title: r, subtitle: i, leadin
 }
 //#endregion
 //#region src/bento/bento-hero-icon-picker.tsx
-function st({ value: e, onChange: t, onClear: n, defaultIcon: r, tone: i, title: a, description: o, readOnly: s = !1 }) {
-	let { t: c } = U(), [l, u] = z(!1);
-	return s ? /* @__PURE__ */ V("span", {
-		className: `grid h-12 w-12 place-items-center rounded-2xl ${Q(i)} text-white shadow-md`,
-		children: e ? /* @__PURE__ */ V(ke, {
+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", {
+		className: `grid h-12 w-12 place-items-center rounded-2xl ${Y(i)} text-white shadow-md`,
+		children: e ? /* @__PURE__ */ G(Be, {
 			icon: e,
 			className: "size-6 text-white"
-		}) : /* @__PURE__ */ V(r, { size: 24 })
-	}) : /* @__PURE__ */ H("div", {
+		}) : /* @__PURE__ */ G(r, { size: 24 })
+	}) : /* @__PURE__ */ K("div", {
 		className: "group relative",
 		children: [
-			/* @__PURE__ */ H("button", {
+			/* @__PURE__ */ K("button", {
 				type: "button",
-				onClick: () => u(!0),
-				"aria-label": c("forms.iconPicker.chooseAnIcon"),
-				className: `group/icon relative grid h-12 w-12 cursor-pointer place-items-center overflow-hidden rounded-2xl ${Q(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__ */ V(ke, {
+				onClick: () => d(!0),
+				"aria-label": l("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, {
 					icon: e,
 					className: "size-6 text-white"
-				}) : /* @__PURE__ */ V(r, { size: 24 }), /* @__PURE__ */ V("span", {
+				}) : /* @__PURE__ */ G(r, { size: 24 }), /* @__PURE__ */ G("span", {
 					className: "pointer-events-none absolute inset-0 grid place-items-center bg-black/40 opacity-0 transition-opacity duration-200 group-hover/icon:opacity-100",
-					children: /* @__PURE__ */ V(be, { className: "size-5 text-white" })
+					children: /* @__PURE__ */ G(Ae, { className: "size-5 text-white" })
 				})]
 			}),
-			e && n && /* @__PURE__ */ V("button", {
+			e && n && /* @__PURE__ */ G("button", {
 				type: "button",
 				onClick: (e) => {
 					e.stopPropagation(), n();
 				},
-				"aria-label": c("forms.common.remove"),
-				title: c("forms.common.remove"),
+				"aria-label": l("forms.common.remove"),
+				title: l("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__ */ V(Oe, { size: 12 })
+				children: /* @__PURE__ */ G(ze, { size: 12 })
 			}),
-			/* @__PURE__ */ V(g, {
-				open: l,
-				onOpenChange: u,
+			/* @__PURE__ */ G(c, {
+				open: u,
+				onOpenChange: d,
 				value: e,
 				onSelect: t,
 				onClear: n,
@@ -547,9 +550,9 @@ function st({ value: e, onChange: t, onClear: n, defaultIcon: r, tone: i, title:
 }
 //#endregion
 //#region src/bento/bento-inline-edit.tsx
-function ct({ 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 } = U(), [f, p] = z(c), [m, h] = z(n), [g, _] = z(!1), v = R(null), y = R(null), b = R(!1), x = R(!1), [S, C] = z(n);
-	!f && n !== S && (C(n), h(n)), F(() => {
+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(() => {
 		f && v.current ? (v.current.focus(), v.current.select()) : !f && x.current && (x.current = !1, y.current?.focus());
 	}, [f]);
 	function w() {
@@ -582,23 +585,23 @@ function ct({ value: n, onSave: r, multiline: i = !1, placeholder: a, className:
 		h(e), u && r(e);
 	}
 	let O = !n;
-	if (l) return /* @__PURE__ */ V("span", {
+	if (l) return /* @__PURE__ */ G("span", {
 		className: e("block w-full", o),
 		"aria-label": s,
-		children: n || /* @__PURE__ */ V("span", {
-			className: "text-muted-foreground/80",
+		children: n || /* @__PURE__ */ G("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__ */ V("button", {
+	if (!f) return /* @__PURE__ */ G("button", {
 		ref: y,
 		type: "button",
 		onClick: () => p(!0),
 		className: e(A, "text-left", o),
 		"aria-label": s ?? d("forms.formActions.edit"),
-		children: n || /* @__PURE__ */ V("span", {
-			className: "text-muted-foreground/80",
+		children: n || /* @__PURE__ */ G("span", {
+			className: "text-muted-foreground",
 			children: a ?? "—"
 		})
 	});
@@ -609,7 +612,7 @@ function ct({ value: n, onSave: r, multiline: i = !1, placeholder: a, className:
 		}
 		e.key === "Enter" && (!i || e.metaKey || e.ctrlKey) && (e.preventDefault(), T());
 	}
-	return i ? /* @__PURE__ */ V("textarea", {
+	return i ? /* @__PURE__ */ G("textarea", {
 		ref: v,
 		value: m,
 		onChange: (e) => D(e.target.value),
@@ -620,7 +623,7 @@ function ct({ 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__ */ V(t, {
+	}) : /* @__PURE__ */ G(t, {
 		ref: v,
 		value: m,
 		onChange: (e) => D(e.target.value),
@@ -634,22 +637,22 @@ function ct({ value: n, onSave: r, multiline: i = !1, placeholder: a, className:
 }
 //#endregion
 //#region src/bento/bento-status-marker.tsx
-function lt({ titleMissing: t, dirty: n, className: r }) {
-	let { t: i } = U();
+function St({ titleMissing: t, dirty: n, className: r }) {
+	let { t: i } = q();
 	if (!t && !n) return null;
 	let a = "inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[10px] font-medium normal-case leading-none tracking-normal";
-	return t ? /* @__PURE__ */ H("span", {
+	return t ? /* @__PURE__ */ K("span", {
 		className: e(a, "bento-status bento-status-error", r),
-		children: [/* @__PURE__ */ V(oe, { className: "size-3" }), i("bento.saveBar.titleRequired", { defaultValue: "Title required" })]
-	}) : /* @__PURE__ */ H("span", {
+		children: [/* @__PURE__ */ G(ue, { className: "size-3" }), i("bento.saveBar.titleRequired", { defaultValue: "Title required" })]
+	}) : /* @__PURE__ */ K("span", {
 		className: e(a, "bento-status bento-status-warn", r),
-		children: [/* @__PURE__ */ V("span", { className: "h-1.5 w-1.5 rounded-full bento-status-dot bento-pulse" }), i("bento.saveBar.unsaved", { defaultValue: "Unsaved changes" })]
+		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" })]
 	});
 }
 //#endregion
 //#region src/bento/bento-scroll-fade.ts
-function ut(e) {
-	F(() => {
+function Ct(e) {
+	B(() => {
 		let t = e.current;
 		if (!t) return;
 		let n = document.documentElement, r = 0, i = () => {
@@ -666,23 +669,23 @@ function ut(e) {
 }
 //#endregion
 //#region src/bento/bento-entity-shell.tsx
-function dt(e, t) {
+function wt(e, t) {
 	let n = {};
 	for (let r of Object.keys(e)) Object.assign(n, { [r]: t[r] });
 	return n;
 }
-function ft({ 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: x } = U(), S = Me(), [C, w] = z(!1), [T, E] = z({
+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({
 		isDirty: !1,
 		isSubmitting: !1
-	}), D = R(null);
-	ut(D);
+	}), D = H(null);
+	Ct(D);
 	let O = {
 		title: e.title ?? "",
 		description: e.description ?? "",
 		icon: e.icon ?? null,
 		enabled: e.enabled ?? 1
-	}, [k, A] = z(O), [j, M] = z(O);
+	}, [k, A] = U(O), [j, M] = U(O);
 	(O.title !== j.title || O.description !== j.description || O.icon !== j.icon || O.enabled !== j.enabled) && (M(O), A(O));
 	async function N(n) {
 		if (A((e) => ({
@@ -694,59 +697,59 @@ function ft({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 			await g({
 				...e,
 				...n
-			}), b.success(x("forms.common.updated", {
+			}), T.success(b("forms.common.updated", {
 				name: r,
 				feature: l
 			}));
 		} catch (e) {
 			console.error("Failed to update entity field", e), A((e) => ({
 				...e,
-				...dt(n, O)
-			})), b.error(x("forms.common.notUpdated", {
+				...wt(n, O)
+			})), T.error(b("forms.common.notUpdated", {
 				name: O.title || r,
 				feature: l
 			}));
 		}
 	}
-	async function te() {
+	async function ee() {
 		if (_) {
 			try {
-				await _() ? (b.success(x("forms.common.deleted", {
+				await _() ? (T.success(b("forms.common.deleted", {
 					name: k.title,
 					feature: l
-				})), S(i)) : b.error(x("forms.common.notDeleted", {
+				})), x(i)) : T.error(b("forms.common.notDeleted", {
 					name: k.title,
 					feature: l
 				}));
 			} catch (e) {
-				console.error("Failed to delete entity", e), b.error(x("forms.common.notDeleted", {
+				console.error("Failed to delete entity", e), T.error(b("forms.common.notDeleted", {
 					name: k.title,
 					feature: l
 				}));
 			}
-			w(!1);
+			C(!1);
 		}
 	}
-	let P = k.enabled === 1, ne = !f, re = !(p && !t), F = !k.title.trim(), I = !t && !T.isDirty, L = F || I, ie = [...v ?? [], ..._ && !f ? [{
+	let P = k.enabled === 1, te = !f, F = !(p && !t), I = !k.title.trim(), L = !t && !w.isDirty, R = I || L, ne = [...v ?? [], ..._ && !f ? [{
 		id: "entity.delete",
-		label: x("forms.formActions.delete"),
-		icon: we,
+		label: b("forms.formActions.delete"),
+		icon: Fe,
 		tone: "destructive",
-		onSelect: () => w(!0)
+		onSelect: () => C(!0)
 	}] : []];
-	return /* @__PURE__ */ H(B, { children: [
-		/* @__PURE__ */ V(ot, {
-			eyebrow: /* @__PURE__ */ H("span", {
+	return /* @__PURE__ */ K(W, { children: [
+		/* @__PURE__ */ G(yt, {
+			eyebrow: /* @__PURE__ */ K("span", {
 				className: "inline-flex items-center gap-2",
-				children: [/* @__PURE__ */ V(at, {
+				children: [/* @__PURE__ */ G(vt, {
 					to: i,
 					children: r
-				}), !f && /* @__PURE__ */ V(lt, {
-					titleMissing: F,
-					dirty: t || T.isDirty
+				}), !f && /* @__PURE__ */ G(St, {
+					titleMissing: I,
+					dirty: t || w.isDirty
 				})]
 			}),
-			leading: /* @__PURE__ */ V(st, {
+			leading: /* @__PURE__ */ G(bt, {
 				value: k.icon,
 				onChange: (e) => N({ icon: e }),
 				onClear: () => N({ icon: null }),
@@ -756,72 +759,72 @@ function ft({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 				description: k.description,
 				readOnly: f || d
 			}),
-			title: /* @__PURE__ */ V(ct, {
+			title: /* @__PURE__ */ G(xt, {
 				value: k.title,
 				onSave: (e) => N({ title: e }),
 				placeholder: n,
 				className: "text-3xl font-semibold tracking-tight md:text-4xl",
-				ariaLabel: x("forms.common.title"),
+				ariaLabel: b("forms.common.title"),
 				autoFocus: t,
 				commitOnChange: t,
 				readOnly: f
 			}),
-			subtitle: /* @__PURE__ */ V(ct, {
+			subtitle: /* @__PURE__ */ G(xt, {
 				value: k.description,
 				onSave: (e) => N({ description: e }),
 				multiline: !0,
-				placeholder: x("forms.common.description"),
+				placeholder: b("forms.common.description"),
 				className: "max-w-2xl text-sm text-muted-foreground",
-				ariaLabel: x("forms.common.description"),
+				ariaLabel: b("forms.common.description"),
 				commitOnChange: t,
 				readOnly: f
 			}),
-			trailing: /* @__PURE__ */ H(B, { children: [
-				ne && /* @__PURE__ */ H("div", {
+			trailing: /* @__PURE__ */ K(W, { children: [
+				te && /* @__PURE__ */ K("div", {
 					className: "bento-fade-out flex shrink-0 items-center gap-2",
-					children: [re && /* @__PURE__ */ H(a, {
+					children: [F && /* @__PURE__ */ K(a, {
 						type: "submit",
 						form: c,
 						size: "sm",
-						loading: T.isSubmitting,
-						"aria-disabled": L ? "true" : void 0,
-						children: [/* @__PURE__ */ V(he, { className: "size-4" }), x("forms.formActions.saveChanges")]
-					}), /* @__PURE__ */ H(a, {
+						loading: w.isSubmitting,
+						"aria-disabled": R ? "true" : void 0,
+						children: [/* @__PURE__ */ G(Se, { className: "size-4" }), b("forms.formActions.saveChanges")]
+					}), /* @__PURE__ */ K(a, {
 						type: "button",
 						size: "sm",
 						variant: "outline",
-						onClick: () => S(i),
-						children: [/* @__PURE__ */ V(Oe, { className: "size-4" }), x("forms.formActions.cancel")]
+						onClick: () => x(i),
+						children: [/* @__PURE__ */ G(ze, { className: "size-4" }), b("forms.formActions.cancel")]
 					})]
 				}),
 				m,
-				u && (f ? /* @__PURE__ */ H("span", {
+				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__ */ V("span", { className: `h-1.5 w-1.5 rounded-full ${P ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), P ? x("common.active", { defaultValue: "Active" }) : x("common.idle", { defaultValue: "Idle" })]
-				}) : /* @__PURE__ */ H("button", {
+					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", {
 					type: "button",
 					onClick: () => N({ enabled: +!P }),
-					"aria-label": x("forms.common.enabled"),
-					title: x(P ? "common.activeToggleHint" : "common.idleToggleHint"),
+					"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__ */ V("span", { className: `h-1.5 w-1.5 rounded-full ${P ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), P ? x("common.active", { defaultValue: "Active" }) : x("common.idle", { defaultValue: "Idle" })]
+					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" })]
 				})),
-				!t && ie.length > 0 && /* @__PURE__ */ V(Ze, { actions: ie })
+				!t && ne.length > 0 && /* @__PURE__ */ G(ut, { actions: ne })
 			] })
 		}),
-		/* @__PURE__ */ V("div", {
+		/* @__PURE__ */ G("div", {
 			ref: D,
 			"aria-hidden": !0,
 			className: "h-px"
 		}),
 		h,
-		!t && _ && /* @__PURE__ */ V(ee, {
+		!t && _ && /* @__PURE__ */ G(re, {
 			feature: l,
 			name: k.title,
-			onDelete: te,
-			open: C,
-			setOpen: w,
-			trigger: /* @__PURE__ */ V("span", {
+			onDelete: ee,
+			open: S,
+			setOpen: C,
+			trigger: /* @__PURE__ */ G("span", {
 				className: "hidden",
 				"aria-hidden": !0
 			})
@@ -833,8 +836,49 @@ function ft({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 	] });
 }
 //#endregion
+//#region src/bento/bento-change-mark.tsx
+var Et = {
+	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 = {
+		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", {
+		"data-slot": "bento-change-mark",
+		"data-state": t,
+		className: o,
+		children: a
+	});
+	let s = {
+		added: i("bento.diff.addedLetter", { defaultValue: "A" }),
+		removed: i("bento.diff.removedLetter", { defaultValue: "D" }),
+		changed: i("bento.diff.changedLetter", { defaultValue: "M" }),
+		unchanged: i("bento.diff.unchangedLetter", { defaultValue: "·" })
+	}[t];
+	return /* @__PURE__ */ K("span", {
+		"data-slot": "bento-change-mark",
+		"data-state": t,
+		title: a,
+		className: o,
+		children: [/* @__PURE__ */ G("span", {
+			"aria-hidden": "true",
+			children: s
+		}), /* @__PURE__ */ G("span", {
+			className: "sr-only",
+			children: a
+		})]
+	});
+}
+//#endregion
 //#region src/bento/bento-diff.tsx
-function pt(e, t, n = !0) {
+function Ot(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));
@@ -851,16 +895,16 @@ function pt(e, t, n = !0) {
 	for (; l < i;) s("add", t[l++]);
 	return o;
 }
-var mt = (e) => e.split(/(\s+)/).filter((e) => e !== "");
-function ht(e) {
+var kt = (e) => e.split(/(\s+)/).filter((e) => e !== "");
+function At(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 $ = (e) => e == null ? "" : String(e);
-function gt({ before: t, after: n, fields: r, showUnchanged: i = !1 }) {
-	let { t: a } = U(), [o, s] = z(i), c = r.map((e) => {
-		let r = t?.[e.id], i = n?.[e.id], a = e.kind ?? "text", o = a === "rich" ? ht($(r)).join("\n") === ht($(i)).join("\n") : a === "value" ? JSON.stringify(r ?? null) === JSON.stringify(i ?? null) : $(r) === $(i), s = "changed";
+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";
 		return t === null || (r == null || r === "") && !o ? s = "added" : n === null || (i == null || i === "") && !o ? s = "removed" : o && (s = "unchanged"), {
 			field: e,
 			a: r,
@@ -868,159 +912,758 @@ function gt({ before: t, after: n, fields: r, showUnchanged: i = !1 }) {
 			kind: a,
 			state: s
 		};
-	}), l = c.filter((e) => e.state !== "unchanged"), u = c.filter((e) => e.state === "unchanged"), d = {
-		added: a("bento.diff.added", { defaultValue: "Added" }),
-		removed: a("bento.diff.removed", { defaultValue: "Removed" }),
-		changed: a("bento.diff.changed", { defaultValue: "Changed" }),
-		unchanged: a("bento.diff.unchanged", { defaultValue: "Unchanged" })
-	};
-	return /* @__PURE__ */ H("div", {
+	}), u = l.filter((e) => e.state !== "unchanged"), d = l.filter((e) => e.state === "unchanged");
+	return /* @__PURE__ */ K("div", {
 		"data-slot": "bento-diff",
 		className: "flex flex-col gap-3",
 		children: [
-			(t === null || n === null) && /* @__PURE__ */ V("p", {
+			(t === null || n === null) && /* @__PURE__ */ G("p", {
 				className: "m-0 text-sm font-medium",
-				children: t === null ? a("bento.diff.created", { defaultValue: "Created in this version" }) : a("bento.diff.deleted", { defaultValue: "Deleted in this version" })
+				children: t === null ? o("bento.diff.created", { defaultValue: "Created in this version" }) : o("bento.diff.deleted", { defaultValue: "Deleted in this version" })
 			}),
-			l.length === 0 && /* @__PURE__ */ V("p", {
+			u.length === 0 && /* @__PURE__ */ G("p", {
 				className: "m-0 text-sm text-muted-foreground",
-				children: a("bento.diff.noChanges", { defaultValue: "No field changed" })
+				children: o("bento.diff.noChanges", { defaultValue: "No field changed" })
 			}),
-			/* @__PURE__ */ V("dl", {
+			/* @__PURE__ */ G("dl", {
 				className: "m-0 flex flex-col gap-3",
-				children: l.map((e) => /* @__PURE__ */ V(_t, {
+				children: u.map((e) => /* @__PURE__ */ G(Mt, {
 					label: e.field.label,
-					status: d[e.state],
 					state: e.state,
-					children: /* @__PURE__ */ V(vt, { row: e })
+					children: /* @__PURE__ */ G(Nt, {
+						row: e,
+						layout: a
+					})
 				}, e.field.id))
 			}),
-			u.length > 0 && /* @__PURE__ */ H("div", {
+			d.length > 0 && /* @__PURE__ */ K("div", {
 				className: "flex flex-col gap-3",
-				children: [/* @__PURE__ */ H("button", {
+				children: [/* @__PURE__ */ K("button", {
 					type: "button",
-					"aria-expanded": o ? "true" : "false",
-					onClick: () => s(!o),
+					"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__ */ V(K, {
+					children: [/* @__PURE__ */ G(be, {
 						size: 14,
 						"aria-hidden": "true",
-						className: e("transition-transform", o && "rotate-90")
-					}), a("bento.diff.unchangedCount", {
+						className: e("transition-transform", s && "rotate-90")
+					}), o("bento.diff.unchangedCount", {
 						defaultValue: "{{count}} unchanged",
-						count: u.length
+						count: d.length
 					})]
-				}), o && /* @__PURE__ */ V("dl", {
+				}), s && /* @__PURE__ */ G("dl", {
 					className: "m-0 flex flex-col gap-3",
-					children: u.map((e) => /* @__PURE__ */ V(_t, {
-						label: e.field.label,
-						status: d.unchanged,
+					children: d.map((t) => /* @__PURE__ */ G(Mt, {
+						label: t.field.label,
 						state: "unchanged",
-						children: /* @__PURE__ */ V("p", {
-							className: "m-0 whitespace-pre-wrap text-sm text-muted-foreground",
-							children: e.kind === "rich" ? ht($(e.b)).join("\n\n") : e.field.format ? e.field.format(e.b) : $(e.b)
+						children: /* @__PURE__ */ G("p", {
+							className: e("m-0 whitespace-pre-wrap text-sm text-muted-foreground", t.kind === "lines" && "font-mono text-xs"),
+							children: t.kind === "rich" ? At(X(t.b)).join("\n\n") : t.field.format ? t.field.format(t.b) : X(t.b)
 						})
-					}, e.field.id))
+					}, t.field.id))
 				})]
 			})
 		]
 	});
 }
-function _t({ label: t, status: n, state: r, children: i }) {
-	return /* @__PURE__ */ H("div", {
+function Mt({ label: e, state: t, children: n }) {
+	return /* @__PURE__ */ K("div", {
 		className: "rounded-xl border border-border/60 bg-card/40 p-3",
-		children: [/* @__PURE__ */ H("dt", {
+		children: [/* @__PURE__ */ K("dt", {
 			className: "mb-1.5 flex items-center gap-2 text-xs font-medium text-muted-foreground",
-			children: [/* @__PURE__ */ V("span", { children: t }), /* @__PURE__ */ V("span", {
-				className: e("rounded-full border px-1.5 leading-4", r === "added" && "bento-status bento-status-on", r === "removed" && "bento-status bento-status-error", r === "changed" && "bento-status bento-status-warn"),
-				children: n
-			})]
-		}), /* @__PURE__ */ V("dd", {
+			children: [/* @__PURE__ */ G("span", { children: e }), /* @__PURE__ */ G(Dt, { state: t })]
+		}), /* @__PURE__ */ G("dd", {
 			className: "m-0",
-			children: i
+			children: n
 		})]
 	});
 }
-function vt({ row: e }) {
-	let { t } = U(), { field: n, a: r, b: i, kind: a, state: o } = e;
-	if (a === "value") {
-		let e = (e) => n.format ? n.format(e) : $(e);
-		return /* @__PURE__ */ H("p", {
+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, {
+		label: r.label,
+		before: X(i),
+		after: X(a),
+		layout: t
+	});
+	if (o === "value") {
+		let e = (e) => r.format ? r.format(e) : X(e);
+		return /* @__PURE__ */ K("p", {
 			className: "m-0 flex flex-wrap items-center gap-2 text-sm",
 			children: [
-				o !== "added" && /* @__PURE__ */ V(bt, { children: e(r) }),
-				o === "changed" && /* @__PURE__ */ V("span", {
+				s !== "added" && /* @__PURE__ */ G(Zt, { children: e(i) }),
+				s === "changed" && /* @__PURE__ */ G("span", {
 					"aria-hidden": "true",
 					children: "→"
 				}),
-				o !== "removed" && /* @__PURE__ */ V(yt, { children: e(i) })
+				s !== "removed" && /* @__PURE__ */ G(Xt, { children: e(a) })
 			]
 		});
 	}
-	let s = a === "rich" ? ht($(r)) : [$(r)].filter(Boolean), c = a === "rich" ? ht($(i)) : [$(i)].filter(Boolean), l = pt(s, c, !1) ?? [...s.map((e) => ({
+	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) => ({
 		op: "remove",
 		text: e
-	})), ...c.map((e) => ({
+	})), ...l.map((e) => ({
 		op: "add",
 		text: e
-	}))], u = [];
-	for (let e = 0; e < l.length; e++) {
-		let t = l[e], n = l[e + 1];
+	}))], d = [];
+	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 = pt(mt(t.text), mt(n.text));
-			u.push(/* @__PURE__ */ V("p", {
+			let r = Ot(kt(t.text), kt(n.text));
+			d.push(/* @__PURE__ */ G("p", {
 				className: "m-0 whitespace-pre-wrap text-sm leading-relaxed",
-				children: r ? r.map((e, t) => e.op === "same" ? /* @__PURE__ */ V("span", { children: e.text }, t) : e.op === "add" ? /* @__PURE__ */ V(yt, { children: e.text }, t) : /* @__PURE__ */ V(bt, { children: e.text }, t)) : [
-					/* @__PURE__ */ V(bt, { children: t.text }, "r"),
+				children: r ? r.map((e, t) => e.op === "same" ? /* @__PURE__ */ G("span", { children: e.text }, t) : e.op === "add" ? /* @__PURE__ */ G(Xt, { children: e.text }, t) : /* @__PURE__ */ G(Zt, { children: e.text }, t)) : [
+					/* @__PURE__ */ G(Zt, { children: t.text }, "r"),
 					" ",
-					/* @__PURE__ */ V(yt, { children: n.text }, "a")
+					/* @__PURE__ */ G(Xt, { children: n.text }, "a")
 				]
 			}, e)), e++;
-		} else u.push(/* @__PURE__ */ V("p", {
+		} else d.push(/* @__PURE__ */ G("p", {
 			className: "m-0 whitespace-pre-wrap text-sm leading-relaxed",
-			children: t.op === "same" ? t.text : t.op === "add" ? /* @__PURE__ */ V(yt, { children: t.text }) : /* @__PURE__ */ V(bt, { children: t.text })
+			children: t.op === "same" ? t.text : t.op === "add" ? /* @__PURE__ */ G(Xt, { children: t.text }) : /* @__PURE__ */ G(Zt, { children: t.text })
 		}, e));
 	}
-	return u.length === 0 ? /* @__PURE__ */ V("p", {
+	return d.length === 0 ? /* @__PURE__ */ G("p", {
 		className: "m-0 text-sm text-muted-foreground",
-		children: t("bento.diff.empty", { defaultValue: "Empty" })
-	}) : /* @__PURE__ */ V("div", {
+		children: n("bento.diff.empty", { defaultValue: "Empty" })
+	}) : /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-2",
-		children: u
+		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;
+	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);
+	if (o === null) return null;
+	let s = [], c = 0, l = 0, u = (e) => s.push({
+		op: "same",
+		text: e,
+		old: ++c,
+		new: ++l
+	});
+	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));
+			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 = [];
+	};
+	for (let e of o) e.op === "remove" ? d.push({
+		op: "remove",
+		text: e.text,
+		old: ++c
+	}) : e.op === "add" ? f.push({
+		op: "add",
+		text: e.text,
+		new: ++l
+	}) : (p(), u(e.text));
+	return p(), n.slice(n.length - a).forEach(u), s;
+}
+function Lt(e) {
+	let t = [], n = 0;
+	for (; n < e.length;) {
+		if (e[n].op === "same") {
+			t.push({
+				left: e[n],
+				right: e[n]
+			}), n++;
+			continue;
+		}
+		let r = [], i = [];
+		for (; n < e.length && e[n].op !== "same"; n++) (e[n].op === "remove" ? r : i).push(e[n]);
+		for (let e = 0; e < Math.max(r.length, i.length); e++) t.push({
+			left: r[e] ?? null,
+			right: i[e] ?? null
+		});
+	}
+	return t;
+}
+function Rt(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;
+	});
+	let i = [], a = 0;
+	for (; a < e.length;) {
+		let t = a, o = r[a];
+		for (; a < e.length && r[a] === o;) a++;
+		let s = e.slice(t, a);
+		o || s.length === 1 ? i.push({
+			fold: !1,
+			items: s
+		}) : i.push({
+			fold: !0,
+			key: n(s[0]),
+			items: s
+		});
+	}
+	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", {
+		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", {
+		className: "m-0 text-sm text-muted-foreground",
+		children: a("bento.diff.empty", { defaultValue: "Empty" })
+	});
+	let l = (e) => {
+		let t = new Set(o);
+		t.delete(e) || t.add(e), s(t);
+	};
+	function u(t, n, r) {
+		let i = o.has(t.key);
+		return [/* @__PURE__ */ G("tr", { children: /* @__PURE__ */ G("td", {
+			colSpan: n,
+			className: "bg-muted/40 px-2",
+			children: /* @__PURE__ */ K("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, {
+					size: 12,
+					"aria-hidden": "true",
+					className: e("transition-transform", i && "rotate-90")
+				}), a("bento.diff.unchangedLines", {
+					defaultValue: "{{count}} unchanged lines",
+					count: t.items.length
+				})]
+			})
+		}) }, `fold-${t.key}`), ...i ? t.items.map(r) : []];
+	}
+	let d = (t) => /* @__PURE__ */ G("table", {
+		"data-layout": "inline",
+		className: e("min-w-full border-collapse font-mono text-xs leading-5", t),
+		children: /* @__PURE__ */ G("tbody", { children: Rt(c, (e) => e.op !== "same", Bt).map((e) => {
+			let t = (e) => /* @__PURE__ */ G(Kt, { row: e }, Bt(e));
+			return e.fold ? u(e, 4, t) : e.items.map(t);
+		}) })
+	});
+	return /* @__PURE__ */ G("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", {
+			"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));
+				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, {
+		op: e.op,
+		children: e.text
+	});
+}
+var Wt = {
+	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", {
+		"data-op": t.op,
+		children: [
+			/* @__PURE__ */ G("td", {
+				className: e("w-px", Gt, n),
+				children: t.old
+			}),
+			/* @__PURE__ */ G("td", {
+				className: e("w-px", Gt, n),
+				children: t.new
+			}),
+			/* @__PURE__ */ G("td", {
+				"aria-hidden": "true",
+				className: e("w-px select-none pr-1", n),
+				children: Wt[t.op]
+			}),
+			/* @__PURE__ */ G("td", {
+				className: e("whitespace-pre pr-3", !t.parts && n),
+				children: Ut(t)
+			})
+		]
+	});
+}
+function qt({ pair: e }) {
+	return /* @__PURE__ */ K("tr", {
+		"data-op": e.left?.op === "same" ? "same" : "change",
+		children: [/* @__PURE__ */ G(Jt, {
+			row: e.left,
+			number: e.left?.old
+		}), /* @__PURE__ */ G(Jt, {
+			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", {
+		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"),
+			children: n
+		}),
+		/* @__PURE__ */ G("td", {
+			"aria-hidden": "true",
+			className: e("select-none align-top", i),
+			children: Wt[t.op]
+		}),
+		/* @__PURE__ */ G("td", {
+			className: e("whitespace-pre-wrap pr-3 [overflow-wrap:anywhere]", !t.parts && i),
+			children: Ut(t)
+		})
+	] });
 }
-function yt({ children: e }) {
-	let { t } = U();
-	return /* @__PURE__ */ H("ins", {
+function Yt({ op: e, children: t }) {
+	let { t: n } = q();
+	return /* @__PURE__ */ K(e === "add" ? "ins" : "del", {
+		className: "no-underline",
+		children: [/* @__PURE__ */ K("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", {
 		className: "bento-status bento-status-on rounded-sm px-0.5 underline decoration-2 underline-offset-2",
-		children: [/* @__PURE__ */ H("span", {
+		children: [/* @__PURE__ */ K("span", {
 			className: "sr-only",
 			children: [t("bento.diff.addedStart", { defaultValue: "added:" }), " "]
 		}), e]
 	});
 }
-function bt({ children: e }) {
-	let { t } = U();
-	return /* @__PURE__ */ H("del", {
+function Zt({ children: e }) {
+	let { t } = q();
+	return /* @__PURE__ */ K("del", {
 		className: "bento-status bento-status-error rounded-sm px-0.5 line-through decoration-2",
-		children: [/* @__PURE__ */ H("span", {
+		children: [/* @__PURE__ */ K("span", {
 			className: "sr-only",
 			children: [t("bento.diff.removedStart", { defaultValue: "removed:" }), " "]
 		}), e]
 	});
 }
 //#endregion
+//#region src/bento/bento-split-page.tsx
+var Qt = ["primary", "secondary"], $t = {
+	getItem: (e) => {
+		try {
+			return window.localStorage.getItem(e);
+		} catch {
+			return null;
+		}
+	},
+	setItem: (e, t) => {
+		try {
+			window.localStorage.setItem(e, t);
+		} catch {}
+	}
+}, en = {
+	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({
+		id: a ?? "bento-split-page",
+		panelIds: Qt,
+		storage: a ? $t : en
+	});
+	return l ? /* @__PURE__ */ K(F, {
+		"data-slot": "bento-split-page",
+		defaultValue: "primary",
+		className: e("flex flex-col gap-3", s),
+		children: [
+			/* @__PURE__ */ K(j, {
+				"aria-label": c("bento.split.switch", { defaultValue: "Show" }),
+				className: "self-start",
+				children: [/* @__PURE__ */ G(I, {
+					value: "primary",
+					children: r
+				}), /* @__PURE__ */ G(I, {
+					value: "secondary",
+					children: i
+				})]
+			}),
+			/* @__PURE__ */ G(w, {
+				value: "primary",
+				forceMount: !0,
+				className: "data-[state=inactive]:hidden",
+				children: t
+			}),
+			/* @__PURE__ */ G(w, {
+				value: "secondary",
+				forceMount: !0,
+				className: "data-[state=inactive]:hidden",
+				children: n
+			})
+		]
+	}) : /* @__PURE__ */ G("div", {
+		"data-slot": "bento-split-page",
+		className: e("h-[var(--bento-split-height,calc(100dvh-12rem))] min-h-80", s),
+		children: /* @__PURE__ */ K(y, {
+			orientation: "horizontal",
+			defaultLayout: u.defaultLayout,
+			onLayoutChanged: u.onLayoutChanged,
+			children: [
+				/* @__PURE__ */ G(R, {
+					id: "primary",
+					defaultSize: `${o}`,
+					minSize: "25",
+					children: /* @__PURE__ */ G("section", {
+						"aria-label": r,
+						className: "h-full overflow-y-auto pr-3",
+						children: t
+					})
+				}),
+				/* @__PURE__ */ G(C, { withHandle: !0 }),
+				/* @__PURE__ */ G(R, {
+					id: "secondary",
+					defaultSize: `${100 - o}`,
+					minSize: "25",
+					children: /* @__PURE__ */ G("section", {
+						"aria-label": i,
+						className: "h-full overflow-y-auto pl-3",
+						children: n
+					})
+				})
+			]
+		})
+	});
+}
+//#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) => {
+	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) => {
+	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) {
+	let n = new Intl.DateTimeFormat("en-US", {
+		timeZone: t,
+		year: "numeric",
+		month: "numeric",
+		day: "numeric",
+		hour: "numeric",
+		minute: "numeric",
+		second: "numeric",
+		hourCycle: "h23"
+	}).formatToParts(new Date(e)), r = (e) => Number(n.find((t) => t.type === e)?.value);
+	return {
+		y: r("year"),
+		m: r("month"),
+		d: r("day"),
+		h: r("hour"),
+		mi: r("minute"),
+		s: r("second")
+	};
+}
+function sn(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);
+		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 = {
+	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);
+		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" ? {
+		...b,
+		d: 1
+	} : b), ee = y === "month" ? Math.ceil((Q(rn({
+		...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(() => {
+		u?.({
+			start: sn(N, 0, 0, 0, 0, o),
+			end: sn(te, 0, 0, 0, 0, o)
+		});
+	}, [F, o]), B(() => {
+		k.current && (k.current = !1, O.current.get(Z(b))?.focus());
+	});
+	let I = /* @__PURE__ */ new Map();
+	for (let e of t) {
+		let t = new Date(e.start).getTime();
+		if (Number.isNaN(t)) continue;
+		let n = Z(g(t)), r = I.get(n) ?? [];
+		r.push({
+			entry: e,
+			time: t
+		}), I.set(n, r);
+	}
+	for (let e of I.values()) e.sort((e, t) => e.time - t.time);
+	let L = (e) => new Intl.DateTimeFormat(h, {
+		...e,
+		timeZone: "UTC"
+	}), R = (e) => L({ dateStyle: "full" }).format(Q(e)), ne = (e) => new Intl.DateTimeFormat(h, {
+		timeStyle: "short",
+		timeZone: o
+	}).format(e), re = y === "month" ? L({
+		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) {
+		k.current = !0, x(e);
+	}
+	function ae(e) {
+		n === void 0 && v(e), i?.(e);
+	}
+	let oe = (e) => y === "month" ? rn(b, e) : $(b, 7 * e);
+	function z(e, n) {
+		let r = t.find((t) => t.id === e);
+		if (!r || !c) return;
+		let i = new Date(r.start).getTime(), a = on(i, o);
+		Z(a) !== Z(n) && c(e, sn(n, a.h, a.mi, a.s, i % 1e3, o)), D(p("bento.calendar.moved", {
+			defaultValue: "Moved {{label}} to {{day}}.",
+			label: r.label,
+			day: R(n)
+		}));
+	}
+	function V(e, n) {
+		let r = {
+			ArrowLeft: () => $(n, -1),
+			ArrowRight: () => $(n, 1),
+			ArrowUp: () => $(n, -7),
+			ArrowDown: () => $(n, 7),
+			Home: () => M(n),
+			End: () => $(M(n), 6),
+			PageUp: () => oe(-1),
+			PageDown: () => oe(1)
+		}[e.key];
+		if (r) {
+			e.preventDefault(), ie(r());
+			return;
+		}
+		if (S && (e.key === "Enter" || e.key === " ")) e.preventDefault(), z(S, n), C(null);
+		else if (S && e.key === "Escape") {
+			e.preventDefault();
+			let n = t.find((e) => e.id === S);
+			C(null), D(p("bento.calendar.cancelled", {
+				defaultValue: "Put {{label}} back.",
+				label: n?.label ?? ""
+			}));
+		} else e.key === "Enter" && (e.preventDefault(), e.currentTarget.querySelector("button")?.focus());
+	}
+	function ce(e, t) {
+		let n = e.currentTarget.closest("td"), r = n ? [...n.querySelectorAll("button")] : [], i = r.indexOf(e.currentTarget), a = c && (e.key === " " || e.key === "Enter" && !l);
+		if (e.key === "ArrowDown" || e.key === "ArrowUp") r[i + (e.key === "ArrowDown" ? 1 : -1)]?.focus();
+		else if (e.key === "Escape") n?.focus();
+		else if (a) C(t.id), D(p("bento.calendar.picked", {
+			defaultValue: "Picked up {{label}}. Choose a day and press Enter.",
+			label: t.label
+		})), n?.focus();
+		else if (e.key === "Enter" && l) l(t.id);
+		else return;
+		e.preventDefault(), e.stopPropagation();
+	}
+	function W(e, t) {
+		let n = w ?? e.dataTransfer.getData("text/plain");
+		T(null), n && (e.preventDefault(), z(n, t));
+	}
+	let le = c ? A : void 0;
+	return /* @__PURE__ */ K("div", {
+		"data-slot": "bento-calendar",
+		className: e("flex flex-col gap-3", f),
+		children: [
+			/* @__PURE__ */ K("div", {
+				className: "flex flex-wrap items-center justify-between gap-2",
+				children: [/* @__PURE__ */ K("div", {
+					className: "flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ G(un, {
+							label: p("bento.calendar.previous", { defaultValue: "Previous" }),
+							onClick: () => x(oe(-1)),
+							children: /* @__PURE__ */ G(ye, {
+								size: 16,
+								"aria-hidden": "true"
+							})
+						}),
+						/* @__PURE__ */ G(un, {
+							label: p("bento.calendar.next", { defaultValue: "Next" }),
+							onClick: () => x(oe(1)),
+							children: /* @__PURE__ */ G(be, {
+								size: 16,
+								"aria-hidden": "true"
+							})
+						}),
+						/* @__PURE__ */ G("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", {
+							className: "m-0 ml-2 text-base font-semibold",
+							"aria-live": "polite",
+							children: re
+						})
+					]
+				}), /* @__PURE__ */ G("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", {
+						type: "button",
+						"aria-pressed": y === t ? "true" : "false",
+						onClick: () => ae(t),
+						className: e("rounded px-2 py-0.5 text-sm focus-visible:outline-2 focus-visible:outline-ring", y === t ? "bg-primary text-primary-foreground" : "hover:bg-muted/50"),
+						children: t === "month" ? p("bento.calendar.month", { defaultValue: "Month" }) : p("bento.calendar.week", { defaultValue: "Week" })
+					}, t))
+				})]
+			}),
+			/* @__PURE__ */ G("span", {
+				role: "status",
+				"aria-live": "polite",
+				className: "sr-only",
+				children: E
+			}),
+			le && /* @__PURE__ */ G("span", {
+				id: le,
+				className: "sr-only",
+				children: p("bento.calendar.moveHint", { defaultValue: "Space picks this up to move it: the arrow keys choose a day, Enter drops it and Escape cancels." })
+			}),
+			/* @__PURE__ */ K("table", {
+				role: "grid",
+				"aria-label": d ?? re,
+				className: "w-full table-fixed border-collapse text-sm",
+				children: [/* @__PURE__ */ G("thead", { children: /* @__PURE__ */ G("tr", { children: P[0].map((e) => /* @__PURE__ */ G("th", {
+					scope: "col",
+					abbr: L({ 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", {
+						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", {
+							defaultValue: "{{count}} scheduled",
+							count: o
+						})}` : R(t),
+						"aria-current": n === j ? "date" : void 0,
+						"data-day": n,
+						onKeyDown: (e) => V(e, t),
+						onFocus: () => {
+							i || x(t);
+						},
+						onDragOver: (e) => {
+							w && e.preventDefault();
+						},
+						onDrop: (e) => W(e, t),
+						className: e("border border-border/60 p-1 align-top outline-none", y === "month" ? "h-24" : "h-48", "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring", S && i && "bg-primary/10"),
+						children: [/* @__PURE__ */ G("span", {
+							"aria-hidden": "true",
+							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", {
+							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", {
+								type: "button",
+								tabIndex: -1,
+								draggable: c ? !0 : void 0,
+								"aria-describedby": le,
+								"aria-pressed": c ? S === t.id ? "true" : "false" : void 0,
+								"data-entry": t.id,
+								onKeyDown: (e) => ce(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", {
+									dateTime: new Date(n).toISOString(),
+									className: "flex-none tabular-nums",
+									children: ne(n)
+								}), /* @__PURE__ */ G("span", {
+									className: "truncate",
+									children: t.label
+								})]
+							}) }, t.id))
+						})]
+					}, n);
+				}) }, Z(t[0]))) })]
+			})
+		]
+	});
+}
+function un({ label: e, onClick: t, children: n }) {
+	return /* @__PURE__ */ G("button", {
+		type: "button",
+		"aria-label": e,
+		onClick: t,
+		className: "grid size-7 place-items-center rounded-md border border-border hover:bg-muted/50 focus-visible:outline-2 focus-visible:outline-ring",
+		children: n
+	});
+}
+//#endregion
 //#region src/bento/bento-layout.ts
-var xt = {
+var dn = {
 	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"
-}, St = {
+}, fn = {
 	SMALL: "MEDIUM",
 	MEDIUM: "LARGE",
 	LARGE: "SMALL"
 };
-function Ct(e, t, n) {
+function pn(e, t, n) {
 	if (!n || n.length === 0) return e.map((e, n) => ({
 		item: e,
 		key: t(e),
@@ -1041,7 +1684,7 @@ function Ct(e, t, n) {
 		emphasis: i.get(t) ?? "MEDIUM"
 	}));
 }
-function wt(e) {
+function mn(e) {
 	return e.map((e, t) => ({
 		itemId: e.key,
 		emphasis: e.emphasis,
@@ -1050,45 +1693,45 @@ function wt(e) {
 }
 //#endregion
 //#region src/bento/bento-entity-tile.tsx
-function Tt({ 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 } = U(), p = Q(a), m = t ?? (n ? "LARGE" : "MEDIUM"), h = m === "LARGE", g = m === "SMALL", _ = xt[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__ */ H(Z, {
+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, {
 		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__ */ H(B, { children: [/* @__PURE__ */ V("div", {
+			h && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("div", {
 				"aria-hidden": !0,
 				className: `pointer-events-none absolute -bottom-10 -right-10 h-64 w-64 rounded-full ${p} opacity-40 blur-2xl dark:opacity-50`
-			}), /* @__PURE__ */ V("div", {
+			}), /* @__PURE__ */ G("div", {
 				"aria-hidden": !0,
 				className: `pointer-events-none absolute right-12 top-1/3 h-32 w-32 rounded-full ${p} bento-chip-tr opacity-20 blur-2xl dark:opacity-30`
 			})] }),
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ K("div", {
 				className: "relative z-1 flex items-center justify-between",
-				children: [/* @__PURE__ */ V("span", {
+				children: [/* @__PURE__ */ G("span", {
 					className: `grid place-items-center rounded-2xl ${p} text-white shadow-md ${b}`,
-					children: i ? /* @__PURE__ */ V(ke, {
+					children: i ? /* @__PURE__ */ G(Be, {
 						icon: i,
 						className: h ? "size-7 text-white" : "size-4.5 text-white"
-					}) : /* @__PURE__ */ V(r, { size: x })
-				}), u && /* @__PURE__ */ H("span", {
+					}) : /* @__PURE__ */ G(r, { size: x })
+				}), u && /* @__PURE__ */ K("span", {
 					className: `flex items-center gap-1.5 rounded-full border px-2 py-0.5 text-[10px] uppercase tracking-wider ${v ? "bento-status bento-status-on" : "border-border bg-muted text-muted-foreground"}`,
-					children: [/* @__PURE__ */ V("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__ */ G("span", { className: `h-1.5 w-1.5 rounded-full ${v ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), v ? f("common.active", { defaultValue: "Active" }) : f("common.idle", { defaultValue: "Idle" })]
 				})]
 			}),
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ K("div", {
 				className: "relative z-1",
 				children: [
-					/* @__PURE__ */ V("div", {
+					/* @__PURE__ */ G("div", {
 						className: `font-semibold tracking-tight ${S}`,
 						children: o
 					}),
-					!g && c && /* @__PURE__ */ V("div", {
+					!g && c && /* @__PURE__ */ G("div", {
 						className: "mt-1 flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground",
 						children: c
 					}),
-					!g && s && /* @__PURE__ */ V("p", {
+					!g && s && /* @__PURE__ */ G("p", {
 						className: "mt-2 text-sm text-muted-foreground",
 						children: s
 					})
@@ -1099,26 +1742,26 @@ function Tt({ to: e, emphasis: t, featured: n, defaultIcon: r, icon: i, tone: a
 }
 //#endregion
 //#region src/bento/bento-filter-bar.tsx
-var Et = {
+var gn = {
 	query: "",
 	facets: {}
-}, Dt = (e) => typeof e == "object" && !!e && !Array.isArray(e), Ot = (e) => Array.isArray(e) ? e : [];
-function kt(e, t, n) {
+}, _n = (e) => typeof e == "object" && !!e && !Array.isArray(e), vn = (e) => Array.isArray(e) ? e : [];
+function yn(e, t, n) {
 	let r = { ...e.facets };
-	return n === void 0 || Array.isArray(n) && n.length === 0 || Dt(n) && !n.from && !n.to ? delete r[t] : r[t] = n, {
+	return n === void 0 || Array.isArray(n) && n.length === 0 || _n(n) && !n.from && !n.to ? delete r[t] : r[t] = n, {
 		...e,
 		facets: r
 	};
 }
-function At({ value: e, onChange: n, facets: r, queryLabel: i, queryDelay: a = 300, views: o }) {
-	let { t: s } = U(), [c, l] = z({
+function bn({ value: e, onChange: n, facets: r, queryLabel: i, queryDelay: a = 300, views: o }) {
+	let { t: s } = q(), [c, l] = U({
 		source: e.query,
 		text: e.query
-	}), [u, d] = z(null);
+	}), [u, d] = U(null);
 	c.source !== e.query && l({
 		source: e.query,
 		text: e.query === u ? c.text : e.query
-	}), F(() => {
+	}), B(() => {
 		if (c.text === e.query) return;
 		let t = setTimeout(() => {
 			d(c.text), n({
@@ -1136,36 +1779,36 @@ function At({ 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 Ot(n)) {
+		if (t.kind === "choice") for (let r of vn(n)) {
 			let i = t.options.find((e) => e.value === r);
 			f.push({
 				key: `${t.id}:${r}`,
 				text: `${t.label}: ${i?.label ?? r}`,
-				remove: () => kt(e, t.id, Ot(n).filter((e) => e !== r))
+				remove: () => yn(e, t.id, vn(n).filter((e) => e !== r))
 			});
 		}
-		else Dt(n) && (n.from || n.to) && f.push({
+		else _n(n) && (n.from || n.to) && f.push({
 			key: t.id,
 			text: `${t.label}: ${n.from ?? "…"} – ${n.to ?? "…"}`,
-			remove: () => kt(e, t.id, void 0)
+			remove: () => yn(e, t.id, void 0)
 		});
 	}
 	let p = f.length > 0 || e.query !== "", m = i ?? s("bento.filters.search", { defaultValue: "Search" });
-	return /* @__PURE__ */ H("div", {
+	return /* @__PURE__ */ K("div", {
 		role: "search",
 		"aria-label": s("bento.filters.label", { defaultValue: "Filters" }),
 		"data-slot": "bento-filter-bar",
 		className: "flex flex-col gap-2",
-		children: [/* @__PURE__ */ H("div", {
+		children: [/* @__PURE__ */ K("div", {
 			className: "flex flex-wrap items-center gap-2",
 			children: [
-				/* @__PURE__ */ H("div", {
+				/* @__PURE__ */ K("div", {
 					className: "relative min-w-48 flex-1",
-					children: [/* @__PURE__ */ V(Se, {
+					children: [/* @__PURE__ */ G(Ne, {
 						size: 16,
 						"aria-hidden": "true",
 						className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
-					}), /* @__PURE__ */ V(t, {
+					}), /* @__PURE__ */ G(t, {
 						type: "search",
 						value: c.text,
 						placeholder: m,
@@ -1177,21 +1820,21 @@ function At({ value: e, onChange: n, facets: r, queryLabel: i, queryDelay: a = 3
 						className: "pl-9"
 					})]
 				}),
-				r.map((t) => t.kind === "choice" ? /* @__PURE__ */ V(Mt, {
+				r.map((t) => t.kind === "choice" ? /* @__PURE__ */ G(Sn, {
 					facet: t,
 					value: e,
 					onChange: n
-				}, t.id) : /* @__PURE__ */ V(Nt, {
+				}, t.id) : /* @__PURE__ */ G(Cn, {
 					facet: t,
 					value: e,
 					onChange: n
 				}, t.id)),
 				o
 			]
-		}), p && /* @__PURE__ */ H("ul", {
+		}), p && /* @__PURE__ */ K("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__ */ V("li", { children: /* @__PURE__ */ H("button", {
+			children: [f.map((e) => /* @__PURE__ */ G("li", { children: /* @__PURE__ */ K("button", {
 				type: "button",
 				"aria-label": s("bento.filters.remove", {
 					defaultValue: "Remove filter {{filter}}",
@@ -1199,11 +1842,11 @@ function At({ 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__ */ V(Oe, {
+				children: [e.text, /* @__PURE__ */ G(ze, {
 					size: 12,
 					"aria-hidden": "true"
 				})]
-			}) }, e.key)), /* @__PURE__ */ V("li", { children: /* @__PURE__ */ V(N, {
+			}) }, e.key)), /* @__PURE__ */ G("li", { children: /* @__PURE__ */ G(P, {
 				variant: "ghost",
 				size: "sm",
 				className: "h-6 px-2 text-xs",
@@ -1211,108 +1854,108 @@ function At({ value: e, onChange: n, facets: r, queryLabel: i, queryDelay: a = 3
 					l({
 						source: "",
 						text: ""
-					}), n(Et);
+					}), n(gn);
 				},
 				children: s("bento.filters.clearAll", { defaultValue: "Clear all" })
 			}) })]
 		})]
 	});
 }
-function jt({ label: e, count: t, ...n }) {
-	return /* @__PURE__ */ H(N, {
+function xn({ label: e, count: t, ...n }) {
+	return /* @__PURE__ */ K(P, {
 		variant: "outline",
 		size: "sm",
 		className: "gap-1.5",
 		...n,
 		children: [
 			e,
-			t > 0 && /* @__PURE__ */ V("span", {
+			t > 0 && /* @__PURE__ */ G("span", {
 				className: "rounded-full bg-primary px-1.5 text-[0.6875rem] leading-4 text-primary-foreground",
 				children: t
 			}),
-			/* @__PURE__ */ V(pe, {
+			/* @__PURE__ */ G(ve, {
 				size: 14,
 				"aria-hidden": "true"
 			})
 		]
 	});
 }
-function Mt({ facet: e, value: t, onChange: n }) {
-	let r = Ot(t.facets[e.id]);
-	return /* @__PURE__ */ H(l, { children: [/* @__PURE__ */ V(f, {
+function Sn({ facet: e, value: t, onChange: n }) {
+	let r = vn(t.facets[e.id]);
+	return /* @__PURE__ */ K(k, { children: [/* @__PURE__ */ G(f, {
 		asChild: !0,
-		children: /* @__PURE__ */ V(jt, {
+		children: /* @__PURE__ */ G(xn, {
 			label: e.label,
 			count: r.length
 		})
-	}), /* @__PURE__ */ V(_, {
+	}), /* @__PURE__ */ G(g, {
 		align: "start",
 		className: "bento-dropdown min-w-44 p-1.5",
-		children: e.multiple ? e.options.map((i) => /* @__PURE__ */ V(j, {
+		children: e.multiple ? e.options.map((i) => /* @__PURE__ */ G(h, {
 			checked: r.includes(i.value),
-			onCheckedChange: (a) => n(kt(t, e.id, a === !0 ? [...r, i.value] : r.filter((e) => e !== i.value))),
+			onCheckedChange: (a) => n(yn(t, e.id, a === !0 ? [...r, i.value] : r.filter((e) => e !== i.value))),
 			onSelect: (e) => e.preventDefault(),
 			children: i.label
-		}, i.value)) : /* @__PURE__ */ V(c, {
+		}, i.value)) : /* @__PURE__ */ G(v, {
 			value: r[0] ?? "",
-			onValueChange: (i) => n(kt(t, e.id, i === r[0] ? [] : [i])),
-			children: e.options.map((e) => /* @__PURE__ */ V(T, {
+			onValueChange: (i) => n(yn(t, e.id, i === r[0] ? [] : [i])),
+			children: e.options.map((e) => /* @__PURE__ */ G(ne, {
 				value: e.value,
 				children: e.label
 			}, e.value))
 		})
 	})] });
 }
-function Nt({ facet: e, value: n, onChange: r }) {
-	let { t: i } = U(), a = n.facets[e.id], o = Dt(a) ? a : {}, [s, c] = z(!1), [l, u] = z(o.from ?? ""), [d, f] = z(o.to ?? ""), p = I(), m = I();
-	return /* @__PURE__ */ H(C, {
+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, {
 		open: s,
 		onOpenChange: (e) => {
-			e && (u(o.from ?? ""), f(o.to ?? "")), c(e);
+			e && (d(o.from ?? ""), p(o.to ?? "")), c(e);
 		},
-		children: [/* @__PURE__ */ V(M, {
+		children: [/* @__PURE__ */ G(A, {
 			asChild: !0,
-			children: /* @__PURE__ */ V(jt, {
+			children: /* @__PURE__ */ G(xn, {
 				label: e.label,
 				count: o.from || o.to ? 1 : 0
 			})
-		}), /* @__PURE__ */ V(v, {
+		}), /* @__PURE__ */ G(b, {
 			align: "start",
 			className: "bento-dropdown w-64 p-3",
-			children: /* @__PURE__ */ H("form", {
+			children: /* @__PURE__ */ K("form", {
 				className: "flex flex-col gap-2",
 				onSubmit: (t) => {
-					t.preventDefault(), r(kt(n, e.id, {
+					t.preventDefault(), r(yn(n, e.id, {
 						from: l || void 0,
-						to: d || void 0
+						to: f || void 0
 					})), c(!1);
 				},
 				children: [
-					/* @__PURE__ */ V("label", {
-						htmlFor: p,
+					/* @__PURE__ */ G("label", {
+						htmlFor: m,
 						className: "text-xs text-muted-foreground",
 						children: i("bento.filters.from", { defaultValue: "From" })
 					}),
-					/* @__PURE__ */ V(t, {
-						id: p,
+					/* @__PURE__ */ G(t, {
+						id: m,
 						type: "date",
 						value: l,
-						max: d || void 0,
-						onChange: (e) => u(e.target.value)
+						max: f || void 0,
+						onChange: (e) => d(e.target.value)
 					}),
-					/* @__PURE__ */ V("label", {
-						htmlFor: m,
+					/* @__PURE__ */ G("label", {
+						htmlFor: h,
 						className: "text-xs text-muted-foreground",
 						children: i("bento.filters.to", { defaultValue: "To" })
 					}),
-					/* @__PURE__ */ V(t, {
-						id: m,
+					/* @__PURE__ */ G(t, {
+						id: h,
 						type: "date",
-						value: d,
+						value: f,
 						min: l || void 0,
-						onChange: (e) => f(e.target.value)
+						onChange: (e) => p(e.target.value)
 					}),
-					/* @__PURE__ */ V(N, {
+					/* @__PURE__ */ G(P, {
 						type: "submit",
 						size: "sm",
 						className: "mt-1",
@@ -1325,40 +1968,40 @@ function Nt({ facet: e, value: n, onChange: r }) {
 }
 //#endregion
 //#region src/bento/bento-list-page.tsx
-var Pt = "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 Ft({ 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 } = U(), S = Q(u), [C, w] = z(!1), T = L(() => Ct(e ?? [], g, b?.data?.entries), [
+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), [
 		e,
 		g,
 		b?.data?.entries
 	]), E = !!r && !!b && (e?.length ?? 0) > 0;
-	return /* @__PURE__ */ H(te, {
+	return /* @__PURE__ */ K(ie, {
 		checkIsNotUndefined: e,
 		error: t ?? null,
 		tryAgainUrl: n,
 		children: [
-			/* @__PURE__ */ V(ot, {
+			/* @__PURE__ */ G(yt, {
 				eyebrow: i,
 				backTo: a,
 				backLabel: o,
-				leading: /* @__PURE__ */ V("span", {
+				leading: /* @__PURE__ */ G("span", {
 					className: `grid h-12 w-12 place-items-center rounded-2xl ${S} text-white shadow-md`,
-					children: /* @__PURE__ */ V(s, { size: 24 })
+					children: /* @__PURE__ */ G(s, { size: 24 })
 				}),
 				title: c,
 				subtitle: l
 			}),
-			(d || E && !C) && /* @__PURE__ */ H("div", {
+			(d || E && !C) && /* @__PURE__ */ K("div", {
 				className: "mb-4 flex flex-wrap items-center gap-2",
-				children: [d, E && !C && /* @__PURE__ */ H(N, {
+				children: [d, E && !C && /* @__PURE__ */ K(P, {
 					variant: "outline",
 					size: "sm",
 					onClick: () => w(!0),
 					className: "ml-auto gap-2",
-					children: [/* @__PURE__ */ V(ae, { size: 16 }), x("bento.layout.customize", { defaultValue: "Customize layout" })]
+					children: [/* @__PURE__ */ G(le, { size: 16 }), x("bento.layout.customize", { defaultValue: "Customize layout" })]
 				})]
 			}),
-			C && r && b ? /* @__PURE__ */ V(Rt, {
+			C && r && b ? /* @__PURE__ */ G(On, {
 				layout: b,
 				resolved: T,
 				canEditGlobal: b?.data?.canEditGlobal ?? !1,
@@ -1370,7 +2013,7 @@ function Ft({ items: e, error: t, tryAgainUrl: n, listId: r, eyebrow: i, backTo:
 				newLabel: p,
 				newSubtitle: m,
 				onClose: () => w(!1)
-			}) : /* @__PURE__ */ V(Lt, {
+			}) : /* @__PURE__ */ G(Dn, {
 				resolved: T,
 				renderTile: _,
 				chip: S,
@@ -1385,26 +2028,26 @@ function Ft({ items: e, error: t, tryAgainUrl: n, listId: r, eyebrow: i, backTo:
 		]
 	});
 }
-function It({ 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 = Q(r);
-	return /* @__PURE__ */ V(te, {
+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 }) {
+	let f = Y(r);
+	return /* @__PURE__ */ G(ie, {
 		checkIsNotUndefined: e,
 		error: t ?? null,
 		tryAgainUrl: n,
-		children: /* @__PURE__ */ H("div", {
-			className: Pt,
+		children: /* @__PURE__ */ K("div", {
+			className: wn,
 			children: [
-				!s && i && a ? /* @__PURE__ */ V(Ht, {
+				!s && i && a ? /* @__PURE__ */ G(Mn, {
 					route: i,
 					label: a,
 					subtitle: o,
 					chip: f
 				}) : null,
-				(e ?? []).map((e) => /* @__PURE__ */ V("span", {
+				(e ?? []).map((e) => /* @__PURE__ */ G("span", {
 					className: "contents",
 					children: l(e)
 				}, c(e))),
-				e?.length === 0 && /* @__PURE__ */ V(Ut, {
+				e?.length === 0 && /* @__PURE__ */ G(Nn, {
 					title: u,
 					description: d
 				})
@@ -1412,30 +2055,30 @@ function It({ items: e, error: t, tryAgainUrl: n, tone: r = "indigo", newRoute:
 		})
 	});
 }
-function Lt({ resolved: t, renderTile: n, chip: r, hideNew: i, newRoute: a, newLabel: o, newSubtitle: s, isEmpty: c, emptyTitle: l, emptyDescription: u }) {
+function Dn({ 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__ */ H("div", {
-		className: e(Pt, d && "grid-flow-dense"),
+	return /* @__PURE__ */ K("div", {
+		className: e(wn, d && "grid-flow-dense"),
 		children: [
-			!i && /* @__PURE__ */ V(Ht, {
+			!i && /* @__PURE__ */ G(Mn, {
 				route: a,
 				label: o,
 				subtitle: s,
 				chip: r
 			}),
-			t.map(({ item: e, key: t, emphasis: r }) => /* @__PURE__ */ V("span", {
+			t.map(({ item: e, key: t, emphasis: r }) => /* @__PURE__ */ G("span", {
 				className: "contents",
 				children: n(e, r)
 			}, t)),
-			c && /* @__PURE__ */ V(Ut, {
+			c && /* @__PURE__ */ G(Nn, {
 				title: l,
 				description: u
 			})
 		]
 	});
 }
-function Rt({ 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 } = U(), [p, m] = z(n), [h, g] = z(null), _ = (t.saving ?? !1) || h !== null, v = (e) => _ && h === e ? { loading: !0 } : { "aria-disabled": _ || void 0 }, [y, b] = z(!1), x = (e, t) => async () => {
+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 () => {
 		if (t) {
 			g(e), b(!1);
 			try {
@@ -1446,12 +2089,12 @@ function Rt({ layout: t, resolved: n, canEditGlobal: r, isCustomized: i, renderT
 				g(null);
 			}
 		}
-	}, S = He(Ve(ze, { activationConstraint: { distance: 8 } }), Ve(Re));
+	}, S = tt(et(Qe, { activationConstraint: { distance: 8 } }), et(Ze));
 	function C(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 : We(e, r, i);
+			return r < 0 || i < 0 ? e : rt(e, r, i);
 		});
 	}
 	function w(e, t) {
@@ -1460,66 +2103,66 @@ function Rt({ layout: t, resolved: n, canEditGlobal: r, isCustomized: i, renderT
 			emphasis: t
 		} : n));
 	}
-	let T = L(() => wt(p), [p]), E = p.some((e) => e.emphasis === "SMALL");
-	return /* @__PURE__ */ H("div", { children: [/* @__PURE__ */ H("div", {
+	let T = V(() => mn(p), [p]), E = p.some((e) => e.emphasis === "SMALL");
+	return /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ K("div", {
 		className: "mb-4 flex flex-wrap items-center gap-2 rounded-2xl border border-border/60 bg-card/40 p-3 backdrop-blur-md",
 		children: [
-			/* @__PURE__ */ V("span", {
+			/* @__PURE__ */ G("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__ */ H(N, {
+			i && t.onReset && /* @__PURE__ */ K(P, {
 				variant: "ghost",
 				size: "sm",
 				className: "gap-2",
 				...v("reset"),
 				onClick: x("reset", t.onReset),
-				children: [h !== "reset" && /* @__PURE__ */ V(W, { size: 16 }), f("bento.layout.reset", { defaultValue: "Reset to default" })]
+				children: [h !== "reset" && /* @__PURE__ */ G(de, { size: 16 }), f("bento.layout.reset", { defaultValue: "Reset to default" })]
 			}),
-			r && t.onSaveGlobal && /* @__PURE__ */ H(N, {
+			r && t.onSaveGlobal && /* @__PURE__ */ K(P, {
 				variant: "outline",
 				size: "sm",
 				className: "gap-2",
 				...v("global"),
 				onClick: x("global", () => t.onSaveGlobal?.(T)),
-				children: [h !== "global" && /* @__PURE__ */ V(De, { size: 16 }), f("bento.layout.saveGlobal", { defaultValue: "Set as default for everyone" })]
+				children: [h !== "global" && /* @__PURE__ */ G(Re, { size: 16 }), f("bento.layout.saveGlobal", { defaultValue: "Set as default for everyone" })]
 			}),
-			/* @__PURE__ */ H(N, {
+			/* @__PURE__ */ K(P, {
 				variant: "ghost",
 				size: "sm",
 				className: "gap-2",
 				...v("cancel"),
 				onClick: d,
-				children: [/* @__PURE__ */ V(Oe, { size: 16 }), f("common.cancel", { defaultValue: "Cancel" })]
+				children: [/* @__PURE__ */ G(ze, { size: 16 }), f("common.cancel", { defaultValue: "Cancel" })]
 			}),
-			/* @__PURE__ */ H(N, {
+			/* @__PURE__ */ K(P, {
 				size: "sm",
 				className: "gap-2",
 				...v("save"),
 				onClick: x("save", () => t.onSave(T)),
-				children: [h !== "save" && /* @__PURE__ */ V(he, { size: 16 }), f("bento.layout.save", { defaultValue: "Save layout" })]
+				children: [h !== "save" && /* @__PURE__ */ G(Se, { size: 16 }), f("bento.layout.save", { defaultValue: "Save layout" })]
 			}),
-			y && /* @__PURE__ */ V("p", {
+			y && /* @__PURE__ */ G("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__ */ V(Le, {
+	}), /* @__PURE__ */ G(Xe, {
 		sensors: S,
-		collisionDetection: Be,
+		collisionDetection: $e,
 		onDragEnd: C,
-		children: /* @__PURE__ */ V(Ue, {
+		children: /* @__PURE__ */ G(nt, {
 			items: p.map((e) => e.key),
-			strategy: Ge,
-			children: /* @__PURE__ */ H("div", {
-				className: e(Pt, E && "grid-flow-dense"),
-				children: [!s && /* @__PURE__ */ V(Ht, {
+			strategy: it,
+			children: /* @__PURE__ */ K("div", {
+				className: e(wn, E && "grid-flow-dense"),
+				children: [!s && /* @__PURE__ */ G(Mn, {
 					route: c,
 					label: l,
 					subtitle: u,
 					chip: o
-				}), p.map(({ item: e, key: t, emphasis: n }) => /* @__PURE__ */ V(Vt, {
+				}), p.map(({ item: e, key: t, emphasis: n }) => /* @__PURE__ */ G(jn, {
 					id: t,
 					emphasis: n,
 					onSetEmphasis: (e) => w(t, e),
@@ -1529,11 +2172,11 @@ function Rt({ layout: t, resolved: n, canEditGlobal: r, isCustomized: i, renderT
 		})
 	})] });
 }
-var zt = [
+var kn = [
 	"SMALL",
 	"MEDIUM",
 	"LARGE"
-], Bt = {
+], An = {
 	SMALL: {
 		key: "bento.layout.size.small",
 		def: "Small"
@@ -1547,29 +2190,29 @@ var zt = [
 		def: "Large"
 	}
 };
-function Vt({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
-	let { t: a } = U(), { attributes: o, listeners: s, setNodeRef: c, transform: l, transition: u, isDragging: d } = Ke({ id: t }), f = {
-		transform: qe.Translate.toString(l),
+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),
 		transition: u,
 		opacity: d ? .6 : 1,
 		zIndex: d ? 50 : void 0
 	};
-	return /* @__PURE__ */ H("div", {
+	return /* @__PURE__ */ K("div", {
 		ref: c,
 		style: f,
-		className: e("relative h-full", xt[n]),
-		children: [/* @__PURE__ */ V("div", {
+		className: e("relative h-full", dn[n]),
+		children: [/* @__PURE__ */ G("div", {
 			className: "pointer-events-none h-full select-none [&>*]:h-full [&>*]:w-full",
 			children: i
-		}), /* @__PURE__ */ H("div", {
+		}), /* @__PURE__ */ K("div", {
 			className: "absolute right-2 top-2 z-10 flex items-center gap-1",
-			children: [/* @__PURE__ */ V("div", {
+			children: [/* @__PURE__ */ G("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: zt.map((t) => {
-					let i = t === n, o = a(Bt[t].key, { defaultValue: Bt[t].def });
-					return /* @__PURE__ */ V("button", {
+				children: kn.map((t) => {
+					let i = t === n, o = a(An[t].key, { defaultValue: An[t].def });
+					return /* @__PURE__ */ G("button", {
 						type: "button",
 						onClick: () => r(t),
 						"aria-pressed": i,
@@ -1579,13 +2222,13 @@ function Vt({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
 						children: o.charAt(0)
 					}, t);
 				})
-			}), /* @__PURE__ */ V("button", {
+			}), /* @__PURE__ */ G("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__ */ V(ge, {
+				children: /* @__PURE__ */ G(Te, {
 					size: 14,
 					className: "text-muted-foreground"
 				})
@@ -1593,35 +2236,35 @@ function Vt({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
 		})]
 	});
 }
-function Ht({ route: e, label: t, subtitle: n, chip: r }) {
-	let { t: i } = U();
-	return /* @__PURE__ */ H(Z, {
+function Mn({ route: e, label: t, subtitle: n, chip: r }) {
+	let { t: i } = q();
+	return /* @__PURE__ */ K(He, {
 		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__ */ H("div", {
+		children: [/* @__PURE__ */ K("div", {
 			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ V("span", {
+			children: [/* @__PURE__ */ G("span", {
 				className: `bento-pulse grid h-10 w-10 place-items-center rounded-2xl ${r} text-white shadow-md`,
-				children: /* @__PURE__ */ V(xe, { size: 20 })
-			}), /* @__PURE__ */ V("span", {
+				children: /* @__PURE__ */ G(je, { size: 20 })
+			}), /* @__PURE__ */ G("span", {
 				className: "text-[11px] uppercase tracking-wider text-muted-foreground",
 				children: i("forms.formActions.new", { defaultValue: "New" })
 			})]
-		}), /* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("div", {
+		}), /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("div", {
 			className: "text-base font-semibold tracking-tight md:text-lg",
-			children: /* @__PURE__ */ V("span", {
+			children: /* @__PURE__ */ G("span", {
 				className: `${r} bg-clip-text text-transparent`,
 				children: t
 			})
-		}), n && /* @__PURE__ */ V("p", {
+		}), n && /* @__PURE__ */ G("p", {
 			className: "mt-1 text-sm text-muted-foreground",
 			children: n
 		})] })]
 	});
 }
-function Ut({ title: e, description: t }) {
-	return /* @__PURE__ */ V(it, {
-		icon: Ce,
+function Nn({ title: e, description: t }) {
+	return /* @__PURE__ */ G(_t, {
+		icon: Pe,
 		title: e,
 		description: t,
 		align: "start",
@@ -1630,100 +2273,100 @@ function Ut({ title: e, description: t }) {
 }
 //#endregion
 //#region src/bento/bento-save-bar.tsx
-function Wt({ title: e, badges: t, actions: n, onCancel: r, loading: i, disabled: o, dirty: s, titleMissing: c }) {
-	let { t: l } = U();
-	return /* @__PURE__ */ H("div", {
+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", {
 		className: "bento-glass flex items-center justify-between gap-4 rounded-2xl px-4 py-3 shadow-md backdrop-blur-xl",
-		children: [/* @__PURE__ */ H("div", {
+		children: [/* @__PURE__ */ K("div", {
 			className: "flex min-w-0 items-center gap-3",
 			children: [
-				e && /* @__PURE__ */ V("p", {
+				e && /* @__PURE__ */ G("p", {
 					className: "truncate text-base font-semibold tracking-tight md:text-lg",
 					children: e
 				}),
-				/* @__PURE__ */ V(lt, {
+				/* @__PURE__ */ G(St, {
 					titleMissing: c,
 					dirty: s
 				}),
-				t && /* @__PURE__ */ V("div", {
+				t && /* @__PURE__ */ G("div", {
 					className: "flex shrink-0 items-center gap-1.5",
 					children: t
 				})
 			]
-		}), /* @__PURE__ */ V("div", {
+		}), /* @__PURE__ */ G("div", {
 			className: "flex shrink-0 gap-2",
-			children: n ?? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ H(a, {
+			children: n ?? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ K(a, {
 				type: "submit",
 				size: "sm",
 				loading: i,
 				"aria-disabled": o ? "true" : void 0,
-				children: [/* @__PURE__ */ V(he, { className: "size-4" }), l("forms.formActions.saveChanges")]
-			}), r && /* @__PURE__ */ H(a, {
+				children: [/* @__PURE__ */ G(Se, { className: "size-4" }), l("forms.formActions.saveChanges")]
+			}), r && /* @__PURE__ */ K(a, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
 				onClick: r,
-				children: [/* @__PURE__ */ V(Oe, { className: "size-4" }), l("forms.formActions.cancel")]
+				children: [/* @__PURE__ */ G(ze, { className: "size-4" }), l("forms.formActions.cancel")]
 			})] })
 		})]
 	});
 }
-function Gt({ children: e }) {
-	return /* @__PURE__ */ V("span", {
+function Fn({ children: e }) {
+	return /* @__PURE__ */ G("span", {
 		className: "rounded-full border border-border/60 bg-card/50 px-2 py-0.5 text-[10px] uppercase tracking-wider text-muted-foreground backdrop-blur",
 		children: e
 	});
 }
-Wt.Badge = Gt;
+Pn.Badge = Fn;
 //#endregion
 //#region src/bento/bento-scroll-save-bar.tsx
-function Kt(e) {
-	let t = R(null);
-	return ut(t), /* @__PURE__ */ H(B, { children: [
-		/* @__PURE__ */ V("div", {
+function In(e) {
+	let t = H(null);
+	return Ct(t), /* @__PURE__ */ K(W, { children: [
+		/* @__PURE__ */ G("div", {
 			ref: t,
 			"aria-hidden": !0,
 			className: "h-px"
 		}),
-		/* @__PURE__ */ V("div", {
+		/* @__PURE__ */ G("div", {
 			"aria-hidden": !0,
 			className: "bento-save-bar-spacer"
 		}),
-		/* @__PURE__ */ V("div", {
+		/* @__PURE__ */ G("div", {
 			className: "bento-fade-in fixed inset-x-0 top-20 z-20 mx-auto w-full max-w-7xl px-4 md:px-8",
-			children: /* @__PURE__ */ V(Wt, { ...e })
+			children: /* @__PURE__ */ G(Pn, { ...e })
 		})
 	] });
 }
 //#endregion
 //#region src/bento/bento-form-hero.tsx
-function qt({ 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 } = U(), _ = p ?? (!!f || !d);
-	return /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V(ot, {
-		eyebrow: t === void 0 ? e : /* @__PURE__ */ V(at, {
+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__ */ H(B, { children: [/* @__PURE__ */ V("div", {
+		trailing: /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("div", {
 			className: "bento-fade-out flex shrink-0 items-center gap-2",
-			children: l ?? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ H(a, {
+			children: l ?? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ K(a, {
 				type: "submit",
 				size: "sm",
 				loading: u,
 				"aria-disabled": _ ? "true" : void 0,
-				children: [/* @__PURE__ */ V(he, { className: "size-4" }), g("forms.formActions.saveChanges")]
-			}), /* @__PURE__ */ H(a, {
+				children: [/* @__PURE__ */ G(Se, { className: "size-4" }), g("forms.formActions.saveChanges")]
+			}), /* @__PURE__ */ K(a, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
 				onClick: c,
-				children: [/* @__PURE__ */ V(Oe, { className: "size-4" }), g("forms.formActions.cancel")]
+				children: [/* @__PURE__ */ G(ze, { className: "size-4" }), g("forms.formActions.cancel")]
 			})] })
 		}), s] })
-	}), /* @__PURE__ */ V(Kt, {
+	}), /* @__PURE__ */ G(In, {
 		title: m,
 		badges: h,
 		actions: l,
@@ -1736,32 +2379,32 @@ function qt({ eyebrow: e, backTo: t, backLabel: n, leading: r, title: i, subtitl
 }
 //#endregion
 //#region src/bento/bento-form-section.tsx
-var Jt = "bento-tile bento-glass relative flex flex-col gap-5 overflow-hidden rounded-3xl p-5 md:p-6";
-function Yt({ icon: t, tone: n, title: r, description: i, children: a, trailing: o, as: s = "h2", className: c }) {
-	return /* @__PURE__ */ H("section", {
-		className: e(Jt, c),
-		children: [/* @__PURE__ */ H("header", {
+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", {
 			className: "flex items-start justify-between gap-3",
-			children: [/* @__PURE__ */ H("div", {
+			children: [/* @__PURE__ */ K("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ V("span", {
-					className: `grid h-10 w-10 place-items-center rounded-2xl text-white shadow-md ${Q(n)}`,
-					children: /* @__PURE__ */ V(t, { size: 20 })
-				}), /* @__PURE__ */ H("div", {
+				children: [/* @__PURE__ */ G("span", {
+					className: `grid h-10 w-10 place-items-center rounded-2xl text-white shadow-md ${Y(n)}`,
+					children: /* @__PURE__ */ G(t, { size: 20 })
+				}), /* @__PURE__ */ K("div", {
 					className: "flex flex-col gap-0.5",
-					children: [/* @__PURE__ */ V(s, {
+					children: [/* @__PURE__ */ G(s, {
 						className: "text-base font-semibold tracking-tight md:text-lg",
 						children: r
-					}), i && /* @__PURE__ */ V("p", {
+					}), i && /* @__PURE__ */ G("p", {
 						className: "text-sm text-muted-foreground",
 						children: i
 					})]
 				})]
-			}), o && /* @__PURE__ */ V("div", {
+			}), o && /* @__PURE__ */ G("div", {
 				className: "shrink-0",
 				children: o
 			})]
-		}), /* @__PURE__ */ V("div", {
+		}), /* @__PURE__ */ G("div", {
 			className: "flex flex-col gap-5",
 			children: a
 		})]
@@ -1769,10 +2412,10 @@ function Yt({ icon: t, tone: n, title: r, description: i, children: a, trailing:
 }
 //#endregion
 //#region src/bento/bento-panel.tsx
-function Xt({ children: t, className: n, contentClassName: r }) {
-	return /* @__PURE__ */ V("div", {
+function Bn({ children: t, className: n, contentClassName: r }) {
+	return /* @__PURE__ */ G("div", {
 		className: e("bento-glass rounded-2xl shadow-md", n),
-		children: /* @__PURE__ */ V("div", {
+		children: /* @__PURE__ */ G("div", {
 			className: r,
 			children: t
 		})
@@ -1780,16 +2423,16 @@ function Xt({ children: t, className: n, contentClassName: r }) {
 }
 //#endregion
 //#region src/bento/bento-back-to-top.tsx
-var Zt = 480;
-function Qt(e) {
+var Vn = 480;
+function Hn(e) {
 	return window.addEventListener("scroll", e, { passive: !0 }), () => window.removeEventListener("scroll", e);
 }
-function $t() {
-	return window.scrollY > Zt;
+function Un() {
+	return window.scrollY > Vn;
 }
-function en({ inline: e = !1 } = {}) {
-	let { t } = U(), n = w(), r = e || n, i = ie(Qt, $t, () => !1);
-	return /* @__PURE__ */ V("button", {
+function Wn({ inline: e = !1 } = {}) {
+	let { t } = q(), n = O(), r = e || n, i = ce(Hn, Un, () => !1);
+	return /* @__PURE__ */ G("button", {
 		type: "button",
 		"aria-label": t("bento.backToTop", { defaultValue: "Back to top" }),
 		tabIndex: i ? 0 : -1,
@@ -1798,28 +2441,28 @@ function en({ 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__ */ V(ue, { size: 18 })
+		children: /* @__PURE__ */ G(me, { size: 18 })
 	});
 }
 //#endregion
 //#region src/bento/bento-nav.ts
-function tn(e) {
+function Gn(e) {
 	return e.bentoRoute ?? e.fallbackRoute;
 }
 //#endregion
 //#region src/bento/bento-command-palette.tsx
-function nn({ label: e, children: t }) {
-	return e ? /* @__PURE__ */ H("div", {
+function Kn({ label: e, children: t }) {
+	return e ? /* @__PURE__ */ K("div", {
 		role: "group",
 		"aria-label": e,
-		children: [/* @__PURE__ */ V("p", {
+		children: [/* @__PURE__ */ G("p", {
 			className: "px-3 pt-2 pb-1 text-xs font-medium text-muted-foreground",
 			children: e
 		}), t]
-	}) : /* @__PURE__ */ V(B, { children: t });
+	}) : /* @__PURE__ */ G(W, { children: t });
 }
-function rn({ index: e, active: t, icon: n, label: r, description: i, trailing: a, onActivate: o, onChoose: s }) {
-	return /* @__PURE__ */ H("button", {
+function qn({ index: e, active: t, icon: n, label: r, description: i, trailing: a, onActivate: o, onChoose: s }) {
+	return /* @__PURE__ */ K("button", {
 		type: "button",
 		id: `bento-palette-opt-${e}`,
 		"data-index": e,
@@ -1829,18 +2472,18 @@ function rn({ 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__ */ V(n, {
+			n && /* @__PURE__ */ G(n, {
 				size: 18,
 				className: "shrink-0 text-muted-foreground"
 			}),
-			/* @__PURE__ */ H("span", {
+			/* @__PURE__ */ K("span", {
 				className: "flex-1 truncate",
-				children: [r, i && /* @__PURE__ */ V("span", {
+				children: [r, i && /* @__PURE__ */ G("span", {
 					className: "ml-2 text-muted-foreground",
 					children: i
 				})]
 			}),
-			a ?? (t && /* @__PURE__ */ V(le, {
+			a ?? (t && /* @__PURE__ */ G(pe, {
 				"aria-hidden": !0,
 				size: 15,
 				className: "shrink-0 text-muted-foreground"
@@ -1848,8 +2491,8 @@ function rn({ index: e, active: t, icon: n, label: r, description: i, trailing:
 		]
 	});
 }
-function an({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c }) {
-	let { t: l } = U(), u = Me(), [d, f] = z(""), [p, m] = z(0), h = R(null), g = L(() => {
+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(() => {
 		let e = d.trim().toLowerCase(), t = a.map((e) => ({
 			item: e,
 			label: l(e.titleKey),
@@ -1863,26 +2506,26 @@ function an({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 		a,
 		d,
 		l
-	]), _ = L(() => [...g.map((e) => ({
+	]), _ = V(() => [...g.map((e) => ({
 		kind: "nav",
 		entry: e
 	})), ...(o?.items ?? []).map((e) => ({
 		kind: "supplied",
 		item: e
-	}))], [g, o]), v = R(c);
-	F(() => {
+	}))], [g, o]), v = H(c);
+	B(() => {
 		v.current = c;
-	}), F(() => {
+	}), B(() => {
 		v.current?.(d);
 	}, [d]);
-	let [y, b] = z(e);
+	let [y, b] = U(e);
 	e !== y && (b(e), e && (f(""), m(0)));
 	let x = _.length === 0 ? 0 : _.length - 1;
-	p > x && m(x), F(() => {
+	p > x && m(x), B(() => {
 		(h.current?.querySelector(`[data-index="${p}"]`))?.scrollIntoView({ block: "nearest" });
 	}, [p]);
 	function S(e) {
-		t(!1), e.kind === "nav" ? u(tn(e.entry.item)) : o?.onSelect(e.item);
+		t(!1), e.kind === "nav" ? u(Gn(e.entry.item)) : o?.onSelect(e.item);
 	}
 	function C(e) {
 		if (e.key === "ArrowDown") e.preventDefault(), m((e) => _.length === 0 ? 0 : (e + 1) % _.length);
@@ -1893,28 +2536,28 @@ function an({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 			t && S(t);
 		}
 	}
-	return /* @__PURE__ */ V(n, {
+	return /* @__PURE__ */ G(n, {
 		open: e,
 		onOpenChange: t,
-		children: /* @__PURE__ */ H(s, {
+		children: /* @__PURE__ */ K(s, {
 			showCloseButton: !1,
 			className: "top-[15%] max-w-xl translate-y-0 gap-0 overflow-hidden p-0",
 			onKeyDown: C,
 			children: [
-				/* @__PURE__ */ V(i, {
+				/* @__PURE__ */ G(i, {
 					className: "sr-only",
 					children: l("bento.palette.title", { defaultValue: "Command palette" })
 				}),
-				/* @__PURE__ */ V(r, {
+				/* @__PURE__ */ G(r, {
 					className: "sr-only",
 					children: l("bento.palette.description", { defaultValue: "Search and jump to any area" })
 				}),
-				/* @__PURE__ */ H("div", {
+				/* @__PURE__ */ K("div", {
 					className: "flex items-center gap-3 border-b border-border/60 px-4",
-					children: [/* @__PURE__ */ V(Se, {
+					children: [/* @__PURE__ */ G(Ne, {
 						size: 18,
 						className: "shrink-0 text-muted-foreground"
-					}), /* @__PURE__ */ V("input", {
+					}), /* @__PURE__ */ G("input", {
 						autoFocus: !0,
 						type: "text",
 						role: "combobox",
@@ -1927,41 +2570,41 @@ function an({ 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__ */ H("div", {
+				/* @__PURE__ */ K("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__ */ V("p", {
+						_.length === 0 && !o?.pending && /* @__PURE__ */ G("p", {
 							className: "px-3 py-6 text-center text-sm text-muted-foreground",
 							children: l("bento.palette.noResults", { defaultValue: "No matches" })
 						}),
-						/* @__PURE__ */ V(nn, {
+						/* @__PURE__ */ G(Kn, {
 							label: o && g.length > 0 ? l("bento.palette.areas", { defaultValue: "Areas" }) : void 0,
-							children: g.map(({ item: e, label: t }, n) => /* @__PURE__ */ V(rn, {
+							children: g.map(({ item: e, label: t }, n) => /* @__PURE__ */ G(qn, {
 								index: n,
 								active: n === p,
 								icon: e.icon,
 								label: t,
 								onActivate: () => m(n),
 								onChoose: () => S(_[n]),
-								trailing: e.bentoRoute ? void 0 : /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V(J, {
+								trailing: e.bentoRoute ? void 0 : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(we, {
 									"aria-hidden": !0,
 									size: 15,
 									className: "shrink-0 text-muted-foreground/70"
-								}), /* @__PURE__ */ V("span", {
+								}), /* @__PURE__ */ G("span", {
 									className: "sr-only",
 									children: l("bento.palette.opensConsole", { defaultValue: "Opens in console" })
 								})] })
 							}, e.id))
 						}),
-						o && /* @__PURE__ */ H(nn, {
+						o && /* @__PURE__ */ K(Kn, {
 							label: o.label,
 							children: [o.items.map((e, t) => {
 								let n = g.length + t;
-								return /* @__PURE__ */ V(rn, {
+								return /* @__PURE__ */ G(qn, {
 									index: n,
 									active: n === p,
 									icon: e.icon,
@@ -1970,7 +2613,7 @@ function an({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 									onActivate: () => m(n),
 									onChoose: () => S(_[n])
 								}, e.id);
-							}), o.pending && /* @__PURE__ */ V("p", {
+							}), o.pending && /* @__PURE__ */ G("p", {
 								className: "px-3 py-2.5 text-sm text-muted-foreground",
 								children: l("bento.palette.searching", { defaultValue: "Searching…" })
 							})]
@@ -1983,13 +2626,13 @@ function an({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 }
 //#endregion
 //#region src/bento/bento-shell.tsx
-function on({ rail: t, headerStart: n, headerEnd: r, column: i = "default", dock: a, backToTop: o = !0, children: s }) {
-	let { t: c } = U(), l = Ae(), u = I(), d = R(null), f = R(null), p = i === "full", m = n != null || r != null, h = o || a != null;
-	return /* @__PURE__ */ H("div", {
+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", {
 		"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"),
 		children: [
-			/* @__PURE__ */ V("a", {
+			/* @__PURE__ */ G("a", {
 				href: `#${u}`,
 				onClick: (e) => {
 					e.preventDefault(), d.current?.focus();
@@ -1997,28 +2640,28 @@ function on({ 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__ */ V("span", {
+			/* @__PURE__ */ G("span", {
 				ref: f,
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only"
 			}),
-			l && /* @__PURE__ */ V(sn, {
+			l && /* @__PURE__ */ G(Xn, {
 				main: d,
 				announcer: f
 			}),
 			t,
-			m && /* @__PURE__ */ H("header", {
+			m && /* @__PURE__ */ K("header", {
 				className: "bento-shell-header bento-shell-bar sticky top-0 z-30 flex shrink-0 items-center justify-between gap-3 border-b border-border/40 bg-background/55 py-3 backdrop-blur-xl backdrop-saturate-150",
-				children: [/* @__PURE__ */ V("div", {
+				children: [/* @__PURE__ */ G("div", {
 					className: "flex min-w-0 items-center gap-3",
 					children: n
-				}), /* @__PURE__ */ V("div", {
+				}), /* @__PURE__ */ G("div", {
 					className: "flex items-center gap-2",
 					children: r
 				})]
 			}),
-			/* @__PURE__ */ V("main", {
+			/* @__PURE__ */ G("main", {
 				ref: d,
 				id: u,
 				tabIndex: -1,
@@ -2027,20 +2670,20 @@ function on({ rail: t, headerStart: n, headerEnd: r, column: i = "default", dock
 				className: "bento-shell-main",
 				children: s
 			}),
-			h && /* @__PURE__ */ V("div", {
+			h && /* @__PURE__ */ G("div", {
 				"data-slot": "bento-shell-corner",
 				className: "pointer-events-none fixed bottom-5 right-5 z-50 flex flex-col items-end gap-3",
-				children: /* @__PURE__ */ H(k.Provider, {
+				children: /* @__PURE__ */ K(te.Provider, {
 					value: !0,
-					children: [o && /* @__PURE__ */ V(en, {}), a]
+					children: [o && /* @__PURE__ */ G(Wn, {}), a]
 				})
 			})
 		]
 	});
 }
-function sn({ main: e, announcer: t }) {
-	let { pathname: n } = je(), r = R(n);
-	return F(() => {
+function Xn({ main: e, announcer: t }) {
+	let { pathname: n } = We(), r = H(n);
+	return B(() => {
 		if (r.current === n) return;
 		r.current = n;
 		let i = 0, a, o = () => {
@@ -2060,7 +2703,7 @@ function sn({ main: e, announcer: t }) {
 }
 //#endregion
 //#region src/bento/bento-shell-shortcuts.ts
-var cn = Object.freeze([
+var Zn = Object.freeze([
 	{
 		action: "palette",
 		key: "k",
@@ -2075,14 +2718,14 @@ var cn = Object.freeze([
 		key: "?"
 	}
 ]);
-function ln() {
+function Qn() {
 	return typeof navigator > "u" ? !1 : /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent || "");
 }
-function un(e, t) {
+function $n(e, t) {
 	let n = e.key.length === 1 ? e.key.toUpperCase() : e.key;
 	return e.mod ? [t ? "⌘" : "Ctrl", n] : [n];
 }
-function dn(e) {
+function er(e) {
 	if (!(e instanceof HTMLElement)) return !1;
 	if ([
 		"INPUT",
@@ -2092,24 +2735,24 @@ function dn(e) {
 	let t = e.closest("[contenteditable]");
 	return t !== null && t.getAttribute("contenteditable") !== "false";
 }
-function fn(e, t) {
+function tr(e, t) {
 	if (e.defaultPrevented || e.isComposing || e.repeat) return;
 	let n = e.key.toLowerCase();
-	return cn.find((r) => n === r.key ? r.mod ? (t ? e.metaKey && !e.ctrlKey : e.ctrlKey && !e.metaKey) && !e.altKey && !e.shiftKey : e.metaKey || dn(e.target) ? !1 : e.ctrlKey === e.altKey : !1);
+	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);
 }
-function pn({ onPalette: e, onShortcuts: t, isMac: n = ln() }) {
-	let r = R({
+function nr({ onPalette: e, onShortcuts: t, isMac: n = Qn() }) {
+	let r = H({
 		onPalette: e,
 		onShortcuts: t
 	});
-	F(() => {
+	B(() => {
 		r.current = {
 			onPalette: e,
 			onShortcuts: t
 		};
-	}), F(() => {
+	}), B(() => {
 		function e(e) {
-			let t = fn(e, n), i = t?.action === "palette" ? r.current.onPalette : t && r.current.onShortcuts;
+			let t = tr(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);
@@ -2117,42 +2760,42 @@ function pn({ onPalette: e, onShortcuts: t, isMac: n = ln() }) {
 }
 //#endregion
 //#region src/bento/bento-palette-trigger.tsx
-function mn({ onClick: t, isMac: n = ln(), className: r }) {
-	let { t: i } = U(), a = cn.filter((e) => e.action === "palette"), o = a.find((e) => e.mod);
-	return /* @__PURE__ */ H("button", {
+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", {
 		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__ */ V(Se, {
+			/* @__PURE__ */ G(Ne, {
 				"aria-hidden": !0,
 				size: 16
 			}),
-			/* @__PURE__ */ V("span", {
+			/* @__PURE__ */ G("span", {
 				className: "sr-only sm:not-sr-only",
 				children: i("bento.palette.search", { defaultValue: "Search" })
 			}),
-			o && /* @__PURE__ */ V("kbd", {
+			o && /* @__PURE__ */ G("kbd", {
 				"aria-hidden": !0,
 				className: "hidden rounded border border-border/60 bg-muted px-1.5 py-0.5 text-[10px] font-medium tracking-wide sm:inline",
-				children: un(o, n).join(n ? "" : " ")
+				children: $n(o, n).join(n ? "" : " ")
 			})
 		]
 	});
 }
 //#endregion
 //#region src/bento/bento-shortcuts-dialog.tsx
-function hn({ open: e, onOpenChange: t, isMac: a = ln() }) {
-	let { t: c } = U(), l = {
+function ir({ open: e, onOpenChange: t, isMac: a = Qn() }) {
+	let { t: c } = q(), l = {
 		palette: c("bento.palette.open", { defaultValue: "Open command palette" }),
 		shortcuts: c("bento.shortcuts.openGuide", { defaultValue: "Show keyboard shortcuts" })
-	}, u = [...new Set(cn.map((e) => e.action))], d = [{
+	}, u = [...new Set(Zn.map((e) => e.action))], d = [{
 		heading: c("bento.shortcuts.global", { defaultValue: "Global" }),
 		rows: u.map((e) => ({
 			id: e,
 			label: l[e],
-			combos: cn.filter((t) => t.action === e).map((e) => un(e, a))
+			combos: Zn.filter((t) => t.action === e).map((e) => $n(e, a))
 		}))
 	}, {
 		heading: c("bento.shortcuts.palette", { defaultValue: "Command palette" }),
@@ -2174,36 +2817,36 @@ function hn({ open: e, onOpenChange: t, isMac: a = ln() }) {
 			}
 		]
 	}];
-	return /* @__PURE__ */ V(n, {
+	return /* @__PURE__ */ G(n, {
 		open: e,
 		onOpenChange: t,
-		children: /* @__PURE__ */ H(s, {
+		children: /* @__PURE__ */ K(s, {
 			className: "max-w-md",
-			children: [/* @__PURE__ */ H(o, { children: [/* @__PURE__ */ H(i, {
+			children: [/* @__PURE__ */ K(o, { children: [/* @__PURE__ */ K(i, {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ V(Y, {
+				children: [/* @__PURE__ */ G(De, {
 					size: 20,
 					className: "bento-accent-icon"
 				}), c("bento.shortcuts.title", { defaultValue: "Keyboard shortcuts" })]
-			}), /* @__PURE__ */ V(r, { children: c("bento.shortcuts.description", { defaultValue: "Move around without leaving the keyboard." }) })] }), /* @__PURE__ */ V("div", {
+			}), /* @__PURE__ */ G(r, { children: c("bento.shortcuts.description", { defaultValue: "Move around without leaving the keyboard." }) })] }), /* @__PURE__ */ G("div", {
 				className: "flex flex-col gap-5",
-				children: d.map((e) => /* @__PURE__ */ H("section", { children: [/* @__PURE__ */ V("h3", {
+				children: d.map((e) => /* @__PURE__ */ K("section", { children: [/* @__PURE__ */ G("h3", {
 					className: "mb-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground",
 					children: e.heading
-				}), /* @__PURE__ */ V("ul", {
+				}), /* @__PURE__ */ G("ul", {
 					className: "flex flex-col gap-1.5",
-					children: e.rows.map((e) => /* @__PURE__ */ H("li", {
+					children: e.rows.map((e) => /* @__PURE__ */ K("li", {
 						"data-shortcut": e.id,
 						className: "flex items-center justify-between gap-4",
-						children: [/* @__PURE__ */ V("span", {
+						children: [/* @__PURE__ */ G("span", {
 							className: "text-sm text-foreground",
 							children: e.label
-						}), /* @__PURE__ */ V("span", {
+						}), /* @__PURE__ */ G("span", {
 							className: "flex shrink-0 items-center gap-1",
-							children: e.combos.map((e, t) => /* @__PURE__ */ H(ne, { children: [t > 0 && /* @__PURE__ */ V("span", {
+							children: e.combos.map((e, t) => /* @__PURE__ */ K(oe, { children: [t > 0 && /* @__PURE__ */ G("span", {
 								className: "px-0.5 text-[11px] text-muted-foreground",
 								children: c("bento.shortcuts.or", { defaultValue: "or" })
-							}), e.map((e) => /* @__PURE__ */ V("kbd", {
+							}), e.map((e) => /* @__PURE__ */ G("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("+")))
@@ -2216,148 +2859,148 @@ function hn({ open: e, onOpenChange: t, isMac: a = ln() }) {
 }
 //#endregion
 //#region src/bento/bento-nav-rail.tsx
-var gn = ve;
-function _n(e, t) {
+var ar = Oe;
+function or(e, t) {
 	return e === t || e.startsWith(`${t}/`);
 }
-function vn(e, t) {
-	return t.section.areaRoute && _n(e, t.section.areaRoute) ? !0 : t.items.some((t) => t.bentoRoute && _n(e, t.bentoRoute));
+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 yn({ groups: e, homeRoute: t, homeAliases: n, homeLabel: r }) {
-	let { t: i } = U(), { pathname: a } = je(), o = L(() => e.filter((e) => !!e.section.areaRoute), [e]), s = a === t || (n?.includes(a) ?? !1);
-	return /* @__PURE__ */ V(x, {
+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, {
 		delayDuration: 200,
-		children: /* @__PURE__ */ H("nav", {
+		children: /* @__PURE__ */ K("nav", {
 			"aria-label": i("bento.nav.label", { defaultValue: "Primary" }),
 			className: "fixed inset-y-0 left-0 z-40 hidden w-16 flex-col items-center gap-1 overflow-y-auto overflow-x-hidden border-r border-border/40 bg-background/55 pt-20 pb-4 backdrop-blur-xl backdrop-saturate-150 md:flex",
 			children: [
-				/* @__PURE__ */ V(bn, {
+				/* @__PURE__ */ G(lr, {
 					to: t,
-					icon: _e,
+					icon: Ee,
 					label: r ?? i("home.title", { defaultValue: "Home" }),
 					active: s
 				}),
-				o.length > 0 && /* @__PURE__ */ V("span", {
+				o.length > 0 && /* @__PURE__ */ G("span", {
 					"aria-hidden": !0,
 					className: "my-1 h-px w-6 bg-border/60"
 				}),
-				o.map((e) => /* @__PURE__ */ V(bn, {
+				o.map((e) => /* @__PURE__ */ G(lr, {
 					to: e.section.areaRoute,
-					icon: e.section.icon ?? gn,
+					icon: e.section.icon ?? ar,
 					label: e.section.labelKey ? i(e.section.labelKey) : e.section.id,
-					active: vn(a, e)
+					active: sr(a, e)
 				}, e.section.id))
 			]
 		})
 	});
 }
-function bn({ to: e, icon: t, label: n, active: r }) {
-	return /* @__PURE__ */ H(E, { children: [/* @__PURE__ */ V(S, {
+function lr({ to: e, icon: t, label: n, active: r }) {
+	return /* @__PURE__ */ K(M, { children: [/* @__PURE__ */ G(x, {
 		asChild: !0,
-		children: /* @__PURE__ */ V(Z, {
+		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__ */ V(t, { size: 20 })
+			children: /* @__PURE__ */ G(t, { size: 20 })
 		})
-	}), /* @__PURE__ */ V(A, {
+	}), /* @__PURE__ */ G(D, {
 		side: "right",
 		children: n
 	})] });
 }
 //#endregion
 //#region src/bento/bento-user-menu.tsx
-function xn({ accountRoute: e, logoutUrl: t, organizationsRoute: n, tenantAdminRoute: r, onOpenShortcuts: i, onReplayTour: a }) {
-	let { user: o, status: s } = D(), { t: c } = U(), h = Me(), g = `${o.firstName ?? ""} ${o.lastName ?? ""}`.trim() || o.username || "";
-	return s === "loading" ? /* @__PURE__ */ V("div", {
+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", {
 		className: "h-9 w-9 rounded-full bg-muted/40",
 		"aria-hidden": !0
-	}) : /* @__PURE__ */ H(l, { children: [/* @__PURE__ */ V(f, {
+	}) : /* @__PURE__ */ K(k, { children: [/* @__PURE__ */ G(f, {
 		asChild: !0,
-		children: /* @__PURE__ */ V("button", {
+		children: /* @__PURE__ */ G("button", {
 			type: "button",
-			title: g || o.username,
+			title: m || 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__ */ V(y, {
+			children: /* @__PURE__ */ G(S, {
 				givenName: o.firstName,
 				familyName: o.lastName,
-				name: g || o.username,
+				name: m || o.username,
 				src: o.avatarUrl || void 0,
 				alt: o.username
 			})
 		})
-	}), /* @__PURE__ */ H(_, {
+	}), /* @__PURE__ */ K(g, {
 		align: "end",
 		sideOffset: 10,
 		className: "bento-dropdown min-w-64 p-2",
 		children: [
-			/* @__PURE__ */ V(m, {
+			/* @__PURE__ */ G(p, {
 				className: "p-0 font-normal",
-				children: /* @__PURE__ */ H("div", {
+				children: /* @__PURE__ */ K("div", {
 					className: "flex items-center gap-3 rounded-xl px-2 py-2 text-left text-sm",
-					children: [/* @__PURE__ */ V("span", {
+					children: [/* @__PURE__ */ G("span", {
 						className: "rounded-full p-0.5 ring-1 ring-border/60",
-						children: /* @__PURE__ */ V(y, {
+						children: /* @__PURE__ */ G(S, {
 							givenName: o.firstName,
 							familyName: o.lastName,
-							name: g || o.username,
+							name: m || o.username,
 							src: o.avatarUrl || void 0,
 							alt: o.username
 						})
-					}), /* @__PURE__ */ H("div", {
+					}), /* @__PURE__ */ K("div", {
 						className: "grid flex-1 text-left text-sm leading-tight",
-						children: [g && /* @__PURE__ */ V("span", {
+						children: [m && /* @__PURE__ */ G("span", {
 							className: "truncate font-medium",
-							children: g
-						}), o.email && /* @__PURE__ */ V("span", {
+							children: m
+						}), o.email && /* @__PURE__ */ G("span", {
 							className: "truncate text-xs text-muted-foreground",
 							children: o.email
 						})]
 					})]
 				})
 			}),
-			/* @__PURE__ */ V(p, { className: "my-1.5 bg-border/50" }),
-			/* @__PURE__ */ H(d, { children: [
-				/* @__PURE__ */ H(u, {
-					onSelect: () => h(e),
+			/* @__PURE__ */ G(l, { className: "my-1.5 bg-border/50" }),
+			/* @__PURE__ */ K(_, { children: [
+				/* @__PURE__ */ K(d, {
+					onSelect: () => u(e),
 					className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-					children: [/* @__PURE__ */ V(Ee, { size: 18 }), c("nav.account")]
+					children: [/* @__PURE__ */ G(Le, { size: 18 }), c("nav.account")]
 				}),
-				n && /* @__PURE__ */ H(u, {
-					onSelect: () => h(n),
+				n && /* @__PURE__ */ K(d, {
+					onSelect: () => u(n),
 					className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-					children: [/* @__PURE__ */ V(fe, { size: 18 }), c("nav.organizations", { defaultValue: "Organizations" })]
+					children: [/* @__PURE__ */ G(ge, { size: 18 }), c("nav.organizations", { defaultValue: "Organizations" })]
 				}),
-				r && /* @__PURE__ */ H(u, {
-					onSelect: () => h(r),
+				r && /* @__PURE__ */ K(d, {
+					onSelect: () => u(r),
 					className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-					children: [/* @__PURE__ */ V(G, { size: 18 }), c("nav.tenantAdmin", { defaultValue: "Tenant administration" })]
+					children: [/* @__PURE__ */ G(_e, { size: 18 }), c("nav.tenantAdmin", { defaultValue: "Tenant administration" })]
 				})
 			] }),
-			(i || a) && /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V(p, { className: "my-1.5 bg-border/50" }), /* @__PURE__ */ H(d, { children: [a && /* @__PURE__ */ H(u, {
+			(i || a) && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(l, { className: "my-1.5 bg-border/50" }), /* @__PURE__ */ K(_, { children: [a && /* @__PURE__ */ K(d, {
 				onSelect: () => a(),
 				className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-				children: [/* @__PURE__ */ V(Ce, { size: 18 }), c("bento.tour.replay", { defaultValue: "Take the tour" })]
-			}), i && /* @__PURE__ */ H(u, {
+				children: [/* @__PURE__ */ G(Pe, { size: 18 }), c("bento.tour.replay", { defaultValue: "Take the tour" })]
+			}), i && /* @__PURE__ */ K(d, {
 				onSelect: () => i(),
 				className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-				children: [/* @__PURE__ */ V(Y, { size: 18 }), c("bento.shortcuts.title", { defaultValue: "Keyboard shortcuts" })]
+				children: [/* @__PURE__ */ G(De, { size: 18 }), c("bento.shortcuts.title", { defaultValue: "Keyboard shortcuts" })]
 			})] })] }),
-			/* @__PURE__ */ V(p, { className: "my-1.5 bg-border/50" }),
-			/* @__PURE__ */ H(u, {
+			/* @__PURE__ */ G(l, { className: "my-1.5 bg-border/50" }),
+			/* @__PURE__ */ K(d, {
 				onSelect: () => {
 					globalThis.location.href = t;
 				},
 				className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2 bento-item-danger",
-				children: [/* @__PURE__ */ V(ye, { size: 18 }), c("nav.logOut")]
+				children: [/* @__PURE__ */ G(ke, { size: 18 }), c("nav.logOut")]
 			})
 		]
 	})] });
 }
 //#endregion
 //#region src/bento/bento-section-chrome.tsx
-var Sn = {
+var dr = {
 	blue: "blue",
 	violet: "violet",
 	emerald: "emerald",
@@ -2367,62 +3010,62 @@ var Sn = {
 	cyan: "blue",
 	orange: "amber"
 };
-function Cn({ variant: t = "blue", className: n, children: r }) {
+function fr({ variant: t = "blue", className: n, children: r }) {
 	let i;
-	P.forEach(r, (e) => {
-		if (!re(e)) return;
+	ae.forEach(r, (e) => {
+		if (!z(e)) return;
 		let { type: t } = e;
-		(t === O.Header || t === O.StaticHeader) && (i ??= e.props);
+		(t === L.Header || t === L.StaticHeader) && (i ??= e.props);
 	});
-	let a = P.map(r, (e) => {
-		if (!re(e)) return e;
+	let a = ae.map(r, (e) => {
+		if (!z(e)) return e;
 		let { type: t } = e;
-		return t === O.Header || t === O.StaticHeader ? null : t === O.Content ? e.props.children : e;
+		return t === L.Header || t === L.StaticHeader ? null : t === L.Content ? e.props.children : e;
 	});
-	return i ? /* @__PURE__ */ V(Yt, {
+	return i ? /* @__PURE__ */ G(zn, {
 		icon: i.icon,
-		tone: Sn[t] ?? "blue",
+		tone: dr[t] ?? "blue",
 		title: i.title,
 		description: i.description,
 		className: n,
 		children: a
-	}) : /* @__PURE__ */ V("section", {
-		className: e(Jt, n),
+	}) : /* @__PURE__ */ G("section", {
+		className: e(Rn, n),
 		children: a
 	});
 }
-Cn.Header = O.Header, Cn.StaticHeader = O.StaticHeader, Cn.Content = O.Content;
+fr.Header = L.Header, fr.StaticHeader = L.StaticHeader, fr.Content = L.Content;
 //#endregion
 //#region src/bento/bento-section.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({ eyebrow: e, title: t, description: n, titleHref: r, children: i, gridClassName: a = wn }) {
-	let o = /* @__PURE__ */ V("h2", {
+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", {
 		className: "text-xl font-semibold tracking-tight md:text-2xl",
 		children: t
 	});
-	return /* @__PURE__ */ H("section", {
+	return /* @__PURE__ */ K("section", {
 		className: "mb-8 md:mb-10",
-		children: [/* @__PURE__ */ H("header", {
+		children: [/* @__PURE__ */ K("header", {
 			className: "bento-shell-header mb-4 flex flex-col gap-0.5",
 			children: [
-				e && /* @__PURE__ */ V("span", {
+				e && /* @__PURE__ */ G("span", {
 					className: "text-xs uppercase tracking-[0.18em] text-muted-foreground",
 					children: e
 				}),
-				r ? /* @__PURE__ */ H(Z, {
+				r ? /* @__PURE__ */ K(He, {
 					to: r,
 					className: "group inline-flex w-fit items-center gap-1 text-foreground transition-colors hover:text-primary",
-					children: [o, /* @__PURE__ */ V(K, {
+					children: [o, /* @__PURE__ */ G(be, {
 						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__ */ V("p", {
+				n && /* @__PURE__ */ G("p", {
 					className: "max-w-2xl text-sm text-muted-foreground",
 					children: n
 				})
 			]
-		}), /* @__PURE__ */ V("div", {
+		}), /* @__PURE__ */ G("div", {
 			className: a,
 			children: i
 		})]
@@ -2430,66 +3073,66 @@ function Tn({ eyebrow: e, title: t, description: n, titleHref: r, children: i, g
 }
 //#endregion
 //#region src/bento/bento-tile.tsx
-function En({ 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__ */ H(B, { children: [
-		u && /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("div", {
+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", {
 			"aria-hidden": !0,
-			className: `pointer-events-none absolute -bottom-10 -right-10 h-64 w-64 rounded-full ${Q(o)} opacity-40 blur-2xl dark:opacity-50`
-		}), /* @__PURE__ */ V("div", {
+			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", {
 			"aria-hidden": !0,
-			className: `pointer-events-none absolute right-12 top-1/3 h-32 w-32 rounded-full ${Q(o)} bento-chip-tr opacity-20 blur-2xl dark:opacity-30`
+			className: `pointer-events-none absolute right-12 top-1/3 h-32 w-32 rounded-full ${Y(o)} bento-chip-tr opacity-20 blur-2xl dark:opacity-30`
 		})] }),
-		/* @__PURE__ */ H("div", {
+		/* @__PURE__ */ K("div", {
 			className: "relative z-1 flex items-center justify-between",
-			children: [/* @__PURE__ */ V("span", {
-				className: `grid place-items-center ${Q(o)} text-white shadow-md ${p}`,
-				children: /* @__PURE__ */ V(a, { size: m })
-			}), f && /* @__PURE__ */ V(K, {
+			children: [/* @__PURE__ */ G("span", {
+				className: `grid place-items-center ${Y(o)} text-white shadow-md ${p}`,
+				children: /* @__PURE__ */ G(a, { size: m })
+			}), f && /* @__PURE__ */ G(be, {
 				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__ */ H("div", {
+		/* @__PURE__ */ K("div", {
 			className: "relative z-1",
 			children: [
-				/* @__PURE__ */ V("div", {
+				/* @__PURE__ */ G("div", {
 					className: "text-[11px] uppercase tracking-wider text-muted-foreground",
 					children: s
 				}),
-				/* @__PURE__ */ V("div", {
+				/* @__PURE__ */ G("div", {
 					className: `mt-0.5 ${h}`,
 					children: c
 				}),
-				d && /* @__PURE__ */ V("div", {
+				d && /* @__PURE__ */ G("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__ */ V("div", {
+	return r ? /* @__PURE__ */ G("div", {
 		className: _,
 		"aria-disabled": "true",
 		title: i,
 		children: g
-	}) : t ? /* @__PURE__ */ V(Z, {
+	}) : t ? /* @__PURE__ */ G(He, {
 		to: t,
 		className: _,
 		children: g
-	}) : n ? /* @__PURE__ */ V("button", {
+	}) : n ? /* @__PURE__ */ G("button", {
 		type: "button",
 		onClick: n,
 		className: e("w-full", _),
 		children: g
-	}) : /* @__PURE__ */ V("div", {
+	}) : /* @__PURE__ */ G("div", {
 		className: _,
 		children: g
 	});
 }
 //#endregion
 //#region src/bento/bento-version-rail.tsx
-function Dn({ versions: t, selected: n, onSelect: r, label: i }) {
-	let { t: a, i18n: o } = U(), [s, c] = z(0), [l, u] = z([]), d = R(/* @__PURE__ */ new Map()), f = (e) => [...e].sort((e, n) => t.findIndex((e) => e.id === n) - t.findIndex((t) => t.id === e));
+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 p(e) {
 		if (n.includes(e)) {
 			u(l.filter((t) => t !== e)), r(n.filter((t) => t !== e));
@@ -2537,15 +3180,15 @@ function Dn({ versions: t, selected: n, onSelect: r, label: i }) {
 			}).format(t)
 		};
 	};
-	return /* @__PURE__ */ V("ul", {
+	return /* @__PURE__ */ G("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" ? X : Te;
-			return /* @__PURE__ */ H("li", {
+			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", {
 				ref: (e) => {
 					e ? d.current.set(i, e) : d.current.delete(i);
 				},
@@ -2558,26 +3201,26 @@ function Dn({ 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__ */ H("span", {
+					/* @__PURE__ */ K("span", {
 						className: "flex items-center gap-1.5 font-medium",
 						children: [
-							/* @__PURE__ */ V(u, {
+							/* @__PURE__ */ G(u, {
 								size: 14,
 								"aria-hidden": "true"
 							}),
 							r.author,
-							/* @__PURE__ */ V("span", {
-								className: "text-xs font-normal text-muted-foreground",
+							/* @__PURE__ */ G("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__ */ V("time", {
+					/* @__PURE__ */ G("time", {
 						dateTime: l.iso,
-						className: "text-xs text-muted-foreground",
+						className: e("text-xs", f),
 						children: l.text
 					}),
-					r.summary && /* @__PURE__ */ V("span", {
+					r.summary && /* @__PURE__ */ G("span", {
 						className: "text-xs",
 						children: r.summary
 					})
@@ -2587,4 +3230,4 @@ function Dn({ versions: t, selected: n, onSelect: r, label: i }) {
 	});
 }
 //#endregion
-export { Cn as AdaptiveSectionCard, St as BENTO_EMPHASIS_NEXT, xt as BENTO_EMPHASIS_SPAN, cn as BENTO_SHELL_SHORTCUTS, $e as BENTO_TONES, Qe as BENTO_TONE_CLASS, Ze as BentoActionsMenu, at as BentoBackLink, en as BentoBackToTop, an as BentoCommandPalette, et as BentoCountTile, rt as BentoDataTable, gt as BentoDiff, it as BentoEmptyState, ft as BentoEntityShell, Tt as BentoEntityTile, At as BentoFilterBar, qt as BentoFormHero, Yt as BentoFormSection, ot as BentoHero, st as BentoHeroIconPicker, ct as BentoInlineEdit, Ft as BentoListPage, yn as BentoNavRail, mn as BentoPaletteTrigger, Xt as BentoPanel, Wt as BentoSaveBar, Kt as BentoScrollSaveBar, Tn as BentoSection, on as BentoShell, hn as BentoShortcutsDialog, lt as BentoStatusMarker, En as BentoTile, It as BentoTileGrid, xn as BentoUserMenu, Dn as BentoVersionRail, Et as EMPTY_FILTERS, Q as bentoChipClass, tn as bentoNavTarget, Ct as resolveBentoLayout, wt as toBentoLayoutEntries, ut as useBentoScrollFade, pn as useBentoShellShortcuts };
+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 };