@tailor-platform/app-shell 1.18.0 → 1.19.0

package/dist/{appshell-Y1AYCuVJ.js → appshell-DQTz-QwK.js}

@@ -44,12 +44,12 @@ function pe({ className: e, orientation: t = "horizontal", decorative: n = !0, .
 //#endregion
 //#region src/components/toolbar/toolbar.tsx
 var me = g.createContext(null), he = typeof document > "u" ? g.useEffect : g.useLayoutEffect;
-function L(...e) {
+function ge(...e) {
 	return (t) => {
 		for (let n of e) typeof n == "function" ? n(t) : n && (n.current = t);
 	};
 }
-function ge(e, t = {}) {
+function _e(e, t = {}) {
 	let n = g.useContext(me), { handlesDirectionalKeys: r = !1 } = t;
 	he(() => {
 		let t = e.current;
@@ -63,18 +63,18 @@ function ge(e, t = {}) {
 		r
 	]);
 }
-function _e(e) {
+function ve(e) {
 	return e.isConnected && e.tabIndex >= 0 && !e.matches(":disabled") && e.getAttribute("aria-disabled") !== "true";
 }
-function ve({ className: e, ...t }) {
+function ye({ className: e, ...t }) {
 	return /* @__PURE__ */ N("div", {
 		"data-slot": "toolbar",
 		className: I("astw:flex astw:w-full astw:flex-col astw:gap-2 astw:rounded-md astw:border astw:border-border astw:bg-card astw:p-2", e),
 		...t
 	});
 }
-ve.displayName = "Toolbar.Root";
-function ye({ className: e, justify: t = "start", onKeyDown: n, ref: r, ...i }) {
+ye.displayName = "Toolbar.Root";
+function be({ className: e, justify: t = "start", onKeyDown: n, ref: r, ...i }) {
 	let a = g.useRef(null), o = g.useRef(/* @__PURE__ */ new Map()), s = g.useCallback((e, t) => {
 		o.current.set(e, t);
 	}, []), c = g.useCallback((e) => {
@@ -93,7 +93,7 @@ function ye({ className: e, justify: t = "start", onKeyDown: n, ref: r, ...i })
 	return /* @__PURE__ */ N(me.Provider, {
 		value: u,
 		children: /* @__PURE__ */ N("div", {
-			ref: L(a, r),
+			ref: ge(a, r),
 			"data-slot": "toolbar-row",
 			role: "toolbar",
 			tabIndex: -1,
@@ -106,7 +106,7 @@ function ye({ className: e, justify: t = "start", onKeyDown: n, ref: r, ...i })
 					"Home",
 					"End"
 				].includes(e.key)) return;
-				let t = Array.from(o.current).filter(([e]) => a.current?.contains(e) && _e(e)).toSorted(([e], [t]) => e.compareDocumentPosition(t) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1), r = t.findIndex(([e]) => e === document.activeElement);
+				let t = Array.from(o.current).filter(([e]) => a.current?.contains(e) && ve(e)).toSorted(([e], [t]) => e.compareDocumentPosition(t) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1), r = t.findIndex(([e]) => e === document.activeElement);
 				if (r === -1 || t[r][1].handlesDirectionalKeys) return;
 				let i = r;
 				e.key === "Home" && (i = 0), e.key === "End" && (i = t.length - 1), e.key === "ArrowLeft" && (i = (r - 1 + t.length) % t.length), e.key === "ArrowRight" && (i = (r + 1) % t.length), e.preventDefault(), t[i]?.[0].focus();
@@ -115,16 +115,16 @@ function ye({ className: e, justify: t = "start", onKeyDown: n, ref: r, ...i })
 		})
 	});
 }
-ye.displayName = "Toolbar.Row";
-function be({ className: e, ...t }) {
+be.displayName = "Toolbar.Row";
+function xe({ className: e, ...t }) {
 	return /* @__PURE__ */ N("div", {
 		"data-slot": "toolbar-group",
 		className: I("astw:flex astw:min-w-0 astw:flex-wrap astw:items-center astw:gap-1.5", e),
 		...t
 	});
 }
-be.displayName = "Toolbar.Group";
-function xe({ className: e, ...t }) {
+xe.displayName = "Toolbar.Group";
+function Se({ className: e, ...t }) {
 	return /* @__PURE__ */ N(pe, {
 		"data-slot": "toolbar-separator",
 		decorative: !1,
@@ -133,13 +133,13 @@ function xe({ className: e, ...t }) {
 		...t
 	});
 }
-xe.displayName = "Toolbar.Separator";
-var Se = {
-	Root: ve,
-	Row: ye,
-	Group: be,
-	Separator: xe
-}, Ce = O("astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:gap-2 astw:whitespace-nowrap astw:rounded-md astw:text-sm astw:font-medium astw:transition-all astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:[&_svg]:pointer-events-none astw:[&_svg:not([class*='size-'])]:size-4 astw:shrink-0 astw:[&_svg]:shrink-0 astw:outline-none astw:focus-visible:border-ring astw:focus-visible:ring-ring/50 astw:focus-visible:ring-[3px] astw:aria-invalid:ring-danger-solid/20 astw:dark:aria-invalid:ring-danger-solid/40 astw:aria-invalid:border-danger-solid", {
+Se.displayName = "Toolbar.Separator";
+var Ce = {
+	Root: ye,
+	Row: be,
+	Group: xe,
+	Separator: Se
+}, we = O("astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:gap-2 astw:whitespace-nowrap astw:rounded-md astw:text-label-md astw:transition-all astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:[&_svg]:pointer-events-none astw:[&_svg:not([class*='size-'])]:size-4 astw:shrink-0 astw:[&_svg]:shrink-0 astw:outline-none astw:focus-visible:border-ring astw:focus-visible:ring-ring/50 astw:focus-visible:ring-[3px] astw:aria-invalid:ring-danger-solid/20 astw:dark:aria-invalid:ring-danger-solid/40 astw:aria-invalid:border-danger-solid", {
 	variants: {
 		variant: {
 			default: "astw:bg-primary astw:text-primary-foreground astw:shadow-xs astw:hover:bg-primary/90",
@@ -151,7 +151,7 @@ var Se = {
 		},
 		size: {
 			default: "astw:h-9 astw:px-4 astw:py-2 astw:has-[>svg]:px-3",
-			xs: "astw:h-7 astw:rounded-md astw:gap-1 astw:px-2.5 astw:text-xs astw:has-[>svg]:px-1.5",
+			xs: "astw:h-7 astw:rounded-md astw:gap-1 astw:px-2.5 astw:text-label-sm astw:has-[>svg]:px-1.5",
 			sm: "astw:h-8 astw:rounded-md astw:gap-1.5 astw:px-3 astw:has-[>svg]:px-2.5",
 			lg: "astw:h-10 astw:rounded-md astw:px-6 astw:has-[>svg]:px-4",
 			icon: "astw:size-9"
@@ -162,15 +162,15 @@ var Se = {
 		size: "default"
 	}
 });
-function R({ className: e, variant: t, size: n, render: r, children: i, ref: a, ...o }) {
+function L({ className: e, variant: t, size: n, render: r, children: i, ref: a, ...o }) {
 	let s = g.useRef(null);
-	return ge(s), k({
+	return _e(s), k({
 		defaultTagName: "button",
 		render: r,
-		ref: L(s, a),
+		ref: ge(s, a),
 		props: {
 			"data-slot": "button",
-			className: I(Ce({
+			className: I(we({
 				variant: t,
 				size: n,
 				className: e
@@ -182,7 +182,7 @@ function R({ className: e, variant: t, size: n, render: r, children: i, ref: a,
 }
 //#endregion
 //#region src/lib/i18n.ts
-var we = Symbol("localized-label"), Te = () => {
+var Te = Symbol("localized-label"), Ee = () => {
 	try {
 		if (typeof navigator > "u") return "en";
 		let e = navigator.languages?.[0] ?? navigator.language;
@@ -190,61 +190,61 @@ var we = Symbol("localized-label"), Te = () => {
 	} catch {
 		return "en";
 	}
-}, Ee = () => {
+}, De = () => {
 	try {
 		return typeof navigator > "u" ? "en" : navigator.languages?.[0] ?? navigator.language ?? "en";
 	} catch {
 		return "en";
 	}
-}, De = (e) => {
+}, Oe = (e) => {
 	try {
 		return new Intl.Locale(e).language;
 	} catch {
 		return e;
 	}
-}, z = (e) => (t, n) => t ? typeof t == "string" ? t : t(e) ?? n : n, Oe = (t) => {
-	let n = z(t);
+}, R = (e) => (t, n) => t ? typeof t == "string" ? t : t(e) ?? n : n, ke = (t) => {
+	let n = R(t);
 	return (t, r) => n(t, typeof t == "string" ? t : e(r));
-}, ke = (e) => ({
+}, Ae = (e) => ({
 	modules: e.modules,
 	settingsResources: e.settingsResources ?? [],
-	errorBoundary: e.errorBoundary ?? /* @__PURE__ */ N(U, {}),
+	errorBoundary: e.errorBoundary ?? /* @__PURE__ */ N(W, {}),
 	basePath: e.basePath,
-	locale: e.locale ? De(e.locale) : Te(),
-	resolvedLocale: e.locale ?? Ee(),
+	locale: e.locale ? Oe(e.locale) : Ee(),
+	resolvedLocale: e.locale ?? De(),
 	timeZone: e.timeZone
-}), B = v({ configurations: {
+}), z = v({ configurations: {
 	modules: [],
 	settingsResources: [],
 	locale: "en",
 	errorBoundary: null
-} }), Ae = v({ contextData: {} }), V = () => b(B), je = () => b(Ae), Me = () => {
-	let e = b(B), t = b(Ae);
+} }), je = v({ contextData: {} }), B = () => b(z), Me = () => b(je), Ne = () => {
+	let e = b(z), t = b(je);
 	return {
 		...e,
 		...t
 	};
-}, Ne = () => {
-	let { configurations: e } = b(B);
+}, Pe = () => {
+	let { configurations: e } = b(z);
 	return {
 		locale: e.resolvedLocale ?? e.locale,
 		language: e.locale
 	};
-}, Pe = () => {
-	let { configurations: e } = b(B), t = e.timeZone ?? oe();
+}, Fe = () => {
+	let { configurations: e } = b(z), t = e.timeZone ?? oe();
 	return {
 		value: t,
 		today: () => ce(t),
 		now: () => se(t)
 	};
-}, Fe = () => {
-	let { configurations: e } = V(), t = z(e.locale);
+}, Ie = () => {
+	let { configurations: e } = B(), t = R(e.locale);
 	return (e, n) => t(e, n);
-}, Ie = (e) => {
+}, Le = (e) => {
 	let t = (t) => (n) => e[t]?.[n] ?? e.en[n];
 	return {
 		useT: () => {
-			let { configurations: n } = V(), r = t(n.locale), i = ((e, ...t) => {
+			let { configurations: n } = B(), r = t(n.locale), i = ((e, ...t) => {
 				let n = r(e);
 				return typeof n == "function" ? n(t[0]) : n;
 			});
@@ -256,9 +256,9 @@ var we = Symbol("localized-label"), Te = () => {
 		t: (e, ...n) => Object.assign((r) => {
 			let i = t(r)(e);
 			return typeof i == "function" ? i(n[0]) : i;
-		}, { [we]: !0 })
+		}, { [Te]: !0 })
 	};
-}, Le = Ie({
+}, Re = Le({
 	en: {
 		home: "Home",
 		error404Title: "404 Not Found",
@@ -279,6 +279,7 @@ var we = Symbol("localized-label"), Te = () => {
 		search: "Search",
 		commandPaletteSearch: "Search pages...",
 		commandPaletteNoResults: "No results found",
+		actionPanelNoActions: "No actions available",
 		commandPaletteActions: "Actions",
 		commandPalettePages: "Pages",
 		commandPaletteSearchModes: "Search Modes",
@@ -328,6 +329,7 @@ var we = Symbol("localized-label"), Te = () => {
 		search: "検索",
 		commandPaletteSearch: "ページを検索...",
 		commandPaletteNoResults: "結果が見つかりません",
+		actionPanelNoActions: "利用可能なアクションはありません",
 		commandPaletteActions: "アクション",
 		commandPalettePages: "ページ",
 		commandPaletteSearchModes: "検索モード",
@@ -357,8 +359,87 @@ var we = Symbol("localized-label"), Te = () => {
 		aiChatToolResult: "結果",
 		aiChatSourcesUsed: (e) => `${e.count} 件の出典を使用`
 	}
-}), H = Le.useT, U = () => {
-	let e = m(), t = H(), n = {
+}), V = Re.useT, ze = O("", {
+	variants: { variant: {
+		"heading-lg": "astw:text-heading-lg",
+		"heading-md": "astw:text-heading-md",
+		"heading-sm": "astw:text-heading-sm",
+		"body-md": "astw:text-body-md",
+		"body-sm": "astw:text-body-sm",
+		"label-md": "astw:text-label-md",
+		"label-sm": "astw:text-label-sm",
+		"code-sm": "astw:font-mono astw:text-code-sm",
+		"body-md-relaxed": "astw:text-body-md-relaxed",
+		"body-sm-relaxed": "astw:text-body-sm-relaxed"
+	} },
+	defaultVariants: { variant: "body-md" }
+}), Be = {
+	"heading-lg": "h2",
+	"heading-md": "h2",
+	"heading-sm": "h2",
+	"body-md": "p",
+	"body-sm": "p",
+	"label-md": "span",
+	"label-sm": "span",
+	"code-sm": "span",
+	"body-md-relaxed": "p",
+	"body-sm-relaxed": "p"
+};
+function Ve({ className: e, variant: t, render: n, children: r, ref: i, ...a }) {
+	let o = t ?? "body-md";
+	return k({
+		defaultTagName: Be[o],
+		render: n,
+		ref: i,
+		props: {
+			"data-slot": "text",
+			className: I(ze({
+				variant: o,
+				className: e
+			})),
+			...r !== void 0 && { children: r },
+			...a
+		}
+	});
+}
+Ve.displayName = "Text";
+var He = {
+	h1: "heading-lg",
+	h2: "heading-md",
+	h3: "heading-sm",
+	h4: "heading-sm",
+	h5: "heading-sm",
+	h6: "heading-sm",
+	p: "body-md",
+	span: "label-md",
+	div: "body-md"
+};
+function H(e) {
+	let t = He[e], n = e;
+	function r({ className: e, variant: r, ...i }) {
+		return /* @__PURE__ */ N(n, {
+			"data-slot": "text",
+			className: I(ze({
+				variant: r ?? t,
+				className: e
+			})),
+			...i
+		});
+	}
+	return r.displayName = `Text.${e}`, r;
+}
+var U = Object.assign(Ve, {
+	h1: H("h1"),
+	h2: H("h2"),
+	h3: H("h3"),
+	h4: H("h4"),
+	h5: H("h5"),
+	h6: H("h6"),
+	p: H("p"),
+	span: H("span"),
+	div: H("div")
+}), W = () => {
+	let e = m(), t = V(), n = {
 		role: "alert",
 		"aria-label": "default-error-boundary"
 	};
@@ -368,15 +449,17 @@ var we = Symbol("localized-label"), Te = () => {
 		children: /* @__PURE__ */ P("div", {
 			className: "astw:flex astw:items-start astw:gap-4",
 			children: [/* @__PURE__ */ N(ee, { className: "astw:h-5 astw:w-5 astw:text-danger-text astw:flex-shrink-0 astw:mt-0.5" }), /* @__PURE__ */ P("div", { children: [
-				/* @__PURE__ */ N("h1", {
-					className: "astw:font-semibold astw:text-lg",
+				/* @__PURE__ */ N(U, {
+					variant: "heading-md",
+					render: /* @__PURE__ */ N("h1", {}),
 					children: t("error404Title")
 				}),
-				/* @__PURE__ */ N("p", {
-					className: "astw:text-sm astw:text-muted-foreground astw:mt-1",
+				/* @__PURE__ */ N(U, {
+					variant: "body-md",
+					className: "astw:text-muted-foreground astw:mt-1",
 					children: t("error404Body")
 				}),
-				/* @__PURE__ */ N(R, {
+				/* @__PURE__ */ N(L, {
 					variant: "outline",
 					size: "sm",
 					className: "astw:mt-4",
@@ -393,15 +476,17 @@ var we = Symbol("localized-label"), Te = () => {
 		children: /* @__PURE__ */ P("div", {
 			className: "astw:flex astw:items-start astw:gap-4",
 			children: [/* @__PURE__ */ N(ee, { className: "astw:h-5 astw:w-5 astw:text-danger-text astw:flex-shrink-0 astw:mt-0.5" }), /* @__PURE__ */ P("div", { children: [
-				/* @__PURE__ */ N("h1", {
-					className: "astw:font-semibold astw:text-lg",
+				/* @__PURE__ */ N(U, {
+					variant: "heading-md",
+					render: /* @__PURE__ */ N("h1", {}),
 					children: t("errorTitle")
 				}),
-				/* @__PURE__ */ N("p", {
-					className: "astw:text-sm astw:text-muted-foreground astw:mt-1",
+				/* @__PURE__ */ N(U, {
+					variant: "body-md",
+					className: "astw:text-muted-foreground astw:mt-1",
 					children: r
 				}),
-				/* @__PURE__ */ N(R, {
+				/* @__PURE__ */ N(L, {
 					variant: "outline",
 					size: "sm",
 					className: "astw:mt-4",
@@ -411,37 +496,37 @@ var we = Symbol("localized-label"), Te = () => {
 			] })]
 		})
 	});
-}, Re = {}, ze = (e) => {
-	Re = e;
-}, Be = () => ({ type: "pass" }), Ve = () => ({ type: "hidden" }), He = (e) => ({
+}, Ue = {}, We = (e) => {
+	Ue = e;
+}, Ge = () => ({ type: "pass" }), Ke = () => ({ type: "hidden" }), qe = (e) => ({
 	type: "redirect",
 	to: e
-}), W = () => new Response("Not Found", { status: 404 }), G = async (e) => {
+}), G = () => new Response("Not Found", { status: 404 }), K = async (e) => {
 	if (!e || e.length === 0) return { type: "pass" };
-	let t = { context: Re };
+	let t = { context: Ue };
 	for (let n of e) {
 		let e = await n(t);
 		if (e.type !== "pass") return e;
 	}
 	return { type: "pass" };
-}, K = (e, t) => async (n) => {
-	let r = await G(e);
+}, Je = (e, t) => async (n) => {
+	let r = await K(e);
 	switch (r.type) {
-		case "hidden": throw W();
+		case "hidden": throw G();
 		case "redirect": return u(r.to);
 		case "pass": return t ? t(n) : null;
 	}
-}, Ue = (t) => t === "" || t === "/" ? Le.t("home") : e(t), We = (e, t) => () => {
-	let { configurations: n } = V(), { metaTitle: r, fallbackTitle: i } = e;
-	return t(z(n.locale)(r, typeof i == "function" ? i(n.locale) : i));
+}, Ye = (t) => t === "" || t === "/" ? Re.t("home") : e(t), Xe = (e, t) => () => {
+	let { configurations: n } = B(), { metaTitle: r, fallbackTitle: i } = e;
+	return t(R(n.locale)(r, typeof i == "function" ? i(n.locale) : i));
 };
-function Ge(e) {
-	let { path: t, meta: n, component: r, resources: i, errorBoundary: a, guards: o } = e, s = n?.title ?? Ue(t), c = Ue(t), l = o && o.length > 0 ? K(o) : void 0;
+function Ze(e) {
+	let { path: t, meta: n, component: r, resources: i, errorBoundary: a, guards: o } = e, s = n?.title ?? Ye(t), c = Ye(t), l = o && o.length > 0 ? Je(o) : void 0;
 	return {
 		path: t,
 		type: "component",
 		_type: "module",
-		component: r ? We({
+		component: r ? Xe({
 			metaTitle: s,
 			fallbackTitle: c
 		}, (e) => r({
@@ -457,12 +542,12 @@ function Ge(e) {
 			icon: e.meta?.icon
 		},
 		resources: i,
-		errorBoundary: a || /* @__PURE__ */ N(U, {}),
+		errorBoundary: a || /* @__PURE__ */ N(W, {}),
 		guards: o
 	};
 }
-function Ke(t) {
-	let { path: n, component: r, subResources: i, meta: a, errorBoundary: o, guards: s } = t, c = a?.title ?? e(n), l = e(n), u = s && s.length > 0 ? K(s) : void 0, d = r ? We({
+function Qe(t) {
+	let { path: n, component: r, subResources: i, meta: a, errorBoundary: o, guards: s } = t, c = a?.title ?? e(n), l = e(n), u = s && s.length > 0 ? Je(s) : void 0, d = r ? Xe({
 		metaTitle: c,
 		fallbackTitle: l
 	}, (e) => r({
@@ -480,14 +565,14 @@ function Ke(t) {
 		},
 		component: d,
 		subResources: i,
-		errorBoundary: o ?? /* @__PURE__ */ N(U, {}),
+		errorBoundary: o ?? /* @__PURE__ */ N(W, {}),
 		guards: s,
 		loader: u
 	};
 }
-var qe = {
+var $e = {
 	name: "@tailor-platform/app-shell",
-	version: "1.18.0",
+	version: "1.19.0",
 	description: "An opinionated React application framework for building ERP applications on Tailor Platform",
 	keywords: [
 		"app-shell",
@@ -533,6 +618,7 @@ var qe = {
 		"vendor:fonts": "node scripts/sync-noto-fonts.mjs",
 		lint: "oxlint -c .oxlintrc.jsonc",
 		test: "vitest run",
+		"test:browser": "pnpm build && vitest run --config vitest.browser.config.ts",
 		"type-check": "tsc --incremental"
 	},
 	dependencies: {
@@ -557,16 +643,18 @@ var qe = {
 		"@microsoft/api-extractor": "7.58.12",
 		"@tailwindcss/postcss": "catalog:",
 		"@testing-library/react": "16.3.3",
-		"@testing-library/user-event": "14.6.7",
+		"@testing-library/user-event": "14.6.8",
 		"@types/encoding-japanese": "2.2.1",
 		"@types/node": "catalog:",
 		"@types/papaparse": "5.5.2",
 		"@types/react": "catalog:",
 		"@types/react-dom": "catalog:",
 		"@vitejs/plugin-react": "catalog:",
+		"@vitest/browser-playwright": "4.1.11",
 		"@vitest/coverage-v8": "4.1.11",
-		"happy-dom": "20.14.5",
-		postcss: "8.5.30",
+		"happy-dom": "21.0.4",
+		playwright: "1.63.0",
+		postcss: "8.5.31",
 		react: "catalog:",
 		"react-dom": "catalog:",
 		"react-hook-form": "7.71.2",
@@ -574,7 +662,7 @@ var qe = {
 		"tw-animate-css": "1.4.0",
 		typescript: "5.9.3",
 		vite: "catalog:",
-		"vite-plugin-dts": "5.0.3",
+		"vite-plugin-dts": "5.1.2",
 		vitest: "catalog:"
 	},
 	peerDependencies: {
@@ -584,50 +672,52 @@ var qe = {
 };
 //#endregion
 //#region src/components/card/card.tsx
-function Je({ className: e, ...t }) {
+function et({ className: e, ...t }) {
 	return /* @__PURE__ */ N("div", {
 		"data-slot": "card",
 		className: I("astw:bg-card astw:text-card-foreground astw:flex astw:flex-col astw:rounded-xl astw:border astw:border-border astw:shadow-xs", e),
 		...t
 	});
 }
-Je.displayName = "Card.Root";
-function Ye({ className: e, title: t, description: n, children: r, ...i }) {
+et.displayName = "Card.Root";
+function tt({ className: e, title: t, description: n, children: r, ...i }) {
 	return /* @__PURE__ */ P("div", {
 		"data-slot": "card-header",
 		className: I("astw:@container/card-header astw:grid astw:auto-rows-min astw:grid-rows-[auto_auto] astw:items-start astw:gap-2 astw:px-6 astw:pt-6 astw:pb-4 astw:[.border-b]:pb-6", e),
 		...i,
 		children: [
-			t && /* @__PURE__ */ N("h3", {
-				"data-slot": "card-title",
-				className: "astw:text-lg astw:font-semibold astw:leading-none astw:text-card-foreground",
+			t && /* @__PURE__ */ N(U, {
+				variant: "heading-md",
+				className: "astw:leading-none astw:text-card-foreground",
+				render: /* @__PURE__ */ N("h3", { "data-slot": "card-title" }),
 				children: t
 			}),
-			n && /* @__PURE__ */ N("div", {
-				"data-slot": "card-description",
-				className: "astw:text-muted-foreground astw:text-sm",
+			n && /* @__PURE__ */ N(U, {
+				variant: "body-md",
+				className: "astw:text-muted-foreground",
+				render: /* @__PURE__ */ N("div", { "data-slot": "card-description" }),
 				children: n
 			}),
 			r
 		]
 	});
 }
-Ye.displayName = "Card.Header";
-var Xe = I("astw:first:rounded-t-[inherit] astw:last:rounded-b-[inherit]", "astw:[&>[data-slot=table-container]]:rounded-[inherit]", "astw:[&>[data-slot=data-table]]:rounded-[inherit] astw:[&>[data-slot=data-table]]:border-0");
-function Ze({ className: e, padding: t = "default", ...n }) {
+tt.displayName = "Card.Header";
+var nt = I("astw:first:rounded-t-[inherit] astw:last:rounded-b-[inherit]", "astw:[&>[data-slot=table-container]]:rounded-[inherit]", "astw:[&>[data-slot=data-table]]:rounded-[inherit] astw:[&>[data-slot=data-table]]:border-0");
+function rt({ className: e, padding: t = "default", ...n }) {
 	return /* @__PURE__ */ N("div", {
 		"data-slot": "card-content",
 		"data-padding": t,
-		className: I(t === "none" ? Xe : "astw:px-6 astw:pb-6 astw:first:pt-6", e),
+		className: I(t === "none" ? nt : "astw:px-6 astw:pb-6 astw:first:pt-6", e),
 		...n
 	});
 }
-Ze.displayName = "Card.Content";
-var Qe = {
-	Root: Je,
-	Header: Ye,
-	Content: Ze
-}, $e = v(null), et = ({ children: e }) => {
+rt.displayName = "Card.Content";
+var it = {
+	Root: et,
+	Header: tt,
+	Content: rt
+}, at = v(null), ot = ({ children: e }) => {
 	let [t, n] = E(() => /* @__PURE__ */ new Map()), r = y((e, t) => {
 		n((n) => {
 			let r = new Map(n);
@@ -640,7 +730,7 @@ var Qe = {
 			return n.delete(e), n;
 		});
 	}, []);
-	return /* @__PURE__ */ N($e.Provider, {
+	return /* @__PURE__ */ N(at.Provider, {
 		value: {
 			overrides: t,
 			register: r,
@@ -648,15 +738,15 @@ var Qe = {
 		},
 		children: e
 	});
-}, tt = () => {
-	let e = b($e);
+}, st = () => {
+	let e = b(at);
 	if (!e) throw Error("useBreadcrumbOverride must be used within BreadcrumbOverrideProvider");
 	return e;
-}, nt = () => b($e);
+}, ct = () => b(at);
 //#endregion
 //#region src/hooks/use-override-breadcrumb.ts
-function rt(e) {
-	let t = d(), { register: n, unregister: r } = tt(), i = t.pathname;
+function lt(e) {
+	let t = d(), { register: n, unregister: r } = st(), i = t.pathname;
 	x(() => (e ? n(i, e) : r(i), () => r(i)), [
 		i,
 		e,
@@ -666,25 +756,29 @@ function rt(e) {
 }
 //#endregion
 //#region src/components/internals/app-info/app-info.tsx
-var it = "__appinfo", at = `/${it}`, ot = qe.version, st = (e) => e == null ? "-" : String(e), ct = (e) => e.map((e) => `${e.label}: ${st(e.value)}`).join("\n"), lt = ({ label: e, value: t }) => /* @__PURE__ */ P("div", {
+var ut = "__appinfo", dt = `/${ut}`, ft = $e.version, pt = (e) => e == null ? "-" : String(e), mt = (e) => e.map((e) => `${e.label}: ${pt(e.value)}`).join("\n"), ht = ({ label: e, value: t }) => /* @__PURE__ */ P("div", {
 	className: "astw:grid astw:gap-1 astw:py-3 astw:sm:grid-cols-[12rem_minmax(0,1fr)] astw:sm:gap-4",
-	children: [/* @__PURE__ */ N("dt", {
-		className: "astw:text-sm astw:text-muted-foreground",
+	children: [/* @__PURE__ */ N(U, {
+		variant: "label-md",
+		className: "astw:text-muted-foreground",
+		render: /* @__PURE__ */ N("dt", {}),
 		children: e
-	}), /* @__PURE__ */ N("dd", {
-		className: "astw:min-w-0 astw:text-sm astw:break-all",
-		children: st(t)
+	}), /* @__PURE__ */ N(U, {
+		variant: "body-md",
+		className: "astw:min-w-0 astw:break-all",
+		render: /* @__PURE__ */ N("dd", {}),
+		children: pt(t)
 	})]
-}), ut = () => {
-	let e = H();
+}), gt = () => {
+	let e = V();
 	return {
-		path: at,
+		path: dt,
 		title: e("appInfoTitle"),
 		breadcrumb: [e("appInfoTitle")]
 	};
-}, dt = () => {
-	let e = H(), { title: t, appInfo: n } = V();
-	rt(e("appInfoTitle"));
+}, _t = () => {
+	let e = V(), { title: t, appInfo: n } = B();
+	lt(e("appInfoTitle"));
 	let r = [
 		...t ? [{
 			label: e("appInfoAppName"),
@@ -692,37 +786,39 @@ var it = "__appinfo", at = `/${it}`, ot = qe.version, st = (e) => e == null ? "-
 		}] : [],
 		{
 			label: e("appInfoAppShellVersion"),
-			value: ot
+			value: ft
 		},
 		...n?.metadata ?? []
 	];
 	return /* @__PURE__ */ N("div", {
 		className: "astw:w-full astw:max-w-xl",
-		children: /* @__PURE__ */ P(Qe.Root, { children: [/* @__PURE__ */ P("div", {
+		children: /* @__PURE__ */ P(it.Root, { children: [/* @__PURE__ */ P("div", {
 			className: "astw:flex astw:items-center astw:justify-between astw:px-6 astw:pt-6 astw:pb-4",
-			children: [/* @__PURE__ */ N("h1", {
-				className: "astw:text-lg astw:font-semibold astw:leading-none",
+			children: [/* @__PURE__ */ N(U, {
+				variant: "heading-md",
+				className: "astw:leading-none",
+				render: /* @__PURE__ */ N("h1", {}),
 				children: e("appInfoTitle")
-			}), /* @__PURE__ */ N(R, {
+			}), /* @__PURE__ */ N(L, {
 				variant: "outline",
 				size: "sm",
 				onClick: async () => {
 					try {
-						await navigator.clipboard.writeText(ct(r));
+						await navigator.clipboard.writeText(mt(r));
 					} catch {}
 				},
 				children: e("appInfoCopy")
 			})]
-		}), /* @__PURE__ */ N(Qe.Content, { children: /* @__PURE__ */ N("dl", { children: r.map((e, t) => /* @__PURE__ */ N("div", {
+		}), /* @__PURE__ */ N(it.Content, { children: /* @__PURE__ */ N("dl", { children: r.map((e, t) => /* @__PURE__ */ N("div", {
 			className: t > 0 ? "astw:border-t astw:border-border" : void 0,
-			children: /* @__PURE__ */ N(lt, { ...e })
+			children: /* @__PURE__ */ N(ht, { ...e })
 		}, `${e.label}-${t}`)) }) })] })
 	});
-}, ft = [
+}, vt = [
 	"light",
 	"dark",
 	"system"
-], pt = [
+], yt = [
 	{
 		value: "light",
 		label: "Light"
@@ -735,8 +831,8 @@ var it = "__appinfo", at = `/${it}`, ot = qe.version, st = (e) => e == null ? "-
 		value: "system",
 		label: "System"
 	}
-], mt = "appshell-ui-theme";
-function ht(e, t, n) {
+], bt = "appshell-ui-theme";
+function xt(e, t, n) {
 	if (typeof window > "u") return n;
 	try {
 		let r = localStorage.getItem(e);
@@ -745,22 +841,22 @@ function ht(e, t, n) {
 		return n;
 	}
 }
-function gt(e, t) {
+function St(e, t) {
 	return e === "system" ? t ? "dark" : "light" : e;
 }
-function _t() {
+function Ct() {
 	return typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches;
 }
-var vt = v(void 0);
-function yt({ children: e, defaultColorTheme: t = "system" }) {
-	let [n, r] = E(() => ht(mt, ft, t)), [i, a] = E(() => gt(ht(mt, ft, t), _t())), o = y((e) => {
+var wt = v(void 0);
+function Tt({ children: e, defaultColorTheme: t = "system" }) {
+	let [n, r] = E(() => xt(bt, vt, t)), [i, a] = E(() => St(xt(bt, vt, t), Ct())), o = y((e) => {
 		let t = window.document.documentElement;
 		t.classList.remove("light", "dark"), t.classList.add(e);
 	}, []);
 	x(() => {
 		o(i);
 		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = (e) => {
-			let t = gt(n, e.matches);
+			let t = St(n, e.matches);
 			a(t);
 		};
 		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
@@ -771,10 +867,10 @@ function yt({ children: e, defaultColorTheme: t = "system" }) {
 	]);
 	let s = y((e) => {
 		try {
-			localStorage.setItem(mt, e);
+			localStorage.setItem(bt, e);
 		} catch {}
 		r(e);
-		let t = gt(e, _t());
+		let t = St(e, Ct());
 		a(t), o(t);
 	}, [o]), c = C(() => ({
 		colorTheme: n,
@@ -785,13 +881,13 @@ function yt({ children: e, defaultColorTheme: t = "system" }) {
 		i,
 		s
 	]);
-	return /* @__PURE__ */ N(vt.Provider, {
+	return /* @__PURE__ */ N(wt.Provider, {
 		value: c,
 		children: e
 	});
 }
-var bt = () => {
-	let e = b(vt);
+var Et = () => {
+	let e = b(wt);
 	if (e === void 0) throw Error("useTheme must be used within a ThemeProvider");
 	let { colorTheme: t, resolvedColorTheme: n, setColorTheme: r } = e;
 	return C(() => ({
@@ -803,8 +899,8 @@ var bt = () => {
 		n,
 		r
 	]);
-}, xt = ({ ...e }) => {
-	let { resolvedTheme: t } = bt();
+}, Dt = ({ ...e }) => {
+	let { resolvedTheme: t } = Et();
 	return /* @__PURE__ */ N(ue, {
 		theme: t,
 		className: "astw:toaster astw:group",
@@ -815,8 +911,8 @@ var bt = () => {
 		},
 		...e
 	});
-}, St = () => {
-	let e = H();
+}, Ot = () => {
+	let e = V();
 	return /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N("p", {
 		className: "astw:font-semibold astw:leading-none astw:tracking-tight",
 		children: e("welcomeTitle")
@@ -824,8 +920,8 @@ var bt = () => {
 		className: "pt-4",
 		children: e("welcomeBody")
 	})] });
-}, Ct = () => /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(a, {}), /* @__PURE__ */ N(xt, {})] }), wt = () => {
-	let { configurations: e } = Me(), t = H(), n = Fe();
+}, kt = () => /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(a, {}), /* @__PURE__ */ N(Dt, {})] }), At = () => {
+	let { configurations: e } = Ne(), t = V(), n = Ie();
 	return /* @__PURE__ */ P("div", {
 		className: "astw:mx-auto astw:flex-col astw:flex astw:md:flex-row astw:max-w-5xl astw:gap-[10px] astw:w-full",
 		children: [/* @__PURE__ */ N("div", { children: /* @__PURE__ */ P("nav", {
@@ -837,7 +933,7 @@ var bt = () => {
 				className: "astw:flex astw:flex-col astw:gap-1",
 				children: e.settingsResources.map((e) => /* @__PURE__ */ N("li", { children: /* @__PURE__ */ N(r, {
 					to: `./${e.path}`,
-					children: ({ isActive: t }) => /* @__PURE__ */ P(R, {
+					children: ({ isActive: t }) => /* @__PURE__ */ P(L, {
 						variant: t ? "secondary" : "ghost",
 						className: "astw:w-full astw:justify-start",
 						children: [e.meta.icon, n(e.meta.title, e.path)]
@@ -849,7 +945,7 @@ var bt = () => {
 			children: /* @__PURE__ */ N(a, {})
 		})]
 	});
-}, Tt = (e) => () => /* @__PURE__ */ N(M, { children: e }), Et = (e) => e.component ? {
+}, jt = (e) => () => /* @__PURE__ */ N(M, { children: e }), Mt = (e) => e.component ? {
 	index: !0,
 	Component: e.component,
 	...e.loader && { loader: e.loader }
@@ -859,26 +955,26 @@ var bt = () => {
 	loader: async (t) => {
 		let n = await e.loader(t);
 		if (n instanceof Response) return n;
-		throw W();
+		throw G();
 	}
 } : {
 	index: !0,
 	Component: () => null,
 	loader: () => {
-		throw W();
+		throw G();
 	}
-}, Dt = (e, t, n) => {
-	let r = e.errorBoundary || n, i = (t ?? []).map((e) => Dt(e, e.subResources, r)), a = [Et(e), ...i];
+}, Nt = (e, t, n) => {
+	let r = e.errorBoundary || n, i = (t ?? []).map((e) => Nt(e, e.subResources, r)), a = [Mt(e), ...i];
 	return {
 		path: e.path,
 		handle: { node: e },
-		...e.errorBoundary && { ErrorBoundary: Tt(e.errorBoundary) },
+		...e.errorBoundary && { ErrorBoundary: jt(e.errorBoundary) },
 		...a.length > 0 ? { children: a } : {}
 	};
-}, Ot = (e) => e.map((e) => Dt(e, e.resources, e.errorBoundary)), kt = ({ modules: e, settingsResources: t }) => {
-	let n = e.some((e) => e.path === "") ? null : Et({
+}, Pt = (e) => e.map((e) => Nt(e, e.resources, e.errorBoundary)), Ft = ({ modules: e, settingsResources: t }) => {
+	let n = e.some((e) => e.path === "") ? null : Mt({
 		path: "",
-		component: St
+		component: Ot
 	}), r = t.length > 0 ? [{
 		path: "settings",
 		index: !0,
@@ -889,44 +985,44 @@ var bt = () => {
 		})
 	}, {
 		path: "settings",
-		Component: wt,
+		Component: At,
 		children: t.map((e) => {
 			if (!e.component) throw Error(`Settings resource "${e.path}" must have a component.`);
 			return {
 				path: e.path,
 				Component: e.component,
-				...e.errorBoundary && { ErrorBoundary: Tt(e.errorBoundary) }
+				...e.errorBoundary && { ErrorBoundary: jt(e.errorBoundary) }
 			};
 		})
 	}] : [];
 	return [
 		...n ? [n] : [],
-		{ children: Ot(e) },
+		{ children: Pt(e) },
 		{
-			path: it,
-			Component: dt
+			path: ut,
+			Component: _t
 		},
 		...r,
 		{
 			path: "*",
 			loader: () => {
-				throw W();
+				throw G();
 			},
 			Component: () => null,
-			ErrorBoundary: U
+			ErrorBoundary: W
 		}
 	];
-}, q = (e) => e.startsWith(":") ? e.slice(1) : null, At = (e) => e.split("/").some((e) => q(e) !== null);
-function jt(e, t) {
+}, q = (e) => e.startsWith(":") ? e.slice(1) : null, It = (e) => e.split("/").some((e) => q(e) !== null);
+function Lt(e, t) {
 	if (!t.trim()) return e;
 	let n = t.toLowerCase();
 	return e.filter((e) => e.title.toLowerCase().includes(n) || e.path.toLowerCase().includes(n));
 }
-var Mt = (e, t, n) => {
-	let r = typeof e.breadcrumbTitle == "function" ? e.breadcrumbTitle(we in e.breadcrumbTitle ? n : t) : e.breadcrumbTitle;
-	return typeof r == "function" ? z(n)(r, e.title) : r ?? e.title;
-}, Nt = (e, t) => {
-	let n = Oe(t);
+var Rt = (e, t, n) => {
+	let r = typeof e.breadcrumbTitle == "function" ? e.breadcrumbTitle(Te in e.breadcrumbTitle ? n : t) : e.breadcrumbTitle;
+	return typeof r == "function" ? R(n)(r, e.title) : r ?? e.title;
+}, zt = (e, t) => {
+	let n = ke(t);
 	return e.reduce((e, t) => {
 		let r = n(t.meta.title, t.path);
 		e[t.path] = {
@@ -947,8 +1043,8 @@ var Mt = (e, t, n) => {
 		return t.resources && t.resources.length > 0 && i(t.resources, t.path), e;
 	}, {});
 };
-function Pt(e, t, n, r) {
-	let i = e.split("/").filter((e) => e !== ""), a = t && i[0] === t ? i.slice(1) : i, o = Nt(n, r);
+function Bt(e, t, n, r) {
+	let i = e.split("/").filter((e) => e !== ""), a = t && i[0] === t ? i.slice(1) : i, o = zt(n, r);
 	if (a.length === 0) {
 		let e = o[""];
 		if (e) return {
@@ -956,7 +1052,7 @@ function Pt(e, t, n, r) {
 			segments: [{
 				segment: "",
 				path: "",
-				title: Mt(e, "", r),
+				title: Rt(e, "", r),
 				clickable: e.clickable
 			}]
 		};
@@ -971,7 +1067,7 @@ function Pt(e, t, n, r) {
 			e && (i = e);
 		}
 		let s;
-		return s = i ? Mt(i, e, r) : decodeURIComponent(e), {
+		return s = i ? Rt(i, e, r) : decodeURIComponent(e), {
 			segment: e,
 			path: n,
 			title: s,
@@ -985,14 +1081,14 @@ function Pt(e, t, n, r) {
 }
 //#endregion
 //#region src/routing/navigation.tsx
-var Ft = "appshell-root-nav", It = (e) => ({
-	loaderID: Ft,
-	loader: async () => ({ navItems: Rt(e) })
-}), Lt = () => h(Ft)?.navItems, Rt = async (e) => {
-	let t = Oe(e.locale);
+var Vt = "appshell-root-nav", Ht = (e) => ({
+	loaderID: Vt,
+	loader: async () => ({ navItems: Wt(e) })
+}), Ut = () => h(Vt)?.navItems, Wt = async (e) => {
+	let t = ke(e.locale);
 	return (await Promise.all(e.modules.map(async (e) => {
-		if (q(e.path) !== null || (await G(e.guards)).type !== "pass") return null;
-		let n = await zt(e.resources, e.path, t);
+		if (q(e.path) !== null || (await K(e.guards)).type !== "pass") return null;
+		let n = await Gt(e.resources, e.path, t);
 		return n.length === 0 && !e.meta.menuItemClickable ? null : {
 			module: e,
 			resources: n
@@ -1003,70 +1099,70 @@ var Ft = "appshell-root-nav", It = (e) => ({
 		icon: e.meta.icon || /* @__PURE__ */ N(ie, {}),
 		items: n
 	}));
-}, zt = async (e, t, n) => (await Promise.all(e.map(async (e) => {
-	if (q(e.path) !== null || (await G(e.guards)).type !== "pass") return null;
-	let r = `${t}/${e.path}`, i = n(e.meta.title, e.path), a = e.component !== void 0, o = e.subResources ? await zt(e.subResources, r, n) : void 0, s = o && o.length > 0;
+}, Gt = async (e, t, n) => (await Promise.all(e.map(async (e) => {
+	if (q(e.path) !== null || (await K(e.guards)).type !== "pass") return null;
+	let r = `${t}/${e.path}`, i = n(e.meta.title, e.path), a = e.component !== void 0, o = e.subResources ? await Gt(e.subResources, r, n) : void 0, s = o && o.length > 0;
 	return !a && !s ? null : {
 		title: i,
 		url: a ? r : void 0,
 		items: s ? o : void 0
 	};
-}))).filter((e) => e !== null), J = (e) => e.split("/").filter((e) => e !== ""), Bt = (e, t) => {
+}))).filter((e) => e !== null), J = (e) => e.split("/").filter((e) => e !== ""), Kt = (e, t) => {
 	let n = J(e), r = t && n[0] === t ? n.slice(1) : n;
 	return r.length > 0 ? `/${r.join("/")}` : "/";
-}, Vt = (e) => e.join("/") || "/", Ht = 8, Ut = (e, t) => J(e).map((e) => {
+}, qt = (e) => e.join("/") || "/", Jt = 8, Yt = (e, t) => J(e).map((e) => {
 	let n = q(e);
 	if (n === null) return e;
 	let r = t[n] ?? "";
-	return r.length > Ht ? `${r.slice(0, Ht)}...` : r;
-}), Wt = async ({ modules: e, locale: t, basePath: n, pathname: r }) => {
-	let i = Oe(t), a = l(kt({
+	return r.length > Jt ? `${r.slice(0, Jt)}...` : r;
+}), Xt = async ({ modules: e, locale: t, basePath: n, pathname: r }) => {
+	let i = ke(t), a = l(Ft({
 		modules: e,
 		settingsResources: []
-	}), Bt(r, n));
+	}), Kt(r, n));
 	if (!a) return [];
 	let o = /* @__PURE__ */ new Map(), s = a.map((e) => {
 		let t = e.route.handle;
 		return t?.node ? {
 			node: t.node,
 			params: e.params,
-			pathnameBase: Vt(J(e.pathnameBase))
+			pathnameBase: qt(J(e.pathnameBase))
 		} : null;
 	}).filter((e) => e !== null);
 	for (let [e, t] of s.entries()) {
-		if (!At(t.node.path)) continue;
+		if (!It(t.node.path)) continue;
 		let n = s.slice(0, e + 1).map(({ node: e }) => i(e.meta.title, e.path)), r = s.slice(0, e + 1).toReversed().find(({ node: e }) => "resources" in e), a = r && "resources" in r.node && r.node.meta.icon || /* @__PURE__ */ N(ie, {});
-		await Gt({
+		await Zt({
 			node: t.node,
 			params: t.params,
 			icon: a,
 			baseSegments: J(t.pathnameBase),
-			baseDisplaySegments: s.slice(0, e + 1).flatMap(({ node: e, params: t }) => Ut(e.path, t)),
+			baseDisplaySegments: s.slice(0, e + 1).flatMap(({ node: e, params: t }) => Yt(e.path, t)),
 			breadcrumb: n,
 			resolveTitle: i,
 			routeMap: o
 		});
 	}
 	return [...o.values()];
-}, Gt = async ({ node: e, params: t, icon: n, baseSegments: r, baseDisplaySegments: i, breadcrumb: a, resolveTitle: o, routeMap: s }) => {
-	if ((await G(e.guards)).type !== "pass") return;
+}, Zt = async ({ node: e, params: t, icon: n, baseSegments: r, baseDisplaySegments: i, breadcrumb: a, resolveTitle: o, routeMap: s }) => {
+	if ((await K(e.guards)).type !== "pass") return;
 	if ("resources" in e ? e.meta.menuItemClickable : e.component !== void 0) {
-		let t = Vt(r);
+		let t = qt(r);
 		s.set(t, {
 			path: t,
-			displayPath: Vt(i),
+			displayPath: qt(i),
 			title: o(e.meta.title, e.path),
 			icon: n,
 			breadcrumb: a
 		});
 	}
 	let c = "resources" in e ? e.resources : e.subResources;
-	if (!(!c || c.length === 0)) for (let e of c) At(e.path) || await Gt({
+	if (!(!c || c.length === 0)) for (let e of c) It(e.path) || await Zt({
 		node: e,
 		params: t,
 		icon: n,
 		baseSegments: [...r, ...J(e.path)],
-		baseDisplaySegments: [...i, ...Ut(e.path, t)],
+		baseDisplaySegments: [...i, ...Yt(e.path, t)],
 		breadcrumb: [...a, o(e.meta.title, e.path)],
 		resolveTitle: o,
 		routeMap: s
@@ -1074,28 +1170,28 @@ var Ft = "appshell-root-nav", It = (e) => ({
 };
 //#endregion
 //#region src/components/internals/breadcrumb/breadcrumb.tsx
-function Kt({ ...e }) {
+function Qt({ ...e }) {
 	return /* @__PURE__ */ N("nav", {
 		"aria-label": "breadcrumb",
 		"data-slot": "breadcrumb",
 		...e
 	});
 }
-function qt({ className: e, ...t }) {
+function $t({ className: e, ...t }) {
 	return /* @__PURE__ */ N("ol", {
 		"data-slot": "breadcrumb-list",
-		className: I("astw:text-muted-foreground astw:flex astw:flex-wrap astw:items-center astw:gap-1.5 astw:text-sm astw:break-words astw:sm:gap-2.5", e),
+		className: I("astw:text-muted-foreground astw:flex astw:flex-wrap astw:items-center astw:gap-1.5 astw:text-body-md astw:break-words astw:sm:gap-2.5", e),
 		...t
 	});
 }
-function Jt({ className: e, ...t }) {
+function en({ className: e, ...t }) {
 	return /* @__PURE__ */ N("li", {
 		"data-slot": "breadcrumb-item",
 		className: I("astw:inline-flex astw:items-center astw:gap-1.5", e),
 		...t
 	});
 }
-function Yt({ render: e, className: t, children: r, to: i, ...a }) {
+function tn({ render: e, className: t, children: r, to: i, ...a }) {
 	let o = I("astw:hover:text-foreground astw:transition-colors", t);
 	return k({
 		defaultTagName: "a",
@@ -1111,7 +1207,7 @@ function Yt({ render: e, className: t, children: r, to: i, ...a }) {
 		}
 	});
 }
-function Xt({ className: e, ariaCurrent: t = "location", ...n }) {
+function nn({ className: e, ariaCurrent: t = "location", ...n }) {
 	return /* @__PURE__ */ N("span", {
 		"data-slot": "breadcrumb-page",
 		"aria-disabled": "true",
@@ -1120,7 +1216,7 @@ function Xt({ className: e, ariaCurrent: t = "location", ...n }) {
 		...n
 	});
 }
-function Zt({ children: e, className: t, ...n }) {
+function rn({ children: e, className: t, ...n }) {
 	return /* @__PURE__ */ N("li", {
 		"data-slot": "breadcrumb-separator",
 		role: "presentation",
@@ -1132,31 +1228,31 @@ function Zt({ children: e, className: t, ...n }) {
 }
 //#endregion
 //#region src/components/sidebar/dynamic-breadcrumb.tsx
-var Qt = () => {
-	let { configurations: e } = V();
-	return Pt(d().pathname, e.basePath, e.modules, e.locale);
-}, $t = () => {
-	let { basePath: e, segments: t } = Qt(), { overrides: n } = tt(), r = f("/:prefix/settings/:suffix"), i = H();
-	return r ? /* @__PURE__ */ N(Kt, { children: /* @__PURE__ */ N(qt, { children: /* @__PURE__ */ N("div", {
+var an = () => {
+	let { configurations: e } = B();
+	return Bt(d().pathname, e.basePath, e.modules, e.locale);
+}, on = () => {
+	let { basePath: e, segments: t } = an(), { overrides: n } = st(), r = f("/:prefix/settings/:suffix"), i = V();
+	return r ? /* @__PURE__ */ N(Qt, { children: /* @__PURE__ */ N($t, { children: /* @__PURE__ */ N("div", {
 		className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground",
-		children: /* @__PURE__ */ N(Jt, { children: /* @__PURE__ */ N(Yt, {
+		children: /* @__PURE__ */ N(en, { children: /* @__PURE__ */ N(tn, {
 			to: `/${r.params.prefix}/settings`,
 			children: i("settings")
 		}) })
-	}) }) }) : /* @__PURE__ */ N(Kt, { children: /* @__PURE__ */ N(qt, { children: t.map((r, i) => {
+	}) }) }) : /* @__PURE__ */ N(Qt, { children: /* @__PURE__ */ N($t, { children: t.map((r, i) => {
 		let a = e ? `/${e}/${r.path}` : `/${r.path}`, o = n.get(a) ?? r.title;
 		return /* @__PURE__ */ P("div", {
 			className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground",
-			children: [/* @__PURE__ */ N(Jt, { children: r.clickable ? /* @__PURE__ */ N(Yt, {
+			children: [/* @__PURE__ */ N(en, { children: r.clickable ? /* @__PURE__ */ N(tn, {
 				to: r.path,
 				children: o
-			}) : /* @__PURE__ */ N(Xt, {
+			}) : /* @__PURE__ */ N(nn, {
 				ariaCurrent: i === t.length - 1 && "location",
 				children: o
-			}) }), i < t.length - 1 && /* @__PURE__ */ N(Zt, {})]
+			}) }), i < t.length - 1 && /* @__PURE__ */ N(rn, {})]
 		}, i);
 	}) }) });
-}, en = [
+}, sn = [
 	{
 		rel: "icon",
 		type: "image/png",
@@ -1174,54 +1270,54 @@ var Qt = () => {
 		sizes: "180x180",
 		href: "data:image/png;base64,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"
 	}
-], tn = " · ", nn = "data-app-shell-favicon", rn = (e) => {
+], cn = " · ", ln = "data-app-shell-favicon", un = (e) => {
 	if (e.startsWith("data:")) return e.match(/^data:([^;,]+)/)?.[1];
 	if (e.endsWith(".svg")) return "image/svg+xml";
 	if (e.endsWith(".png")) return "image/png";
 	if (e.endsWith(".ico")) return "image/x-icon";
-}, an = () => {
-	let { title: e, favicon: t } = V(), { basePath: n, segments: r } = Qt(), i = nt()?.overrides, a = r.at(-1), o;
+}, dn = () => {
+	let { title: e, favicon: t } = B(), { basePath: n, segments: r } = an(), i = ct()?.overrides, a = r.at(-1), o;
 	if (a) {
 		let e = n ? `/${n}/${a.path}` : `/${a.path}`;
 		o = i?.get(e) ?? a.title;
 	}
-	let s = [o, e].filter(Boolean).join(tn), c = typeof document < "u" && document.head.querySelector(`link[rel~="icon"]:not([${nn}])`), l;
+	let s = [o, e].filter(Boolean).join(cn), c = typeof document < "u" && document.head.querySelector(`link[rel~="icon"]:not([${ln}])`), l;
 	return l = t ? [{
 		rel: "icon",
 		href: t,
-		type: rn(t)
-	}] : c ? [] : en, /* @__PURE__ */ P(M, { children: [s ? /* @__PURE__ */ N("title", { children: s }) : null, l.map(({ rel: e, href: t, type: n, sizes: r }) => /* @__PURE__ */ N("link", {
+		type: un(t)
+	}] : c ? [] : sn, /* @__PURE__ */ P(M, { children: [s ? /* @__PURE__ */ N("title", { children: s }) : null, l.map(({ rel: e, href: t, type: n, sizes: r }) => /* @__PURE__ */ N("link", {
 		rel: e,
 		href: t,
 		"data-app-shell-favicon": "",
 		...n ? { type: n } : {},
 		...r ? { sizes: r } : {}
 	}, `${e}-${r ?? "any"}`))] });
-}, on = (e) => {
-	let { configurations: t, contentRoutes: n, children: r } = e, { loaderID: i, loader: o } = It({
+}, fn = (e) => {
+	let { configurations: t, contentRoutes: n, children: r } = e, { loaderID: i, loader: o } = Ht({
 		modules: t.modules,
 		locale: t.locale,
 		basePath: t.basePath
 	}), s = t.errorBoundary, c = s ? [{
 		element: /* @__PURE__ */ N(a, {}),
-		ErrorBoundary: Tt(s),
+		ErrorBoundary: jt(s),
 		children: n
 	}] : n;
 	return {
 		id: i,
 		loader: o,
-		element: /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(an, {}), r] }),
+		element: /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(dn, {}), r] }),
 		children: c,
 		HydrateFallback: () => null
 	};
-}, sn = {
+}, pn = {
 	createBrowserRouter: o,
 	createMemoryRouter: s
-}, cn = (e) => {
-	let { children: t } = e, { configurations: n } = V(), r = C(() => kt({
+}, mn = (e) => {
+	let { children: t } = e, { configurations: n } = B(), r = C(() => Ft({
 		modules: n.modules,
 		settingsResources: n.settingsResources
-	}), [n.modules, n.settingsResources]), i = C(() => [on({
+	}), [n.modules, n.settingsResources]), i = C(() => [fn({
 		configurations: n,
 		contentRoutes: r,
 		children: t
@@ -1229,19 +1325,19 @@ var Qt = () => {
 		n,
 		r,
 		t
-	]), a = n.basePath ? "/" + n.basePath : void 0, o = e.memory ? e.initialEntries : void 0, s = C(() => e.memory ? sn.createMemoryRouter(i, {
+	]), a = n.basePath ? "/" + n.basePath : void 0, o = e.memory ? e.initialEntries : void 0, s = C(() => e.memory ? pn.createMemoryRouter(i, {
 		basename: a,
 		...o ? { initialEntries: o } : {}
-	}) : sn.createBrowserRouter(i, { basename: a }), [
+	}) : pn.createBrowserRouter(i, { basename: a }), [
 		a,
 		o,
 		e.memory,
 		i
 	]);
 	return /* @__PURE__ */ N(le, { router: s });
-}, ln = v(null), Y = v(null);
-function un({ children: e, searchSources: t = [] }) {
-	let { pathname: n } = d(), { configurations: r } = V(), i = T(/* @__PURE__ */ new Map()), a = T(0), o = T(n), [s, c] = E([]), [l, u] = E(!1), [f, p] = E(null), [m, h] = E([]), [g, _] = E(null), [v, b] = E(!1), S = y(() => {
+}, hn = v(null), Y = v(null);
+function gn({ children: e, searchSources: t = [] }) {
+	let { pathname: n } = d(), { configurations: r } = B(), i = T(/* @__PURE__ */ new Map()), a = T(0), o = T(n), [s, c] = E([]), [l, u] = E(!1), [f, p] = E(null), [m, h] = E([]), [g, _] = E(null), [v, b] = E(!1), S = y(() => {
 		c(Array.from(i.current.values()).flat());
 	}, []), w = y((e, t) => (i.current.set(e, t), S(), () => {
 		i.current.delete(e), S();
@@ -1251,7 +1347,7 @@ function un({ children: e, searchSources: t = [] }) {
 		a.current += 1, u(!1), h([]), _(null), b(!1);
 	}, []), k = y(() => {
 		let e = a.current + 1;
-		a.current = e, h([]), _(n), b(!0), Wt({
+		a.current = e, h([]), _(n), b(!0), Xt({
 			modules: r.modules,
 			locale: r.locale,
 			basePath: r.basePath,
@@ -1311,7 +1407,7 @@ function un({ children: e, searchSources: t = [] }) {
 		n,
 		j
 	]);
-	return /* @__PURE__ */ N(ln.Provider, {
+	return /* @__PURE__ */ N(hn.Provider, {
 		value: M,
 		children: /* @__PURE__ */ N(Y.Provider, {
 			value: P,
@@ -1319,13 +1415,13 @@ function un({ children: e, searchSources: t = [] }) {
 		})
 	});
 }
-function dn() {
-	let e = b(ln);
+function _n() {
+	let e = b(hn);
 	if (!e) throw Error("useCommandPaletteDispatch must be used within CommandPaletteProvider");
 	return e;
 }
-function fn(e, t) {
-	let n = S(), { register: r } = dn(), i = T(t);
+function vn(e, t) {
+	let n = S(), { register: r } = _n(), i = T(t);
 	i.current = t;
 	let a = t.map((e) => `${e.key}\0${e.label}`).join("\n");
 	x(() => r(n, i.current.map((t) => ({
@@ -1339,63 +1435,63 @@ function fn(e, t) {
 		e
 	]);
 }
-function pn() {
+function yn() {
 	let e = b(Y);
 	if (!e) throw Error("useCommandPaletteState must be used within CommandPaletteProvider");
 	return e;
 }
-function mn() {
+function bn() {
 	let e = b(Y);
 	if (!e) throw Error("useOpenCommandPalette must be used within CommandPaletteProvider");
 	return e.openCommandPalette;
 }
-function hn() {
+function xn() {
 	let e = b(Y);
 	if (!e) throw Error("useCommandPaletteActions must be used within CommandPaletteProvider");
 	return e.actions;
 }
 //#endregion
 //#region src/components/dialog/dialog.tsx
-function gn({ ...e }) {
+function Sn({ ...e }) {
 	return /* @__PURE__ */ N(F.Root, {
 		"data-slot": "dialog",
 		...e
 	});
 }
-gn.displayName = "Dialog.Root";
-function _n({ ...e }) {
+Sn.displayName = "Dialog.Root";
+function Cn({ ...e }) {
 	return /* @__PURE__ */ N(F.Trigger, {
 		"data-slot": "dialog-trigger",
 		...e
 	});
 }
-_n.displayName = "Dialog.Trigger";
-function vn({ ...e }) {
+Cn.displayName = "Dialog.Trigger";
+function wn({ ...e }) {
 	return /* @__PURE__ */ N(F.Portal, {
 		"data-slot": "dialog-portal",
 		...e
 	});
 }
-vn.displayName = "Dialog.Portal";
-function yn({ ...e }) {
+wn.displayName = "Dialog.Portal";
+function Tn({ ...e }) {
 	return /* @__PURE__ */ N(F.Close, {
 		"data-slot": "dialog-close",
 		...e
 	});
 }
-yn.displayName = "Dialog.Close";
-function bn({ className: e, ...t }) {
+Tn.displayName = "Dialog.Close";
+function En({ className: e, ...t }) {
 	return /* @__PURE__ */ N(F.Backdrop, {
 		"data-slot": "dialog-overlay",
 		className: I("astw:data-open:animate-in astw:data-ending-style:animate-out astw:data-ending-style:fade-out-0 astw:data-open:fade-in-0 astw:fill-mode-forwards astw:fixed astw:inset-0 astw:z-(--z-overlay) astw:bg-backdrop", e),
 		...t
 	});
 }
-bn.displayName = "Dialog.Overlay";
-function xn({ className: e, children: t, ...n }) {
-	return /* @__PURE__ */ P(vn, {
+En.displayName = "Dialog.Overlay";
+function Dn({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ P(wn, {
 		"data-slot": "dialog-portal",
-		children: [/* @__PURE__ */ N(bn, {}), /* @__PURE__ */ P(F.Popup, {
+		children: [/* @__PURE__ */ N(En, {}), /* @__PURE__ */ P(F.Popup, {
 			"data-slot": "dialog-content",
 			className: I("astw:bg-card astw:data-open:animate-in astw:data-ending-style:animate-out astw:data-ending-style:fade-out-0 astw:data-open:fade-in-0 astw:data-ending-style:zoom-out-95 astw:data-open:zoom-in-95 astw:fill-mode-forwards astw:fixed astw:top-[50%] astw:left-[50%] astw:z-(--z-overlay) astw:grid astw:w-full astw:max-w-[calc(100%-2rem)] astw:translate-x-[-50%] astw:translate-y-[-50%] astw:gap-4 astw:rounded-lg astw:border astw:border-border astw:p-6 astw:shadow-lg astw:duration-200 astw:sm:max-w-lg", e),
 			...n,
@@ -1409,78 +1505,84 @@ function xn({ className: e, children: t, ...n }) {
 		})]
 	});
 }
-xn.displayName = "Dialog.Content";
-function Sn({ className: e, ...t }) {
+Dn.displayName = "Dialog.Content";
+function On({ className: e, ...t }) {
 	return /* @__PURE__ */ N("div", {
 		"data-slot": "dialog-header",
 		className: I("astw:flex astw:flex-col astw:gap-2 astw:text-center astw:sm:text-left", e),
 		...t
 	});
 }
-Sn.displayName = "Dialog.Header";
-function Cn({ className: e, ...t }) {
+On.displayName = "Dialog.Header";
+function kn({ className: e, ...t }) {
 	return /* @__PURE__ */ N("div", {
 		"data-slot": "dialog-footer",
 		className: I("astw:flex astw:flex-col-reverse astw:gap-2 astw:sm:flex-row astw:sm:justify-end", e),
 		...t
 	});
 }
-Cn.displayName = "Dialog.Footer";
-function wn({ className: e, ...t }) {
-	return /* @__PURE__ */ N(F.Title, {
-		"data-slot": "dialog-title",
-		className: I("astw:text-lg astw:leading-none astw:font-semibold", e),
-		...t
+kn.displayName = "Dialog.Footer";
+function An({ className: e, ...t }) {
+	return /* @__PURE__ */ N(U, {
+		variant: "heading-md",
+		className: I("astw:leading-none", e),
+		render: /* @__PURE__ */ N(F.Title, {
+			"data-slot": "dialog-title",
+			...t
+		})
 	});
 }
-wn.displayName = "Dialog.Title";
-function Tn({ className: e, ...t }) {
-	return /* @__PURE__ */ N(F.Description, {
-		"data-slot": "dialog-description",
-		className: I("astw:text-muted-foreground astw:text-sm", e),
-		...t
+An.displayName = "Dialog.Title";
+function jn({ className: e, ...t }) {
+	return /* @__PURE__ */ N(U, {
+		variant: "body-md",
+		className: I("astw:text-muted-foreground", e),
+		render: /* @__PURE__ */ N(F.Description, {
+			"data-slot": "dialog-description",
+			...t
+		})
 	});
 }
-Tn.displayName = "Dialog.Description";
+jn.displayName = "Dialog.Description";
 var X = {
-	Root: gn,
-	Close: yn,
-	Content: xn,
-	Description: Tn,
-	Footer: Cn,
-	Header: Sn,
-	Title: wn,
-	Trigger: _n
-}, En = [
+	Root: Sn,
+	Close: Tn,
+	Content: Dn,
+	Description: jn,
+	Footer: kn,
+	Header: On,
+	Title: An,
+	Trigger: Cn
+}, Mn = [
 	"astw:border-input astw:flex astw:w-full astw:min-w-0 astw:rounded-md astw:border astw:bg-transparent astw:px-3 astw:text-base astw:outline-none astw:md:text-sm",
 	"astw:dark:bg-input/30 astw:transition-[color,box-shadow]",
 	"astw:selection:bg-primary astw:selection:text-primary-foreground",
 	"astw:placeholder:text-muted-foreground",
 	"astw:focus-visible:border-ring astw:focus-visible:ring-ring/50 astw:focus-visible:ring-[3px]",
 	"astw:disabled:pointer-events-none astw:disabled:cursor-not-allowed astw:disabled:opacity-50"
-], Dn = [...En, "astw:h-9 astw:py-1"], On = [...En, "astw:min-h-16 astw:py-2 astw:resize-y"];
+], Nn = [...Mn, "astw:h-9 astw:py-1"], Pn = [...Mn, "astw:min-h-16 astw:py-2 astw:resize-y"];
 //#endregion
 //#region src/components/input/input.tsx
-function kn({ className: e, type: t, ref: n, ...r }) {
+function Fn({ className: e, type: t, ref: n, ...r }) {
 	let i = g.useRef(null);
-	return ge(i, { handlesDirectionalKeys: !0 }), /* @__PURE__ */ N("input", {
-		ref: L(i, n),
+	return _e(i, { handlesDirectionalKeys: !0 }), /* @__PURE__ */ N("input", {
+		ref: ge(i, n),
 		type: t,
 		"data-slot": "input",
-		className: I(Dn, "astw:file:text-foreground astw:file:inline-flex astw:file:h-7 astw:file:border-0 astw:file:bg-transparent astw:file:text-sm astw:file:font-medium", "astw:aria-invalid:ring-danger-solid/20 astw:dark:aria-invalid:ring-danger-solid/40 astw:aria-invalid:border-danger-solid", e),
+		className: I(Nn, "astw:file:text-foreground astw:file:inline-flex astw:file:h-7 astw:file:border-0 astw:file:bg-transparent astw:file:text-label-md", "astw:aria-invalid:ring-danger-solid/20 astw:dark:aria-invalid:ring-danger-solid/40 astw:aria-invalid:border-danger-solid", e),
 		...r
 	});
 }
 //#endregion
 //#region src/components/spinner/spinner.tsx
-var An = {
+var In = {
 	xs: 12,
 	sm: 14,
 	default: 16,
 	lg: 20
 };
-function jn({ className: e, size: t = "default", width: n, height: r, ...i }) {
-	let a = i["aria-label"] != null || i["aria-labelledby"] != null, o = i["aria-hidden"] === !0 || i["aria-hidden"] == null && i.role == null && !a, s = An[t];
+function Ln({ className: e, size: t = "default", width: n, height: r, ...i }) {
+	let a = i["aria-label"] != null || i["aria-labelledby"] != null, o = i["aria-hidden"] === !0 || i["aria-hidden"] == null && i.role == null && !a, s = In[t];
 	return /* @__PURE__ */ N("svg", {
 		"data-slot": "spinner",
 		viewBox: "0 0 16 16",
@@ -1505,9 +1607,14 @@ function jn({ className: e, size: t = "default", width: n, height: r, ...i }) {
 	});
 }
 //#endregion
+//#region src/lib/is-composing.ts
+function Rn(e, t = !1) {
+	return e.isComposing || t || e.keyCode === 229;
+}
+//#endregion
 //#region src/components/command-palette/command-palette.tsx
-var Z = "astw:relative astw:flex astw:w-full astw:cursor-pointer astw:select-none astw:rounded-sm astw:px-2 astw:py-2 astw:text-sm astw:outline-none astw:text-left", Q = (e) => e ? "astw:bg-accent astw:text-accent-foreground" : "astw:hover:bg-accent astw:hover:text-accent-foreground";
-function Mn(e) {
+var Z = "astw:relative astw:flex astw:w-full astw:cursor-pointer astw:select-none astw:rounded-sm astw:px-2 astw:py-2 astw:text-body-md astw:outline-none astw:text-left", Q = (e) => e ? "astw:bg-accent astw:text-accent-foreground" : "astw:hover:bg-accent astw:hover:text-accent-foreground";
+function zn(e) {
 	let t = [], n = (e, r, i) => {
 		e.forEach((e) => {
 			let a = [...i, e.title];
@@ -1528,17 +1635,17 @@ function Mn(e) {
 		}), n(e.items, e.icon, [e.title]);
 	}), t;
 }
-function Nn(e, t) {
+function Bn(e, t) {
 	if (!t.trim()) return e;
 	let n = t.toLowerCase();
 	return e.filter((e) => e.label.toLowerCase().includes(n));
 }
-var Pn = 300, Fn = (e) => e === "/" || e.startsWith("/_"), In = {
+var Vn = 300, Hn = (e) => e === "/" || e.startsWith("/_"), Un = {
 	mode: "browse",
 	search: "",
 	selectedIndex: 0
-}, Ln = [];
-function Rn(e, t) {
+}, Wn = [];
+function Gn(e, t) {
 	switch (t.type) {
 		case "SET_SEARCH": return e.mode === "search" ? {
 			...e,
@@ -1576,7 +1683,7 @@ function Rn(e, t) {
 			results: [],
 			isSearching: !1
 		};
-		case "EXIT_SEARCH_MODE": return In;
+		case "EXIT_SEARCH_MODE": return Un;
 		case "SEARCH_START": return e.mode === "search" ? {
 			...e,
 			isSearching: !0,
@@ -1600,10 +1707,10 @@ function Rn(e, t) {
 			...e,
 			selectedIndex: Math.max(e.selectedIndex - 1, 0)
 		};
-		case "RESET": return In;
+		case "RESET": return Un;
 	}
 }
-function zn(e, t) {
+function Kn(e, t) {
 	let n = e.indexOf(":");
 	if (n < 1) return {
 		activeSource: null,
@@ -1618,13 +1725,13 @@ function zn(e, t) {
 		searchQuery: e
 	};
 }
-function Bn({ routes: e, contextualActions: t = [], searchSources: n = [], open: r, setOpen: i }) {
-	let a = p(), o = T(null), [s, c] = w(Rn, In), l = T(null), u = s.mode === "search" ? s.query : s.search, d = s.selectedIndex, f = s.mode === "search" ? s.source : null, m = s.mode === "search" ? s.results : Ln, h = s.mode === "search" && s.isSearching, g = C(() => f ? [] : Nn(t, u), [
+function qn({ routes: e, contextualActions: t = [], searchSources: n = [], open: r, setOpen: i }) {
+	let a = p(), o = T(null), [s, c] = w(Gn, Un), l = T(null), u = s.mode === "search" ? s.query : s.search, d = s.selectedIndex, f = s.mode === "search" ? s.source : null, m = s.mode === "search" ? s.results : Wn, h = s.mode === "search" && s.isSearching, g = C(() => f ? [] : Bn(t, u), [
 		t,
 		u,
 		f
-	]), _ = C(() => f ? [] : jt(e, u).toSorted((e, t) => {
-		let n = Fn(e.path), r = Fn(t.path);
+	]), _ = C(() => f ? [] : Lt(e, u).toSorted((e, t) => {
+		let n = Hn(e.path), r = Hn(t.path);
 		return Number(n) - Number(r) || e.path.localeCompare(t.path);
 	}), [
 		e,
@@ -1647,7 +1754,7 @@ function Bn({ routes: e, contextualActions: t = [], searchSources: n = [], open:
 			}).catch(() => {
 				e.signal.aborted || c({ type: "SEARCH_FAIL" });
 			});
-		}, Pn);
+		}, Vn);
 		return () => {
 			clearTimeout(e), l.current?.abort(), l.current = null;
 		};
@@ -1688,7 +1795,7 @@ function Bn({ routes: e, contextualActions: t = [], searchSources: n = [], open:
 			});
 			return;
 		}
-		let t = zn(e, n);
+		let t = Kn(e, n);
 		c({
 			type: "SET_SEARCH",
 			value: e,
@@ -1696,7 +1803,7 @@ function Bn({ routes: e, contextualActions: t = [], searchSources: n = [], open:
 			detectedQuery: t.activeSource ? t.searchQuery : void 0
 		});
 	}, [s.mode, n]), S = y((e) => {
-		let t = zn(e, n);
+		let t = Kn(e, n);
 		c({
 			type: "INITIALIZE_SEARCH",
 			value: e,
@@ -1740,7 +1847,7 @@ function Bn({ routes: e, contextualActions: t = [], searchSources: n = [], open:
 		selectableItems: v,
 		handleSelectItem: D,
 		handleKeyDown: y((e) => {
-			if (!e.nativeEvent.isComposing) switch (e.key) {
+			if (!Rn(e.nativeEvent)) switch (e.key) {
 				case "ArrowDown":
 					e.preventDefault(), c({
 						type: "ARROW_DOWN",
@@ -1765,10 +1872,10 @@ function Bn({ routes: e, contextualActions: t = [], searchSources: n = [], open:
 		listRef: o
 	};
 }
-function Vn({ navItems: e, extraRoutes: t = [] }) {
-	let n = H(), r = hn(), { searchSources: i, open: a, setOpen: o, openRequest: s, clearOpenRequest: c, dynamicRoutes: l, isLoadingDynamicRoutes: u } = pn(), { open: d, handleOpenChange: f, search: p, setSearch: m, initializeSearch: h, selectedIndex: g, filteredActions: _, filteredRoutes: v, searchResults: y, activeSearchSource: b, isSearching: S, selectableItems: w, handleSelectItem: T, handleKeyDown: E, listRef: D } = Bn({
+function Jn({ navItems: e, extraRoutes: t = [] }) {
+	let n = V(), r = xn(), { searchSources: i, open: a, setOpen: o, openRequest: s, clearOpenRequest: c, dynamicRoutes: l, isLoadingDynamicRoutes: u } = yn(), { open: d, handleOpenChange: f, search: p, setSearch: m, initializeSearch: h, selectedIndex: g, filteredActions: _, filteredRoutes: v, searchResults: y, activeSearchSource: b, isSearching: S, selectableItems: w, handleSelectItem: T, handleKeyDown: E, listRef: D } = qn({
 		routes: C(() => [
-			...Mn(e),
+			...zn(e),
 			...t,
 			...l
 		], [
@@ -1806,14 +1913,14 @@ function Vn({ navItems: e, extraRoutes: t = [] }) {
 					children: [
 						/* @__PURE__ */ N(re, { className: "astw:mr-2 astw:h-4 astw:w-4 astw:shrink-0 astw:opacity-50" }),
 						b && /* @__PURE__ */ N("span", {
-							className: "astw:inline-flex astw:items-center astw:shrink-0 astw:rounded astw:bg-muted astw:px-1.5 astw:py-0.5 astw:mr-1.5 astw:text-xs astw:font-medium astw:text-muted-foreground",
+							className: "astw:inline-flex astw:items-center astw:shrink-0 astw:rounded astw:bg-muted astw:px-1.5 astw:py-0.5 astw:mr-1.5 astw:text-label-sm astw:text-muted-foreground",
 							children: b.prefix
 						}),
-						/* @__PURE__ */ N(kn, {
+						/* @__PURE__ */ N(Fn, {
 							value: p,
 							onChange: (e) => m(e.target.value),
 							placeholder: n("commandPaletteSearch"),
-							className: "astw:flex astw:h-10 astw:w-full astw:rounded-md astw:bg-transparent astw:py-3 astw:text-sm astw:outline-none astw:border-0 astw:shadow-none astw:focus-visible:ring-0 astw:placeholder:text-muted-foreground astw:disabled:cursor-not-allowed astw:disabled:opacity-50",
+							className: "astw:flex astw:h-10 astw:w-full astw:rounded-md astw:bg-transparent astw:py-3 astw:text-body-md astw:outline-none astw:border-0 astw:shadow-none astw:focus-visible:ring-0 astw:placeholder:text-muted-foreground astw:disabled:cursor-not-allowed astw:disabled:opacity-50",
 							autoFocus: !0
 						})
 					]
@@ -1822,17 +1929,17 @@ function Vn({ navItems: e, extraRoutes: t = [] }) {
 					ref: D,
 					className: "astw:max-h-[50vh] astw:overflow-y-auto astw:overflow-x-hidden",
 					children: [w.length === 0 && !S && !u ? /* @__PURE__ */ N("div", {
-						className: "astw:py-6 astw:text-center astw:text-sm astw:text-muted-foreground",
+						className: "astw:py-6 astw:text-center astw:text-body-md astw:text-muted-foreground",
 						children: n("commandPaletteNoResults")
 					}) : /* @__PURE__ */ P("div", {
 						className: "astw:p-1",
 						children: [
 							u && /* @__PURE__ */ P("output", {
-								className: "astw:flex astw:items-center astw:justify-center astw:gap-2 astw:py-4 astw:text-sm astw:text-muted-foreground",
-								children: [/* @__PURE__ */ N(jn, { "aria-label": n("commandPaletteLoadingRoutes") }), n("commandPaletteLoadingRoutes")]
+								className: "astw:flex astw:items-center astw:justify-center astw:gap-2 astw:py-4 astw:text-body-md astw:text-muted-foreground",
+								children: [/* @__PURE__ */ N(Ln, { "aria-label": n("commandPaletteLoadingRoutes") }), n("commandPaletteLoadingRoutes")]
 							}),
 							k > 0 && /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N("div", {
-								className: "astw:px-2 astw:py-1.5 astw:text-xs astw:font-medium astw:text-muted-foreground",
+								className: "astw:px-2 astw:py-1.5 astw:text-label-sm astw:text-muted-foreground",
 								children: n("commandPaletteSearchModes")
 							}), O.map((e, t) => {
 								let n = e.type === "search-mode" ? e.source : null;
@@ -1849,7 +1956,7 @@ function Vn({ navItems: e, extraRoutes: t = [] }) {
 											children: n.icon
 										}),
 										/* @__PURE__ */ P("span", {
-											className: "astw:font-mono astw:text-xs astw:text-muted-foreground astw:shrink-0",
+											className: "astw:font-mono astw:text-code-sm astw:text-muted-foreground astw:shrink-0",
 											children: [n.prefix, ":"]
 										}),
 										/* @__PURE__ */ N("span", {
@@ -1860,7 +1967,7 @@ function Vn({ navItems: e, extraRoutes: t = [] }) {
 								}, `search-mode-${n.prefix}`) : null;
 							})] }),
 							_.length > 0 && /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N("div", {
-								className: "astw:px-2 astw:py-1.5 astw:text-xs astw:font-medium astw:text-muted-foreground",
+								className: "astw:px-2 astw:py-1.5 astw:text-label-sm astw:text-muted-foreground",
 								children: n("commandPaletteActions")
 							}), _.map((e, t) => {
 								let n = A + t;
@@ -1881,14 +1988,14 @@ function Vn({ navItems: e, extraRoutes: t = [] }) {
 											children: e.label
 										}),
 										e.group && /* @__PURE__ */ N("span", {
-											className: "astw:ml-auto astw:text-xs astw:text-muted-foreground astw:shrink-0",
+											className: "astw:ml-auto astw:text-body-sm astw:text-muted-foreground astw:shrink-0",
 											children: e.group
 										})
 									]
 								}, `action-${e.key}`);
 							})] }),
 							v.length > 0 && /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N("div", {
-								className: "astw:px-2 astw:py-1.5 astw:text-xs astw:font-medium astw:text-muted-foreground",
+								className: "astw:px-2 astw:py-1.5 astw:text-label-sm astw:text-muted-foreground",
 								children: n("commandPalettePages")
 							}), v.map((e, t) => {
 								let n = j + t, r = e.displayPath ?? e.path;
@@ -1903,13 +2010,13 @@ function Vn({ navItems: e, extraRoutes: t = [] }) {
 										className: "astw:truncate astw:w-full astw:text-left",
 										children: e.breadcrumb.join(" > ")
 									}), /* @__PURE__ */ N("span", {
-										className: "astw:text-[11px] astw:text-muted-foreground astw:truncate astw:w-full astw:text-left",
+										className: "astw:text-body-sm astw:text-muted-foreground astw:truncate astw:w-full astw:text-left",
 										children: r.startsWith("/") ? r : `/${r}`
 									})]
 								}, e.path);
 							})] }),
 							b && y.length > 0 && /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N("div", {
-								className: "astw:px-2 astw:py-1.5 astw:text-xs astw:font-medium astw:text-muted-foreground",
+								className: "astw:px-2 astw:py-1.5 astw:text-label-sm astw:text-muted-foreground",
 								children: b.title
 							}), y.map((e, t) => /* @__PURE__ */ P("button", {
 								"data-index": t,
@@ -1929,30 +2036,30 @@ function Vn({ navItems: e, extraRoutes: t = [] }) {
 										children: e.label
 									})]
 								}), e.description && /* @__PURE__ */ N("span", {
-									className: "astw:text-[11px] astw:text-muted-foreground astw:truncate astw:w-full astw:text-left",
+									className: "astw:text-body-sm astw:text-muted-foreground astw:truncate astw:w-full astw:text-left",
 									children: e.description
 								})]
 							}, `search-result-${e.key}`))] })
 						]
 					}), S && /* @__PURE__ */ P("div", {
-						className: "astw:flex astw:items-center astw:justify-center astw:gap-2 astw:py-4 astw:text-sm astw:text-muted-foreground",
-						children: [/* @__PURE__ */ N(jn, {}), n("commandPaletteSearching")]
+						className: "astw:flex astw:items-center astw:justify-center astw:gap-2 astw:py-4 astw:text-body-md astw:text-muted-foreground",
+						children: [/* @__PURE__ */ N(Ln, {}), n("commandPaletteSearching")]
 					})]
 				})
 			]
 		})
 	});
 }
-function Hn() {
+function Yn() {
 	return null;
 }
-function Un() {
-	let e = Lt(), n = ut();
+function Xn() {
+	let e = Ut(), n = gt();
 	return /* @__PURE__ */ N(_, {
 		fallback: null,
 		children: /* @__PURE__ */ N(t, {
 			resolve: e,
-			children: (e) => /* @__PURE__ */ N(Vn, {
+			children: (e) => /* @__PURE__ */ N(Jn, {
 				navItems: e ?? [],
 				extraRoutes: [n]
 			})
@@ -1961,13 +2068,13 @@ function Un() {
 }
 //#endregion
 //#region src/hooks/use-is-client.ts
-var Wn = () => () => {}, Gn = () => !0, Kn = () => !1;
-function qn() {
-	return D(Wn, Gn, Kn);
+var Zn = () => () => {}, Qn = () => !0, $n = () => !1;
+function er() {
+	return D(Zn, Qn, $n);
 }
 //#endregion
 //#region src/fs-routes/converter.tsx
-function Jn(e) {
+function tr(e) {
 	let t = {
 		path: "",
 		fullPath: "",
@@ -1986,12 +2093,12 @@ function Jn(e) {
 	}
 	return t;
 }
-function Yn(e, t) {
-	return e?.appShellPageProps?.meta?.title ?? Ue(t);
+function nr(e, t) {
+	return e?.appShellPageProps?.meta?.title ?? Ye(t);
 }
-function Xn(e) {
-	let t = e.component, n = Yn(t, e.path), r = t?.appShellPageProps?.meta?.icon, i = t?.appShellPageProps?.meta?.breadcrumbTitle, a = e.guards && e.guards.length > 0 ? K(e.guards) : void 0, o = [];
-	for (let t of e.children.values()) o.push(Xn(t));
+function rr(e) {
+	let t = e.component, n = nr(t, e.path), r = t?.appShellPageProps?.meta?.icon, i = t?.appShellPageProps?.meta?.breadcrumbTitle, a = e.guards && e.guards.length > 0 ? Je(e.guards) : void 0, o = [];
+	for (let t of e.children.values()) o.push(rr(t));
 	return {
 		_type: "resource",
 		type: "component",
@@ -2003,14 +2110,14 @@ function Xn(e) {
 		},
 		component: t ? () => /* @__PURE__ */ N(t, {}) : void 0,
 		subResources: o.length > 0 ? o : void 0,
-		errorBoundary: /* @__PURE__ */ N(U, {}),
+		errorBoundary: /* @__PURE__ */ N(W, {}),
 		guards: e.guards,
 		loader: a
 	};
 }
-function Zn(e) {
-	let t = e.component, n = Yn(t, e.path), r = t?.appShellPageProps?.meta?.icon, i = t?.appShellPageProps?.meta?.breadcrumbTitle, a = e.guards && e.guards.length > 0 ? K(e.guards) : void 0, o = [];
-	for (let t of e.children.values()) o.push(Xn(t));
+function ir(e) {
+	let t = e.component, n = nr(t, e.path), r = t?.appShellPageProps?.meta?.icon, i = t?.appShellPageProps?.meta?.breadcrumbTitle, a = e.guards && e.guards.length > 0 ? Je(e.guards) : void 0, o = [];
+	for (let t of e.children.values()) o.push(rr(t));
 	return {
 		_type: "module",
 		type: "component",
@@ -2023,38 +2130,38 @@ function Zn(e) {
 		},
 		component: t ? () => /* @__PURE__ */ N(t, {}) : void 0,
 		resources: o,
-		errorBoundary: /* @__PURE__ */ N(U, {}),
+		errorBoundary: /* @__PURE__ */ N(W, {}),
 		guards: e.guards,
 		loader: a
 	};
 }
-function Qn(e) {
+function ar(e) {
 	if (e.length === 0) return [];
-	let t = Jn(e), n = [];
+	let t = tr(e), n = [];
 	if (t.component) {
-		let e = Zn({
+		let e = ir({
 			...t,
 			path: "",
 			children: /* @__PURE__ */ new Map()
 		});
 		n.push(e);
 	}
-	for (let e of t.children.values()) n.push(Zn(e));
+	for (let e of t.children.values()) n.push(ir(e));
 	return n;
 }
 //#endregion
 //#region src/components/appshell/appshell.tsx
 var $ = (e) => {
-	let t = qn();
-	ze(e.contextData ?? {});
+	let t = er();
+	We(e.contextData ?? {});
 	let { modules: n, rootComponent: r, rootGuards: i } = e, a = e.memory ? {
 		memory: !0,
 		initialEntries: e.initialEntries
-	} : { memory: !1 }, o = C(() => n && (n.some((e) => e.path === "") ? ((r || i?.length) && console.warn("[AppShell] Both a root module (path=\"\") and rootComponent/rootGuards are provided. The root module takes precedence; rootComponent and rootGuards will be ignored. Define guards directly on the root module instead."), n) : r || i?.length ? [Ge({
+	} : { memory: !1 }, o = C(() => n && (n.some((e) => e.path === "") ? ((r || i?.length) && console.warn("[AppShell] Both a root module (path=\"\") and rootComponent/rootGuards are provided. The root module takes precedence; rootComponent and rootGuards will be ignored. Define guards directly on the root module instead."), n) : r || i?.length ? [Ze({
 		path: "",
 		...r ? {
 			meta: {
-				title: Le.t("home"),
+				title: Re.t("home"),
 				icon: /* @__PURE__ */ N(ne, {})
 			},
 			component: () => r()
@@ -2065,7 +2172,7 @@ var $ = (e) => {
 		n,
 		r,
 		i
-	]), s = C(() => o ? ke({
+	]), s = C(() => o ? Ae({
 		modules: o,
 		settingsResources: e.settingsResources,
 		basePath: e.basePath,
@@ -2098,27 +2205,30 @@ var $ = (e) => {
 			className: "astw:flex astw:min-h-screen astw:items-center astw:justify-center astw:bg-background astw:p-4",
 			children: /* @__PURE__ */ P("div", {
 				className: "astw:max-w-md astw:rounded-lg astw:border astw:border-danger-border astw:bg-danger-surface astw:p-6 astw:text-center",
-				children: [/* @__PURE__ */ N("h1", {
-					className: "astw:mb-2 astw:text-lg astw:font-semibold astw:text-danger-text",
+				children: [/* @__PURE__ */ N(U, {
+					variant: "heading-md",
+					className: "astw:mb-2 astw:text-danger-text",
+					render: /* @__PURE__ */ N("h1", {}),
 					children: "Configuration Error"
-				}), /* @__PURE__ */ N("p", {
-					className: "astw:text-sm astw:text-muted-foreground",
+				}), /* @__PURE__ */ N(U, {
+					variant: "body-md",
+					className: "astw:text-muted-foreground",
 					children: e
 				})]
 			})
 		});
 	}
-	return t ? /* @__PURE__ */ N(B.Provider, {
+	return t ? /* @__PURE__ */ N(z.Provider, {
 		value: c,
-		children: /* @__PURE__ */ N(Ae.Provider, {
+		children: /* @__PURE__ */ N(je.Provider, {
 			value: l,
-			children: /* @__PURE__ */ N(et, { children: /* @__PURE__ */ N(yt, {
+			children: /* @__PURE__ */ N(ot, { children: /* @__PURE__ */ N(Tt, {
 				defaultColorTheme: e.defaultColorTheme,
-				children: /* @__PURE__ */ N(cn, {
+				children: /* @__PURE__ */ N(mn, {
 					...a,
-					children: /* @__PURE__ */ P(un, {
+					children: /* @__PURE__ */ P(gn, {
 						searchSources: e.searchSources,
-						children: [e.children, /* @__PURE__ */ N(Un, {})]
+						children: [e.children, /* @__PURE__ */ N(Xn, {})]
 					})
 				})
 			}) })
@@ -2126,18 +2236,18 @@ var $ = (e) => {
 	}) : null;
 };
 $.WithPages = (e) => {
-	let t = Qn(e);
+	let t = ar(e);
 	return (e) => /* @__PURE__ */ N($, {
 		...e,
 		modules: t,
 		memory: !1
 	});
 };
-var $n = (e) => /* @__PURE__ */ N($, {
+var or = (e) => /* @__PURE__ */ N($, {
 	...e,
 	memory: !1
 });
-$n.WithPages = $.WithPages;
-var er = $n;
+or.WithPages = $.WithPages;
+var sr = or;
 //#endregion
-export { je as A, I as B, Ve as C, Ie as D, H as E, Ce as F, Se as I, L, Pe as M, z as N, Me as O, R as P, ge as R, Ke as S, He as T, pt as _, kn as a, Qe as b, X as c, fn as d, $t as f, Ct as g, q as h, jn as i, Ne as j, V as k, pn as l, Lt as m, $ as n, Dn as o, Qt as p, Hn as r, On as s, er as t, mn as u, bt as v, Be as w, Ge as x, rt as y, pe as z };
+export { Ne as A, _e as B, Qe as C, U as D, qe as E, R as F, I as H, L as I, we as L, Me as M, Pe as N, V as O, Fe as P, Ce as R, Ze as S, Ge as T, pe as V, kt as _, Ln as a, lt as b, Pn as c, bn as d, vn as f, q as g, Ut as h, Rn as i, B as j, Le as k, X as l, an as m, $ as n, Fn as o, on as p, Yn as r, Nn as s, sr as t, yn as u, yt as v, Ke as w, it as x, Et as y, ge as z };