@countermeasure-platform/web-components 0.2.0

package/dist/primitives/select/index.d.ts

@@ -0,0 +1,47 @@
+import { SelectConfig, SelectOption } from './types';
+export declare class Select {
+    readonly el: HTMLElement;
+    private readonly triggerEl;
+    private readonly dropdownEl;
+    private readonly listboxId;
+    private readonly triggerId;
+    private searchInputEl;
+    private liveRegionEl;
+    private optionEls;
+    private config;
+    private currentOptions;
+    private selectedValue;
+    private highlightedIndex;
+    private isOpen;
+    private isDestroyed;
+    private readonly handleTriggerClick;
+    private readonly handleTriggerKeydown;
+    private readonly handleDocumentClick;
+    private readonly handleDropdownKeydown;
+    constructor(config: SelectConfig);
+    getValue(): string | null;
+    setValue(value: string): void;
+    setOptions(options: SelectOption[]): void;
+    setDisabled(disabled: boolean): void;
+    open(): void;
+    close(): void;
+    destroy(): void;
+    private buildRootClass;
+    private buildSearchInput;
+    private buildLiveRegion;
+    private announceResultsCount;
+    private renderOptions;
+    private appendOption;
+    private selectOption;
+    private updateTriggerContent;
+    private updateSelectedState;
+    private positionDropdown;
+    private getSelectableOptions;
+    private getSelectableOptionEls;
+    private setHighlightedIndex;
+    private clearHighlight;
+    private onTriggerKeydown;
+    private onDropdownKeydown;
+}
+export { type SelectConfig, type SelectOption } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAG9D,qBAAa,MAAM;IACjB,SAAgB,EAAE,EAAE,WAAW,CAAA;IAE/B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAmB;IAC7C,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAa;IACxC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAQ;IAClC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAQ;IAClC,OAAO,CAAC,aAAa,CAAgC;IACrD,OAAO,CAAC,YAAY,CAA2B;IAC/C,OAAO,CAAC,SAAS,CAAoB;IACrC,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,cAAc,CAAgB;IACtC,OAAO,CAAC,aAAa,CAAsB;IAC3C,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,MAAM,CAAQ;IACtB,OAAO,CAAC,WAAW,CAAQ;IAE3B,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAY;IAC/C,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAA4B;IACjE,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAyB;IAC7D,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAA4B;gBAEtD,MAAM,EAAE,YAAY;IAqGhC,QAAQ,IAAI,MAAM,GAAG,IAAI;IAIzB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAS7B,UAAU,CAAC,OAAO,EAAE,YAAY,EAAE,GAAG,IAAI;IAMzC,WAAW,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAYpC,IAAI,IAAI,IAAI;IAwBZ,KAAK,IAAI,IAAI;IAgBb,OAAO,IAAI,IAAI;IAcf,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,gBAAgB;IA8BxB,OAAO,CAAC,eAAe;IAoBvB,OAAO,CAAC,oBAAoB;IAiB5B,OAAO,CAAC,aAAa;IA2CrB,OAAO,CAAC,YAAY;IAgCpB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,oBAAoB;IA0B5B,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,gBAAgB;IAexB,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,mBAAmB;IAiB3B,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,gBAAgB;IAoBxB,OAAO,CAAC,iBAAiB;CAwC1B;AAED,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA"}

package/dist/primitives/select/index.js

