@countermeasure-platform/web-components 1.2.1-dev.4.1 → 1.2.1-dev.6.1

package/dist/components/theme/theme-studio.js

@@ -1,93 +1,2 @@
-import { resetTheme as e } from "../../services/theme-engine/index.js";
-import { AccentSwitcher as t } from "./accent-switcher.js";
-import { DensitySwitcher as n } from "./density-switcher.js";
-import { FontStackPicker as r } from "./font-stack-picker.js";
-import { GlassSlider as i } from "./glass-slider.js";
-import { IconSetPicker as a } from "./icon-set-picker.js";
-import { IconUsageMatrix as o } from "./icon-usage-matrix.js";
-import { RadiusSlider as s } from "./radius-slider.js";
-import { ThemePresetGrid as c } from "./theme-preset-grid.js";
-import { ThemePreviewTile as l } from "./theme-preview-tile.js";
-import { ThemeSwitcher as u } from "./theme-switcher.js";
-//#region src/components/theme/theme-studio.ts
-var d = {
-	showTabs: !0,
-	showHeader: !0,
-	showBrandSection: !0
-};
-function f(e, t, n) {
-	let r = document.createElement(e);
-	return t && (r.className = t), n !== void 0 && (r.textContent = n), r;
-}
-function p(e, t, n, r) {
-	let i = f("section", "theme-studio-section"), a = f("div", "theme-studio-section__head"), o = f("div", "theme-studio-section__titles");
-	return o.appendChild(f("h3", "theme-studio-section__title", e)), o.appendChild(f("div", "theme-studio-section__helper", t)), a.appendChild(o), r && a.appendChild(r), i.appendChild(a), i.appendChild(n), i;
-}
-function m() {
-	let e = f("div", "theme-studio-tabs");
-	for (let t of [
-		"Profile",
-		"Organization",
-		"Appearance",
-		"About"
-	]) {
-		let n = f("button", "theme-studio-tab", t);
-		n.type = "button", t === "Appearance" && n.classList.add("is-active"), n.disabled = t !== "Appearance", e.appendChild(n);
-	}
-	return e;
-}
-function h() {
-	let t = f("button", "theme-studio-link", "Reset to default");
-	return t.type = "button", t.addEventListener("click", () => {
-		e();
-	}), t;
-}
-function g() {
-	let e = f("div", "theme-studio-advanced"), t = f("div", "theme-studio-advanced__row");
-	t.appendChild(new n().el), e.appendChild(t);
-	let r = f("div", "theme-studio-advanced__row");
-	r.appendChild(new s().el), e.appendChild(r);
-	let i = f("div", "theme-studio-advanced__matrix-head");
-	return i.appendChild(f("h4", "theme-studio-advanced__matrix-title", "Per-icon mapping")), i.appendChild(f("p", "theme-studio-advanced__matrix-helper", "Rebind any icon slot. Useful if your team thinks of detection as a bug instead of a shield.")), e.appendChild(i), e.appendChild(new o().el), e;
-}
-function _() {
-	let e = document.createElement("details");
-	e.className = "theme-studio-section theme-studio-section--advanced";
-	let t = document.createElement("summary");
-	t.className = "theme-studio-section__head theme-studio-section__head--summary";
-	let n = f("div", "theme-studio-section__titles");
-	n.appendChild(f("h3", "theme-studio-section__title", "Advanced")), n.appendChild(f("div", "theme-studio-section__helper", "Density, corner radius, and per-icon overrides")), t.appendChild(n);
-	let r = f("span", "theme-studio-section__chev", "Show");
-	return t.appendChild(r), e.appendChild(t), e.appendChild(g()), e.addEventListener("toggle", () => {
-		r.textContent = e.open ? "Hide" : "Show";
-	}), e;
-}
-var v = class {
-	el;
-	options;
-	constructor(e = {}) {
-		this.options = {
-			...d,
-			...e
-		}, this.el = document.createElement("section"), this.el.className = "theme-studio-pane", this.render();
-	}
-	render() {
-		if (this.el.innerHTML = "", this.options.showTabs && this.el.appendChild(m()), this.options.showHeader) {
-			let e = f("header", "theme-studio-pane__header");
-			e.appendChild(f("h1", "theme-studio-pane__title", "Appearance")), e.appendChild(f("p", "theme-studio-pane__subtitle", "Customize how CounterMeasure looks. Pick a preset, tweak the color mode, accent, transparency, typography, and icons. Changes apply immediately and persist on this device.")), this.el.appendChild(e);
-		}
-		if (this.el.appendChild(p("Start from a preset", "Curated combinations of mode, accent, font, and icon style.", new c().el, h())), this.el.appendChild(p("Live preview", "A miniature app shell that re-renders as you tweak settings below.", new l().el)), this.el.appendChild(p("Color Mode", "Choose how the interface looks.", new u().el)), this.el.appendChild(p("Accent Color", "Pick a color that highlights actions and links.", new t().el)), this.el.appendChild(p("Surface Transparency", "How translucent panels, hover states, and overlays appear.", new i({ expanded: !0 }).el)), this.el.appendChild(p("Typography", "Select the typeface used throughout the app.", new r().el)), this.el.appendChild(p("Icon Set", "Choose the icon style for navigation and content.", new a().el)), this.options.showBrandSection) {
-			let e = f("div", "theme-studio-brand-note");
-			e.appendChild(f("p", "theme-studio-brand-note__text", "Brand assets live under design-system brand resources. Switch icon sets to CounterMeasure above to apply the bespoke security glyphs.")), this.el.appendChild(p("Brand", "Logo, wordmark, and brand glyph references.", e));
-		}
-		this.el.appendChild(_());
-	}
-};
-function y(e, t) {
-	let n = new v(t);
-	return e.innerHTML = "", e.appendChild(n.el), n;
-}
-//#endregion
-export { v as ThemeStudio, y as renderThemeStudio };
-
-//# sourceMappingURL=theme-studio.js.map
+import { n as e, t } from "../../theme-studio-CN9Ipb9W.js";
+export { t as ThemeStudio, e as renderThemeStudio };

