@viglet/viglet-design-system 2026.2.57 → 2026.3.3

package/dist/router.es.js

@@ -1,197 +1,27 @@
-import { $ as e, A as t, B as n, C as r, Ct as i, Dt as a, Et as o, Gt as s, Kt as c, Mt as l, N as u, Nt as d, Ot as f, P as p, Pt as m, Qt as h, T as g, Ut as _, Vt as v, Wt as y, X as ee, Xt as b, Y as x, Z as te, Zt as S, _ as C, at as ne, b as re, ct as ie, d as ae, dt as w, f as oe, ft as se, g as T, i as ce, in as le, it as ue, kt as E, l as de, lt as D, m as O, mt as fe, n as pe, ot as k, pt as A, qt as me, st as j, u as he, v as ge, vt as M, w as N, wt as _e, x as P } from "./breadcrumb.context-CCiYXxir.js";
-import F, { useState as I } from "react";
-import { Fragment as L, jsx as R, jsxs as z } from "react/jsx-runtime";
-import { IconAlertTriangle as ve, IconAlertTriangleFilled as ye, IconChevronLeft as be, IconChevronRight as xe, IconDotsVertical as B, IconDownload as Se, IconLogout as Ce, IconPlus as V, IconSearch as H, IconTrash as U, IconUserCircle as we } from "@tabler/icons-react";
-import { useTranslation as W } from "react-i18next";
-import { NavLink as G, Outlet as K, useLocation as q, useNavigate as J } from "react-router-dom";
-import { getCoreRowModel as Te, getFilteredRowModel as Ee, getPaginationRowModel as De, getSortedRowModel as Oe, useReactTable as ke } from "@tanstack/react-table";
-import { Icon as Ae } from "@iconify/react";
-//#region src/components/router/gradient-button-link.tsx
-function Y({ className: e, variant: t, size: n, to: r, onClick: i, children: a }) {
-	return /* @__PURE__ */ R(G, {
-		to: r,
-		"data-slot": "gradient-button",
-		className: le(ie({
-			variant: t,
-			size: n,
-			className: e
-		})),
-		onClick: (e) => {
-			let t = typeof r == "string" ? r : r.pathname;
-			t && globalThis.location.pathname === t && globalThis.location.reload(), i && i(e);
-		},
-		children: a
-	});
+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 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-h2A2IEJ_.js";
+import { i as I, n as oe, r as se, t as ce } from "./loading-provider-CMnOuvdR.js";
+import L, { useState as R } from "react";
+import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
+import { IconChevronLeft as le, IconChevronRight as ue, IconDotsVertical as H, IconDownload as de, IconLogout as fe, IconPlus as U, IconSearch as W, IconUserCircle as pe } from "@tabler/icons-react";
+import { useTranslation as G } from "react-i18next";
+import { Icon as me } from "@iconify/react";
+import { NavLink as K, Outlet as q, useLocation as J, useNavigate as Y } from "react-router-dom";
+import { columnFilteringFeature as he, createCoreRowModel as ge, createFilteredRowModel as _e, createPaginatedRowModel as ve, createSortedRowModel as ye, globalFilteringFeature as be, rowPaginationFeature as xe, rowSortingFeature as Se, useTable as Ce } from "@tanstack/react-table";
+//#region src/lib/react-markers.ts
+function X(e) {
+	return typeof e.type == "string" ? void 0 : e.type.displayName;
 }
 //#endregion
-//#region src/components/router/blank-slate.tsx
-var X = ({ icon: e, title: t, description: n, urlNew: r, buttonText: i }) => /* @__PURE__ */ R("div", {
-	className: "flex items-center justify-center px-6 py-16",
-	children: /* @__PURE__ */ R("div", {
-		className: "relative w-full max-w-md overflow-hidden rounded-2xl border border-border/50 bg-card/80 backdrop-blur-sm shadow-xl",
-		children: /* @__PURE__ */ z("div", {
-			className: "relative flex flex-col items-center text-center px-8 py-12 space-y-6",
-			children: [
-				/* @__PURE__ */ z("div", {
-					className: "relative",
-					children: [/* @__PURE__ */ R("div", { className: "absolute inset-0 rounded-2xl bg-gradient-to-br from-blue-500/20 to-indigo-500/20 blur-xl animate-pulse" }), /* @__PURE__ */ R("div", {
-						className: "relative inline-flex h-16 w-16 items-center justify-center rounded-2xl bg-gradient-to-br from-blue-600 to-indigo-600 shadow-lg shadow-blue-500/25 ring-4 ring-blue-500/10",
-						children: /* @__PURE__ */ R(e, {
-							className: "text-white",
-							size: 30
-						})
-					})]
-				}),
-				/* @__PURE__ */ z("div", {
-					className: "space-y-2",
-					children: [/* @__PURE__ */ R("h2", {
-						className: "text-xl font-semibold tracking-tight",
-						children: t
-					}), /* @__PURE__ */ R("p", {
-						className: "text-sm text-muted-foreground leading-relaxed max-w-xs mx-auto",
-						children: n
-					})]
-				}),
-				r && /* @__PURE__ */ R(Y, {
-					size: "lg",
-					to: r,
-					children: i
-				})
-			]
-		})
-	})
-}), Z = ({ feature: e, name: t, onDelete: n, open: r, setOpen: i, trigger: s, blockedBy: c, title: u, description: p, confirmLabel: m }) => {
-	let h = c && c.length > 0, g = J(), { t: _ } = W(), [v, y] = I(""), ee = v === t;
-	function b(e) {
-		i(e), e || y("");
-	}
-	return /* @__PURE__ */ z(_e, {
-		open: r,
-		onOpenChange: b,
-		children: [s !== null && /* @__PURE__ */ R(d, {
-			asChild: !0,
-			children: s ?? /* @__PURE__ */ R(j, {
-				variant: "ghost",
-				size: "icon-sm",
-				children: /* @__PURE__ */ R(U, { className: "size-5!" })
-			})
-		}), /* @__PURE__ */ R(o, {
-			className: "sm:max-w-md",
-			children: h ? /* @__PURE__ */ z(L, { children: [
-				/* @__PURE__ */ z(E, { children: [
-					/* @__PURE__ */ R("div", {
-						className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-amber-500/10 ring-1 ring-amber-500/20 mb-2",
-						children: /* @__PURE__ */ R(ve, { className: "size-6 text-amber-500" })
-					}),
-					/* @__PURE__ */ R(l, {
-						className: "text-center",
-						children: _("dialog.cannotDelete", { feature: e })
-					}),
-					/* @__PURE__ */ R(a, {
-						className: "text-center",
-						children: _("dialog.inUse", { name: t })
-					})
-				] }),
-				/* @__PURE__ */ z("div", {
-					className: "space-y-3",
-					children: [
-						/* @__PURE__ */ R("p", {
-							className: "text-sm text-muted-foreground",
-							children: _("dialog.dependingSites", { feature: e })
-						}),
-						/* @__PURE__ */ R("div", {
-							className: "flex flex-wrap gap-2",
-							children: c.map((e) => {
-								let t = e.language ? de(e.language) : void 0;
-								return /* @__PURE__ */ R(he, {
-									text: e.name,
-									href: e.href,
-									onClick: (e) => {
-										i(!1), e && g(e);
-									},
-									prefix: t ? /* @__PURE__ */ R("img", {
-										src: `https://flagcdn.com/w40/${t}.png`,
-										alt: e.language,
-										className: "w-4 h-3 object-cover rounded-sm"
-									}) : void 0
-								}, e.id);
-							})
-						}),
-						/* @__PURE__ */ R("p", {
-							className: "text-xs text-muted-foreground",
-							children: _("dialog.removeDependencies", { feature: e })
-						})
-					]
-				}),
-				/* @__PURE__ */ R(f, { children: /* @__PURE__ */ R(j, {
-					onClick: () => i(!1),
-					variant: "outline",
-					className: "w-full",
-					children: _("dialog.understood")
-				}) })
-			] }) : /* @__PURE__ */ z(L, { children: [
-				/* @__PURE__ */ z(E, { children: [
-					/* @__PURE__ */ R("div", {
-						className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-red-500/10 ring-1 ring-red-500/20 mb-2",
-						children: /* @__PURE__ */ R(U, { className: "size-6 text-red-500" })
-					}),
-					/* @__PURE__ */ R(l, {
-						className: "text-center",
-						children: u ?? _("dialog.deleteFeature", { feature: e })
-					}),
-					/* @__PURE__ */ R(a, {
-						className: "text-center",
-						children: p ?? _("dialog.permanentDelete", { name: t })
-					})
-				] }),
-				/* @__PURE__ */ z("div", {
-					className: "space-y-2",
-					children: [/* @__PURE__ */ z("label", {
-						className: "text-sm text-muted-foreground",
-						children: [
-							_("dialog.typeToConfirm"),
-							" ",
-							/* @__PURE__ */ R("span", {
-								className: "font-mono font-semibold text-foreground bg-muted px-1.5 py-0.5 rounded",
-								children: t
-							}),
-							" ",
-							_("dialog.toConfirm")
-						]
-					}), /* @__PURE__ */ R(k, {
-						value: v,
-						onChange: (e) => y(e.target.value),
-						placeholder: t,
-						className: "font-mono text-sm",
-						autoFocus: !0
-					})]
-				}),
-				/* @__PURE__ */ z(f, {
-					className: "flex-col gap-2 sm:flex-col",
-					children: [/* @__PURE__ */ z(j, {
-						onClick: n,
-						variant: "destructive",
-						disabled: !ee,
-						className: "w-full",
-						children: [/* @__PURE__ */ R(U, { className: "size-4" }), m ?? _("dialog.deleteFeature", { feature: e })]
-					}), /* @__PURE__ */ R(j, {
-						onClick: () => b(!1),
-						variant: "ghost",
-						className: "w-full",
-						children: _("common.cancel")
-					})]
-				})
-			] })
-		})]
-	});
-}, Q = () => null;
-Q.displayName = "GridListNewButton";
-var je = () => null;
-je.displayName = "GridListAction";
-var Me = () => null;
-Me.displayName = "GridListItemAction";
-var Ne = [
-	"from-blue-500 to-indigo-500",
+//#region src/components/router/grid.list.tsx
+var Z = () => null;
+Z.displayName = "GridListNewButton";
+var Q = () => null;
+Q.displayName = "GridListAction";
+var $ = () => null;
+$.displayName = "GridListItemAction";
+var we = [
+	"vg-accent-solid",
 	"from-emerald-500 to-teal-500",
 	"from-violet-500 to-purple-500",
 	"from-amber-500 to-orange-500",
@@ -200,15 +30,24 @@ var Ne = [
 	"from-fuchsia-500 to-pink-500",
 	"from-lime-500 to-emerald-500"
 ];
-function Pe(e) {
+function Te(e) {
 	let t = 0;
 	for (let n = 0; n < e.length; n++) t = (e.codePointAt(n) ?? 0) + ((t << 5) - t);
-	return Ne[Math.abs(t) % Ne.length];
+	return we[Math.abs(t) % we.length];
 }
-function Fe(e) {
+function Ee(e) {
 	return e.split(/[\s\-_]+/).filter(Boolean).slice(0, 2).map((e) => e[0].toUpperCase()).join("");
 }
-var Ie = [
+var De = {
+	columnFilteringFeature: he,
+	globalFilteringFeature: be,
+	rowPaginationFeature: xe,
+	rowSortingFeature: Se,
+	coreRowModel: ge(),
+	filteredRowModel: _e(),
+	paginatedRowModel: ve(),
+	sortedRowModel: ye()
+}, Oe = [
 	{
 		accessorKey: "name",
 		header: "Name"
@@ -221,33 +60,33 @@ var Ie = [
 		accessorKey: "url",
 		header: "URL"
 	}
-], Le = Object.assign(({ gridItemList: t, children: n }) => {
-	let { t: r } = W(), a = J(), o = [], s = [];
-	F.Children.forEach(n, (e) => {
-		if (F.isValidElement(e)) {
-			if (e.type?.displayName === "GridListNewButton") {
+], ke = Object.assign(({ gridItemList: t, children: i }) => {
+	let { t: c } = G(), u = Y(), d = [], f = [];
+	L.Children.forEach(i, (e) => {
+		if (L.isValidElement(e)) {
+			if (X(e) === "GridListNewButton") {
 				let { to: t, label: n } = e.props;
-				o.push({
+				d.push({
 					key: `new-${n}`,
-					render: () => /* @__PURE__ */ z(A, {
-						onClick: () => a(t),
+					render: () => /* @__PURE__ */ V(r, {
+						onClick: () => u(t),
 						children: [
-							/* @__PURE__ */ R(V, { className: "size-4 mr-2" }),
+							/* @__PURE__ */ B(U, { className: "size-4 mr-2" }),
 							"New ",
 							n
 						]
 					})
 				});
-			} else if (e.type?.displayName === "GridListAction") {
+			} else if (X(e) === "GridListAction") {
 				let { children: t } = e.props;
-				o.push({
-					key: `action-${o.length}`,
-					render: () => /* @__PURE__ */ R(L, { children: t })
+				d.push({
+					key: `action-${d.length}`,
+					render: () => /* @__PURE__ */ B(z, { children: t })
 				});
-			} else if (e.type?.displayName === "GridListItemAction") {
+			} else if (X(e) === "GridListItemAction") {
 				let t = e.props;
-				s.push({
-					key: `item-action-${s.length}`,
+				f.push({
+					key: `item-action-${f.length}`,
 					icon: t.icon,
 					label: t.label,
 					onClick: t.onClick,
@@ -256,190 +95,187 @@ var Ie = [
 			}
 		}
 	});
-	let c = s.length > 0, l = s.filter((e) => e.position === "left"), u = s.filter((e) => e.position === "right"), [d, f] = I({
+	let m = f.length > 0, g = f.filter((e) => e.position === "left"), b = f.filter((e) => e.position === "right"), [x, S] = R({
 		pageIndex: 0,
 		pageSize: 12
-	}), [p, h] = F.useState([]), [g, _] = I(""), v = ke({
+	}), [C, w] = L.useState([]), [T, E] = R(""), D = Ce({
+		features: De,
 		data: t,
-		columns: Ie,
-		onSortingChange: h,
-		getCoreRowModel: Te(),
-		getPaginationRowModel: De(),
-		getSortedRowModel: Oe(),
-		getFilteredRowModel: Ee(),
+		columns: Oe,
+		onSortingChange: w,
 		state: {
-			globalFilter: g,
-			pagination: d,
-			sorting: p
+			globalFilter: T,
+			pagination: x,
+			sorting: C
 		},
-		onGlobalFilterChange: _,
+		onGlobalFilterChange: E,
 		getColumnCanGlobalFilter: (e) => e.id === "name" || e.id === "description",
-		onPaginationChange: f
-	}), y = v.getRowModel().rows;
-	return /* @__PURE__ */ z("div", {
+		onPaginationChange: S
+	}), O = D.getRowModel().rows;
+	return /* @__PURE__ */ V("div", {
 		className: "px-6",
 		children: [
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flex items-center gap-3 mb-4",
 				children: [
-					/* @__PURE__ */ z("div", {
+					/* @__PURE__ */ V("div", {
 						className: "relative flex-1 max-w-sm",
-						children: [/* @__PURE__ */ R(H, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ R(k, {
-							placeholder: r("forms.common.search"),
-							value: g ?? "",
-							onChange: (e) => _(e.target.value),
+						children: [/* @__PURE__ */ B(W, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ B(a, {
+							placeholder: c("forms.common.search"),
+							value: T ?? "",
+							onChange: (e) => E(e.target.value),
 							className: "pl-9"
 						})]
 					}),
-					/* @__PURE__ */ z("span", {
+					/* @__PURE__ */ V("span", {
 						className: "text-sm text-muted-foreground whitespace-nowrap",
 						children: [
-							v.getFilteredRowModel().rows.length,
+							D.getFilteredRowModel().rows.length,
 							" ",
-							v.getFilteredRowModel().rows.length === 1 ? r("forms.common.item") : r("forms.common.items")
+							D.getFilteredRowModel().rows.length === 1 ? c("forms.common.item") : c("forms.common.items")
 						]
 					}),
-					o.length > 0 && /* @__PURE__ */ R("div", {
+					d.length > 0 && /* @__PURE__ */ B("div", {
 						className: "ml-auto",
-						children: /* @__PURE__ */ z(D, { children: [/* @__PURE__ */ R(i, {
+						children: /* @__PURE__ */ V(n, { children: [/* @__PURE__ */ B(e, {
 							asChild: !0,
-							children: /* @__PURE__ */ z(j, {
+							children: /* @__PURE__ */ V(s, {
 								variant: "outline",
 								size: "sm",
 								className: "gap-1.5",
-								children: [/* @__PURE__ */ R(B, { className: "size-4" }), /* @__PURE__ */ R("span", {
+								children: [/* @__PURE__ */ B(H, { className: "size-4" }), /* @__PURE__ */ B("span", {
 									className: "hidden sm:inline",
-									children: r("forms.common.actions")
+									children: c("forms.common.actions")
 								})]
 							})
-						}), /* @__PURE__ */ R(w, {
+						}), /* @__PURE__ */ B(o, {
 							align: "end",
-							children: o.map((e) => /* @__PURE__ */ R(F.Fragment, { children: e.render() }, e.key))
+							children: d.map((e) => /* @__PURE__ */ B(L.Fragment, { children: e.render() }, e.key))
 						})] })
 					})
 				]
 			}),
-			y.length > 0 ? /* @__PURE__ */ R("div", {
+			O.length > 0 ? /* @__PURE__ */ B("div", {
 				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4",
-				children: y.map((e) => {
-					let t = e.getValue("name"), n = e.getValue("description"), i = e.getValue("url"), a = e.original.icon ?? void 0, o = Pe(t), s = Fe(t), d = /* @__PURE__ */ z(m, {
-						className: "relative overflow-hidden p-0 h-full transition-all duration-200 hover:shadow-lg hover:shadow-blue-500/10 hover:-translate-y-0.5 border-border/60 hover:border-blue-500/30 dark:hover:border-blue-400/30",
-						children: [/* @__PURE__ */ R("div", { className: `h-1.5 bg-linear-to-r ${o} opacity-70 group-hover:opacity-100 transition-opacity` }), /* @__PURE__ */ z("div", {
+				children: O.map((e) => {
+					let t = e.getValue("name"), n = e.getValue("description"), r = e.getValue("url"), i = e.original.icon ?? void 0, a = Te(t), o = Ee(t), s = /* @__PURE__ */ V(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__ */ B("div", { className: `h-1.5 bg-linear-to-r ${a} opacity-70 group-hover:opacity-100 transition-opacity` }), /* @__PURE__ */ V("div", {
 							className: "p-4 flex items-start gap-3",
 							children: [
-								c && l.length > 0 && /* @__PURE__ */ R("div", {
+								m && g.length > 0 && /* @__PURE__ */ B("div", {
 									className: "flex items-center gap-1 shrink-0 mt-0.5",
-									children: l.map((t) => /* @__PURE__ */ R("button", {
+									children: g.map((t) => /* @__PURE__ */ B("button", {
 										type: "button",
 										title: t.label,
 										onClick: () => t.onClick(e.original),
-										className: "inline-flex items-center justify-center rounded-md p-1.5 text-muted-foreground hover:text-blue-600 hover:bg-blue-500/10 dark:hover:text-blue-400 dark:hover:bg-blue-400/10 transition-colors cursor-pointer",
+										className: "inline-flex items-center justify-center rounded-md p-1.5 text-muted-foreground hover:text-[var(--vg-accent-fg)] hover:bg-[var(--vg-accent-surface)] transition-colors cursor-pointer",
 										children: t.icon
 									}, t.key))
 								}),
-								/* @__PURE__ */ R("div", {
-									className: `shrink-0 w-10 h-10 rounded-lg bg-linear-to-br ${o} flex items-center justify-center text-white text-sm font-semibold shadow-sm`,
-									children: a ? /* @__PURE__ */ R(Ae, {
-										icon: a,
+								/* @__PURE__ */ B("div", {
+									className: `shrink-0 w-10 h-10 rounded-lg bg-linear-to-br ${a} flex items-center justify-center text-white text-sm font-semibold shadow-sm`,
+									children: i ? /* @__PURE__ */ B(me, {
+										icon: i,
 										className: "size-5"
-									}) : s
+									}) : o
 								}),
-								/* @__PURE__ */ z("div", {
+								/* @__PURE__ */ V("div", {
 									className: "flex-1 min-w-0",
-									children: [/* @__PURE__ */ R("h3", {
-										className: "font-medium text-sm truncate group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors",
+									children: [/* @__PURE__ */ B("h3", {
+										className: "font-medium text-sm truncate group-hover:text-[var(--vg-accent-fg)] transition-colors",
 										children: t
-									}), n ? /* @__PURE__ */ R("p", {
+									}), n ? /* @__PURE__ */ B("p", {
 										className: "text-xs text-muted-foreground mt-1 line-clamp-2 leading-relaxed",
 										children: n
-									}) : /* @__PURE__ */ R("p", {
+									}) : /* @__PURE__ */ B("p", {
 										className: "text-xs text-muted-foreground/50 mt-1 italic",
-										children: r("forms.common.noDescription")
+										children: c("forms.common.noDescription")
 									})]
 								}),
-								c ? u.length > 0 && /* @__PURE__ */ R("div", {
+								m ? b.length > 0 && /* @__PURE__ */ B("div", {
 									className: "flex items-center gap-1 shrink-0 mt-0.5",
-									children: u.map((t) => /* @__PURE__ */ R("button", {
+									children: b.map((t) => /* @__PURE__ */ B("button", {
 										type: "button",
 										title: t.label,
 										onClick: () => t.onClick(e.original),
-										className: "inline-flex items-center justify-center rounded-md p-1.5 text-muted-foreground hover:text-blue-600 hover:bg-blue-500/10 dark:hover:text-blue-400 dark:hover:bg-blue-400/10 transition-colors cursor-pointer",
+										className: "inline-flex items-center justify-center rounded-md p-1.5 text-muted-foreground hover:text-[var(--vg-accent-fg)] hover:bg-[var(--vg-accent-surface)] transition-colors cursor-pointer",
 										children: t.icon
 									}, t.key))
-								}) : /* @__PURE__ */ R(xe, { className: "h-4 w-4 text-muted-foreground/40 group-hover:text-blue-500 transition-all group-hover:translate-x-0.5 mt-0.5 shrink-0" })
+								}) : /* @__PURE__ */ B(ue, { className: "h-4 w-4 text-muted-foreground/40 group-hover:text-[var(--vg-accent-fg)] transition-all group-hover:translate-x-0.5 mt-0.5 shrink-0" })
 							]
 						})]
 					});
-					return c ? /* @__PURE__ */ R("div", {
+					return m ? /* @__PURE__ */ B("div", {
 						className: "group",
-						children: d
-					}, e.id) : /* @__PURE__ */ R(G, {
-						to: i,
+						children: s
+					}, e.id) : /* @__PURE__ */ B(K, {
+						to: r,
 						className: "group",
-						children: d
+						children: s
 					}, e.id);
 				})
-			}) : /* @__PURE__ */ R(m, {
+			}) : /* @__PURE__ */ B(l, {
 				className: "p-8",
-				children: /* @__PURE__ */ z("div", {
+				children: /* @__PURE__ */ V("div", {
 					className: "text-center text-muted-foreground",
-					children: [/* @__PURE__ */ R(H, { className: "h-8 w-8 mx-auto mb-2 opacity-40" }), /* @__PURE__ */ R("p", {
+					children: [/* @__PURE__ */ B(W, { className: "h-8 w-8 mx-auto mb-2 opacity-40" }), /* @__PURE__ */ B("p", {
 						className: "text-sm",
-						children: r("forms.common.noResults")
+						children: c("forms.common.noResults")
 					})]
 				})
 			}),
-			v.getPageCount() > 1 && /* @__PURE__ */ z("div", {
+			D.getPageCount() > 1 && /* @__PURE__ */ V("div", {
 				className: "flex items-center justify-end space-x-2 mt-4",
 				children: [
-					/* @__PURE__ */ z("div", {
+					/* @__PURE__ */ V("div", {
 						className: "flex items-center space-x-2",
-						children: [/* @__PURE__ */ R("p", {
+						children: [/* @__PURE__ */ B("p", {
 							className: "text-sm text-muted-foreground",
-							children: r("forms.common.perPage")
-						}), /* @__PURE__ */ z(ee, {
-							value: `${v.getState().pagination.pageSize}`,
-							onValueChange: (e) => v.setPageSize(Number(e)),
-							children: [/* @__PURE__ */ R(ue, {
+							children: c("forms.common.perPage")
+						}), /* @__PURE__ */ V(_, {
+							value: `${D.state.pagination.pageSize}`,
+							onValueChange: (e) => D.setPageSize(Number(e)),
+							children: [/* @__PURE__ */ B(y, {
 								className: "h-8 w-17.5",
-								children: /* @__PURE__ */ R(ne, { placeholder: v.getState().pagination.pageSize })
-							}), /* @__PURE__ */ R(te, {
+								children: /* @__PURE__ */ B(h, { placeholder: D.state.pagination.pageSize })
+							}), /* @__PURE__ */ B(v, {
 								side: "top",
 								children: [
 									12,
 									24,
 									36,
 									48
-								].map((t) => /* @__PURE__ */ R(e, {
-									value: `${t}`,
-									children: t
-								}, t))
+								].map((e) => /* @__PURE__ */ B(p, {
+									value: `${e}`,
+									children: e
+								}, e))
 							})]
 						})]
 					}),
-					/* @__PURE__ */ R("div", {
+					/* @__PURE__ */ B("div", {
 						className: "flex w-25 items-center justify-center text-sm font-medium",
-						children: r("forms.common.pageOf", {
-							index: v.getState().pagination.pageIndex + 1,
-							count: v.getPageCount()
+						children: c("forms.common.pageOf", {
+							index: D.state.pagination.pageIndex + 1,
+							count: D.getPageCount()
 						})
 					}),
-					/* @__PURE__ */ z("div", {
+					/* @__PURE__ */ V("div", {
 						className: "flex items-center space-x-2",
-						children: [/* @__PURE__ */ R(j, {
+						children: [/* @__PURE__ */ B(s, {
 							variant: "outline",
 							size: "sm",
-							onClick: () => v.previousPage(),
-							disabled: !v.getCanPreviousPage(),
+							onClick: () => D.previousPage(),
+							disabled: !D.getCanPreviousPage(),
 							className: "h-8 w-8 p-0",
-							children: /* @__PURE__ */ R("span", { children: "<" })
-						}), /* @__PURE__ */ R(j, {
+							children: /* @__PURE__ */ B("span", { children: "<" })
+						}), /* @__PURE__ */ B(s, {
 							variant: "outline",
 							size: "sm",
-							onClick: () => v.nextPage(),
-							disabled: !v.getCanNextPage(),
+							onClick: () => D.nextPage(),
+							disabled: !D.getCanNextPage(),
 							className: "h-8 w-8 p-0",
-							children: /* @__PURE__ */ R("span", { children: ">" })
+							children: /* @__PURE__ */ B("span", { children: ">" })
 						})]
 					})
 				]
@@ -447,399 +283,366 @@ var Ie = [
 		]
 	});
 }, {
-	NewButton: Q,
-	Action: je,
-	ItemAction: Me
-}), Re = (e) => (e ?? 0).toLocaleString(), ze = (e, t, n, r, i) => e.map((e) => /* @__PURE__ */ z(g, { children: [/* @__PURE__ */ R(N, {
+	NewButton: Z,
+	Action: Q,
+	ItemAction: $
+}), Ae = (e) => (e ?? 0).toLocaleString(), je = (e, t, n, r, i) => e.map((e) => /* @__PURE__ */ V(g, { children: [/* @__PURE__ */ B(F, {
 	tooltip: e.title,
 	isActive: n.startsWith((t ?? "") + e.url),
 	asChild: !0,
-	children: /* @__PURE__ */ z(G, {
+	children: /* @__PURE__ */ V(K, {
 		to: (t ?? "") + e.url,
 		onClick: i,
-		children: [e.icon && /* @__PURE__ */ R(e.icon, { className: "size-5!" }), /* @__PURE__ */ R("span", { children: e.title })]
+		children: [e.icon && /* @__PURE__ */ B(e.icon, { className: "size-5!" }), /* @__PURE__ */ B("span", { children: e.title })]
 	})
-}), !r && e.children && e.children.length > 0 && /* @__PURE__ */ R(P, {
+}), !r && e.children && e.children.length > 0 && /* @__PURE__ */ B(P, {
 	className: "ml-4",
-	children: ze(e.children, t, n, r, i)
-})] }, e.title)), Be = ({ icon: e, feature: t, name: n, urlBase: i, isNew: a, data: o, onDelete: s, onExport: c, open: l, setOpen: u }) => {
-	let { t: d } = W(), f = q().pathname, { state: m, isMobile: h, setOpenMobile: _ } = p(), v = m === "collapsed", y = h ? () => _(!1) : void 0;
-	return /* @__PURE__ */ z(ae, {
+	children: je(e.children, t, n, r, i)
+})] }, e.title)), Me = ({ icon: e, feature: t, name: n, urlBase: r, isNew: i, data: a, onDelete: o, onExport: c, open: l, setOpen: u }) => {
+	let { t: d } = G(), f = J().pathname, { state: p, isMobile: m, setOpenMobile: h } = k(), _ = p === "collapsed", v = m ? () => h(!1) : void 0;
+	return /* @__PURE__ */ V(S, {
 		collapsible: "icon",
 		variant: "inset",
 		position: "absolute",
-		children: [/* @__PURE__ */ R(ge, {
+		children: [/* @__PURE__ */ B(D, {
 			className: "pb-3",
-			children: /* @__PURE__ */ R(P, { children: /* @__PURE__ */ z(g, {
+			children: /* @__PURE__ */ B(P, { children: /* @__PURE__ */ V(g, {
 				className: "flex items-center",
-				children: [/* @__PURE__ */ R(N, {
+				children: [/* @__PURE__ */ B(F, {
 					asChild: !0,
 					className: "data-[slot=sidebar-menu-button]:p-1.5!",
-					children: /* @__PURE__ */ z(G, {
-						to: i ?? "#",
+					children: /* @__PURE__ */ V(K, {
+						to: r ?? "#",
 						className: "flex items-center gap-2.5",
-						children: [/* @__PURE__ */ R("div", {
-							className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-linear-to-br from-blue-500/10 to-indigo-500/10 dark:from-blue-500/20 dark:to-indigo-500/20 ring-1 ring-blue-500/10 dark:ring-blue-400/10",
-							children: /* @__PURE__ */ R(e, { className: "size-5! text-blue-600 dark:text-blue-400" })
-						}), !v && /* @__PURE__ */ R("span", {
+						children: [/* @__PURE__ */ B("div", {
+							className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg vg-accent-chip ring-1",
+							children: /* @__PURE__ */ B(e, { className: "size-5! vg-accent-text" })
+						}), !_ && /* @__PURE__ */ B("span", {
 							className: "text-sm font-semibold whitespace-nowrap truncate",
-							children: a ? d("sidebar.new", { feature: t }) : n
+							children: i ? d("sidebar.new", { feature: t }) : n
 						})]
 					})
-				}), !v && /* @__PURE__ */ z("div", {
+				}), !_ && /* @__PURE__ */ V("div", {
 					className: "flex items-center gap-1 mr-auto",
-					children: [!a && c && /* @__PURE__ */ R(j, {
+					children: [!i && c && /* @__PURE__ */ B(s, {
 						variant: "ghost",
 						size: "icon-sm",
 						onClick: c,
-						children: /* @__PURE__ */ R(Se, { className: "size-5!" })
-					}), !a && s && u && /* @__PURE__ */ R(Z, {
+						children: /* @__PURE__ */ B(de, { className: "size-5!" })
+					}), !i && o && u && /* @__PURE__ */ B(I, {
 						feature: t,
 						name: n,
-						onDelete: s,
+						onDelete: o,
 						open: l ?? !1,
 						setOpen: u
 					})]
 				})]
 			}) })
-		}), /* @__PURE__ */ z(oe, { children: [o?.counts && o.counts.length > 0 && /* @__PURE__ */ z(O, { children: [/* @__PURE__ */ R(C, { children: d("sidebar.indexing") }), /* @__PURE__ */ R(T, {
+		}), /* @__PURE__ */ V(te, { children: [a?.counts && a.counts.length > 0 && /* @__PURE__ */ V(w, { children: [/* @__PURE__ */ B(A, { children: d("sidebar.indexing") }), /* @__PURE__ */ B(M, {
 			className: "flex flex-col gap-2 pt-4",
-			children: /* @__PURE__ */ R(P, { children: o.counts.map((e) => /* @__PURE__ */ z(g, { children: [/* @__PURE__ */ z(N, {
-				tooltip: e.title + ": " + Re(e.count),
+			children: /* @__PURE__ */ B(P, { children: a.counts.map((e) => /* @__PURE__ */ V(g, { children: [/* @__PURE__ */ V(F, {
+				tooltip: e.title + ": " + Ae(e.count),
 				variant: "outline",
-				children: [e.icon && /* @__PURE__ */ R(e.icon, { className: "size-5!" }), /* @__PURE__ */ R("span", { children: e.title })]
-			}), !v && /* @__PURE__ */ R(r, { children: Re(e.count) })] }, e.title)) })
-		})] }), /* @__PURE__ */ z(O, { children: [/* @__PURE__ */ R(C, { children: t }), /* @__PURE__ */ R(T, {
+				children: [e.icon && /* @__PURE__ */ B(e.icon, { className: "size-5!" }), /* @__PURE__ */ B("span", { children: e.title })]
+			}), !_ && /* @__PURE__ */ B(x, { children: Ae(e.count) })] }, e.title)) })
+		})] }), /* @__PURE__ */ V(w, { children: [/* @__PURE__ */ B(A, { children: t }), /* @__PURE__ */ B(M, {
 			className: "flex flex-col gap-2",
-			children: /* @__PURE__ */ R(P, { children: o?.navMain && ze(a ? o.navMain.filter((e) => e.url === "/detail") : o.navMain, i, f, v, y) })
+			children: /* @__PURE__ */ B(P, { children: a?.navMain && je(i ? a.navMain.filter((e) => e.url === "/detail") : a.navMain, r, f, _, v) })
 		})] })] })]
 	});
-}, Ve = ({ checkIsNotUndefined: e, error: t, tryAgainUrl: r, children: i }) => {
-	let { t: a } = W();
-	return t ? /* @__PURE__ */ R(X, {
-		icon: ye,
-		title: a("common.errorLoading"),
-		description: t,
-		buttonText: a("common.tryAgain"),
-		urlNew: r
-	}) : e === void 0 && !t ? /* @__PURE__ */ z("div", {
-		className: "space-y-6 py-8 px-6 animate-pulse",
-		children: [
-			/* @__PURE__ */ R(n, { className: "h-8 w-1/3 rounded-md" }),
-			/* @__PURE__ */ R("div", {
-				className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",
-				children: [
-					"skeleton-1",
-					"skeleton-2",
-					"skeleton-3"
-				].map((e) => /* @__PURE__ */ z("div", {
-					className: "space-y-3 p-4 border rounded-xl bg-slate-50/50 dark:bg-slate-900/20",
-					children: [
-						/* @__PURE__ */ R(n, { className: "h-5 w-2/3" }),
-						/* @__PURE__ */ R(n, { className: "h-12 w-full" }),
-						/* @__PURE__ */ R(n, { className: "h-4 w-5/6" })
-					]
-				}, e))
-			}),
-			/* @__PURE__ */ R("div", {
-				className: "pt-4",
-				children: /* @__PURE__ */ R(n, { className: "h-10 w-32 rounded-lg" })
-			})
-		]
-	}) : /* @__PURE__ */ R(L, { children: i });
 };
 //#endregion
 //#region src/components/router/nav-main.tsx
-function He({ groups: e }) {
-	let t = q().pathname, { isMobile: n, setOpenMobile: r } = p();
-	return /* @__PURE__ */ R(L, { children: e.map((e) => /* @__PURE__ */ z(O, { children: [e.label && /* @__PURE__ */ R(C, { children: e.label }), /* @__PURE__ */ R(T, {
+function Ne({ groups: e }) {
+	let t = J().pathname, { isMobile: n, setOpenMobile: r } = k();
+	return /* @__PURE__ */ B(z, { children: e.map((e) => /* @__PURE__ */ V(w, { children: [e.label && /* @__PURE__ */ B(A, { children: e.label }), /* @__PURE__ */ B(M, {
 		className: "flex flex-col gap-2",
-		children: /* @__PURE__ */ R(P, { children: e.items.map((e) => /* @__PURE__ */ R(g, { children: /* @__PURE__ */ R(N, {
+		children: /* @__PURE__ */ B(P, { children: e.items.map((e) => /* @__PURE__ */ B(g, { children: /* @__PURE__ */ B(F, {
 			tooltip: e.title,
 			isActive: t.startsWith(e.url),
 			asChild: !0,
-			children: /* @__PURE__ */ z(G, {
+			children: /* @__PURE__ */ V(K, {
 				to: e.url,
 				onClick: () => n && r(!1),
-				children: [e.icon && /* @__PURE__ */ R(e.icon, { className: "size-6!" }), /* @__PURE__ */ R("span", { children: e.title })]
+				children: [e.icon && /* @__PURE__ */ B(e.icon, { className: "size-6!" }), /* @__PURE__ */ B("span", { children: e.title })]
 			})
 		}) }, e.title)) })
 	})] }, e.label ?? "_ungrouped")) });
 }
 //#endregion
 //#region src/components/router/nav-user.tsx
-function Ue({ user: e, accountUrl: t, logoutUrl: n, onLogout: r }) {
-	let { t: a } = W(), { isMobile: o } = p(), s = () => {
-		r ? r() : n && (globalThis.location.href = n);
-	}, c = F.useMemo(() => {
-		let t = e.firstName || "", n = e.lastName || "";
-		if (!t && !n) return " ";
-		let r = `${t} ${n}`.trim().split(" ").filter(Boolean);
-		return r.length === 1 ? r[0].charAt(0).toUpperCase() : r[0].charAt(0).toUpperCase() + (r.at(-1)?.charAt(0).toUpperCase() ?? "");
-	}, [e]), l = e?.avatarUrl || "";
-	return /* @__PURE__ */ R(P, { children: /* @__PURE__ */ R(g, { children: /* @__PURE__ */ z(D, { children: [/* @__PURE__ */ R(i, {
+function Pe({ user: a, accountUrl: s, logoutUrl: l, onLogout: u }) {
+	let { t: d } = G(), { isMobile: f } = k(), p = () => {
+		u ? u() : l && (globalThis.location.href = l);
+	}, 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__ */ B(P, { children: /* @__PURE__ */ B(g, { children: /* @__PURE__ */ V(n, { children: [/* @__PURE__ */ B(e, {
 		asChild: !0,
-		children: /* @__PURE__ */ z(N, {
+		children: /* @__PURE__ */ V(F, {
 			size: "lg",
 			className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
 			children: [
-				/* @__PURE__ */ z(b, {
+				/* @__PURE__ */ V(N, {
 					className: "h-8 w-8 rounded-lg",
-					children: [l && /* @__PURE__ */ R(h, {
-						src: l,
-						alt: e.username
-					}), /* @__PURE__ */ R(S, {
+					children: [h && /* @__PURE__ */ B(O, {
+						src: h,
+						alt: a.username
+					}), /* @__PURE__ */ B(j, {
 						className: "rounded-lg",
-						children: c
+						children: m
 					})]
 				}),
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ V("div", {
 					className: "grid flex-1 text-left text-sm leading-tight",
-					children: [/* @__PURE__ */ z("span", {
+					children: [/* @__PURE__ */ V("span", {
 						className: "truncate font-medium",
 						children: [
-							e.firstName,
+							a.firstName,
 							" ",
-							e.lastName
+							a.lastName
 						]
-					}), /* @__PURE__ */ R("span", {
+					}), /* @__PURE__ */ B("span", {
 						className: "text-muted-foreground truncate text-xs",
-						children: e.email
+						children: a.email
 					})]
 				}),
-				/* @__PURE__ */ R(B, { className: "ml-auto size-4" })
+				/* @__PURE__ */ B(H, { className: "ml-auto size-4" })
 			]
 		})
-	}), /* @__PURE__ */ z(w, {
+	}), /* @__PURE__ */ V(o, {
 		className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
-		side: o ? "bottom" : "right",
+		side: f ? "bottom" : "right",
 		align: "end",
 		sideOffset: 4,
 		children: [
-			/* @__PURE__ */ R(fe, {
+			/* @__PURE__ */ B(t, {
 				className: "p-0 font-normal",
-				children: /* @__PURE__ */ z("div", {
+				children: /* @__PURE__ */ V("div", {
 					className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm",
-					children: [/* @__PURE__ */ z(b, {
+					children: [/* @__PURE__ */ V(N, {
 						className: "h-8 w-8 rounded-lg",
-						children: [l && /* @__PURE__ */ R(h, {
-							src: l,
-							alt: e.username
-						}), /* @__PURE__ */ R(S, {
+						children: [h && /* @__PURE__ */ B(O, {
+							src: h,
+							alt: a.username
+						}), /* @__PURE__ */ B(j, {
 							className: "rounded-lg",
-							children: c
+							children: m
 						})]
-					}), /* @__PURE__ */ z("div", {
+					}), /* @__PURE__ */ V("div", {
 						className: "grid flex-1 text-left text-sm leading-tight",
-						children: [/* @__PURE__ */ z("span", {
+						children: [/* @__PURE__ */ V("span", {
 							className: "truncate font-medium",
 							children: [
-								e.firstName,
+								a.firstName,
 								" ",
-								e.lastName
+								a.lastName
 							]
-						}), /* @__PURE__ */ R("span", {
+						}), /* @__PURE__ */ B("span", {
 							className: "text-muted-foreground truncate text-xs",
-							children: e.email
+							children: a.email
 						})]
 					})]
 				})
 			}),
-			/* @__PURE__ */ R(M, {}),
-			t && /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(se, { children: /* @__PURE__ */ R(G, {
-				to: t,
+			/* @__PURE__ */ B(c, {}),
+			s && /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B(i, { children: /* @__PURE__ */ B(K, {
+				to: s,
 				className: "w-full",
-				children: /* @__PURE__ */ z(A, { children: [/* @__PURE__ */ R(we, {}), a("nav.account")] })
-			}) }), /* @__PURE__ */ R(M, {})] }),
-			/* @__PURE__ */ z(A, {
-				onClick: s,
+				children: /* @__PURE__ */ V(r, { children: [/* @__PURE__ */ B(pe, {}), d("nav.account")] })
+			}) }), /* @__PURE__ */ B(c, {})] }),
+			/* @__PURE__ */ V(r, {
+				onClick: p,
 				className: "cursor-pointer",
-				children: [/* @__PURE__ */ R(Ce, {}), /* @__PURE__ */ R("span", { children: a("nav.logOut") })]
+				children: [/* @__PURE__ */ B(fe, {}), /* @__PURE__ */ B("span", { children: d("nav.logOut") })]
 			})
 		]
 	})] }) }) });
 }
 //#endregion
 //#region src/components/router/page-content.tsx
-var $ = () => /* @__PURE__ */ R("div", {
+var Fe = () => /* @__PURE__ */ B("div", {
 	className: "flex flex-1 flex-col",
-	children: /* @__PURE__ */ R("div", {
+	children: /* @__PURE__ */ B("div", {
 		className: "@container/main flex flex-1 flex-col gap-2",
-		children: /* @__PURE__ */ R("div", {
+		children: /* @__PURE__ */ B("div", {
 			className: "flex flex-col gap-2 px-1 py-1 md:gap-3 md:px-2 md:py-2",
-			children: /* @__PURE__ */ R(K, {})
+			children: /* @__PURE__ */ B(q, {})
 		})
 	})
-}), We = ({ icon: e, title: t, urlBase: n, children: r }) => {
-	let { items: i } = pe(), a = J(), { t: o } = W(), l = i.length > 0 ? i[i.length - 1] : null, d = i.length > 1 ? i[i.length - 2] : null;
-	return /* @__PURE__ */ R("header", {
+}), Ie = ({ icon: e, title: t, urlBase: n, children: r }) => {
+	let { items: i } = re(), a = Y(), { t: o } = G(), s = i.length > 0 ? i[i.length - 1] : null, c = i.length > 1 ? i[i.length - 2] : null;
+	return /* @__PURE__ */ B("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__ */ z("div", {
+		children: /* @__PURE__ */ V("div", {
 			className: "flex w-full items-center gap-1 px-4 lg:gap-2 lg:px-6",
 			children: [
-				/* @__PURE__ */ R(u, { className: "-ml-1 hidden md:flex" }),
-				/* @__PURE__ */ R(x, {
+				/* @__PURE__ */ B(u, { className: "-ml-1 hidden md:flex" }),
+				/* @__PURE__ */ B(f, {
 					orientation: "vertical",
 					className: "mx-2 data-[orientation=vertical]:h-4 hidden md:block"
 				}),
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ V("div", {
 					className: "hidden md:flex items-center gap-1",
-					children: [e && /* @__PURE__ */ R("div", {
-						className: "flex h-8 w-8 items-center justify-center rounded-lg bg-linear-to-br from-blue-500/10 to-indigo-500/10 dark:from-blue-500/20 dark:to-indigo-500/20 ring-1 ring-blue-500/10 dark:ring-blue-400/10 mr-1",
-						children: /* @__PURE__ */ R(e, { className: "size-4.5! text-blue-600 dark:text-blue-400" })
-					}), n ? /* @__PURE__ */ R(v, { children: /* @__PURE__ */ R(s, { children: i.map((e, t) => /* @__PURE__ */ z(F.Fragment, { children: [t > 0 && /* @__PURE__ */ R(me, {}), /* @__PURE__ */ R(_, { children: e.href ? /* @__PURE__ */ R(y, {
+					children: [e && /* @__PURE__ */ B("div", {
+						className: "flex h-8 w-8 items-center justify-center rounded-lg vg-accent-chip ring-1 mr-1",
+						children: /* @__PURE__ */ B(e, { className: "size-4.5! vg-accent-text" })
+					}), n ? /* @__PURE__ */ B(ie, { children: /* @__PURE__ */ B(ae, { children: i.map((e, t) => /* @__PURE__ */ V(L.Fragment, { children: [t > 0 && /* @__PURE__ */ B(E, {}), /* @__PURE__ */ B(C, { children: e.href ? /* @__PURE__ */ B(ne, {
 						asChild: !0,
-						children: /* @__PURE__ */ R(G, {
+						children: /* @__PURE__ */ B(K, {
 							to: e.href,
 							children: e.label
 						})
-					}) : /* @__PURE__ */ R(c, { children: e.label }) })] }, e.label)) }) }) : /* @__PURE__ */ R("h1", {
+					}) : /* @__PURE__ */ B(T, { children: e.label }) })] }, e.label)) }) }) : /* @__PURE__ */ B("h1", {
 						className: "text-base font-semibold",
 						children: t
 					})]
 				}),
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flex md:hidden items-center gap-2 min-w-0 flex-1",
 					children: [
-						d?.href && /* @__PURE__ */ R("button", {
+						c?.href && /* @__PURE__ */ B("button", {
 							type: "button",
 							title: o("common.goBack"),
-							onClick: () => a(d.href),
+							onClick: () => a(c.href),
 							className: "shrink-0 flex items-center justify-center size-8 rounded-lg hover:bg-muted transition-colors",
-							children: /* @__PURE__ */ R(be, { className: "size-4" })
+							children: /* @__PURE__ */ B(le, { className: "size-4" })
 						}),
-						e && /* @__PURE__ */ R("div", {
-							className: "flex shrink-0 h-7 w-7 items-center justify-center rounded-lg bg-linear-to-br from-blue-500/10 to-indigo-500/10 dark:from-blue-500/20 dark:to-indigo-500/20 ring-1 ring-blue-500/10 dark:ring-blue-400/10",
-							children: /* @__PURE__ */ R(e, { className: "size-3.5! text-blue-600 dark:text-blue-400" })
+						e && /* @__PURE__ */ B("div", {
+							className: "flex shrink-0 h-7 w-7 items-center justify-center rounded-lg vg-accent-chip ring-1",
+							children: /* @__PURE__ */ B(e, { className: "size-3.5! vg-accent-text" })
 						}),
-						/* @__PURE__ */ R("span", {
+						/* @__PURE__ */ B("span", {
 							className: "text-sm font-semibold truncate",
-							children: l?.label ?? t
+							children: s?.label ?? t
 						})
 					]
 				}),
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ V("div", {
 					className: "ml-auto flex items-center gap-2",
 					children: [
-						r && /* @__PURE__ */ R("div", {
+						r && /* @__PURE__ */ B("div", {
 							className: "hidden md:flex items-center",
 							children: r
 						}),
-						/* @__PURE__ */ R("div", {
+						/* @__PURE__ */ B("div", {
 							className: "hidden md:block",
-							children: /* @__PURE__ */ R(ce, {})
+							children: /* @__PURE__ */ B(ee, {})
 						}),
-						/* @__PURE__ */ R(u, { className: "md:hidden" })
+						/* @__PURE__ */ B(u, { className: "md:hidden" })
 					]
 				})
 			]
 		})
 	});
-}, Ge = ({ icon: e, title: t, urlBase: n }) => /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(We, {
+}, Le = ({ icon: e, title: t, urlBase: n }) => /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B(Ie, {
 	icon: e,
 	title: t,
 	urlBase: n
-}), /* @__PURE__ */ R($, {})] }), Ke = ({ icon: e, feature: t, description: n, urlBase: r }) => {
-	let { isMobile: i, toggleSidebar: a } = p(), o = /* @__PURE__ */ z("div", {
+}), /* @__PURE__ */ B(Fe, {})] }), Re = ({ icon: e, feature: t, description: n, urlBase: r }) => {
+	let i = m(), a = i?.isMobile ?? !1, o = i?.toggleSidebar ?? (() => {}), s = /* @__PURE__ */ V("div", {
 		className: "flex items-center gap-3",
-		children: [/* @__PURE__ */ R("div", {
-			className: `flex h-9 w-9 items-center justify-center rounded-lg bg-linear-to-br from-blue-500/10 to-indigo-500/10 dark:from-blue-500/20 dark:to-indigo-500/20 ring-1 ring-blue-500/10 dark:ring-blue-400/10 ${i ? "cursor-pointer active:scale-95 transition-transform" : ""}`,
-			onClick: i ? a : void 0,
-			onKeyDown: i ? (e) => {
-				(e.key === "Enter" || e.key === " ") && a();
+		children: [/* @__PURE__ */ B("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: i ? 0 : void 0,
-			role: i ? "button" : void 0,
-			title: i ? "Open navigation" : void 0,
-			children: /* @__PURE__ */ R(e, { className: "size-5! text-blue-600 dark:text-blue-400" })
-		}), /* @__PURE__ */ z("div", {
+			tabIndex: a ? 0 : void 0,
+			role: a ? "button" : void 0,
+			title: a ? "Open navigation" : void 0,
+			children: /* @__PURE__ */ B(e, { className: "size-5! vg-accent-text" })
+		}), /* @__PURE__ */ V("div", {
 			className: "min-w-0",
-			children: [/* @__PURE__ */ R("h1", {
+			children: [/* @__PURE__ */ B("h1", {
 				className: "text-base font-semibold leading-tight text-foreground truncate",
 				children: t
-			}), /* @__PURE__ */ R("p", {
+			}), /* @__PURE__ */ B("p", {
 				className: "hidden md:block text-xs text-muted-foreground leading-relaxed mt-0.5 truncate",
 				children: n
 			})]
 		})]
 	});
-	return r && !i ? /* @__PURE__ */ R("div", {
+	return r && !a ? /* @__PURE__ */ B("div", {
 		className: "min-w-0 flex-1",
-		children: /* @__PURE__ */ R(G, {
+		children: /* @__PURE__ */ B(K, {
 			to: r,
 			className: "group inline-flex max-w-full",
-			children: o
+			children: s
 		})
-	}) : /* @__PURE__ */ R("div", {
+	}) : /* @__PURE__ */ B("div", {
 		className: "min-w-0 flex-1",
-		children: o
+		children: s
 	});
 };
-Ke.displayName = "StickyPageHeaderTitle";
-var qe = () => null;
-qe.displayName = "StickyPageHeaderAction";
-var Je = ({ children: e, menuLabel: t }) => {
-	let n = J(), { t: r } = W(), a = [], o = [];
-	F.Children.forEach(e, (e) => {
-		F.isValidElement(e) && e.type?.displayName === "StickyPageHeaderAction" ? a.push(e.props) : o.push(e);
+Re.displayName = "StickyPageHeaderTitle";
+var ze = () => null;
+ze.displayName = "StickyPageHeaderAction";
+var Be = ({ children: t, menuLabel: i }) => {
+	let a = Y(), { t: c } = G(), l = [], u = [];
+	L.Children.forEach(t, (e) => {
+		L.isValidElement(e) && e.type?.displayName === "StickyPageHeaderAction" ? l.push(e.props) : u.push(e);
 	});
-	let s = t ?? r("common.actions");
-	return /* @__PURE__ */ z("div", {
+	let d = i ?? c("common.actions");
+	return /* @__PURE__ */ V("div", {
 		className: "flex items-center gap-2 shrink-0",
-		children: [o, a.length > 0 && /* @__PURE__ */ z(D, { children: [/* @__PURE__ */ R(i, {
+		children: [u, l.length > 0 && /* @__PURE__ */ V(n, { children: [/* @__PURE__ */ B(e, {
 			asChild: !0,
-			children: t ? /* @__PURE__ */ z(j, {
+			children: i ? /* @__PURE__ */ V(s, {
 				variant: "outline",
 				size: "sm",
 				className: "gap-1.5",
-				children: [/* @__PURE__ */ R(B, { className: "size-4" }), /* @__PURE__ */ R("span", {
+				children: [/* @__PURE__ */ B(H, { className: "size-4" }), /* @__PURE__ */ B("span", {
 					className: "hidden sm:inline",
-					children: t
+					children: i
 				})]
-			}) : /* @__PURE__ */ R(j, {
+			}) : /* @__PURE__ */ B(s, {
 				variant: "ghost",
 				size: "icon-sm",
-				"aria-label": s,
-				title: s,
-				children: /* @__PURE__ */ R(B, { className: "size-5!" })
+				"aria-label": d,
+				title: d,
+				children: /* @__PURE__ */ B(H, { className: "size-5!" })
 			})
-		}), /* @__PURE__ */ R(w, {
+		}), /* @__PURE__ */ B(o, {
 			align: "end",
-			children: a.map((e) => {
-				let t = e.icon ?? V;
-				return /* @__PURE__ */ z(A, {
+			children: l.map((e) => {
+				let t = e.icon ?? U;
+				return /* @__PURE__ */ V(r, {
 					disabled: e.disabled,
 					onClick: () => {
-						e.href && n(e.href), e.onClick && e.onClick();
+						e.href && a(e.href), e.onClick && e.onClick();
 					},
-					children: [/* @__PURE__ */ R(t, { className: "size-4 mr-2" }), e.label]
+					children: [/* @__PURE__ */ B(t, { className: "size-4 mr-2" }), e.label]
 				}, e.label);
 			})
 		})] })]
 	});
 };
-Je.displayName = "StickyPageHeaderActions";
-var Ye = Object.assign(({ children: e }) => /* @__PURE__ */ R("header", {
+Be.displayName = "StickyPageHeaderActions";
+var Ve = Object.assign(({ children: e }) => /* @__PURE__ */ B("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__ */ z("div", {
+	children: /* @__PURE__ */ V("div", {
 		className: "flex w-full items-center gap-3 px-4 lg:px-6 py-3",
-		children: [/* @__PURE__ */ z("div", {
+		children: [/* @__PURE__ */ V("div", {
 			className: "hidden md:flex items-center gap-1",
-			children: [/* @__PURE__ */ R(u, { className: "-ml-1" }), /* @__PURE__ */ R(x, {
+			children: [/* @__PURE__ */ B(u, { className: "-ml-1" }), /* @__PURE__ */ B(f, {
 				orientation: "vertical",
 				className: "mx-2 data-[orientation=vertical]:h-4"
 			})]
 		}), e]
 	})
 }), {
-	Title: Ke,
-	Actions: Je,
-	Action: qe
-}), Xe = (e) => /* @__PURE__ */ R("div", {
+	Title: Re,
+	Actions: Be,
+	Action: ze
+}), He = (e) => /* @__PURE__ */ B("div", {
 	className: "w-full px-1 md:px-6 lg:px-8 py-1 md:py-4 min-h-[calc(100svh-10.5rem)]",
-	children: /* @__PURE__ */ R("div", {
+	children: /* @__PURE__ */ B("div", {
 		className: "flex min-h-full w-full md:rounded-xl md:border md:bg-sidebar md:shadow-sm",
-		children: /* @__PURE__ */ z(t, {
+		children: /* @__PURE__ */ V(d, {
 			defaultOpen: !0,
 			className: "min-h-0!",
 			style: {
@@ -847,100 +650,100 @@ var Ye = Object.assign(({ children: e }) => /* @__PURE__ */ R("header", {
 				"--header-height": "calc(var(--spacing) * 12)",
 				minHeight: 0
 			},
-			children: [/* @__PURE__ */ R(Be, { ...e }), /* @__PURE__ */ R(re, {
+			children: [/* @__PURE__ */ B(Me, { ...e }), /* @__PURE__ */ B(b, {
 				className: "md:mr-1.5 md:my-1.5 md:rounded-xl md:border bg-background md:shadow-sm",
-				children: /* @__PURE__ */ R("main", {
+				children: /* @__PURE__ */ B("main", {
 					className: "flex flex-1 flex-col pt-2 md:pt-4 max-md:[&_.px-6]:px-2",
-					children: /* @__PURE__ */ R(K, {})
+					children: /* @__PURE__ */ B(q, {})
 				})
 			})]
 		})
 	})
-}), Ze = () => null;
-Ze.displayName = "SubPageHeaderAction";
-var Qe = Object.assign(({ icon: e, feature: t, name: n, description: r, urlBase: a, onDelete: o, open: s, setOpen: c, children: l }) => {
-	let { isMobile: d, toggleSidebar: f } = p(), m = J(), h = [];
-	F.Children.forEach(l, (e) => {
-		F.isValidElement(e) && e.type?.displayName === "SubPageHeaderAction" && h.push(e.props);
+}), Ue = () => null;
+Ue.displayName = "SubPageHeaderAction";
+var We = 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 = Y(), x = [];
+	L.Children.forEach(g, (e) => {
+		L.isValidElement(e) && X(e) === "SubPageHeaderAction" && x.push(e.props);
 	});
-	let g = /* @__PURE__ */ z("div", {
+	let S = /* @__PURE__ */ V("div", {
 		className: "flex items-center gap-3",
-		children: [e && /* @__PURE__ */ R("div", {
-			className: `flex h-9 w-9 items-center justify-center rounded-lg bg-linear-to-br from-blue-500/10 to-indigo-500/10 dark:from-blue-500/20 dark:to-indigo-500/20 ring-1 ring-blue-500/10 dark:ring-blue-400/10 ${d ? "cursor-pointer active:scale-95 transition-transform" : ""}`,
-			onClick: d ? f : void 0,
-			onKeyDown: d ? (e) => {
-				(e.key === "Enter" || e.key === " ") && f();
+		children: [t && /* @__PURE__ */ B("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: d ? 0 : void 0,
-			title: d ? "Open navigation" : void 0,
-			children: /* @__PURE__ */ R(e, { className: "size-5! text-blue-600 dark:text-blue-400" })
-		}), /* @__PURE__ */ z("div", {
+			tabIndex: v ? 0 : void 0,
+			title: v ? "Open navigation" : void 0,
+			children: /* @__PURE__ */ B(t, { className: "size-5! vg-accent-text" })
+		}), /* @__PURE__ */ V("div", {
 			className: "min-w-0",
-			children: [/* @__PURE__ */ R("h1", {
+			children: [/* @__PURE__ */ B("h1", {
 				className: "text-base font-semibold leading-tight text-foreground",
-				children: t
-			}), /* @__PURE__ */ R("p", {
+				children: i
+			}), /* @__PURE__ */ B("p", {
 				className: "hidden md:block text-xs text-muted-foreground leading-relaxed mt-0.5",
-				children: r
+				children: c
 			})]
 		})]
 	});
-	return /* @__PURE__ */ z("header", {
+	return /* @__PURE__ */ V("header", {
 		className: "mb-5",
-		children: [/* @__PURE__ */ z("div", {
+		children: [/* @__PURE__ */ V("div", {
 			className: "flex w-full items-center gap-3 px-4 lg:px-6",
 			children: [
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ V("div", {
 					className: "hidden md:flex items-center gap-1",
-					children: [/* @__PURE__ */ R(u, { className: "-ml-1" }), /* @__PURE__ */ R(x, {
+					children: [/* @__PURE__ */ B(u, { className: "-ml-1" }), /* @__PURE__ */ B(f, {
 						orientation: "vertical",
 						className: "mx-2 data-[orientation=vertical]:h-4"
 					})]
 				}),
-				/* @__PURE__ */ R("div", {
+				/* @__PURE__ */ B("div", {
 					className: "min-w-0 flex-1",
-					children: a && !d ? /* @__PURE__ */ R(G, {
-						to: a,
+					children: l && !v ? /* @__PURE__ */ B(K, {
+						to: l,
 						className: "group inline-flex",
-						children: g
-					}) : g
+						children: S
+					}) : S
 				}),
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flex items-center gap-2",
-					children: [h.length > 0 && /* @__PURE__ */ z(D, { children: [/* @__PURE__ */ R(i, {
+					children: [x.length > 0 && /* @__PURE__ */ V(n, { children: [/* @__PURE__ */ B(e, {
 						asChild: !0,
-						children: /* @__PURE__ */ z(j, {
+						children: /* @__PURE__ */ V(s, {
 							variant: "outline",
 							size: "sm",
 							className: "gap-1.5",
-							children: [/* @__PURE__ */ R(B, { className: "size-4" }), /* @__PURE__ */ R("span", {
+							children: [/* @__PURE__ */ B(H, { className: "size-4" }), /* @__PURE__ */ B("span", {
 								className: "hidden sm:inline",
 								children: "Actions"
 							})]
 						})
-					}), /* @__PURE__ */ R(w, {
+					}), /* @__PURE__ */ B(o, {
 						align: "end",
-						children: h.map((e) => {
-							let t = e.icon ?? V;
-							return /* @__PURE__ */ z(A, {
+						children: x.map((e) => {
+							let t = e.icon ?? U;
+							return /* @__PURE__ */ V(r, {
 								disabled: e.disabled,
 								onClick: () => {
-									e.href && m(e.href), e.onClick && e.onClick();
+									e.href && b(e.href), e.onClick && e.onClick();
 								},
-								children: [/* @__PURE__ */ R(t, { className: "size-4 mr-2" }), e.label]
+								children: [/* @__PURE__ */ B(t, { className: "size-4 mr-2" }), e.label]
 							}, e.label);
 						})
-					})] }), s !== void 0 && o !== void 0 && c !== void 0 && /* @__PURE__ */ R(Z, {
-						feature: t,
-						name: n,
-						onDelete: o,
-						open: s,
-						setOpen: c
+					})] }), p !== void 0 && d !== void 0 && h !== void 0 && /* @__PURE__ */ B(I, {
+						feature: i,
+						name: a,
+						onDelete: d,
+						open: p,
+						setOpen: h
 					})]
 				})
 			]
-		}), /* @__PURE__ */ R(x, { className: "mt-3" })]
+		}), /* @__PURE__ */ B(f, { className: "mt-3" })]
 	});
-}, { Action: Ze });
+}, { Action: Ue });
 //#endregion
-export { X as BlankSlate, Z as DialogDelete, Y as GradientButtonLink, Le as GridList, Be as InternalSidebar, Ve as LoadProvider, He as NavMain, Ue as NavUser, Ge as Page, $ as PageContent, We as PageHeader, Ye as StickyPageHeader, Xe as SubPage, Qe as SubPageHeader };
+export { oe as BlankSlate, I as DialogDelete, se as GradientButtonLink, ke as GridList, Me as InternalSidebar, ce as LoadProvider, Ne as NavMain, Pe as NavUser, Le as Page, Fe as PageContent, Ie as PageHeader, Ve as StickyPageHeader, He as SubPage, We as SubPageHeader };