@countermeasure-platform/web-components 0.2.0

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

@@ -0,0 +1,19 @@
+/**
+ * StatCard type definitions
+ * @countermeasure/web-components/display/stat-card
+ */
+export type TrendDirection = 'up' | 'down' | 'neutral';
+export interface TrendConfig {
+    direction: TrendDirection;
+    value: string;
+    label?: string;
+}
+export interface StatCardConfig {
+    container?: HTMLElement | string;
+    label: string;
+    value: string | number;
+    trend?: TrendConfig;
+    icon?: string;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/display/stat-card/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAA;AAEtD,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,cAAc,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

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

@@ -0,0 +1,37 @@
+import { TooltipConfig } from './types';
+export type { TooltipConfig, TooltipPlacement } from './types';
+export declare class Tooltip {
+    private readonly trigger;
+    private readonly placement;
+    private readonly delay;
+    private readonly className;
+    private readonly tooltipId;
+    private tooltipEl;
+    private arrowEl;
+    private showTimeoutId;
+    private content;
+    private destroyed;
+    /** Bound event handlers for cleanup */
+    private readonly handleMouseEnter;
+    private readonly handleMouseLeave;
+    private readonly handleFocusIn;
+    private readonly handleFocusOut;
+    constructor(config: TooltipConfig);
+    /** Update the tooltip text content */
+    setContent(content: string): void;
+    /** Programmatically show the tooltip */
+    show(): void;
+    /** Programmatically hide the tooltip */
+    hide(): void;
+    /** Remove listeners from trigger and clean up tooltip */
+    destroy(): void;
+    /** Schedule showing the tooltip after the configured delay */
+    private scheduleShow;
+    /** Cancel any pending show timeout */
+    private cancelScheduledShow;
+    /** Create the tooltip DOM element and append to body */
+    private createTooltipElement;
+    /** Position the tooltip relative to the trigger element */
+    private positionTooltip;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/display/tooltip/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,KAAK,aAAa,EAAyB,MAAM,SAAS,CAAA;AAEnE,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAuB9D,qBAAa,OAAO;IAClB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAa;IACrC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAkB;IAC5C,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAQ;IAC9B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoB;IAC9C,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAQ;IAElC,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,aAAa,CAA6C;IAClE,OAAO,CAAC,OAAO,CAAQ;IACvB,OAAO,CAAC,SAAS,CAAQ;IAEzB,uCAAuC;IACvC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAY;IAC7C,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAY;IAC7C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAY;IAC1C,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAY;gBAE/B,MAAM,EAAE,aAAa;IA2BjC,sCAAsC;IACtC,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAUjC,wCAAwC;IACxC,IAAI,IAAI,IAAI;IAgBZ,wCAAwC;IACxC,IAAI,IAAI,IAAI;IAkBZ,yDAAyD;IACzD,OAAO,IAAI,IAAI;IAgBf,8DAA8D;IAC9D,OAAO,CAAC,YAAY;IAgBpB,sCAAsC;IACtC,OAAO,CAAC,mBAAmB;IAO3B,wDAAwD;IACxD,OAAO,CAAC,oBAAoB;IA4B5B,2DAA2D;IAC3D,OAAO,CAAC,eAAe;CAkExB"}

package/dist/display/tooltip/index.js

@@ -0,0 +1,98 @@
+import { n as e } from "../../utils-Cn_W3h3f.js";
+//#region src/display/tooltip/index.ts
+function t(e) {
+	switch (e) {
+		case "top": return "bottom";
+		case "bottom": return "top";
+		case "left": return "right";
+		case "right": return "left";
+	}
+}
+var n = 8, r = class {
+	trigger;
+	placement;
+	delay;
+	className;
+	tooltipId;
+	tooltipEl = null;
+	arrowEl = null;
+	showTimeoutId = null;
+	content;
+	destroyed = !1;
+	handleMouseEnter;
+	handleMouseLeave;
+	handleFocusIn;
+	handleFocusOut;
+	constructor(t) {
+		this.trigger = t.trigger, this.content = t.content, this.placement = t.placement ?? "top", this.delay = t.delay ?? 200, this.className = t.className, this.tooltipId = e("cmm-tooltip"), this.handleMouseEnter = () => {
+			this.scheduleShow();
+		}, this.handleMouseLeave = () => {
+			this.hide();
+		}, this.handleFocusIn = () => {
+			this.scheduleShow();
+		}, this.handleFocusOut = () => {
+			this.hide();
+		}, this.trigger.addEventListener("mouseenter", this.handleMouseEnter), this.trigger.addEventListener("mouseleave", this.handleMouseLeave), this.trigger.addEventListener("focusin", this.handleFocusIn), this.trigger.addEventListener("focusout", this.handleFocusOut);
+	}
+	setContent(e) {
+		if (this.content = e, this.tooltipEl) {
+			let t = this.tooltipEl.firstChild;
+			t && (t.textContent = e);
+		}
+	}
+	show() {
+		this.destroyed || (this.cancelScheduledShow(), this.createTooltipElement(), this.positionTooltip(), this.tooltipEl && (this.tooltipEl.offsetHeight, this.tooltipEl.classList.add("cmm-tooltip--visible")));
+	}
+	hide() {
+		if (this.cancelScheduledShow(), this.tooltipEl) {
+			this.tooltipEl.classList.remove("cmm-tooltip--visible");
+			let e = this.tooltipEl;
+			setTimeout(() => {
+				e.remove();
+			}, 150), this.tooltipEl = null, this.arrowEl = null, this.trigger.removeAttribute("aria-describedby");
+		}
+	}
+	destroy() {
+		this.destroyed || (this.destroyed = !0, this.cancelScheduledShow(), this.hide(), this.trigger.removeEventListener("mouseenter", this.handleMouseEnter), this.trigger.removeEventListener("mouseleave", this.handleMouseLeave), this.trigger.removeEventListener("focusin", this.handleFocusIn), this.trigger.removeEventListener("focusout", this.handleFocusOut), this.trigger.removeAttribute("aria-describedby"));
+	}
+	scheduleShow() {
+		this.destroyed || (this.cancelScheduledShow(), this.delay > 0 ? this.showTimeoutId = setTimeout(() => {
+			this.show();
+		}, this.delay) : this.show());
+	}
+	cancelScheduledShow() {
+		this.showTimeoutId !== null && (clearTimeout(this.showTimeoutId), this.showTimeoutId = null);
+	}
+	createTooltipElement() {
+		this.tooltipEl && this.tooltipEl.remove();
+		let e = document.createElement("div");
+		e.className = "cmm-tooltip", e.id = this.tooltipId, e.setAttribute("role", "tooltip"), e.textContent = this.content, this.className && e.classList.add(this.className);
+		let t = document.createElement("div");
+		t.className = "cmm-tooltip__arrow", e.appendChild(t), document.body.appendChild(e), this.tooltipEl = e, this.arrowEl = t, this.trigger.setAttribute("aria-describedby", this.tooltipId);
+	}
+	positionTooltip() {
+		if (!this.tooltipEl || !this.arrowEl) return;
+		let e = this.trigger.getBoundingClientRect(), r = this.tooltipEl.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight, o = this.placement;
+		(o === "top" && e.top - r.height - n < 0 || o === "bottom" && e.bottom + r.height + n > a || o === "left" && e.left - r.width - n < 0 || o === "right" && e.right + r.width + n > i) && (o = t(o));
+		let s = 0, c = 0;
+		switch (o) {
+			case "top":
+				s = e.top - r.height - n, c = e.left + (e.width - r.width) / 2, this.arrowEl.className = "cmm-tooltip__arrow cmm-tooltip__arrow--bottom";
+				break;
+			case "bottom":
+				s = e.bottom + n, c = e.left + (e.width - r.width) / 2, this.arrowEl.className = "cmm-tooltip__arrow cmm-tooltip__arrow--top";
+				break;
+			case "left":
+				s = e.top + (e.height - r.height) / 2, c = e.left - r.width - n, this.arrowEl.className = "cmm-tooltip__arrow cmm-tooltip__arrow--right";
+				break;
+			case "right":
+				s = e.top + (e.height - r.height) / 2, c = e.right + n, this.arrowEl.className = "cmm-tooltip__arrow cmm-tooltip__arrow--left";
+				break;
+		}
+		c = Math.max(4, Math.min(c, i - r.width - 4)), s = Math.max(4, Math.min(s, a - r.height - 4)), this.tooltipEl.style.left = `${String(c)}px`, this.tooltipEl.style.top = `${String(s)}px`;
+	}
+};
+//#endregion
+export { r as Tooltip };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/display/tooltip/index.ts"],"sourcesContent":["/**\n * Tooltip - Lightweight text tooltip on hover/focus\n * @countermeasure/web-components/display/tooltip\n */\n\nimport { uniqueId } from '../../primitives/utils'\nimport { type TooltipConfig, type TooltipPlacement } from './types'\n\nexport type { TooltipConfig, TooltipPlacement } from './types'\n\n/** Determine the opposite placement for auto-flip */\nfunction getOppositePlacement(placement: TooltipPlacement): TooltipPlacement {\n  switch (placement) {\n    case 'top': {\n      return 'bottom'\n    }\n    case 'bottom': {\n      return 'top'\n    }\n    case 'left': {\n      return 'right'\n    }\n    case 'right': {\n      return 'left'\n    }\n  }\n}\n\n/** Gap in pixels between trigger and tooltip */\nconst TOOLTIP_GAP = 8\n\nexport class Tooltip {\n  private readonly trigger: HTMLElement\n  private readonly placement: TooltipPlacement\n  private readonly delay: number\n  private readonly className: string | undefined\n  private readonly tooltipId: string\n\n  private tooltipEl: HTMLElement | null = null\n  private arrowEl: HTMLElement | null = null\n  private showTimeoutId: ReturnType<typeof setTimeout> | null = null\n  private content: string\n  private destroyed = false\n\n  /** Bound event handlers for cleanup */\n  private readonly handleMouseEnter: () => void\n  private readonly handleMouseLeave: () => void\n  private readonly handleFocusIn: () => void\n  private readonly handleFocusOut: () => void\n\n  constructor(config: TooltipConfig) {\n    this.trigger = config.trigger\n    this.content = config.content\n    this.placement = config.placement ?? 'top'\n    this.delay = config.delay ?? 200\n    this.className = config.className\n    this.tooltipId = uniqueId('cmm-tooltip')\n\n    this.handleMouseEnter = () => {\n      this.scheduleShow()\n    }\n    this.handleMouseLeave = () => {\n      this.hide()\n    }\n    this.handleFocusIn = () => {\n      this.scheduleShow()\n    }\n    this.handleFocusOut = () => {\n      this.hide()\n    }\n\n    this.trigger.addEventListener('mouseenter', this.handleMouseEnter)\n    this.trigger.addEventListener('mouseleave', this.handleMouseLeave)\n    this.trigger.addEventListener('focusin', this.handleFocusIn)\n    this.trigger.addEventListener('focusout', this.handleFocusOut)\n  }\n\n  /** Update the tooltip text content */\n  setContent(content: string): void {\n    this.content = content\n    if (this.tooltipEl) {\n      const textNode = this.tooltipEl.firstChild\n      if (textNode) {\n        textNode.textContent = content\n      }\n    }\n  }\n\n  /** Programmatically show the tooltip */\n  show(): void {\n    if (this.destroyed) {\n      return\n    }\n\n    this.cancelScheduledShow()\n    this.createTooltipElement()\n    this.positionTooltip()\n\n    if (this.tooltipEl) {\n      // Force reflow before adding visible class for transition\n      void this.tooltipEl.offsetHeight\n      this.tooltipEl.classList.add('cmm-tooltip--visible')\n    }\n  }\n\n  /** Programmatically hide the tooltip */\n  hide(): void {\n    this.cancelScheduledShow()\n\n    if (this.tooltipEl) {\n      this.tooltipEl.classList.remove('cmm-tooltip--visible')\n\n      const el = this.tooltipEl\n      // Remove after transition\n      setTimeout(() => {\n        el.remove()\n      }, 150)\n\n      this.tooltipEl = null\n      this.arrowEl = null\n      this.trigger.removeAttribute('aria-describedby')\n    }\n  }\n\n  /** Remove listeners from trigger and clean up tooltip */\n  destroy(): void {\n    if (this.destroyed) {\n      return\n    }\n    this.destroyed = true\n\n    this.cancelScheduledShow()\n    this.hide()\n\n    this.trigger.removeEventListener('mouseenter', this.handleMouseEnter)\n    this.trigger.removeEventListener('mouseleave', this.handleMouseLeave)\n    this.trigger.removeEventListener('focusin', this.handleFocusIn)\n    this.trigger.removeEventListener('focusout', this.handleFocusOut)\n    this.trigger.removeAttribute('aria-describedby')\n  }\n\n  /** Schedule showing the tooltip after the configured delay */\n  private scheduleShow(): void {\n    if (this.destroyed) {\n      return\n    }\n\n    this.cancelScheduledShow()\n\n    if (this.delay > 0) {\n      this.showTimeoutId = setTimeout(() => {\n        this.show()\n      }, this.delay)\n    } else {\n      this.show()\n    }\n  }\n\n  /** Cancel any pending show timeout */\n  private cancelScheduledShow(): void {\n    if (this.showTimeoutId !== null) {\n      clearTimeout(this.showTimeoutId)\n      this.showTimeoutId = null\n    }\n  }\n\n  /** Create the tooltip DOM element and append to body */\n  private createTooltipElement(): void {\n    // Remove existing tooltip if present\n    if (this.tooltipEl) {\n      this.tooltipEl.remove()\n    }\n\n    const tooltip = document.createElement('div')\n    tooltip.className = 'cmm-tooltip'\n    tooltip.id = this.tooltipId\n    tooltip.setAttribute('role', 'tooltip')\n    tooltip.textContent = this.content\n\n    if (this.className) {\n      tooltip.classList.add(this.className)\n    }\n\n    // Arrow\n    const arrow = document.createElement('div')\n    arrow.className = 'cmm-tooltip__arrow'\n    tooltip.appendChild(arrow)\n\n    document.body.appendChild(tooltip)\n\n    this.tooltipEl = tooltip\n    this.arrowEl = arrow\n    this.trigger.setAttribute('aria-describedby', this.tooltipId)\n  }\n\n  /** Position the tooltip relative to the trigger element */\n  private positionTooltip(): void {\n    if (!this.tooltipEl || !this.arrowEl) {\n      return\n    }\n\n    const triggerRect = this.trigger.getBoundingClientRect()\n    const tooltipRect = this.tooltipEl.getBoundingClientRect()\n    const viewportWidth = window.innerWidth\n    const viewportHeight = window.innerHeight\n\n    let placement = this.placement\n\n    // Auto-flip if not enough space\n    if (placement === 'top' && triggerRect.top - tooltipRect.height - TOOLTIP_GAP < 0) {\n      placement = getOppositePlacement(placement)\n    } else if (\n      placement === 'bottom' &&\n      triggerRect.bottom + tooltipRect.height + TOOLTIP_GAP > viewportHeight\n    ) {\n      placement = getOppositePlacement(placement)\n    } else if (placement === 'left' && triggerRect.left - tooltipRect.width - TOOLTIP_GAP < 0) {\n      placement = getOppositePlacement(placement)\n    } else if (\n      placement === 'right' &&\n      triggerRect.right + tooltipRect.width + TOOLTIP_GAP > viewportWidth\n    ) {\n      placement = getOppositePlacement(placement)\n    }\n\n    let top = 0\n    let left = 0\n\n    switch (placement) {\n      case 'top': {\n        top = triggerRect.top - tooltipRect.height - TOOLTIP_GAP\n        left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2\n        this.arrowEl.className = 'cmm-tooltip__arrow cmm-tooltip__arrow--bottom'\n        break\n      }\n      case 'bottom': {\n        top = triggerRect.bottom + TOOLTIP_GAP\n        left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2\n        this.arrowEl.className = 'cmm-tooltip__arrow cmm-tooltip__arrow--top'\n        break\n      }\n      case 'left': {\n        top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2\n        left = triggerRect.left - tooltipRect.width - TOOLTIP_GAP\n        this.arrowEl.className = 'cmm-tooltip__arrow cmm-tooltip__arrow--right'\n        break\n      }\n      case 'right': {\n        top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2\n        left = triggerRect.right + TOOLTIP_GAP\n        this.arrowEl.className = 'cmm-tooltip__arrow cmm-tooltip__arrow--left'\n        break\n      }\n    }\n\n    // Clamp to viewport\n    left = Math.max(4, Math.min(left, viewportWidth - tooltipRect.width - 4))\n    top = Math.max(4, Math.min(top, viewportHeight - tooltipRect.height - 4))\n\n    this.tooltipEl.style.left = `${String(left)}px`\n    this.tooltipEl.style.top = `${String(top)}px`\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+/**
+ * Tooltip type definitions
+ * @countermeasure/web-components/display/tooltip
+ */
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+export interface TooltipConfig {
+    trigger: HTMLElement;
+    content: string;
+    placement?: TooltipPlacement;
+    delay?: number;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/display/tooltip/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAElE,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,WAAW,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

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

@@ -0,0 +1,24 @@
+import { TypographyConfig, TypographyVariant } from './types';
+export type { TypographyConfig, TypographyVariant, TypographyWeight, TypographyAlign, } from './types';
+export declare class Typography {
+    readonly el: HTMLElement;
+    private readonly typographyId;
+    private currentVariant;
+    private currentText;
+    private readonly weight;
+    private readonly align;
+    private readonly muted;
+    private readonly truncate;
+    private readonly clamp;
+    private readonly className;
+    private readonly containerRef;
+    constructor(config: TypographyConfig);
+    /** Update the text content */
+    setText(text: string): void;
+    /** Update the variant (recreates the element with a new tag) */
+    setVariant(variant: TypographyVariant): void;
+    /** Remove the typography element from the DOM */
+    destroy(): void;
+    private buildClassName;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/display/typography/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EAGvB,MAAM,SAAS,CAAA;AAEhB,YAAY,EACV,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GAChB,MAAM,SAAS,CAAA;AAoChB,qBAAa,UAAU;IACrB,SAAgB,EAAE,EAAE,WAAW,CAAA;IAE/B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAQ;IACrC,OAAO,CAAC,cAAc,CAAmB;IACzC,OAAO,CAAC,WAAW,CAAQ;IAC3B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAA8B;IACrD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA6B;IACnD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAS;IAC/B,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAS;IAClC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAoB;IAC1C,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoB;IAC9C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAyB;gBAE1C,MAAM,EAAE,gBAAgB;IA6BpC,8BAA8B;IAC9B,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAK3B,gEAAgE;IAChE,UAAU,CAAC,OAAO,EAAE,iBAAiB,GAAG,IAAI;IAiB5C,iDAAiD;IACjD,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,cAAc;CA6BvB"}

package/dist/display/typography/index.js

@@ -0,0 +1,53 @@
+import { n as e, t } from "../../utils-Cn_W3h3f.js";
+//#region src/display/typography/index.ts
+function n(e) {
+	switch (e) {
+		case "h1": return "h1";
+		case "h2": return "h2";
+		case "h3": return "h3";
+		case "h4": return "h4";
+		case "h5": return "h5";
+		case "h6": return "h6";
+		case "body1":
+		case "body2": return "p";
+		case "caption":
+		case "overline": return "span";
+	}
+}
+var r = class {
+	el;
+	typographyId;
+	currentVariant;
+	currentText;
+	weight;
+	align;
+	muted;
+	truncate;
+	clamp;
+	className;
+	containerRef;
+	constructor(r) {
+		this.typographyId = e("cmm-typography"), this.currentVariant = r.variant ?? "body1", this.currentText = r.text, this.weight = r.weight, this.align = r.align, this.muted = r.muted === !0, this.truncate = r.truncate === !0, this.clamp = r.clamp, this.className = r.className;
+		let i = n(this.currentVariant);
+		this.el = document.createElement(i), this.el.id = this.typographyId, this.el.className = this.buildClassName(), this.el.textContent = this.currentText, this.clamp !== void 0 && (this.el.style.webkitLineClamp = String(this.clamp)), r.container !== void 0 && (this.containerRef = t(r.container), this.containerRef.appendChild(this.el));
+	}
+	setText(e) {
+		this.currentText = e, this.el.textContent = e;
+	}
+	setVariant(e) {
+		this.currentVariant = e;
+		let t = n(e), r = document.createElement(t);
+		r.id = this.typographyId, r.className = this.buildClassName(), r.textContent = this.currentText, this.clamp !== void 0 && (r.style.webkitLineClamp = String(this.clamp)), this.el.replaceWith(r), Object.defineProperty(this, "el", { value: r });
+	}
+	destroy() {
+		this.el.remove();
+	}
+	buildClassName() {
+		let e = ["cmm-typography", `cmm-typography--${this.currentVariant}`];
+		return this.weight !== void 0 && e.push(`cmm-typography--${this.weight}`), this.align !== void 0 && e.push(`cmm-typography--${this.align}`), this.muted && e.push("cmm-typography--muted"), this.truncate && e.push("cmm-typography--truncate"), this.clamp !== void 0 && e.push("cmm-typography--clamp"), this.className && e.push(this.className), e.join(" ");
+	}
+};
+//#endregion
+export { r as Typography };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/display/typography/index.ts"],"sourcesContent":["/**\n * Typography - Semantic text component with styling variants\n * @countermeasure/web-components/display/typography\n */\n\nimport { resolveContainer, uniqueId } from '../../primitives/utils'\nimport {\n  type TypographyConfig,\n  type TypographyVariant,\n  type TypographyWeight,\n  type TypographyAlign,\n} from './types'\n\nexport type {\n  TypographyConfig,\n  TypographyVariant,\n  TypographyWeight,\n  TypographyAlign,\n} from './types'\n\n/** Map variant to the appropriate HTML tag name */\nfunction variantToTag(\n  variant: TypographyVariant\n): 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' {\n  switch (variant) {\n    case 'h1': {\n      return 'h1'\n    }\n    case 'h2': {\n      return 'h2'\n    }\n    case 'h3': {\n      return 'h3'\n    }\n    case 'h4': {\n      return 'h4'\n    }\n    case 'h5': {\n      return 'h5'\n    }\n    case 'h6': {\n      return 'h6'\n    }\n    case 'body1':\n    case 'body2': {\n      return 'p'\n    }\n    case 'caption':\n    case 'overline': {\n      return 'span'\n    }\n  }\n}\n\nexport class Typography {\n  public readonly el: HTMLElement\n\n  private readonly typographyId: string\n  private currentVariant: TypographyVariant\n  private currentText: string\n  private readonly weight: TypographyWeight | undefined\n  private readonly align: TypographyAlign | undefined\n  private readonly muted: boolean\n  private readonly truncate: boolean\n  private readonly clamp: number | undefined\n  private readonly className: string | undefined\n  private readonly containerRef: HTMLElement | undefined\n\n  constructor(config: TypographyConfig) {\n    this.typographyId = uniqueId('cmm-typography')\n    this.currentVariant = config.variant ?? 'body1'\n    this.currentText = config.text\n    this.weight = config.weight\n    this.align = config.align\n    this.muted = config.muted === true\n    this.truncate = config.truncate === true\n    this.clamp = config.clamp\n    this.className = config.className\n\n    // Create the element with the appropriate tag\n    const tag = variantToTag(this.currentVariant)\n    this.el = document.createElement(tag)\n    this.el.id = this.typographyId\n    this.el.className = this.buildClassName()\n    this.el.textContent = this.currentText\n\n    if (this.clamp !== undefined) {\n      this.el.style.webkitLineClamp = String(this.clamp)\n    }\n\n    // Resolve and store container reference\n    if (config.container !== undefined) {\n      this.containerRef = resolveContainer(config.container)\n      this.containerRef.appendChild(this.el)\n    }\n  }\n\n  /** Update the text content */\n  setText(text: string): void {\n    this.currentText = text\n    this.el.textContent = text\n  }\n\n  /** Update the variant (recreates the element with a new tag) */\n  setVariant(variant: TypographyVariant): void {\n    this.currentVariant = variant\n    const newTag = variantToTag(variant)\n    const newEl = document.createElement(newTag)\n    newEl.id = this.typographyId\n    newEl.className = this.buildClassName()\n    newEl.textContent = this.currentText\n\n    if (this.clamp !== undefined) {\n      newEl.style.webkitLineClamp = String(this.clamp)\n    }\n\n    this.el.replaceWith(newEl)\n    // Update the readonly reference via Object.defineProperty\n    Object.defineProperty(this, 'el', { value: newEl })\n  }\n\n  /** Remove the typography element from the DOM */\n  destroy(): void {\n    this.el.remove()\n  }\n\n  private buildClassName(): string {\n    const classes = ['cmm-typography', `cmm-typography--${this.currentVariant}`]\n\n    if (this.weight !== undefined) {\n      classes.push(`cmm-typography--${this.weight}`)\n    }\n\n    if (this.align !== undefined) {\n      classes.push(`cmm-typography--${this.align}`)\n    }\n\n    if (this.muted) {\n      classes.push('cmm-typography--muted')\n    }\n\n    if (this.truncate) {\n      classes.push('cmm-typography--truncate')\n    }\n\n    if (this.clamp !== undefined) {\n      classes.push('cmm-typography--clamp')\n    }\n\n    if (this.className) {\n      classes.push(this.className)\n    }\n\n    return classes.join(' ')\n  }\n}\n"],"mappings":";;AAqBA,SAAS,EACP,GACwD;AACxD,SAAQ,GAAR;EACE,KAAK,KACH,QAAO;EAET,KAAK,KACH,QAAO;EAET,KAAK,KACH,QAAO;EAET,KAAK,KACH,QAAO;EAET,KAAK,KACH,QAAO;EAET,KAAK,KACH,QAAO;EAET,KAAK;EACL,KAAK,QACH,QAAO;EAET,KAAK;EACL,KAAK,WACH,QAAO;;;AAKb,IAAa,IAAb,MAAwB;CACtB;CAEA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CAEA,YAAY,GAA0B;AASpC,EARA,KAAK,eAAe,EAAS,iBAAiB,EAC9C,KAAK,iBAAiB,EAAO,WAAW,SACxC,KAAK,cAAc,EAAO,MAC1B,KAAK,SAAS,EAAO,QACrB,KAAK,QAAQ,EAAO,OACpB,KAAK,QAAQ,EAAO,UAAU,IAC9B,KAAK,WAAW,EAAO,aAAa,IACpC,KAAK,QAAQ,EAAO,OACpB,KAAK,YAAY,EAAO;EAGxB,IAAM,IAAM,EAAa,KAAK,eAAe;AAW7C,EAVA,KAAK,KAAK,SAAS,cAAc,EAAI,EACrC,KAAK,GAAG,KAAK,KAAK,cAClB,KAAK,GAAG,YAAY,KAAK,gBAAgB,EACzC,KAAK,GAAG,cAAc,KAAK,aAEvB,KAAK,UAAU,KAAA,MACjB,KAAK,GAAG,MAAM,kBAAkB,OAAO,KAAK,MAAM,GAIhD,EAAO,cAAc,KAAA,MACvB,KAAK,eAAe,EAAiB,EAAO,UAAU,EACtD,KAAK,aAAa,YAAY,KAAK,GAAG;;CAK1C,QAAQ,GAAoB;AAE1B,EADA,KAAK,cAAc,GACnB,KAAK,GAAG,cAAc;;CAIxB,WAAW,GAAkC;AAC3C,OAAK,iBAAiB;EACtB,IAAM,IAAS,EAAa,EAAQ,EAC9B,IAAQ,SAAS,cAAc,EAAO;AAW5C,EAVA,EAAM,KAAK,KAAK,cAChB,EAAM,YAAY,KAAK,gBAAgB,EACvC,EAAM,cAAc,KAAK,aAErB,KAAK,UAAU,KAAA,MACjB,EAAM,MAAM,kBAAkB,OAAO,KAAK,MAAM,GAGlD,KAAK,GAAG,YAAY,EAAM,EAE1B,OAAO,eAAe,MAAM,MAAM,EAAE,OAAO,GAAO,CAAC;;CAIrD,UAAgB;AACd,OAAK,GAAG,QAAQ;;CAGlB,iBAAiC;EAC/B,IAAM,IAAU,CAAC,kBAAkB,mBAAmB,KAAK,iBAAiB;AA0B5E,SAxBI,KAAK,WAAW,KAAA,KAClB,EAAQ,KAAK,mBAAmB,KAAK,SAAS,EAG5C,KAAK,UAAU,KAAA,KACjB,EAAQ,KAAK,mBAAmB,KAAK,QAAQ,EAG3C,KAAK,SACP,EAAQ,KAAK,wBAAwB,EAGnC,KAAK,YACP,EAAQ,KAAK,2BAA2B,EAGtC,KAAK,UAAU,KAAA,KACjB,EAAQ,KAAK,wBAAwB,EAGnC,KAAK,aACP,EAAQ,KAAK,KAAK,UAAU,EAGvB,EAAQ,KAAK,IAAI"}

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

@@ -0,0 +1,19 @@
+/**
+ * Typography type definitions
+ * @countermeasure/web-components/display/typography
+ */
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body1' | 'body2' | 'caption' | 'overline';
+export type TypographyWeight = 'normal' | 'medium' | 'semibold' | 'bold';
+export type TypographyAlign = 'left' | 'center' | 'right';
+export interface TypographyConfig {
+    container?: HTMLElement | string;
+    variant?: TypographyVariant;
+    text: string;
+    weight?: TypographyWeight;
+    align?: TypographyAlign;
+    muted?: boolean;
+    truncate?: boolean;
+    clamp?: number;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/display/typography/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,iBAAiB,GACzB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,OAAO,GACP,OAAO,GACP,SAAS,GACT,UAAU,CAAA;AACd,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAA;AACxE,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEzD,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/dist/display/uptime-bar/index.d.ts

@@ -0,0 +1,18 @@
+import { UptimeBarConfig, UptimeSegment } from './types';
+export type { UptimeBarConfig, UptimeSegment, UptimeSegmentStatus } from './types';
+export declare class UptimeBar {
+    readonly el: HTMLDivElement;
+    private readonly barId;
+    private segmentsEl;
+    private labelEl;
+    private readonly showLabels;
+    private readonly height;
+    constructor(config: UptimeBarConfig);
+    /** Replace all segments with a new set */
+    setSegments(segments: UptimeSegment[]): void;
+    /** Remove the element from the DOM and clean up */
+    destroy(): void;
+    private renderSegments;
+    private buildClassName;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/display/uptime-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/display/uptime-bar/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,aAAa,EAAE,MAAM,SAAS,CAAA;AAGlE,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAgBlF,qBAAa,SAAS;IACpB,SAAgB,EAAE,EAAE,cAAc,CAAA;IAElC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAQ;IAC9B,OAAO,CAAC,UAAU,CAAgB;IAClC,OAAO,CAAC,OAAO,CAA8B;IAC7C,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAS;IACpC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAQ;gBAEnB,MAAM,EAAE,eAAe;IAmCnC,0CAA0C;IAC1C,WAAW,CAAC,QAAQ,EAAE,aAAa,EAAE,GAAG,IAAI;IAI5C,mDAAmD;IACnD,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,cAAc;IAuBtB,OAAO,CAAC,cAAc;CAOvB"}

package/dist/display/uptime-bar/index.js

@@ -0,0 +1,44 @@
+import { n as e, t } from "../../utils-Cn_W3h3f.js";
+//#region src/display/uptime-bar/index.ts
+function n(e) {
+	if (e.length === 0) return "0.0";
+	let t = 0;
+	for (let n of e) n.status === "up" && (t += 1);
+	return (t / e.length * 100).toFixed(1);
+}
+var r = class {
+	el;
+	barId;
+	segmentsEl;
+	labelEl = null;
+	showLabels;
+	height;
+	constructor(n) {
+		this.barId = e("cmm-uptime-bar"), this.showLabels = n.showLabels !== !1, this.height = n.height ?? 32, this.el = document.createElement("div"), this.el.id = this.barId, this.el.className = this.buildClassName(n.className), this.el.setAttribute("role", "img"), this.el.setAttribute("aria-label", "Uptime status bar"), this.segmentsEl = document.createElement("div"), this.segmentsEl.className = "cmm-uptime-bar__segments", this.segmentsEl.style.height = `${String(this.height)}px`, this.el.appendChild(this.segmentsEl), this.showLabels && (this.labelEl = document.createElement("div"), this.labelEl.className = "cmm-uptime-bar__label", this.el.appendChild(this.labelEl)), this.renderSegments(n.segments), n.container !== void 0 && t(n.container).appendChild(this.el);
+	}
+	setSegments(e) {
+		this.renderSegments(e);
+	}
+	destroy() {
+		this.el.remove();
+	}
+	renderSegments(e) {
+		this.segmentsEl.textContent = "";
+		for (let t of e) {
+			let e = document.createElement("div");
+			e.className = `cmm-uptime-bar__segment cmm-uptime-bar__segment--${t.status}`, t.tooltip !== void 0 && (e.title = t.tooltip), this.segmentsEl.appendChild(e);
+		}
+		if (this.labelEl !== null) {
+			let t = n(e);
+			this.labelEl.textContent = `${t}% uptime`, this.el.setAttribute("aria-label", `Uptime status bar: ${t}% uptime`);
+		}
+	}
+	buildClassName(e) {
+		let t = ["cmm-uptime-bar"];
+		return e && t.push(e), t.join(" ");
+	}
+};
+//#endregion
+export { r as UptimeBar };
+
+//# sourceMappingURL=index.js.map

package/dist/display/uptime-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/display/uptime-bar/index.ts"],"sourcesContent":["/**\n * UptimeBar - Horizontal bar showing uptime/downtime segments over time\n * @countermeasure/web-components/display/uptime-bar\n */\n\nimport { type UptimeBarConfig, type UptimeSegment } from './types'\nimport { resolveContainer, uniqueId } from '../../primitives/utils'\n\nexport type { UptimeBarConfig, UptimeSegment, UptimeSegmentStatus } from './types'\n\n/** Calculate uptime percentage from segments */\nfunction calculateUptimePercent(segments: UptimeSegment[]): string {\n  if (segments.length === 0) {\n    return '0.0'\n  }\n  let upCount = 0\n  for (const segment of segments) {\n    if (segment.status === 'up') {\n      upCount += 1\n    }\n  }\n  return ((upCount / segments.length) * 100).toFixed(1)\n}\n\nexport class UptimeBar {\n  public readonly el: HTMLDivElement\n\n  private readonly barId: string\n  private segmentsEl: HTMLDivElement\n  private labelEl: HTMLDivElement | null = null\n  private readonly showLabels: boolean\n  private readonly height: number\n\n  constructor(config: UptimeBarConfig) {\n    this.barId = uniqueId('cmm-uptime-bar')\n    this.showLabels = config.showLabels !== false\n    this.height = config.height ?? 32\n\n    // Create root element\n    this.el = document.createElement('div')\n    this.el.id = this.barId\n    this.el.className = this.buildClassName(config.className)\n    this.el.setAttribute('role', 'img')\n    this.el.setAttribute('aria-label', 'Uptime status bar')\n\n    // Create segments container\n    this.segmentsEl = document.createElement('div')\n    this.segmentsEl.className = 'cmm-uptime-bar__segments'\n    this.segmentsEl.style.height = `${String(this.height)}px`\n    this.el.appendChild(this.segmentsEl)\n\n    // Create label\n    if (this.showLabels) {\n      this.labelEl = document.createElement('div')\n      this.labelEl.className = 'cmm-uptime-bar__label'\n      this.el.appendChild(this.labelEl)\n    }\n\n    // Render initial segments\n    this.renderSegments(config.segments)\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  /** Replace all segments with a new set */\n  setSegments(segments: UptimeSegment[]): void {\n    this.renderSegments(segments)\n  }\n\n  /** Remove the element from the DOM and clean up */\n  destroy(): void {\n    this.el.remove()\n  }\n\n  private renderSegments(segments: UptimeSegment[]): void {\n    // Clear existing segments\n    this.segmentsEl.textContent = ''\n\n    for (const segment of segments) {\n      const segEl = document.createElement('div')\n      segEl.className = `cmm-uptime-bar__segment cmm-uptime-bar__segment--${segment.status}`\n\n      if (segment.tooltip !== undefined) {\n        segEl.title = segment.tooltip\n      }\n\n      this.segmentsEl.appendChild(segEl)\n    }\n\n    // Update label\n    if (this.labelEl !== null) {\n      const percent = calculateUptimePercent(segments)\n      this.labelEl.textContent = `${percent}% uptime`\n      this.el.setAttribute('aria-label', `Uptime status bar: ${percent}% uptime`)\n    }\n  }\n\n  private buildClassName(extra?: string): string {\n    const classes = ['cmm-uptime-bar']\n    if (extra) {\n      classes.push(extra)\n    }\n    return classes.join(' ')\n  }\n}\n"],"mappings":";;AAWA,SAAS,EAAuB,GAAmC;AACjE,KAAI,EAAS,WAAW,EACtB,QAAO;CAET,IAAI,IAAU;AACd,MAAK,IAAM,KAAW,EACpB,CAAI,EAAQ,WAAW,SACrB,KAAW;AAGf,SAAS,IAAU,EAAS,SAAU,KAAK,QAAQ,EAAE;;AAGvD,IAAa,IAAb,MAAuB;CACrB;CAEA;CACA;CACA,UAAyC;CACzC;CACA;CAEA,YAAY,GAAyB;AA6BnC,EA5BA,KAAK,QAAQ,EAAS,iBAAiB,EACvC,KAAK,aAAa,EAAO,eAAe,IACxC,KAAK,SAAS,EAAO,UAAU,IAG/B,KAAK,KAAK,SAAS,cAAc,MAAM,EACvC,KAAK,GAAG,KAAK,KAAK,OAClB,KAAK,GAAG,YAAY,KAAK,eAAe,EAAO,UAAU,EACzD,KAAK,GAAG,aAAa,QAAQ,MAAM,EACnC,KAAK,GAAG,aAAa,cAAc,oBAAoB,EAGvD,KAAK,aAAa,SAAS,cAAc,MAAM,EAC/C,KAAK,WAAW,YAAY,4BAC5B,KAAK,WAAW,MAAM,SAAS,GAAG,OAAO,KAAK,OAAO,CAAC,KACtD,KAAK,GAAG,YAAY,KAAK,WAAW,EAGhC,KAAK,eACP,KAAK,UAAU,SAAS,cAAc,MAAM,EAC5C,KAAK,QAAQ,YAAY,yBACzB,KAAK,GAAG,YAAY,KAAK,QAAQ,GAInC,KAAK,eAAe,EAAO,SAAS,EAGhC,EAAO,cAAc,KAAA,KACR,EAAiB,EAAO,UAAU,CAC1C,YAAY,KAAK,GAAG;;CAK/B,YAAY,GAAiC;AAC3C,OAAK,eAAe,EAAS;;CAI/B,UAAgB;AACd,OAAK,GAAG,QAAQ;;CAGlB,eAAuB,GAAiC;AAEtD,OAAK,WAAW,cAAc;AAE9B,OAAK,IAAM,KAAW,GAAU;GAC9B,IAAM,IAAQ,SAAS,cAAc,MAAM;AAO3C,GANA,EAAM,YAAY,oDAAoD,EAAQ,UAE1E,EAAQ,YAAY,KAAA,MACtB,EAAM,QAAQ,EAAQ,UAGxB,KAAK,WAAW,YAAY,EAAM;;AAIpC,MAAI,KAAK,YAAY,MAAM;GACzB,IAAM,IAAU,EAAuB,EAAS;AAEhD,GADA,KAAK,QAAQ,cAAc,GAAG,EAAQ,WACtC,KAAK,GAAG,aAAa,cAAc,sBAAsB,EAAQ,UAAU;;;CAI/E,eAAuB,GAAwB;EAC7C,IAAM,IAAU,CAAC,iBAAiB;AAIlC,SAHI,KACF,EAAQ,KAAK,EAAM,EAEd,EAAQ,KAAK,IAAI"}

package/dist/display/uptime-bar/types.d.ts

@@ -0,0 +1,17 @@
+/**
+ * UptimeBar type definitions
+ * @countermeasure/web-components/display/uptime-bar
+ */
+export type UptimeSegmentStatus = 'up' | 'down' | 'degraded' | 'unknown';
+export interface UptimeSegment {
+    status: UptimeSegmentStatus;
+    tooltip?: string;
+}
+export interface UptimeBarConfig {
+    container?: HTMLElement | string;
+    segments: UptimeSegment[];
+    showLabels?: boolean;
+    height?: number;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/display/uptime-bar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/display/uptime-bar/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,CAAA;AAExE,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,mBAAmB,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/dist/dist--GaXbmRw2.js

@@ -0,0 +1,118 @@
+import { n as e } from "./dist-BOvRuqYp.js";
+import { n as t, o as n, t as r } from "./dist-CuA1lYwd.js";
+import { t as i } from "./dist-CuEY-E_Y.js";
+import { jsx as a } from "react/jsx-runtime";
+import * as o from "react";
+//#region node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
+function s(e, t = globalThis?.document) {
+	let n = i(e);
+	o.useEffect(() => {
+		let e = (e) => {
+			e.key === "Escape" && n(e);
+		};
+		return t.addEventListener("keydown", e, { capture: !0 }), () => t.removeEventListener("keydown", e, { capture: !0 });
+	}, [n, t]);
+}
+//#endregion
+//#region node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
+var c = "DismissableLayer", l = "dismissableLayer.update", u = "dismissableLayer.pointerDownOutside", d = "dismissableLayer.focusOutside", f, p = o.createContext({
+	layers: /* @__PURE__ */ new Set(),
+	layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+	branches: /* @__PURE__ */ new Set()
+}), m = o.forwardRef((t, i) => {
+	let { disableOutsidePointerEvents: c = !1, onEscapeKeyDown: u, onPointerDownOutside: d, onFocusOutside: m, onInteractOutside: h, onDismiss: g, ...b } = t, x = o.useContext(p), [S, C] = o.useState(null), w = S?.ownerDocument ?? globalThis?.document, [, T] = o.useState({}), E = e(i, (e) => C(e)), D = Array.from(x.layers), [O] = [...x.layersWithOutsidePointerEventsDisabled].slice(-1), k = D.indexOf(O), A = S ? D.indexOf(S) : -1, j = x.layersWithOutsidePointerEventsDisabled.size > 0, M = A >= k, N = _((e) => {
+		let t = e.target, n = [...x.branches].some((e) => e.contains(t));
+		!M || n || (d?.(e), h?.(e), e.defaultPrevented || g?.());
+	}, w), P = v((e) => {
+		let t = e.target;
+		[...x.branches].some((e) => e.contains(t)) || (m?.(e), h?.(e), e.defaultPrevented || g?.());
+	}, w);
+	return s((e) => {
+		A === x.layers.size - 1 && (u?.(e), !e.defaultPrevented && g && (e.preventDefault(), g()));
+	}, w), o.useEffect(() => {
+		if (S) return c && (x.layersWithOutsidePointerEventsDisabled.size === 0 && (f = w.body.style.pointerEvents, w.body.style.pointerEvents = "none"), x.layersWithOutsidePointerEventsDisabled.add(S)), x.layers.add(S), y(), () => {
+			c && x.layersWithOutsidePointerEventsDisabled.size === 1 && (w.body.style.pointerEvents = f);
+		};
+	}, [
+		S,
+		w,
+		c,
+		x
+	]), o.useEffect(() => () => {
+		S && (x.layers.delete(S), x.layersWithOutsidePointerEventsDisabled.delete(S), y());
+	}, [S, x]), o.useEffect(() => {
+		let e = () => T({});
+		return document.addEventListener(l, e), () => document.removeEventListener(l, e);
+	}, []), /* @__PURE__ */ a(r.div, {
+		...b,
+		ref: E,
+		style: {
+			pointerEvents: j ? M ? "auto" : "none" : void 0,
+			...t.style
+		},
+		onFocusCapture: n(t.onFocusCapture, P.onFocusCapture),
+		onBlurCapture: n(t.onBlurCapture, P.onBlurCapture),
+		onPointerDownCapture: n(t.onPointerDownCapture, N.onPointerDownCapture)
+	});
+});
+m.displayName = c;
+var h = "DismissableLayerBranch", g = o.forwardRef((t, n) => {
+	let i = o.useContext(p), s = o.useRef(null), c = e(n, s);
+	return o.useEffect(() => {
+		let e = s.current;
+		if (e) return i.branches.add(e), () => {
+			i.branches.delete(e);
+		};
+	}, [i.branches]), /* @__PURE__ */ a(r.div, {
+		...t,
+		ref: c
+	});
+});
+g.displayName = h;
+function _(e, t = globalThis?.document) {
+	let n = i(e), r = o.useRef(!1), a = o.useRef(() => {});
+	return o.useEffect(() => {
+		let e = (e) => {
+			if (e.target && !r.current) {
+				let r = function() {
+					b(u, n, i, { discrete: !0 });
+				}, i = { originalEvent: e };
+				e.pointerType === "touch" ? (t.removeEventListener("click", a.current), a.current = r, t.addEventListener("click", a.current, { once: !0 })) : r();
+			} else t.removeEventListener("click", a.current);
+			r.current = !1;
+		}, i = window.setTimeout(() => {
+			t.addEventListener("pointerdown", e);
+		}, 0);
+		return () => {
+			window.clearTimeout(i), t.removeEventListener("pointerdown", e), t.removeEventListener("click", a.current);
+		};
+	}, [t, n]), { onPointerDownCapture: () => r.current = !0 };
+}
+function v(e, t = globalThis?.document) {
+	let n = i(e), r = o.useRef(!1);
+	return o.useEffect(() => {
+		let e = (e) => {
+			e.target && !r.current && b(d, n, { originalEvent: e }, { discrete: !1 });
+		};
+		return t.addEventListener("focusin", e), () => t.removeEventListener("focusin", e);
+	}, [t, n]), {
+		onFocusCapture: () => r.current = !0,
+		onBlurCapture: () => r.current = !1
+	};
+}
+function y() {
+	let e = new CustomEvent(l);
+	document.dispatchEvent(e);
+}
+function b(e, n, r, { discrete: i }) {
+	let a = r.originalEvent.target, o = new CustomEvent(e, {
+		bubbles: !1,
+		cancelable: !0,
+		detail: r
+	});
+	n && a.addEventListener(e, n, { once: !0 }), i ? t(a, o) : a.dispatchEvent(o);
+}
+//#endregion
+export { m as t };
+
+//# sourceMappingURL=dist--GaXbmRw2.js.map

package/dist/dist--GaXbmRw2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dist--GaXbmRw2.js","names":["React"],"sources":["../node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs","../node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs"],"sourcesContent":["// packages/react/use-escape-keydown/src/use-escape-keydown.tsx\nimport * as React from \"react\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nfunction useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {\n  const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);\n  React.useEffect(() => {\n    const handleKeyDown = (event) => {\n      if (event.key === \"Escape\") {\n        onEscapeKeyDown(event);\n      }\n    };\n    ownerDocument.addEventListener(\"keydown\", handleKeyDown, { capture: true });\n    return () => ownerDocument.removeEventListener(\"keydown\", handleKeyDown, { capture: true });\n  }, [onEscapeKeyDown, ownerDocument]);\n}\nexport {\n  useEscapeKeydown\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\";\n\n// src/dismissable-layer.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { Primitive, dispatchDiscreteCustomEvent } from \"@radix-ui/react-primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { useEscapeKeydown } from \"@radix-ui/react-use-escape-keydown\";\nimport { jsx } from \"react/jsx-runtime\";\nvar DISMISSABLE_LAYER_NAME = \"DismissableLayer\";\nvar CONTEXT_UPDATE = \"dismissableLayer.update\";\nvar POINTER_DOWN_OUTSIDE = \"dismissableLayer.pointerDownOutside\";\nvar FOCUS_OUTSIDE = \"dismissableLayer.focusOutside\";\nvar originalBodyPointerEvents;\nvar DismissableLayerContext = React.createContext({\n  layers: /* @__PURE__ */ new Set(),\n  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),\n  branches: /* @__PURE__ */ new Set()\n});\nvar DismissableLayer = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      disableOutsidePointerEvents = false,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      onDismiss,\n      ...layerProps\n    } = props;\n    const context = React.useContext(DismissableLayerContext);\n    const [node, setNode] = React.useState(null);\n    const ownerDocument = node?.ownerDocument ?? globalThis?.document;\n    const [, force] = React.useState({});\n    const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));\n    const layers = Array.from(context.layers);\n    const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);\n    const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);\n    const index = node ? layers.indexOf(node) : -1;\n    const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;\n    const isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex;\n    const pointerDownOutside = usePointerDownOutside((event) => {\n      const target = event.target;\n      const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target));\n      if (!isPointerEventsEnabled || isPointerDownOnBranch) return;\n      onPointerDownOutside?.(event);\n      onInteractOutside?.(event);\n      if (!event.defaultPrevented) onDismiss?.();\n    }, ownerDocument);\n    const focusOutside = useFocusOutside((event) => {\n      const target = event.target;\n      const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target));\n      if (isFocusInBranch) return;\n      onFocusOutside?.(event);\n      onInteractOutside?.(event);\n      if (!event.defaultPrevented) onDismiss?.();\n    }, ownerDocument);\n    useEscapeKeydown((event) => {\n      const isHighestLayer = index === context.layers.size - 1;\n      if (!isHighestLayer) return;\n      onEscapeKeyDown?.(event);\n      if (!event.defaultPrevented && onDismiss) {\n        event.preventDefault();\n        onDismiss();\n      }\n    }, ownerDocument);\n    React.useEffect(() => {\n      if (!node) return;\n      if (disableOutsidePointerEvents) {\n        if (context.layersWithOutsidePointerEventsDisabled.size === 0) {\n          originalBodyPointerEvents = ownerDocument.body.style.pointerEvents;\n          ownerDocument.body.style.pointerEvents = \"none\";\n        }\n        context.layersWithOutsidePointerEventsDisabled.add(node);\n      }\n      context.layers.add(node);\n      dispatchUpdate();\n      return () => {\n        if (disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1) {\n          ownerDocument.body.style.pointerEvents = originalBodyPointerEvents;\n        }\n      };\n    }, [node, ownerDocument, disableOutsidePointerEvents, context]);\n    React.useEffect(() => {\n      return () => {\n        if (!node) return;\n        context.layers.delete(node);\n        context.layersWithOutsidePointerEventsDisabled.delete(node);\n        dispatchUpdate();\n      };\n    }, [node, context]);\n    React.useEffect(() => {\n      const handleUpdate = () => force({});\n      document.addEventListener(CONTEXT_UPDATE, handleUpdate);\n      return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);\n    }, []);\n    return /* @__PURE__ */ jsx(\n      Primitive.div,\n      {\n        ...layerProps,\n        ref: composedRefs,\n        style: {\n          pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? \"auto\" : \"none\" : void 0,\n          ...props.style\n        },\n        onFocusCapture: composeEventHandlers(props.onFocusCapture, focusOutside.onFocusCapture),\n        onBlurCapture: composeEventHandlers(props.onBlurCapture, focusOutside.onBlurCapture),\n        onPointerDownCapture: composeEventHandlers(\n          props.onPointerDownCapture,\n          pointerDownOutside.onPointerDownCapture\n        )\n      }\n    );\n  }\n);\nDismissableLayer.displayName = DISMISSABLE_LAYER_NAME;\nvar BRANCH_NAME = \"DismissableLayerBranch\";\nvar DismissableLayerBranch = React.forwardRef((props, forwardedRef) => {\n  const context = React.useContext(DismissableLayerContext);\n  const ref = React.useRef(null);\n  const composedRefs = useComposedRefs(forwardedRef, ref);\n  React.useEffect(() => {\n    const node = ref.current;\n    if (node) {\n      context.branches.add(node);\n      return () => {\n        context.branches.delete(node);\n      };\n    }\n  }, [context.branches]);\n  return /* @__PURE__ */ jsx(Primitive.div, { ...props, ref: composedRefs });\n});\nDismissableLayerBranch.displayName = BRANCH_NAME;\nfunction usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {\n  const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);\n  const isPointerInsideReactTreeRef = React.useRef(false);\n  const handleClickRef = React.useRef(() => {\n  });\n  React.useEffect(() => {\n    const handlePointerDown = (event) => {\n      if (event.target && !isPointerInsideReactTreeRef.current) {\n        let handleAndDispatchPointerDownOutsideEvent2 = function() {\n          handleAndDispatchCustomEvent(\n            POINTER_DOWN_OUTSIDE,\n            handlePointerDownOutside,\n            eventDetail,\n            { discrete: true }\n          );\n        };\n        var handleAndDispatchPointerDownOutsideEvent = handleAndDispatchPointerDownOutsideEvent2;\n        const eventDetail = { originalEvent: event };\n        if (event.pointerType === \"touch\") {\n          ownerDocument.removeEventListener(\"click\", handleClickRef.current);\n          handleClickRef.current = handleAndDispatchPointerDownOutsideEvent2;\n          ownerDocument.addEventListener(\"click\", handleClickRef.current, { once: true });\n        } else {\n          handleAndDispatchPointerDownOutsideEvent2();\n        }\n      } else {\n        ownerDocument.removeEventListener(\"click\", handleClickRef.current);\n      }\n      isPointerInsideReactTreeRef.current = false;\n    };\n    const timerId = window.setTimeout(() => {\n      ownerDocument.addEventListener(\"pointerdown\", handlePointerDown);\n    }, 0);\n    return () => {\n      window.clearTimeout(timerId);\n      ownerDocument.removeEventListener(\"pointerdown\", handlePointerDown);\n      ownerDocument.removeEventListener(\"click\", handleClickRef.current);\n    };\n  }, [ownerDocument, handlePointerDownOutside]);\n  return {\n    // ensures we check React component tree (not just DOM tree)\n    onPointerDownCapture: () => isPointerInsideReactTreeRef.current = true\n  };\n}\nfunction useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {\n  const handleFocusOutside = useCallbackRef(onFocusOutside);\n  const isFocusInsideReactTreeRef = React.useRef(false);\n  React.useEffect(() => {\n    const handleFocus = (event) => {\n      if (event.target && !isFocusInsideReactTreeRef.current) {\n        const eventDetail = { originalEvent: event };\n        handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {\n          discrete: false\n        });\n      }\n    };\n    ownerDocument.addEventListener(\"focusin\", handleFocus);\n    return () => ownerDocument.removeEventListener(\"focusin\", handleFocus);\n  }, [ownerDocument, handleFocusOutside]);\n  return {\n    onFocusCapture: () => isFocusInsideReactTreeRef.current = true,\n    onBlurCapture: () => isFocusInsideReactTreeRef.current = false\n  };\n}\nfunction dispatchUpdate() {\n  const event = new CustomEvent(CONTEXT_UPDATE);\n  document.dispatchEvent(event);\n}\nfunction handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {\n  const target = detail.originalEvent.target;\n  const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail });\n  if (handler) target.addEventListener(name, handler, { once: true });\n  if (discrete) {\n    dispatchDiscreteCustomEvent(target, event);\n  } else {\n    target.dispatchEvent(event);\n  }\n}\nvar Root = DismissableLayer;\nvar Branch = DismissableLayerBranch;\nexport {\n  Branch,\n  DismissableLayer,\n  DismissableLayerBranch,\n  Root\n};\n//# sourceMappingURL=index.mjs.map\n"],"x_google_ignoreList":[0,1],"mappings":"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"}