@countermeasure-platform/web-components 0.2.0

package/dist/sidebar/badge.d.ts

@@ -0,0 +1,19 @@
+import { SSEManager } from '../services/sse';
+export interface BadgeCountPayload {
+    count: number;
+}
+/**
+ * Connect badge elements to SSE events via a shared SSEManager.
+ *
+ * @param sse - Shared SSEManager instance (already connected or will be connected).
+ * @param mapping - Maps badge data attribute IDs to SSE event type names.
+ *                  e.g. { 'unread-messages': 'notifications:messages' }
+ *                  Badge elements are found via [data-badge="<id>"].
+ * @returns Cleanup function that unsubscribes all handlers.
+ */
+export declare function connectBadges(sse: SSEManager, mapping: Record<string, string>): () => void;
+/**
+ * Manually update a badge count (for non-SSE updates like after an API call).
+ */
+export declare function updateBadge(badgeId: string, count: number): void;
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/sidebar/badge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAmB,MAAM,iBAAiB,CAAA;AAElE,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,IAAI,CA4B1F;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAIhE"}

package/dist/sidebar/component.d.ts

@@ -0,0 +1,23 @@
+import { SidebarComponentConfig } from './types';
+export declare class SidebarComponent {
+    private readonly container;
+    private readonly aside;
+    private readonly config;
+    private readonly iconSet;
+    constructor(config: SidebarComponentConfig);
+    private render;
+    private renderFooter;
+    /** Mark a nav item as active, removing active state from all others. */
+    setActive(itemId: string): void;
+    /** Update the badge count for a nav item (empty string when count is 0). */
+    updateBadge(itemId: string, count: number): void;
+    /** Toggle the sidebar between collapsed and expanded states. */
+    toggleCollapse(): void;
+    /** Collapse the sidebar. */
+    collapse(): void;
+    /** Expand the sidebar. */
+    expand(): void;
+    /** Remove the sidebar from the DOM. */
+    destroy(): void;
+}
+//# sourceMappingURL=component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/sidebar/component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAIH,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,SAAS,CAAA;AA2BrD,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAa;IACvC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAa;IACnC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAwB;IAC/C,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAS;gBAErB,MAAM,EAAE,sBAAsB;IAa1C,OAAO,CAAC,MAAM;IAqDd,OAAO,CAAC,YAAY;IA2DpB,wEAAwE;IACxE,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAW/B,4EAA4E;IAC5E,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAOhD,gEAAgE;IAChE,cAAc,IAAI,IAAI;IAOtB,4BAA4B;IAC5B,QAAQ,IAAI,IAAI;IAIhB,0BAA0B;IAC1B,MAAM,IAAI,IAAI;IAId,uCAAuC;IACvC,OAAO,IAAI,IAAI;CAGhB"}

