@countermeasure-platform/web-components 0.2.0

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

@@ -0,0 +1,19 @@
+/**
+ * Kbd - Keyboard shortcut display component
+ * @countermeasure/web-components/primitives/kbd
+ */
+export interface KbdConfig {
+    container?: HTMLElement | string;
+    keys: string[];
+    className?: string;
+}
+export declare class Kbd {
+    readonly el: HTMLSpanElement;
+    constructor(config: KbdConfig);
+    /** Update displayed keys */
+    setKeys(keys: string[]): void;
+    /** Remove from the DOM */
+    destroy(): void;
+    private buildKeys;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/kbd/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,qBAAa,GAAG;IACd,SAAgB,EAAE,EAAE,eAAe,CAAA;gBAEvB,MAAM,EAAE,SAAS;IAmB7B,4BAA4B;IAC5B,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI;IAK7B,0BAA0B;IAC1B,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,SAAS;CAelB"}

package/dist/primitives/kbd/index.js

@@ -0,0 +1,28 @@
+import { t as e } from "../../utils-Cn_W3h3f.js";
+//#region src/primitives/kbd/index.ts
+var t = class {
+	el;
+	constructor(t) {
+		this.el = document.createElement("span"), this.el.className = "cmm-kbd", t.className && this.el.classList.add(t.className), this.buildKeys(t.keys), t.container !== void 0 && e(t.container).appendChild(this.el);
+	}
+	setKeys(e) {
+		this.el.innerHTML = "", this.buildKeys(e);
+	}
+	destroy() {
+		this.el.remove();
+	}
+	buildKeys(e) {
+		e.forEach((e, t) => {
+			if (t > 0) {
+				let e = document.createElement("span");
+				e.className = "cmm-kbd__separator", e.textContent = "+", this.el.appendChild(e);
+			}
+			let n = document.createElement("kbd");
+			n.className = "cmm-kbd__key", n.textContent = e, this.el.appendChild(n);
+		});
+	}
+};
+//#endregion
+export { t as Kbd };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/primitives/kbd/index.ts"],"sourcesContent":["/**\n * Kbd - Keyboard shortcut display component\n * @countermeasure/web-components/primitives/kbd\n */\n\nimport { resolveContainer } from '../utils'\n\nexport interface KbdConfig {\n  container?: HTMLElement | string\n  keys: string[]\n  className?: string\n}\n\nexport class Kbd {\n  public readonly el: HTMLSpanElement\n\n  constructor(config: KbdConfig) {\n    // Create the wrapper element\n    this.el = document.createElement('span')\n    this.el.className = 'cmm-kbd'\n\n    if (config.className) {\n      this.el.classList.add(config.className)\n    }\n\n    // Build key elements\n    this.buildKeys(config.keys)\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 displayed keys */\n  setKeys(keys: string[]): void {\n    this.el.innerHTML = ''\n    this.buildKeys(keys)\n  }\n\n  /** Remove from the DOM */\n  destroy(): void {\n    this.el.remove()\n  }\n\n  private buildKeys(keys: string[]): void {\n    keys.forEach((key, index) => {\n      if (index > 0) {\n        const separator = document.createElement('span')\n        separator.className = 'cmm-kbd__separator'\n        separator.textContent = '+'\n        this.el.appendChild(separator)\n      }\n\n      const kbd = document.createElement('kbd')\n      kbd.className = 'cmm-kbd__key'\n      kbd.textContent = key\n      this.el.appendChild(kbd)\n    })\n  }\n}\n"],"mappings":";;AAaA,IAAa,IAAb,MAAiB;CACf;CAEA,YAAY,GAAmB;AAa7B,EAXA,KAAK,KAAK,SAAS,cAAc,OAAO,EACxC,KAAK,GAAG,YAAY,WAEhB,EAAO,aACT,KAAK,GAAG,UAAU,IAAI,EAAO,UAAU,EAIzC,KAAK,UAAU,EAAO,KAAK,EAGvB,EAAO,cAAc,KAAA,KACR,EAAiB,EAAO,UAAU,CAC1C,YAAY,KAAK,GAAG;;CAK/B,QAAQ,GAAsB;AAE5B,EADA,KAAK,GAAG,YAAY,IACpB,KAAK,UAAU,EAAK;;CAItB,UAAgB;AACd,OAAK,GAAG,QAAQ;;CAGlB,UAAkB,GAAsB;AACtC,IAAK,SAAS,GAAK,MAAU;AAC3B,OAAI,IAAQ,GAAG;IACb,IAAM,IAAY,SAAS,cAAc,OAAO;AAGhD,IAFA,EAAU,YAAY,sBACtB,EAAU,cAAc,KACxB,KAAK,GAAG,YAAY,EAAU;;GAGhC,IAAM,IAAM,SAAS,cAAc,MAAM;AAGzC,GAFA,EAAI,YAAY,gBAChB,EAAI,cAAc,GAClB,KAAK,GAAG,YAAY,EAAI;IACxB"}

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

@@ -0,0 +1,27 @@
+/**
+ * Label - Form label component
+ * @countermeasure/web-components/primitives/label
+ */
+export interface LabelConfig {
+    container?: HTMLElement | string;
+    text: string;
+    htmlFor?: string;
+    required?: boolean;
+    className?: string;
+}
+export declare class Label {
+    readonly el: HTMLLabelElement;
+    private textNode;
+    private requiredEl;
+    constructor(config: LabelConfig);
+    /** Update the label text */
+    setText(text: string): void;
+    /** Toggle the required indicator */
+    setRequired(required: boolean): void;
+    /** Update the htmlFor attribute */
+    setFor(id: string): void;
+    /** Remove from the DOM */
+    destroy(): void;
+    private appendRequiredIndicator;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/label/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,qBAAa,KAAK;IAChB,SAAgB,EAAE,EAAE,gBAAgB,CAAA;IAEpC,OAAO,CAAC,QAAQ,CAAM;IACtB,OAAO,CAAC,UAAU,CAA+B;gBAErC,MAAM,EAAE,WAAW;IA6B/B,4BAA4B;IAC5B,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI3B,oCAAoC;IACpC,WAAW,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IASpC,mCAAmC;IACnC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAIxB,0BAA0B;IAC1B,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,uBAAuB;CAOhC"}

package/dist/primitives/label/index.js

@@ -0,0 +1,29 @@
+import { t as e } from "../../utils-Cn_W3h3f.js";
+//#region src/primitives/label/index.ts
+var t = class {
+	el;
+	textNode;
+	requiredEl = null;
+	constructor(t) {
+		this.el = document.createElement("label"), this.el.className = "cmm-label", t.className && this.el.classList.add(t.className), t.htmlFor !== void 0 && (this.el.htmlFor = t.htmlFor), this.textNode = document.createTextNode(t.text), this.el.appendChild(this.textNode), t.required === !0 && this.appendRequiredIndicator(), t.container !== void 0 && e(t.container).appendChild(this.el);
+	}
+	setText(e) {
+		this.textNode.textContent = e;
+	}
+	setRequired(e) {
+		e && this.requiredEl === null ? this.appendRequiredIndicator() : !e && this.requiredEl !== null && (this.requiredEl.remove(), this.requiredEl = null);
+	}
+	setFor(e) {
+		this.el.htmlFor = e;
+	}
+	destroy() {
+		this.el.remove();
+	}
+	appendRequiredIndicator() {
+		this.requiredEl = document.createElement("span"), this.requiredEl.className = "cmm-label__required", this.requiredEl.setAttribute("aria-hidden", "true"), this.requiredEl.textContent = "*", this.el.appendChild(this.requiredEl);
+	}
+};
+//#endregion
+export { t as Label };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/primitives/label/index.ts"],"sourcesContent":["/**\n * Label - Form label component\n * @countermeasure/web-components/primitives/label\n */\n\nimport { resolveContainer } from '../utils'\n\nexport interface LabelConfig {\n  container?: HTMLElement | string\n  text: string\n  htmlFor?: string\n  required?: boolean\n  className?: string\n}\n\nexport class Label {\n  public readonly el: HTMLLabelElement\n\n  private textNode: Text\n  private requiredEl: HTMLSpanElement | null = null\n\n  constructor(config: LabelConfig) {\n    // Create the label element\n    this.el = document.createElement('label')\n    this.el.className = 'cmm-label'\n\n    if (config.className) {\n      this.el.classList.add(config.className)\n    }\n\n    if (config.htmlFor !== undefined) {\n      this.el.htmlFor = config.htmlFor\n    }\n\n    // Create text node for the label text\n    this.textNode = document.createTextNode(config.text)\n    this.el.appendChild(this.textNode)\n\n    // Add required indicator if needed\n    if (config.required === true) {\n      this.appendRequiredIndicator()\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 label text */\n  setText(text: string): void {\n    this.textNode.textContent = text\n  }\n\n  /** Toggle the required indicator */\n  setRequired(required: boolean): void {\n    if (required && this.requiredEl === null) {\n      this.appendRequiredIndicator()\n    } else if (!required && this.requiredEl !== null) {\n      this.requiredEl.remove()\n      this.requiredEl = null\n    }\n  }\n\n  /** Update the htmlFor attribute */\n  setFor(id: string): void {\n    this.el.htmlFor = id\n  }\n\n  /** Remove from the DOM */\n  destroy(): void {\n    this.el.remove()\n  }\n\n  private appendRequiredIndicator(): void {\n    this.requiredEl = document.createElement('span')\n    this.requiredEl.className = 'cmm-label__required'\n    this.requiredEl.setAttribute('aria-hidden', 'true')\n    this.requiredEl.textContent = '*'\n    this.el.appendChild(this.requiredEl)\n  }\n}\n"],"mappings":";;AAeA,IAAa,IAAb,MAAmB;CACjB;CAEA;CACA,aAA6C;CAE7C,YAAY,GAAqB;AAuB/B,EArBA,KAAK,KAAK,SAAS,cAAc,QAAQ,EACzC,KAAK,GAAG,YAAY,aAEhB,EAAO,aACT,KAAK,GAAG,UAAU,IAAI,EAAO,UAAU,EAGrC,EAAO,YAAY,KAAA,MACrB,KAAK,GAAG,UAAU,EAAO,UAI3B,KAAK,WAAW,SAAS,eAAe,EAAO,KAAK,EACpD,KAAK,GAAG,YAAY,KAAK,SAAS,EAG9B,EAAO,aAAa,MACtB,KAAK,yBAAyB,EAI5B,EAAO,cAAc,KAAA,KACR,EAAiB,EAAO,UAAU,CAC1C,YAAY,KAAK,GAAG;;CAK/B,QAAQ,GAAoB;AAC1B,OAAK,SAAS,cAAc;;CAI9B,YAAY,GAAyB;AACnC,EAAI,KAAY,KAAK,eAAe,OAClC,KAAK,yBAAyB,GACrB,CAAC,KAAY,KAAK,eAAe,SAC1C,KAAK,WAAW,QAAQ,EACxB,KAAK,aAAa;;CAKtB,OAAO,GAAkB;AACvB,OAAK,GAAG,UAAU;;CAIpB,UAAgB;AACd,OAAK,GAAG,QAAQ;;CAGlB,0BAAwC;AAKtC,EAJA,KAAK,aAAa,SAAS,cAAc,OAAO,EAChD,KAAK,WAAW,YAAY,uBAC5B,KAAK,WAAW,aAAa,eAAe,OAAO,EACnD,KAAK,WAAW,cAAc,KAC9B,KAAK,GAAG,YAAY,KAAK,WAAW"}

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

@@ -0,0 +1,21 @@
+import { RadioGroupConfig } from './types';
+export declare class RadioGroup {
+    readonly el: HTMLElement;
+    private readonly radioEls;
+    private readonly labelEls;
+    private config;
+    private groupName;
+    private selectedValue;
+    private isDestroyed;
+    private readonly handleChange;
+    private readonly handleKeydown;
+    constructor(config: RadioGroupConfig);
+    getValue(): string | null;
+    setValue(value: string): void;
+    setDisabled(disabled: boolean): void;
+    destroy(): void;
+    private buildRadios;
+    private onKeydown;
+}
+export { type RadioGroupConfig, type RadioOption } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/radio/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,gBAAgB,EAAoB,MAAM,SAAS,CAAA;AAGjE,qBAAa,UAAU;IACrB,SAAgB,EAAE,EAAE,WAAW,CAAA;IAE/B,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAyB;IAClD,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAyB;IAClD,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,aAAa,CAAsB;IAC3C,OAAO,CAAC,WAAW,CAAQ;IAE3B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAoB;IACjD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA4B;gBAE9C,MAAM,EAAE,gBAAgB;IAkDpC,QAAQ,IAAI,MAAM,GAAG,IAAI;IAIzB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAO7B,WAAW,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAiBpC,OAAO,IAAI,IAAI;IAOf,OAAO,CAAC,WAAW;IA2CnB,OAAO,CAAC,SAAS;CA+ClB;AAED,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA"}

package/dist/primitives/radio/index.js

@@ -0,0 +1,78 @@
+import { n as e, t } from "../../utils-Cn_W3h3f.js";
+//#region src/primitives/radio/index.ts
+var n = class {
+	el;
+	radioEls = [];
+	labelEls = [];
+	config;
+	groupName;
+	selectedValue = null;
+	isDestroyed = !1;
+	handleChange;
+	handleKeydown;
+	constructor(n) {
+		this.config = n, this.groupName = n.name ?? e("cmm-radio-group"), n.value !== void 0 && (this.selectedValue = n.value);
+		let r = n.orientation ?? "vertical";
+		this.el = document.createElement("div"), this.el.className = `cmm-radio-group cmm-radio-group--${r}`, this.el.setAttribute("role", "radiogroup"), this.el.id = e("cmm-radio-group"), n.ariaLabel && this.el.setAttribute("aria-label", n.ariaLabel), n.className && this.el.classList.add(n.className), this.buildRadios(n.options), this.handleChange = (e) => {
+			if (this.isDestroyed) return;
+			let t = e.target;
+			this.selectedValue = t.value, this.config.onChange?.(t.value);
+		}, this.handleKeydown = (e) => {
+			this.isDestroyed || this.onKeydown(e);
+		}, this.el.addEventListener("change", this.handleChange), this.el.addEventListener("keydown", this.handleKeydown), n.container !== void 0 && t(n.container).appendChild(this.el);
+	}
+	getValue() {
+		return this.selectedValue;
+	}
+	setValue(e) {
+		this.selectedValue = e;
+		for (let t of this.radioEls) t.checked = t.value === e;
+	}
+	setDisabled(e) {
+		for (let t = 0; t < this.radioEls.length; t++) {
+			let n = this.radioEls[t], r = this.labelEls[t];
+			n !== void 0 && (n.disabled = e), r !== void 0 && (e ? r.classList.add("cmm-radio--disabled") : r.classList.remove("cmm-radio--disabled"));
+		}
+	}
+	destroy() {
+		this.isDestroyed = !0, this.el.removeEventListener("change", this.handleChange), this.el.removeEventListener("keydown", this.handleKeydown), this.el.remove();
+	}
+	buildRadios(t) {
+		for (let n of t) {
+			let t = document.createElement("label");
+			t.className = "cmm-radio";
+			let r = this.config.disabled === !0 || n.disabled === !0;
+			r && t.classList.add("cmm-radio--disabled");
+			let i = document.createElement("input");
+			i.type = "radio", i.className = "cmm-radio__input", i.name = this.groupName, i.value = n.value, i.id = e("cmm-radio"), n.value === this.selectedValue && (i.checked = !0), r && (i.disabled = !0);
+			let a = document.createElement("span");
+			a.className = "cmm-radio__circle", a.setAttribute("aria-hidden", "true");
+			let o = document.createElement("span");
+			o.className = "cmm-radio__label", o.textContent = n.label, t.appendChild(i), t.appendChild(a), t.appendChild(o), this.el.appendChild(t), this.radioEls.push(i), this.labelEls.push(t);
+		}
+	}
+	onKeydown(e) {
+		let t = this.radioEls.filter((e) => !e.disabled);
+		if (t.length === 0) return;
+		let n = -1, r = document.activeElement;
+		r !== null && (n = t.indexOf(r));
+		let i;
+		switch (e.key) {
+			case "ArrowDown":
+			case "ArrowRight":
+				e.preventDefault(), i = n < 0 ? 0 : n < t.length - 1 ? n + 1 : 0;
+				break;
+			case "ArrowUp":
+			case "ArrowLeft":
+				e.preventDefault(), i = n < 0 ? t.length - 1 : n > 0 ? n - 1 : t.length - 1;
+				break;
+			default: return;
+		}
+		let a = t[i];
+		a !== void 0 && (a.checked = !0, a.focus(), this.selectedValue = a.value, this.config.onChange?.(a.value));
+	}
+};
+//#endregion
+export { n as RadioGroup };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/primitives/radio/index.ts"],"sourcesContent":["/**\n * RadioGroup - Radio button group with keyboard navigation\n * @countermeasure/web-components/primitives/radio\n */\n\nimport { type RadioGroupConfig, type RadioOption } from './types'\nimport { resolveContainer, uniqueId } from '../utils'\n\nexport class RadioGroup {\n  public readonly el: HTMLElement\n\n  private readonly radioEls: HTMLInputElement[] = []\n  private readonly labelEls: HTMLLabelElement[] = []\n  private config: RadioGroupConfig\n  private groupName: string\n  private selectedValue: string | null = null\n  private isDestroyed = false\n\n  private readonly handleChange: (e: Event) => void\n  private readonly handleKeydown: (e: KeyboardEvent) => void\n\n  constructor(config: RadioGroupConfig) {\n    this.config = config\n    this.groupName = config.name ?? uniqueId('cmm-radio-group')\n\n    if (config.value !== undefined) {\n      this.selectedValue = config.value\n    }\n\n    const orientation = config.orientation ?? 'vertical'\n\n    this.el = document.createElement('div')\n    this.el.className = `cmm-radio-group cmm-radio-group--${orientation}`\n    this.el.setAttribute('role', 'radiogroup')\n    this.el.id = uniqueId('cmm-radio-group')\n\n    if (config.ariaLabel) {\n      this.el.setAttribute('aria-label', config.ariaLabel)\n    }\n\n    if (config.className) {\n      this.el.classList.add(config.className)\n    }\n\n    this.buildRadios(config.options)\n\n    this.handleChange = (e: Event) => {\n      if (this.isDestroyed) {\n        return\n      }\n      const target = e.target as HTMLInputElement\n      this.selectedValue = target.value\n      this.config.onChange?.(target.value)\n    }\n\n    this.handleKeydown = (e: KeyboardEvent) => {\n      if (this.isDestroyed) {\n        return\n      }\n      this.onKeydown(e)\n    }\n\n    this.el.addEventListener('change', this.handleChange)\n    this.el.addEventListener('keydown', this.handleKeydown)\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    this.selectedValue = value\n    for (const radio of this.radioEls) {\n      radio.checked = radio.value === value\n    }\n  }\n\n  setDisabled(disabled: boolean): void {\n    for (let i = 0; i < this.radioEls.length; i++) {\n      const radio = this.radioEls[i]\n      const label = this.labelEls[i]\n      if (radio !== undefined) {\n        radio.disabled = disabled\n      }\n      if (label !== undefined) {\n        if (disabled) {\n          label.classList.add('cmm-radio--disabled')\n        } else {\n          label.classList.remove('cmm-radio--disabled')\n        }\n      }\n    }\n  }\n\n  destroy(): void {\n    this.isDestroyed = true\n    this.el.removeEventListener('change', this.handleChange)\n    this.el.removeEventListener('keydown', this.handleKeydown)\n    this.el.remove()\n  }\n\n  private buildRadios(options: RadioOption[]): void {\n    for (const option of options) {\n      const label = document.createElement('label')\n      label.className = 'cmm-radio'\n\n      const isDisabled = this.config.disabled === true || option.disabled === true\n      if (isDisabled) {\n        label.classList.add('cmm-radio--disabled')\n      }\n\n      const input = document.createElement('input')\n      input.type = 'radio'\n      input.className = 'cmm-radio__input'\n      input.name = this.groupName\n      input.value = option.value\n      input.id = uniqueId('cmm-radio')\n\n      if (option.value === this.selectedValue) {\n        input.checked = true\n      }\n\n      if (isDisabled) {\n        input.disabled = true\n      }\n\n      const circle = document.createElement('span')\n      circle.className = 'cmm-radio__circle'\n      circle.setAttribute('aria-hidden', 'true')\n\n      const labelText = document.createElement('span')\n      labelText.className = 'cmm-radio__label'\n      labelText.textContent = option.label\n\n      label.appendChild(input)\n      label.appendChild(circle)\n      label.appendChild(labelText)\n\n      this.el.appendChild(label)\n      this.radioEls.push(input)\n      this.labelEls.push(label)\n    }\n  }\n\n  private onKeydown(e: KeyboardEvent): void {\n    const enabledRadios = this.radioEls.filter(r => !r.disabled)\n    if (enabledRadios.length === 0) {\n      return\n    }\n\n    let currentIndex = -1\n    const activeEl = document.activeElement\n    if (activeEl !== null) {\n      currentIndex = enabledRadios.indexOf(activeEl as HTMLInputElement)\n    }\n\n    let nextIndex: number\n\n    switch (e.key) {\n      case 'ArrowDown':\n      case 'ArrowRight': {\n        e.preventDefault()\n        if (currentIndex < 0) {\n          nextIndex = 0\n        } else {\n          nextIndex = currentIndex < enabledRadios.length - 1 ? currentIndex + 1 : 0\n        }\n        break\n      }\n      case 'ArrowUp':\n      case 'ArrowLeft': {\n        e.preventDefault()\n        if (currentIndex < 0) {\n          nextIndex = enabledRadios.length - 1\n        } else {\n          nextIndex = currentIndex > 0 ? currentIndex - 1 : enabledRadios.length - 1\n        }\n        break\n      }\n      default:\n        return\n    }\n\n    const nextRadio = enabledRadios[nextIndex]\n    if (nextRadio !== undefined) {\n      nextRadio.checked = true\n      nextRadio.focus()\n      this.selectedValue = nextRadio.value\n      this.config.onChange?.(nextRadio.value)\n    }\n  }\n}\n\nexport { type RadioGroupConfig, type RadioOption } from './types'\n"],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+/**
+ * Radio group type definitions
+ * @countermeasure/web-components/primitives/radio
+ */
+export interface RadioOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface RadioGroupConfig {
+    container?: HTMLElement | string;
+    options: RadioOption[];
+    value?: string;
+    disabled?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    name?: string;
+    ariaLabel?: string;
+    className?: string;
+    onChange?: (value: string) => void;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/primitives/radio/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,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"}

package/dist/primitives/scroll-area/index.d.ts

@@ -0,0 +1,27 @@
+/**
+ * ScrollArea - Styled scrollable container component
+ * @countermeasure/web-components/primitives/scroll-area
+ */
+export type ScrollOrientation = 'vertical' | 'horizontal' | 'both';
+export interface ScrollAreaConfig {
+    container?: HTMLElement | string;
+    maxHeight?: string;
+    orientation?: ScrollOrientation;
+    className?: string;
+}
+export declare class ScrollArea {
+    readonly el: HTMLDivElement;
+    private readonly viewportEl;
+    constructor(config: ScrollAreaConfig);
+    /** Returns the viewport element for appending content */
+    getViewport(): HTMLDivElement;
+    /** Scroll to a specific position */
+    scrollTo(top: number, left?: number): void;
+    /** Scroll to the top of the viewport */
+    scrollToTop(): void;
+    /** Scroll to the bottom of the viewport */
+    scrollToBottom(): void;
+    /** Remove from the DOM */
+    destroy(): void;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/scroll-area/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/scroll-area/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAA;AAElE,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,qBAAa,UAAU;IACrB,SAAgB,EAAE,EAAE,cAAc,CAAA;IAElC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAgB;gBAE/B,MAAM,EAAE,gBAAgB;IA4BpC,yDAAyD;IACzD,WAAW,IAAI,cAAc;IAI7B,oCAAoC;IACpC,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI;IAO1C,wCAAwC;IACxC,WAAW,IAAI,IAAI;IAInB,2CAA2C;IAC3C,cAAc,IAAI,IAAI;IAItB,0BAA0B;IAC1B,OAAO,IAAI,IAAI;CAGhB"}

package/dist/primitives/scroll-area/index.js

@@ -0,0 +1,29 @@
+import { t as e } from "../../utils-Cn_W3h3f.js";
+//#region src/primitives/scroll-area/index.ts
+var t = class {
+	el;
+	viewportEl;
+	constructor(t) {
+		let n = t.orientation ?? "vertical";
+		this.el = document.createElement("div"), this.el.className = "cmm-scroll-area", t.className && this.el.classList.add(t.className), this.viewportEl = document.createElement("div"), this.viewportEl.className = `cmm-scroll-area__viewport cmm-scroll-area__viewport--${n}`, t.maxHeight !== void 0 && (this.viewportEl.style.maxHeight = t.maxHeight), this.el.appendChild(this.viewportEl), t.container !== void 0 && e(t.container).appendChild(this.el);
+	}
+	getViewport() {
+		return this.viewportEl;
+	}
+	scrollTo(e, t) {
+		this.viewportEl.scrollTop = e, t !== void 0 && (this.viewportEl.scrollLeft = t);
+	}
+	scrollToTop() {
+		this.viewportEl.scrollTop = 0;
+	}
+	scrollToBottom() {
+		this.viewportEl.scrollTop = this.viewportEl.scrollHeight;
+	}
+	destroy() {
+		this.el.remove();
+	}
+};
+//#endregion
+export { t as ScrollArea };
+
+//# sourceMappingURL=index.js.map

package/dist/primitives/scroll-area/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/primitives/scroll-area/index.ts"],"sourcesContent":["/**\n * ScrollArea - Styled scrollable container component\n * @countermeasure/web-components/primitives/scroll-area\n */\n\nimport { resolveContainer } from '../utils'\n\nexport type ScrollOrientation = 'vertical' | 'horizontal' | 'both'\n\nexport interface ScrollAreaConfig {\n  container?: HTMLElement | string\n  maxHeight?: string\n  orientation?: ScrollOrientation\n  className?: string\n}\n\nexport class ScrollArea {\n  public readonly el: HTMLDivElement\n\n  private readonly viewportEl: HTMLDivElement\n\n  constructor(config: ScrollAreaConfig) {\n    const orientation = config.orientation ?? 'vertical'\n\n    // Create the outer wrapper\n    this.el = document.createElement('div')\n    this.el.className = 'cmm-scroll-area'\n\n    if (config.className) {\n      this.el.classList.add(config.className)\n    }\n\n    // Create the scrollable viewport\n    this.viewportEl = document.createElement('div')\n    this.viewportEl.className = `cmm-scroll-area__viewport cmm-scroll-area__viewport--${orientation}`\n\n    if (config.maxHeight !== undefined) {\n      this.viewportEl.style.maxHeight = config.maxHeight\n    }\n\n    this.el.appendChild(this.viewportEl)\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  /** Returns the viewport element for appending content */\n  getViewport(): HTMLDivElement {\n    return this.viewportEl\n  }\n\n  /** Scroll to a specific position */\n  scrollTo(top: number, left?: number): void {\n    this.viewportEl.scrollTop = top\n    if (left !== undefined) {\n      this.viewportEl.scrollLeft = left\n    }\n  }\n\n  /** Scroll to the top of the viewport */\n  scrollToTop(): void {\n    this.viewportEl.scrollTop = 0\n  }\n\n  /** Scroll to the bottom of the viewport */\n  scrollToBottom(): void {\n    this.viewportEl.scrollTop = this.viewportEl.scrollHeight\n  }\n\n  /** Remove from the DOM */\n  destroy(): void {\n    this.el.remove()\n  }\n}\n"],"mappings":";;AAgBA,IAAa,IAAb,MAAwB;CACtB;CAEA;CAEA,YAAY,GAA0B;EACpC,IAAM,IAAc,EAAO,eAAe;AAqB1C,EAlBA,KAAK,KAAK,SAAS,cAAc,MAAM,EACvC,KAAK,GAAG,YAAY,mBAEhB,EAAO,aACT,KAAK,GAAG,UAAU,IAAI,EAAO,UAAU,EAIzC,KAAK,aAAa,SAAS,cAAc,MAAM,EAC/C,KAAK,WAAW,YAAY,wDAAwD,KAEhF,EAAO,cAAc,KAAA,MACvB,KAAK,WAAW,MAAM,YAAY,EAAO,YAG3C,KAAK,GAAG,YAAY,KAAK,WAAW,EAGhC,EAAO,cAAc,KAAA,KACR,EAAiB,EAAO,UAAU,CAC1C,YAAY,KAAK,GAAG;;CAK/B,cAA8B;AAC5B,SAAO,KAAK;;CAId,SAAS,GAAa,GAAqB;AAEzC,EADA,KAAK,WAAW,YAAY,GACxB,MAAS,KAAA,MACX,KAAK,WAAW,aAAa;;CAKjC,cAAoB;AAClB,OAAK,WAAW,YAAY;;CAI9B,iBAAuB;AACrB,OAAK,WAAW,YAAY,KAAK,WAAW;;CAI9C,UAAgB;AACd,OAAK,GAAG,QAAQ"}

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

@@ -0,0 +1,42 @@
+import { ComboboxConfig, SelectOption } from './types';
+export declare class Combobox {
+    readonly el: HTMLElement;
+    private readonly inputEl;
+    private readonly dropdownEl;
+    private readonly listboxId;
+    private optionEls;
+    private config;
+    private currentOptions;
+    private filteredOptions;
+    private selectedValue;
+    private highlightedIndex;
+    private isOpen;
+    private isDestroyed;
+    private debounceTimer;
+    private readonly handleInputFocus;
+    private readonly handleInputInput;
+    private readonly handleInputKeydown;
+    private readonly handleDocumentClick;
+    constructor(config: ComboboxConfig);
+    getValue(): string | null;
+    setValue(value: string): void;
+    setOptions(options: SelectOption[]): void;
+    setDisabled(disabled: boolean): void;
+    focus(): void;
+    destroy(): void;
+    private onInputChange;
+    private openDropdown;
+    private closeDropdown;
+    private renderOptions;
+    private appendOption;
+    private appendCreateOption;
+    private selectOption;
+    private updateSelectedState;
+    private positionDropdown;
+    private getSelectableOptionEls;
+    private setHighlightedIndex;
+    private clearHighlight;
+    private onKeydown;
+}
+export { type ComboboxConfig } from './types';
+//# sourceMappingURL=combobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/combobox.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAKhE,qBAAa,QAAQ;IACnB,SAAgB,EAAE,EAAE,WAAW,CAAA;IAE/B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAkB;IAC1C,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAa;IACxC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAQ;IAClC,OAAO,CAAC,SAAS,CAAoB;IACrC,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,cAAc,CAAgB;IACtC,OAAO,CAAC,eAAe,CAAqB;IAC5C,OAAO,CAAC,aAAa,CAAsB;IAC3C,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,MAAM,CAAQ;IACtB,OAAO,CAAC,WAAW,CAAQ;IAC3B,OAAO,CAAC,aAAa,CAA6C;IAElE,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAY;IAC7C,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAY;IAC7C,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAA4B;IAC/D,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAyB;gBAEjD,MAAM,EAAE,cAAc;IAiGlC,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,KAAK,IAAI,IAAI;IAIb,OAAO,IAAI,IAAI;IAaf,OAAO,CAAC,aAAa;IA2BrB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,aAAa;IAqBrB,OAAO,CAAC,YAAY;IAgCpB,OAAO,CAAC,kBAAkB;IAqB1B,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,gBAAgB;IAexB,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,mBAAmB;IAiB3B,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,SAAS;CA0DlB;AAED,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAA"}

package/dist/primitives/select/combobox.js

@@ -0,0 +1,162 @@
+import { n as e, t } from "../../utils-Cn_W3h3f.js";
+//#region src/primitives/select/combobox.ts
+var n = 150, r = class {
+	el;
+	inputEl;
+	dropdownEl;
+	listboxId;
+	optionEls = [];
+	config;
+	currentOptions;
+	filteredOptions = [];
+	selectedValue = null;
+	highlightedIndex = -1;
+	isOpen = !1;
+	isDestroyed = !1;
+	debounceTimer = null;
+	handleInputFocus;
+	handleInputInput;
+	handleInputKeydown;
+	handleDocumentClick;
+	constructor(n) {
+		this.config = n, this.currentOptions = [...n.options], this.filteredOptions = [...this.currentOptions], this.listboxId = e("cmm-combobox-listbox"), n.value !== void 0 && (this.selectedValue = n.value), this.el = document.createElement("div"), this.el.className = "cmm-combobox", n.className && this.el.classList.add(n.className), this.inputEl = document.createElement("input"), this.inputEl.type = "text", this.inputEl.className = "cmm-combobox__input", this.inputEl.id = e("cmm-combobox-input"), this.inputEl.setAttribute("role", "combobox"), this.inputEl.setAttribute("aria-haspopup", "listbox"), this.inputEl.setAttribute("aria-expanded", "false"), this.inputEl.setAttribute("aria-controls", this.listboxId), this.inputEl.setAttribute("aria-autocomplete", "list"), n.placeholder && (this.inputEl.placeholder = n.placeholder);
+		let r = n.ariaLabel ?? n.placeholder ?? "Select an option";
+		if (this.inputEl.setAttribute("aria-label", r), n.disabled === !0 && (this.inputEl.disabled = !0, this.el.classList.add("cmm-combobox--disabled")), this.selectedValue !== null) {
+			let e = this.currentOptions.find((e) => e.value === this.selectedValue);
+			e !== void 0 && (this.inputEl.value = e.label);
+		}
+		this.dropdownEl = document.createElement("div"), this.dropdownEl.id = this.listboxId, this.dropdownEl.className = "cmm-combobox__dropdown", this.dropdownEl.setAttribute("role", "listbox"), this.dropdownEl.style.display = "none", this.renderOptions(), this.el.appendChild(this.inputEl), this.el.appendChild(this.dropdownEl), this.handleInputFocus = () => {
+			this.isDestroyed || this.openDropdown();
+		}, this.handleInputInput = () => {
+			this.isDestroyed || this.onInputChange();
+		}, this.handleInputKeydown = (e) => {
+			this.isDestroyed || this.onKeydown(e);
+		}, this.handleDocumentClick = (e) => {
+			if (this.isDestroyed) return;
+			let t = e.target;
+			this.el.contains(t) || this.closeDropdown();
+		}, this.inputEl.addEventListener("focus", this.handleInputFocus), this.inputEl.addEventListener("input", this.handleInputInput), this.inputEl.addEventListener("keydown", this.handleInputKeydown), n.container !== void 0 && t(n.container).appendChild(this.el);
+	}
+	getValue() {
+		return this.selectedValue;
+	}
+	setValue(e) {
+		let t = this.currentOptions.find((t) => t.value === e);
+		t !== void 0 && (this.selectedValue = e, this.inputEl.value = t.label, this.updateSelectedState());
+	}
+	setOptions(e) {
+		this.currentOptions = [...e], this.filteredOptions = [...this.currentOptions], this.renderOptions();
+	}
+	setDisabled(e) {
+		this.inputEl.disabled = e, e ? (this.el.classList.add("cmm-combobox--disabled"), this.isOpen && this.closeDropdown()) : this.el.classList.remove("cmm-combobox--disabled");
+	}
+	focus() {
+		this.inputEl.focus();
+	}
+	destroy() {
+		this.isDestroyed = !0, this.debounceTimer !== null && clearTimeout(this.debounceTimer), this.closeDropdown(), this.inputEl.removeEventListener("focus", this.handleInputFocus), this.inputEl.removeEventListener("input", this.handleInputInput), this.inputEl.removeEventListener("keydown", this.handleInputKeydown), document.removeEventListener("click", this.handleDocumentClick), this.el.remove();
+	}
+	onInputChange() {
+		this.debounceTimer !== null && clearTimeout(this.debounceTimer), this.debounceTimer = setTimeout(() => {
+			let e = this.inputEl.value.toLowerCase();
+			this.config.onSearch?.(e), e ? this.filteredOptions = this.currentOptions.filter((t) => t.label.toLowerCase().includes(e)) : this.filteredOptions = [...this.currentOptions], this.renderOptions(), this.isOpen || this.openDropdown(), this.setHighlightedIndex(0);
+		}, n);
+	}
+	openDropdown() {
+		this.isOpen || this.inputEl.disabled || (this.isOpen = !0, this.dropdownEl.style.display = "", this.inputEl.setAttribute("aria-expanded", "true"), this.positionDropdown(), document.addEventListener("click", this.handleDocumentClick));
+	}
+	closeDropdown() {
+		this.isOpen && (this.isOpen = !1, this.dropdownEl.style.display = "none", this.inputEl.setAttribute("aria-expanded", "false"), this.inputEl.removeAttribute("aria-activedescendant"), this.highlightedIndex = -1, this.clearHighlight(), document.removeEventListener("click", this.handleDocumentClick));
+	}
+	renderOptions() {
+		this.dropdownEl.innerHTML = "", this.optionEls = [];
+		for (let e of this.filteredOptions) this.appendOption(e);
+		if (this.config.creatable === !0) {
+			let e = this.inputEl.value.trim();
+			e && (this.currentOptions.some((t) => t.label.toLowerCase() === e.toLowerCase()) || this.appendCreateOption(e));
+		}
+	}
+	appendOption(t) {
+		let n = document.createElement("div");
+		n.id = e("cmm-combobox-option"), n.className = "cmm-combobox__option", n.setAttribute("role", "option"), n.setAttribute("data-value", t.value), n.textContent = t.label, t.disabled === !0 && (n.classList.add("cmm-combobox__option--disabled"), n.setAttribute("aria-disabled", "true")), t.value === this.selectedValue ? (n.classList.add("cmm-combobox__option--selected"), n.setAttribute("aria-selected", "true")) : n.setAttribute("aria-selected", "false"), n.addEventListener("mousedown", (e) => {
+			e.preventDefault(), t.disabled !== !0 && this.selectOption(t.value, t.label);
+		}), this.dropdownEl.appendChild(n), this.optionEls.push(n);
+	}
+	appendCreateOption(t) {
+		let n = document.createElement("div");
+		n.id = e("cmm-combobox-create"), n.className = "cmm-combobox__option cmm-combobox__create", n.setAttribute("role", "option"), n.setAttribute("data-create", t), n.textContent = `Create: ${t}`, n.addEventListener("mousedown", (e) => {
+			e.preventDefault(), this.config.onCreate?.(t), this.inputEl.value = t, this.selectedValue = t, this.closeDropdown();
+		}), this.dropdownEl.appendChild(n), this.optionEls.push(n);
+	}
+	selectOption(e, t) {
+		this.selectedValue = e, this.inputEl.value = t, this.updateSelectedState(), this.closeDropdown(), this.config.onChange?.(e);
+	}
+	updateSelectedState() {
+		for (let e of this.optionEls) e.getAttribute("data-value") === this.selectedValue ? (e.classList.add("cmm-combobox__option--selected"), e.setAttribute("aria-selected", "true")) : (e.classList.remove("cmm-combobox__option--selected"), e.setAttribute("aria-selected", "false"));
+	}
+	positionDropdown() {
+		let e = this.inputEl.getBoundingClientRect(), t = window.innerHeight - e.bottom, n = e.top;
+		t < 256 && n > t ? (this.dropdownEl.classList.add("cmm-combobox__dropdown--above"), this.dropdownEl.classList.remove("cmm-combobox__dropdown--below")) : (this.dropdownEl.classList.add("cmm-combobox__dropdown--below"), this.dropdownEl.classList.remove("cmm-combobox__dropdown--above"));
+	}
+	getSelectableOptionEls() {
+		return this.optionEls.filter((e) => !e.classList.contains("cmm-combobox__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-combobox__option--highlighted"), n.scrollIntoView({ block: "nearest" }), this.inputEl.setAttribute("aria-activedescendant", n.id));
+	}
+	clearHighlight() {
+		for (let e of this.optionEls) e.classList.remove("cmm-combobox__option--highlighted");
+	}
+	onKeydown(e) {
+		let t = this.getSelectableOptionEls();
+		switch (e.key) {
+			case "ArrowDown":
+				if (e.preventDefault(), !this.isOpen) this.openDropdown(), this.setHighlightedIndex(0);
+				else {
+					let e = this.highlightedIndex < t.length - 1 ? this.highlightedIndex + 1 : 0;
+					this.setHighlightedIndex(e);
+				}
+				break;
+			case "ArrowUp":
+				if (e.preventDefault(), this.isOpen) {
+					let e = this.highlightedIndex > 0 ? this.highlightedIndex - 1 : t.length - 1;
+					this.setHighlightedIndex(e);
+				}
+				break;
+			case "Enter":
+				if (e.preventDefault(), this.isOpen && this.highlightedIndex >= 0) {
+					let e = t[this.highlightedIndex];
+					if (e !== void 0) {
+						let t = e.getAttribute("data-create");
+						if (t !== null) this.config.onCreate?.(t), this.inputEl.value = t, this.selectedValue = t, this.closeDropdown();
+						else {
+							let t = e.getAttribute("data-value");
+							if (t !== null) {
+								let e = this.filteredOptions.find((e) => e.value === t);
+								e !== void 0 && this.selectOption(e.value, e.label);
+							}
+						}
+					}
+				}
+				break;
+			case "Escape":
+				this.isOpen && (e.preventDefault(), this.closeDropdown());
+				break;
+			case "Tab":
+				this.closeDropdown();
+				break;
+		}
+	}
+};
+//#endregion
+export { r as Combobox };
+
+//# sourceMappingURL=combobox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.js","names":[],"sources":["../../../src/primitives/select/combobox.ts"],"sourcesContent":["/**\n * Combobox - Searchable select with type-ahead and optional creation\n * @countermeasure/web-components/primitives/select\n */\n\nimport { type ComboboxConfig, type SelectOption } from './types'\nimport { resolveContainer, uniqueId } from '../utils'\n\nconst SEARCH_DEBOUNCE_MS = 150\n\nexport class Combobox {\n  public readonly el: HTMLElement\n\n  private readonly inputEl: HTMLInputElement\n  private readonly dropdownEl: HTMLElement\n  private readonly listboxId: string\n  private optionEls: HTMLElement[] = []\n  private config: ComboboxConfig\n  private currentOptions: SelectOption[]\n  private filteredOptions: SelectOption[] = []\n  private selectedValue: string | null = null\n  private highlightedIndex = -1\n  private isOpen = false\n  private isDestroyed = false\n  private debounceTimer: ReturnType<typeof setTimeout> | null = null\n\n  private readonly handleInputFocus: () => void\n  private readonly handleInputInput: () => void\n  private readonly handleInputKeydown: (e: KeyboardEvent) => void\n  private readonly handleDocumentClick: (e: MouseEvent) => void\n\n  constructor(config: ComboboxConfig) {\n    this.config = config\n    this.currentOptions = [...config.options]\n    this.filteredOptions = [...this.currentOptions]\n    this.listboxId = uniqueId('cmm-combobox-listbox')\n\n    if (config.value !== undefined) {\n      this.selectedValue = config.value\n    }\n\n    this.el = document.createElement('div')\n    this.el.className = 'cmm-combobox'\n    if (config.className) {\n      this.el.classList.add(config.className)\n    }\n\n    this.inputEl = document.createElement('input')\n    this.inputEl.type = 'text'\n    this.inputEl.className = 'cmm-combobox__input'\n    this.inputEl.id = uniqueId('cmm-combobox-input')\n    this.inputEl.setAttribute('role', 'combobox')\n    this.inputEl.setAttribute('aria-haspopup', 'listbox')\n    this.inputEl.setAttribute('aria-expanded', 'false')\n    this.inputEl.setAttribute('aria-controls', this.listboxId)\n    this.inputEl.setAttribute('aria-autocomplete', 'list')\n\n    if (config.placeholder) {\n      this.inputEl.placeholder = config.placeholder\n    }\n\n    const comboAriaLabel = config.ariaLabel ?? config.placeholder ?? 'Select an option'\n    this.inputEl.setAttribute('aria-label', comboAriaLabel)\n\n    if (config.disabled === true) {\n      this.inputEl.disabled = true\n      this.el.classList.add('cmm-combobox--disabled')\n    }\n\n    if (this.selectedValue !== null) {\n      const selected = this.currentOptions.find(o => o.value === this.selectedValue)\n      if (selected !== undefined) {\n        this.inputEl.value = selected.label\n      }\n    }\n\n    this.dropdownEl = document.createElement('div')\n    this.dropdownEl.id = this.listboxId\n    this.dropdownEl.className = 'cmm-combobox__dropdown'\n    this.dropdownEl.setAttribute('role', 'listbox')\n    this.dropdownEl.style.display = 'none'\n\n    this.renderOptions()\n\n    this.el.appendChild(this.inputEl)\n    this.el.appendChild(this.dropdownEl)\n\n    this.handleInputFocus = () => {\n      if (this.isDestroyed) {\n        return\n      }\n      this.openDropdown()\n    }\n\n    this.handleInputInput = () => {\n      if (this.isDestroyed) {\n        return\n      }\n      this.onInputChange()\n    }\n\n    this.handleInputKeydown = (e: KeyboardEvent) => {\n      if (this.isDestroyed) {\n        return\n      }\n      this.onKeydown(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.closeDropdown()\n      }\n    }\n\n    this.inputEl.addEventListener('focus', this.handleInputFocus)\n    this.inputEl.addEventListener('input', this.handleInputInput)\n    this.inputEl.addEventListener('keydown', this.handleInputKeydown)\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.inputEl.value = option.label\n      this.updateSelectedState()\n    }\n  }\n\n  setOptions(options: SelectOption[]): void {\n    this.currentOptions = [...options]\n    this.filteredOptions = [...this.currentOptions]\n    this.renderOptions()\n  }\n\n  setDisabled(disabled: boolean): void {\n    this.inputEl.disabled = disabled\n    if (disabled) {\n      this.el.classList.add('cmm-combobox--disabled')\n      if (this.isOpen) {\n        this.closeDropdown()\n      }\n    } else {\n      this.el.classList.remove('cmm-combobox--disabled')\n    }\n  }\n\n  focus(): void {\n    this.inputEl.focus()\n  }\n\n  destroy(): void {\n    this.isDestroyed = true\n    if (this.debounceTimer !== null) {\n      clearTimeout(this.debounceTimer)\n    }\n    this.closeDropdown()\n    this.inputEl.removeEventListener('focus', this.handleInputFocus)\n    this.inputEl.removeEventListener('input', this.handleInputInput)\n    this.inputEl.removeEventListener('keydown', this.handleInputKeydown)\n    document.removeEventListener('click', this.handleDocumentClick)\n    this.el.remove()\n  }\n\n  private onInputChange(): void {\n    if (this.debounceTimer !== null) {\n      clearTimeout(this.debounceTimer)\n    }\n\n    this.debounceTimer = setTimeout(() => {\n      const query = this.inputEl.value.toLowerCase()\n      this.config.onSearch?.(query)\n\n      if (query) {\n        this.filteredOptions = this.currentOptions.filter(o =>\n          o.label.toLowerCase().includes(query)\n        )\n      } else {\n        this.filteredOptions = [...this.currentOptions]\n      }\n\n      this.renderOptions()\n\n      if (!this.isOpen) {\n        this.openDropdown()\n      }\n\n      this.setHighlightedIndex(0)\n    }, SEARCH_DEBOUNCE_MS)\n  }\n\n  private openDropdown(): void {\n    if (this.isOpen || this.inputEl.disabled) {\n      return\n    }\n    this.isOpen = true\n    this.dropdownEl.style.display = ''\n    this.inputEl.setAttribute('aria-expanded', 'true')\n\n    this.positionDropdown()\n    document.addEventListener('click', this.handleDocumentClick)\n  }\n\n  private closeDropdown(): void {\n    if (!this.isOpen) {\n      return\n    }\n    this.isOpen = false\n    this.dropdownEl.style.display = 'none'\n    this.inputEl.setAttribute('aria-expanded', 'false')\n    this.inputEl.removeAttribute('aria-activedescendant')\n    this.highlightedIndex = -1\n    this.clearHighlight()\n\n    document.removeEventListener('click', this.handleDocumentClick)\n  }\n\n  private renderOptions(): void {\n    this.dropdownEl.innerHTML = ''\n    this.optionEls = []\n\n    for (const option of this.filteredOptions) {\n      this.appendOption(option)\n    }\n\n    if (this.config.creatable === true) {\n      const query = this.inputEl.value.trim()\n      if (query) {\n        const exactMatch = this.currentOptions.some(\n          o => o.label.toLowerCase() === query.toLowerCase()\n        )\n        if (!exactMatch) {\n          this.appendCreateOption(query)\n        }\n      }\n    }\n  }\n\n  private appendOption(option: SelectOption): void {\n    const optionEl = document.createElement('div')\n    const optionId = uniqueId('cmm-combobox-option')\n    optionEl.id = optionId\n    optionEl.className = 'cmm-combobox__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-combobox__option--disabled')\n      optionEl.setAttribute('aria-disabled', 'true')\n    }\n\n    if (option.value === this.selectedValue) {\n      optionEl.classList.add('cmm-combobox__option--selected')\n      optionEl.setAttribute('aria-selected', 'true')\n    } else {\n      optionEl.setAttribute('aria-selected', 'false')\n    }\n\n    optionEl.addEventListener('mousedown', e => {\n      e.preventDefault()\n      if (option.disabled !== true) {\n        this.selectOption(option.value, option.label)\n      }\n    })\n\n    this.dropdownEl.appendChild(optionEl)\n    this.optionEls.push(optionEl)\n  }\n\n  private appendCreateOption(query: string): void {\n    const createEl = document.createElement('div')\n    const createId = uniqueId('cmm-combobox-create')\n    createEl.id = createId\n    createEl.className = 'cmm-combobox__option cmm-combobox__create'\n    createEl.setAttribute('role', 'option')\n    createEl.setAttribute('data-create', query)\n    createEl.textContent = `Create: ${query}`\n\n    createEl.addEventListener('mousedown', e => {\n      e.preventDefault()\n      this.config.onCreate?.(query)\n      this.inputEl.value = query\n      this.selectedValue = query\n      this.closeDropdown()\n    })\n\n    this.dropdownEl.appendChild(createEl)\n    this.optionEls.push(createEl)\n  }\n\n  private selectOption(value: string, label: string): void {\n    this.selectedValue = value\n    this.inputEl.value = label\n    this.updateSelectedState()\n    this.closeDropdown()\n    this.config.onChange?.(value)\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-combobox__option--selected')\n        el.setAttribute('aria-selected', 'true')\n      } else {\n        el.classList.remove('cmm-combobox__option--selected')\n        el.setAttribute('aria-selected', 'false')\n      }\n    }\n  }\n\n  private positionDropdown(): void {\n    const inputRect = this.inputEl.getBoundingClientRect()\n    const spaceBelow = window.innerHeight - inputRect.bottom\n    const spaceAbove = inputRect.top\n    const dropdownHeight = 256\n\n    if (spaceBelow < dropdownHeight && spaceAbove > spaceBelow) {\n      this.dropdownEl.classList.add('cmm-combobox__dropdown--above')\n      this.dropdownEl.classList.remove('cmm-combobox__dropdown--below')\n    } else {\n      this.dropdownEl.classList.add('cmm-combobox__dropdown--below')\n      this.dropdownEl.classList.remove('cmm-combobox__dropdown--above')\n    }\n  }\n\n  private getSelectableOptionEls(): HTMLElement[] {\n    return this.optionEls.filter(el => !el.classList.contains('cmm-combobox__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-combobox__option--highlighted')\n      el.scrollIntoView({ block: 'nearest' })\n      this.inputEl.setAttribute('aria-activedescendant', el.id)\n    }\n  }\n\n  private clearHighlight(): void {\n    for (const el of this.optionEls) {\n      el.classList.remove('cmm-combobox__option--highlighted')\n    }\n  }\n\n  private onKeydown(e: KeyboardEvent): void {\n    const selectable = this.getSelectableOptionEls()\n\n    switch (e.key) {\n      case 'ArrowDown': {\n        e.preventDefault()\n        if (!this.isOpen) {\n          this.openDropdown()\n          this.setHighlightedIndex(0)\n        } else {\n          const next = this.highlightedIndex < selectable.length - 1 ? this.highlightedIndex + 1 : 0\n          this.setHighlightedIndex(next)\n        }\n        break\n      }\n      case 'ArrowUp': {\n        e.preventDefault()\n        if (this.isOpen) {\n          const prev = this.highlightedIndex > 0 ? this.highlightedIndex - 1 : selectable.length - 1\n          this.setHighlightedIndex(prev)\n        }\n        break\n      }\n      case 'Enter': {\n        e.preventDefault()\n        if (this.isOpen && this.highlightedIndex >= 0) {\n          const highlighted = selectable[this.highlightedIndex]\n          if (highlighted !== undefined) {\n            const createVal = highlighted.getAttribute('data-create')\n            if (createVal !== null) {\n              this.config.onCreate?.(createVal)\n              this.inputEl.value = createVal\n              this.selectedValue = createVal\n              this.closeDropdown()\n            } else {\n              const value = highlighted.getAttribute('data-value')\n              if (value !== null) {\n                const option = this.filteredOptions.find(o => o.value === value)\n                if (option !== undefined) {\n                  this.selectOption(option.value, option.label)\n                }\n              }\n            }\n          }\n        }\n        break\n      }\n      case 'Escape':\n        if (this.isOpen) {\n          e.preventDefault()\n          this.closeDropdown()\n        }\n        break\n      case 'Tab':\n        this.closeDropdown()\n        break\n    }\n  }\n}\n\nexport { type ComboboxConfig } from './types'\n"],"mappings":"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"}