@@ -0,0 +1,193 @@
+import { n as e, t } from "../../utils-Cn_W3h3f.js";
+//#region src/primitives/select/index.ts
+var n = class {
+	el;
+	triggerEl;
+	dropdownEl;
+	listboxId;
+	triggerId;
+	searchInputEl = null;
+	liveRegionEl = null;
+	optionEls = [];
+	config;
+	currentOptions;
+	selectedValue = null;
+	highlightedIndex = -1;
+	isOpen = !1;
+	isDestroyed = !1;
+	handleTriggerClick;
+	handleTriggerKeydown;
+	handleDocumentClick;
+	handleDropdownKeydown;
+	constructor(n) {
+		this.config = n, this.currentOptions = [...n.options], this.listboxId = e("cmm-select-listbox"), this.triggerId = e("cmm-select-trigger"), n.value !== void 0 && (this.selectedValue = n.value), this.el = document.createElement("div"), this.el.className = this.buildRootClass(), this.triggerEl = document.createElement("button"), this.triggerEl.type = "button", this.triggerEl.id = this.triggerId, this.triggerEl.className = "cmm-select__trigger", this.triggerEl.setAttribute("role", "combobox"), this.triggerEl.setAttribute("aria-haspopup", "listbox"), this.triggerEl.setAttribute("aria-expanded", "false"), this.triggerEl.setAttribute("aria-controls", this.listboxId), this.triggerEl.setAttribute("aria-owns", this.listboxId);
+		let r = n.ariaLabel ?? n.placeholder ?? "Select an option";
+		this.triggerEl.setAttribute("aria-label", r), n.disabled === !0 && (this.triggerEl.disabled = !0, this.el.classList.add("cmm-select--disabled")), this.updateTriggerContent();
+		let i = document.createElement("span");
+		i.className = "cmm-select__chevron", i.setAttribute("aria-hidden", "true"), i.innerHTML = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>", this.triggerEl.appendChild(i), this.dropdownEl = document.createElement("div"), this.dropdownEl.id = this.listboxId, this.dropdownEl.className = "cmm-select__dropdown", this.dropdownEl.setAttribute("role", "listbox"), this.dropdownEl.style.display = "none", n.searchable === !0 && (this.buildSearchInput(), this.buildLiveRegion()), this.renderOptions(this.currentOptions), this.el.appendChild(this.triggerEl), this.el.appendChild(this.dropdownEl), this.handleTriggerClick = () => {
+			this.isDestroyed || (this.isOpen ? this.close() : this.open());
+		}, this.handleTriggerKeydown = (e) => {
+			this.isDestroyed || this.onTriggerKeydown(e);
+		}, this.handleDocumentClick = (e) => {
+			if (this.isDestroyed) return;
+			let t = e.target;
+			this.el.contains(t) || this.close();
+		}, this.handleDropdownKeydown = (e) => {
+			this.isDestroyed || this.onDropdownKeydown(e);
+		}, this.triggerEl.addEventListener("click", this.handleTriggerClick), this.triggerEl.addEventListener("keydown", this.handleTriggerKeydown), this.dropdownEl.addEventListener("keydown", this.handleDropdownKeydown), n.container !== void 0 && t(n.container).appendChild(this.el);
+	}
+	getValue() {
+		return this.selectedValue;
+	}
+	setValue(e) {
+		this.currentOptions.find((t) => t.value === e) !== void 0 && (this.selectedValue = e, this.updateTriggerContent(), this.updateSelectedState());
+	}
+	setOptions(e) {
+		this.currentOptions = [...e], this.renderOptions(this.currentOptions), this.updateTriggerContent();
+	}
+	setDisabled(e) {
+		this.triggerEl.disabled = e, e ? (this.el.classList.add("cmm-select--disabled"), this.isOpen && this.close()) : this.el.classList.remove("cmm-select--disabled");
+	}
+	open() {
+		if (this.isOpen || this.triggerEl.disabled) return;
+		this.isOpen = !0, this.dropdownEl.style.display = "", this.triggerEl.setAttribute("aria-expanded", "true"), this.triggerEl.classList.add("cmm-select__trigger--open"), this.positionDropdown(), this.searchInputEl !== null && (this.searchInputEl.value = "", this.searchInputEl.focus(), this.renderOptions(this.currentOptions));
+		let e = this.getSelectableOptions().findIndex((e) => e.value === this.selectedValue);
+		this.setHighlightedIndex(e >= 0 ? e : 0), document.addEventListener("click", this.handleDocumentClick), this.config.onOpen?.();
+	}
+	close() {
+		this.isOpen && (this.isOpen = !1, this.dropdownEl.style.display = "none", this.triggerEl.setAttribute("aria-expanded", "false"), this.triggerEl.classList.remove("cmm-select__trigger--open"), this.triggerEl.removeAttribute("aria-activedescendant"), this.highlightedIndex = -1, this.clearHighlight(), document.removeEventListener("click", this.handleDocumentClick), this.config.onClose?.());
+	}
+	destroy() {
+		this.isDestroyed = !0, this.close(), this.triggerEl.removeEventListener("click", this.handleTriggerClick), this.triggerEl.removeEventListener("keydown", this.handleTriggerKeydown), this.dropdownEl.removeEventListener("keydown", this.handleDropdownKeydown), document.removeEventListener("click", this.handleDocumentClick), this.liveRegionEl !== null && (this.liveRegionEl.remove(), this.liveRegionEl = null), this.el.remove();
+	}
+	buildRootClass() {
+		let e = ["cmm-select"];
+		return this.config.size !== void 0 && e.push(`cmm-select--${this.config.size}`), this.config.className && e.push(this.config.className), e.join(" ");
+	}
+	buildSearchInput() {
+		let e = document.createElement("div");
+		e.className = "cmm-select__search-wrap", this.searchInputEl = document.createElement("input"), this.searchInputEl.type = "text", this.searchInputEl.className = "cmm-select__search", this.searchInputEl.placeholder = "Search...", this.searchInputEl.setAttribute("aria-label", "Search options"), this.searchInputEl.addEventListener("input", () => {
+			let e = this.searchInputEl?.value.toLowerCase() ?? "", t;
+			e ? (t = this.currentOptions.filter((t) => t.label.toLowerCase().includes(e)), this.renderOptions(t)) : (t = this.currentOptions, this.renderOptions(this.currentOptions)), this.setHighlightedIndex(0), this.announceResultsCount(t.length, e);
+		}), e.appendChild(this.searchInputEl), this.dropdownEl.appendChild(e);
+	}
+	buildLiveRegion() {
+		this.liveRegionEl = document.createElement("div"), this.liveRegionEl.setAttribute("role", "status"), this.liveRegionEl.setAttribute("aria-live", "polite"), this.liveRegionEl.setAttribute("aria-atomic", "true"), this.liveRegionEl.className = "cmm-sr-only", this.liveRegionEl.style.cssText = "\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n    ", this.el.appendChild(this.liveRegionEl);
+	}
+	announceResultsCount(e, t) {
+		if (this.liveRegionEl !== null) {
+			if (t === "") {
+				this.liveRegionEl.textContent = "";
+				return;
+			}
+			e === 0 ? this.liveRegionEl.textContent = "No results found" : e === 1 ? this.liveRegionEl.textContent = "1 result available" : this.liveRegionEl.textContent = `${String(e)} results available`;
+		}
+	}
+	renderOptions(e) {
+		this.dropdownEl.querySelectorAll(".cmm-select__option, .cmm-select__group-header").forEach((e) => {
+			e.remove();
+		}), this.optionEls = [];
+		let t = /* @__PURE__ */ new Map(), n = [];
+		for (let r of e) if (r.group) {
+			let e = t.get(r.group);
+			e === void 0 ? t.set(r.group, [r]) : e.push(r);
+		} else n.push(r);
+		for (let e of n) this.appendOption(e);
+		for (let [e, n] of t) {
+			let t = document.createElement("div");
+			t.className = "cmm-select__group-header", t.textContent = e, t.setAttribute("aria-hidden", "true"), this.dropdownEl.appendChild(t);
+			for (let e of n) this.appendOption(e);
+		}
+	}
+	appendOption(t) {
+		let n = document.createElement("div");
+		n.id = e("cmm-select-option"), n.className = "cmm-select__option", n.setAttribute("role", "option"), n.setAttribute("data-value", t.value), n.textContent = t.label, t.disabled === !0 && (n.classList.add("cmm-select__option--disabled"), n.setAttribute("aria-disabled", "true")), t.value === this.selectedValue ? (n.classList.add("cmm-select__option--selected"), n.setAttribute("aria-selected", "true")) : n.setAttribute("aria-selected", "false"), n.addEventListener("click", (e) => {
+			e.stopPropagation(), t.disabled !== !0 && this.selectOption(t.value);
+		}), this.dropdownEl.appendChild(n), this.optionEls.push(n);
+	}
+	selectOption(e) {
+		this.selectedValue = e, this.updateTriggerContent(), this.updateSelectedState(), this.close(), this.triggerEl.focus(), this.config.onChange?.(e);
+	}
+	updateTriggerContent() {
+		let e = this.triggerEl.querySelector(".cmm-select__value"), t = this.triggerEl.querySelector(".cmm-select__chevron"), n = this.currentOptions.find((e) => e.value === this.selectedValue);
+		e !== null && e.remove();
+		let r = document.createElement("span");
+		n === void 0 ? (r.className = "cmm-select__value cmm-select__placeholder", r.textContent = this.config.placeholder ?? "Select...") : (r.className = "cmm-select__value", r.textContent = n.label), t === null ? this.triggerEl.insertBefore(r, this.triggerEl.firstChild) : this.triggerEl.insertBefore(r, t);
+	}
+	updateSelectedState() {
+		for (let e of this.optionEls) e.getAttribute("data-value") === this.selectedValue ? (e.classList.add("cmm-select__option--selected"), e.setAttribute("aria-selected", "true")) : (e.classList.remove("cmm-select__option--selected"), e.setAttribute("aria-selected", "false"));
+	}
+	positionDropdown() {
+		let e = this.triggerEl.getBoundingClientRect(), t = window.innerHeight - e.bottom, n = e.top;
+		t < 256 && n > t ? (this.dropdownEl.classList.add("cmm-select__dropdown--above"), this.dropdownEl.classList.remove("cmm-select__dropdown--below")) : (this.dropdownEl.classList.add("cmm-select__dropdown--below"), this.dropdownEl.classList.remove("cmm-select__dropdown--above"));
+	}
+	getSelectableOptions() {
+		return this.currentOptions.filter((e) => e.disabled !== !0);
+	}
+	getSelectableOptionEls() {
+		return this.optionEls.filter((e) => !e.classList.contains("cmm-select__option--disabled"));
+	}
+	setHighlightedIndex(e) {
+		this.clearHighlight();
+		let t = this.getSelectableOptionEls();
+		if (t.length === 0) {
+			this.highlightedIndex = -1;
+			return;
+		}
+		this.highlightedIndex = Math.max(0, Math.min(e, t.length - 1));
+		let n = t[this.highlightedIndex];
+		n !== void 0 && (n.classList.add("cmm-select__option--highlighted"), n.scrollIntoView({ block: "nearest" }), this.triggerEl.setAttribute("aria-activedescendant", n.id));
+	}
+	clearHighlight() {
+		for (let e of this.optionEls) e.classList.remove("cmm-select__option--highlighted");
+	}
+	onTriggerKeydown(e) {
+		switch (e.key) {
+			case "ArrowDown":
+			case "ArrowUp":
+			case "Enter":
+			case " ":
+				e.preventDefault(), this.isOpen || this.open();
+				break;
+			case "Escape":
+				this.isOpen && (e.preventDefault(), this.close());
+				break;
+		}
+	}
+	onDropdownKeydown(e) {
+		let t = this.getSelectableOptionEls();
+		if (t.length !== 0) switch (e.key) {
+			case "ArrowDown": {
+				e.preventDefault();
+				let n = this.highlightedIndex < t.length - 1 ? this.highlightedIndex + 1 : 0;
+				this.setHighlightedIndex(n);
+				break;
+			}
+			case "ArrowUp": {
+				e.preventDefault();
+				let n = this.highlightedIndex > 0 ? this.highlightedIndex - 1 : t.length - 1;
+				this.setHighlightedIndex(n);
+				break;
+			}
+			case "Enter": {
+				e.preventDefault();
+				let n = t[this.highlightedIndex];
+				if (n !== void 0) {
+					let e = n.getAttribute("data-value");
+					e !== null && this.selectOption(e);
+				}
+				break;
+			}
+			case "Escape":
+				e.preventDefault(), this.close(), this.triggerEl.focus();
+				break;
+			case "Tab":
+				this.close();
+				break;
+		}
+	}
+};
+//#endregion
+export { n as Select };
+
+//# sourceMappingURL=index.js.map

