@countermeasure-platform/web-components 1.2.1 → 1.2.2-dev.7.1

package/dist/classDiagram-4FO5ZUOK-CZv04EX-.js

@@ -0,0 +1,31 @@
+import { n as e } from "./src-DngnQkx_.js";
+import "./chunk-CSCIHK7Q-DyRIc27i.js";
+import "./chunk-5ZQYHXKU-CjOcwRY6.js";
+import "./chunk-O5CBEL6O-DThtyjPO.js";
+import "./chunk-FMBD7UC4-IdpWVRCU.js";
+import "./chunk-BSJP7CBP-Bl94i3-1.js";
+import "./chunk-L5ZTLDWV-Day0EgsR.js";
+import "./chunk-ND2GUHAM-Boh7GenS.js";
+import "./chunk-55IACEB6-CuKbiO89.js";
+import "./chunk-2J33WTMH-BKsVIUnb.js";
+import "./chunk-NZK2D7GU-D4Ird7wv.js";
+import "./chunk-3OPIFGDE-CcNRL44h.js";
+import "./chunk-KSCS5N6A-CVcDS9QV.js";
+import "./chunk-LZXEDZCA-BO_GpQSR.js";
+import { i as t, n, r, t as i } from "./chunk-727SXJPM-kowsFLrz.js";
+//#region node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-4FO5ZUOK.mjs
+var a = {
+	parser: n,
+	get db() {
+		return new i();
+	},
+	renderer: r,
+	styles: t,
+	init: /* @__PURE__ */ e((e) => {
+		e.class ||= {}, e.class.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
+	}, "init")
+};
+//#endregion
+export { a as diagram };
+
+//# sourceMappingURL=classDiagram-4FO5ZUOK-CZv04EX-.js.map

