@viglet/viglet-design-system 2026.3.8 → 2026.3.10

package/dist/router.es.js

@@ -1,11 +1,11 @@
 "use client";
-import { E as e, _ as t, f as n, g as r, h as i, l as a, m as o, u as s, x as c } from "./badge-locale-BxI9TwkE.js";
-import { $ as l, A as u, D as d, H as f, K as p, M as m, Q as h, S as g, U as _, W as v, Z as y, _ as b, b as x, c as S, ct as C, d as w, dt as T, ft as E, h as D, ht as O, i as ee, j as k, l as te, lt as ne, m as A, mt as re, n as ie, ot as ae, p as j, pt as M, ut as oe, v as N, x as P } from "./breadcrumb.context-CGqjI0-U.js";
-import { i as F, n as se, r as ce, t as le } from "./loading-provider-CMnOuvdR.js";
-import I, { useState as L } from "react";
+import { E as e, _ as t, f as n, g as r, h as i, l as a, m as o, u as s, x as c } from "./badge-locale-Du41PpLA.js";
+import { $ as l, A as u, D as d, H as f, K as p, M as m, Q as h, S as g, U as _, W as v, Z as y, _ as b, b as x, c as S, ct as C, d as w, dt as T, ft as E, h as D, ht as O, i as ee, j as k, l as te, lt as ne, m as A, mt as j, n as re, ot as ie, p as M, pt as N, ut as ae, v as P, x as F } from "./breadcrumb.context-BssgEydx.js";
+import { i as I, n as oe, r as se, t as ce } from "./loading-provider-E3fbcekM.js";
+import L, { useState as le } from "react";
 import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
-import { IconChevronLeft as ue, IconChevronRight as de, IconDotsVertical as V, IconDownload as fe, IconLogout as pe, IconPlus as H, IconSearch as U, IconUserCircle as me } from "@tabler/icons-react";
-import { useTranslation as W } from "react-i18next";
+import { useTranslation as V } from "react-i18next";
+import { IconChevronLeft as ue, IconChevronRight as de, IconDotsVertical as H, IconDownload as fe, IconLogout as pe, IconPlus as U, IconSearch as W, IconUserCircle as me } from "@tabler/icons-react";
 import { Icon as he } from "@iconify/react";
 import { NavLink as G, Outlet as K, useLocation as q, useNavigate as J } from "react-router-dom";
 import { columnFilteringFeature as ge, createCoreRowModel as _e, createFilteredRowModel as ve, createPaginatedRowModel as ye, createSortedRowModel as be, globalFilteringFeature as xe, rowPaginationFeature as Se, rowSortingFeature as Ce, useTable as we } from "@tanstack/react-table";