package/dist/sidebar/enhance.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Sidebar Enhancement Module
+ *
+ * Progressive enhancement for server-rendered sidebar HTML.
+ * Attaches collapse/expand, keyboard nav, skeleton timeout, and active state
+ * management to existing [data-sidebar] elements.
+ *
+ * Usage:
+ *   import { enhance, setActive } from '@countermeasure/web-components/sidebar/enhance'
+ *   const sidebar = enhance('[data-sidebar="chat"]')
+ *   // sidebar is idempotent — calling again on same element is a no-op
+ *
+ * Pattern: Sidebar.enhance('[data-sidebar]') — enhances existing HTML, no rendering.
+ */
+export interface EnhanceOptions {
+    /** localStorage key prefix (default: 'sidebar-collapsed') */
+    storageKey?: string;
+    /** Viewport width below which sidebar is mobile (default: 900) */
+    mobileBreakpoint?: number;
+    /** Milliseconds before skeleton transitions to empty state (default: 3000) */
+    skeletonTimeoutMs?: number;
+    /** CSS class for collapsed state (default: 'sidebar--collapsed') */
+    collapsedClass?: string;
+}
+export declare class Sidebar {
+    readonly element: HTMLElement;
+    private readonly options;
+    private readonly variant;
+    private readonly cleanupFns;
+    private skeletonTimer;
+    constructor(element: HTMLElement, options?: EnhanceOptions);
+    private init;
+    /**
+     * Collapse/expand toggle with localStorage persistence.
+     */
+    private setupCollapse;
+    /**
+     * Arrow key navigation within sidebar nav items.
+     */
+    private setupKeyboardNav;
+    /**
+     * After skeletonTimeoutMs, hide skeleton and show empty state.
+     */
+    private setupSkeletonTimeout;
+    /**
+     * Cancel skeleton timeout (call when data arrives before timeout).
+     */
+    cancelSkeletonTimeout(): void;
+    /**
+     * Clean up all event listeners and timers.
+     */
+    destroy(): void;
+}
+/**
+ * Set a nav item as active, removing active from all siblings.
+ * Works with both unified .sidebar__item and legacy module-specific classes.
+ */
+export declare function setActive(item: HTMLElement, activeClass?: string): void;
+/**
+ * Idempotent enhancement entry point.
+ * Returns existing Sidebar instance if element was already enhanced.
+ */
+export declare function enhance(selector: string, options?: EnhanceOptions): Sidebar | null;
+/**
+ * Enhance all [data-sidebar] elements on the page.
+ * Returns cleanup function that destroys all enhanced sidebars.
+ */
+export declare function enhanceAll(options?: EnhanceOptions): () => void;
+//# sourceMappingURL=enhance.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"enhance.d.ts","sourceRoot":"","sources":["../../src/sidebar/enhance.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAIH,MAAM,WAAW,cAAc;IAC7B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,oEAAoE;IACpE,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAWD,qBAAa,OAAO;IAClB,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAA;IAC7B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA0B;IAClD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAQ;IAChC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAqB;IAChD,OAAO,CAAC,aAAa,CAA6C;gBAEtD,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,cAAc;IAO1D,OAAO,CAAC,IAAI;IAMZ;;OAEG;IACH,OAAO,CAAC,aAAa;IAkFrB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IA6BxB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IA4B5B;;OAEG;IACH,qBAAqB,IAAI,IAAI;IAO7B;;OAEG;IACH,OAAO,IAAI,IAAI;CAQhB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,WAAW,SAA0B,GAAG,IAAI,CAexF;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,GAAG,IAAI,CAalF;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,OAAO,CAAC,EAAE,cAAc,GAAG,MAAM,IAAI,CAgB/D"}

package/dist/sidebar/index.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Sidebar Module
+ *
+ * Unified sidebar toggle functionality for CounterMeasure applications.
+ * Handles collapsible sidebar for desktop and mobile with localStorage persistence.
+ *
+ * Usage:
+ * - Add data-sidebar="{variant}" to your sidebar element (e.g., data-sidebar="admin")
+ * - Add data-sidebar-toggle to the toggle button
+ * - Add data-sidebar-mobile-toggle to the mobile toggle button
+ * - Add data-sidebar-backdrop="{variant}" to the backdrop element
+ */
+export { SidebarComponent } from './component';
+export type { SidebarComponentConfig, SidebarNavItem, SidebarSection, SidebarUser, SidebarFooterAction, } from './types';
+export interface SidebarConfig {
+    storageKey?: string;
+    mobileBreakpoint?: number;
+    collapsedClass?: string;
+}
+export interface LegacySidebarConfig {
+    sidebar: string;
+    toggle: string;
+    mobileToggle: string;
+    backdrop: string;
+    collapsedClass: string;
+}
+/**
+ * Configure sidebar settings.
+ */
+export declare function configureSidebar(config: SidebarConfig): void;
+/**
+ * Check if we're on mobile viewport.
+ */
+export declare function isMobile(): boolean;
+/**
+ * Get stored collapsed state for a sidebar.
+ */
+export declare function getStoredState(key: string): boolean;
+/**
+ * Save collapsed state for a sidebar.
+ */
+export declare function saveState(key: string, collapsed: boolean): void;
+/**
+ * Default legacy sidebar configurations for CounterMeasure apps.
+ */
+export declare const defaultLegacyConfigs: LegacySidebarConfig[];
+/**
+ * Initialize all sidebars (both new unified and legacy).
+ */
+export declare function initSidebar(config?: SidebarConfig, legacyConfigs?: LegacySidebarConfig[]): void;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sidebar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAC9C,YAAY,EACV,sBAAsB,EACtB,cAAc,EACd,cAAc,EACd,WAAW,EACX,mBAAmB,GACpB,MAAM,SAAS,CAAA;AAEhB,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;CACvB;AAUD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,CAE5D;AAED;;GAEG;AACH,wBAAgB,QAAQ,IAAI,OAAO,CAElC;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAGnD;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI,CAE/D;AAkID;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,EA6BrD,CAAA;AAED;;GAEG;AACH,wBAAgB,WAAW,CACzB,MAAM,CAAC,EAAE,aAAa,EACtB,aAAa,GAAE,mBAAmB,EAAyB,GAC1D,IAAI,CAUN"}

