@viglet/viglet-design-system 2026.3.15 → 2026.3.17

package/dist/bento.es.js

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