@viglet/viglet-design-system 2026.3.15 → 2026.3.16

package/dist/bento.es.js

@@ -1,12 +1,12 @@
 "use client";
 import { t as e } from "./utils-Fk5jmzzb.js";
 import { a as t, c as n, d as r, g as i, o as a, p as o, u as s } from "./badge-locale-Bx7m7tg2.js";
-import { B as c, C as l, D as u, F as d, H as f, I as p, J as m, L as h, M as g, N as _, P as v, R as y, S as b, T as x, V as S, Y as C, _ as w, b as T, d as E, f as D, g as O, h as k, i as A, j, l as M, m as N, n as P, o as ee, q as F, r as te, s as ne, u as I, v as re, w as ie, y as ae } from "./user.context-DUs2lT6D.js";
-import { r as oe, t as se } from "./loading-provider-D-_5G-08.js";
-import { Children as ce, Fragment as L, isValidElement as le, useEffect as R, useId as ue, useMemo as de, useRef as z, useState as B, useSyncExternalStore as V } from "react";
-import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
-import { useTranslation as G } from "react-i18next";
-import { IconAdjustmentsHorizontal as fe, IconAlertTriangle as pe, IconArrowBackUp as K, IconArrowDown as me, IconArrowLeft as he, IconArrowRight as ge, IconArrowUp as _e, IconArrowsSort as ve, IconBuildingCommunity as ye, IconBuildingSkyscraper as be, IconChevronDown as xe, IconChevronLeft as Se, IconChevronRight as q, IconColumns3 as Ce, IconDeviceFloppy as J, IconDotsVertical as we, IconExternalLink as Te, IconGripVertical as Ee, IconHome as De, IconKeyboard as Oe, IconLayoutGrid as ke, IconLogout as Ae, IconPalette as je, IconPlus as Me, IconRobot as Ne, IconSearch as Pe, IconSparkles as Fe, IconTrash as Ie, IconUser as Le, IconUserCircle as Re, IconUsers as ze, IconX as Be } from "@tabler/icons-react";
+import { 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 { 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";
@@ -23,29 +23,29 @@ function ut(e) {
 	process.env.NODE_ENV === "production" || lt.has(e) || (lt.add(e), console.warn(`BentoActionsMenu: the action "${e}" has no id. Give it a stable name, such as "post.delete": it is rendered as data-action-id so a console verb can be matched to an agent verb, and it becomes required in the next release.`));
 }
 function dt({ actions: e, triggerLabel: t }) {
-	let { t: n } = G();
+	let { t: n } = q();
 	if (e.length === 0) return null;
 	for (let t of e) t.id || ut(t.label);
-	return /* @__PURE__ */ W(_, { children: [/* @__PURE__ */ U(F, {
+	return /* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(F, {
 		asChild: !0,
-		children: /* @__PURE__ */ U("button", {
+		children: /* @__PURE__ */ G("button", {
 			type: "button",
 			"aria-label": t ?? n("forms.formActions.moreActions", { defaultValue: "More actions" }),
 			className: "bento-tile-clickable inline-flex h-9 w-9 items-center justify-center rounded-full border border-border/60 bg-card/60 text-muted-foreground backdrop-blur transition-colors duration-200 hover:text-foreground",
-			children: /* @__PURE__ */ U(we, { size: 18 })
+			children: /* @__PURE__ */ G(we, { size: 18 })
 		})
-	}), /* @__PURE__ */ U(d, {
+	}), /* @__PURE__ */ G(d, {
 		align: "end",
 		sideOffset: 8,
 		className: "bento-dropdown min-w-44 p-1.5",
 		children: e.map((e) => {
 			let t = e.icon, n = ct[e.tone ?? "default"];
-			return /* @__PURE__ */ W(h, {
+			return /* @__PURE__ */ K(h, {
 				"data-action-id": e.id,
 				onSelect: e.onSelect,
 				disabled: e.disabled,
 				className: `bento-dropdown-item cursor-pointer gap-2 px-3 py-2 ${n}`,
-				children: [/* @__PURE__ */ U(t, { size: 16 }), e.label]
+				children: [/* @__PURE__ */ G(t, { size: 16 }), e.label]
 			}, e.id ?? e.label);
 		})
 	})] });
@@ -67,21 +67,21 @@ function Y(e) {
 //#endregion
 //#region src/bento/bento-count-tile.tsx
 function mt({ to: e, icon: t, tone: n, label: r, count: i, span: a }) {
-	let o = /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("span", {
+	let o = /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("span", {
 		className: `grid h-9 w-9 place-items-center rounded-2xl text-white shadow-md ${Y(n)}`,
-		children: /* @__PURE__ */ U(t, { size: 18 })
-	}), /* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("div", {
+		children: /* @__PURE__ */ G(t, { size: 18 })
+	}), /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("div", {
 		className: "text-3xl font-semibold tabular-nums tracking-tight",
 		children: i
-	}), /* @__PURE__ */ U("div", {
+	}), /* @__PURE__ */ G("div", {
 		className: "text-[11px] uppercase tracking-wider text-muted-foreground",
 		children: r
 	})] })] }), s = `bento-tile bento-glass group relative flex flex-col justify-between overflow-hidden p-4 ${a}${e ? " bento-tile-clickable" : ""}`;
-	return e ? /* @__PURE__ */ U(Ue, {
+	return e ? /* @__PURE__ */ G(Ue, {
 		to: e,
 		className: s,
 		children: o
-	}) : /* @__PURE__ */ U("div", {
+	}) : /* @__PURE__ */ G("div", {
 		className: s,
 		children: o
 	});
@@ -94,108 +94,108 @@ var ht = 6, gt = {
 	sortedRowModel: Je()
 };
 function _t({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowActions: o, selectionActions: s, selectedIds: c, onSelectionChange: l, selectionScope: u, layout: f, onLayoutChange: p, onRowOpen: h, rowHeight: g = 44, height: y = 480, empty: b }) {
-	let { t: x } = G(), [S, w] = B([]), [T, E] = B({ hidden: [] }), [D, O] = B(/* @__PURE__ */ new Set()), [k, A] = B(null), [j, M] = B(u), [N, P] = B(void 0);
+	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 = de(() => new Set(c ?? []), [c]), te = D;
-	c !== void 0 && (te = c === N ? /* @__PURE__ */ new Set() : ee);
-	let ne = z(u);
-	R(() => {
-		ne.current !== u && (ne.current = u, l?.([]));
+	let ee = le(() => new Set(c ?? []), [c]), I = D;
+	c !== void 0 && (I = c === N ? /* @__PURE__ */ new Set() : ee);
+	let L = V(u);
+	B(() => {
+		L.current !== u && (L.current = u, l?.([]));
 	}, [u, l]);
-	let [I, re] = B(0), [ie, ae] = B(0), oe = z(null), se = z(/* @__PURE__ */ new Map()), ce = z(!1), L = (s?.length ?? 0) > 0, le = (e) => a?.(e) ?? n(e), ue = de(() => r.map((e) => ({
+	let [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) => ({
 		id: e.id,
 		accessorFn: (t) => e.sortValue?.(t) ?? null,
 		enableSorting: e.sortValue !== void 0
-	})), [r]), V = Xe({
+	})), [r]), U = Xe({
 		features: gt,
 		data: t,
-		columns: ue,
+		columns: ce,
 		state: { sorting: S },
 		onSortingChange: w
-	}).getRowModel().rows.map((e) => e.original), H = f ?? T, fe = r.filter((e) => e.hideable === !1 || !H.hidden.includes(e.id)), pe = [
-		L ? "2.75rem" : null,
-		...fe.map((e) => e.width ?? "minmax(8rem, 1fr)"),
+	}).getRowModel().rows.map((e) => e.original), W = f ?? T, ue = r.filter((e) => e.hideable === !1 || !W.hidden.includes(e.id)), de = [
+		z ? "2.75rem" : null,
+		...ue.map((e) => e.width ?? "minmax(8rem, 1fr)"),
 		o?.length ? "3.25rem" : null
-	].filter(Boolean).join(" "), K = V.length, he = Math.max(1, Math.floor(y / g)), ge = Math.max(0, Math.floor(ie / g) - ht), ye = Math.min(K, Math.ceil((ie + y) / g) + ht), be = Math.min(I, Math.max(0, K - 1));
-	R(() => {
-		ce.current && (ce.current = !1, se.current.get(be)?.focus());
-	}, [be, ge]);
-	function xe(e) {
+	].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));
+	B(() => {
+		oe.current && (oe.current = !1, ae.current.get(ye)?.focus());
+	}, [ye, _e]);
+	function be(e) {
 		c === void 0 && O(e), l?.([...e]);
 	}
-	function Se(e, t) {
+	function xe(e, t) {
 		let [r, i] = e <= t ? [e, t] : [t, e];
-		xe(new Set(V.slice(r, i + 1).map(n)));
+		be(new Set(U.slice(r, i + 1).map(n)));
 	}
-	function q(e) {
-		let t = n(V[e]), r = new Set(te);
-		r.has(t) ? r.delete(t) : r.add(t), xe(r), A(e);
+	function 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 J(e, t) {
-		let n = Math.max(0, Math.min(K - 1, e));
-		if (t && L) {
-			let e = k ?? be;
-			A(e), Se(e, n);
+	function we(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 r = oe.current, i = n * g;
+		let r = ie.current, i = n * g;
 		if (r) {
 			let e = r.scrollTop;
-			i < e ? e = i : i + g > e + y && (e = i + g - y), e !== r.scrollTop && (r.scrollTop = e, ae(e));
+			i < e ? e = i : i + g > e + pe && (e = i + g - pe), e !== r.scrollTop && (r.scrollTop = e, re(e));
 		}
-		ce.current = !0, re(n);
+		oe.current = !0, te(n);
 	}
-	function we(e, t) {
+	function Te(e, t) {
 		if (e.target !== e.currentTarget) return;
 		let r = e.shiftKey;
 		switch (e.key) {
 			case "ArrowDown":
-				J(t + 1, r);
+				we(t + 1, r);
 				break;
 			case "ArrowUp":
-				J(t - 1, r);
+				we(t - 1, r);
 				break;
 			case "PageDown":
-				J(t + he, r);
+				we(t + me, r);
 				break;
 			case "PageUp":
-				J(t - he, r);
+				we(t - me, r);
 				break;
 			case "Home":
-				J(0, r);
+				we(0, r);
 				break;
 			case "End":
-				J(K - 1, r);
+				we(J - 1, r);
 				break;
 			case " ":
-				if (!L) return;
-				q(t);
+				if (!z) return;
+				Ce(t);
 				break;
 			case "Enter":
 				if (!h) return;
-				h(V[t]);
+				h(U[t]);
 				break;
 			case "Escape":
-				if (!L || te.size === 0) return;
-				xe(/* @__PURE__ */ new Set()), A(null);
+				if (!z || I.size === 0) return;
+				be(/* @__PURE__ */ new Set()), A(null);
 				break;
 			case "a":
 			case "A":
-				if (!L || !(e.ctrlKey || e.metaKey)) return;
-				xe(new Set(V.map(n)));
+				if (!z || !(e.ctrlKey || e.metaKey)) return;
+				be(new Set(U.map(n)));
 				break;
 			default: return;
 		}
 		e.preventDefault();
 	}
-	function Te(e, t) {
-		if (!e.target.closest("button, a, input, [role='checkbox']") && (re(t), L)) {
+	function Ee(e, t) {
+		if (!e.target.closest("button, a, input, [role='checkbox']") && (te(t), z)) {
 			if (e.shiftKey) {
-				let e = k ?? be;
-				A(e), Se(e, t);
-			} else e.metaKey || e.ctrlKey ? q(t) : (xe(/* @__PURE__ */ new Set([n(V[t])])), A(t));
+				let e = k ?? ye;
+				A(e), xe(e, t);
+			} else e.metaKey || e.ctrlKey ? Ce(t) : (be(/* @__PURE__ */ new Set([n(U[t])])), A(t));
 		}
 	}
-	function Ee(e) {
+	function De(e) {
 		let t = S.find((t) => t.id === e);
 		t ? t.desc ? w([]) : w([{
 			id: e,
@@ -205,203 +205,203 @@ function _t({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 			desc: !1
 		}]);
 	}
-	function De(e, t) {
-		let n = { hidden: t ? [...H.hidden, e] : H.hidden.filter((t) => t !== e) };
+	function Oe(e, t) {
+		let n = { hidden: t ? [...W.hidden, e] : W.hidden.filter((t) => t !== e) };
 		f === void 0 && E(n), p?.(n);
 	}
-	let Oe = V.filter((e) => te.has(n(e))), ke = K > 0 && Oe.length === K, Ae = r.filter((e) => e.hideable !== !1);
-	return /* @__PURE__ */ W("div", {
+	let ke = U.filter((e) => I.has(n(e))), Ae = J > 0 && ke.length === J, je = r.filter((e) => e.hideable !== !1);
+	return /* @__PURE__ */ K("div", {
 		"data-slot": "bento-data-table",
 		className: "bento-glass overflow-hidden rounded-2xl",
-		children: [/* @__PURE__ */ W("div", {
+		children: [/* @__PURE__ */ K("div", {
 			className: "flex min-h-12 flex-wrap items-center gap-2 border-b border-border/50 px-3 py-2",
 			children: [
-				/* @__PURE__ */ U("span", {
+				/* @__PURE__ */ G("span", {
 					"aria-live": "polite",
 					className: "text-sm font-medium",
-					children: Oe.length > 0 ? x("bento.table.selected", {
+					children: ke.length > 0 ? x("bento.table.selected", {
 						defaultValue: "{{count}} selected",
-						count: Oe.length
+						count: ke.length
 					}) : ""
 				}),
-				Oe.length > 0 && /* @__PURE__ */ W("div", {
+				ke.length > 0 && /* @__PURE__ */ K("div", {
 					role: "toolbar",
 					"aria-label": x("bento.table.selectionActions", { defaultValue: "Actions on the selection" }),
 					className: "flex flex-wrap items-center gap-2",
 					children: [s?.map((t) => {
 						let n = t.icon;
-						return /* @__PURE__ */ W(C, {
+						return /* @__PURE__ */ K(C, {
 							variant: "outline",
 							size: "sm",
 							className: e("gap-1.5", t.tone === "destructive" && "bento-item-danger"),
-							onClick: () => t.onSelect(Oe),
-							children: [/* @__PURE__ */ U(n, { size: 16 }), t.label]
+							onClick: () => t.onSelect(ke),
+							children: [/* @__PURE__ */ G(n, { size: 16 }), t.label]
 						}, t.id);
-					}), /* @__PURE__ */ U(C, {
+					}), /* @__PURE__ */ G(C, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => xe(/* @__PURE__ */ new Set()),
+						onClick: () => be(/* @__PURE__ */ new Set()),
 						children: x("bento.table.clearSelection", { defaultValue: "Clear selection" })
 					})]
 				}),
-				Ae.length > 0 && /* @__PURE__ */ W(_, { children: [/* @__PURE__ */ U(F, {
+				je.length > 0 && /* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(F, {
 					asChild: !0,
-					children: /* @__PURE__ */ W(C, {
+					children: /* @__PURE__ */ K(C, {
 						variant: "ghost",
 						size: "sm",
 						className: "ml-auto gap-1.5",
-						children: [/* @__PURE__ */ U(Ce, {
+						children: [/* @__PURE__ */ G(Se, {
 							size: 16,
 							"aria-hidden": "true"
 						}), x("bento.table.columns", { defaultValue: "Columns" })]
 					})
-				}), /* @__PURE__ */ U(d, {
+				}), /* @__PURE__ */ G(d, {
 					align: "end",
 					className: "bento-dropdown min-w-44 p-1.5",
-					children: Ae.map((e) => /* @__PURE__ */ U(v, {
-						checked: !H.hidden.includes(e.id),
-						onCheckedChange: (t) => De(e.id, t !== !0),
+					children: je.map((e) => /* @__PURE__ */ G(v, {
+						checked: !W.hidden.includes(e.id),
+						onCheckedChange: (t) => Oe(e.id, t !== !0),
 						onSelect: (e) => e.preventDefault(),
 						children: e.header
 					}, e.id))
 				})] })
 			]
-		}), /* @__PURE__ */ W("div", {
+		}), /* @__PURE__ */ K("div", {
 			role: "grid",
 			"aria-label": i,
-			"aria-rowcount": K + 1,
-			"aria-colcount": fe.length + +!!L + +!!o?.length,
-			"aria-multiselectable": L ? "true" : void 0,
-			children: [/* @__PURE__ */ U("div", {
+			"aria-rowcount": J + 1,
+			"aria-colcount": ue.length + +!!z + +!!o?.length,
+			"aria-multiselectable": z ? "true" : void 0,
+			children: [/* @__PURE__ */ G("div", {
 				role: "rowgroup",
-				children: /* @__PURE__ */ W("div", {
+				children: /* @__PURE__ */ K("div", {
 					role: "row",
 					"aria-rowindex": 1,
 					className: "grid items-center border-b border-border/50 px-1 text-xs font-medium text-muted-foreground",
 					style: {
-						gridTemplateColumns: pe,
+						gridTemplateColumns: de,
 						minHeight: g
 					},
 					children: [
-						L && /* @__PURE__ */ U("div", {
+						z && /* @__PURE__ */ G("div", {
 							role: "columnheader",
 							className: "grid place-items-center",
-							children: /* @__PURE__ */ U(m, {
+							children: /* @__PURE__ */ G(m, {
 								"aria-label": x("bento.table.selectAll", { defaultValue: "Select all rows" }),
-								checked: ke ? !0 : Oe.length > 0 && "indeterminate",
-								onCheckedChange: () => xe(ke ? /* @__PURE__ */ new Set() : new Set(V.map(n)))
+								checked: Ae ? !0 : ke.length > 0 && "indeterminate",
+								onCheckedChange: () => be(Ae ? /* @__PURE__ */ new Set() : new Set(U.map(n)))
 							})
 						}),
-						fe.map((e) => {
+						ue.map((e) => {
 							let t = S.find((t) => t.id === e.id), n = t ? t.desc ? "descending" : "ascending" : "none";
-							return /* @__PURE__ */ U("div", {
+							return /* @__PURE__ */ G("div", {
 								role: "columnheader",
 								"aria-sort": e.sortValue ? n : void 0,
 								className: "min-w-0 px-2",
-								children: e.sortValue ? /* @__PURE__ */ W("button", {
+								children: e.sortValue ? /* @__PURE__ */ K("button", {
 									type: "button",
-									onClick: () => Ee(e.id),
+									onClick: () => De(e.id),
 									className: "inline-flex max-w-full items-center gap-1 rounded-md py-1 hover:text-foreground focus-visible:outline-2 focus-visible:outline-ring",
 									children: [
-										/* @__PURE__ */ U("span", {
+										/* @__PURE__ */ G("span", {
 											className: "truncate",
 											children: e.header
 										}),
-										n === "ascending" && /* @__PURE__ */ U(_e, {
+										n === "ascending" && /* @__PURE__ */ G(he, {
 											size: 14,
 											"aria-hidden": "true"
 										}),
-										n === "descending" && /* @__PURE__ */ U(me, {
+										n === "descending" && /* @__PURE__ */ G(fe, {
 											size: 14,
 											"aria-hidden": "true"
 										}),
-										n === "none" && /* @__PURE__ */ U(ve, {
+										n === "none" && /* @__PURE__ */ G(ge, {
 											size: 14,
 											"aria-hidden": "true",
 											className: "opacity-40"
 										})
 									]
-								}) : /* @__PURE__ */ U("span", {
+								}) : /* @__PURE__ */ G("span", {
 									className: "block truncate py-1",
 									children: e.header
 								})
 							}, e.id);
 						}),
-						o?.length ? /* @__PURE__ */ U("div", {
+						o?.length ? /* @__PURE__ */ G("div", {
 							role: "columnheader",
 							className: "px-2",
-							children: /* @__PURE__ */ U("span", {
+							children: /* @__PURE__ */ G("span", {
 								className: "sr-only",
 								children: x("bento.table.actions", { defaultValue: "Actions" })
 							})
 						}) : null
 					]
 				})
-			}), K === 0 ? /* @__PURE__ */ U("div", {
+			}), J === 0 ? /* @__PURE__ */ G("div", {
 				role: "rowgroup",
-				children: /* @__PURE__ */ U("div", {
+				children: /* @__PURE__ */ G("div", {
 					role: "row",
 					"aria-rowindex": 2,
-					children: /* @__PURE__ */ U("div", {
+					children: /* @__PURE__ */ G("div", {
 						role: "gridcell",
 						className: "px-4 py-10 text-center text-sm text-muted-foreground",
 						children: b ?? x("bento.table.empty", { defaultValue: "Nothing to show" })
 					})
 				})
-			}) : /* @__PURE__ */ U("div", {
+			}) : /* @__PURE__ */ G("div", {
 				role: "rowgroup",
-				ref: oe,
-				onScroll: (e) => ae(e.currentTarget.scrollTop),
+				ref: ie,
+				onScroll: (e) => re(e.currentTarget.scrollTop),
 				className: "relative overflow-y-auto",
-				style: { height: y },
-				children: /* @__PURE__ */ U("div", {
-					style: { height: K * g },
+				style: { height: pe },
+				children: /* @__PURE__ */ G("div", {
+					style: { height: J * g },
 					className: "relative",
-					children: V.slice(ge, ye).map((t, r) => {
-						let i = ge + r, a = n(t), s = te.has(a), c = le(t);
-						return /* @__PURE__ */ W("div", {
+					children: U.slice(_e, ve).map((t, r) => {
+						let i = _e + r, a = n(t), s = I.has(a), c = se(t);
+						return /* @__PURE__ */ K("div", {
 							ref: (e) => {
-								e ? se.current.set(i, e) : se.current.delete(i);
+								e ? ae.current.set(i, e) : ae.current.delete(i);
 							},
 							role: "row",
 							"aria-rowindex": i + 2,
-							"aria-selected": L ? s ? "true" : "false" : void 0,
-							tabIndex: i === be ? 0 : -1,
-							onKeyDown: (e) => we(e, i),
-							onClick: (e) => Te(e, i),
+							"aria-selected": z ? s ? "true" : "false" : void 0,
+							tabIndex: i === ye ? 0 : -1,
+							onKeyDown: (e) => Te(e, i),
+							onClick: (e) => Ee(e, i),
 							onDoubleClick: () => h?.(t),
 							onFocus: (e) => {
-								e.target === e.currentTarget && re(i);
+								e.target === e.currentTarget && te(i);
 							},
 							className: e("absolute inset-x-0 grid items-center border-b border-border/30 px-1 text-sm outline-none transition-colors", "hover:bg-muted/40 focus-visible:bg-muted/60 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring", s && "bg-primary/10 hover:bg-primary/15"),
 							style: {
 								top: i * g,
 								height: g,
-								gridTemplateColumns: pe
+								gridTemplateColumns: de
 							},
 							children: [
-								L && /* @__PURE__ */ U("div", {
+								z && /* @__PURE__ */ G("div", {
 									role: "gridcell",
 									className: "grid place-items-center",
-									children: /* @__PURE__ */ U(m, {
+									children: /* @__PURE__ */ G(m, {
 										tabIndex: -1,
 										"aria-label": x("bento.table.selectRow", {
 											defaultValue: "Select {{row}}",
 											row: c
 										}),
 										checked: s,
-										onCheckedChange: () => q(i)
+										onCheckedChange: () => Ce(i)
 									})
 								}),
-								fe.map((e) => /* @__PURE__ */ U("div", {
+								ue.map((e) => /* @__PURE__ */ G("div", {
 									role: "gridcell",
 									className: "min-w-0 truncate px-2",
 									children: e.cell(t)
 								}, e.id)),
-								o?.length ? /* @__PURE__ */ U("div", {
+								o?.length ? /* @__PURE__ */ G("div", {
 									role: "gridcell",
 									className: "grid place-items-center",
-									children: /* @__PURE__ */ U(dt, {
+									children: /* @__PURE__ */ G(dt, {
 										triggerLabel: x("bento.table.rowActions", {
 											defaultValue: "Actions for {{row}}",
 											row: c
@@ -427,22 +427,22 @@ function _t({ rows: t, getRowId: n, columns: r, label: i, getRowLabel: a, rowAct
 //#region src/bento/bento-empty-state.tsx
 function vt({ icon: t = Fe, tone: n = "indigo", title: r, description: i, action: a, align: o = "center", titleLevel: s = 2, className: c }) {
 	let l = Y(n), u = o === "center", d = `h${s}`;
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ K("div", {
 		className: e("bento-tile bento-glass flex flex-col gap-3 rounded-3xl p-8", u ? "items-center text-center" : "items-start text-left", c),
 		children: [
-			/* @__PURE__ */ U("span", {
+			/* @__PURE__ */ G("span", {
 				className: `grid h-12 w-12 place-items-center rounded-2xl ${l} text-white shadow-md`,
-				children: /* @__PURE__ */ U(t, { size: 24 })
+				children: /* @__PURE__ */ G(t, { size: 24 })
 			}),
-			/* @__PURE__ */ U(d, {
+			/* @__PURE__ */ G(d, {
 				className: "m-0 text-lg font-semibold tracking-tight",
 				children: r
 			}),
-			i && /* @__PURE__ */ U("p", {
+			i && /* @__PURE__ */ G("p", {
 				className: e("max-w-md text-sm text-muted-foreground", u && "mx-auto"),
 				children: i
 			}),
-			a && /* @__PURE__ */ U("div", {
+			a && /* @__PURE__ */ G("div", {
 				className: e("mt-1", u && "mx-auto"),
 				children: a
 			})
@@ -453,29 +453,29 @@ function vt({ icon: t = Fe, tone: n = "indigo", title: r, description: i, action
 //#region src/bento/bento-trail.tsx
 var yt = 4;
 function bt({ steps: e }) {
-	let { t } = G(), n = e.length > yt, r = (t) => n && t > 0 && t < e.length - 2;
-	return /* @__PURE__ */ U("nav", {
+	let { t } = q(), n = e.length > yt, r = (t) => n && t > 0 && t < e.length - 2;
+	return /* @__PURE__ */ G("nav", {
 		"aria-label": t("bento.trail.label", { defaultValue: "Location" }),
 		"data-slot": "bento-trail",
-		children: /* @__PURE__ */ U("ol", {
+		children: /* @__PURE__ */ G("ol", {
 			className: "flex min-w-0 flex-wrap items-center gap-1",
-			children: e.map((e, t) => /* @__PURE__ */ W("li", {
+			children: e.map((e, t) => /* @__PURE__ */ K("li", {
 				className: r(t) ? "sr-only" : "inline-flex min-w-0 items-center gap-1",
 				children: [
-					t > 0 && !r(t) && /* @__PURE__ */ U(q, {
+					t > 0 && !r(t) && /* @__PURE__ */ G(xe, {
 						size: 12,
 						"aria-hidden": !0,
 						className: "shrink-0 opacity-60"
 					}),
-					/* @__PURE__ */ U(Ue, {
+					/* @__PURE__ */ G(Ue, {
 						to: e.to,
 						className: "max-w-[16ch] truncate hover:text-foreground",
 						children: e.label
 					}),
-					n && t === 0 && /* @__PURE__ */ W("span", {
+					n && t === 0 && /* @__PURE__ */ K("span", {
 						"aria-hidden": !0,
 						className: "inline-flex items-center gap-1",
-						children: [/* @__PURE__ */ U(q, {
+						children: [/* @__PURE__ */ G(xe, {
 							size: 12,
 							className: "shrink-0 opacity-60"
 						}), "…"]
@@ -488,53 +488,53 @@ function bt({ steps: e }) {
 //#endregion
 //#region src/bento/bento-hero.tsx
 function xt({ to: e, children: t }) {
-	return /* @__PURE__ */ W(Ue, {
+	return /* @__PURE__ */ K(Ue, {
 		to: e,
 		className: "inline-flex items-center gap-1 hover:text-foreground",
-		children: [/* @__PURE__ */ U(he, {
+		children: [/* @__PURE__ */ G(pe, {
 			size: 14,
 			"aria-hidden": !0
 		}), t]
 	});
 }
 function St(e, t, n) {
-	return e && e.length > 1 ? /* @__PURE__ */ U(bt, { steps: e }) : e && e.length === 1 ? /* @__PURE__ */ U(xt, {
+	return e && e.length > 1 ? /* @__PURE__ */ G(bt, { steps: e }) : e && e.length === 1 ? /* @__PURE__ */ G(xt, {
 		to: e[0].to,
 		children: e[0].label
-	}) : t == null ? null : /* @__PURE__ */ U(xt, {
+	}) : t == null ? null : /* @__PURE__ */ G(xt, {
 		to: t,
 		children: n
 	});
 }
 function Ct({ eyebrow: e, backTo: t, backLabel: n, trail: r, title: i, subtitle: a, leading: o, trailing: s }) {
 	let c = e ?? St(r, t, n);
-	return /* @__PURE__ */ U("header", {
+	return /* @__PURE__ */ G("header", {
 		className: "bento-shell-header mb-6 flex flex-col items-start gap-3 md:mb-10",
-		children: /* @__PURE__ */ W("div", {
+		children: /* @__PURE__ */ K("div", {
 			className: "flex w-full items-start gap-4",
 			children: [
-				o && /* @__PURE__ */ U("div", {
+				o && /* @__PURE__ */ G("div", {
 					className: "shrink-0",
 					children: o
 				}),
-				/* @__PURE__ */ W("div", {
+				/* @__PURE__ */ K("div", {
 					className: "flex flex-1 flex-col gap-1",
 					children: [
-						c && /* @__PURE__ */ U("span", {
+						c && /* @__PURE__ */ G("span", {
 							className: "text-xs uppercase tracking-[0.18em] text-muted-foreground",
 							children: c
 						}),
-						/* @__PURE__ */ U("h1", {
+						/* @__PURE__ */ G("h1", {
 							className: "text-3xl font-semibold tracking-tight md:text-4xl",
 							children: i
 						}),
-						a && /* @__PURE__ */ U("p", {
+						a && /* @__PURE__ */ G("p", {
 							className: "max-w-2xl text-sm text-muted-foreground",
 							children: a
 						})
 					]
 				}),
-				s && /* @__PURE__ */ U("div", {
+				s && /* @__PURE__ */ G("div", {
 					className: "ml-auto flex shrink-0 items-center gap-2",
 					children: s
 				})
@@ -545,30 +545,30 @@ function Ct({ eyebrow: e, backTo: t, backLabel: n, trail: r, title: i, subtitle:
 //#endregion
 //#region src/bento/bento-hero-icon-picker.tsx
 function wt({ value: e, onChange: t, onClear: n, defaultIcon: r, tone: i, title: a, description: o, readOnly: s = !1 }) {
-	let { t: c } = G(), [l, u] = B(!1);
-	return s ? /* @__PURE__ */ U("span", {
+	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__ */ U(Ve, {
+		children: e ? /* @__PURE__ */ G(Ve, {
 			icon: e,
 			className: "size-6 text-white"
-		}) : /* @__PURE__ */ U(r, { size: 24 })
-	}) : /* @__PURE__ */ W("div", {
+		}) : /* @__PURE__ */ G(r, { size: 24 })
+	}) : /* @__PURE__ */ K("div", {
 		className: "group relative",
 		children: [
-			/* @__PURE__ */ W("button", {
+			/* @__PURE__ */ K("button", {
 				type: "button",
 				onClick: () => u(!0),
 				"aria-label": c("forms.iconPicker.chooseAnIcon"),
 				className: `group/icon relative grid h-12 w-12 cursor-pointer place-items-center overflow-hidden rounded-2xl ${Y(i)} text-white shadow-md outline-none transition-all duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] hover:scale-105 focus-visible:ring-2 focus-visible:ring-ring active:scale-95`,
-				children: [e ? /* @__PURE__ */ U(Ve, {
+				children: [e ? /* @__PURE__ */ G(Ve, {
 					icon: e,
 					className: "size-6 text-white"
-				}) : /* @__PURE__ */ U(r, { size: 24 }), /* @__PURE__ */ U("span", {
+				}) : /* @__PURE__ */ G(r, { size: 24 }), /* @__PURE__ */ G("span", {
 					className: "pointer-events-none absolute inset-0 grid place-items-center bg-black/40 opacity-0 transition-opacity duration-200 group-hover/icon:opacity-100",
-					children: /* @__PURE__ */ U(je, { className: "size-5 text-white" })
+					children: /* @__PURE__ */ G(je, { className: "size-5 text-white" })
 				})]
 			}),
-			e && n && /* @__PURE__ */ U("button", {
+			e && n && /* @__PURE__ */ G("button", {
 				type: "button",
 				onClick: (e) => {
 					e.stopPropagation(), n();
@@ -576,9 +576,9 @@ function wt({ value: e, onChange: t, onClear: n, defaultIcon: r, tone: i, title:
 				"aria-label": c("forms.common.remove"),
 				title: c("forms.common.remove"),
 				className: "absolute -right-1.5 -top-1.5 grid h-5 w-5 cursor-pointer place-items-center rounded-full border border-border/60 bg-card/90 text-foreground opacity-0 shadow-md backdrop-blur transition-opacity duration-200 bento-clear focus-visible:opacity-100 group-hover:opacity-100",
-				children: /* @__PURE__ */ U(Be, { size: 12 })
+				children: /* @__PURE__ */ G(Be, { size: 12 })
 			}),
-			/* @__PURE__ */ U(g, {
+			/* @__PURE__ */ G(g, {
 				open: l,
 				onOpenChange: u,
 				value: e,
@@ -593,8 +593,8 @@ function wt({ value: e, onChange: t, onClear: n, defaultIcon: r, tone: i, title:
 //#endregion
 //#region src/bento/bento-inline-edit.tsx
 function Tt({ value: n, onSave: r, multiline: i = !1, placeholder: a, className: o, ariaLabel: s, autoFocus: c = !1, readOnly: l = !1, commitOnChange: u = !1 }) {
-	let { t: d } = G(), [f, p] = B(c), [m, h] = B(n), [g, _] = B(!1), v = z(null), y = z(null), b = z(!1), x = z(!1), [S, C] = B(n);
-	!f && n !== S && (C(n), h(n)), R(() => {
+	let { t: d } = q(), [f, p] = H(c), [m, h] = H(n), [g, _] = H(!1), v = V(null), y = V(null), b = V(!1), x = V(!1), [S, C] = H(n);
+	!f && n !== S && (C(n), h(n)), B(() => {
 		f && v.current ? (v.current.focus(), v.current.select()) : !f && x.current && (x.current = !1, y.current?.focus());
 	}, [f]);
 	function w() {
@@ -627,22 +627,22 @@ function Tt({ value: n, onSave: r, multiline: i = !1, placeholder: a, className:
 		h(e), u && r(e);
 	}
 	let O = !n;
-	if (l) return /* @__PURE__ */ U("span", {
+	if (l) return /* @__PURE__ */ G("span", {
 		className: e("block w-full", o),
 		"aria-label": s,
-		children: n || /* @__PURE__ */ U("span", {
+		children: n || /* @__PURE__ */ G("span", {
 			className: "text-muted-foreground",
 			children: a ?? "—"
 		})
 	});
 	let k = "w-full bg-transparent outline-none border-b transition-colors duration-200", A = e(k, "cursor-text rounded-sm", O ? "border-dashed border-border/70 hover:border-foreground/40" : "border-transparent hover:border-border/60 focus-visible:border-border/80"), j = e(k, "bento-editing");
-	if (!f) return /* @__PURE__ */ U("button", {
+	if (!f) return /* @__PURE__ */ G("button", {
 		ref: y,
 		type: "button",
 		onClick: () => p(!0),
 		className: e(A, "text-left", o),
 		"aria-label": s ?? d("forms.formActions.edit"),
-		children: n || /* @__PURE__ */ U("span", {
+		children: n || /* @__PURE__ */ G("span", {
 			className: "text-muted-foreground",
 			children: a ?? "—"
 		})
@@ -654,7 +654,7 @@ function Tt({ value: n, onSave: r, multiline: i = !1, placeholder: a, className:
 		}
 		e.key === "Enter" && (!i || e.metaKey || e.ctrlKey) && (e.preventDefault(), T());
 	}
-	return i ? /* @__PURE__ */ U("textarea", {
+	return i ? /* @__PURE__ */ G("textarea", {
 		ref: v,
 		value: m,
 		onChange: (e) => D(e.target.value),
@@ -665,7 +665,7 @@ function Tt({ value: n, onSave: r, multiline: i = !1, placeholder: a, className:
 		"aria-busy": g || void 0,
 		rows: 3,
 		className: e(j, "resize-none py-0.5 leading-snug", o)
-	}) : /* @__PURE__ */ U(t, {
+	}) : /* @__PURE__ */ G(t, {
 		ref: v,
 		value: m,
 		onChange: (e) => D(e.target.value),
@@ -680,21 +680,21 @@ function Tt({ value: n, onSave: r, multiline: i = !1, placeholder: a, className:
 //#endregion
 //#region src/bento/bento-status-marker.tsx
 function Et({ titleMissing: t, dirty: n, className: r }) {
-	let { t: i } = G();
+	let { t: i } = q();
 	if (!t && !n) return null;
 	let a = "inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[10px] font-medium normal-case leading-none tracking-normal";
-	return t ? /* @__PURE__ */ W("span", {
+	return t ? /* @__PURE__ */ K("span", {
 		className: e(a, "bento-status bento-status-error", r),
-		children: [/* @__PURE__ */ U(pe, { className: "size-3" }), i("bento.saveBar.titleRequired", { defaultValue: "Title required" })]
-	}) : /* @__PURE__ */ W("span", {
+		children: [/* @__PURE__ */ G(de, { className: "size-3" }), i("bento.saveBar.titleRequired", { defaultValue: "Title required" })]
+	}) : /* @__PURE__ */ K("span", {
 		className: e(a, "bento-status bento-status-warn", r),
-		children: [/* @__PURE__ */ U("span", { className: "h-1.5 w-1.5 rounded-full bento-status-dot bento-pulse" }), i("bento.saveBar.unsaved", { defaultValue: "Unsaved changes" })]
+		children: [/* @__PURE__ */ G("span", { className: "h-1.5 w-1.5 rounded-full bento-status-dot bento-pulse" }), i("bento.saveBar.unsaved", { defaultValue: "Unsaved changes" })]
 	});
 }
 //#endregion
 //#region src/bento/bento-scroll-fade.ts
 function Dt(e) {
-	R(() => {
+	B(() => {
 		let t = e.current;
 		if (!t) return;
 		let n = document.documentElement, r = 0, i = () => {
@@ -717,17 +717,17 @@ function Ot(e, t) {
 	return n;
 }
 function kt({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i, trail: o, icon: s, tone: c, formId: l, feature: u, hasStatus: d = !1, hideIcon: f = !1, readOnly: p = !1, autosaveOnly: m = !1, badge: h, notice: g, onUpdate: _, onDelete: v, extraActions: y, children: b }) {
-	let { t: x } = G(), S = Ke(), [C, w] = B(!1), [T, E] = B({
+	let { t: x } = q(), S = Ke(), [C, w] = H(!1), [T, E] = H({
 		isDirty: !1,
 		isSubmitting: !1
-	}), D = z(null);
+	}), D = V(null);
 	Dt(D);
 	let O = {
 		title: e.title ?? "",
 		description: e.description ?? "",
 		icon: e.icon ?? null,
 		enabled: e.enabled ?? 1
-	}, [k, A] = B(O), [j, M] = B(O);
+	}, [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) => ({
@@ -772,26 +772,26 @@ function kt({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 			w(!1);
 		}
 	}
-	let F = k.enabled === 1, te = !p, ne = !(m && !t), I = !k.title.trim(), re = !t && !T.isDirty, ie = I || re, ae = [...y ?? [], ...v && !p ? [{
+	let F = k.enabled === 1, I = !p, L = !(m && !t), R = !k.title.trim(), te = !t && !T.isDirty, ne = R || te, re = [...y ?? [], ...v && !p ? [{
 		id: "entity.delete",
 		label: x("forms.formActions.delete"),
 		icon: Ie,
 		tone: "destructive",
 		onSelect: () => w(!0)
 	}] : []];
-	return /* @__PURE__ */ W(H, { children: [
-		/* @__PURE__ */ U(Ct, {
-			eyebrow: /* @__PURE__ */ W("span", {
+	return /* @__PURE__ */ K(W, { children: [
+		/* @__PURE__ */ G(Ct, {
+			eyebrow: /* @__PURE__ */ K("span", {
 				className: "inline-flex items-center gap-2",
-				children: [o && o.length > 1 ? /* @__PURE__ */ U(bt, { steps: o }) : /* @__PURE__ */ U(xt, {
+				children: [o && o.length > 1 ? /* @__PURE__ */ G(bt, { steps: o }) : /* @__PURE__ */ G(xt, {
 					to: i,
 					children: r
-				}), !p && /* @__PURE__ */ U(Et, {
-					titleMissing: I,
+				}), !p && /* @__PURE__ */ G(Et, {
+					titleMissing: R,
 					dirty: t || T.isDirty
 				})]
 			}),
-			leading: /* @__PURE__ */ U(wt, {
+			leading: /* @__PURE__ */ G(wt, {
 				value: k.icon,
 				onChange: (e) => P({ icon: e }),
 				onClear: () => P({ icon: null }),
@@ -801,7 +801,7 @@ function kt({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 				description: k.description,
 				readOnly: p || f
 			}),
-			title: /* @__PURE__ */ U(Tt, {
+			title: /* @__PURE__ */ G(Tt, {
 				value: k.title,
 				onSave: (e) => P({ title: e }),
 				placeholder: n,
@@ -811,7 +811,7 @@ function kt({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 				commitOnChange: t,
 				readOnly: p
 			}),
-			subtitle: /* @__PURE__ */ U(Tt, {
+			subtitle: /* @__PURE__ */ G(Tt, {
 				value: k.description,
 				onSave: (e) => P({ description: e }),
 				multiline: !0,
@@ -821,52 +821,52 @@ function kt({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i
 				commitOnChange: t,
 				readOnly: p
 			}),
-			trailing: /* @__PURE__ */ W(H, { children: [
-				te && /* @__PURE__ */ W("div", {
+			trailing: /* @__PURE__ */ K(W, { children: [
+				I && /* @__PURE__ */ K("div", {
 					className: "bento-fade-out flex shrink-0 items-center gap-2",
-					children: [ne && /* @__PURE__ */ W(a, {
+					children: [L && /* @__PURE__ */ K(a, {
 						type: "submit",
 						form: l,
 						size: "sm",
 						loading: T.isSubmitting,
-						"aria-disabled": ie ? "true" : void 0,
-						children: [/* @__PURE__ */ U(J, { className: "size-4" }), x("forms.formActions.saveChanges")]
-					}), /* @__PURE__ */ W(a, {
+						"aria-disabled": ne ? "true" : void 0,
+						children: [/* @__PURE__ */ G(Ce, { className: "size-4" }), x("forms.formActions.saveChanges")]
+					}), /* @__PURE__ */ K(a, {
 						type: "button",
 						size: "sm",
 						variant: "outline",
 						onClick: () => S(i),
-						children: [/* @__PURE__ */ U(Be, { className: "size-4" }), x("forms.formActions.cancel")]
+						children: [/* @__PURE__ */ G(Be, { className: "size-4" }), x("forms.formActions.cancel")]
 					})]
 				}),
 				h,
-				d && (p ? /* @__PURE__ */ W("span", {
+				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__ */ U("span", { className: `h-1.5 w-1.5 rounded-full ${F ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), F ? x("common.active", { defaultValue: "Active" }) : x("common.idle", { defaultValue: "Idle" })]
-				}) : /* @__PURE__ */ W("button", {
+					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" })]
+				}) : /* @__PURE__ */ K("button", {
 					type: "button",
 					onClick: () => P({ enabled: +!F }),
 					"aria-label": x("forms.common.enabled"),
 					title: x(F ? "common.activeToggleHint" : "common.idleToggleHint"),
 					className: `bento-tile-clickable flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-[10px] uppercase tracking-wider transition-colors duration-200 ${F ? "bento-status bento-status-on" : "border-border bg-muted text-muted-foreground hover:bg-muted/80"}`,
-					children: [/* @__PURE__ */ U("span", { className: `h-1.5 w-1.5 rounded-full ${F ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), F ? x("common.active", { defaultValue: "Active" }) : x("common.idle", { defaultValue: "Idle" })]
+					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" })]
 				})),
-				!t && ae.length > 0 && /* @__PURE__ */ U(dt, { actions: ae })
+				!t && re.length > 0 && /* @__PURE__ */ G(dt, { actions: re })
 			] })
 		}),
-		/* @__PURE__ */ U("div", {
+		/* @__PURE__ */ G("div", {
 			ref: D,
 			"aria-hidden": !0,
 			className: "h-px"
 		}),
 		g,
-		!t && v && /* @__PURE__ */ U(oe, {
+		!t && v && /* @__PURE__ */ G(ie, {
 			feature: u,
 			name: k.title,
 			onDelete: ee,
 			open: C,
 			setOpen: w,
-			trigger: /* @__PURE__ */ U("span", {
+			trigger: /* @__PURE__ */ G("span", {
 				className: "hidden",
 				"aria-hidden": !0
 			})
@@ -886,13 +886,13 @@ var At = {
 	unchanged: !1
 };
 function jt({ state: t, compact: n = !1, className: r }) {
-	let { t: i } = G(), a = {
+	let { t: i } = q(), a = {
 		added: i("bento.diff.added", { defaultValue: "Added" }),
 		removed: i("bento.diff.removed", { defaultValue: "Removed" }),
 		changed: i("bento.diff.changed", { defaultValue: "Changed" }),
 		unchanged: i("bento.diff.unchanged", { defaultValue: "Unchanged" })
 	}[t], o = e("rounded-full border px-1.5 leading-4", n && "font-mono", At[t], r);
-	if (!n) return /* @__PURE__ */ U("span", {
+	if (!n) return /* @__PURE__ */ G("span", {
 		"data-slot": "bento-change-mark",
 		"data-state": t,
 		className: o,
@@ -904,15 +904,15 @@ function jt({ state: t, compact: n = !1, className: r }) {
 		changed: i("bento.diff.changedLetter", { defaultValue: "M" }),
 		unchanged: i("bento.diff.unchangedLetter", { defaultValue: "·" })
 	}[t];
-	return /* @__PURE__ */ W("span", {
+	return /* @__PURE__ */ K("span", {
 		"data-slot": "bento-change-mark",
 		"data-state": t,
 		title: a,
 		className: o,
-		children: [/* @__PURE__ */ U("span", {
+		children: [/* @__PURE__ */ G("span", {
 			"aria-hidden": "true",
 			children: s
-		}), /* @__PURE__ */ U("span", {
+		}), /* @__PURE__ */ G("span", {
 			className: "sr-only",
 			children: a
 		})]
@@ -945,7 +945,7 @@ function Pt(e) {
 }
 var X = (e) => e == null ? "" : String(e);
 function Ft({ before: t, after: n, fields: r, showUnchanged: i = !1, layout: a = "inline" }) {
-	let { t: o } = G(), [s, c] = B(i), l = r.map((e) => {
+	let { 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";
 		return t === null || (r == null || r === "") && !o ? s = "added" : n === null || (i == null || i === "") && !o ? s = "removed" : o && (s = "unchanged"), {
 			field: e,
@@ -955,37 +955,37 @@ function Ft({ before: t, after: n, fields: r, showUnchanged: i = !1, layout: a =
 			state: s
 		};
 	}), u = l.filter((e) => e.state !== "unchanged"), d = l.filter((e) => e.state === "unchanged");
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ K("div", {
 		"data-slot": "bento-diff",
 		className: "flex flex-col gap-3",
 		children: [
-			(t === null || n === null) && /* @__PURE__ */ U("p", {
+			(t === null || n === null) && /* @__PURE__ */ G("p", {
 				className: "m-0 text-sm font-medium",
 				children: t === null ? o("bento.diff.created", { defaultValue: "Created in this version" }) : o("bento.diff.deleted", { defaultValue: "Deleted in this version" })
 			}),
-			u.length === 0 && /* @__PURE__ */ U("p", {
+			u.length === 0 && /* @__PURE__ */ G("p", {
 				className: "m-0 text-sm text-muted-foreground",
 				children: o("bento.diff.noChanges", { defaultValue: "No field changed" })
 			}),
-			/* @__PURE__ */ U("dl", {
+			/* @__PURE__ */ G("dl", {
 				className: "m-0 flex flex-col gap-3",
-				children: u.map((e) => /* @__PURE__ */ U(It, {
+				children: u.map((e) => /* @__PURE__ */ G(It, {
 					label: e.field.label,
 					state: e.state,
-					children: /* @__PURE__ */ U(Lt, {
+					children: /* @__PURE__ */ G(Lt, {
 						row: e,
 						layout: a
 					})
 				}, e.field.id))
 			}),
-			d.length > 0 && /* @__PURE__ */ W("div", {
+			d.length > 0 && /* @__PURE__ */ K("div", {
 				className: "flex flex-col gap-3",
-				children: [/* @__PURE__ */ W("button", {
+				children: [/* @__PURE__ */ K("button", {
 					type: "button",
 					"aria-expanded": s ? "true" : "false",
 					onClick: () => c(!s),
 					className: "inline-flex items-center gap-1 self-start rounded-md text-sm text-muted-foreground hover:text-foreground focus-visible:outline-2 focus-visible:outline-ring",
-					children: [/* @__PURE__ */ U(q, {
+					children: [/* @__PURE__ */ G(xe, {
 						size: 14,
 						"aria-hidden": "true",
 						className: e("transition-transform", s && "rotate-90")
@@ -993,12 +993,12 @@ function Ft({ before: t, after: n, fields: r, showUnchanged: i = !1, layout: a =
 						defaultValue: "{{count}} unchanged",
 						count: d.length
 					})]
-				}), s && /* @__PURE__ */ U("dl", {
+				}), s && /* @__PURE__ */ G("dl", {
 					className: "m-0 flex flex-col gap-3",
-					children: d.map((t) => /* @__PURE__ */ U(It, {
+					children: d.map((t) => /* @__PURE__ */ G(It, {
 						label: t.field.label,
 						state: "unchanged",
-						children: /* @__PURE__ */ U("p", {
+						children: /* @__PURE__ */ G("p", {
 							className: e("m-0 whitespace-pre-wrap text-sm text-muted-foreground", t.kind === "lines" && "font-mono text-xs"),
 							children: t.kind === "rich" ? Pt(X(t.b)).join("\n\n") : t.field.format ? t.field.format(t.b) : X(t.b)
 						})
@@ -1009,20 +1009,20 @@ function Ft({ before: t, after: n, fields: r, showUnchanged: i = !1, layout: a =
 	});
 }
 function It({ label: e, state: t, children: n }) {
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ K("div", {
 		className: "rounded-xl border border-border/60 bg-card/40 p-3",
-		children: [/* @__PURE__ */ W("dt", {
+		children: [/* @__PURE__ */ K("dt", {
 			className: "mb-1.5 flex items-center gap-2 text-xs font-medium text-muted-foreground",
-			children: [/* @__PURE__ */ U("span", { children: e }), /* @__PURE__ */ U(jt, { state: t })]
-		}), /* @__PURE__ */ U("dd", {
+			children: [/* @__PURE__ */ G("span", { children: e }), /* @__PURE__ */ G(jt, { state: t })]
+		}), /* @__PURE__ */ G("dd", {
 			className: "m-0",
 			children: n
 		})]
 	});
 }
 function Lt({ row: e, layout: t }) {
-	let { t: n } = G(), { field: r, a: i, b: a, kind: o, state: s } = e;
-	if (o === "lines") return /* @__PURE__ */ U(Ut, {
+	let { t: n } = q(), { field: r, a: i, b: a, kind: o, state: s } = e;
+	if (o === "lines") return /* @__PURE__ */ G(Ut, {
 		label: r.label,
 		before: X(i),
 		after: X(a),
@@ -1030,15 +1030,15 @@ function Lt({ row: e, layout: t }) {
 	});
 	if (o === "value") {
 		let e = (e) => r.format ? r.format(e) : X(e);
-		return /* @__PURE__ */ W("p", {
+		return /* @__PURE__ */ K("p", {
 			className: "m-0 flex flex-wrap items-center gap-2 text-sm",
 			children: [
-				s !== "added" && /* @__PURE__ */ U(tn, { children: e(i) }),
-				s === "changed" && /* @__PURE__ */ U("span", {
+				s !== "added" && /* @__PURE__ */ G(tn, { children: e(i) }),
+				s === "changed" && /* @__PURE__ */ G("span", {
 					"aria-hidden": "true",
 					children: "→"
 				}),
-				s !== "removed" && /* @__PURE__ */ U(en, { children: e(a) })
+				s !== "removed" && /* @__PURE__ */ G(en, { children: e(a) })
 			]
 		});
 	}
@@ -1053,23 +1053,23 @@ function Lt({ row: e, layout: t }) {
 		let t = u[e], n = u[e + 1];
 		if (t.op === "remove" && n?.op === "add") {
 			let r = Mt(Nt(t.text), Nt(n.text));
-			d.push(/* @__PURE__ */ U("p", {
+			d.push(/* @__PURE__ */ G("p", {
 				className: "m-0 whitespace-pre-wrap text-sm leading-relaxed",
-				children: r ? r.map((e, t) => e.op === "same" ? /* @__PURE__ */ U("span", { children: e.text }, t) : e.op === "add" ? /* @__PURE__ */ U(en, { children: e.text }, t) : /* @__PURE__ */ U(tn, { children: e.text }, t)) : [
-					/* @__PURE__ */ U(tn, { children: t.text }, "r"),
+				children: r ? r.map((e, t) => e.op === "same" ? /* @__PURE__ */ G("span", { children: e.text }, t) : e.op === "add" ? /* @__PURE__ */ G(en, { children: e.text }, t) : /* @__PURE__ */ G(tn, { children: e.text }, t)) : [
+					/* @__PURE__ */ G(tn, { children: t.text }, "r"),
 					" ",
-					/* @__PURE__ */ U(en, { children: n.text }, "a")
+					/* @__PURE__ */ G(en, { children: n.text }, "a")
 				]
 			}, e)), e++;
-		} else d.push(/* @__PURE__ */ U("p", {
+		} else d.push(/* @__PURE__ */ G("p", {
 			className: "m-0 whitespace-pre-wrap text-sm leading-relaxed",
-			children: t.op === "same" ? t.text : t.op === "add" ? /* @__PURE__ */ U(en, { children: t.text }) : /* @__PURE__ */ U(tn, { children: t.text })
+			children: t.op === "same" ? t.text : t.op === "add" ? /* @__PURE__ */ G(en, { children: t.text }) : /* @__PURE__ */ G(tn, { children: t.text })
 		}, e));
 	}
-	return d.length === 0 ? /* @__PURE__ */ U("p", {
+	return d.length === 0 ? /* @__PURE__ */ G("p", {
 		className: "m-0 text-sm text-muted-foreground",
 		children: n("bento.diff.empty", { defaultValue: "Empty" })
-	}) : /* @__PURE__ */ U("div", {
+	}) : /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-2",
 		children: d
 	});
@@ -1148,12 +1148,12 @@ function Ht(e, t, n) {
 	return i;
 }
 function Ut({ label: t, before: n, after: r, layout: i }) {
-	let { t: a } = G(), [o, s] = B(/* @__PURE__ */ new Set()), c = Bt(n, r);
-	if (c === null) return /* @__PURE__ */ U("p", {
+	let { t: a } = q(), [o, s] = H(/* @__PURE__ */ new Set()), c = Bt(n, r);
+	if (c === null) return /* @__PURE__ */ G("p", {
 		className: "m-0 text-sm text-muted-foreground",
 		children: a("bento.diff.tooLarge", { defaultValue: "Too many lines changed to compare them here" })
 	});
-	if (c.length === 0) return /* @__PURE__ */ U("p", {
+	if (c.length === 0) return /* @__PURE__ */ G("p", {
 		className: "m-0 text-sm text-muted-foreground",
 		children: a("bento.diff.empty", { defaultValue: "Empty" })
 	});
@@ -1163,15 +1163,15 @@ function Ut({ label: t, before: n, after: r, layout: i }) {
 	};
 	function u(t, n, r) {
 		let i = o.has(t.key);
-		return [/* @__PURE__ */ U("tr", { children: /* @__PURE__ */ U("td", {
+		return [/* @__PURE__ */ G("tr", { children: /* @__PURE__ */ G("td", {
 			colSpan: n,
 			className: "bg-muted/40 px-2",
-			children: /* @__PURE__ */ W("button", {
+			children: /* @__PURE__ */ K("button", {
 				type: "button",
 				"aria-expanded": i ? "true" : "false",
 				onClick: () => l(t.key),
 				className: "inline-flex items-center gap-1 rounded-md font-sans text-muted-foreground hover:text-foreground focus-visible:outline-2 focus-visible:outline-ring",
-				children: [/* @__PURE__ */ U(q, {
+				children: [/* @__PURE__ */ G(xe, {
 					size: 12,
 					"aria-hidden": "true",
 					className: e("transition-transform", i && "rotate-90")
@@ -1182,30 +1182,30 @@ function Ut({ label: t, before: n, after: r, layout: i }) {
 			})
 		}) }, `fold-${t.key}`), ...i ? t.items.map(r) : []];
 	}
-	let d = (t) => /* @__PURE__ */ U("table", {
+	let d = (t) => /* @__PURE__ */ G("table", {
 		"data-layout": "inline",
 		className: e("min-w-full border-collapse font-mono text-xs leading-5", t),
-		children: /* @__PURE__ */ U("tbody", { children: Ht(c, (e) => e.op !== "same", Wt).map((e) => {
-			let t = (e) => /* @__PURE__ */ U(Xt, { row: e }, Wt(e));
+		children: /* @__PURE__ */ G("tbody", { children: Ht(c, (e) => e.op !== "same", Wt).map((e) => {
+			let t = (e) => /* @__PURE__ */ G(Xt, { row: e }, Wt(e));
 			return e.fold ? u(e, 4, t) : e.items.map(t);
 		}) })
 	});
-	return /* @__PURE__ */ U("section", {
+	return /* @__PURE__ */ G("section", {
 		"aria-label": t,
 		tabIndex: 0,
 		className: "@container/diff overflow-x-auto rounded-md border border-border/60 focus-visible:outline-2 focus-visible:outline-ring",
-		children: i === "split" ? /* @__PURE__ */ W(H, { children: [d("@3xl/diff:hidden"), ((t) => /* @__PURE__ */ W("table", {
+		children: i === "split" ? /* @__PURE__ */ K(W, { children: [d("@3xl/diff:hidden"), ((t) => /* @__PURE__ */ K("table", {
 			"data-layout": "split",
 			className: e("w-full table-fixed border-collapse font-mono text-xs leading-5", t),
-			children: [/* @__PURE__ */ W("colgroup", { children: [
-				/* @__PURE__ */ U("col", { className: "w-14" }),
-				/* @__PURE__ */ U("col", { className: "w-5" }),
-				/* @__PURE__ */ U("col", {}),
-				/* @__PURE__ */ U("col", { className: "w-14" }),
-				/* @__PURE__ */ U("col", { className: "w-5" }),
-				/* @__PURE__ */ U("col", {})
-			] }), /* @__PURE__ */ U("tbody", { children: Ht(Vt(c), (e) => e.left?.op !== "same", Gt).map((e) => {
-				let t = (e) => /* @__PURE__ */ U(Zt, { pair: e }, Gt(e));
+			children: [/* @__PURE__ */ K("colgroup", { children: [
+				/* @__PURE__ */ G("col", { className: "w-14" }),
+				/* @__PURE__ */ G("col", { className: "w-5" }),
+				/* @__PURE__ */ G("col", {}),
+				/* @__PURE__ */ G("col", { className: "w-14" }),
+				/* @__PURE__ */ G("col", { className: "w-5" }),
+				/* @__PURE__ */ G("col", {})
+			] }), /* @__PURE__ */ G("tbody", { children: Ht(Vt(c), (e) => e.left?.op !== "same", Gt).map((e) => {
+				let t = (e) => /* @__PURE__ */ G(Zt, { pair: e }, Gt(e));
 				return e.fold ? u(e, 6, t) : e.items.map(t);
 			}) })]
 		}))("hidden @3xl/diff:table")] }) : d()
@@ -1213,7 +1213,7 @@ function Ut({ label: t, before: n, after: r, layout: i }) {
 }
 var Wt = (e) => `${e.old ?? ""}:${e.new ?? ""}`, Gt = (e) => `${e.left?.old ?? ""}:${e.right?.new ?? ""}`, Kt = (t) => e(t.op === "add" && "bento-status bento-status-on", t.op === "remove" && "bento-status bento-status-error");
 function qt(e) {
-	return e.parts ? e.parts.map((e, t) => e.op === "add" ? /* @__PURE__ */ U(en, { children: e.text }, t) : e.op === "remove" ? /* @__PURE__ */ U(tn, { children: e.text }, t) : /* @__PURE__ */ U("span", { children: e.text }, t)) : e.op === "same" ? e.text : /* @__PURE__ */ U($t, {
+	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, {
 		op: e.op,
 		children: e.text
 	});
@@ -1225,23 +1225,23 @@ var Jt = {
 }, Yt = "select-none px-2 text-right align-top text-muted-foreground tabular-nums";
 function Xt({ row: t }) {
 	let n = Kt(t);
-	return /* @__PURE__ */ W("tr", {
+	return /* @__PURE__ */ K("tr", {
 		"data-op": t.op,
 		children: [
-			/* @__PURE__ */ U("td", {
+			/* @__PURE__ */ G("td", {
 				className: e("w-px", Yt, n),
 				children: t.old
 			}),
-			/* @__PURE__ */ U("td", {
+			/* @__PURE__ */ G("td", {
 				className: e("w-px", Yt, n),
 				children: t.new
 			}),
-			/* @__PURE__ */ U("td", {
+			/* @__PURE__ */ G("td", {
 				"aria-hidden": "true",
 				className: e("w-px select-none pr-1", n),
 				children: Jt[t.op]
 			}),
-			/* @__PURE__ */ U("td", {
+			/* @__PURE__ */ G("td", {
 				className: e("whitespace-pre pr-3", !t.parts && n),
 				children: qt(t)
 			})
@@ -1249,12 +1249,12 @@ function Xt({ row: t }) {
 	});
 }
 function Zt({ pair: e }) {
-	return /* @__PURE__ */ W("tr", {
+	return /* @__PURE__ */ K("tr", {
 		"data-op": e.left?.op === "same" ? "same" : "change",
-		children: [/* @__PURE__ */ U(Qt, {
+		children: [/* @__PURE__ */ G(Qt, {
 			row: e.left,
 			number: e.left?.old
-		}), /* @__PURE__ */ U(Qt, {
+		}), /* @__PURE__ */ G(Qt, {
 			row: e.right,
 			number: e.right?.new,
 			right: !0
@@ -1262,53 +1262,53 @@ function Zt({ pair: e }) {
 	});
 }
 function Qt({ row: t, number: n, right: r = !1 }) {
-	if (t === null) return /* @__PURE__ */ U("td", {
+	if (t === null) return /* @__PURE__ */ G("td", {
 		colSpan: 3,
 		"data-empty": "",
 		className: e("[background-image:repeating-linear-gradient(-45deg,var(--color-border)_0_1px,transparent_0_6px)]", r && "border-l border-border/60")
 	});
 	let i = Kt(t);
-	return /* @__PURE__ */ W(H, { children: [
-		/* @__PURE__ */ U("td", {
+	return /* @__PURE__ */ K(W, { children: [
+		/* @__PURE__ */ G("td", {
 			className: e(Yt, i, r && "border-l border-border/60"),
 			children: n
 		}),
-		/* @__PURE__ */ U("td", {
+		/* @__PURE__ */ G("td", {
 			"aria-hidden": "true",
 			className: e("select-none align-top", i),
 			children: Jt[t.op]
 		}),
-		/* @__PURE__ */ U("td", {
+		/* @__PURE__ */ G("td", {
 			className: e("whitespace-pre-wrap pr-3 [overflow-wrap:anywhere]", !t.parts && i),
 			children: qt(t)
 		})
 	] });
 }
 function $t({ op: e, children: t }) {
-	let { t: n } = G();
-	return /* @__PURE__ */ W(e === "add" ? "ins" : "del", {
+	let { t: n } = q();
+	return /* @__PURE__ */ K(e === "add" ? "ins" : "del", {
 		className: "no-underline",
-		children: [/* @__PURE__ */ W("span", {
+		children: [/* @__PURE__ */ K("span", {
 			className: "sr-only",
 			children: [e === "add" ? n("bento.diff.addedStart", { defaultValue: "added:" }) : n("bento.diff.removedStart", { defaultValue: "removed:" }), " "]
 		}), t]
 	});
 }
 function en({ children: e }) {
-	let { t } = G();
-	return /* @__PURE__ */ W("ins", {
+	let { t } = q();
+	return /* @__PURE__ */ K("ins", {
 		className: "bento-status bento-status-on rounded-sm px-0.5 underline decoration-2 underline-offset-2",
-		children: [/* @__PURE__ */ W("span", {
+		children: [/* @__PURE__ */ K("span", {
 			className: "sr-only",
 			children: [t("bento.diff.addedStart", { defaultValue: "added:" }), " "]
 		}), e]
 	});
 }
 function tn({ children: e }) {
-	let { t } = G();
-	return /* @__PURE__ */ W("del", {
+	let { t } = q();
+	return /* @__PURE__ */ K("del", {
 		className: "bento-status bento-status-error rounded-sm px-0.5 line-through decoration-2",
-		children: [/* @__PURE__ */ W("span", {
+		children: [/* @__PURE__ */ K("span", {
 			className: "sr-only",
 			children: [t("bento.diff.removedStart", { defaultValue: "removed:" }), " "]
 		}), e]
@@ -1334,64 +1334,64 @@ var nn = ["primary", "secondary"], rn = {
 	setItem: () => {}
 };
 function on({ primary: t, secondary: n, primaryLabel: r, secondaryLabel: i, storageKey: a, defaultRatio: o = 50, className: s }) {
-	let { t: c } = G(), u = k(), d = He({
+	let { t: c } = q(), u = k(), d = He({
 		id: a ?? "bento-split-page",
 		panelIds: nn,
 		storage: a ? rn : an
 	});
-	return u ? /* @__PURE__ */ W(M, {
+	return u ? /* @__PURE__ */ K(M, {
 		"data-slot": "bento-split-page",
 		defaultValue: "primary",
 		className: e("flex flex-col gap-3", s),
 		children: [
-			/* @__PURE__ */ W(E, {
+			/* @__PURE__ */ K(E, {
 				"aria-label": c("bento.split.switch", { defaultValue: "Show" }),
 				className: "self-start",
-				children: [/* @__PURE__ */ U(D, {
+				children: [/* @__PURE__ */ G(D, {
 					value: "primary",
 					children: r
-				}), /* @__PURE__ */ U(D, {
+				}), /* @__PURE__ */ G(D, {
 					value: "secondary",
 					children: i
 				})]
 			}),
-			/* @__PURE__ */ U(I, {
+			/* @__PURE__ */ G(R, {
 				value: "primary",
 				forceMount: !0,
 				className: "data-[state=inactive]:hidden",
 				children: t
 			}),
-			/* @__PURE__ */ U(I, {
+			/* @__PURE__ */ G(R, {
 				value: "secondary",
 				forceMount: !0,
 				className: "data-[state=inactive]:hidden",
 				children: n
 			})
 		]
-	}) : /* @__PURE__ */ U("div", {
+	}) : /* @__PURE__ */ G("div", {
 		"data-slot": "bento-split-page",
 		className: e("h-[var(--bento-split-height,calc(100dvh-12rem))] min-h-80", s),
-		children: /* @__PURE__ */ W(ie, {
+		children: /* @__PURE__ */ K(ne, {
 			orientation: "horizontal",
 			defaultLayout: d.defaultLayout,
 			onLayoutChanged: d.onLayoutChanged,
 			children: [
-				/* @__PURE__ */ U(l, {
+				/* @__PURE__ */ G(l, {
 					id: "primary",
 					defaultSize: `${o}`,
 					minSize: "25",
-					children: /* @__PURE__ */ U("section", {
+					children: /* @__PURE__ */ G("section", {
 						"aria-label": r,
 						className: "h-full overflow-y-auto pr-3",
 						children: t
 					})
 				}),
-				/* @__PURE__ */ U(b, { withHandle: !0 }),
-				/* @__PURE__ */ U(l, {
+				/* @__PURE__ */ G(b, { withHandle: !0 }),
+				/* @__PURE__ */ G(l, {
 					id: "secondary",
 					defaultSize: `${100 - o}`,
 					minSize: "25",
-					children: /* @__PURE__ */ U("section", {
+					children: /* @__PURE__ */ G("section", {
 						"aria-label": i,
 						className: "h-full overflow-y-auto pl-3",
 						children: n
@@ -1451,70 +1451,70 @@ var fn = {
 	error: "bento-status bento-status-error"
 };
 function pn({ entries: t, view: n, defaultView: r = "month", onViewChange: i, defaultDate: a, timeZone: o = Intl.DateTimeFormat().resolvedOptions().timeZone, weekStartsOn: s = 0, onEntryMove: c, onEntrySelect: l, onRangeChange: u, label: d, className: f }) {
-	let { t: p, i18n: m } = G(), h = m?.resolvedLanguage ?? m?.language, g = (e) => {
+	let { t: p, i18n: m } = q(), h = m?.resolvedLanguage ?? m?.language, g = (e) => {
 		let t = un(new Date(e).getTime(), o);
 		return {
 			y: t.y,
 			m: t.m,
 			d: t.d
 		};
-	}, [_, v] = B(r), y = n ?? _, [b, x] = B(() => g(a ?? Date.now())), [S, C] = B(null), [w, T] = B(null), [E, D] = B(""), O = z(/* @__PURE__ */ new Map()), k = z(!1), A = ue(), [j] = B(() => Z(g(Date.now()))), M = (e) => $(e, -((ln(e) - s + 7) % 7)), N = M(y === "month" ? {
+	}, [_, v] = H(r), y = n ?? _, [b, x] = H(() => g(a ?? Date.now())), [S, C] = H(null), [w, T] = H(null), [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" ? {
 		...b,
 		d: 1
 	} : b), P = y === "month" ? Math.ceil((Q(cn({
 		...b,
 		d: 1
-	}, 1)) - Q(N)) / 6048e5) : 1, ee = Array.from({ length: P }, (e, t) => Array.from({ length: 7 }, (e, n) => $(N, t * 7 + n))), F = $(N, P * 7), te = `${Z(N)}/${Z(F)}`;
-	R(() => {
+	}, 1)) - Q(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)}`;
+	B(() => {
 		u?.({
 			start: dn(N, 0, 0, 0, 0, o),
 			end: dn(F, 0, 0, 0, 0, o)
 		});
-	}, [te, o]), R(() => {
+	}, [I, o]), B(() => {
 		k.current && (k.current = !1, O.current.get(Z(b))?.focus());
 	});
-	let ne = /* @__PURE__ */ new Map();
+	let L = /* @__PURE__ */ new Map();
 	for (let e of t) {
 		let t = new Date(e.start).getTime();
 		if (Number.isNaN(t)) continue;
-		let n = Z(g(t)), r = ne.get(n) ?? [];
+		let n = Z(g(t)), r = L.get(n) ?? [];
 		r.push({
 			entry: e,
 			time: t
-		}), ne.set(n, r);
+		}), L.set(n, r);
 	}
-	for (let e of ne.values()) e.sort((e, t) => e.time - t.time);
-	let I = (e) => new Intl.DateTimeFormat(h, {
+	for (let e of L.values()) e.sort((e, t) => e.time - t.time);
+	let R = (e) => new Intl.DateTimeFormat(h, {
 		...e,
 		timeZone: "UTC"
-	}), re = (e) => I({ dateStyle: "full" }).format(Q(e)), ie = (e) => new Intl.DateTimeFormat(h, {
+	}), te = (e) => R({ dateStyle: "full" }).format(Q(e)), ne = (e) => new Intl.DateTimeFormat(h, {
 		timeStyle: "short",
 		timeZone: o
-	}).format(e), ae = y === "month" ? I({
+	}).format(e), re = y === "month" ? R({
 		month: "long",
 		year: "numeric"
 	}).format(Q({
 		...b,
 		d: 1
-	})) : `${I({ dateStyle: "medium" }).format(Q(N))} – ${I({ dateStyle: "medium" }).format(Q($(F, -1)))}`;
-	function oe(e) {
+	})) : `${R({ dateStyle: "medium" }).format(Q(N))} – ${R({ dateStyle: "medium" }).format(Q($(F, -1)))}`;
+	function ie(e) {
 		k.current = !0, x(e);
 	}
-	function se(e) {
+	function ae(e) {
 		n === void 0 && v(e), i?.(e);
 	}
-	let ce = (e) => y === "month" ? cn(b, e) : $(b, 7 * e);
-	function L(e, n) {
+	let oe = (e) => y === "month" ? cn(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", {
 			defaultValue: "Moved {{label}} to {{day}}.",
 			label: r.label,
-			day: re(n)
+			day: te(n)
 		}));
 	}
-	function le(e, n) {
+	function se(e, n) {
 		let r = {
 			ArrowLeft: () => $(n, -1),
 			ArrowRight: () => $(n, 1),
@@ -1522,14 +1522,14 @@ function pn({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 			ArrowDown: () => $(n, 7),
 			Home: () => M(n),
 			End: () => $(M(n), 6),
-			PageUp: () => ce(-1),
-			PageDown: () => ce(1)
+			PageUp: () => oe(-1),
+			PageDown: () => oe(1)
 		}[e.key];
 		if (r) {
-			e.preventDefault(), oe(r());
+			e.preventDefault(), ie(r());
 			return;
 		}
-		if (S && (e.key === "Enter" || e.key === " ")) e.preventDefault(), L(S, n), C(null);
+		if (S && (e.key === "Enter" || e.key === " ")) e.preventDefault(), z(S, n), C(null);
 		else if (S && e.key === "Escape") {
 			e.preventDefault();
 			let n = t.find((e) => e.id === S);
@@ -1539,7 +1539,7 @@ function pn({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 			}));
 		} else e.key === "Enter" && (e.preventDefault(), e.currentTarget.querySelector("button")?.focus());
 	}
-	function de(e, t) {
+	function le(e, t) {
 		let n = e.currentTarget.closest("td"), r = n ? [...n.querySelectorAll("button")] : [], i = r.indexOf(e.currentTarget), a = c && (e.key === " " || e.key === "Enter" && !l);
 		if (e.key === "ArrowDown" || e.key === "ArrowUp") r[i + (e.key === "ArrowDown" ? 1 : -1)]?.focus();
 		else if (e.key === "Escape") n?.focus();
@@ -1551,129 +1551,129 @@ function pn({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 		else return;
 		e.preventDefault(), e.stopPropagation();
 	}
-	function V(e, t) {
+	function U(e, t) {
 		let n = w ?? e.dataTransfer.getData("text/plain");
-		T(null), n && (e.preventDefault(), L(n, t));
+		T(null), n && (e.preventDefault(), z(n, t));
 	}
-	let H = c ? A : void 0;
-	return /* @__PURE__ */ W("div", {
+	let W = c ? A : void 0;
+	return /* @__PURE__ */ K("div", {
 		"data-slot": "bento-calendar",
 		className: e("flex flex-col gap-3", f),
 		children: [
-			/* @__PURE__ */ W("div", {
+			/* @__PURE__ */ K("div", {
 				className: "flex flex-wrap items-center justify-between gap-2",
-				children: [/* @__PURE__ */ W("div", {
+				children: [/* @__PURE__ */ K("div", {
 					className: "flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ U(mn, {
+						/* @__PURE__ */ G(mn, {
 							label: p("bento.calendar.previous", { defaultValue: "Previous" }),
-							onClick: () => x(ce(-1)),
-							children: /* @__PURE__ */ U(Se, {
+							onClick: () => x(oe(-1)),
+							children: /* @__PURE__ */ G(be, {
 								size: 16,
 								"aria-hidden": "true"
 							})
 						}),
-						/* @__PURE__ */ U(mn, {
+						/* @__PURE__ */ G(mn, {
 							label: p("bento.calendar.next", { defaultValue: "Next" }),
-							onClick: () => x(ce(1)),
-							children: /* @__PURE__ */ U(q, {
+							onClick: () => x(oe(1)),
+							children: /* @__PURE__ */ G(xe, {
 								size: 16,
 								"aria-hidden": "true"
 							})
 						}),
-						/* @__PURE__ */ U("button", {
+						/* @__PURE__ */ G("button", {
 							type: "button",
 							onClick: () => x(g(Date.now())),
 							className: "rounded-md border border-border px-2 py-1 text-sm hover:bg-muted/50 focus-visible:outline-2 focus-visible:outline-ring",
 							children: p("bento.calendar.today", { defaultValue: "Today" })
 						}),
-						/* @__PURE__ */ U("h2", {
+						/* @__PURE__ */ G("h2", {
 							className: "m-0 ml-2 text-base font-semibold",
 							"aria-live": "polite",
-							children: ae
+							children: re
 						})
 					]
-				}), /* @__PURE__ */ U("div", {
+				}), /* @__PURE__ */ G("div", {
 					role: "group",
 					"aria-label": p("bento.calendar.views", { defaultValue: "View" }),
 					className: "flex rounded-md border border-border p-0.5",
-					children: ["month", "week"].map((t) => /* @__PURE__ */ U("button", {
+					children: ["month", "week"].map((t) => /* @__PURE__ */ G("button", {
 						type: "button",
 						"aria-pressed": y === t ? "true" : "false",
-						onClick: () => se(t),
+						onClick: () => ae(t),
 						className: e("rounded px-2 py-0.5 text-sm focus-visible:outline-2 focus-visible:outline-ring", y === t ? "bg-primary text-primary-foreground" : "hover:bg-muted/50"),
 						children: t === "month" ? p("bento.calendar.month", { defaultValue: "Month" }) : p("bento.calendar.week", { defaultValue: "Week" })
 					}, t))
 				})]
 			}),
-			/* @__PURE__ */ U("span", {
+			/* @__PURE__ */ G("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
 				children: E
 			}),
-			H && /* @__PURE__ */ U("span", {
-				id: H,
+			W && /* @__PURE__ */ G("span", {
+				id: W,
 				className: "sr-only",
 				children: p("bento.calendar.moveHint", { defaultValue: "Space picks this up to move it: the arrow keys choose a day, Enter drops it and Escape cancels." })
 			}),
-			/* @__PURE__ */ W("table", {
+			/* @__PURE__ */ K("table", {
 				role: "grid",
-				"aria-label": d ?? ae,
+				"aria-label": d ?? re,
 				className: "w-full table-fixed border-collapse text-sm",
-				children: [/* @__PURE__ */ U("thead", { children: /* @__PURE__ */ U("tr", { children: ee[0].map((e) => /* @__PURE__ */ U("th", {
+				children: [/* @__PURE__ */ G("thead", { children: /* @__PURE__ */ G("tr", { children: ee[0].map((e) => /* @__PURE__ */ G("th", {
 					scope: "col",
-					abbr: I({ weekday: "long" }).format(Q(e)),
+					abbr: R({ weekday: "long" }).format(Q(e)),
 					className: "pb-1 text-xs font-medium text-muted-foreground",
-					children: I({ weekday: "short" }).format(Q(e))
-				}, Z(e))) }) }), /* @__PURE__ */ U("tbody", { children: ee.map((t) => /* @__PURE__ */ U("tr", { children: t.map((t) => {
-					let n = Z(t), r = ne.get(n) ?? [], i = n === Z(b), a = y === "month" && t.m !== b.m, o = r.length;
-					return /* @__PURE__ */ W("td", {
+					children: 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;
+					return /* @__PURE__ */ K("td", {
 						ref: (e) => {
 							e ? O.current.set(n, e) : O.current.delete(n);
 						},
 						role: "gridcell",
 						tabIndex: i ? 0 : -1,
-						"aria-label": o > 0 ? `${re(t)}, ${p("bento.calendar.entries", {
+						"aria-label": o > 0 ? `${te(t)}, ${p("bento.calendar.entries", {
 							defaultValue: "{{count}} scheduled",
 							count: o
-						})}` : re(t),
+						})}` : te(t),
 						"aria-current": n === j ? "date" : void 0,
 						"data-day": n,
-						onKeyDown: (e) => le(e, t),
+						onKeyDown: (e) => se(e, t),
 						onFocus: () => {
 							i || x(t);
 						},
 						onDragOver: (e) => {
 							w && e.preventDefault();
 						},
-						onDrop: (e) => V(e, t),
+						onDrop: (e) => U(e, t),
 						className: e("border border-border/60 p-1 align-top outline-none", y === "month" ? "h-24" : "h-48", "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring", S && i && "bg-primary/10"),
-						children: [/* @__PURE__ */ U("span", {
+						children: [/* @__PURE__ */ G("span", {
 							"aria-hidden": "true",
 							className: e("mb-1 inline-grid size-6 place-items-center rounded-full text-xs", n === j && "bg-primary font-semibold text-primary-foreground", n !== j && a && "text-muted-foreground"),
 							children: t.d
-						}), /* @__PURE__ */ U("ul", {
+						}), /* @__PURE__ */ G("ul", {
 							className: "m-0 flex list-none flex-col gap-0.5 p-0",
-							children: r.map(({ entry: t, time: n }) => /* @__PURE__ */ U("li", { children: /* @__PURE__ */ W("button", {
+							children: r.map(({ entry: t, time: n }) => /* @__PURE__ */ G("li", { children: /* @__PURE__ */ K("button", {
 								type: "button",
 								tabIndex: -1,
 								draggable: c ? !0 : void 0,
-								"aria-describedby": H,
+								"aria-describedby": W,
 								"aria-pressed": c ? S === t.id ? "true" : "false" : void 0,
 								"data-entry": t.id,
-								onKeyDown: (e) => de(e, t),
+								onKeyDown: (e) => le(e, t),
 								onClick: () => l?.(t.id),
 								onDragStart: (e) => {
 									e.dataTransfer.setData("text/plain", t.id), e.dataTransfer.effectAllowed = "move", T(t.id);
 								},
 								onDragEnd: () => T(null),
 								className: e("flex w-full min-w-0 items-baseline gap-1 rounded-md px-1 py-0.5 text-left text-xs focus-visible:outline-2 focus-visible:outline-ring", t.tone ? fn[t.tone] : "bg-muted", S === t.id && "outline-2 outline-dashed outline-primary"),
-								children: [/* @__PURE__ */ U("time", {
+								children: [/* @__PURE__ */ G("time", {
 									dateTime: new Date(n).toISOString(),
 									className: "flex-none tabular-nums",
-									children: ie(n)
-								}), /* @__PURE__ */ U("span", {
+									children: ne(n)
+								}), /* @__PURE__ */ G("span", {
 									className: "truncate",
 									children: t.label
 								})]
@@ -1686,7 +1686,7 @@ function pn({ entries: t, view: n, defaultView: r = "month", onViewChange: i, de
 	});
 }
 function mn({ label: e, onClick: t, children: n }) {
-	return /* @__PURE__ */ U("button", {
+	return /* @__PURE__ */ G("button", {
 		type: "button",
 		"aria-label": e,
 		onClick: t,
@@ -1736,44 +1736,44 @@ function vn(e) {
 //#endregion
 //#region src/bento/bento-entity-tile.tsx
 function yn({ to: e, emphasis: t, featured: n, defaultIcon: r, icon: i, tone: a = "indigo", title: o, description: s, meta: c, enabled: l, hasStatus: u = !1, viewTransitionName: d }) {
-	let { t: f } = G(), p = Y(a), m = t ?? (n ? "LARGE" : "MEDIUM"), h = m === "LARGE", g = m === "SMALL", _ = hn[m], v = l === 1, y = h ? "p-6 md:p-7" : g ? "p-4" : "p-5", b = h ? "h-14 w-14" : g ? "h-8 w-8" : "h-9 w-9", x = h ? 28 : g ? 16 : 18, S = h ? "text-xl md:text-2xl" : g ? "text-sm" : "text-base md:text-lg";
-	return /* @__PURE__ */ W(Ue, {
+	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, {
 		to: e,
 		className: `bento-tile bento-tile-clickable bento-glass group relative flex flex-col ${h ? "gap-5" : "gap-4"} overflow-hidden ${y} ${_}`,
 		style: d ? { viewTransitionName: d } : void 0,
 		children: [
-			h && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
+			h && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("div", {
 				"aria-hidden": !0,
 				className: `pointer-events-none absolute -bottom-10 -right-10 h-64 w-64 rounded-full ${p} opacity-40 blur-2xl dark:opacity-50`
-			}), /* @__PURE__ */ U("div", {
+			}), /* @__PURE__ */ G("div", {
 				"aria-hidden": !0,
 				className: `pointer-events-none absolute right-12 top-1/3 h-32 w-32 rounded-full ${p} bento-chip-tr opacity-20 blur-2xl dark:opacity-30`
 			})] }),
-			/* @__PURE__ */ W("div", {
+			/* @__PURE__ */ K("div", {
 				className: "relative z-1 flex items-center justify-between",
-				children: [/* @__PURE__ */ U("span", {
+				children: [/* @__PURE__ */ G("span", {
 					className: `grid place-items-center rounded-2xl ${p} text-white shadow-md ${b}`,
-					children: i ? /* @__PURE__ */ U(Ve, {
+					children: i ? /* @__PURE__ */ G(Ve, {
 						icon: i,
 						className: h ? "size-7 text-white" : "size-4.5 text-white"
-					}) : /* @__PURE__ */ U(r, { size: x })
-				}), u && /* @__PURE__ */ W("span", {
+					}) : /* @__PURE__ */ G(r, { size: x })
+				}), u && /* @__PURE__ */ K("span", {
 					className: `flex items-center gap-1.5 rounded-full border px-2 py-0.5 text-[10px] uppercase tracking-wider ${v ? "bento-status bento-status-on" : "border-border bg-muted text-muted-foreground"}`,
-					children: [/* @__PURE__ */ U("span", { className: `h-1.5 w-1.5 rounded-full ${v ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), v ? f("common.active", { defaultValue: "Active" }) : f("common.idle", { defaultValue: "Idle" })]
+					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__ */ W("div", {
+			/* @__PURE__ */ K("div", {
 				className: "relative z-1",
 				children: [
-					/* @__PURE__ */ U("div", {
+					/* @__PURE__ */ G("div", {
 						className: `font-semibold tracking-tight ${S}`,
 						children: o
 					}),
-					!g && c && /* @__PURE__ */ U("div", {
+					!g && c && /* @__PURE__ */ G("div", {
 						className: "mt-1 flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground",
 						children: c
 					}),
-					!g && s && /* @__PURE__ */ U("p", {
+					!g && s && /* @__PURE__ */ G("p", {
 						className: "mt-2 text-sm text-muted-foreground",
 						children: s
 					})
@@ -1796,14 +1796,14 @@ function Cn(e, t, n) {
 	};
 }
 function wn({ value: e, onChange: n, facets: r, queryLabel: i, queryDelay: a = 300, views: o }) {
-	let { t: s } = G(), [c, l] = B({
+	let { t: s } = q(), [c, l] = H({
 		source: e.query,
 		text: e.query
-	}), [u, d] = B(null);
+	}), [u, d] = H(null);
 	c.source !== e.query && l({
 		source: e.query,
 		text: e.query === u ? c.text : e.query
-	}), R(() => {
+	}), B(() => {
 		if (c.text === e.query) return;
 		let t = setTimeout(() => {
 			d(c.text), n({
@@ -1836,21 +1836,21 @@ function wn({ value: e, onChange: n, facets: r, queryLabel: i, queryDelay: a = 3
 		});
 	}
 	let p = f.length > 0 || e.query !== "", m = i ?? s("bento.filters.search", { defaultValue: "Search" });
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ K("div", {
 		role: "search",
 		"aria-label": s("bento.filters.label", { defaultValue: "Filters" }),
 		"data-slot": "bento-filter-bar",
 		className: "flex flex-col gap-2",
-		children: [/* @__PURE__ */ W("div", {
+		children: [/* @__PURE__ */ K("div", {
 			className: "flex flex-wrap items-center gap-2",
 			children: [
-				/* @__PURE__ */ W("div", {
+				/* @__PURE__ */ K("div", {
 					className: "relative min-w-48 flex-1",
-					children: [/* @__PURE__ */ U(Pe, {
+					children: [/* @__PURE__ */ G(Pe, {
 						size: 16,
 						"aria-hidden": "true",
 						className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
-					}), /* @__PURE__ */ U(t, {
+					}), /* @__PURE__ */ G(t, {
 						type: "search",
 						value: c.text,
 						placeholder: m,
@@ -1862,21 +1862,21 @@ function wn({ value: e, onChange: n, facets: r, queryLabel: i, queryDelay: a = 3
 						className: "pl-9"
 					})]
 				}),
-				r.map((t) => t.kind === "choice" ? /* @__PURE__ */ U(En, {
+				r.map((t) => t.kind === "choice" ? /* @__PURE__ */ G(En, {
 					facet: t,
 					value: e,
 					onChange: n
-				}, t.id) : /* @__PURE__ */ U(Dn, {
+				}, t.id) : /* @__PURE__ */ G(Dn, {
 					facet: t,
 					value: e,
 					onChange: n
 				}, t.id)),
 				o
 			]
-		}), p && /* @__PURE__ */ W("ul", {
+		}), p && /* @__PURE__ */ K("ul", {
 			className: "m-0 flex list-none flex-wrap items-center gap-1.5 p-0",
 			"aria-label": s("bento.filters.active", { defaultValue: "Active filters" }),
-			children: [f.map((e) => /* @__PURE__ */ U("li", { children: /* @__PURE__ */ W("button", {
+			children: [f.map((e) => /* @__PURE__ */ G("li", { children: /* @__PURE__ */ K("button", {
 				type: "button",
 				"aria-label": s("bento.filters.remove", {
 					defaultValue: "Remove filter {{filter}}",
@@ -1884,11 +1884,11 @@ function wn({ value: e, onChange: n, facets: r, queryLabel: i, queryDelay: a = 3
 				}),
 				onClick: () => n(e.remove()),
 				className: "bento-clear inline-flex items-center gap-1 rounded-full border border-border/60 bg-card/60 py-0.5 pl-2.5 pr-1.5 text-xs",
-				children: [e.text, /* @__PURE__ */ U(Be, {
+				children: [e.text, /* @__PURE__ */ G(Be, {
 					size: 12,
 					"aria-hidden": "true"
 				})]
-			}) }, e.key)), /* @__PURE__ */ U("li", { children: /* @__PURE__ */ U(C, {
+			}) }, e.key)), /* @__PURE__ */ G("li", { children: /* @__PURE__ */ G(C, {
 				variant: "ghost",
 				size: "sm",
 				className: "h-6 px-2 text-xs",
@@ -1904,18 +1904,18 @@ function wn({ value: e, onChange: n, facets: r, queryLabel: i, queryDelay: a = 3
 	});
 }
 function Tn({ label: e, count: t, ...n }) {
-	return /* @__PURE__ */ W(C, {
+	return /* @__PURE__ */ K(C, {
 		variant: "outline",
 		size: "sm",
 		className: "gap-1.5",
 		...n,
 		children: [
 			e,
-			t > 0 && /* @__PURE__ */ U("span", {
+			t > 0 && /* @__PURE__ */ G("span", {
 				className: "rounded-full bg-primary px-1.5 text-[0.6875rem] leading-4 text-primary-foreground",
 				children: t
 			}),
-			/* @__PURE__ */ U(xe, {
+			/* @__PURE__ */ G(ye, {
 				size: 14,
 				"aria-hidden": "true"
 			})
@@ -1924,24 +1924,24 @@ function Tn({ label: e, count: t, ...n }) {
 }
 function En({ facet: e, value: t, onChange: n }) {
 	let r = Sn(t.facets[e.id]);
-	return /* @__PURE__ */ W(_, { children: [/* @__PURE__ */ U(F, {
+	return /* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(F, {
 		asChild: !0,
-		children: /* @__PURE__ */ U(Tn, {
+		children: /* @__PURE__ */ G(Tn, {
 			label: e.label,
 			count: r.length
 		})
-	}), /* @__PURE__ */ U(d, {
+	}), /* @__PURE__ */ G(d, {
 		align: "start",
 		className: "bento-dropdown min-w-44 p-1.5",
-		children: e.multiple ? e.options.map((i) => /* @__PURE__ */ U(v, {
+		children: e.multiple ? e.options.map((i) => /* @__PURE__ */ G(v, {
 			checked: r.includes(i.value),
 			onCheckedChange: (a) => n(Cn(t, e.id, a === !0 ? [...r, i.value] : r.filter((e) => e !== i.value))),
 			onSelect: (e) => e.preventDefault(),
 			children: i.label
-		}, i.value)) : /* @__PURE__ */ U(c, {
+		}, i.value)) : /* @__PURE__ */ G(c, {
 			value: r[0] ?? "",
 			onValueChange: (i) => n(Cn(t, e.id, i === r[0] ? [] : [i])),
-			children: e.options.map((e) => /* @__PURE__ */ U(S, {
+			children: e.options.map((e) => /* @__PURE__ */ G(S, {
 				value: e.value,
 				children: e.label
 			}, e.value))
@@ -1949,22 +1949,22 @@ function En({ facet: e, value: t, onChange: n }) {
 	})] });
 }
 function Dn({ facet: e, value: n, onChange: r }) {
-	let { t: i } = G(), a = n.facets[e.id], o = xn(a) ? a : {}, [s, c] = B(!1), [l, d] = B(o.from ?? ""), [f, p] = B(o.to ?? ""), m = ue(), h = ue();
-	return /* @__PURE__ */ W(x, {
+	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();
+	return /* @__PURE__ */ K(x, {
 		open: s,
 		onOpenChange: (e) => {
 			e && (d(o.from ?? ""), p(o.to ?? "")), c(e);
 		},
-		children: [/* @__PURE__ */ U(j, {
+		children: [/* @__PURE__ */ G(j, {
 			asChild: !0,
-			children: /* @__PURE__ */ U(Tn, {
+			children: /* @__PURE__ */ G(Tn, {
 				label: e.label,
 				count: o.from || o.to ? 1 : 0
 			})
-		}), /* @__PURE__ */ U(u, {
+		}), /* @__PURE__ */ G(u, {
 			align: "start",
 			className: "bento-dropdown w-64 p-3",
-			children: /* @__PURE__ */ W("form", {
+			children: /* @__PURE__ */ K("form", {
 				className: "flex flex-col gap-2",
 				onSubmit: (t) => {
 					t.preventDefault(), r(Cn(n, e.id, {
@@ -1973,31 +1973,31 @@ function Dn({ facet: e, value: n, onChange: r }) {
 					})), c(!1);
 				},
 				children: [
-					/* @__PURE__ */ U("label", {
+					/* @__PURE__ */ G("label", {
 						htmlFor: m,
 						className: "text-xs text-muted-foreground",
 						children: i("bento.filters.from", { defaultValue: "From" })
 					}),
-					/* @__PURE__ */ U(t, {
+					/* @__PURE__ */ G(t, {
 						id: m,
 						type: "date",
 						value: l,
 						max: f || void 0,
 						onChange: (e) => d(e.target.value)
 					}),
-					/* @__PURE__ */ U("label", {
+					/* @__PURE__ */ G("label", {
 						htmlFor: h,
 						className: "text-xs text-muted-foreground",
 						children: i("bento.filters.to", { defaultValue: "To" })
 					}),
-					/* @__PURE__ */ U(t, {
+					/* @__PURE__ */ G(t, {
 						id: h,
 						type: "date",
 						value: f,
 						min: l || void 0,
 						onChange: (e) => p(e.target.value)
 					}),
-					/* @__PURE__ */ U(C, {
+					/* @__PURE__ */ G(C, {
 						type: "submit",
 						size: "sm",
 						className: "mt-1",
@@ -2012,20 +2012,20 @@ function Dn({ facet: e, value: n, onChange: r }) {
 //#region src/bento/bento-list-page.tsx
 var On = _t, kn = "bento-grid grid auto-rows-[minmax(140px,auto)] grid-cols-2 gap-4 md:grid-cols-4 md:gap-5 lg:grid-cols-6";
 function An({ items: e, error: t, tryAgainUrl: n, listId: r, eyebrow: i, backTo: a, backLabel: o, trail: s, heroIcon: c, title: l, subtitle: u, tone: d = "indigo", headerAction: f, newRoute: p, newLabel: m, newSubtitle: h, hideNew: g = !1, itemKey: _, columns: v, rowActions: y, onRowOpen: b, getRowLabel: x, columnLayout: S, onColumnLayoutChange: w, renderTile: T, emptyTitle: E, emptyDescription: D, layout: O }) {
-	let { t: k } = G(), A = Y(d), [j, M] = B(!1), N = de(() => _n(e ?? [], _, O?.data?.entries), [
+	let { t: k } = q(), A = Y(d), [j, M] = H(!1), N = le(() => _n(e ?? [], _, O?.data?.entries), [
 		e,
 		_,
 		O?.data?.entries
-	]), P = c ? /* @__PURE__ */ U("span", {
+	]), P = c ? /* @__PURE__ */ G("span", {
 		className: `grid h-12 w-12 place-items-center rounded-2xl ${A} text-white shadow-md`,
-		children: /* @__PURE__ */ U(c, { size: 24 })
+		children: /* @__PURE__ */ G(c, { size: 24 })
 	}) : void 0;
-	if (!T) return /* @__PURE__ */ W(se, {
+	if (!T) return /* @__PURE__ */ K(ae, {
 		checkIsNotUndefined: e,
 		error: t ?? null,
 		tryAgainUrl: n,
 		children: [
-			/* @__PURE__ */ U(Ct, {
+			/* @__PURE__ */ G(Ct, {
 				eyebrow: i,
 				backTo: a,
 				backLabel: o,
@@ -2033,24 +2033,24 @@ function An({ items: e, error: t, tryAgainUrl: n, listId: r, eyebrow: i, backTo:
 				leading: P,
 				title: l,
 				subtitle: u,
-				trailing: g ? void 0 : /* @__PURE__ */ U(C, {
+				trailing: g ? void 0 : /* @__PURE__ */ G(C, {
 					asChild: !0,
 					className: "gap-2",
-					children: /* @__PURE__ */ W(Ue, {
+					children: /* @__PURE__ */ K(Ue, {
 						to: p,
-						children: [/* @__PURE__ */ U(Me, { size: 16 }), m]
+						children: [/* @__PURE__ */ G(Me, { size: 16 }), m]
 					})
 				})
 			}),
-			f && /* @__PURE__ */ U("div", {
+			f && /* @__PURE__ */ G("div", {
 				className: "mb-4 flex flex-wrap items-center gap-2",
 				children: f
 			}),
-			e?.length === 0 ? /* @__PURE__ */ U(vt, {
+			e?.length === 0 ? /* @__PURE__ */ G(vt, {
 				icon: Fe,
 				title: E,
 				description: D
-			}) : /* @__PURE__ */ U(On, {
+			}) : /* @__PURE__ */ G(On, {
 				rows: e ?? [],
 				getRowId: _,
 				columns: v ?? [],
@@ -2064,12 +2064,12 @@ function An({ items: e, error: t, tryAgainUrl: n, listId: r, eyebrow: i, backTo:
 		]
 	});
 	let ee = !!r && !!O && (e?.length ?? 0) > 0;
-	return /* @__PURE__ */ W(se, {
+	return /* @__PURE__ */ K(ae, {
 		checkIsNotUndefined: e,
 		error: t ?? null,
 		tryAgainUrl: n,
 		children: [
-			/* @__PURE__ */ U(Ct, {
+			/* @__PURE__ */ G(Ct, {
 				eyebrow: i,
 				backTo: a,
 				backLabel: o,
@@ -2078,17 +2078,17 @@ function An({ items: e, error: t, tryAgainUrl: n, listId: r, eyebrow: i, backTo:
 				title: l,
 				subtitle: u
 			}),
-			(f || ee && !j) && /* @__PURE__ */ W("div", {
+			(f || ee && !j) && /* @__PURE__ */ K("div", {
 				className: "mb-4 flex flex-wrap items-center gap-2",
-				children: [f, ee && !j && /* @__PURE__ */ W(C, {
+				children: [f, ee && !j && /* @__PURE__ */ K(C, {
 					variant: "outline",
 					size: "sm",
 					onClick: () => M(!0),
 					className: "ml-auto gap-2",
-					children: [/* @__PURE__ */ U(fe, { size: 16 }), k("bento.layout.customize", { defaultValue: "Customize layout" })]
+					children: [/* @__PURE__ */ G(ue, { size: 16 }), k("bento.layout.customize", { defaultValue: "Customize layout" })]
 				})]
 			}),
-			j && r && O ? /* @__PURE__ */ U(Nn, {
+			j && r && O ? /* @__PURE__ */ G(Nn, {
 				layout: O,
 				resolved: N,
 				canEditGlobal: O?.data?.canEditGlobal ?? !1,
@@ -2100,7 +2100,7 @@ function An({ items: e, error: t, tryAgainUrl: n, listId: r, eyebrow: i, backTo:
 				newLabel: m,
 				newSubtitle: h,
 				onClose: () => M(!1)
-			}) : /* @__PURE__ */ U(Mn, {
+			}) : /* @__PURE__ */ G(Mn, {
 				resolved: N,
 				renderTile: T,
 				chip: A,
@@ -2117,25 +2117,25 @@ function An({ items: e, error: t, tryAgainUrl: n, listId: r, eyebrow: i, backTo:
 }
 function jn({ items: e, error: t, tryAgainUrl: n, tone: r = "indigo", newRoute: i, newLabel: a, newSubtitle: o, hideNew: s = !1, itemKey: c, renderTile: l, emptyTitle: u, emptyDescription: d }) {
 	let f = Y(r);
-	return /* @__PURE__ */ U(se, {
+	return /* @__PURE__ */ G(ae, {
 		checkIsNotUndefined: e,
 		error: t ?? null,
 		tryAgainUrl: n,
-		children: /* @__PURE__ */ W("div", {
+		children: /* @__PURE__ */ K("div", {
 			"data-slot": "bento-list-tiles",
 			className: kn,
 			children: [
-				!s && i && a ? /* @__PURE__ */ U(Ln, {
+				!s && i && a ? /* @__PURE__ */ G(Ln, {
 					route: i,
 					label: a,
 					subtitle: o,
 					chip: f
 				}) : null,
-				(e ?? []).map((e) => /* @__PURE__ */ U("span", {
+				(e ?? []).map((e) => /* @__PURE__ */ G("span", {
 					className: "contents",
 					children: l(e)
 				}, c(e))),
-				e?.length === 0 && /* @__PURE__ */ U(Rn, {
+				e?.length === 0 && /* @__PURE__ */ G(Rn, {
 					title: u,
 					description: d
 				})
@@ -2145,21 +2145,21 @@ function jn({ items: e, error: t, tryAgainUrl: n, tone: r = "indigo", newRoute:
 }
 function Mn({ resolved: t, renderTile: n, chip: r, hideNew: i, newRoute: a, newLabel: o, newSubtitle: s, isEmpty: c, emptyTitle: l, emptyDescription: u }) {
 	let d = t.some((e) => e.emphasis === "SMALL");
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ K("div", {
 		"data-slot": "bento-list-tiles",
 		className: e(kn, d && "grid-flow-dense"),
 		children: [
-			!i && /* @__PURE__ */ U(Ln, {
+			!i && /* @__PURE__ */ G(Ln, {
 				route: a,
 				label: o,
 				subtitle: s,
 				chip: r
 			}),
-			t.map(({ item: e, key: t, emphasis: r }) => /* @__PURE__ */ U("span", {
+			t.map(({ item: e, key: t, emphasis: r }) => /* @__PURE__ */ G("span", {
 				className: "contents",
 				children: n(e, r)
 			}, t)),
-			c && /* @__PURE__ */ U(Rn, {
+			c && /* @__PURE__ */ G(Rn, {
 				title: l,
 				description: u
 			})
@@ -2167,7 +2167,7 @@ function Mn({ resolved: t, renderTile: n, chip: r, hideNew: i, newRoute: a, newL
 	});
 }
 function Nn({ layout: t, resolved: n, canEditGlobal: r, isCustomized: i, renderTile: a, chip: o, hideNew: s, newRoute: c, newLabel: l, newSubtitle: u, onClose: d }) {
-	let { t: f } = G(), [p, m] = B(n), [h, g] = B(null), _ = (t.saving ?? !1) || h !== null, v = (e) => _ && h === e ? { loading: !0 } : { "aria-disabled": _ || void 0 }, [y, b] = B(!1), x = (e, t) => async () => {
+	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 () => {
 		if (t) {
 			g(e), b(!1);
 			try {
@@ -2192,67 +2192,67 @@ function Nn({ layout: t, resolved: n, canEditGlobal: r, isCustomized: i, renderT
 			emphasis: t
 		} : n));
 	}
-	let E = de(() => vn(p), [p]), D = p.some((e) => e.emphasis === "SMALL");
-	return /* @__PURE__ */ W("div", { children: [/* @__PURE__ */ W("div", {
+	let E = le(() => vn(p), [p]), D = p.some((e) => e.emphasis === "SMALL");
+	return /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ K("div", {
 		className: "mb-4 flex flex-wrap items-center gap-2 rounded-2xl border border-border/60 bg-card/40 p-3 backdrop-blur-md",
 		children: [
-			/* @__PURE__ */ U("span", {
+			/* @__PURE__ */ G("span", {
 				className: "mr-auto text-sm text-muted-foreground",
 				children: f("bento.layout.editHint", { defaultValue: "Drag tiles to reorder · tap the size button to resize" })
 			}),
-			i && t.onReset && /* @__PURE__ */ W(C, {
+			i && t.onReset && /* @__PURE__ */ K(C, {
 				variant: "ghost",
 				size: "sm",
 				className: "gap-2",
 				...v("reset"),
 				onClick: x("reset", t.onReset),
-				children: [h !== "reset" && /* @__PURE__ */ U(K, { size: 16 }), f("bento.layout.reset", { defaultValue: "Reset to default" })]
+				children: [h !== "reset" && /* @__PURE__ */ G(J, { size: 16 }), f("bento.layout.reset", { defaultValue: "Reset to default" })]
 			}),
-			r && t.onSaveGlobal && /* @__PURE__ */ W(C, {
+			r && t.onSaveGlobal && /* @__PURE__ */ K(C, {
 				variant: "outline",
 				size: "sm",
 				className: "gap-2",
 				...v("global"),
 				onClick: x("global", () => t.onSaveGlobal?.(E)),
-				children: [h !== "global" && /* @__PURE__ */ U(ze, { size: 16 }), f("bento.layout.saveGlobal", { defaultValue: "Set as default for everyone" })]
+				children: [h !== "global" && /* @__PURE__ */ G(ze, { size: 16 }), f("bento.layout.saveGlobal", { defaultValue: "Set as default for everyone" })]
 			}),
-			/* @__PURE__ */ W(C, {
+			/* @__PURE__ */ K(C, {
 				variant: "ghost",
 				size: "sm",
 				className: "gap-2",
 				...v("cancel"),
 				onClick: d,
-				children: [/* @__PURE__ */ U(Be, { size: 16 }), f("common.cancel", { defaultValue: "Cancel" })]
+				children: [/* @__PURE__ */ G(Be, { size: 16 }), f("common.cancel", { defaultValue: "Cancel" })]
 			}),
-			/* @__PURE__ */ W(C, {
+			/* @__PURE__ */ K(C, {
 				size: "sm",
 				className: "gap-2",
 				...v("save"),
 				onClick: x("save", () => t.onSave(E)),
-				children: [h !== "save" && /* @__PURE__ */ U(J, { size: 16 }), f("bento.layout.save", { defaultValue: "Save layout" })]
+				children: [h !== "save" && /* @__PURE__ */ G(Ce, { size: 16 }), f("bento.layout.save", { defaultValue: "Save layout" })]
 			}),
-			y && /* @__PURE__ */ U("p", {
+			y && /* @__PURE__ */ G("p", {
 				role: "alert",
 				className: "w-full text-sm text-destructive",
 				children: f("bento.layout.saveFailed", { defaultValue: "The layout could not be saved. Nothing has changed — try again." })
 			})
 		]
-	}), /* @__PURE__ */ U(Ze, {
+	}), /* @__PURE__ */ G(Ze, {
 		sensors: S,
 		collisionDetection: et,
 		onDragEnd: w,
-		children: /* @__PURE__ */ U(rt, {
+		children: /* @__PURE__ */ G(rt, {
 			items: p.map((e) => e.key),
 			strategy: at,
-			children: /* @__PURE__ */ W("div", {
+			children: /* @__PURE__ */ K("div", {
 				"data-slot": "bento-list-tiles",
 				className: e(kn, D && "grid-flow-dense"),
-				children: [!s && /* @__PURE__ */ U(Ln, {
+				children: [!s && /* @__PURE__ */ G(Ln, {
 					route: c,
 					label: l,
 					subtitle: u,
 					chip: o
-				}), p.map(({ item: e, key: t, emphasis: n }) => /* @__PURE__ */ U(In, {
+				}), p.map(({ item: e, key: t, emphasis: n }) => /* @__PURE__ */ G(In, {
 					id: t,
 					emphasis: n,
 					onSetEmphasis: (e) => T(t, e),
@@ -2281,28 +2281,28 @@ var Pn = [
 	}
 };
 function In({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
-	let { t: a } = G(), { attributes: o, listeners: s, setNodeRef: c, transform: l, transition: u, isDragging: d } = ot({ id: t }), f = {
+	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),
 		transition: u,
 		opacity: d ? .6 : 1,
 		zIndex: d ? 50 : void 0
 	};
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ K("div", {
 		ref: c,
 		style: f,
 		className: e("relative h-full", hn[n]),
-		children: [/* @__PURE__ */ U("div", {
+		children: [/* @__PURE__ */ G("div", {
 			className: "pointer-events-none h-full select-none [&>*]:h-full [&>*]:w-full",
 			children: i
-		}), /* @__PURE__ */ W("div", {
+		}), /* @__PURE__ */ K("div", {
 			className: "absolute right-2 top-2 z-10 flex items-center gap-1",
-			children: [/* @__PURE__ */ U("div", {
+			children: [/* @__PURE__ */ G("div", {
 				role: "group",
 				"aria-label": a("bento.layout.sizeGroup", { defaultValue: "Tile size" }),
 				className: "flex items-center gap-0.5 rounded-full border border-border/60 bg-background/80 p-0.5 shadow-sm backdrop-blur",
 				children: Pn.map((t) => {
 					let i = t === n, o = a(Fn[t].key, { defaultValue: Fn[t].def });
-					return /* @__PURE__ */ U("button", {
+					return /* @__PURE__ */ G("button", {
 						type: "button",
 						onClick: () => r(t),
 						"aria-pressed": i,
@@ -2312,13 +2312,13 @@ function In({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
 						children: o.charAt(0)
 					}, t);
 				})
-			}), /* @__PURE__ */ U("button", {
+			}), /* @__PURE__ */ G("button", {
 				type: "button",
 				...o,
 				...s,
 				"aria-label": a("bento.layout.dragToReorder", { defaultValue: "Drag to reorder" }),
 				className: "grid h-7 w-7 cursor-grab place-items-center rounded-full border border-border/60 bg-background/80 shadow-sm backdrop-blur hover:bg-background active:cursor-grabbing",
-				children: /* @__PURE__ */ U(Ee, {
+				children: /* @__PURE__ */ G(Ee, {
 					size: 14,
 					className: "text-muted-foreground"
 				})
@@ -2327,33 +2327,33 @@ function In({ id: t, emphasis: n, onSetEmphasis: r, children: i }) {
 	});
 }
 function Ln({ route: e, label: t, subtitle: n, chip: r }) {
-	let { t: i } = G();
-	return /* @__PURE__ */ W(Ue, {
+	let { t: i } = q();
+	return /* @__PURE__ */ K(Ue, {
 		to: e,
 		className: "bento-tile bento-tile-clickable col-span-2 row-span-1 flex flex-col gap-3 rounded-3xl border-2 border-dashed border-border/60 bg-card/30 p-5 backdrop-blur-md bento-new-tile hover:bg-card/50 md:col-span-2 md:row-span-1 lg:col-span-2 lg:row-span-1",
-		children: [/* @__PURE__ */ W("div", {
+		children: [/* @__PURE__ */ K("div", {
 			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ U("span", {
+			children: [/* @__PURE__ */ G("span", {
 				className: `bento-pulse grid h-10 w-10 place-items-center rounded-2xl ${r} text-white shadow-md`,
-				children: /* @__PURE__ */ U(Me, { size: 20 })
-			}), /* @__PURE__ */ U("span", {
+				children: /* @__PURE__ */ G(Me, { size: 20 })
+			}), /* @__PURE__ */ G("span", {
 				className: "text-[11px] uppercase tracking-wider text-muted-foreground",
 				children: i("forms.formActions.new", { defaultValue: "New" })
 			})]
-		}), /* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("div", {
+		}), /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("div", {
 			className: "text-base font-semibold tracking-tight md:text-lg",
-			children: /* @__PURE__ */ U("span", {
+			children: /* @__PURE__ */ G("span", {
 				className: `${r} bg-clip-text text-transparent`,
 				children: t
 			})
-		}), n && /* @__PURE__ */ U("p", {
+		}), n && /* @__PURE__ */ G("p", {
 			className: "mt-1 text-sm text-muted-foreground",
 			children: n
 		})] })]
 	});
 }
 function Rn({ title: e, description: t }) {
-	return /* @__PURE__ */ U(vt, {
+	return /* @__PURE__ */ G(vt, {
 		icon: Fe,
 		title: e,
 		description: t,
@@ -2364,45 +2364,45 @@ function Rn({ title: e, description: t }) {
 //#endregion
 //#region src/bento/bento-save-bar.tsx
 function zn({ title: e, badges: t, actions: n, onCancel: r, loading: i, disabled: o, dirty: s, titleMissing: c }) {
-	let { t: l } = G();
-	return /* @__PURE__ */ W("div", {
+	let { t: l } = q();
+	return /* @__PURE__ */ K("div", {
 		className: "bento-glass flex items-center justify-between gap-4 rounded-2xl px-4 py-3 shadow-md backdrop-blur-xl",
-		children: [/* @__PURE__ */ W("div", {
+		children: [/* @__PURE__ */ K("div", {
 			className: "flex min-w-0 items-center gap-3",
 			children: [
-				e && /* @__PURE__ */ U("p", {
+				e && /* @__PURE__ */ G("p", {
 					className: "truncate text-base font-semibold tracking-tight md:text-lg",
 					children: e
 				}),
-				/* @__PURE__ */ U(Et, {
+				/* @__PURE__ */ G(Et, {
 					titleMissing: c,
 					dirty: s
 				}),
-				t && /* @__PURE__ */ U("div", {
+				t && /* @__PURE__ */ G("div", {
 					className: "flex shrink-0 items-center gap-1.5",
 					children: t
 				})
 			]
-		}), /* @__PURE__ */ U("div", {
+		}), /* @__PURE__ */ G("div", {
 			className: "flex shrink-0 gap-2",
-			children: n ?? /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ W(a, {
+			children: n ?? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ K(a, {
 				type: "submit",
 				size: "sm",
 				loading: i,
 				"aria-disabled": o ? "true" : void 0,
-				children: [/* @__PURE__ */ U(J, { className: "size-4" }), l("forms.formActions.saveChanges")]
-			}), r && /* @__PURE__ */ W(a, {
+				children: [/* @__PURE__ */ G(Ce, { className: "size-4" }), l("forms.formActions.saveChanges")]
+			}), r && /* @__PURE__ */ K(a, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
 				onClick: r,
-				children: [/* @__PURE__ */ U(Be, { className: "size-4" }), l("forms.formActions.cancel")]
+				children: [/* @__PURE__ */ G(Be, { className: "size-4" }), l("forms.formActions.cancel")]
 			})] })
 		})]
 	});
 }
 function Bn({ children: e }) {
-	return /* @__PURE__ */ U("span", {
+	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
 	});
@@ -2411,49 +2411,49 @@ zn.Badge = Bn;
 //#endregion
 //#region src/bento/bento-scroll-save-bar.tsx
 function Vn(e) {
-	let t = z(null);
-	return Dt(t), /* @__PURE__ */ W(H, { children: [
-		/* @__PURE__ */ U("div", {
+	let t = V(null);
+	return Dt(t), /* @__PURE__ */ K(W, { children: [
+		/* @__PURE__ */ G("div", {
 			ref: t,
 			"aria-hidden": !0,
 			className: "h-px"
 		}),
-		/* @__PURE__ */ U("div", {
+		/* @__PURE__ */ G("div", {
 			"aria-hidden": !0,
 			className: "bento-save-bar-spacer"
 		}),
-		/* @__PURE__ */ U("div", {
+		/* @__PURE__ */ G("div", {
 			className: "bento-fade-in fixed inset-x-0 top-20 z-20 mx-auto w-full max-w-7xl px-4 md:px-8",
-			children: /* @__PURE__ */ U(zn, { ...e })
+			children: /* @__PURE__ */ G(zn, { ...e })
 		})
 	] });
 }
 //#endregion
 //#region src/bento/bento-form-hero.tsx
 function Hn({ eyebrow: e, backTo: t, backLabel: n, trail: r, leading: i, title: o, subtitle: s, trailing: c, onCancel: l, actions: u, loading: d, dirty: f, titleMissing: p, saveDisabled: m, stickyTitle: h, stickyBadges: g }) {
-	let { t: _ } = G(), v = m ?? (!!p || !f), y = St(r, t, n) ?? e;
-	return /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(Ct, {
+	let { t: _ } = q(), v = m ?? (!!p || !f), y = St(r, t, n) ?? e;
+	return /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(Ct, {
 		eyebrow: y,
 		leading: i,
 		title: o,
 		subtitle: s,
-		trailing: /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
+		trailing: /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("div", {
 			className: "bento-fade-out flex shrink-0 items-center gap-2",
-			children: u ?? /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ W(a, {
+			children: u ?? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ K(a, {
 				type: "submit",
 				size: "sm",
 				loading: d,
 				"aria-disabled": v ? "true" : void 0,
-				children: [/* @__PURE__ */ U(J, { className: "size-4" }), _("forms.formActions.saveChanges")]
-			}), /* @__PURE__ */ W(a, {
+				children: [/* @__PURE__ */ G(Ce, { className: "size-4" }), _("forms.formActions.saveChanges")]
+			}), /* @__PURE__ */ K(a, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
 				onClick: l,
-				children: [/* @__PURE__ */ U(Be, { className: "size-4" }), _("forms.formActions.cancel")]
+				children: [/* @__PURE__ */ G(Be, { className: "size-4" }), _("forms.formActions.cancel")]
 			})] })
 		}), c] })
-	}), /* @__PURE__ */ U(Vn, {
+	}), /* @__PURE__ */ G(Vn, {
 		title: h,
 		badges: g,
 		actions: u,
@@ -2468,30 +2468,30 @@ function Hn({ eyebrow: e, backTo: t, backLabel: n, trail: r, leading: i, title:
 //#region src/bento/bento-form-section.tsx
 var Un = "bento-tile bento-glass relative flex flex-col gap-5 overflow-hidden rounded-3xl p-5 md:p-6";
 function Wn({ icon: t, tone: n, title: r, description: i, children: a, trailing: o, as: s = "h2", className: c }) {
-	return /* @__PURE__ */ W("section", {
+	return /* @__PURE__ */ K("section", {
 		className: e(Un, c),
-		children: [/* @__PURE__ */ W("header", {
+		children: [/* @__PURE__ */ K("header", {
 			className: "flex items-start justify-between gap-3",
-			children: [/* @__PURE__ */ W("div", {
+			children: [/* @__PURE__ */ K("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ U("span", {
+				children: [/* @__PURE__ */ G("span", {
 					className: `grid h-10 w-10 place-items-center rounded-2xl text-white shadow-md ${Y(n)}`,
-					children: /* @__PURE__ */ U(t, { size: 20 })
-				}), /* @__PURE__ */ W("div", {
+					children: /* @__PURE__ */ G(t, { size: 20 })
+				}), /* @__PURE__ */ K("div", {
 					className: "flex flex-col gap-0.5",
-					children: [/* @__PURE__ */ U(s, {
+					children: [/* @__PURE__ */ G(s, {
 						className: "text-base font-semibold tracking-tight md:text-lg",
 						children: r
-					}), i && /* @__PURE__ */ U("p", {
+					}), i && /* @__PURE__ */ G("p", {
 						className: "text-sm text-muted-foreground",
 						children: i
 					})]
 				})]
-			}), o && /* @__PURE__ */ U("div", {
+			}), o && /* @__PURE__ */ G("div", {
 				className: "shrink-0",
 				children: o
 			})]
-		}), /* @__PURE__ */ U("div", {
+		}), /* @__PURE__ */ G("div", {
 			className: "flex flex-col gap-5",
 			children: a
 		})]
@@ -2500,9 +2500,9 @@ function Wn({ icon: t, tone: n, title: r, description: i, children: a, trailing:
 //#endregion
 //#region src/bento/bento-panel.tsx
 function Gn({ children: t, className: n, contentClassName: r }) {
-	return /* @__PURE__ */ U("div", {
+	return /* @__PURE__ */ G("div", {
 		className: e("bento-glass rounded-2xl shadow-md", n),
-		children: /* @__PURE__ */ U("div", {
+		children: /* @__PURE__ */ G("div", {
 			className: r,
 			children: t
 		})
@@ -2518,8 +2518,8 @@ function Jn() {
 	return window.scrollY > Kn;
 }
 function Yn({ inline: e = !1 } = {}) {
-	let { t } = G(), n = ee(), r = e || n, i = V(qn, Jn, () => !1);
-	return /* @__PURE__ */ U("button", {
+	let { t } = q(), n = ee(), r = e || n, i = U(qn, Jn, () => !1);
+	return /* @__PURE__ */ G("button", {
 		type: "button",
 		"aria-label": t("bento.backToTop", { defaultValue: "Back to top" }),
 		tabIndex: i ? 0 : -1,
@@ -2528,7 +2528,7 @@ function Yn({ inline: e = !1 } = {}) {
 			behavior: "smooth"
 		}),
 		className: `${r ? "relative" : "fixed bottom-6 right-6 z-40"} grid h-11 w-11 place-items-center rounded-full border border-border/60 bg-card/80 text-foreground shadow-lg backdrop-blur-xl transition-all duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] hover:-translate-y-0.5 hover:shadow-xl active:scale-95 ${i ? "pointer-events-auto translate-y-0 scale-100 opacity-100" : "pointer-events-none translate-y-4 scale-90 opacity-0"}`,
-		children: /* @__PURE__ */ U(_e, { size: 18 })
+		children: /* @__PURE__ */ G(he, { size: 18 })
 	});
 }
 //#endregion
@@ -2539,17 +2539,17 @@ function Xn(e) {
 //#endregion
 //#region src/bento/bento-command-palette.tsx
 function Zn({ label: e, children: t }) {
-	return e ? /* @__PURE__ */ W("div", {
+	return e ? /* @__PURE__ */ K("div", {
 		role: "group",
 		"aria-label": e,
-		children: [/* @__PURE__ */ U("p", {
+		children: [/* @__PURE__ */ G("p", {
 			className: "px-3 pt-2 pb-1 text-xs font-medium text-muted-foreground",
 			children: e
 		}), t]
-	}) : /* @__PURE__ */ U(H, { children: t });
+	}) : /* @__PURE__ */ G(W, { children: t });
 }
 function Qn({ index: e, active: t, icon: n, label: r, description: i, trailing: a, onActivate: o, onChoose: s }) {
-	return /* @__PURE__ */ W("button", {
+	return /* @__PURE__ */ K("button", {
 		type: "button",
 		id: `bento-palette-opt-${e}`,
 		"data-index": e,
@@ -2559,18 +2559,18 @@ function Qn({ index: e, active: t, icon: n, label: r, description: i, trailing:
 		onClick: s,
 		className: `flex w-full items-center gap-3 rounded-xl px-3 py-2.5 text-left text-sm transition-colors ${t ? "bg-accent text-accent-foreground" : "text-foreground"}`,
 		children: [
-			n && /* @__PURE__ */ U(n, {
+			n && /* @__PURE__ */ G(n, {
 				size: 18,
 				className: "shrink-0 text-muted-foreground"
 			}),
-			/* @__PURE__ */ W("span", {
+			/* @__PURE__ */ K("span", {
 				className: "flex-1 truncate",
-				children: [r, i && /* @__PURE__ */ U("span", {
+				children: [r, i && /* @__PURE__ */ G("span", {
 					className: "ml-2 text-muted-foreground",
 					children: i
 				})]
 			}),
-			a ?? (t && /* @__PURE__ */ U(ge, {
+			a ?? (t && /* @__PURE__ */ G(me, {
 				"aria-hidden": !0,
 				size: 15,
 				className: "shrink-0 text-muted-foreground"
@@ -2579,7 +2579,7 @@ function Qn({ index: e, active: t, icon: n, label: r, description: i, trailing:
 	});
 }
 function $n({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c }) {
-	let { t: l } = G(), u = Ke(), [d, f] = B(""), [p, m] = B(0), h = z(null), g = de(() => {
+	let { t: l } = q(), u = Ke(), [d, f] = H(""), [p, m] = H(0), h = V(null), g = le(() => {
 		let e = d.trim().toLowerCase(), t = a.map((e) => ({
 			item: e,
 			label: l(e.titleKey),
@@ -2593,22 +2593,22 @@ function $n({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 		a,
 		d,
 		l
-	]), _ = de(() => [...g.map((e) => ({
+	]), _ = le(() => [...g.map((e) => ({
 		kind: "nav",
 		entry: e
 	})), ...(o?.items ?? []).map((e) => ({
 		kind: "supplied",
 		item: e
-	}))], [g, o]), v = z(c);
-	R(() => {
+	}))], [g, o]), v = V(c);
+	B(() => {
 		v.current = c;
-	}), R(() => {
+	}), B(() => {
 		v.current?.(d);
 	}, [d]);
-	let [y, b] = B(e);
+	let [y, b] = H(e);
 	e !== y && (b(e), e && (f(""), m(0)));
 	let x = _.length === 0 ? 0 : _.length - 1;
-	p > x && m(x), R(() => {
+	p > x && m(x), B(() => {
 		(h.current?.querySelector(`[data-index="${p}"]`))?.scrollIntoView({ block: "nearest" });
 	}, [p]);
 	function S(e) {
@@ -2623,28 +2623,28 @@ function $n({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 			t && S(t);
 		}
 	}
-	return /* @__PURE__ */ U(n, {
+	return /* @__PURE__ */ G(n, {
 		open: e,
 		onOpenChange: t,
-		children: /* @__PURE__ */ W(s, {
+		children: /* @__PURE__ */ K(s, {
 			showCloseButton: !1,
 			className: "top-[15%] max-w-xl translate-y-0 gap-0 overflow-hidden p-0",
 			onKeyDown: C,
 			children: [
-				/* @__PURE__ */ U(i, {
+				/* @__PURE__ */ G(i, {
 					className: "sr-only",
 					children: l("bento.palette.title", { defaultValue: "Command palette" })
 				}),
-				/* @__PURE__ */ U(r, {
+				/* @__PURE__ */ G(r, {
 					className: "sr-only",
 					children: l("bento.palette.description", { defaultValue: "Search and jump to any area" })
 				}),
-				/* @__PURE__ */ W("div", {
+				/* @__PURE__ */ K("div", {
 					className: "flex items-center gap-3 border-b border-border/60 px-4",
-					children: [/* @__PURE__ */ U(Pe, {
+					children: [/* @__PURE__ */ G(Pe, {
 						size: 18,
 						className: "shrink-0 text-muted-foreground"
-					}), /* @__PURE__ */ U("input", {
+					}), /* @__PURE__ */ G("input", {
 						autoFocus: !0,
 						type: "text",
 						role: "combobox",
@@ -2657,41 +2657,41 @@ function $n({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 						className: "h-12 w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground"
 					})]
 				}),
-				/* @__PURE__ */ W("div", {
+				/* @__PURE__ */ K("div", {
 					ref: h,
 					id: "bento-palette-list",
 					role: "listbox",
 					"aria-label": l("bento.palette.title", { defaultValue: "Command palette" }),
 					className: "max-h-80 overflow-y-auto p-2",
 					children: [
-						_.length === 0 && !o?.pending && /* @__PURE__ */ U("p", {
+						_.length === 0 && !o?.pending && /* @__PURE__ */ G("p", {
 							className: "px-3 py-6 text-center text-sm text-muted-foreground",
 							children: l("bento.palette.noResults", { defaultValue: "No matches" })
 						}),
-						/* @__PURE__ */ U(Zn, {
+						/* @__PURE__ */ G(Zn, {
 							label: o && g.length > 0 ? l("bento.palette.areas", { defaultValue: "Areas" }) : void 0,
-							children: g.map(({ item: e, label: t }, n) => /* @__PURE__ */ U(Qn, {
+							children: g.map(({ item: e, label: t }, n) => /* @__PURE__ */ G(Qn, {
 								index: n,
 								active: n === p,
 								icon: e.icon,
 								label: t,
 								onActivate: () => m(n),
 								onChoose: () => S(_[n]),
-								trailing: e.bentoRoute ? void 0 : /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(Te, {
+								trailing: e.bentoRoute ? void 0 : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(Te, {
 									"aria-hidden": !0,
 									size: 15,
 									className: "shrink-0 text-muted-foreground/70"
-								}), /* @__PURE__ */ U("span", {
+								}), /* @__PURE__ */ G("span", {
 									className: "sr-only",
 									children: l("bento.palette.opensConsole", { defaultValue: "Opens in console" })
 								})] })
 							}, e.id))
 						}),
-						o && /* @__PURE__ */ W(Zn, {
+						o && /* @__PURE__ */ K(Zn, {
 							label: o.label,
 							children: [o.items.map((e, t) => {
 								let n = g.length + t;
-								return /* @__PURE__ */ U(Qn, {
+								return /* @__PURE__ */ G(Qn, {
 									index: n,
 									active: n === p,
 									icon: e.icon,
@@ -2700,7 +2700,7 @@ function $n({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 									onActivate: () => m(n),
 									onChoose: () => S(_[n])
 								}, e.id);
-							}), o.pending && /* @__PURE__ */ U("p", {
+							}), o.pending && /* @__PURE__ */ G("p", {
 								className: "px-3 py-2.5 text-sm text-muted-foreground",
 								children: l("bento.palette.searching", { defaultValue: "Searching…" })
 							})]
@@ -2714,21 +2714,21 @@ function $n({ open: e, onOpenChange: t, items: a, group: o, onQueryChange: c })
 //#endregion
 //#region src/bento/bento-shell.tsx
 function er({ rail: t, headerStart: n, headerEnd: r, column: i = "default", dock: a, backToTop: o = !0, children: s }) {
-	let { t: c } = G(), l = We(), u = ue(), d = z(null), f = z(null), p = i === "full", m = n != null || r != null, h = k(), g = null;
+	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;
 	a != null && (g = h ? m ? "header" : "corner" : t == null ? "corner" : "rail");
-	let _ = o || g === "corner", v = (e) => /* @__PURE__ */ U(te.Provider, {
+	let _ = o || g === "corner", v = (e) => /* @__PURE__ */ G(I.Provider, {
 		value: !0,
-		children: /* @__PURE__ */ U(A.Provider, {
+		children: /* @__PURE__ */ G(A.Provider, {
 			value: e,
 			children: a
 		})
 	});
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ K("div", {
 		"data-slot": "bento-shell",
 		className: e("relative w-full bg-background text-foreground", t != null && "bento-rail-gutter", p ? "flex h-svh flex-col overflow-hidden" : "min-h-svh"),
 		style: g === "rail" ? { "--bento-rail-foot": "4.5rem" } : void 0,
 		children: [
-			/* @__PURE__ */ U("a", {
+			/* @__PURE__ */ G("a", {
 				href: `#${u}`,
 				onClick: (e) => {
 					e.preventDefault(), d.current?.focus();
@@ -2736,37 +2736,37 @@ function er({ rail: t, headerStart: n, headerEnd: r, column: i = "default", dock
 				className: "sr-only rounded-full border border-border/60 bg-card px-4 py-2 text-sm shadow-lg focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-[60]",
 				children: c("bento.shell.skip", { defaultValue: "Skip to content" })
 			}),
-			/* @__PURE__ */ U("span", {
+			/* @__PURE__ */ G("span", {
 				ref: f,
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only"
 			}),
-			l && /* @__PURE__ */ U(tr, {
+			l && /* @__PURE__ */ G(tr, {
 				main: d,
 				announcer: f
 			}),
 			t,
-			g === "rail" && /* @__PURE__ */ U("div", {
+			g === "rail" && /* @__PURE__ */ G("div", {
 				"data-slot": "bento-shell-dock",
 				className: "pointer-events-none fixed bottom-4 left-[18px] z-50 flex flex-col items-start",
 				children: v("rail")
 			}),
-			m && /* @__PURE__ */ W("header", {
+			m && /* @__PURE__ */ K("header", {
 				className: "bento-shell-header bento-shell-bar sticky top-0 z-30 flex shrink-0 items-center justify-between gap-3 border-b border-border/40 bg-background/55 py-3 backdrop-blur-xl backdrop-saturate-150",
-				children: [/* @__PURE__ */ U("div", {
+				children: [/* @__PURE__ */ G("div", {
 					className: "flex min-w-0 items-center gap-3",
 					children: n
-				}), /* @__PURE__ */ W("div", {
+				}), /* @__PURE__ */ K("div", {
 					className: "flex items-center gap-2",
-					children: [r, g === "header" && /* @__PURE__ */ U("div", {
+					children: [r, g === "header" && /* @__PURE__ */ G("div", {
 						"data-slot": "bento-shell-dock",
 						className: "relative flex",
 						children: v("header")
 					})]
 				})]
 			}),
-			/* @__PURE__ */ U("main", {
+			/* @__PURE__ */ G("main", {
 				ref: d,
 				id: u,
 				tabIndex: -1,
@@ -2775,20 +2775,20 @@ function er({ rail: t, headerStart: n, headerEnd: r, column: i = "default", dock
 				className: "bento-shell-main",
 				children: s
 			}),
-			_ && /* @__PURE__ */ U("div", {
+			_ && /* @__PURE__ */ G("div", {
 				"data-slot": "bento-shell-corner",
 				className: "pointer-events-none fixed bottom-5 right-5 z-50 flex flex-col items-end gap-3",
-				children: /* @__PURE__ */ W(te.Provider, {
+				children: /* @__PURE__ */ K(I.Provider, {
 					value: !0,
-					children: [o && /* @__PURE__ */ U(Yn, {}), g === "corner" && v("corner")]
+					children: [o && /* @__PURE__ */ G(Yn, {}), g === "corner" && v("corner")]
 				})
 			})
 		]
 	});
 }
 function tr({ main: e, announcer: t }) {
-	let { pathname: n } = Ge(), r = z(n);
-	return R(() => {
+	let { pathname: n } = Ge(), r = V(n);
+	return B(() => {
 		if (r.current === n) return;
 		r.current = n;
 		let i = 0, a, o = () => {
@@ -2846,16 +2846,16 @@ function or(e, t) {
 	return nr.find((r) => n === r.key ? r.mod ? (t ? e.metaKey && !e.ctrlKey : e.ctrlKey && !e.metaKey) && !e.altKey && !e.shiftKey : e.metaKey || ar(e.target) ? !1 : e.ctrlKey === e.altKey : !1);
 }
 function sr({ onPalette: e, onShortcuts: t, isMac: n = rr() }) {
-	let r = z({
+	let r = V({
 		onPalette: e,
 		onShortcuts: t
 	});
-	R(() => {
+	B(() => {
 		r.current = {
 			onPalette: e,
 			onShortcuts: t
 		};
-	}), R(() => {
+	}), B(() => {
 		function e(e) {
 			let t = or(e, n), i = t?.action === "palette" ? r.current.onPalette : t && r.current.onShortcuts;
 			i && (e.preventDefault(), i());
@@ -2866,22 +2866,22 @@ function sr({ onPalette: e, onShortcuts: t, isMac: n = rr() }) {
 //#endregion
 //#region src/bento/bento-palette-trigger.tsx
 function cr({ onClick: t, isMac: n = rr(), className: r }) {
-	let { t: i } = G(), a = nr.filter((e) => e.action === "palette"), o = a.find((e) => e.mod);
-	return /* @__PURE__ */ W("button", {
+	let { t: i } = q(), a = nr.filter((e) => e.action === "palette"), o = a.find((e) => e.mod);
+	return /* @__PURE__ */ K("button", {
 		type: "button",
 		onClick: t,
 		"aria-keyshortcuts": a.map((e) => e.mod ? `${n ? "Meta" : "Control"}+${e.key.toUpperCase()}` : e.key).join(" "),
 		className: e("bento-tile bento-tile-clickable inline-flex items-center gap-2 rounded-full border border-border/60 bg-card/60 py-1.5 pl-3 pr-2 text-sm text-muted-foreground backdrop-blur hover:text-foreground", r),
 		children: [
-			/* @__PURE__ */ U(Pe, {
+			/* @__PURE__ */ G(Pe, {
 				"aria-hidden": !0,
 				size: 16
 			}),
-			/* @__PURE__ */ U("span", {
+			/* @__PURE__ */ G("span", {
 				className: "sr-only sm:not-sr-only",
 				children: i("bento.palette.search", { defaultValue: "Search" })
 			}),
-			o && /* @__PURE__ */ U("kbd", {
+			o && /* @__PURE__ */ G("kbd", {
 				"aria-hidden": !0,
 				className: "hidden rounded border border-border/60 bg-muted px-1.5 py-0.5 text-[10px] font-medium tracking-wide sm:inline",
 				children: ir(o, n).join(n ? "" : " ")
@@ -2892,7 +2892,7 @@ function cr({ onClick: t, isMac: n = rr(), className: r }) {
 //#endregion
 //#region src/bento/bento-shortcuts-dialog.tsx
 function lr({ open: e, onOpenChange: t, isMac: a = rr() }) {
-	let { t: c } = G(), l = {
+	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 = [{
@@ -2922,36 +2922,36 @@ function lr({ open: e, onOpenChange: t, isMac: a = rr() }) {
 			}
 		]
 	}];
-	return /* @__PURE__ */ U(n, {
+	return /* @__PURE__ */ G(n, {
 		open: e,
 		onOpenChange: t,
-		children: /* @__PURE__ */ W(s, {
+		children: /* @__PURE__ */ K(s, {
 			className: "max-w-md",
-			children: [/* @__PURE__ */ W(o, { children: [/* @__PURE__ */ W(i, {
+			children: [/* @__PURE__ */ K(o, { children: [/* @__PURE__ */ K(i, {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ U(Oe, {
+				children: [/* @__PURE__ */ G(Oe, {
 					size: 20,
 					className: "bento-accent-icon"
 				}), c("bento.shortcuts.title", { defaultValue: "Keyboard shortcuts" })]
-			}), /* @__PURE__ */ U(r, { children: c("bento.shortcuts.description", { defaultValue: "Move around without leaving the keyboard." }) })] }), /* @__PURE__ */ U("div", {
+			}), /* @__PURE__ */ G(r, { children: c("bento.shortcuts.description", { defaultValue: "Move around without leaving the keyboard." }) })] }), /* @__PURE__ */ G("div", {
 				className: "flex flex-col gap-5",
-				children: d.map((e) => /* @__PURE__ */ W("section", { children: [/* @__PURE__ */ U("h3", {
+				children: d.map((e) => /* @__PURE__ */ K("section", { children: [/* @__PURE__ */ G("h3", {
 					className: "mb-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground",
 					children: e.heading
-				}), /* @__PURE__ */ U("ul", {
+				}), /* @__PURE__ */ G("ul", {
 					className: "flex flex-col gap-1.5",
-					children: e.rows.map((e) => /* @__PURE__ */ W("li", {
+					children: e.rows.map((e) => /* @__PURE__ */ K("li", {
 						"data-shortcut": e.id,
 						className: "flex items-center justify-between gap-4",
-						children: [/* @__PURE__ */ U("span", {
+						children: [/* @__PURE__ */ G("span", {
 							className: "text-sm text-foreground",
 							children: e.label
-						}), /* @__PURE__ */ U("span", {
+						}), /* @__PURE__ */ G("span", {
 							className: "flex shrink-0 items-center gap-1",
-							children: e.combos.map((e, t) => /* @__PURE__ */ W(L, { children: [t > 0 && /* @__PURE__ */ U("span", {
+							children: e.combos.map((e, t) => /* @__PURE__ */ K(z, { children: [t > 0 && /* @__PURE__ */ G("span", {
 								className: "px-0.5 text-[11px] text-muted-foreground",
 								children: c("bento.shortcuts.or", { defaultValue: "or" })
-							}), e.map((e) => /* @__PURE__ */ U("kbd", {
+							}), e.map((e) => /* @__PURE__ */ G("kbd", {
 								className: "inline-flex min-w-6 items-center justify-center rounded-md border border-border/60 bg-muted px-1.5 py-0.5 text-[11px] font-medium tracking-wide",
 								children: e
 							}, e))] }, e.join("+")))
@@ -2975,25 +2975,25 @@ function pr(e) {
 	return e.items.reduce((e, t) => e + (t.count && t.count > 0 ? t.count : 0), 0);
 }
 function mr({ groups: e, homeRoute: t, homeAliases: n, homeLabel: r }) {
-	let { t: i } = G(), { pathname: a } = Ge(), o = de(() => e.filter((e) => !!e.section.areaRoute), [e]), s = a === t || (n?.includes(a) ?? !1);
-	return /* @__PURE__ */ U(re, {
+	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, {
 		delayDuration: 200,
-		children: /* @__PURE__ */ W("nav", {
+		children: /* @__PURE__ */ K("nav", {
 			"aria-label": i("bento.nav.label", { defaultValue: "Primary" }),
 			className: "fixed inset-y-0 left-0 z-40 hidden w-20 flex-col items-center gap-1 overflow-y-auto overflow-x-hidden border-r border-border/40 bg-background/55 pt-20 pb-[calc(1rem+var(--bento-rail-foot,0px))] backdrop-blur-xl backdrop-saturate-150 md:flex",
 			children: [
-				/* @__PURE__ */ U(hr, {
+				/* @__PURE__ */ G(hr, {
 					to: t,
 					icon: De,
 					label: r ?? i("home.title", { defaultValue: "Home" }),
 					shown: !0,
 					active: s
 				}),
-				o.length > 0 && /* @__PURE__ */ U("span", {
+				o.length > 0 && /* @__PURE__ */ G("span", {
 					"aria-hidden": !0,
 					className: "my-1 h-px w-6 bg-border/60"
 				}),
-				o.map((e) => /* @__PURE__ */ U(hr, {
+				o.map((e) => /* @__PURE__ */ G(hr, {
 					to: e.section.areaRoute,
 					icon: e.section.icon ?? ur,
 					label: e.section.labelKey ? i(e.section.labelKey) : e.section.id,
@@ -3006,33 +3006,33 @@ function mr({ groups: e, homeRoute: t, homeAliases: n, homeLabel: r }) {
 	});
 }
 function hr({ to: e, icon: t, label: n, shown: r, count: i = 0, active: a }) {
-	let { t: o } = G(), s = i > 0 ? o("bento.nav.count", {
+	let { t: o } = q(), s = i > 0 ? o("bento.nav.count", {
 		count: i,
 		defaultValue: "{{count}} waiting"
-	}) : null, c = /* @__PURE__ */ W(Ue, {
+	}) : null, c = /* @__PURE__ */ K(Ue, {
 		to: e,
 		"aria-label": s ? `${n}, ${s}` : n,
 		"aria-current": a ? "page" : void 0,
 		className: `group flex w-full shrink-0 flex-col items-center gap-1 px-1 py-0.5 ${a ? "text-primary" : "text-muted-foreground hover:text-foreground"}`,
-		children: [/* @__PURE__ */ W("span", {
+		children: [/* @__PURE__ */ K("span", {
 			className: `bento-tile-clickable relative grid h-11 w-11 place-items-center rounded-2xl border transition-colors duration-200 ${a ? "bento-rail-active" : "border-transparent group-hover:border-border/60 group-hover:bg-card/60"}`,
-			children: [/* @__PURE__ */ U(t, { size: 20 }), i > 0 && /* @__PURE__ */ U("span", {
+			children: [/* @__PURE__ */ G(t, { size: 20 }), i > 0 && /* @__PURE__ */ G("span", {
 				"aria-hidden": !0,
 				"data-slot": "bento-rail-count",
 				className: "absolute -right-1 -top-1 min-w-4 rounded-full bg-primary px-1 text-center text-[0.6875rem] leading-4 text-primary-foreground",
 				children: i > 99 ? "99+" : i
 			})]
-		}), r && /* @__PURE__ */ U("span", {
+		}), r && /* @__PURE__ */ G("span", {
 			"aria-hidden": !0,
 			title: n,
 			className: "w-full truncate text-center text-[0.6875rem] leading-4",
 			children: n
 		})]
 	});
-	return r ? c : /* @__PURE__ */ W(O, { children: [/* @__PURE__ */ U(ae, {
+	return r ? c : /* @__PURE__ */ K(O, { children: [/* @__PURE__ */ G(re, {
 		asChild: !0,
 		children: c
-	}), /* @__PURE__ */ U(w, {
+	}), /* @__PURE__ */ G(w, {
 		side: "right",
 		children: n
 	})] });
@@ -3040,17 +3040,17 @@ 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 } = G(), l = Ke(), u = `${o.firstName ?? ""} ${o.lastName ?? ""}`.trim() || o.username || "";
-	return s === "loading" ? /* @__PURE__ */ U("div", {
+	let { user: o, status: s } = P(), { t: c } = q(), l = Ke(), u = `${o.firstName ?? ""} ${o.lastName ?? ""}`.trim() || o.username || "";
+	return s === "loading" ? /* @__PURE__ */ G("div", {
 		className: "h-9 w-9 rounded-full bg-muted/40",
 		"aria-hidden": !0
-	}) : /* @__PURE__ */ W(_, { children: [/* @__PURE__ */ U(F, {
+	}) : /* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(F, {
 		asChild: !0,
-		children: /* @__PURE__ */ U("button", {
+		children: /* @__PURE__ */ G("button", {
 			type: "button",
 			title: u || o.username,
 			className: "bento-tile-clickable cursor-pointer rounded-full p-0.5 ring-1 ring-border/60 outline-none transition-shadow duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] bento-ring hover:ring-2 focus-visible:ring-2 focus-visible:ring-ring",
-			children: /* @__PURE__ */ U(ne, {
+			children: /* @__PURE__ */ G(L, {
 				givenName: o.firstName,
 				familyName: o.lastName,
 				name: u || o.username,
@@ -3058,70 +3058,70 @@ function gr({ accountRoute: e, logoutUrl: t, organizationsRoute: n, tenantAdminR
 				alt: o.username
 			})
 		})
-	}), /* @__PURE__ */ W(d, {
+	}), /* @__PURE__ */ K(d, {
 		align: "end",
 		sideOffset: 10,
 		className: "bento-dropdown min-w-64 p-2",
 		children: [
-			/* @__PURE__ */ U(y, {
+			/* @__PURE__ */ G(y, {
 				className: "p-0 font-normal",
-				children: /* @__PURE__ */ W("div", {
+				children: /* @__PURE__ */ K("div", {
 					className: "flex items-center gap-3 rounded-xl px-2 py-2 text-left text-sm",
-					children: [/* @__PURE__ */ U("span", {
+					children: [/* @__PURE__ */ G("span", {
 						className: "rounded-full p-0.5 ring-1 ring-border/60",
-						children: /* @__PURE__ */ U(ne, {
+						children: /* @__PURE__ */ G(L, {
 							givenName: o.firstName,
 							familyName: o.lastName,
 							name: u || o.username,
 							src: o.avatarUrl || void 0,
 							alt: o.username
 						})
-					}), /* @__PURE__ */ W("div", {
+					}), /* @__PURE__ */ K("div", {
 						className: "grid flex-1 text-left text-sm leading-tight",
-						children: [u && /* @__PURE__ */ U("span", {
+						children: [u && /* @__PURE__ */ G("span", {
 							className: "truncate font-medium",
 							children: u
-						}), o.email && /* @__PURE__ */ U("span", {
+						}), o.email && /* @__PURE__ */ G("span", {
 							className: "truncate text-xs text-muted-foreground",
 							children: o.email
 						})]
 					})]
 				})
 			}),
-			/* @__PURE__ */ U(f, { className: "my-1.5 bg-border/50" }),
-			/* @__PURE__ */ W(p, { children: [
-				/* @__PURE__ */ W(h, {
+			/* @__PURE__ */ G(f, { className: "my-1.5 bg-border/50" }),
+			/* @__PURE__ */ K(p, { children: [
+				/* @__PURE__ */ K(h, {
 					onSelect: () => l(e),
 					className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-					children: [/* @__PURE__ */ U(Re, { size: 18 }), c("nav.account")]
+					children: [/* @__PURE__ */ G(Re, { size: 18 }), c("nav.account")]
 				}),
-				n && /* @__PURE__ */ W(h, {
+				n && /* @__PURE__ */ K(h, {
 					onSelect: () => l(n),
 					className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-					children: [/* @__PURE__ */ U(ye, { size: 18 }), c("nav.organizations", { defaultValue: "Organizations" })]
+					children: [/* @__PURE__ */ G(_e, { size: 18 }), c("nav.organizations", { defaultValue: "Organizations" })]
 				}),
-				r && /* @__PURE__ */ W(h, {
+				r && /* @__PURE__ */ K(h, {
 					onSelect: () => l(r),
 					className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-					children: [/* @__PURE__ */ U(be, { size: 18 }), c("nav.tenantAdmin", { defaultValue: "Tenant administration" })]
+					children: [/* @__PURE__ */ G(ve, { size: 18 }), c("nav.tenantAdmin", { defaultValue: "Tenant administration" })]
 				})
 			] }),
-			(i || a) && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(f, { className: "my-1.5 bg-border/50" }), /* @__PURE__ */ W(p, { children: [a && /* @__PURE__ */ W(h, {
+			(i || a) && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(f, { className: "my-1.5 bg-border/50" }), /* @__PURE__ */ K(p, { children: [a && /* @__PURE__ */ K(h, {
 				onSelect: () => a(),
 				className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-				children: [/* @__PURE__ */ U(Fe, { size: 18 }), c("bento.tour.replay", { defaultValue: "Take the tour" })]
-			}), i && /* @__PURE__ */ W(h, {
+				children: [/* @__PURE__ */ G(Fe, { size: 18 }), c("bento.tour.replay", { defaultValue: "Take the tour" })]
+			}), i && /* @__PURE__ */ K(h, {
 				onSelect: () => i(),
 				className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
-				children: [/* @__PURE__ */ U(Oe, { size: 18 }), c("bento.shortcuts.title", { defaultValue: "Keyboard shortcuts" })]
+				children: [/* @__PURE__ */ G(Oe, { size: 18 }), c("bento.shortcuts.title", { defaultValue: "Keyboard shortcuts" })]
 			})] })] }),
-			/* @__PURE__ */ U(f, { className: "my-1.5 bg-border/50" }),
-			/* @__PURE__ */ W(h, {
+			/* @__PURE__ */ G(f, { className: "my-1.5 bg-border/50" }),
+			/* @__PURE__ */ K(h, {
 				onSelect: () => {
 					globalThis.location.href = t;
 				},
 				className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2 bento-item-danger",
-				children: [/* @__PURE__ */ U(Ae, { size: 18 }), c("nav.logOut")]
+				children: [/* @__PURE__ */ G(Ae, { size: 18 }), c("nav.logOut")]
 			})
 		]
 	})] });
@@ -3140,24 +3140,24 @@ var _r = {
 };
 function vr({ variant: t = "blue", className: n, children: r }) {
 	let i;
-	ce.forEach(r, (e) => {
-		if (!le(e)) return;
+	oe.forEach(r, (e) => {
+		if (!se(e)) return;
 		let { type: t } = e;
 		(t === T.Header || t === T.StaticHeader) && (i ??= e.props);
 	});
-	let a = ce.map(r, (e) => {
-		if (!le(e)) return e;
+	let a = oe.map(r, (e) => {
+		if (!se(e)) return e;
 		let { type: t } = e;
 		return t === T.Header || t === T.StaticHeader ? null : t === T.Content ? e.props.children : e;
 	});
-	return i ? /* @__PURE__ */ U(Wn, {
+	return i ? /* @__PURE__ */ G(Wn, {
 		icon: i.icon,
 		tone: _r[t] ?? "blue",
 		title: i.title,
 		description: i.description,
 		className: n,
 		children: a
-	}) : /* @__PURE__ */ U("section", {
+	}) : /* @__PURE__ */ G("section", {
 		className: e(Un, n),
 		children: a
 	});
@@ -3167,33 +3167,33 @@ vr.Header = T.Header, vr.StaticHeader = T.StaticHeader, vr.Content = T.Content;
 //#region src/bento/bento-section.tsx
 var yr = "bento-grid grid auto-rows-[minmax(140px,auto)] grid-cols-2 gap-4 md:grid-cols-4 md:gap-5 lg:grid-cols-6";
 function br({ eyebrow: e, title: t, description: n, titleHref: r, children: i, gridClassName: a = yr }) {
-	let o = /* @__PURE__ */ U("h2", {
+	let o = /* @__PURE__ */ G("h2", {
 		className: "text-xl font-semibold tracking-tight md:text-2xl",
 		children: t
 	});
-	return /* @__PURE__ */ W("section", {
+	return /* @__PURE__ */ K("section", {
 		className: "mb-8 md:mb-10",
-		children: [/* @__PURE__ */ W("header", {
+		children: [/* @__PURE__ */ K("header", {
 			className: "bento-shell-header mb-4 flex flex-col gap-0.5",
 			children: [
-				e && /* @__PURE__ */ U("span", {
+				e && /* @__PURE__ */ G("span", {
 					className: "text-xs uppercase tracking-[0.18em] text-muted-foreground",
 					children: e
 				}),
-				r ? /* @__PURE__ */ W(Ue, {
+				r ? /* @__PURE__ */ K(Ue, {
 					to: r,
 					className: "group inline-flex w-fit items-center gap-1 text-foreground transition-colors hover:text-primary",
-					children: [o, /* @__PURE__ */ U(q, {
+					children: [o, /* @__PURE__ */ G(xe, {
 						size: 20,
 						className: "text-muted-foreground transition-transform duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] group-hover:translate-x-1"
 					})]
 				}) : o,
-				n && /* @__PURE__ */ U("p", {
+				n && /* @__PURE__ */ G("p", {
 					className: "max-w-2xl text-sm text-muted-foreground",
 					children: n
 				})
 			]
-		}), /* @__PURE__ */ U("div", {
+		}), /* @__PURE__ */ G("div", {
 			className: a,
 			children: i
 		})]
@@ -3202,57 +3202,57 @@ function br({ eyebrow: e, title: t, description: n, titleHref: r, children: i, g
 //#endregion
 //#region src/bento/bento-tile.tsx
 function xr({ to: t, onClick: n, disabled: r = !1, disabledHint: i, icon: a, tone: o, eyebrow: s, title: c, span: l, featured: u = !1, children: d }) {
-	let f = !r && !!(t || n), p = u ? "h-14 w-14 rounded-2xl" : "h-9 w-9 rounded-2xl", m = u ? 28 : 18, h = u ? "text-xl font-semibold tracking-tight md:text-2xl" : "text-base font-semibold tracking-tight md:text-lg", g = /* @__PURE__ */ W(H, { children: [
-		u && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
+	let f = !r && !!(t || n), p = u ? "h-14 w-14 rounded-2xl" : "h-9 w-9 rounded-2xl", m = u ? 28 : 18, h = u ? "text-xl font-semibold tracking-tight md:text-2xl" : "text-base font-semibold tracking-tight md:text-lg", g = /* @__PURE__ */ K(W, { children: [
+		u && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("div", {
 			"aria-hidden": !0,
 			className: `pointer-events-none absolute -bottom-10 -right-10 h-64 w-64 rounded-full ${Y(o)} opacity-40 blur-2xl dark:opacity-50`
-		}), /* @__PURE__ */ U("div", {
+		}), /* @__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`
 		})] }),
-		/* @__PURE__ */ W("div", {
+		/* @__PURE__ */ K("div", {
 			className: "relative z-1 flex items-center justify-between",
-			children: [/* @__PURE__ */ U("span", {
+			children: [/* @__PURE__ */ G("span", {
 				className: `grid place-items-center ${Y(o)} text-white shadow-md ${p}`,
-				children: /* @__PURE__ */ U(a, { size: m })
-			}), f && /* @__PURE__ */ U(q, {
+				children: /* @__PURE__ */ G(a, { size: m })
+			}), f && /* @__PURE__ */ G(xe, {
 				size: u ? 18 : 16,
 				className: "text-muted-foreground transition-transform duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] group-hover:translate-x-1"
 			})]
 		}),
-		/* @__PURE__ */ W("div", {
+		/* @__PURE__ */ K("div", {
 			className: "relative z-1",
 			children: [
-				/* @__PURE__ */ U("div", {
+				/* @__PURE__ */ G("div", {
 					className: "text-[11px] uppercase tracking-wider text-muted-foreground",
 					children: s
 				}),
-				/* @__PURE__ */ U("div", {
+				/* @__PURE__ */ G("div", {
 					className: `mt-0.5 ${h}`,
 					children: c
 				}),
-				d && /* @__PURE__ */ U("div", {
+				d && /* @__PURE__ */ G("div", {
 					className: "mt-2",
 					children: d
 				})
 			]
 		})
 	] }), _ = `bento-tile bento-glass group relative flex flex-col ${u ? "gap-5" : "gap-4"} overflow-hidden text-left ${u ? "p-6 md:p-7" : "p-5"} ${l}${f ? " bento-tile-clickable" : ""}${r ? " cursor-not-allowed opacity-60" : ""}`;
-	return r ? /* @__PURE__ */ U("div", {
+	return r ? /* @__PURE__ */ G("div", {
 		className: _,
 		"aria-disabled": "true",
 		title: i,
 		children: g
-	}) : t ? /* @__PURE__ */ U(Ue, {
+	}) : t ? /* @__PURE__ */ G(Ue, {
 		to: t,
 		className: _,
 		children: g
-	}) : n ? /* @__PURE__ */ U("button", {
+	}) : n ? /* @__PURE__ */ G("button", {
 		type: "button",
 		onClick: n,
 		className: e("w-full", _),
 		children: g
-	}) : /* @__PURE__ */ U("div", {
+	}) : /* @__PURE__ */ G("div", {
 		className: _,
 		children: g
 	});
@@ -3260,7 +3260,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 }) {
-	let { t: a, i18n: o } = G(), [s, c] = B(0), [l, u] = B([]), d = z(/* @__PURE__ */ new Map()), f = (e) => [...e].sort((e, n) => t.findIndex((e) => e.id === n) - t.findIndex((t) => t.id === e));
+	let { t: a, i18n: o } = q(), [s, c] = H(0), [l, u] = H([]), d = V(/* @__PURE__ */ new Map()), f = (e) => [...e].sort((e, n) => t.findIndex((e) => e.id === n) - t.findIndex((t) => t.id === e));
 	function p(e) {
 		if (n.includes(e)) {
 			u(l.filter((t) => t !== e)), r(n.filter((t) => t !== e));
@@ -3308,7 +3308,7 @@ function Sr({ versions: t, selected: n, onSelect: r, label: i }) {
 			}).format(t)
 		};
 	};
-	return /* @__PURE__ */ U("ul", {
+	return /* @__PURE__ */ G("ul", {
 		role: "listbox",
 		"aria-label": i ?? a("bento.versions.label", { defaultValue: "Versions" }),
 		"aria-multiselectable": "true",
@@ -3316,7 +3316,7 @@ function Sr({ versions: t, selected: n, onSelect: r, label: i }) {
 		className: "m-0 flex list-none flex-col gap-1 p-0",
 		children: t.map((r, i) => {
 			let o = n.includes(r.id), l = g(r.at), u = r.actor === "agent" ? Ne : Le, f = o ? "text-foreground/80" : "text-muted-foreground";
-			return /* @__PURE__ */ W("li", {
+			return /* @__PURE__ */ K("li", {
 				ref: (e) => {
 					e ? d.current.set(i, e) : d.current.delete(i);
 				},
@@ -3329,26 +3329,26 @@ function Sr({ versions: t, selected: n, onSelect: r, label: i }) {
 				},
 				className: e("flex cursor-pointer flex-col gap-0.5 rounded-xl border px-3 py-2 text-sm outline-none transition-colors", "focus-visible:ring-2 focus-visible:ring-ring", o ? "border-primary/50 bg-primary/10" : "border-transparent hover:bg-muted/50"),
 				children: [
-					/* @__PURE__ */ W("span", {
+					/* @__PURE__ */ K("span", {
 						className: "flex items-center gap-1.5 font-medium",
 						children: [
-							/* @__PURE__ */ U(u, {
+							/* @__PURE__ */ G(u, {
 								size: 14,
 								"aria-hidden": "true"
 							}),
 							r.author,
-							/* @__PURE__ */ U("span", {
+							/* @__PURE__ */ G("span", {
 								className: e("text-xs font-normal", f),
 								children: r.actor === "agent" ? a("bento.versions.agent", { defaultValue: "Agent" }) : a("bento.versions.human", { defaultValue: "Person" })
 							})
 						]
 					}),
-					/* @__PURE__ */ U("time", {
+					/* @__PURE__ */ G("time", {
 						dateTime: l.iso,
 						className: e("text-xs", f),
 						children: l.text
 					}),
-					r.summary && /* @__PURE__ */ U("span", {
+					r.summary && /* @__PURE__ */ G("span", {
 						className: "text-xs",
 						children: r.summary
 					})