@viglet/viglet-design-system 2026.3.2 → 2026.3.3

package/dist/bento.es.js

@@ -0,0 +1,1501 @@
+import { A as e, D as t, E as n, F as r, M as i, U as a, _ as o, a as s, f as c, g as l, h as u, i as d, k as f, l as p, m, o as h, s as g, u as _, x as v } from "./badge-locale-BxI9TwkE.js";
+import { c as y, l as b, n as x, o as S, r as C, s as w } from "./user.context-kPAqKN4o.js";
+import { i as T, t as E } from "./loading-provider-CMnOuvdR.js";
+import { Children as D, createContext as O, isValidElement as k, useContext as A, useEffect as j, useMemo as M, useRef as N, useState as P, useSyncExternalStore as ee } from "react";
+import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
+import { IconAdjustmentsHorizontal as R, IconAlertTriangle as te, IconArrowBackUp as z, IconArrowLeft as ne, IconArrowRight as re, IconArrowUp as B, IconBuildingCommunity as ie, IconBuildingSkyscraper as ae, IconChevronRight as V, IconDeviceFloppy as H, IconDotsVertical as oe, IconExternalLink as se, IconGripVertical as ce, IconHome as le, IconKeyboard as ue, IconLogout as de, IconPalette as fe, IconPlus as pe, IconSearch as me, IconSparkles as U, IconTrash as he, IconUserCircle as ge, IconUsers as _e, IconX as W } from "@tabler/icons-react";
+import { useTranslation as G } from "react-i18next";
+import { Icon as K } from "@iconify/react";
+import { Link as q, useLocation as ve, useNavigate as J } from "react-router-dom";
+import { DndContext as ye, KeyboardSensor as be, PointerSensor as xe, closestCenter as Se, useSensor as Ce, useSensors as we } from "@dnd-kit/core";
+import { SortableContext as Te, arrayMove as Ee, rectSortingStrategy as De, useSortable as Oe } from "@dnd-kit/sortable";
+import { CSS as ke } from "@dnd-kit/utilities";
+//#region src/bento/bento-actions-menu.tsx
+var Ae = {
+	default: "",
+	destructive: "bento-item-danger"
+};
+function je({ actions: e, triggerLabel: t }) {
+	let { t: r } = G();
+	return e.length === 0 ? null : /* @__PURE__ */ L(c, { children: [/* @__PURE__ */ I(n, {
+		asChild: !0,
+		children: /* @__PURE__ */ I("button", {
+			type: "button",
+			"aria-label": t ?? r("forms.formActions.moreActions", { defaultValue: "More actions" }),
+			className: "bento-tile-clickable inline-flex h-9 w-9 items-center justify-center rounded-full border border-border/60 bg-card/60 text-muted-foreground backdrop-blur transition-colors duration-200 hover:text-foreground",
+			children: /* @__PURE__ */ I(oe, { size: 18 })
+		})
+	}), /* @__PURE__ */ I(m, {
+		align: "end",
+		sideOffset: 8,
+		className: "bento-dropdown min-w-44 p-1.5",
+		children: e.map((e) => {
+			let t = e.icon, n = Ae[e.tone ?? "default"];
+			return /* @__PURE__ */ L(l, {
+				onSelect: e.onSelect,
+				disabled: e.disabled,
+				className: `bento-dropdown-item cursor-pointer gap-2 px-3 py-2 ${n}`,
+				children: [/* @__PURE__ */ I(t, { size: 16 }), e.label]
+			}, e.label);
+		})
+	})] });
+}
+//#endregion
+//#region src/bento/bento-tones.ts
+var Y = {
+	blue: "bento-tone-blue",
+	indigo: "bento-tone-indigo",
+	violet: "bento-tone-violet",
+	emerald: "bento-tone-emerald",
+	amber: "bento-tone-amber",
+	rose: "bento-tone-rose",
+	slate: "bento-tone-slate"
+}, Me = Object.keys(Y);
+function X(e) {
+	return `bento-chip ${Y[e] ?? Y.slate}`;
+}
+//#endregion
+//#region src/bento/bento-count-tile.tsx
+function Ne({ to: e, icon: t, tone: n, label: r, count: i, span: a }) {
+	let o = /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("span", {
+		className: `grid h-9 w-9 place-items-center rounded-2xl text-white shadow-md ${X(n)}`,
+		children: /* @__PURE__ */ I(t, { size: 18 })
+	}), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("div", {
+		className: "text-3xl font-semibold tabular-nums tracking-tight",
+		children: i
+	}), /* @__PURE__ */ I("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__ */ I(q, {
+		to: e,
+		className: s,
+		children: o
+	}) : /* @__PURE__ */ I("div", {
+		className: s,
+		children: o
+	});
+}
+//#endregion
+//#region src/bento/bento-empty-state.tsx
+function Pe({ icon: e = U, tone: t = "indigo", title: n, description: r, action: i, align: o = "center", className: s }) {
+	let c = X(t), l = o === "center";
+	return /* @__PURE__ */ L("div", {
+		className: a("bento-tile bento-glass flex flex-col gap-3 rounded-3xl p-8", l ? "items-center text-center" : "items-start text-left", s),
+		children: [
+			/* @__PURE__ */ I("span", {
+				className: `grid h-12 w-12 place-items-center rounded-2xl ${c} text-white shadow-md`,
+				children: /* @__PURE__ */ I(e, { size: 24 })
+			}),
+			/* @__PURE__ */ I("div", {
+				className: "text-lg font-semibold tracking-tight",
+				children: n
+			}),
+			r && /* @__PURE__ */ I("p", {
+				className: a("max-w-md text-sm text-muted-foreground", l && "mx-auto"),
+				children: r
+			}),
+			i && /* @__PURE__ */ I("div", {
+				className: a("mt-1", l && "mx-auto"),
+				children: i
+			})
+		]
+	});
+}
+//#endregion
+//#region src/bento/bento-hero.tsx
+function Z({ to: e, children: t }) {
+	return /* @__PURE__ */ L(q, {
+		to: e,
+		className: "inline-flex items-center gap-1 hover:text-foreground",
+		children: [/* @__PURE__ */ I(ne, {
+			size: 14,
+			"aria-hidden": !0
+		}), t]
+	});
+}
+function Q({ eyebrow: e, backTo: t, backLabel: n, title: r, subtitle: i, leading: a, trailing: o }) {
+	let s = e ?? (t == null ? null : /* @__PURE__ */ I(Z, {
+		to: t,
+		children: n
+	}));
+	return /* @__PURE__ */ I("header", {
+		className: "bento-shell-header mb-6 flex flex-col items-start gap-3 md:mb-10",
+		children: /* @__PURE__ */ L("div", {
+			className: "flex w-full items-start gap-4",
+			children: [
+				a && /* @__PURE__ */ I("div", {
+					className: "shrink-0",
+					children: a
+				}),
+				/* @__PURE__ */ L("div", {
+					className: "flex flex-1 flex-col gap-1",
+					children: [
+						s && /* @__PURE__ */ I("span", {
+							className: "text-xs uppercase tracking-[0.18em] text-muted-foreground",
+							children: s
+						}),
+						/* @__PURE__ */ I("h1", {
+							className: "text-3xl font-semibold tracking-tight md:text-4xl",
+							children: r
+						}),
+						i && /* @__PURE__ */ I("p", {
+							className: "max-w-2xl text-sm text-muted-foreground",
+							children: i
+						})
+					]
+				}),
+				o && /* @__PURE__ */ I("div", {
+					className: "ml-auto flex shrink-0 items-center gap-2",
+					children: o
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/bento/bento-hero-icon-picker.tsx
+function Fe({ value: e, onChange: t, onClear: n, defaultIcon: r, tone: i, title: a, description: o, readOnly: s = !1 }) {
+	let { t: c } = G(), [l, u] = P(!1);
+	return s ? /* @__PURE__ */ I("span", {
+		className: `grid h-12 w-12 place-items-center rounded-2xl ${X(i)} text-white shadow-md`,
+		children: e ? /* @__PURE__ */ I(K, {
+			icon: e,
+			className: "size-6 text-white"
+		}) : /* @__PURE__ */ I(r, { size: 24 })
+	}) : /* @__PURE__ */ L("div", {
+		className: "group relative",
+		children: [
+			/* @__PURE__ */ L("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 ${X(i)} text-white shadow-md outline-none transition-all duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] hover:scale-105 focus-visible:ring-2 focus-visible:ring-ring active:scale-95`,
+				children: [e ? /* @__PURE__ */ I(K, {
+					icon: e,
+					className: "size-6 text-white"
+				}) : /* @__PURE__ */ I(r, { size: 24 }), /* @__PURE__ */ I("span", {
+					className: "pointer-events-none absolute inset-0 grid place-items-center bg-black/40 opacity-0 transition-opacity duration-200 group-hover/icon:opacity-100",
+					children: /* @__PURE__ */ I(fe, { className: "size-5 text-white" })
+				})]
+			}),
+			e && n && /* @__PURE__ */ I("button", {
+				type: "button",
+				onClick: (e) => {
+					e.stopPropagation(), n();
+				},
+				"aria-label": c("forms.common.remove"),
+				title: c("forms.common.remove"),
+				className: "absolute -right-1.5 -top-1.5 grid h-5 w-5 cursor-pointer place-items-center rounded-full border border-border/60 bg-card/90 text-foreground opacity-0 shadow-md backdrop-blur transition-opacity duration-200 bento-clear focus-visible:opacity-100 group-hover:opacity-100",
+				children: /* @__PURE__ */ I(W, { size: 12 })
+			}),
+			/* @__PURE__ */ I(y, {
+				open: l,
+				onOpenChange: u,
+				value: e,
+				onSelect: t,
+				onClear: n,
+				title: a,
+				description: o
+			})
+		]
+	});
+}
+//#endregion
+//#region src/bento/bento-inline-edit.tsx
+function Ie({ value: e, onSave: t, multiline: n = !1, placeholder: r, className: i = "", ariaLabel: a, autoFocus: o = !1, readOnly: s = !1, commitOnChange: c = !1 }) {
+	let { t: l } = G(), [u, d] = P(o), [f, m] = P(e), [h, g] = P(!1), _ = N(null), [v, y] = P(e);
+	!u && e !== v && (y(e), m(e)), j(() => {
+		u && _.current && (_.current.focus(), _.current.select());
+	}, [u]);
+	async function b() {
+		let n = f.trim();
+		if (n === e) {
+			d(!1);
+			return;
+		}
+		if (!n && !r) {
+			m(e), d(!1);
+			return;
+		}
+		g(!0);
+		try {
+			await t(n);
+		} catch {
+			m(e);
+		} finally {
+			g(!1), d(!1);
+		}
+	}
+	function x() {
+		m(e), d(!1);
+	}
+	function S(e) {
+		m(e), c && t(e);
+	}
+	let C = !e;
+	if (s) return /* @__PURE__ */ I("span", {
+		className: `block w-full ${i}`,
+		"aria-label": a,
+		children: e || /* @__PURE__ */ I("span", {
+			className: "text-muted-foreground/80",
+			children: r ?? "—"
+		})
+	});
+	let w = `w-full bg-transparent outline-none border-b transition-colors duration-200 ${i}`, T = `${w} cursor-text rounded-sm ${C ? "border-dashed border-border/70 hover:border-foreground/40" : "border-transparent hover:border-border/60 focus-visible:border-border/80"} ${h ? "opacity-60" : ""}`, E = `${w} bento-editing`;
+	if (!u) return /* @__PURE__ */ I("button", {
+		type: "button",
+		onClick: () => d(!0),
+		className: `${T} text-left`,
+		"aria-label": a ?? l("forms.formActions.edit"),
+		disabled: h,
+		children: e || /* @__PURE__ */ I("span", {
+			className: "text-muted-foreground/80",
+			children: r ?? "—"
+		})
+	});
+	function D(e) {
+		if (e.key === "Escape") {
+			e.preventDefault(), x();
+			return;
+		}
+		e.key === "Enter" && (!n || e.metaKey || e.ctrlKey) && (e.preventDefault(), b());
+	}
+	return n ? /* @__PURE__ */ I("textarea", {
+		ref: _,
+		value: f,
+		onChange: (e) => S(e.target.value),
+		onBlur: b,
+		onKeyDown: D,
+		placeholder: r,
+		"aria-label": a,
+		rows: 3,
+		className: `${E} resize-none py-0.5 leading-snug`
+	}) : /* @__PURE__ */ I(p, {
+		ref: _,
+		value: f,
+		onChange: (e) => S(e.target.value),
+		onBlur: b,
+		onKeyDown: D,
+		placeholder: r,
+		"aria-label": a,
+		className: `${E} h-auto px-0 py-0 shadow-none focus-visible:ring-0`
+	});
+}
+//#endregion
+//#region src/bento/bento-status-marker.tsx
+function Le({ titleMissing: e, dirty: t, className: n }) {
+	let { t: r } = G();
+	if (!e && !t) return null;
+	let i = "inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[10px] font-medium normal-case leading-none tracking-normal";
+	return e ? /* @__PURE__ */ L("span", {
+		className: `${i} bento-status bento-status-error ${n ?? ""}`,
+		children: [/* @__PURE__ */ I(te, { className: "size-3" }), r("bento.saveBar.titleRequired", { defaultValue: "Title required" })]
+	}) : /* @__PURE__ */ L("span", {
+		className: `${i} bento-status bento-status-warn ${n ?? ""}`,
+		children: [/* @__PURE__ */ I("span", { className: "h-1.5 w-1.5 rounded-full bento-status-dot bento-pulse" }), r("bento.saveBar.unsaved", { defaultValue: "Unsaved changes" })]
+	});
+}
+//#endregion
+//#region src/bento/bento-scroll-fade.ts
+function Re(e) {
+	j(() => {
+		let t = e.current;
+		if (!t) return;
+		let n = document.documentElement, r = 0, i = () => {
+			r = 0;
+			let e = t.getBoundingClientRect().top, i = Math.max(0, Math.min(1, (160 - e) / 80));
+			n.style.setProperty("--bento-fade", String(i)), n.classList.toggle("bento-fade-half", i > .5);
+		}, a = () => {
+			r ||= requestAnimationFrame(i);
+		};
+		return i(), window.addEventListener("scroll", a, { passive: !0 }), window.addEventListener("resize", a), () => {
+			r && cancelAnimationFrame(r), window.removeEventListener("scroll", a), window.removeEventListener("resize", a), n.style.removeProperty("--bento-fade"), n.classList.remove("bento-fade-half");
+		};
+	}, [e]);
+}
+//#endregion
+//#region src/bento/bento-entity-shell.tsx
+function ze(e, t) {
+	let n = {};
+	for (let r of Object.keys(e)) Object.assign(n, { [r]: t[r] });
+	return n;
+}
+function Be({ entity: e, isNew: t, headlineFallback: n, eyebrow: r, listRoute: i, icon: a, tone: o, formId: s, feature: c, hasStatus: l = !1, hideIcon: u = !1, readOnly: d = !1, autosaveOnly: f = !1, badge: p, notice: m, onUpdate: h, onDelete: g, extraActions: v, children: y }) {
+	let { t: b } = G(), x = J(), [C, w] = P(!1), [E, D] = P({
+		isDirty: !1,
+		isSubmitting: !1
+	}), O = N(null);
+	Re(O);
+	let k = {
+		title: e.title ?? "",
+		description: e.description ?? "",
+		icon: e.icon ?? null,
+		enabled: e.enabled ?? 1
+	}, [A, j] = P(k), [M, ee] = P(k);
+	(k.title !== M.title || k.description !== M.description || k.icon !== M.icon || k.enabled !== M.enabled) && (ee(k), j(k));
+	async function R(n) {
+		if (j((e) => ({
+			...e,
+			...n
+		})), t || !h) return;
+		let r = n.title ?? A.title;
+		try {
+			await h({
+				...e,
+				...n
+			}), S.success(b("forms.common.updated", {
+				name: r,
+				feature: c
+			}));
+		} catch (e) {
+			console.error("Failed to update entity field", e), j((e) => ({
+				...e,
+				...ze(n, k)
+			})), S.error(b("forms.common.notUpdated", {
+				name: k.title || r,
+				feature: c
+			}));
+		}
+	}
+	async function te() {
+		if (g) {
+			try {
+				await g() ? (S.success(b("forms.common.deleted", {
+					name: A.title,
+					feature: c
+				})), x(i)) : S.error(b("forms.common.notDeleted", {
+					name: A.title,
+					feature: c
+				}));
+			} catch (e) {
+				console.error("Failed to delete entity", e), S.error(b("forms.common.notDeleted", {
+					name: A.title,
+					feature: c
+				}));
+			}
+			w(!1);
+		}
+	}
+	let z = A.enabled === 1, ne = !d, re = !(f && !t), B = !A.title.trim(), ie = !t && !E.isDirty, ae = B || ie, V = [...v ?? [], ...g && !d ? [{
+		label: b("forms.formActions.delete"),
+		icon: he,
+		tone: "destructive",
+		onSelect: () => w(!0)
+	}] : []];
+	return /* @__PURE__ */ L(F, { children: [
+		/* @__PURE__ */ I(Q, {
+			eyebrow: /* @__PURE__ */ L("span", {
+				className: "inline-flex items-center gap-2",
+				children: [/* @__PURE__ */ I(Z, {
+					to: i,
+					children: r
+				}), !d && /* @__PURE__ */ I(Le, {
+					titleMissing: B,
+					dirty: t || E.isDirty
+				})]
+			}),
+			leading: /* @__PURE__ */ I(Fe, {
+				value: A.icon,
+				onChange: (e) => R({ icon: e }),
+				onClear: () => R({ icon: null }),
+				defaultIcon: a,
+				tone: o,
+				title: A.title,
+				description: A.description,
+				readOnly: d || u
+			}),
+			title: /* @__PURE__ */ I(Ie, {
+				value: A.title,
+				onSave: (e) => R({ title: e }),
+				placeholder: n,
+				className: "text-3xl font-semibold tracking-tight md:text-4xl",
+				ariaLabel: b("forms.common.title"),
+				autoFocus: t,
+				commitOnChange: t,
+				readOnly: d
+			}),
+			subtitle: /* @__PURE__ */ I(Ie, {
+				value: A.description,
+				onSave: (e) => R({ description: e }),
+				multiline: !0,
+				placeholder: b("forms.common.description"),
+				className: "max-w-2xl text-sm text-muted-foreground",
+				ariaLabel: b("forms.common.description"),
+				commitOnChange: t,
+				readOnly: d
+			}),
+			trailing: /* @__PURE__ */ L(F, { children: [
+				ne && /* @__PURE__ */ L("div", {
+					className: "bento-fade-out flex shrink-0 items-center gap-2",
+					children: [re && /* @__PURE__ */ L(_, {
+						type: "submit",
+						form: s,
+						size: "sm",
+						loading: E.isSubmitting,
+						disabled: ae,
+						children: [/* @__PURE__ */ I(H, { className: "size-4" }), b("forms.formActions.saveChanges")]
+					}), /* @__PURE__ */ L(_, {
+						type: "button",
+						size: "sm",
+						variant: "outline",
+						onClick: () => x(i),
+						children: [/* @__PURE__ */ I(W, { className: "size-4" }), b("forms.formActions.cancel")]
+					})]
+				}),
+				p,
+				l && (d ? /* @__PURE__ */ L("span", {
+					className: `flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-[10px] uppercase tracking-wider ${z ? "bento-status bento-status-on" : "border-border bg-muted text-muted-foreground"}`,
+					children: [/* @__PURE__ */ I("span", { className: `h-1.5 w-1.5 rounded-full ${z ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), z ? b("common.active", { defaultValue: "Active" }) : b("common.idle", { defaultValue: "Idle" })]
+				}) : /* @__PURE__ */ L("button", {
+					type: "button",
+					onClick: () => R({ enabled: +!z }),
+					"aria-label": b("forms.common.enabled"),
+					title: b(z ? "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 ${z ? "bento-status bento-status-on" : "border-border bg-muted text-muted-foreground hover:bg-muted/80"}`,
+					children: [/* @__PURE__ */ I("span", { className: `h-1.5 w-1.5 rounded-full ${z ? "bento-status-dot bento-pulse" : "bg-muted-foreground/60"}` }), z ? b("common.active", { defaultValue: "Active" }) : b("common.idle", { defaultValue: "Idle" })]
+				})),
+				!t && V.length > 0 && /* @__PURE__ */ I(je, { actions: V })
+			] })
+		}),
+		/* @__PURE__ */ I("div", {
+			ref: O,
+			"aria-hidden": !0,
+			className: "h-px"
+		}),
+		m,
+		!t && g && /* @__PURE__ */ I(T, {
+			feature: c,
+			name: A.title,
+			onDelete: te,
+			open: C,
+			setOpen: w,
+			trigger: /* @__PURE__ */ I("span", {
+				className: "hidden",
+				"aria-hidden": !0
+			})
+		}),
+		y({
+			staged: A,
+			onStateChange: D
+		})
+	] });
+}
+//#endregion
+//#region src/bento/bento-layout.ts
+var Ve = {
+	LARGE: "col-span-2 row-span-2 md:col-span-2 md:row-span-2 lg:col-span-2 lg:row-span-2",
+	MEDIUM: "col-span-2 row-span-1 md:col-span-2 md:row-span-1 lg:col-span-2 lg:row-span-1",
+	SMALL: "col-span-1 row-span-1"
+}, He = {
+	SMALL: "MEDIUM",
+	MEDIUM: "LARGE",
+	LARGE: "SMALL"
+};
+function Ue(e, t, n) {
+	if (!n || n.length === 0) return e.map((e, n) => ({
+		item: e,
+		key: t(e),
+		emphasis: n === 0 ? "LARGE" : "MEDIUM"
+	}));
+	let r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
+	for (let e of n) r.set(e.itemId, e.displayOrder), i.set(e.itemId, e.emphasis);
+	return e.map((e, n) => ({
+		item: e,
+		key: t(e),
+		idx: n
+	})).sort((e, t) => {
+		let n = r.has(e.key) ? r.get(e.key) : 2 ** 53 - 1, i = r.has(t.key) ? r.get(t.key) : 2 ** 53 - 1;
+		return n === i ? e.idx - t.idx : n - i;
+	}).map(({ item: e, key: t }) => ({
+		item: e,
+		key: t,
+		emphasis: i.get(t) ?? "MEDIUM"
+	}));
+}
+function We(e) {
+	return e.map((e, t) => ({
+		itemId: e.key,
+		emphasis: e.emphasis,
+		displayOrder: t
+	}));
+}
+//#endregion
+//#region src/bento/bento-entity-tile.tsx
+function Ge({ to: e, emphasis: t, featured: n, defaultIcon: r, icon: i, tone: a = "indigo", title: o, description: s, meta: c, enabled: l, hasStatus: u = !1, viewTransitionName: d }) {
+	let { t: f } = G(), p = X(a), m = t ?? (n ? "LARGE" : "MEDIUM"), h = m === "LARGE", g = m === "SMALL", _ = Ve[m], v = l === 1, y = h ? "p-6 md:p-7" : g ? "p-4" : "p-5", b = h ? "h-14 w-14" : g ? "h-8 w-8" : "h-9 w-9", x = h ? 28 : g ? 16 : 18, S = h ? "text-xl md:text-2xl" : g ? "text-sm" : "text-base md:text-lg";
+	return /* @__PURE__ */ L(q, {
+		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__ */ L(F, { children: [/* @__PURE__ */ I("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__ */ I("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__ */ L("div", {
+				className: "relative z-1 flex items-center justify-between",
+				children: [/* @__PURE__ */ I("span", {
+					className: `grid place-items-center rounded-2xl ${p} text-white shadow-md ${b}`,
+					children: i ? /* @__PURE__ */ I(K, {
+						icon: i,
+						className: h ? "size-7 text-white" : "size-4.5 text-white"
+					}) : /* @__PURE__ */ I(r, { size: x })
+				}), u && /* @__PURE__ */ L("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__ */ I("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__ */ L("div", {
+				className: "relative z-1",
+				children: [
+					/* @__PURE__ */ I("div", {
+						className: `font-semibold tracking-tight ${S}`,
+						children: o
+					}),
+					!g && c && /* @__PURE__ */ I("div", {
+						className: "mt-1 flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground",
+						children: c
+					}),
+					!g && s && /* @__PURE__ */ I("p", {
+						className: "mt-2 text-sm text-muted-foreground",
+						children: s
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/bento/bento-list-page.tsx
+var Ke = "bento-grid grid auto-rows-[minmax(140px,auto)] grid-cols-2 gap-4 md:grid-cols-4 md:gap-5 lg:grid-cols-6";
+function qe({ items: e, error: t, tryAgainUrl: n, listId: r, eyebrow: i, backTo: a, backLabel: o, heroIcon: s, title: c, subtitle: l, tone: u = "indigo", headerAction: d, newRoute: f, newLabel: p, newSubtitle: m, hideNew: h = !1, itemKey: g, renderTile: _, emptyTitle: v, emptyDescription: y, layout: x }) {
+	let { t: S } = G(), C = X(u), [w, T] = P(!1), D = M(() => Ue(e ?? [], g, x?.data?.entries), [
+		e,
+		g,
+		x?.data?.entries
+	]), O = !!r && !!x && (e?.length ?? 0) > 0;
+	return /* @__PURE__ */ L(E, {
+		checkIsNotUndefined: e,
+		error: t ?? null,
+		tryAgainUrl: n,
+		children: [
+			/* @__PURE__ */ I(Q, {
+				eyebrow: i,
+				backTo: a,
+				backLabel: o,
+				leading: /* @__PURE__ */ I("span", {
+					className: `grid h-12 w-12 place-items-center rounded-2xl ${C} text-white shadow-md`,
+					children: /* @__PURE__ */ I(s, { size: 24 })
+				}),
+				title: c,
+				subtitle: l
+			}),
+			(d || O && !w) && /* @__PURE__ */ L("div", {
+				className: "mb-4 flex flex-wrap items-center gap-2",
+				children: [d, O && !w && /* @__PURE__ */ L(b, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => T(!0),
+					className: "ml-auto gap-2",
+					children: [/* @__PURE__ */ I(R, { size: 16 }), S("bento.layout.customize", { defaultValue: "Customize layout" })]
+				})]
+			}),
+			w && r && x ? /* @__PURE__ */ I(Xe, {
+				layout: x,
+				resolved: D,
+				canEditGlobal: x?.data?.canEditGlobal ?? !1,
+				isCustomized: x?.data?.source === "USER",
+				renderTile: _,
+				chip: C,
+				hideNew: h,
+				newRoute: f,
+				newLabel: p,
+				newSubtitle: m,
+				onClose: () => T(!1)
+			}) : /* @__PURE__ */ I(Ye, {
+				resolved: D,
+				renderTile: _,
+				chip: C,
+				hideNew: h,
+				newRoute: f,
+				newLabel: p,
+				newSubtitle: m,
+				isEmpty: e?.length === 0,
+				emptyTitle: v,
+				emptyDescription: y
+			})
+		]
+	});
+}
+function Je({ items: e, error: t, tryAgainUrl: n, tone: r = "indigo", newRoute: i, newLabel: a, newSubtitle: o, hideNew: s = !1, itemKey: c, renderTile: l, emptyTitle: u, emptyDescription: d }) {
+	let f = X(r);
+	return /* @__PURE__ */ I(E, {
+		checkIsNotUndefined: e,
+		error: t ?? null,
+		tryAgainUrl: n,
+		children: /* @__PURE__ */ L("div", {
+			className: Ke,
+			children: [
+				!s && i && a ? /* @__PURE__ */ I(et, {
+					route: i,
+					label: a,
+					subtitle: o,
+					chip: f
+				}) : null,
+				(e ?? []).map((e) => /* @__PURE__ */ I("span", {
+					className: "contents",
+					children: l(e)
+				}, c(e))),
+				e?.length === 0 && /* @__PURE__ */ I(tt, {
+					title: u,
+					description: d
+				})
+			]
+		})
+	});
+}
+function Ye({ resolved: e, renderTile: t, chip: n, hideNew: r, newRoute: i, newLabel: o, newSubtitle: s, isEmpty: c, emptyTitle: l, emptyDescription: u }) {
+	let d = e.some((e) => e.emphasis === "SMALL");
+	return /* @__PURE__ */ L("div", {
+		className: a(Ke, d && "grid-flow-dense"),
+		children: [
+			!r && /* @__PURE__ */ I(et, {
+				route: i,
+				label: o,
+				subtitle: s,
+				chip: n
+			}),
+			e.map(({ item: e, key: n, emphasis: r }) => /* @__PURE__ */ I("span", {
+				className: "contents",
+				children: t(e, r)
+			}, n)),
+			c && /* @__PURE__ */ I(tt, {
+				title: l,
+				description: u
+			})
+		]
+	});
+}
+function Xe({ layout: e, resolved: t, canEditGlobal: n, isCustomized: r, renderTile: i, chip: o, hideNew: s, newRoute: c, newLabel: l, newSubtitle: u, onClose: d }) {
+	let { t: f } = G(), [p, m] = P(t), h = e.saving ?? !1, [g, _] = P(!1), v = (e) => async () => {
+		if (e) {
+			_(!1);
+			try {
+				await e(), d();
+			} catch (e) {
+				console.error("Failed to save the bento layout", e), _(!0);
+			}
+		}
+	}, y = we(Ce(xe, { activationConstraint: { distance: 8 } }), Ce(be));
+	function x(e) {
+		let { active: t, over: n } = e;
+		!n || t.id === n.id || m((e) => {
+			let r = e.findIndex((e) => e.key === t.id), i = e.findIndex((e) => e.key === n.id);
+			return r < 0 || i < 0 ? e : Ee(e, r, i);
+		});
+	}
+	function S(e, t) {
+		m((n) => n.map((n) => n.key === e ? {
+			...n,
+			emphasis: t
+		} : n));
+	}
+	let C = M(() => We(p), [p]), w = p.some((e) => e.emphasis === "SMALL");
+	return /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ L("div", {
+		className: "mb-4 flex flex-wrap items-center gap-2 rounded-2xl border border-border/60 bg-card/40 p-3 backdrop-blur-md",
+		children: [
+			/* @__PURE__ */ I("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" })
+			}),
+			r && e.onReset && /* @__PURE__ */ L(b, {
+				variant: "ghost",
+				size: "sm",
+				className: "gap-2",
+				disabled: h,
+				onClick: v(e.onReset),
+				children: [/* @__PURE__ */ I(z, { size: 16 }), f("bento.layout.reset", { defaultValue: "Reset to default" })]
+			}),
+			n && e.onSaveGlobal && /* @__PURE__ */ L(b, {
+				variant: "outline",
+				size: "sm",
+				className: "gap-2",
+				disabled: h,
+				onClick: v(() => e.onSaveGlobal?.(C)),
+				children: [/* @__PURE__ */ I(_e, { size: 16 }), f("bento.layout.saveGlobal", { defaultValue: "Set as default for everyone" })]
+			}),
+			/* @__PURE__ */ L(b, {
+				variant: "ghost",
+				size: "sm",
+				className: "gap-2",
+				disabled: h,
+				onClick: d,
+				children: [/* @__PURE__ */ I(W, { size: 16 }), f("common.cancel", { defaultValue: "Cancel" })]
+			}),
+			/* @__PURE__ */ L(b, {
+				size: "sm",
+				className: "gap-2",
+				disabled: h,
+				onClick: v(() => e.onSave(C)),
+				children: [/* @__PURE__ */ I(H, { size: 16 }), f("bento.layout.save", { defaultValue: "Save layout" })]
+			}),
+			g && /* @__PURE__ */ I("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__ */ I(ye, {
+		sensors: y,
+		collisionDetection: Se,
+		onDragEnd: x,
+		children: /* @__PURE__ */ I(Te, {
+			items: p.map((e) => e.key),
+			strategy: De,
+			children: /* @__PURE__ */ L("div", {
+				className: a(Ke, w && "grid-flow-dense"),
+				children: [!s && /* @__PURE__ */ I(et, {
+					route: c,
+					label: l,
+					subtitle: u,
+					chip: o
+				}), p.map(({ item: e, key: t, emphasis: n }) => /* @__PURE__ */ I($e, {
+					id: t,
+					emphasis: n,
+					onSetEmphasis: (e) => S(t, e),
+					children: i(e, n)
+				}, t))]
+			})
+		})
+	})] });
+}
+var Ze = [
+	"SMALL",
+	"MEDIUM",
+	"LARGE"
+], Qe = {
+	SMALL: {
+		key: "bento.layout.size.small",
+		def: "Small"
+	},
+	MEDIUM: {
+		key: "bento.layout.size.medium",
+		def: "Medium"
+	},
+	LARGE: {
+		key: "bento.layout.size.large",
+		def: "Large"
+	}
+};
+function $e({ id: e, emphasis: t, onSetEmphasis: n, children: r }) {
+	let { t: i } = G(), { attributes: o, listeners: s, setNodeRef: c, transform: l, transition: u, isDragging: d } = Oe({ id: e }), f = {
+		transform: ke.Translate.toString(l),
+		transition: u,
+		opacity: d ? .6 : 1,
+		zIndex: d ? 50 : void 0
+	};
+	return /* @__PURE__ */ L("div", {
+		ref: c,
+		style: f,
+		className: a("relative h-full", Ve[t]),
+		children: [/* @__PURE__ */ I("div", {
+			className: "pointer-events-none h-full select-none [&>*]:h-full [&>*]:w-full",
+			children: r
+		}), /* @__PURE__ */ L("div", {
+			className: "absolute right-2 top-2 z-10 flex items-center gap-1",
+			children: [/* @__PURE__ */ I("div", {
+				role: "group",
+				"aria-label": i("bento.layout.sizeGroup", { defaultValue: "Tile size" }),
+				className: "flex items-center gap-0.5 rounded-full border border-border/60 bg-background/80 p-0.5 shadow-sm backdrop-blur",
+				children: Ze.map((e) => {
+					let r = e === t, o = i(Qe[e].key, { defaultValue: Qe[e].def });
+					return /* @__PURE__ */ I("button", {
+						type: "button",
+						onClick: () => n(e),
+						"aria-pressed": r,
+						"aria-label": o,
+						title: o,
+						className: a("grid h-6 w-6 place-items-center rounded-full text-[11px] font-semibold uppercase transition-colors", r ? "bg-primary text-primary-foreground shadow" : "text-muted-foreground hover:bg-muted"),
+						children: o.charAt(0)
+					}, e);
+				})
+			}), /* @__PURE__ */ I("button", {
+				type: "button",
+				...o,
+				...s,
+				"aria-label": i("bento.layout.dragToReorder", { defaultValue: "Drag to reorder" }),
+				className: "grid h-7 w-7 cursor-grab place-items-center rounded-full border border-border/60 bg-background/80 shadow-sm backdrop-blur hover:bg-background active:cursor-grabbing",
+				children: /* @__PURE__ */ I(ce, {
+					size: 14,
+					className: "text-muted-foreground"
+				})
+			})]
+		})]
+	});
+}
+function et({ route: e, label: t, subtitle: n, chip: r }) {
+	let { t: i } = G();
+	return /* @__PURE__ */ L(q, {
+		to: e,
+		className: "bento-tile bento-tile-clickable col-span-2 row-span-1 flex flex-col gap-3 rounded-3xl border-2 border-dashed border-border/60 bg-card/30 p-5 backdrop-blur-md bento-new-tile hover:bg-card/50 md:col-span-2 md:row-span-1 lg:col-span-2 lg:row-span-1",
+		children: [/* @__PURE__ */ L("div", {
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ I("span", {
+				className: `bento-pulse grid h-10 w-10 place-items-center rounded-2xl ${r} text-white shadow-md`,
+				children: /* @__PURE__ */ I(pe, { size: 20 })
+			}), /* @__PURE__ */ I("span", {
+				className: "text-[11px] uppercase tracking-wider text-muted-foreground",
+				children: i("forms.formActions.new", { defaultValue: "New" })
+			})]
+		}), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("div", {
+			className: "text-base font-semibold tracking-tight md:text-lg",
+			children: /* @__PURE__ */ I("span", {
+				className: `${r} bg-clip-text text-transparent`,
+				children: t
+			})
+		}), n && /* @__PURE__ */ I("p", {
+			className: "mt-1 text-sm text-muted-foreground",
+			children: n
+		})] })]
+	});
+}
+function tt({ title: e, description: t }) {
+	return /* @__PURE__ */ I(Pe, {
+		icon: U,
+		title: e,
+		description: t,
+		align: "start",
+		className: "col-span-2 row-span-2 justify-end md:col-span-4"
+	});
+}
+//#endregion
+//#region src/bento/bento-save-bar.tsx
+function nt({ title: e, badges: t, actions: n, onCancel: r, loading: i, disabled: a, dirty: o, titleMissing: s }) {
+	let { t: c } = G();
+	return /* @__PURE__ */ L("div", {
+		className: "bento-glass flex items-center justify-between gap-4 rounded-2xl px-4 py-3 shadow-md backdrop-blur-xl",
+		children: [/* @__PURE__ */ L("div", {
+			className: "flex min-w-0 items-center gap-3",
+			children: [
+				e && /* @__PURE__ */ I("p", {
+					className: "truncate text-base font-semibold tracking-tight md:text-lg",
+					children: e
+				}),
+				/* @__PURE__ */ I(Le, {
+					titleMissing: s,
+					dirty: o
+				}),
+				t && /* @__PURE__ */ I("div", {
+					className: "flex shrink-0 items-center gap-1.5",
+					children: t
+				})
+			]
+		}), /* @__PURE__ */ I("div", {
+			className: "flex shrink-0 gap-2",
+			children: n ?? /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ L(_, {
+				type: "submit",
+				size: "sm",
+				loading: i,
+				disabled: a,
+				children: [/* @__PURE__ */ I(H, { className: "size-4" }), c("forms.formActions.saveChanges")]
+			}), r && /* @__PURE__ */ L(_, {
+				type: "button",
+				variant: "outline",
+				size: "sm",
+				onClick: r,
+				children: [/* @__PURE__ */ I(W, { className: "size-4" }), c("forms.formActions.cancel")]
+			})] })
+		})]
+	});
+}
+function rt({ children: e }) {
+	return /* @__PURE__ */ I("span", {
+		className: "rounded-full border border-border/60 bg-card/50 px-2 py-0.5 text-[10px] uppercase tracking-wider text-muted-foreground backdrop-blur",
+		children: e
+	});
+}
+nt.Badge = rt;
+//#endregion
+//#region src/bento/bento-scroll-save-bar.tsx
+function it(e) {
+	let t = N(null);
+	return Re(t), /* @__PURE__ */ L(F, { children: [
+		/* @__PURE__ */ I("div", {
+			ref: t,
+			"aria-hidden": !0,
+			className: "h-px"
+		}),
+		/* @__PURE__ */ I("div", {
+			"aria-hidden": !0,
+			className: "bento-save-bar-spacer"
+		}),
+		/* @__PURE__ */ I("div", {
+			className: "bento-fade-in fixed inset-x-0 top-20 z-20 mx-auto w-full max-w-7xl px-4 md:px-8",
+			children: /* @__PURE__ */ I(nt, { ...e })
+		})
+	] });
+}
+//#endregion
+//#region src/bento/bento-form-hero.tsx
+function at({ eyebrow: e, backTo: t, backLabel: n, leading: r, title: i, subtitle: a, trailing: o, onCancel: s, actions: c, loading: l, dirty: u, titleMissing: d, saveDisabled: f, stickyTitle: p, stickyBadges: m }) {
+	let { t: h } = G(), g = f ?? (!!d || !u);
+	return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(Q, {
+		eyebrow: t === void 0 ? e : /* @__PURE__ */ I(Z, {
+			to: t,
+			children: n
+		}),
+		leading: r,
+		title: i,
+		subtitle: a,
+		trailing: /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("div", {
+			className: "bento-fade-out flex shrink-0 items-center gap-2",
+			children: c ?? /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ L(_, {
+				type: "submit",
+				size: "sm",
+				loading: l,
+				disabled: g,
+				children: [/* @__PURE__ */ I(H, { className: "size-4" }), h("forms.formActions.saveChanges")]
+			}), /* @__PURE__ */ L(_, {
+				type: "button",
+				variant: "outline",
+				size: "sm",
+				onClick: s,
+				children: [/* @__PURE__ */ I(W, { className: "size-4" }), h("forms.formActions.cancel")]
+			})] })
+		}), o] })
+	}), /* @__PURE__ */ I(it, {
+		title: p,
+		badges: m,
+		actions: c,
+		onCancel: s,
+		loading: l,
+		disabled: g,
+		dirty: u,
+		titleMissing: d
+	})] });
+}
+//#endregion
+//#region src/bento/bento-form-section.tsx
+function ot({ icon: e, tone: t, title: n, description: r, children: i, trailing: a, as: o = "h2" }) {
+	return /* @__PURE__ */ L("section", {
+		className: "bento-tile bento-glass relative flex flex-col gap-5 overflow-hidden rounded-3xl p-5 md:p-6",
+		children: [/* @__PURE__ */ L("header", {
+			className: "flex items-start justify-between gap-3",
+			children: [/* @__PURE__ */ L("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ I("span", {
+					className: `grid h-10 w-10 place-items-center rounded-2xl text-white shadow-md ${X(t)}`,
+					children: /* @__PURE__ */ I(e, { size: 20 })
+				}), /* @__PURE__ */ L("div", {
+					className: "flex flex-col gap-0.5",
+					children: [/* @__PURE__ */ I(o, {
+						className: "text-base font-semibold tracking-tight md:text-lg",
+						children: n
+					}), r && /* @__PURE__ */ I("p", {
+						className: "text-sm text-muted-foreground",
+						children: r
+					})]
+				})]
+			}), a && /* @__PURE__ */ I("div", {
+				className: "shrink-0",
+				children: a
+			})]
+		}), /* @__PURE__ */ I("div", {
+			className: "flex flex-col gap-5",
+			children: i
+		})]
+	});
+}
+//#endregion
+//#region src/bento/bento-back-to-top.tsx
+var st = 480;
+function ct(e) {
+	return window.addEventListener("scroll", e, { passive: !0 }), () => window.removeEventListener("scroll", e);
+}
+function lt() {
+	return window.scrollY > st;
+}
+function ut() {
+	let e = ee(ct, lt, () => !1);
+	return /* @__PURE__ */ I("button", {
+		type: "button",
+		"aria-label": "Back to top",
+		tabIndex: e ? 0 : -1,
+		onClick: () => window.scrollTo({
+			top: 0,
+			behavior: "smooth"
+		}),
+		className: `fixed bottom-6 right-6 z-40 grid h-11 w-11 place-items-center rounded-full border border-border/60 bg-card/80 text-foreground shadow-lg backdrop-blur-xl transition-all duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] hover:-translate-y-0.5 hover:shadow-xl active:scale-95 ${e ? "translate-y-0 scale-100 opacity-100" : "pointer-events-none translate-y-4 scale-90 opacity-0"}`,
+		children: /* @__PURE__ */ I(B, { size: 18 })
+	});
+}
+//#endregion
+//#region src/bento/bento-nav.ts
+function dt(e) {
+	return e.bentoRoute ?? e.fallbackRoute;
+}
+//#endregion
+//#region src/bento/bento-command-palette.tsx
+function ft({ open: n, onOpenChange: i, items: a }) {
+	let { t: o } = G(), s = J(), [c, l] = P(""), [u, d] = P(0), p = N(null), m = M(() => {
+		let e = c.trim().toLowerCase(), t = a.map((e) => ({
+			item: e,
+			label: o(e.titleKey),
+			description: o(e.descriptionKey)
+		}));
+		if (!e) return t;
+		let n = [], r = [];
+		for (let i of t) i.label.toLowerCase().includes(e) ? n.push(i) : i.description.toLowerCase().includes(e) && r.push(i);
+		return [...n, ...r];
+	}, [
+		a,
+		c,
+		o
+	]), [h, g] = P(n);
+	n !== h && (g(n), n && (l(""), d(0)));
+	let _ = m.length === 0 ? 0 : m.length - 1;
+	u > _ && d(_), j(() => {
+		(p.current?.querySelector(`[data-index="${u}"]`))?.scrollIntoView({ block: "nearest" });
+	}, [u]);
+	function v(e) {
+		i(!1), s(dt(e));
+	}
+	function y(e) {
+		if (e.key === "ArrowDown") e.preventDefault(), d((e) => m.length === 0 ? 0 : (e + 1) % m.length);
+		else if (e.key === "ArrowUp") e.preventDefault(), d((e) => m.length === 0 ? 0 : (e - 1 + m.length) % m.length);
+		else if (e.key === "Enter") {
+			e.preventDefault();
+			let t = m[u];
+			t && v(t.item);
+		}
+	}
+	return /* @__PURE__ */ I(t, {
+		open: n,
+		onOpenChange: i,
+		children: /* @__PURE__ */ L(f, {
+			showCloseButton: !1,
+			className: "top-[15%] max-w-xl translate-y-0 gap-0 overflow-hidden p-0",
+			onKeyDown: y,
+			children: [
+				/* @__PURE__ */ I(r, {
+					className: "sr-only",
+					children: o("bento.palette.title", { defaultValue: "Command palette" })
+				}),
+				/* @__PURE__ */ I(e, {
+					className: "sr-only",
+					children: o("bento.palette.description", { defaultValue: "Search and jump to any area" })
+				}),
+				/* @__PURE__ */ L("div", {
+					className: "flex items-center gap-3 border-b border-border/60 px-4",
+					children: [/* @__PURE__ */ I(me, {
+						size: 18,
+						className: "shrink-0 text-muted-foreground"
+					}), /* @__PURE__ */ I("input", {
+						autoFocus: !0,
+						type: "text",
+						role: "combobox",
+						"aria-expanded": "true",
+						"aria-controls": "bento-palette-list",
+						"aria-activedescendant": m[u] ? `bento-palette-opt-${u}` : void 0,
+						value: c,
+						onChange: (e) => l(e.target.value),
+						placeholder: o("bento.palette.placeholder", { defaultValue: "Search areas…" }),
+						className: "h-12 w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground"
+					})]
+				}),
+				/* @__PURE__ */ L("div", {
+					ref: p,
+					id: "bento-palette-list",
+					role: "listbox",
+					"aria-label": o("bento.palette.title", { defaultValue: "Command palette" }),
+					className: "max-h-80 overflow-y-auto p-2",
+					children: [m.length === 0 && /* @__PURE__ */ I("p", {
+						className: "px-3 py-6 text-center text-sm text-muted-foreground",
+						children: o("bento.palette.noResults", { defaultValue: "No matches" })
+					}), m.map(({ item: e, label: t }, n) => {
+						let r = !e.bentoRoute, i = n === u, a = e.icon;
+						return /* @__PURE__ */ L("button", {
+							type: "button",
+							id: `bento-palette-opt-${n}`,
+							"data-index": n,
+							role: "option",
+							"aria-selected": i ? "true" : "false",
+							onMouseEnter: () => d(n),
+							onClick: () => v(e),
+							className: `flex w-full items-center gap-3 rounded-xl px-3 py-2.5 text-left text-sm transition-colors ${i ? "bg-accent text-accent-foreground" : "text-foreground"}`,
+							children: [
+								/* @__PURE__ */ I(a, {
+									size: 18,
+									className: "shrink-0 text-muted-foreground"
+								}),
+								/* @__PURE__ */ I("span", {
+									className: "flex-1 truncate",
+									children: t
+								}),
+								r ? /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(se, {
+									"aria-hidden": !0,
+									size: 15,
+									className: "shrink-0 text-muted-foreground/70"
+								}), /* @__PURE__ */ I("span", {
+									className: "sr-only",
+									children: o("bento.palette.opensConsole", { defaultValue: "Opens in console" })
+								})] }) : i && /* @__PURE__ */ I(re, {
+									"aria-hidden": !0,
+									size: 15,
+									className: "shrink-0 text-muted-foreground"
+								})
+							]
+						}, e.id);
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/bento/bento-shortcuts-dialog.tsx
+function pt({ open: n, onOpenChange: a, isMac: o }) {
+	let { t: s } = G(), c = o ? "⌘" : "Ctrl", l = [{
+		heading: s("bento.shortcuts.global", { defaultValue: "Global" }),
+		rows: [{
+			keys: [c, "K"],
+			label: s("bento.palette.open", { defaultValue: "Open command palette" })
+		}, {
+			keys: ["?"],
+			label: s("bento.shortcuts.openGuide", { defaultValue: "Show keyboard shortcuts" })
+		}]
+	}, {
+		heading: s("bento.shortcuts.palette", { defaultValue: "Command palette" }),
+		rows: [
+			{
+				keys: ["↑", "↓"],
+				label: s("bento.shortcuts.navigate", { defaultValue: "Move between results" })
+			},
+			{
+				keys: ["↵"],
+				label: s("bento.shortcuts.openSelected", { defaultValue: "Open the selected area" })
+			},
+			{
+				keys: ["Esc"],
+				label: s("bento.shortcuts.dismiss", { defaultValue: "Close the palette or a dialog" })
+			}
+		]
+	}];
+	return /* @__PURE__ */ I(t, {
+		open: n,
+		onOpenChange: a,
+		children: /* @__PURE__ */ L(f, {
+			className: "max-w-md",
+			children: [/* @__PURE__ */ L(i, { children: [/* @__PURE__ */ L(r, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ I(ue, {
+					size: 20,
+					className: "bento-accent-icon"
+				}), s("bento.shortcuts.title", { defaultValue: "Keyboard shortcuts" })]
+			}), /* @__PURE__ */ I(e, { children: s("bento.shortcuts.description", { defaultValue: "Move around Turing without leaving the keyboard." }) })] }), /* @__PURE__ */ I("div", {
+				className: "flex flex-col gap-5",
+				children: l.map((e) => /* @__PURE__ */ L("section", { children: [/* @__PURE__ */ I("h3", {
+					className: "mb-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground",
+					children: e.heading
+				}), /* @__PURE__ */ I("ul", {
+					className: "flex flex-col gap-1.5",
+					children: e.rows.map((e) => /* @__PURE__ */ L("li", {
+						className: "flex items-center justify-between gap-4",
+						children: [/* @__PURE__ */ I("span", {
+							className: "text-sm text-foreground",
+							children: e.label
+						}), /* @__PURE__ */ I("span", {
+							className: "flex shrink-0 items-center gap-1",
+							children: e.keys.map((e) => /* @__PURE__ */ I("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.label))
+				})] }, e.heading))
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/bento/bento-nav-rail.tsx
+function mt(e, t) {
+	return e === t || e.startsWith(`${t}/`);
+}
+function ht(e, t) {
+	return t.section.areaRoute && mt(e, t.section.areaRoute) ? !0 : t.items.some((t) => t.bentoRoute && mt(e, t.bentoRoute));
+}
+function gt({ groups: e, homeRoute: t, homeAliases: n, homeLabel: r }) {
+	let { t: i } = G(), { pathname: a } = ve(), o = M(() => e.filter((e) => e.section.areaRoute), [e]), s = a === t || (n?.includes(a) ?? !1);
+	return /* @__PURE__ */ I(h, {
+		delayDuration: 200,
+		children: /* @__PURE__ */ L("nav", {
+			"aria-label": i("bento.nav.label", { defaultValue: "Primary" }),
+			className: "fixed inset-y-0 left-0 z-40 hidden w-16 flex-col items-center gap-1 overflow-y-auto overflow-x-hidden border-r border-border/40 bg-background/55 pt-20 pb-4 backdrop-blur-xl backdrop-saturate-150 md:flex",
+			children: [
+				/* @__PURE__ */ I(_t, {
+					to: t,
+					icon: le,
+					label: r ?? i("home.title", { defaultValue: "Home" }),
+					active: s
+				}),
+				o.length > 0 && /* @__PURE__ */ I("span", {
+					"aria-hidden": !0,
+					className: "my-1 h-px w-6 bg-border/60"
+				}),
+				o.map((e) => /* @__PURE__ */ I(_t, {
+					to: e.section.areaRoute,
+					icon: e.section.icon,
+					label: i(e.section.labelKey),
+					active: ht(a, e)
+				}, e.section.id))
+			]
+		})
+	});
+}
+function _t({ to: e, icon: t, label: n, active: r }) {
+	return /* @__PURE__ */ L(d, { children: [/* @__PURE__ */ I(g, {
+		asChild: !0,
+		children: /* @__PURE__ */ I(q, {
+			to: e,
+			"aria-label": n,
+			"aria-current": r ? "page" : void 0,
+			className: `bento-tile-clickable grid h-11 w-11 shrink-0 place-items-center rounded-2xl border transition-colors duration-200 ${r ? "bento-rail-active" : "border-transparent text-muted-foreground hover:border-border/60 hover:bg-card/60 hover:text-foreground"}`,
+			children: /* @__PURE__ */ I(t, { size: 20 })
+		})
+	}), /* @__PURE__ */ I(s, {
+		side: "right",
+		children: n
+	})] });
+}
+//#endregion
+//#region src/bento/bento-user-menu.tsx
+function vt({ accountRoute: e, logoutUrl: t, organizationsRoute: r, tenantAdminRoute: i, onOpenShortcuts: a, onReplayTour: s }) {
+	let { user: d, status: f } = x(), { t: p } = G(), h = J(), g = `${d.firstName ?? ""} ${d.lastName ?? ""}`.trim() || d.username || "";
+	return f === "loading" ? /* @__PURE__ */ I("div", {
+		className: "h-9 w-9 rounded-full bg-muted/40",
+		"aria-hidden": !0
+	}) : /* @__PURE__ */ L(c, { children: [/* @__PURE__ */ I(n, {
+		asChild: !0,
+		children: /* @__PURE__ */ I("button", {
+			type: "button",
+			title: g || d.username,
+			className: "bento-tile-clickable cursor-pointer rounded-full p-0.5 ring-1 ring-border/60 outline-none transition-shadow duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] bento-ring hover:ring-2 focus-visible:ring-2 focus-visible:ring-ring",
+			children: /* @__PURE__ */ I(C, {
+				givenName: d.firstName,
+				familyName: d.lastName,
+				name: g || d.username,
+				src: d.avatarUrl || void 0,
+				alt: d.username
+			})
+		})
+	}), /* @__PURE__ */ L(m, {
+		align: "end",
+		sideOffset: 10,
+		className: "bento-dropdown min-w-64 p-2",
+		children: [
+			/* @__PURE__ */ I(o, {
+				className: "p-0 font-normal",
+				children: /* @__PURE__ */ L("div", {
+					className: "flex items-center gap-3 rounded-xl px-2 py-2 text-left text-sm",
+					children: [/* @__PURE__ */ I("span", {
+						className: "rounded-full p-0.5 ring-1 ring-border/60",
+						children: /* @__PURE__ */ I(C, {
+							givenName: d.firstName,
+							familyName: d.lastName,
+							name: g || d.username,
+							src: d.avatarUrl || void 0,
+							alt: d.username
+						})
+					}), /* @__PURE__ */ L("div", {
+						className: "grid flex-1 text-left text-sm leading-tight",
+						children: [g && /* @__PURE__ */ I("span", {
+							className: "truncate font-medium",
+							children: g
+						}), d.email && /* @__PURE__ */ I("span", {
+							className: "truncate text-xs text-muted-foreground",
+							children: d.email
+						})]
+					})]
+				})
+			}),
+			/* @__PURE__ */ I(v, { className: "my-1.5 bg-border/50" }),
+			/* @__PURE__ */ L(u, { children: [
+				/* @__PURE__ */ L(l, {
+					onSelect: () => h(e),
+					className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
+					children: [/* @__PURE__ */ I(ge, { size: 18 }), p("nav.account")]
+				}),
+				r && /* @__PURE__ */ L(l, {
+					onSelect: () => h(r),
+					className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
+					children: [/* @__PURE__ */ I(ie, { size: 18 }), p("nav.organizations", { defaultValue: "Organizations" })]
+				}),
+				i && /* @__PURE__ */ L(l, {
+					onSelect: () => h(i),
+					className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
+					children: [/* @__PURE__ */ I(ae, { size: 18 }), p("nav.tenantAdmin", { defaultValue: "Tenant administration" })]
+				})
+			] }),
+			(a || s) && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(v, { className: "my-1.5 bg-border/50" }), /* @__PURE__ */ L(u, { children: [s && /* @__PURE__ */ L(l, {
+				onSelect: () => s(),
+				className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
+				children: [/* @__PURE__ */ I(U, { size: 18 }), p("bento.tour.replay", { defaultValue: "Take the tour" })]
+			}), a && /* @__PURE__ */ L(l, {
+				onSelect: () => a(),
+				className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2",
+				children: [/* @__PURE__ */ I(ue, { size: 18 }), p("bento.shortcuts.title", { defaultValue: "Keyboard shortcuts" })]
+			})] })] }),
+			/* @__PURE__ */ I(v, { className: "my-1.5 bg-border/50" }),
+			/* @__PURE__ */ L(l, {
+				onSelect: () => {
+					globalThis.location.href = t;
+				},
+				className: "bento-dropdown-item cursor-pointer gap-2 px-3 py-2 bento-item-danger",
+				children: [/* @__PURE__ */ I(de, { size: 18 }), p("nav.logOut")]
+			})
+		]
+	})] });
+}
+//#endregion
+//#region src/bento/bento-section-chrome.tsx
+var yt = O("console");
+function bt({ chrome: e, children: t }) {
+	return /* @__PURE__ */ I(yt.Provider, {
+		value: e,
+		children: t
+	});
+}
+function xt() {
+	return A(yt);
+}
+var St = {
+	blue: "blue",
+	violet: "violet",
+	emerald: "emerald",
+	amber: "amber",
+	rose: "rose",
+	slate: "slate",
+	cyan: "blue",
+	orange: "amber"
+};
+function $({ variant: e = "blue", defaultOpen: t, className: n, children: r }) {
+	let i = A(yt), a, o;
+	return i === "bento" && D.forEach(r, (e) => {
+		if (!k(e)) return;
+		let { type: t } = e;
+		t === w.Header || t === w.StaticHeader ? a = e.props : t === w.Content && (o = e.props.children);
+	}), i === "bento" && a ? /* @__PURE__ */ I(ot, {
+		icon: a.icon,
+		tone: St[e] ?? "blue",
+		title: a.title,
+		description: a.description,
+		children: o
+	}) : /* @__PURE__ */ I(w, {
+		variant: e,
+		defaultOpen: t,
+		className: n,
+		children: r
+	});
+}
+$.Header = w.Header, $.StaticHeader = w.StaticHeader, $.Content = w.Content;
+//#endregion
+//#region src/bento/bento-section.tsx
+var Ct = "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 wt({ eyebrow: e, title: t, description: n, titleHref: r, children: i, gridClassName: a = Ct }) {
+	let o = /* @__PURE__ */ I("h2", {
+		className: "text-xl font-semibold tracking-tight md:text-2xl",
+		children: t
+	});
+	return /* @__PURE__ */ L("section", {
+		className: "mb-8 md:mb-10",
+		children: [/* @__PURE__ */ L("header", {
+			className: "bento-shell-header mb-4 flex flex-col gap-0.5",
+			children: [
+				e && /* @__PURE__ */ I("span", {
+					className: "text-xs uppercase tracking-[0.18em] text-muted-foreground",
+					children: e
+				}),
+				r ? /* @__PURE__ */ L(q, {
+					to: r,
+					className: "group inline-flex w-fit items-center gap-1 text-foreground transition-colors hover:text-primary",
+					children: [o, /* @__PURE__ */ I(V, {
+						size: 20,
+						className: "text-muted-foreground transition-transform duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] group-hover:translate-x-1"
+					})]
+				}) : o,
+				n && /* @__PURE__ */ I("p", {
+					className: "max-w-2xl text-sm text-muted-foreground",
+					children: n
+				})
+			]
+		}), /* @__PURE__ */ I("div", {
+			className: a,
+			children: i
+		})]
+	});
+}
+//#endregion
+//#region src/bento/bento-tile.tsx
+function Tt({ to: e, onClick: t, disabled: n = !1, disabledHint: r, icon: i, tone: a, eyebrow: o, title: s, span: c, featured: l = !1, children: u }) {
+	let d = !n && !!(e || t), f = l ? "h-14 w-14 rounded-2xl" : "h-9 w-9 rounded-2xl", p = l ? 28 : 18, m = l ? "text-xl font-semibold tracking-tight md:text-2xl" : "text-base font-semibold tracking-tight md:text-lg", h = /* @__PURE__ */ L(F, { children: [
+		l && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I("div", {
+			"aria-hidden": !0,
+			className: `pointer-events-none absolute -bottom-10 -right-10 h-64 w-64 rounded-full ${X(a)} opacity-40 blur-2xl dark:opacity-50`
+		}), /* @__PURE__ */ I("div", {
+			"aria-hidden": !0,
+			className: `pointer-events-none absolute right-12 top-1/3 h-32 w-32 rounded-full ${X(a)} bento-chip-tr opacity-20 blur-2xl dark:opacity-30`
+		})] }),
+		/* @__PURE__ */ L("div", {
+			className: "relative z-1 flex items-center justify-between",
+			children: [/* @__PURE__ */ I("span", {
+				className: `grid place-items-center ${X(a)} text-white shadow-md ${f}`,
+				children: /* @__PURE__ */ I(i, { size: p })
+			}), d && /* @__PURE__ */ I(V, {
+				size: l ? 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__ */ L("div", {
+			className: "relative z-1",
+			children: [
+				/* @__PURE__ */ I("div", {
+					className: "text-[11px] uppercase tracking-wider text-muted-foreground",
+					children: o
+				}),
+				/* @__PURE__ */ I("div", {
+					className: `mt-0.5 ${m}`,
+					children: s
+				}),
+				u && /* @__PURE__ */ I("div", {
+					className: "mt-2",
+					children: u
+				})
+			]
+		})
+	] }), g = `bento-tile bento-glass group relative flex flex-col ${l ? "gap-5" : "gap-4"} overflow-hidden text-left ${l ? "p-6 md:p-7" : "p-5"} ${c}${d ? " bento-tile-clickable" : ""}${n ? " cursor-not-allowed opacity-60" : ""}`;
+	return n ? /* @__PURE__ */ I("div", {
+		className: g,
+		"aria-disabled": "true",
+		title: r,
+		children: h
+	}) : e ? /* @__PURE__ */ I(q, {
+		to: e,
+		className: g,
+		children: h
+	}) : t ? /* @__PURE__ */ I("button", {
+		type: "button",
+		onClick: t,
+		className: `${g} w-full`,
+		children: h
+	}) : /* @__PURE__ */ I("div", {
+		className: g,
+		children: h
+	});
+}
+//#endregion
+export { $ as AdaptiveSectionCard, He as BENTO_EMPHASIS_NEXT, Ve as BENTO_EMPHASIS_SPAN, Me as BENTO_TONES, Y as BENTO_TONE_CLASS, je as BentoActionsMenu, Z as BentoBackLink, ut as BentoBackToTop, ft as BentoCommandPalette, Ne as BentoCountTile, Pe as BentoEmptyState, Be as BentoEntityShell, Ge as BentoEntityTile, at as BentoFormHero, ot as BentoFormSection, Q as BentoHero, Fe as BentoHeroIconPicker, Ie as BentoInlineEdit, qe as BentoListPage, gt as BentoNavRail, nt as BentoSaveBar, it as BentoScrollSaveBar, wt as BentoSection, pt as BentoShortcutsDialog, Le as BentoStatusMarker, Tt as BentoTile, Je as BentoTileGrid, vt as BentoUserMenu, bt as SectionCardChromeProvider, X as bentoChipClass, dt as bentoNavTarget, Ue as resolveBentoLayout, We as toBentoLayoutEntries, Re as useBentoScrollFade, xt as useSectionChrome };