@countermeasure-platform/web-components 0.2.0

package/dist/display/avatar/index.d.ts

@@ -0,0 +1,30 @@
+import { AvatarConfig, AvatarStatus } from './types';
+export type { AvatarConfig, AvatarSize, AvatarShape, AvatarStatus, AvatarGroupConfig, } from './types';
+export { AvatarGroup } from './avatar-group';
+export declare class Avatar {
+    readonly el: HTMLDivElement;
+    private readonly avatarId;
+    private currentSize;
+    private currentShape;
+    private currentSrc;
+    private currentName;
+    private contentEl;
+    private statusEl;
+    constructor(config: AvatarConfig);
+    /** Update the avatar image source */
+    setSrc(src: string): void;
+    /** Update the avatar name (used for initials) */
+    setName(name: string): void;
+    /** Update or clear the status indicator */
+    setStatus(status: AvatarStatus | null): void;
+    /** Remove the avatar from the DOM and clean up */
+    destroy(): void;
+    private buildClassName;
+    private createContent;
+    private createImageEl;
+    private createInitialsEl;
+    private createDefaultIconEl;
+    private createStatusEl;
+    private rebuildContent;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/display/avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/display/avatar/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,YAAY,EAAqC,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAGjG,YAAY,EACV,YAAY,EACZ,UAAU,EACV,WAAW,EACX,YAAY,EACZ,iBAAiB,GAClB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAsB5C,qBAAa,MAAM;IACjB,SAAgB,EAAE,EAAE,cAAc,CAAA;IAElC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAQ;IACjC,OAAO,CAAC,WAAW,CAAY;IAC/B,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,UAAU,CAAoB;IACtC,OAAO,CAAC,WAAW,CAAoB;IACvC,OAAO,CAAC,SAAS,CAAoC;IACrD,OAAO,CAAC,QAAQ,CAA+B;gBAEnC,MAAM,EAAE,YAAY;IAmChC,qCAAqC;IACrC,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAKzB,iDAAiD;IACjD,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAS3B,2CAA2C;IAC3C,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,GAAG,IAAI;IAa5C,kDAAkD;IAClD,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,cAAc;CAUvB"}

package/dist/display/avatar/index.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../../avatar-Chu9WlV5.js";
+export { t as Avatar, e as AvatarGroup };

package/dist/display/avatar/types.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Avatar type definitions
+ * @countermeasure/web-components/display/avatar
+ */
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type AvatarShape = 'circle' | 'square';
+export type AvatarStatus = 'online' | 'offline' | 'away' | 'busy';
+export interface AvatarConfig {
+    container?: HTMLElement | string;
+    src?: string;
+    alt?: string;
+    name?: string;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    status?: AvatarStatus;
+    className?: string;
+    /** When true, avatar is decorative (role="presentation", no aria-label) */
+    decorative?: boolean;
+}
+export interface AvatarGroupConfig {
+    container?: HTMLElement | string;
+    max?: number;
+    size?: AvatarSize;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/display/avatar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/display/avatar/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AACzD,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAC7C,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;AAEjE,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/dist/display/badge/index.d.ts

@@ -0,0 +1,22 @@
+import { BadgeConfig, BadgeVariant } from './types';
+export type { BadgeConfig, BadgeVariant, BadgeSeverity, BadgeStatus } from './types';
+export { severityBadge, statusBadge } from './presets';
+export declare class Badge {
+    readonly el: HTMLSpanElement;
+    private readonly badgeId;
+    private currentVariant;
+    private labelEl;
+    private dotEl;
+    private removeBtn;
+    private readonly removeHandler;
+    private readonly removeBtnClickHandler;
+    constructor(config: BadgeConfig);
+    /** Update the badge label text */
+    setLabel(label: string): void;
+    /** Change the badge variant */
+    setVariant(variant: BadgeVariant): void;
+    /** Remove the badge from the DOM and clean up */
+    destroy(): void;
+    private buildClassName;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/display/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/display/badge/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAG7D,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACpF,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEtD,qBAAa,KAAK;IAChB,SAAgB,EAAE,EAAE,eAAe,CAAA;IAEnC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAQ;IAChC,OAAO,CAAC,cAAc,CAAc;IACpC,OAAO,CAAC,OAAO,CAAiB;IAChC,OAAO,CAAC,KAAK,CAA+B;IAC5C,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA0B;IACxD,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAA4B;gBAEtD,MAAM,EAAE,WAAW;IAoD/B,kCAAkC;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI7B,+BAA+B;IAC/B,UAAU,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI;IAMvC,iDAAiD;IACjD,OAAO,IAAI,IAAI;IAOf,OAAO,CAAC,cAAc;CAcvB"}

package/dist/display/badge/index.js

@@ -0,0 +1,2 @@
+import { n as e, r as t, t as n } from "../../badge-DIbZWeHZ.js";
+export { n as Badge, e as severityBadge, t as statusBadge };

package/dist/display/badge/presets.d.ts

@@ -0,0 +1,7 @@
+import { Badge } from './index';
+import { BadgeConfig, BadgeSeverity, BadgeStatus } from './types';
+/** Create a severity badge with appropriate styling */
+export declare function severityBadge(severity: BadgeSeverity, config?: Partial<BadgeConfig>): Badge;
+/** Create a status badge with appropriate styling */
+export declare function statusBadge(status: BadgeStatus, config?: Partial<BadgeConfig>): Badge;
+//# sourceMappingURL=presets.d.ts.map

package/dist/display/badge/presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.d.ts","sourceRoot":"","sources":["../../../src/display/badge/presets.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA;AAmBhF,uDAAuD;AACvD,wBAAgB,aAAa,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,KAAK,CAQ3F;AAED,qDAAqD;AACrD,wBAAgB,WAAW,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,KAAK,CAQrF"}

package/dist/display/badge/types.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Badge type definitions
+ * @countermeasure/web-components/display/badge
+ */
+export type BadgeVariant = 'default' | 'secondary' | 'outline' | 'destructive';
+export type BadgeSeverity = 'critical' | 'high' | 'medium' | 'low' | 'info';
+export type BadgeStatus = 'active' | 'inactive' | 'pending' | 'error';
+export interface BadgeConfig {
+    container?: HTMLElement | string;
+    label: string;
+    variant?: BadgeVariant;
+    severity?: BadgeSeverity;
+    status?: BadgeStatus;
+    dot?: boolean;
+    removable?: boolean;
+    className?: string;
+    onRemove?: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/display/badge/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/display/badge/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,CAAA;AAC9E,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAA;AAC3E,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAA;AAErE,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB"}

package/dist/display/card/index.d.ts

@@ -0,0 +1,24 @@
+import { CardConfig } from './types';
+export type { CardConfig } from './types';
+export declare class Card {
+    readonly el: HTMLDivElement;
+    private readonly cardId;
+    private headerEl;
+    private bodyEl;
+    private footerEl;
+    private readonly clickHandler;
+    private readonly keydownHandler;
+    constructor(config: CardConfig);
+    /** Update the card header content */
+    setHeader(content: string | HTMLElement): void;
+    /** Update the card body content */
+    setBody(content: string | HTMLElement): void;
+    /** Update the card footer content */
+    setFooter(content: string | HTMLElement): void;
+    /** Remove the card from the DOM and clean up */
+    destroy(): void;
+    private buildClassName;
+    private createSection;
+    private setSectionContent;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/display/card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/display/card/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,qBAAa,IAAI;IACf,SAAgB,EAAE,EAAE,cAAc,CAAA;IAElC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAQ;IAC/B,OAAO,CAAC,QAAQ,CAA8B;IAC9C,OAAO,CAAC,MAAM,CAA8B;IAC5C,OAAO,CAAC,QAAQ,CAA8B;IAC9C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA0B;IACvD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA4C;gBAE/D,MAAM,EAAE,UAAU;IAqD9B,qCAAqC;IACrC,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI;IAS9C,mCAAmC;IACnC,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI;IAa5C,qCAAqC;IACrC,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI;IAS9C,gDAAgD;IAChD,OAAO,IAAI,IAAI;IAUf,OAAO,CAAC,cAAc;IAsBtB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,iBAAiB;CAW1B"}

package/dist/display/card/index.js

@@ -0,0 +1,48 @@
+import { n as e, t } from "../../utils-Cn_W3h3f.js";
+//#region src/display/card/index.ts
+var n = class {
+	el;
+	cardId;
+	headerEl = null;
+	bodyEl = null;
+	footerEl = null;
+	clickHandler;
+	keydownHandler = null;
+	constructor(n) {
+		if (this.cardId = e("cmm-card"), this.clickHandler = n.onClick, this.el = document.createElement("div"), this.el.id = this.cardId, this.el.className = this.buildClassName(n), n.header !== void 0 && (this.headerEl = this.createSection("cmm-card__header", n.header), this.el.appendChild(this.headerEl)), n.body !== void 0 && (this.bodyEl = this.createSection("cmm-card__body", n.body), this.el.appendChild(this.bodyEl)), n.footer !== void 0 && (this.footerEl = this.createSection("cmm-card__footer", n.footer), this.el.appendChild(this.footerEl)), this.clickHandler !== void 0) {
+			this.el.setAttribute("role", "button"), this.el.setAttribute("tabindex", "0"), this.el.classList.add("cmm-card--clickable"), this.el.addEventListener("click", this.clickHandler);
+			let e = (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.clickHandler !== void 0 && this.clickHandler());
+			};
+			this.keydownHandler = e, this.el.addEventListener("keydown", e);
+		}
+		n.container !== void 0 && t(n.container).appendChild(this.el);
+	}
+	setHeader(e) {
+		this.headerEl === null ? (this.headerEl = this.createSection("cmm-card__header", e), this.el.insertBefore(this.headerEl, this.el.firstChild)) : this.setSectionContent(this.headerEl, e);
+	}
+	setBody(e) {
+		this.bodyEl === null ? (this.bodyEl = this.createSection("cmm-card__body", e), this.footerEl === null ? this.el.appendChild(this.bodyEl) : this.el.insertBefore(this.bodyEl, this.footerEl)) : this.setSectionContent(this.bodyEl, e);
+	}
+	setFooter(e) {
+		this.footerEl === null ? (this.footerEl = this.createSection("cmm-card__footer", e), this.el.appendChild(this.footerEl)) : this.setSectionContent(this.footerEl, e);
+	}
+	destroy() {
+		this.clickHandler !== void 0 && this.el.removeEventListener("click", this.clickHandler), this.keydownHandler !== null && this.el.removeEventListener("keydown", this.keydownHandler), this.el.remove();
+	}
+	buildClassName(e) {
+		let t = ["cmm-card"];
+		return e.hoverable === !0 && t.push("cmm-card--hoverable"), e.bordered === !1 && t.push("cmm-card--no-border"), e.padding === !1 && t.push("cmm-card--no-padding"), e.className && t.push(e.className), t.join(" ");
+	}
+	createSection(e, t) {
+		let n = document.createElement("div");
+		return n.className = e, this.setSectionContent(n, t), n;
+	}
+	setSectionContent(e, t) {
+		e.textContent = "", typeof t == "string" ? e.textContent = t : e.appendChild(t);
+	}
+};
+//#endregion
+export { n as Card };
+
+//# sourceMappingURL=index.js.map

package/dist/display/card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/display/card/index.ts"],"sourcesContent":["/**\n * Card - Generic card container with header, body, and footer sections\n * @countermeasure/web-components/display/card\n */\n\nimport { type CardConfig } from './types'\nimport { resolveContainer, uniqueId } from '../../primitives/utils'\n\nexport type { CardConfig } from './types'\n\nexport class Card {\n  public readonly el: HTMLDivElement\n\n  private readonly cardId: string\n  private headerEl: HTMLDivElement | null = null\n  private bodyEl: HTMLDivElement | null = null\n  private footerEl: HTMLDivElement | null = null\n  private readonly clickHandler: (() => void) | undefined\n  private readonly keydownHandler: ((e: KeyboardEvent) => void) | null = null\n\n  constructor(config: CardConfig) {\n    this.cardId = uniqueId('cmm-card')\n    this.clickHandler = config.onClick\n\n    // Create root element\n    this.el = document.createElement('div')\n    this.el.id = this.cardId\n    this.el.className = this.buildClassName(config)\n\n    // Create header if provided\n    if (config.header !== undefined) {\n      this.headerEl = this.createSection('cmm-card__header', config.header)\n      this.el.appendChild(this.headerEl)\n    }\n\n    // Create body if provided\n    if (config.body !== undefined) {\n      this.bodyEl = this.createSection('cmm-card__body', config.body)\n      this.el.appendChild(this.bodyEl)\n    }\n\n    // Create footer if provided\n    if (config.footer !== undefined) {\n      this.footerEl = this.createSection('cmm-card__footer', config.footer)\n      this.el.appendChild(this.footerEl)\n    }\n\n    // Set up click handling\n    if (this.clickHandler !== undefined) {\n      this.el.setAttribute('role', 'button')\n      this.el.setAttribute('tabindex', '0')\n      this.el.classList.add('cmm-card--clickable')\n      this.el.addEventListener('click', this.clickHandler)\n\n      const keyHandler = (e: KeyboardEvent) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault()\n          if (this.clickHandler !== undefined) {\n            this.clickHandler()\n          }\n        }\n      }\n      this.keydownHandler = keyHandler\n      this.el.addEventListener('keydown', keyHandler)\n    }\n\n    // Mount if container provided\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  /** Update the card header content */\n  setHeader(content: string | HTMLElement): void {\n    if (this.headerEl !== null) {\n      this.setSectionContent(this.headerEl, content)\n    } else {\n      this.headerEl = this.createSection('cmm-card__header', content)\n      this.el.insertBefore(this.headerEl, this.el.firstChild)\n    }\n  }\n\n  /** Update the card body content */\n  setBody(content: string | HTMLElement): void {\n    if (this.bodyEl !== null) {\n      this.setSectionContent(this.bodyEl, content)\n    } else {\n      this.bodyEl = this.createSection('cmm-card__body', content)\n      if (this.footerEl !== null) {\n        this.el.insertBefore(this.bodyEl, this.footerEl)\n      } else {\n        this.el.appendChild(this.bodyEl)\n      }\n    }\n  }\n\n  /** Update the card footer content */\n  setFooter(content: string | HTMLElement): void {\n    if (this.footerEl !== null) {\n      this.setSectionContent(this.footerEl, content)\n    } else {\n      this.footerEl = this.createSection('cmm-card__footer', content)\n      this.el.appendChild(this.footerEl)\n    }\n  }\n\n  /** Remove the card from the DOM and clean up */\n  destroy(): void {\n    if (this.clickHandler !== undefined) {\n      this.el.removeEventListener('click', this.clickHandler)\n    }\n    if (this.keydownHandler !== null) {\n      this.el.removeEventListener('keydown', this.keydownHandler)\n    }\n    this.el.remove()\n  }\n\n  private buildClassName(config: CardConfig): string {\n    const classes = ['cmm-card']\n\n    if (config.hoverable === true) {\n      classes.push('cmm-card--hoverable')\n    }\n\n    if (config.bordered === false) {\n      classes.push('cmm-card--no-border')\n    }\n\n    if (config.padding === false) {\n      classes.push('cmm-card--no-padding')\n    }\n\n    if (config.className) {\n      classes.push(config.className)\n    }\n\n    return classes.join(' ')\n  }\n\n  private createSection(className: string, content: string | HTMLElement): HTMLDivElement {\n    const section = document.createElement('div')\n    section.className = className\n    this.setSectionContent(section, content)\n    return section\n  }\n\n  private setSectionContent(section: HTMLDivElement, content: string | HTMLElement): void {\n    // Clear existing content safely\n    section.textContent = ''\n\n    if (typeof content === 'string') {\n      // Use textContent for string content to prevent XSS\n      section.textContent = content\n    } else {\n      section.appendChild(content)\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/display/card/types.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Card type definitions
+ * @countermeasure/web-components/display/card
+ */
+export interface CardConfig {
+    container?: HTMLElement | string;
+    header?: string | HTMLElement;
+    body?: string | HTMLElement;
+    footer?: string | HTMLElement;
+    padding?: boolean;
+    hoverable?: boolean;
+    bordered?: boolean;
+    className?: string;
+    onClick?: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/display/card/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/display/card/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,UAAU;IACzB,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB"}

package/dist/display/code-block/index.d.ts

@@ -0,0 +1,23 @@
+import { CodeBlockConfig } from './types';
+export type { CodeBlockConfig } from './types';
+export declare class CodeBlock {
+    readonly el: HTMLDivElement;
+    private readonly codeBlockId;
+    private readonly showLineNumbers;
+    private readonly showCopyButton;
+    private readonly maxHeight;
+    private readonly language;
+    private currentCode;
+    private editorView;
+    private editorContainer;
+    private copyBtnEl;
+    private copyTimeoutId;
+    constructor(config: CodeBlockConfig);
+    /** Update the displayed code */
+    setCode(code: string): void;
+    /** Remove the code block from the DOM and clean up */
+    destroy(): void;
+    private buildContent;
+    private handleCopy;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/display/code-block/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/display/code-block/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAaH,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAkD9C,qBAAa,SAAS;IACpB,SAAgB,EAAE,EAAE,cAAc,CAAA;IAElC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAQ;IACpC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAS;IACzC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAS;IACxC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoB;IAC9C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAoB;IAC7C,OAAO,CAAC,WAAW,CAAQ;IAE3B,OAAO,CAAC,UAAU,CAA0B;IAC5C,OAAO,CAAC,eAAe,CAA8B;IACrD,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,aAAa,CAA6C;gBAEtD,MAAM,EAAE,eAAe;IA0BnC,gCAAgC;IAChC,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAa3B,sDAAsD;IACtD,OAAO,IAAI,IAAI;IAYf,OAAO,CAAC,YAAY;IAkEpB,OAAO,CAAC,UAAU;CAoBnB"}

package/dist/display/code-block/index.js

@@ -0,0 +1,101 @@
+import { A as e, K as t, bt as n, f as r, ot as i } from "../../dist-Ltr12WCJ.js";
+import { i as a, n as o } from "../../base-CBgB0j_Y.js";
+import { fluxl as s } from "../../editors/languages/fluxl.js";
+import { yaral as c } from "../../editors/languages/yaral.js";
+import { yara as l } from "../../editors/languages/yara.js";
+import { t as u } from "../../json-CeyVGbpw.js";
+import { t as d } from "../../sql-BdONJBIG.js";
+import { t as f } from "../../yaml-BruA1FUA.js";
+import { n as p, t as m } from "../../utils-Cn_W3h3f.js";
+//#region src/display/code-block/index.ts
+var h = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"/></svg>";
+function g(e) {
+	switch (e) {
+		case "json": return u();
+		case "yaml":
+		case "yml": return f();
+		case "sql": return d();
+		case "fluxl": return s();
+		case "yaral": return c();
+		case "yara": return l();
+		default: return [];
+	}
+}
+var _ = t.theme({
+	"&": { fontSize: "13px" },
+	"&.cm-focused": { outline: "none" },
+	".cm-content": {
+		padding: "12px 0",
+		cursor: "text"
+	},
+	".cm-gutters": { cursor: "default" },
+	".cm-activeLine": { backgroundColor: "transparent" },
+	".cm-activeLineGutter": { backgroundColor: "transparent" }
+}), v = class {
+	el;
+	codeBlockId;
+	showLineNumbers;
+	showCopyButton;
+	maxHeight;
+	language;
+	currentCode;
+	editorView = null;
+	editorContainer = null;
+	copyBtnEl = null;
+	copyTimeoutId = null;
+	constructor(e) {
+		this.codeBlockId = p("cmm-code-block"), this.currentCode = e.code, this.language = e.language, this.showLineNumbers = e.showLineNumbers === !0, this.showCopyButton = e.showCopyButton !== !1, this.maxHeight = e.maxHeight, this.el = document.createElement("div"), this.el.id = this.codeBlockId, this.el.className = "cmm-code-block", e.className && this.el.classList.add(e.className), this.buildContent(), e.container !== void 0 && m(e.container).appendChild(this.el);
+	}
+	setCode(e) {
+		this.currentCode = e, this.editorView && this.editorView.dispatch({ changes: {
+			from: 0,
+			to: this.editorView.state.doc.length,
+			insert: e
+		} });
+	}
+	destroy() {
+		this.copyTimeoutId !== null && (clearTimeout(this.copyTimeoutId), this.copyTimeoutId = null), this.editorView &&= (this.editorView.destroy(), null), this.el.remove();
+	}
+	buildContent() {
+		if (this.language !== void 0 || this.showCopyButton) {
+			let e = document.createElement("div");
+			e.className = "cmm-code-block__header";
+			let t = document.createElement("span");
+			if (t.className = "cmm-code-block__language", t.textContent = this.language ?? "", e.appendChild(t), this.showCopyButton) {
+				let t = document.createElement("button");
+				t.className = "cmm-code-block__copy", t.setAttribute("aria-label", "Copy code"), t.type = "button", t.innerHTML = `${h} Copy`, t.addEventListener("click", () => {
+					this.handleCopy();
+				}), e.appendChild(t), this.copyBtnEl = t;
+			}
+			this.el.appendChild(e);
+		}
+		this.editorContainer = document.createElement("div"), this.editorContainer.className = "cmm-code-block__editor", this.maxHeight !== void 0 && (this.editorContainer.style.maxHeight = this.maxHeight, this.editorContainer.style.overflow = "auto");
+		let s = [
+			n.readOnly.of(!0),
+			t.editable.of(!1),
+			e(a),
+			e(r, { fallback: !0 }),
+			o,
+			_,
+			g(this.language)
+		];
+		this.showLineNumbers && s.push(i()), this.editorView = new t({
+			state: n.create({
+				doc: this.currentCode,
+				extensions: s
+			}),
+			parent: this.editorContainer
+		}), this.el.appendChild(this.editorContainer);
+	}
+	handleCopy() {
+		navigator.clipboard.writeText(this.currentCode).then(() => {
+			this.copyBtnEl && (this.copyBtnEl.innerHTML = `${h} Copied!`, this.copyBtnEl.classList.add("cmm-code-block__copy--copied"), this.copyTimeoutId !== null && clearTimeout(this.copyTimeoutId), this.copyTimeoutId = setTimeout(() => {
+				this.copyBtnEl && (this.copyBtnEl.innerHTML = `${h} Copy`, this.copyBtnEl.classList.remove("cmm-code-block__copy--copied")), this.copyTimeoutId = null;
+			}, 2e3));
+		});
+	}
+};
+//#endregion
+export { v as CodeBlock };
+
+//# sourceMappingURL=index.js.map

package/dist/display/code-block/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/display/code-block/index.ts"],"sourcesContent":["/**\n * CodeBlock - Static code display with syntax highlighting and copy functionality\n * Uses CodeMirror 6 for rendering with syntax highlighting in read-only mode.\n * @countermeasure/web-components/display/code-block\n */\n\nimport { EditorView, lineNumbers as cmLineNumbers } from '@codemirror/view'\nimport { EditorState, type Extension } from '@codemirror/state'\nimport { syntaxHighlighting, defaultHighlightStyle } from '@codemirror/language'\nimport { editorTheme, tfHighlightStyle } from '../../editors/base'\nimport { json } from '../../editors/languages/json'\nimport { yaml } from '../../editors/languages/yaml'\nimport { sql } from '../../editors/languages/sql'\nimport { fluxl } from '../../editors/languages/fluxl'\nimport { yaral } from '../../editors/languages/yaral'\nimport { yara } from '../../editors/languages/yara'\nimport { resolveContainer, uniqueId } from '../../primitives/utils'\nimport { type CodeBlockConfig } from './types'\n\nexport type { CodeBlockConfig } from './types'\n\n/** SVG icon for the copy button */\nconst COPY_ICON =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"/></svg>'\n\n/** Resolve a language string to a CodeMirror 6 language extension */\nfunction resolveLanguage(language: string | undefined): Extension {\n  switch (language) {\n    case 'json':\n      return json()\n    case 'yaml':\n    case 'yml':\n      return yaml()\n    case 'sql':\n      return sql()\n    case 'fluxl':\n      return fluxl()\n    case 'yaral':\n      return yaral()\n    case 'yara':\n      return yara()\n    default:\n      return []\n  }\n}\n\n/** CodeMirror theme overrides for read-only code blocks */\nconst codeBlockTheme = EditorView.theme({\n  '&': {\n    fontSize: '13px',\n  },\n  '&.cm-focused': {\n    outline: 'none',\n  },\n  '.cm-content': {\n    padding: '12px 0',\n    cursor: 'text',\n  },\n  '.cm-gutters': {\n    cursor: 'default',\n  },\n  '.cm-activeLine': {\n    backgroundColor: 'transparent',\n  },\n  '.cm-activeLineGutter': {\n    backgroundColor: 'transparent',\n  },\n})\n\nexport class CodeBlock {\n  public readonly el: HTMLDivElement\n\n  private readonly codeBlockId: string\n  private readonly showLineNumbers: boolean\n  private readonly showCopyButton: boolean\n  private readonly maxHeight: string | undefined\n  private readonly language: string | undefined\n  private currentCode: string\n\n  private editorView: EditorView | null = null\n  private editorContainer: HTMLDivElement | null = null\n  private copyBtnEl: HTMLButtonElement | null = null\n  private copyTimeoutId: ReturnType<typeof setTimeout> | null = null\n\n  constructor(config: CodeBlockConfig) {\n    this.codeBlockId = uniqueId('cmm-code-block')\n    this.currentCode = config.code\n    this.language = config.language\n    this.showLineNumbers = config.showLineNumbers === true\n    this.showCopyButton = config.showCopyButton !== false\n    this.maxHeight = config.maxHeight\n\n    // Create root element\n    this.el = document.createElement('div')\n    this.el.id = this.codeBlockId\n    this.el.className = 'cmm-code-block'\n\n    if (config.className) {\n      this.el.classList.add(config.className)\n    }\n\n    this.buildContent()\n\n    // Mount if container provided\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  /** Update the displayed code */\n  setCode(code: string): void {\n    this.currentCode = code\n    if (this.editorView) {\n      this.editorView.dispatch({\n        changes: {\n          from: 0,\n          to: this.editorView.state.doc.length,\n          insert: code,\n        },\n      })\n    }\n  }\n\n  /** Remove the code block from the DOM and clean up */\n  destroy(): void {\n    if (this.copyTimeoutId !== null) {\n      clearTimeout(this.copyTimeoutId)\n      this.copyTimeoutId = null\n    }\n    if (this.editorView) {\n      this.editorView.destroy()\n      this.editorView = null\n    }\n    this.el.remove()\n  }\n\n  private buildContent(): void {\n    // Header with language label and copy button\n    if (this.language !== undefined || this.showCopyButton) {\n      const header = document.createElement('div')\n      header.className = 'cmm-code-block__header'\n\n      const langLabel = document.createElement('span')\n      langLabel.className = 'cmm-code-block__language'\n      langLabel.textContent = this.language ?? ''\n      header.appendChild(langLabel)\n\n      if (this.showCopyButton) {\n        const copyBtn = document.createElement('button')\n        copyBtn.className = 'cmm-code-block__copy'\n        copyBtn.setAttribute('aria-label', 'Copy code')\n        copyBtn.type = 'button'\n        copyBtn.innerHTML = `${COPY_ICON} Copy`\n\n        copyBtn.addEventListener('click', () => {\n          this.handleCopy()\n        })\n\n        header.appendChild(copyBtn)\n        this.copyBtnEl = copyBtn\n      }\n\n      this.el.appendChild(header)\n    }\n\n    // CodeMirror editor container\n    this.editorContainer = document.createElement('div')\n    this.editorContainer.className = 'cmm-code-block__editor'\n\n    if (this.maxHeight !== undefined) {\n      this.editorContainer.style.maxHeight = this.maxHeight\n      this.editorContainer.style.overflow = 'auto'\n    }\n\n    // Build CodeMirror extensions\n    const extensions: Extension[] = [\n      EditorState.readOnly.of(true),\n      EditorView.editable.of(false),\n      syntaxHighlighting(tfHighlightStyle),\n      syntaxHighlighting(defaultHighlightStyle, { fallback: true }),\n      editorTheme,\n      codeBlockTheme,\n      resolveLanguage(this.language),\n    ]\n\n    if (this.showLineNumbers) {\n      extensions.push(cmLineNumbers())\n    }\n\n    const state = EditorState.create({\n      doc: this.currentCode,\n      extensions,\n    })\n\n    this.editorView = new EditorView({\n      state,\n      parent: this.editorContainer,\n    })\n\n    this.el.appendChild(this.editorContainer)\n  }\n\n  private handleCopy(): void {\n    void navigator.clipboard.writeText(this.currentCode).then(() => {\n      if (this.copyBtnEl) {\n        this.copyBtnEl.innerHTML = `${COPY_ICON} Copied!`\n        this.copyBtnEl.classList.add('cmm-code-block__copy--copied')\n\n        if (this.copyTimeoutId !== null) {\n          clearTimeout(this.copyTimeoutId)\n        }\n\n        this.copyTimeoutId = setTimeout(() => {\n          if (this.copyBtnEl) {\n            this.copyBtnEl.innerHTML = `${COPY_ICON} Copy`\n            this.copyBtnEl.classList.remove('cmm-code-block__copy--copied')\n          }\n          this.copyTimeoutId = null\n        }, 2000)\n      }\n    })\n  }\n}\n"],"mappings":"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"}

package/dist/display/code-block/types.d.ts

@@ -0,0 +1,14 @@
+/**
+ * CodeBlock type definitions
+ * @countermeasure/web-components/display/code-block
+ */
+export interface CodeBlockConfig {
+    container?: HTMLElement | string;
+    code: string;
+    language?: string;
+    showLineNumbers?: boolean;
+    showCopyButton?: boolean;
+    maxHeight?: string;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/display/code-block/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/display/code-block/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/dist/display/empty-state/index.d.ts

@@ -0,0 +1,17 @@
+import { EmptyStateConfig } from './types';
+export type { EmptyStateConfig } from './types';
+export declare class EmptyState {
+    readonly el: HTMLDivElement;
+    private titleEl;
+    private descriptionEl;
+    private actionBtn;
+    private actionClickHandler;
+    constructor(config: EmptyStateConfig);
+    /** Update the title text */
+    setTitle(title: string): void;
+    /** Update or remove the description text */
+    setDescription(desc: string | null): void;
+    /** Remove from the DOM and clean up listeners */
+    destroy(): void;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/display/empty-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/display/empty-state/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,qBAAa,UAAU;IACrB,SAAgB,EAAE,EAAE,cAAc,CAAA;IAElC,OAAO,CAAC,OAAO,CAAoB;IACnC,OAAO,CAAC,aAAa,CAAoC;IACzD,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,kBAAkB,CAA4B;gBAE1C,MAAM,EAAE,gBAAgB;IAqDpC,4BAA4B;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI7B,4CAA4C;IAC5C,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IA0BzC,iDAAiD;IACjD,OAAO,IAAI,IAAI;CAMhB"}

package/dist/display/empty-state/index.js

@@ -0,0 +1,42 @@
+import { t as e } from "../../utils-Cn_W3h3f.js";
+//#region src/display/empty-state/index.ts
+var t = class {
+	el;
+	titleEl;
+	descriptionEl = null;
+	actionBtn = null;
+	actionClickHandler = null;
+	constructor(t) {
+		if (this.el = document.createElement("div"), this.el.className = "cmm-empty-state", t.className && this.el.classList.add(t.className), t.icon !== void 0) {
+			let e = document.createElement("div");
+			e.className = "cmm-empty-state__icon", e.innerHTML = t.icon, this.el.appendChild(e);
+		}
+		if (this.titleEl = document.createElement("h3"), this.titleEl.className = "cmm-empty-state__title", this.titleEl.textContent = t.title, this.el.appendChild(this.titleEl), t.description !== void 0 && (this.descriptionEl = document.createElement("p"), this.descriptionEl.className = "cmm-empty-state__description", this.descriptionEl.textContent = t.description, this.el.appendChild(this.descriptionEl)), t.action !== void 0) {
+			let e = document.createElement("div");
+			e.className = "cmm-empty-state__action", this.actionBtn = document.createElement("button"), this.actionBtn.className = "cmm-btn cmm-btn--primary", this.actionBtn.textContent = t.action.label, this.actionClickHandler = t.action.onClick, this.actionBtn.addEventListener("click", this.actionClickHandler), e.appendChild(this.actionBtn), this.el.appendChild(e);
+		}
+		t.container !== void 0 && e(t.container).appendChild(this.el);
+	}
+	setTitle(e) {
+		this.titleEl.textContent = e;
+	}
+	setDescription(e) {
+		if (e === null) {
+			this.descriptionEl &&= (this.descriptionEl.remove(), null);
+			return;
+		}
+		if (this.descriptionEl) this.descriptionEl.textContent = e;
+		else {
+			this.descriptionEl = document.createElement("p"), this.descriptionEl.className = "cmm-empty-state__description", this.descriptionEl.textContent = e;
+			let t = this.el.querySelector(".cmm-empty-state__action");
+			t ? this.el.insertBefore(this.descriptionEl, t) : this.el.appendChild(this.descriptionEl);
+		}
+	}
+	destroy() {
+		this.actionBtn && this.actionClickHandler && this.actionBtn.removeEventListener("click", this.actionClickHandler), this.el.remove();
+	}
+};
+//#endregion
+export { t as EmptyState };
+
+//# sourceMappingURL=index.js.map

package/dist/display/empty-state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/display/empty-state/index.ts"],"sourcesContent":["/**\n * EmptyState - Placeholder for empty content areas\n * @countermeasure/web-components/display/empty-state\n */\n\nimport { resolveContainer } from '../../primitives/utils'\nimport { type EmptyStateConfig } from './types'\n\nexport type { EmptyStateConfig } from './types'\n\nexport class EmptyState {\n  public readonly el: HTMLDivElement\n\n  private titleEl: HTMLHeadingElement\n  private descriptionEl: HTMLParagraphElement | null = null\n  private actionBtn: HTMLButtonElement | null = null\n  private actionClickHandler: (() => void) | null = null\n\n  constructor(config: EmptyStateConfig) {\n    // Create root element\n    this.el = document.createElement('div')\n    this.el.className = 'cmm-empty-state'\n\n    if (config.className) {\n      this.el.classList.add(config.className)\n    }\n\n    // Icon (optional)\n    if (config.icon !== undefined) {\n      const iconEl = document.createElement('div')\n      iconEl.className = 'cmm-empty-state__icon'\n      iconEl.innerHTML = config.icon\n      this.el.appendChild(iconEl)\n    }\n\n    // Title\n    this.titleEl = document.createElement('h3')\n    this.titleEl.className = 'cmm-empty-state__title'\n    this.titleEl.textContent = config.title\n    this.el.appendChild(this.titleEl)\n\n    // Description (optional)\n    if (config.description !== undefined) {\n      this.descriptionEl = document.createElement('p')\n      this.descriptionEl.className = 'cmm-empty-state__description'\n      this.descriptionEl.textContent = config.description\n      this.el.appendChild(this.descriptionEl)\n    }\n\n    // Action (optional)\n    if (config.action !== undefined) {\n      const actionWrapper = document.createElement('div')\n      actionWrapper.className = 'cmm-empty-state__action'\n\n      this.actionBtn = document.createElement('button')\n      this.actionBtn.className = 'cmm-btn cmm-btn--primary'\n      this.actionBtn.textContent = config.action.label\n      this.actionClickHandler = config.action.onClick\n      this.actionBtn.addEventListener('click', this.actionClickHandler)\n\n      actionWrapper.appendChild(this.actionBtn)\n      this.el.appendChild(actionWrapper)\n    }\n\n    // Mount if container provided\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  /** Update the title text */\n  setTitle(title: string): void {\n    this.titleEl.textContent = title\n  }\n\n  /** Update or remove the description text */\n  setDescription(desc: string | null): void {\n    if (desc === null) {\n      if (this.descriptionEl) {\n        this.descriptionEl.remove()\n        this.descriptionEl = null\n      }\n      return\n    }\n\n    if (this.descriptionEl) {\n      this.descriptionEl.textContent = desc\n    } else {\n      this.descriptionEl = document.createElement('p')\n      this.descriptionEl.className = 'cmm-empty-state__description'\n      this.descriptionEl.textContent = desc\n\n      // Insert before action wrapper if it exists, otherwise append\n      const actionWrapper = this.el.querySelector('.cmm-empty-state__action')\n      if (actionWrapper) {\n        this.el.insertBefore(this.descriptionEl, actionWrapper)\n      } else {\n        this.el.appendChild(this.descriptionEl)\n      }\n    }\n  }\n\n  /** Remove from the DOM and clean up listeners */\n  destroy(): void {\n    if (this.actionBtn && this.actionClickHandler) {\n      this.actionBtn.removeEventListener('click', this.actionClickHandler)\n    }\n    this.el.remove()\n  }\n}\n"],"mappings":";;AAUA,IAAa,IAAb,MAAwB;CACtB;CAEA;CACA,gBAAqD;CACrD,YAA8C;CAC9C,qBAAkD;CAElD,YAAY,GAA0B;AAUpC,MARA,KAAK,KAAK,SAAS,cAAc,MAAM,EACvC,KAAK,GAAG,YAAY,mBAEhB,EAAO,aACT,KAAK,GAAG,UAAU,IAAI,EAAO,UAAU,EAIrC,EAAO,SAAS,KAAA,GAAW;GAC7B,IAAM,IAAS,SAAS,cAAc,MAAM;AAG5C,GAFA,EAAO,YAAY,yBACnB,EAAO,YAAY,EAAO,MAC1B,KAAK,GAAG,YAAY,EAAO;;AAkB7B,MAdA,KAAK,UAAU,SAAS,cAAc,KAAK,EAC3C,KAAK,QAAQ,YAAY,0BACzB,KAAK,QAAQ,cAAc,EAAO,OAClC,KAAK,GAAG,YAAY,KAAK,QAAQ,EAG7B,EAAO,gBAAgB,KAAA,MACzB,KAAK,gBAAgB,SAAS,cAAc,IAAI,EAChD,KAAK,cAAc,YAAY,gCAC/B,KAAK,cAAc,cAAc,EAAO,aACxC,KAAK,GAAG,YAAY,KAAK,cAAc,GAIrC,EAAO,WAAW,KAAA,GAAW;GAC/B,IAAM,IAAgB,SAAS,cAAc,MAAM;AAUnD,GATA,EAAc,YAAY,2BAE1B,KAAK,YAAY,SAAS,cAAc,SAAS,EACjD,KAAK,UAAU,YAAY,4BAC3B,KAAK,UAAU,cAAc,EAAO,OAAO,OAC3C,KAAK,qBAAqB,EAAO,OAAO,SACxC,KAAK,UAAU,iBAAiB,SAAS,KAAK,mBAAmB,EAEjE,EAAc,YAAY,KAAK,UAAU,EACzC,KAAK,GAAG,YAAY,EAAc;;AAIpC,EAAI,EAAO,cAAc,KAAA,KACR,EAAiB,EAAO,UAAU,CAC1C,YAAY,KAAK,GAAG;;CAK/B,SAAS,GAAqB;AAC5B,OAAK,QAAQ,cAAc;;CAI7B,eAAe,GAA2B;AACxC,MAAI,MAAS,MAAM;AACjB,GAEE,KAAK,mBADL,KAAK,cAAc,QAAQ,EACN;AAEvB;;AAGF,MAAI,KAAK,cACP,MAAK,cAAc,cAAc;OAC5B;AAGL,GAFA,KAAK,gBAAgB,SAAS,cAAc,IAAI,EAChD,KAAK,cAAc,YAAY,gCAC/B,KAAK,cAAc,cAAc;GAGjC,IAAM,IAAgB,KAAK,GAAG,cAAc,2BAA2B;AACvE,GAAI,IACF,KAAK,GAAG,aAAa,KAAK,eAAe,EAAc,GAEvD,KAAK,GAAG,YAAY,KAAK,cAAc;;;CAM7C,UAAgB;AAId,EAHI,KAAK,aAAa,KAAK,sBACzB,KAAK,UAAU,oBAAoB,SAAS,KAAK,mBAAmB,EAEtE,KAAK,GAAG,QAAQ"}

package/dist/display/empty-state/types.d.ts

@@ -0,0 +1,16 @@
+/**
+ * EmptyState type definitions
+ * @countermeasure/web-components/display/empty-state
+ */
+export interface EmptyStateConfig {
+    container?: HTMLElement | string;
+    icon?: string;
+    title: string;
+    description?: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/display/empty-state/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/display/empty-state/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,IAAI,CAAA;KACpB,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/dist/display/hover-card/index.d.ts

@@ -0,0 +1,46 @@
+import { HoverCardConfig } from './types';
+export type { HoverCardConfig, HoverCardPlacement } from './types';
+export declare class HoverCard {
+    private readonly trigger;
+    private readonly placement;
+    private readonly openDelay;
+    private readonly closeDelay;
+    private readonly className;
+    private readonly cardId;
+    private cardEl;
+    private contentEl;
+    private arrowEl;
+    private content;
+    private showTimeoutId;
+    private hideTimeoutId;
+    private destroyed;
+    /** Bound event handlers for cleanup */
+    private readonly handleTriggerMouseEnter;
+    private readonly handleTriggerMouseLeave;
+    private readonly handleCardMouseEnter;
+    private readonly handleCardMouseLeave;
+    constructor(config: HoverCardConfig);
+    /** Update the hover card content */
+    setContent(content: HTMLElement | string): void;
+    /** Programmatically show the hover card */
+    show(): void;
+    /** Programmatically hide the hover card */
+    hide(): void;
+    /** Remove listeners from trigger and clean up hover card */
+    destroy(): void;
+    /** Schedule showing the hover card after the configured open delay */
+    private scheduleShow;
+    /** Schedule hiding the hover card after the configured close delay */
+    private scheduleHide;
+    /** Cancel any pending show timeout */
+    private cancelScheduledShow;
+    /** Cancel any pending hide timeout */
+    private cancelScheduledHide;
+    /** Create the hover card DOM element and append to body */
+    private createCardElement;
+    /** Render the content into the content element */
+    private renderContent;
+    /** Position the hover card relative to the trigger element */
+    private positionCard;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/display/hover-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/display/hover-card/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EAAE,KAAK,eAAe,EAA2B,MAAM,SAAS,CAAA;AAEvE,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAuBlE,qBAAa,SAAS;IACpB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAa;IACrC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoB;IAC9C,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAQ;IAClC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAQ;IACnC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoB;IAC9C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAQ;IAE/B,OAAO,CAAC,MAAM,CAA2B;IACzC,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,OAAO,CAAsB;IACrC,OAAO,CAAC,aAAa,CAA6C;IAClE,OAAO,CAAC,aAAa,CAA6C;IAClE,OAAO,CAAC,SAAS,CAAQ;IAEzB,uCAAuC;IACvC,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAAY;IACpD,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAAY;IACpD,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAY;IACjD,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAY;gBAErC,MAAM,EAAE,eAAe;IA2BnC,oCAAoC;IACpC,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI;IAO/C,2CAA2C;IAC3C,IAAI,IAAI,IAAI;IAiBZ,2CAA2C;IAC3C,IAAI,IAAI,IAAI;IAqBZ,4DAA4D;IAC5D,OAAO,IAAI,IAAI;IAef,sEAAsE;IACtE,OAAO,CAAC,YAAY;IAiBpB,sEAAsE;IACtE,OAAO,CAAC,YAAY;IAapB,sCAAsC;IACtC,OAAO,CAAC,mBAAmB;IAO3B,sCAAsC;IACtC,OAAO,CAAC,mBAAmB;IAO3B,2DAA2D;IAC3D,OAAO,CAAC,iBAAiB;IAwCzB,kDAAkD;IAClD,OAAO,CAAC,aAAa;IAcrB,8DAA8D;IAC9D,OAAO,CAAC,YAAY;CAkErB"}