admin-ui-starter-kit 0.1.0 → 0.1.1

package/dist/_shared/navigation-Do9k5Xh1.js

@@ -0,0 +1,420 @@
+import { useStrings as e } from "../lib/strings.js";
+import { cn as t } from "../lib/utils.js";
+import { t as n } from "./text-DIxMTECE.js";
+import { t as r } from "./heading-BprqyzDs.js";
+import { t as i } from "./badge-BVCh_hfL.js";
+import { i as a, t as o } from "./button-ChCkwoOD.js";
+import { a as s, g as c, r as l, t as u } from "./dropdown-menu-4nxEBMnd.js";
+import { t as d } from "./separator-DR0uUMKa.js";
+import { Fragment as f, useCallback as p, useEffect as m, useLayoutEffect as h, useMemo as g, useRef as _, useState as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { ChevronDown as S, Globe as C, MoreHorizontal as w } from "lucide-react";
+//#region src/components/base/navigation/language-switcher.tsx
+function T({ locales: e, onRenderLabel: n, variant: r = "buttons", onSelect: i }) {
+	let a = p((e, t) => {
+		t || i?.(e);
+	}, [i]);
+	return e.length === 0 ? null : r === "inline" ? /* @__PURE__ */ x("div", {
+		className: t("language-switcher--component", "flex items-center justify-center gap-2.5"),
+		children: [/* @__PURE__ */ b(C, {
+			className: "size-4 text-muted-foreground/70",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ b("div", {
+			className: "flex items-center justify-center gap-2.5",
+			children: e.map((r, i) => {
+				let o = n ? n(r) : r.nativeLabel;
+				return /* @__PURE__ */ x(f, { children: [/* @__PURE__ */ b("button", {
+					type: "button",
+					onClick: () => a(r.value, r.active),
+					className: t("text-xs transition-colors", r.active ? "text-primary font-medium" : "text-muted-foreground hover:text-foreground"),
+					children: o
+				}), i < e.length - 1 && /* @__PURE__ */ b("span", {
+					"aria-hidden": "true",
+					className: "size-1 rounded-full bg-border"
+				})] }, r.value);
+			})
+		})]
+	}) : /* @__PURE__ */ b("div", {
+		className: "flex flex-wrap items-center justify-center gap-2",
+		children: e.map((e) => {
+			let r = n ? n(e) : e.nativeLabel;
+			return /* @__PURE__ */ b(o, {
+				type: "button",
+				variant: "secondary",
+				buttonStyle: e.active ? "solid" : "ghost",
+				onClick: () => a(e.value, e.active),
+				className: t("min-w-[4.5rem] justify-center transition-colors", e.active ? "font-semibold text-primary" : "text-muted-foreground"),
+				children: r
+			}, e.value);
+		})
+	});
+}
+T.displayName = "LanguageSwitcher";
+//#endregion
+//#region src/components/base/navigation/aside-navigation-menu.tsx
+function E(e) {
+	if (e.length === 0) return "/";
+	try {
+		let t = typeof window < "u" ? window.location.origin : "http://localhost", n = new URL(e, t).pathname.replace(/\/+$/, "");
+		return n.length > 0 ? n : "/";
+	} catch {
+		let t = (e.split("?")[0] ?? e).replace(/\/+$/, "");
+		return t.length > 0 ? t : "/";
+	}
+}
+function D({ items: e, currentPath: n, activeClassName: r, itemClassName: i }) {
+	let o = E(n ?? (typeof window < "u" ? window.location.pathname : "")), s = typeof r == "string" && r.length > 0 ? r : "bg-muted", c = e.map((e) => ({
+		item: e,
+		normalizedPath: E(e.href)
+	})), l = c.filter(({ normalizedPath: e }) => o === e || o.startsWith(`${e}/`)).sort((e, t) => t.normalizedPath.length - e.normalizedPath.length)[0]?.normalizedPath ?? null;
+	return /* @__PURE__ */ b("nav", {
+		className: t("aside-navigation-menu--component", "flex flex-col space-y-1 space-x-0"),
+		children: c.map(({ item: e, normalizedPath: n }) => /* @__PURE__ */ b(a, {
+			variant: "secondary",
+			buttonStyle: "ghost",
+			size: "sm",
+			fullWidth: !0,
+			className: t("justify-start", i, n === l ? s : null),
+			nativeButton: !1,
+			render: (t) => /* @__PURE__ */ b("a", {
+				...t,
+				href: e.href
+			}),
+			children: e.title
+		}, e.href))
+	});
+}
+D.displayName = "AsideNavigationMenu";
+//#endregion
+//#region src/components/base/navigation/navigation-tabs.tsx
+var O = { tabsAria: "Tabs" };
+function k({ items: n, currentUrl: r, strings: i }) {
+	let a = e(O, i), o = r ?? (typeof window < "u" ? window.location.pathname : "/"), s = (e) => {
+		try {
+			return new URL(e, window.location.origin).pathname.replace(/\/+$/, "");
+		} catch {
+			return e.replace(/\/+$/, "").split("?")[0];
+		}
+	}, c = s(o);
+	return /* @__PURE__ */ b("div", {
+		className: t("navigation-tabs--component", "navigation-tabs-container w-full my-5"),
+		children: /* @__PURE__ */ b("nav", {
+			className: "inline-flex bg-muted rounded-4xl items-center gap-3 p-3",
+			"aria-label": a.tabsAria,
+			children: n.map((e) => {
+				let n = c === s(e.url);
+				return /* @__PURE__ */ b("a", {
+					href: e.url,
+					className: t("whitespace-nowrap flex items-center gap-1 leading-tight rounded-full border border-transparent px-4 py-1.5 text-sm bg-background text-foreground hover:text-background hover:bg-primary transition-all duration-150", { "!bg-primary !text-background font-semibold": n }),
+					children: e.label
+				}, e.url);
+			})
+		})
+	});
+}
+k.displayName = "NavigationTabs";
+//#endregion
+//#region src/components/base/navigation/tab-navigation-menu.tsx
+function A({ items: e, currentPath: n, className: r, ariaLabel: i = "Tab navigation" }) {
+	let a = n ?? (typeof window < "u" ? window.location.pathname : ""), o = g(() => e.map((e) => {
+		let t = a === e.href, n = null;
+		if (typeof e.icon == "string") n = /* @__PURE__ */ b("span", {
+			className: "text-inherit",
+			children: e.icon
+		});
+		else if (e.icon) {
+			let t = e.icon;
+			n = /* @__PURE__ */ b(t, { className: "h-4 w-4" });
+		}
+		return {
+			key: e.href,
+			item: e,
+			isActive: t,
+			iconNode: n,
+			ariaCurrent: t ? "page" : void 0
+		};
+	}), [a, e]);
+	return /* @__PURE__ */ b("div", {
+		className: t("tab-navigation-menu--component", "w-full", r),
+		children: /* @__PURE__ */ b("nav", {
+			className: "inline-flex bg-muted rounded-full items-center gap-1 p-1",
+			"aria-label": i,
+			children: o.map(({ key: e, item: n, isActive: r, iconNode: i, ariaCurrent: a }) => /* @__PURE__ */ x("a", {
+				href: n.href,
+				className: t("whitespace-nowrap flex items-center gap-2", "rounded-full px-4 py-2", "text-sm font-medium", "transition-all duration-200", "focus-visible:outline-none focus-visible:ring-2", "focus-visible:ring-ring focus-visible:ring-offset-2", {
+					"bg-background text-foreground shadow-sm": r,
+					"text-muted-foreground hover:text-foreground hover:bg-background/50": !r
+				}),
+				"aria-current": a,
+				children: [
+					!!i && /* @__PURE__ */ b("span", {
+						className: "text-inherit",
+						children: i
+					}),
+					n.title,
+					!!n.badge && /* @__PURE__ */ b("span", {
+						className: t("ml-1.5 rounded-full px-2 py-0.5 text-xs font-medium", r ? "bg-primary/10 text-primary" : "bg-muted-foreground/10 text-muted-foreground"),
+						children: n.badge
+					})
+				]
+			}, e))
+		})
+	});
+}
+A.displayName = "TabNavigationMenu";
+//#endregion
+//#region src/components/base/navigation/page-header/page-header.tsx
+function j({ eyebrow: e, title: a, description: o, badge: s, breadcrumbs: c, actions: l, children: u, className: f, withSeparator: p = !0 }) {
+	return /* @__PURE__ */ x("header", {
+		className: t("page-header--component", "w-full", f),
+		children: [
+			!!c && /* @__PURE__ */ b("div", {
+				className: "mb-3",
+				children: c
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
+				children: [/* @__PURE__ */ x("div", {
+					className: "min-w-0 flex-1",
+					children: [
+						!!e && /* @__PURE__ */ b(n, {
+							size: "xxs",
+							type: "secondary",
+							weight: "semibold",
+							className: "mb-1 uppercase tracking-wider",
+							children: e
+						}),
+						/* @__PURE__ */ x("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ b(r, {
+								tag: "h2",
+								className: "text-2xl border-0 pb-0",
+								children: a
+							}), !!s && /* @__PURE__ */ b(i, {
+								variant: s.variant ?? "secondary",
+								children: s.label
+							})]
+						}),
+						!!o && /* @__PURE__ */ b(n, {
+							type: "secondary",
+							className: "mt-1 max-w-2xl",
+							children: o
+						})
+					]
+				}), !!l && /* @__PURE__ */ b("div", {
+					className: "flex shrink-0 items-center gap-2",
+					children: l
+				})]
+			}),
+			!!u && /* @__PURE__ */ b("div", {
+				className: "mt-4",
+				children: u
+			}),
+			!!p && /* @__PURE__ */ b(d, { className: "mt-4" })
+		]
+	});
+}
+j.displayName = "PageHeader";
+//#endregion
+//#region src/components/base/navigation/section-nav/section-nav.tsx
+function M({ items: e, rootMargin: r = "-40% 0px -50% 0px", className: i, onSelect: a }) {
+	let [o, s] = v(e[0]?.id ?? null);
+	return m(() => {
+		let t = new IntersectionObserver((e) => {
+			let t = e.find((e) => e.isIntersecting);
+			t?.target.id && s(t.target.id);
+		}, {
+			rootMargin: r,
+			threshold: 0
+		});
+		return e.forEach((e) => {
+			let n = document.getElementById(e.id);
+			n && t.observe(n);
+		}), () => t.disconnect();
+	}, [e, r]), /* @__PURE__ */ b("nav", {
+		className: t("section-nav--component", "flex flex-col gap-0.5", i),
+		"aria-label": "Section navigation",
+		children: e.map((e) => {
+			let r = e.icon, i = o === e.id;
+			return /* @__PURE__ */ x("a", {
+				href: `#${e.id}`,
+				onClick: (t) => {
+					t.preventDefault(), document.getElementById(e.id)?.scrollIntoView({
+						behavior: "smooth",
+						block: "start"
+					}), s(e.id), a?.(e.id);
+				},
+				className: t("flex items-center gap-2 rounded-md px-2 py-1.5 transition-colors", i ? "bg-primary/10 text-primary" : "text-muted-foreground hover:bg-muted/50 hover:text-foreground"),
+				children: [!!r && /* @__PURE__ */ b(r, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ b(n, {
+					tag: "span",
+					weight: i ? "semibold" : "medium",
+					children: e.label
+				})]
+			}, e.id);
+		})
+	});
+}
+M.displayName = "SectionNav";
+//#endregion
+//#region src/components/base/navigation/side-nav.tsx
+function N(e) {
+	if (e.length === 0) return "/";
+	try {
+		let t = typeof window < "u" ? window.location.origin : "http://localhost", n = new URL(e, t).pathname.replace(/\/+$/, "");
+		return n.length > 0 ? n : "/";
+	} catch {
+		let t = (e.split("?")[0] ?? e).replace(/\/+$/, "");
+		return t.length > 0 ? t : "/";
+	}
+}
+function P({ groups: e, currentPath: r, className: a, itemClassName: o, activeItemClassName: s, ariaLabel: c = "Side navigation" }) {
+	let l = N(r ?? (typeof window < "u" ? window.location.pathname : "")), u = g(() => e.flatMap((e) => e.items.map((t) => ({
+		groupId: e.id,
+		normalizedPath: N(t.href)
+	}))), [e]).filter(({ normalizedPath: e }) => l === e || l.startsWith(`${e}/`)).sort((e, t) => t.normalizedPath.length - e.normalizedPath.length)[0]?.normalizedPath ?? null, [d, f] = v(() => Object.fromEntries(e.map((e) => [e.id, !!e.defaultCollapsed]))), p = (e) => f((t) => ({
+		...t,
+		[e]: !t[e]
+	})), m = s && s.length > 0 ? s : "bg-primary/5 text-primary";
+	return /* @__PURE__ */ b("nav", {
+		className: t("side-nav--component", "flex flex-col gap-4", a),
+		"aria-label": c,
+		children: e.map((e) => {
+			let r = e.collapsible !== !1 && d[e.id], a = !!e.label, s = !r;
+			return /* @__PURE__ */ x("div", {
+				className: "flex flex-col gap-1",
+				children: [!!a && (e.collapsible === !1 ? /* @__PURE__ */ b(n, {
+					tag: "div",
+					size: "xs",
+					type: "secondary",
+					weight: "medium",
+					className: "px-3 py-1.5 uppercase tracking-wider",
+					children: e.label
+				}) : /* @__PURE__ */ x("button", {
+					type: "button",
+					onClick: () => p(e.id),
+					className: t("flex w-full items-center justify-between px-3 py-1.5 rounded-md", "text-xs font-medium uppercase tracking-wider text-muted-foreground", "hover:text-foreground transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40"),
+					"aria-expanded": !r,
+					children: [/* @__PURE__ */ b("span", { children: e.label }), /* @__PURE__ */ b(S, {
+						className: t("size-3.5 transition-transform", r && "-rotate-90"),
+						"aria-hidden": "true"
+					})]
+				})), !!s && /* @__PURE__ */ b("div", {
+					className: "flex flex-col gap-0.5",
+					children: e.items.map((e) => {
+						let n = e.icon, r = N(e.href) === u;
+						return /* @__PURE__ */ x("a", {
+							href: e.disabled ? void 0 : e.href,
+							"aria-current": r ? "page" : void 0,
+							"aria-disabled": e.disabled || void 0,
+							className: t("group flex items-center gap-2.5 rounded-md px-3 py-1.5", "text-sm transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40", "hover:bg-muted/60", e.disabled && "pointer-events-none opacity-50", r && m, o),
+							children: [
+								!!n && /* @__PURE__ */ b(n, { className: t("size-4 shrink-0", r ? "text-primary" : "text-muted-foreground") }),
+								/* @__PURE__ */ b("span", {
+									className: "min-w-0 flex-1 truncate",
+									children: e.label
+								}),
+								!!e.badge && /* @__PURE__ */ b(i, {
+									variant: r ? "primary" : "secondary",
+									className: "shrink-0",
+									children: e.badge
+								})
+							]
+						}, e.href);
+					})
+				})]
+			}, e.id);
+		})
+	});
+}
+P.displayName = "SideNav";
+//#endregion
+//#region src/components/base/navigation/overflow-tab-bar.tsx
+var F = "inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40";
+function I({ items: e, value: n, onChange: r, className: i, tabClassName: a, activeTabClassName: o, moreLabel: d = "More", ariaLabel: f = "Tab navigation" }) {
+	let p = _(null), m = _(null), [S, C] = v(e.length);
+	h(() => {
+		if (!p.current || !m.current) return;
+		let e = p.current, t = m.current, n = () => {
+			let n = e.clientWidth, r = Array.from(t.querySelectorAll("[data-tab-id]")), i = 0, a = 0;
+			for (let e of r) {
+				let t = e.offsetWidth + 4;
+				if (i + t + 72 <= n) i += t, a += 1;
+				else break;
+			}
+			C(a === r.length ? a : Math.max(1, a));
+		};
+		n();
+		let r = new ResizeObserver(n);
+		return r.observe(e), () => r.disconnect();
+	}, [e]);
+	let T = g(() => {
+		if (!n) return e;
+		let t = e.findIndex((e) => e.id === n);
+		if (t < 0 || t < S) return e;
+		let r = [...e], i = Math.max(0, S - 1);
+		return [r[t], r[i]] = [r[i], r[t]], r;
+	}, [
+		e,
+		n,
+		S
+	]), E = T.slice(0, S), D = T.slice(S), O = (e) => {
+		r?.(e.id), e.onClick?.();
+	}, k = (e, n) => {
+		let r = e.icon, i = t(F, n ? t("bg-card text-foreground shadow-sm", o) : "text-muted-foreground hover:bg-muted/60", a), s = /* @__PURE__ */ x(y, { children: [
+			!!r && /* @__PURE__ */ b(r, { className: "size-3.5" }),
+			/* @__PURE__ */ b("span", { children: e.label }),
+			!!e.badge && /* @__PURE__ */ b("span", {
+				className: t("ml-1 inline-flex items-center rounded-full px-1.5 py-0.5 text-xxs font-semibold", n ? "bg-primary/10 text-primary" : "bg-muted-foreground/10 text-muted-foreground"),
+				children: e.badge
+			})
+		] });
+		return e.href ? /* @__PURE__ */ b("a", {
+			href: e.href,
+			"data-tab-id": e.id,
+			"aria-current": n ? "page" : void 0,
+			onClick: () => O(e),
+			className: t("overflow-tab-bar--component", i),
+			children: s
+		}, e.id) : /* @__PURE__ */ b("button", {
+			type: "button",
+			"data-tab-id": e.id,
+			"aria-pressed": n,
+			onClick: () => O(e),
+			className: i,
+			children: s
+		}, e.id);
+	};
+	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("div", {
+		ref: m,
+		"aria-hidden": "true",
+		className: "absolute -top-[9999px] left-0 inline-flex items-center gap-1 invisible",
+		children: e.map((e) => k(e, !1))
+	}), /* @__PURE__ */ x("div", {
+		ref: p,
+		role: "tablist",
+		"aria-label": f,
+		className: t("relative inline-flex items-center gap-1 rounded-lg bg-muted/40 p-1", i),
+		children: [E.map((e) => k(e, e.id === n)), D.length > 0 && /* @__PURE__ */ x(u, { children: [/* @__PURE__ */ x(c, {
+			type: "button",
+			"aria-label": d,
+			className: t(F, "text-muted-foreground hover:bg-muted/60"),
+			children: [/* @__PURE__ */ b(w, { className: "size-3.5" }), /* @__PURE__ */ b("span", { children: d })]
+		}), /* @__PURE__ */ b(l, {
+			align: "end",
+			className: "min-w-[160px]",
+			children: D.map((e) => {
+				let r = e.icon;
+				return /* @__PURE__ */ x(s, {
+					onClick: () => O(e),
+					className: t("text-xs gap-1.5 px-2 py-1.5", e.id === n && "bg-primary/5 text-primary"),
+					children: [!!r && /* @__PURE__ */ b(r, { className: "size-3.5" }), /* @__PURE__ */ b("span", { children: e.label })]
+				}, e.id);
+			})
+		})] })]
+	})] });
+}
+I.displayName = "OverflowTabBar";
+//#endregion
+export { A as a, T as c, j as i, P as n, k as o, M as r, D as s, I as t };
+
+//# sourceMappingURL=navigation-Do9k5Xh1.js.map