package/dist/{classDiagram-VBA2DB6C-DZfC0xPM.js.map → classDiagram-4FO5ZUOK-CZv04EX-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"classDiagram-VBA2DB6C-DZfC0xPM.js","names":[],"sources":["../node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-VBA2DB6C.mjs"],"sourcesContent":["import {\n  ClassDB,\n  classDiagram_default,\n  classRenderer_v3_unified_default,\n  styles_default\n} from \"./chunk-WL4C6EOR.mjs\";\nimport \"./chunk-FMBD7UC4.mjs\";\nimport \"./chunk-JSJVCQXG.mjs\";\nimport \"./chunk-55IACEB6.mjs\";\nimport \"./chunk-KX2RTZJC.mjs\";\nimport \"./chunk-GLR3WWYH.mjs\";\nimport \"./chunk-O4XLMI2P.mjs\";\nimport \"./chunk-MX3YWQON.mjs\";\nimport \"./chunk-KYZI473N.mjs\";\nimport \"./chunk-YBOYWFTD.mjs\";\nimport \"./chunk-PQ6SQG4A.mjs\";\nimport \"./chunk-PU5JKC2W.mjs\";\nimport \"./chunk-GEFDOKGD.mjs\";\nimport \"./chunk-7R4GIKGN.mjs\";\nimport {\n  __name\n} from \"./chunk-AGHRB4JF.mjs\";\n\n// src/diagrams/class/classDiagram.ts\nvar diagram = {\n  parser: classDiagram_default,\n  get db() {\n    return new ClassDB();\n  },\n  renderer: classRenderer_v3_unified_default,\n  styles: styles_default,\n  init: /* @__PURE__ */ __name((cnf) => {\n    if (!cnf.class) {\n      cnf.class = {};\n    }\n    cnf.class.arrowMarkerAbsolute = cnf.arrowMarkerAbsolute;\n  }, \"init\")\n};\nexport {\n  diagram\n};\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;;;;;;;;AAwBA,IAAI,IAAU;CACZ,QAAQ;CACR,IAAI,KAAK;AACP,SAAO,IAAI,GAAS;;CAEtB,UAAU;CACV,QAAQ;CACR,MAAsB,mBAAQ,MAAQ;AAIpC,EAHA,AACE,EAAI,UAAQ,EAAE,EAEhB,EAAI,MAAM,sBAAsB,EAAI;IACnC,OAAO;CACX"}
+{"version":3,"file":"classDiagram-4FO5ZUOK-CZv04EX-.js","names":[],"sources":["../node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-4FO5ZUOK.mjs"],"sourcesContent":["import {\n  ClassDB,\n  classDiagram_default,\n  classRenderer_v3_unified_default,\n  styles_default\n} from \"./chunk-727SXJPM.mjs\";\nimport \"./chunk-FMBD7UC4.mjs\";\nimport \"./chunk-ND2GUHAM.mjs\";\nimport \"./chunk-55IACEB6.mjs\";\nimport \"./chunk-2J33WTMH.mjs\";\nimport \"./chunk-LZXEDZCA.mjs\";\nimport \"./chunk-KSCS5N6A.mjs\";\nimport \"./chunk-BSJP7CBP.mjs\";\nimport \"./chunk-3OPIFGDE.mjs\";\nimport \"./chunk-L5ZTLDWV.mjs\";\nimport \"./chunk-NZK2D7GU.mjs\";\nimport \"./chunk-O5CBEL6O.mjs\";\nimport \"./chunk-5ZQYHXKU.mjs\";\nimport \"./chunk-CSCIHK7Q.mjs\";\nimport {\n  __name\n} from \"./chunk-AGHRB4JF.mjs\";\n\n// src/diagrams/class/classDiagram.ts\nvar diagram = {\n  parser: classDiagram_default,\n  get db() {\n    return new ClassDB();\n  },\n  renderer: classRenderer_v3_unified_default,\n  styles: styles_default,\n  init: /* @__PURE__ */ __name((cnf) => {\n    if (!cnf.class) {\n      cnf.class = {};\n    }\n    cnf.class.arrowMarkerAbsolute = cnf.arrowMarkerAbsolute;\n  }, \"init\")\n};\nexport {\n  diagram\n};\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;;;;;;;;AAwBA,IAAI,IAAU;CACZ,QAAQ;CACR,IAAI,KAAK;AACP,SAAO,IAAI,GAAS;;CAEtB,UAAU;CACV,QAAQ;CACR,MAAsB,mBAAQ,MAAQ;AAIpC,EAHA,AACE,EAAI,UAAQ,EAAE,EAEhB,EAAI,MAAM,sBAAsB,EAAI;IACnC,OAAO;CACX"}

package/dist/classDiagram-v2-Q7XG4LA2-aOPSPoxt.js

@@ -0,0 +1,31 @@
+import { n as e } from "./src-DngnQkx_.js";
+import "./chunk-CSCIHK7Q-DyRIc27i.js";
+import "./chunk-5ZQYHXKU-CjOcwRY6.js";
+import "./chunk-O5CBEL6O-DThtyjPO.js";
+import "./chunk-FMBD7UC4-IdpWVRCU.js";
+import "./chunk-BSJP7CBP-Bl94i3-1.js";
+import "./chunk-L5ZTLDWV-Day0EgsR.js";
+import "./chunk-ND2GUHAM-Boh7GenS.js";
+import "./chunk-55IACEB6-CuKbiO89.js";
+import "./chunk-2J33WTMH-BKsVIUnb.js";
+import "./chunk-NZK2D7GU-D4Ird7wv.js";
+import "./chunk-3OPIFGDE-CcNRL44h.js";
+import "./chunk-KSCS5N6A-CVcDS9QV.js";
+import "./chunk-LZXEDZCA-BO_GpQSR.js";
+import { i as t, n, r, t as i } from "./chunk-727SXJPM-kowsFLrz.js";
+//#region node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-v2-Q7XG4LA2.mjs
+var a = {
+	parser: n,
+	get db() {
+		return new i();
+	},
+	renderer: r,
+	styles: t,
+	init: /* @__PURE__ */ e((e) => {
+		e.class ||= {}, e.class.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
+	}, "init")
+};
+//#endregion
+export { a as diagram };
+
+//# sourceMappingURL=classDiagram-v2-Q7XG4LA2-aOPSPoxt.js.map

package/dist/{classDiagram-v2-RAHNMMFH-CtWRD1ax.js.map → classDiagram-v2-Q7XG4LA2-aOPSPoxt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"classDiagram-v2-RAHNMMFH-CtWRD1ax.js","names":[],"sources":["../node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-v2-RAHNMMFH.mjs"],"sourcesContent":["import {\n  ClassDB,\n  classDiagram_default,\n  classRenderer_v3_unified_default,\n  styles_default\n} from \"./chunk-WL4C6EOR.mjs\";\nimport \"./chunk-FMBD7UC4.mjs\";\nimport \"./chunk-JSJVCQXG.mjs\";\nimport \"./chunk-55IACEB6.mjs\";\nimport \"./chunk-KX2RTZJC.mjs\";\nimport \"./chunk-GLR3WWYH.mjs\";\nimport \"./chunk-O4XLMI2P.mjs\";\nimport \"./chunk-MX3YWQON.mjs\";\nimport \"./chunk-KYZI473N.mjs\";\nimport \"./chunk-YBOYWFTD.mjs\";\nimport \"./chunk-PQ6SQG4A.mjs\";\nimport \"./chunk-PU5JKC2W.mjs\";\nimport \"./chunk-GEFDOKGD.mjs\";\nimport \"./chunk-7R4GIKGN.mjs\";\nimport {\n  __name\n} from \"./chunk-AGHRB4JF.mjs\";\n\n// src/diagrams/class/classDiagram-v2.ts\nvar diagram = {\n  parser: classDiagram_default,\n  get db() {\n    return new ClassDB();\n  },\n  renderer: classRenderer_v3_unified_default,\n  styles: styles_default,\n  init: /* @__PURE__ */ __name((cnf) => {\n    if (!cnf.class) {\n      cnf.class = {};\n    }\n    cnf.class.arrowMarkerAbsolute = cnf.arrowMarkerAbsolute;\n  }, \"init\")\n};\nexport {\n  diagram\n};\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;;;;;;;;AAwBA,IAAI,IAAU;CACZ,QAAQ;CACR,IAAI,KAAK;AACP,SAAO,IAAI,GAAS;;CAEtB,UAAU;CACV,QAAQ;CACR,MAAsB,mBAAQ,MAAQ;AAIpC,EAHA,AACE,EAAI,UAAQ,EAAE,EAEhB,EAAI,MAAM,sBAAsB,EAAI;IACnC,OAAO;CACX"}
+{"version":3,"file":"classDiagram-v2-Q7XG4LA2-aOPSPoxt.js","names":[],"sources":["../node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-v2-Q7XG4LA2.mjs"],"sourcesContent":["import {\n  ClassDB,\n  classDiagram_default,\n  classRenderer_v3_unified_default,\n  styles_default\n} from \"./chunk-727SXJPM.mjs\";\nimport \"./chunk-FMBD7UC4.mjs\";\nimport \"./chunk-ND2GUHAM.mjs\";\nimport \"./chunk-55IACEB6.mjs\";\nimport \"./chunk-2J33WTMH.mjs\";\nimport \"./chunk-LZXEDZCA.mjs\";\nimport \"./chunk-KSCS5N6A.mjs\";\nimport \"./chunk-BSJP7CBP.mjs\";\nimport \"./chunk-3OPIFGDE.mjs\";\nimport \"./chunk-L5ZTLDWV.mjs\";\nimport \"./chunk-NZK2D7GU.mjs\";\nimport \"./chunk-O5CBEL6O.mjs\";\nimport \"./chunk-5ZQYHXKU.mjs\";\nimport \"./chunk-CSCIHK7Q.mjs\";\nimport {\n  __name\n} from \"./chunk-AGHRB4JF.mjs\";\n\n// src/diagrams/class/classDiagram-v2.ts\nvar diagram = {\n  parser: classDiagram_default,\n  get db() {\n    return new ClassDB();\n  },\n  renderer: classRenderer_v3_unified_default,\n  styles: styles_default,\n  init: /* @__PURE__ */ __name((cnf) => {\n    if (!cnf.class) {\n      cnf.class = {};\n    }\n    cnf.class.arrowMarkerAbsolute = cnf.arrowMarkerAbsolute;\n  }, \"init\")\n};\nexport {\n  diagram\n};\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;;;;;;;;AAwBA,IAAI,IAAU;CACZ,QAAQ;CACR,IAAI,KAAK;AACP,SAAO,IAAI,GAAS;;CAEtB,UAAU;CACV,QAAQ;CACR,MAAsB,mBAAQ,MAAQ;AAIpC,EAHA,AACE,EAAI,UAAQ,EAAE,EAEhB,EAAI,MAAM,sBAAsB,EAAI;IACnC,OAAO;CACX"}

package/dist/component-Dye0I6sO.js

@@ -0,0 +1,145 @@
+import { getIconSvgInner as e } from "./icons/index.js";
+import { t } from "./utils-C_mWfcFX.js";
+import { createBrandLockupElement as n } from "./components/brand/index.js";
+//#region src/sidebar/component.ts
+function r(e) {
+	return `sidebar--${e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || "app"}`;
+}
+function i(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 a = class {
+	container;
+	aside;
+	config;
+	iconSet;
+	collapseButton = null;
+	constructor(e) {
+		this.config = e, this.container = t(e.container), this.iconSet = e.iconSet ?? "lucide", this.aside = document.createElement("aside");
+		let n = e.variant ?? "app";
+		this.aside.classList.add("sidebar", r(n)), this.aside.setAttribute("data-sidebar", n), this.render(), this.container.appendChild(this.aside);
+	}
+	render() {
+		this.config.collapsible === !0 && this.renderCollapseButton(), this.renderHeader();
+		let e = document.createElement("div");
+		e.classList.add("sidebar__body");
+		for (let t of this.config.sections) {
+			let n = document.createElement("div");
+			if (n.classList.add("sidebar__section"), t.label) {
+				let e = document.createElement("div");
+				e.classList.add("sidebar__section-label"), e.textContent = t.label, n.appendChild(e);
+			}
+			for (let e of t.items) {
+				let t = document.createElement("a");
+				if (t.classList.add("sidebar__item"), t.setAttribute("data-item-id", e.id), t.setAttribute("title", e.label), e.icon) {
+					let n = i(this.iconSet, e.icon);
+					t.appendChild(n);
+				}
+				let r = document.createElement("span");
+				if (r.classList.add("sidebar__item-label"), r.textContent = e.label, t.appendChild(r), e.badge !== void 0 && e.badge > 0) {
+					let n = document.createElement("span"), r = e.badgeTone ?? "primary";
+					t.setAttribute("data-badge-visible", "true"), t.setAttribute("data-badge-tone", r), n.classList.add("sidebar__badge", `sidebar__badge--${r}`), n.setAttribute("data-badge", e.id), n.textContent = String(e.badge), t.appendChild(n);
+				}
+				t.addEventListener("click", () => {
+					this.config.onNavigate && this.config.onNavigate(e), e.onClick && e.onClick();
+				}), n.appendChild(t);
+			}
+			e.appendChild(n);
+		}
+		this.aside.appendChild(e), this.renderFooter();
+	}
+	renderHeader() {
+		let e = this.config.brand;
+		if (e === void 0) return;
+		let t = document.createElement("div");
+		t.classList.add("sidebar__header");
+		let r = document.createElement("div");
+		r.classList.add("sidebar__header-row");
+		let i = e.href === void 0 ? e.onClick === void 0 ? document.createElement("span") : document.createElement("button") : document.createElement("a");
+		i.classList.add("sidebar__brand"), i instanceof HTMLAnchorElement && (i.href = e.href ?? "#", i.setAttribute("aria-label", e.label ?? "CounterMeasure")), i instanceof HTMLButtonElement && (i.type = "button", i.setAttribute("aria-label", e.label ?? "CounterMeasure")), e.onClick !== void 0 && i.addEventListener("click", e.onClick), i.appendChild(n({
+			label: e.label ?? "CounterMeasure",
+			markSize: e.markSize ?? 22,
+			showWordmark: e.showWordmark ?? !0,
+			decorative: e.decorative ?? !1
+		})), r.appendChild(i), t.appendChild(r), this.aside.appendChild(t);
+	}
+	renderCollapseButton() {
+		let e = document.createElement("button");
+		e.type = "button", e.classList.add("sidebar__collapse-btn", "sidebar__collapse-btn--edge"), e.setAttribute("data-sidebar-toggle", ""), this.config.collapseButtonVisible === !0 && e.setAttribute("data-visible", "true");
+		let t = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+		t.setAttribute("aria-hidden", "true"), t.setAttribute("viewBox", "0 0 24 24"), t.setAttribute("fill", "none"), t.setAttribute("stroke", "currentColor"), t.setAttribute("stroke-width", "2"), t.setAttribute("stroke-linecap", "round"), t.setAttribute("stroke-linejoin", "round");
+		let n = document.createElementNS("http://www.w3.org/2000/svg", "path");
+		t.appendChild(n), e.appendChild(t), e.addEventListener("click", () => {
+			this.toggleCollapse();
+		}), this.collapseButton = e, this.updateCollapseButton(), this.aside.appendChild(e);
+	}
+	renderFooter() {
+		let e = this.config.user !== void 0, t = this.config.footerActions !== void 0 && this.config.footerActions.length > 0;
+		if (!e && !t) return;
+		let n = document.createElement("div");
+		n.classList.add("sidebar__footer");
+		let r = document.createElement("div");
+		if (r.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), r.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 n = document.createElement("button");
+				n.classList.add("sidebar__footer-icon"), t.danger === !0 && n.classList.add("sidebar__footer-icon--danger"), n.setAttribute("aria-label", t.label);
+				let r = i(this.iconSet, t.icon);
+				if (n.appendChild(r), t.onClick) {
+					let e = t.onClick;
+					n.addEventListener("click", () => {
+						e();
+					});
+				}
+				e.appendChild(n);
+			}
+			r.appendChild(e);
+		}
+		n.appendChild(r), this.aside.appendChild(n);
+	}
+	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) : "", n.closest(".sidebar__item")?.setAttribute("data-badge-visible", String(t > 0)));
+	}
+	toggleCollapse() {
+		let e = this.aside.classList.toggle("sidebar--collapsed");
+		this.updateCollapseButton(), this.config.onCollapse && this.config.onCollapse(e);
+	}
+	collapse() {
+		let e = this.aside.classList.contains("sidebar--collapsed");
+		this.aside.classList.add("sidebar--collapsed"), this.updateCollapseButton(), !e && this.config.onCollapse && this.config.onCollapse(!0);
+	}
+	expand() {
+		let e = this.aside.classList.contains("sidebar--collapsed");
+		this.aside.classList.remove("sidebar--collapsed"), this.updateCollapseButton(), e && this.config.onCollapse && this.config.onCollapse(!1);
+	}
+	destroy() {
+		this.aside.remove();
+	}
+	updateCollapseButton() {
+		if (this.collapseButton === null) return;
+		let e = this.aside.classList.contains("sidebar--collapsed"), t = e ? "Expand sidebar" : "Collapse sidebar";
+		this.collapseButton.setAttribute("aria-label", t), this.collapseButton.setAttribute("aria-expanded", String(!e)), this.collapseButton.setAttribute("title", t), this.collapseButton.setAttribute("data-collapsed", String(e)), this.collapseButton.querySelector("path")?.setAttribute("d", e ? "m9 18 6-6-6-6" : "m15 18-6-6 6-6");
+	}
+};
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=component-Dye0I6sO.js.map

