@countermeasure-platform/web-components 1.3.3-dev.33.1 → 1.3.4

package/dist/layout/index.js

@@ -1,66 +1,67 @@
 import { n as e } from "../sanitize-uWpY18N9.js";
 import { t } from "../navigation-DihI8dfX.js";
-import { AppShell as n, createAppShell as r } from "./app-shell.js";
-import { PageHeader as i, createPageHeader as a } from "./page-header.js";
+import { AppShell as n, TopMenuBar as r, createAppShell as i, createProductShell as a, createTopMenuBar as o } from "./app-shell.js";
+import { CORE_APP_ROUTE_LABELS as s, createCoreAppChromePreset as c, createCoreAppSidebarConfig as l, createCoreAppSidebarSections as u, createCoreAppTopbarActions as d, createCoreAppTopbarConfig as f, getCoreAppRouteLabel as p, mountCoreAppChrome as m, mountCoreAppChromeFromDom as h } from "./core-app-chrome.js";
+import { PageHeader as g, createPageHeader as _ } from "./page-header.js";
 //#region src/layout/index.ts
-var o = () => {
+var v = () => {
 	if (typeof window > "u") return null;
 	try {
 		return window.localStorage;
 	} catch {
 		return console.warn("Unable to access localStorage"), null;
 	}
-}, s = (e) => {
+}, y = (e) => {
 	try {
 		return new URL(e, window.location.href).origin === window.location.origin;
 	} catch {
 		return !1;
 	}
-}, c = {
+}, b = {
 	storageKey: "cmm-sidebar-state",
 	desktopBreakpoint: "(min-width: 1024px)",
 	collapsedClass: "cmm-shell--sidebar-collapsed",
 	openClass: "cmm-shell--sidebar-open"
 };
-function l(e = {}) {
+function x(e = {}) {
 	let t = {
-		...c,
+		...b,
 		...e
 	}, n = document.querySelector("[data-shell-layout]"), r = document.querySelector("[data-shell-sidebar]");
 	if (!n || !r) return () => {};
-	let i = o(), a = window.matchMedia(t.desktopBreakpoint), s = Array.from(document.querySelectorAll("[data-sidebar-toggle]")), l = Array.from(document.querySelectorAll("[data-sidebar-dismiss]")), u = r.id || "shell-sidebar";
-	r.id = u;
-	let d = () => i?.getItem(t.storageKey) === "collapsed", f = () => {
+	let i = v(), a = window.matchMedia(t.desktopBreakpoint), o = Array.from(document.querySelectorAll("[data-sidebar-toggle]")), s = Array.from(document.querySelectorAll("[data-sidebar-dismiss]")), c = r.id || "shell-sidebar";
+	r.id = c;
+	let l = () => i?.getItem(t.storageKey) === "collapsed", u = () => {
 		let e = a.matches ? !n.classList.contains(t.collapsedClass) : n.classList.contains(t.openClass);
-		s.forEach((t) => {
-			t.setAttribute("aria-expanded", e.toString()), t.setAttribute("aria-controls", u);
+		o.forEach((t) => {
+			t.setAttribute("aria-expanded", e.toString()), t.setAttribute("aria-controls", c);
 		});
-	}, p = (e, r = !0) => {
-		n.classList.toggle(t.collapsedClass, e), r && a.matches && i?.setItem(t.storageKey, e ? "collapsed" : "expanded"), f();
-	}, m = (e) => {
-		n.classList.toggle(t.openClass, e), f();
+	}, d = (e, r = !0) => {
+		n.classList.toggle(t.collapsedClass, e), r && a.matches && i?.setItem(t.storageKey, e ? "collapsed" : "expanded"), u();
+	}, f = (e) => {
+		n.classList.toggle(t.openClass, e), u();
+	}, p = () => {
+		a.matches ? (f(!1), d(l(), !1)) : (f(!1), d(!1, !1));
+	}, m = () => {
+		a.matches ? d(!n.classList.contains(t.collapsedClass)) : f(!n.classList.contains(t.openClass));
 	}, h = () => {
-		a.matches ? (m(!1), p(d(), !1)) : (m(!1), p(!1, !1));
-	}, g = () => {
-		a.matches ? p(!n.classList.contains(t.collapsedClass)) : m(!n.classList.contains(t.openClass));
-	}, _ = () => {
-		m(!1);
-	}, v = (e) => {
-		e.key === "Escape" && !a.matches && m(!1);
+		f(!1);
+	}, g = (e) => {
+		e.key === "Escape" && !a.matches && f(!1);
 	};
-	return s.forEach((e) => {
-		e.addEventListener("click", g);
-	}), l.forEach((e) => {
-		e.addEventListener("click", _);
-	}), document.addEventListener("keydown", v), a.addEventListener("change", h), h(), () => {
-		s.forEach((e) => {
-			e.removeEventListener("click", g);
-		}), l.forEach((e) => {
-			e.removeEventListener("click", _);
-		}), document.removeEventListener("keydown", v), a.removeEventListener("change", h);
+	return o.forEach((e) => {
+		e.addEventListener("click", m);
+	}), s.forEach((e) => {
+		e.addEventListener("click", h);
+	}), document.addEventListener("keydown", g), a.addEventListener("change", p), p(), () => {
+		o.forEach((e) => {
+			e.removeEventListener("click", m);
+		}), s.forEach((e) => {
+			e.removeEventListener("click", h);
+		}), document.removeEventListener("keydown", g), a.removeEventListener("change", p);
 	};
 }
-function u(e = {}) {
+function S(e = {}) {
 	let t = e.triggerSelector ?? "[data-user-trigger]", n = e.dropdownSelector ?? "[data-user-dropdown]", r = document.querySelector("[data-user-menu]"), i = document.querySelector(t), a = document.querySelector(n);
 	if (!r || !i || !a) return () => {};
 	let o = (e) => {
@@ -83,17 +84,17 @@ function u(e = {}) {
 		i.removeEventListener("click", c), document.removeEventListener("click", l), document.removeEventListener("keydown", u), a.removeEventListener("keydown", f), i.removeEventListener("keydown", p);
 	};
 }
-var d = (e) => e.dataset.collapsibleOpen === "true" || !e.classList.contains("hidden"), f = "cmm-collapsible--hidden", p = (e, t) => {
-	e.classList.toggle("hidden", !t), e.classList.toggle(f, !t), e.dataset.collapsibleOpen = t.toString(), e.setAttribute("aria-hidden", t ? "false" : "true");
-}, m = (e, t) => {
+var C = (e) => e.dataset.collapsibleOpen === "true" || !e.classList.contains("hidden"), w = "cmm-collapsible--hidden", T = (e, t) => {
+	e.classList.toggle("hidden", !t), e.classList.toggle(w, !t), e.dataset.collapsibleOpen = t.toString(), e.setAttribute("aria-hidden", t ? "false" : "true");
+}, E = (e, t) => {
 	document.querySelectorAll(`[data-toggle-target='${e}']`).forEach((e) => {
 		e.setAttribute("aria-expanded", t.toString());
 	});
 };
-function h(e = {}) {
+function D(e = {}) {
 	let { scrollIntoView: t = !0, scrollBehavior: n = "smooth", hiddenClass: r = "cmm-collapsible--hidden" } = e;
-	f = r, document.querySelectorAll("[data-collapsible]").forEach((e) => {
-		p(e, e.dataset.collapsibleOpen === "true" || !e.classList.contains("hidden"));
+	w = r, document.querySelectorAll("[data-collapsible]").forEach((e) => {
+		T(e, e.dataset.collapsibleOpen === "true" || !e.classList.contains("hidden"));
 	});
 	let i = [];
 	document.querySelectorAll("[data-toggle-target]").forEach((e) => {
@@ -102,11 +103,11 @@ function h(e = {}) {
 		let a = document.querySelector(r);
 		if (!a) return;
 		let o = a.id || r.replace(/^#/, "");
-		e.setAttribute("aria-controls", o), e.setAttribute("aria-expanded", d(a).toString());
+		e.setAttribute("aria-controls", o), e.setAttribute("aria-expanded", C(a).toString());
 		let s = (e) => {
 			e.preventDefault();
-			let i = !d(a);
-			p(a, i), m(r, i), i && t && a.scrollIntoView({
+			let i = !C(a);
+			T(a, i), E(r, i), i && t && a.scrollIntoView({
 				behavior: n,
 				block: "start"
 			});
@@ -121,7 +122,7 @@ function h(e = {}) {
 		let n = document.querySelector(t);
 		if (!n) return;
 		let r = (e) => {
-			e.preventDefault(), p(n, !1), m(t, !1);
+			e.preventDefault(), T(n, !1), E(t, !1);
 		};
 		e.addEventListener("click", r), i.push({
 			element: e,
@@ -131,7 +132,7 @@ function h(e = {}) {
 	let a = window.location.hash;
 	if (a) {
 		let e = document.querySelector(a);
-		e?.dataset.collapsible !== void 0 && (p(e, !0), m(a, !0));
+		e?.dataset.collapsible !== void 0 && (T(e, !0), E(a, !0));
 	}
 	return () => {
 		i.forEach(({ element: e, handler: t }) => {
@@ -139,17 +140,17 @@ function h(e = {}) {
 		});
 	};
 }
-var g = "\n  <div class=\"cmm-sheet__loading\">\n    <div class=\"cmm-spinner\"></div>\n  </div>\n", _ = "\n  <div class=\"cmm-sheet__error\">\n    <p>Failed to load content. Please try the full page.</p>\n  </div>\n";
-function v(t, n) {
+var O = "\n  <div class=\"cmm-sheet__loading\">\n    <div class=\"cmm-spinner\"></div>\n  </div>\n", k = "\n  <div class=\"cmm-sheet__error\">\n    <p>Failed to load content. Please try the full page.</p>\n  </div>\n";
+function A(t, n) {
 	t.replaceChildren(e(n, { allowSvg: !0 }));
 }
-function y(e = {}) {
-	let { openClass: n = "cmm-sheet--open", hiddenClass: r = "cmm-sheet--hidden", backdropVisibleClass: i = "cmm-sheet__backdrop--visible", backdropHiddenClass: a = "cmm-sheet__backdrop--hidden", spinnerHtml: o = g, errorHtml: c = _, allowCrossOriginFetch: l = !1 } = e, u = /* @__PURE__ */ new Map();
+function j(e = {}) {
+	let { openClass: n = "cmm-sheet--open", hiddenClass: r = "cmm-sheet--hidden", backdropVisibleClass: i = "cmm-sheet__backdrop--visible", backdropHiddenClass: a = "cmm-sheet__backdrop--hidden", spinnerHtml: o = O, errorHtml: s = k, allowCrossOriginFetch: c = !1 } = e, l = /* @__PURE__ */ new Map();
 	if (document.querySelectorAll("[data-sheet]").forEach((e) => {
 		let t = e.dataset.sheet;
 		if (!t) return;
 		let n = document.querySelector(`[data-sheet-backdrop='${t}']`), r = e.querySelector("[data-sheet-content]");
-		!n || !r || u.set(t, {
+		!n || !r || l.set(t, {
 			key: t,
 			sheet: e,
 			backdrop: n,
@@ -158,46 +159,46 @@ function y(e = {}) {
 			expandLink: e.querySelector("[data-sheet-expand]"),
 			focusSelector: e.dataset.sheetFocus
 		});
-	}), u.size === 0) return () => {};
-	let d = null, f = (e, t) => {
+	}), l.size === 0) return () => {};
+	let u = null, d = (e, t) => {
 		e.sheet.classList.toggle(n, t), e.sheet.classList.toggle(r, !t), e.backdrop.classList.toggle(i, t), e.backdrop.classList.toggle(a, !t), e.sheet.setAttribute("aria-hidden", t ? "false" : "true");
-	}, p = (e) => {
-		d?.key === e.key && (d = null), f(e, !1);
-	}, m = async (e, n) => {
-		d && d.key !== e.key && p(d), d = e, f(e, !0);
-		let r = n?.dataset.sheetUrl ?? e.sheet.dataset.sheetUrl, i = n?.dataset.sheetFocus ?? e.focusSelector, a = n?.dataset.sheetFullpage ?? e.sheet.dataset.sheetFullpage, u = n?.dataset.sheetExpand ?? e.sheet.dataset.sheetExpand;
-		if (e.fullPageLink && a && (e.fullPageLink.href = a), e.expandLink && u && (e.expandLink.href = u), !r || !l && !s(r)) {
-			v(e.content, c);
+	}, f = (e) => {
+		u?.key === e.key && (u = null), d(e, !1);
+	}, p = async (e, n) => {
+		u && u.key !== e.key && f(u), u = e, d(e, !0);
+		let r = n?.dataset.sheetUrl ?? e.sheet.dataset.sheetUrl, i = n?.dataset.sheetFocus ?? e.focusSelector, a = n?.dataset.sheetFullpage ?? e.sheet.dataset.sheetFullpage, l = n?.dataset.sheetExpand ?? e.sheet.dataset.sheetExpand;
+		if (e.fullPageLink && a && (e.fullPageLink.href = a), e.expandLink && l && (e.expandLink.href = l), !r || !c && !y(r)) {
+			A(e.content, s);
 			return;
 		}
-		v(e.content, o);
+		A(e.content, o);
 		try {
 			let n = await fetch(r);
 			if (n.ok) {
 				let t = await n.text();
-				v(e.content, t), i && e.content.querySelector(i)?.focus();
-			} else a ? t(a) : v(e.content, c);
+				A(e.content, t), i && e.content.querySelector(i)?.focus();
+			} else a ? t(a) : A(e.content, s);
 		} catch {
-			a ? t(a) : v(e.content, c);
+			a ? t(a) : A(e.content, s);
 		}
-	}, h = [];
-	u.forEach((e) => {
+	}, m = [];
+	l.forEach((e) => {
 		let t = (t) => {
-			t.target.closest("[data-sheet-close]") && (t.preventDefault(), p(e));
+			t.target.closest("[data-sheet-close]") && (t.preventDefault(), f(e));
 		}, n = () => {
-			p(e);
+			f(e);
 		}, r = () => {
-			p(e);
+			f(e);
 		};
-		e.sheet.addEventListener("click", t), e.backdrop.addEventListener("click", n), h.push({
+		e.sheet.addEventListener("click", t), e.backdrop.addEventListener("click", n), m.push({
 			element: e.sheet,
 			event: "click",
 			handler: t
-		}), h.push({
+		}), m.push({
 			element: e.backdrop,
 			event: "click",
 			handler: n
-		}), e.expandLink && (e.expandLink.addEventListener("click", r), h.push({
+		}), e.expandLink && (e.expandLink.addEventListener("click", r), m.push({
 			element: e.expandLink,
 			event: "click",
 			handler: r
@@ -205,27 +206,27 @@ function y(e = {}) {
 	}), document.querySelectorAll("[data-sheet-trigger]").forEach((e) => {
 		let t = e.dataset.sheetTrigger;
 		if (!t) return;
-		let n = u.get(t);
+		let n = l.get(t);
 		if (!n) return;
 		let r = (t) => {
-			t.preventDefault(), m(n, e);
+			t.preventDefault(), p(n, e);
 		};
-		e.addEventListener("click", r), h.push({
+		e.addEventListener("click", r), m.push({
 			element: e,
 			event: "click",
 			handler: r
 		});
 	});
-	let y = (e) => {
-		e.key === "Escape" && d && p(d);
+	let h = (e) => {
+		e.key === "Escape" && u && f(u);
 	};
-	return document.addEventListener("keydown", y), () => {
-		h.forEach(({ element: e, event: t, handler: n }) => {
+	return document.addEventListener("keydown", h), () => {
+		m.forEach(({ element: e, event: t, handler: n }) => {
 			e.removeEventListener(t, n);
-		}), document.removeEventListener("keydown", y);
+		}), document.removeEventListener("keydown", h);
 	};
 }
-function b() {
+function M() {
 	let e = document.querySelector("[data-nav-list]");
 	if (!e) return () => {};
 	let t = () => Array.from(e.querySelectorAll("[data-nav-item]")), n = (e) => {
@@ -236,13 +237,13 @@ function b() {
 		e.removeEventListener("keydown", n);
 	};
 }
-function x(e = {}) {
+function N(e = {}) {
 	let t = [
-		l(e.sidebar),
-		u(e.userMenu),
-		h(e.collapsibles),
-		y(e.sheets),
-		b()
+		x(e.sidebar),
+		S(e.userMenu),
+		D(e.collapsibles),
+		j(e.sheets),
+		M()
 	];
 	return () => {
 		t.forEach((e) => {
@@ -251,6 +252,6 @@ function x(e = {}) {
 	};
 }
 //#endregion
-export { n as AppShell, i as PageHeader, r as createAppShell, a as createPageHeader, x as initLayout, h as setupCollapsibles, b as setupNavKeyboard, y as setupSheets, l as setupSidebar, u as setupUserMenu };
+export { n as AppShell, s as CORE_APP_ROUTE_LABELS, g as PageHeader, r as TopMenuBar, i as createAppShell, c as createCoreAppChromePreset, l as createCoreAppSidebarConfig, u as createCoreAppSidebarSections, d as createCoreAppTopbarActions, f as createCoreAppTopbarConfig, _ as createPageHeader, a as createProductShell, o as createTopMenuBar, p as getCoreAppRouteLabel, N as initLayout, m as mountCoreAppChrome, h as mountCoreAppChromeFromDom, D as setupCollapsibles, M as setupNavKeyboard, j as setupSheets, x as setupSidebar, S as setupUserMenu };
 
 //# sourceMappingURL=index.js.map

package/dist/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/layout/index.ts"],"sourcesContent":["/**\n * Layout Components\n * @countermeasure/web-components\n *\n * Shared layout utilities for sidebar, user menu, collapsibles, and sheets.\n */\n\nimport { createSafeMarkupFragment } from '../utils/sanitize'\nimport { navigateDocumentTo } from '../utils/navigation'\nexport { AppShell, createAppShell } from './app-shell'\nexport type { AppShellConfig } from './app-shell'\nexport { PageHeader, createPageHeader } from './page-header'\nexport type { PageHeaderConfig, PageHeaderMetadata } from './page-header'\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\nexport interface SidebarConfig {\n  storageKey?: string\n  desktopBreakpoint?: string\n  collapsedClass?: string\n  openClass?: string\n}\n\nexport interface UserMenuConfig {\n  triggerSelector?: string\n  dropdownSelector?: string\n  dropdownItemSelector?: string\n}\n\nexport interface CollapsibleConfig {\n  scrollIntoView?: boolean\n  scrollBehavior?: ScrollBehavior\n  hiddenClass?: string\n}\n\nexport interface SheetConfig {\n  key: string\n  sheet: HTMLElement\n  backdrop: HTMLElement\n  content: HTMLElement\n  fullPageLink?: HTMLAnchorElement | null | undefined\n  expandLink?: HTMLAnchorElement | null | undefined\n  focusSelector?: string | undefined\n}\n\nexport interface SheetSetupConfig {\n  openClass?: string\n  hiddenClass?: string\n  backdropVisibleClass?: string\n  backdropHiddenClass?: string\n  spinnerHtml?: string\n  errorHtml?: string\n  /** Allow fetching sheet content from non-same-origin URLs. Default: false. */\n  allowCrossOriginFetch?: boolean\n}\n\n// ============================================================================\n// STORAGE HELPERS\n// ============================================================================\n\nconst resolveStorage = (): Storage | null => {\n  if (typeof window === 'undefined') {\n    return null\n  }\n  try {\n    return window.localStorage\n  } catch {\n    console.warn('Unable to access localStorage')\n    return null\n  }\n}\n\nconst isSameOriginUrl = (url: string): boolean => {\n  try {\n    return new URL(url, window.location.href).origin === window.location.origin\n  } catch {\n    return false\n  }\n}\n\n// ============================================================================\n// SIDEBAR\n// ============================================================================\n\nconst DEFAULT_SIDEBAR_CONFIG: Required<SidebarConfig> = {\n  storageKey: 'cmm-sidebar-state',\n  desktopBreakpoint: '(min-width: 1024px)',\n  collapsedClass: 'cmm-shell--sidebar-collapsed',\n  openClass: 'cmm-shell--sidebar-open',\n}\n\n/**\n * Setup responsive sidebar with collapse/expand functionality.\n */\nexport function setupSidebar(config: SidebarConfig = {}): () => void {\n  const options = { ...DEFAULT_SIDEBAR_CONFIG, ...config }\n  const layout = document.querySelector<HTMLElement>('[data-shell-layout]')\n  const sidebar = document.querySelector<HTMLElement>('[data-shell-sidebar]')\n\n  if (!layout || !sidebar) {\n    return () => {\n      /* noop */\n    }\n  }\n\n  const storage = resolveStorage()\n  const mediaQuery = window.matchMedia(options.desktopBreakpoint)\n  const toggles = Array.from(document.querySelectorAll<HTMLElement>('[data-sidebar-toggle]'))\n  const dismissors = Array.from(document.querySelectorAll<HTMLElement>('[data-sidebar-dismiss]'))\n\n  const sidebarId = sidebar.id || 'shell-sidebar'\n  sidebar.id = sidebarId\n\n  const readStoredCollapsed = () => storage?.getItem(options.storageKey) === 'collapsed'\n\n  const syncToggleAria = () => {\n    const expanded = mediaQuery.matches\n      ? !layout.classList.contains(options.collapsedClass)\n      : layout.classList.contains(options.openClass)\n\n    toggles.forEach(toggle => {\n      toggle.setAttribute('aria-expanded', expanded.toString())\n      toggle.setAttribute('aria-controls', sidebarId)\n    })\n  }\n\n  const applyCollapsed = (collapsed: boolean, persist = true) => {\n    layout.classList.toggle(options.collapsedClass, collapsed)\n    if (persist && mediaQuery.matches) {\n      storage?.setItem(options.storageKey, collapsed ? 'collapsed' : 'expanded')\n    }\n    syncToggleAria()\n  }\n\n  const setOpen = (open: boolean) => {\n    layout.classList.toggle(options.openClass, open)\n    syncToggleAria()\n  }\n\n  const syncForViewport = () => {\n    if (mediaQuery.matches) {\n      setOpen(false)\n      applyCollapsed(readStoredCollapsed(), false)\n    } else {\n      setOpen(false)\n      applyCollapsed(false, false)\n    }\n  }\n\n  const handleToggleClick = () => {\n    if (mediaQuery.matches) {\n      const collapsed = layout.classList.contains(options.collapsedClass)\n      applyCollapsed(!collapsed)\n    } else {\n      const open = layout.classList.contains(options.openClass)\n      setOpen(!open)\n    }\n  }\n\n  const handleDismissClick = () => {\n    setOpen(false)\n  }\n\n  const handleKeydown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape' && !mediaQuery.matches) {\n      setOpen(false)\n    }\n  }\n\n  // Attach listeners\n  toggles.forEach(toggle => {\n    toggle.addEventListener('click', handleToggleClick)\n  })\n  dismissors.forEach(dismiss => {\n    dismiss.addEventListener('click', handleDismissClick)\n  })\n  document.addEventListener('keydown', handleKeydown)\n  mediaQuery.addEventListener('change', syncForViewport)\n\n  // Initialize\n  syncForViewport()\n\n  // Return cleanup function\n  return () => {\n    toggles.forEach(toggle => {\n      toggle.removeEventListener('click', handleToggleClick)\n    })\n    dismissors.forEach(dismiss => {\n      dismiss.removeEventListener('click', handleDismissClick)\n    })\n    document.removeEventListener('keydown', handleKeydown)\n    mediaQuery.removeEventListener('change', syncForViewport)\n  }\n}\n\n// ============================================================================\n// USER MENU\n// ============================================================================\n\n/**\n * Setup user menu dropdown with keyboard navigation.\n */\nexport function setupUserMenu(config: UserMenuConfig = {}): () => void {\n  const triggerSelector = config.triggerSelector ?? '[data-user-trigger]'\n  const dropdownSelector = config.dropdownSelector ?? '[data-user-dropdown]'\n\n  const userMenu = document.querySelector<HTMLElement>('[data-user-menu]')\n  const trigger = document.querySelector<HTMLButtonElement>(triggerSelector)\n  const dropdown = document.querySelector<HTMLElement>(dropdownSelector)\n\n  if (!userMenu || !trigger || !dropdown) {\n    return () => {\n      /* noop */\n    }\n  }\n\n  const setExpanded = (expanded: boolean) => {\n    trigger.setAttribute('aria-expanded', expanded.toString())\n    userMenu.setAttribute('aria-expanded', expanded.toString())\n  }\n\n  const isExpanded = () => trigger.getAttribute('aria-expanded') === 'true'\n\n  const handleTriggerClick = (event: Event) => {\n    event.stopPropagation()\n    setExpanded(!isExpanded())\n  }\n\n  const handleDocumentClick = (event: Event) => {\n    if (!userMenu.contains(event.target as Node)) {\n      setExpanded(false)\n    }\n  }\n\n  const handleKeydown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape' && isExpanded()) {\n      setExpanded(false)\n      trigger.focus()\n    }\n  }\n\n  const dropdownItemSelector = config.dropdownItemSelector ?? '.cmm-user-menu__dropdown-item'\n\n  const handleDropdownKeydown = (event: KeyboardEvent) => {\n    const items = Array.from(dropdown.querySelectorAll<HTMLAnchorElement>(dropdownItemSelector))\n    const currentIndex = items.indexOf(document.activeElement as HTMLAnchorElement)\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault()\n      const nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0\n      items[nextIndex]?.focus()\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault()\n      const prevIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1\n      items[prevIndex]?.focus()\n    } else if (event.key === 'Tab' && !event.shiftKey && currentIndex === items.length - 1) {\n      setExpanded(false)\n    } else if (event.key === 'Tab' && event.shiftKey && currentIndex === 0) {\n      setExpanded(false)\n    }\n  }\n\n  const handleTriggerKeydown = (event: KeyboardEvent) => {\n    if (\n      (event.key === 'Enter' || event.key === ' ' || event.key === 'ArrowDown') &&\n      !isExpanded()\n    ) {\n      event.preventDefault()\n      setExpanded(true)\n      setTimeout(() => {\n        const firstItem = dropdown.querySelector<HTMLAnchorElement>(dropdownItemSelector)\n        firstItem?.focus()\n      }, 50)\n    }\n  }\n\n  // Attach listeners\n  trigger.addEventListener('click', handleTriggerClick)\n  document.addEventListener('click', handleDocumentClick)\n  document.addEventListener('keydown', handleKeydown)\n  dropdown.addEventListener('keydown', handleDropdownKeydown)\n  trigger.addEventListener('keydown', handleTriggerKeydown)\n\n  // Return cleanup function\n  return () => {\n    trigger.removeEventListener('click', handleTriggerClick)\n    document.removeEventListener('click', handleDocumentClick)\n    document.removeEventListener('keydown', handleKeydown)\n    dropdown.removeEventListener('keydown', handleDropdownKeydown)\n    trigger.removeEventListener('keydown', handleTriggerKeydown)\n  }\n}\n\n// ============================================================================\n// COLLAPSIBLES\n// ============================================================================\n\nconst isCollapsibleExpanded = (section: HTMLElement) =>\n  section.dataset.collapsibleOpen === 'true' || !section.classList.contains('hidden')\n\nlet collapsibleHiddenClass = 'cmm-collapsible--hidden'\n\nconst updateCollapsibleState = (section: HTMLElement, expanded: boolean) => {\n  section.classList.toggle('hidden', !expanded)\n  section.classList.toggle(collapsibleHiddenClass, !expanded)\n  section.dataset.collapsibleOpen = expanded.toString()\n  section.setAttribute('aria-hidden', expanded ? 'false' : 'true')\n}\n\nconst syncCollapsibleToggles = (selector: string, expanded: boolean) => {\n  document.querySelectorAll<HTMLElement>(`[data-toggle-target='${selector}']`).forEach(toggle => {\n    toggle.setAttribute('aria-expanded', expanded.toString())\n  })\n}\n\n/**\n * Setup collapsible sections with toggle buttons.\n */\nexport function setupCollapsibles(config: CollapsibleConfig = {}): () => void {\n  const {\n    scrollIntoView = true,\n    scrollBehavior = 'smooth',\n    hiddenClass = 'cmm-collapsible--hidden',\n  } = config\n  collapsibleHiddenClass = hiddenClass\n\n  // Initialize all collapsible sections\n  document.querySelectorAll<HTMLElement>('[data-collapsible]').forEach(section => {\n    const expanded =\n      section.dataset.collapsibleOpen === 'true' || !section.classList.contains('hidden')\n    updateCollapsibleState(section, expanded)\n  })\n\n  const handlers: { element: HTMLElement; handler: (e: Event) => void }[] = []\n\n  // Setup toggle triggers\n  document.querySelectorAll<HTMLElement>('[data-toggle-target]').forEach(toggle => {\n    const selector = toggle.dataset.toggleTarget\n    if (!selector) {\n      return\n    }\n\n    const target = document.querySelector<HTMLElement>(selector)\n    if (!target) {\n      return\n    }\n\n    const ariaTarget = target.id || selector.replace(/^#/, '')\n    toggle.setAttribute('aria-controls', ariaTarget)\n    toggle.setAttribute('aria-expanded', isCollapsibleExpanded(target).toString())\n\n    const handler = (event: Event) => {\n      event.preventDefault()\n      const expanded = !isCollapsibleExpanded(target)\n      updateCollapsibleState(target, expanded)\n      syncCollapsibleToggles(selector, expanded)\n\n      if (expanded && scrollIntoView) {\n        target.scrollIntoView({ behavior: scrollBehavior, block: 'start' })\n      }\n    }\n\n    toggle.addEventListener('click', handler)\n    handlers.push({ element: toggle, handler })\n  })\n\n  // Setup collapse triggers (close only)\n  document.querySelectorAll<HTMLElement>('[data-collapse-target]').forEach(toggle => {\n    const selector = toggle.dataset.collapseTarget\n    if (!selector) {\n      return\n    }\n\n    const target = document.querySelector<HTMLElement>(selector)\n    if (!target) {\n      return\n    }\n\n    const handler = (event: Event) => {\n      event.preventDefault()\n      updateCollapsibleState(target, false)\n      syncCollapsibleToggles(selector, false)\n    }\n\n    toggle.addEventListener('click', handler)\n    handlers.push({ element: toggle, handler })\n  })\n\n  // Handle URL hash for deep linking\n  const hash = window.location.hash\n  if (hash) {\n    const target = document.querySelector<HTMLElement>(hash)\n    if (target?.dataset.collapsible !== undefined) {\n      updateCollapsibleState(target, true)\n      syncCollapsibleToggles(hash, true)\n    }\n  }\n\n  // Return cleanup function\n  return () => {\n    handlers.forEach(({ element, handler }) => {\n      element.removeEventListener('click', handler)\n    })\n  }\n}\n\n// ============================================================================\n// SHEETS / SIDE PANELS\n// ============================================================================\n\nconst SHEET_SPINNER_HTML = `\n  <div class=\"cmm-sheet__loading\">\n    <div class=\"cmm-spinner\"></div>\n  </div>\n`\n\nconst SHEET_ERROR_HTML = `\n  <div class=\"cmm-sheet__error\">\n    <p>Failed to load content. Please try the full page.</p>\n  </div>\n`\n\nfunction replaceSheetMarkup(element: HTMLElement, markup: string): void {\n  element.replaceChildren(createSafeMarkupFragment(markup, { allowSvg: true }))\n}\n\n/**\n * Setup side sheet/drawer components.\n */\nexport function setupSheets(setupConfig: SheetSetupConfig = {}): () => void {\n  const {\n    openClass = 'cmm-sheet--open',\n    hiddenClass = 'cmm-sheet--hidden',\n    backdropVisibleClass = 'cmm-sheet__backdrop--visible',\n    backdropHiddenClass = 'cmm-sheet__backdrop--hidden',\n    spinnerHtml: spinnerMarkup = SHEET_SPINNER_HTML,\n    errorHtml: errorMarkup = SHEET_ERROR_HTML,\n    allowCrossOriginFetch = false,\n  } = setupConfig\n\n  const sheetMap = new Map<string, SheetConfig>()\n\n  document.querySelectorAll<HTMLElement>('[data-sheet]').forEach(sheet => {\n    const key = sheet.dataset.sheet\n    if (!key) {\n      return\n    }\n\n    const backdrop = document.querySelector<HTMLElement>(`[data-sheet-backdrop='${key}']`)\n    const content = sheet.querySelector<HTMLElement>('[data-sheet-content]')\n    if (!backdrop || !content) {\n      return\n    }\n\n    sheetMap.set(key, {\n      key,\n      sheet,\n      backdrop,\n      content,\n      fullPageLink: sheet.querySelector<HTMLAnchorElement>('[data-sheet-fullpage]'),\n      expandLink: sheet.querySelector<HTMLAnchorElement>('[data-sheet-expand]'),\n      focusSelector: sheet.dataset.sheetFocus,\n    })\n  })\n\n  if (sheetMap.size === 0) {\n    return () => {\n      /* noop */\n    }\n  }\n\n  let activeSheet: SheetConfig | null = null\n\n  const setOpenState = (config: SheetConfig, open: boolean) => {\n    config.sheet.classList.toggle(openClass, open)\n    config.sheet.classList.toggle(hiddenClass, !open)\n    config.backdrop.classList.toggle(backdropVisibleClass, open)\n    config.backdrop.classList.toggle(backdropHiddenClass, !open)\n    config.sheet.setAttribute('aria-hidden', open ? 'false' : 'true')\n  }\n\n  const closeSheet = (config: SheetConfig) => {\n    if (activeSheet?.key === config.key) {\n      activeSheet = null\n    }\n    setOpenState(config, false)\n  }\n\n  const openSheet = async (config: SheetConfig, trigger?: HTMLElement) => {\n    if (activeSheet && activeSheet.key !== config.key) {\n      closeSheet(activeSheet)\n    }\n\n    activeSheet = config\n    setOpenState(config, true)\n\n    const url = trigger?.dataset.sheetUrl ?? config.sheet.dataset.sheetUrl\n    const focusSelector = trigger?.dataset.sheetFocus ?? config.focusSelector\n    const fullPageHref = trigger?.dataset.sheetFullpage ?? config.sheet.dataset.sheetFullpage\n    const expandHref = trigger?.dataset.sheetExpand ?? config.sheet.dataset.sheetExpand\n\n    if (config.fullPageLink && fullPageHref) {\n      config.fullPageLink.href = fullPageHref\n    }\n\n    if (config.expandLink && expandHref) {\n      config.expandLink.href = expandHref\n    }\n\n    if (!url || (!allowCrossOriginFetch && !isSameOriginUrl(url))) {\n      replaceSheetMarkup(config.content, errorMarkup)\n      return\n    }\n\n    replaceSheetMarkup(config.content, spinnerMarkup)\n\n    try {\n      const response = await fetch(url)\n      if (response.ok) {\n        const markup = await response.text()\n        replaceSheetMarkup(config.content, markup)\n        if (focusSelector) {\n          const focusTarget = config.content.querySelector<HTMLElement>(focusSelector)\n          focusTarget?.focus()\n        }\n      } else if (fullPageHref) {\n        navigateDocumentTo(fullPageHref)\n      } else {\n        replaceSheetMarkup(config.content, errorMarkup)\n      }\n    } catch {\n      if (fullPageHref) {\n        navigateDocumentTo(fullPageHref)\n      } else {\n        replaceSheetMarkup(config.content, errorMarkup)\n      }\n    }\n  }\n\n  const handlers: { element: HTMLElement; event: string; handler: (e: Event) => void }[] = []\n\n  sheetMap.forEach(config => {\n    const closeHandler = (event: Event) => {\n      const target = event.target as HTMLElement\n      if (target.closest('[data-sheet-close]')) {\n        event.preventDefault()\n        closeSheet(config)\n      }\n    }\n\n    const backdropHandler = () => {\n      closeSheet(config)\n    }\n\n    const expandHandler = () => {\n      closeSheet(config)\n    }\n\n    config.sheet.addEventListener('click', closeHandler)\n    config.backdrop.addEventListener('click', backdropHandler)\n    handlers.push({ element: config.sheet, event: 'click', handler: closeHandler })\n    handlers.push({ element: config.backdrop, event: 'click', handler: backdropHandler })\n\n    if (config.expandLink) {\n      config.expandLink.addEventListener('click', expandHandler)\n      handlers.push({ element: config.expandLink, event: 'click', handler: expandHandler })\n    }\n  })\n\n  // Setup triggers\n  document.querySelectorAll<HTMLElement>('[data-sheet-trigger]').forEach(trigger => {\n    const key = trigger.dataset.sheetTrigger\n    if (!key) {\n      return\n    }\n\n    const config = sheetMap.get(key)\n    if (!config) {\n      return\n    }\n\n    const handler = (event: Event) => {\n      event.preventDefault()\n      void openSheet(config, trigger)\n    }\n\n    trigger.addEventListener('click', handler)\n    handlers.push({ element: trigger, event: 'click', handler })\n  })\n\n  // Escape key handler\n  const escapeHandler = (event: KeyboardEvent) => {\n    if (event.key === 'Escape' && activeSheet) {\n      closeSheet(activeSheet)\n    }\n  }\n\n  document.addEventListener('keydown', escapeHandler)\n\n  // Return cleanup function\n  return () => {\n    handlers.forEach(({ element, event, handler }) => {\n      element.removeEventListener(event, handler)\n    })\n    document.removeEventListener('keydown', escapeHandler)\n  }\n}\n\n// ============================================================================\n// NAVIGATION KEYBOARD SUPPORT\n// ============================================================================\n\n/**\n * Setup keyboard navigation for sidebar nav items.\n */\nexport function setupNavKeyboard(): () => void {\n  const navList = document.querySelector<HTMLElement>('[data-nav-list]')\n  if (!navList) {\n    return () => {\n      /* noop */\n    }\n  }\n\n  const getNavItems = () =>\n    Array.from(navList.querySelectorAll<HTMLAnchorElement>('[data-nav-item]'))\n\n  const handler = (event: KeyboardEvent) => {\n    const items = getNavItems()\n    const currentIndex = items.indexOf(document.activeElement as HTMLAnchorElement)\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault()\n      const nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0\n      items[nextIndex]?.focus()\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault()\n      const prevIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1\n      items[prevIndex]?.focus()\n    } else if (event.key === 'Home') {\n      event.preventDefault()\n      items[0]?.focus()\n    } else if (event.key === 'End') {\n      event.preventDefault()\n      items[items.length - 1]?.focus()\n    }\n  }\n\n  navList.addEventListener('keydown', handler)\n\n  return () => {\n    navList.removeEventListener('keydown', handler)\n  }\n}\n\n// ============================================================================\n// BOOTSTRAP\n// ============================================================================\n\n/**\n * Initialize all layout components.\n */\nexport function initLayout(\n  config: {\n    sidebar?: SidebarConfig\n    userMenu?: UserMenuConfig\n    collapsibles?: CollapsibleConfig\n    sheets?: SheetSetupConfig\n  } = {}\n): () => void {\n  const cleanups = [\n    setupSidebar(config.sidebar),\n    setupUserMenu(config.userMenu),\n    setupCollapsibles(config.collapsibles),\n    setupSheets(config.sheets),\n    setupNavKeyboard(),\n  ]\n\n  return () => {\n    cleanups.forEach(cleanup => {\n      cleanup()\n    })\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/layout/index.ts"],"sourcesContent":["/**\n * Layout Components\n * @countermeasure/web-components\n *\n * Shared layout utilities for sidebar, user menu, collapsibles, and sheets.\n */\n\nimport { createSafeMarkupFragment } from '../utils/sanitize'\nimport { navigateDocumentTo } from '../utils/navigation'\nexport {\n  AppShell,\n  TopMenuBar,\n  createAppShell,\n  createProductShell,\n  createTopMenuBar,\n} from './app-shell'\nexport type {\n  AppShellConfig,\n  TopMenuBarAction,\n  TopMenuBarActionInput,\n  TopMenuBarBreadcrumb,\n  TopMenuBarConfig,\n  TopMenuBarUser,\n} from './app-shell'\nexport {\n  CORE_APP_ROUTE_LABELS,\n  createCoreAppChromePreset,\n  createCoreAppSidebarConfig,\n  createCoreAppSidebarSections,\n  createCoreAppTopbarActions,\n  createCoreAppTopbarConfig,\n  getCoreAppRouteLabel,\n  mountCoreAppChrome,\n  mountCoreAppChromeFromDom,\n} from './core-app-chrome'\nexport type {\n  CoreAppChromePreset,\n  CoreAppChromeDomMountOptions,\n  CoreAppChromeMount,\n  CoreAppChromeMountOptions,\n  CoreAppChromePresetOptions,\n  CoreAppRouteLabel,\n  CoreAppSidebarPresetOptions,\n  CoreAppTopbarPresetOptions,\n} from './core-app-chrome'\nexport { PageHeader, createPageHeader } from './page-header'\nexport type { PageHeaderConfig, PageHeaderMetadata } from './page-header'\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\nexport interface SidebarConfig {\n  storageKey?: string\n  desktopBreakpoint?: string\n  collapsedClass?: string\n  openClass?: string\n}\n\nexport interface UserMenuConfig {\n  triggerSelector?: string\n  dropdownSelector?: string\n  dropdownItemSelector?: string\n}\n\nexport interface CollapsibleConfig {\n  scrollIntoView?: boolean\n  scrollBehavior?: ScrollBehavior\n  hiddenClass?: string\n}\n\nexport interface SheetConfig {\n  key: string\n  sheet: HTMLElement\n  backdrop: HTMLElement\n  content: HTMLElement\n  fullPageLink?: HTMLAnchorElement | null | undefined\n  expandLink?: HTMLAnchorElement | null | undefined\n  focusSelector?: string | undefined\n}\n\nexport interface SheetSetupConfig {\n  openClass?: string\n  hiddenClass?: string\n  backdropVisibleClass?: string\n  backdropHiddenClass?: string\n  spinnerHtml?: string\n  errorHtml?: string\n  /** Allow fetching sheet content from non-same-origin URLs. Default: false. */\n  allowCrossOriginFetch?: boolean\n}\n\n// ============================================================================\n// STORAGE HELPERS\n// ============================================================================\n\nconst resolveStorage = (): Storage | null => {\n  if (typeof window === 'undefined') {\n    return null\n  }\n  try {\n    return window.localStorage\n  } catch {\n    console.warn('Unable to access localStorage')\n    return null\n  }\n}\n\nconst isSameOriginUrl = (url: string): boolean => {\n  try {\n    return new URL(url, window.location.href).origin === window.location.origin\n  } catch {\n    return false\n  }\n}\n\n// ============================================================================\n// SIDEBAR\n// ============================================================================\n\nconst DEFAULT_SIDEBAR_CONFIG: Required<SidebarConfig> = {\n  storageKey: 'cmm-sidebar-state',\n  desktopBreakpoint: '(min-width: 1024px)',\n  collapsedClass: 'cmm-shell--sidebar-collapsed',\n  openClass: 'cmm-shell--sidebar-open',\n}\n\n/**\n * Setup responsive sidebar with collapse/expand functionality.\n */\nexport function setupSidebar(config: SidebarConfig = {}): () => void {\n  const options = { ...DEFAULT_SIDEBAR_CONFIG, ...config }\n  const layout = document.querySelector<HTMLElement>('[data-shell-layout]')\n  const sidebar = document.querySelector<HTMLElement>('[data-shell-sidebar]')\n\n  if (!layout || !sidebar) {\n    return () => {\n      /* noop */\n    }\n  }\n\n  const storage = resolveStorage()\n  const mediaQuery = window.matchMedia(options.desktopBreakpoint)\n  const toggles = Array.from(document.querySelectorAll<HTMLElement>('[data-sidebar-toggle]'))\n  const dismissors = Array.from(document.querySelectorAll<HTMLElement>('[data-sidebar-dismiss]'))\n\n  const sidebarId = sidebar.id || 'shell-sidebar'\n  sidebar.id = sidebarId\n\n  const readStoredCollapsed = () => storage?.getItem(options.storageKey) === 'collapsed'\n\n  const syncToggleAria = () => {\n    const expanded = mediaQuery.matches\n      ? !layout.classList.contains(options.collapsedClass)\n      : layout.classList.contains(options.openClass)\n\n    toggles.forEach(toggle => {\n      toggle.setAttribute('aria-expanded', expanded.toString())\n      toggle.setAttribute('aria-controls', sidebarId)\n    })\n  }\n\n  const applyCollapsed = (collapsed: boolean, persist = true) => {\n    layout.classList.toggle(options.collapsedClass, collapsed)\n    if (persist && mediaQuery.matches) {\n      storage?.setItem(options.storageKey, collapsed ? 'collapsed' : 'expanded')\n    }\n    syncToggleAria()\n  }\n\n  const setOpen = (open: boolean) => {\n    layout.classList.toggle(options.openClass, open)\n    syncToggleAria()\n  }\n\n  const syncForViewport = () => {\n    if (mediaQuery.matches) {\n      setOpen(false)\n      applyCollapsed(readStoredCollapsed(), false)\n    } else {\n      setOpen(false)\n      applyCollapsed(false, false)\n    }\n  }\n\n  const handleToggleClick = () => {\n    if (mediaQuery.matches) {\n      const collapsed = layout.classList.contains(options.collapsedClass)\n      applyCollapsed(!collapsed)\n    } else {\n      const open = layout.classList.contains(options.openClass)\n      setOpen(!open)\n    }\n  }\n\n  const handleDismissClick = () => {\n    setOpen(false)\n  }\n\n  const handleKeydown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape' && !mediaQuery.matches) {\n      setOpen(false)\n    }\n  }\n\n  // Attach listeners\n  toggles.forEach(toggle => {\n    toggle.addEventListener('click', handleToggleClick)\n  })\n  dismissors.forEach(dismiss => {\n    dismiss.addEventListener('click', handleDismissClick)\n  })\n  document.addEventListener('keydown', handleKeydown)\n  mediaQuery.addEventListener('change', syncForViewport)\n\n  // Initialize\n  syncForViewport()\n\n  // Return cleanup function\n  return () => {\n    toggles.forEach(toggle => {\n      toggle.removeEventListener('click', handleToggleClick)\n    })\n    dismissors.forEach(dismiss => {\n      dismiss.removeEventListener('click', handleDismissClick)\n    })\n    document.removeEventListener('keydown', handleKeydown)\n    mediaQuery.removeEventListener('change', syncForViewport)\n  }\n}\n\n// ============================================================================\n// USER MENU\n// ============================================================================\n\n/**\n * Setup user menu dropdown with keyboard navigation.\n */\nexport function setupUserMenu(config: UserMenuConfig = {}): () => void {\n  const triggerSelector = config.triggerSelector ?? '[data-user-trigger]'\n  const dropdownSelector = config.dropdownSelector ?? '[data-user-dropdown]'\n\n  const userMenu = document.querySelector<HTMLElement>('[data-user-menu]')\n  const trigger = document.querySelector<HTMLButtonElement>(triggerSelector)\n  const dropdown = document.querySelector<HTMLElement>(dropdownSelector)\n\n  if (!userMenu || !trigger || !dropdown) {\n    return () => {\n      /* noop */\n    }\n  }\n\n  const setExpanded = (expanded: boolean) => {\n    trigger.setAttribute('aria-expanded', expanded.toString())\n    userMenu.setAttribute('aria-expanded', expanded.toString())\n  }\n\n  const isExpanded = () => trigger.getAttribute('aria-expanded') === 'true'\n\n  const handleTriggerClick = (event: Event) => {\n    event.stopPropagation()\n    setExpanded(!isExpanded())\n  }\n\n  const handleDocumentClick = (event: Event) => {\n    if (!userMenu.contains(event.target as Node)) {\n      setExpanded(false)\n    }\n  }\n\n  const handleKeydown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape' && isExpanded()) {\n      setExpanded(false)\n      trigger.focus()\n    }\n  }\n\n  const dropdownItemSelector = config.dropdownItemSelector ?? '.cmm-user-menu__dropdown-item'\n\n  const handleDropdownKeydown = (event: KeyboardEvent) => {\n    const items = Array.from(dropdown.querySelectorAll<HTMLAnchorElement>(dropdownItemSelector))\n    const currentIndex = items.indexOf(document.activeElement as HTMLAnchorElement)\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault()\n      const nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0\n      items[nextIndex]?.focus()\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault()\n      const prevIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1\n      items[prevIndex]?.focus()\n    } else if (event.key === 'Tab' && !event.shiftKey && currentIndex === items.length - 1) {\n      setExpanded(false)\n    } else if (event.key === 'Tab' && event.shiftKey && currentIndex === 0) {\n      setExpanded(false)\n    }\n  }\n\n  const handleTriggerKeydown = (event: KeyboardEvent) => {\n    if (\n      (event.key === 'Enter' || event.key === ' ' || event.key === 'ArrowDown') &&\n      !isExpanded()\n    ) {\n      event.preventDefault()\n      setExpanded(true)\n      setTimeout(() => {\n        const firstItem = dropdown.querySelector<HTMLAnchorElement>(dropdownItemSelector)\n        firstItem?.focus()\n      }, 50)\n    }\n  }\n\n  // Attach listeners\n  trigger.addEventListener('click', handleTriggerClick)\n  document.addEventListener('click', handleDocumentClick)\n  document.addEventListener('keydown', handleKeydown)\n  dropdown.addEventListener('keydown', handleDropdownKeydown)\n  trigger.addEventListener('keydown', handleTriggerKeydown)\n\n  // Return cleanup function\n  return () => {\n    trigger.removeEventListener('click', handleTriggerClick)\n    document.removeEventListener('click', handleDocumentClick)\n    document.removeEventListener('keydown', handleKeydown)\n    dropdown.removeEventListener('keydown', handleDropdownKeydown)\n    trigger.removeEventListener('keydown', handleTriggerKeydown)\n  }\n}\n\n// ============================================================================\n// COLLAPSIBLES\n// ============================================================================\n\nconst isCollapsibleExpanded = (section: HTMLElement) =>\n  section.dataset.collapsibleOpen === 'true' || !section.classList.contains('hidden')\n\nlet collapsibleHiddenClass = 'cmm-collapsible--hidden'\n\nconst updateCollapsibleState = (section: HTMLElement, expanded: boolean) => {\n  section.classList.toggle('hidden', !expanded)\n  section.classList.toggle(collapsibleHiddenClass, !expanded)\n  section.dataset.collapsibleOpen = expanded.toString()\n  section.setAttribute('aria-hidden', expanded ? 'false' : 'true')\n}\n\nconst syncCollapsibleToggles = (selector: string, expanded: boolean) => {\n  document.querySelectorAll<HTMLElement>(`[data-toggle-target='${selector}']`).forEach(toggle => {\n    toggle.setAttribute('aria-expanded', expanded.toString())\n  })\n}\n\n/**\n * Setup collapsible sections with toggle buttons.\n */\nexport function setupCollapsibles(config: CollapsibleConfig = {}): () => void {\n  const {\n    scrollIntoView = true,\n    scrollBehavior = 'smooth',\n    hiddenClass = 'cmm-collapsible--hidden',\n  } = config\n  collapsibleHiddenClass = hiddenClass\n\n  // Initialize all collapsible sections\n  document.querySelectorAll<HTMLElement>('[data-collapsible]').forEach(section => {\n    const expanded =\n      section.dataset.collapsibleOpen === 'true' || !section.classList.contains('hidden')\n    updateCollapsibleState(section, expanded)\n  })\n\n  const handlers: { element: HTMLElement; handler: (e: Event) => void }[] = []\n\n  // Setup toggle triggers\n  document.querySelectorAll<HTMLElement>('[data-toggle-target]').forEach(toggle => {\n    const selector = toggle.dataset.toggleTarget\n    if (!selector) {\n      return\n    }\n\n    const target = document.querySelector<HTMLElement>(selector)\n    if (!target) {\n      return\n    }\n\n    const ariaTarget = target.id || selector.replace(/^#/, '')\n    toggle.setAttribute('aria-controls', ariaTarget)\n    toggle.setAttribute('aria-expanded', isCollapsibleExpanded(target).toString())\n\n    const handler = (event: Event) => {\n      event.preventDefault()\n      const expanded = !isCollapsibleExpanded(target)\n      updateCollapsibleState(target, expanded)\n      syncCollapsibleToggles(selector, expanded)\n\n      if (expanded && scrollIntoView) {\n        target.scrollIntoView({ behavior: scrollBehavior, block: 'start' })\n      }\n    }\n\n    toggle.addEventListener('click', handler)\n    handlers.push({ element: toggle, handler })\n  })\n\n  // Setup collapse triggers (close only)\n  document.querySelectorAll<HTMLElement>('[data-collapse-target]').forEach(toggle => {\n    const selector = toggle.dataset.collapseTarget\n    if (!selector) {\n      return\n    }\n\n    const target = document.querySelector<HTMLElement>(selector)\n    if (!target) {\n      return\n    }\n\n    const handler = (event: Event) => {\n      event.preventDefault()\n      updateCollapsibleState(target, false)\n      syncCollapsibleToggles(selector, false)\n    }\n\n    toggle.addEventListener('click', handler)\n    handlers.push({ element: toggle, handler })\n  })\n\n  // Handle URL hash for deep linking\n  const hash = window.location.hash\n  if (hash) {\n    const target = document.querySelector<HTMLElement>(hash)\n    if (target?.dataset.collapsible !== undefined) {\n      updateCollapsibleState(target, true)\n      syncCollapsibleToggles(hash, true)\n    }\n  }\n\n  // Return cleanup function\n  return () => {\n    handlers.forEach(({ element, handler }) => {\n      element.removeEventListener('click', handler)\n    })\n  }\n}\n\n// ============================================================================\n// SHEETS / SIDE PANELS\n// ============================================================================\n\nconst SHEET_SPINNER_HTML = `\n  <div class=\"cmm-sheet__loading\">\n    <div class=\"cmm-spinner\"></div>\n  </div>\n`\n\nconst SHEET_ERROR_HTML = `\n  <div class=\"cmm-sheet__error\">\n    <p>Failed to load content. Please try the full page.</p>\n  </div>\n`\n\nfunction replaceSheetMarkup(element: HTMLElement, markup: string): void {\n  element.replaceChildren(createSafeMarkupFragment(markup, { allowSvg: true }))\n}\n\n/**\n * Setup side sheet/drawer components.\n */\nexport function setupSheets(setupConfig: SheetSetupConfig = {}): () => void {\n  const {\n    openClass = 'cmm-sheet--open',\n    hiddenClass = 'cmm-sheet--hidden',\n    backdropVisibleClass = 'cmm-sheet__backdrop--visible',\n    backdropHiddenClass = 'cmm-sheet__backdrop--hidden',\n    spinnerHtml: spinnerMarkup = SHEET_SPINNER_HTML,\n    errorHtml: errorMarkup = SHEET_ERROR_HTML,\n    allowCrossOriginFetch = false,\n  } = setupConfig\n\n  const sheetMap = new Map<string, SheetConfig>()\n\n  document.querySelectorAll<HTMLElement>('[data-sheet]').forEach(sheet => {\n    const key = sheet.dataset.sheet\n    if (!key) {\n      return\n    }\n\n    const backdrop = document.querySelector<HTMLElement>(`[data-sheet-backdrop='${key}']`)\n    const content = sheet.querySelector<HTMLElement>('[data-sheet-content]')\n    if (!backdrop || !content) {\n      return\n    }\n\n    sheetMap.set(key, {\n      key,\n      sheet,\n      backdrop,\n      content,\n      fullPageLink: sheet.querySelector<HTMLAnchorElement>('[data-sheet-fullpage]'),\n      expandLink: sheet.querySelector<HTMLAnchorElement>('[data-sheet-expand]'),\n      focusSelector: sheet.dataset.sheetFocus,\n    })\n  })\n\n  if (sheetMap.size === 0) {\n    return () => {\n      /* noop */\n    }\n  }\n\n  let activeSheet: SheetConfig | null = null\n\n  const setOpenState = (config: SheetConfig, open: boolean) => {\n    config.sheet.classList.toggle(openClass, open)\n    config.sheet.classList.toggle(hiddenClass, !open)\n    config.backdrop.classList.toggle(backdropVisibleClass, open)\n    config.backdrop.classList.toggle(backdropHiddenClass, !open)\n    config.sheet.setAttribute('aria-hidden', open ? 'false' : 'true')\n  }\n\n  const closeSheet = (config: SheetConfig) => {\n    if (activeSheet?.key === config.key) {\n      activeSheet = null\n    }\n    setOpenState(config, false)\n  }\n\n  const openSheet = async (config: SheetConfig, trigger?: HTMLElement) => {\n    if (activeSheet && activeSheet.key !== config.key) {\n      closeSheet(activeSheet)\n    }\n\n    activeSheet = config\n    setOpenState(config, true)\n\n    const url = trigger?.dataset.sheetUrl ?? config.sheet.dataset.sheetUrl\n    const focusSelector = trigger?.dataset.sheetFocus ?? config.focusSelector\n    const fullPageHref = trigger?.dataset.sheetFullpage ?? config.sheet.dataset.sheetFullpage\n    const expandHref = trigger?.dataset.sheetExpand ?? config.sheet.dataset.sheetExpand\n\n    if (config.fullPageLink && fullPageHref) {\n      config.fullPageLink.href = fullPageHref\n    }\n\n    if (config.expandLink && expandHref) {\n      config.expandLink.href = expandHref\n    }\n\n    if (!url || (!allowCrossOriginFetch && !isSameOriginUrl(url))) {\n      replaceSheetMarkup(config.content, errorMarkup)\n      return\n    }\n\n    replaceSheetMarkup(config.content, spinnerMarkup)\n\n    try {\n      const response = await fetch(url)\n      if (response.ok) {\n        const markup = await response.text()\n        replaceSheetMarkup(config.content, markup)\n        if (focusSelector) {\n          const focusTarget = config.content.querySelector<HTMLElement>(focusSelector)\n          focusTarget?.focus()\n        }\n      } else if (fullPageHref) {\n        navigateDocumentTo(fullPageHref)\n      } else {\n        replaceSheetMarkup(config.content, errorMarkup)\n      }\n    } catch {\n      if (fullPageHref) {\n        navigateDocumentTo(fullPageHref)\n      } else {\n        replaceSheetMarkup(config.content, errorMarkup)\n      }\n    }\n  }\n\n  const handlers: { element: HTMLElement; event: string; handler: (e: Event) => void }[] = []\n\n  sheetMap.forEach(config => {\n    const closeHandler = (event: Event) => {\n      const target = event.target as HTMLElement\n      if (target.closest('[data-sheet-close]')) {\n        event.preventDefault()\n        closeSheet(config)\n      }\n    }\n\n    const backdropHandler = () => {\n      closeSheet(config)\n    }\n\n    const expandHandler = () => {\n      closeSheet(config)\n    }\n\n    config.sheet.addEventListener('click', closeHandler)\n    config.backdrop.addEventListener('click', backdropHandler)\n    handlers.push({ element: config.sheet, event: 'click', handler: closeHandler })\n    handlers.push({ element: config.backdrop, event: 'click', handler: backdropHandler })\n\n    if (config.expandLink) {\n      config.expandLink.addEventListener('click', expandHandler)\n      handlers.push({ element: config.expandLink, event: 'click', handler: expandHandler })\n    }\n  })\n\n  // Setup triggers\n  document.querySelectorAll<HTMLElement>('[data-sheet-trigger]').forEach(trigger => {\n    const key = trigger.dataset.sheetTrigger\n    if (!key) {\n      return\n    }\n\n    const config = sheetMap.get(key)\n    if (!config) {\n      return\n    }\n\n    const handler = (event: Event) => {\n      event.preventDefault()\n      void openSheet(config, trigger)\n    }\n\n    trigger.addEventListener('click', handler)\n    handlers.push({ element: trigger, event: 'click', handler })\n  })\n\n  // Escape key handler\n  const escapeHandler = (event: KeyboardEvent) => {\n    if (event.key === 'Escape' && activeSheet) {\n      closeSheet(activeSheet)\n    }\n  }\n\n  document.addEventListener('keydown', escapeHandler)\n\n  // Return cleanup function\n  return () => {\n    handlers.forEach(({ element, event, handler }) => {\n      element.removeEventListener(event, handler)\n    })\n    document.removeEventListener('keydown', escapeHandler)\n  }\n}\n\n// ============================================================================\n// NAVIGATION KEYBOARD SUPPORT\n// ============================================================================\n\n/**\n * Setup keyboard navigation for sidebar nav items.\n */\nexport function setupNavKeyboard(): () => void {\n  const navList = document.querySelector<HTMLElement>('[data-nav-list]')\n  if (!navList) {\n    return () => {\n      /* noop */\n    }\n  }\n\n  const getNavItems = () =>\n    Array.from(navList.querySelectorAll<HTMLAnchorElement>('[data-nav-item]'))\n\n  const handler = (event: KeyboardEvent) => {\n    const items = getNavItems()\n    const currentIndex = items.indexOf(document.activeElement as HTMLAnchorElement)\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault()\n      const nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0\n      items[nextIndex]?.focus()\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault()\n      const prevIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1\n      items[prevIndex]?.focus()\n    } else if (event.key === 'Home') {\n      event.preventDefault()\n      items[0]?.focus()\n    } else if (event.key === 'End') {\n      event.preventDefault()\n      items[items.length - 1]?.focus()\n    }\n  }\n\n  navList.addEventListener('keydown', handler)\n\n  return () => {\n    navList.removeEventListener('keydown', handler)\n  }\n}\n\n// ============================================================================\n// BOOTSTRAP\n// ============================================================================\n\n/**\n * Initialize all layout components.\n */\nexport function initLayout(\n  config: {\n    sidebar?: SidebarConfig\n    userMenu?: UserMenuConfig\n    collapsibles?: CollapsibleConfig\n    sheets?: SheetSetupConfig\n  } = {}\n): () => void {\n  const cleanups = [\n    setupSidebar(config.sidebar),\n    setupUserMenu(config.userMenu),\n    setupCollapsibles(config.collapsibles),\n    setupSheets(config.sheets),\n    setupNavKeyboard(),\n  ]\n\n  return () => {\n    cleanups.forEach(cleanup => {\n      cleanup()\n    })\n  }\n}\n"],"mappings":"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"}

package/dist/react/primitives/badge.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const badgeVariants: (props?: ({
-    variant?: "glass" | "orange" | "cyan" | "violet" | "rose" | "emerald" | "amber" | "outline" | "default" | "destructive" | "secondary" | "blue" | "live" | null | undefined;
+    variant?: "glass" | "orange" | "cyan" | "violet" | "rose" | "emerald" | "default" | "amber" | "outline" | "destructive" | "secondary" | "blue" | "live" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type BadgeSeverity = 'critical' | 'high' | 'medium' | 'low' | 'info';
 export type BadgeStatus = 'active' | 'inactive' | 'pending' | 'error';

package/dist/react/primitives/button.d.ts

@@ -9,8 +9,8 @@ import * as React from 'react';
  *     `glass-primary` — see CVA mapping below.
  */
 declare const buttonVariants: (props?: ({
-    variant?: "glass" | "link" | "outline" | "default" | "ghost" | "destructive" | "primary" | "secondary" | "glass-primary" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "glass" | "link" | "default" | "primary" | "outline" | "ghost" | "destructive" | "secondary" | "glass-primary" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ButtonTone = 'glass' | 'shadcn';
 export type ButtonProps = React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {

package/dist/react/primitives/copy-button.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const copyButtonVariants: (props?: ({
     variant?: "default" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "icon" | "icon-sm" | null | undefined;
+    size?: "default" | "icon" | "sm" | "icon-sm" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface CopyButtonProps extends Omit<React.ComponentProps<'button'>, 'children'>, VariantProps<typeof copyButtonVariants> {
     /** The text to copy to clipboard */

package/dist/react/primitives/stat-card.d.ts

@@ -6,7 +6,7 @@ export interface TrendConfig {
     label?: string;
 }
 declare const trendVariants: (props?: ({
-    direction?: "up" | "down" | "neutral" | null | undefined;
+    direction?: "neutral" | "up" | "down" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface StatCardProps extends React.ComponentProps<'div'> {
     label: string;

package/dist/react/primitives/toggle.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 declare const toggleVariants: (props?: ({
-    variant?: "outline" | "default" | null | undefined;
+    variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;

package/dist/react/sidebar.d.ts

@@ -1,4 +1,4 @@
-import { SidebarComponentConfig, SidebarNavItem, SidebarSection, SidebarUser, SidebarFooterAction } from '../sidebar/types';
+import { SidebarComponentConfig, SidebarBadgeConfig, SidebarBadgeTone, SidebarNavItem, SidebarScopeConfig, SidebarScopeOption, SidebarSection, SidebarUser, SidebarFooterAction } from '../sidebar/types';
 /**
  * Sidebar React wrapper — Lane A imperative wrap over src/sidebar/component.ts
  *
@@ -6,8 +6,8 @@ import { SidebarComponentConfig, SidebarNavItem, SidebarSection, SidebarUser, Si
  *   import { Sidebar } from '@countermeasure-platform/web-components/react/sidebar'
  *
  * The wrapper renders a host div then mounts `SidebarComponent` into it on
- * mount. Prop changes to `activeItemId` and controlled `open` are synced via
- * the class's public API.
+ * mount. Prop changes to `activeItemId`, `pathname`, and controlled `open`
+ * are synced via the class's public API.
  */
 import * as React from 'react';
 export interface SidebarProps extends Omit<SidebarComponentConfig, 'container' | 'onNavigate' | 'onCollapse'> {
@@ -19,7 +19,7 @@ export interface SidebarProps extends Omit<SidebarComponentConfig, 'container' |
     onCollapse?: (collapsed: boolean) => void;
     className?: string;
 }
-export type { SidebarNavItem, SidebarSection, SidebarUser, SidebarFooterAction };
+export type { SidebarBadgeConfig, SidebarBadgeTone, SidebarFooterAction, SidebarNavItem, SidebarScopeConfig, SidebarScopeOption, SidebarSection, SidebarUser, };
 export interface SidebarCollapseButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     collapsed?: boolean;
     edge?: boolean;

package/dist/react/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/react/sidebar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EACV,sBAAsB,EACtB,cAAc,EACd,cAAc,EACd,WAAW,EACX,mBAAmB,EACpB,MAAM,kBAAkB,CAAA;AAEzB,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,sBAAsB,EACtB,WAAW,GAAG,YAAY,GAAG,YAAY,CAC1C;IACC,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;IAC3C,qDAAqD;IACrD,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAA;AAEhF,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC/F,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,OAAO;YAAW,YAAY;;CA6CnC,CAAA;AAwBD,QAAA,MAAM,qBAAqB;qBAAoB,0BAA0B;;CA2BxE,CAAA;AAID,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/react/sidebar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,WAAW,EACX,mBAAmB,EACpB,MAAM,kBAAkB,CAAA;AAEzB,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,sBAAsB,EACtB,WAAW,GAAG,YAAY,GAAG,YAAY,CAC1C;IACC,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;IAC3C,qDAAqD;IACrD,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,YAAY,EACV,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,WAAW,GACZ,CAAA;AAED,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC/F,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,OAAO;YAAW,YAAY;;CAsDnC,CAAA;AAwBD,QAAA,MAAM,qBAAqB;qBAAoB,0BAA0B;;CA2BxE,CAAA;AAID,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/react/sidebar.js

@@ -1,33 +1,35 @@
-import { t as e } from "../component-Bxhxf21c.js";
+import { t as e } from "../component-D5sRm1fq.js";
 import { t } from "../utils-BC9GT6Pr.js";
 import * as n from "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/react/sidebar.tsx
 var i = (i) => {
-	let { activeItemId: a, onNavigate: o, onCollapse: s, className: c, open: l, ...u } = i, d = n.useRef(null), f = n.useRef(null), p = n.useRef(o), m = n.useRef(s);
-	return p.current = o, m.current = s, n.useEffect(() => {
-		if (typeof document > "u" || !d.current) return;
+	let { activeItemId: a, pathname: o, onNavigate: s, onCollapse: c, className: l, open: u, ...d } = i, f = n.useRef(null), p = n.useRef(null), m = n.useRef(s), h = n.useRef(c);
+	return m.current = s, h.current = c, n.useEffect(() => {
+		if (typeof document > "u" || !f.current) return;
 		let t = {
-			...u,
-			container: d.current,
+			...d,
+			container: f.current,
 			onNavigate: (e) => {
-				p.current?.(e);
+				m.current?.(e);
 			},
 			onCollapse: (e) => {
-				m.current?.(e);
+				h.current?.(e);
 			}
 		};
-		return l !== void 0 && (t.open = l), f.current = new e(t), () => {
-			f.current?.destroy(), f.current = null;
+		return u !== void 0 && (t.open = u), o !== void 0 && (t.pathname = o), p.current = new e(t), () => {
+			p.current?.destroy(), p.current = null;
 		};
 	}, []), n.useEffect(() => {
-		f.current && f.current.setOpen(l === !0);
-	}, [l]), n.useEffect(() => {
-		!f.current || a === void 0 || f.current.setActive(a);
-	}, [a]), /* @__PURE__ */ r("div", {
-		ref: d,
+		p.current && p.current.setOpen(u === !0);
+	}, [u]), n.useEffect(() => {
+		!p.current || a === void 0 || p.current.setActive(a);
+	}, [a]), n.useEffect(() => {
+		!p.current || a !== void 0 || p.current.setPathname(o);
+	}, [a, o]), /* @__PURE__ */ r("div", {
+		ref: f,
 		"data-slot": "sidebar",
-		className: t(c)
+		className: t(l)
 	});
 };
 i.displayName = "Sidebar";