@viglet/viglet-design-system 2026.3.9 → 2026.3.10

package/dist/bento.es.js

@@ -1,37 +1,38 @@
 "use client";
-import { A as e, D as t, E as n, F as r, M as i, U as a, _ as o, a as s, f as c, g as l, h as u, i as d, k as f, l as p, m, o as h, s as g, u as _, x as v } from "./badge-locale-CoEEv7s5.js";
-import { c as y, l as b, n as x, o as S, r as C, s as w } from "./user.context-D1PxP4D4.js";
-import { i as T, t as E } from "./loading-provider-BWWhhfEn.js";
+import { t as e } from "./utils-Fk5jmzzb.js";
+import { A as t, D as n, E as r, F as i, M as a, _ as o, a as s, f as c, g as l, h as u, i as d, k as f, l as p, m, o as h, s as g, u as _, x as v } from "./badge-locale-Du41PpLA.js";
+import { l as y, n as b, o as x, r as S, s as C, u as w } from "./user.context-CPmUBBLa.js";
+import { i as T, t as E } from "./loading-provider-E3fbcekM.js";
 import { Children as D, createContext as O, isValidElement as k, useContext as A, useEffect as j, useMemo as M, useRef as N, useState as P, useSyncExternalStore as ee } from "react";
 import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
 import { useTranslation as R } from "react-i18next";
-import { IconAdjustmentsHorizontal as z, IconAlertTriangle as te, IconArrowBackUp as B, IconArrowLeft as ne, IconArrowRight as re, IconArrowUp as V, IconBuildingCommunity as ie, IconBuildingSkyscraper as ae, IconChevronRight as H, IconDeviceFloppy as U, IconDotsVertical as oe, IconExternalLink as se, IconGripVertical as ce, IconHome as le, IconKeyboard as ue, IconLogout as de, IconPalette as fe, IconPlus as pe, IconSearch as me, IconSparkles as W, IconTrash as he, IconUserCircle as ge, IconUsers as _e, IconX as G } from "@tabler/icons-react";
-import { Icon as K } from "@iconify/react";
-import { Link as q, useLocation as ve, useNavigate as J } from "react-router-dom";
-import { DndContext as ye, KeyboardSensor as be, PointerSensor as xe, closestCenter as Se, useSensor as Ce, useSensors as we } from "@dnd-kit/core";
-import { SortableContext as Te, arrayMove as Ee, rectSortingStrategy as De, useSortable as Oe } from "@dnd-kit/sortable";
-import { CSS as ke } from "@dnd-kit/utilities";
+import { IconAdjustmentsHorizontal as z, IconAlertTriangle as te, IconArrowBackUp as B, IconArrowLeft as ne, IconArrowRight as re, IconArrowUp as ie, IconBuildingCommunity as ae, IconBuildingSkyscraper as oe, IconChevronRight as V, IconDeviceFloppy as H, IconDotsVertical as se, IconExternalLink as ce, IconGripVertical as le, IconHome as ue, IconKeyboard as de, IconLayoutGrid as fe, IconLogout as pe, IconPalette as me, IconPlus as he, IconSearch as ge, IconSparkles as U, IconTrash as _e, IconUserCircle as ve, IconUsers as ye, IconX as W } from "@tabler/icons-react";
+import { Icon as G } from "@iconify/react";
+import { Link as K, useLocation as be, useNavigate as q } from "react-router-dom";
+import { DndContext as xe, KeyboardSensor as Se, PointerSensor as Ce, closestCenter as we, useSensor as Te, useSensors as Ee } from "@dnd-kit/core";
+import { SortableContext as De, arrayMove as Oe, rectSortingStrategy as ke, useSortable as Ae } from "@dnd-kit/sortable";
+import { CSS as je } from "@dnd-kit/utilities";
 //#region src/bento/bento-actions-menu.tsx