package/dist/component-Dye0I6sO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-Dye0I6sO.js","names":[],"sources":["../src/sidebar/component.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 { createBrandLockupElement } from '../components/brand'\nimport { type SidebarComponentConfig } from './types'\n\nfunction toSidebarVariantClassName(variant: string): string {\n  const normalized = variant.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '')\n  return `sidebar--${normalized || 'app'}`\n}\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  private collapseButton: HTMLButtonElement | null = null\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    const variant = config.variant ?? 'app'\n    this.aside.classList.add('sidebar', toSidebarVariantClassName(variant))\n    this.aside.setAttribute('data-sidebar', variant)\n\n    this.render()\n    this.container.appendChild(this.aside)\n  }\n\n  private render(): void {\n    if (this.config.collapsible === true) {\n      this.renderCollapseButton()\n    }\n\n    this.renderHeader()\n\n    const body = document.createElement('div')\n    body.classList.add('sidebar__body')\n\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        link.setAttribute('title', item.label)\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          const tone = item.badgeTone ?? 'primary'\n          link.setAttribute('data-badge-visible', 'true')\n          link.setAttribute('data-badge-tone', tone)\n          badge.classList.add('sidebar__badge', `sidebar__badge--${tone}`)\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      body.appendChild(sectionEl)\n    }\n\n    this.aside.appendChild(body)\n    this.renderFooter()\n  }\n\n  private renderHeader(): void {\n    const brand = this.config.brand\n    if (brand === undefined) {\n      return\n    }\n\n    const header = document.createElement('div')\n    header.classList.add('sidebar__header')\n\n    const row = document.createElement('div')\n    row.classList.add('sidebar__header-row')\n\n    const brandEl =\n      brand.href !== undefined\n        ? document.createElement('a')\n        : brand.onClick !== undefined\n          ? document.createElement('button')\n          : document.createElement('span')\n\n    brandEl.classList.add('sidebar__brand')\n\n    if (brandEl instanceof HTMLAnchorElement) {\n      brandEl.href = brand.href ?? '#'\n      brandEl.setAttribute('aria-label', brand.label ?? 'CounterMeasure')\n    }\n\n    if (brandEl instanceof HTMLButtonElement) {\n      brandEl.type = 'button'\n      brandEl.setAttribute('aria-label', brand.label ?? 'CounterMeasure')\n    }\n\n    if (brand.onClick !== undefined) {\n      brandEl.addEventListener('click', brand.onClick)\n    }\n\n    brandEl.appendChild(\n      createBrandLockupElement({\n        label: brand.label ?? 'CounterMeasure',\n        markSize: brand.markSize ?? 22,\n        showWordmark: brand.showWordmark ?? true,\n        decorative: brand.decorative ?? false,\n      })\n    )\n\n    row.appendChild(brandEl)\n    header.appendChild(row)\n    this.aside.appendChild(header)\n  }\n\n  private renderCollapseButton(): void {\n    const button = document.createElement('button')\n    button.type = 'button'\n    button.classList.add('sidebar__collapse-btn', 'sidebar__collapse-btn--edge')\n    button.setAttribute('data-sidebar-toggle', '')\n\n    if (this.config.collapseButtonVisible === true) {\n      button.setAttribute('data-visible', 'true')\n    }\n\n    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n    svg.setAttribute('aria-hidden', 'true')\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\n    const path = document.createElementNS('http://www.w3.org/2000/svg', 'path')\n    svg.appendChild(path)\n    button.appendChild(svg)\n\n    button.addEventListener('click', () => {\n      this.toggleCollapse()\n    })\n\n    this.collapseButton = button\n    this.updateCollapseButton()\n    this.aside.appendChild(button)\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      const item = badge.closest<HTMLElement>('.sidebar__item')\n      item?.setAttribute('data-badge-visible', String(count > 0))\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    this.updateCollapseButton()\n    if (this.config.onCollapse) {\n      this.config.onCollapse(isCollapsed)\n    }\n  }\n\n  /** Collapse the sidebar. */\n  collapse(): void {\n    const wasCollapsed = this.aside.classList.contains('sidebar--collapsed')\n    this.aside.classList.add('sidebar--collapsed')\n    this.updateCollapseButton()\n    if (!wasCollapsed && this.config.onCollapse) {\n      this.config.onCollapse(true)\n    }\n  }\n\n  /** Expand the sidebar. */\n  expand(): void {\n    const wasCollapsed = this.aside.classList.contains('sidebar--collapsed')\n    this.aside.classList.remove('sidebar--collapsed')\n    this.updateCollapseButton()\n    if (wasCollapsed && this.config.onCollapse) {\n      this.config.onCollapse(false)\n    }\n  }\n\n  /** Remove the sidebar from the DOM. */\n  destroy(): void {\n    this.aside.remove()\n  }\n\n  private updateCollapseButton(): void {\n    if (this.collapseButton === null) {\n      return\n    }\n\n    const isCollapsed = this.aside.classList.contains('sidebar--collapsed')\n    const label = isCollapsed ? 'Expand sidebar' : 'Collapse sidebar'\n    this.collapseButton.setAttribute('aria-label', label)\n    this.collapseButton.setAttribute('aria-expanded', String(!isCollapsed))\n    this.collapseButton.setAttribute('title', label)\n    this.collapseButton.setAttribute('data-collapsed', String(isCollapsed))\n    this.collapseButton\n      .querySelector('path')\n      ?.setAttribute('d', isCollapsed ? 'm9 18 6-6-6-6' : 'm15 18-6-6 6-6')\n  }\n}\n"],"mappings":"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"}

package/dist/components/brand/index.d.ts

