@countermeasure-platform/web-components 0.2.0

package/dist/visualization/timeline/index.d.ts

@@ -0,0 +1,31 @@
+import { TimelineConfig, TimelineEvent } from './types';
+export type { TimelineConfig, TimelineEvent } from './types';
+export declare class Timeline {
+    readonly el: HTMLDivElement;
+    private readonly timelineId;
+    private readonly orientation;
+    private readonly showTimestamps;
+    private readonly dateFormat;
+    private readonly onEventClick;
+    private readonly groupByDate;
+    private events;
+    private eventHandlers;
+    constructor(config: TimelineConfig);
+    /** Replace all events and re-render */
+    update(events: TimelineEvent[]): void;
+    /** Append a single event and re-render */
+    addEvent(event: TimelineEvent): void;
+    /** Clean up DOM and event listeners */
+    destroy(): void;
+    private render;
+    private renderVertical;
+    private renderFlatVertical;
+    private renderGroupedVertical;
+    private createVerticalEvent;
+    private renderHorizontal;
+    private createHorizontalEvent;
+    private createEventContent;
+    private buildRootClassName;
+    private cleanupHandlers;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/visualization/timeline/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/visualization/timeline/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAI5D,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAoC5D,qBAAa,QAAQ;IACnB,SAAgB,EAAE,EAAE,cAAc,CAAA;IAElC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAQ;IACnC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA2B;IACvD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAS;IACxC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAwB;IACnD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA8C;IAC3E,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAS;IACrC,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,aAAa,CAIb;gBAEI,MAAM,EAAE,cAAc;IAmBlC,uCAAuC;IACvC,MAAM,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI;IAMrC,0CAA0C;IAC1C,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAMpC,uCAAuC;IACvC,OAAO,IAAI,IAAI;IASf,OAAO,CAAC,MAAM;IAgBd,OAAO,CAAC,cAAc;IActB,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,qBAAqB;IAyC7B,OAAO,CAAC,mBAAmB;IAqB3B,OAAO,CAAC,gBAAgB;IAqBxB,OAAO,CAAC,qBAAqB;IAqB7B,OAAO,CAAC,kBAAkB;IA8E1B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,eAAe;CAMxB"}

package/dist/visualization/timeline/index.js

@@ -0,0 +1,174 @@
+import { t as e } from "../../sanitize-tXExwlw-.js";
+import { n as t, t as n } from "../../utils-Cn_W3h3f.js";
+//#region src/visualization/timeline/index.ts
+function r(e) {
+	return e.toLocaleString(void 0, {
+		month: "short",
+		day: "numeric",
+		year: "numeric",
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+function i(e) {
+	return e.toLocaleDateString(void 0, {
+		weekday: "long",
+		month: "long",
+		day: "numeric",
+		year: "numeric"
+	});
+}
+function a(e) {
+	return e instanceof Date ? e : new Date(e);
+}
+function o(e) {
+	return `${String(e.getFullYear())}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
+}
+var s = class {
+	el;
+	timelineId;
+	orientation;
+	showTimestamps;
+	dateFormat;
+	onEventClick;
+	groupByDate;
+	events;
+	eventHandlers = [];
+	constructor(e) {
+		this.timelineId = t("cmm-timeline"), this.orientation = e.orientation ?? "vertical", this.showTimestamps = e.showTimestamps !== !1, this.dateFormat = e.dateFormat ?? r, this.onEventClick = e.onEventClick, this.groupByDate = e.groupByDate === !0, this.events = [...e.events], this.el = document.createElement("div"), this.el.id = this.timelineId, this.el.className = this.buildRootClassName(e.className), n(e.container).appendChild(this.el), this.render();
+	}
+	update(e) {
+		this.cleanupHandlers(), this.events = [...e], this.render();
+	}
+	addEvent(e) {
+		this.cleanupHandlers(), this.events.push(e), this.render();
+	}
+	destroy() {
+		this.cleanupHandlers(), this.el.remove();
+	}
+	render() {
+		this.el.innerHTML = "", this.eventHandlers = [];
+		let e = [...this.events].sort((e, t) => a(e.timestamp).getTime() - a(t.timestamp).getTime());
+		this.orientation === "horizontal" ? this.renderHorizontal(e) : this.renderVertical(e);
+	}
+	renderVertical(e) {
+		let t = document.createElement("div");
+		t.className = "cmm-timeline__line", t.setAttribute("aria-hidden", "true"), this.el.appendChild(t), this.groupByDate ? this.renderGroupedVertical(e) : this.renderFlatVertical(e);
+	}
+	renderFlatVertical(e) {
+		for (let t = 0; t < e.length; t++) {
+			let n = e[t];
+			if (n === void 0) continue;
+			let r = t % 2 == 0 ? "left" : "right", i = this.createVerticalEvent(n, r);
+			this.el.appendChild(i);
+		}
+	}
+	renderGroupedVertical(e) {
+		let t = /* @__PURE__ */ new Map(), n = [];
+		for (let r of e) {
+			let e = o(a(r.timestamp)), i = t.get(e);
+			i === void 0 ? (t.set(e, [r]), n.push(e)) : i.push(r);
+		}
+		let r = 0;
+		for (let e of n) {
+			let n = t.get(e);
+			if (n === void 0) continue;
+			let o = n[0];
+			if (o === void 0) continue;
+			let s = document.createElement("div");
+			s.className = "cmm-timeline__group";
+			let c = document.createElement("span");
+			c.className = "cmm-timeline__group-label", c.textContent = i(a(o.timestamp)), s.appendChild(c), this.el.appendChild(s);
+			for (let e of n) {
+				let t = r % 2 == 0 ? "left" : "right", n = this.createVerticalEvent(e, t);
+				this.el.appendChild(n), r++;
+			}
+		}
+	}
+	createVerticalEvent(e, t) {
+		let n = document.createElement("div");
+		n.className = `cmm-timeline__event cmm-timeline__event--${t}`, n.setAttribute("data-event-id", e.id);
+		let r = document.createElement("div");
+		r.className = "cmm-timeline__dot", r.setAttribute("aria-hidden", "true"), e.color !== void 0 && (r.style.background = e.color), n.appendChild(r);
+		let i = this.createEventContent(e);
+		return n.appendChild(i), n;
+	}
+	renderHorizontal(e) {
+		let t = document.createElement("div");
+		t.className = "cmm-timeline__track";
+		let n = document.createElement("div");
+		n.className = "cmm-timeline__line", n.setAttribute("aria-hidden", "true"), t.appendChild(n);
+		for (let n = 0; n < e.length; n++) {
+			let r = e[n];
+			if (r === void 0) continue;
+			let i = n % 2 == 0, a = this.createHorizontalEvent(r, i);
+			t.appendChild(a);
+		}
+		this.el.appendChild(t);
+	}
+	createHorizontalEvent(e, t) {
+		let n = document.createElement("div");
+		n.className = `cmm-timeline__event${t ? " cmm-timeline__event--above" : ""}`, n.setAttribute("data-event-id", e.id);
+		let r = document.createElement("div");
+		r.className = "cmm-timeline__dot", r.setAttribute("aria-hidden", "true"), e.color !== void 0 && (r.style.background = e.color), n.appendChild(r);
+		let i = this.createEventContent(e);
+		return n.appendChild(i), n;
+	}
+	createEventContent(t) {
+		let n = document.createElement("div");
+		n.className = "cmm-timeline__content", n.setAttribute("tabindex", "0"), n.setAttribute("role", "button"), n.setAttribute("aria-label", t.title);
+		let r = document.createElement("div");
+		if (r.className = "cmm-timeline__title", t.icon !== void 0) {
+			let e = document.createElement("span");
+			e.className = "cmm-timeline__icon", e.textContent = t.icon, e.setAttribute("aria-hidden", "true"), r.appendChild(e);
+		}
+		let i = document.createTextNode(t.title);
+		if (r.appendChild(i), n.appendChild(r), t.description !== void 0) {
+			let e = document.createElement("div");
+			e.className = "cmm-timeline__description", e.textContent = t.description, n.appendChild(e);
+		}
+		if (this.showTimestamps) {
+			let e = document.createElement("div");
+			e.className = "cmm-timeline__timestamp", e.textContent = this.dateFormat(a(t.timestamp)), n.appendChild(e);
+		}
+		if (t.metadata !== void 0) {
+			let r = document.createElement("div");
+			r.className = "cmm-timeline__metadata";
+			for (let [n, i] of Object.entries(t.metadata)) {
+				let t = document.createElement("span");
+				t.innerHTML = `<span class="cmm-timeline__metadata-key">${e(n)}:</span> <span class="cmm-timeline__metadata-value">${e(i)}</span>`, r.appendChild(t);
+			}
+			n.appendChild(r);
+		}
+		if (this.onEventClick !== void 0) {
+			let e = () => {
+				this.onEventClick?.(t);
+			}, r = (t) => {
+				let n = t;
+				(n.key === "Enter" || n.key === " ") && (n.preventDefault(), e());
+			};
+			n.addEventListener("click", e), n.addEventListener("keydown", r), this.eventHandlers.push({
+				element: n,
+				type: "click",
+				handler: e
+			}), this.eventHandlers.push({
+				element: n,
+				type: "keydown",
+				handler: r
+			});
+		}
+		return n;
+	}
+	buildRootClassName(e) {
+		let t = ["cmm-timeline", `cmm-timeline--${this.orientation}`];
+		return e !== void 0 && t.push(e), t.join(" ");
+	}
+	cleanupHandlers() {
+		for (let e of this.eventHandlers) e.element.removeEventListener(e.type, e.handler);
+		this.eventHandlers = [];
+	}
+};
+//#endregion
+export { s as Timeline };
+
+//# sourceMappingURL=index.js.map

package/dist/visualization/timeline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/visualization/timeline/index.ts"],"sourcesContent":["/**\n * Timeline - Chronological event visualization with vertical/horizontal layout\n * @countermeasure/web-components/visualization/timeline\n */\n\nimport type { TimelineConfig, TimelineEvent } from './types'\nimport { resolveContainer, uniqueId } from '../../primitives/utils'\nimport { escapeHtml } from '../../utils/sanitize'\n\nexport type { TimelineConfig, TimelineEvent } from './types'\n\n/** Default date formatter producing locale-aware short datetime */\nfunction defaultDateFormat(date: Date): string {\n  return date.toLocaleString(undefined, {\n    month: 'short',\n    day: 'numeric',\n    year: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n  })\n}\n\n/** Default date-only formatter for group headers */\nfunction defaultGroupDateFormat(date: Date): string {\n  return date.toLocaleDateString(undefined, {\n    weekday: 'long',\n    month: 'long',\n    day: 'numeric',\n    year: 'numeric',\n  })\n}\n\n/** Normalize a Date|string to a Date object */\nfunction toDate(val: Date | string): Date {\n  return val instanceof Date ? val : new Date(val)\n}\n\n/** Extract a YYYY-MM-DD key from a Date */\nfunction dateKey(date: Date): string {\n  const y = String(date.getFullYear())\n  const m = String(date.getMonth() + 1).padStart(2, '0')\n  const d = String(date.getDate()).padStart(2, '0')\n  return `${y}-${m}-${d}`\n}\n\nexport class Timeline {\n  public readonly el: HTMLDivElement\n\n  private readonly timelineId: string\n  private readonly orientation: 'vertical' | 'horizontal'\n  private readonly showTimestamps: boolean\n  private readonly dateFormat: (date: Date) => string\n  private readonly onEventClick: ((event: TimelineEvent) => void) | undefined\n  private readonly groupByDate: boolean\n  private events: TimelineEvent[]\n  private eventHandlers: {\n    element: HTMLElement\n    type: string\n    handler: EventListener\n  }[] = []\n\n  constructor(config: TimelineConfig) {\n    this.timelineId = uniqueId('cmm-timeline')\n    this.orientation = config.orientation ?? 'vertical'\n    this.showTimestamps = config.showTimestamps !== false\n    this.dateFormat = config.dateFormat ?? defaultDateFormat\n    this.onEventClick = config.onEventClick\n    this.groupByDate = config.groupByDate === true\n    this.events = [...config.events]\n\n    this.el = document.createElement('div')\n    this.el.id = this.timelineId\n    this.el.className = this.buildRootClassName(config.className)\n\n    const parent = resolveContainer(config.container)\n    parent.appendChild(this.el)\n\n    this.render()\n  }\n\n  /** Replace all events and re-render */\n  update(events: TimelineEvent[]): void {\n    this.cleanupHandlers()\n    this.events = [...events]\n    this.render()\n  }\n\n  /** Append a single event and re-render */\n  addEvent(event: TimelineEvent): void {\n    this.cleanupHandlers()\n    this.events.push(event)\n    this.render()\n  }\n\n  /** Clean up DOM and event listeners */\n  destroy(): void {\n    this.cleanupHandlers()\n    this.el.remove()\n  }\n\n  // ---------------------------------------------------------------------------\n  // Rendering\n  // ---------------------------------------------------------------------------\n\n  private render(): void {\n    this.el.innerHTML = ''\n    this.eventHandlers = []\n\n    // Sort events chronologically\n    const sorted = [...this.events].sort(\n      (a, b) => toDate(a.timestamp).getTime() - toDate(b.timestamp).getTime()\n    )\n\n    if (this.orientation === 'horizontal') {\n      this.renderHorizontal(sorted)\n    } else {\n      this.renderVertical(sorted)\n    }\n  }\n\n  private renderVertical(events: TimelineEvent[]): void {\n    // Central line\n    const line = document.createElement('div')\n    line.className = 'cmm-timeline__line'\n    line.setAttribute('aria-hidden', 'true')\n    this.el.appendChild(line)\n\n    if (this.groupByDate) {\n      this.renderGroupedVertical(events)\n    } else {\n      this.renderFlatVertical(events)\n    }\n  }\n\n  private renderFlatVertical(events: TimelineEvent[]): void {\n    for (let i = 0; i < events.length; i++) {\n      const evt = events[i]\n      if (evt === undefined) continue\n      const side = i % 2 === 0 ? 'left' : 'right'\n      const el = this.createVerticalEvent(evt, side)\n      this.el.appendChild(el)\n    }\n  }\n\n  private renderGroupedVertical(events: TimelineEvent[]): void {\n    const groups = new Map<string, TimelineEvent[]>()\n    const groupOrder: string[] = []\n\n    for (const evt of events) {\n      const key = dateKey(toDate(evt.timestamp))\n      const existing = groups.get(key)\n      if (existing !== undefined) {\n        existing.push(evt)\n      } else {\n        groups.set(key, [evt])\n        groupOrder.push(key)\n      }\n    }\n\n    let globalIndex = 0\n    for (const key of groupOrder) {\n      const groupEvents = groups.get(key)\n      if (groupEvents === undefined) continue\n      const firstEvent = groupEvents[0]\n      if (firstEvent === undefined) continue\n\n      // Group header\n      const header = document.createElement('div')\n      header.className = 'cmm-timeline__group'\n      const label = document.createElement('span')\n      label.className = 'cmm-timeline__group-label'\n      label.textContent = defaultGroupDateFormat(toDate(firstEvent.timestamp))\n      header.appendChild(label)\n      this.el.appendChild(header)\n\n      // Group events\n      for (const evt of groupEvents) {\n        const side = globalIndex % 2 === 0 ? 'left' : 'right'\n        const el = this.createVerticalEvent(evt, side)\n        this.el.appendChild(el)\n        globalIndex++\n      }\n    }\n  }\n\n  private createVerticalEvent(evt: TimelineEvent, side: 'left' | 'right'): HTMLDivElement {\n    const wrapper = document.createElement('div')\n    wrapper.className = `cmm-timeline__event cmm-timeline__event--${side}`\n    wrapper.setAttribute('data-event-id', evt.id)\n\n    // Dot\n    const dot = document.createElement('div')\n    dot.className = 'cmm-timeline__dot'\n    dot.setAttribute('aria-hidden', 'true')\n    if (evt.color !== undefined) {\n      dot.style.background = evt.color\n    }\n    wrapper.appendChild(dot)\n\n    // Content\n    const content = this.createEventContent(evt)\n    wrapper.appendChild(content)\n\n    return wrapper\n  }\n\n  private renderHorizontal(events: TimelineEvent[]): void {\n    const track = document.createElement('div')\n    track.className = 'cmm-timeline__track'\n\n    // Horizontal line\n    const line = document.createElement('div')\n    line.className = 'cmm-timeline__line'\n    line.setAttribute('aria-hidden', 'true')\n    track.appendChild(line)\n\n    for (let i = 0; i < events.length; i++) {\n      const evt = events[i]\n      if (evt === undefined) continue\n      const above = i % 2 === 0\n      const el = this.createHorizontalEvent(evt, above)\n      track.appendChild(el)\n    }\n\n    this.el.appendChild(track)\n  }\n\n  private createHorizontalEvent(evt: TimelineEvent, above: boolean): HTMLDivElement {\n    const wrapper = document.createElement('div')\n    wrapper.className = `cmm-timeline__event${above ? ' cmm-timeline__event--above' : ''}`\n    wrapper.setAttribute('data-event-id', evt.id)\n\n    // Dot\n    const dot = document.createElement('div')\n    dot.className = 'cmm-timeline__dot'\n    dot.setAttribute('aria-hidden', 'true')\n    if (evt.color !== undefined) {\n      dot.style.background = evt.color\n    }\n    wrapper.appendChild(dot)\n\n    // Content\n    const content = this.createEventContent(evt)\n    wrapper.appendChild(content)\n\n    return wrapper\n  }\n\n  private createEventContent(evt: TimelineEvent): HTMLDivElement {\n    const content = document.createElement('div')\n    content.className = 'cmm-timeline__content'\n    content.setAttribute('tabindex', '0')\n    content.setAttribute('role', 'button')\n    content.setAttribute('aria-label', evt.title)\n\n    // Title line with optional icon\n    const title = document.createElement('div')\n    title.className = 'cmm-timeline__title'\n\n    if (evt.icon !== undefined) {\n      const icon = document.createElement('span')\n      icon.className = 'cmm-timeline__icon'\n      icon.textContent = evt.icon\n      icon.setAttribute('aria-hidden', 'true')\n      title.appendChild(icon)\n    }\n\n    const titleText = document.createTextNode(evt.title)\n    title.appendChild(titleText)\n    content.appendChild(title)\n\n    // Description\n    if (evt.description !== undefined) {\n      const desc = document.createElement('div')\n      desc.className = 'cmm-timeline__description'\n      desc.textContent = evt.description\n      content.appendChild(desc)\n    }\n\n    // Timestamp\n    if (this.showTimestamps) {\n      const ts = document.createElement('div')\n      ts.className = 'cmm-timeline__timestamp'\n      ts.textContent = this.dateFormat(toDate(evt.timestamp))\n      content.appendChild(ts)\n    }\n\n    // Metadata\n    if (evt.metadata !== undefined) {\n      const meta = document.createElement('div')\n      meta.className = 'cmm-timeline__metadata'\n      for (const [key, value] of Object.entries(evt.metadata)) {\n        const item = document.createElement('span')\n        item.innerHTML =\n          `<span class=\"cmm-timeline__metadata-key\">${escapeHtml(key)}:</span> ` +\n          `<span class=\"cmm-timeline__metadata-value\">${escapeHtml(value)}</span>`\n        meta.appendChild(item)\n      }\n      content.appendChild(meta)\n    }\n\n    // Click and keyboard handlers\n    if (this.onEventClick !== undefined) {\n      const clickHandler = (): void => {\n        this.onEventClick?.(evt)\n      }\n      const keydownHandler = (e: Event): void => {\n        const keyEvent = e as KeyboardEvent\n        if (keyEvent.key === 'Enter' || keyEvent.key === ' ') {\n          keyEvent.preventDefault()\n          clickHandler()\n        }\n      }\n      content.addEventListener('click', clickHandler)\n      content.addEventListener('keydown', keydownHandler)\n      this.eventHandlers.push({ element: content, type: 'click', handler: clickHandler })\n      this.eventHandlers.push({ element: content, type: 'keydown', handler: keydownHandler })\n    }\n\n    return content\n  }\n\n  // ---------------------------------------------------------------------------\n  // Helpers\n  // ---------------------------------------------------------------------------\n\n  private buildRootClassName(extra: string | undefined): string {\n    const classes = ['cmm-timeline', `cmm-timeline--${this.orientation}`]\n    if (extra !== undefined) {\n      classes.push(extra)\n    }\n    return classes.join(' ')\n  }\n\n  private cleanupHandlers(): void {\n    for (const entry of this.eventHandlers) {\n      entry.element.removeEventListener(entry.type, entry.handler)\n    }\n    this.eventHandlers = []\n  }\n}\n"],"mappings":"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"}

package/dist/visualization/timeline/types.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Timeline type definitions
+ * @countermeasure/web-components/visualization/timeline
+ */
+export interface TimelineEvent {
+    id: string;
+    timestamp: Date | string;
+    title: string;
+    description?: string;
+    icon?: string;
+    color?: string;
+    metadata?: Record<string, string>;
+}
+export interface TimelineConfig {
+    container: HTMLElement | string;
+    events: TimelineEvent[];
+    orientation?: 'vertical' | 'horizontal';
+    showTimestamps?: boolean;
+    dateFormat?: (date: Date) => string;
+    onEventClick?: (event: TimelineEvent) => void;
+    className?: string;
+    groupByDate?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/visualization/timeline/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/visualization/timeline/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,IAAI,GAAG,MAAM,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,MAAM,EAAE,aAAa,EAAE,CAAA;IACvB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;IACvC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAA;IACnC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB"}

package/dist/x-DCVjAtEF.js

@@ -0,0 +1,12 @@
+import { t as e } from "./createLucideIcon-BPb01goH.js";
+var t = e("x", [["path", {
+	d: "M18 6 6 18",
+	key: "1bl5f8"
+}], ["path", {
+	d: "m6 6 12 12",
+	key: "d8bk6v"
+}]]);
+//#endregion
+export { t };
+
+//# sourceMappingURL=x-DCVjAtEF.js.map

package/dist/x-DCVjAtEF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-DCVjAtEF.js","names":[],"sources":["../node_modules/lucide-react/dist/esm/icons/x.js"],"sourcesContent":["/**\n * @license lucide-react v1.6.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M18 6 6 18\", key: \"1bl5f8\" }],\n  [\"path\", { d: \"m6 6 12 12\", key: \"d8bk6v\" }]\n];\nconst X = createLucideIcon(\"x\", __iconNode);\n\nexport { __iconNode, X as default };\n//# sourceMappingURL=x.js.map\n"],"x_google_ignoreList":[0],"mappings":";AAaA,IAAM,IAAI,EAAiB,KAJR,CACjB,CAAC,QAAQ;CAAE,GAAG;CAAc,KAAK;CAAU,CAAC,EAC5C,CAAC,QAAQ;CAAE,GAAG;CAAc,KAAK;CAAU,CAAC,CAC7C,CAC0C"}