package/dist/components/theme/theme-switcher.d.ts

@@ -7,7 +7,9 @@
  */
 export declare class ThemeSwitcher {
     readonly el: HTMLElement;
+    private readonly _onThemeChange;
     constructor();
+    destroy(): void;
     private updateActive;
 }
 //# sourceMappingURL=theme-switcher.d.ts.map

package/dist/components/theme/theme-switcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-switcher.d.ts","sourceRoot":"","sources":["../../../src/components/theme/theme-switcher.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAUH,qBAAa,aAAa;IACxB,SAAgB,EAAE,EAAE,WAAW,CAAA;;IAuC/B,OAAO,CAAC,YAAY;CASrB"}
+{"version":3,"file":"theme-switcher.d.ts","sourceRoot":"","sources":["../../../src/components/theme/theme-switcher.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAUH,qBAAa,aAAa;IACxB,SAAgB,EAAE,EAAE,WAAW,CAAA;IAC/B,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAY;;IAwC3C,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,YAAY;CASrB"}

package/dist/components/theme/theme-switcher.js

@@ -8,6 +8,7 @@ var i = [
 	"glass"
 ], a = class {
 	el;
+	_onThemeChange;
 	constructor() {
 		this.el = document.createElement("div"), this.el.className = "preview-theme-switcher";
 		let n = document.createElement("span");
@@ -22,7 +23,10 @@ var i = [
 				r({ mode: n });
 			}), a.appendChild(o);
 		}
-		this.el.appendChild(a), document.addEventListener("cm:theme-change", () => this.updateActive()), this.updateActive();
+		this.el.appendChild(a), this._onThemeChange = () => this.updateActive(), document.addEventListener("cm:theme-change", this._onThemeChange), this.updateActive();
+	}
+	destroy() {
+		document.removeEventListener("cm:theme-change", this._onThemeChange);
 	}
 	updateActive() {
 		let e = n().mode, t = this.el.querySelectorAll(".preview-theme-switcher__btn");

package/dist/components/theme/theme-switcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-switcher.js","names":[],"sources":["../../../src/components/theme/theme-switcher.ts"],"sourcesContent":["/**\n * Theme Switcher — color mode chooser (light / dark / monokai / glass).\n *\n * Reads/writes through the theme engine so preset selections, slider changes,\n * etc. all stay in lock-step. Listens to `cm:theme-change` to refresh its\n * pressed state.\n */\n\nimport { getThemeLabel } from '../../ui'\nimport type { ResolvedTheme } from '../../ui'\n\nimport { COLOR_MODES, getTheme, setThemePartial } from '../../services/theme-engine'\nimport type { ColorMode } from '../../services/theme-engine'\n\nconst THEMES: ResolvedTheme[] = ['light', 'dark', 'monokai', 'glass']\n\nexport class ThemeSwitcher {\n  public readonly el: HTMLElement\n\n  constructor() {\n    this.el = document.createElement('div')\n    this.el.className = 'preview-theme-switcher'\n\n    const label = document.createElement('span')\n    label.className = 'preview-theme-switcher__label'\n    label.textContent = 'Theme'\n    this.el.appendChild(label)\n\n    const buttons = document.createElement('div')\n    buttons.className = 'preview-theme-switcher__buttons'\n\n    for (const theme of THEMES) {\n      const meta = COLOR_MODES[theme as ColorMode]\n      const btn = document.createElement('button')\n      btn.type = 'button'\n      btn.className = 'preview-theme-switcher__btn'\n      btn.dataset.theme = theme\n      btn.title = meta.label || getThemeLabel(theme)\n      btn.setAttribute('aria-label', `Switch to ${meta.label} theme`)\n\n      const swatch = document.createElement('span')\n      swatch.className = `preview-theme-swatch preview-theme-swatch--${theme}`\n      btn.appendChild(swatch)\n\n      btn.addEventListener('click', () => {\n        setThemePartial({ mode: theme as ColorMode })\n      })\n\n      buttons.appendChild(btn)\n    }\n\n    this.el.appendChild(buttons)\n    document.addEventListener('cm:theme-change', () => this.updateActive())\n    this.updateActive()\n  }\n\n  private updateActive(): void {\n    const current = getTheme().mode\n    const buttons = this.el.querySelectorAll<HTMLButtonElement>('.preview-theme-switcher__btn')\n    for (const btn of buttons) {\n      const isActive = btn.dataset.theme === current\n      btn.classList.toggle('preview-theme-switcher__btn--active', isActive)\n      btn.setAttribute('aria-pressed', String(isActive))\n    }\n  }\n}\n"],"mappings":";;;AAcA,IAAM,IAA0B;CAAC;CAAS;CAAQ;CAAW;CAAQ,EAExD,IAAb,MAA2B;CACzB;CAEA,cAAc;AAEZ,EADA,KAAK,KAAK,SAAS,cAAc,MAAM,EACvC,KAAK,GAAG,YAAY;EAEpB,IAAM,IAAQ,SAAS,cAAc,OAAO;AAG5C,EAFA,EAAM,YAAY,iCAClB,EAAM,cAAc,SACpB,KAAK,GAAG,YAAY,EAAM;EAE1B,IAAM,IAAU,SAAS,cAAc,MAAM;AAC7C,IAAQ,YAAY;AAEpB,OAAK,IAAM,KAAS,GAAQ;GAC1B,IAAM,IAAO,EAAY,IACnB,IAAM,SAAS,cAAc,SAAS;AAK5C,GAJA,EAAI,OAAO,UACX,EAAI,YAAY,+BAChB,EAAI,QAAQ,QAAQ,GACpB,EAAI,QAAQ,EAAK,SAAS,EAAc,EAAM,EAC9C,EAAI,aAAa,cAAc,aAAa,EAAK,MAAM,QAAQ;GAE/D,IAAM,IAAS,SAAS,cAAc,OAAO;AAQ7C,GAPA,EAAO,YAAY,8CAA8C,KACjE,EAAI,YAAY,EAAO,EAEvB,EAAI,iBAAiB,eAAe;AAClC,MAAgB,EAAE,MAAM,GAAoB,CAAC;KAC7C,EAEF,EAAQ,YAAY,EAAI;;AAK1B,EAFA,KAAK,GAAG,YAAY,EAAQ,EAC5B,SAAS,iBAAiB,yBAAyB,KAAK,cAAc,CAAC,EACvE,KAAK,cAAc;;CAGrB,eAA6B;EAC3B,IAAM,IAAU,GAAU,CAAC,MACrB,IAAU,KAAK,GAAG,iBAAoC,+BAA+B;AAC3F,OAAK,IAAM,KAAO,GAAS;GACzB,IAAM,IAAW,EAAI,QAAQ,UAAU;AAEvC,GADA,EAAI,UAAU,OAAO,uCAAuC,EAAS,EACrE,EAAI,aAAa,gBAAgB,OAAO,EAAS,CAAC"}
+{"version":3,"file":"theme-switcher.js","names":[],"sources":["../../../src/components/theme/theme-switcher.ts"],"sourcesContent":["/**\n * Theme Switcher — color mode chooser (light / dark / monokai / glass).\n *\n * Reads/writes through the theme engine so preset selections, slider changes,\n * etc. all stay in lock-step. Listens to `cm:theme-change` to refresh its\n * pressed state.\n */\n\nimport { getThemeLabel } from '../../ui'\nimport type { ResolvedTheme } from '../../ui'\n\nimport { COLOR_MODES, getTheme, setThemePartial } from '../../services/theme-engine'\nimport type { ColorMode } from '../../services/theme-engine'\n\nconst THEMES: ResolvedTheme[] = ['light', 'dark', 'monokai', 'glass']\n\nexport class ThemeSwitcher {\n  public readonly el: HTMLElement\n  private readonly _onThemeChange: () => void\n\n  constructor() {\n    this.el = document.createElement('div')\n    this.el.className = 'preview-theme-switcher'\n\n    const label = document.createElement('span')\n    label.className = 'preview-theme-switcher__label'\n    label.textContent = 'Theme'\n    this.el.appendChild(label)\n\n    const buttons = document.createElement('div')\n    buttons.className = 'preview-theme-switcher__buttons'\n\n    for (const theme of THEMES) {\n      const meta = COLOR_MODES[theme as ColorMode]\n      const btn = document.createElement('button')\n      btn.type = 'button'\n      btn.className = 'preview-theme-switcher__btn'\n      btn.dataset.theme = theme\n      btn.title = meta.label || getThemeLabel(theme)\n      btn.setAttribute('aria-label', `Switch to ${meta.label} theme`)\n\n      const swatch = document.createElement('span')\n      swatch.className = `preview-theme-swatch preview-theme-swatch--${theme}`\n      btn.appendChild(swatch)\n\n      btn.addEventListener('click', () => {\n        setThemePartial({ mode: theme as ColorMode })\n      })\n\n      buttons.appendChild(btn)\n    }\n\n    this.el.appendChild(buttons)\n    this._onThemeChange = () => this.updateActive()\n    document.addEventListener('cm:theme-change', this._onThemeChange)\n    this.updateActive()\n  }\n\n  destroy(): void {\n    document.removeEventListener('cm:theme-change', this._onThemeChange)\n  }\n\n  private updateActive(): void {\n    const current = getTheme().mode\n    const buttons = this.el.querySelectorAll<HTMLButtonElement>('.preview-theme-switcher__btn')\n    for (const btn of buttons) {\n      const isActive = btn.dataset.theme === current\n      btn.classList.toggle('preview-theme-switcher__btn--active', isActive)\n      btn.setAttribute('aria-pressed', String(isActive))\n    }\n  }\n}\n"],"mappings":";;;AAcA,IAAM,IAA0B;CAAC;CAAS;CAAQ;CAAW;CAAQ,EAExD,IAAb,MAA2B;CACzB;CACA;CAEA,cAAc;AAEZ,EADA,KAAK,KAAK,SAAS,cAAc,MAAM,EACvC,KAAK,GAAG,YAAY;EAEpB,IAAM,IAAQ,SAAS,cAAc,OAAO;AAG5C,EAFA,EAAM,YAAY,iCAClB,EAAM,cAAc,SACpB,KAAK,GAAG,YAAY,EAAM;EAE1B,IAAM,IAAU,SAAS,cAAc,MAAM;AAC7C,IAAQ,YAAY;AAEpB,OAAK,IAAM,KAAS,GAAQ;GAC1B,IAAM,IAAO,EAAY,IACnB,IAAM,SAAS,cAAc,SAAS;AAK5C,GAJA,EAAI,OAAO,UACX,EAAI,YAAY,+BAChB,EAAI,QAAQ,QAAQ,GACpB,EAAI,QAAQ,EAAK,SAAS,EAAc,EAAM,EAC9C,EAAI,aAAa,cAAc,aAAa,EAAK,MAAM,QAAQ;GAE/D,IAAM,IAAS,SAAS,cAAc,OAAO;AAQ7C,GAPA,EAAO,YAAY,8CAA8C,KACjE,EAAI,YAAY,EAAO,EAEvB,EAAI,iBAAiB,eAAe;AAClC,MAAgB,EAAE,MAAM,GAAoB,CAAC;KAC7C,EAEF,EAAQ,YAAY,EAAI;;AAM1B,EAHA,KAAK,GAAG,YAAY,EAAQ,EAC5B,KAAK,uBAAuB,KAAK,cAAc,EAC/C,SAAS,iBAAiB,mBAAmB,KAAK,eAAe,EACjE,KAAK,cAAc;;CAGrB,UAAgB;AACd,WAAS,oBAAoB,mBAAmB,KAAK,eAAe;;CAGtE,eAA6B;EAC3B,IAAM,IAAU,GAAU,CAAC,MACrB,IAAU,KAAK,GAAG,iBAAoC,+BAA+B;AAC3F,OAAK,IAAM,KAAO,GAAS;GACzB,IAAM,IAAW,EAAI,QAAQ,UAAU;AAEvC,GADA,EAAI,UAAU,OAAO,uCAAuC,EAAS,EACrE,EAAI,aAAa,gBAAgB,OAAO,EAAS,CAAC"}

package/dist/composites/metrics-card.js

@@ -1,4 +1,4 @@
-import { t as e } from "../utils-B7XIe3qq.js";
+import { t as e } from "../utils-DcOSDVkb.js";
 import { Card as t } from "../react/primitives/card.js";
 import { Progress as n } from "../react/primitives/progress.js";
 import "react";

package/dist/composites/per-case-stats-table.js

@@ -1,4 +1,4 @@
-import { t as e } from "../utils-B7XIe3qq.js";
+import { t as e } from "../utils-DcOSDVkb.js";
 import { Table as t, TableBody as n, TableCell as r, TableHead as i, TableHeader as a, TableRow as o } from "../react/primitives/table.js";
 import "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";

package/dist/composites/run-monitor.js

@@ -1,5 +1,5 @@
-import { n as e } from "../sse-D0HLjufB.js";
-import { t } from "../utils-B7XIe3qq.js";
+import { n as e } from "../sse-DCaj9UFJ.js";
+import { t } from "../utils-DcOSDVkb.js";
 import { PhaseProgress as n } from "../primitives/phase-progress.js";
 import { SSELiveBadge as r } from "../primitives/sse-live-badge.js";
 import { LiveLogTail as i } from "../primitives/live-log-tail.js";

package/dist/{copy-Hv8btfHH.js → copy-CP6UzCoj.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-wKpAnzBe.js";
+import { t as e } from "./createLucideIcon-Cfb5CZJx.js";
 var t = e("copy", [["rect", {
 	width: "14",
 	height: "14",
@@ -14,4 +14,4 @@ var t = e("copy", [["rect", {
 //#endregion
 export { t };
 
-//# sourceMappingURL=copy-Hv8btfHH.js.map
+//# sourceMappingURL=copy-CP6UzCoj.js.map

package/dist/{copy-Hv8btfHH.js.map → copy-CP6UzCoj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"copy-Hv8btfHH.js","names":[],"sources":["../node_modules/lucide-react/dist/esm/icons/copy.js"],"sourcesContent":["/**\n * @license lucide-react v1.6.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"rect\", { width: \"14\", height: \"14\", x: \"8\", y: \"8\", rx: \"2\", ry: \"2\", key: \"17jyea\" }],\n  [\"path\", { d: \"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\", key: \"zix9uf\" }]\n];\nconst Copy = createLucideIcon(\"copy\", __iconNode);\n\nexport { __iconNode, Copy as default };\n//# sourceMappingURL=copy.js.map\n"],"x_google_ignoreList":[0],"mappings":";AAaA,IAAM,IAAO,EAAiB,QAJX,CACjB,CAAC,QAAQ;CAAE,OAAO;CAAM,QAAQ;CAAM,GAAG;CAAK,GAAG;CAAK,IAAI;CAAK,IAAI;CAAK,KAAK;CAAU,CAAC,EACxF,CAAC,QAAQ;CAAE,GAAG;CAA2D,KAAK;CAAU,CAAC,CAC1F,CACgD"}
+{"version":3,"file":"copy-CP6UzCoj.js","names":[],"sources":["../node_modules/lucide-react/dist/esm/icons/copy.js"],"sourcesContent":["/**\n * @license lucide-react v1.6.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"rect\", { width: \"14\", height: \"14\", x: \"8\", y: \"8\", rx: \"2\", ry: \"2\", key: \"17jyea\" }],\n  [\"path\", { d: \"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\", key: \"zix9uf\" }]\n];\nconst Copy = createLucideIcon(\"copy\", __iconNode);\n\nexport { __iconNode, Copy as default };\n//# sourceMappingURL=copy.js.map\n"],"x_google_ignoreList":[0],"mappings":";AAaA,IAAM,IAAO,EAAiB,QAJX,CACjB,CAAC,QAAQ;CAAE,OAAO;CAAM,QAAQ;CAAM,GAAG;CAAK,GAAG;CAAK,IAAI;CAAK,IAAI;CAAK,KAAK;CAAU,CAAC,EACxF,CAAC,QAAQ;CAAE,GAAG;CAA2D,KAAK;CAAU,CAAC,CAC1F,CACgD"}

package/dist/{cose-bilkent-S5V4N54A-DSIl5_e8.js → cose-bilkent-S5V4N54A-DxM02fly.js}

@@ -1,7 +1,7 @@
 import { s as e, t } from "./chunk-NBPlniwU.js";
-import { w as n } from "./src-BEYP07TO.js";
-import { n as r, r as i } from "./src-hxErHTV1.js";
-import { t as a } from "./cytoscape.esm-klxrH6H1.js";
+import { w as n } from "./src-D1EMXotX.js";
+import { n as r, r as i } from "./src-BhNgmpel.js";
+import { t as a } from "./cytoscape.esm-2vKMh7AJ.js";
 //#region node_modules/layout-base/layout-base.js
 var o = /* @__PURE__ */ t(((e, t) => {
 	(function(n, r) {
@@ -2250,4 +2250,4 @@ var g = /* @__PURE__ */ r(async (e, t, { insertCluster: n, insertEdge: r, insert
 //#endregion
 export { g as render };
 
-//# sourceMappingURL=cose-bilkent-S5V4N54A-DSIl5_e8.js.map
+//# sourceMappingURL=cose-bilkent-S5V4N54A-DxM02fly.js.map