@@ -1,5 +1,5 @@
-import { BrandSize, ConnectorLogoConfig, ConnectorLogoSize, DiamondConfig, WordmarkConfig } from './types';
-export type { BrandSize, ConnectorLogoConfig, ConnectorLogoSize, DiamondConfig, WordmarkConfig, WordmarkVariant, } from './types';
+import { BrandLockupConfig, BrandSize, ConnectorLogoConfig, ConnectorLogoSize, DiamondConfig, WordmarkConfig } from './types';
+export type { BrandSize, BrandLockupConfig, ConnectorLogoConfig, ConnectorLogoSize, DiamondConfig, WordmarkConfig, WordmarkVariant, } from './types';
 export declare const CONNECTOR_LOGO_PALETTE: {
     readonly Splunk: "#FF6B35";
     readonly Sentinel: "#0078D4";
@@ -28,6 +28,11 @@ export declare class Wordmark {
     destroy(): void;
     private applyAccessibility;
 }
+export declare class BrandLockup {
+    readonly el: HTMLSpanElement;
+    constructor(config?: BrandLockupConfig);
+    destroy(): void;
+}
 export declare class ConnectorLogo {
     readonly el: HTMLSpanElement;
     constructor(config: ConnectorLogoConfig);
@@ -36,6 +41,7 @@ export declare class ConnectorLogo {
 }
 export declare function createDiamondSvg(config?: DiamondConfig): SVGSVGElement;
 export declare function createWordmarkSvg(config?: WordmarkConfig): SVGSVGElement;
+export declare function createBrandLockupElement(config?: BrandLockupConfig): HTMLSpanElement;
 export declare function getConnectorLogoColor(name: string): string;
 export declare function getConnectorLogoTone(name: string): string;
 export declare function getConnectorLogoInitial(name: string): string;

package/dist/components/brand/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/brand/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACL,KAAK,SAAS,EACd,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,SAAS,CAAA;AAGhB,YAAY,EACV,SAAS,EACT,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,eAAe,GAChB,MAAM,SAAS,CAAA;AAKhB,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;CAazB,CAAA;AAmBV,qBAAa,OAAO;IAClB,SAAgB,EAAE,EAAE,aAAa,CAAA;gBAErB,MAAM,GAAE,aAAkB;IAStC,OAAO,IAAI,IAAI;CAGhB;AAED,qBAAa,QAAQ;IACnB,SAAgB,EAAE,EAAE,cAAc,CAAA;IAClC,SAAgB,GAAG,EAAE,aAAa,CAAA;IAClC,OAAO,CAAC,UAAU,CAA+B;gBAErC,MAAM,GAAE,cAAmB;IAuBvC,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAgB1C,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,kBAAkB;CAS3B;AAED,qBAAa,aAAa;IACxB,SAAgB,EAAE,EAAE,eAAe,CAAA;gBAEvB,MAAM,EAAE,mBAAmB;IA6BvC,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,kBAAkB;CAS3B;AAED,wBAAgB,gBAAgB,CAAC,MAAM,GAAE,aAAkB,GAAG,aAAa,CAwB1E;AAED,wBAAgB,iBAAiB,CAAC,MAAM,GAAE,cAAmB,GAAG,aAAa,CAuB5E;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAG1D;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAGzD;AAED,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAG5D;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAMzF;AAED,wBAAgB,yBAAyB,CAAC,IAAI,GAAE,iBAAsB,GAAG,MAAM,CAE9E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/brand/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,SAAS,CAAA;AAGhB,YAAY,EACV,SAAS,EACT,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,eAAe,GAChB,MAAM,SAAS,CAAA;AAKhB,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;CAazB,CAAA;AAmBV,qBAAa,OAAO;IAClB,SAAgB,EAAE,EAAE,aAAa,CAAA;gBAErB,MAAM,GAAE,aAAkB;IAStC,OAAO,IAAI,IAAI;CAGhB;AAED,qBAAa,QAAQ;IACnB,SAAgB,EAAE,EAAE,cAAc,CAAA;IAClC,SAAgB,GAAG,EAAE,aAAa,CAAA;IAClC,OAAO,CAAC,UAAU,CAA+B;gBAErC,MAAM,GAAE,cAAmB;IAuBvC,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAgB1C,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,kBAAkB;CAS3B;AAED,qBAAa,WAAW;IACtB,SAAgB,EAAE,EAAE,eAAe,CAAA;gBAEvB,MAAM,GAAE,iBAAsB;IAS1C,OAAO,IAAI,IAAI;CAGhB;AAED,qBAAa,aAAa;IACxB,SAAgB,EAAE,EAAE,eAAe,CAAA;gBAEvB,MAAM,EAAE,mBAAmB;IA6BvC,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,kBAAkB;CAS3B;AAED,wBAAgB,gBAAgB,CAAC,MAAM,GAAE,aAAkB,GAAG,aAAa,CAwB1E;AAED,wBAAgB,iBAAiB,CAAC,MAAM,GAAE,cAAmB,GAAG,aAAa,CAuB5E;AAED,wBAAgB,wBAAwB,CAAC,MAAM,GAAE,iBAAsB,GAAG,eAAe,CAgCxF;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAG1D;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAGzD;AAED,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAG5D;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAMzF;AAED,wBAAgB,yBAAyB,CAAC,IAAI,GAAE,iBAAsB,GAAG,MAAM,CAE9E"}

package/dist/components/brand/index.js

@@ -36,7 +36,7 @@ var n = "http://www.w3.org/2000/svg", r = 220 / 32, i = {
 ]), s = class {
 	el;
 	constructor(e = {}) {
-		this.el = u(e), e.container !== void 0 && t(e.container).appendChild(this.el);
+		this.el = d(e), e.container !== void 0 && t(e.container).appendChild(this.el);
 	}
 	destroy() {
 		this.el.remove();
@@ -46,7 +46,7 @@ var n = "http://www.w3.org/2000/svg", r = 220 / 32, i = {
 	svg;
 	subtitleEl = null;
 	constructor(n = {}) {
-		this.el = document.createElement("div"), this.el.id = e("cmm-wordmark"), this.el.className = _(n), this.applyAccessibility(n), this.svg = d(n), this.svg.setAttribute("aria-hidden", "true"), this.el.appendChild(this.svg), n.subtitle !== void 0 && (this.subtitleEl = document.createElement("span"), this.subtitleEl.className = "cmm-wordmark__subtitle", this.subtitleEl.textContent = n.subtitle, this.el.appendChild(this.subtitleEl)), n.container !== void 0 && t(n.container).appendChild(this.el);
+		this.el = document.createElement("div"), this.el.id = e("cmm-wordmark"), this.el.className = y(n), this.applyAccessibility(n), this.svg = f(n), this.svg.setAttribute("aria-hidden", "true"), this.el.appendChild(this.svg), n.subtitle !== void 0 && (this.subtitleEl = document.createElement("span"), this.subtitleEl.className = "cmm-wordmark__subtitle", this.subtitleEl.textContent = n.subtitle, this.el.appendChild(this.subtitleEl)), n.container !== void 0 && t(n.container).appendChild(this.el);
 	}
 	setSubtitle(e) {
 		if (e === null) {
@@ -66,15 +66,23 @@ var n = "http://www.w3.org/2000/svg", r = 220 / 32, i = {
 		this.el.setAttribute("role", "img"), this.el.setAttribute("aria-label", e.label ?? "CounterMeasure");
 	}
 }, l = class {
+	el;
+	constructor(e = {}) {
+		this.el = p(e), e.container !== void 0 && t(e.container).appendChild(this.el);
+	}
+	destroy() {
+		this.el.remove();
+	}
+}, u = class {
 	el;
 	constructor(n) {
-		if (this.el = document.createElement("span"), this.el.id = e("cmm-connector-logo"), this.el.className = v(n), this.applyAccessibility(n), n.src !== void 0) {
+		if (this.el = document.createElement("span"), this.el.id = e("cmm-connector-logo"), this.el.className = x(n), this.applyAccessibility(n), n.src !== void 0) {
 			let e = document.createElement("img");
 			e.className = "cmm-connector-logo__asset", e.src = n.src, e.alt = "", e.setAttribute("aria-hidden", "true"), this.el.appendChild(e);
 		} else if (n.svg !== void 0) {
 			let e = document.createElement("span");
 			e.className = "cmm-connector-logo__asset", e.setAttribute("aria-hidden", "true"), e.appendChild(n.svg), this.el.appendChild(e);
-		} else this.el.textContent = m(n.name);
+		} else this.el.textContent = g(n.name);
 		n.container !== void 0 && t(n.container).appendChild(this.el);
 	}
 	destroy() {
@@ -88,70 +96,89 @@ var n = "http://www.w3.org/2000/svg", r = 220 / 32, i = {
 		this.el.setAttribute("role", "img"), this.el.setAttribute("aria-label", e.label ?? `${e.name} connector`);
 	}
 };
-function u(t = {}) {
-	let n = t.size ?? 24, r = b("0 0 46.64 46.64", n, n);
+function d(t = {}) {
+	let n = t.size ?? 24, r = C("0 0 46.64 46.64", n, n);
 	r.id = e("cmm-diamond"), r.classList.add("cmm-diamond");
-	let i = h("cmm-diamond", n);
-	return i !== null && r.classList.add(i), t.className && r.classList.add(...w(t.className)), t.decorative === !1 ? (r.setAttribute("role", "img"), r.setAttribute("aria-label", t.label ?? "CounterMeasure diamond")) : r.setAttribute("aria-hidden", "true"), x(r, "cmm-diamond__foreground"), r;
+	let i = _("cmm-diamond", n);
+	return i !== null && r.classList.add(i), t.className && r.classList.add(...D(t.className)), t.decorative === !1 ? (r.setAttribute("role", "img"), r.setAttribute("aria-label", t.label ?? "CounterMeasure diamond")) : r.setAttribute("aria-hidden", "true"), w(r, "cmm-diamond__foreground"), r;
 }
-function d(e = {}) {
-	let t = e.size ?? 32, i = b("0 0 220 32", Math.round(t * r * 100) / 100, t);
+function f(e = {}) {
+	let t = e.size ?? 32, i = C("0 0 220 32", Math.round(t * r * 100) / 100, t);
 	i.classList.add("cmm-wordmark__svg");
 	let a = document.createElementNS(n, "g");
-	a.setAttribute("transform", "translate(0,3)"), S(a), i.appendChild(a);
+	a.setAttribute("transform", "translate(0,3)"), T(a), i.appendChild(a);
 	let o = document.createElementNS(n, "text");
 	return o.setAttribute("x", "42"), o.setAttribute("y", "22"), o.setAttribute("class", "cmm-wordmark__text"), o.setAttribute("font-family", "Outfit, sans-serif"), o.setAttribute("font-size", "18"), o.setAttribute("font-weight", "600"), o.setAttribute("letter-spacing", "-0.01em"), o.textContent = "CounterMeasure", i.appendChild(o), i;
 }
-function f(e) {
-	return i[y(e)];
-}
-function p(e) {
-	return a[y(e)];
+function p(t = {}) {
+	let n = document.createElement("span");
+	if (n.id = e("cmm-brand-lockup"), n.className = b(t), t.decorative === !0 ? n.setAttribute("aria-hidden", "true") : (n.setAttribute("role", "img"), n.setAttribute("aria-label", t.label ?? "CounterMeasure")), n.appendChild(d({
+		size: t.markSize ?? 22,
+		decorative: !0
+	})), t.showWordmark !== !1) {
+		let e = document.createElement("span");
+		e.className = "cmm-brand-lockup__wordmark", e.setAttribute("aria-hidden", "true");
+		let t = document.createElement("span");
+		t.className = "cmm-brand-lockup__counter", t.textContent = "COUNTER";
+		let r = document.createElement("span");
+		r.className = "cmm-brand-lockup__measure", r.textContent = "MEASURE", e.append(t, r), n.appendChild(e);
+	}
+	return n;
 }
 function m(e) {
+	return i[S(e)];
+}
+function h(e) {
+	return a[S(e)];
+}
+function g(e) {
 	return e.trim().match(/[A-Za-z0-9]/)?.[0]?.toUpperCase() ?? "C";
 }
-function h(e, t) {
+function _(e, t) {
 	return o.has(t) ? `${e}--${String(t)}` : null;
 }
-function g(e = 32) {
+function v(e = 32) {
 	return `cmm-connector-logo--${String(e)}`;
 }
-function _(e) {
+function y(e) {
 	let t = ["cmm-wordmark", `cmm-wordmark--${e.variant ?? "auto"}`];
 	return e.className && t.push(e.className), t.join(" ");
 }
-function v(e) {
+function b(e) {
+	let t = ["cmm-brand-lockup"];
+	return e.className && t.push(e.className), t.join(" ");
+}
+function x(e) {
 	let t = [
 		"cmm-connector-logo",
-		g(e.size),
-		`cmm-connector-logo--vendor-${p(e.name)}`
+		v(e.size),
+		`cmm-connector-logo--vendor-${h(e.name)}`
 	];
 	return (e.src !== void 0 || e.svg !== void 0) && t.push("cmm-connector-logo--asset"), e.className && t.push(e.className), t.join(" ");
 }
-function y(e) {
+function S(e) {
 	let t = e.trim().toLowerCase();
 	for (let e of Object.keys(i)) if (e.toLowerCase() === t) return e;
 	return "default";
 }
-function b(e, t, r) {
+function C(e, t, r) {
 	let i = document.createElementNS(n, "svg");
 	return i.setAttribute("xmlns", n), i.setAttribute("viewBox", e), i.setAttribute("width", String(t)), i.setAttribute("height", String(r)), i;
 }
-function x(e, t) {
-	e.appendChild(C("2.62", "16.42", "13.8", "13.8", "0.57", "-13.7 13.56", t)), e.appendChild(C("16.42", "30.22", "13.8", "13.8", "0.57", "-19.42 27.36", "cmm-diamond__slate")), e.appendChild(C("16.42", "2.62", "13.8", "13.8", "0.57", "0.1 19.28", "cmm-diamond__orange"));
+function w(e, t) {
+	e.appendChild(E("2.62", "16.42", "13.8", "13.8", "0.57", "-13.7 13.56", t)), e.appendChild(E("16.42", "30.22", "13.8", "13.8", "0.57", "-19.42 27.36", "cmm-diamond__slate")), e.appendChild(E("16.42", "2.62", "13.8", "13.8", "0.57", "0.1 19.28", "cmm-diamond__orange"));
 }
-function S(e) {
-	e.appendChild(C("1.78", "11.16", "9.4", "9.4", "0.4", "-9.32 9.22", "cmm-wordmark__foreground")), e.appendChild(C("11.16", "20.54", "9.4", "9.4", "0.4", "-13.21 18.6", "cmm-wordmark__slate")), e.appendChild(C("11.16", "1.78", "9.4", "9.4", "0.4", "0.07 13.11", "cmm-wordmark__orange"));
+function T(e) {
+	e.appendChild(E("1.78", "11.16", "9.4", "9.4", "0.4", "-9.32 9.22", "cmm-wordmark__foreground")), e.appendChild(E("11.16", "20.54", "9.4", "9.4", "0.4", "-13.21 18.6", "cmm-wordmark__slate")), e.appendChild(E("11.16", "1.78", "9.4", "9.4", "0.4", "0.07 13.11", "cmm-wordmark__orange"));
 }
-function C(e, t, r, i, a, o, s) {
+function E(e, t, r, i, a, o, s) {
 	let c = document.createElementNS(n, "rect");
 	return c.setAttribute("x", e), c.setAttribute("y", t), c.setAttribute("width", r), c.setAttribute("height", i), c.setAttribute("rx", a), c.setAttribute("transform", `translate(${o}) rotate(-45)`), c.setAttribute("class", s), c;
 }
-function w(e) {
+function D(e) {
 	return e.split(/\s+/).filter(Boolean);
 }
 //#endregion
-export { i as CONNECTOR_LOGO_PALETTE, l as ConnectorLogo, s as Diamond, c as Wordmark, u as createDiamondSvg, d as createWordmarkSvg, h as getBrandSizeClass, f as getConnectorLogoColor, m as getConnectorLogoInitial, g as getConnectorLogoSizeClass, p as getConnectorLogoTone };
+export { l as BrandLockup, i as CONNECTOR_LOGO_PALETTE, u as ConnectorLogo, s as Diamond, c as Wordmark, p as createBrandLockupElement, d as createDiamondSvg, f as createWordmarkSvg, _ as getBrandSizeClass, m as getConnectorLogoColor, g as getConnectorLogoInitial, v as getConnectorLogoSizeClass, h as getConnectorLogoTone };
 
 //# sourceMappingURL=index.js.map

package/dist/components/brand/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/brand/index.ts"],"sourcesContent":["/**\n * CounterMeasure brand helpers and vanilla components\n * @countermeasure/web-components/components/brand\n */\n\nimport {\n  type BrandSize,\n  type ConnectorLogoConfig,\n  type ConnectorLogoSize,\n  type DiamondConfig,\n  type WordmarkConfig,\n} from './types'\nimport { resolveContainer, uniqueId } from '../../primitives/utils'\n\nexport type {\n  BrandSize,\n  ConnectorLogoConfig,\n  ConnectorLogoSize,\n  DiamondConfig,\n  WordmarkConfig,\n  WordmarkVariant,\n} from './types'\n\nconst SVG_NS = 'http://www.w3.org/2000/svg'\nconst WORDMARK_ASPECT_RATIO = 220 / 32\n\nexport const CONNECTOR_LOGO_PALETTE = {\n  Splunk: '#FF6B35',\n  Sentinel: '#0078D4',\n  Elastic: '#00BFB3',\n  CrowdStrike: '#FA0F00',\n  Defender: '#0078D4',\n  SentinelOne: '#6300E5',\n  MISP: '#00897B',\n  OpenCTI: '#5C6BC0',\n  'MITRE ATT&CK': '#C8102E',\n  'Palo Alto': '#FA582D',\n  'Carbon Black': '#000000',\n  default: '#475569',\n} as const\n\nconst CONNECTOR_LOGO_TONES: Record<keyof typeof CONNECTOR_LOGO_PALETTE, string> = {\n  Splunk: 'splunk',\n  Sentinel: 'sentinel',\n  Elastic: 'elastic',\n  CrowdStrike: 'crowdstrike',\n  Defender: 'defender',\n  SentinelOne: 'sentinelone',\n  MISP: 'misp',\n  OpenCTI: 'opencti',\n  'MITRE ATT&CK': 'mitre-attack',\n  'Palo Alto': 'palo-alto',\n  'Carbon Black': 'carbon-black',\n  default: 'default',\n}\n\nconst BRAND_SIZE_CLASS_VALUES = new Set<number>([16, 20, 24, 32, 48, 64])\n\nexport class Diamond {\n  public readonly el: SVGSVGElement\n\n  constructor(config: DiamondConfig = {}) {\n    this.el = createDiamondSvg(config)\n\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  destroy(): void {\n    this.el.remove()\n  }\n}\n\nexport class Wordmark {\n  public readonly el: HTMLDivElement\n  public readonly svg: SVGSVGElement\n  private subtitleEl: HTMLSpanElement | null = null\n\n  constructor(config: WordmarkConfig = {}) {\n    this.el = document.createElement('div')\n    this.el.id = uniqueId('cmm-wordmark')\n    this.el.className = buildWordmarkClassName(config)\n    this.applyAccessibility(config)\n\n    this.svg = createWordmarkSvg(config)\n    this.svg.setAttribute('aria-hidden', 'true')\n    this.el.appendChild(this.svg)\n\n    if (config.subtitle !== undefined) {\n      this.subtitleEl = document.createElement('span')\n      this.subtitleEl.className = 'cmm-wordmark__subtitle'\n      this.subtitleEl.textContent = config.subtitle\n      this.el.appendChild(this.subtitleEl)\n    }\n\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  setSubtitle(subtitle: string | null): void {\n    if (subtitle === null) {\n      this.subtitleEl?.remove()\n      this.subtitleEl = null\n      return\n    }\n\n    if (this.subtitleEl === null) {\n      this.subtitleEl = document.createElement('span')\n      this.subtitleEl.className = 'cmm-wordmark__subtitle'\n      this.el.appendChild(this.subtitleEl)\n    }\n\n    this.subtitleEl.textContent = subtitle\n  }\n\n  destroy(): void {\n    this.el.remove()\n  }\n\n  private applyAccessibility(config: WordmarkConfig): void {\n    if (config.decorative === true) {\n      this.el.setAttribute('aria-hidden', 'true')\n      return\n    }\n\n    this.el.setAttribute('role', 'img')\n    this.el.setAttribute('aria-label', config.label ?? 'CounterMeasure')\n  }\n}\n\nexport class ConnectorLogo {\n  public readonly el: HTMLSpanElement\n\n  constructor(config: ConnectorLogoConfig) {\n    this.el = document.createElement('span')\n    this.el.id = uniqueId('cmm-connector-logo')\n    this.el.className = buildConnectorLogoClassName(config)\n    this.applyAccessibility(config)\n\n    if (config.src !== undefined) {\n      const imageEl = document.createElement('img')\n      imageEl.className = 'cmm-connector-logo__asset'\n      imageEl.src = config.src\n      imageEl.alt = ''\n      imageEl.setAttribute('aria-hidden', 'true')\n      this.el.appendChild(imageEl)\n    } else if (config.svg !== undefined) {\n      const assetEl = document.createElement('span')\n      assetEl.className = 'cmm-connector-logo__asset'\n      assetEl.setAttribute('aria-hidden', 'true')\n      assetEl.appendChild(config.svg)\n      this.el.appendChild(assetEl)\n    } else {\n      this.el.textContent = getConnectorLogoInitial(config.name)\n    }\n\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  destroy(): void {\n    this.el.remove()\n  }\n\n  private applyAccessibility(config: ConnectorLogoConfig): void {\n    if (config.decorative === true) {\n      this.el.setAttribute('aria-hidden', 'true')\n      return\n    }\n\n    this.el.setAttribute('role', 'img')\n    this.el.setAttribute('aria-label', config.label ?? `${config.name} connector`)\n  }\n}\n\nexport function createDiamondSvg(config: DiamondConfig = {}): SVGSVGElement {\n  const size = config.size ?? 24\n  const svg = createSvgRoot('0 0 46.64 46.64', size, size)\n  svg.id = uniqueId('cmm-diamond')\n  svg.classList.add('cmm-diamond')\n\n  const sizeClass = getBrandSizeClass('cmm-diamond', size)\n  if (sizeClass !== null) {\n    svg.classList.add(sizeClass)\n  }\n\n  if (config.className) {\n    svg.classList.add(...splitClassName(config.className))\n  }\n\n  if (config.decorative === false) {\n    svg.setAttribute('role', 'img')\n    svg.setAttribute('aria-label', config.label ?? 'CounterMeasure diamond')\n  } else {\n    svg.setAttribute('aria-hidden', 'true')\n  }\n\n  appendDiamondRects(svg, 'cmm-diamond__foreground')\n  return svg\n}\n\nexport function createWordmarkSvg(config: WordmarkConfig = {}): SVGSVGElement {\n  const height = config.size ?? 32\n  const width = Math.round(height * WORDMARK_ASPECT_RATIO * 100) / 100\n  const svg = createSvgRoot('0 0 220 32', width, height)\n  svg.classList.add('cmm-wordmark__svg')\n\n  const markGroup = document.createElementNS(SVG_NS, 'g')\n  markGroup.setAttribute('transform', 'translate(0,3)')\n  appendWordmarkDiamondRects(markGroup)\n  svg.appendChild(markGroup)\n\n  const textEl = document.createElementNS(SVG_NS, 'text')\n  textEl.setAttribute('x', '42')\n  textEl.setAttribute('y', '22')\n  textEl.setAttribute('class', 'cmm-wordmark__text')\n  textEl.setAttribute('font-family', 'Outfit, sans-serif')\n  textEl.setAttribute('font-size', '18')\n  textEl.setAttribute('font-weight', '600')\n  textEl.setAttribute('letter-spacing', '-0.01em')\n  textEl.textContent = 'CounterMeasure'\n  svg.appendChild(textEl)\n\n  return svg\n}\n\nexport function getConnectorLogoColor(name: string): string {\n  const paletteKey = getConnectorPaletteKey(name)\n  return CONNECTOR_LOGO_PALETTE[paletteKey]\n}\n\nexport function getConnectorLogoTone(name: string): string {\n  const paletteKey = getConnectorPaletteKey(name)\n  return CONNECTOR_LOGO_TONES[paletteKey]\n}\n\nexport function getConnectorLogoInitial(name: string): string {\n  const match = name.trim().match(/[A-Za-z0-9]/)\n  return match?.[0]?.toUpperCase() ?? 'C'\n}\n\nexport function getBrandSizeClass(prefix: string, size: BrandSize | number): string | null {\n  if (BRAND_SIZE_CLASS_VALUES.has(size)) {\n    return `${prefix}--${String(size)}`\n  }\n\n  return null\n}\n\nexport function getConnectorLogoSizeClass(size: ConnectorLogoSize = 32): string {\n  return `cmm-connector-logo--${String(size)}`\n}\n\nfunction buildWordmarkClassName(config: WordmarkConfig): string {\n  const variant = config.variant ?? 'auto'\n  const classes = ['cmm-wordmark', `cmm-wordmark--${variant}`]\n\n  if (config.className) {\n    classes.push(config.className)\n  }\n\n  return classes.join(' ')\n}\n\nfunction buildConnectorLogoClassName(config: ConnectorLogoConfig): string {\n  const classes = [\n    'cmm-connector-logo',\n    getConnectorLogoSizeClass(config.size),\n    `cmm-connector-logo--vendor-${getConnectorLogoTone(config.name)}`,\n  ]\n\n  if (config.src !== undefined || config.svg !== undefined) {\n    classes.push('cmm-connector-logo--asset')\n  }\n\n  if (config.className) {\n    classes.push(config.className)\n  }\n\n  return classes.join(' ')\n}\n\nfunction getConnectorPaletteKey(name: string): keyof typeof CONNECTOR_LOGO_PALETTE {\n  const normalizedName = name.trim().toLowerCase()\n\n  for (const key of Object.keys(CONNECTOR_LOGO_PALETTE) as Array<\n    keyof typeof CONNECTOR_LOGO_PALETTE\n  >) {\n    if (key.toLowerCase() === normalizedName) {\n      return key\n    }\n  }\n\n  return 'default'\n}\n\nfunction createSvgRoot(\n  viewBox: string,\n  width: BrandSize | number,\n  height: BrandSize | number\n): SVGSVGElement {\n  const svg = document.createElementNS(SVG_NS, 'svg')\n  svg.setAttribute('xmlns', SVG_NS)\n  svg.setAttribute('viewBox', viewBox)\n  svg.setAttribute('width', String(width))\n  svg.setAttribute('height', String(height))\n  return svg\n}\n\nfunction appendDiamondRects(svg: SVGSVGElement, foregroundClassName: string): void {\n  svg.appendChild(\n    createRect('2.62', '16.42', '13.8', '13.8', '0.57', '-13.7 13.56', foregroundClassName)\n  )\n  svg.appendChild(\n    createRect('16.42', '30.22', '13.8', '13.8', '0.57', '-19.42 27.36', 'cmm-diamond__slate')\n  )\n  svg.appendChild(\n    createRect('16.42', '2.62', '13.8', '13.8', '0.57', '0.1 19.28', 'cmm-diamond__orange')\n  )\n}\n\nfunction appendWordmarkDiamondRects(group: SVGGElement): void {\n  group.appendChild(\n    createRect('1.78', '11.16', '9.4', '9.4', '0.4', '-9.32 9.22', 'cmm-wordmark__foreground')\n  )\n  group.appendChild(\n    createRect('11.16', '20.54', '9.4', '9.4', '0.4', '-13.21 18.6', 'cmm-wordmark__slate')\n  )\n  group.appendChild(\n    createRect('11.16', '1.78', '9.4', '9.4', '0.4', '0.07 13.11', 'cmm-wordmark__orange')\n  )\n}\n\nfunction createRect(\n  x: string,\n  y: string,\n  width: string,\n  height: string,\n  rx: string,\n  transformTranslate: string,\n  className: string\n): SVGRectElement {\n  const rect = document.createElementNS(SVG_NS, 'rect')\n  rect.setAttribute('x', x)\n  rect.setAttribute('y', y)\n  rect.setAttribute('width', width)\n  rect.setAttribute('height', height)\n  rect.setAttribute('rx', rx)\n  rect.setAttribute('transform', `translate(${transformTranslate}) rotate(-45)`)\n  rect.setAttribute('class', className)\n  return rect\n}\n\nfunction splitClassName(className: string): string[] {\n  return className.split(/\\s+/).filter(Boolean)\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/brand/index.ts"],"sourcesContent":["/**\n * CounterMeasure brand helpers and vanilla components\n * @countermeasure/web-components/components/brand\n */\n\nimport {\n  type BrandLockupConfig,\n  type BrandSize,\n  type ConnectorLogoConfig,\n  type ConnectorLogoSize,\n  type DiamondConfig,\n  type WordmarkConfig,\n} from './types'\nimport { resolveContainer, uniqueId } from '../../primitives/utils'\n\nexport type {\n  BrandSize,\n  BrandLockupConfig,\n  ConnectorLogoConfig,\n  ConnectorLogoSize,\n  DiamondConfig,\n  WordmarkConfig,\n  WordmarkVariant,\n} from './types'\n\nconst SVG_NS = 'http://www.w3.org/2000/svg'\nconst WORDMARK_ASPECT_RATIO = 220 / 32\n\nexport const CONNECTOR_LOGO_PALETTE = {\n  Splunk: '#FF6B35',\n  Sentinel: '#0078D4',\n  Elastic: '#00BFB3',\n  CrowdStrike: '#FA0F00',\n  Defender: '#0078D4',\n  SentinelOne: '#6300E5',\n  MISP: '#00897B',\n  OpenCTI: '#5C6BC0',\n  'MITRE ATT&CK': '#C8102E',\n  'Palo Alto': '#FA582D',\n  'Carbon Black': '#000000',\n  default: '#475569',\n} as const\n\nconst CONNECTOR_LOGO_TONES: Record<keyof typeof CONNECTOR_LOGO_PALETTE, string> = {\n  Splunk: 'splunk',\n  Sentinel: 'sentinel',\n  Elastic: 'elastic',\n  CrowdStrike: 'crowdstrike',\n  Defender: 'defender',\n  SentinelOne: 'sentinelone',\n  MISP: 'misp',\n  OpenCTI: 'opencti',\n  'MITRE ATT&CK': 'mitre-attack',\n  'Palo Alto': 'palo-alto',\n  'Carbon Black': 'carbon-black',\n  default: 'default',\n}\n\nconst BRAND_SIZE_CLASS_VALUES = new Set<number>([16, 20, 24, 32, 48, 64])\n\nexport class Diamond {\n  public readonly el: SVGSVGElement\n\n  constructor(config: DiamondConfig = {}) {\n    this.el = createDiamondSvg(config)\n\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  destroy(): void {\n    this.el.remove()\n  }\n}\n\nexport class Wordmark {\n  public readonly el: HTMLDivElement\n  public readonly svg: SVGSVGElement\n  private subtitleEl: HTMLSpanElement | null = null\n\n  constructor(config: WordmarkConfig = {}) {\n    this.el = document.createElement('div')\n    this.el.id = uniqueId('cmm-wordmark')\n    this.el.className = buildWordmarkClassName(config)\n    this.applyAccessibility(config)\n\n    this.svg = createWordmarkSvg(config)\n    this.svg.setAttribute('aria-hidden', 'true')\n    this.el.appendChild(this.svg)\n\n    if (config.subtitle !== undefined) {\n      this.subtitleEl = document.createElement('span')\n      this.subtitleEl.className = 'cmm-wordmark__subtitle'\n      this.subtitleEl.textContent = config.subtitle\n      this.el.appendChild(this.subtitleEl)\n    }\n\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  setSubtitle(subtitle: string | null): void {\n    if (subtitle === null) {\n      this.subtitleEl?.remove()\n      this.subtitleEl = null\n      return\n    }\n\n    if (this.subtitleEl === null) {\n      this.subtitleEl = document.createElement('span')\n      this.subtitleEl.className = 'cmm-wordmark__subtitle'\n      this.el.appendChild(this.subtitleEl)\n    }\n\n    this.subtitleEl.textContent = subtitle\n  }\n\n  destroy(): void {\n    this.el.remove()\n  }\n\n  private applyAccessibility(config: WordmarkConfig): void {\n    if (config.decorative === true) {\n      this.el.setAttribute('aria-hidden', 'true')\n      return\n    }\n\n    this.el.setAttribute('role', 'img')\n    this.el.setAttribute('aria-label', config.label ?? 'CounterMeasure')\n  }\n}\n\nexport class BrandLockup {\n  public readonly el: HTMLSpanElement\n\n  constructor(config: BrandLockupConfig = {}) {\n    this.el = createBrandLockupElement(config)\n\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  destroy(): void {\n    this.el.remove()\n  }\n}\n\nexport class ConnectorLogo {\n  public readonly el: HTMLSpanElement\n\n  constructor(config: ConnectorLogoConfig) {\n    this.el = document.createElement('span')\n    this.el.id = uniqueId('cmm-connector-logo')\n    this.el.className = buildConnectorLogoClassName(config)\n    this.applyAccessibility(config)\n\n    if (config.src !== undefined) {\n      const imageEl = document.createElement('img')\n      imageEl.className = 'cmm-connector-logo__asset'\n      imageEl.src = config.src\n      imageEl.alt = ''\n      imageEl.setAttribute('aria-hidden', 'true')\n      this.el.appendChild(imageEl)\n    } else if (config.svg !== undefined) {\n      const assetEl = document.createElement('span')\n      assetEl.className = 'cmm-connector-logo__asset'\n      assetEl.setAttribute('aria-hidden', 'true')\n      assetEl.appendChild(config.svg)\n      this.el.appendChild(assetEl)\n    } else {\n      this.el.textContent = getConnectorLogoInitial(config.name)\n    }\n\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  destroy(): void {\n    this.el.remove()\n  }\n\n  private applyAccessibility(config: ConnectorLogoConfig): void {\n    if (config.decorative === true) {\n      this.el.setAttribute('aria-hidden', 'true')\n      return\n    }\n\n    this.el.setAttribute('role', 'img')\n    this.el.setAttribute('aria-label', config.label ?? `${config.name} connector`)\n  }\n}\n\nexport function createDiamondSvg(config: DiamondConfig = {}): SVGSVGElement {\n  const size = config.size ?? 24\n  const svg = createSvgRoot('0 0 46.64 46.64', size, size)\n  svg.id = uniqueId('cmm-diamond')\n  svg.classList.add('cmm-diamond')\n\n  const sizeClass = getBrandSizeClass('cmm-diamond', size)\n  if (sizeClass !== null) {\n    svg.classList.add(sizeClass)\n  }\n\n  if (config.className) {\n    svg.classList.add(...splitClassName(config.className))\n  }\n\n  if (config.decorative === false) {\n    svg.setAttribute('role', 'img')\n    svg.setAttribute('aria-label', config.label ?? 'CounterMeasure diamond')\n  } else {\n    svg.setAttribute('aria-hidden', 'true')\n  }\n\n  appendDiamondRects(svg, 'cmm-diamond__foreground')\n  return svg\n}\n\nexport function createWordmarkSvg(config: WordmarkConfig = {}): SVGSVGElement {\n  const height = config.size ?? 32\n  const width = Math.round(height * WORDMARK_ASPECT_RATIO * 100) / 100\n  const svg = createSvgRoot('0 0 220 32', width, height)\n  svg.classList.add('cmm-wordmark__svg')\n\n  const markGroup = document.createElementNS(SVG_NS, 'g')\n  markGroup.setAttribute('transform', 'translate(0,3)')\n  appendWordmarkDiamondRects(markGroup)\n  svg.appendChild(markGroup)\n\n  const textEl = document.createElementNS(SVG_NS, 'text')\n  textEl.setAttribute('x', '42')\n  textEl.setAttribute('y', '22')\n  textEl.setAttribute('class', 'cmm-wordmark__text')\n  textEl.setAttribute('font-family', 'Outfit, sans-serif')\n  textEl.setAttribute('font-size', '18')\n  textEl.setAttribute('font-weight', '600')\n  textEl.setAttribute('letter-spacing', '-0.01em')\n  textEl.textContent = 'CounterMeasure'\n  svg.appendChild(textEl)\n\n  return svg\n}\n\nexport function createBrandLockupElement(config: BrandLockupConfig = {}): HTMLSpanElement {\n  const el = document.createElement('span')\n  el.id = uniqueId('cmm-brand-lockup')\n  el.className = buildBrandLockupClassName(config)\n\n  if (config.decorative === true) {\n    el.setAttribute('aria-hidden', 'true')\n  } else {\n    el.setAttribute('role', 'img')\n    el.setAttribute('aria-label', config.label ?? 'CounterMeasure')\n  }\n\n  el.appendChild(createDiamondSvg({ size: config.markSize ?? 22, decorative: true }))\n\n  if (config.showWordmark !== false) {\n    const wordmark = document.createElement('span')\n    wordmark.className = 'cmm-brand-lockup__wordmark'\n    wordmark.setAttribute('aria-hidden', 'true')\n\n    const counter = document.createElement('span')\n    counter.className = 'cmm-brand-lockup__counter'\n    counter.textContent = 'COUNTER'\n\n    const measure = document.createElement('span')\n    measure.className = 'cmm-brand-lockup__measure'\n    measure.textContent = 'MEASURE'\n\n    wordmark.append(counter, measure)\n    el.appendChild(wordmark)\n  }\n\n  return el\n}\n\nexport function getConnectorLogoColor(name: string): string {\n  const paletteKey = getConnectorPaletteKey(name)\n  return CONNECTOR_LOGO_PALETTE[paletteKey]\n}\n\nexport function getConnectorLogoTone(name: string): string {\n  const paletteKey = getConnectorPaletteKey(name)\n  return CONNECTOR_LOGO_TONES[paletteKey]\n}\n\nexport function getConnectorLogoInitial(name: string): string {\n  const match = name.trim().match(/[A-Za-z0-9]/)\n  return match?.[0]?.toUpperCase() ?? 'C'\n}\n\nexport function getBrandSizeClass(prefix: string, size: BrandSize | number): string | null {\n  if (BRAND_SIZE_CLASS_VALUES.has(size)) {\n    return `${prefix}--${String(size)}`\n  }\n\n  return null\n}\n\nexport function getConnectorLogoSizeClass(size: ConnectorLogoSize = 32): string {\n  return `cmm-connector-logo--${String(size)}`\n}\n\nfunction buildWordmarkClassName(config: WordmarkConfig): string {\n  const variant = config.variant ?? 'auto'\n  const classes = ['cmm-wordmark', `cmm-wordmark--${variant}`]\n\n  if (config.className) {\n    classes.push(config.className)\n  }\n\n  return classes.join(' ')\n}\n\nfunction buildBrandLockupClassName(config: BrandLockupConfig): string {\n  const classes = ['cmm-brand-lockup']\n\n  if (config.className) {\n    classes.push(config.className)\n  }\n\n  return classes.join(' ')\n}\n\nfunction buildConnectorLogoClassName(config: ConnectorLogoConfig): string {\n  const classes = [\n    'cmm-connector-logo',\n    getConnectorLogoSizeClass(config.size),\n    `cmm-connector-logo--vendor-${getConnectorLogoTone(config.name)}`,\n  ]\n\n  if (config.src !== undefined || config.svg !== undefined) {\n    classes.push('cmm-connector-logo--asset')\n  }\n\n  if (config.className) {\n    classes.push(config.className)\n  }\n\n  return classes.join(' ')\n}\n\nfunction getConnectorPaletteKey(name: string): keyof typeof CONNECTOR_LOGO_PALETTE {\n  const normalizedName = name.trim().toLowerCase()\n\n  for (const key of Object.keys(CONNECTOR_LOGO_PALETTE) as Array<\n    keyof typeof CONNECTOR_LOGO_PALETTE\n  >) {\n    if (key.toLowerCase() === normalizedName) {\n      return key\n    }\n  }\n\n  return 'default'\n}\n\nfunction createSvgRoot(\n  viewBox: string,\n  width: BrandSize | number,\n  height: BrandSize | number\n): SVGSVGElement {\n  const svg = document.createElementNS(SVG_NS, 'svg')\n  svg.setAttribute('xmlns', SVG_NS)\n  svg.setAttribute('viewBox', viewBox)\n  svg.setAttribute('width', String(width))\n  svg.setAttribute('height', String(height))\n  return svg\n}\n\nfunction appendDiamondRects(svg: SVGSVGElement, foregroundClassName: string): void {\n  svg.appendChild(\n    createRect('2.62', '16.42', '13.8', '13.8', '0.57', '-13.7 13.56', foregroundClassName)\n  )\n  svg.appendChild(\n    createRect('16.42', '30.22', '13.8', '13.8', '0.57', '-19.42 27.36', 'cmm-diamond__slate')\n  )\n  svg.appendChild(\n    createRect('16.42', '2.62', '13.8', '13.8', '0.57', '0.1 19.28', 'cmm-diamond__orange')\n  )\n}\n\nfunction appendWordmarkDiamondRects(group: SVGGElement): void {\n  group.appendChild(\n    createRect('1.78', '11.16', '9.4', '9.4', '0.4', '-9.32 9.22', 'cmm-wordmark__foreground')\n  )\n  group.appendChild(\n    createRect('11.16', '20.54', '9.4', '9.4', '0.4', '-13.21 18.6', 'cmm-wordmark__slate')\n  )\n  group.appendChild(\n    createRect('11.16', '1.78', '9.4', '9.4', '0.4', '0.07 13.11', 'cmm-wordmark__orange')\n  )\n}\n\nfunction createRect(\n  x: string,\n  y: string,\n  width: string,\n  height: string,\n  rx: string,\n  transformTranslate: string,\n  className: string\n): SVGRectElement {\n  const rect = document.createElementNS(SVG_NS, 'rect')\n  rect.setAttribute('x', x)\n  rect.setAttribute('y', y)\n  rect.setAttribute('width', width)\n  rect.setAttribute('height', height)\n  rect.setAttribute('rx', rx)\n  rect.setAttribute('transform', `translate(${transformTranslate}) rotate(-45)`)\n  rect.setAttribute('class', className)\n  return rect\n}\n\nfunction splitClassName(className: string): string[] {\n  return className.split(/\\s+/).filter(Boolean)\n}\n"],"mappings":"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"}

package/dist/components/brand/types.d.ts

@@ -21,6 +21,14 @@ export interface WordmarkConfig {
     decorative?: boolean;
     className?: string;
 }
+export interface BrandLockupConfig {
+    container?: HTMLElement | string;
+    markSize?: BrandSize | number;
+    label?: string;
+    decorative?: boolean;
+    showWordmark?: boolean;
+    className?: string;
+}
 export interface ConnectorLogoConfig {
     container?: HTMLElement | string;
     name: string;

package/dist/components/brand/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/brand/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,SAAS,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;AACnD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;AACvD,MAAM,MAAM,iBAAiB,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;AAE3D,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,UAAU,CAAA;IAChB,IAAI,CAAC,EAAE,iBAAiB,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/brand/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,SAAS,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;AACnD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;AACvD,MAAM,MAAM,iBAAiB,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;AAE3D,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,UAAU,CAAA;IAChB,IAAI,CAAC,EAAE,iBAAiB,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}