@countermeasure-platform/web-components 1.2.0 → 1.2.1-dev.6.1

package/dist/{init-Bdvvvy1Z.js → init-DcLTaNW1.js}

@@ -14,4 +14,4 @@ function e(e, t) {
 //#endregion
 export { e as t };
 
-//# sourceMappingURL=init-Bdvvvy1Z.js.map
+//# sourceMappingURL=init-DcLTaNW1.js.map

package/dist/{init-Bdvvvy1Z.js.map → init-DcLTaNW1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"init-Bdvvvy1Z.js","names":[],"sources":["../node_modules/d3-scale/src/init.js"],"sourcesContent":["export function initRange(domain, range) {\n  switch (arguments.length) {\n    case 0: break;\n    case 1: this.range(domain); break;\n    default: this.range(range).domain(domain); break;\n  }\n  return this;\n}\n\nexport function initInterpolator(domain, interpolator) {\n  switch (arguments.length) {\n    case 0: break;\n    case 1: {\n      if (typeof domain === \"function\") this.interpolator(domain);\n      else this.range(domain);\n      break;\n    }\n    default: {\n      this.domain(domain);\n      if (typeof interpolator === \"function\") this.interpolator(interpolator);\n      else this.range(interpolator);\n      break;\n    }\n  }\n  return this;\n}\n"],"x_google_ignoreList":[0],"mappings":";AAAA,SAAgB,EAAU,GAAQ,GAAO;AACvC,SAAQ,UAAU,QAAlB;EACE,KAAK,EAAG;EACR,KAAK;AAAG,QAAK,MAAM,EAAO;AAAE;EAC5B;AAAS,QAAK,MAAM,EAAM,CAAC,OAAO,EAAO;AAAE;;AAE7C,QAAO"}
+{"version":3,"file":"init-DcLTaNW1.js","names":[],"sources":["../node_modules/d3-scale/src/init.js"],"sourcesContent":["export function initRange(domain, range) {\n  switch (arguments.length) {\n    case 0: break;\n    case 1: this.range(domain); break;\n    default: this.range(range).domain(domain); break;\n  }\n  return this;\n}\n\nexport function initInterpolator(domain, interpolator) {\n  switch (arguments.length) {\n    case 0: break;\n    case 1: {\n      if (typeof domain === \"function\") this.interpolator(domain);\n      else this.range(domain);\n      break;\n    }\n    default: {\n      this.domain(domain);\n      if (typeof interpolator === \"function\") this.interpolator(interpolator);\n      else this.range(interpolator);\n      break;\n    }\n  }\n  return this;\n}\n"],"x_google_ignoreList":[0],"mappings":";AAAA,SAAgB,EAAU,GAAQ,GAAO;AACvC,SAAQ,UAAU,QAAlB;EACE,KAAK,EAAG;EACR,KAAK;AAAG,QAAK,MAAM,EAAO;AAAE;EAC5B;AAAS,QAAK,MAAM,EAAM,CAAC,OAAO,EAAO;AAAE;;AAE7C,QAAO"}

package/dist/{input-DwHjxF_w.js → input-BrmncNsd.js}

@@ -308,4 +308,4 @@ var n = class {
 //#endregion
 export { n as a, r as i, u as n, i as r, d as t };
 
-//# sourceMappingURL=input-DwHjxF_w.js.map
+//# sourceMappingURL=input-BrmncNsd.js.map

package/dist/{input-DwHjxF_w.js.map → input-BrmncNsd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input-DwHjxF_w.js","names":[],"sources":["../src/primitives/input/input-group.ts","../src/primitives/input/textarea.ts","../src/primitives/input/input-otp.ts","../src/primitives/input/ip-input.ts","../src/primitives/input/index.ts"],"sourcesContent":["/**\n * InputGroup - Groups an input with prefix/suffix elements\n * @countermeasure/web-components/primitives/input\n */\n\nimport { type InputGroupConfig } from './types'\nimport { resolveContainer } from '../utils'\n\nexport class InputGroup {\n  public readonly el: HTMLDivElement\n\n  private prefixEl: HTMLDivElement | null = null\n  private suffixEl: HTMLDivElement | null = null\n  private readonly contentEl: HTMLDivElement\n\n  constructor(config: InputGroupConfig) {\n    this.el = document.createElement('div')\n    this.el.className = 'cmm-input-group'\n\n    if (config.className) {\n      this.el.classList.add(config.className)\n    }\n\n    // Content area where the input is placed\n    this.contentEl = document.createElement('div')\n    this.contentEl.className = 'cmm-input-group__content'\n    this.el.appendChild(this.contentEl)\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  /** Set a prefix element or text before the input */\n  setPrefix(content: HTMLElement | string): void {\n    if (this.prefixEl !== null) {\n      this.prefixEl.remove()\n    }\n\n    this.prefixEl = document.createElement('div')\n    this.prefixEl.className = 'cmm-input-group__prefix'\n\n    if (typeof content === 'string') {\n      this.prefixEl.textContent = content\n    } else {\n      this.prefixEl.appendChild(content)\n    }\n\n    // Insert before content area\n    this.el.insertBefore(this.prefixEl, this.contentEl)\n  }\n\n  /** Set a suffix element or text after the input */\n  setSuffix(content: HTMLElement | string): void {\n    if (this.suffixEl !== null) {\n      this.suffixEl.remove()\n    }\n\n    this.suffixEl = document.createElement('div')\n    this.suffixEl.className = 'cmm-input-group__suffix'\n\n    if (typeof content === 'string') {\n      this.suffixEl.textContent = content\n    } else {\n      this.suffixEl.appendChild(content)\n    }\n\n    // Insert after content area\n    this.el.appendChild(this.suffixEl)\n  }\n\n  /** Get the content area element to append an input to */\n  getContentEl(): HTMLDivElement {\n    return this.contentEl\n  }\n\n  /** Remove from the DOM */\n  destroy(): void {\n    this.el.remove()\n  }\n}\n","/**\n * Textarea - Multi-line text input component\n * @countermeasure/web-components/primitives/input\n */\n\nimport { type TextareaConfig } from './types'\nimport { resolveContainer, uniqueId } from '../utils'\n\nexport class Textarea {\n  public readonly el: HTMLDivElement\n  public readonly textareaEl: HTMLTextAreaElement\n\n  private readonly textareaId: string\n  private countEl: HTMLSpanElement | null = null\n  private readonly maxLength: number | undefined\n  private readonly autoResize: boolean\n  private readonly handlers: {\n    input: () => void\n    change: () => void\n    focus: () => void\n    blur: () => void\n  }\n\n  constructor(config: TextareaConfig) {\n    this.textareaId = uniqueId('cmm-textarea')\n    this.maxLength = config.maxLength\n    this.autoResize = config.autoResize === true\n\n    // Create wrapper\n    this.el = document.createElement('div')\n    this.el.className = 'cmm-textarea-wrapper'\n\n    if (config.className) {\n      this.el.classList.add(config.className)\n    }\n\n    // Create textarea\n    this.textareaEl = document.createElement('textarea')\n    this.textareaEl.id = this.textareaId\n    this.textareaEl.className = 'cmm-textarea'\n\n    if (config.placeholder !== undefined) {\n      this.textareaEl.placeholder = config.placeholder\n    }\n\n    if (config.value !== undefined) {\n      this.textareaEl.value = config.value\n    }\n\n    if (config.disabled === true) {\n      this.textareaEl.disabled = true\n    }\n\n    if (config.readOnly === true) {\n      this.textareaEl.readOnly = true\n    }\n\n    if (config.required === true) {\n      this.textareaEl.required = true\n      this.textareaEl.setAttribute('aria-required', 'true')\n    }\n\n    if (config.rows !== undefined) {\n      this.textareaEl.rows = config.rows\n    }\n\n    if (this.maxLength !== undefined) {\n      this.textareaEl.maxLength = this.maxLength\n    }\n\n    if (config.name !== undefined) {\n      this.textareaEl.name = config.name\n    }\n\n    if (config.ariaLabel !== undefined) {\n      this.textareaEl.setAttribute('aria-label', config.ariaLabel)\n    }\n\n    this.el.appendChild(this.textareaEl)\n\n    // Character count display\n    if (this.maxLength !== undefined) {\n      this.countEl = document.createElement('span')\n      this.countEl.className = 'cmm-textarea__count'\n      this.updateCharCount()\n      this.el.appendChild(this.countEl)\n    }\n\n    // Event handlers\n    this.handlers = {\n      input: () => {\n        if (this.autoResize) {\n          this.adjustHeight()\n        }\n        if (this.countEl !== null) {\n          this.updateCharCount()\n        }\n        config.onInput?.(this.textareaEl.value)\n      },\n      change: () => {\n        config.onChange?.(this.textareaEl.value)\n      },\n      focus: () => {\n        config.onFocus?.()\n      },\n      blur: () => {\n        config.onBlur?.()\n      },\n    }\n\n    this.textareaEl.addEventListener('input', this.handlers.input)\n    this.textareaEl.addEventListener('change', this.handlers.change)\n    this.textareaEl.addEventListener('focus', this.handlers.focus)\n    this.textareaEl.addEventListener('blur', this.handlers.blur)\n\n    // Apply initial auto-resize\n    if (this.autoResize && config.value !== undefined) {\n      this.adjustHeight()\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  /** Get the current textarea value */\n  getValue(): string {\n    return this.textareaEl.value\n  }\n\n  /** Set the textarea value */\n  setValue(value: string): void {\n    this.textareaEl.value = value\n    if (this.autoResize) {\n      this.adjustHeight()\n    }\n    if (this.countEl !== null) {\n      this.updateCharCount()\n    }\n  }\n\n  /** Toggle the disabled state */\n  setDisabled(disabled: boolean): void {\n    this.textareaEl.disabled = disabled\n  }\n\n  /** Toggle the error state */\n  setError(error: boolean): void {\n    if (error) {\n      this.textareaEl.classList.add('cmm-textarea--error')\n      this.textareaEl.setAttribute('aria-invalid', 'true')\n    } else {\n      this.textareaEl.classList.remove('cmm-textarea--error')\n      this.textareaEl.removeAttribute('aria-invalid')\n    }\n  }\n\n  /** Remove from the DOM and clean up event listeners */\n  destroy(): void {\n    this.textareaEl.removeEventListener('input', this.handlers.input)\n    this.textareaEl.removeEventListener('change', this.handlers.change)\n    this.textareaEl.removeEventListener('focus', this.handlers.focus)\n    this.textareaEl.removeEventListener('blur', this.handlers.blur)\n    this.el.remove()\n  }\n\n  private adjustHeight(): void {\n    this.textareaEl.style.height = 'auto'\n    this.textareaEl.style.height = `${String(this.textareaEl.scrollHeight)}px`\n  }\n\n  private updateCharCount(): void {\n    if (this.countEl !== null && this.maxLength !== undefined) {\n      this.countEl.textContent = `${String(this.textareaEl.value.length)}/${String(this.maxLength)}`\n    }\n  }\n}\n","/**\n * InputOTP - OTP code input with individual character boxes\n * @countermeasure/web-components/primitives/input\n */\n\nimport { type InputOTPConfig } from './types'\nimport { resolveContainer, uniqueId } from '../utils'\n\nexport class InputOTP {\n  public readonly el: HTMLDivElement\n\n  private readonly otpId: string\n  private readonly digitInputs: HTMLInputElement[] = []\n  private readonly length: number\n  private readonly isMasked: boolean\n  private readonly onComplete: ((value: string) => void) | undefined\n  private readonly onChange: ((value: string) => void) | undefined\n  private readonly inputHandlers = new Map<\n    HTMLInputElement,\n    {\n      input: (e: Event) => void\n      keydown: (e: KeyboardEvent) => void\n      paste: (e: ClipboardEvent) => void\n      focus: () => void\n    }\n  >()\n\n  constructor(config: InputOTPConfig) {\n    this.otpId = uniqueId('cmm-otp')\n    this.length = config.length ?? 6\n    this.isMasked = config.mask === true\n    this.onComplete = config.onComplete\n    this.onChange = config.onChange\n\n    // Create container\n    this.el = document.createElement('div')\n    this.el.className = 'cmm-input-otp'\n    this.el.setAttribute('role', 'group')\n\n    if (config.ariaLabel !== undefined) {\n      this.el.setAttribute('aria-label', config.ariaLabel)\n    } else {\n      this.el.setAttribute('aria-label', 'One-time password input')\n    }\n\n    // Create individual digit inputs\n    for (let i = 0; i < this.length; i++) {\n      const input = document.createElement('input')\n      input.type = this.isMasked ? 'password' : 'text'\n      input.className = 'cmm-input-otp__digit'\n      input.maxLength = 1\n      input.inputMode = 'numeric'\n      input.autocomplete = 'one-time-code'\n      input.id = `${this.otpId}-${String(i)}`\n      input.setAttribute('aria-label', `Digit ${String(i + 1)} of ${String(this.length)}`)\n\n      if (config.disabled === true) {\n        input.disabled = true\n      }\n\n      const handlers = {\n        input: (e: Event) => {\n          this.handleDigitInput(i, e)\n        },\n        keydown: (e: KeyboardEvent) => {\n          this.handleDigitKeydown(i, e)\n        },\n        paste: (e: ClipboardEvent) => {\n          this.handlePaste(e)\n        },\n        focus: () => {\n          input.select()\n        },\n      }\n\n      input.addEventListener('input', handlers.input)\n      input.addEventListener('keydown', handlers.keydown)\n      input.addEventListener('paste', handlers.paste)\n      input.addEventListener('focus', handlers.focus)\n\n      this.inputHandlers.set(input, handlers)\n      this.digitInputs.push(input)\n\n      // Add separator after every 3rd digit (for 6-digit codes)\n      if (i < this.length - 1 && (i + 1) % 3 === 0 && this.length === 6) {\n        this.el.appendChild(input)\n        const separator = document.createElement('span')\n        separator.className = 'cmm-input-otp__separator'\n        separator.textContent = '-'\n        separator.setAttribute('aria-hidden', 'true')\n        this.el.appendChild(separator)\n      } else {\n        this.el.appendChild(input)\n      }\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  /** Get the concatenated OTP value */\n  getValue(): string {\n    return this.digitInputs.map(input => input.value).join('')\n  }\n\n  /** Set the OTP value by distributing characters across inputs */\n  setValue(value: string): void {\n    for (let i = 0; i < this.length; i++) {\n      const input = this.digitInputs[i]\n      const char = value[i]\n      if (input !== undefined) {\n        input.value = char ?? ''\n      }\n    }\n    this.notifyChange()\n  }\n\n  /** Clear all inputs and focus the first one */\n  clear(): void {\n    for (const input of this.digitInputs) {\n      input.value = ''\n    }\n    const first = this.digitInputs[0]\n    if (first !== undefined) {\n      first.focus()\n    }\n    this.notifyChange()\n  }\n\n  /** Toggle disabled state on all digit inputs */\n  setDisabled(disabled: boolean): void {\n    for (const input of this.digitInputs) {\n      input.disabled = disabled\n    }\n  }\n\n  /** Remove from the DOM and clean up event listeners */\n  destroy(): void {\n    for (const input of this.digitInputs) {\n      const handlers = this.inputHandlers.get(input)\n      if (handlers !== undefined) {\n        input.removeEventListener('input', handlers.input)\n        input.removeEventListener('keydown', handlers.keydown)\n        input.removeEventListener('paste', handlers.paste)\n        input.removeEventListener('focus', handlers.focus)\n      }\n    }\n    this.inputHandlers.clear()\n    this.el.remove()\n  }\n\n  private handleDigitInput(index: number, _e: Event): void {\n    const input = this.digitInputs[index]\n    if (input === undefined) {\n      return\n    }\n\n    // Only allow single characters\n    if (input.value.length > 1) {\n      input.value = input.value.slice(0, 1)\n    }\n\n    // Auto-focus next input on character entry\n    if (input.value.length === 1) {\n      const next = this.digitInputs[index + 1]\n      if (next !== undefined) {\n        next.focus()\n      }\n    }\n\n    this.notifyChange()\n\n    // Check if all inputs are filled\n    const value = this.getValue()\n    if (value.length === this.length) {\n      this.onComplete?.(value)\n    }\n  }\n\n  private handleDigitKeydown(index: number, e: KeyboardEvent): void {\n    const input = this.digitInputs[index]\n    if (input === undefined) {\n      return\n    }\n\n    if (e.key === 'Backspace') {\n      if (input.value === '') {\n        // Move to previous input on backspace when current is empty\n        const prev = this.digitInputs[index - 1]\n        if (prev !== undefined) {\n          prev.focus()\n          prev.value = ''\n          this.notifyChange()\n        }\n      }\n    } else if (e.key === 'ArrowLeft') {\n      const prev = this.digitInputs[index - 1]\n      if (prev !== undefined) {\n        prev.focus()\n      }\n    } else if (e.key === 'ArrowRight') {\n      const next = this.digitInputs[index + 1]\n      if (next !== undefined) {\n        next.focus()\n      }\n    }\n  }\n\n  private handlePaste(e: ClipboardEvent): void {\n    e.preventDefault()\n    const pastedData = e.clipboardData?.getData('text') ?? ''\n    const chars = pastedData.replace(/\\s/g, '').slice(0, this.length)\n\n    for (let i = 0; i < this.length; i++) {\n      const input = this.digitInputs[i]\n      const char = chars[i]\n      if (input !== undefined) {\n        input.value = char ?? ''\n      }\n    }\n\n    // Focus the input after the last pasted character or the last input\n    const focusIndex = Math.min(chars.length, this.length - 1)\n    const target = this.digitInputs[focusIndex]\n    if (target !== undefined) {\n      target.focus()\n    }\n\n    this.notifyChange()\n\n    if (chars.length >= this.length) {\n      this.onComplete?.(this.getValue())\n    }\n  }\n\n  private notifyChange(): void {\n    this.onChange?.(this.getValue())\n  }\n}\n","/**\n * IPInput - IP address input with segmented fields\n * @countermeasure/web-components/primitives/input\n */\n\nimport { type IPInputConfig } from './types'\nimport { resolveContainer, uniqueId } from '../utils'\n\nconst IPV4_SEGMENTS = 4\nconst IPV4_MAX_VALUE = 255\nconst IPV6_SEGMENTS = 8\nconst IPV4_SEPARATOR = '.'\nconst IPV6_SEPARATOR = ':'\n\nexport class IPInput {\n  public readonly el: HTMLDivElement\n\n  private readonly ipId: string\n  private readonly version: 4 | 6\n  private readonly segmentCount: number\n  private readonly segmentInputs: HTMLInputElement[] = []\n  private readonly separator: string\n  private readonly onChange: ((value: string) => void) | undefined\n  private readonly inputHandlers = new Map<\n    HTMLInputElement,\n    {\n      input: (e: Event) => void\n      keydown: (e: KeyboardEvent) => void\n      focus: () => void\n    }\n  >()\n\n  constructor(config: IPInputConfig) {\n    this.ipId = uniqueId('cmm-ip')\n    this.version = config.version ?? 4\n    this.segmentCount = this.version === 4 ? IPV4_SEGMENTS : IPV6_SEGMENTS\n    this.separator = this.version === 4 ? IPV4_SEPARATOR : IPV6_SEPARATOR\n    this.onChange = config.onChange\n\n    // Create container\n    this.el = document.createElement('div')\n    this.el.className = `cmm-ip-input cmm-ip-input--v${String(this.version)}`\n    this.el.setAttribute('role', 'group')\n\n    if (config.ariaLabel !== undefined) {\n      this.el.setAttribute('aria-label', config.ariaLabel)\n    } else {\n      this.el.setAttribute('aria-label', `IPv${String(this.version)} address input`)\n    }\n\n    // Create segment inputs\n    for (let i = 0; i < this.segmentCount; i++) {\n      const input = document.createElement('input')\n      input.type = 'text'\n      input.className = 'cmm-ip-input__segment'\n      input.id = `${this.ipId}-${String(i)}`\n      input.inputMode = this.version === 4 ? 'numeric' : 'text'\n      input.maxLength = this.version === 4 ? 3 : 4\n      input.placeholder = this.version === 4 ? '0' : '0000'\n      input.setAttribute('aria-label', `Segment ${String(i + 1)} of ${String(this.segmentCount)}`)\n\n      if (config.disabled === true) {\n        input.disabled = true\n      }\n\n      const handlers = {\n        input: (_e: Event) => {\n          this.handleSegmentInput(i)\n        },\n        keydown: (e: KeyboardEvent) => {\n          this.handleSegmentKeydown(i, e)\n        },\n        focus: () => {\n          input.select()\n        },\n      }\n\n      input.addEventListener('input', handlers.input)\n      input.addEventListener('keydown', handlers.keydown)\n      input.addEventListener('focus', handlers.focus)\n\n      this.inputHandlers.set(input, handlers)\n      this.segmentInputs.push(input)\n\n      this.el.appendChild(input)\n\n      // Add separator between segments\n      if (i < this.segmentCount - 1) {\n        const sep = document.createElement('span')\n        sep.className = 'cmm-ip-input__separator'\n        sep.textContent = this.separator\n        sep.setAttribute('aria-hidden', 'true')\n        this.el.appendChild(sep)\n      }\n    }\n\n    // Set initial value if provided\n    if (config.value !== undefined) {\n      this.setValue(config.value)\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  /** Get the full IP address string */\n  getValue(): string {\n    return this.segmentInputs.map(input => input.value).join(this.separator)\n  }\n\n  /** Set the IP address value by parsing and distributing segments */\n  setValue(value: string): void {\n    const parts = value.split(this.separator)\n    for (let i = 0; i < this.segmentCount; i++) {\n      const input = this.segmentInputs[i]\n      const part = parts[i]\n      if (input !== undefined) {\n        input.value = part ?? ''\n      }\n    }\n  }\n\n  /** Toggle disabled state on all segment inputs */\n  setDisabled(disabled: boolean): void {\n    for (const input of this.segmentInputs) {\n      input.disabled = disabled\n    }\n  }\n\n  /** Remove from the DOM and clean up event listeners */\n  destroy(): void {\n    for (const input of this.segmentInputs) {\n      const handlers = this.inputHandlers.get(input)\n      if (handlers !== undefined) {\n        input.removeEventListener('input', handlers.input)\n        input.removeEventListener('keydown', handlers.keydown)\n        input.removeEventListener('focus', handlers.focus)\n      }\n    }\n    this.inputHandlers.clear()\n    this.el.remove()\n  }\n\n  private handleSegmentInput(index: number): void {\n    const input = this.segmentInputs[index]\n    if (input === undefined) {\n      return\n    }\n\n    // Validate and sanitize input\n    if (this.version === 4) {\n      this.sanitizeIPv4Segment(input)\n    } else {\n      this.sanitizeIPv6Segment(input)\n    }\n\n    // Auto-advance when segment is full\n    const maxLen = this.version === 4 ? 3 : 4\n    if (input.value.length >= maxLen) {\n      const next = this.segmentInputs[index + 1]\n      if (next !== undefined) {\n        next.focus()\n      }\n    }\n\n    this.onChange?.(this.getValue())\n  }\n\n  private handleSegmentKeydown(index: number, e: KeyboardEvent): void {\n    const input = this.segmentInputs[index]\n    if (input === undefined) {\n      return\n    }\n\n    // Auto-advance on separator key\n    if ((this.version === 4 && e.key === '.') || (this.version === 6 && e.key === ':')) {\n      e.preventDefault()\n      const next = this.segmentInputs[index + 1]\n      if (next !== undefined) {\n        next.focus()\n      }\n      return\n    }\n\n    if (e.key === 'Backspace' && input.value === '') {\n      const prev = this.segmentInputs[index - 1]\n      if (prev !== undefined) {\n        prev.focus()\n      }\n    } else if (e.key === 'ArrowLeft' && input.selectionStart === 0) {\n      const prev = this.segmentInputs[index - 1]\n      if (prev !== undefined) {\n        prev.focus()\n      }\n    } else if (e.key === 'ArrowRight' && input.selectionStart === input.value.length) {\n      const next = this.segmentInputs[index + 1]\n      if (next !== undefined) {\n        next.focus()\n      }\n    }\n  }\n\n  private sanitizeIPv4Segment(input: HTMLInputElement): void {\n    // Remove non-numeric characters\n    const cleaned = input.value.replace(/[^0-9]/g, '')\n    const num = parseInt(cleaned, 10)\n\n    if (cleaned === '') {\n      input.value = ''\n    } else if (Number.isNaN(num)) {\n      input.value = ''\n    } else if (num > IPV4_MAX_VALUE) {\n      input.value = String(IPV4_MAX_VALUE)\n    } else {\n      input.value = cleaned\n    }\n  }\n\n  private sanitizeIPv6Segment(input: HTMLInputElement): void {\n    // Remove non-hex characters\n    input.value = input.value.replace(/[^0-9a-fA-F]/g, '').slice(0, 4)\n  }\n}\n","/**\n * Input - Text input component with wrapper\n * @countermeasure/web-components/primitives/input\n */\n\nimport { type InputConfig, type InputSize } from './types'\nimport { resolveContainer, uniqueId } from '../utils'\n\nexport type {\n  InputConfig,\n  InputType,\n  InputSize,\n  InputGroupConfig,\n  TextareaConfig,\n  InputOTPConfig,\n  IPInputConfig,\n} from './types'\nexport { InputGroup } from './input-group'\nexport { Textarea } from './textarea'\nexport { InputOTP } from './input-otp'\nexport { IPInput } from './ip-input'\n\nexport class Input {\n  public readonly el: HTMLDivElement\n  public readonly inputEl: HTMLInputElement\n\n  private readonly inputId: string\n  private currentSize: InputSize\n  private readonly handlers: {\n    input: (e: Event) => void\n    change: (e: Event) => void\n    focus: () => void\n    blur: () => void\n    keydown: (e: KeyboardEvent) => void\n  }\n\n  constructor(config: InputConfig) {\n    this.inputId = uniqueId('cmm-input')\n    this.currentSize = config.size ?? 'md'\n\n    // Create wrapper\n    this.el = document.createElement('div')\n    this.el.className = 'cmm-input-wrapper'\n\n    // Create input element\n    this.inputEl = document.createElement('input')\n    this.inputEl.id = this.inputId\n    this.inputEl.type = config.type ?? 'text'\n    this.inputEl.className = `cmm-input cmm-input--${this.currentSize}`\n\n    if (config.className) {\n      this.el.classList.add(config.className)\n    }\n\n    if (config.placeholder !== undefined) {\n      this.inputEl.placeholder = config.placeholder\n    }\n\n    if (config.value !== undefined) {\n      this.inputEl.value = config.value\n    }\n\n    if (config.disabled === true) {\n      this.inputEl.disabled = true\n    }\n\n    if (config.readOnly === true) {\n      this.inputEl.readOnly = true\n    }\n\n    if (config.required === true) {\n      this.inputEl.required = true\n      this.inputEl.setAttribute('aria-required', 'true')\n    }\n\n    if (config.name !== undefined) {\n      this.inputEl.name = config.name\n    }\n\n    if (config.ariaLabel !== undefined) {\n      this.inputEl.setAttribute('aria-label', config.ariaLabel)\n    }\n\n    if (config.maxLength !== undefined) {\n      this.inputEl.maxLength = config.maxLength\n    }\n\n    if (config.pattern !== undefined) {\n      this.inputEl.pattern = config.pattern\n    }\n\n    if (config.autocomplete !== undefined) {\n      this.inputEl.setAttribute('autocomplete', config.autocomplete)\n    }\n\n    // Event handlers\n    this.handlers = {\n      input: (_e: Event) => {\n        config.onInput?.(this.inputEl.value)\n      },\n      change: (_e: Event) => {\n        config.onChange?.(this.inputEl.value)\n      },\n      focus: () => {\n        config.onFocus?.()\n      },\n      blur: () => {\n        config.onBlur?.()\n      },\n      keydown: (e: KeyboardEvent) => {\n        config.onKeyDown?.(e)\n      },\n    }\n\n    this.inputEl.addEventListener('input', this.handlers.input)\n    this.inputEl.addEventListener('change', this.handlers.change)\n    this.inputEl.addEventListener('focus', this.handlers.focus)\n    this.inputEl.addEventListener('blur', this.handlers.blur)\n    this.inputEl.addEventListener('keydown', this.handlers.keydown)\n\n    this.el.appendChild(this.inputEl)\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  /** Get the current input value */\n  getValue(): string {\n    return this.inputEl.value\n  }\n\n  /** Set the input value */\n  setValue(value: string): void {\n    this.inputEl.value = value\n  }\n\n  /** Toggle the disabled state */\n  setDisabled(disabled: boolean): void {\n    this.inputEl.disabled = disabled\n  }\n\n  /** Toggle the error state */\n  setError(error: boolean): void {\n    if (error) {\n      this.inputEl.classList.add('cmm-input--error')\n      this.inputEl.setAttribute('aria-invalid', 'true')\n    } else {\n      this.inputEl.classList.remove('cmm-input--error')\n      this.inputEl.removeAttribute('aria-invalid')\n    }\n  }\n\n  /** Focus the input element */\n  focus(): void {\n    this.inputEl.focus()\n  }\n\n  /** Blur the input element */\n  blur(): void {\n    this.inputEl.blur()\n  }\n\n  /** Remove from the DOM and clean up event listeners */\n  destroy(): void {\n    this.inputEl.removeEventListener('input', this.handlers.input)\n    this.inputEl.removeEventListener('change', this.handlers.change)\n    this.inputEl.removeEventListener('focus', this.handlers.focus)\n    this.inputEl.removeEventListener('blur', this.handlers.blur)\n    this.inputEl.removeEventListener('keydown', this.handlers.keydown)\n    this.el.remove()\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"input-BrmncNsd.js","names":[],"sources":["../src/primitives/input/input-group.ts","../src/primitives/input/textarea.ts","../src/primitives/input/input-otp.ts","../src/primitives/input/ip-input.ts","../src/primitives/input/index.ts"],"sourcesContent":["/**\n * InputGroup - Groups an input with prefix/suffix elements\n * @countermeasure/web-components/primitives/input\n */\n\nimport { type InputGroupConfig } from './types'\nimport { resolveContainer } from '../utils'\n\nexport class InputGroup {\n  public readonly el: HTMLDivElement\n\n  private prefixEl: HTMLDivElement | null = null\n  private suffixEl: HTMLDivElement | null = null\n  private readonly contentEl: HTMLDivElement\n\n  constructor(config: InputGroupConfig) {\n    this.el = document.createElement('div')\n    this.el.className = 'cmm-input-group'\n\n    if (config.className) {\n      this.el.classList.add(config.className)\n    }\n\n    // Content area where the input is placed\n    this.contentEl = document.createElement('div')\n    this.contentEl.className = 'cmm-input-group__content'\n    this.el.appendChild(this.contentEl)\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  /** Set a prefix element or text before the input */\n  setPrefix(content: HTMLElement | string): void {\n    if (this.prefixEl !== null) {\n      this.prefixEl.remove()\n    }\n\n    this.prefixEl = document.createElement('div')\n    this.prefixEl.className = 'cmm-input-group__prefix'\n\n    if (typeof content === 'string') {\n      this.prefixEl.textContent = content\n    } else {\n      this.prefixEl.appendChild(content)\n    }\n\n    // Insert before content area\n    this.el.insertBefore(this.prefixEl, this.contentEl)\n  }\n\n  /** Set a suffix element or text after the input */\n  setSuffix(content: HTMLElement | string): void {\n    if (this.suffixEl !== null) {\n      this.suffixEl.remove()\n    }\n\n    this.suffixEl = document.createElement('div')\n    this.suffixEl.className = 'cmm-input-group__suffix'\n\n    if (typeof content === 'string') {\n      this.suffixEl.textContent = content\n    } else {\n      this.suffixEl.appendChild(content)\n    }\n\n    // Insert after content area\n    this.el.appendChild(this.suffixEl)\n  }\n\n  /** Get the content area element to append an input to */\n  getContentEl(): HTMLDivElement {\n    return this.contentEl\n  }\n\n  /** Remove from the DOM */\n  destroy(): void {\n    this.el.remove()\n  }\n}\n","/**\n * Textarea - Multi-line text input component\n * @countermeasure/web-components/primitives/input\n */\n\nimport { type TextareaConfig } from './types'\nimport { resolveContainer, uniqueId } from '../utils'\n\nexport class Textarea {\n  public readonly el: HTMLDivElement\n  public readonly textareaEl: HTMLTextAreaElement\n\n  private readonly textareaId: string\n  private countEl: HTMLSpanElement | null = null\n  private readonly maxLength: number | undefined\n  private readonly autoResize: boolean\n  private readonly handlers: {\n    input: () => void\n    change: () => void\n    focus: () => void\n    blur: () => void\n  }\n\n  constructor(config: TextareaConfig) {\n    this.textareaId = uniqueId('cmm-textarea')\n    this.maxLength = config.maxLength\n    this.autoResize = config.autoResize === true\n\n    // Create wrapper\n    this.el = document.createElement('div')\n    this.el.className = 'cmm-textarea-wrapper'\n\n    if (config.className) {\n      this.el.classList.add(config.className)\n    }\n\n    // Create textarea\n    this.textareaEl = document.createElement('textarea')\n    this.textareaEl.id = this.textareaId\n    this.textareaEl.className = 'cmm-textarea'\n\n    if (config.placeholder !== undefined) {\n      this.textareaEl.placeholder = config.placeholder\n    }\n\n    if (config.value !== undefined) {\n      this.textareaEl.value = config.value\n    }\n\n    if (config.disabled === true) {\n      this.textareaEl.disabled = true\n    }\n\n    if (config.readOnly === true) {\n      this.textareaEl.readOnly = true\n    }\n\n    if (config.required === true) {\n      this.textareaEl.required = true\n      this.textareaEl.setAttribute('aria-required', 'true')\n    }\n\n    if (config.rows !== undefined) {\n      this.textareaEl.rows = config.rows\n    }\n\n    if (this.maxLength !== undefined) {\n      this.textareaEl.maxLength = this.maxLength\n    }\n\n    if (config.name !== undefined) {\n      this.textareaEl.name = config.name\n    }\n\n    if (config.ariaLabel !== undefined) {\n      this.textareaEl.setAttribute('aria-label', config.ariaLabel)\n    }\n\n    this.el.appendChild(this.textareaEl)\n\n    // Character count display\n    if (this.maxLength !== undefined) {\n      this.countEl = document.createElement('span')\n      this.countEl.className = 'cmm-textarea__count'\n      this.updateCharCount()\n      this.el.appendChild(this.countEl)\n    }\n\n    // Event handlers\n    this.handlers = {\n      input: () => {\n        if (this.autoResize) {\n          this.adjustHeight()\n        }\n        if (this.countEl !== null) {\n          this.updateCharCount()\n        }\n        config.onInput?.(this.textareaEl.value)\n      },\n      change: () => {\n        config.onChange?.(this.textareaEl.value)\n      },\n      focus: () => {\n        config.onFocus?.()\n      },\n      blur: () => {\n        config.onBlur?.()\n      },\n    }\n\n    this.textareaEl.addEventListener('input', this.handlers.input)\n    this.textareaEl.addEventListener('change', this.handlers.change)\n    this.textareaEl.addEventListener('focus', this.handlers.focus)\n    this.textareaEl.addEventListener('blur', this.handlers.blur)\n\n    // Apply initial auto-resize\n    if (this.autoResize && config.value !== undefined) {\n      this.adjustHeight()\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  /** Get the current textarea value */\n  getValue(): string {\n    return this.textareaEl.value\n  }\n\n  /** Set the textarea value */\n  setValue(value: string): void {\n    this.textareaEl.value = value\n    if (this.autoResize) {\n      this.adjustHeight()\n    }\n    if (this.countEl !== null) {\n      this.updateCharCount()\n    }\n  }\n\n  /** Toggle the disabled state */\n  setDisabled(disabled: boolean): void {\n    this.textareaEl.disabled = disabled\n  }\n\n  /** Toggle the error state */\n  setError(error: boolean): void {\n    if (error) {\n      this.textareaEl.classList.add('cmm-textarea--error')\n      this.textareaEl.setAttribute('aria-invalid', 'true')\n    } else {\n      this.textareaEl.classList.remove('cmm-textarea--error')\n      this.textareaEl.removeAttribute('aria-invalid')\n    }\n  }\n\n  /** Remove from the DOM and clean up event listeners */\n  destroy(): void {\n    this.textareaEl.removeEventListener('input', this.handlers.input)\n    this.textareaEl.removeEventListener('change', this.handlers.change)\n    this.textareaEl.removeEventListener('focus', this.handlers.focus)\n    this.textareaEl.removeEventListener('blur', this.handlers.blur)\n    this.el.remove()\n  }\n\n  private adjustHeight(): void {\n    this.textareaEl.style.height = 'auto'\n    this.textareaEl.style.height = `${String(this.textareaEl.scrollHeight)}px`\n  }\n\n  private updateCharCount(): void {\n    if (this.countEl !== null && this.maxLength !== undefined) {\n      this.countEl.textContent = `${String(this.textareaEl.value.length)}/${String(this.maxLength)}`\n    }\n  }\n}\n","/**\n * InputOTP - OTP code input with individual character boxes\n * @countermeasure/web-components/primitives/input\n */\n\nimport { type InputOTPConfig } from './types'\nimport { resolveContainer, uniqueId } from '../utils'\n\nexport class InputOTP {\n  public readonly el: HTMLDivElement\n\n  private readonly otpId: string\n  private readonly digitInputs: HTMLInputElement[] = []\n  private readonly length: number\n  private readonly isMasked: boolean\n  private readonly onComplete: ((value: string) => void) | undefined\n  private readonly onChange: ((value: string) => void) | undefined\n  private readonly inputHandlers = new Map<\n    HTMLInputElement,\n    {\n      input: (e: Event) => void\n      keydown: (e: KeyboardEvent) => void\n      paste: (e: ClipboardEvent) => void\n      focus: () => void\n    }\n  >()\n\n  constructor(config: InputOTPConfig) {\n    this.otpId = uniqueId('cmm-otp')\n    this.length = config.length ?? 6\n    this.isMasked = config.mask === true\n    this.onComplete = config.onComplete\n    this.onChange = config.onChange\n\n    // Create container\n    this.el = document.createElement('div')\n    this.el.className = 'cmm-input-otp'\n    this.el.setAttribute('role', 'group')\n\n    if (config.ariaLabel !== undefined) {\n      this.el.setAttribute('aria-label', config.ariaLabel)\n    } else {\n      this.el.setAttribute('aria-label', 'One-time password input')\n    }\n\n    // Create individual digit inputs\n    for (let i = 0; i < this.length; i++) {\n      const input = document.createElement('input')\n      input.type = this.isMasked ? 'password' : 'text'\n      input.className = 'cmm-input-otp__digit'\n      input.maxLength = 1\n      input.inputMode = 'numeric'\n      input.autocomplete = 'one-time-code'\n      input.id = `${this.otpId}-${String(i)}`\n      input.setAttribute('aria-label', `Digit ${String(i + 1)} of ${String(this.length)}`)\n\n      if (config.disabled === true) {\n        input.disabled = true\n      }\n\n      const handlers = {\n        input: (e: Event) => {\n          this.handleDigitInput(i, e)\n        },\n        keydown: (e: KeyboardEvent) => {\n          this.handleDigitKeydown(i, e)\n        },\n        paste: (e: ClipboardEvent) => {\n          this.handlePaste(e)\n        },\n        focus: () => {\n          input.select()\n        },\n      }\n\n      input.addEventListener('input', handlers.input)\n      input.addEventListener('keydown', handlers.keydown)\n      input.addEventListener('paste', handlers.paste)\n      input.addEventListener('focus', handlers.focus)\n\n      this.inputHandlers.set(input, handlers)\n      this.digitInputs.push(input)\n\n      // Add separator after every 3rd digit (for 6-digit codes)\n      if (i < this.length - 1 && (i + 1) % 3 === 0 && this.length === 6) {\n        this.el.appendChild(input)\n        const separator = document.createElement('span')\n        separator.className = 'cmm-input-otp__separator'\n        separator.textContent = '-'\n        separator.setAttribute('aria-hidden', 'true')\n        this.el.appendChild(separator)\n      } else {\n        this.el.appendChild(input)\n      }\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  /** Get the concatenated OTP value */\n  getValue(): string {\n    return this.digitInputs.map(input => input.value).join('')\n  }\n\n  /** Set the OTP value by distributing characters across inputs */\n  setValue(value: string): void {\n    for (let i = 0; i < this.length; i++) {\n      const input = this.digitInputs[i]\n      const char = value[i]\n      if (input !== undefined) {\n        input.value = char ?? ''\n      }\n    }\n    this.notifyChange()\n  }\n\n  /** Clear all inputs and focus the first one */\n  clear(): void {\n    for (const input of this.digitInputs) {\n      input.value = ''\n    }\n    const first = this.digitInputs[0]\n    if (first !== undefined) {\n      first.focus()\n    }\n    this.notifyChange()\n  }\n\n  /** Toggle disabled state on all digit inputs */\n  setDisabled(disabled: boolean): void {\n    for (const input of this.digitInputs) {\n      input.disabled = disabled\n    }\n  }\n\n  /** Remove from the DOM and clean up event listeners */\n  destroy(): void {\n    for (const input of this.digitInputs) {\n      const handlers = this.inputHandlers.get(input)\n      if (handlers !== undefined) {\n        input.removeEventListener('input', handlers.input)\n        input.removeEventListener('keydown', handlers.keydown)\n        input.removeEventListener('paste', handlers.paste)\n        input.removeEventListener('focus', handlers.focus)\n      }\n    }\n    this.inputHandlers.clear()\n    this.el.remove()\n  }\n\n  private handleDigitInput(index: number, _e: Event): void {\n    const input = this.digitInputs[index]\n    if (input === undefined) {\n      return\n    }\n\n    // Only allow single characters\n    if (input.value.length > 1) {\n      input.value = input.value.slice(0, 1)\n    }\n\n    // Auto-focus next input on character entry\n    if (input.value.length === 1) {\n      const next = this.digitInputs[index + 1]\n      if (next !== undefined) {\n        next.focus()\n      }\n    }\n\n    this.notifyChange()\n\n    // Check if all inputs are filled\n    const value = this.getValue()\n    if (value.length === this.length) {\n      this.onComplete?.(value)\n    }\n  }\n\n  private handleDigitKeydown(index: number, e: KeyboardEvent): void {\n    const input = this.digitInputs[index]\n    if (input === undefined) {\n      return\n    }\n\n    if (e.key === 'Backspace') {\n      if (input.value === '') {\n        // Move to previous input on backspace when current is empty\n        const prev = this.digitInputs[index - 1]\n        if (prev !== undefined) {\n          prev.focus()\n          prev.value = ''\n          this.notifyChange()\n        }\n      }\n    } else if (e.key === 'ArrowLeft') {\n      const prev = this.digitInputs[index - 1]\n      if (prev !== undefined) {\n        prev.focus()\n      }\n    } else if (e.key === 'ArrowRight') {\n      const next = this.digitInputs[index + 1]\n      if (next !== undefined) {\n        next.focus()\n      }\n    }\n  }\n\n  private handlePaste(e: ClipboardEvent): void {\n    e.preventDefault()\n    const pastedData = e.clipboardData?.getData('text') ?? ''\n    const chars = pastedData.replace(/\\s/g, '').slice(0, this.length)\n\n    for (let i = 0; i < this.length; i++) {\n      const input = this.digitInputs[i]\n      const char = chars[i]\n      if (input !== undefined) {\n        input.value = char ?? ''\n      }\n    }\n\n    // Focus the input after the last pasted character or the last input\n    const focusIndex = Math.min(chars.length, this.length - 1)\n    const target = this.digitInputs[focusIndex]\n    if (target !== undefined) {\n      target.focus()\n    }\n\n    this.notifyChange()\n\n    if (chars.length >= this.length) {\n      this.onComplete?.(this.getValue())\n    }\n  }\n\n  private notifyChange(): void {\n    this.onChange?.(this.getValue())\n  }\n}\n","/**\n * IPInput - IP address input with segmented fields\n * @countermeasure/web-components/primitives/input\n */\n\nimport { type IPInputConfig } from './types'\nimport { resolveContainer, uniqueId } from '../utils'\n\nconst IPV4_SEGMENTS = 4\nconst IPV4_MAX_VALUE = 255\nconst IPV6_SEGMENTS = 8\nconst IPV4_SEPARATOR = '.'\nconst IPV6_SEPARATOR = ':'\n\nexport class IPInput {\n  public readonly el: HTMLDivElement\n\n  private readonly ipId: string\n  private readonly version: 4 | 6\n  private readonly segmentCount: number\n  private readonly segmentInputs: HTMLInputElement[] = []\n  private readonly separator: string\n  private readonly onChange: ((value: string) => void) | undefined\n  private readonly inputHandlers = new Map<\n    HTMLInputElement,\n    {\n      input: (e: Event) => void\n      keydown: (e: KeyboardEvent) => void\n      focus: () => void\n    }\n  >()\n\n  constructor(config: IPInputConfig) {\n    this.ipId = uniqueId('cmm-ip')\n    this.version = config.version ?? 4\n    this.segmentCount = this.version === 4 ? IPV4_SEGMENTS : IPV6_SEGMENTS\n    this.separator = this.version === 4 ? IPV4_SEPARATOR : IPV6_SEPARATOR\n    this.onChange = config.onChange\n\n    // Create container\n    this.el = document.createElement('div')\n    this.el.className = `cmm-ip-input cmm-ip-input--v${String(this.version)}`\n    this.el.setAttribute('role', 'group')\n\n    if (config.ariaLabel !== undefined) {\n      this.el.setAttribute('aria-label', config.ariaLabel)\n    } else {\n      this.el.setAttribute('aria-label', `IPv${String(this.version)} address input`)\n    }\n\n    // Create segment inputs\n    for (let i = 0; i < this.segmentCount; i++) {\n      const input = document.createElement('input')\n      input.type = 'text'\n      input.className = 'cmm-ip-input__segment'\n      input.id = `${this.ipId}-${String(i)}`\n      input.inputMode = this.version === 4 ? 'numeric' : 'text'\n      input.maxLength = this.version === 4 ? 3 : 4\n      input.placeholder = this.version === 4 ? '0' : '0000'\n      input.setAttribute('aria-label', `Segment ${String(i + 1)} of ${String(this.segmentCount)}`)\n\n      if (config.disabled === true) {\n        input.disabled = true\n      }\n\n      const handlers = {\n        input: (_e: Event) => {\n          this.handleSegmentInput(i)\n        },\n        keydown: (e: KeyboardEvent) => {\n          this.handleSegmentKeydown(i, e)\n        },\n        focus: () => {\n          input.select()\n        },\n      }\n\n      input.addEventListener('input', handlers.input)\n      input.addEventListener('keydown', handlers.keydown)\n      input.addEventListener('focus', handlers.focus)\n\n      this.inputHandlers.set(input, handlers)\n      this.segmentInputs.push(input)\n\n      this.el.appendChild(input)\n\n      // Add separator between segments\n      if (i < this.segmentCount - 1) {\n        const sep = document.createElement('span')\n        sep.className = 'cmm-ip-input__separator'\n        sep.textContent = this.separator\n        sep.setAttribute('aria-hidden', 'true')\n        this.el.appendChild(sep)\n      }\n    }\n\n    // Set initial value if provided\n    if (config.value !== undefined) {\n      this.setValue(config.value)\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  /** Get the full IP address string */\n  getValue(): string {\n    return this.segmentInputs.map(input => input.value).join(this.separator)\n  }\n\n  /** Set the IP address value by parsing and distributing segments */\n  setValue(value: string): void {\n    const parts = value.split(this.separator)\n    for (let i = 0; i < this.segmentCount; i++) {\n      const input = this.segmentInputs[i]\n      const part = parts[i]\n      if (input !== undefined) {\n        input.value = part ?? ''\n      }\n    }\n  }\n\n  /** Toggle disabled state on all segment inputs */\n  setDisabled(disabled: boolean): void {\n    for (const input of this.segmentInputs) {\n      input.disabled = disabled\n    }\n  }\n\n  /** Remove from the DOM and clean up event listeners */\n  destroy(): void {\n    for (const input of this.segmentInputs) {\n      const handlers = this.inputHandlers.get(input)\n      if (handlers !== undefined) {\n        input.removeEventListener('input', handlers.input)\n        input.removeEventListener('keydown', handlers.keydown)\n        input.removeEventListener('focus', handlers.focus)\n      }\n    }\n    this.inputHandlers.clear()\n    this.el.remove()\n  }\n\n  private handleSegmentInput(index: number): void {\n    const input = this.segmentInputs[index]\n    if (input === undefined) {\n      return\n    }\n\n    // Validate and sanitize input\n    if (this.version === 4) {\n      this.sanitizeIPv4Segment(input)\n    } else {\n      this.sanitizeIPv6Segment(input)\n    }\n\n    // Auto-advance when segment is full\n    const maxLen = this.version === 4 ? 3 : 4\n    if (input.value.length >= maxLen) {\n      const next = this.segmentInputs[index + 1]\n      if (next !== undefined) {\n        next.focus()\n      }\n    }\n\n    this.onChange?.(this.getValue())\n  }\n\n  private handleSegmentKeydown(index: number, e: KeyboardEvent): void {\n    const input = this.segmentInputs[index]\n    if (input === undefined) {\n      return\n    }\n\n    // Auto-advance on separator key\n    if ((this.version === 4 && e.key === '.') || (this.version === 6 && e.key === ':')) {\n      e.preventDefault()\n      const next = this.segmentInputs[index + 1]\n      if (next !== undefined) {\n        next.focus()\n      }\n      return\n    }\n\n    if (e.key === 'Backspace' && input.value === '') {\n      const prev = this.segmentInputs[index - 1]\n      if (prev !== undefined) {\n        prev.focus()\n      }\n    } else if (e.key === 'ArrowLeft' && input.selectionStart === 0) {\n      const prev = this.segmentInputs[index - 1]\n      if (prev !== undefined) {\n        prev.focus()\n      }\n    } else if (e.key === 'ArrowRight' && input.selectionStart === input.value.length) {\n      const next = this.segmentInputs[index + 1]\n      if (next !== undefined) {\n        next.focus()\n      }\n    }\n  }\n\n  private sanitizeIPv4Segment(input: HTMLInputElement): void {\n    // Remove non-numeric characters\n    const cleaned = input.value.replace(/[^0-9]/g, '')\n    const num = parseInt(cleaned, 10)\n\n    if (cleaned === '') {\n      input.value = ''\n    } else if (Number.isNaN(num)) {\n      input.value = ''\n    } else if (num > IPV4_MAX_VALUE) {\n      input.value = String(IPV4_MAX_VALUE)\n    } else {\n      input.value = cleaned\n    }\n  }\n\n  private sanitizeIPv6Segment(input: HTMLInputElement): void {\n    // Remove non-hex characters\n    input.value = input.value.replace(/[^0-9a-fA-F]/g, '').slice(0, 4)\n  }\n}\n","/**\n * Input - Text input component with wrapper\n * @countermeasure/web-components/primitives/input\n */\n\nimport { type InputConfig, type InputSize } from './types'\nimport { resolveContainer, uniqueId } from '../utils'\n\nexport type {\n  InputConfig,\n  InputType,\n  InputSize,\n  InputGroupConfig,\n  TextareaConfig,\n  InputOTPConfig,\n  IPInputConfig,\n} from './types'\nexport { InputGroup } from './input-group'\nexport { Textarea } from './textarea'\nexport { InputOTP } from './input-otp'\nexport { IPInput } from './ip-input'\n\nexport class Input {\n  public readonly el: HTMLDivElement\n  public readonly inputEl: HTMLInputElement\n\n  private readonly inputId: string\n  private currentSize: InputSize\n  private readonly handlers: {\n    input: (e: Event) => void\n    change: (e: Event) => void\n    focus: () => void\n    blur: () => void\n    keydown: (e: KeyboardEvent) => void\n  }\n\n  constructor(config: InputConfig) {\n    this.inputId = uniqueId('cmm-input')\n    this.currentSize = config.size ?? 'md'\n\n    // Create wrapper\n    this.el = document.createElement('div')\n    this.el.className = 'cmm-input-wrapper'\n\n    // Create input element\n    this.inputEl = document.createElement('input')\n    this.inputEl.id = this.inputId\n    this.inputEl.type = config.type ?? 'text'\n    this.inputEl.className = `cmm-input cmm-input--${this.currentSize}`\n\n    if (config.className) {\n      this.el.classList.add(config.className)\n    }\n\n    if (config.placeholder !== undefined) {\n      this.inputEl.placeholder = config.placeholder\n    }\n\n    if (config.value !== undefined) {\n      this.inputEl.value = config.value\n    }\n\n    if (config.disabled === true) {\n      this.inputEl.disabled = true\n    }\n\n    if (config.readOnly === true) {\n      this.inputEl.readOnly = true\n    }\n\n    if (config.required === true) {\n      this.inputEl.required = true\n      this.inputEl.setAttribute('aria-required', 'true')\n    }\n\n    if (config.name !== undefined) {\n      this.inputEl.name = config.name\n    }\n\n    if (config.ariaLabel !== undefined) {\n      this.inputEl.setAttribute('aria-label', config.ariaLabel)\n    }\n\n    if (config.maxLength !== undefined) {\n      this.inputEl.maxLength = config.maxLength\n    }\n\n    if (config.pattern !== undefined) {\n      this.inputEl.pattern = config.pattern\n    }\n\n    if (config.autocomplete !== undefined) {\n      this.inputEl.setAttribute('autocomplete', config.autocomplete)\n    }\n\n    // Event handlers\n    this.handlers = {\n      input: (_e: Event) => {\n        config.onInput?.(this.inputEl.value)\n      },\n      change: (_e: Event) => {\n        config.onChange?.(this.inputEl.value)\n      },\n      focus: () => {\n        config.onFocus?.()\n      },\n      blur: () => {\n        config.onBlur?.()\n      },\n      keydown: (e: KeyboardEvent) => {\n        config.onKeyDown?.(e)\n      },\n    }\n\n    this.inputEl.addEventListener('input', this.handlers.input)\n    this.inputEl.addEventListener('change', this.handlers.change)\n    this.inputEl.addEventListener('focus', this.handlers.focus)\n    this.inputEl.addEventListener('blur', this.handlers.blur)\n    this.inputEl.addEventListener('keydown', this.handlers.keydown)\n\n    this.el.appendChild(this.inputEl)\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  /** Get the current input value */\n  getValue(): string {\n    return this.inputEl.value\n  }\n\n  /** Set the input value */\n  setValue(value: string): void {\n    this.inputEl.value = value\n  }\n\n  /** Toggle the disabled state */\n  setDisabled(disabled: boolean): void {\n    this.inputEl.disabled = disabled\n  }\n\n  /** Toggle the error state */\n  setError(error: boolean): void {\n    if (error) {\n      this.inputEl.classList.add('cmm-input--error')\n      this.inputEl.setAttribute('aria-invalid', 'true')\n    } else {\n      this.inputEl.classList.remove('cmm-input--error')\n      this.inputEl.removeAttribute('aria-invalid')\n    }\n  }\n\n  /** Focus the input element */\n  focus(): void {\n    this.inputEl.focus()\n  }\n\n  /** Blur the input element */\n  blur(): void {\n    this.inputEl.blur()\n  }\n\n  /** Remove from the DOM and clean up event listeners */\n  destroy(): void {\n    this.inputEl.removeEventListener('input', this.handlers.input)\n    this.inputEl.removeEventListener('change', this.handlers.change)\n    this.inputEl.removeEventListener('focus', this.handlers.focus)\n    this.inputEl.removeEventListener('blur', this.handlers.blur)\n    this.inputEl.removeEventListener('keydown', this.handlers.keydown)\n    this.el.remove()\n  }\n}\n"],"mappings":"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"}

package/dist/{interactive-C6OMqZhG.js → interactive-CXfIDzyh.js}

@@ -21,4 +21,4 @@ var r = class extends e {
 //#endregion
 export { r as t };
 
-//# sourceMappingURL=interactive-C6OMqZhG.js.map
+//# sourceMappingURL=interactive-CXfIDzyh.js.map

package/dist/{interactive-C6OMqZhG.js.map → interactive-CXfIDzyh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"interactive-C6OMqZhG.js","names":[],"sources":["../src/charts/interactive.ts"],"sourcesContent":["/**\n * Interactive chart base class with tooltip + legend + mouse event plumbing\n * @countermeasure/web-components/charts/interactive\n */\n\nimport { BaseChart } from './base'\nimport type { InteractiveChartConfig } from './types'\nimport { ChartLegend } from './legend'\nimport { ChartTooltip } from './tooltip'\n\nexport abstract class InteractiveChart extends BaseChart {\n  protected tooltip: ChartTooltip | null\n  protected legend: ChartLegend | null\n  private readonly boundMouseMove: (e: MouseEvent) => void\n  private readonly boundMouseLeave: () => void\n\n  constructor(config: InteractiveChartConfig) {\n    super(config)\n\n    // Initialize tooltip\n    if (config.tooltip?.enabled !== false) {\n      this.tooltip = new ChartTooltip(this.container)\n    } else {\n      this.tooltip = null\n    }\n\n    // Initialize legend\n    if (config.legend !== undefined) {\n      this.legend = new ChartLegend(this.container, config.legend)\n    } else {\n      this.legend = null\n    }\n\n    // Bind mouse handlers\n    this.boundMouseMove = (e: MouseEvent) => {\n      this.handleMouseMove(e)\n    }\n    this.boundMouseLeave = () => {\n      this.handleMouseLeave()\n    }\n    this.canvas.addEventListener('mousemove', this.boundMouseMove)\n    this.canvas.addEventListener('mouseleave', this.boundMouseLeave)\n  }\n\n  protected abstract handleMouseMove(e: MouseEvent): void\n  protected abstract handleMouseLeave(): void\n\n  public override destroy(): void {\n    this.canvas.removeEventListener('mousemove', this.boundMouseMove)\n    this.canvas.removeEventListener('mouseleave', this.boundMouseLeave)\n    if (this.legend !== null) {\n      this.legend.destroy()\n    }\n    if (this.tooltip !== null) {\n      this.tooltip.destroy()\n    }\n    super.destroy()\n  }\n}\n"],"mappings":";;;;AAUA,IAAsB,IAAtB,cAA+C,EAAU;CACvD;CACA;CACA;CACA;CAEA,YAAY,GAAgC;AAyB1C,EAxBA,MAAM,EAAO,EAGT,EAAO,SAAS,YAAY,KAG9B,KAAK,UAAU,OAFf,KAAK,UAAU,IAAI,EAAa,KAAK,UAAU,EAM7C,EAAO,WAAW,KAAA,IAGpB,KAAK,SAAS,OAFd,KAAK,SAAS,IAAI,EAAY,KAAK,WAAW,EAAO,OAAO,EAM9D,KAAK,kBAAkB,MAAkB;AACvC,QAAK,gBAAgB,EAAE;KAEzB,KAAK,wBAAwB;AAC3B,QAAK,kBAAkB;KAEzB,KAAK,OAAO,iBAAiB,aAAa,KAAK,eAAe,EAC9D,KAAK,OAAO,iBAAiB,cAAc,KAAK,gBAAgB;;CAMlE,UAAgC;AAS9B,EARA,KAAK,OAAO,oBAAoB,aAAa,KAAK,eAAe,EACjE,KAAK,OAAO,oBAAoB,cAAc,KAAK,gBAAgB,EAC/D,KAAK,WAAW,QAClB,KAAK,OAAO,SAAS,EAEnB,KAAK,YAAY,QACnB,KAAK,QAAQ,SAAS,EAExB,MAAM,SAAS"}
+{"version":3,"file":"interactive-CXfIDzyh.js","names":[],"sources":["../src/charts/interactive.ts"],"sourcesContent":["/**\n * Interactive chart base class with tooltip + legend + mouse event plumbing\n * @countermeasure/web-components/charts/interactive\n */\n\nimport { BaseChart } from './base'\nimport type { InteractiveChartConfig } from './types'\nimport { ChartLegend } from './legend'\nimport { ChartTooltip } from './tooltip'\n\nexport abstract class InteractiveChart extends BaseChart {\n  protected tooltip: ChartTooltip | null\n  protected legend: ChartLegend | null\n  private readonly boundMouseMove: (e: MouseEvent) => void\n  private readonly boundMouseLeave: () => void\n\n  constructor(config: InteractiveChartConfig) {\n    super(config)\n\n    // Initialize tooltip\n    if (config.tooltip?.enabled !== false) {\n      this.tooltip = new ChartTooltip(this.container)\n    } else {\n      this.tooltip = null\n    }\n\n    // Initialize legend\n    if (config.legend !== undefined) {\n      this.legend = new ChartLegend(this.container, config.legend)\n    } else {\n      this.legend = null\n    }\n\n    // Bind mouse handlers\n    this.boundMouseMove = (e: MouseEvent) => {\n      this.handleMouseMove(e)\n    }\n    this.boundMouseLeave = () => {\n      this.handleMouseLeave()\n    }\n    this.canvas.addEventListener('mousemove', this.boundMouseMove)\n    this.canvas.addEventListener('mouseleave', this.boundMouseLeave)\n  }\n\n  protected abstract handleMouseMove(e: MouseEvent): void\n  protected abstract handleMouseLeave(): void\n\n  public override destroy(): void {\n    this.canvas.removeEventListener('mousemove', this.boundMouseMove)\n    this.canvas.removeEventListener('mouseleave', this.boundMouseLeave)\n    if (this.legend !== null) {\n      this.legend.destroy()\n    }\n    if (this.tooltip !== null) {\n      this.tooltip.destroy()\n    }\n    super.destroy()\n  }\n}\n"],"mappings":";;;;AAUA,IAAsB,IAAtB,cAA+C,EAAU;CACvD;CACA;CACA;CACA;CAEA,YAAY,GAAgC;AAyB1C,EAxBA,MAAM,EAAO,EAGT,EAAO,SAAS,YAAY,KAG9B,KAAK,UAAU,OAFf,KAAK,UAAU,IAAI,EAAa,KAAK,UAAU,EAM7C,EAAO,WAAW,KAAA,IAGpB,KAAK,SAAS,OAFd,KAAK,SAAS,IAAI,EAAY,KAAK,WAAW,EAAO,OAAO,EAM9D,KAAK,kBAAkB,MAAkB;AACvC,QAAK,gBAAgB,EAAE;KAEzB,KAAK,wBAAwB;AAC3B,QAAK,kBAAkB;KAEzB,KAAK,OAAO,iBAAiB,aAAa,KAAK,eAAe,EAC9D,KAAK,OAAO,iBAAiB,cAAc,KAAK,gBAAgB;;CAMlE,UAAgC;AAS9B,EARA,KAAK,OAAO,oBAAoB,aAAa,KAAK,eAAe,EACjE,KAAK,OAAO,oBAAoB,cAAc,KAAK,gBAAgB,EAC/D,KAAK,WAAW,QAClB,KAAK,OAAO,SAAS,EAEnB,KAAK,YAAY,QACnB,KAAK,QAAQ,SAAS,EAExB,MAAM,SAAS"}

package/dist/{isArrayLikeObject-uEhZQuCW.js → isArrayLikeObject-Bjsxaqj7.js}

@@ -577,4 +577,4 @@ function cn(e) {
 //#endregion
 export { w as A, p as B, j as C, D, O as E, Ce as F, n as G, f as H, _ as I, de as L, S as M, x as N, je as O, y as P, h as R, Ne as S, k as T, d as U, re as V, r as W, H as _, nn as a, F as b, Z as c, Y as d, q as f, ht as g, _t as h, rn as i, C as j, T as k, Gt as l, vt as m, sn as n, $ as o, St as p, an as r, tn as s, cn as t, X as u, ft as v, A as w, M as x, Be as y, m as z };
 
-//# sourceMappingURL=isArrayLikeObject-uEhZQuCW.js.map
+//# sourceMappingURL=isArrayLikeObject-Bjsxaqj7.js.map