package/dist/sidebar/index.js

@@ -0,0 +1,199 @@
+import { getIconSvgInner as e } from "../icons/index.js";
+import { t } from "../utils-Cn_W3h3f.js";
+//#region src/sidebar/component.ts
+function n(t, n) {
+	let r = "http://www.w3.org/2000/svg", i = document.createElementNS(r, "svg");
+	i.setAttribute("xmlns", r), i.setAttribute("width", "18"), i.setAttribute("height", "18"), i.setAttribute("viewBox", "0 0 24 24"), i.setAttribute("fill", "none"), i.setAttribute("stroke", "currentColor"), i.setAttribute("stroke-width", "2"), i.setAttribute("stroke-linecap", "round"), i.setAttribute("stroke-linejoin", "round"), i.classList.add("sidebar__item-icon"), i.setAttribute("data-icon", n), i.setAttribute("aria-hidden", "true");
+	let a = e(t, n);
+	return a && (i.innerHTML = a), i;
+}
+var r = class {
+	container;
+	aside;
+	config;
+	iconSet;
+	constructor(e) {
+		this.config = e, this.container = t(e.container), this.iconSet = e.iconSet ?? "lucide", this.aside = document.createElement("aside"), this.aside.classList.add("sidebar"), this.aside.setAttribute("data-sidebar", e.variant ?? "app"), this.render(), this.container.appendChild(this.aside);
+	}
+	render() {
+		for (let e of this.config.sections) {
+			let t = document.createElement("div");
+			if (t.classList.add("sidebar__section"), e.label) {
+				let n = document.createElement("div");
+				n.classList.add("sidebar__section-label"), n.textContent = e.label, t.appendChild(n);
+			}
+			for (let r of e.items) {
+				let e = document.createElement("a");
+				if (e.classList.add("sidebar__item"), e.setAttribute("data-item-id", r.id), r.icon) {
+					let t = n(this.iconSet, r.icon);
+					e.appendChild(t);
+				}
+				let i = document.createElement("span");
+				if (i.classList.add("sidebar__item-label"), i.textContent = r.label, e.appendChild(i), r.badge !== void 0 && r.badge > 0) {
+					let t = document.createElement("span");
+					t.classList.add("sidebar__badge"), t.setAttribute("data-badge", r.id), t.textContent = String(r.badge), e.appendChild(t);
+				}
+				e.addEventListener("click", () => {
+					this.config.onNavigate && this.config.onNavigate(r), r.onClick && r.onClick();
+				}), t.appendChild(e);
+			}
+			this.aside.appendChild(t);
+		}
+		this.renderFooter();
+	}
+	renderFooter() {
+		let e = this.config.user !== void 0, t = this.config.footerActions !== void 0 && this.config.footerActions.length > 0;
+		if (!e && !t) return;
+		let r = document.createElement("div");
+		r.classList.add("sidebar__footer");
+		let i = document.createElement("div");
+		if (i.classList.add("sidebar__footer-bar"), e && this.config.user) {
+			let e = document.createElement("span");
+			e.classList.add("sidebar__footer-user");
+			let t = document.createElement("span");
+			t.classList.add("sidebar__footer-name"), t.textContent = this.config.user.name, e.appendChild(t), i.appendChild(e);
+		}
+		if (t && this.config.footerActions) {
+			let e = document.createElement("span");
+			e.classList.add("sidebar__footer-icons");
+			for (let t of this.config.footerActions) {
+				let r = document.createElement("button");
+				r.classList.add("sidebar__footer-icon"), t.danger === !0 && r.classList.add("sidebar__footer-icon--danger"), r.setAttribute("aria-label", t.label);
+				let i = n(this.iconSet, t.icon);
+				if (r.appendChild(i), t.onClick) {
+					let e = t.onClick;
+					r.addEventListener("click", () => {
+						e();
+					});
+				}
+				e.appendChild(r);
+			}
+			i.appendChild(e);
+		}
+		r.appendChild(i), this.aside.appendChild(r);
+	}
+	setActive(e) {
+		this.aside.querySelectorAll(".sidebar__item").forEach((e) => {
+			e.classList.remove("sidebar__item--active");
+		});
+		let t = this.aside.querySelector(`[data-item-id="${e}"]`);
+		t && t.classList.add("sidebar__item--active");
+	}
+	updateBadge(e, t) {
+		let n = this.aside.querySelector(`[data-badge="${e}"]`);
+		n && (n.textContent = t > 0 ? String(t) : "");
+	}
+	toggleCollapse() {
+		let e = this.aside.classList.toggle("sidebar--collapsed");
+		this.config.onCollapse && this.config.onCollapse(e);
+	}
+	collapse() {
+		this.aside.classList.add("sidebar--collapsed");
+	}
+	expand() {
+		this.aside.classList.remove("sidebar--collapsed");
+	}
+	destroy() {
+		this.aside.remove();
+	}
+}, i = {
+	storageKey: "sidebar-collapsed",
+	mobileBreakpoint: 900,
+	collapsedClass: "sidebar--collapsed"
+}, a = { ...i };
+function o(e) {
+	a = {
+		...i,
+		...e
+	};
+}
+function s() {
+	return window.innerWidth <= a.mobileBreakpoint;
+}
+function c(e) {
+	return localStorage.getItem(`${a.storageKey}-${e}`) === "true";
+}
+function l(e, t) {
+	localStorage.setItem(`${a.storageKey}-${e}`, String(t));
+}
+function u(e, t) {
+	e.setAttribute("data-open", "false"), t && t.setAttribute("data-visible", "false");
+}
+function d(e, t) {
+	let n = e.getAttribute("data-open") === "true";
+	e.setAttribute("data-open", String(!n)), t && t.setAttribute("data-visible", String(!n));
+}
+function f({ sidebar: e, toggle: t, mobileToggles: n, backdrop: r, collapsedClass: i, key: a }) {
+	!s() && c(a) && e.classList.add(i), t && t.addEventListener("click", () => {
+		l(a, e.classList.toggle(i));
+	}), n.forEach((t) => {
+		t.addEventListener("click", () => {
+			d(e, r);
+		});
+	}), r && r.addEventListener("click", () => {
+		u(e, r);
+	}), window.addEventListener("resize", () => {
+		s() && u(e, r);
+	}), document.addEventListener("keydown", (t) => {
+		t.key === "Escape" && e.getAttribute("data-open") === "true" && u(e, r);
+	});
+}
+function p(e) {
+	let t = e.getAttribute("data-sidebar");
+	t === null || t === "" || f({
+		sidebar: e,
+		toggle: e.querySelector("[data-sidebar-toggle]"),
+		mobileToggles: Array.from(document.querySelectorAll("[data-sidebar-mobile-toggle]")),
+		backdrop: document.querySelector(`[data-sidebar-backdrop="${t}"]`),
+		collapsedClass: a.collapsedClass,
+		key: t
+	});
+}
+function m(e) {
+	let t = document.querySelector(e.sidebar);
+	t && (t.hasAttribute("data-sidebar") || f({
+		sidebar: t,
+		toggle: document.querySelector(e.toggle),
+		mobileToggles: Array.from(document.querySelectorAll(e.mobileToggle)),
+		backdrop: document.querySelector(e.backdrop),
+		collapsedClass: e.collapsedClass,
+		key: e.sidebar.replace(/[^a-z]/g, "")
+	}));
+}
+var h = [
+	{
+		sidebar: ".page__sidebar",
+		toggle: "[data-page-sidebar-toggle]",
+		mobileToggle: "[data-page-mobile-toggle]",
+		backdrop: ".sidebar-backdrop",
+		collapsedClass: "page__sidebar--collapsed"
+	},
+	{
+		sidebar: ".chat-sidebar",
+		toggle: "[data-chat-sidebar-toggle]",
+		mobileToggle: ".chat-header__menu-toggle",
+		backdrop: ".chat-sidebar-backdrop",
+		collapsedClass: "chat-sidebar--collapsed"
+	},
+	{
+		sidebar: ".files-sidebar",
+		toggle: "[data-files-sidebar-toggle]",
+		mobileToggle: "[data-files-mobile-toggle]",
+		backdrop: ".files-sidebar-backdrop",
+		collapsedClass: "files-sidebar--collapsed"
+	},
+	{
+		sidebar: ".storage-sidebar",
+		toggle: "[data-storage-sidebar-toggle]",
+		mobileToggle: "[data-storage-mobile-toggle]",
+		backdrop: ".storage-sidebar-backdrop",
+		collapsedClass: "storage-sidebar--collapsed"
+	}
+];
+function g(e, t = h) {
+	e && o(e), document.querySelectorAll("[data-sidebar]").forEach(p), t.forEach(m);
+}
+//#endregion
+export { r as SidebarComponent, o as configureSidebar, h as defaultLegacyConfigs, c as getStoredState, g as initSidebar, s as isMobile, l as saveState };
+
+//# sourceMappingURL=index.js.map