package/dist/_shared/navigation-Do9k5Xh1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-Do9k5Xh1.js","names":[],"sources":["../../src/components/base/navigation/language-switcher.tsx","../../src/components/base/navigation/aside-navigation-menu.tsx","../../src/components/base/navigation/navigation-tabs.tsx","../../src/components/base/navigation/tab-navigation-menu.tsx","../../src/components/base/navigation/page-header/page-header.tsx","../../src/components/base/navigation/section-nav/section-nav.tsx","../../src/components/base/navigation/side-nav.tsx","../../src/components/base/navigation/overflow-tab-bar.tsx"],"sourcesContent":["/**\n * LanguageSwitcher — locale picker with two layouts: `buttons` (chunky\n * primary buttons) and `inline` (small text links separated by dots, prefixed\n * with a globe icon). Defaults to `buttons`.\n *\n * The library never navigates on its own. The consumer wires routing /\n * locale switching by passing `onSelect` (e.g. a Tanstack Router\n * `navigate(...)` or Inertia `router.visit(...)`). When `onSelect` is\n * absent the click is a no-op.\n */\nimport { Globe } from 'lucide-react';\nimport { Fragment, useCallback } from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { cn } from '@/lib/utils';\nimport type { LocaleOption } from '@/types/locale.types';\n\ninterface LanguageSwitcherProps {\n\tlocales: LocaleOption[];\n\tonRenderLabel?: (options: LocaleOption) => string;\n\tvariant?: 'buttons' | 'inline';\n\tonSelect?: (value: string) => void;\n}\n\nexport function LanguageSwitcher({\n\tlocales,\n\tonRenderLabel,\n\tvariant = 'buttons',\n\tonSelect,\n}: LanguageSwitcherProps) {\n\tconst handleSelect = useCallback((value: string, isActive: boolean) => {\n\t\tif (isActive) {\n\t\t\treturn;\n\t\t}\n\n\t\tonSelect?.(value);\n\t}, [onSelect]);\n\n\tif (locales.length === 0) {\n\t\treturn null;\n\t}\n\n\tif (variant === 'inline') {\n\t\treturn (\n\t\t\t<div className={cn('language-switcher--component', 'flex items-center justify-center gap-2.5')}>\n\t\t\t\t<Globe className=\"size-4 text-muted-foreground/70\" aria-hidden=\"true\" />\n\t\t\t\t<div className=\"flex items-center justify-center gap-2.5\">\n\t\t\t\t\t{locales.map((locale, index) => {\n\t\t\t\t\t\tconst label = onRenderLabel\n\t\t\t\t\t\t\t? onRenderLabel(locale)\n\t\t\t\t\t\t\t: locale.nativeLabel;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Fragment key={locale.value}>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\thandleSelect(locale.value, locale.active)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'text-xs transition-colors',\n\t\t\t\t\t\t\t\t\t\tlocale.active\n\t\t\t\t\t\t\t\t\t\t\t? 'text-primary font-medium'\n\t\t\t\t\t\t\t\t\t\t\t: 'text-muted-foreground hover:text-foreground',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t{index < locales.length - 1 && (\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"size-1 rounded-full bg-border\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className=\"flex flex-wrap items-center justify-center gap-2\">\n\t\t\t{locales.map((locale) => {\n\t\t\t\tconst label = onRenderLabel ? onRenderLabel(locale) : locale.nativeLabel;\n\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={locale.value}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle={locale.active ? 'solid' : 'ghost'}\n\t\t\t\t\t\tonClick={() => handleSelect(locale.value, locale.active)}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'min-w-[4.5rem] justify-center transition-colors',\n\t\t\t\t\t\t\tlocale.active ? 'font-semibold text-primary' : 'text-muted-foreground',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n\nLanguageSwitcher.displayName = 'LanguageSwitcher';\n","/**\n * AsideNavigationMenu — vertical list of navigation links with active-state\n * highlight. Active item is matched by deepest path prefix so nested routes\n * still highlight their parent. Pass `currentPath` explicitly when SSR-ing or\n * when the consuming router does not update `window.location` synchronously.\n */\nimport { BaseButton } from '@/components/base/buttons';\nimport { cn } from '@/lib/utils';\nimport { type NavItem } from '@/types';\n\ninterface AsideNavigationMenuProps {\n\titems: NavItem[];\n\tcurrentPath?: string;\n\tactiveClassName?: string;\n\titemClassName?: string;\n}\n\nfunction normalizePath(rawUrl: string): string {\n\tif (rawUrl.length === 0) {\n\t\treturn '/';\n\t}\n\n\ttry {\n\t\tconst baseOrigin =\n\t\t\ttypeof window !== 'undefined'\n\t\t\t\t? window.location.origin\n\t\t\t\t: 'http://localhost';\n\t\tconst parsed = new URL(rawUrl, baseOrigin);\n\t\tconst trimmed = parsed.pathname.replace(/\\/+$/, '');\n\t\treturn trimmed.length > 0 ? trimmed : '/';\n\t} catch {\n\t\tconst clean = rawUrl.split('?')[0] ?? rawUrl;\n\t\tconst trimmed = clean.replace(/\\/+$/, '');\n\t\treturn trimmed.length > 0 ? trimmed : '/';\n\t}\n}\n\nexport default function AsideNavigationMenu({\n\titems,\n\tcurrentPath,\n\tactiveClassName,\n\titemClassName,\n}: AsideNavigationMenuProps) {\n\tconst rawActivePath = currentPath ?? (typeof window !== 'undefined' ? window.location.pathname : '');\n\tconst activePath = normalizePath(rawActivePath);\n\tconst resolvedActiveClassName =\n\t\ttypeof activeClassName === 'string' && activeClassName.length > 0\n\t\t\t? activeClassName\n\t\t\t: 'bg-muted';\n\tconst normalizedItems = items.map((item) => ({\n\t\titem,\n\t\tnormalizedPath: normalizePath(item.href),\n\t}));\n\n\tconst activeItemPath =\n\t\tnormalizedItems\n\t\t\t.filter(\n\t\t\t\t({ normalizedPath }) =>\n\t\t\t\t\tactivePath === normalizedPath ||\n\t\t\t\t\tactivePath.startsWith(`${normalizedPath}/`),\n\t\t\t)\n\t\t\t.sort((a, b) => b.normalizedPath.length - a.normalizedPath.length)[0]\n\t\t\t?.normalizedPath ?? null;\n\n\treturn (\n\t\t<nav className={cn('aside-navigation-menu--component', 'flex flex-col space-y-1 space-x-0')}>\n\t\t\t{normalizedItems.map(({ item, normalizedPath }) => {\n\t\t\t\tconst isActive = normalizedPath === activeItemPath;\n\n\t\t\t\treturn (\n\t\t\t\t\t<BaseButton\n\t\t\t\t\t\tkey={item.href}\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\tfullWidth\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'justify-start',\n\t\t\t\t\t\t\titemClassName,\n\t\t\t\t\t\t\tisActive ? resolvedActiveClassName : null,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tnativeButton={false}\n\t\t\t\t\t\trender={(renderProps) => (\n\t\t\t\t\t\t\t<a {...renderProps} href={item.href} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{item.title}\n\t\t\t\t\t</BaseButton>\n\t\t\t\t);\n\t\t\t})}\n\t\t</nav>\n\t);\n}\n\nAsideNavigationMenu.displayName = 'AsideNavigationMenu';\n","/**\n * NavigationTabs — large pill tab strip for prominent in-page navigation.\n * Active tab gets full-primary fill with inverse text. Lighter-weight\n * alternative is `TabNavigationMenu` (compact card-style pills).\n */\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nexport interface NavigationTabItem {\n\tlabel: string;\n\tto: string;\n}\n\nexport interface NavigationTabsItem {\n\tlabel: string;\n\turl: string;\n\tactive?: boolean;\n}\n\nexport interface NavigationTabsStrings {\n\ttabsAria: string;\n}\n\nexport const defaultNavigationTabsStrings: NavigationTabsStrings = {\n\ttabsAria: 'Tabs',\n};\n\ninterface NavigationTabsProps {\n\titems: NavigationTabsItem[];\n\tcurrentUrl?: string;\n\tstrings?: StringsProp<NavigationTabsStrings>;\n}\n\nfunction NavigationTabs({ items, currentUrl: currentUrlProp, strings: stringsProp }: NavigationTabsProps) {\n\tconst strings = useStrings(defaultNavigationTabsStrings, stringsProp);\n\tconst url = currentUrlProp ?? (typeof window !== 'undefined' ? window.location.pathname : '/');\n\n\tconst normalizeUrl = (rawUrl: string): string => {\n\t\ttry {\n\t\t\tconst urlObj = new URL(rawUrl, window.location.origin);\n\t\t\treturn urlObj.pathname.replace(/\\/+$/, '');\n\t\t} catch {\n\t\t\treturn rawUrl.replace(/\\/+$/, '').split('?')[0];\n\t\t}\n\t};\n\n\tconst currentUrl = normalizeUrl(url);\n\n\tconst clsDefault = 'whitespace-nowrap flex items-center gap-1 leading-tight rounded-full border border-transparent px-4 py-1.5 text-sm bg-background text-foreground hover:text-background hover:bg-primary transition-all duration-150';\n\treturn (\n\t\t<div className={cn('navigation-tabs--component', 'navigation-tabs-container w-full my-5')}>\n\t\t\t<nav className=\"inline-flex bg-muted rounded-4xl items-center gap-3 p-3\" aria-label={strings.tabsAria}>\n\t\t\t\t{items.map((item) => {\n\t\t\t\t\tconst itemUrl = normalizeUrl(item.url);\n\t\t\t\t\tconst isActive = currentUrl === itemUrl;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\thref={item.url}\n\t\t\t\t\t\t\tkey={item.url}\n\t\t\t\t\t\t\tclassName={cn(clsDefault, {\n\t\t\t\t\t\t\t\t'!bg-primary !text-background font-semibold': isActive,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t</a>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</nav>\n\t\t</div>\n\t);\n}\n\nexport default NavigationTabs;\n\nNavigationTabs.displayName = 'NavigationTabs';\n","/**\n * TabNavigationMenu — pill-style horizontal navigation. Active tab gets the\n * elevated card background; inactive tabs hover into a translucent variant.\n * Supports optional badges and per-item icons (Lucide component or string).\n */\nimport { useMemo, type ReactNode } from 'react';\n\nimport { cn } from '@/lib/utils';\nimport { type NavItem } from '@/types';\n\ninterface TabNavigationMenuProps {\n\titems: NavItem[];\n\tcurrentPath?: string;\n\tclassName?: string;\n\tariaLabel?: string;\n}\n\nfunction TabNavigationMenu({ items, currentPath, className, ariaLabel = 'Tab navigation' }: TabNavigationMenuProps) {\n\tconst activePath = currentPath ?? (typeof window !== 'undefined' ? window.location.pathname : '');\n\n\tconst normalizedItems = useMemo(() => {\n\t\treturn items.map((item) => {\n\t\t\tconst isActive = activePath === item.href;\n\t\t\tlet iconNode: ReactNode = null;\n\n\t\t\tif (typeof item.icon === 'string') {\n\t\t\t\ticonNode = <span className=\"text-inherit\">{item.icon}</span>;\n\t\t\t} else if (item.icon) {\n\t\t\t\tconst IconComp = item.icon;\n\t\t\t\ticonNode = <IconComp className=\"h-4 w-4\" />;\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tkey: item.href,\n\t\t\t\titem,\n\t\t\t\tisActive,\n\t\t\t\ticonNode,\n\t\t\t\tariaCurrent: isActive ? ('page' as const) : undefined,\n\t\t\t};\n\t\t});\n\t}, [activePath, items]);\n\n\treturn (\n\t\t<div className={cn('tab-navigation-menu--component', 'w-full', className)}>\n\t\t\t<nav className=\"inline-flex bg-muted rounded-full items-center gap-1 p-1\" aria-label={ariaLabel}>\n\t\t\t\t{normalizedItems.map(({ key, item, isActive, iconNode, ariaCurrent }) => (\n\t\t\t\t\t<a\n\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\thref={item.href}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'whitespace-nowrap flex items-center gap-2',\n\t\t\t\t\t\t\t'rounded-full px-4 py-2',\n\t\t\t\t\t\t\t'text-sm font-medium',\n\t\t\t\t\t\t\t'transition-all duration-200',\n\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2',\n\t\t\t\t\t\t\t'focus-visible:ring-ring focus-visible:ring-offset-2',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'bg-background text-foreground shadow-sm': isActive,\n\t\t\t\t\t\t\t\t'text-muted-foreground hover:text-foreground hover:bg-background/50': !isActive,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t)}\n\t\t\t\t\t\taria-current={ariaCurrent}\n\t\t\t\t\t>\n\t\t\t\t\t\t{!!iconNode && (\n\t\t\t\t\t\t\t<span className=\"text-inherit\">\n\t\t\t\t\t\t\t\t{iconNode}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t{!!item.badge && (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'ml-1.5 rounded-full px-2 py-0.5 text-xs font-medium',\n\t\t\t\t\t\t\t\t\tisActive\n\t\t\t\t\t\t\t\t\t\t? 'bg-primary/10 text-primary'\n\t\t\t\t\t\t\t\t\t\t: 'bg-muted-foreground/10 text-muted-foreground',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{item.badge}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</a>\n\t\t\t\t))}\n\t\t\t</nav>\n\t\t</div>\n\t);\n}\n\nTabNavigationMenu.displayName = 'TabNavigationMenu';\n\nexport default TabNavigationMenu;\n\n","/**\n * PageHeader — section / page heading with optional eyebrow, breadcrumbs slot,\n * description, status badge, and a row of action buttons. Designed to sit at the top\n * of every dashboard or detail page for consistent vertical rhythm.\n */\nimport type { ReactNode } from 'react';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography';\nimport { Badge, type ComposedBadgeVariant } from '@/components/base/badge';\nimport { Separator } from '@/components/base/display/separator';\nimport { cn } from '@/lib/utils';\n\nexport interface PageHeaderProps {\n\teyebrow?: ReactNode;\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\tbadge?: { label: string; variant?: ComposedBadgeVariant };\n\tbreadcrumbs?: ReactNode;\n\tactions?: ReactNode;\n\tchildren?: ReactNode;\n\tclassName?: string;\n\twithSeparator?: boolean;\n}\n\nexport function PageHeader({\n\teyebrow,\n\ttitle,\n\tdescription,\n\tbadge,\n\tbreadcrumbs,\n\tactions,\n\tchildren,\n\tclassName,\n\twithSeparator = true,\n}: PageHeaderProps) {\n\treturn (\n\t\t<header className={cn('page-header--component', 'w-full', className)}>\n\t\t\t{!!breadcrumbs && <div className=\"mb-3\">{breadcrumbs}</div>}\n\n\t\t\t<div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t{!!eyebrow && (\n\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"semibold\" className=\"mb-1 uppercase tracking-wider\">\n\t\t\t\t\t\t\t{eyebrow}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t<Heading tag=\"h2\" className=\"text-2xl border-0 pb-0\">{title}</Heading>\n\t\t\t\t\t\t{!!badge && (\n\t\t\t\t\t\t\t<Badge variant={badge.variant ?? 'secondary'}>{badge.label}</Badge>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t<Text type=\"secondary\" className=\"mt-1 max-w-2xl\">{description}</Text>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{!!actions && <div className=\"flex shrink-0 items-center gap-2\">{actions}</div>}\n\t\t\t</div>\n\n\t\t\t{!!children && <div className=\"mt-4\">{children}</div>}\n\n\t\t\t{!!withSeparator && <Separator className=\"mt-4\" />}\n\t\t</header>\n\t);\n}\n\nPageHeader.displayName = 'PageHeader';\n","/**\n * SectionNav — sticky in-page anchor nav. Pass a list of section ids; the active one\n * is tracked via IntersectionObserver and the matching item is highlighted. Click to\n * scroll to that section. Pure JS — no router required.\n */\nimport { useEffect, useState } from 'react';\nimport type { LucideIcon } from 'lucide-react';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface SectionNavItem {\n\tid: string;\n\tlabel: string;\n\ticon?: LucideIcon;\n}\n\nexport interface SectionNavProps {\n\titems: SectionNavItem[];\n\trootMargin?: string;\n\tclassName?: string;\n\tonSelect?: (id: string) => void;\n}\n\nexport function SectionNav({ items, rootMargin = '-40% 0px -50% 0px', className, onSelect }: SectionNavProps) {\n\tconst [active, setActive] = useState<string | null>(items[0]?.id ?? null);\n\n\tuseEffect(() => {\n\t\tconst obs = new IntersectionObserver(\n\t\t\t(entries) => {\n\t\t\t\tconst visible = entries.find((e) => e.isIntersecting);\n\t\t\t\tif (visible?.target.id) setActive(visible.target.id);\n\t\t\t},\n\t\t\t{ rootMargin, threshold: 0 },\n\t\t);\n\t\titems.forEach((it) => {\n\t\t\tconst el = document.getElementById(it.id);\n\t\t\tif (el) obs.observe(el);\n\t\t});\n\t\treturn () => obs.disconnect();\n\t}, [items, rootMargin]);\n\n\treturn (\n\t\t<nav className={cn('section-nav--component', 'flex flex-col gap-0.5', className)} aria-label=\"Section navigation\">\n\t\t\t{items.map((it) => {\n\t\t\t\tconst Icon = it.icon;\n\t\t\t\tconst isActive = active === it.id;\n\t\t\t\treturn (\n\t\t\t\t\t<a\n\t\t\t\t\t\tkey={it.id}\n\t\t\t\t\t\thref={`#${it.id}`}\n\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\tdocument.getElementById(it.id)?.scrollIntoView({ behavior: 'smooth', block: 'start' });\n\t\t\t\t\t\t\tsetActive(it.id);\n\t\t\t\t\t\t\tonSelect?.(it.id);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'flex items-center gap-2 rounded-md px-2 py-1.5 transition-colors',\n\t\t\t\t\t\t\tisActive ? 'bg-primary/10 text-primary' : 'text-muted-foreground hover:bg-muted/50 hover:text-foreground',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{!!Icon && <Icon className=\"size-3.5 shrink-0\" />}\n\t\t\t\t\t\t<Text tag=\"span\" weight={isActive ? 'semibold' : 'medium'}>{it.label}</Text>\n\t\t\t\t\t</a>\n\t\t\t\t);\n\t\t\t})}\n\t\t</nav>\n\t);\n}\n\nSectionNav.displayName = 'SectionNav';\n","/**\n * SideNav — collapsible vertical sidebar navigation. Items can be grouped\n * with a heading and optionally collapsed; each item supports an icon, badge,\n * and active-state highlight. The active item is matched by deepest path\n * prefix so nested routes still highlight their parent group.\n *\n * Use this when AsideNavigationMenu (flat) is not enough — e.g. settings\n * panes with multiple sections, or a primary app nav with collapsible groups.\n */\nimport { ChevronDown, type LucideIcon } from 'lucide-react';\nimport { useMemo, useState, type ReactNode } from 'react';\n\nimport { Badge } from '@/components/base/badge';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface SideNavItem {\n\tlabel: ReactNode;\n\thref: string;\n\ticon?: LucideIcon;\n\tbadge?: ReactNode;\n\tdisabled?: boolean;\n}\n\nexport interface SideNavGroup {\n\tid: string;\n\tlabel?: ReactNode;\n\titems: SideNavItem[];\n\tdefaultCollapsed?: boolean;\n\tcollapsible?: boolean;\n}\n\nexport interface SideNavProps {\n\t/** Groups of items. Pass a single group with no `label` for an ungrouped list. */\n\tgroups: SideNavGroup[];\n\tcurrentPath?: string;\n\tclassName?: string;\n\titemClassName?: string;\n\tactiveItemClassName?: string;\n\tariaLabel?: string;\n}\n\nfunction normalizePath(rawUrl: string): string {\n\tif (rawUrl.length === 0) return '/';\n\ttry {\n\t\tconst baseOrigin = typeof window !== 'undefined' ? window.location.origin : 'http://localhost';\n\t\tconst parsed = new URL(rawUrl, baseOrigin);\n\t\tconst trimmed = parsed.pathname.replace(/\\/+$/, '');\n\t\treturn trimmed.length > 0 ? trimmed : '/';\n\t} catch {\n\t\tconst clean = rawUrl.split('?')[0] ?? rawUrl;\n\t\tconst trimmed = clean.replace(/\\/+$/, '');\n\t\treturn trimmed.length > 0 ? trimmed : '/';\n\t}\n}\n\nexport function SideNav({\n\tgroups,\n\tcurrentPath,\n\tclassName,\n\titemClassName,\n\tactiveItemClassName,\n\tariaLabel = 'Side navigation',\n}: SideNavProps) {\n\tconst rawActivePath = currentPath ?? (typeof window !== 'undefined' ? window.location.pathname : '');\n\tconst activePath = normalizePath(rawActivePath);\n\n\tconst allNormalized = useMemo(() => {\n\t\treturn groups.flatMap((g) =>\n\t\t\tg.items.map((item) => ({ groupId: g.id, normalizedPath: normalizePath(item.href) })),\n\t\t);\n\t}, [groups]);\n\n\tconst activeNormalized =\n\t\tallNormalized\n\t\t\t.filter(\n\t\t\t\t({ normalizedPath }) =>\n\t\t\t\t\tactivePath === normalizedPath || activePath.startsWith(`${normalizedPath}/`),\n\t\t\t)\n\t\t\t.sort((a, b) => b.normalizedPath.length - a.normalizedPath.length)[0]?.normalizedPath ??\n\t\tnull;\n\n\tconst [collapsed, setCollapsed] = useState<Record<string, boolean>>(() =>\n\t\tObject.fromEntries(groups.map((g) => [g.id, Boolean(g.defaultCollapsed)])),\n\t);\n\n\tconst toggleGroup = (id: string) =>\n\t\tsetCollapsed((prev) => ({ ...prev, [id]: !prev[id] }));\n\n\tconst resolvedActive =\n\t\tactiveItemClassName && activeItemClassName.length > 0\n\t\t\t? activeItemClassName\n\t\t\t: 'bg-primary/5 text-primary';\n\n\treturn (\n\t\t<nav className={cn('side-nav--component', 'flex flex-col gap-4', className)} aria-label={ariaLabel}>\n\t\t\t{groups.map((group) => {\n\t\t\t\tconst isCollapsed = group.collapsible !== false && collapsed[group.id];\n\t\t\t\tconst showLabel = !!group.label;\n\t\t\t\tconst shouldRenderItems = !isCollapsed;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div key={group.id} className=\"flex flex-col gap-1\">\n\t\t\t\t\t\t{!!showLabel && (\n\t\t\t\t\t\t\tgroup.collapsible !== false ? (\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tonClick={() => toggleGroup(group.id)}\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'flex w-full items-center justify-between px-3 py-1.5 rounded-md',\n\t\t\t\t\t\t\t\t\t\t'text-xs font-medium uppercase tracking-wider text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t'hover:text-foreground transition-colors',\n\t\t\t\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\taria-expanded={!isCollapsed}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span>{group.label}</span>\n\t\t\t\t\t\t\t\t\t<ChevronDown\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'size-3.5 transition-transform',\n\t\t\t\t\t\t\t\t\t\t\tisCollapsed && '-rotate-90',\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\ttag=\"div\"\n\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\t\tclassName=\"px-3 py-1.5 uppercase tracking-wider\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{group.label}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!shouldRenderItems && (\n\t\t\t\t\t\t\t<div className=\"flex flex-col gap-0.5\">\n\t\t\t\t\t\t\t\t{group.items.map((item) => {\n\t\t\t\t\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\t\t\t\t\tconst itemPath = normalizePath(item.href);\n\t\t\t\t\t\t\t\t\tconst isActive = itemPath === activeNormalized;\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\tkey={item.href}\n\t\t\t\t\t\t\t\t\t\t\thref={item.disabled ? undefined : item.href}\n\t\t\t\t\t\t\t\t\t\t\taria-current={isActive ? 'page' : undefined}\n\t\t\t\t\t\t\t\t\t\t\taria-disabled={item.disabled || undefined}\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'group flex items-center gap-2.5 rounded-md px-3 py-1.5',\n\t\t\t\t\t\t\t\t\t\t\t\t'text-sm transition-colors',\n\t\t\t\t\t\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40',\n\t\t\t\t\t\t\t\t\t\t\t\t'hover:bg-muted/60',\n\t\t\t\t\t\t\t\t\t\t\t\titem.disabled && 'pointer-events-none opacity-50',\n\t\t\t\t\t\t\t\t\t\t\t\tisActive && resolvedActive,\n\t\t\t\t\t\t\t\t\t\t\t\titemClassName,\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'size-4 shrink-0',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisActive ? 'text-primary' : 'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"min-w-0 flex-1 truncate\">{item.label}</span>\n\t\t\t\t\t\t\t\t\t\t\t{!!item.badge && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Badge\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant={isActive ? 'primary' : 'secondary'}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"shrink-0\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.badge}\n\t\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</nav>\n\t);\n}\n\nSideNav.displayName = 'SideNav';\n","/**\n * OverflowTabBar — horizontal tab strip that gracefully degrades on narrow\n * containers. Tabs that would overflow are moved into a trailing \"More\"\n * dropdown so the strip never wraps. Uses a ResizeObserver to recompute on\n * container resize; the active tab is always kept visible by being moved\n * out of the overflow set when needed.\n *\n * Pair with `TabNavigationMenu` for fixed sets where overflow is impossible,\n * or with `NavigationTabs` for marketing-weight pill bars.\n */\nimport { MoreHorizontal, type LucideIcon } from 'lucide-react';\nimport { useEffect, useLayoutEffect, useMemo, useRef, useState, type ReactNode } from 'react';\n\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\nimport { cn } from '@/lib/utils';\n\nexport interface OverflowTabItem {\n\tid: string;\n\tlabel: ReactNode;\n\thref?: string;\n\ticon?: LucideIcon;\n\tbadge?: ReactNode;\n\tonClick?: () => void;\n}\n\nexport interface OverflowTabBarProps {\n\titems: OverflowTabItem[];\n\t/** Currently active tab id. */\n\tvalue?: string;\n\tonChange?: (id: string) => void;\n\tclassName?: string;\n\ttabClassName?: string;\n\tactiveTabClassName?: string;\n\tmoreLabel?: string;\n\tariaLabel?: string;\n}\n\nconst TAB_BUTTON_BASE =\n\t'inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors ' +\n\t'hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40';\n\nexport function OverflowTabBar({\n\titems,\n\tvalue,\n\tonChange,\n\tclassName,\n\ttabClassName,\n\tactiveTabClassName,\n\tmoreLabel = 'More',\n\tariaLabel = 'Tab navigation',\n}: OverflowTabBarProps) {\n\tconst containerRef = useRef<HTMLDivElement | null>(null);\n\tconst measureRef = useRef<HTMLDivElement | null>(null);\n\tconst [visibleCount, setVisibleCount] = useState(items.length);\n\n\t// Recompute how many tabs fit when container or items change.\n\tuseLayoutEffect(() => {\n\t\tif (!containerRef.current || !measureRef.current) return;\n\t\tconst container = containerRef.current;\n\t\tconst measure = measureRef.current;\n\n\t\tconst compute = () => {\n\t\t\tconst containerWidth = container.clientWidth;\n\t\t\tconst moreReserve = 72; // approximate \"More\" trigger width\n\t\t\tconst buttons = Array.from(measure.querySelectorAll<HTMLElement>('[data-tab-id]'));\n\t\t\tlet used = 0;\n\t\t\tlet count = 0;\n\t\t\tfor (const btn of buttons) {\n\t\t\t\tconst w = btn.offsetWidth + 4; // gap allowance\n\t\t\t\tif (used + w + moreReserve <= containerWidth) {\n\t\t\t\t\tused += w;\n\t\t\t\t\tcount += 1;\n\t\t\t\t} else {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t\tsetVisibleCount(count === buttons.length ? count : Math.max(1, count));\n\t\t};\n\n\t\tcompute();\n\t\tconst observer = new ResizeObserver(compute);\n\t\tobserver.observe(container);\n\t\treturn () => observer.disconnect();\n\t}, [items]);\n\n\t// Ensure active tab is always visible; if it falls into the overflow set,\n\t// pull it forward by reducing the visible count to where it lives.\n\tconst orderedItems = useMemo(() => {\n\t\tif (!value) return items;\n\t\tconst activeIdx = items.findIndex((i) => i.id === value);\n\t\tif (activeIdx < 0 || activeIdx < visibleCount) return items;\n\t\t// Move active item into the visible window (swap with last visible).\n\t\tconst next = [...items];\n\t\tconst lastVisibleIdx = Math.max(0, visibleCount - 1);\n\t\t[next[activeIdx], next[lastVisibleIdx]] = [next[lastVisibleIdx], next[activeIdx]];\n\t\treturn next;\n\t}, [items, value, visibleCount]);\n\n\tconst visibleItems = orderedItems.slice(0, visibleCount);\n\tconst overflowItems = orderedItems.slice(visibleCount);\n\n\tconst handleSelect = (item: OverflowTabItem) => {\n\t\tonChange?.(item.id);\n\t\titem.onClick?.();\n\t};\n\n\tconst renderTab = (item: OverflowTabItem, isActive: boolean) => {\n\t\tconst Icon = item.icon;\n\t\tconst className = cn(\n\t\t\tTAB_BUTTON_BASE,\n\t\t\tisActive\n\t\t\t\t? cn('bg-card text-foreground shadow-sm', activeTabClassName)\n\t\t\t\t: 'text-muted-foreground hover:bg-muted/60',\n\t\t\ttabClassName,\n\t\t);\n\t\tconst inner = (\n\t\t\t<>\n\t\t\t\t{!!Icon && <Icon className=\"size-3.5\" />}\n\t\t\t\t<span>{item.label}</span>\n\t\t\t\t{!!item.badge && (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'ml-1 inline-flex items-center rounded-full px-1.5 py-0.5 text-xxs font-semibold',\n\t\t\t\t\t\t\tisActive ? 'bg-primary/10 text-primary' : 'bg-muted-foreground/10 text-muted-foreground',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{item.badge}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t\tif (item.href) {\n\t\t\treturn (\n\t\t\t\t<a\n\t\t\t\t\tkey={item.id}\n\t\t\t\t\thref={item.href}\n\t\t\t\t\tdata-tab-id={item.id}\n\t\t\t\t\taria-current={isActive ? 'page' : undefined}\n\t\t\t\t\tonClick={() => handleSelect(item)}\n\t\t\t\t\tclassName={cn('overflow-tab-bar--component', className)}\n\t\t\t\t>\n\t\t\t\t\t{inner}\n\t\t\t\t</a>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<button\n\t\t\t\tkey={item.id}\n\t\t\t\ttype=\"button\"\n\t\t\t\tdata-tab-id={item.id}\n\t\t\t\taria-pressed={isActive}\n\t\t\t\tonClick={() => handleSelect(item)}\n\t\t\t\tclassName={className}\n\t\t\t>\n\t\t\t\t{inner}\n\t\t\t</button>\n\t\t);\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{/* Hidden measure row: always renders all tabs at native width so\n\t\t\t    we can measure how many fit. Visually hidden but laid out. */}\n\t\t\t<div\n\t\t\t\tref={measureRef}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName=\"absolute -top-[9999px] left-0 inline-flex items-center gap-1 invisible\"\n\t\t\t>\n\t\t\t\t{items.map((i) => renderTab(i, false))}\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tref={containerRef}\n\t\t\t\trole=\"tablist\"\n\t\t\t\taria-label={ariaLabel}\n\t\t\t\tclassName={cn('relative inline-flex items-center gap-1 rounded-lg bg-muted/40 p-1', className)}\n\t\t\t>\n\t\t\t\t{visibleItems.map((item) => renderTab(item, item.id === value))}\n\t\t\t\t{overflowItems.length > 0 && (\n\t\t\t\t\t<DropdownMenu>\n\t\t\t\t\t\t<DropdownMenuTrigger\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\taria-label={moreLabel}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\tTAB_BUTTON_BASE,\n\t\t\t\t\t\t\t\t'text-muted-foreground hover:bg-muted/60',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<MoreHorizontal className=\"size-3.5\" />\n\t\t\t\t\t\t\t<span>{moreLabel}</span>\n\t\t\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t\t\t<DropdownMenuContent align=\"end\" className=\"min-w-[160px]\">\n\t\t\t\t\t\t\t{overflowItems.map((item) => {\n\t\t\t\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleSelect(item)}\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'text-xs gap-1.5 px-2 py-1.5',\n\t\t\t\t\t\t\t\t\t\t\titem.id === value && 'bg-primary/5 text-primary',\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{!!Icon && <Icon className=\"size-3.5\" />}\n\t\t\t\t\t\t\t\t\t\t<span>{item.label}</span>\n\t\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</DropdownMenuContent>\n\t\t\t\t\t</DropdownMenu>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nOverflowTabBar.displayName = 'OverflowTabBar';\n\n// useEffect is referenced indirectly through useLayoutEffect above; keep the\n// import so SSR builds that fall back to useEffect still compile cleanly.\nvoid useEffect;\n"],"mappings":"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"}

package/dist/_shared/navigation-QAAD3HJd.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-D3uCBrYO.cjs`);const e=require(`../lib/strings.cjs`),t=require(`../lib/utils.cjs`),n=require(`./text-DBnY6fcL.cjs`),r=require(`./heading-mZc_jan1.cjs`),i=require(`./badge-C49SSz-6.cjs`),a=require(`./button-D0nF99a9.cjs`),o=require(`./dropdown-menu-DZlWHqWS.cjs`),s=require(`./separator-CN9zAJfs.cjs`);let c=require(`react`),l=require(`react/jsx-runtime`),u=require(`lucide-react`);function d({locales:e,onRenderLabel:n,variant:r=`buttons`,onSelect:i}){let o=(0,c.useCallback)((e,t)=>{t||i?.(e)},[i]);return e.length===0?null:r===`inline`?(0,l.jsxs)(`div`,{className:t.cn(`language-switcher--component`,`flex items-center justify-center gap-2.5`),children:[(0,l.jsx)(u.Globe,{className:`size-4 text-muted-foreground/70`,"aria-hidden":`true`}),(0,l.jsx)(`div`,{className:`flex items-center justify-center gap-2.5`,children:e.map((r,i)=>{let a=n?n(r):r.nativeLabel;return(0,l.jsxs)(c.Fragment,{children:[(0,l.jsx)(`button`,{type:`button`,onClick:()=>o(r.value,r.active),className:t.cn(`text-xs transition-colors`,r.active?`text-primary font-medium`:`text-muted-foreground hover:text-foreground`),children:a}),i<e.length-1&&(0,l.jsx)(`span`,{"aria-hidden":`true`,className:`size-1 rounded-full bg-border`})]},r.value)})})]}):(0,l.jsx)(`div`,{className:`flex flex-wrap items-center justify-center gap-2`,children:e.map(e=>{let r=n?n(e):e.nativeLabel;return(0,l.jsx)(a.t,{type:`button`,variant:`secondary`,buttonStyle:e.active?`solid`:`ghost`,onClick:()=>o(e.value,e.active),className:t.cn(`min-w-[4.5rem] justify-center transition-colors`,e.active?`font-semibold text-primary`:`text-muted-foreground`),children:r},e.value)})})}d.displayName=`LanguageSwitcher`;function f(e){if(e.length===0)return`/`;try{let t=typeof window<`u`?window.location.origin:`http://localhost`,n=new URL(e,t).pathname.replace(/\/+$/,``);return n.length>0?n:`/`}catch{let t=(e.split(`?`)[0]??e).replace(/\/+$/,``);return t.length>0?t:`/`}}function p({items:e,currentPath:n,activeClassName:r,itemClassName:i}){let o=f(n??(typeof window<`u`?window.location.pathname:``)),s=typeof r==`string`&&r.length>0?r:`bg-muted`,c=e.map(e=>({item:e,normalizedPath:f(e.href)})),u=c.filter(({normalizedPath:e})=>o===e||o.startsWith(`${e}/`)).sort((e,t)=>t.normalizedPath.length-e.normalizedPath.length)[0]?.normalizedPath??null;return(0,l.jsx)(`nav`,{className:t.cn(`aside-navigation-menu--component`,`flex flex-col space-y-1 space-x-0`),children:c.map(({item:e,normalizedPath:n})=>(0,l.jsx)(a.i,{variant:`secondary`,buttonStyle:`ghost`,size:`sm`,fullWidth:!0,className:t.cn(`justify-start`,i,n===u?s:null),nativeButton:!1,render:t=>(0,l.jsx)(`a`,{...t,href:e.href}),children:e.title},e.href))})}p.displayName=`AsideNavigationMenu`;var m={tabsAria:`Tabs`};function h({items:n,currentUrl:r,strings:i}){let a=e.useStrings(m,i),o=r??(typeof window<`u`?window.location.pathname:`/`),s=e=>{try{return new URL(e,window.location.origin).pathname.replace(/\/+$/,``)}catch{return e.replace(/\/+$/,``).split(`?`)[0]}},c=s(o);return(0,l.jsx)(`div`,{className:t.cn(`navigation-tabs--component`,`navigation-tabs-container w-full my-5`),children:(0,l.jsx)(`nav`,{className:`inline-flex bg-muted rounded-4xl items-center gap-3 p-3`,"aria-label":a.tabsAria,children:n.map(e=>{let n=c===s(e.url);return(0,l.jsx)(`a`,{href:e.url,className:t.cn(`whitespace-nowrap flex items-center gap-1 leading-tight rounded-full border border-transparent px-4 py-1.5 text-sm bg-background text-foreground hover:text-background hover:bg-primary transition-all duration-150`,{"!bg-primary !text-background font-semibold":n}),children:e.label},e.url)})})})}h.displayName=`NavigationTabs`;function g({items:e,currentPath:n,className:r,ariaLabel:i=`Tab navigation`}){let a=n??(typeof window<`u`?window.location.pathname:``),o=(0,c.useMemo)(()=>e.map(e=>{let t=a===e.href,n=null;if(typeof e.icon==`string`)n=(0,l.jsx)(`span`,{className:`text-inherit`,children:e.icon});else if(e.icon){let t=e.icon;n=(0,l.jsx)(t,{className:`h-4 w-4`})}return{key:e.href,item:e,isActive:t,iconNode:n,ariaCurrent:t?`page`:void 0}}),[a,e]);return(0,l.jsx)(`div`,{className:t.cn(`tab-navigation-menu--component`,`w-full`,r),children:(0,l.jsx)(`nav`,{className:`inline-flex bg-muted rounded-full items-center gap-1 p-1`,"aria-label":i,children:o.map(({key:e,item:n,isActive:r,iconNode:i,ariaCurrent:a})=>(0,l.jsxs)(`a`,{href:n.href,className:t.cn(`whitespace-nowrap flex items-center gap-2`,`rounded-full px-4 py-2`,`text-sm font-medium`,`transition-all duration-200`,`focus-visible:outline-none focus-visible:ring-2`,`focus-visible:ring-ring focus-visible:ring-offset-2`,{"bg-background text-foreground shadow-sm":r,"text-muted-foreground hover:text-foreground hover:bg-background/50":!r}),"aria-current":a,children:[!!i&&(0,l.jsx)(`span`,{className:`text-inherit`,children:i}),n.title,!!n.badge&&(0,l.jsx)(`span`,{className:t.cn(`ml-1.5 rounded-full px-2 py-0.5 text-xs font-medium`,r?`bg-primary/10 text-primary`:`bg-muted-foreground/10 text-muted-foreground`),children:n.badge})]},e))})})}g.displayName=`TabNavigationMenu`;function _({eyebrow:e,title:a,description:o,badge:c,breadcrumbs:u,actions:d,children:f,className:p,withSeparator:m=!0}){return(0,l.jsxs)(`header`,{className:t.cn(`page-header--component`,`w-full`,p),children:[!!u&&(0,l.jsx)(`div`,{className:`mb-3`,children:u}),(0,l.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between`,children:[(0,l.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[!!e&&(0,l.jsx)(n.t,{size:`xxs`,type:`secondary`,weight:`semibold`,className:`mb-1 uppercase tracking-wider`,children:e}),(0,l.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,l.jsx)(r.t,{tag:`h2`,className:`text-2xl border-0 pb-0`,children:a}),!!c&&(0,l.jsx)(i.t,{variant:c.variant??`secondary`,children:c.label})]}),!!o&&(0,l.jsx)(n.t,{type:`secondary`,className:`mt-1 max-w-2xl`,children:o})]}),!!d&&(0,l.jsx)(`div`,{className:`flex shrink-0 items-center gap-2`,children:d})]}),!!f&&(0,l.jsx)(`div`,{className:`mt-4`,children:f}),!!m&&(0,l.jsx)(s.t,{className:`mt-4`})]})}_.displayName=`PageHeader`;function v({items:e,rootMargin:r=`-40% 0px -50% 0px`,className:i,onSelect:a}){let[o,s]=(0,c.useState)(e[0]?.id??null);return(0,c.useEffect)(()=>{let t=new IntersectionObserver(e=>{let t=e.find(e=>e.isIntersecting);t?.target.id&&s(t.target.id)},{rootMargin:r,threshold:0});return e.forEach(e=>{let n=document.getElementById(e.id);n&&t.observe(n)}),()=>t.disconnect()},[e,r]),(0,l.jsx)(`nav`,{className:t.cn(`section-nav--component`,`flex flex-col gap-0.5`,i),"aria-label":`Section navigation`,children:e.map(e=>{let r=e.icon,i=o===e.id;return(0,l.jsxs)(`a`,{href:`#${e.id}`,onClick:t=>{t.preventDefault(),document.getElementById(e.id)?.scrollIntoView({behavior:`smooth`,block:`start`}),s(e.id),a?.(e.id)},className:t.cn(`flex items-center gap-2 rounded-md px-2 py-1.5 transition-colors`,i?`bg-primary/10 text-primary`:`text-muted-foreground hover:bg-muted/50 hover:text-foreground`),children:[!!r&&(0,l.jsx)(r,{className:`size-3.5 shrink-0`}),(0,l.jsx)(n.t,{tag:`span`,weight:i?`semibold`:`medium`,children:e.label})]},e.id)})})}v.displayName=`SectionNav`;function y(e){if(e.length===0)return`/`;try{let t=typeof window<`u`?window.location.origin:`http://localhost`,n=new URL(e,t).pathname.replace(/\/+$/,``);return n.length>0?n:`/`}catch{let t=(e.split(`?`)[0]??e).replace(/\/+$/,``);return t.length>0?t:`/`}}function b({groups:e,currentPath:r,className:a,itemClassName:o,activeItemClassName:s,ariaLabel:d=`Side navigation`}){let f=y(r??(typeof window<`u`?window.location.pathname:``)),p=(0,c.useMemo)(()=>e.flatMap(e=>e.items.map(t=>({groupId:e.id,normalizedPath:y(t.href)}))),[e]).filter(({normalizedPath:e})=>f===e||f.startsWith(`${e}/`)).sort((e,t)=>t.normalizedPath.length-e.normalizedPath.length)[0]?.normalizedPath??null,[m,h]=(0,c.useState)(()=>Object.fromEntries(e.map(e=>[e.id,!!e.defaultCollapsed]))),g=e=>h(t=>({...t,[e]:!t[e]})),_=s&&s.length>0?s:`bg-primary/5 text-primary`;return(0,l.jsx)(`nav`,{className:t.cn(`side-nav--component`,`flex flex-col gap-4`,a),"aria-label":d,children:e.map(e=>{let r=e.collapsible!==!1&&m[e.id],a=!!e.label,s=!r;return(0,l.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[!!a&&(e.collapsible===!1?(0,l.jsx)(n.t,{tag:`div`,size:`xs`,type:`secondary`,weight:`medium`,className:`px-3 py-1.5 uppercase tracking-wider`,children:e.label}):(0,l.jsxs)(`button`,{type:`button`,onClick:()=>g(e.id),className:t.cn(`flex w-full items-center justify-between px-3 py-1.5 rounded-md`,`text-xs font-medium uppercase tracking-wider text-muted-foreground`,`hover:text-foreground transition-colors`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`),"aria-expanded":!r,children:[(0,l.jsx)(`span`,{children:e.label}),(0,l.jsx)(u.ChevronDown,{className:t.cn(`size-3.5 transition-transform`,r&&`-rotate-90`),"aria-hidden":`true`})]})),!!s&&(0,l.jsx)(`div`,{className:`flex flex-col gap-0.5`,children:e.items.map(e=>{let n=e.icon,r=y(e.href)===p;return(0,l.jsxs)(`a`,{href:e.disabled?void 0:e.href,"aria-current":r?`page`:void 0,"aria-disabled":e.disabled||void 0,className:t.cn(`group flex items-center gap-2.5 rounded-md px-3 py-1.5`,`text-sm transition-colors`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,`hover:bg-muted/60`,e.disabled&&`pointer-events-none opacity-50`,r&&_,o),children:[!!n&&(0,l.jsx)(n,{className:t.cn(`size-4 shrink-0`,r?`text-primary`:`text-muted-foreground`)}),(0,l.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!!e.badge&&(0,l.jsx)(i.t,{variant:r?`primary`:`secondary`,className:`shrink-0`,children:e.badge})]},e.href)})})]},e.id)})})}b.displayName=`SideNav`;var x=`inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`;function S({items:e,value:n,onChange:r,className:i,tabClassName:a,activeTabClassName:s,moreLabel:d=`More`,ariaLabel:f=`Tab navigation`}){let p=(0,c.useRef)(null),m=(0,c.useRef)(null),[h,g]=(0,c.useState)(e.length);(0,c.useLayoutEffect)(()=>{if(!p.current||!m.current)return;let e=p.current,t=m.current,n=()=>{let n=e.clientWidth,r=Array.from(t.querySelectorAll(`[data-tab-id]`)),i=0,a=0;for(let e of r){let t=e.offsetWidth+4;if(i+t+72<=n)i+=t,a+=1;else break}g(a===r.length?a:Math.max(1,a))};n();let r=new ResizeObserver(n);return r.observe(e),()=>r.disconnect()},[e]);let _=(0,c.useMemo)(()=>{if(!n)return e;let t=e.findIndex(e=>e.id===n);if(t<0||t<h)return e;let r=[...e],i=Math.max(0,h-1);return[r[t],r[i]]=[r[i],r[t]],r},[e,n,h]),v=_.slice(0,h),y=_.slice(h),b=e=>{r?.(e.id),e.onClick?.()},S=(e,n)=>{let r=e.icon,i=t.cn(x,n?t.cn(`bg-card text-foreground shadow-sm`,s):`text-muted-foreground hover:bg-muted/60`,a),o=(0,l.jsxs)(l.Fragment,{children:[!!r&&(0,l.jsx)(r,{className:`size-3.5`}),(0,l.jsx)(`span`,{children:e.label}),!!e.badge&&(0,l.jsx)(`span`,{className:t.cn(`ml-1 inline-flex items-center rounded-full px-1.5 py-0.5 text-xxs font-semibold`,n?`bg-primary/10 text-primary`:`bg-muted-foreground/10 text-muted-foreground`),children:e.badge})]});return e.href?(0,l.jsx)(`a`,{href:e.href,"data-tab-id":e.id,"aria-current":n?`page`:void 0,onClick:()=>b(e),className:t.cn(`overflow-tab-bar--component`,i),children:o},e.id):(0,l.jsx)(`button`,{type:`button`,"data-tab-id":e.id,"aria-pressed":n,onClick:()=>b(e),className:i,children:o},e.id)};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`div`,{ref:m,"aria-hidden":`true`,className:`absolute -top-[9999px] left-0 inline-flex items-center gap-1 invisible`,children:e.map(e=>S(e,!1))}),(0,l.jsxs)(`div`,{ref:p,role:`tablist`,"aria-label":f,className:t.cn(`relative inline-flex items-center gap-1 rounded-lg bg-muted/40 p-1`,i),children:[v.map(e=>S(e,e.id===n)),y.length>0&&(0,l.jsxs)(o.t,{children:[(0,l.jsxs)(o.g,{type:`button`,"aria-label":d,className:t.cn(x,`text-muted-foreground hover:bg-muted/60`),children:[(0,l.jsx)(u.MoreHorizontal,{className:`size-3.5`}),(0,l.jsx)(`span`,{children:d})]}),(0,l.jsx)(o.r,{align:`end`,className:`min-w-[160px]`,children:y.map(e=>{let r=e.icon;return(0,l.jsxs)(o.a,{onClick:()=>b(e),className:t.cn(`text-xs gap-1.5 px-2 py-1.5`,e.id===n&&`bg-primary/5 text-primary`),children:[!!r&&(0,l.jsx)(r,{className:`size-3.5`}),(0,l.jsx)(`span`,{children:e.label})]},e.id)})})]})]})]})}S.displayName=`OverflowTabBar`,Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return S}});
+//# sourceMappingURL=navigation-QAAD3HJd.cjs.map