-var Ae = {
+var Me = {
 	default: "",
 	destructive: "bento-item-danger"
 };
-function je({ actions: e, triggerLabel: t }) {
-	let { t: r } = R();
-	return e.length === 0 ? null : /* @__PURE__ */ L(c, { children: [/* @__PURE__ */ I(n, {
+function Ne({ actions: e, triggerLabel: t }) {
+	let { t: n } = R();
+	return e.length === 0 ? null : /* @__PURE__ */ L(c, { children: [/* @__PURE__ */ I(r, {
 		asChild: !0,
 		children: /* @__PURE__ */ I("button", {
 			type: "button",
-			"aria-label": t ?? r("forms.formActions.moreActions", { defaultValue: "More actions" }),
+			"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__ */ I(oe, { size: 18 })
+			children: /* @__PURE__ */ I(se, { size: 18 })
 		})
 	}), /* @__PURE__ */ I(m, {
 		align: "end",
 		sideOffset: 8,
 		className: "bento-dropdown min-w-44 p-1.5",
 		children: e.map((e) => {
-			let t = e.icon, n = Ae[e.tone ?? "default"];
+			let t = e.icon, n = Me[e.tone ?? "default"];
 			return /* @__PURE__ */ L(l, {
 				onSelect: e.onSelect,
 				disabled: e.disabled,
@@ -43,7 +44,7 @@ function je({ actions: e, triggerLabel: t }) {
 }
 //#endregion
 //#region src/bento/bento-tones.ts
-var Y = {
+var J = {
 	blue: "bento-tone-blue",
 	indigo: "bento-tone-indigo",
 	violet: "bento-tone-violet",
@@ -51,15 +52,15 @@ var Y = {
 	amber: "bento-tone-amber",
 	rose: "bento-tone-rose",
 	slate: "bento-tone-slate"
-}, Me = Object.keys(Y);
-function X(e) {
-	return `bento-chip ${Y[e] ?? Y.slate}`;
+}, Pe = Object.keys(J);
+function Y(e) {
+	return `bento-chip ${J[e] ?? J.slate}`;
 }
 //#endregion
 //#region src/bento/bento-count-tile.tsx
-function Ne({ to: e, icon: t, tone: n, label: r, count: i, span: a }) {
+function Fe({ to: e, icon: t, tone: n, label: r, count: i, span: a }) {
 	let o = /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("span", {
-		className: `grid h-9 w-9 place-items-center rounded-2xl text-white shadow-md ${X(n)}`,
+		className: `grid h-9 w-9 place-items-center rounded-2xl text-white shadow-md ${Y(n)}`,
 		children: /* @__PURE__ */ I(t, { size: 18 })
 	}), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("div", {
 		className: "text-3xl font-semibold tabular-nums tracking-tight",
@@ -68,7 +69,7 @@ function Ne({ 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__ */ I(q, {
+	return e ? /* @__PURE__ */ I(K, {
 		to: e,
 		className: s,
 		children: o
@@ -79,34 +80,34 @@ function Ne({ to: e, icon: t, tone: n, label: r, count: i, span: a }) {
 }
 //#endregion
 //#region src/bento/bento-empty-state.tsx
-function Pe({ icon: e = W, tone: t = "indigo", title: n, description: r, action: i, align: o = "center", className: s }) {
-	let c = X(t), l = o === "center";
+function Ie({ icon: t = U, tone: n = "indigo", title: r, description: i, action: a, align: o = "center", className: s }) {
+	let c = Y(n), l = o === "center";
 	return /* @__PURE__ */ L("div", {
-		className: a("bento-tile bento-glass flex flex-col gap-3 rounded-3xl p-8", l ? "items-center text-center" : "items-start text-left", s),
+		className: e("bento-tile bento-glass flex flex-col gap-3 rounded-3xl p-8", l ? "items-center text-center" : "items-start text-left", s),
 		children: [
 			/* @__PURE__ */ I("span", {
 				className: `grid h-12 w-12 place-items-center rounded-2xl ${c} text-white shadow-md`,
-				children: /* @__PURE__ */ I(e, { size: 24 })
+				children: /* @__PURE__ */ I(t, { size: 24 })
 			}),
 			/* @__PURE__ */ I("div", {
 				className: "text-lg font-semibold tracking-tight",
-				children: n
-			}),
-			r && /* @__PURE__ */ I("p", {
-				className: a("max-w-md text-sm text-muted-foreground", l && "mx-auto"),
 				children: r
 			}),
-			i && /* @__PURE__ */ I("div", {
-				className: a("mt-1", l && "mx-auto"),
+			i && /* @__PURE__ */ I("p", {
+				className: e("max-w-md text-sm text-muted-foreground", l && "mx-auto"),
 				children: i
+			}),
+			a && /* @__PURE__ */ I("div", {
+				className: e("mt-1", l && "mx-auto"),
+				children: a
 			})
 		]
 	});
 }
 //#endregion
 //#region src/bento/bento-hero.tsx
-function Z({ to: e, children: t }) {
-	return /* @__PURE__ */ L(q, {
+function X({ to: e, children: t }) {
+	return /* @__PURE__ */ L(K, {
 		to: e,
 		className: "inline-flex items-center gap-1 hover:text-foreground",
 		children: [/* @__PURE__ */ I(ne, {
@@ -115,8 +116,8 @@ function Z({ to: e, children: t }) {
 		}), t]
 	});
 }
-function Q({ eyebrow: e, backTo: t, backLabel: n, title: r, subtitle: i, leading: a, trailing: o }) {
-	let s = e ?? (t == null ? null : /* @__PURE__ */ I(Z, {
+function Z({ eyebrow: e, backTo: t, backLabel: n, title: r, subtitle: i, leading: a, trailing: o }) {
+	let s = e ?? (t == null ? null : /* @__PURE__ */ I(X, {
 		to: t,
 		children: n
 	}));
@@ -156,11 +157,11 @@ function Q({ eyebrow: e, backTo: t, backLabel: n, title: r, subtitle: i, leading
 }
 //#endregion
 //#region src/bento/bento-hero-icon-picker.tsx
-function Fe({ value: e, onChange: t, onClear: n, defaultIcon: r, tone: i, title: a, description: o, readOnly: s = !1 }) {
+function Le({ value: e, onChange: t, onClear: n, defaultIcon: r, tone: i, title: a, description: o, readOnly: s = !1 }) {
 	let { t: c } = R(), [l, u] = P(!1);
 	return s ? /* @__PURE__ */ I("span", {
-		className: `grid h-12 w-12 place-items-center rounded-2xl ${X(i)} text-white shadow-md`,
-		children: e ? /* @__PURE__ */ I(K, {
+		className: `grid h-12 w-12 place-items-center rounded-2xl ${Y(i)} text-white shadow-md`,
+		children: e ? /* @__PURE__ */ I(G, {
 			icon: e,
 			className: "size-6 text-white"
 		}) : /* @__PURE__ */ I(r, { size: 24 })
@@ -171,13 +172,13 @@ function Fe({ 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 ${X(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__ */ I(K, {
+				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__ */ I(G, {
 					icon: e,
 					className: "size-6 text-white"
 				}) : /* @__PURE__ */ I(r, { size: 24 }), /* @__PURE__ */ I("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__ */ I(fe, { className: "size-5 text-white" })
+					children: /* @__PURE__ */ I(me, { className: "size-5 text-white" })
 				})]
 			}),
 			e && n && /* @__PURE__ */ I("button", {
@@ -188,7 +189,7 @@ function Fe({ 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__ */ I(G, { size: 12 })
+				children: /* @__PURE__ */ I(W, { size: 12 })
 			}),
 			/* @__PURE__ */ I(y, {
 				open: l,
@@ -204,102 +205,102 @@ function Fe({ value: e, onChange: t, onClear: n, defaultIcon: r, tone: i, title:
 }
 //#endregion
 //#region src/bento/bento-inline-edit.tsx
-function Ie({ value: e, onSave: t, multiline: n = !1, placeholder: r, className: i = "", ariaLabel: a, autoFocus: o = !1, readOnly: s = !1, commitOnChange: c = !1 }) {
-	let { t: l } = R(), [u, d] = P(o), [f, m] = P(e), [h, g] = P(!1), _ = N(null), [v, y] = P(e);
-	!u && e !== v && (y(e), m(e)), j(() => {
-		u && _.current && (_.current.focus(), _.current.select());
-	}, [u]);
-	async function b() {
-		let n = f.trim();
-		if (n === e) {
-			d(!1);
+function Re({ value: t, onSave: n, multiline: r = !1, placeholder: i, className: a, ariaLabel: o, autoFocus: s = !1, readOnly: c = !1, commitOnChange: l = !1 }) {
+	let { t: u } = R(), [d, f] = P(s), [m, h] = P(t), [g, _] = P(!1), v = N(null), [y, b] = P(t);
+	!d && t !== y && (b(t), h(t)), j(() => {
+		d && v.current && (v.current.focus(), v.current.select());
+	}, [d]);
+	async function x() {
+		let e = m.trim();
+		if (e === t) {
+			f(!1);
 			return;
 		}
-		if (!n && !r) {
-			m(e), d(!1);
+		if (!e && !i) {
+			h(t), f(!1);
 			return;
 		}
-		g(!0);
+		_(!0);
 		try {
-			await t(n);
+			await n(e);
 		} catch {
-			m(e);
+			h(t);
 		} finally {
-			g(!1), d(!1);
+			_(!1), f(!1);
 		}
 	}
-	function x() {
-		m(e), d(!1);
+	function S() {
+		h(t), f(!1);
 	}
-	function S(e) {
-		m(e), c && t(e);
+	function C(e) {
+		h(e), l && n(e);
 	}
-	let C = !e;
-	if (s) return /* @__PURE__ */ I("span", {
-		className: `block w-full ${i}`,
-		"aria-label": a,
-		children: e || /* @__PURE__ */ I("span", {
+	let w = !t;
+	if (c) return /* @__PURE__ */ I("span", {
+		className: e("block w-full", a),
+		"aria-label": o,
+		children: t || /* @__PURE__ */ I("span", {
 			className: "text-muted-foreground/80",
-			children: r ?? "—"
+			children: i ?? "—"
 		})
 	});
-	let w = `w-full bg-transparent outline-none border-b transition-colors duration-200 ${i}`, T = `${w} cursor-text rounded-sm ${C ? "border-dashed border-border/70 hover:border-foreground/40" : "border-transparent hover:border-border/60 focus-visible:border-border/80"} ${h ? "opacity-60" : ""}`, E = `${w} bento-editing`;
-	if (!u) return /* @__PURE__ */ I("button", {
+	let T = "w-full bg-transparent outline-none border-b transition-colors duration-200", E = e(T, "cursor-text rounded-sm", w ? "border-dashed border-border/70 hover:border-foreground/40" : "border-transparent hover:border-border/60 focus-visible:border-border/80", g && "opacity-60"), D = e(T, "bento-editing");
+	if (!d) return /* @__PURE__ */ I("button", {
 		type: "button",
-		onClick: () => d(!0),
-		className: `${T} text-left`,
-		"aria-label": a ?? l("forms.formActions.edit"),
-		disabled: h,
-		children: e || /* @__PURE__ */ I("span", {
+		onClick: () => f(!0),
+		className: e(E, "text-left", a),
+		"aria-label": o ?? u("forms.formActions.edit"),
+		disabled: g,
+		children: t || /* @__PURE__ */ I("span", {
 			className: "text-muted-foreground/80",
-			children: r ?? "—"
+			children: i ?? "—"
 		})
 	});
-	function D(e) {
+	function O(e) {
 		if (e.key === "Escape") {
-			e.preventDefault(), x();
+			e.preventDefault(), S();
 			return;
 		}
-		e.key === "Enter" && (!n || e.metaKey || e.ctrlKey) && (e.preventDefault(), b());
+		e.key === "Enter" && (!r || e.metaKey || e.ctrlKey) && (e.preventDefault(), x());
 	}
-	return n ? /* @__PURE__ */ I("textarea", {
-		ref: _,
-		value: f,
-		onChange: (e) => S(e.target.value),
-		onBlur: b,
-		onKeyDown: D,
-		placeholder: r,
-		"aria-label": a,
+	return r ? /* @__PURE__ */ I("textarea", {
+		ref: v,
+		value: m,
+		onChange: (e) => C(e.target.value),
+		onBlur: x,
+		onKeyDown: O,
+		placeholder: i,
+		"aria-label": o,
 		rows: 3,
-		className: `${E} resize-none py-0.5 leading-snug`
+		className: e(D, "resize-none py-0.5 leading-snug", a)
 	}) : /* @__PURE__ */ I(p, {
-		ref: _,
-		value: f,
-		onChange: (e) => S(e.target.value),
-		onBlur: b,
-		onKeyDown: D,
-		placeholder: r,
-		"aria-label": a,
-		className: `${E} h-auto px-0 py-0 shadow-none focus-visible:ring-0`
+		ref: v,
+		value: m,
+		onChange: (e) => C(e.target.value),
+		onBlur: x,
+		onKeyDown: O,
+		placeholder: i,
+		"aria-label": o,
+		className: e(D, "h-auto px-0 py-0 shadow-none focus-visible:ring-0", a)
 	});
 }
 //#endregion
 //#region src/bento/bento-status-marker.tsx
-function Le({ titleMissing: e, dirty: t, className: n }) {
-	let { t: r } = R();
-	if (!e && !t) return null;
-	let i = "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 e ? /* @__PURE__ */ L("span", {
-		className: `${i} bento-status bento-status-error ${n ?? ""}`,
-		children: [/* @__PURE__ */ I(te, { className: "size-3" }), r("bento.saveBar.titleRequired", { defaultValue: "Title required" })]
+function ze({ titleMissing: t, dirty: n, className: r }) {
+	let { t: i } = R();
+	if (!t && !n) return null;
+	let a = "inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[10px] font-medium normal-case leading-none tracking-normal";
+	return t ? /* @__PURE__ */ L("span", {
+		className: e(a, "bento-status bento-status-error", r),
+		children: [/* @__PURE__ */ I(te, { className: "size-3" }), i("bento.saveBar.titleRequired", { defaultValue: "Title required" })]
 	}) : /* @__PURE__ */ L("span", {
-		className: `${i} bento-status bento-status-warn ${n ?? ""}`,
-		children: [/* @__PURE__ */ I("span", { className: "h-1.5 w-1.5 rounded-full bento-status-dot bento-pulse" }), r("bento.saveBar.unsaved", { defaultValue: "Unsaved changes" })]
+		className: e(a, "bento-status bento-status-warn", r),
+		children: [/* @__PURE__ */ I("span", { className: "h-1.5 w-1.5 rounded-full bento-status-dot bento-pulse" }), i("bento.saveBar.unsaved", { defaultValue: "Unsaved changes" })]
 	});
 }
 //#endregion
 //#region src/bento/bento-scroll-fade.ts
-function Re(e) {
+function Be(e) {
 	j(() => {
 		let t = e.current;
 		if (!t) return;
@@ -317,17 +318,17 @@ function Re(e) {
 }
 //#endregion
 //#region src/bento/bento-entity-shell.tsx
-function ze(e, t) {
+function Ve(e, t) {
 	let n = {};
 	for (let r of Object.keys(e)) Object.assign(n, { [r]: t[r] });
 	return n;
 }
-function Be({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i, icon: a, tone: o, formId: s, feature: c, hasStatus: l = !1, hideIcon: u = !1, readOnly: d = !1, autosaveOnly: f = !1, badge: p, notice: m, onUpdate: h, onDelete: g, extraActions: v, children: y }) {
-	let { t: b } = R(), x = J(), [C, w] = P(!1), [E, D] = P({
+function He({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i, icon: a, tone: o, formId: s, feature: c, hasStatus: l = !1, hideIcon: u = !1, readOnly: d = !1, autosaveOnly: f = !1, badge: p, notice: m, onUpdate: h, onDelete: g, extraActions: v, children: y }) {
+	let { t: b } = R(), S = q(), [C, w] = P(!1), [E, D] = P({
 		isDirty: !1,
 		isSubmitting: !1
 	}), O = N(null);
-	Re(O);
+	Be(O);
 	let k = {
 		title: e.title ?? "",
 		description: e.description ?? "",
@@ -345,15 +346,15 @@ function Be({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 			await h({
 				...e,
 				...n
-			}), S.success(b("forms.common.updated", {
+			}), x.success(b("forms.common.updated", {
 				name: r,
 				feature: c
 			}));
 		} catch (e) {
 			console.error("Failed to update entity field", e), j((e) => ({
 				...e,
-				...ze(n, k)
-			})), S.error(b("forms.common.notUpdated", {
+				...Ve(n, k)
+			})), x.error(b("forms.common.notUpdated", {
 				name: k.title || r,
 				feature: c
 			}));
@@ -362,15 +363,15 @@ function Be({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 	async function te() {
 		if (g) {
 			try {
-				await g() ? (S.success(b("forms.common.deleted", {
+				await g() ? (x.success(b("forms.common.deleted", {
 					name: A.title,
 					feature: c
-				})), x(i)) : S.error(b("forms.common.notDeleted", {
+				})), S(i)) : x.error(b("forms.common.notDeleted", {
 					name: A.title,
 					feature: c
 				}));
 			} catch (e) {
-				console.error("Failed to delete entity", e), S.error(b("forms.common.notDeleted", {
+				console.error("Failed to delete entity", e), x.error(b("forms.common.notDeleted", {
 					name: A.title,
 					feature: c
 				}));
@@ -378,25 +379,25 @@ function Be({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 			w(!1);
 		}
 	}
-	let B = A.enabled === 1, ne = !d, re = !(f && !t), V = !A.title.trim(), ie = !t && !E.isDirty, ae = V || ie, H = [...v ?? [], ...g && !d ? [{
+	let B = A.enabled === 1, ne = !d, re = !(f && !t), ie = !A.title.trim(), ae = !t && !E.isDirty, oe = ie || ae, V = [...v ?? [], ...g && !d ? [{
 		label: b("forms.formActions.delete"),
-		icon: he,
+		icon: _e,
 		tone: "destructive",
 		onSelect: () => w(!0)
 	}] : []];
 	return /* @__PURE__ */ L(F, { children: [
-		/* @__PURE__ */ I(Q, {
+		/* @__PURE__ */ I(Z, {
 			eyebrow: /* @__PURE__ */ L("span", {
 				className: "inline-flex items-center gap-2",
-				children: [/* @__PURE__ */ I(Z, {
+				children: [/* @__PURE__ */ I(X, {
 					to: i,
 					children: r
-				}), !d && /* @__PURE__ */ I(Le, {
-					titleMissing: V,
+				}), !d && /* @__PURE__ */ I(ze, {
+					titleMissing: ie,
 					dirty: t || E.isDirty
 				})]
 			}),
-			leading: /* @__PURE__ */ I(Fe, {
+			leading: /* @__PURE__ */ I(Le, {
 				value: A.icon,
 				onChange: (e) => z({ icon: e }),
 				onClear: () => z({ icon: null }),
@@ -406,7 +407,7 @@ function Be({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 				description: A.description,
 				readOnly: d || u
 			}),
-			title: /* @__PURE__ */ I(Ie, {
+			title: /* @__PURE__ */ I(Re, {
 				value: A.title,
 				onSave: (e) => z({ title: e }),
 				placeholder: n,
@@ -416,7 +417,7 @@ function Be({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 				commitOnChange: t,
 				readOnly: d
 			}),
-			subtitle: /* @__PURE__ */ I(Ie, {
+			subtitle: /* @__PURE__ */ I(Re, {
 				value: A.description,
 				onSave: (e) => z({ description: e }),
 				multiline: !0,
@@ -434,14 +435,14 @@ function Be({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 						form: s,
 						size: "sm",
 						loading: E.isSubmitting,
-						disabled: ae,
-						children: [/* @__PURE__ */ I(U, { className: "size-4" }), b("forms.formActions.saveChanges")]
+						disabled: oe,
+						children: [/* @__PURE__ */ I(H, { className: "size-4" }), b("forms.formActions.saveChanges")]
 					}), /* @__PURE__ */ L(_, {
 						type: "button",
 						size: "sm",
 						variant: "outline",
-						onClick: () => x(i),
-						children: [/* @__PURE__ */ I(G, { className: "size-4" }), b("forms.formActions.cancel")]
+						onClick: () => S(i),
+						children: [/* @__PURE__ */ I(W, { className: "size-4" }), b("forms.formActions.cancel")]
 					})]
 				}),
 				p,
@@ -456,7 +457,7 @@ function Be({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 					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 ${B ? "bento-status bento-status-on" : "border-border bg-muted text-muted-foreground hover:bg-muted/80"}`,
 					children: [/* @__PURE__ */ I("span", { className: `h-1.5 w-1.5 rounded-full ${B ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), B ? b("common.active", { defaultValue: "Active" }) : b("common.idle", { defaultValue: "Idle" })]
 				})),
-				!t && H.length > 0 && /* @__PURE__ */ I(je, { actions: H })
+				!t && V.length > 0 && /* @__PURE__ */ I(Ne, { actions: V })
 			] })
 		}),
 		/* @__PURE__ */ I("div", {
@@ -484,16 +485,16 @@ function Be({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 }
 //#endregion
 //#region src/bento/bento-layout.ts
-var Ve = {
+var Ue = {
 	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"
-}, He = {
+}, We = {
 	SMALL: "MEDIUM",
 	MEDIUM: "LARGE",
 	LARGE: "SMALL"
 };
-function Ue(e, t, n) {
+function Ge(e, t, n) {
 	if (!n || n.length === 0) return e.map((e, n) => ({
 		item: e,
 		key: t(e),
@@ -514,7 +515,7 @@ function Ue(e, t, n) {
 		emphasis: i.get(t) ?? "MEDIUM"
 	}));
 }
-function We(e) {
+function Ke(e) {
 	return e.map((e, t) => ({
 		itemId: e.key,
 		emphasis: e.emphasis,
@@ -523,9 +524,9 @@ function We(e) {
 }
 //#endregion
 //#region src/bento/bento-entity-tile.tsx
-function Ge({ 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 } = R(), p = X(a), m = t ?? (n ? "LARGE" : "MEDIUM"), h = m === "LARGE", g = m === "SMALL", _ = Ve[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__ */ L(q, {
+function qe({ 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 } = R(), p = Y(a), m = t ?? (n ? "LARGE" : "MEDIUM"), h = m === "LARGE", g = m === "SMALL", _ = Ue[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__ */ L(K, {
 		to: e,
 		className: `bento-tile bento-tile-clickable bento-glass group relative flex flex-col ${h ? "gap-5" : "gap-4"} overflow-hidden ${y} ${_}`,
 		style: d ? { viewTransitionName: d } : void 0,
@@ -541,7 +542,7 @@ function Ge({ to: e, emphasis: t, featured: n, defaultIcon: r, icon: i, tone: a
 				className: "relative z-1 flex items-center justify-between",
 				children: [/* @__PURE__ */ I("span", {
 					className: `grid place-items-center rounded-2xl ${p} text-white shadow-md ${b}`,
-					children: i ? /* @__PURE__ */ I(K, {
+					children: i ? /* @__PURE__ */ I(G, {
 						icon: i,
 						className: h ? "size-7 text-white" : "size-4.5 text-white"
 					}) : /* @__PURE__ */ I(r, { size: x })
@@ -572,55 +573,55 @@ function Ge({ to: e, emphasis: t, featured: n, defaultIcon: r, icon: i, tone: a
 }
 //#endregion
 //#region src/bento/bento-list-page.tsx
-var Ke = "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 qe({ items: e, error: t, tryAgainUrl: n, listId: r, eyebrow: i, backTo: a, backLabel: o, heroIcon: s, title: c, subtitle: l, tone: u = "indigo", headerAction: d, newRoute: f, newLabel: p, newSubtitle: m, hideNew: h = !1, itemKey: g, renderTile: _, emptyTitle: v, emptyDescription: y, layout: x }) {
-	let { t: S } = R(), C = X(u), [w, T] = P(!1), D = M(() => Ue(e ?? [], g, x?.data?.entries), [
+var Je = "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 Ye({ items: e, error: t, tryAgainUrl: n, listId: r, eyebrow: i, backTo: a, backLabel: o, heroIcon: s, title: c, subtitle: l, tone: u = "indigo", headerAction: d, newRoute: f, newLabel: p, newSubtitle: m, hideNew: h = !1, itemKey: g, renderTile: _, emptyTitle: v, emptyDescription: y, layout: b }) {
+	let { t: x } = R(), S = Y(u), [C, T] = P(!1), D = M(() => Ge(e ?? [], g, b?.data?.entries), [
 		e,
 		g,
-		x?.data?.entries
-	]), O = !!r && !!x && (e?.length ?? 0) > 0;
+		b?.data?.entries
+	]), O = !!r && !!b && (e?.length ?? 0) > 0;
 	return /* @__PURE__ */ L(E, {
 		checkIsNotUndefined: e,
 		error: t ?? null,
 		tryAgainUrl: n,
 		children: [
-			/* @__PURE__ */ I(Q, {
+			/* @__PURE__ */ I(Z, {
 				eyebrow: i,
 				backTo: a,
 				backLabel: o,
 				leading: /* @__PURE__ */ I("span", {
-					className: `grid h-12 w-12 place-items-center rounded-2xl ${C} text-white shadow-md`,
+					className: `grid h-12 w-12 place-items-center rounded-2xl ${S} text-white shadow-md`,
 					children: /* @__PURE__ */ I(s, { size: 24 })
 				}),
 				title: c,
 				subtitle: l
 			}),
-			(d || O && !w) && /* @__PURE__ */ L("div", {
+			(d || O && !C) && /* @__PURE__ */ L("div", {
 				className: "mb-4 flex flex-wrap items-center gap-2",
-				children: [d, O && !w && /* @__PURE__ */ L(b, {
+				children: [d, O && !C && /* @__PURE__ */ L(w, {
 					variant: "outline",
 					size: "sm",
 					onClick: () => T(!0),
 					className: "ml-auto gap-2",
-					children: [/* @__PURE__ */ I(z, { size: 16 }), S("bento.layout.customize", { defaultValue: "Customize layout" })]
+					children: [/* @__PURE__ */ I(z, { size: 16 }), x("bento.layout.customize", { defaultValue: "Customize layout" })]
 				})]
 			}),
-			w && r && x ? /* @__PURE__ */ I(Xe, {
-				layout: x,
+			C && r && b ? /* @__PURE__ */ I(Qe, {
+				layout: b,
 				resolved: D,
-				canEditGlobal: x?.data?.canEditGlobal ?? !1,
-				isCustomized: x?.data?.source === "USER",
+				canEditGlobal: b?.data?.canEditGlobal ?? !1,
+				isCustomized: b?.data?.source === "USER",
 				renderTile: _,
-				chip: C,
+				chip: S,
 				hideNew: h,
 				newRoute: f,
 				newLabel: p,
 				newSubtitle: m,
 				onClose: () => T(!1)
-			}) : /* @__PURE__ */ I(Ye, {
+			}) : /* @__PURE__ */ I(Ze, {
 				resolved: D,
 				renderTile: _,
-				chip: C,
+				chip: S,
 				hideNew: h,
 				newRoute: f,
 				newLabel: p,
@@ -632,16 +633,16 @@ function qe({ items: e, error: t, tryAgainUrl: n, listId: r, eyebrow: i, backTo:
 		]
 	});
 }
-function Je({ 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 = X(r);
+function Xe({ 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__ */ I(E, {
 		checkIsNotUndefined: e,
 		error: t ?? null,
 		tryAgainUrl: n,
 		children: /* @__PURE__ */ L("div", {
-			className: Ke,
+			className: Je,
 			children: [
-				!s && i && a ? /* @__PURE__ */ I(et, {
+				!s && i && a ? /* @__PURE__ */ I(nt, {
 					route: i,
 					label: a,
 					subtitle: o,
@@ -651,7 +652,7 @@ function Je({ items: e, error: t, tryAgainUrl: n, tone: r = "indigo", newRoute:
 					className: "contents",
 					children: l(e)
 				}, c(e))),
-				e?.length === 0 && /* @__PURE__ */ I(tt, {
+				e?.length === 0 && /* @__PURE__ */ I(rt, {
 					title: u,
 					description: d
 				})
@@ -659,30 +660,30 @@ function Je({ items: e, error: t, tryAgainUrl: n, tone: r = "indigo", newRoute:
 		})
 	});
 }
-function Ye({ resolved: e, renderTile: t, chip: n, hideNew: r, newRoute: i, newLabel: o, newSubtitle: s, isEmpty: c, emptyTitle: l, emptyDescription: u }) {
-	let d = e.some((e) => e.emphasis === "SMALL");
+function Ze({ resolved: t, renderTile: n, chip: r, hideNew: i, newRoute: a, newLabel: o, newSubtitle: s, isEmpty: c, emptyTitle: l, emptyDescription: u }) {
+	let d = t.some((e) => e.emphasis === "SMALL");
 	return /* @__PURE__ */ L("div", {
-		className: a(Ke, d && "grid-flow-dense"),
+		className: e(Je, d && "grid-flow-dense"),
 		children: [
-			!r && /* @__PURE__ */ I(et, {
-				route: i,
+			!i && /* @__PURE__ */ I(nt, {
+				route: a,
 				label: o,
 				subtitle: s,
-				chip: n
+				chip: r
 			}),
-			e.map(({ item: e, key: n, emphasis: r }) => /* @__PURE__ */ I("span", {
+			t.map(({ item: e, key: t, emphasis: r }) => /* @__PURE__ */ I("span", {
 				className: "contents",
-				children: t(e, r)
-			}, n)),
-			c && /* @__PURE__ */ I(tt, {
+				children: n(e, r)
+			}, t)),
+			c && /* @__PURE__ */ I(rt, {
 				title: l,
 				description: u
 			})
 		]
 	});
 }
-function Xe({ layout: e, resolved: t, canEditGlobal: n, isCustomized: r, renderTile: i, chip: o, hideNew: s, newRoute: c, newLabel: l, newSubtitle: u, onClose: d }) {
-	let { t: f } = R(), [p, m] = P(t), h = e.saving ?? !1, [g, _] = P(!1), v = (e) => async () => {
+function Qe({ 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 } = R(), [p, m] = P(n), h = t.saving ?? !1, [g, _] = P(!1), v = (e) => async () => {
 		if (e) {
 			_(!1);
 			try {
@@ -691,21 +692,21 @@ function Xe({ layout: e, resolved: t, canEditGlobal: n, isCustomized: r, renderT
 				console.error("Failed to save the bento layout", e), _(!0);
 			}
 		}
-	}, y = we(Ce(xe, { activationConstraint: { distance: 8 } }), Ce(be));
-	function x(e) {
+	}, y = Ee(Te(Ce, { activationConstraint: { distance: 8 } }), Te(Se));
+	function b(e) {
 		let { active: t, over: n } = e;
 		!n || t.id === n.id || m((e) => {
 			let r = e.findIndex((e) => e.key === t.id), i = e.findIndex((e) => e.key === n.id);
-			return r < 0 || i < 0 ? e : Ee(e, r, i);
+			return r < 0 || i < 0 ? e : Oe(e, r, i);
 		});
 	}
-	function S(e, t) {
+	function x(e, t) {
 		m((n) => n.map((n) => n.key === e ? {
 			...n,
 			emphasis: t
 		} : n));
 	}
-	let C = M(() => We(p), [p]), w = p.some((e) => e.emphasis === "SMALL");
+	let S = M(() => Ke(p), [p]), C = p.some((e) => e.emphasis === "SMALL");
 	return /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ L("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: [
@@ -713,36 +714,36 @@ function Xe({ layout: e, resolved: t, canEditGlobal: n, isCustomized: r, renderT
 				className: "mr-auto text-sm text-muted-foreground",
 				children: f("bento.layout.editHint", { defaultValue: "Drag tiles to reorder · tap the size button to resize" })
 			}),
-			r && e.onReset && /* @__PURE__ */ L(b, {
+			i && t.onReset && /* @__PURE__ */ L(w, {
 				variant: "ghost",
 				size: "sm",
 				className: "gap-2",
 				disabled: h,
-				onClick: v(e.onReset),
+				onClick: v(t.onReset),
 				children: [/* @__PURE__ */ I(B, { size: 16 }), f("bento.layout.reset", { defaultValue: "Reset to default" })]
 			}),
-			n && e.onSaveGlobal && /* @__PURE__ */ L(b, {
+			r && t.onSaveGlobal && /* @__PURE__ */ L(w, {
 				variant: "outline",
 				size: "sm",
 				className: "gap-2",
 				disabled: h,
-				onClick: v(() => e.onSaveGlobal?.(C)),
-				children: [/* @__PURE__ */ I(_e, { size: 16 }), f("bento.layout.saveGlobal", { defaultValue: "Set as default for everyone" })]
+				onClick: v(() => t.onSaveGlobal?.(S)),
+				children: [/* @__PURE__ */ I(ye, { size: 16 }), f("bento.layout.saveGlobal", { defaultValue: "Set as default for everyone" })]
 			}),
-			/* @__PURE__ */ L(b, {
+			/* @__PURE__ */ L(w, {
 				variant: "ghost",
 				size: "sm",
 				className: "gap-2",
 				disabled: h,
 				onClick: d,
-				children: [/* @__PURE__ */ I(G, { size: 16 }), f("common.cancel", { defaultValue: "Cancel" })]
+				children: [/* @__PURE__ */ I(W, { size: 16 }), f("common.cancel", { defaultValue: "Cancel" })]
 			}),
-			/* @__PURE__ */ L(b, {
+			/* @__PURE__ */ L(w, {
 				size: "sm",
 				className: "gap-2",
 				disabled: h,
-				onClick: v(() => e.onSave(C)),
-				children: [/* @__PURE__ */ I(U, { size: 16 }), f("bento.layout.save", { defaultValue: "Save layout" })]
+				onClick: v(() => t.onSave(S)),
+				children: [/* @__PURE__ */ I(H, { size: 16 }), f("bento.layout.save", { defaultValue: "Save layout" })]
 			}),
 			g && /* @__PURE__ */ I("p", {
 				role: "alert",
@@ -750,35 +751,35 @@ function Xe({ layout: e, resolved: t, canEditGlobal: n, isCustomized: r, renderT
 				children: f("bento.layout.saveFailed", { defaultValue: "The layout could not be saved. Nothing has changed — try again." })
 			})
 		]
-	}), /* @__PURE__ */ I(ye, {
+	}), /* @__PURE__ */ I(xe, {
 		sensors: y,
-		collisionDetection: Se,
-		onDragEnd: x,
-		children: /* @__PURE__ */ I(Te, {
+		collisionDetection: we,
+		onDragEnd: b,
+		children: /* @__PURE__ */ I(De, {
 			items: p.map((e) => e.key),
-			strategy: De,
+			strategy: ke,
 			children: /* @__PURE__ */ L("div", {
-				className: a(Ke, w && "grid-flow-dense"),
-				children: [!s && /* @__PURE__ */ I(et, {
+				className: e(Je, C && "grid-flow-dense"),
+				children: [!s && /* @__PURE__ */ I(nt, {
 					route: c,
 					label: l,
 					subtitle: u,
 					chip: o
-				}), p.map(({ item: e, key: t, emphasis: n }) => /* @__PURE__ */ I($e, {
+				}), p.map(({ item: e, key: t, emphasis: n }) => /* @__PURE__ */ I(tt, {
 					id: t,
 					emphasis: n,
-					onSetEmphasis: (e) => S(t, e),
-					children: i(e, n)
+					onSetEmphasis: (e) => x(t, e),
+					children: a(e, n)
 				}, t))]
 			})
 		})
 	})] });
 }
-var Ze = [
+var $e = [
 	"SMALL",
 	"MEDIUM",
 	"LARGE"
-], Qe = {
+], et = {
 	SMALL: {
 		key: "bento.layout.size.small",
 		def: "Small"
@@ -792,9 +793,9 @@ var Ze = [
 		def: "Large"
 	}
 };
-function $e({ id: e, emphasis: t, onSetEmphasis: n, children: r }) {
-	let { t: i } = R(), { attributes: o, listeners: s, setNodeRef: c, transform: l, transition: u, isDragging: d } = Oe({ id: e }), f = {
-		transform: ke.Translate.toString(l),
+function tt({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
+	let { t: a } = R(), { attributes: o, listeners: s, setNodeRef: c, transform: l, transition: u, isDragging: d } = Ae({ id: t }), f = {
+		transform: je.Translate.toString(l),
 		transition: u,
 		opacity: d ? .6 : 1,
 		zIndex: d ? 50 : void 0
@@ -802,35 +803,35 @@ function $e({ id: e, emphasis: t, onSetEmphasis: n, children: r }) {
 	return /* @__PURE__ */ L("div", {
 		ref: c,
 		style: f,
-		className: a("relative h-full", Ve[t]),
+		className: e("relative h-full", Ue[n]),
 		children: [/* @__PURE__ */ I("div", {
 			className: "pointer-events-none h-full select-none [&>*]:h-full [&>*]:w-full",
-			children: r
+			children: i
 		}), /* @__PURE__ */ L("div", {
 			className: "absolute right-2 top-2 z-10 flex items-center gap-1",
 			children: [/* @__PURE__ */ I("div", {
 				role: "group",
-				"aria-label": i("bento.layout.sizeGroup", { defaultValue: "Tile size" }),
+				"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: Ze.map((e) => {
-					let r = e === t, o = i(Qe[e].key, { defaultValue: Qe[e].def });
+				children: $e.map((t) => {
+					let i = t === n, o = a(et[t].key, { defaultValue: et[t].def });
 					return /* @__PURE__ */ I("button", {
 						type: "button",
-						onClick: () => n(e),
-						"aria-pressed": r,
+						onClick: () => r(t),
+						"aria-pressed": i,
 						"aria-label": o,
 						title: o,
-						className: a("grid h-6 w-6 place-items-center rounded-full text-[11px] font-semibold uppercase transition-colors", r ? "bg-primary text-primary-foreground shadow" : "text-muted-foreground hover:bg-muted"),
+						className: e("grid h-6 w-6 place-items-center rounded-full text-[11px] font-semibold uppercase transition-colors", i ? "bg-primary text-primary-foreground shadow" : "text-muted-foreground hover:bg-muted"),
 						children: o.charAt(0)
-					}, e);
+					}, t);
 				})
 			}), /* @__PURE__ */ I("button", {
 				type: "button",
 				...o,
 				...s,
-				"aria-label": i("bento.layout.dragToReorder", { defaultValue: "Drag to reorder" }),
+				"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__ */ I(ce, {
+				children: /* @__PURE__ */ I(le, {
 					size: 14,
 					className: "text-muted-foreground"
 				})
@@ -838,16 +839,16 @@ function $e({ id: e, emphasis: t, onSetEmphasis: n, children: r }) {
 		})]
 	});
 }
-function et({ route: e, label: t, subtitle: n, chip: r }) {
+function nt({ route: e, label: t, subtitle: n, chip: r }) {
 	let { t: i } = R();
-	return /* @__PURE__ */ L(q, {
+	return /* @__PURE__ */ L(K, {
 		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__ */ L("div", {
 			className: "flex items-center gap-3",
 			children: [/* @__PURE__ */ I("span", {
 				className: `bento-pulse grid h-10 w-10 place-items-center rounded-2xl ${r} text-white shadow-md`,
-				children: /* @__PURE__ */ I(pe, { size: 20 })
+				children: /* @__PURE__ */ I(he, { size: 20 })
 			}), /* @__PURE__ */ I("span", {
 				className: "text-[11px] uppercase tracking-wider text-muted-foreground",
 				children: i("forms.formActions.new", { defaultValue: "New" })
@@ -864,9 +865,9 @@ function et({ route: e, label: t, subtitle: n, chip: r }) {
 		})] })]
 	});
 }
-function tt({ title: e, description: t }) {
-	return /* @__PURE__ */ I(Pe, {
-		icon: W,
+function rt({ title: e, description: t }) {
+	return /* @__PURE__ */ I(Ie, {
+		icon: U,
 		title: e,
 		description: t,
 		align: "start",
@@ -875,7 +876,7 @@ function tt({ title: e, description: t }) {
 }
 //#endregion
 //#region src/bento/bento-save-bar.tsx
-function nt({ title: e, badges: t, actions: n, onCancel: r, loading: i, disabled: a, dirty: o, titleMissing: s }) {
+function Q({ title: e, badges: t, actions: n, onCancel: r, loading: i, disabled: a, dirty: o, titleMissing: s }) {
 	let { t: c } = R();
 	return /* @__PURE__ */ L("div", {
 		className: "bento-glass flex items-center justify-between gap-4 rounded-2xl px-4 py-3 shadow-md backdrop-blur-xl",
@@ -886,7 +887,7 @@ function nt({ 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__ */ I(Le, {
+				/* @__PURE__ */ I(ze, {
 					titleMissing: s,
 					dirty: o
 				}),
@@ -902,29 +903,29 @@ function nt({ title: e, badges: t, actions: n, onCancel: r, loading: i, disabled
 				size: "sm",
 				loading: i,
 				disabled: a,
-				children: [/* @__PURE__ */ I(U, { className: "size-4" }), c("forms.formActions.saveChanges")]
+				children: [/* @__PURE__ */ I(H, { className: "size-4" }), c("forms.formActions.saveChanges")]
 			}), r && /* @__PURE__ */ L(_, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
 				onClick: r,
-				children: [/* @__PURE__ */ I(G, { className: "size-4" }), c("forms.formActions.cancel")]
+				children: [/* @__PURE__ */ I(W, { className: "size-4" }), c("forms.formActions.cancel")]
 			})] })
 		})]
 	});
 }
-function rt({ children: e }) {
+function it({ children: e }) {
 	return /* @__PURE__ */ I("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
 	});
 }
-nt.Badge = rt;
+Q.Badge = it;
 //#endregion
 //#region src/bento/bento-scroll-save-bar.tsx
-function it(e) {
+function at(e) {
 	let t = N(null);
-	return Re(t), /* @__PURE__ */ L(F, { children: [
+	return Be(t), /* @__PURE__ */ L(F, { children: [
 		/* @__PURE__ */ I("div", {
 			ref: t,
 			"aria-hidden": !0,
@@ -936,16 +937,16 @@ function it(e) {
 		}),
 		/* @__PURE__ */ I("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__ */ I(nt, { ...e })
+			children: /* @__PURE__ */ I(Q, { ...e })
 		})
 	] });
 }
 //#endregion
 //#region src/bento/bento-form-hero.tsx
-function at({ eyebrow: e, backTo: t, backLabel: n, leading: r, title: i, subtitle: a, trailing: o, onCancel: s, actions: c, loading: l, dirty: u, titleMissing: d, saveDisabled: f, stickyTitle: p, stickyBadges: m }) {
+function ot({ eyebrow: e, backTo: t, backLabel: n, leading: r, title: i, subtitle: a, trailing: o, onCancel: s, actions: c, loading: l, dirty: u, titleMissing: d, saveDisabled: f, stickyTitle: p, stickyBadges: m }) {
 	let { t: h } = R(), g = f ?? (!!d || !u);
-	return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(Q, {
-		eyebrow: t === void 0 ? e : /* @__PURE__ */ I(Z, {
+	return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(Z, {
+		eyebrow: t === void 0 ? e : /* @__PURE__ */ I(X, {
 			to: t,
 			children: n
 		}),
@@ -959,16 +960,16 @@ function at({ eyebrow: e, backTo: t, backLabel: n, leading: r, title: i, subtitl
 				size: "sm",
 				loading: l,
 				disabled: g,
-				children: [/* @__PURE__ */ I(U, { className: "size-4" }), h("forms.formActions.saveChanges")]
+				children: [/* @__PURE__ */ I(H, { className: "size-4" }), h("forms.formActions.saveChanges")]
 			}), /* @__PURE__ */ L(_, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
 				onClick: s,
-				children: [/* @__PURE__ */ I(G, { className: "size-4" }), h("forms.formActions.cancel")]
+				children: [/* @__PURE__ */ I(W, { className: "size-4" }), h("forms.formActions.cancel")]
 			})] })
 		}), o] })
-	}), /* @__PURE__ */ I(it, {
+	}), /* @__PURE__ */ I(at, {
 		title: p,
 		badges: m,
 		actions: c,
@@ -981,58 +982,58 @@ function at({ eyebrow: e, backTo: t, backLabel: n, leading: r, title: i, subtitl
 }
 //#endregion
 //#region src/bento/bento-form-section.tsx
-function ot({ icon: e, tone: t, title: n, description: r, children: i, trailing: a, as: o = "h2" }) {
+function st({ icon: t, tone: n, title: r, description: i, children: a, trailing: o, as: s = "h2", className: c }) {
 	return /* @__PURE__ */ L("section", {
-		className: "bento-tile bento-glass relative flex flex-col gap-5 overflow-hidden rounded-3xl p-5 md:p-6",
+		className: e("bento-tile bento-glass relative flex flex-col gap-5 overflow-hidden rounded-3xl p-5 md:p-6", c),
 		children: [/* @__PURE__ */ L("header", {
 			className: "flex items-start justify-between gap-3",
 			children: [/* @__PURE__ */ L("div", {
 				className: "flex items-center gap-3",
 				children: [/* @__PURE__ */ I("span", {
-					className: `grid h-10 w-10 place-items-center rounded-2xl text-white shadow-md ${X(t)}`,
-					children: /* @__PURE__ */ I(e, { size: 20 })
+					className: `grid h-10 w-10 place-items-center rounded-2xl text-white shadow-md ${Y(n)}`,
+					children: /* @__PURE__ */ I(t, { size: 20 })
 				}), /* @__PURE__ */ L("div", {
 					className: "flex flex-col gap-0.5",
-					children: [/* @__PURE__ */ I(o, {
+					children: [/* @__PURE__ */ I(s, {
 						className: "text-base font-semibold tracking-tight md:text-lg",
-						children: n
-					}), r && /* @__PURE__ */ I("p", {
-						className: "text-sm text-muted-foreground",
 						children: r
+					}), i && /* @__PURE__ */ I("p", {
+						className: "text-sm text-muted-foreground",
+						children: i
 					})]
 				})]
-			}), a && /* @__PURE__ */ I("div", {
+			}), o && /* @__PURE__ */ I("div", {
 				className: "shrink-0",
-				children: a
+				children: o
 			})]
 		}), /* @__PURE__ */ I("div", {
 			className: "flex flex-col gap-5",
-			children: i
+			children: a
 		})]
 	});
 }
 //#endregion
 //#region src/bento/bento-panel.tsx
-function st({ children: e, className: t, contentClassName: n }) {
+function ct({ children: t, className: n, contentClassName: r }) {
 	return /* @__PURE__ */ I("div", {
-		className: a("bento-glass rounded-2xl shadow-md", t),
+		className: e("bento-glass rounded-2xl shadow-md", n),
 		children: /* @__PURE__ */ I("div", {
-			className: n,
-			children: e
+			className: r,
+			children: t
 		})
 	});
 }
 //#endregion
 //#region src/bento/bento-back-to-top.tsx
-var ct = 480;
-function lt(e) {
+var lt = 480;
+function ut(e) {
 	return window.addEventListener("scroll", e, { passive: !0 }), () => window.removeEventListener("scroll", e);
 }
-function ut() {
-	return window.scrollY > ct;
-}
 function dt() {
-	let { t: e } = R(), t = ee(lt, ut, () => !1);
+	return window.scrollY > lt;
+}
+function ft() {
+	let { t: e } = R(), t = ee(ut, dt, () => !1);
 	return /* @__PURE__ */ I("button", {
 		type: "button",
 		"aria-label": e("bento.backToTop", { defaultValue: "Back to top" }),
@@ -1042,22 +1043,62 @@ function dt() {
 			behavior: "smooth"
 		}),
 		className: `fixed bottom-6 right-6 z-40 grid h-11 w-11 place-items-center rounded-full border border-border/60 bg-card/80 text-foreground shadow-lg backdrop-blur-xl transition-all duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] hover:-translate-y-0.5 hover:shadow-xl active:scale-95 ${t ? "translate-y-0 scale-100 opacity-100" : "pointer-events-none translate-y-4 scale-90 opacity-0"}`,
-		children: /* @__PURE__ */ I(V, { size: 18 })
+		children: /* @__PURE__ */ I(ie, { size: 18 })
 	});
 }
 //#endregion
 //#region src/bento/bento-nav.ts
-function ft(e) {
+function pt(e) {
 	return e.bentoRoute ?? e.fallbackRoute;
 }
 //#endregion
 //#region src/bento/bento-command-palette.tsx
-function pt({ open: n, onOpenChange: i, items: a }) {
-	let { t: o } = R(), s = J(), [c, l] = P(""), [u, d] = P(0), p = N(null), m = M(() => {
-		let e = c.trim().toLowerCase(), t = a.map((e) => ({
+function mt({ label: e, children: t }) {
+	return e ? /* @__PURE__ */ L("div", {
+		role: "group",
+		"aria-label": e,
+		children: [/* @__PURE__ */ I("p", {
+			className: "px-3 pt-2 pb-1 text-xs font-medium text-muted-foreground",
+			children: e
+		}), t]
+	}) : /* @__PURE__ */ I(F, { children: t });
+}
+function ht({ index: e, active: t, icon: n, label: r, description: i, trailing: a, onActivate: o, onChoose: s }) {
+	return /* @__PURE__ */ L("button", {
+		type: "button",
+		id: `bento-palette-opt-${e}`,
+		"data-index": e,
+		role: "option",
+		"aria-selected": t ? "true" : "false",
+		onMouseEnter: o,
+		onClick: s,
+		className: `flex w-full items-center gap-3 rounded-xl px-3 py-2.5 text-left text-sm transition-colors ${t ? "bg-accent text-accent-foreground" : "text-foreground"}`,
+		children: [
+			n && /* @__PURE__ */ I(n, {
+				size: 18,
+				className: "shrink-0 text-muted-foreground"
+			}),
+			/* @__PURE__ */ L("span", {
+				className: "flex-1 truncate",
+				children: [r, i && /* @__PURE__ */ I("span", {
+					className: "ml-2 text-muted-foreground",
+					children: i
+				})]
+			}),
+			a ?? (t && /* @__PURE__ */ I(re, {
+				"aria-hidden": !0,
+				size: 15,
+				className: "shrink-0 text-muted-foreground"
+			}))
+		]
+	});
+}
+function gt({ open: e, onOpenChange: r, items: a, group: o, onQueryChange: s }) {
+	let { t: c } = R(), l = q(), [u, d] = P(""), [p, m] = P(0), h = N(null), g = M(() => {
+		let e = u.trim().toLowerCase(), t = a.map((e) => ({
 			item: e,
-			label: o(e.titleKey),
-			description: o(e.descriptionKey)
+			label: c(e.titleKey),
+			description: c(e.descriptionKey)
 		}));
 		if (!e) return t;
 		let n = [], r = [];
@@ -1065,45 +1106,57 @@ function pt({ open: n, onOpenChange: i, items: a }) {
 		return [...n, ...r];
 	}, [
 		a,
-		c,
-		o
-	]), [h, g] = P(n);
-	n !== h && (g(n), n && (l(""), d(0)));
-	let _ = m.length === 0 ? 0 : m.length - 1;
-	u > _ && d(_), j(() => {
-		(p.current?.querySelector(`[data-index="${u}"]`))?.scrollIntoView({ block: "nearest" });
+		u,
+		c
+	]), _ = M(() => [...g.map((e) => ({
+		kind: "nav",
+		entry: e
+	})), ...(o?.items ?? []).map((e) => ({
+		kind: "supplied",
+		item: e
+	}))], [g, o]), v = N(s);
+	j(() => {
+		v.current = s;
+	}), j(() => {
+		v.current?.(u);
 	}, [u]);
-	function v(e) {
-		i(!1), s(ft(e));
+	let [y, b] = P(e);
+	e !== y && (b(e), e && (d(""), m(0)));
+	let x = _.length === 0 ? 0 : _.length - 1;
+	p > x && m(x), j(() => {
+		(h.current?.querySelector(`[data-index="${p}"]`))?.scrollIntoView({ block: "nearest" });
+	}, [p]);
+	function S(e) {
+		r(!1), e.kind === "nav" ? l(pt(e.entry.item)) : o?.onSelect(e.item);
 	}
-	function y(e) {
-		if (e.key === "ArrowDown") e.preventDefault(), d((e) => m.length === 0 ? 0 : (e + 1) % m.length);
-		else if (e.key === "ArrowUp") e.preventDefault(), d((e) => m.length === 0 ? 0 : (e - 1 + m.length) % m.length);
+	function C(e) {
+		if (e.key === "ArrowDown") e.preventDefault(), m((e) => _.length === 0 ? 0 : (e + 1) % _.length);
+		else if (e.key === "ArrowUp") e.preventDefault(), m((e) => _.length === 0 ? 0 : (e - 1 + _.length) % _.length);
 		else if (e.key === "Enter") {
 			e.preventDefault();
-			let t = m[u];
-			t && v(t.item);
+			let t = _[p];
+			t && S(t);
 		}
 	}
-	return /* @__PURE__ */ I(t, {
-		open: n,
-		onOpenChange: i,
+	return /* @__PURE__ */ I(n, {
+		open: e,
+		onOpenChange: r,
 		children: /* @__PURE__ */ L(f, {
 			showCloseButton: !1,
 			className: "top-[15%] max-w-xl translate-y-0 gap-0 overflow-hidden p-0",
-			onKeyDown: y,
+			onKeyDown: C,
 			children: [
-				/* @__PURE__ */ I(r, {
+				/* @__PURE__ */ I(i, {
 					className: "sr-only",
-					children: o("bento.palette.title", { defaultValue: "Command palette" })
+					children: c("bento.palette.title", { defaultValue: "Command palette" })
 				}),
-				/* @__PURE__ */ I(e, {
+				/* @__PURE__ */ I(t, {
 					className: "sr-only",
-					children: o("bento.palette.description", { defaultValue: "Search and jump to any area" })
+					children: c("bento.palette.description", { defaultValue: "Search and jump to any area" })
 				}),
 				/* @__PURE__ */ L("div", {
 					className: "flex items-center gap-3 border-b border-border/60 px-4",
-					children: [/* @__PURE__ */ I(me, {
+					children: [/* @__PURE__ */ I(ge, {
 						size: 18,
 						className: "shrink-0 text-muted-foreground"
 					}), /* @__PURE__ */ I("input", {
@@ -1112,57 +1165,62 @@ function pt({ open: n, onOpenChange: i, items: a }) {
 						role: "combobox",
 						"aria-expanded": "true",
 						"aria-controls": "bento-palette-list",
-						"aria-activedescendant": m[u] ? `bento-palette-opt-${u}` : void 0,
-						value: c,
-						onChange: (e) => l(e.target.value),
-						placeholder: o("bento.palette.placeholder", { defaultValue: "Search areas…" }),
+						"aria-activedescendant": _[p] ? `bento-palette-opt-${p}` : void 0,
+						value: u,
+						onChange: (e) => d(e.target.value),
+						placeholder: c("bento.palette.placeholder", { defaultValue: "Search areas…" }),
 						className: "h-12 w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground"
 					})]
 				}),
 				/* @__PURE__ */ L("div", {
-					ref: p,
+					ref: h,
 					id: "bento-palette-list",
 					role: "listbox",
-					"aria-label": o("bento.palette.title", { defaultValue: "Command palette" }),
+					"aria-label": c("bento.palette.title", { defaultValue: "Command palette" }),
 					className: "max-h-80 overflow-y-auto p-2",
-					children: [m.length === 0 && /* @__PURE__ */ I("p", {
-						className: "px-3 py-6 text-center text-sm text-muted-foreground",
-						children: o("bento.palette.noResults", { defaultValue: "No matches" })
-					}), m.map(({ item: e, label: t }, n) => {
-						let r = !e.bentoRoute, i = n === u, a = e.icon;
-						return /* @__PURE__ */ L("button", {
-							type: "button",
-							id: `bento-palette-opt-${n}`,
-							"data-index": n,
-							role: "option",
-							"aria-selected": i ? "true" : "false",
-							onMouseEnter: () => d(n),
-							onClick: () => v(e),
-							className: `flex w-full items-center gap-3 rounded-xl px-3 py-2.5 text-left text-sm transition-colors ${i ? "bg-accent text-accent-foreground" : "text-foreground"}`,
-							children: [
-								/* @__PURE__ */ I(a, {
-									size: 18,
-									className: "shrink-0 text-muted-foreground"
-								}),
-								/* @__PURE__ */ I("span", {
-									className: "flex-1 truncate",
-									children: t
-								}),
-								r ? /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(se, {
+					children: [
+						_.length === 0 && !o?.pending && /* @__PURE__ */ I("p", {
+							className: "px-3 py-6 text-center text-sm text-muted-foreground",
+							children: c("bento.palette.noResults", { defaultValue: "No matches" })
+						}),
+						/* @__PURE__ */ I(mt, {
+							label: o && g.length > 0 ? c("bento.palette.areas", { defaultValue: "Areas" }) : void 0,
+							children: g.map(({ item: e, label: t }, n) => /* @__PURE__ */ I(ht, {
+								index: n,
+								active: n === p,
+								icon: e.icon,
+								label: t,
+								onActivate: () => m(n),
+								onChoose: () => S(_[n]),
+								trailing: e.bentoRoute ? void 0 : /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(ce, {
 									"aria-hidden": !0,
 									size: 15,
 									className: "shrink-0 text-muted-foreground/70"
 								}), /* @__PURE__ */ I("span", {
 									className: "sr-only",
-									children: o("bento.palette.opensConsole", { defaultValue: "Opens in console" })
-								})] }) : i && /* @__PURE__ */ I(re, {
-									"aria-hidden": !0,
-									size: 15,
-									className: "shrink-0 text-muted-foreground"
-								})
-							]
-						}, e.id);
-					})]
+									children: c("bento.palette.opensConsole", { defaultValue: "Opens in console" })
+								})] })
+							}, e.id))
+						}),
+						o && /* @__PURE__ */ L(mt, {
+							label: o.label,
+							children: [o.items.map((e, t) => {
+								let n = g.length + t;
+								return /* @__PURE__ */ I(ht, {
+									index: n,
+									active: n === p,
+									icon: e.icon,
+									label: e.label,
+									description: e.description,
+									onActivate: () => m(n),
+									onChoose: () => S(_[n])
+								}, e.id);
+							}), o.pending && /* @__PURE__ */ I("p", {
+								className: "px-3 py-2.5 text-sm text-muted-foreground",
+								children: c("bento.palette.searching", { defaultValue: "Searching…" })
+							})]
+						})
+					]
 				})
 			]
 		})
@@ -1170,7 +1228,7 @@ function pt({ open: n, onOpenChange: i, items: a }) {
 }
 //#endregion
 //#region src/bento/bento-shortcuts-dialog.tsx
-function mt({ open: n, onOpenChange: a, isMac: o }) {
+function _t({ open: e, onOpenChange: r, isMac: o }) {
 	let { t: s } = R(), c = o ? "⌘" : "Ctrl", l = [{
 		heading: s("bento.shortcuts.global", { defaultValue: "Global" }),
 		rows: [{
@@ -1197,18 +1255,18 @@ function mt({ open: n, onOpenChange: a, isMac: o }) {
 			}
 		]
 	}];
-	return /* @__PURE__ */ I(t, {
-		open: n,
-		onOpenChange: a,
+	return /* @__PURE__ */ I(n, {
+		open: e,
+		onOpenChange: r,
 		children: /* @__PURE__ */ L(f, {
 			className: "max-w-md",
-			children: [/* @__PURE__ */ L(i, { children: [/* @__PURE__ */ L(r, {
+			children: [/* @__PURE__ */ L(a, { children: [/* @__PURE__ */ L(i, {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ I(ue, {
+				children: [/* @__PURE__ */ I(de, {
 					size: 20,
 					className: "bento-accent-icon"
 				}), s("bento.shortcuts.title", { defaultValue: "Keyboard shortcuts" })]
-			}), /* @__PURE__ */ I(e, { children: s("bento.shortcuts.description", { defaultValue: "Move around Turing without leaving the keyboard." }) })] }), /* @__PURE__ */ I("div", {
+			}), /* @__PURE__ */ I(t, { children: s("bento.shortcuts.description", { defaultValue: "Move around without leaving the keyboard." }) })] }), /* @__PURE__ */ I("div", {
 				className: "flex flex-col gap-5",
 				children: l.map((e) => /* @__PURE__ */ L("section", { children: [/* @__PURE__ */ I("h3", {
 					className: "mb-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground",
@@ -1235,23 +1293,24 @@ function mt({ open: n, onOpenChange: a, isMac: o }) {
 }
 //#endregion
 //#region src/bento/bento-nav-rail.tsx
-function ht(e, t) {
+var vt = fe;
+function yt(e, t) {
 	return e === t || e.startsWith(`${t}/`);
 }
-function gt(e, t) {
-	return t.section.areaRoute && ht(e, t.section.areaRoute) ? !0 : t.items.some((t) => t.bentoRoute && ht(e, t.bentoRoute));
+function bt(e, t) {
+	return t.section.areaRoute && yt(e, t.section.areaRoute) ? !0 : t.items.some((t) => t.bentoRoute && yt(e, t.bentoRoute));
 }
-function _t({ groups: e, homeRoute: t, homeAliases: n, homeLabel: r }) {
-	let { t: i } = R(), { pathname: a } = ve(), o = M(() => e.filter((e) => e.section.areaRoute), [e]), s = a === t || (n?.includes(a) ?? !1);
+function xt({ groups: e, homeRoute: t, homeAliases: n, homeLabel: r }) {
+	let { t: i } = R(), { pathname: a } = be(), o = M(() => e.filter((e) => !!e.section.areaRoute), [e]), s = a === t || (n?.includes(a) ?? !1);
 	return /* @__PURE__ */ I(h, {
 		delayDuration: 200,
 		children: /* @__PURE__ */ L("nav", {
 			"aria-label": i("bento.nav.label", { defaultValue: "Primary" }),
 			className: "fixed inset-y-0 left-0 z-40 hidden w-16 flex-col items-center gap-1 overflow-y-auto overflow-x-hidden border-r border-border/40 bg-background/55 pt-20 pb-4 backdrop-blur-xl backdrop-saturate-150 md:flex",
 			children: [
-				/* @__PURE__ */ I(vt, {
+				/* @__PURE__ */ I(St, {
 					to: t,
-					icon: le,
+					icon: ue,
 					label: r ?? i("home.title", { defaultValue: "Home" }),
 					active: s
 				}),
@@ -1259,20 +1318,20 @@ function _t({ 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__ */ I(vt, {
+				o.map((e) => /* @__PURE__ */ I(St, {
 					to: e.section.areaRoute,
-					icon: e.section.icon,
-					label: i(e.section.labelKey),
-					active: gt(a, e)
+					icon: e.section.icon ?? vt,
+					label: e.section.labelKey ? i(e.section.labelKey) : e.section.id,
+					active: bt(a, e)
 				}, e.section.id))
 			]
 		})
 	});
 }
-function vt({ to: e, icon: t, label: n, active: r }) {
+function St({ to: e, icon: t, label: n, active: r }) {
 	return /* @__PURE__ */ L(d, { children: [/* @__PURE__ */ I(g, {
 		asChild: !0,
-		children: /* @__PURE__ */ I(q, {
+		children: /* @__PURE__ */ I(K, {
 			to: e,
 			"aria-label": n,
 			"aria-current": r ? "page" : void 0,
@@ -1286,18 +1345,18 @@ function vt({ to: e, icon: t, label: n, active: r }) {
 }
 //#endregion
 //#region src/bento/bento-user-menu.tsx
-function yt({ accountRoute: e, logoutUrl: t, organizationsRoute: r, tenantAdminRoute: i, onOpenShortcuts: a, onReplayTour: s }) {
-	let { user: d, status: f } = x(), { t: p } = R(), h = J(), g = `${d.firstName ?? ""} ${d.lastName ?? ""}`.trim() || d.username || "";
+function Ct({ accountRoute: e, logoutUrl: t, organizationsRoute: n, tenantAdminRoute: i, onOpenShortcuts: a, onReplayTour: s }) {
+	let { user: d, status: f } = b(), { t: p } = R(), h = q(), g = `${d.firstName ?? ""} ${d.lastName ?? ""}`.trim() || d.username || "";
 	return f === "loading" ? /* @__PURE__ */ I("div", {
 		className: "h-9 w-9 rounded-full bg-muted/40",
 		"aria-hidden": !0
-	}) : /* @__PURE__ */ L(c, { children: [/* @__PURE__ */ I(n, {
+	}) : /* @__PURE__ */ L(c, { children: [/* @__PURE__ */ I(r, {
 		asChild: !0,
 		children: /* @__PURE__ */ I("button", {
 			type: "button",
 			title: g || d.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__ */ I(C, {
+			children: /* @__PURE__ */ I(S, {
 				givenName: d.firstName,
 				familyName: d.lastName,
 				name: g || d.username,
@@ -1316,7 +1375,7 @@ function yt({ accountRoute: e, logoutUrl: t, organizationsRoute: r, tenantAdminR
 					className: "flex items-center gap-3 rounded-xl px-2 py-2 text-left text-sm",
 					children: [/* @__PURE__ */ I("span", {
 						className: "rounded-full p-0.5 ring-1 ring-border/60",
-						children: /* @__PURE__ */ I(C, {
+						children: /* @__PURE__ */ I(S, {
 							givenName: d.firstName,
 							familyName: d.lastName,
 							name: g || d.username,
@@ -1340,27 +1399,27 @@ function yt({ accountRoute: e, logoutUrl: t, organizationsRoute: r, tenantAdminR
 				/* @__PURE__ */ L(l, {
 					onSelect: () => h(e),
 					className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-					children: [/* @__PURE__ */ I(ge, { size: 18 }), p("nav.account")]
+					children: [/* @__PURE__ */ I(ve, { size: 18 }), p("nav.account")]
 				}),
-				r && /* @__PURE__ */ L(l, {
-					onSelect: () => h(r),
+				n && /* @__PURE__ */ L(l, {
+					onSelect: () => h(n),
 					className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-					children: [/* @__PURE__ */ I(ie, { size: 18 }), p("nav.organizations", { defaultValue: "Organizations" })]
+					children: [/* @__PURE__ */ I(ae, { size: 18 }), p("nav.organizations", { defaultValue: "Organizations" })]
 				}),
 				i && /* @__PURE__ */ L(l, {
 					onSelect: () => h(i),
 					className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-					children: [/* @__PURE__ */ I(ae, { size: 18 }), p("nav.tenantAdmin", { defaultValue: "Tenant administration" })]
+					children: [/* @__PURE__ */ I(oe, { size: 18 }), p("nav.tenantAdmin", { defaultValue: "Tenant administration" })]
 				})
 			] }),
 			(a || s) && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(v, { className: "my-1.5 bg-border/50" }), /* @__PURE__ */ L(u, { children: [s && /* @__PURE__ */ L(l, {
 				onSelect: () => s(),
 				className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-				children: [/* @__PURE__ */ I(W, { size: 18 }), p("bento.tour.replay", { defaultValue: "Take the tour" })]
+				children: [/* @__PURE__ */ I(U, { size: 18 }), p("bento.tour.replay", { defaultValue: "Take the tour" })]
 			}), a && /* @__PURE__ */ L(l, {
 				onSelect: () => a(),
 				className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-				children: [/* @__PURE__ */ I(ue, { size: 18 }), p("bento.shortcuts.title", { defaultValue: "Keyboard shortcuts" })]
+				children: [/* @__PURE__ */ I(de, { size: 18 }), p("bento.shortcuts.title", { defaultValue: "Keyboard shortcuts" })]
 			})] })] }),
 			/* @__PURE__ */ I(v, { className: "my-1.5 bg-border/50" }),
 			/* @__PURE__ */ L(l, {
@@ -1368,24 +1427,24 @@ function yt({ accountRoute: e, logoutUrl: t, organizationsRoute: r, tenantAdminR
 					globalThis.location.href = t;
 				},
 				className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2 bento-item-danger",
-				children: [/* @__PURE__ */ I(de, { size: 18 }), p("nav.logOut")]
+				children: [/* @__PURE__ */ I(pe, { size: 18 }), p("nav.logOut")]
 			})
 		]
 	})] });
 }
 //#endregion
 //#region src/bento/bento-section-chrome.tsx
-var bt = O("console");
-function xt({ chrome: e, children: t }) {
-	return /* @__PURE__ */ I(bt.Provider, {
+var wt = O("console");
+function Tt({ chrome: e, children: t }) {
+	return /* @__PURE__ */ I(wt.Provider, {
 		value: e,
 		children: t
 	});
 }
-function St() {
-	return A(bt);
+function Et() {
+	return A(wt);
 }
-var Ct = {
+var Dt = {
 	blue: "blue",
 	violet: "violet",
 	emerald: "emerald",
@@ -1396,29 +1455,30 @@ var Ct = {
 	orange: "amber"
 };
 function $({ variant: e = "blue", defaultOpen: t, className: n, children: r }) {
-	let i = A(bt), a, o;
+	let i = A(wt), a, o;
 	return i === "bento" && D.forEach(r, (e) => {
 		if (!k(e)) return;
 		let { type: t } = e;
-		t === w.Header || t === w.StaticHeader ? a = e.props : t === w.Content && (o = e.props.children);
-	}), i === "bento" && a ? /* @__PURE__ */ I(ot, {
+		t === C.Header || t === C.StaticHeader ? a = e.props : t === C.Content && (o = e.props.children);
+	}), i === "bento" && a ? /* @__PURE__ */ I(st, {
 		icon: a.icon,
-		tone: Ct[e] ?? "blue",
+		tone: Dt[e] ?? "blue",
 		title: a.title,
 		description: a.description,
+		className: n,
 		children: o
-	}) : /* @__PURE__ */ I(w, {
+	}) : /* @__PURE__ */ I(C, {
 		variant: e,
 		defaultOpen: t,
 		className: n,
 		children: r
 	});
 }
-$.Header = w.Header, $.StaticHeader = w.StaticHeader, $.Content = w.Content;
+$.Header = C.Header, $.StaticHeader = C.StaticHeader, $.Content = C.Content;
 //#endregion
 //#region src/bento/bento-section.tsx
-var wt = "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 Tt({ eyebrow: e, title: t, description: n, titleHref: r, children: i, gridClassName: a = wt }) {
+var Ot = "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 kt({ eyebrow: e, title: t, description: n, titleHref: r, children: i, gridClassName: a = Ot }) {
 	let o = /* @__PURE__ */ I("h2", {
 		className: "text-xl font-semibold tracking-tight md:text-2xl",
 		children: t
@@ -1432,10 +1492,10 @@ function Tt({ 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__ */ L(q, {
+				r ? /* @__PURE__ */ L(K, {
 					to: r,
 					className: "group inline-flex w-fit items-center gap-1 text-foreground transition-colors hover:text-primary",
-					children: [o, /* @__PURE__ */ I(H, {
+					children: [o, /* @__PURE__ */ I(V, {
 						size: 20,
 						className: "text-muted-foreground transition-transform duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] group-hover:translate-x-1"
 					})]
@@ -1453,22 +1513,22 @@ function Tt({ eyebrow: e, title: t, description: n, titleHref: r, children: i, g
 }
 //#endregion
 //#region src/bento/bento-tile.tsx
-function Et({ to: e, onClick: t, disabled: n = !1, disabledHint: r, icon: i, tone: a, eyebrow: o, title: s, span: c, featured: l = !1, children: u }) {
-	let d = !n && !!(e || t), f = l ? "h-14 w-14 rounded-2xl" : "h-9 w-9 rounded-2xl", p = l ? 28 : 18, m = l ? "text-xl font-semibold tracking-tight md:text-2xl" : "text-base font-semibold tracking-tight md:text-lg", h = /* @__PURE__ */ L(F, { children: [
-		l && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("div", {
+function At({ 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__ */ L(F, { children: [
+		u && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("div", {
 			"aria-hidden": !0,
-			className: `pointer-events-none absolute -bottom-10 -right-10 h-64 w-64 rounded-full ${X(a)} opacity-40 blur-2xl dark:opacity-50`
+			className: `pointer-events-none absolute -bottom-10 -right-10 h-64 w-64 rounded-full ${Y(o)} opacity-40 blur-2xl dark:opacity-50`
 		}), /* @__PURE__ */ I("div", {
 			"aria-hidden": !0,
-			className: `pointer-events-none absolute right-12 top-1/3 h-32 w-32 rounded-full ${X(a)} bento-chip-tr opacity-20 blur-2xl dark:opacity-30`
+			className: `pointer-events-none absolute right-12 top-1/3 h-32 w-32 rounded-full ${Y(o)} bento-chip-tr opacity-20 blur-2xl dark:opacity-30`
 		})] }),
 		/* @__PURE__ */ L("div", {
 			className: "relative z-1 flex items-center justify-between",
 			children: [/* @__PURE__ */ I("span", {
-				className: `grid place-items-center ${X(a)} text-white shadow-md ${f}`,
-				children: /* @__PURE__ */ I(i, { size: p })
-			}), d && /* @__PURE__ */ I(H, {
-				size: l ? 18 : 16,
+				className: `grid place-items-center ${Y(o)} text-white shadow-md ${p}`,
+				children: /* @__PURE__ */ I(a, { size: m })
+			}), f && /* @__PURE__ */ I(V, {
+				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"
 			})]
 		}),
@@ -1477,37 +1537,37 @@ function Et({ to: e, onClick: t, disabled: n = !1, disabledHint: r, icon: i, ton
 			children: [
 				/* @__PURE__ */ I("div", {
 					className: "text-[11px] uppercase tracking-wider text-muted-foreground",
-					children: o
+					children: s
 				}),
 				/* @__PURE__ */ I("div", {
-					className: `mt-0.5 ${m}`,
-					children: s
+					className: `mt-0.5 ${h}`,
+					children: c
 				}),
-				u && /* @__PURE__ */ I("div", {
+				d && /* @__PURE__ */ I("div", {
 					className: "mt-2",
-					children: u
+					children: d
 				})
 			]
 		})
-	] }), g = `bento-tile bento-glass group relative flex flex-col ${l ? "gap-5" : "gap-4"} overflow-hidden text-left ${l ? "p-6 md:p-7" : "p-5"} ${c}${d ? " bento-tile-clickable" : ""}${n ? " cursor-not-allowed opacity-60" : ""}`;
-	return n ? /* @__PURE__ */ I("div", {
-		className: g,
+	] }), _ = `bento-tile bento-glass group relative flex flex-col ${u ? "gap-5" : "gap-4"} overflow-hidden text-left ${u ? "p-6 md:p-7" : "p-5"} ${l}${f ? " bento-tile-clickable" : ""}${r ? " cursor-not-allowed opacity-60" : ""}`;
+	return r ? /* @__PURE__ */ I("div", {
+		className: _,
 		"aria-disabled": "true",
-		title: r,
-		children: h
-	}) : e ? /* @__PURE__ */ I(q, {
-		to: e,
-		className: g,
-		children: h
-	}) : t ? /* @__PURE__ */ I("button", {
+		title: i,
+		children: g
+	}) : t ? /* @__PURE__ */ I(K, {
+		to: t,
+		className: _,
+		children: g
+	}) : n ? /* @__PURE__ */ I("button", {
 		type: "button",
-		onClick: t,
-		className: `${g} w-full`,
-		children: h
+		onClick: n,
+		className: e("w-full", _),
+		children: g
 	}) : /* @__PURE__ */ I("div", {
-		className: g,
-		children: h
+		className: _,
+		children: g
 	});
 }
 //#endregion
-export { $ as AdaptiveSectionCard, He as BENTO_EMPHASIS_NEXT, Ve as BENTO_EMPHASIS_SPAN, Me as BENTO_TONES, Y as BENTO_TONE_CLASS, je as BentoActionsMenu, Z as BentoBackLink, dt as BentoBackToTop, pt as BentoCommandPalette, Ne as BentoCountTile, Pe as BentoEmptyState, Be as BentoEntityShell, Ge as BentoEntityTile, at as BentoFormHero, ot as BentoFormSection, Q as BentoHero, Fe as BentoHeroIconPicker, Ie as BentoInlineEdit, qe as BentoListPage, _t as BentoNavRail, st as BentoPanel, nt as BentoSaveBar, it as BentoScrollSaveBar, Tt as BentoSection, mt as BentoShortcutsDialog, Le as BentoStatusMarker, Et as BentoTile, Je as BentoTileGrid, yt as BentoUserMenu, xt as SectionCardChromeProvider, X as bentoChipClass, ft as bentoNavTarget, Ue as resolveBentoLayout, We as toBentoLayoutEntries, Re as useBentoScrollFade, St as useSectionChrome };
+export { $ as AdaptiveSectionCard, We as BENTO_EMPHASIS_NEXT, Ue as BENTO_EMPHASIS_SPAN, Pe as BENTO_TONES, J as BENTO_TONE_CLASS, Ne as BentoActionsMenu, X as BentoBackLink, ft as BentoBackToTop, gt as BentoCommandPalette, Fe as BentoCountTile, Ie as BentoEmptyState, He as BentoEntityShell, qe as BentoEntityTile, ot as BentoFormHero, st as BentoFormSection, Z as BentoHero, Le as BentoHeroIconPicker, Re as BentoInlineEdit, Ye as BentoListPage, xt as BentoNavRail, ct as BentoPanel, Q as BentoSaveBar, at as BentoScrollSaveBar, kt as BentoSection, _t as BentoShortcutsDialog, ze as BentoStatusMarker, At as BentoTile, Xe as BentoTileGrid, Ct as BentoUserMenu, Tt as SectionCardChromeProvider, Y as bentoChipClass, pt as bentoNavTarget, Ge as resolveBentoLayout, Ke as toBentoLayoutEntries, Be as useBentoScrollFade, Et as useSectionChrome };