package/dist/sidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/sidebar/component.ts","../../src/sidebar/index.ts"],"sourcesContent":["/**\n * SidebarComponent - Programmatic sidebar with sections, badges, and footer\n * @countermeasure/web-components/sidebar/component\n *\n * Unlike sidebar/enhance (which enhances server-rendered HTML), this module\n * builds the sidebar DOM from a config object. Use it when the sidebar\n * structure is driven entirely by client-side data.\n *\n * Usage:\n *   import { SidebarComponent } from '@countermeasure/web-components/sidebar/component'\n *\n *   const sidebar = new SidebarComponent({\n *     container: '#sidebar-root',\n *     sections: [{ id: 'main', label: 'Nav', items: [...] }],\n *     user: { name: 'Alice' },\n *     onNavigate: item => console.log(item.id),\n *   })\n *   sidebar.setActive('dashboard')\n */\n\nimport { getIconSvgInner, type IconSet } from '../icons/index'\nimport { resolveContainer } from '../primitives/utils'\nimport { type SidebarComponentConfig } from './types'\n\n/** Create an SVG element populated with icon content from the registry. */\nfunction createIconSvg(iconSet: IconSet, name: string): SVGElement {\n  const svgNs = 'http://www.w3.org/2000/svg'\n  const svg = document.createElementNS(svgNs, 'svg')\n  svg.setAttribute('xmlns', svgNs)\n  svg.setAttribute('width', '18')\n  svg.setAttribute('height', '18')\n  svg.setAttribute('viewBox', '0 0 24 24')\n  svg.setAttribute('fill', 'none')\n  svg.setAttribute('stroke', 'currentColor')\n  svg.setAttribute('stroke-width', '2')\n  svg.setAttribute('stroke-linecap', 'round')\n  svg.setAttribute('stroke-linejoin', 'round')\n  svg.classList.add('sidebar__item-icon')\n  svg.setAttribute('data-icon', name)\n  svg.setAttribute('aria-hidden', 'true')\n\n  const inner = getIconSvgInner(iconSet, name)\n  if (inner) {\n    svg.innerHTML = inner\n  }\n\n  return svg\n}\n\nexport class SidebarComponent {\n  private readonly container: HTMLElement\n  private readonly aside: HTMLElement\n  private readonly config: SidebarComponentConfig\n  private readonly iconSet: IconSet\n\n  constructor(config: SidebarComponentConfig) {\n    this.config = config\n    this.container = resolveContainer(config.container)\n    this.iconSet = config.iconSet ?? 'lucide'\n\n    this.aside = document.createElement('aside')\n    this.aside.classList.add('sidebar')\n    this.aside.setAttribute('data-sidebar', config.variant ?? 'app')\n\n    this.render()\n    this.container.appendChild(this.aside)\n  }\n\n  private render(): void {\n    for (const section of this.config.sections) {\n      const sectionEl = document.createElement('div')\n      sectionEl.classList.add('sidebar__section')\n\n      if (section.label) {\n        const labelEl = document.createElement('div')\n        labelEl.classList.add('sidebar__section-label')\n        labelEl.textContent = section.label\n        sectionEl.appendChild(labelEl)\n      }\n\n      for (const item of section.items) {\n        const link = document.createElement('a')\n        link.classList.add('sidebar__item')\n        link.setAttribute('data-item-id', item.id)\n\n        if (item.icon) {\n          const icon = createIconSvg(this.iconSet, item.icon)\n          link.appendChild(icon)\n        }\n\n        const label = document.createElement('span')\n        label.classList.add('sidebar__item-label')\n        label.textContent = item.label\n        link.appendChild(label)\n\n        if (item.badge !== undefined && item.badge > 0) {\n          const badge = document.createElement('span')\n          badge.classList.add('sidebar__badge')\n          badge.setAttribute('data-badge', item.id)\n          badge.textContent = String(item.badge)\n          link.appendChild(badge)\n        }\n\n        link.addEventListener('click', () => {\n          if (this.config.onNavigate) {\n            this.config.onNavigate(item)\n          }\n          if (item.onClick) {\n            item.onClick()\n          }\n        })\n\n        sectionEl.appendChild(link)\n      }\n\n      this.aside.appendChild(sectionEl)\n    }\n\n    this.renderFooter()\n  }\n\n  private renderFooter(): void {\n    const hasUser = this.config.user !== undefined\n    const hasActions =\n      this.config.footerActions !== undefined && this.config.footerActions.length > 0\n\n    if (!hasUser && !hasActions) {\n      return\n    }\n\n    const footer = document.createElement('div')\n    footer.classList.add('sidebar__footer')\n\n    const footerBar = document.createElement('div')\n    footerBar.classList.add('sidebar__footer-bar')\n\n    if (hasUser && this.config.user) {\n      const userSpan = document.createElement('span')\n      userSpan.classList.add('sidebar__footer-user')\n\n      const nameSpan = document.createElement('span')\n      nameSpan.classList.add('sidebar__footer-name')\n      nameSpan.textContent = this.config.user.name\n      userSpan.appendChild(nameSpan)\n\n      footerBar.appendChild(userSpan)\n    }\n\n    if (hasActions && this.config.footerActions) {\n      const iconsSpan = document.createElement('span')\n      iconsSpan.classList.add('sidebar__footer-icons')\n\n      for (const action of this.config.footerActions) {\n        const button = document.createElement('button')\n        button.classList.add('sidebar__footer-icon')\n        if (action.danger === true) {\n          button.classList.add('sidebar__footer-icon--danger')\n        }\n        button.setAttribute('aria-label', action.label)\n\n        const icon = createIconSvg(this.iconSet, action.icon)\n        button.appendChild(icon)\n\n        if (action.onClick) {\n          const handler = action.onClick\n          button.addEventListener('click', () => {\n            handler()\n          })\n        }\n\n        iconsSpan.appendChild(button)\n      }\n\n      footerBar.appendChild(iconsSpan)\n    }\n\n    footer.appendChild(footerBar)\n    this.aside.appendChild(footer)\n  }\n\n  /** Mark a nav item as active, removing active state from all others. */\n  setActive(itemId: string): void {\n    this.aside.querySelectorAll<HTMLElement>('.sidebar__item').forEach(el => {\n      el.classList.remove('sidebar__item--active')\n    })\n\n    const target = this.aside.querySelector<HTMLElement>(`[data-item-id=\"${itemId}\"]`)\n    if (target) {\n      target.classList.add('sidebar__item--active')\n    }\n  }\n\n  /** Update the badge count for a nav item (empty string when count is 0). */\n  updateBadge(itemId: string, count: number): void {\n    const badge = this.aside.querySelector<HTMLElement>(`[data-badge=\"${itemId}\"]`)\n    if (badge) {\n      badge.textContent = count > 0 ? String(count) : ''\n    }\n  }\n\n  /** Toggle the sidebar between collapsed and expanded states. */\n  toggleCollapse(): void {\n    const isCollapsed = this.aside.classList.toggle('sidebar--collapsed')\n    if (this.config.onCollapse) {\n      this.config.onCollapse(isCollapsed)\n    }\n  }\n\n  /** Collapse the sidebar. */\n  collapse(): void {\n    this.aside.classList.add('sidebar--collapsed')\n  }\n\n  /** Expand the sidebar. */\n  expand(): void {\n    this.aside.classList.remove('sidebar--collapsed')\n  }\n\n  /** Remove the sidebar from the DOM. */\n  destroy(): void {\n    this.aside.remove()\n  }\n}\n","/**\n * Sidebar Module\n *\n * Unified sidebar toggle functionality for CounterMeasure applications.\n * Handles collapsible sidebar for desktop and mobile with localStorage persistence.\n *\n * Usage:\n * - Add data-sidebar=\"{variant}\" to your sidebar element (e.g., data-sidebar=\"admin\")\n * - Add data-sidebar-toggle to the toggle button\n * - Add data-sidebar-mobile-toggle to the mobile toggle button\n * - Add data-sidebar-backdrop=\"{variant}\" to the backdrop element\n */\n\n// Re-export programmatic sidebar component\nexport { SidebarComponent } from './component'\nexport type {\n  SidebarComponentConfig,\n  SidebarNavItem,\n  SidebarSection,\n  SidebarUser,\n  SidebarFooterAction,\n} from './types'\n\nexport interface SidebarConfig {\n  storageKey?: string\n  mobileBreakpoint?: number\n  collapsedClass?: string\n}\n\nexport interface LegacySidebarConfig {\n  sidebar: string\n  toggle: string\n  mobileToggle: string\n  backdrop: string\n  collapsedClass: string\n}\n\nconst DEFAULT_CONFIG: Required<SidebarConfig> = {\n  storageKey: 'sidebar-collapsed',\n  mobileBreakpoint: 900,\n  collapsedClass: 'sidebar--collapsed',\n}\n\nlet currentConfig: Required<SidebarConfig> = { ...DEFAULT_CONFIG }\n\n/**\n * Configure sidebar settings.\n */\nexport function configureSidebar(config: SidebarConfig): void {\n  currentConfig = { ...DEFAULT_CONFIG, ...config }\n}\n\n/**\n * Check if we're on mobile viewport.\n */\nexport function isMobile(): boolean {\n  return window.innerWidth <= currentConfig.mobileBreakpoint\n}\n\n/**\n * Get stored collapsed state for a sidebar.\n */\nexport function getStoredState(key: string): boolean {\n  const stored = localStorage.getItem(`${currentConfig.storageKey}-${key}`)\n  return stored === 'true'\n}\n\n/**\n * Save collapsed state for a sidebar.\n */\nexport function saveState(key: string, collapsed: boolean): void {\n  localStorage.setItem(`${currentConfig.storageKey}-${key}`, String(collapsed))\n}\n\n/**\n * Close a sidebar (mobile).\n */\nfunction closeSidebar(sidebar: HTMLElement, backdrop: HTMLElement | null): void {\n  sidebar.setAttribute('data-open', 'false')\n  if (backdrop) {\n    backdrop.setAttribute('data-visible', 'false')\n  }\n}\n\n/**\n * Toggle sidebar open state (mobile).\n */\nfunction toggleSidebarOpen(sidebar: HTMLElement, backdrop: HTMLElement | null): void {\n  const isOpen = sidebar.getAttribute('data-open') === 'true'\n  sidebar.setAttribute('data-open', String(!isOpen))\n  if (backdrop) {\n    backdrop.setAttribute('data-visible', String(!isOpen))\n  }\n}\n\ninterface SidebarHandlerParams {\n  sidebar: HTMLElement\n  toggle: HTMLButtonElement | null\n  mobileToggles: HTMLButtonElement[]\n  backdrop: HTMLElement | null\n  collapsedClass: string\n  key: string\n}\n\n/**\n * Attach all sidebar event handlers (shared between unified and legacy init).\n */\nfunction attachSidebarHandlers({\n  sidebar,\n  toggle,\n  mobileToggles,\n  backdrop,\n  collapsedClass,\n  key,\n}: SidebarHandlerParams): void {\n  // Apply stored collapsed state on desktop\n  if (!isMobile() && getStoredState(key)) {\n    sidebar.classList.add(collapsedClass)\n  }\n\n  // Desktop toggle handler\n  if (toggle) {\n    toggle.addEventListener('click', () => {\n      const isCollapsed = sidebar.classList.toggle(collapsedClass)\n      saveState(key, isCollapsed)\n    })\n  }\n\n  // Mobile toggle handler\n  mobileToggles.forEach(mobileToggle => {\n    mobileToggle.addEventListener('click', () => {\n      toggleSidebarOpen(sidebar, backdrop)\n    })\n  })\n\n  // Backdrop click handler\n  if (backdrop) {\n    backdrop.addEventListener('click', () => {\n      closeSidebar(sidebar, backdrop)\n    })\n  }\n\n  // Handle window resize\n  window.addEventListener('resize', () => {\n    if (isMobile()) {\n      closeSidebar(sidebar, backdrop)\n    }\n  })\n\n  // Close sidebar on escape key\n  document.addEventListener('keydown', e => {\n    if (e.key === 'Escape' && sidebar.getAttribute('data-open') === 'true') {\n      closeSidebar(sidebar, backdrop)\n    }\n  })\n}\n\n/**\n * Initialize a single sidebar using the unified data-sidebar attribute.\n */\nfunction initUnifiedSidebar(sidebar: HTMLElement): void {\n  const variant = sidebar.getAttribute('data-sidebar')\n  if (variant === null || variant === '') {\n    return\n  }\n\n  attachSidebarHandlers({\n    sidebar,\n    toggle: sidebar.querySelector<HTMLButtonElement>('[data-sidebar-toggle]'),\n    mobileToggles: Array.from(\n      document.querySelectorAll<HTMLButtonElement>('[data-sidebar-mobile-toggle]')\n    ),\n    backdrop: document.querySelector<HTMLElement>(`[data-sidebar-backdrop=\"${variant}\"]`),\n    collapsedClass: currentConfig.collapsedClass,\n    key: variant,\n  })\n}\n\n/**\n * Initialize a legacy sidebar (backwards compatibility).\n */\nfunction initLegacySidebar(config: LegacySidebarConfig): void {\n  const sidebar = document.querySelector<HTMLElement>(config.sidebar)\n  if (!sidebar) {\n    return\n  }\n\n  // Skip if this sidebar uses the new unified approach\n  if (sidebar.hasAttribute('data-sidebar')) {\n    return\n  }\n\n  attachSidebarHandlers({\n    sidebar,\n    toggle: document.querySelector<HTMLButtonElement>(config.toggle),\n    mobileToggles: Array.from(document.querySelectorAll<HTMLButtonElement>(config.mobileToggle)),\n    backdrop: document.querySelector<HTMLElement>(config.backdrop),\n    collapsedClass: config.collapsedClass,\n    key: config.sidebar.replace(/[^a-z]/g, ''),\n  })\n}\n\n/**\n * Default legacy sidebar configurations for CounterMeasure apps.\n */\nexport const defaultLegacyConfigs: LegacySidebarConfig[] = [\n  {\n    sidebar: '.page__sidebar',\n    toggle: '[data-page-sidebar-toggle]',\n    mobileToggle: '[data-page-mobile-toggle]',\n    backdrop: '.sidebar-backdrop',\n    collapsedClass: 'page__sidebar--collapsed',\n  },\n  {\n    sidebar: '.chat-sidebar',\n    toggle: '[data-chat-sidebar-toggle]',\n    mobileToggle: '.chat-header__menu-toggle',\n    backdrop: '.chat-sidebar-backdrop',\n    collapsedClass: 'chat-sidebar--collapsed',\n  },\n  {\n    sidebar: '.files-sidebar',\n    toggle: '[data-files-sidebar-toggle]',\n    mobileToggle: '[data-files-mobile-toggle]',\n    backdrop: '.files-sidebar-backdrop',\n    collapsedClass: 'files-sidebar--collapsed',\n  },\n  {\n    sidebar: '.storage-sidebar',\n    toggle: '[data-storage-sidebar-toggle]',\n    mobileToggle: '[data-storage-mobile-toggle]',\n    backdrop: '.storage-sidebar-backdrop',\n    collapsedClass: 'storage-sidebar--collapsed',\n  },\n]\n\n/**\n * Initialize all sidebars (both new unified and legacy).\n */\nexport function initSidebar(\n  config?: SidebarConfig,\n  legacyConfigs: LegacySidebarConfig[] = defaultLegacyConfigs\n): void {\n  if (config) {\n    configureSidebar(config)\n  }\n\n  // Initialize new unified sidebars\n  document.querySelectorAll<HTMLElement>('[data-sidebar]').forEach(initUnifiedSidebar)\n\n  // Initialize legacy sidebars for backwards compatibility\n  legacyConfigs.forEach(initLegacySidebar)\n}\n"],"mappings":"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"}

package/dist/sidebar/types.d.ts

@@ -0,0 +1,34 @@
+import { IconSet } from '../icons/index';
+export interface SidebarNavItem {
+    id: string;
+    label: string;
+    icon?: string;
+    badge?: number;
+    onClick?: () => void;
+}
+export interface SidebarSection {
+    id: string;
+    label?: string;
+    items: SidebarNavItem[];
+}
+export interface SidebarUser {
+    name: string;
+}
+export interface SidebarFooterAction {
+    id: string;
+    icon: string;
+    label: string;
+    danger?: boolean;
+    onClick?: () => void;
+}
+export interface SidebarComponentConfig {
+    container: HTMLElement | string;
+    variant?: string;
+    sections: SidebarSection[];
+    user?: SidebarUser;
+    footerActions?: SidebarFooterAction[];
+    iconSet?: IconSet;
+    onNavigate?: (item: SidebarNavItem) => void;
+    onCollapse?: (collapsed: boolean) => void;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/sidebar/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,cAAc,EAAE,CAAA;CACxB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,cAAc,EAAE,CAAA;IAC1B,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,aAAa,CAAC,EAAE,mBAAmB,EAAE,CAAA;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;IAC3C,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CAC1C"}