@viglet/viglet-design-system 2026.3.3 → 2026.3.5

package/dist/router.es.js

@@ -1,26 +1,27 @@
+"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 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";
+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 { 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 { 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";
 //#region src/lib/react-markers.ts
-function X(e) {
+function Y(e) {
 	return typeof e.type == "string" ? void 0 : e.type.displayName;
 }
 //#endregion
 //#region src/components/router/grid.list.tsx
+var X = () => null;
+X.displayName = "GridListNewButton";
 var Z = () => null;
-Z.displayName = "GridListNewButton";
-var Q = () => null;
-Q.displayName = "GridListAction";
-var $ = () => null;
-$.displayName = "GridListItemAction";
-var we = [
+Z.displayName = "GridListAction";
+var Te = () => null;
+Te.displayName = "GridListItemAction";
+var Ee = [
 	"vg-accent-solid",
 	"from-emerald-500 to-teal-500",
 	"from-violet-500 to-purple-500",
@@ -30,24 +31,24 @@ var we = [
 	"from-fuchsia-500 to-pink-500",
 	"from-lime-500 to-emerald-500"
 ];
-function Te(e) {
+function De(e) {
 	let t = 0;
 	for (let n = 0; n < e.length; n++) t = (e.codePointAt(n) ?? 0) + ((t << 5) - t);
-	return we[Math.abs(t) % we.length];
+	return Ee[Math.abs(t) % Ee.length];
 }
-function Ee(e) {
+function Oe(e) {
 	return e.split(/[\s\-_]+/).filter(Boolean).slice(0, 2).map((e) => e[0].toUpperCase()).join("");
 }
-var De = {
-	columnFilteringFeature: he,
-	globalFilteringFeature: be,
-	rowPaginationFeature: xe,
-	rowSortingFeature: Se,
-	coreRowModel: ge(),
-	filteredRowModel: _e(),
-	paginatedRowModel: ve(),
-	sortedRowModel: ye()
-}, Oe = [
+var ke = {
+	columnFilteringFeature: ge,
+	globalFilteringFeature: xe,
+	rowPaginationFeature: Se,
+	rowSortingFeature: Ce,
+	coreRowModel: _e(),
+	filteredRowModel: ve(),
+	paginatedRowModel: ye(),
+	sortedRowModel: be()
+}, Ae = [
 	{
 		accessorKey: "name",
 		header: "Name"
@@ -60,30 +61,30 @@ var De = {
 		accessorKey: "url",
 		header: "URL"
 	}
-], 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") {
+], je = Object.assign(({ gridItemList: t, children: i }) => {
+	let { t: c } = W(), u = J(), d = [], f = [];
+	I.Children.forEach(i, (e) => {
+		if (I.isValidElement(e)) {
+			if (Y(e) === "GridListNewButton") {
 				let { to: t, label: n } = e.props;
 				d.push({
 					key: `new-${n}`,
-					render: () => /* @__PURE__ */ V(r, {
+					render: () => /* @__PURE__ */ B(r, {
 						onClick: () => u(t),
 						children: [
-							/* @__PURE__ */ B(U, { className: "size-4 mr-2" }),
+							/* @__PURE__ */ z(H, { className: "size-4 mr-2" }),
 							"New ",
 							n
 						]
 					})
 				});
-			} else if (X(e) === "GridListAction") {
+			} else if (Y(e) === "GridListAction") {
 				let { children: t } = e.props;
 				d.push({
 					key: `action-${d.length}`,
-					render: () => /* @__PURE__ */ B(z, { children: t })
+					render: () => /* @__PURE__ */ z(R, { children: t })
 				});
-			} else if (X(e) === "GridListItemAction") {
+			} else if (Y(e) === "GridListItemAction") {
 				let t = e.props;
 				f.push({
 					key: `item-action-${f.length}`,
@@ -95,13 +96,13 @@ var De = {
 			}
 		}
 	});
-	let m = f.length > 0, g = f.filter((e) => e.position === "left"), b = f.filter((e) => e.position === "right"), [x, S] = R({
+	let m = f.length > 0, g = f.filter((e) => e.position === "left"), b = f.filter((e) => e.position === "right"), [x, S] = L({
 		pageIndex: 0,
 		pageSize: 12
-	}), [C, w] = L.useState([]), [T, E] = R(""), D = Ce({
-		features: De,
+	}), [C, w] = I.useState([]), [T, E] = L(""), D = we({
+		features: ke,
 		data: t,
-		columns: Oe,
+		columns: Ae,
 		onSortingChange: w,
 		state: {
 			globalFilter: T,
@@ -112,22 +113,22 @@ var De = {
 		getColumnCanGlobalFilter: (e) => e.id === "name" || e.id === "description",
 		onPaginationChange: S
 	}), O = D.getRowModel().rows;
-	return /* @__PURE__ */ V("div", {
+	return /* @__PURE__ */ B("div", {
 		className: "px-6",
 		children: [
-			/* @__PURE__ */ V("div", {
+			/* @__PURE__ */ B("div", {
 				className: "flex items-center gap-3 mb-4",
 				children: [
-					/* @__PURE__ */ V("div", {
+					/* @__PURE__ */ B("div", {
 						className: "relative flex-1 max-w-sm",
-						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, {
+						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, {
 							placeholder: c("forms.common.search"),
 							value: T ?? "",
 							onChange: (e) => E(e.target.value),
 							className: "pl-9"
 						})]
 					}),
-					/* @__PURE__ */ V("span", {
+					/* @__PURE__ */ B("span", {
 						className: "text-sm text-muted-foreground whitespace-nowrap",
 						children: [
 							D.getFilteredRowModel().rows.length,
@@ -135,37 +136,37 @@ var De = {
 							D.getFilteredRowModel().rows.length === 1 ? c("forms.common.item") : c("forms.common.items")
 						]
 					}),
-					d.length > 0 && /* @__PURE__ */ B("div", {
+					d.length > 0 && /* @__PURE__ */ z("div", {
 						className: "ml-auto",
-						children: /* @__PURE__ */ V(n, { children: [/* @__PURE__ */ B(e, {
+						children: /* @__PURE__ */ B(n, { children: [/* @__PURE__ */ z(e, {
 							asChild: !0,
-							children: /* @__PURE__ */ V(s, {
+							children: /* @__PURE__ */ B(s, {
 								variant: "outline",
 								size: "sm",
 								className: "gap-1.5",
-								children: [/* @__PURE__ */ B(H, { className: "size-4" }), /* @__PURE__ */ B("span", {
+								children: [/* @__PURE__ */ z(V, { className: "size-4" }), /* @__PURE__ */ z("span", {
 									className: "hidden sm:inline",
 									children: c("forms.common.actions")
 								})]
 							})
-						}), /* @__PURE__ */ B(o, {
+						}), /* @__PURE__ */ z(o, {
 							align: "end",
-							children: d.map((e) => /* @__PURE__ */ B(L.Fragment, { children: e.render() }, e.key))
+							children: d.map((e) => /* @__PURE__ */ z(I.Fragment, { children: e.render() }, e.key))
 						})] })
 					})
 				]
 			}),
-			O.length > 0 ? /* @__PURE__ */ B("div", {
+			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 = Te(t), o = Ee(t), s = /* @__PURE__ */ V(l, {
+					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, {
 						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", {
+						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",
 							children: [
-								m && g.length > 0 && /* @__PURE__ */ B("div", {
+								m && g.length > 0 && /* @__PURE__ */ z("div", {
 									className: "flex items-center gap-1 shrink-0 mt-0.5",
-									children: g.map((t) => /* @__PURE__ */ B("button", {
+									children: g.map((t) => /* @__PURE__ */ z("button", {
 										type: "button",
 										title: t.label,
 										onClick: () => t.onClick(e.original),
@@ -173,109 +174,109 @@ var De = {
 										children: t.icon
 									}, t.key))
 								}),
-								/* @__PURE__ */ B("div", {
+								/* @__PURE__ */ z("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, {
+									children: i ? /* @__PURE__ */ z(he, {
 										icon: i,
 										className: "size-5"
 									}) : o
 								}),
-								/* @__PURE__ */ V("div", {
+								/* @__PURE__ */ B("div", {
 									className: "flex-1 min-w-0",
-									children: [/* @__PURE__ */ B("h3", {
+									children: [/* @__PURE__ */ z("h3", {
 										className: "font-medium text-sm truncate group-hover:text-[var(--vg-accent-fg)] transition-colors",
 										children: t
-									}), n ? /* @__PURE__ */ B("p", {
+									}), n ? /* @__PURE__ */ z("p", {
 										className: "text-xs text-muted-foreground mt-1 line-clamp-2 leading-relaxed",
 										children: n
-									}) : /* @__PURE__ */ B("p", {
+									}) : /* @__PURE__ */ z("p", {
 										className: "text-xs text-muted-foreground/50 mt-1 italic",
 										children: c("forms.common.noDescription")
 									})]
 								}),
-								m ? b.length > 0 && /* @__PURE__ */ B("div", {
+								m ? b.length > 0 && /* @__PURE__ */ z("div", {
 									className: "flex items-center gap-1 shrink-0 mt-0.5",
-									children: b.map((t) => /* @__PURE__ */ B("button", {
+									children: b.map((t) => /* @__PURE__ */ z("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-[var(--vg-accent-fg)] hover:bg-[var(--vg-accent-surface)] transition-colors cursor-pointer",
 										children: t.icon
 									}, t.key))
-								}) : /* @__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" })
+								}) : /* @__PURE__ */ z(de, { 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 m ? /* @__PURE__ */ B("div", {
+					return m ? /* @__PURE__ */ z("div", {
 						className: "group",
 						children: s
-					}, e.id) : /* @__PURE__ */ B(K, {
+					}, e.id) : /* @__PURE__ */ z(G, {
 						to: r,
 						className: "group",
 						children: s
 					}, e.id);
 				})
-			}) : /* @__PURE__ */ B(l, {
+			}) : /* @__PURE__ */ z(l, {
 				className: "p-8",
-				children: /* @__PURE__ */ V("div", {
+				children: /* @__PURE__ */ B("div", {
 					className: "text-center text-muted-foreground",
-					children: [/* @__PURE__ */ B(W, { className: "h-8 w-8 mx-auto mb-2 opacity-40" }), /* @__PURE__ */ B("p", {
+					children: [/* @__PURE__ */ z(U, { className: "h-8 w-8 mx-auto mb-2 opacity-40" }), /* @__PURE__ */ z("p", {
 						className: "text-sm",
 						children: c("forms.common.noResults")
 					})]
 				})
 			}),
-			D.getPageCount() > 1 && /* @__PURE__ */ V("div", {
+			D.getPageCount() > 1 && /* @__PURE__ */ B("div", {
 				className: "flex items-center justify-end space-x-2 mt-4",
 				children: [
-					/* @__PURE__ */ V("div", {
+					/* @__PURE__ */ B("div", {
 						className: "flex items-center space-x-2",
-						children: [/* @__PURE__ */ B("p", {
+						children: [/* @__PURE__ */ z("p", {
 							className: "text-sm text-muted-foreground",
 							children: c("forms.common.perPage")
-						}), /* @__PURE__ */ V(_, {
+						}), /* @__PURE__ */ B(_, {
 							value: `${D.state.pagination.pageSize}`,
 							onValueChange: (e) => D.setPageSize(Number(e)),
-							children: [/* @__PURE__ */ B(y, {
+							children: [/* @__PURE__ */ z(y, {
 								className: "h-8 w-17.5",
-								children: /* @__PURE__ */ B(h, { placeholder: D.state.pagination.pageSize })
-							}), /* @__PURE__ */ B(v, {
+								children: /* @__PURE__ */ z(h, { placeholder: D.state.pagination.pageSize })
+							}), /* @__PURE__ */ z(v, {
 								side: "top",
 								children: [
 									12,
 									24,
 									36,
 									48
-								].map((e) => /* @__PURE__ */ B(p, {
+								].map((e) => /* @__PURE__ */ z(p, {
 									value: `${e}`,
 									children: e
 								}, e))
 							})]
 						})]
 					}),
-					/* @__PURE__ */ B("div", {
+					/* @__PURE__ */ z("div", {
 						className: "flex w-25 items-center justify-center text-sm font-medium",
 						children: c("forms.common.pageOf", {
 							index: D.state.pagination.pageIndex + 1,
 							count: D.getPageCount()
 						})
 					}),
-					/* @__PURE__ */ V("div", {
+					/* @__PURE__ */ B("div", {
 						className: "flex items-center space-x-2",
-						children: [/* @__PURE__ */ B(s, {
+						children: [/* @__PURE__ */ z(s, {
 							variant: "outline",
 							size: "sm",
 							onClick: () => D.previousPage(),
 							disabled: !D.getCanPreviousPage(),
 							className: "h-8 w-8 p-0",
-							children: /* @__PURE__ */ B("span", { children: "<" })
-						}), /* @__PURE__ */ B(s, {
+							children: /* @__PURE__ */ z("span", { children: "<" })
+						}), /* @__PURE__ */ z(s, {
 							variant: "outline",
 							size: "sm",
 							onClick: () => D.nextPage(),
 							disabled: !D.getCanNextPage(),
 							className: "h-8 w-8 p-0",
-							children: /* @__PURE__ */ B("span", { children: ">" })
+							children: /* @__PURE__ */ z("span", { children: ">" })
 						})]
 					})
 				]
@@ -283,53 +284,59 @@ var De = {
 		]
 	});
 }, {
-	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, {
+	NewButton: X,
+	Action: Z,
+	ItemAction: Te
+}), Me = (e) => !e.url && (e.children?.length ?? 0) > 0, Ne = (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, {
 	tooltip: e.title,
-	isActive: n.startsWith((t ?? "") + e.url),
+	isActive: Ne(e, t, n),
 	asChild: !0,
-	children: /* @__PURE__ */ V(K, {
-		to: (t ?? "") + e.url,
+	children: /* @__PURE__ */ B(G, {
+		to: (t ?? "") + (e.url ?? ""),
 		onClick: i,
-		children: [e.icon && /* @__PURE__ */ B(e.icon, { className: "size-5!" }), /* @__PURE__ */ B("span", { children: e.title })]
+		children: [e.icon && /* @__PURE__ */ z(e.icon, { className: "size-5!" }), /* @__PURE__ */ z("span", { children: e.title })]
 	})
-}), !r && e.children && e.children.length > 0 && /* @__PURE__ */ B(P, {
+}), !r && e.children && e.children.length > 0 && /* @__PURE__ */ z(N, {
 	className: "ml-4",
-	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, {
+	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;
+	return /* @__PURE__ */ B(S, {
 		collapsible: "icon",
 		variant: "inset",
 		position: "absolute",
-		children: [/* @__PURE__ */ B(D, {
+		children: [/* @__PURE__ */ z(D, {
 			className: "pb-3",
-			children: /* @__PURE__ */ B(P, { children: /* @__PURE__ */ V(g, {
+			children: /* @__PURE__ */ z(N, { children: /* @__PURE__ */ B(g, {
 				className: "flex items-center",
-				children: [/* @__PURE__ */ B(F, {
+				children: [/* @__PURE__ */ z(P, {
 					asChild: !0,
 					className: "data-[slot=sidebar-menu-button]:p-1.5!",
-					children: /* @__PURE__ */ V(K, {
+					children: /* @__PURE__ */ B(G, {
 						to: r ?? "#",
 						className: "flex items-center gap-2.5",
-						children: [/* @__PURE__ */ B("div", {
+						children: [/* @__PURE__ */ z("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", {
+							children: /* @__PURE__ */ z(e, { className: "size-5! vg-accent-text" })
+						}), !_ && /* @__PURE__ */ z("span", {
 							className: "text-sm font-semibold whitespace-nowrap truncate",
 							children: i ? d("sidebar.new", { feature: t }) : n
 						})]
 					})
-				}), !_ && /* @__PURE__ */ V("div", {
+				}), !_ && /* @__PURE__ */ B("div", {
 					className: "flex items-center gap-1 mr-auto",
-					children: [!i && c && /* @__PURE__ */ B(s, {
+					children: [!i && c && /* @__PURE__ */ z(s, {
 						variant: "ghost",
 						size: "icon-sm",
 						onClick: c,
-						children: /* @__PURE__ */ B(de, { className: "size-5!" })
-					}), !i && o && u && /* @__PURE__ */ B(I, {
+						children: /* @__PURE__ */ z(fe, { className: "size-5!" })
+					}), !i && o && u && /* @__PURE__ */ z(F, {
 						feature: t,
 						name: n,
 						onDelete: o,
@@ -338,214 +345,220 @@ var De = {
 					})]
 				})]
 			}) })
-		}), /* @__PURE__ */ V(te, { children: [a?.counts && a.counts.length > 0 && /* @__PURE__ */ V(w, { children: [/* @__PURE__ */ B(A, { children: d("sidebar.indexing") }), /* @__PURE__ */ B(M, {
+		}), /* @__PURE__ */ B(te, { children: [a?.counts && a.counts.length > 0 && /* @__PURE__ */ B(w, { children: [/* @__PURE__ */ z(A, { children: d("sidebar.indexing") }), /* @__PURE__ */ z(j, {
 			className: "flex flex-col gap-2 pt-4",
-			children: /* @__PURE__ */ B(P, { children: a.counts.map((e) => /* @__PURE__ */ V(g, { children: [/* @__PURE__ */ V(F, {
-				tooltip: e.title + ": " + Ae(e.count),
+			children: /* @__PURE__ */ z(N, { children: a.counts.map((e) => /* @__PURE__ */ B(g, { children: [/* @__PURE__ */ B(P, {
+				tooltip: e.title + ": " + Pe(e.count),
 				variant: "outline",
-				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__ */ B(P, { children: a?.navMain && je(i ? a.navMain.filter((e) => e.url === "/detail") : a.navMain, r, f, _, v) })
-		})] })] })]
+				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)) })
+		})] }), (() => {
+			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, {
+				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, {
+				className: "flex flex-col gap-2",
+				children: /* @__PURE__ */ z(N, { children: Q(e.children ?? [], r, f, _, v) })
+			})] }, e.title))] });
+		})()] })]
 	});
 };
 //#endregion
 //#region src/components/router/nav-main.tsx
-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, {
+function Fe({ 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, {
 		className: "flex flex-col gap-2",
-		children: /* @__PURE__ */ B(P, { children: e.items.map((e) => /* @__PURE__ */ B(g, { children: /* @__PURE__ */ B(F, {
+		children: /* @__PURE__ */ z(N, { children: e.items.map((e) => /* @__PURE__ */ z(g, { children: /* @__PURE__ */ z(P, {
 			tooltip: e.title,
 			isActive: t.startsWith(e.url),
 			asChild: !0,
-			children: /* @__PURE__ */ V(K, {
+			children: /* @__PURE__ */ B(G, {
 				to: e.url,
 				onClick: () => n && r(!1),
-				children: [e.icon && /* @__PURE__ */ B(e.icon, { className: "size-6!" }), /* @__PURE__ */ B("span", { children: e.title })]
+				children: [e.icon && /* @__PURE__ */ z(e.icon, { className: "size-6!" }), /* @__PURE__ */ z("span", { children: e.title })]
 			})
 		}) }, e.title)) })
 	})] }, e.label ?? "_ungrouped")) });
 }
 //#endregion
 //#region src/components/router/nav-user.tsx
-function Pe({ user: a, accountUrl: s, logoutUrl: l, onLogout: u }) {
-	let { t: d } = G(), { isMobile: f } = k(), p = () => {
+function Ie({ user: a, accountUrl: s, logoutUrl: l, onLogout: u }) {
+	let { t: d } = W(), { isMobile: f } = k(), p = () => {
 		u ? u() : l && (globalThis.location.href = l);
-	}, m = L.useMemo(() => {
+	}, m = I.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, {
+	return /* @__PURE__ */ z(N, { children: /* @__PURE__ */ z(g, { children: /* @__PURE__ */ B(n, { children: [/* @__PURE__ */ z(e, {
 		asChild: !0,
-		children: /* @__PURE__ */ V(F, {
+		children: /* @__PURE__ */ B(P, {
 			size: "lg",
 			className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
 			children: [
-				/* @__PURE__ */ V(N, {
+				/* @__PURE__ */ B(M, {
 					className: "h-8 w-8 rounded-lg",
-					children: [h && /* @__PURE__ */ B(O, {
+					children: [h && /* @__PURE__ */ z(O, {
 						src: h,
 						alt: a.username
-					}), /* @__PURE__ */ B(j, {
+					}), /* @__PURE__ */ z(re, {
 						className: "rounded-lg",
 						children: m
 					})]
 				}),
-				/* @__PURE__ */ V("div", {
+				/* @__PURE__ */ B("div", {
 					className: "grid flex-1 text-left text-sm leading-tight",
-					children: [/* @__PURE__ */ V("span", {
+					children: [/* @__PURE__ */ B("span", {
 						className: "truncate font-medium",
 						children: [
 							a.firstName,
 							" ",
 							a.lastName
 						]
-					}), /* @__PURE__ */ B("span", {
+					}), /* @__PURE__ */ z("span", {
 						className: "text-muted-foreground truncate text-xs",
 						children: a.email
 					})]
 				}),
-				/* @__PURE__ */ B(H, { className: "ml-auto size-4" })
+				/* @__PURE__ */ z(V, { className: "ml-auto size-4" })
 			]
 		})
-	}), /* @__PURE__ */ V(o, {
+	}), /* @__PURE__ */ B(o, {
 		className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
 		side: f ? "bottom" : "right",
 		align: "end",
 		sideOffset: 4,
 		children: [
-			/* @__PURE__ */ B(t, {
+			/* @__PURE__ */ z(t, {
 				className: "p-0 font-normal",
-				children: /* @__PURE__ */ V("div", {
+				children: /* @__PURE__ */ B("div", {
 					className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm",
-					children: [/* @__PURE__ */ V(N, {
+					children: [/* @__PURE__ */ B(M, {
 						className: "h-8 w-8 rounded-lg",
-						children: [h && /* @__PURE__ */ B(O, {
+						children: [h && /* @__PURE__ */ z(O, {
 							src: h,
 							alt: a.username
-						}), /* @__PURE__ */ B(j, {
+						}), /* @__PURE__ */ z(re, {
 							className: "rounded-lg",
 							children: m
 						})]
-					}), /* @__PURE__ */ V("div", {
+					}), /* @__PURE__ */ B("div", {
 						className: "grid flex-1 text-left text-sm leading-tight",
-						children: [/* @__PURE__ */ V("span", {
+						children: [/* @__PURE__ */ B("span", {
 							className: "truncate font-medium",
 							children: [
 								a.firstName,
 								" ",
 								a.lastName
 							]
-						}), /* @__PURE__ */ B("span", {
+						}), /* @__PURE__ */ z("span", {
 							className: "text-muted-foreground truncate text-xs",
 							children: a.email
 						})]
 					})]
 				})
 			}),
-			/* @__PURE__ */ B(c, {}),
-			s && /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B(i, { children: /* @__PURE__ */ B(K, {
+			/* @__PURE__ */ z(c, {}),
+			s && /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(i, { children: /* @__PURE__ */ z(G, {
 				to: s,
 				className: "w-full",
-				children: /* @__PURE__ */ V(r, { children: [/* @__PURE__ */ B(pe, {}), d("nav.account")] })
-			}) }), /* @__PURE__ */ B(c, {})] }),
-			/* @__PURE__ */ V(r, {
+				children: /* @__PURE__ */ B(r, { children: [/* @__PURE__ */ z(me, {}), d("nav.account")] })
+			}) }), /* @__PURE__ */ z(c, {})] }),
+			/* @__PURE__ */ B(r, {
 				onClick: p,
 				className: "cursor-pointer",
-				children: [/* @__PURE__ */ B(fe, {}), /* @__PURE__ */ B("span", { children: d("nav.logOut") })]
+				children: [/* @__PURE__ */ z(pe, {}), /* @__PURE__ */ z("span", { children: d("nav.logOut") })]
 			})
 		]
 	})] }) }) });
 }
 //#endregion
 //#region src/components/router/page-content.tsx
-var Fe = () => /* @__PURE__ */ B("div", {
+var Le = () => /* @__PURE__ */ z("div", {
 	className: "flex flex-1 flex-col",
-	children: /* @__PURE__ */ B("div", {
+	children: /* @__PURE__ */ z("div", {
 		className: "@container/main flex flex-1 flex-col gap-2",
-		children: /* @__PURE__ */ B("div", {
+		children: /* @__PURE__ */ z("div", {
 			className: "flex flex-col gap-2 px-1 py-1 md:gap-3 md:px-2 md:py-2",
-			children: /* @__PURE__ */ B(q, {})
+			children: /* @__PURE__ */ z(K, {})
 		})
 	})
-}), 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", {
+}), 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;
+	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__ */ V("div", {
+		children: /* @__PURE__ */ B("div", {
 			className: "flex w-full items-center gap-1 px-4 lg:gap-2 lg:px-6",
 			children: [
-				/* @__PURE__ */ B(u, { className: "-ml-1 hidden md:flex" }),
-				/* @__PURE__ */ B(f, {
+				/* @__PURE__ */ z(u, { className: "-ml-1 hidden md:flex" }),
+				/* @__PURE__ */ z(f, {
 					orientation: "vertical",
 					className: "mx-2 data-[orientation=vertical]:h-4 hidden md:block"
 				}),
-				/* @__PURE__ */ V("div", {
+				/* @__PURE__ */ B("div", {
 					className: "hidden md:flex items-center gap-1",
-					children: [e && /* @__PURE__ */ B("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__ */ 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, {
+						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, {
 						asChild: !0,
-						children: /* @__PURE__ */ B(K, {
+						children: /* @__PURE__ */ z(G, {
 							to: e.href,
 							children: e.label
 						})
-					}) : /* @__PURE__ */ B(T, { children: e.label }) })] }, e.label)) }) }) : /* @__PURE__ */ B("h1", {
+					}) : /* @__PURE__ */ z(T, { children: e.label }) })] }, e.label)) }) }) : /* @__PURE__ */ z("h1", {
 						className: "text-base font-semibold",
 						children: t
 					})]
 				}),
-				/* @__PURE__ */ V("div", {
+				/* @__PURE__ */ B("div", {
 					className: "flex md:hidden items-center gap-2 min-w-0 flex-1",
 					children: [
-						c?.href && /* @__PURE__ */ B("button", {
+						c?.href && /* @__PURE__ */ z("button", {
 							type: "button",
 							title: o("common.goBack"),
 							onClick: () => a(c.href),
 							className: "shrink-0 flex items-center justify-center size-8 rounded-lg hover:bg-muted transition-colors",
-							children: /* @__PURE__ */ B(le, { className: "size-4" })
+							children: /* @__PURE__ */ z(ue, { className: "size-4" })
 						}),
-						e && /* @__PURE__ */ B("div", {
+						e && /* @__PURE__ */ z("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" })
+							children: /* @__PURE__ */ z(e, { className: "size-3.5! vg-accent-text" })
 						}),
-						/* @__PURE__ */ B("span", {
+						/* @__PURE__ */ z("span", {
 							className: "text-sm font-semibold truncate",
 							children: s?.label ?? t
 						})
 					]
 				}),
-				/* @__PURE__ */ V("div", {
+				/* @__PURE__ */ B("div", {
 					className: "ml-auto flex items-center gap-2",
 					children: [
-						r && /* @__PURE__ */ B("div", {
+						r && /* @__PURE__ */ z("div", {
 							className: "hidden md:flex items-center",
 							children: r
 						}),
-						/* @__PURE__ */ B("div", {
+						/* @__PURE__ */ z("div", {
 							className: "hidden md:block",
-							children: /* @__PURE__ */ B(ee, {})
+							children: /* @__PURE__ */ z(ee, {})
 						}),
-						/* @__PURE__ */ B(u, { className: "md:hidden" })
+						/* @__PURE__ */ z(u, { className: "md:hidden" })
 					]
 				})
 			]
 		})
 	});
-}, Le = ({ icon: e, title: t, urlBase: n }) => /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B(Ie, {
+}, ze = ({ icon: e, title: t, urlBase: n }) => /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(Re, {
 	icon: e,
 	title: t,
 	urlBase: n
-}), /* @__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", {
+}), /* @__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", {
 		className: "flex items-center gap-3",
-		children: [/* @__PURE__ */ B("div", {
+		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) => {
@@ -554,121 +567,135 @@ var Fe = () => /* @__PURE__ */ B("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", {
+			children: /* @__PURE__ */ z(e, { className: "size-5! vg-accent-text" })
+		}), /* @__PURE__ */ B("div", {
 			className: "min-w-0",
-			children: [/* @__PURE__ */ B("h1", {
+			children: [/* @__PURE__ */ z("h1", {
 				className: "text-base font-semibold leading-tight text-foreground truncate",
 				children: t
-			}), /* @__PURE__ */ B("p", {
+			}), /* @__PURE__ */ z("p", {
 				className: "hidden md:block text-xs text-muted-foreground leading-relaxed mt-0.5 truncate",
 				children: n
 			})]
 		})]
 	});
-	return r && !a ? /* @__PURE__ */ B("div", {
+	return r && !a ? /* @__PURE__ */ z("div", {
 		className: "min-w-0 flex-1",
-		children: /* @__PURE__ */ B(K, {
+		children: /* @__PURE__ */ z(G, {
 			to: r,
 			className: "group inline-flex max-w-full",
 			children: s
 		})
-	}) : /* @__PURE__ */ B("div", {
+	}) : /* @__PURE__ */ z("div", {
 		className: "min-w-0 flex-1",
 		children: s
 	});
 };
-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);
+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);
 	});
 	let d = i ?? c("common.actions");
-	return /* @__PURE__ */ V("div", {
+	return /* @__PURE__ */ B("div", {
 		className: "flex items-center gap-2 shrink-0",
-		children: [u, l.length > 0 && /* @__PURE__ */ V(n, { children: [/* @__PURE__ */ B(e, {
+		children: [u, l.length > 0 && /* @__PURE__ */ B(n, { children: [/* @__PURE__ */ z(e, {
 			asChild: !0,
-			children: i ? /* @__PURE__ */ V(s, {
+			children: i ? /* @__PURE__ */ B(s, {
 				variant: "outline",
 				size: "sm",
 				className: "gap-1.5",
-				children: [/* @__PURE__ */ B(H, { className: "size-4" }), /* @__PURE__ */ B("span", {
+				children: [/* @__PURE__ */ z(V, { className: "size-4" }), /* @__PURE__ */ z("span", {
 					className: "hidden sm:inline",
 					children: i
 				})]
-			}) : /* @__PURE__ */ B(s, {
+			}) : /* @__PURE__ */ z(s, {
 				variant: "ghost",
 				size: "icon-sm",
 				"aria-label": d,
 				title: d,
-				children: /* @__PURE__ */ B(H, { className: "size-5!" })
+				children: /* @__PURE__ */ z(V, { className: "size-5!" })
 			})
-		}), /* @__PURE__ */ B(o, {
+		}), /* @__PURE__ */ z(o, {
 			align: "end",
 			children: l.map((e) => {
-				let t = e.icon ?? U;
-				return /* @__PURE__ */ V(r, {
+				let t = e.icon ?? H;
+				return /* @__PURE__ */ B(r, {
 					disabled: e.disabled,
 					onClick: () => {
 						e.href && a(e.href), e.onClick && e.onClick();
 					},
-					children: [/* @__PURE__ */ B(t, { className: "size-4 mr-2" }), e.label]
+					children: [/* @__PURE__ */ z(t, { className: "size-4 mr-2" }), e.label]
 				}, e.label);
 			})
 		})] })]
 	});
 };
-Be.displayName = "StickyPageHeaderActions";
-var Ve = Object.assign(({ children: e }) => /* @__PURE__ */ B("header", {
+He.displayName = "StickyPageHeaderActions";
+var Ue = 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__ */ V("div", {
+	children: /* @__PURE__ */ B("div", {
 		className: "flex w-full items-center gap-3 px-4 lg:px-6 py-3",
-		children: [/* @__PURE__ */ V("div", {
+		children: [/* @__PURE__ */ B("div", {
 			className: "hidden md:flex items-center gap-1",
-			children: [/* @__PURE__ */ B(u, { className: "-ml-1" }), /* @__PURE__ */ B(f, {
+			children: [/* @__PURE__ */ z(u, { className: "-ml-1" }), /* @__PURE__ */ z(f, {
 				orientation: "vertical",
 				className: "mx-2 data-[orientation=vertical]:h-4"
 			})]
 		}), e]
 	})
 }), {
-	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__ */ B("div", {
-		className: "flex min-h-full w-full md:rounded-xl md:border md:bg-sidebar md:shadow-sm",
-		children: /* @__PURE__ */ V(d, {
-			defaultOpen: !0,
-			className: "min-h-0!",
-			style: {
-				"--sidebar-width": "calc(var(--spacing) * 72)",
-				"--header-height": "calc(var(--spacing) * 12)",
-				minHeight: 0
-			},
-			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__ */ B("main", {
-					className: "flex flex-1 flex-col pt-2 md:pt-4 max-md:[&_.px-6]:px-2",
-					children: /* @__PURE__ */ B(q, {})
-				})
-			})]
+	Title: Be,
+	Actions: He,
+	Action: Ve
+}), We = {
+	comfortable: {
+		outer: "px-1 md:px-6 lg:px-8 py-1 md:py-4",
+		inset: "md:mr-1.5 md:my-1.5",
+		main: "pt-2 md:pt-4"
+	},
+	compact: {
+		outer: "px-0 py-0",
+		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];
+	return /* @__PURE__ */ z("div", {
+		className: `w-full ${r.outer} min-h-[calc(100svh-10.5rem)]`,
+		children: /* @__PURE__ */ z("div", {
+			className: "flex min-h-full w-full md:rounded-xl md:border md:bg-sidebar md:shadow-sm",
+			children: /* @__PURE__ */ B(d, {
+				defaultOpen: !0,
+				className: "min-h-0!",
+				style: {
+					"--sidebar-width": "calc(var(--spacing) * 72)",
+					"--header-height": "calc(var(--spacing) * 12)",
+					minHeight: 0
+				},
+				children: [/* @__PURE__ */ z($, { ...n }), /* @__PURE__ */ z(b, {
+					className: `${r.inset} md:rounded-xl md:border bg-background md:shadow-sm`,
+					children: /* @__PURE__ */ z("main", {
+						className: `flex flex-1 flex-col ${r.main} max-md:[&_.px-6]:px-2`,
+						children: /* @__PURE__ */ z(K, { context: e })
+					})
+				})]
+			})
 		})
-	})
-}), 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 S = /* @__PURE__ */ V("div", {
+}, Ke = () => null;
+Ke.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 S = /* @__PURE__ */ B("div", {
 		className: "flex items-center gap-3",
-		children: [t && /* @__PURE__ */ B("div", {
+		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) => {
@@ -676,64 +703,64 @@ var We = Object.assign(({ icon: t, feature: i, name: a, description: c, urlBase:
 			} : void 0,
 			tabIndex: v ? 0 : void 0,
 			title: v ? "Open navigation" : void 0,
-			children: /* @__PURE__ */ B(t, { className: "size-5! vg-accent-text" })
-		}), /* @__PURE__ */ V("div", {
+			children: /* @__PURE__ */ z(t, { className: "size-5! vg-accent-text" })
+		}), /* @__PURE__ */ B("div", {
 			className: "min-w-0",
-			children: [/* @__PURE__ */ B("h1", {
+			children: [/* @__PURE__ */ z("h1", {
 				className: "text-base font-semibold leading-tight text-foreground",
 				children: i
-			}), /* @__PURE__ */ B("p", {
+			}), /* @__PURE__ */ z("p", {
 				className: "hidden md:block text-xs text-muted-foreground leading-relaxed mt-0.5",
 				children: c
 			})]
 		})]
 	});
-	return /* @__PURE__ */ V("header", {
+	return /* @__PURE__ */ B("header", {
 		className: "mb-5",
-		children: [/* @__PURE__ */ V("div", {
+		children: [/* @__PURE__ */ B("div", {
 			className: "flex w-full items-center gap-3 px-4 lg:px-6",
 			children: [
-				/* @__PURE__ */ V("div", {
+				/* @__PURE__ */ B("div", {
 					className: "hidden md:flex items-center gap-1",
-					children: [/* @__PURE__ */ B(u, { className: "-ml-1" }), /* @__PURE__ */ B(f, {
+					children: [/* @__PURE__ */ z(u, { className: "-ml-1" }), /* @__PURE__ */ z(f, {
 						orientation: "vertical",
 						className: "mx-2 data-[orientation=vertical]:h-4"
 					})]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ z("div", {
 					className: "min-w-0 flex-1",
-					children: l && !v ? /* @__PURE__ */ B(K, {
+					children: l && !v ? /* @__PURE__ */ z(G, {
 						to: l,
 						className: "group inline-flex",
 						children: S
 					}) : S
 				}),
-				/* @__PURE__ */ V("div", {
+				/* @__PURE__ */ B("div", {
 					className: "flex items-center gap-2",
-					children: [x.length > 0 && /* @__PURE__ */ V(n, { children: [/* @__PURE__ */ B(e, {
+					children: [x.length > 0 && /* @__PURE__ */ B(n, { children: [/* @__PURE__ */ z(e, {
 						asChild: !0,
-						children: /* @__PURE__ */ V(s, {
+						children: /* @__PURE__ */ B(s, {
 							variant: "outline",
 							size: "sm",
 							className: "gap-1.5",
-							children: [/* @__PURE__ */ B(H, { className: "size-4" }), /* @__PURE__ */ B("span", {
+							children: [/* @__PURE__ */ z(V, { className: "size-4" }), /* @__PURE__ */ z("span", {
 								className: "hidden sm:inline",
 								children: "Actions"
 							})]
 						})
-					}), /* @__PURE__ */ B(o, {
+					}), /* @__PURE__ */ z(o, {
 						align: "end",
 						children: x.map((e) => {
-							let t = e.icon ?? U;
-							return /* @__PURE__ */ V(r, {
+							let t = e.icon ?? H;
+							return /* @__PURE__ */ B(r, {
 								disabled: e.disabled,
 								onClick: () => {
 									e.href && b(e.href), e.onClick && e.onClick();
 								},
-								children: [/* @__PURE__ */ B(t, { className: "size-4 mr-2" }), e.label]
+								children: [/* @__PURE__ */ z(t, { className: "size-4 mr-2" }), e.label]
 							}, e.label);
 						})
-					})] }), p !== void 0 && d !== void 0 && h !== void 0 && /* @__PURE__ */ B(I, {
+					})] }), p !== void 0 && d !== void 0 && h !== void 0 && /* @__PURE__ */ z(F, {
 						feature: i,
 						name: a,
 						onDelete: d,
@@ -742,8 +769,8 @@ var We = Object.assign(({ icon: t, feature: i, name: a, description: c, urlBase:
 					})]
 				})
 			]
-		}), /* @__PURE__ */ B(f, { className: "mt-3" })]
+		}), /* @__PURE__ */ z(f, { className: "mt-3" })]
 	});
-}, { Action: Ue });
+}, { Action: Ke });
 //#endregion
-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 };
+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 };