package/dist/primitives/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/primitives/select/index.ts"],"sourcesContent":["/**\n * Select - Custom dropdown select component\n * @countermeasure/web-components/primitives/select\n */\n\nimport { type SelectConfig, type SelectOption } from './types'\nimport { resolveContainer, uniqueId } from '../utils'\n\nexport class Select {\n  public readonly el: HTMLElement\n\n  private readonly triggerEl: HTMLButtonElement\n  private readonly dropdownEl: HTMLElement\n  private readonly listboxId: string\n  private readonly triggerId: string\n  private searchInputEl: HTMLInputElement | null = null\n  private liveRegionEl: HTMLElement | null = null\n  private optionEls: HTMLElement[] = []\n  private config: SelectConfig\n  private currentOptions: SelectOption[]\n  private selectedValue: string | null = null\n  private highlightedIndex = -1\n  private isOpen = false\n  private isDestroyed = false\n\n  private readonly handleTriggerClick: () => void\n  private readonly handleTriggerKeydown: (e: KeyboardEvent) => void\n  private readonly handleDocumentClick: (e: MouseEvent) => void\n  private readonly handleDropdownKeydown: (e: KeyboardEvent) => void\n\n  constructor(config: SelectConfig) {\n    this.config = config\n    this.currentOptions = [...config.options]\n    this.listboxId = uniqueId('cmm-select-listbox')\n    this.triggerId = uniqueId('cmm-select-trigger')\n\n    if (config.value !== undefined) {\n      this.selectedValue = config.value\n    }\n\n    this.el = document.createElement('div')\n    this.el.className = this.buildRootClass()\n\n    this.triggerEl = document.createElement('button')\n    this.triggerEl.type = 'button'\n    this.triggerEl.id = this.triggerId\n    this.triggerEl.className = 'cmm-select__trigger'\n    this.triggerEl.setAttribute('role', 'combobox')\n    this.triggerEl.setAttribute('aria-haspopup', 'listbox')\n    this.triggerEl.setAttribute('aria-expanded', 'false')\n    this.triggerEl.setAttribute('aria-controls', this.listboxId)\n    this.triggerEl.setAttribute('aria-owns', this.listboxId)\n\n    const ariaLabel = config.ariaLabel ?? config.placeholder ?? 'Select an option'\n    this.triggerEl.setAttribute('aria-label', ariaLabel)\n\n    if (config.disabled === true) {\n      this.triggerEl.disabled = true\n      this.el.classList.add('cmm-select--disabled')\n    }\n\n    this.updateTriggerContent()\n\n    const chevron = document.createElement('span')\n    chevron.className = 'cmm-select__chevron'\n    chevron.setAttribute('aria-hidden', 'true')\n    chevron.innerHTML =\n      '<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>'\n    this.triggerEl.appendChild(chevron)\n\n    this.dropdownEl = document.createElement('div')\n    this.dropdownEl.id = this.listboxId\n    this.dropdownEl.className = 'cmm-select__dropdown'\n    this.dropdownEl.setAttribute('role', 'listbox')\n    this.dropdownEl.style.display = 'none'\n\n    if (config.searchable === true) {\n      this.buildSearchInput()\n      this.buildLiveRegion()\n    }\n\n    this.renderOptions(this.currentOptions)\n\n    this.el.appendChild(this.triggerEl)\n    this.el.appendChild(this.dropdownEl)\n\n    this.handleTriggerClick = () => {\n      if (this.isDestroyed) {\n        return\n      }\n      if (this.isOpen) {\n        this.close()\n      } else {\n        this.open()\n      }\n    }\n\n    this.handleTriggerKeydown = (e: KeyboardEvent) => {\n      if (this.isDestroyed) {\n        return\n      }\n      this.onTriggerKeydown(e)\n    }\n\n    this.handleDocumentClick = (e: MouseEvent) => {\n      if (this.isDestroyed) {\n        return\n      }\n      const target = e.target as Node\n      if (!this.el.contains(target)) {\n        this.close()\n      }\n    }\n\n    this.handleDropdownKeydown = (e: KeyboardEvent) => {\n      if (this.isDestroyed) {\n        return\n      }\n      this.onDropdownKeydown(e)\n    }\n\n    this.triggerEl.addEventListener('click', this.handleTriggerClick)\n    this.triggerEl.addEventListener('keydown', this.handleTriggerKeydown)\n    this.dropdownEl.addEventListener('keydown', this.handleDropdownKeydown)\n\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  getValue(): string | null {\n    return this.selectedValue\n  }\n\n  setValue(value: string): void {\n    const option = this.currentOptions.find(o => o.value === value)\n    if (option !== undefined) {\n      this.selectedValue = value\n      this.updateTriggerContent()\n      this.updateSelectedState()\n    }\n  }\n\n  setOptions(options: SelectOption[]): void {\n    this.currentOptions = [...options]\n    this.renderOptions(this.currentOptions)\n    this.updateTriggerContent()\n  }\n\n  setDisabled(disabled: boolean): void {\n    this.triggerEl.disabled = disabled\n    if (disabled) {\n      this.el.classList.add('cmm-select--disabled')\n      if (this.isOpen) {\n        this.close()\n      }\n    } else {\n      this.el.classList.remove('cmm-select--disabled')\n    }\n  }\n\n  open(): void {\n    if (this.isOpen || this.triggerEl.disabled) {\n      return\n    }\n    this.isOpen = true\n    this.dropdownEl.style.display = ''\n    this.triggerEl.setAttribute('aria-expanded', 'true')\n    this.triggerEl.classList.add('cmm-select__trigger--open')\n\n    this.positionDropdown()\n\n    if (this.searchInputEl !== null) {\n      this.searchInputEl.value = ''\n      this.searchInputEl.focus()\n      this.renderOptions(this.currentOptions)\n    }\n\n    const selectedIndex = this.getSelectableOptions().findIndex(o => o.value === this.selectedValue)\n    this.setHighlightedIndex(selectedIndex >= 0 ? selectedIndex : 0)\n\n    document.addEventListener('click', this.handleDocumentClick)\n    this.config.onOpen?.()\n  }\n\n  close(): void {\n    if (!this.isOpen) {\n      return\n    }\n    this.isOpen = false\n    this.dropdownEl.style.display = 'none'\n    this.triggerEl.setAttribute('aria-expanded', 'false')\n    this.triggerEl.classList.remove('cmm-select__trigger--open')\n    this.triggerEl.removeAttribute('aria-activedescendant')\n    this.highlightedIndex = -1\n    this.clearHighlight()\n\n    document.removeEventListener('click', this.handleDocumentClick)\n    this.config.onClose?.()\n  }\n\n  destroy(): void {\n    this.isDestroyed = true\n    this.close()\n    this.triggerEl.removeEventListener('click', this.handleTriggerClick)\n    this.triggerEl.removeEventListener('keydown', this.handleTriggerKeydown)\n    this.dropdownEl.removeEventListener('keydown', this.handleDropdownKeydown)\n    document.removeEventListener('click', this.handleDocumentClick)\n    if (this.liveRegionEl !== null) {\n      this.liveRegionEl.remove()\n      this.liveRegionEl = null\n    }\n    this.el.remove()\n  }\n\n  private buildRootClass(): string {\n    const classes = ['cmm-select']\n    if (this.config.size !== undefined) {\n      classes.push(`cmm-select--${this.config.size}`)\n    }\n    if (this.config.className) {\n      classes.push(this.config.className)\n    }\n    return classes.join(' ')\n  }\n\n  private buildSearchInput(): void {\n    const searchWrap = document.createElement('div')\n    searchWrap.className = 'cmm-select__search-wrap'\n\n    this.searchInputEl = document.createElement('input')\n    this.searchInputEl.type = 'text'\n    this.searchInputEl.className = 'cmm-select__search'\n    this.searchInputEl.placeholder = 'Search...'\n    this.searchInputEl.setAttribute('aria-label', 'Search options')\n\n    this.searchInputEl.addEventListener('input', () => {\n      const query = this.searchInputEl?.value.toLowerCase() ?? ''\n      let filtered: SelectOption[]\n      if (query) {\n        filtered = this.currentOptions.filter(o => o.label.toLowerCase().includes(query))\n        this.renderOptions(filtered)\n      } else {\n        filtered = this.currentOptions\n        this.renderOptions(this.currentOptions)\n      }\n      this.setHighlightedIndex(0)\n\n      // Announce results count to screen readers\n      this.announceResultsCount(filtered.length, query)\n    })\n\n    searchWrap.appendChild(this.searchInputEl)\n    this.dropdownEl.appendChild(searchWrap)\n  }\n\n  private buildLiveRegion(): void {\n    this.liveRegionEl = document.createElement('div')\n    this.liveRegionEl.setAttribute('role', 'status')\n    this.liveRegionEl.setAttribute('aria-live', 'polite')\n    this.liveRegionEl.setAttribute('aria-atomic', 'true')\n    this.liveRegionEl.className = 'cmm-sr-only'\n    this.liveRegionEl.style.cssText = `\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n    `\n    this.el.appendChild(this.liveRegionEl)\n  }\n\n  private announceResultsCount(count: number, query: string): void {\n    if (this.liveRegionEl === null) return\n\n    if (query === '') {\n      this.liveRegionEl.textContent = ''\n      return\n    }\n\n    if (count === 0) {\n      this.liveRegionEl.textContent = 'No results found'\n    } else if (count === 1) {\n      this.liveRegionEl.textContent = '1 result available'\n    } else {\n      this.liveRegionEl.textContent = `${String(count)} results available`\n    }\n  }\n\n  private renderOptions(options: SelectOption[]): void {\n    // Remove existing option elements but keep search input\n    const existingOptions = this.dropdownEl.querySelectorAll(\n      '.cmm-select__option, .cmm-select__group-header'\n    )\n    existingOptions.forEach(el => {\n      el.remove()\n    })\n\n    this.optionEls = []\n    const groups = new Map<string, SelectOption[]>()\n    const ungrouped: SelectOption[] = []\n\n    for (const option of options) {\n      if (option.group) {\n        const groupList = groups.get(option.group)\n        if (groupList !== undefined) {\n          groupList.push(option)\n        } else {\n          groups.set(option.group, [option])\n        }\n      } else {\n        ungrouped.push(option)\n      }\n    }\n\n    for (const option of ungrouped) {\n      this.appendOption(option)\n    }\n\n    for (const [groupName, groupOptions] of groups) {\n      const header = document.createElement('div')\n      header.className = 'cmm-select__group-header'\n      header.textContent = groupName\n      header.setAttribute('aria-hidden', 'true')\n      this.dropdownEl.appendChild(header)\n\n      for (const option of groupOptions) {\n        this.appendOption(option)\n      }\n    }\n  }\n\n  private appendOption(option: SelectOption): void {\n    const optionEl = document.createElement('div')\n    const optionId = uniqueId('cmm-select-option')\n    optionEl.id = optionId\n    optionEl.className = 'cmm-select__option'\n    optionEl.setAttribute('role', 'option')\n    optionEl.setAttribute('data-value', option.value)\n    optionEl.textContent = option.label\n\n    if (option.disabled === true) {\n      optionEl.classList.add('cmm-select__option--disabled')\n      optionEl.setAttribute('aria-disabled', 'true')\n    }\n\n    if (option.value === this.selectedValue) {\n      optionEl.classList.add('cmm-select__option--selected')\n      optionEl.setAttribute('aria-selected', 'true')\n    } else {\n      optionEl.setAttribute('aria-selected', 'false')\n    }\n\n    optionEl.addEventListener('click', e => {\n      e.stopPropagation()\n      if (option.disabled !== true) {\n        this.selectOption(option.value)\n      }\n    })\n\n    this.dropdownEl.appendChild(optionEl)\n    this.optionEls.push(optionEl)\n  }\n\n  private selectOption(value: string): void {\n    this.selectedValue = value\n    this.updateTriggerContent()\n    this.updateSelectedState()\n    this.close()\n    this.triggerEl.focus()\n    this.config.onChange?.(value)\n  }\n\n  private updateTriggerContent(): void {\n    const textSpan = this.triggerEl.querySelector('.cmm-select__value')\n    const chevronSpan = this.triggerEl.querySelector('.cmm-select__chevron')\n\n    const selectedOption = this.currentOptions.find(o => o.value === this.selectedValue)\n\n    if (textSpan !== null) {\n      textSpan.remove()\n    }\n\n    const span = document.createElement('span')\n    if (selectedOption !== undefined) {\n      span.className = 'cmm-select__value'\n      span.textContent = selectedOption.label\n    } else {\n      span.className = 'cmm-select__value cmm-select__placeholder'\n      span.textContent = this.config.placeholder ?? 'Select...'\n    }\n\n    if (chevronSpan !== null) {\n      this.triggerEl.insertBefore(span, chevronSpan)\n    } else {\n      this.triggerEl.insertBefore(span, this.triggerEl.firstChild)\n    }\n  }\n\n  private updateSelectedState(): void {\n    for (const el of this.optionEls) {\n      const val = el.getAttribute('data-value')\n      if (val === this.selectedValue) {\n        el.classList.add('cmm-select__option--selected')\n        el.setAttribute('aria-selected', 'true')\n      } else {\n        el.classList.remove('cmm-select__option--selected')\n        el.setAttribute('aria-selected', 'false')\n      }\n    }\n  }\n\n  private positionDropdown(): void {\n    const triggerRect = this.triggerEl.getBoundingClientRect()\n    const spaceBelow = window.innerHeight - triggerRect.bottom\n    const spaceAbove = triggerRect.top\n    const dropdownHeight = 256\n\n    if (spaceBelow < dropdownHeight && spaceAbove > spaceBelow) {\n      this.dropdownEl.classList.add('cmm-select__dropdown--above')\n      this.dropdownEl.classList.remove('cmm-select__dropdown--below')\n    } else {\n      this.dropdownEl.classList.add('cmm-select__dropdown--below')\n      this.dropdownEl.classList.remove('cmm-select__dropdown--above')\n    }\n  }\n\n  private getSelectableOptions(): SelectOption[] {\n    return this.currentOptions.filter(o => o.disabled !== true)\n  }\n\n  private getSelectableOptionEls(): HTMLElement[] {\n    return this.optionEls.filter(el => !el.classList.contains('cmm-select__option--disabled'))\n  }\n\n  private setHighlightedIndex(index: number): void {\n    this.clearHighlight()\n    const selectable = this.getSelectableOptionEls()\n    if (selectable.length === 0) {\n      this.highlightedIndex = -1\n      return\n    }\n\n    this.highlightedIndex = Math.max(0, Math.min(index, selectable.length - 1))\n    const el = selectable[this.highlightedIndex]\n    if (el !== undefined) {\n      el.classList.add('cmm-select__option--highlighted')\n      el.scrollIntoView({ block: 'nearest' })\n      this.triggerEl.setAttribute('aria-activedescendant', el.id)\n    }\n  }\n\n  private clearHighlight(): void {\n    for (const el of this.optionEls) {\n      el.classList.remove('cmm-select__option--highlighted')\n    }\n  }\n\n  private onTriggerKeydown(e: KeyboardEvent): void {\n    switch (e.key) {\n      case 'ArrowDown':\n      case 'ArrowUp':\n      case 'Enter':\n      case ' ':\n        e.preventDefault()\n        if (!this.isOpen) {\n          this.open()\n        }\n        break\n      case 'Escape':\n        if (this.isOpen) {\n          e.preventDefault()\n          this.close()\n        }\n        break\n    }\n  }\n\n  private onDropdownKeydown(e: KeyboardEvent): void {\n    const selectable = this.getSelectableOptionEls()\n    if (selectable.length === 0) {\n      return\n    }\n\n    switch (e.key) {\n      case 'ArrowDown': {\n        e.preventDefault()\n        const next = this.highlightedIndex < selectable.length - 1 ? this.highlightedIndex + 1 : 0\n        this.setHighlightedIndex(next)\n        break\n      }\n      case 'ArrowUp': {\n        e.preventDefault()\n        const prev = this.highlightedIndex > 0 ? this.highlightedIndex - 1 : selectable.length - 1\n        this.setHighlightedIndex(prev)\n        break\n      }\n      case 'Enter': {\n        e.preventDefault()\n        const highlighted = selectable[this.highlightedIndex]\n        if (highlighted !== undefined) {\n          const value = highlighted.getAttribute('data-value')\n          if (value !== null) {\n            this.selectOption(value)\n          }\n        }\n        break\n      }\n      case 'Escape':\n        e.preventDefault()\n        this.close()\n        this.triggerEl.focus()\n        break\n      case 'Tab':\n        this.close()\n        break\n    }\n  }\n}\n\nexport { type SelectConfig, type SelectOption } from './types'\n"],"mappings":"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"}

package/dist/primitives/select/native.d.ts

@@ -0,0 +1,19 @@
+import { NativeSelectConfig, SelectOption } from './types';
+export declare class NativeSelect {
+    readonly el: HTMLElement;
+    private readonly selectEl;
+    private config;
+    private currentOptions;
+    private isDestroyed;
+    private readonly handleChange;
+    constructor(config: NativeSelectConfig);
+    getValue(): string;
+    setValue(value: string): void;
+    setOptions(options: SelectOption[]): void;
+    setDisabled(disabled: boolean): void;
+    destroy(): void;
+    private populateOptions;
+    private createOptionEl;
+}
+export { type NativeSelectConfig } from './types';
+//# sourceMappingURL=native.d.ts.map

package/dist/primitives/select/native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/native.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,kBAAkB,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAGpE,qBAAa,YAAY;IACvB,SAAgB,EAAE,EAAE,WAAW,CAAA;IAE/B,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAmB;IAC5C,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,cAAc,CAAgB;IACtC,OAAO,CAAC,WAAW,CAAQ;IAE3B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAY;gBAE7B,MAAM,EAAE,kBAAkB;IA4DtC,QAAQ,IAAI,MAAM;IAIlB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI7B,UAAU,CAAC,OAAO,EAAE,YAAY,EAAE,GAAG,IAAI;IAKzC,WAAW,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IASpC,OAAO,IAAI,IAAI;IAMf,OAAO,CAAC,eAAe;IAiCvB,OAAO,CAAC,cAAc;CASvB;AAED,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAA"}

package/dist/primitives/select/native.js

@@ -0,0 +1,57 @@
+import { n as e, t } from "../../utils-Cn_W3h3f.js";
+//#region src/primitives/select/native.ts
+var n = class {
+	el;
+	selectEl;
+	config;
+	currentOptions;
+	isDestroyed = !1;
+	handleChange;
+	constructor(n) {
+		this.config = n, this.currentOptions = [...n.options], this.el = document.createElement("div"), this.el.className = "cmm-native-select", n.className && this.el.classList.add(n.className), this.selectEl = document.createElement("select"), this.selectEl.className = "cmm-native-select__select", this.selectEl.id = e("cmm-native-select"), n.name && (this.selectEl.name = n.name), n.required === !0 && (this.selectEl.required = !0), n.disabled === !0 && (this.selectEl.disabled = !0, this.el.classList.add("cmm-native-select--disabled"));
+		let r = n.ariaLabel ?? "Select an option";
+		this.selectEl.setAttribute("aria-label", r), this.populateOptions(), n.value !== void 0 && (this.selectEl.value = n.value);
+		let i = document.createElement("span");
+		i.className = "cmm-native-select__chevron", i.setAttribute("aria-hidden", "true"), i.innerHTML = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>", this.el.appendChild(this.selectEl), this.el.appendChild(i), this.handleChange = () => {
+			this.isDestroyed || this.config.onChange?.(this.selectEl.value);
+		}, this.selectEl.addEventListener("change", this.handleChange), n.container !== void 0 && t(n.container).appendChild(this.el);
+	}
+	getValue() {
+		return this.selectEl.value;
+	}
+	setValue(e) {
+		this.selectEl.value = e;
+	}
+	setOptions(e) {
+		this.currentOptions = [...e], this.populateOptions();
+	}
+	setDisabled(e) {
+		this.selectEl.disabled = e, e ? this.el.classList.add("cmm-native-select--disabled") : this.el.classList.remove("cmm-native-select--disabled");
+	}
+	destroy() {
+		this.isDestroyed = !0, this.selectEl.removeEventListener("change", this.handleChange), this.el.remove();
+	}
+	populateOptions() {
+		this.selectEl.innerHTML = "";
+		let e = /* @__PURE__ */ new Map(), t = [];
+		for (let n of this.currentOptions) if (n.group) {
+			let t = e.get(n.group);
+			t === void 0 ? e.set(n.group, [n]) : t.push(n);
+		} else t.push(n);
+		for (let e of t) this.selectEl.appendChild(this.createOptionEl(e));
+		for (let [t, n] of e) {
+			let e = document.createElement("optgroup");
+			e.label = t;
+			for (let t of n) e.appendChild(this.createOptionEl(t));
+			this.selectEl.appendChild(e);
+		}
+	}
+	createOptionEl(e) {
+		let t = document.createElement("option");
+		return t.value = e.value, t.textContent = e.label, e.disabled === !0 && (t.disabled = !0), t;
+	}
+};
+//#endregion
+export { n as NativeSelect };
+
+//# sourceMappingURL=native.js.map

package/dist/primitives/select/native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native.js","names":[],"sources":["../../../src/primitives/select/native.ts"],"sourcesContent":["/**\n * NativeSelect - Styled native select element wrapper\n * @countermeasure/web-components/primitives/select\n */\n\nimport { type NativeSelectConfig, type SelectOption } from './types'\nimport { resolveContainer, uniqueId } from '../utils'\n\nexport class NativeSelect {\n  public readonly el: HTMLElement\n\n  private readonly selectEl: HTMLSelectElement\n  private config: NativeSelectConfig\n  private currentOptions: SelectOption[]\n  private isDestroyed = false\n\n  private readonly handleChange: () => void\n\n  constructor(config: NativeSelectConfig) {\n    this.config = config\n    this.currentOptions = [...config.options]\n\n    this.el = document.createElement('div')\n    this.el.className = 'cmm-native-select'\n    if (config.className) {\n      this.el.classList.add(config.className)\n    }\n\n    this.selectEl = document.createElement('select')\n    this.selectEl.className = 'cmm-native-select__select'\n    this.selectEl.id = uniqueId('cmm-native-select')\n\n    if (config.name) {\n      this.selectEl.name = config.name\n    }\n\n    if (config.required === true) {\n      this.selectEl.required = true\n    }\n\n    if (config.disabled === true) {\n      this.selectEl.disabled = true\n      this.el.classList.add('cmm-native-select--disabled')\n    }\n\n    const nativeAriaLabel = config.ariaLabel ?? 'Select an option'\n    this.selectEl.setAttribute('aria-label', nativeAriaLabel)\n\n    this.populateOptions()\n\n    if (config.value !== undefined) {\n      this.selectEl.value = config.value\n    }\n\n    const chevron = document.createElement('span')\n    chevron.className = 'cmm-native-select__chevron'\n    chevron.setAttribute('aria-hidden', 'true')\n    chevron.innerHTML =\n      '<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>'\n\n    this.el.appendChild(this.selectEl)\n    this.el.appendChild(chevron)\n\n    this.handleChange = () => {\n      if (this.isDestroyed) {\n        return\n      }\n      this.config.onChange?.(this.selectEl.value)\n    }\n\n    this.selectEl.addEventListener('change', this.handleChange)\n\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  getValue(): string {\n    return this.selectEl.value\n  }\n\n  setValue(value: string): void {\n    this.selectEl.value = value\n  }\n\n  setOptions(options: SelectOption[]): void {\n    this.currentOptions = [...options]\n    this.populateOptions()\n  }\n\n  setDisabled(disabled: boolean): void {\n    this.selectEl.disabled = disabled\n    if (disabled) {\n      this.el.classList.add('cmm-native-select--disabled')\n    } else {\n      this.el.classList.remove('cmm-native-select--disabled')\n    }\n  }\n\n  destroy(): void {\n    this.isDestroyed = true\n    this.selectEl.removeEventListener('change', this.handleChange)\n    this.el.remove()\n  }\n\n  private populateOptions(): void {\n    this.selectEl.innerHTML = ''\n\n    const groups = new Map<string, SelectOption[]>()\n    const ungrouped: SelectOption[] = []\n\n    for (const option of this.currentOptions) {\n      if (option.group) {\n        const groupList = groups.get(option.group)\n        if (groupList !== undefined) {\n          groupList.push(option)\n        } else {\n          groups.set(option.group, [option])\n        }\n      } else {\n        ungrouped.push(option)\n      }\n    }\n\n    for (const option of ungrouped) {\n      this.selectEl.appendChild(this.createOptionEl(option))\n    }\n\n    for (const [groupName, groupOptions] of groups) {\n      const optgroup = document.createElement('optgroup')\n      optgroup.label = groupName\n      for (const option of groupOptions) {\n        optgroup.appendChild(this.createOptionEl(option))\n      }\n      this.selectEl.appendChild(optgroup)\n    }\n  }\n\n  private createOptionEl(option: SelectOption): HTMLOptionElement {\n    const optionEl = document.createElement('option')\n    optionEl.value = option.value\n    optionEl.textContent = option.label\n    if (option.disabled === true) {\n      optionEl.disabled = true\n    }\n    return optionEl\n  }\n}\n\nexport { type NativeSelectConfig } from './types'\n"],"mappings":";;AAQA,IAAa,IAAb,MAA0B;CACxB;CAEA;CACA;CACA;CACA,cAAsB;CAEtB;CAEA,YAAY,GAA4B;AAsBtC,EArBA,KAAK,SAAS,GACd,KAAK,iBAAiB,CAAC,GAAG,EAAO,QAAQ,EAEzC,KAAK,KAAK,SAAS,cAAc,MAAM,EACvC,KAAK,GAAG,YAAY,qBAChB,EAAO,aACT,KAAK,GAAG,UAAU,IAAI,EAAO,UAAU,EAGzC,KAAK,WAAW,SAAS,cAAc,SAAS,EAChD,KAAK,SAAS,YAAY,6BAC1B,KAAK,SAAS,KAAK,EAAS,oBAAoB,EAE5C,EAAO,SACT,KAAK,SAAS,OAAO,EAAO,OAG1B,EAAO,aAAa,OACtB,KAAK,SAAS,WAAW,KAGvB,EAAO,aAAa,OACtB,KAAK,SAAS,WAAW,IACzB,KAAK,GAAG,UAAU,IAAI,8BAA8B;EAGtD,IAAM,IAAkB,EAAO,aAAa;AAK5C,EAJA,KAAK,SAAS,aAAa,cAAc,EAAgB,EAEzD,KAAK,iBAAiB,EAElB,EAAO,UAAU,KAAA,MACnB,KAAK,SAAS,QAAQ,EAAO;EAG/B,IAAM,IAAU,SAAS,cAAc,OAAO;AAkB9C,EAjBA,EAAQ,YAAY,8BACpB,EAAQ,aAAa,eAAe,OAAO,EAC3C,EAAQ,YACN,8MAEF,KAAK,GAAG,YAAY,KAAK,SAAS,EAClC,KAAK,GAAG,YAAY,EAAQ,EAE5B,KAAK,qBAAqB;AACpB,QAAK,eAGT,KAAK,OAAO,WAAW,KAAK,SAAS,MAAM;KAG7C,KAAK,SAAS,iBAAiB,UAAU,KAAK,aAAa,EAEvD,EAAO,cAAc,KAAA,KACR,EAAiB,EAAO,UAAU,CAC1C,YAAY,KAAK,GAAG;;CAI/B,WAAmB;AACjB,SAAO,KAAK,SAAS;;CAGvB,SAAS,GAAqB;AAC5B,OAAK,SAAS,QAAQ;;CAGxB,WAAW,GAA+B;AAExC,EADA,KAAK,iBAAiB,CAAC,GAAG,EAAQ,EAClC,KAAK,iBAAiB;;CAGxB,YAAY,GAAyB;AAEnC,EADA,KAAK,SAAS,WAAW,GACrB,IACF,KAAK,GAAG,UAAU,IAAI,8BAA8B,GAEpD,KAAK,GAAG,UAAU,OAAO,8BAA8B;;CAI3D,UAAgB;AAGd,EAFA,KAAK,cAAc,IACnB,KAAK,SAAS,oBAAoB,UAAU,KAAK,aAAa,EAC9D,KAAK,GAAG,QAAQ;;CAGlB,kBAAgC;AAC9B,OAAK,SAAS,YAAY;EAE1B,IAAM,oBAAS,IAAI,KAA6B,EAC1C,IAA4B,EAAE;AAEpC,OAAK,IAAM,KAAU,KAAK,eACxB,KAAI,EAAO,OAAO;GAChB,IAAM,IAAY,EAAO,IAAI,EAAO,MAAM;AAC1C,GAAI,MAAc,KAAA,IAGhB,EAAO,IAAI,EAAO,OAAO,CAAC,EAAO,CAAC,GAFlC,EAAU,KAAK,EAAO;QAKxB,GAAU,KAAK,EAAO;AAI1B,OAAK,IAAM,KAAU,EACnB,MAAK,SAAS,YAAY,KAAK,eAAe,EAAO,CAAC;AAGxD,OAAK,IAAM,CAAC,GAAW,MAAiB,GAAQ;GAC9C,IAAM,IAAW,SAAS,cAAc,WAAW;AACnD,KAAS,QAAQ;AACjB,QAAK,IAAM,KAAU,EACnB,GAAS,YAAY,KAAK,eAAe,EAAO,CAAC;AAEnD,QAAK,SAAS,YAAY,EAAS;;;CAIvC,eAAuB,GAAyC;EAC9D,IAAM,IAAW,SAAS,cAAc,SAAS;AAMjD,SALA,EAAS,QAAQ,EAAO,OACxB,EAAS,cAAc,EAAO,OAC1B,EAAO,aAAa,OACtB,EAAS,WAAW,KAEf"}

package/dist/primitives/select/types.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Select family type definitions
+ * @countermeasure/web-components/primitives/select
+ */
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    group?: string;
+}
+export interface SelectConfig {
+    container?: HTMLElement | string;
+    options: SelectOption[];
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    searchable?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    ariaLabel?: string;
+    className?: string;
+    onChange?: (value: string) => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+export interface NativeSelectConfig {
+    container?: HTMLElement | string;
+    options: SelectOption[];
+    value?: string;
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+    ariaLabel?: string;
+    className?: string;
+    onChange?: (value: string) => void;
+}
+export interface ComboboxConfig {
+    container?: HTMLElement | string;
+    options: SelectOption[];
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    creatable?: boolean;
+    ariaLabel?: string;
+    className?: string;
+    onSearch?: (query: string) => void;
+    onChange?: (value: string) => void;
+    onCreate?: (value: string) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/primitives/select/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC"}

package/dist/primitives/separator/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Separator - Visual divider component
+ * @countermeasure/web-components/primitives/separator
+ */
+export interface SeparatorConfig {
+    container?: HTMLElement | string;
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+}
+export declare class Separator {
+    readonly el: HTMLDivElement;
+    constructor(config: SeparatorConfig);
+    /** Remove from the DOM */
+    destroy(): void;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/separator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/separator/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,qBAAa,SAAS;IACpB,SAAgB,EAAE,EAAE,cAAc,CAAA;gBAEtB,MAAM,EAAE,eAAe;IAoBnC,0BAA0B;IAC1B,OAAO,IAAI,IAAI;CAGhB"}

package/dist/primitives/separator/index.js

@@ -0,0 +1,16 @@
+import { t as e } from "../../utils-Cn_W3h3f.js";
+//#region src/primitives/separator/index.ts
+var t = class {
+	el;
+	constructor(t) {
+		let n = t.orientation ?? "horizontal";
+		this.el = document.createElement("div"), this.el.className = `cmm-separator cmm-separator--${n}`, this.el.setAttribute("role", "separator"), this.el.setAttribute("aria-orientation", n), t.className && this.el.classList.add(t.className), t.container !== void 0 && e(t.container).appendChild(this.el);
+	}
+	destroy() {
+		this.el.remove();
+	}
+};
+//#endregion
+export { t as Separator };
+
+//# sourceMappingURL=index.js.map

package/dist/primitives/separator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/primitives/separator/index.ts"],"sourcesContent":["/**\n * Separator - Visual divider component\n * @countermeasure/web-components/primitives/separator\n */\n\nimport { resolveContainer } from '../utils'\n\nexport interface SeparatorConfig {\n  container?: HTMLElement | string\n  orientation?: 'horizontal' | 'vertical'\n  className?: string\n}\n\nexport class Separator {\n  public readonly el: HTMLDivElement\n\n  constructor(config: SeparatorConfig) {\n    const orientation = config.orientation ?? 'horizontal'\n\n    // Create the separator element\n    this.el = document.createElement('div')\n    this.el.className = `cmm-separator cmm-separator--${orientation}`\n    this.el.setAttribute('role', 'separator')\n    this.el.setAttribute('aria-orientation', orientation)\n\n    if (config.className) {\n      this.el.classList.add(config.className)\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  /** Remove from the DOM */\n  destroy(): void {\n    this.el.remove()\n  }\n}\n"],"mappings":";;AAaA,IAAa,IAAb,MAAuB;CACrB;CAEA,YAAY,GAAyB;EACnC,IAAM,IAAc,EAAO,eAAe;AAa1C,EAVA,KAAK,KAAK,SAAS,cAAc,MAAM,EACvC,KAAK,GAAG,YAAY,gCAAgC,KACpD,KAAK,GAAG,aAAa,QAAQ,YAAY,EACzC,KAAK,GAAG,aAAa,oBAAoB,EAAY,EAEjD,EAAO,aACT,KAAK,GAAG,UAAU,IAAI,EAAO,UAAU,EAIrC,EAAO,cAAc,KAAA,KACR,EAAiB,EAAO,UAAU,CAC1C,YAAY,KAAK,GAAG;;CAK/B,UAAgB;AACd,OAAK,GAAG,QAAQ"}

package/dist/primitives/skeleton/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Skeleton - Loading placeholder component
+ * @countermeasure/web-components/primitives/skeleton
+ */
+export type SkeletonVariant = 'text' | 'circular' | 'rectangular';
+export interface SkeletonConfig {
+    container?: HTMLElement | string;
+    variant?: SkeletonVariant;
+    width?: string;
+    height?: string;
+    className?: string;
+}
+export declare class Skeleton {
+    readonly el: HTMLDivElement;
+    constructor(config: SkeletonConfig);
+    /** Update the skeleton dimensions */
+    setSize(width: string, height: string): void;
+    /** Remove from the DOM */
+    destroy(): void;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/skeleton/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,CAAA;AAEjE,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,qBAAa,QAAQ;IACnB,SAAgB,EAAE,EAAE,cAAc,CAAA;gBAEtB,MAAM,EAAE,cAAc;IA2BlC,qCAAqC;IACrC,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAK5C,0BAA0B;IAC1B,OAAO,IAAI,IAAI;CAGhB"}

package/dist/primitives/skeleton/index.js

@@ -0,0 +1,19 @@
+import { t as e } from "../../utils-Cn_W3h3f.js";
+//#region src/primitives/skeleton/index.ts
+var t = class {
+	el;
+	constructor(t) {
+		let n = t.variant ?? "text";
+		this.el = document.createElement("div"), this.el.className = `cmm-skeleton cmm-skeleton--${n}`, this.el.setAttribute("aria-hidden", "true"), t.className && this.el.classList.add(t.className), t.width !== void 0 && (this.el.style.width = t.width), t.height !== void 0 && (this.el.style.height = t.height), t.container !== void 0 && e(t.container).appendChild(this.el);
+	}
+	setSize(e, t) {
+		this.el.style.width = e, this.el.style.height = t;
+	}
+	destroy() {
+		this.el.remove();
+	}
+};
+//#endregion
+export { t as Skeleton };
+
+//# sourceMappingURL=index.js.map

package/dist/primitives/skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/primitives/skeleton/index.ts"],"sourcesContent":["/**\n * Skeleton - Loading placeholder component\n * @countermeasure/web-components/primitives/skeleton\n */\n\nimport { resolveContainer } from '../utils'\n\nexport type SkeletonVariant = 'text' | 'circular' | 'rectangular'\n\nexport interface SkeletonConfig {\n  container?: HTMLElement | string\n  variant?: SkeletonVariant\n  width?: string\n  height?: string\n  className?: string\n}\n\nexport class Skeleton {\n  public readonly el: HTMLDivElement\n\n  constructor(config: SkeletonConfig) {\n    const variant = config.variant ?? 'text'\n\n    // Create the skeleton element\n    this.el = document.createElement('div')\n    this.el.className = `cmm-skeleton cmm-skeleton--${variant}`\n    this.el.setAttribute('aria-hidden', 'true')\n\n    if (config.className) {\n      this.el.classList.add(config.className)\n    }\n\n    if (config.width !== undefined) {\n      this.el.style.width = config.width\n    }\n\n    if (config.height !== undefined) {\n      this.el.style.height = config.height\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 skeleton dimensions */\n  setSize(width: string, height: string): void {\n    this.el.style.width = width\n    this.el.style.height = height\n  }\n\n  /** Remove from the DOM */\n  destroy(): void {\n    this.el.remove()\n  }\n}\n"],"mappings":";;AAiBA,IAAa,IAAb,MAAsB;CACpB;CAEA,YAAY,GAAwB;EAClC,IAAM,IAAU,EAAO,WAAW;AAoBlC,EAjBA,KAAK,KAAK,SAAS,cAAc,MAAM,EACvC,KAAK,GAAG,YAAY,8BAA8B,KAClD,KAAK,GAAG,aAAa,eAAe,OAAO,EAEvC,EAAO,aACT,KAAK,GAAG,UAAU,IAAI,EAAO,UAAU,EAGrC,EAAO,UAAU,KAAA,MACnB,KAAK,GAAG,MAAM,QAAQ,EAAO,QAG3B,EAAO,WAAW,KAAA,MACpB,KAAK,GAAG,MAAM,SAAS,EAAO,SAI5B,EAAO,cAAc,KAAA,KACR,EAAiB,EAAO,UAAU,CAC1C,YAAY,KAAK,GAAG;;CAK/B,QAAQ,GAAe,GAAsB;AAE3C,EADA,KAAK,GAAG,MAAM,QAAQ,GACtB,KAAK,GAAG,MAAM,SAAS;;CAIzB,UAAgB;AACd,OAAK,GAAG,QAAQ"}

package/dist/primitives/slider/index.d.ts

@@ -0,0 +1,48 @@
+import { SliderConfig } from './types';
+export type { SliderConfig } from './types';
+export declare class Slider {
+    readonly el: HTMLDivElement;
+    private readonly trackEl;
+    private readonly fillEl;
+    private readonly thumbEl;
+    private tooltipEl;
+    private ticksEl;
+    private readonly sliderId;
+    private min;
+    private max;
+    private step;
+    private currentValue;
+    private isDragging;
+    private readonly showTooltip;
+    private readonly showTicks;
+    private readonly onChangeCallback;
+    private readonly onChangeEndCallback;
+    private readonly handlePointerDown;
+    private readonly handlePointerMove;
+    private readonly handlePointerUp;
+    private readonly handleKeyDown;
+    private readonly handleTrackClick;
+    constructor(config: SliderConfig);
+    /** Get the current value */
+    getValue(): number;
+    /** Set the current value */
+    setValue(value: number): void;
+    /** Set the disabled state */
+    setDisabled(disabled: boolean): void;
+    /** Update the range */
+    setRange(min: number, max: number): void;
+    /** Remove from DOM and clean up */
+    destroy(): void;
+    private buildClassName;
+    private getPercent;
+    private updatePosition;
+    private clamp;
+    private getValueFromPointer;
+    private onPointerDown;
+    private onPointerMove;
+    private onPointerUp;
+    private onTrackClick;
+    private onKeyDown;
+    private buildTicks;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/slider/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,qBAAa,MAAM;IACjB,SAAgB,EAAE,EAAE,cAAc,CAAA;IAElC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAgB;IACxC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgB;IACvC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAgB;IACxC,OAAO,CAAC,SAAS,CAA8B;IAC/C,OAAO,CAAC,OAAO,CAA8B;IAC7C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAQ;IAEjC,OAAO,CAAC,GAAG,CAAQ;IACnB,OAAO,CAAC,GAAG,CAAQ;IACnB,OAAO,CAAC,IAAI,CAAQ;IACpB,OAAO,CAAC,YAAY,CAAQ;IAC5B,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAS;IACrC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IAEnC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAuC;IACxE,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAuC;IAG3E,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAA2B;IAC7D,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAA2B;IAC7D,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA2B;IAC3D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA4B;IAC1D,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAA2B;gBAEhD,MAAM,EAAE,YAAY;IAyFhC,4BAA4B;IAC5B,QAAQ,IAAI,MAAM;IAIlB,4BAA4B;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAS7B,6BAA6B;IAC7B,WAAW,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAYpC,uBAAuB;IACvB,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI;IAaxC,mCAAmC;IACnC,OAAO,IAAI,IAAI;IAWf,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,KAAK;IAMb,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,WAAW;IAenB,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,SAAS;IAgCjB,OAAO,CAAC,UAAU;CAyBnB"}