@countermeasure-platform/web-components 0.2.0

package/dist/navigation/menubar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/navigation/menubar/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAA;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,QAAQ,EAAE,CAAA;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/dist/navigation/navigation-menu/index.d.ts

@@ -0,0 +1,49 @@
+import { NavItem, NavMenuConfig } from './types';
+export type { NavChild, NavItem, NavMenuConfig } from './types';
+export declare class NavigationMenu {
+    private readonly container;
+    private readonly className;
+    private readonly onNavigate;
+    private readonly navId;
+    private items;
+    private navEl;
+    private menuListEl;
+    private hamburgerEl;
+    private openIndex;
+    private dropdownEl;
+    private collapsed;
+    private mobileOpen;
+    private activeKeyIndex;
+    private destroyed;
+    private mobileFocusTrap;
+    /** Bound event handlers for cleanup */
+    private readonly handleDocumentClick;
+    private readonly handleKeyDown;
+    private readonly handleResize;
+    constructor(config: NavMenuConfig);
+    /** Update the navigation items and re-render */
+    update(items: NavItem[]): void;
+    /** Remove all DOM elements and clean up */
+    destroy(): void;
+    /** Close the mega-menu dropdown */
+    private closeDropdown;
+    /** Open a mega-menu dropdown for a specific item */
+    private openDropdown;
+    /** Build a child navigation card element */
+    private buildChildCard;
+    /** Update aria-expanded on trigger buttons */
+    private updateTriggerStates;
+    /** Check if the container is narrow enough to collapse into hamburger mode */
+    private checkCollapse;
+    /** Open the mobile hamburger menu */
+    private openMobileMenu;
+    /** Close the mobile hamburger menu */
+    private closeMobileMenu;
+    /** Handle keyboard navigation */
+    private onKeyDown;
+    /** Focus a specific trigger button by index */
+    private focusTrigger;
+    /** Render the full navigation menu */
+    private render;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/navigation/navigation-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigation/navigation-menu/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EAAiB,KAAK,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,SAAS,CAAA;AAEzE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAK/D,qBAAa,cAAc;IACzB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAa;IACvC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoB;IAC9C,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsC;IACjE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAQ;IAE9B,OAAO,CAAC,KAAK,CAAW;IACxB,OAAO,CAAC,KAAK,CAA2B;IACxC,OAAO,CAAC,UAAU,CAA2B;IAC7C,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,UAAU,CAA2B;IAC7C,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,eAAe,CAAyB;IAEhD,uCAAuC;IACvC,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAyB;IAC7D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA4B;IAC1D,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAY;gBAE7B,MAAM,EAAE,aAAa;IAsCjC,gDAAgD;IAChD,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI;IAU9B,2CAA2C;IAC3C,OAAO,IAAI,IAAI;IAgBf,mCAAmC;IACnC,OAAO,CAAC,aAAa;IASrB,oDAAoD;IACpD,OAAO,CAAC,YAAY;IAsDpB,4CAA4C;IAC5C,OAAO,CAAC,cAAc;IAyCtB,8CAA8C;IAC9C,OAAO,CAAC,mBAAmB;IAiB3B,8EAA8E;IAC9E,OAAO,CAAC,aAAa;IA8BrB,qCAAqC;IACrC,OAAO,CAAC,cAAc;IAmBtB,sCAAsC;IACtC,OAAO,CAAC,eAAe;IAiBvB,iCAAiC;IACjC,OAAO,CAAC,SAAS;IAiEjB,+CAA+C;IAC/C,OAAO,CAAC,YAAY;IAQpB,sCAAsC;IACtC,OAAO,CAAC,MAAM;CAsIf"}

package/dist/navigation/navigation-menu/index.js

@@ -0,0 +1,173 @@
+import { n as e } from "../../a11y-B5pN4M_a.js";
+import { n as t, t as n } from "../../utils-Cn_W3h3f.js";
+//#region src/navigation/navigation-menu/index.ts
+var r = 640, i = class {
+	container;
+	className;
+	onNavigate;
+	navId;
+	items;
+	navEl = null;
+	menuListEl = null;
+	hamburgerEl = null;
+	openIndex = -1;
+	dropdownEl = null;
+	collapsed = !1;
+	mobileOpen = !1;
+	activeKeyIndex = -1;
+	destroyed = !1;
+	mobileFocusTrap = null;
+	handleDocumentClick;
+	handleKeyDown;
+	handleResize;
+	constructor(e) {
+		this.container = n(e.container), this.items = [...e.items], this.className = e.className, this.onNavigate = e.onNavigate, this.navId = t("cmm-nav-menu"), this.handleDocumentClick = (e) => {
+			let t = e.target;
+			t instanceof Node && this.navEl && !this.navEl.contains(t) && this.dropdownEl?.contains(t) !== !0 && (this.closeDropdown(), this.mobileOpen && this.closeMobileMenu());
+		}, this.handleKeyDown = (e) => {
+			this.onKeyDown(e);
+		}, this.handleResize = () => {
+			this.checkCollapse();
+		}, this.render(), this.checkCollapse(), document.addEventListener("click", this.handleDocumentClick), document.addEventListener("keydown", this.handleKeyDown), window.addEventListener("resize", this.handleResize);
+	}
+	update(e) {
+		this.destroyed || (this.items = [...e], this.closeDropdown(), this.render(), this.checkCollapse());
+	}
+	destroy() {
+		this.destroyed || (this.destroyed = !0, this.closeDropdown(), document.removeEventListener("click", this.handleDocumentClick), document.removeEventListener("keydown", this.handleKeyDown), window.removeEventListener("resize", this.handleResize), this.container.innerHTML = "", this.navEl = null, this.menuListEl = null, this.hamburgerEl = null);
+	}
+	closeDropdown() {
+		this.dropdownEl &&= (this.dropdownEl.remove(), null), this.openIndex = -1, this.updateTriggerStates();
+	}
+	openDropdown(e) {
+		this.closeDropdown();
+		let n = this.items[e];
+		if (!n?.children || n.children.length === 0) return;
+		this.openIndex = e, this.updateTriggerStates();
+		let r = this.menuListEl?.querySelectorAll(".cmm-nav-menu__trigger")?.[e];
+		if (!r) return;
+		let i = r.getBoundingClientRect(), a = document.createElement("div");
+		a.className = "cmm-nav-menu__dropdown", a.setAttribute("role", "menu"), a.id = t("cmm-nav-menu-dropdown");
+		let o = document.createElement("div");
+		o.className = "cmm-nav-menu__grid";
+		for (let e of n.children) o.appendChild(this.buildChildCard(e));
+		a.appendChild(o), document.body.appendChild(a), this.dropdownEl = a;
+		let s = a.getBoundingClientRect(), c = i.left, l = i.bottom + 4;
+		c + s.width > window.innerWidth && (c = window.innerWidth - s.width - 8), l + s.height > window.innerHeight && (l = i.top - s.height - 4), a.style.left = `${String(Math.max(0, c))}px`, a.style.top = `${String(Math.max(0, l))}px`;
+	}
+	buildChildCard(e) {
+		let t = document.createElement("a");
+		if (t.className = "cmm-nav-menu__card", t.href = e.href, t.setAttribute("role", "menuitem"), t.addEventListener("click", (t) => {
+			this.onNavigate && (t.preventDefault(), this.onNavigate(e.href)), this.closeDropdown();
+		}), e.icon) {
+			let n = document.createElement("span");
+			n.className = "cmm-nav-menu__card-icon", n.setAttribute("aria-hidden", "true"), n.innerHTML = e.icon, t.appendChild(n);
+		}
+		let n = document.createElement("div");
+		n.className = "cmm-nav-menu__card-text";
+		let r = document.createElement("div");
+		if (r.className = "cmm-nav-menu__card-label", r.textContent = e.label, n.appendChild(r), e.description) {
+			let t = document.createElement("div");
+			t.className = "cmm-nav-menu__card-desc", t.textContent = e.description, n.appendChild(t);
+		}
+		return t.appendChild(n), t;
+	}
+	updateTriggerStates() {
+		let e = this.menuListEl?.querySelectorAll(".cmm-nav-menu__trigger");
+		e && e.forEach((e, t) => {
+			let n = t === this.openIndex;
+			e.setAttribute("aria-expanded", n ? "true" : "false"), n ? e.classList.add("cmm-nav-menu__trigger--active") : e.classList.remove("cmm-nav-menu__trigger--active");
+		});
+	}
+	checkCollapse() {
+		if (this.destroyed || !this.navEl) return;
+		let e = this.container.getBoundingClientRect().width < r;
+		e !== this.collapsed && (this.collapsed = e, this.hamburgerEl && (this.hamburgerEl.style.display = e ? "flex" : "none"), this.menuListEl && (e ? (this.menuListEl.classList.add("cmm-nav-menu__list--collapsed"), this.mobileOpen || (this.menuListEl.style.display = "none")) : (this.menuListEl.classList.remove("cmm-nav-menu__list--collapsed"), this.menuListEl.style.display = "", this.mobileOpen = !1)));
+	}
+	openMobileMenu() {
+		this.mobileOpen = !0, this.menuListEl && (this.menuListEl.style.display = "", this.menuListEl.classList.add("cmm-nav-menu__list--mobile-open"), this.mobileFocusTrap === null ? this.mobileFocusTrap = e(this.menuListEl) : this.mobileFocusTrap.update(), this.mobileFocusTrap.activate()), this.hamburgerEl && this.hamburgerEl.setAttribute("aria-expanded", "true");
+	}
+	closeMobileMenu() {
+		this.mobileOpen = !1, this.mobileFocusTrap !== null && this.mobileFocusTrap.deactivate(), this.menuListEl && this.collapsed && (this.menuListEl.style.display = "none", this.menuListEl.classList.remove("cmm-nav-menu__list--mobile-open")), this.hamburgerEl && this.hamburgerEl.setAttribute("aria-expanded", "false");
+	}
+	onKeyDown(e) {
+		if (this.destroyed) return;
+		let t = e.target;
+		if (!(t instanceof Node && this.navEl && !this.navEl.contains(t) && this.dropdownEl?.contains(t) !== !0)) {
+			if (e.key === "Escape") {
+				e.preventDefault(), this.closeDropdown(), this.mobileOpen && this.closeMobileMenu();
+				return;
+			}
+			if (e.key === "ArrowRight") {
+				e.preventDefault(), this.activeKeyIndex = Math.min(this.activeKeyIndex + 1, this.items.length - 1), this.focusTrigger(this.activeKeyIndex);
+				return;
+			}
+			if (e.key === "ArrowLeft") {
+				e.preventDefault(), this.activeKeyIndex = Math.max(this.activeKeyIndex - 1, 0), this.focusTrigger(this.activeKeyIndex);
+				return;
+			}
+			if (e.key === "ArrowDown") {
+				if (e.preventDefault(), this.openIndex >= 0 && this.dropdownEl) {
+					let e = this.dropdownEl.querySelector(".cmm-nav-menu__card");
+					e && e.focus();
+				} else this.activeKeyIndex >= 0 && this.openDropdown(this.activeKeyIndex);
+				return;
+			}
+			if ((e.key === "Enter" || e.key === " ") && this.activeKeyIndex >= 0 && this.openIndex < 0) {
+				e.preventDefault();
+				let t = this.items[this.activeKeyIndex];
+				t?.children && t.children.length > 0 ? this.openDropdown(this.activeKeyIndex) : t?.href && this.onNavigate && this.onNavigate(t.href);
+			}
+		}
+	}
+	focusTrigger(e) {
+		let t = this.menuListEl?.querySelectorAll(".cmm-nav-menu__trigger")?.[e];
+		t && t.focus();
+	}
+	render() {
+		this.container.innerHTML = "";
+		let e = document.createElement("nav");
+		e.className = "cmm-nav-menu", e.id = this.navId, e.setAttribute("aria-label", "Main navigation"), this.className && e.classList.add(this.className);
+		let t = document.createElement("button");
+		t.className = "cmm-nav-menu__hamburger", t.type = "button", t.setAttribute("aria-label", "Toggle navigation"), t.setAttribute("aria-expanded", "false"), t.style.display = "none", t.innerHTML = "<span></span><span></span><span></span>", t.addEventListener("click", (e) => {
+			e.stopPropagation(), this.mobileOpen ? this.closeMobileMenu() : this.openMobileMenu();
+		}), e.appendChild(t), this.hamburgerEl = t;
+		let n = document.createElement("div");
+		n.className = "cmm-nav-menu__list", n.setAttribute("role", "menubar");
+		for (let e = 0; e < this.items.length; e++) {
+			let t = this.items[e];
+			if (t) if (t.children !== void 0 && t.children.length > 0) {
+				let r = document.createElement("button");
+				if (r.className = "cmm-nav-menu__trigger", r.type = "button", r.setAttribute("aria-haspopup", "true"), r.setAttribute("aria-expanded", "false"), t.active === !0 && r.classList.add("cmm-nav-menu__trigger--current"), t.icon) {
+					let e = document.createElement("span");
+					e.className = "cmm-nav-menu__icon", e.setAttribute("aria-hidden", "true"), e.innerHTML = t.icon, r.appendChild(e);
+				}
+				let i = document.createElement("span");
+				i.textContent = t.label, r.appendChild(i);
+				let a = document.createElement("span");
+				a.className = "cmm-nav-menu__chevron", a.setAttribute("aria-hidden", "true"), a.textContent = "▾", r.appendChild(a);
+				let o = e;
+				r.addEventListener("click", (e) => {
+					e.stopPropagation(), this.openIndex === o ? this.closeDropdown() : this.openDropdown(o);
+				}), r.addEventListener("mouseenter", () => {
+					this.openIndex >= 0 && this.openIndex !== o && !this.collapsed && this.openDropdown(o);
+				}), n.appendChild(r);
+			} else {
+				let e = document.createElement("a");
+				if (e.className = "cmm-nav-menu__trigger", t.href && (e.href = t.href), t.active === !0 && (e.classList.add("cmm-nav-menu__trigger--current"), e.setAttribute("aria-current", "page")), t.icon) {
+					let n = document.createElement("span");
+					n.className = "cmm-nav-menu__icon", n.setAttribute("aria-hidden", "true"), n.innerHTML = t.icon, e.appendChild(n);
+				}
+				let r = document.createElement("span");
+				r.textContent = t.label, e.appendChild(r), e.addEventListener("click", (e) => {
+					this.onNavigate && t.href && (e.preventDefault(), this.onNavigate(t.href));
+				}), n.appendChild(e);
+			}
+		}
+		e.appendChild(n), this.container.appendChild(e), this.navEl = e, this.menuListEl = n;
+	}
+};
+//#endregion
+export { i as NavigationMenu };
+
+//# sourceMappingURL=index.js.map

package/dist/navigation/navigation-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/navigation/navigation-menu/index.ts"],"sourcesContent":["/**\n * NavigationMenu - Primary horizontal navigation with mega-menu dropdowns\n * @countermeasure/web-components/navigation/navigation-menu\n */\n\nimport { resolveContainer, uniqueId } from '../../primitives/utils'\nimport { createFocusTrap, type FocusTrap } from '../../utils/a11y'\nimport { type NavChild, type NavItem, type NavMenuConfig } from './types'\n\nexport type { NavChild, NavItem, NavMenuConfig } from './types'\n\n/** Breakpoint below which the menu collapses to a hamburger */\nconst COLLAPSE_BREAKPOINT = 640\n\nexport class NavigationMenu {\n  private readonly container: HTMLElement\n  private readonly className: string | undefined\n  private readonly onNavigate: ((href: string) => void) | undefined\n  private readonly navId: string\n\n  private items: NavItem[]\n  private navEl: HTMLElement | null = null\n  private menuListEl: HTMLElement | null = null\n  private hamburgerEl: HTMLElement | null = null\n  private openIndex = -1\n  private dropdownEl: HTMLElement | null = null\n  private collapsed = false\n  private mobileOpen = false\n  private activeKeyIndex = -1\n  private destroyed = false\n  private mobileFocusTrap: FocusTrap | null = null\n\n  /** Bound event handlers for cleanup */\n  private readonly handleDocumentClick: (e: MouseEvent) => void\n  private readonly handleKeyDown: (e: KeyboardEvent) => void\n  private readonly handleResize: () => void\n\n  constructor(config: NavMenuConfig) {\n    this.container = resolveContainer(config.container)\n    this.items = [...config.items]\n    this.className = config.className\n    this.onNavigate = config.onNavigate\n    this.navId = uniqueId('cmm-nav-menu')\n\n    this.handleDocumentClick = (e: MouseEvent) => {\n      const target = e.target\n      if (\n        target instanceof Node &&\n        this.navEl &&\n        !this.navEl.contains(target) &&\n        this.dropdownEl?.contains(target) !== true\n      ) {\n        this.closeDropdown()\n        if (this.mobileOpen) {\n          this.closeMobileMenu()\n        }\n      }\n    }\n\n    this.handleKeyDown = (e: KeyboardEvent) => {\n      this.onKeyDown(e)\n    }\n\n    this.handleResize = () => {\n      this.checkCollapse()\n    }\n\n    this.render()\n    this.checkCollapse()\n\n    document.addEventListener('click', this.handleDocumentClick)\n    document.addEventListener('keydown', this.handleKeyDown)\n    window.addEventListener('resize', this.handleResize)\n  }\n\n  /** Update the navigation items and re-render */\n  update(items: NavItem[]): void {\n    if (this.destroyed) {\n      return\n    }\n    this.items = [...items]\n    this.closeDropdown()\n    this.render()\n    this.checkCollapse()\n  }\n\n  /** Remove all DOM elements and clean up */\n  destroy(): void {\n    if (this.destroyed) {\n      return\n    }\n    this.destroyed = true\n\n    this.closeDropdown()\n    document.removeEventListener('click', this.handleDocumentClick)\n    document.removeEventListener('keydown', this.handleKeyDown)\n    window.removeEventListener('resize', this.handleResize)\n    this.container.innerHTML = ''\n    this.navEl = null\n    this.menuListEl = null\n    this.hamburgerEl = null\n  }\n\n  /** Close the mega-menu dropdown */\n  private closeDropdown(): void {\n    if (this.dropdownEl) {\n      this.dropdownEl.remove()\n      this.dropdownEl = null\n    }\n    this.openIndex = -1\n    this.updateTriggerStates()\n  }\n\n  /** Open a mega-menu dropdown for a specific item */\n  private openDropdown(index: number): void {\n    this.closeDropdown()\n\n    const item = this.items[index]\n    if (!item?.children || item.children.length === 0) {\n      return\n    }\n\n    this.openIndex = index\n    this.updateTriggerStates()\n\n    // Get the trigger button position\n    const triggers = this.menuListEl?.querySelectorAll<HTMLElement>('.cmm-nav-menu__trigger')\n    const triggerEl = triggers?.[index]\n    if (!triggerEl) {\n      return\n    }\n\n    const triggerRect = triggerEl.getBoundingClientRect()\n\n    // Create mega-menu dropdown\n    const dropdown = document.createElement('div')\n    dropdown.className = 'cmm-nav-menu__dropdown'\n    dropdown.setAttribute('role', 'menu')\n    dropdown.id = uniqueId('cmm-nav-menu-dropdown')\n\n    const grid = document.createElement('div')\n    grid.className = 'cmm-nav-menu__grid'\n\n    for (const child of item.children) {\n      grid.appendChild(this.buildChildCard(child))\n    }\n\n    dropdown.appendChild(grid)\n    document.body.appendChild(dropdown)\n    this.dropdownEl = dropdown\n\n    // Position below the trigger\n    const dropdownRect = dropdown.getBoundingClientRect()\n    let left = triggerRect.left\n    let top = triggerRect.bottom + 4\n\n    // Adjust if near edges\n    if (left + dropdownRect.width > window.innerWidth) {\n      left = window.innerWidth - dropdownRect.width - 8\n    }\n    if (top + dropdownRect.height > window.innerHeight) {\n      top = triggerRect.top - dropdownRect.height - 4\n    }\n\n    dropdown.style.left = `${String(Math.max(0, left))}px`\n    dropdown.style.top = `${String(Math.max(0, top))}px`\n  }\n\n  /** Build a child navigation card element */\n  private buildChildCard(child: NavChild): HTMLElement {\n    const card = document.createElement('a')\n    card.className = 'cmm-nav-menu__card'\n    card.href = child.href\n    card.setAttribute('role', 'menuitem')\n\n    card.addEventListener('click', (e: MouseEvent) => {\n      if (this.onNavigate) {\n        e.preventDefault()\n        this.onNavigate(child.href)\n      }\n      this.closeDropdown()\n    })\n\n    if (child.icon) {\n      const iconEl = document.createElement('span')\n      iconEl.className = 'cmm-nav-menu__card-icon'\n      iconEl.setAttribute('aria-hidden', 'true')\n      iconEl.innerHTML = child.icon\n      card.appendChild(iconEl)\n    }\n\n    const textContainer = document.createElement('div')\n    textContainer.className = 'cmm-nav-menu__card-text'\n\n    const labelEl = document.createElement('div')\n    labelEl.className = 'cmm-nav-menu__card-label'\n    labelEl.textContent = child.label\n    textContainer.appendChild(labelEl)\n\n    if (child.description) {\n      const descEl = document.createElement('div')\n      descEl.className = 'cmm-nav-menu__card-desc'\n      descEl.textContent = child.description\n      textContainer.appendChild(descEl)\n    }\n\n    card.appendChild(textContainer)\n    return card\n  }\n\n  /** Update aria-expanded on trigger buttons */\n  private updateTriggerStates(): void {\n    const triggers = this.menuListEl?.querySelectorAll<HTMLElement>('.cmm-nav-menu__trigger')\n    if (!triggers) {\n      return\n    }\n\n    triggers.forEach((trigger, i) => {\n      const isOpen = i === this.openIndex\n      trigger.setAttribute('aria-expanded', isOpen ? 'true' : 'false')\n      if (isOpen) {\n        trigger.classList.add('cmm-nav-menu__trigger--active')\n      } else {\n        trigger.classList.remove('cmm-nav-menu__trigger--active')\n      }\n    })\n  }\n\n  /** Check if the container is narrow enough to collapse into hamburger mode */\n  private checkCollapse(): void {\n    if (this.destroyed || !this.navEl) {\n      return\n    }\n\n    const containerWidth = this.container.getBoundingClientRect().width\n    const shouldCollapse = containerWidth < COLLAPSE_BREAKPOINT\n\n    if (shouldCollapse !== this.collapsed) {\n      this.collapsed = shouldCollapse\n\n      if (this.hamburgerEl) {\n        this.hamburgerEl.style.display = shouldCollapse ? 'flex' : 'none'\n      }\n\n      if (this.menuListEl) {\n        if (shouldCollapse) {\n          this.menuListEl.classList.add('cmm-nav-menu__list--collapsed')\n          if (!this.mobileOpen) {\n            this.menuListEl.style.display = 'none'\n          }\n        } else {\n          this.menuListEl.classList.remove('cmm-nav-menu__list--collapsed')\n          this.menuListEl.style.display = ''\n          this.mobileOpen = false\n        }\n      }\n    }\n  }\n\n  /** Open the mobile hamburger menu */\n  private openMobileMenu(): void {\n    this.mobileOpen = true\n    if (this.menuListEl) {\n      this.menuListEl.style.display = ''\n      this.menuListEl.classList.add('cmm-nav-menu__list--mobile-open')\n\n      // Create and activate focus trap for mobile menu\n      if (this.mobileFocusTrap === null) {\n        this.mobileFocusTrap = createFocusTrap(this.menuListEl)\n      } else {\n        this.mobileFocusTrap.update()\n      }\n      this.mobileFocusTrap.activate()\n    }\n    if (this.hamburgerEl) {\n      this.hamburgerEl.setAttribute('aria-expanded', 'true')\n    }\n  }\n\n  /** Close the mobile hamburger menu */\n  private closeMobileMenu(): void {\n    this.mobileOpen = false\n\n    // Deactivate focus trap\n    if (this.mobileFocusTrap !== null) {\n      this.mobileFocusTrap.deactivate()\n    }\n\n    if (this.menuListEl && this.collapsed) {\n      this.menuListEl.style.display = 'none'\n      this.menuListEl.classList.remove('cmm-nav-menu__list--mobile-open')\n    }\n    if (this.hamburgerEl) {\n      this.hamburgerEl.setAttribute('aria-expanded', 'false')\n    }\n  }\n\n  /** Handle keyboard navigation */\n  private onKeyDown(e: KeyboardEvent): void {\n    if (this.destroyed) {\n      return\n    }\n\n    const target = e.target\n    if (\n      target instanceof Node &&\n      this.navEl &&\n      !this.navEl.contains(target) &&\n      this.dropdownEl?.contains(target) !== true\n    ) {\n      return\n    }\n\n    if (e.key === 'Escape') {\n      e.preventDefault()\n      this.closeDropdown()\n      if (this.mobileOpen) {\n        this.closeMobileMenu()\n      }\n      return\n    }\n\n    if (e.key === 'ArrowRight') {\n      e.preventDefault()\n      this.activeKeyIndex = Math.min(this.activeKeyIndex + 1, this.items.length - 1)\n      this.focusTrigger(this.activeKeyIndex)\n      return\n    }\n\n    if (e.key === 'ArrowLeft') {\n      e.preventDefault()\n      this.activeKeyIndex = Math.max(this.activeKeyIndex - 1, 0)\n      this.focusTrigger(this.activeKeyIndex)\n      return\n    }\n\n    if (e.key === 'ArrowDown') {\n      e.preventDefault()\n      if (this.openIndex >= 0 && this.dropdownEl) {\n        // Focus first card in the dropdown\n        const firstCard = this.dropdownEl.querySelector<HTMLElement>('.cmm-nav-menu__card')\n        if (firstCard) {\n          firstCard.focus()\n        }\n      } else if (this.activeKeyIndex >= 0) {\n        this.openDropdown(this.activeKeyIndex)\n      }\n      return\n    }\n\n    if (e.key === 'Enter' || e.key === ' ') {\n      if (this.activeKeyIndex >= 0 && this.openIndex < 0) {\n        e.preventDefault()\n        const item = this.items[this.activeKeyIndex]\n        if (item?.children && item.children.length > 0) {\n          this.openDropdown(this.activeKeyIndex)\n        } else if (item?.href && this.onNavigate) {\n          this.onNavigate(item.href)\n        }\n      }\n    }\n  }\n\n  /** Focus a specific trigger button by index */\n  private focusTrigger(index: number): void {\n    const triggers = this.menuListEl?.querySelectorAll<HTMLElement>('.cmm-nav-menu__trigger')\n    const triggerEl = triggers?.[index]\n    if (triggerEl) {\n      triggerEl.focus()\n    }\n  }\n\n  /** Render the full navigation menu */\n  private render(): void {\n    this.container.innerHTML = ''\n\n    const nav = document.createElement('nav')\n    nav.className = 'cmm-nav-menu'\n    nav.id = this.navId\n    nav.setAttribute('aria-label', 'Main navigation')\n\n    if (this.className) {\n      nav.classList.add(this.className)\n    }\n\n    // Hamburger button (hidden by default, shown on collapse)\n    const hamburger = document.createElement('button')\n    hamburger.className = 'cmm-nav-menu__hamburger'\n    hamburger.type = 'button'\n    hamburger.setAttribute('aria-label', 'Toggle navigation')\n    hamburger.setAttribute('aria-expanded', 'false')\n    hamburger.style.display = 'none'\n    hamburger.innerHTML = '<span></span><span></span><span></span>'\n\n    hamburger.addEventListener('click', (e: MouseEvent) => {\n      e.stopPropagation()\n      if (this.mobileOpen) {\n        this.closeMobileMenu()\n      } else {\n        this.openMobileMenu()\n      }\n    })\n\n    nav.appendChild(hamburger)\n    this.hamburgerEl = hamburger\n\n    // Menu list\n    const list = document.createElement('div')\n    list.className = 'cmm-nav-menu__list'\n    list.setAttribute('role', 'menubar')\n\n    for (let i = 0; i < this.items.length; i++) {\n      const item = this.items[i]\n      if (!item) {\n        continue\n      }\n\n      const hasChildren = item.children !== undefined && item.children.length > 0\n\n      if (hasChildren) {\n        const trigger = document.createElement('button')\n        trigger.className = 'cmm-nav-menu__trigger'\n        trigger.type = 'button'\n        trigger.setAttribute('aria-haspopup', 'true')\n        trigger.setAttribute('aria-expanded', 'false')\n\n        if (item.active === true) {\n          trigger.classList.add('cmm-nav-menu__trigger--current')\n        }\n\n        if (item.icon) {\n          const iconSpan = document.createElement('span')\n          iconSpan.className = 'cmm-nav-menu__icon'\n          iconSpan.setAttribute('aria-hidden', 'true')\n          iconSpan.innerHTML = item.icon\n          trigger.appendChild(iconSpan)\n        }\n\n        const labelSpan = document.createElement('span')\n        labelSpan.textContent = item.label\n        trigger.appendChild(labelSpan)\n\n        // Chevron indicator\n        const chevron = document.createElement('span')\n        chevron.className = 'cmm-nav-menu__chevron'\n        chevron.setAttribute('aria-hidden', 'true')\n        chevron.textContent = '\\u25BE'\n        trigger.appendChild(chevron)\n\n        const index = i\n        trigger.addEventListener('click', (e: MouseEvent) => {\n          e.stopPropagation()\n          if (this.openIndex === index) {\n            this.closeDropdown()\n          } else {\n            this.openDropdown(index)\n          }\n        })\n\n        trigger.addEventListener('mouseenter', () => {\n          if (this.openIndex >= 0 && this.openIndex !== index && !this.collapsed) {\n            this.openDropdown(index)\n          }\n        })\n\n        list.appendChild(trigger)\n      } else {\n        const link = document.createElement('a')\n        link.className = 'cmm-nav-menu__trigger'\n\n        if (item.href) {\n          link.href = item.href\n        }\n\n        if (item.active === true) {\n          link.classList.add('cmm-nav-menu__trigger--current')\n          link.setAttribute('aria-current', 'page')\n        }\n\n        if (item.icon) {\n          const iconSpan = document.createElement('span')\n          iconSpan.className = 'cmm-nav-menu__icon'\n          iconSpan.setAttribute('aria-hidden', 'true')\n          iconSpan.innerHTML = item.icon\n          link.appendChild(iconSpan)\n        }\n\n        const labelSpan = document.createElement('span')\n        labelSpan.textContent = item.label\n        link.appendChild(labelSpan)\n\n        link.addEventListener('click', (e: MouseEvent) => {\n          if (this.onNavigate && item.href) {\n            e.preventDefault()\n            this.onNavigate(item.href)\n          }\n        })\n\n        list.appendChild(link)\n      }\n    }\n\n    nav.appendChild(list)\n    this.container.appendChild(nav)\n    this.navEl = nav\n    this.menuListEl = list\n  }\n}\n"],"mappings":"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"}

package/dist/navigation/navigation-menu/types.d.ts

@@ -0,0 +1,24 @@
+/**
+ * NavigationMenu type definitions
+ * @countermeasure/web-components/navigation/navigation-menu
+ */
+export interface NavChild {
+    label: string;
+    href: string;
+    description?: string;
+    icon?: string;
+}
+export interface NavItem {
+    label: string;
+    href?: string;
+    icon?: string;
+    active?: boolean;
+    children?: NavChild[];
+}
+export interface NavMenuConfig {
+    container: HTMLElement | string;
+    items: NavItem[];
+    className?: string;
+    onNavigate?: (href: string) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/navigation/navigation-menu/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/navigation/navigation-menu/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAA;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,KAAK,EAAE,OAAO,EAAE,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC"}

package/dist/navigation/stepper/index.d.ts

@@ -0,0 +1,34 @@
+import { Step, StepperConfig } from './types';
+export type { Step, StepperConfig, StepperOrientation, StepStatus } from './types';
+export declare class Stepper {
+    private readonly container;
+    private readonly orientation;
+    private readonly allowClick;
+    private readonly linear;
+    private readonly className;
+    private readonly onChangeCallback;
+    private readonly stepperId;
+    private steps;
+    private currentIndex;
+    private destroyed;
+    constructor(config: StepperConfig);
+    /** Navigate to a specific step by index */
+    goTo(index: number): void;
+    /** Move to the next step */
+    next(): void;
+    /** Move to the previous step */
+    prev(): void;
+    /** Get the current active step index */
+    getCurrentIndex(): number;
+    /** Update the steps and re-render */
+    update(steps: Step[]): void;
+    /** Remove all DOM elements and clean up */
+    destroy(): void;
+    /** Set the current index and update statuses */
+    private setCurrentIndex;
+    /** Apply default statuses if not explicitly set */
+    private applyStatuses;
+    /** Render the stepper */
+    private render;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/navigation/stepper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigation/stepper/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,aAAa,EAA4C,MAAM,SAAS,CAAA;AAEjG,YAAY,EAAE,IAAI,EAAE,aAAa,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAUlF,qBAAa,OAAO;IAClB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAa;IACvC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAoB;IAChD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAS;IACpC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAS;IAChC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoB;IAC9C,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAuC;IACxE,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAQ;IAElC,OAAO,CAAC,KAAK,CAAQ;IACrB,OAAO,CAAC,YAAY,CAAQ;IAC5B,OAAO,CAAC,SAAS,CAAQ;gBAEb,MAAM,EAAE,aAAa;IAoBjC,2CAA2C;IAC3C,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAkBzB,4BAA4B;IAC5B,IAAI,IAAI,IAAI;IAMZ,gCAAgC;IAChC,IAAI,IAAI,IAAI;IAMZ,wCAAwC;IACxC,eAAe,IAAI,MAAM;IAIzB,qCAAqC;IACrC,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI;IAS3B,2CAA2C;IAC3C,OAAO,IAAI,IAAI;IAQf,gDAAgD;IAChD,OAAO,CAAC,eAAe;IA8BvB,mDAAmD;IACnD,OAAO,CAAC,aAAa;IAmBrB,yBAAyB;IACzB,OAAO,CAAC,MAAM;CA6Gf"}

package/dist/navigation/stepper/index.js

@@ -0,0 +1,91 @@
+import { n as e, t } from "../../utils-Cn_W3h3f.js";
+//#region src/navigation/stepper/index.ts
+var n = {
+	complete: "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 12 2 2 4-4\"/></svg>",
+	error: "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15 9-6 6\"/><path d=\"m9 9 6 6\"/></svg>"
+}, r = class {
+	container;
+	orientation;
+	allowClick;
+	linear;
+	className;
+	onChangeCallback;
+	stepperId;
+	steps;
+	currentIndex;
+	destroyed = !1;
+	constructor(n) {
+		this.container = t(n.container), this.steps = [...n.steps], this.orientation = n.orientation ?? "horizontal", this.allowClick = n.allowClick !== !1, this.linear = n.linear === !0, this.className = n.className, this.onChangeCallback = n.onChange, this.stepperId = e("cmm-stepper"), this.currentIndex = this.steps.findIndex((e) => e.status === "active"), this.currentIndex < 0 && (this.currentIndex = 0), this.applyStatuses(), this.render();
+	}
+	goTo(e) {
+		this.destroyed || e < 0 || e >= this.steps.length || this.steps[e]?.status !== "disabled" && (this.linear && e > this.currentIndex + 1 || this.setCurrentIndex(e));
+	}
+	next() {
+		this.currentIndex < this.steps.length - 1 && this.goTo(this.currentIndex + 1);
+	}
+	prev() {
+		this.currentIndex > 0 && this.goTo(this.currentIndex - 1);
+	}
+	getCurrentIndex() {
+		return this.currentIndex;
+	}
+	update(e) {
+		this.destroyed || (this.steps = [...e], this.applyStatuses(), this.render());
+	}
+	destroy() {
+		this.destroyed || (this.destroyed = !0, this.container.innerHTML = "");
+	}
+	setCurrentIndex(e) {
+		for (let t = 0; t < this.steps.length; t++) {
+			let n = this.steps[t];
+			n && n.status !== "disabled" && (t < e ? n.status !== "error" && (n.status = "complete") : t === e ? n.status = "active" : n.status !== "error" && (n.status = "pending"));
+		}
+		this.currentIndex = e, this.render(), this.onChangeCallback?.(e);
+	}
+	applyStatuses() {
+		for (let e = 0; e < this.steps.length; e++) {
+			let t = this.steps[e];
+			t && t.status === void 0 && (e < this.currentIndex ? t.status = "complete" : e === this.currentIndex ? t.status = "active" : t.status = "pending");
+		}
+	}
+	render() {
+		this.container.innerHTML = "";
+		let e = document.createElement("div");
+		e.className = "cmm-stepper", e.id = this.stepperId, e.setAttribute("role", "navigation"), e.setAttribute("aria-label", "Progress"), this.orientation === "vertical" && e.classList.add("cmm-stepper--vertical"), this.className && e.classList.add(this.className);
+		let t = document.createElement("ol");
+		t.className = "cmm-stepper__list";
+		for (let e = 0; e < this.steps.length; e++) {
+			let r = this.steps[e];
+			if (!r) continue;
+			let i = r.status ?? "pending", a = document.createElement("li");
+			if (a.className = `cmm-stepper__step cmm-stepper__step--${i}`, e > 0) {
+				let t = document.createElement("div");
+				t.className = "cmm-stepper__connector", t.setAttribute("aria-hidden", "true"), this.steps[e - 1]?.status === "complete" && t.classList.add("cmm-stepper__connector--complete"), a.appendChild(t);
+			}
+			let o = document.createElement("div");
+			if (o.className = "cmm-stepper__indicator", r.icon ? o.innerHTML = r.icon : i === "complete" || i === "error" ? o.innerHTML = n[i] ?? "" : o.textContent = String(e + 1), this.allowClick && i !== "disabled" && (!this.linear || e <= this.currentIndex + 1)) {
+				o.classList.add("cmm-stepper__indicator--clickable"), o.setAttribute("tabindex", "0"), o.setAttribute("role", "button"), o.setAttribute("aria-label", `Go to step ${String(e + 1)}: ${r.label}`);
+				let t = e;
+				o.addEventListener("click", () => {
+					this.goTo(t);
+				}), o.addEventListener("keydown", (e) => {
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.goTo(t));
+				});
+			}
+			a.appendChild(o);
+			let s = document.createElement("div");
+			s.className = "cmm-stepper__content";
+			let c = document.createElement("div");
+			if (c.className = "cmm-stepper__label", c.textContent = r.label, i === "active" && c.setAttribute("aria-current", "step"), s.appendChild(c), r.description) {
+				let e = document.createElement("div");
+				e.className = "cmm-stepper__description", e.textContent = r.description, s.appendChild(e);
+			}
+			a.appendChild(s), t.appendChild(a);
+		}
+		e.appendChild(t), this.container.appendChild(e);
+	}
+};
+//#endregion
+export { r as Stepper };
+
+//# sourceMappingURL=index.js.map

package/dist/navigation/stepper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/navigation/stepper/index.ts"],"sourcesContent":["/**\n * Stepper - Multi-step wizard with visual step indicators\n * @countermeasure/web-components/navigation/stepper\n */\n\nimport { resolveContainer, uniqueId } from '../../primitives/utils'\nimport { type Step, type StepperConfig, type StepperOrientation, type StepStatus } from './types'\n\nexport type { Step, StepperConfig, StepperOrientation, StepStatus } from './types'\n\n/** SVG icons for step status indicators */\nconst STATUS_ICONS: Record<string, string> = {\n  complete:\n    '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 12 2 2 4-4\"/></svg>',\n  error:\n    '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15 9-6 6\"/><path d=\"m9 9 6 6\"/></svg>',\n}\n\nexport class Stepper {\n  private readonly container: HTMLElement\n  private readonly orientation: StepperOrientation\n  private readonly allowClick: boolean\n  private readonly linear: boolean\n  private readonly className: string | undefined\n  private readonly onChangeCallback: ((index: number) => void) | undefined\n  private readonly stepperId: string\n\n  private steps: Step[]\n  private currentIndex: number\n  private destroyed = false\n\n  constructor(config: StepperConfig) {\n    this.container = resolveContainer(config.container)\n    this.steps = [...config.steps]\n    this.orientation = config.orientation ?? 'horizontal'\n    this.allowClick = config.allowClick !== false\n    this.linear = config.linear === true\n    this.className = config.className\n    this.onChangeCallback = config.onChange\n    this.stepperId = uniqueId('cmm-stepper')\n\n    // Determine initial active step\n    this.currentIndex = this.steps.findIndex(s => s.status === 'active')\n    if (this.currentIndex < 0) {\n      this.currentIndex = 0\n    }\n\n    this.applyStatuses()\n    this.render()\n  }\n\n  /** Navigate to a specific step by index */\n  goTo(index: number): void {\n    if (this.destroyed || index < 0 || index >= this.steps.length) {\n      return\n    }\n\n    const targetStep = this.steps[index]\n    if (targetStep?.status === 'disabled') {\n      return\n    }\n\n    // In linear mode, only allow navigating to completed steps or the next step\n    if (this.linear && index > this.currentIndex + 1) {\n      return\n    }\n\n    this.setCurrentIndex(index)\n  }\n\n  /** Move to the next step */\n  next(): void {\n    if (this.currentIndex < this.steps.length - 1) {\n      this.goTo(this.currentIndex + 1)\n    }\n  }\n\n  /** Move to the previous step */\n  prev(): void {\n    if (this.currentIndex > 0) {\n      this.goTo(this.currentIndex - 1)\n    }\n  }\n\n  /** Get the current active step index */\n  getCurrentIndex(): number {\n    return this.currentIndex\n  }\n\n  /** Update the steps and re-render */\n  update(steps: Step[]): void {\n    if (this.destroyed) {\n      return\n    }\n    this.steps = [...steps]\n    this.applyStatuses()\n    this.render()\n  }\n\n  /** Remove all DOM elements and clean up */\n  destroy(): void {\n    if (this.destroyed) {\n      return\n    }\n    this.destroyed = true\n    this.container.innerHTML = ''\n  }\n\n  /** Set the current index and update statuses */\n  private setCurrentIndex(index: number): void {\n    // Mark steps before current as complete (if not already error/disabled)\n    for (let i = 0; i < this.steps.length; i++) {\n      const step = this.steps[i]\n      if (!step) {\n        continue\n      }\n\n      if (step.status === 'disabled') {\n        continue\n      }\n\n      if (i < index) {\n        if (step.status !== 'error') {\n          step.status = 'complete'\n        }\n      } else if (i === index) {\n        step.status = 'active'\n      } else {\n        if (step.status !== 'error') {\n          step.status = 'pending'\n        }\n      }\n    }\n\n    this.currentIndex = index\n    this.render()\n    this.onChangeCallback?.(index)\n  }\n\n  /** Apply default statuses if not explicitly set */\n  private applyStatuses(): void {\n    for (let i = 0; i < this.steps.length; i++) {\n      const step = this.steps[i]\n      if (!step) {\n        continue\n      }\n\n      if (step.status === undefined) {\n        if (i < this.currentIndex) {\n          step.status = 'complete'\n        } else if (i === this.currentIndex) {\n          step.status = 'active'\n        } else {\n          step.status = 'pending'\n        }\n      }\n    }\n  }\n\n  /** Render the stepper */\n  private render(): void {\n    this.container.innerHTML = ''\n\n    const root = document.createElement('div')\n    root.className = 'cmm-stepper'\n    root.id = this.stepperId\n    root.setAttribute('role', 'navigation')\n    root.setAttribute('aria-label', 'Progress')\n\n    if (this.orientation === 'vertical') {\n      root.classList.add('cmm-stepper--vertical')\n    }\n\n    if (this.className) {\n      root.classList.add(this.className)\n    }\n\n    const ol = document.createElement('ol')\n    ol.className = 'cmm-stepper__list'\n\n    for (let i = 0; i < this.steps.length; i++) {\n      const step = this.steps[i]\n      if (!step) {\n        continue\n      }\n\n      const status: StepStatus = step.status ?? 'pending'\n      const li = document.createElement('li')\n      li.className = `cmm-stepper__step cmm-stepper__step--${status}`\n\n      // Connector line (before each step except the first)\n      if (i > 0) {\n        const connector = document.createElement('div')\n        connector.className = 'cmm-stepper__connector'\n        connector.setAttribute('aria-hidden', 'true')\n\n        // Mark connector as complete if previous step is complete\n        const prevStep = this.steps[i - 1]\n        if (prevStep?.status === 'complete') {\n          connector.classList.add('cmm-stepper__connector--complete')\n        }\n\n        li.appendChild(connector)\n      }\n\n      // Step indicator circle\n      const indicator = document.createElement('div')\n      indicator.className = 'cmm-stepper__indicator'\n\n      if (step.icon) {\n        indicator.innerHTML = step.icon\n      } else if (status === 'complete' || status === 'error') {\n        indicator.innerHTML = STATUS_ICONS[status] ?? ''\n      } else {\n        indicator.textContent = String(i + 1)\n      }\n\n      // Click handler\n      if (this.allowClick && status !== 'disabled') {\n        const isClickable = !this.linear || i <= this.currentIndex + 1\n        if (isClickable) {\n          indicator.classList.add('cmm-stepper__indicator--clickable')\n          indicator.setAttribute('tabindex', '0')\n          indicator.setAttribute('role', 'button')\n          indicator.setAttribute('aria-label', `Go to step ${String(i + 1)}: ${step.label}`)\n\n          const stepIndex = i\n          indicator.addEventListener('click', () => {\n            this.goTo(stepIndex)\n          })\n          indicator.addEventListener('keydown', (e: KeyboardEvent) => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.preventDefault()\n              this.goTo(stepIndex)\n            }\n          })\n        }\n      }\n\n      li.appendChild(indicator)\n\n      // Step text content\n      const content = document.createElement('div')\n      content.className = 'cmm-stepper__content'\n\n      const label = document.createElement('div')\n      label.className = 'cmm-stepper__label'\n      label.textContent = step.label\n\n      if (status === 'active') {\n        label.setAttribute('aria-current', 'step')\n      }\n\n      content.appendChild(label)\n\n      if (step.description) {\n        const desc = document.createElement('div')\n        desc.className = 'cmm-stepper__description'\n        desc.textContent = step.description\n        content.appendChild(desc)\n      }\n\n      li.appendChild(content)\n      ol.appendChild(li)\n    }\n\n    root.appendChild(ol)\n    this.container.appendChild(root)\n  }\n}\n"],"mappings":"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"}

package/dist/navigation/stepper/types.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Stepper type definitions
+ * @countermeasure/web-components/navigation/stepper
+ */
+export type StepStatus = 'pending' | 'active' | 'complete' | 'error' | 'disabled';
+export interface Step {
+    label: string;
+    description?: string;
+    icon?: string;
+    status?: StepStatus;
+}
+export type StepperOrientation = 'horizontal' | 'vertical';
+export interface StepperConfig {
+    container: HTMLElement | string;
+    steps: Step[];
+    orientation?: StepperOrientation;
+    allowClick?: boolean;
+    linear?: boolean;
+    className?: string;
+    onChange?: (index: number) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/navigation/stepper/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/navigation/stepper/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAA;AAEjF,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB;AAED,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAA;AAE1D,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,WAAW,CAAC,EAAE,kBAAkB,CAAA;IAChC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC"}