@@ -17,11 +17,11 @@ function Y(e) {
 //#region src/components/router/grid.list.tsx
 var X = () => null;
 X.displayName = "GridListNewButton";
-var Z = () => null;
-Z.displayName = "GridListAction";
 var Te = () => null;
-Te.displayName = "GridListItemAction";
-var Ee = [
+Te.displayName = "GridListAction";
+var Ee = () => null;
+Ee.displayName = "GridListItemAction";
+var De = [
 	"vg-accent-solid",
 	"from-emerald-500 to-teal-500",
 	"from-violet-500 to-purple-500",
@@ -31,15 +31,15 @@ var Ee = [
 	"from-fuchsia-500 to-pink-500",
 	"from-lime-500 to-emerald-500"
 ];
-function De(e) {
+function Oe(e) {
 	let t = 0;
 	for (let n = 0; n < e.length; n++) t = (e.codePointAt(n) ?? 0) + ((t << 5) - t);
-	return Ee[Math.abs(t) % Ee.length];
+	return De[Math.abs(t) % De.length];
 }
-function Oe(e) {
+function ke(e) {
 	return e.split(/[\s\-_]+/).filter(Boolean).slice(0, 2).map((e) => e[0].toUpperCase()).join("");
 }
-var ke = {
+var Ae = {
 	columnFilteringFeature: ge,
 	globalFilteringFeature: xe,
 	rowPaginationFeature: Se,
@@ -48,7 +48,7 @@ var ke = {
 	filteredRowModel: ve(),
 	paginatedRowModel: ye(),
 	sortedRowModel: be()
-}, Ae = [
+}, je = [
 	{
 		accessorKey: "name",
 		header: "Name"
@@ -61,21 +61,20 @@ var ke = {
 		accessorKey: "url",
 		header: "URL"
 	}
-], je = Object.assign(({ gridItemList: t, children: i }) => {
-	let { t: c } = W(), u = J(), d = [], f = [];
-	I.Children.forEach(i, (e) => {
-		if (I.isValidElement(e)) {
+], Me = Object.assign(({ gridItemList: t, children: i }) => {
+	let { t: c } = V(), u = J(), d = [], f = [];
+	L.Children.forEach(i, (e) => {
+		if (L.isValidElement(e)) {
 			if (Y(e) === "GridListNewButton") {
 				let { to: t, label: n } = e.props;
 				d.push({
 					key: `new-${n}`,
 					render: () => /* @__PURE__ */ B(r, {
 						onClick: () => u(t),
-						children: [
-							/* @__PURE__ */ z(H, { className: "size-4 mr-2" }),
-							"New ",
-							n
-						]
+						children: [/* @__PURE__ */ z(U, { className: "size-4 mr-2" }), c("sidebar.new", {
+							feature: n,
+							defaultValue: "New {{feature}}"
+						})]
 					})
 				});
 			} else if (Y(e) === "GridListAction") {
@@ -96,13 +95,13 @@ var ke = {
 			}
 		}
 	});
-	let m = f.length > 0, g = f.filter((e) => e.position === "left"), b = f.filter((e) => e.position === "right"), [x, S] = L({
+	let m = f.length > 0, g = f.filter((e) => e.position === "left"), b = f.filter((e) => e.position === "right"), [x, S] = le({
 		pageIndex: 0,
 		pageSize: 12
-	}), [C, w] = I.useState([]), [T, E] = L(""), D = we({
-		features: ke,
+	}), [C, w] = L.useState([]), [T, E] = le(""), D = we({
+		features: Ae,
 		data: t,
-		columns: Ae,
+		columns: je,
 		onSortingChange: w,
 		state: {
 			globalFilter: T,
@@ -121,7 +120,7 @@ var ke = {
 				children: [
 					/* @__PURE__ */ B("div", {
 						className: "relative flex-1 max-w-sm",
-						children: [/* @__PURE__ */ z(U, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ z(a, {
+						children: [/* @__PURE__ */ z(W, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ z(a, {
 							placeholder: c("forms.common.search"),
 							value: T ?? "",
 							onChange: (e) => E(e.target.value),
@@ -144,14 +143,14 @@ var ke = {
 								variant: "outline",
 								size: "sm",
 								className: "gap-1.5",
-								children: [/* @__PURE__ */ z(V, { className: "size-4" }), /* @__PURE__ */ z("span", {
+								children: [/* @__PURE__ */ z(H, { className: "size-4" }), /* @__PURE__ */ z("span", {
 									className: "hidden sm:inline",
 									children: c("forms.common.actions")
 								})]
 							})
 						}), /* @__PURE__ */ z(o, {
 							align: "end",
-							children: d.map((e) => /* @__PURE__ */ z(I.Fragment, { children: e.render() }, e.key))
+							children: d.map((e) => /* @__PURE__ */ z(L.Fragment, { children: e.render() }, e.key))
 						})] })
 					})
 				]
@@ -159,7 +158,7 @@ var ke = {
 			O.length > 0 ? /* @__PURE__ */ z("div", {
 				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4",
 				children: O.map((e) => {
-					let t = e.getValue("name"), n = e.getValue("description"), r = e.getValue("url"), i = e.original.icon ?? void 0, a = De(t), o = Oe(t), s = /* @__PURE__ */ B(l, {
+					let t = e.getValue("name"), n = e.getValue("description"), r = e.getValue("url"), i = e.original.icon ?? void 0, a = Oe(t), o = ke(t), s = /* @__PURE__ */ B(l, {
 						className: "relative overflow-hidden p-0 h-full transition-all duration-200 hover:shadow-lg hover:shadow-[var(--vg-accent-surface)] hover:-translate-y-0.5 border-border/60 hover:border-[var(--vg-accent-line)]",
 						children: [/* @__PURE__ */ z("div", { className: `h-1.5 bg-linear-to-r ${a} opacity-70 group-hover:opacity-100 transition-opacity` }), /* @__PURE__ */ B("div", {
 							className: "p-4 flex items-start gap-3",
@@ -220,7 +219,7 @@ var ke = {
 				className: "p-8",
 				children: /* @__PURE__ */ B("div", {
 					className: "text-center text-muted-foreground",
-					children: [/* @__PURE__ */ z(U, { className: "h-8 w-8 mx-auto mb-2 opacity-40" }), /* @__PURE__ */ z("p", {
+					children: [/* @__PURE__ */ z(W, { className: "h-8 w-8 mx-auto mb-2 opacity-40" }), /* @__PURE__ */ z("p", {
 						className: "text-sm",
 						children: c("forms.common.noResults")
 					})]
@@ -269,6 +268,7 @@ var ke = {
 							onClick: () => D.previousPage(),
 							disabled: !D.getCanPreviousPage(),
 							className: "h-8 w-8 p-0",
+							"aria-label": c("common.goToPreviousPage", { defaultValue: "Go to previous page" }),
 							children: /* @__PURE__ */ z("span", { children: "<" })
 						}), /* @__PURE__ */ z(s, {
 							variant: "outline",
@@ -276,6 +276,7 @@ var ke = {
 							onClick: () => D.nextPage(),
 							disabled: !D.getCanNextPage(),
 							className: "h-8 w-8 p-0",
+							"aria-label": c("common.goToNextPage", { defaultValue: "Go to next page" }),
 							children: /* @__PURE__ */ z("span", { children: ">" })
 						})]
 					})
@@ -285,37 +286,37 @@ var ke = {
 	});
 }, {
 	NewButton: X,
-	Action: Z,
-	ItemAction: Te
-}), Me = (e) => !e.url && (e.children?.length ?? 0) > 0, Ne = (e, t, n) => {
+	Action: Te,
+	ItemAction: Ee
+}), Ne = (e) => !e.url && (e.children?.length ?? 0) > 0, Pe = (e, t, n) => {
 	if (e.url) {
 		let r = (t ?? "") + e.url;
 		if (n === r || n.startsWith(r + "/")) return !0;
 	}
-	return e.children?.some((e) => Ne(e, t, n)) ?? !1;
-}, Pe = (e) => (e ?? 0).toLocaleString(), Q = (e, t, n, r, i) => e.map((e) => /* @__PURE__ */ B(g, { children: [/* @__PURE__ */ z(P, {
+	return e.children?.some((e) => Pe(e, t, n)) ?? !1;
+}, Fe = (e) => (e ?? 0).toLocaleString(), Z = (e, t, n, r, i) => e.map((e) => /* @__PURE__ */ B(g, { children: [/* @__PURE__ */ z(F, {
 	tooltip: e.title,
-	isActive: Ne(e, t, n),
+	isActive: Pe(e, t, n),
 	asChild: !0,
 	children: /* @__PURE__ */ B(G, {
 		to: (t ?? "") + (e.url ?? ""),
 		onClick: i,
 		children: [e.icon && /* @__PURE__ */ z(e.icon, { className: "size-5!" }), /* @__PURE__ */ z("span", { children: e.title })]
 	})
-}), !r && e.children && e.children.length > 0 && /* @__PURE__ */ z(N, {
+}), !r && e.children && e.children.length > 0 && /* @__PURE__ */ z(P, {
 	className: "ml-4",
-	children: Q(e.children, t, n, r, i)
-})] }, e.title)), $ = ({ icon: e, feature: t, name: n, urlBase: r, isNew: i, data: a, onDelete: o, onExport: c, open: l, setOpen: u }) => {
-	let { t: d } = W(), f = q().pathname, { state: p, isMobile: m, setOpenMobile: h } = k(), _ = p === "collapsed", v = m ? () => h(!1) : void 0;
+	children: Z(e.children, t, n, r, i)
+})] }, e.title)), Q = ({ icon: e, feature: t, name: n, urlBase: r, isNew: i, data: a, onDelete: o, onExport: c, open: l, setOpen: u }) => {
+	let { t: d } = V(), f = q().pathname, { state: p, isMobile: m, setOpenMobile: h } = k(), _ = p === "collapsed", v = m ? () => h(!1) : void 0;
 	return /* @__PURE__ */ B(S, {
 		collapsible: "icon",
 		variant: "inset",
 		position: "absolute",
 		children: [/* @__PURE__ */ z(D, {
 			className: "pb-3",
-			children: /* @__PURE__ */ z(N, { children: /* @__PURE__ */ B(g, {
+			children: /* @__PURE__ */ z(P, { children: /* @__PURE__ */ B(g, {
 				className: "flex items-center",
-				children: [/* @__PURE__ */ z(P, {
+				children: [/* @__PURE__ */ z(F, {
 					asChild: !0,
 					className: "data-[slot=sidebar-menu-button]:p-1.5!",
 					children: /* @__PURE__ */ B(G, {
@@ -336,7 +337,7 @@ var ke = {
 						size: "icon-sm",
 						onClick: c,
 						children: /* @__PURE__ */ z(fe, { className: "size-5!" })
-					}), !i && o && u && /* @__PURE__ */ z(F, {
+					}), !i && o && u && /* @__PURE__ */ z(I, {
 						feature: t,
 						name: n,
 						onDelete: o,
@@ -345,32 +346,32 @@ var ke = {
 					})]
 				})]
 			}) })
-		}), /* @__PURE__ */ B(te, { children: [a?.counts && a.counts.length > 0 && /* @__PURE__ */ B(w, { children: [/* @__PURE__ */ z(A, { children: d("sidebar.indexing") }), /* @__PURE__ */ z(j, {
+		}), /* @__PURE__ */ B(te, { children: [a?.counts && a.counts.length > 0 && /* @__PURE__ */ B(w, { children: [/* @__PURE__ */ z(A, { children: d("sidebar.indexing") }), /* @__PURE__ */ z(M, {
 			className: "flex flex-col gap-2 pt-4",
-			children: /* @__PURE__ */ z(N, { children: a.counts.map((e) => /* @__PURE__ */ B(g, { children: [/* @__PURE__ */ B(P, {
-				tooltip: e.title + ": " + Pe(e.count),
+			children: /* @__PURE__ */ z(P, { children: a.counts.map((e) => /* @__PURE__ */ B(g, { children: [/* @__PURE__ */ B(F, {
+				tooltip: e.title + ": " + Fe(e.count),
 				variant: "outline",
 				children: [e.icon && /* @__PURE__ */ z(e.icon, { className: "size-5!" }), /* @__PURE__ */ z("span", { children: e.title })]
-			}), !_ && /* @__PURE__ */ z(x, { children: Pe(e.count) })] }, e.title)) })
+			}), !_ && /* @__PURE__ */ z(x, { children: Fe(e.count) })] }, e.title)) })
 		})] }), (() => {
-			let e = a?.navMain ?? [], n = i ? e.filter((e) => e.showOnNew ?? e.url === "/detail") : e, o = n.filter((e) => !Me(e)), s = n.filter(Me);
-			return /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ B(w, { children: [/* @__PURE__ */ z(A, { children: t }), /* @__PURE__ */ z(j, {
+			let e = a?.navMain ?? [], n = i ? e.filter((e) => e.showOnNew ?? e.url === "/detail") : e, o = n.filter((e) => !Ne(e)), s = n.filter(Ne);
+			return /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ B(w, { children: [/* @__PURE__ */ z(A, { children: t }), /* @__PURE__ */ z(M, {
 				className: "flex flex-col gap-2",
-				children: /* @__PURE__ */ z(N, { children: Q(o, r, f, _, v) })
-			})] }), s.map((e) => /* @__PURE__ */ B(w, { children: [/* @__PURE__ */ z(A, { children: e.title }), /* @__PURE__ */ z(j, {
+				children: /* @__PURE__ */ z(P, { children: Z(o, r, f, _, v) })
+			})] }), s.map((e) => /* @__PURE__ */ B(w, { children: [/* @__PURE__ */ z(A, { children: e.title }), /* @__PURE__ */ z(M, {
 				className: "flex flex-col gap-2",
-				children: /* @__PURE__ */ z(N, { children: Q(e.children ?? [], r, f, _, v) })
+				children: /* @__PURE__ */ z(P, { children: Z(e.children ?? [], r, f, _, v) })
 			})] }, e.title))] });
 		})()] })]
 	});
 };
 //#endregion
 //#region src/components/router/nav-main.tsx
-function Fe({ groups: e }) {
+function Ie({ groups: e }) {
 	let t = q().pathname, { isMobile: n, setOpenMobile: r } = k();
-	return /* @__PURE__ */ z(R, { children: e.map((e) => /* @__PURE__ */ B(w, { children: [e.label && /* @__PURE__ */ z(A, { children: e.label }), /* @__PURE__ */ z(j, {
+	return /* @__PURE__ */ z(R, { children: e.map((e) => /* @__PURE__ */ B(w, { children: [e.label && /* @__PURE__ */ z(A, { children: e.label }), /* @__PURE__ */ z(M, {
 		className: "flex flex-col gap-2",
-		children: /* @__PURE__ */ z(N, { children: e.items.map((e) => /* @__PURE__ */ z(g, { children: /* @__PURE__ */ z(P, {
+		children: /* @__PURE__ */ z(P, { children: e.items.map((e) => /* @__PURE__ */ z(g, { children: /* @__PURE__ */ z(F, {
 			tooltip: e.title,
 			isActive: t.startsWith(e.url),
 			asChild: !0,
@@ -384,27 +385,27 @@ function Fe({ groups: e }) {
 }
 //#endregion
 //#region src/components/router/nav-user.tsx
-function Ie({ user: a, accountUrl: s, logoutUrl: l, onLogout: u }) {
-	let { t: d } = W(), { isMobile: f } = k(), p = () => {
+function Le({ user: a, accountUrl: s, logoutUrl: l, onLogout: u }) {
+	let { t: d } = V(), { isMobile: f } = k(), p = () => {
 		u ? u() : l && (globalThis.location.href = l);
-	}, m = I.useMemo(() => {
+	}, m = L.useMemo(() => {
 		let e = a.firstName || "", t = a.lastName || "";
 		if (!e && !t) return " ";
 		let n = `${e} ${t}`.trim().split(" ").filter(Boolean);
 		return n.length === 1 ? n[0].charAt(0).toUpperCase() : n[0].charAt(0).toUpperCase() + (n.at(-1)?.charAt(0).toUpperCase() ?? "");
 	}, [a]), h = a?.avatarUrl || "";
-	return /* @__PURE__ */ z(N, { children: /* @__PURE__ */ z(g, { children: /* @__PURE__ */ B(n, { children: [/* @__PURE__ */ z(e, {
+	return /* @__PURE__ */ z(P, { children: /* @__PURE__ */ z(g, { children: /* @__PURE__ */ B(n, { children: [/* @__PURE__ */ z(e, {
 		asChild: !0,
-		children: /* @__PURE__ */ B(P, {
+		children: /* @__PURE__ */ B(F, {
 			size: "lg",
 			className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
 			children: [
-				/* @__PURE__ */ B(M, {
+				/* @__PURE__ */ B(N, {
 					className: "h-8 w-8 rounded-lg",
 					children: [h && /* @__PURE__ */ z(O, {
 						src: h,
 						alt: a.username
-					}), /* @__PURE__ */ z(re, {
+					}), /* @__PURE__ */ z(j, {
 						className: "rounded-lg",
 						children: m
 					})]
@@ -423,7 +424,7 @@ function Ie({ user: a, accountUrl: s, logoutUrl: l, onLogout: u }) {
 						children: a.email
 					})]
 				}),
-				/* @__PURE__ */ z(V, { className: "ml-auto size-4" })
+				/* @__PURE__ */ z(H, { className: "ml-auto size-4" })
 			]
 		})
 	}), /* @__PURE__ */ B(o, {
@@ -436,12 +437,12 @@ function Ie({ user: a, accountUrl: s, logoutUrl: l, onLogout: u }) {
 				className: "p-0 font-normal",
 				children: /* @__PURE__ */ B("div", {
 					className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm",
-					children: [/* @__PURE__ */ B(M, {
+					children: [/* @__PURE__ */ B(N, {
 						className: "h-8 w-8 rounded-lg",
 						children: [h && /* @__PURE__ */ z(O, {
 							src: h,
 							alt: a.username
-						}), /* @__PURE__ */ z(re, {
+						}), /* @__PURE__ */ z(j, {
 							className: "rounded-lg",
 							children: m
 						})]
@@ -477,7 +478,7 @@ function Ie({ user: a, accountUrl: s, logoutUrl: l, onLogout: u }) {
 }
 //#endregion
 //#region src/components/router/page-content.tsx
-var Le = () => /* @__PURE__ */ z("div", {
+var Re = () => /* @__PURE__ */ z("div", {
 	className: "flex flex-1 flex-col",
 	children: /* @__PURE__ */ z("div", {
 		className: "@container/main flex flex-1 flex-col gap-2",
@@ -486,8 +487,8 @@ var Le = () => /* @__PURE__ */ z("div", {
 			children: /* @__PURE__ */ z(K, {})
 		})
 	})
-}), Re = ({ icon: e, title: t, urlBase: n, children: r }) => {
-	let { items: i } = ie(), a = J(), { t: o } = W(), s = i.length > 0 ? i[i.length - 1] : null, c = i.length > 1 ? i[i.length - 2] : null;
+}), ze = ({ icon: e, title: t, urlBase: n, children: r }) => {
+	let { items: i } = re(), a = J(), { t: o } = V(), s = i.length > 0 ? i[i.length - 1] : null, c = i.length > 1 ? i[i.length - 2] : null;
 	return /* @__PURE__ */ z("header", {
 		className: "flex h-(--header-height) shrink-0 items-center gap-2 border-b transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)",
 		children: /* @__PURE__ */ B("div", {
@@ -503,7 +504,7 @@ var Le = () => /* @__PURE__ */ z("div", {
 					children: [e && /* @__PURE__ */ z("div", {
 						className: "flex h-8 w-8 items-center justify-center rounded-lg vg-accent-chip ring-1 mr-1",
 						children: /* @__PURE__ */ z(e, { className: "size-4.5! vg-accent-text" })
-					}), n ? /* @__PURE__ */ z(ae, { children: /* @__PURE__ */ z(oe, { children: i.map((e, t) => /* @__PURE__ */ B(I.Fragment, { children: [t > 0 && /* @__PURE__ */ z(E, {}), /* @__PURE__ */ z(C, { children: e.href ? /* @__PURE__ */ z(ne, {
+					}), n ? /* @__PURE__ */ z(ie, { children: /* @__PURE__ */ z(ae, { children: i.map((e, t) => /* @__PURE__ */ B(L.Fragment, { children: [t > 0 && /* @__PURE__ */ z(E, {}), /* @__PURE__ */ z(C, { children: e.href ? /* @__PURE__ */ z(ne, {
 						asChild: !0,
 						children: /* @__PURE__ */ z(G, {
 							to: e.href,
@@ -551,24 +552,24 @@ var Le = () => /* @__PURE__ */ z("div", {
 			]
 		})
 	});
-}, ze = ({ icon: e, title: t, urlBase: n }) => /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(Re, {
+}, Be = ({ icon: e, title: t, urlBase: n }) => /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(ze, {
 	icon: e,
 	title: t,
 	urlBase: n
-}), /* @__PURE__ */ z(Le, {})] }), Be = ({ icon: e, feature: t, description: n, urlBase: r }) => {
-	let i = m(), a = i?.isMobile ?? !1, o = i?.toggleSidebar ?? (() => {}), s = /* @__PURE__ */ B("div", {
+}), /* @__PURE__ */ z(Re, {})] }), Ve = ({ icon: e, feature: t, description: n, urlBase: r }) => {
+	let i = m(), a = i?.isMobile ?? !1, o = i?.toggleSidebar ?? (() => {}), { t: s } = V(), c = /* @__PURE__ */ z("div", {
+		className: `flex h-9 w-9 items-center justify-center rounded-lg vg-accent-chip ring-1 ${a ? "cursor-pointer active:scale-95 transition-transform" : ""}`,
+		onClick: a ? o : void 0,
+		onKeyDown: a ? (e) => {
+			(e.key === "Enter" || e.key === " ") && o();
+		} : void 0,
+		tabIndex: a ? 0 : void 0,
+		role: a ? "button" : void 0,
+		title: a ? s("common.openNavigation", { defaultValue: "Open navigation" }) : void 0,
+		children: /* @__PURE__ */ z(e, { className: "size-5! vg-accent-text" })
+	}), l = /* @__PURE__ */ B("div", {
 		className: "flex items-center gap-3",
-		children: [/* @__PURE__ */ z("div", {
-			className: `flex h-9 w-9 items-center justify-center rounded-lg vg-accent-chip ring-1 ${a ? "cursor-pointer active:scale-95 transition-transform" : ""}`,
-			onClick: a ? o : void 0,
-			onKeyDown: a ? (e) => {
-				(e.key === "Enter" || e.key === " ") && o();
-			} : void 0,
-			tabIndex: a ? 0 : void 0,
-			role: a ? "button" : void 0,
-			title: a ? "Open navigation" : void 0,
-			children: /* @__PURE__ */ z(e, { className: "size-5! vg-accent-text" })
-		}), /* @__PURE__ */ B("div", {
+		children: [c, /* @__PURE__ */ B("div", {
 			className: "min-w-0",
 			children: [/* @__PURE__ */ z("h1", {
 				className: "text-base font-semibold leading-tight text-foreground truncate",
@@ -584,20 +585,20 @@ var Le = () => /* @__PURE__ */ z("div", {
 		children: /* @__PURE__ */ z(G, {
 			to: r,
 			className: "group inline-flex max-w-full",
-			children: s
+			children: l
 		})
 	}) : /* @__PURE__ */ z("div", {
 		className: "min-w-0 flex-1",
-		children: s
+		children: l
 	});
 };
-Be.displayName = "StickyPageHeaderTitle";
-var Ve = () => null;
-Ve.displayName = "StickyPageHeaderAction";
-var He = ({ children: t, menuLabel: i }) => {
-	let a = J(), { t: c } = W(), l = [], u = [];
-	I.Children.forEach(t, (e) => {
-		I.isValidElement(e) && e.type?.displayName === "StickyPageHeaderAction" ? l.push(e.props) : u.push(e);
+Ve.displayName = "StickyPageHeaderTitle";
+var He = () => null;
+He.displayName = "StickyPageHeaderAction";
+var Ue = ({ children: t, menuLabel: i }) => {
+	let a = J(), { t: c } = V(), l = [], u = [];
+	L.Children.forEach(t, (e) => {
+		L.isValidElement(e) && e.type?.displayName === "StickyPageHeaderAction" ? l.push(e.props) : u.push(e);
 	});
 	let d = i ?? c("common.actions");
 	return /* @__PURE__ */ B("div", {
@@ -608,7 +609,7 @@ var He = ({ children: t, menuLabel: i }) => {
 				variant: "outline",
 				size: "sm",
 				className: "gap-1.5",
-				children: [/* @__PURE__ */ z(V, { className: "size-4" }), /* @__PURE__ */ z("span", {
+				children: [/* @__PURE__ */ z(H, { className: "size-4" }), /* @__PURE__ */ z("span", {
 					className: "hidden sm:inline",
 					children: i
 				})]
@@ -617,12 +618,12 @@ var He = ({ children: t, menuLabel: i }) => {
 				size: "icon-sm",
 				"aria-label": d,
 				title: d,
-				children: /* @__PURE__ */ z(V, { className: "size-5!" })
+				children: /* @__PURE__ */ z(H, { className: "size-5!" })
 			})
 		}), /* @__PURE__ */ z(o, {
 			align: "end",
 			children: l.map((e) => {
-				let t = e.icon ?? H;
+				let t = e.icon ?? U;
 				return /* @__PURE__ */ B(r, {
 					disabled: e.disabled,
 					onClick: () => {
@@ -634,8 +635,8 @@ var He = ({ children: t, menuLabel: i }) => {
 		})] })]
 	});
 };
-He.displayName = "StickyPageHeaderActions";
-var Ue = Object.assign(({ children: e }) => /* @__PURE__ */ z("header", {
+Ue.displayName = "StickyPageHeaderActions";
+var We = Object.assign(({ children: e }) => /* @__PURE__ */ z("header", {
 	className: "sticky top-0 z-10 -mx-4 lg:-mx-6 mb-5 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/80",
 	children: /* @__PURE__ */ B("div", {
 		className: "flex w-full items-center gap-3 px-4 lg:px-6 py-3",
@@ -648,10 +649,10 @@ var Ue = Object.assign(({ children: e }) => /* @__PURE__ */ z("header", {
 		}), e]
 	})
 }), {
-	Title: Be,
-	Actions: He,
-	Action: Ve
-}), We = {
+	Title: Ve,
+	Actions: Ue,
+	Action: He
+}), Ge = {
 	comfortable: {
 		outer: "px-1 md:px-6 lg:px-8 py-1 md:py-4",
 		inset: "md:mr-1.5 md:my-1.5",
@@ -662,8 +663,8 @@ var Ue = Object.assign(({ children: e }) => /* @__PURE__ */ z("header", {
 		inset: "min-w-0 md:mx-1.5",
 		main: "pt-1 md:pt-2"
 	}
-}, Ge = ({ outletContext: e, density: t = "comfortable", ...n }) => {
-	let r = We[t];
+}, Ke = ({ outletContext: e, density: t = "comfortable", ...n }) => {
+	let r = Ge[t];
 	return /* @__PURE__ */ z("div", {
 		className: `w-full ${r.outer} min-h-[calc(100svh-10.5rem)]`,
 		children: /* @__PURE__ */ z("div", {
@@ -676,9 +677,9 @@ var Ue = Object.assign(({ children: e }) => /* @__PURE__ */ z("header", {
 					"--header-height": "calc(var(--spacing) * 12)",
 					minHeight: 0
 				},
-				children: [/* @__PURE__ */ z($, { ...n }), /* @__PURE__ */ z(b, {
+				children: [/* @__PURE__ */ z(Q, { ...n }), /* @__PURE__ */ z(b, {
 					className: `${r.inset} md:rounded-xl md:border bg-background md:shadow-sm`,
-					children: /* @__PURE__ */ z("main", {
+					children: /* @__PURE__ */ z("div", {
 						className: `flex flex-1 flex-col ${r.main} max-md:[&_.px-6]:px-2`,
 						children: /* @__PURE__ */ z(K, { context: e })
 					})
@@ -686,25 +687,25 @@ var Ue = Object.assign(({ children: e }) => /* @__PURE__ */ z("header", {
 			})
 		})
 	});
-}, Ke = () => null;
-Ke.displayName = "SubPageHeaderAction";
+}, $ = () => null;
+$.displayName = "SubPageHeaderAction";
 var qe = Object.assign(({ icon: t, feature: i, name: a, description: c, urlBase: l, onDelete: d, open: p, setOpen: h, children: g }) => {
-	let _ = m(), v = _?.isMobile ?? !1, y = _?.toggleSidebar ?? (() => {}), b = J(), x = [];
-	I.Children.forEach(g, (e) => {
-		I.isValidElement(e) && Y(e) === "SubPageHeaderAction" && x.push(e.props);
+	let _ = m(), v = _?.isMobile ?? !1, y = _?.toggleSidebar ?? (() => {}), b = J(), { t: x } = V(), S = [];
+	L.Children.forEach(g, (e) => {
+		L.isValidElement(e) && Y(e) === "SubPageHeaderAction" && S.push(e.props);
 	});
-	let S = /* @__PURE__ */ B("div", {
+	let C = t && /* @__PURE__ */ z("div", {
+		className: `flex h-9 w-9 items-center justify-center rounded-lg vg-accent-chip ring-1 ${v ? "cursor-pointer active:scale-95 transition-transform" : ""}`,
+		onClick: v ? y : void 0,
+		onKeyDown: v ? (e) => {
+			(e.key === "Enter" || e.key === " ") && y();
+		} : void 0,
+		tabIndex: v ? 0 : void 0,
+		title: v ? x("common.openNavigation", { defaultValue: "Open navigation" }) : void 0,
+		children: /* @__PURE__ */ z(t, { className: "size-5! vg-accent-text" })
+	}), w = /* @__PURE__ */ B("div", {
 		className: "flex items-center gap-3",
-		children: [t && /* @__PURE__ */ z("div", {
-			className: `flex h-9 w-9 items-center justify-center rounded-lg vg-accent-chip ring-1 ${v ? "cursor-pointer active:scale-95 transition-transform" : ""}`,
-			onClick: v ? y : void 0,
-			onKeyDown: v ? (e) => {
-				(e.key === "Enter" || e.key === " ") && y();
-			} : void 0,
-			tabIndex: v ? 0 : void 0,
-			title: v ? "Open navigation" : void 0,
-			children: /* @__PURE__ */ z(t, { className: "size-5! vg-accent-text" })
-		}), /* @__PURE__ */ B("div", {
+		children: [C, /* @__PURE__ */ B("div", {
 			className: "min-w-0",
 			children: [/* @__PURE__ */ z("h1", {
 				className: "text-base font-semibold leading-tight text-foreground",
@@ -732,26 +733,26 @@ var qe = Object.assign(({ icon: t, feature: i, name: a, description: c, urlBase:
 					children: l && !v ? /* @__PURE__ */ z(G, {
 						to: l,
 						className: "group inline-flex",
-						children: S
-					}) : S
+						children: w
+					}) : w
 				}),
 				/* @__PURE__ */ B("div", {
 					className: "flex items-center gap-2",
-					children: [x.length > 0 && /* @__PURE__ */ B(n, { children: [/* @__PURE__ */ z(e, {
+					children: [S.length > 0 && /* @__PURE__ */ B(n, { children: [/* @__PURE__ */ z(e, {
 						asChild: !0,
 						children: /* @__PURE__ */ B(s, {
 							variant: "outline",
 							size: "sm",
 							className: "gap-1.5",
-							children: [/* @__PURE__ */ z(V, { className: "size-4" }), /* @__PURE__ */ z("span", {
+							children: [/* @__PURE__ */ z(H, { className: "size-4" }), /* @__PURE__ */ z("span", {
 								className: "hidden sm:inline",
-								children: "Actions"
+								children: x("common.actions", { defaultValue: "Actions" })
 							})]
 						})
 					}), /* @__PURE__ */ z(o, {
 						align: "end",
-						children: x.map((e) => {
-							let t = e.icon ?? H;
+						children: S.map((e) => {
+							let t = e.icon ?? U;
 							return /* @__PURE__ */ B(r, {
 								disabled: e.disabled,
 								onClick: () => {
@@ -760,7 +761,7 @@ var qe = Object.assign(({ icon: t, feature: i, name: a, description: c, urlBase:
 								children: [/* @__PURE__ */ z(t, { className: "size-4 mr-2" }), e.label]
 							}, e.label);
 						})
-					})] }), p !== void 0 && d !== void 0 && h !== void 0 && /* @__PURE__ */ z(F, {
+					})] }), p !== void 0 && d !== void 0 && h !== void 0 && /* @__PURE__ */ z(I, {
 						feature: i,
 						name: a,
 						onDelete: d,
@@ -771,6 +772,6 @@ var qe = Object.assign(({ icon: t, feature: i, name: a, description: c, urlBase:
 			]
 		}), /* @__PURE__ */ z(f, { className: "mt-3" })]
 	});
-}, { Action: Ke });
+}, { Action: $ });
 //#endregion
-export { se as BlankSlate, F as DialogDelete, ce as GradientButtonLink, je as GridList, $ as InternalSidebar, le as LoadProvider, Fe as NavMain, Ie as NavUser, ze as Page, Le as PageContent, Re as PageHeader, Ue as StickyPageHeader, Ge as SubPage, qe as SubPageHeader };
+export { oe as BlankSlate, I as DialogDelete, se as GradientButtonLink, Me as GridList, Q as InternalSidebar, ce as LoadProvider, Ie as NavMain, Le as NavUser, Be as Page, Re as PageContent, ze as PageHeader, We as StickyPageHeader, Ke as SubPage, qe as SubPageHeader };