@viglet/viglet-design-system 2026.3.16 → 2026.3.17

package/dist/bento.es.js

@@ -1,45 +1,45 @@
 "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 I, s as L, u as R, v as te, w as ne, y as re } from "./user.context-DUs2lT6D.js";
-import { r as ie, t as ae } from "./loading-provider-D-_5G-08.js";
-import { Children as oe, Fragment as z, isValidElement as se, useEffect as B, useId as ce, useMemo as le, useRef as V, useState as H, useSyncExternalStore as U } from "react";
+import { 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 xe, IconColumns3 as Se, IconDeviceFloppy as Ce, IconDotsVertical as we, IconExternalLink as Te, IconGripVertical as Ee, IconHome as De, IconKeyboard as Oe, IconLayoutGrid as ke, IconLogout as Ae, IconPalette as je, IconPlus as Me, IconRobot as Ne, IconSearch as Pe, IconSparkles as Fe, IconTrash as Ie, IconUser as Le, IconUserCircle as Re, IconUsers as ze, IconX as Be } from "@tabler/icons-react";
-import { Icon as Ve } from "@iconify/react";
-import { useDefaultLayout as He } from "react-resizable-panels";
-import { Link as Ue, useInRouterContext as We, useLocation as Ge, useNavigate as Ke } from "react-router-dom";
-import { createCoreRowModel as qe, createSortedRowModel as Je, rowSortingFeature as Ye, useTable as Xe } from "@tanstack/react-table";
-import { DndContext as Ze, KeyboardSensor as Qe, PointerSensor as $e, closestCenter as et, useSensor as tt, useSensors as nt } from "@dnd-kit/core";
-import { SortableContext as rt, arrayMove as it, rectSortingStrategy as at, useSortable as ot } from "@dnd-kit/sortable";
-import { CSS as st } from "@dnd-kit/utilities";
+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 }) {
+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__ */ K(_, { children: [/* @__PURE__ */ G(F, {
+	for (let t of e) t.id || lt(t.label);
+	return /* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(P, {
 		asChild: !0,
 		children: /* @__PURE__ */ G("button", {
 			type: "button",
 			"aria-label": t ?? n("forms.formActions.moreActions", { defaultValue: "More actions" }),
-			className: "bento-tile-clickable inline-flex h-9 w-9 items-center justify-center rounded-full border border-border/60 bg-card/60 text-muted-foreground backdrop-blur transition-colors duration-200 hover:text-foreground",
-			children: /* @__PURE__ */ G(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__ */ 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"];
+			let t = e.icon, n = st[e.tone ?? "default"];
 			return /* @__PURE__ */ K(h, {
 				"data-action-id": e.id,
 				onSelect: e.onSelect,
@@ -52,7 +52,7 @@ function dt({ actions: e, triggerLabel: t }) {
 }
 //#endregion
 //#region src/bento/bento-tones.ts
-var ft = {
+var dt = {
 	blue: "bento-tone-blue",
 	indigo: "bento-tone-indigo",
 	violet: "bento-tone-violet",
@@ -60,15 +60,15 @@ 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__ */ K(W, { children: [/* @__PURE__ */ G("span", {
-		className: `grid h-9 w-9 place-items-center rounded-2xl text-white shadow-md ${Y(n)}`,
+		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",
@@ -77,7 +77,7 @@ function mt({ to: e, icon: t, tone: n, label: r, count: i, span: a }) {
 		className: "text-[11px] uppercase tracking-wider text-muted-foreground",
 		children: r
 	})] })] }), s = `bento-tile bento-glass group relative flex flex-col justify-between overflow-hidden p-4 ${a}${e ? " bento-tile-clickable" : ""}`;
-	return e ? /* @__PURE__ */ G(Ue, {
+	return e ? /* @__PURE__ */ G(He, {
 		to: e,
 		className: s,
 		children: o
@@ -89,24 +89,24 @@ 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 } = q(), [S, w] = H([]), [T, E] = H({ hidden: [] }), [D, O] = H(/* @__PURE__ */ new Set()), [k, A] = H(null), [j, M] = H(u), [N, P] = H(void 0);
-	j !== u && (M(u), O(/* @__PURE__ */ new Set()), P(c), A(null));
-	let ee = le(() => new Set(c ?? []), [c]), I = D;
-	c !== void 0 && (I = c === N ? /* @__PURE__ */ new Set() : ee);
-	let L = V(u);
+	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(() => {
-		L.current !== u && (L.current = u, l?.([]));
+		I.current !== u && (I.current = u, l?.([]));
 	}, [u, l]);
-	let [R, te] = H(0), [ne, re] = H(0), ie = V(null), ae = V(/* @__PURE__ */ new Map()), oe = V(!1), z = (s?.length ?? 0) > 0, se = (e) => a?.(e) ?? n(e), ce = le(() => r.map((e) => ({
+	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]), U = Xe({
+	})), [r]), U = Ye({
 		features: gt,
 		data: t,
 		columns: ce,
@@ -116,67 +116,67 @@ function _t({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 		z ? "2.75rem" : null,
 		...ue.map((e) => e.width ?? "minmax(8rem, 1fr)"),
 		o?.length ? "3.25rem" : null
-	].filter(Boolean).join(" "), J = U.length, pe = Math.min(y, J * g), me = Math.max(1, Math.floor(pe / g)), _e = Math.max(0, Math.floor(ne / g) - ht), ve = Math.min(J, Math.ceil((ne + pe) / g) + ht), ye = Math.min(R, Math.max(0, J - 1));
+	].filter(Boolean).join(" "), J = U.length, pe = Math.min(y, J * g), me = Math.max(1, Math.floor(pe / g)), _e = Math.max(0, Math.floor(re / g) - ht), ve = Math.min(J, Math.ceil((re + pe) / g) + ht), ye = Math.min(L, Math.max(0, J - 1));
 	B(() => {
-		oe.current && (oe.current = !1, ae.current.get(ye)?.focus());
+		R.current && (R.current = !1, oe.current.get(ye)?.focus());
 	}, [ye, _e]);
 	function be(e) {
-		c === void 0 && O(e), l?.([...e]);
+		c === void 0 && D(e), l?.([...e]);
 	}
-	function xe(e, t) {
+	function Y(e, t) {
 		let [r, i] = e <= t ? [e, t] : [t, e];
 		be(new Set(U.slice(r, i + 1).map(n)));
 	}
-	function Ce(e) {
-		let t = n(U[e]), r = new Set(I);
-		r.has(t) ? r.delete(t) : r.add(t), be(r), A(e);
+	function 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 we(e, t) {
+	function Ce(e, t) {
 		let n = Math.max(0, Math.min(J - 1, e));
 		if (t && z) {
-			let e = k ?? ye;
-			A(e), xe(e, n);
+			let e = O ?? ye;
+			k(e), Y(e, n);
 		}
-		let r = ie.current, i = n * g;
+		let r = ae.current, i = n * g;
 		if (r) {
 			let e = r.scrollTop;
-			i < e ? e = i : i + g > e + pe && (e = i + g - pe), e !== r.scrollTop && (r.scrollTop = e, re(e));
+			i < e ? e = i : i + g > e + pe && (e = i + g - pe), e !== r.scrollTop && (r.scrollTop = e, ie(e));
 		}
-		oe.current = !0, te(n);
+		R.current = !0, ne(n);
 	}
-	function Te(e, t) {
+	function we(e, t) {
 		if (e.target !== e.currentTarget) return;
 		let r = e.shiftKey;
 		switch (e.key) {
 			case "ArrowDown":
-				we(t + 1, r);
+				Ce(t + 1, r);
 				break;
 			case "ArrowUp":
-				we(t - 1, r);
+				Ce(t - 1, r);
 				break;
 			case "PageDown":
-				we(t + me, r);
+				Ce(t + me, r);
 				break;
 			case "PageUp":
-				we(t - me, r);
+				Ce(t - me, r);
 				break;
 			case "Home":
-				we(0, r);
+				Ce(0, r);
 				break;
 			case "End":
-				we(J - 1, r);
+				Ce(J - 1, r);
 				break;
 			case " ":
 				if (!z) return;
-				Ce(t);
+				Se(t);
 				break;
 			case "Enter":
 				if (!h) return;
 				h(U[t]);
 				break;
 			case "Escape":
-				if (!z || I.size === 0) return;
-				be(/* @__PURE__ */ new Set()), A(null);
+				if (!z || F.size === 0) return;
+				be(/* @__PURE__ */ new Set()), k(null);
 				break;
 			case "a":
 			case "A":
@@ -187,15 +187,15 @@ function _t({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 		}
 		e.preventDefault();
 	}
-	function Ee(e, t) {
-		if (!e.target.closest("button, a, input, [role='checkbox']") && (te(t), z)) {
+	function Te(e, t) {
+		if (!e.target.closest("button, a, input, [role='checkbox']") && (ne(t), z)) {
 			if (e.shiftKey) {
-				let e = k ?? ye;
-				A(e), xe(e, t);
-			} else e.metaKey || e.ctrlKey ? Ce(t) : (be(/* @__PURE__ */ new Set([n(U[t])])), A(t));
+				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 De(e) {
+	function Ee(e) {
 		let t = S.find((t) => t.id === e);
 		t ? t.desc ? w([]) : w([{
 			id: e,
@@ -205,11 +205,11 @@ function _t({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 			desc: !1
 		}]);
 	}
-	function Oe(e, t) {
+	function De(e, t) {
 		let n = { hidden: t ? [...W.hidden, e] : W.hidden.filter((t) => t !== e) };
-		f === void 0 && E(n), p?.(n);
+		f === void 0 && ee(n), p?.(n);
 	}
-	let ke = U.filter((e) => I.has(n(e))), Ae = J > 0 && ke.length === J, je = r.filter((e) => e.hideable !== !1);
+	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",
@@ -219,12 +219,12 @@ function _t({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 				/* @__PURE__ */ G("span", {
 					"aria-live": "polite",
 					className: "text-sm font-medium",
-					children: ke.length > 0 ? x("bento.table.selected", {
+					children: Oe.length > 0 ? x("bento.table.selected", {
 						defaultValue: "{{count}} selected",
-						count: ke.length
+						count: Oe.length
 					}) : ""
 				}),
-				ke.length > 0 && /* @__PURE__ */ K("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",
@@ -234,7 +234,7 @@ function _t({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 							variant: "outline",
 							size: "sm",
 							className: e("gap-1.5", t.tone === "destructive" && "bento-item-danger"),
-							onClick: () => t.onSelect(ke),
+							onClick: () => t.onSelect(Oe),
 							children: [/* @__PURE__ */ G(n, { size: 16 }), t.label]
 						}, t.id);
 					}), /* @__PURE__ */ G(C, {
@@ -244,13 +244,13 @@ function _t({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 						children: x("bento.table.clearSelection", { defaultValue: "Clear selection" })
 					})]
 				}),
-				je.length > 0 && /* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(F, {
+				Ae.length > 0 && /* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(P, {
 					asChild: !0,
 					children: /* @__PURE__ */ K(C, {
 						variant: "ghost",
 						size: "sm",
 						className: "ml-auto gap-1.5",
-						children: [/* @__PURE__ */ G(Se, {
+						children: [/* @__PURE__ */ G(xe, {
 							size: 16,
 							"aria-hidden": "true"
 						}), x("bento.table.columns", { defaultValue: "Columns" })]
@@ -258,9 +258,9 @@ function _t({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 				}), /* @__PURE__ */ G(d, {
 					align: "end",
 					className: "bento-dropdown min-w-44 p-1.5",
-					children: je.map((e) => /* @__PURE__ */ G(v, {
+					children: Ae.map((e) => /* @__PURE__ */ G(v, {
 						checked: !W.hidden.includes(e.id),
-						onCheckedChange: (t) => Oe(e.id, t !== !0),
+						onCheckedChange: (t) => De(e.id, t !== !0),
 						onSelect: (e) => e.preventDefault(),
 						children: e.header
 					}, e.id))
@@ -288,8 +288,8 @@ function _t({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 							className: "grid place-items-center",
 							children: /* @__PURE__ */ G(m, {
 								"aria-label": x("bento.table.selectAll", { defaultValue: "Select all rows" }),
-								checked: Ae ? !0 : ke.length > 0 && "indeterminate",
-								onCheckedChange: () => be(Ae ? /* @__PURE__ */ new Set() : new Set(U.map(n)))
+								checked: ke ? !0 : Oe.length > 0 && "indeterminate",
+								onCheckedChange: () => be(ke ? /* @__PURE__ */ new Set() : new Set(U.map(n)))
 							})
 						}),
 						ue.map((e) => {
@@ -300,7 +300,7 @@ function _t({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 								className: "min-w-0 px-2",
 								children: e.sortValue ? /* @__PURE__ */ K("button", {
 									type: "button",
-									onClick: () => De(e.id),
+									onClick: () => Ee(e.id),
 									className: "inline-flex max-w-full items-center gap-1 rounded-md py-1 hover:text-foreground focus-visible:outline-2 focus-visible:outline-ring",
 									children: [
 										/* @__PURE__ */ G("span", {
@@ -350,28 +350,28 @@ function _t({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 				})
 			}) : /* @__PURE__ */ G("div", {
 				role: "rowgroup",
-				ref: ie,
-				onScroll: (e) => re(e.currentTarget.scrollTop),
+				ref: ae,
+				onScroll: (e) => ie(e.currentTarget.scrollTop),
 				className: "relative overflow-y-auto",
 				style: { height: pe },
 				children: /* @__PURE__ */ G("div", {
 					style: { height: J * g },
 					className: "relative",
 					children: U.slice(_e, ve).map((t, r) => {
-						let i = _e + r, a = n(t), s = I.has(a), c = se(t);
+						let i = _e + r, a = n(t), s = F.has(a), c = se(t);
 						return /* @__PURE__ */ K("div", {
 							ref: (e) => {
-								e ? ae.current.set(i, e) : ae.current.delete(i);
+								e ? oe.current.set(i, e) : oe.current.delete(i);
 							},
 							role: "row",
 							"aria-rowindex": i + 2,
 							"aria-selected": z ? s ? "true" : "false" : void 0,
 							tabIndex: i === ye ? 0 : -1,
-							onKeyDown: (e) => Te(e, i),
-							onClick: (e) => Ee(e, i),
+							onKeyDown: (e) => we(e, i),
+							onClick: (e) => Te(e, i),
 							onDoubleClick: () => h?.(t),
 							onFocus: (e) => {
-								e.target === e.currentTarget && te(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: {
@@ -390,7 +390,7 @@ function _t({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 											row: c
 										}),
 										checked: s,
-										onCheckedChange: () => Ce(i)
+										onCheckedChange: () => Se(i)
 									})
 								}),
 								ue.map((e) => /* @__PURE__ */ G("div", {
@@ -401,7 +401,7 @@ function _t({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 								o?.length ? /* @__PURE__ */ G("div", {
 									role: "gridcell",
 									className: "grid place-items-center",
-									children: /* @__PURE__ */ G(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}`;
+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", u ? "items-center text-center" : "items-start text-left", c),
+		className: e("bento-tile bento-glass flex flex-col gap-3 rounded-3xl p-8", c ? "items-center text-center" : "items-start text-left", s),
 		children: [
 			/* @__PURE__ */ G("span", {
-				className: `grid h-12 w-12 place-items-center rounded-2xl ${l} text-white shadow-md`,
+				className: "bento-well grid h-12 w-12 place-items-center rounded-2xl",
 				children: /* @__PURE__ */ G(t, { size: 24 })
 			}),
-			/* @__PURE__ */ G(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__ */ G("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__ */ G("div", {
-				className: e("mt-1", u && "mx-auto"),
-				children: a
 			})
 		]
 	});
@@ -462,12 +462,12 @@ function bt({ steps: e }) {
 			children: e.map((e, t) => /* @__PURE__ */ K("li", {
 				className: r(t) ? "sr-only" : "inline-flex min-w-0 items-center gap-1",
 				children: [
-					t > 0 && !r(t) && /* @__PURE__ */ G(xe, {
+					t > 0 && !r(t) && /* @__PURE__ */ G(Y, {
 						size: 12,
 						"aria-hidden": !0,
 						className: "shrink-0 opacity-60"
 					}),
-					/* @__PURE__ */ G(Ue, {
+					/* @__PURE__ */ G(He, {
 						to: e.to,
 						className: "max-w-[16ch] truncate hover:text-foreground",
 						children: e.label
@@ -475,7 +475,7 @@ function bt({ steps: e }) {
 					n && t === 0 && /* @__PURE__ */ K("span", {
 						"aria-hidden": !0,
 						className: "inline-flex items-center gap-1",
-						children: [/* @__PURE__ */ G(xe, {
+						children: [/* @__PURE__ */ G(Y, {
 							size: 12,
 							className: "shrink-0 opacity-60"
 						}), "…"]
@@ -488,7 +488,7 @@ function bt({ steps: e }) {
 //#endregion
 //#region src/bento/bento-hero.tsx
 function xt({ to: e, children: t }) {
-	return /* @__PURE__ */ K(Ue, {
+	return /* @__PURE__ */ K(He, {
 		to: e,
 		className: "inline-flex items-center gap-1 hover:text-foreground",
 		children: [/* @__PURE__ */ G(pe, {
@@ -525,7 +525,7 @@ function Ct({ eyebrow: e, backTo: t, backLabel: n, trail: r, title: i, subtitle:
 							children: c
 						}),
 						/* @__PURE__ */ G("h1", {
-							className: "text-3xl font-semibold tracking-tight md:text-4xl",
+							className: "text-2xl font-semibold tracking-tight md:text-3xl",
 							children: i
 						}),
 						a && /* @__PURE__ */ G("p", {
@@ -547,8 +547,8 @@ function Ct({ eyebrow: e, backTo: t, backLabel: n, trail: r, title: i, subtitle:
 function wt({ value: e, onChange: t, onClear: n, defaultIcon: r, tone: i, title: a, description: o, readOnly: s = !1 }) {
 	let { t: c } = q(), [l, u] = H(!1);
 	return s ? /* @__PURE__ */ G("span", {
-		className: `grid h-12 w-12 place-items-center rounded-2xl ${Y(i)} text-white shadow-md`,
-		children: e ? /* @__PURE__ */ G(Ve, {
+		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__ */ G(r, { size: 24 })
@@ -559,13 +559,13 @@ function wt({ value: e, onChange: t, onClear: n, defaultIcon: r, tone: i, title:
 				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__ */ G(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__ */ G(r, { size: 24 }), /* @__PURE__ */ G("span", {
 					className: "pointer-events-none absolute inset-0 grid place-items-center bg-black/40 opacity-0 transition-opacity duration-200 group-hover/icon:opacity-100",
-					children: /* @__PURE__ */ G(je, { className: "size-5 text-white" })
+					children: /* @__PURE__ */ G(Ae, { className: "size-5 text-white" })
 				})]
 			}),
 			e && n && /* @__PURE__ */ G("button", {
@@ -576,7 +576,7 @@ function wt({ value: e, onChange: t, onClear: n, defaultIcon: r, tone: i, title:
 				"aria-label": c("forms.common.remove"),
 				title: c("forms.common.remove"),
 				className: "absolute -right-1.5 -top-1.5 grid h-5 w-5 cursor-pointer place-items-center rounded-full border border-border/60 bg-card/90 text-foreground opacity-0 shadow-md backdrop-blur transition-opacity duration-200 bento-clear focus-visible:opacity-100 group-hover:opacity-100",
-				children: /* @__PURE__ */ G(Be, { size: 12 })
+				children: /* @__PURE__ */ G(ze, { size: 12 })
 			}),
 			/* @__PURE__ */ G(g, {
 				open: l,
@@ -620,13 +620,13 @@ 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;
+	let D = !n;
 	if (l) return /* @__PURE__ */ G("span", {
 		className: e("block w-full", o),
 		"aria-label": s,
@@ -635,21 +635,21 @@ function Tt({ value: n, onSave: r, multiline: i = !1, placeholder: a, className:
 			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");
+	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__ */ 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());
@@ -657,43 +657,57 @@ function Tt({ value: n, onSave: r, multiline: i = !1, placeholder: a, className:
 	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)
+		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 } = q();
-	if (!t && !n) return null;
-	let a = "inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[10px] font-medium normal-case leading-none tracking-normal";
+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(a, "bento-status bento-status-error", r),
-		children: [/* @__PURE__ */ G(de, { className: "size-3" }), i("bento.saveBar.titleRequired", { defaultValue: "Title required" })]
+		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", {
-		className: e(a, "bento-status bento-status-warn", r),
-		children: [/* @__PURE__ */ G("span", { className: "h-1.5 w-1.5 rounded-full bento-status-dot bento-pulse" }), i("bento.saveBar.unsaved", { defaultValue: "Unsaved changes" })]
+		"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) {
+function Ot(e) {
 	B(() => {
 		let t = e.current;
 		if (!t) return;
@@ -711,71 +725,71 @@ 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 } = q(), S = Ke(), [C, w] = H(!1), [T, E] = H({
+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 = V(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] = H(O), [j, M] = H(O);
-	(O.title !== j.title || O.description !== j.description || O.icon !== j.icon || O.enabled !== j.enabled) && (M(O), A(O));
-	async function 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, I = !p, L = !(m && !t), R = !k.title.trim(), te = !t && !T.isDirty, ne = R || te, re = [...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)
 	}] : []];
@@ -786,34 +800,34 @@ function kt({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 				children: [o && o.length > 1 ? /* @__PURE__ */ G(bt, { steps: o }) : /* @__PURE__ */ G(xt, {
 					to: i,
 					children: r
-				}), !p && /* @__PURE__ */ G(Et, {
-					titleMissing: R,
+				}), !p && /* @__PURE__ */ G(Dt, {
+					titleMissing: L,
 					dirty: t || T.isDirty
 				})]
 			}),
 			leading: /* @__PURE__ */ G(wt, {
-				value: k.icon,
-				onChange: (e) => P({ icon: e }),
-				onClear: () => P({ icon: null }),
+				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__ */ G(Tt, {
-				value: k.title,
-				onSave: (e) => P({ title: e }),
+				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__ */ G(Tt, {
-				value: k.description,
-				onSave: (e) => P({ description: e }),
+				value: O.description,
+				onSave: (e) => N({ description: e }),
 				multiline: !0,
 				placeholder: x("forms.common.description"),
 				className: "max-w-2xl text-sm text-muted-foreground",
@@ -822,48 +836,48 @@ function kt({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 				readOnly: p
 			}),
 			trailing: /* @__PURE__ */ K(W, { children: [
-				I && /* @__PURE__ */ K("div", {
+				F && /* @__PURE__ */ K("div", {
 					className: "bento-fade-out flex shrink-0 items-center gap-2",
-					children: [L && /* @__PURE__ */ K(a, {
+					children: [I && /* @__PURE__ */ K(a, {
 						type: "submit",
 						form: l,
 						size: "sm",
 						loading: T.isSubmitting,
-						"aria-disabled": ne ? "true" : void 0,
-						children: [/* @__PURE__ */ G(Ce, { className: "size-4" }), x("forms.formActions.saveChanges")]
+						"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__ */ G(Be, { className: "size-4" }), x("forms.formActions.cancel")]
+						children: [/* @__PURE__ */ G(ze, { className: "size-4" }), x("forms.formActions.cancel")]
 					})]
 				}),
 				h,
 				d && (p ? /* @__PURE__ */ K("span", {
-					className: `flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-[10px] uppercase tracking-wider ${F ? "bento-status bento-status-on" : "border-border bg-muted text-muted-foreground"}`,
-					children: [/* @__PURE__ */ G("span", { className: `h-1.5 w-1.5 rounded-full ${F ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), F ? x("common.active", { defaultValue: "Active" }) : x("common.idle", { defaultValue: "Idle" })]
+					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__ */ G("span", { className: `h-1.5 w-1.5 rounded-full ${F ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), F ? x("common.active", { defaultValue: "Active" }) : x("common.idle", { defaultValue: "Idle" })]
+					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 && re.length > 0 && /* @__PURE__ */ G(dt, { actions: re })
+				!t && ie.length > 0 && /* @__PURE__ */ G(ut, { actions: ie })
 			] })
 		}),
 		/* @__PURE__ */ G("div", {
-			ref: D,
+			ref: E,
 			"aria-hidden": !0,
 			className: "h-px"
 		}),
 		g,
-		!t && v && /* @__PURE__ */ G(ie, {
+		!t && v && /* @__PURE__ */ G(ae, {
 			feature: u,
-			name: k.title,
-			onDelete: ee,
+			name: O.title,
+			onDelete: te,
 			open: C,
 			setOpen: w,
 			trigger: /* @__PURE__ */ G("span", {
@@ -872,26 +886,26 @@ function kt({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 			})
 		}),
 		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 }) {
+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);
+	}[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,
@@ -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" }) {
+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" ? 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";
+		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,
@@ -969,10 +983,10 @@ function Ft({ before: t, after: n, fields: r, showUnchanged: i = !1, layout: a =
 			}),
 			/* @__PURE__ */ G("dl", {
 				className: "m-0 flex flex-col gap-3",
-				children: u.map((e) => /* @__PURE__ */ G(It, {
+				children: u.map((e) => /* @__PURE__ */ G(Lt, {
 					label: e.field.label,
 					state: e.state,
-					children: /* @__PURE__ */ G(Lt, {
+					children: /* @__PURE__ */ G(Rt, {
 						row: e,
 						layout: a
 					})
@@ -985,7 +999,7 @@ function Ft({ before: t, after: n, fields: r, showUnchanged: i = !1, layout: a =
 					"aria-expanded": s ? "true" : "false",
 					onClick: () => c(!s),
 					className: "inline-flex items-center gap-1 self-start rounded-md text-sm text-muted-foreground hover:text-foreground focus-visible:outline-2 focus-visible:outline-ring",
-					children: [/* @__PURE__ */ G(xe, {
+					children: [/* @__PURE__ */ G(Y, {
 						size: 14,
 						"aria-hidden": "true",
 						className: e("transition-transform", s && "rotate-90")
@@ -995,12 +1009,12 @@ function Ft({ before: t, after: n, fields: r, showUnchanged: i = !1, layout: a =
 					})]
 				}), s && /* @__PURE__ */ G("dl", {
 					className: "m-0 flex flex-col gap-3",
-					children: d.map((t) => /* @__PURE__ */ G(It, {
+					children: d.map((t) => /* @__PURE__ */ G(Lt, {
 						label: t.field.label,
 						state: "unchanged",
 						children: /* @__PURE__ */ G("p", {
 							className: e("m-0 whitespace-pre-wrap text-sm text-muted-foreground", t.kind === "lines" && "font-mono text-xs"),
-							children: t.kind === "rich" ? 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 }) {
+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__ */ K("dt", {
 			className: "mb-1.5 flex items-center gap-2 text-xs font-medium text-muted-foreground",
-			children: [/* @__PURE__ */ G("span", { children: e }), /* @__PURE__ */ G(jt, { state: t })]
+			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 }) {
+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(Ut, {
+	if (o === "lines") return /* @__PURE__ */ G(Wt, {
 		label: r.label,
 		before: X(i),
 		after: X(a),
@@ -1033,16 +1047,16 @@ function Lt({ row: e, layout: t }) {
 		return /* @__PURE__ */ K("p", {
 			className: "m-0 flex flex-wrap items-center gap-2 text-sm",
 			children: [
-				s !== "added" && /* @__PURE__ */ G(tn, { children: e(i) }),
+				s !== "added" && /* @__PURE__ */ G(nn, { children: e(i) }),
 				s === "changed" && /* @__PURE__ */ G("span", {
 					"aria-hidden": "true",
 					children: "→"
 				}),
-				s !== "removed" && /* @__PURE__ */ G(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,18 +1066,18 @@ 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));
+			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__ */ G("span", { children: e.text }, t) : e.op === "add" ? /* @__PURE__ */ G(en, { children: e.text }, t) : /* @__PURE__ */ G(tn, { children: e.text }, t)) : [
-					/* @__PURE__ */ G(tn, { children: t.text }, "r"),
+				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__ */ G(en, { children: n.text }, "a")
+					/* @__PURE__ */ G(tn, { children: n.text }, "a")
 				]
 			}, e)), e++;
 		} else d.push(/* @__PURE__ */ G("p", {
 			className: "m-0 whitespace-pre-wrap text-sm leading-relaxed",
-			children: t.op === "same" ? t.text : t.op === "add" ? /* @__PURE__ */ G(en, { children: t.text }) : /* @__PURE__ */ G(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__ */ G("p", {
@@ -1074,13 +1088,13 @@ function Lt({ row: e, layout: t }) {
 		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,8 +1161,8 @@ function Ht(e, t, n) {
 	}
 	return i;
 }
-function Ut({ label: t, before: n, after: r, layout: i }) {
-	let { t: a } = q(), [o, s] = H(/* @__PURE__ */ new Set()), c = Bt(n, r);
+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" })
@@ -1171,7 +1185,7 @@ function Ut({ label: t, before: n, after: r, layout: i }) {
 				"aria-expanded": i ? "true" : "false",
 				onClick: () => l(t.key),
 				className: "inline-flex items-center gap-1 rounded-md font-sans text-muted-foreground hover:text-foreground focus-visible:outline-2 focus-visible:outline-ring",
-				children: [/* @__PURE__ */ G(xe, {
+				children: [/* @__PURE__ */ G(Y, {
 					size: 12,
 					"aria-hidden": "true",
 					className: e("transition-transform", i && "rotate-90")
@@ -1184,9 +1198,9 @@ function Ut({ label: t, before: n, after: r, layout: i }) {
 	}
 	let d = (t) => /* @__PURE__ */ G("table", {
 		"data-layout": "inline",
-		className: e("min-w-full border-collapse font-mono text-xs leading-5", t),
-		children: /* @__PURE__ */ G("tbody", { children: Ht(c, (e) => e.op !== "same", Wt).map((e) => {
-			let t = (e) => /* @__PURE__ */ G(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);
 		}) })
 	});
@@ -1196,7 +1210,7 @@ function Ut({ label: t, before: n, after: r, layout: i }) {
 		className: "@container/diff overflow-x-auto rounded-md border border-border/60 focus-visible:outline-2 focus-visible:outline-ring",
 		children: i === "split" ? /* @__PURE__ */ K(W, { children: [d("@3xl/diff:hidden"), ((t) => /* @__PURE__ */ K("table", {
 			"data-layout": "split",
-			className: e("w-full table-fixed border-collapse font-mono text-xs leading-5", t),
+			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" }),
@@ -1204,87 +1218,87 @@ function Ut({ label: t, before: n, after: r, layout: i }) {
 				/* @__PURE__ */ G("col", { className: "w-14" }),
 				/* @__PURE__ */ G("col", { className: "w-5" }),
 				/* @__PURE__ */ G("col", {})
-			] }), /* @__PURE__ */ G("tbody", { children: Ht(Vt(c), (e) => e.left?.op !== "same", Gt).map((e) => {
-				let t = (e) => /* @__PURE__ */ G(Zt, { pair: e }, Gt(e));
+			] }), /* @__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__ */ G(en, { children: e.text }, t) : e.op === "remove" ? /* @__PURE__ */ G(tn, { children: e.text }, t) : /* @__PURE__ */ G("span", { children: e.text }, t)) : e.op === "same" ? e.text : /* @__PURE__ */ G($t, {
+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);
+}, 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__ */ G("td", {
-				className: e("w-px", Yt, n),
+				className: e("w-px", Xt, n),
 				children: t.old
 			}),
 			/* @__PURE__ */ G("td", {
-				className: e("w-px", Yt, n),
+				className: e("w-px", Xt, n),
 				children: t.new
 			}),
 			/* @__PURE__ */ G("td", {
 				"aria-hidden": "true",
 				className: e("w-px select-none pr-1", n),
-				children: Jt[t.op]
+				children: Yt[t.op]
 			}),
 			/* @__PURE__ */ G("td", {
 				className: e("whitespace-pre pr-3", !t.parts && n),
-				children: qt(t)
+				children: Jt(t)
 			})
 		]
 	});
 }
-function Zt({ pair: e }) {
+function Qt({ pair: e }) {
 	return /* @__PURE__ */ K("tr", {
 		"data-op": e.left?.op === "same" ? "same" : "change",
-		children: [/* @__PURE__ */ G(Qt, {
+		children: [/* @__PURE__ */ G($t, {
 			row: e.left,
 			number: e.left?.old
-		}), /* @__PURE__ */ G(Qt, {
+		}), /* @__PURE__ */ G($t, {
 			row: e.right,
 			number: e.right?.new,
 			right: !0
 		})]
 	});
 }
-function Qt({ row: t, number: n, right: r = !1 }) {
+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);
+	let i = qt(t);
 	return /* @__PURE__ */ K(W, { children: [
 		/* @__PURE__ */ G("td", {
-			className: e(Yt, i, r && "border-l border-border/60"),
+			className: e(Xt, i, r && "border-l border-border/60"),
 			children: n
 		}),
 		/* @__PURE__ */ G("td", {
 			"aria-hidden": "true",
 			className: e("select-none align-top", i),
-			children: Jt[t.op]
+			children: Yt[t.op]
 		}),
 		/* @__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 }) {
+function en({ op: e, children: t }) {
 	let { t: n } = q();
 	return /* @__PURE__ */ K(e === "add" ? "ins" : "del", {
 		className: "no-underline",
@@ -1294,7 +1308,7 @@ function $t({ op: e, children: t }) {
 		}), t]
 	});
 }
-function en({ children: e }) {
+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",
@@ -1304,7 +1318,7 @@ function en({ children: e }) {
 		}), e]
 	});
 }
-function tn({ children: e }) {
+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",
@@ -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,39 +1343,39 @@ 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 } = q(), 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__ */ K(M, {
+	return u ? /* @__PURE__ */ K(j, {
 		"data-slot": "bento-split-page",
 		defaultValue: "primary",
 		className: e("flex flex-col gap-3", s),
 		children: [
-			/* @__PURE__ */ K(E, {
+			/* @__PURE__ */ K(ee, {
 				"aria-label": c("bento.split.switch", { defaultValue: "Show" }),
 				className: "self-start",
-				children: [/* @__PURE__ */ G(D, {
+				children: [/* @__PURE__ */ G(E, {
 					value: "primary",
 					children: r
-				}), /* @__PURE__ */ G(D, {
+				}), /* @__PURE__ */ G(E, {
 					value: "secondary",
 					children: i
 				})]
 			}),
-			/* @__PURE__ */ G(R, {
+			/* @__PURE__ */ G(L, {
 				value: "primary",
 				forceMount: !0,
 				className: "data-[state=inactive]:hidden",
 				children: t
 			}),
-			/* @__PURE__ */ G(R, {
+			/* @__PURE__ */ G(L, {
 				value: "secondary",
 				forceMount: !0,
 				className: "data-[state=inactive]:hidden",
@@ -1371,7 +1385,7 @@ function on({ primary: t, secondary: n, primaryLabel: r, secondaryLabel: i, stor
 	}) : /* @__PURE__ */ G("div", {
 		"data-slot": "bento-split-page",
 		className: e("h-[var(--bento-split-height,calc(100dvh-12rem))] min-h-80", s),
-		children: /* @__PURE__ */ K(ne, {
+		children: /* @__PURE__ */ K(re, {
 			orientation: "horizontal",
 			defaultLayout: d.defaultLayout,
 			onLayoutChanged: d.onLayoutChanged,
@@ -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,80 +1452,80 @@ 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 }) {
+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 = un(new Date(e).getTime(), o);
+		let t = dn(new Date(e).getTime(), o);
 		return {
 			y: t.y,
 			m: t.m,
 			d: t.d
 		};
-	}, [_, v] = H(r), y = n ?? _, [b, x] = H(() => g(a ?? Date.now())), [S, C] = H(null), [w, T] = H(null), [E, D] = H(""), O = V(/* @__PURE__ */ new Map()), k = V(!1), A = ce(), [j] = H(() => Z(g(Date.now()))), M = (e) => $(e, -((ln(e) - s + 7) % 7)), N = M(y === "month" ? {
+	}, [_, 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), I = `${Z(N)}/${Z(F)}`;
+	}, 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)
 		});
-	}, [I, o]), B(() => {
-		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 L = /* @__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 = L.get(n) ?? [];
+		let n = Z(g(t)), r = I.get(n) ?? [];
 		r.push({
 			entry: e,
 			time: t
-		}), L.set(n, r);
+		}), I.set(n, r);
 	}
-	for (let e of L.values()) e.sort((e, t) => e.time - t.time);
-	let R = (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"
-	}), te = (e) => R({ dateStyle: "full" }).format(Q(e)), ne = (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), re = y === "month" ? R({
+	}).format(e), ie = y === "month" ? L({
 		month: "long",
 		year: "numeric"
 	}).format(Q({
 		...b,
 		d: 1
-	})) : `${R({ dateStyle: "medium" }).format(Q(N))} – ${R({ dateStyle: "medium" }).format(Q($(F, -1)))}`;
-	function ie(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 oe(e) {
 		n === void 0 && v(e), i?.(e);
 	}
-	let oe = (e) => y === "month" ? cn(b, e) : $(b, 7 * e);
+	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: te(n)
+			day: ne(n)
 		}));
 	}
 	function se(e, n) {
@@ -1520,20 +1534,20 @@ function pn({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 			ArrowRight: () => $(n, 1),
 			ArrowUp: () => $(n, -7),
 			ArrowDown: () => $(n, 7),
-			Home: () => M(n),
-			End: () => $(M(n), 6),
-			PageUp: () => oe(-1),
-			PageDown: () => oe(1)
+			Home: () => j(n),
+			End: () => $(j(n), 6),
+			PageUp: () => R(-1),
+			PageDown: () => R(1)
 		}[e.key];
 		if (r) {
-			e.preventDefault(), ie(r());
+			e.preventDefault(), ae(r());
 			return;
 		}
 		if (S && (e.key === "Enter" || e.key === " ")) e.preventDefault(), z(S, n), C(null);
 		else if (S && e.key === "Escape") {
 			e.preventDefault();
 			let n = t.find((e) => e.id === S);
-			C(null), D(p("bento.calendar.cancelled", {
+			C(null), E(p("bento.calendar.cancelled", {
 				defaultValue: "Put {{label}} back.",
 				label: n?.label ?? ""
 			}));
@@ -1543,7 +1557,7 @@ function pn({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 		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();
@@ -1555,7 +1569,7 @@ function pn({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 		let n = w ?? e.dataTransfer.getData("text/plain");
 		T(null), n && (e.preventDefault(), z(n, t));
 	}
-	let W = c ? A : void 0;
+	let W = c ? k : void 0;
 	return /* @__PURE__ */ K("div", {
 		"data-slot": "bento-calendar",
 		className: e("flex flex-col gap-3", f),
@@ -1565,18 +1579,18 @@ function pn({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 				children: [/* @__PURE__ */ K("div", {
 					className: "flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ G(mn, {
+						/* @__PURE__ */ G(hn, {
 							label: p("bento.calendar.previous", { defaultValue: "Previous" }),
-							onClick: () => x(oe(-1)),
+							onClick: () => x(R(-1)),
 							children: /* @__PURE__ */ G(be, {
 								size: 16,
 								"aria-hidden": "true"
 							})
 						}),
-						/* @__PURE__ */ G(mn, {
+						/* @__PURE__ */ G(hn, {
 							label: p("bento.calendar.next", { defaultValue: "Next" }),
-							onClick: () => x(oe(1)),
-							children: /* @__PURE__ */ G(xe, {
+							onClick: () => x(R(1)),
+							children: /* @__PURE__ */ G(Y, {
 								size: 16,
 								"aria-hidden": "true"
 							})
@@ -1590,7 +1604,7 @@ function pn({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 						/* @__PURE__ */ G("h2", {
 							className: "m-0 ml-2 text-base font-semibold",
 							"aria-live": "polite",
-							children: re
+							children: ie
 						})
 					]
 				}), /* @__PURE__ */ G("div", {
@@ -1600,8 +1614,8 @@ function pn({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 					children: ["month", "week"].map((t) => /* @__PURE__ */ G("button", {
 						type: "button",
 						"aria-pressed": y === t ? "true" : "false",
-						onClick: () => ae(t),
-						className: e("rounded px-2 py-0.5 text-sm focus-visible:outline-2 focus-visible:outline-ring", y === t ? "bg-primary text-primary-foreground" : "hover:bg-muted/50"),
+						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))
 				})]
@@ -1610,7 +1624,7 @@ function pn({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: E
+				children: ee
 			}),
 			W && /* @__PURE__ */ G("span", {
 				id: W,
@@ -1619,26 +1633,26 @@ function pn({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 			}),
 			/* @__PURE__ */ K("table", {
 				role: "grid",
-				"aria-label": d ?? re,
+				"aria-label": d ?? ie,
 				className: "w-full table-fixed border-collapse text-sm",
-				children: [/* @__PURE__ */ G("thead", { children: /* @__PURE__ */ G("tr", { children: ee[0].map((e) => /* @__PURE__ */ G("th", {
+				children: [/* @__PURE__ */ G("thead", { children: /* @__PURE__ */ G("tr", { children: te[0].map((e) => /* @__PURE__ */ G("th", {
 					scope: "col",
-					abbr: R({ weekday: "long" }).format(Q(e)),
+					abbr: L({ weekday: "long" }).format(Q(e)),
 					className: "pb-1 text-xs font-medium text-muted-foreground",
-					children: R({ weekday: "short" }).format(Q(e))
-				}, Z(e))) }) }), /* @__PURE__ */ G("tbody", { children: ee.map((t) => /* @__PURE__ */ G("tr", { children: t.map((t) => {
-					let n = Z(t), r = L.get(n) ?? [], i = n === Z(b), a = y === "month" && t.m !== b.m, o = r.length;
+					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 ? `${te(t)}, ${p("bento.calendar.entries", {
+						"aria-label": o > 0 ? `${ne(t)}, ${p("bento.calendar.entries", {
 							defaultValue: "{{count}} scheduled",
 							count: o
-						})}` : te(t),
-						"aria-current": n === j ? "date" : void 0,
+						})}` : ne(t),
+						"aria-current": n === A ? "date" : void 0,
 						"data-day": n,
 						onKeyDown: (e) => se(e, t),
 						onFocus: () => {
@@ -1651,7 +1665,7 @@ function pn({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 						className: e("border border-border/60 p-1 align-top outline-none", y === "month" ? "h-24" : "h-48", "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring", S && i && "bg-primary/10"),
 						children: [/* @__PURE__ */ G("span", {
 							"aria-hidden": "true",
-							className: e("mb-1 inline-grid size-6 place-items-center rounded-full text-xs", n === j && "bg-primary font-semibold text-primary-foreground", n !== j && a && "text-muted-foreground"),
+							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__ */ G("ul", {
 							className: "m-0 flex list-none flex-col gap-0.5 p-0",
@@ -1668,11 +1682,11 @@ function pn({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 									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"),
+								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: ne(n)
+									children: re(n)
 								}), /* @__PURE__ */ G("span", {
 									className: "truncate",
 									children: t.label
@@ -1685,7 +1699,7 @@ function pn({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 		]
 	});
 }
-function mn({ label: e, onClick: t, children: n }) {
+function hn({ label: e, onClick: t, children: n }) {
 	return /* @__PURE__ */ G("button", {
 		type: "button",
 		"aria-label": e,
@@ -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,67 +1749,61 @@ 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 } = q(), p = Y(a), m = t ?? (n ? "LARGE" : "MEDIUM"), h = m === "LARGE", g = m === "SMALL", _ = hn[m], v = l === 1, y = h ? "p-6 md:p-7" : g ? "p-4" : "p-5", b = h ? "h-14 w-14" : g ? "h-8 w-8" : "h-9 w-9", x = h ? 28 : g ? 16 : 18, S = h ? "text-xl md:text-2xl" : g ? "text-sm" : "text-base md:text-lg";
-	return /* @__PURE__ */ K(Ue, {
+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__ */ K(W, { children: [/* @__PURE__ */ G("div", {
-				"aria-hidden": !0,
-				className: `pointer-events-none absolute -bottom-10 -right-10 h-64 w-64 rounded-full ${p} opacity-40 blur-2xl dark:opacity-50`
-			}), /* @__PURE__ */ G("div", {
-				"aria-hidden": !0,
-				className: `pointer-events-none absolute right-12 top-1/3 h-32 w-32 rounded-full ${p} bento-chip-tr opacity-20 blur-2xl dark:opacity-30`
-			})] }),
-			/* @__PURE__ */ K("div", {
-				className: "relative z-1 flex items-center justify-between",
-				children: [/* @__PURE__ */ G("span", {
-					className: `grid place-items-center rounded-2xl ${p} text-white shadow-md ${b}`,
-					children: i ? /* @__PURE__ */ G(Ve, {
-						icon: i,
-						className: h ? "size-7 text-white" : "size-4.5 text-white"
-					}) : /* @__PURE__ */ G(r, { size: x })
-				}), u && /* @__PURE__ */ K("span", {
-					className: `flex items-center gap-1.5 rounded-full border px-2 py-0.5 text-[10px] uppercase tracking-wider ${v ? "bento-status bento-status-on" : "border-border bg-muted text-muted-foreground"}`,
-					children: [/* @__PURE__ */ G("span", { className: `h-1.5 w-1.5 rounded-full ${v ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), v ? f("common.active", { defaultValue: "Active" }) : f("common.idle", { defaultValue: "Idle" })]
-				})]
-			}),
-			/* @__PURE__ */ K("div", {
-				className: "relative z-1",
-				children: [
-					/* @__PURE__ */ G("div", {
-						className: `font-semibold tracking-tight ${S}`,
-						children: o
-					}),
-					!g && c && /* @__PURE__ */ G("div", {
-						className: "mt-1 flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground",
-						children: c
-					}),
-					!g && s && /* @__PURE__ */ G("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 }) {
+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
@@ -1821,18 +1829,18 @@ 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" });
@@ -1846,7 +1854,7 @@ function wn({ value: e, onChange: n, facets: r, queryLabel: i, queryDelay: a = 3
 			children: [
 				/* @__PURE__ */ K("div", {
 					className: "relative min-w-48 flex-1",
-					children: [/* @__PURE__ */ G(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"
@@ -1862,11 +1870,11 @@ function wn({ value: e, onChange: n, facets: r, queryLabel: i, queryDelay: a = 3
 						className: "pl-9"
 					})]
 				}),
-				r.map((t) => t.kind === "choice" ? /* @__PURE__ */ G(En, {
+				r.map((t) => t.kind === "choice" ? /* @__PURE__ */ G(Dn, {
 					facet: t,
 					value: e,
 					onChange: n
-				}, t.id) : /* @__PURE__ */ G(Dn, {
+				}, t.id) : /* @__PURE__ */ G(On, {
 					facet: t,
 					value: e,
 					onChange: n
@@ -1884,7 +1892,7 @@ 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__ */ G(Be, {
+				children: [e.text, /* @__PURE__ */ G(ze, {
 					size: 12,
 					"aria-hidden": "true"
 				})]
@@ -1896,14 +1904,14 @@ 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 }) {
+function En({ label: e, count: t, ...n }) {
 	return /* @__PURE__ */ K(C, {
 		variant: "outline",
 		size: "sm",
@@ -1922,11 +1930,11 @@ function Tn({ label: e, count: t, ...n }) {
 		]
 	});
 }
-function En({ facet: e, value: t, onChange: n }) {
-	let r = Sn(t.facets[e.id]);
-	return /* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(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__ */ G(Tn, {
+		children: /* @__PURE__ */ G(En, {
 			label: e.label,
 			count: r.length
 		})
@@ -1935,12 +1943,12 @@ function En({ facet: e, value: t, onChange: n }) {
 		className: "bento-dropdown min-w-44 p-1.5",
 		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__ */ G(c, {
 			value: r[0] ?? "",
-			onValueChange: (i) => n(Cn(t, e.id, i === r[0] ? [] : [i])),
+			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
@@ -1948,16 +1956,16 @@ function En({ facet: e, value: t, onChange: n }) {
 		})
 	})] });
 }
-function Dn({ facet: e, value: n, onChange: r }) {
-	let { t: i } = q(), a = n.facets[e.id], o = xn(a) ? a : {}, [s, c] = H(!1), [l, d] = H(o.from ?? ""), [f, p] = H(o.to ?? ""), m = ce(), h = ce();
+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__ */ G(j, {
+		children: [/* @__PURE__ */ G(A, {
 			asChild: !0,
-			children: /* @__PURE__ */ G(Tn, {
+			children: /* @__PURE__ */ G(En, {
 				label: e.label,
 				count: o.from || o.to ? 1 : 0
 			})
@@ -1967,7 +1975,7 @@ function Dn({ facet: e, value: n, onChange: r }) {
 			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);
@@ -2010,17 +2018,17 @@ 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 } = q(), A = Y(d), [j, M] = H(!1), N = le(() => _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__ */ G("span", {
-		className: `grid h-12 w-12 place-items-center rounded-2xl ${A} text-white shadow-md`,
+		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__ */ K(ae, {
+	if (!w) return /* @__PURE__ */ K(oe, {
 		checkIsNotUndefined: e,
 		error: t ?? null,
 		tryAgainUrl: n,
@@ -2030,41 +2038,41 @@ function An({ items: e, error: t, tryAgainUrl: n, listId: r, eyebrow: i, backTo:
 				backTo: a,
 				backLabel: o,
 				trail: s,
-				leading: P,
+				leading: j,
 				title: l,
 				subtitle: u,
-				trailing: g ? void 0 : /* @__PURE__ */ G(C, {
+				trailing: h ? void 0 : /* @__PURE__ */ G(C, {
 					asChild: !0,
 					className: "gap-2",
-					children: /* @__PURE__ */ K(Ue, {
-						to: p,
-						children: [/* @__PURE__ */ G(Me, { size: 16 }), m]
+					children: /* @__PURE__ */ K(He, {
+						to: f,
+						children: [/* @__PURE__ */ G(je, { size: 16 }), p]
 					})
 				})
 			}),
-			f && /* @__PURE__ */ G("div", {
+			d && /* @__PURE__ */ G("div", {
 				className: "mb-4 flex flex-wrap items-center gap-2",
-				children: f
+				children: d
 			}),
 			e?.length === 0 ? /* @__PURE__ */ G(vt, {
-				icon: Fe,
-				title: E,
-				description: D
-			}) : /* @__PURE__ */ G(On, {
+				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__ */ K(ae, {
+	let M = !!r && !!E && (e?.length ?? 0) > 0;
+	return /* @__PURE__ */ K(oe, {
 		checkIsNotUndefined: e,
 		error: t ?? null,
 		tryAgainUrl: n,
@@ -2074,199 +2082,193 @@ function An({ items: e, error: t, tryAgainUrl: n, listId: r, eyebrow: i, backTo:
 				backTo: a,
 				backLabel: o,
 				trail: s,
-				leading: P,
+				leading: j,
 				title: l,
 				subtitle: u
 			}),
-			(f || ee && !j) && /* @__PURE__ */ K("div", {
+			(d || M && !O) && /* @__PURE__ */ K("div", {
 				className: "mb-4 flex flex-wrap items-center gap-2",
-				children: [f, ee && !j && /* @__PURE__ */ K(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__ */ G(ue, { 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__ */ G(Nn, {
-				layout: O,
-				resolved: N,
-				canEditGlobal: O?.data?.canEditGlobal ?? !1,
-				isCustomized: O?.data?.source === "USER",
-				renderTile: T,
-				chip: A,
-				hideNew: g,
-				newRoute: p,
-				newLabel: m,
-				newSubtitle: h,
-				onClose: () => M(!1)
-			}) : /* @__PURE__ */ G(Mn, {
-				resolved: N,
-				renderTile: T,
-				chip: A,
-				hideNew: g,
-				newRoute: p,
-				newLabel: m,
-				newSubtitle: h,
+			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__ */ G(ae, {
+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__ */ K("div", {
 			"data-slot": "bento-list-tiles",
-			className: kn,
+			className: An,
 			children: [
-				!s && i && a ? /* @__PURE__ */ G(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__ */ G("span", {
 					className: "contents",
-					children: l(e)
-				}, c(e))),
-				e?.length === 0 && /* @__PURE__ */ G(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");
+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__ */ G(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__ */ G("span", {
 				className: "contents",
 				children: n(e, r)
 			}, t)),
-			c && /* @__PURE__ */ G(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 } = q(), [p, m] = H(n), [h, g] = H(null), _ = (t.saving ?? !1) || h !== null, v = (e) => _ && h === e ? { loading: !0 } : { "aria-disabled": _ || void 0 }, [y, b] = H(!1), x = (e, t) => async () => {
+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 = le(() => vn(p), [p]), D = p.some((e) => e.emphasis === "SMALL");
+	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__ */ 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__ */ K(C, {
 				variant: "ghost",
 				size: "sm",
 				className: "gap-2",
-				...v("reset"),
-				onClick: x("reset", t.onReset),
-				children: [h !== "reset" && /* @__PURE__ */ G(J, { 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__ */ K(C, {
 				variant: "outline",
 				size: "sm",
 				className: "gap-2",
-				...v("global"),
-				onClick: x("global", () => t.onSaveGlobal?.(E)),
-				children: [h !== "global" && /* @__PURE__ */ G(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__ */ K(C, {
 				variant: "ghost",
 				size: "sm",
 				className: "gap-2",
-				...v("cancel"),
-				onClick: d,
-				children: [/* @__PURE__ */ G(Be, { size: 16 }), f("common.cancel", { defaultValue: "Cancel" })]
+				..._("cancel"),
+				onClick: u,
+				children: [/* @__PURE__ */ G(ze, { size: 16 }), d("common.cancel", { defaultValue: "Cancel" })]
 			}),
 			/* @__PURE__ */ K(C, {
 				size: "sm",
 				className: "gap-2",
-				...v("save"),
-				onClick: x("save", () => t.onSave(E)),
-				children: [h !== "save" && /* @__PURE__ */ G(Ce, { 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__ */ G("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__ */ G(Ze, {
-		sensors: S,
-		collisionDetection: et,
-		onDragEnd: w,
-		children: /* @__PURE__ */ G(rt, {
-			items: p.map((e) => e.key),
-			strategy: at,
+	}), /* @__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__ */ G(Ln, {
-					route: c,
-					label: l,
-					subtitle: u,
-					chip: o
-				}), p.map(({ item: e, key: t, emphasis: n }) => /* @__PURE__ */ G(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,9 +2282,9 @@ var Pn = [
 		def: "Large"
 	}
 };
-function In({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
-	let { t: a } = q(), { attributes: o, listeners: s, setNodeRef: c, transform: l, transition: u, isDragging: d } = ot({ id: t }), f = {
-		transform: st.Translate.toString(l),
+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
@@ -2290,7 +2292,7 @@ function In({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
 	return /* @__PURE__ */ K("div", {
 		ref: c,
 		style: f,
-		className: e("relative h-full", hn[n]),
+		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
@@ -2300,8 +2302,8 @@ function In({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
 				role: "group",
 				"aria-label": a("bento.layout.sizeGroup", { defaultValue: "Tile size" }),
 				className: "flex items-center gap-0.5 rounded-full border border-border/60 bg-background/80 p-0.5 shadow-sm backdrop-blur",
-				children: Pn.map((t) => {
-					let i = t === n, o = a(Fn[t].key, { defaultValue: Fn[t].def });
+				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),
@@ -2317,8 +2319,8 @@ function In({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
 				...o,
 				...s,
 				"aria-label": a("bento.layout.dragToReorder", { defaultValue: "Drag to reorder" }),
-				className: "grid h-7 w-7 cursor-grab place-items-center rounded-full border border-border/60 bg-background/80 shadow-sm backdrop-blur hover:bg-background active:cursor-grabbing",
-				children: /* @__PURE__ */ G(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 } = q();
-	return /* @__PURE__ */ K(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__ */ K("div", {
 			className: "flex items-center gap-3",
 			children: [/* @__PURE__ */ G("span", {
-				className: `bento-pulse grid h-10 w-10 place-items-center rounded-2xl ${r} text-white shadow-md`,
-				children: /* @__PURE__ */ G(Me, { size: 20 })
+				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__ */ K("div", { children: [/* @__PURE__ */ G("div", {
 			className: "text-base font-semibold tracking-tight md:text-lg",
-			children: /* @__PURE__ */ G("span", {
-				className: `${r} bg-clip-text text-transparent`,
-				children: t
-			})
+			children: t
 		}), n && /* @__PURE__ */ G("p", {
 			className: "mt-1 text-sm text-muted-foreground",
 			children: n
 		})] })]
 	});
 }
-function Rn({ title: e, description: t }) {
+function zn({ title: e, description: t }) {
 	return /* @__PURE__ */ G(vt, {
-		icon: Fe,
+		icon: Pe,
 		title: e,
 		description: t,
 		align: "start",
@@ -2363,10 +2362,10 @@ 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 }) {
+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-glass flex items-center justify-between gap-4 rounded-2xl px-4 py-3 shadow-md backdrop-blur-xl",
+		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: [
@@ -2374,7 +2373,7 @@ function zn({ title: e, badges: t, actions: n, onCancel: r, loading: i, disabled
 					className: "truncate text-base font-semibold tracking-tight md:text-lg",
 					children: e
 				}),
-				/* @__PURE__ */ G(Et, {
+				/* @__PURE__ */ G(Dt, {
 					titleMissing: c,
 					dirty: s
 				}),
@@ -2390,29 +2389,29 @@ function zn({ title: e, badges: t, actions: n, onCancel: r, loading: i, disabled
 				size: "sm",
 				loading: i,
 				"aria-disabled": o ? "true" : void 0,
-				children: [/* @__PURE__ */ G(Ce, { className: "size-4" }), l("forms.formActions.saveChanges")]
+				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__ */ G(Be, { className: "size-4" }), l("forms.formActions.cancel")]
+				children: [/* @__PURE__ */ G(ze, { className: "size-4" }), l("forms.formActions.cancel")]
 			})] })
 		})]
 	});
 }
-function Bn({ children: e }) {
+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) {
+function Hn(e) {
 	let t = V(null);
-	return Dt(t), /* @__PURE__ */ K(W, { children: [
+	return Ot(t), /* @__PURE__ */ K(W, { children: [
 		/* @__PURE__ */ G("div", {
 			ref: t,
 			"aria-hidden": !0,
@@ -2424,13 +2423,13 @@ function Vn(e) {
 		}),
 		/* @__PURE__ */ G("div", {
 			className: "bento-fade-in fixed inset-x-0 top-20 z-20 mx-auto w-full max-w-7xl px-4 md:px-8",
-			children: /* @__PURE__ */ G(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 }) {
+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,
@@ -2444,16 +2443,16 @@ function Hn({ eyebrow: e, backTo: t, backLabel: n, trail: r, leading: i, title:
 				size: "sm",
 				loading: d,
 				"aria-disabled": v ? "true" : void 0,
-				children: [/* @__PURE__ */ G(Ce, { className: "size-4" }), _("forms.formActions.saveChanges")]
+				children: [/* @__PURE__ */ G(Se, { className: "size-4" }), _("forms.formActions.saveChanges")]
 			}), /* @__PURE__ */ K(a, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
 				onClick: l,
-				children: [/* @__PURE__ */ G(Be, { className: "size-4" }), _("forms.formActions.cancel")]
+				children: [/* @__PURE__ */ G(ze, { className: "size-4" }), _("forms.formActions.cancel")]
 			})] })
 		}), c] })
-	}), /* @__PURE__ */ G(Vn, {
+	}), /* @__PURE__ */ G(Hn, {
 		title: h,
 		badges: g,
 		actions: u,
@@ -2466,40 +2465,40 @@ 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 }) {
+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(Un, c),
+		className: e(Wn, s),
 		children: [/* @__PURE__ */ K("header", {
 			className: "flex items-start justify-between gap-3",
 			children: [/* @__PURE__ */ K("div", {
 				className: "flex items-center gap-3",
 				children: [/* @__PURE__ */ G("span", {
-					className: `grid h-10 w-10 place-items-center rounded-2xl text-white shadow-md ${Y(n)}`,
+					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__ */ G(s, {
+					children: [/* @__PURE__ */ G(o, {
 						className: "text-base font-semibold tracking-tight md:text-lg",
-						children: r
-					}), i && /* @__PURE__ */ G("p", {
+						children: n
+					}), r && /* @__PURE__ */ G("p", {
 						className: "text-sm text-muted-foreground",
-						children: i
+						children: r
 					})]
 				})]
-			}), o && /* @__PURE__ */ G("div", {
+			}), a && /* @__PURE__ */ G("div", {
 				className: "shrink-0",
-				children: o
+				children: a
 			})]
 		}), /* @__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 }) {
+function Kn({ children: t, className: n, contentClassName: r }) {
 	return /* @__PURE__ */ G("div", {
 		className: e("bento-glass rounded-2xl shadow-md", n),
 		children: /* @__PURE__ */ G("div", {
@@ -2510,15 +2509,15 @@ 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 } = q(), n = ee(), r = e || n, i = U(qn, Jn, () => !1);
+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" }),
@@ -2533,12 +2532,12 @@ function Yn({ inline: e = !1 } = {}) {
 }
 //#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 }) {
+function Qn({ label: e, children: t }) {
 	return e ? /* @__PURE__ */ K("div", {
 		role: "group",
 		"aria-label": e,
@@ -2548,7 +2547,7 @@ function Zn({ label: e, children: t }) {
 		}), t]
 	}) : /* @__PURE__ */ G(W, { children: t });
 }
-function Qn({ index: e, active: t, icon: n, label: r, description: i, trailing: a, onActivate: o, onChoose: s }) {
+function $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}`,
@@ -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 } = q(), u = Ke(), [d, f] = H(""), [p, m] = H(0), h = V(null), g = le(() => {
+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),
@@ -2612,7 +2611,7 @@ function $n({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 		(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);
@@ -2641,7 +2640,7 @@ function $n({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 				}),
 				/* @__PURE__ */ K("div", {
 					className: "flex items-center gap-3 border-b border-border/60 px-4",
-					children: [/* @__PURE__ */ G(Pe, {
+					children: [/* @__PURE__ */ G(Ne, {
 						size: 18,
 						className: "shrink-0 text-muted-foreground"
 					}), /* @__PURE__ */ G("input", {
@@ -2668,16 +2667,16 @@ function $n({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 							className: "px-3 py-6 text-center text-sm text-muted-foreground",
 							children: l("bento.palette.noResults", { defaultValue: "No matches" })
 						}),
-						/* @__PURE__ */ G(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__ */ G(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__ */ K(W, { children: [/* @__PURE__ */ G(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"
@@ -2687,11 +2686,11 @@ function $n({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 								})] })
 							}, e.id))
 						}),
-						o && /* @__PURE__ */ K(Zn, {
+						o && /* @__PURE__ */ K(Qn, {
 							label: o.label,
 							children: [o.items.map((e, t) => {
 								let n = g.length + t;
-								return /* @__PURE__ */ G(Qn, {
+								return /* @__PURE__ */ G($n, {
 									index: n,
 									active: n === p,
 									icon: e.icon,
@@ -2713,12 +2712,12 @@ 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 } = q(), l = We(), u = ce(), d = V(null), f = V(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__ */ G(I.Provider, {
+	let _ = o || g === "corner", v = (e) => /* @__PURE__ */ G(F.Provider, {
 		value: !0,
-		children: /* @__PURE__ */ G(A.Provider, {
+		children: /* @__PURE__ */ G(k.Provider, {
 			value: e,
 			children: a
 		})
@@ -2742,7 +2741,7 @@ function er({ rail: t, headerStart: n, headerEnd: r, column: i = "default", dock
 				"aria-live": "polite",
 				className: "sr-only"
 			}),
-			l && /* @__PURE__ */ G(tr, {
+			l && /* @__PURE__ */ G(nr, {
 				main: d,
 				announcer: f
 			}),
@@ -2778,16 +2777,16 @@ function er({ rail: t, headerStart: n, headerEnd: r, column: i = "default", dock
 			_ && /* @__PURE__ */ G("div", {
 				"data-slot": "bento-shell-corner",
 				className: "pointer-events-none fixed bottom-5 right-5 z-50 flex flex-col items-end gap-3",
-				children: /* @__PURE__ */ K(I.Provider, {
+				children: /* @__PURE__ */ K(F.Provider, {
 					value: !0,
-					children: [o && /* @__PURE__ */ G(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 = V(n);
+function nr({ main: e, announcer: t }) {
+	let { pathname: n } = We(), r = V(n);
 	return B(() => {
 		if (r.current === n) return;
 		r.current = n;
@@ -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,12 +2839,12 @@ 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() }) {
+function cr({ onPalette: e, onShortcuts: t, isMac: n = ir() }) {
 	let r = V({
 		onPalette: e,
 		onShortcuts: t
@@ -2857,7 +2856,7 @@ function sr({ onPalette: e, onShortcuts: t, isMac: n = rr() }) {
 		};
 	}), 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,15 +2864,15 @@ 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 } = q(), a = nr.filter((e) => e.action === "palette"), o = a.find((e) => e.mod);
+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__ */ G(Pe, {
+			/* @__PURE__ */ G(Ne, {
 				"aria-hidden": !0,
 				size: 16
 			}),
@@ -2883,24 +2882,24 @@ function cr({ onClick: t, isMac: n = rr(), className: r }) {
 			}),
 			o && /* @__PURE__ */ G("kbd", {
 				"aria-hidden": !0,
-				className: "hidden rounded border border-border/60 bg-muted px-1.5 py-0.5 text-[10px] font-medium tracking-wide sm:inline",
-				children: 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() }) {
+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" }),
@@ -2929,7 +2928,7 @@ function lr({ open: e, onOpenChange: t, isMac: a = rr() }) {
 			className: "max-w-md",
 			children: [/* @__PURE__ */ K(o, { children: [/* @__PURE__ */ K(i, {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ G(Oe, {
+				children: [/* @__PURE__ */ G(De, {
 					size: 20,
 					className: "bento-accent-icon"
 				}), c("bento.shortcuts.title", { defaultValue: "Keyboard shortcuts" })]
@@ -2964,27 +2963,27 @@ 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 } = q(), { pathname: a } = Ge(), o = le(() => e.filter((e) => !!e.section.areaRoute), [e]), s = a === t || (n?.includes(a) ?? !1);
-	return /* @__PURE__ */ G(te, {
+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__ */ 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__ */ G(hr, {
+				/* @__PURE__ */ G(gr, {
 					to: t,
-					icon: De,
+					icon: Ee,
 					label: r ?? i("home.title", { defaultValue: "Home" }),
 					shown: !0,
 					active: s
@@ -2993,23 +2992,23 @@ function mr({ groups: e, homeRoute: t, homeAliases: n, homeLabel: r }) {
 					"aria-hidden": !0,
 					className: "my-1 h-px w-6 bg-border/60"
 				}),
-				o.map((e) => /* @__PURE__ */ G(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 }) {
+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__ */ K(Ue, {
+	}) : null, c = /* @__PURE__ */ K(He, {
 		to: e,
 		"aria-label": s ? `${n}, ${s}` : n,
 		"aria-current": a ? "page" : void 0,
@@ -3029,7 +3028,7 @@ function hr({ to: e, icon: t, label: n, shown: r, count: i = 0, active: a }) {
 			children: n
 		})]
 	});
-	return r ? c : /* @__PURE__ */ K(O, { children: [/* @__PURE__ */ G(re, {
+	return r ? c : /* @__PURE__ */ K(D, { children: [/* @__PURE__ */ G(ie, {
 		asChild: !0,
 		children: c
 	}), /* @__PURE__ */ G(w, {
@@ -3039,18 +3038,18 @@ function hr({ to: e, icon: t, label: n, shown: r, count: i = 0, active: a }) {
 }
 //#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 } = q(), l = Ke(), u = `${o.firstName ?? ""} ${o.lastName ?? ""}`.trim() || o.username || "";
+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__ */ K(_, { children: [/* @__PURE__ */ G(F, {
+	}) : /* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(P, {
 		asChild: !0,
 		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__ */ G(L, {
+			children: /* @__PURE__ */ G(I, {
 				givenName: o.firstName,
 				familyName: o.lastName,
 				name: u || o.username,
@@ -3069,7 +3068,7 @@ function gr({ accountRoute: e, logoutUrl: t, organizationsRoute: n, tenantAdminR
 					className: "flex items-center gap-3 rounded-xl px-2 py-2 text-left text-sm",
 					children: [/* @__PURE__ */ G("span", {
 						className: "rounded-full p-0.5 ring-1 ring-border/60",
-						children: /* @__PURE__ */ G(L, {
+						children: /* @__PURE__ */ G(I, {
 							givenName: o.firstName,
 							familyName: o.lastName,
 							name: u || o.username,
@@ -3093,7 +3092,7 @@ function gr({ accountRoute: e, logoutUrl: t, organizationsRoute: n, tenantAdminR
 				/* @__PURE__ */ K(h, {
 					onSelect: () => l(e),
 					className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-					children: [/* @__PURE__ */ G(Re, { size: 18 }), c("nav.account")]
+					children: [/* @__PURE__ */ G(Le, { size: 18 }), c("nav.account")]
 				}),
 				n && /* @__PURE__ */ K(h, {
 					onSelect: () => l(n),
@@ -3109,11 +3108,11 @@ function gr({ accountRoute: e, logoutUrl: t, organizationsRoute: n, tenantAdminR
 			(i || a) && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(f, { className: "my-1.5 bg-border/50" }), /* @__PURE__ */ K(p, { children: [a && /* @__PURE__ */ K(h, {
 				onSelect: () => a(),
 				className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-				children: [/* @__PURE__ */ G(Fe, { size: 18 }), c("bento.tour.replay", { defaultValue: "Take the tour" })]
+				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__ */ G(Oe, { size: 18 }), c("bento.shortcuts.title", { defaultValue: "Keyboard shortcuts" })]
+				children: [/* @__PURE__ */ G(De, { size: 18 }), c("bento.shortcuts.title", { defaultValue: "Keyboard shortcuts" })]
 			})] })] }),
 			/* @__PURE__ */ G(f, { className: "my-1.5 bg-border/50" }),
 			/* @__PURE__ */ K(h, {
@@ -3121,14 +3120,14 @@ function gr({ accountRoute: e, logoutUrl: t, organizationsRoute: n, tenantAdminR
 					globalThis.location.href = t;
 				},
 				className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2 bento-item-danger",
-				children: [/* @__PURE__ */ G(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,35 +3137,35 @@ 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;
-	oe.forEach(r, (e) => {
+	R.forEach(r, (e) => {
 		if (!se(e)) return;
 		let { type: t } = e;
 		(t === T.Header || t === T.StaticHeader) && (i ??= e.props);
 	});
-	let a = oe.map(r, (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__ */ G(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__ */ G("section", {
-		className: e(Un, n),
+		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 }) {
+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
@@ -3180,10 +3179,10 @@ function br({ eyebrow: e, title: t, description: n, titleHref: r, children: i, g
 					className: "text-xs uppercase tracking-[0.18em] text-muted-foreground",
 					children: e
 				}),
-				r ? /* @__PURE__ */ K(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__ */ G(xe, {
+					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"
 					})]
@@ -3201,21 +3200,21 @@ 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 }) {
+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`
+			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__ */ K("div", {
 			className: "relative z-1 flex items-center justify-between",
 			children: [/* @__PURE__ */ G("span", {
-				className: `grid place-items-center ${Y(o)} text-white shadow-md ${p}`,
+				className: `grid place-items-center ${pt(o)} text-white shadow-md ${p}`,
 				children: /* @__PURE__ */ G(a, { size: m })
-			}), f && /* @__PURE__ */ G(xe, {
+			}), 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"
 			})]
@@ -3243,7 +3242,7 @@ function xr({ to: t, onClick: n, disabled: r = !1, disabledHint: i, icon: a, ton
 		"aria-disabled": "true",
 		title: i,
 		children: g
-	}) : t ? /* @__PURE__ */ G(Ue, {
+	}) : t ? /* @__PURE__ */ G(He, {
 		to: t,
 		className: _,
 		children: g
@@ -3259,7 +3258,7 @@ function xr({ to: t, onClick: n, disabled: r = !1, disabledHint: i, icon: a, ton
 }
 //#endregion
 //#region src/bento/bento-version-rail.tsx
-function Sr({ versions: t, selected: n, onSelect: r, label: i }) {
+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)) {
@@ -3315,7 +3314,7 @@ function Sr({ versions: t, selected: n, onSelect: r, label: i }) {
 		"data-slot": "bento-version-rail",
 		className: "m-0 flex list-none flex-col gap-1 p-0",
 		children: t.map((r, i) => {
-			let o = n.includes(r.id), l = g(r.at), u = r.actor === "agent" ? Ne : Le, f = o ? "text-foreground/80" : "text-muted-foreground";
+			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);
@@ -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 };