@viglet/viglet-design-system 2026.3.9 → 2026.3.11

package/dist/router.es.js

@@ -1,777 +1,3 @@
 "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-CoEEv7s5.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-KQut7j8U.js";
-import { i as I, n as oe, r as se, t as ce } from "./loading-provider-BWWhhfEn.js";
-import L, { useState as le } from "react";
-import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
-import { useTranslation as V } from "react-i18next";
-import { IconChevronLeft as ue, IconChevronRight as de, IconDotsVertical as H, IconDownload as fe, IconLogout as pe, IconPlus as U, IconSearch as W, IconUserCircle as me } from "@tabler/icons-react";
-import { Icon as he } from "@iconify/react";
-import { NavLink as G, Outlet as K, useLocation as q, useNavigate as J } from "react-router-dom";
-import { columnFilteringFeature as ge, createCoreRowModel as _e, createFilteredRowModel as ve, createPaginatedRowModel as ye, createSortedRowModel as be, globalFilteringFeature as xe, rowPaginationFeature as Se, rowSortingFeature as Ce, useTable as we } from "@tanstack/react-table";
-//#region src/lib/react-markers.ts
-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 Te = () => null;
-Te.displayName = "GridListAction";
-var Ee = () => null;
-Ee.displayName = "GridListItemAction";
-var De = [
-	"vg-accent-solid",
-	"from-emerald-500 to-teal-500",
-	"from-violet-500 to-purple-500",
-	"from-amber-500 to-orange-500",
-	"from-rose-500 to-pink-500",
-	"from-cyan-500 to-sky-500",
-	"from-fuchsia-500 to-pink-500",
-	"from-lime-500 to-emerald-500"
-];
-function Oe(e) {
-	let t = 0;
-	for (let n = 0; n < e.length; n++) t = (e.codePointAt(n) ?? 0) + ((t << 5) - t);
-	return De[Math.abs(t) % De.length];
-}
-function ke(e) {
-	return e.split(/[\s\-_]+/).filter(Boolean).slice(0, 2).map((e) => e[0].toUpperCase()).join("");
-}
-var Ae = {
-	columnFilteringFeature: ge,
-	globalFilteringFeature: xe,
-	rowPaginationFeature: Se,
-	rowSortingFeature: Ce,
-	coreRowModel: _e(),
-	filteredRowModel: ve(),
-	paginatedRowModel: ye(),
-	sortedRowModel: be()
-}, je = [
-	{
-		accessorKey: "name",
-		header: "Name"
-	},
-	{
-		accessorKey: "description",
-		header: "Description"
-	},
-	{
-		accessorKey: "url",
-		header: "URL"
-	}
-], Me = Object.assign(({ gridItemList: t, children: i }) => {
-	let { t: c } = V(), u = J(), d = [], f = [];
-	L.Children.forEach(i, (e) => {
-		if (L.isValidElement(e)) {
-			if (Y(e) === "GridListNewButton") {
-				let { to: t, label: n } = e.props;
-				d.push({
-					key: `new-${n}`,
-					render: () => /* @__PURE__ */ B(r, {
-						onClick: () => u(t),
-						children: [/* @__PURE__ */ z(U, { className: "size-4 mr-2" }), c("sidebar.new", {
-							feature: n,
-							defaultValue: "New {{feature}}"
-						})]
-					})
-				});
-			} else if (Y(e) === "GridListAction") {
-				let { children: t } = e.props;
-				d.push({
-					key: `action-${d.length}`,
-					render: () => /* @__PURE__ */ z(R, { children: t })
-				});
-			} else if (Y(e) === "GridListItemAction") {
-				let t = e.props;
-				f.push({
-					key: `item-action-${f.length}`,
-					icon: t.icon,
-					label: t.label,
-					onClick: t.onClick,
-					position: t.position ?? "right"
-				});
-			}
-		}
-	});
-	let m = f.length > 0, g = f.filter((e) => e.position === "left"), b = f.filter((e) => e.position === "right"), [x, S] = le({
-		pageIndex: 0,
-		pageSize: 12
-	}), [C, w] = L.useState([]), [T, E] = le(""), D = we({
-		features: Ae,
-		data: t,
-		columns: je,
-		onSortingChange: w,
-		state: {
-			globalFilter: T,
-			pagination: x,
-			sorting: C
-		},
-		onGlobalFilterChange: E,
-		getColumnCanGlobalFilter: (e) => e.id === "name" || e.id === "description",
-		onPaginationChange: S
-	}), O = D.getRowModel().rows;
-	return /* @__PURE__ */ B("div", {
-		className: "px-6",
-		children: [
-			/* @__PURE__ */ B("div", {
-				className: "flex items-center gap-3 mb-4",
-				children: [
-					/* @__PURE__ */ B("div", {
-						className: "relative flex-1 max-w-sm",
-						children: [/* @__PURE__ */ z(W, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ z(a, {
-							placeholder: c("forms.common.search"),
-							value: T ?? "",
-							onChange: (e) => E(e.target.value),
-							className: "pl-9"
-						})]
-					}),
-					/* @__PURE__ */ B("span", {
-						className: "text-sm text-muted-foreground whitespace-nowrap",
-						children: [
-							D.getFilteredRowModel().rows.length,
-							" ",
-							D.getFilteredRowModel().rows.length === 1 ? c("forms.common.item") : c("forms.common.items")
-						]
-					}),
-					d.length > 0 && /* @__PURE__ */ z("div", {
-						className: "ml-auto",
-						children: /* @__PURE__ */ B(n, { children: [/* @__PURE__ */ z(e, {
-							asChild: !0,
-							children: /* @__PURE__ */ B(s, {
-								variant: "outline",
-								size: "sm",
-								className: "gap-1.5",
-								children: [/* @__PURE__ */ z(H, { className: "size-4" }), /* @__PURE__ */ z("span", {
-									className: "hidden sm:inline",
-									children: c("forms.common.actions")
-								})]
-							})
-						}), /* @__PURE__ */ z(o, {
-							align: "end",
-							children: d.map((e) => /* @__PURE__ */ z(L.Fragment, { children: e.render() }, e.key))
-						})] })
-					})
-				]
-			}),
-			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 = Oe(t), o = ke(t), s = /* @__PURE__ */ B(l, {
-						className: "relative overflow-hidden p-0 h-full transition-all duration-200 hover:shadow-lg hover:shadow-[var(--vg-accent-surface)] hover:-translate-y-0.5 border-border/60 hover:border-[var(--vg-accent-line)]",
-						children: [/* @__PURE__ */ z("div", { className: `h-1.5 bg-linear-to-r ${a} opacity-70 group-hover:opacity-100 transition-opacity` }), /* @__PURE__ */ B("div", {
-							className: "p-4 flex items-start gap-3",
-							children: [
-								m && g.length > 0 && /* @__PURE__ */ z("div", {
-									className: "flex items-center gap-1 shrink-0 mt-0.5",
-									children: g.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__ */ 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__ */ z(he, {
-										icon: i,
-										className: "size-5"
-									}) : o
-								}),
-								/* @__PURE__ */ B("div", {
-									className: "flex-1 min-w-0",
-									children: [/* @__PURE__ */ z("h3", {
-										className: "font-medium text-sm truncate group-hover:text-[var(--vg-accent-fg)] transition-colors",
-										children: t
-									}), n ? /* @__PURE__ */ z("p", {
-										className: "text-xs text-muted-foreground mt-1 line-clamp-2 leading-relaxed",
-										children: n
-									}) : /* @__PURE__ */ z("p", {
-										className: "text-xs text-muted-foreground/50 mt-1 italic",
-										children: c("forms.common.noDescription")
-									})]
-								}),
-								m ? b.length > 0 && /* @__PURE__ */ z("div", {
-									className: "flex items-center gap-1 shrink-0 mt-0.5",
-									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__ */ 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__ */ z("div", {
-						className: "group",
-						children: s
-					}, e.id) : /* @__PURE__ */ z(G, {
-						to: r,
-						className: "group",
-						children: s
-					}, e.id);
-				})
-			}) : /* @__PURE__ */ z(l, {
-				className: "p-8",
-				children: /* @__PURE__ */ B("div", {
-					className: "text-center text-muted-foreground",
-					children: [/* @__PURE__ */ z(W, { className: "h-8 w-8 mx-auto mb-2 opacity-40" }), /* @__PURE__ */ z("p", {
-						className: "text-sm",
-						children: c("forms.common.noResults")
-					})]
-				})
-			}),
-			D.getPageCount() > 1 && /* @__PURE__ */ B("div", {
-				className: "flex items-center justify-end space-x-2 mt-4",
-				children: [
-					/* @__PURE__ */ B("div", {
-						className: "flex items-center space-x-2",
-						children: [/* @__PURE__ */ z("p", {
-							className: "text-sm text-muted-foreground",
-							children: c("forms.common.perPage")
-						}), /* @__PURE__ */ B(_, {
-							value: `${D.state.pagination.pageSize}`,
-							onValueChange: (e) => D.setPageSize(Number(e)),
-							children: [/* @__PURE__ */ z(y, {
-								className: "h-8 w-17.5",
-								children: /* @__PURE__ */ z(h, { placeholder: D.state.pagination.pageSize })
-							}), /* @__PURE__ */ z(v, {
-								side: "top",
-								children: [
-									12,
-									24,
-									36,
-									48
-								].map((e) => /* @__PURE__ */ z(p, {
-									value: `${e}`,
-									children: e
-								}, e))
-							})]
-						})]
-					}),
-					/* @__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__ */ B("div", {
-						className: "flex items-center space-x-2",
-						children: [/* @__PURE__ */ z(s, {
-							variant: "outline",
-							size: "sm",
-							onClick: () => D.previousPage(),
-							disabled: !D.getCanPreviousPage(),
-							className: "h-8 w-8 p-0",
-							"aria-label": c("common.goToPreviousPage", { defaultValue: "Go to previous page" }),
-							children: /* @__PURE__ */ z("span", { children: "<" })
-						}), /* @__PURE__ */ z(s, {
-							variant: "outline",
-							size: "sm",
-							onClick: () => D.nextPage(),
-							disabled: !D.getCanNextPage(),
-							className: "h-8 w-8 p-0",
-							"aria-label": c("common.goToNextPage", { defaultValue: "Go to next page" }),
-							children: /* @__PURE__ */ z("span", { children: ">" })
-						})]
-					})
-				]
-			})
-		]
-	});
-}, {
-	NewButton: X,
-	Action: Te,
-	ItemAction: Ee
-}), Ne = (e) => !e.url && (e.children?.length ?? 0) > 0, Pe = (e, t, n) => {
-	if (e.url) {
-		let r = (t ?? "") + e.url;
-		if (n === r || n.startsWith(r + "/")) return !0;
-	}
-	return e.children?.some((e) => Pe(e, t, n)) ?? !1;
-}, Fe = (e) => (e ?? 0).toLocaleString(), Z = (e, t, n, r, i) => e.map((e) => /* @__PURE__ */ B(g, { children: [/* @__PURE__ */ z(F, {
-	tooltip: e.title,
-	isActive: Pe(e, t, n),
-	asChild: !0,
-	children: /* @__PURE__ */ B(G, {
-		to: (t ?? "") + (e.url ?? ""),
-		onClick: i,
-		children: [e.icon && /* @__PURE__ */ z(e.icon, { className: "size-5!" }), /* @__PURE__ */ z("span", { children: e.title })]
-	})
-}), !r && e.children && e.children.length > 0 && /* @__PURE__ */ z(P, {
-	className: "ml-4",
-	children: Z(e.children, t, n, r, i)
-})] }, e.title)), Q = ({ icon: e, feature: t, name: n, urlBase: r, isNew: i, data: a, onDelete: o, onExport: c, open: l, setOpen: u }) => {
-	let { t: d } = V(), f = q().pathname, { state: p, isMobile: m, setOpenMobile: h } = k(), _ = p === "collapsed", v = m ? () => h(!1) : void 0;
-	return /* @__PURE__ */ B(S, {
-		collapsible: "icon",
-		variant: "inset",
-		position: "absolute",
-		children: [/* @__PURE__ */ z(D, {
-			className: "pb-3",
-			children: /* @__PURE__ */ z(P, { children: /* @__PURE__ */ B(g, {
-				className: "flex items-center",
-				children: [/* @__PURE__ */ z(F, {
-					asChild: !0,
-					className: "data-[slot=sidebar-menu-button]:p-1.5!",
-					children: /* @__PURE__ */ B(G, {
-						to: r ?? "#",
-						className: "flex items-center gap-2.5",
-						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__ */ 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__ */ B("div", {
-					className: "flex items-center gap-1 mr-auto",
-					children: [!i && c && /* @__PURE__ */ z(s, {
-						variant: "ghost",
-						size: "icon-sm",
-						onClick: c,
-						children: /* @__PURE__ */ z(fe, { className: "size-5!" })
-					}), !i && o && u && /* @__PURE__ */ z(I, {
-						feature: t,
-						name: n,
-						onDelete: o,
-						open: l ?? !1,
-						setOpen: u
-					})]
-				})]
-			}) })
-		}), /* @__PURE__ */ B(te, { children: [a?.counts && a.counts.length > 0 && /* @__PURE__ */ B(w, { children: [/* @__PURE__ */ z(A, { children: d("sidebar.indexing") }), /* @__PURE__ */ z(M, {
-			className: "flex flex-col gap-2 pt-4",
-			children: /* @__PURE__ */ z(P, { children: a.counts.map((e) => /* @__PURE__ */ B(g, { children: [/* @__PURE__ */ B(F, {
-				tooltip: e.title + ": " + Fe(e.count),
-				variant: "outline",
-				children: [e.icon && /* @__PURE__ */ z(e.icon, { className: "size-5!" }), /* @__PURE__ */ z("span", { children: e.title })]
-			}), !_ && /* @__PURE__ */ z(x, { children: Fe(e.count) })] }, e.title)) })
-		})] }), (() => {
-			let e = a?.navMain ?? [], n = i ? e.filter((e) => e.showOnNew ?? e.url === "/detail") : e, o = n.filter((e) => !Ne(e)), s = n.filter(Ne);
-			return /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ B(w, { children: [/* @__PURE__ */ z(A, { children: t }), /* @__PURE__ */ z(M, {
-				className: "flex flex-col gap-2",
-				children: /* @__PURE__ */ z(P, { children: Z(o, r, f, _, v) })
-			})] }), s.map((e) => /* @__PURE__ */ B(w, { children: [/* @__PURE__ */ z(A, { children: e.title }), /* @__PURE__ */ z(M, {
-				className: "flex flex-col gap-2",
-				children: /* @__PURE__ */ z(P, { children: Z(e.children ?? [], r, f, _, v) })
-			})] }, e.title))] });
-		})()] })]
-	});
-};
-//#endregion
-//#region src/components/router/nav-main.tsx
-function Ie({ groups: e }) {
-	let t = q().pathname, { isMobile: n, setOpenMobile: r } = k();
-	return /* @__PURE__ */ z(R, { children: e.map((e) => /* @__PURE__ */ B(w, { children: [e.label && /* @__PURE__ */ z(A, { children: e.label }), /* @__PURE__ */ z(M, {
-		className: "flex flex-col gap-2",
-		children: /* @__PURE__ */ z(P, { children: e.items.map((e) => /* @__PURE__ */ z(g, { children: /* @__PURE__ */ z(F, {
-			tooltip: e.title,
-			isActive: t.startsWith(e.url),
-			asChild: !0,
-			children: /* @__PURE__ */ B(G, {
-				to: e.url,
-				onClick: () => n && r(!1),
-				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 Le({ user: a, accountUrl: s, logoutUrl: l, onLogout: u }) {
-	let { t: d } = V(), { isMobile: f } = k(), p = () => {
-		u ? u() : l && (globalThis.location.href = l);
-	}, m = L.useMemo(() => {
-		let e = a.firstName || "", t = a.lastName || "";
-		if (!e && !t) return " ";
-		let n = `${e} ${t}`.trim().split(" ").filter(Boolean);
-		return n.length === 1 ? n[0].charAt(0).toUpperCase() : n[0].charAt(0).toUpperCase() + (n.at(-1)?.charAt(0).toUpperCase() ?? "");
-	}, [a]), h = a?.avatarUrl || "";
-	return /* @__PURE__ */ z(P, { children: /* @__PURE__ */ z(g, { children: /* @__PURE__ */ B(n, { children: [/* @__PURE__ */ z(e, {
-		asChild: !0,
-		children: /* @__PURE__ */ B(F, {
-			size: "lg",
-			className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
-			children: [
-				/* @__PURE__ */ B(N, {
-					className: "h-8 w-8 rounded-lg",
-					children: [h && /* @__PURE__ */ z(O, {
-						src: h,
-						alt: a.username
-					}), /* @__PURE__ */ z(j, {
-						className: "rounded-lg",
-						children: m
-					})]
-				}),
-				/* @__PURE__ */ B("div", {
-					className: "grid flex-1 text-left text-sm leading-tight",
-					children: [/* @__PURE__ */ B("span", {
-						className: "truncate font-medium",
-						children: [
-							a.firstName,
-							" ",
-							a.lastName
-						]
-					}), /* @__PURE__ */ z("span", {
-						className: "text-muted-foreground truncate text-xs",
-						children: a.email
-					})]
-				}),
-				/* @__PURE__ */ z(H, { className: "ml-auto size-4" })
-			]
-		})
-	}), /* @__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__ */ z(t, {
-				className: "p-0 font-normal",
-				children: /* @__PURE__ */ B("div", {
-					className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm",
-					children: [/* @__PURE__ */ B(N, {
-						className: "h-8 w-8 rounded-lg",
-						children: [h && /* @__PURE__ */ z(O, {
-							src: h,
-							alt: a.username
-						}), /* @__PURE__ */ z(j, {
-							className: "rounded-lg",
-							children: m
-						})]
-					}), /* @__PURE__ */ B("div", {
-						className: "grid flex-1 text-left text-sm leading-tight",
-						children: [/* @__PURE__ */ B("span", {
-							className: "truncate font-medium",
-							children: [
-								a.firstName,
-								" ",
-								a.lastName
-							]
-						}), /* @__PURE__ */ z("span", {
-							className: "text-muted-foreground truncate text-xs",
-							children: a.email
-						})]
-					})]
-				})
-			}),
-			/* @__PURE__ */ z(c, {}),
-			s && /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(i, { children: /* @__PURE__ */ z(G, {
-				to: s,
-				className: "w-full",
-				children: /* @__PURE__ */ B(r, { children: [/* @__PURE__ */ z(me, {}), d("nav.account")] })
-			}) }), /* @__PURE__ */ z(c, {})] }),
-			/* @__PURE__ */ B(r, {
-				onClick: p,
-				className: "cursor-pointer",
-				children: [/* @__PURE__ */ z(pe, {}), /* @__PURE__ */ z("span", { children: d("nav.logOut") })]
-			})
-		]
-	})] }) }) });
-}
-//#endregion
-//#region src/components/router/page-content.tsx
-var Re = () => /* @__PURE__ */ z("div", {
-	className: "flex flex-1 flex-col",
-	children: /* @__PURE__ */ z("div", {
-		className: "@container/main flex flex-1 flex-col gap-2",
-		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__ */ z(K, {})
-		})
-	})
-}), ze = ({ icon: e, title: t, urlBase: n, children: r }) => {
-	let { items: i } = re(), a = J(), { t: o } = V(), s = i.length > 0 ? i[i.length - 1] : null, c = i.length > 1 ? i[i.length - 2] : null;
-	return /* @__PURE__ */ z("header", {
-		className: "flex h-(--header-height) shrink-0 items-center gap-2 border-b transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)",
-		children: /* @__PURE__ */ B("div", {
-			className: "flex w-full items-center gap-1 px-4 lg:gap-2 lg:px-6",
-			children: [
-				/* @__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__ */ B("div", {
-					className: "hidden md:flex items-center gap-1",
-					children: [e && /* @__PURE__ */ z("div", {
-						className: "flex h-8 w-8 items-center justify-center rounded-lg vg-accent-chip ring-1 mr-1",
-						children: /* @__PURE__ */ z(e, { className: "size-4.5! vg-accent-text" })
-					}), n ? /* @__PURE__ */ z(ie, { children: /* @__PURE__ */ z(ae, { children: i.map((e, t) => /* @__PURE__ */ B(L.Fragment, { children: [t > 0 && /* @__PURE__ */ z(E, {}), /* @__PURE__ */ z(C, { children: e.href ? /* @__PURE__ */ z(ne, {
-						asChild: !0,
-						children: /* @__PURE__ */ z(G, {
-							to: e.href,
-							children: e.label
-						})
-					}) : /* @__PURE__ */ z(T, { children: e.label }) })] }, e.label)) }) }) : /* @__PURE__ */ z("h1", {
-						className: "text-base font-semibold",
-						children: t
-					})]
-				}),
-				/* @__PURE__ */ B("div", {
-					className: "flex md:hidden items-center gap-2 min-w-0 flex-1",
-					children: [
-						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__ */ z(ue, { className: "size-4" })
-						}),
-						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__ */ z(e, { className: "size-3.5! vg-accent-text" })
-						}),
-						/* @__PURE__ */ z("span", {
-							className: "text-sm font-semibold truncate",
-							children: s?.label ?? t
-						})
-					]
-				}),
-				/* @__PURE__ */ B("div", {
-					className: "ml-auto flex items-center gap-2",
-					children: [
-						r && /* @__PURE__ */ z("div", {
-							className: "hidden md:flex items-center",
-							children: r
-						}),
-						/* @__PURE__ */ z("div", {
-							className: "hidden md:block",
-							children: /* @__PURE__ */ z(ee, {})
-						}),
-						/* @__PURE__ */ z(u, { className: "md:hidden" })
-					]
-				})
-			]
-		})
-	});
-}, Be = ({ icon: e, title: t, urlBase: n }) => /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(ze, {
-	icon: e,
-	title: t,
-	urlBase: n
-}), /* @__PURE__ */ z(Re, {})] }), Ve = ({ icon: e, feature: t, description: n, urlBase: r }) => {
-	let i = m(), a = i?.isMobile ?? !1, o = i?.toggleSidebar ?? (() => {}), { t: s } = V(), c = /* @__PURE__ */ z("div", {
-		className: `flex h-9 w-9 items-center justify-center rounded-lg vg-accent-chip ring-1 ${a ? "cursor-pointer active:scale-95 transition-transform" : ""}`,
-		onClick: a ? o : void 0,
-		onKeyDown: a ? (e) => {
-			(e.key === "Enter" || e.key === " ") && o();
-		} : void 0,
-		tabIndex: a ? 0 : void 0,
-		role: a ? "button" : void 0,
-		title: a ? s("common.openNavigation", { defaultValue: "Open navigation" }) : void 0,
-		children: /* @__PURE__ */ z(e, { className: "size-5! vg-accent-text" })
-	}), l = /* @__PURE__ */ B("div", {
-		className: "flex items-center gap-3",
-		children: [c, /* @__PURE__ */ B("div", {
-			className: "min-w-0",
-			children: [/* @__PURE__ */ z("h1", {
-				className: "text-base font-semibold leading-tight text-foreground truncate",
-				children: t
-			}), /* @__PURE__ */ z("p", {
-				className: "hidden md:block text-xs text-muted-foreground leading-relaxed mt-0.5 truncate",
-				children: n
-			})]
-		})]
-	});
-	return r && !a ? /* @__PURE__ */ z("div", {
-		className: "min-w-0 flex-1",
-		children: /* @__PURE__ */ z(G, {
-			to: r,
-			className: "group inline-flex max-w-full",
-			children: l
-		})
-	}) : /* @__PURE__ */ z("div", {
-		className: "min-w-0 flex-1",
-		children: l
-	});
-};
-Ve.displayName = "StickyPageHeaderTitle";
-var He = () => null;
-He.displayName = "StickyPageHeaderAction";
-var Ue = ({ children: t, menuLabel: i }) => {
-	let a = J(), { t: c } = V(), l = [], u = [];
-	L.Children.forEach(t, (e) => {
-		L.isValidElement(e) && e.type?.displayName === "StickyPageHeaderAction" ? l.push(e.props) : u.push(e);
-	});
-	let d = i ?? c("common.actions");
-	return /* @__PURE__ */ B("div", {
-		className: "flex items-center gap-2 shrink-0",
-		children: [u, l.length > 0 && /* @__PURE__ */ B(n, { children: [/* @__PURE__ */ z(e, {
-			asChild: !0,
-			children: i ? /* @__PURE__ */ B(s, {
-				variant: "outline",
-				size: "sm",
-				className: "gap-1.5",
-				children: [/* @__PURE__ */ z(H, { className: "size-4" }), /* @__PURE__ */ z("span", {
-					className: "hidden sm:inline",
-					children: i
-				})]
-			}) : /* @__PURE__ */ z(s, {
-				variant: "ghost",
-				size: "icon-sm",
-				"aria-label": d,
-				title: d,
-				children: /* @__PURE__ */ z(H, { className: "size-5!" })
-			})
-		}), /* @__PURE__ */ z(o, {
-			align: "end",
-			children: l.map((e) => {
-				let t = e.icon ?? U;
-				return /* @__PURE__ */ B(r, {
-					disabled: e.disabled,
-					onClick: () => {
-						e.href && a(e.href), e.onClick && e.onClick();
-					},
-					children: [/* @__PURE__ */ z(t, { className: "size-4 mr-2" }), e.label]
-				}, e.label);
-			})
-		})] })]
-	});
-};
-Ue.displayName = "StickyPageHeaderActions";
-var We = Object.assign(({ children: e }) => /* @__PURE__ */ z("header", {
-	className: "sticky top-0 z-10 -mx-4 lg:-mx-6 mb-5 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/80",
-	children: /* @__PURE__ */ B("div", {
-		className: "flex w-full items-center gap-3 px-4 lg:px-6 py-3",
-		children: [/* @__PURE__ */ B("div", {
-			className: "hidden md:flex items-center gap-1",
-			children: [/* @__PURE__ */ z(u, { className: "-ml-1" }), /* @__PURE__ */ z(f, {
-				orientation: "vertical",
-				className: "mx-2 data-[orientation=vertical]:h-4"
-			})]
-		}), e]
-	})
-}), {
-	Title: Ve,
-	Actions: Ue,
-	Action: He
-}), Ge = {
-	comfortable: {
-		outer: "px-1 md:px-6 lg:px-8 py-1 md:py-4",
-		inset: "md:mr-1.5 md:my-1.5",
-		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"
-	}
-}, Ke = ({ outletContext: e, density: t = "comfortable", ...n }) => {
-	let r = Ge[t];
-	return /* @__PURE__ */ z("div", {
-		className: `w-full ${r.outer} min-h-[calc(100svh-10.5rem)]`,
-		children: /* @__PURE__ */ z("div", {
-			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(Q, { ...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 })
-					})
-				})]
-			})
-		})
-	});
-}, $ = () => null;
-$.displayName = "SubPageHeaderAction";
-var qe = Object.assign(({ icon: t, feature: i, name: a, description: c, urlBase: l, onDelete: d, open: p, setOpen: h, children: g }) => {
-	let _ = m(), v = _?.isMobile ?? !1, y = _?.toggleSidebar ?? (() => {}), b = J(), { t: x } = V(), S = [];
-	L.Children.forEach(g, (e) => {
-		L.isValidElement(e) && Y(e) === "SubPageHeaderAction" && S.push(e.props);
-	});
-	let C = t && /* @__PURE__ */ z("div", {
-		className: `flex h-9 w-9 items-center justify-center rounded-lg vg-accent-chip ring-1 ${v ? "cursor-pointer active:scale-95 transition-transform" : ""}`,
-		onClick: v ? y : void 0,
-		onKeyDown: v ? (e) => {
-			(e.key === "Enter" || e.key === " ") && y();
-		} : void 0,
-		tabIndex: v ? 0 : void 0,
-		title: v ? x("common.openNavigation", { defaultValue: "Open navigation" }) : void 0,
-		children: /* @__PURE__ */ z(t, { className: "size-5! vg-accent-text" })
-	}), w = /* @__PURE__ */ B("div", {
-		className: "flex items-center gap-3",
-		children: [C, /* @__PURE__ */ B("div", {
-			className: "min-w-0",
-			children: [/* @__PURE__ */ z("h1", {
-				className: "text-base font-semibold leading-tight text-foreground",
-				children: i
-			}), /* @__PURE__ */ z("p", {
-				className: "hidden md:block text-xs text-muted-foreground leading-relaxed mt-0.5",
-				children: c
-			})]
-		})]
-	});
-	return /* @__PURE__ */ B("header", {
-		className: "mb-5",
-		children: [/* @__PURE__ */ B("div", {
-			className: "flex w-full items-center gap-3 px-4 lg:px-6",
-			children: [
-				/* @__PURE__ */ B("div", {
-					className: "hidden md:flex items-center gap-1",
-					children: [/* @__PURE__ */ z(u, { className: "-ml-1" }), /* @__PURE__ */ z(f, {
-						orientation: "vertical",
-						className: "mx-2 data-[orientation=vertical]:h-4"
-					})]
-				}),
-				/* @__PURE__ */ z("div", {
-					className: "min-w-0 flex-1",
-					children: l && !v ? /* @__PURE__ */ z(G, {
-						to: l,
-						className: "group inline-flex",
-						children: w
-					}) : w
-				}),
-				/* @__PURE__ */ B("div", {
-					className: "flex items-center gap-2",
-					children: [S.length > 0 && /* @__PURE__ */ B(n, { children: [/* @__PURE__ */ z(e, {
-						asChild: !0,
-						children: /* @__PURE__ */ B(s, {
-							variant: "outline",
-							size: "sm",
-							className: "gap-1.5",
-							children: [/* @__PURE__ */ z(H, { className: "size-4" }), /* @__PURE__ */ z("span", {
-								className: "hidden sm:inline",
-								children: x("common.actions", { defaultValue: "Actions" })
-							})]
-						})
-					}), /* @__PURE__ */ z(o, {
-						align: "end",
-						children: S.map((e) => {
-							let t = e.icon ?? U;
-							return /* @__PURE__ */ B(r, {
-								disabled: e.disabled,
-								onClick: () => {
-									e.href && b(e.href), e.onClick && e.onClick();
-								},
-								children: [/* @__PURE__ */ z(t, { className: "size-4 mr-2" }), e.label]
-							}, e.label);
-						})
-					})] }), p !== void 0 && d !== void 0 && h !== void 0 && /* @__PURE__ */ z(I, {
-						feature: i,
-						name: a,
-						onDelete: d,
-						open: p,
-						setOpen: h
-					})]
-				})
-			]
-		}), /* @__PURE__ */ z(f, { className: "mt-3" })]
-	});
-}, { Action: $ });
-//#endregion
-export { oe as BlankSlate, I as DialogDelete, se as GradientButtonLink, Me as GridList, Q as InternalSidebar, ce as LoadProvider, Ie as NavMain, Le as NavUser, Be as Page, Re as PageContent, ze as PageHeader, We as StickyPageHeader, Ke as SubPage, qe as SubPageHeader };
+import { n as e, r as t, t as n } from "./loading-provider-ClDkFPuv.js";
+export { t as DialogDelete, e as GradientButtonLink, n as LoadProvider };