@helixui/library 3.8.0 → 3.9.0

package/dist/shared/hx-checkbox-DcgyGS9V.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hx-checkbox-DcgyGS9V.js","sources":["../../src/components/hx-checkbox/hx-checkbox.styles.ts","../../src/components/hx-checkbox/hx-checkbox.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixCheckboxStyles = css`\n  :host {\n    display: block;\n  }\n\n  :host([disabled]) {\n    opacity: var(--hx-opacity-disabled, 0.5);\n    pointer-events: none;\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n\n  .checkbox {\n    display: flex;\n    flex-direction: column;\n    gap: var(--hx-space-1, 0.25rem);\n    font-family: var(--hx-checkbox-font-family, var(--hx-font-family-sans, sans-serif));\n  }\n\n  /* ─── Control (checkbox + label row) ─── */\n\n  .checkbox__control {\n    display: inline-flex;\n    align-items: flex-start;\n    gap: var(--hx-space-2, 0.5rem);\n    /* WCAG 2.5.5 (healthcare mandate): minimum 44px touch target height */\n    min-height: var(--hx-touch-target-min, 2.75rem);\n    cursor: pointer;\n  }\n\n  :host([disabled]) .checkbox__control {\n    cursor: not-allowed;\n  }\n\n  /* ─── Hidden Native Input ─── */\n\n  .checkbox__input {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  /* ─── Visual Checkbox ─── */\n\n  .checkbox__box {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: var(--hx-checkbox-size, var(--hx-size-5, 1.25rem));\n    height: var(--hx-checkbox-size, var(--hx-size-5, 1.25rem));\n    border: var(--hx-border-width-medium, 2px) solid\n      var(--hx-checkbox-border-color, var(--hx-color-border-strong, #66787b));\n    border-radius: var(--hx-checkbox-border-radius, var(--hx-border-radius-sm, 0.25rem));\n    background-color: var(--hx-checkbox-bg, var(--hx-color-surface-default, #ffffff));\n    transition:\n      background-color var(--hx-transition-fast, 150ms ease),\n      border-color var(--hx-transition-fast, 150ms ease),\n      box-shadow var(--hx-transition-fast, 150ms ease);\n    margin-top: var(--hx-space-px, 1px);\n  }\n\n  /* ─── Focus Ring ─── */\n\n  /*\n   * Suppress the browser default ~1px host outline. Without this, the formal\n   * AAA audit harness (which measures computed outline-width on the focused\n   * host) records a sub-2px outline and reports WCAG 2.4.13 Partially Supports.\n   * The visual focus indicator is rendered on the inner .checkbox__box below.\n   */\n  :host {\n    outline: none;\n  }\n\n  /*\n   * Host-focus path: on the modern (IDL element-references) render branch the\n   * host is the tabbable surface (tabindex=0) and the inner input is demoted\n   * to tabindex=-1. Drive the focus ring from ':host(:focus-visible)' so\n   * keyboard users still get a visible affordance. Codex round-11 P1.\n   */\n  :host(:focus-visible) .checkbox__box {\n    outline: var(--hx-checkbox-focus-ring-width, var(--hx-focus-ring-width, 2px)) solid\n      var(--hx-checkbox-focus-ring-color, var(--hx-focus-ring-color, #0f7078));\n    outline-offset: var(--hx-checkbox-focus-ring-offset, var(--hx-focus-ring-offset, 2px));\n  }\n\n  /*\n   * Fallback (no-IDL-ref) path: the host carries tabindex=-1 and the inner\n   * input is the tab target. The native :focus-visible on the input drives\n   * the same visual ring, scoped via the inner-state class.\n   */\n  .checkbox__input:focus-visible ~ .checkbox__box {\n    outline: var(--hx-checkbox-focus-ring-width, var(--hx-focus-ring-width, 2px)) solid\n      var(--hx-checkbox-focus-ring-color, var(--hx-focus-ring-color, #0f7078));\n    outline-offset: var(--hx-checkbox-focus-ring-offset, var(--hx-focus-ring-offset, 2px));\n  }\n\n  /* ─── Checked State ─── */\n\n  .checkbox--checked .checkbox__box {\n    background-color: var(--hx-checkbox-checked-bg, var(--hx-color-action-primary-bg, #0f7078));\n    border-color: var(\n      --hx-checkbox-checked-border-color,\n      var(--hx-color-action-primary-bg, #0f7078)\n    );\n  }\n\n  /* ─── Indeterminate State ─── */\n\n  .checkbox--indeterminate .checkbox__box {\n    background-color: var(--hx-checkbox-checked-bg, var(--hx-color-action-primary-bg, #0f7078));\n    border-color: var(\n      --hx-checkbox-checked-border-color,\n      var(--hx-color-action-primary-bg, #0f7078)\n    );\n  }\n\n  /* ─── Error State ─── */\n\n  .checkbox--error .checkbox__box {\n    border-color: var(--hx-checkbox-error-color, var(--hx-color-error-500, #e5493e));\n  }\n\n  .checkbox--error.checkbox--checked .checkbox__box,\n  .checkbox--error.checkbox--indeterminate .checkbox__box {\n    background-color: var(--hx-checkbox-error-color, var(--hx-color-error-500, #e5493e));\n    border-color: var(--hx-checkbox-error-color, var(--hx-color-error-500, #e5493e));\n  }\n\n  /* ─── Hover ─── */\n\n  /* P1-03: use component token so consumer overrides of --hx-checkbox-border-color work on hover */\n  .checkbox__control:hover .checkbox__box {\n    border-color: var(\n      --hx-checkbox-hover-border-color,\n      var(--hx-checkbox-border-color, var(--hx-color-primary-500, #429797))\n    );\n  }\n\n  .checkbox--checked .checkbox__control:hover .checkbox__box {\n    filter: brightness(var(--hx-filter-brightness-hover, 0.9));\n  }\n\n  .checkbox--error .checkbox__control:hover .checkbox__box {\n    border-color: var(--hx-checkbox-error-color, var(--hx-color-error-500, #e5493e));\n  }\n\n  /* ─── Checkmark Icon ─── */\n\n  .checkbox__icon {\n    display: none;\n    width: calc(var(--hx-checkbox-size, var(--hx-size-5, 1.25rem)) * 0.65);\n    height: calc(var(--hx-checkbox-size, var(--hx-size-5, 1.25rem)) * 0.65);\n    fill: none;\n    stroke: var(--hx-checkbox-checkmark-color, var(--hx-color-text-on-primary, #ffffff));\n    stroke-width: 2.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .checkbox--checked .checkbox__icon--check {\n    display: block;\n  }\n\n  .checkbox--indeterminate .checkbox__icon--indeterminate {\n    display: block;\n  }\n\n  /* ─── Label ─── */\n\n  .checkbox__label {\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    font-weight: var(--hx-font-weight-medium, 500);\n    color: var(--hx-checkbox-label-color, var(--hx-color-text-strong, #202b39));\n    line-height: var(--hx-line-height-normal, 1.5);\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  .checkbox__required-marker {\n    color: var(--hx-checkbox-error-color, var(--hx-color-error-text, #c92a2a));\n    font-weight: var(--hx-font-weight-bold, 700);\n  }\n\n  /* ─── Help Text & Error Messages ─── */\n\n  .checkbox__help-text {\n    font-size: var(--hx-font-size-xs, 0.75rem);\n    color: var(--hx-checkbox-help-text-color, var(--hx-color-text-muted, #4a5362));\n    line-height: var(--hx-line-height-normal, 1.5);\n    padding-inline-start: calc(\n      var(--hx-checkbox-size, var(--hx-size-5, 1.25rem)) + var(--hx-space-2, 0.5rem)\n    );\n  }\n\n  .checkbox__error {\n    font-size: var(--hx-font-size-xs, 0.75rem);\n    color: var(--hx-checkbox-error-color, var(--hx-color-error-text, #c92a2a));\n    line-height: var(--hx-line-height-normal, 1.5);\n    padding-inline-start: calc(\n      var(--hx-checkbox-size, var(--hx-size-5, 1.25rem)) + var(--hx-space-2, 0.5rem)\n    );\n  }\n\n  /* ─── Size Variants ─── */\n\n  :host([hx-size='sm']) {\n    --hx-checkbox-size: var(--hx-size-4, 1rem);\n  }\n\n  :host([hx-size='sm']) .checkbox__label {\n    font-size: var(--hx-font-size-xs, 0.75rem);\n  }\n\n  :host([hx-size='sm']) .checkbox__help-text,\n  :host([hx-size='sm']) .checkbox__error {\n    font-size: var(--hx-font-size-xs, 0.75rem);\n    padding-inline-start: calc(var(--hx-size-4, 1rem) + var(--hx-space-2, 0.5rem));\n  }\n\n  :host([hx-size='lg']) {\n    --hx-checkbox-size: var(--hx-size-6, 1.5rem);\n  }\n\n  :host([hx-size='lg']) .checkbox__label {\n    font-size: var(--hx-font-size-md, 1rem);\n  }\n\n  :host([hx-size='lg']) .checkbox__help-text,\n  :host([hx-size='lg']) .checkbox__error {\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    padding-inline-start: calc(var(--hx-size-6, 1.5rem) + var(--hx-space-2, 0.5rem));\n  }\n\n  /* ─── Reduced Motion ─── */\n\n  @media (prefers-reduced-motion: reduce) {\n    .checkbox__box {\n      transition: none;\n    }\n  }\n\n  /* ─── High Contrast Mode (forced-colors) ─── */\n\n  @media (forced-colors: active) {\n    .checkbox__box {\n      forced-color-adjust: none;\n      background-color: ButtonFace;\n      border: 2px solid ButtonText;\n    }\n\n    :host(:focus-visible) .checkbox__box,\n    .checkbox__input:focus-visible ~ .checkbox__box {\n      outline: 3px solid Highlight;\n      outline-offset: 2px;\n    }\n\n    .checkbox--checked .checkbox__box,\n    .checkbox--indeterminate .checkbox__box {\n      background-color: Highlight;\n      border-color: Highlight;\n    }\n\n    .checkbox__icon {\n      stroke: HighlightText;\n    }\n\n    .checkbox--error .checkbox__box {\n      border-color: LinkText;\n    }\n\n    .checkbox--error.checkbox--checked .checkbox__box,\n    .checkbox--error.checkbox--indeterminate .checkbox__box {\n      background-color: LinkText;\n      border-color: LinkText;\n    }\n\n    :host([disabled]) {\n      opacity: 1;\n    }\n\n    :host([disabled]) .checkbox__box {\n      border-color: GrayText;\n      background-color: ButtonFace;\n    }\n\n    :host([disabled]) .checkbox--checked .checkbox__box,\n    :host([disabled]) .checkbox--indeterminate .checkbox__box {\n      background-color: GrayText;\n      border-color: GrayText;\n    }\n\n    :host([disabled]) .checkbox__label {\n      color: GrayText;\n    }\n\n    .checkbox__label {\n      color: CanvasText;\n    }\n\n    .checkbox__help-text {\n      color: GrayText;\n    }\n\n    .checkbox__error {\n      color: LinkText;\n    }\n  }\n`;\n","import { html, nothing, type PropertyValues } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { HelixElement, createIdCounter } from '../../base/index.js';\nimport { mixinDelegatesAria } from '../../mixins/index.js';\nimport { FormMixin } from '../../mixins/FormMixin.js';\nimport { helixCheckboxStyles } from './hx-checkbox.styles.js';\nimport { forcedColorsField } from '../../styles/forced-colors.js';\nimport { devWarn } from '../../utils/dev-warn.js';\nimport {\n  installAriaIdrefMirror,\n  resolveIdrefTokens,\n  supportsIdrefElementReferences,\n  type AriaIdrefMirrorHandle,\n} from '../../utils/aria-idref.js';\n\n// P2-05: monotonic counter — collision-free, deterministic, SSR-safe\nconst _nextCheckboxId = createIdCounter('hx-checkbox');\n\n/** Detail for the hx-change event dispatched by hx-checkbox. */\nexport interface HxCheckboxChangeDetail {\n  checked: boolean;\n  value: string;\n}\n\n/**\n * A checkbox component with label, validation, and form association.\n *\n * @summary Form-associated checkbox with built-in label, error, and help text.\n *\n * @tag hx-checkbox\n *\n * @slot - Custom label content (overrides the label property). Rich HTML allowed — Drupal can include links in consent labels.\n * @slot error - Custom error content (overrides the error property).\n * @slot help-text - Custom help text content (overrides the helpText property).\n *\n * @fires {CustomEvent<{checked: boolean, value: string}>} hx-change - Dispatched when the checkbox is toggled. Boolean-selection controls (`hx-switch`, `hx-checkbox`) include both `checked` (boolean state) and `value` (form value) in the detail; text-value controls (`hx-text-input`, `hx-combobox`, `hx-select`) emit only `{value}`.\n *\n * @csspart checkbox - The visual checkbox element.\n * @csspart checkmark - The SVG checkmark icon inside the checkbox.\n * @csspart label - The label element.\n * @csspart help-text - The help text container.\n * @csspart error - The error message container.\n * @csspart control - The wrapper around checkbox and label.\n *\n * @cssprop [--hx-checkbox-size=var(--hx-size-5, 1.25rem)] - Checkbox dimensions.\n * @cssprop [--hx-checkbox-bg=var(--hx-color-neutral-0, #ffffff)] - Unchecked background color.\n * @cssprop [--hx-checkbox-border-color=var(--hx-color-neutral-300, #B6BFB9)] - Checkbox border color.\n * @cssprop [--hx-checkbox-border-radius=var(--hx-border-radius-sm, 0.25rem)] - Checkbox border radius.\n * @cssprop [--hx-checkbox-checked-bg=var(--hx-color-primary-500, #429797)] - Checked background color.\n * @cssprop [--hx-checkbox-checked-border-color=var(--hx-color-primary-500, #429797)] - Checked border color.\n * @cssprop [--hx-checkbox-checkmark-color=var(--hx-color-neutral-0, #ffffff)] - Checkmark color.\n * @cssprop [--hx-checkbox-focus-ring-color=var(--hx-focus-ring-color, #6AB1B1)] - Focus ring color.\n * @cssprop [--hx-checkbox-label-color=var(--hx-color-neutral-700, #313E4B)] - Label text color.\n * @cssprop [--hx-checkbox-help-text-color=var(--hx-color-neutral-500, #66787B)] - Help text color.\n * @cssprop [--hx-checkbox-hover-border-color=var(--hx-checkbox-border-color)] - Border color on hover.\n * @cssprop [--hx-checkbox-error-color=var(--hx-color-error-500, #E5493E)] - Error state color.\n * @cssprop [--hx-opacity-disabled] - Opacity.\n * @cssprop [--hx-space-1] - Spacing token.\n * @cssprop [--hx-checkbox-font-family=var(--hx-font-family-sans)] - Font family for checkbox label and help text.\n * @cssprop [--hx-font-family-sans] - Font family.\n * @cssprop [--hx-space-2] - Spacing token.\n * @cssprop [--hx-touch-target-min] - Minimum touch target size.\n * @cssprop [--hx-size-5] - Size token.\n * @cssprop [--hx-border-width-medium] - Width.\n * @cssprop [--hx-color-neutral-300] - Color.\n * @cssprop [--hx-border-radius-sm] - CSS custom property.\n * @cssprop [--hx-color-neutral-0] - Color.\n * @cssprop [--hx-transition-fast] - Transition timing.\n * @cssprop [--hx-space-px] - Spacing token.\n * @cssprop [--hx-focus-ring-width] - Width.\n * @cssprop [--hx-focus-ring-color] - Color.\n * @cssprop [--hx-color-primary-400] - Color.\n * @cssprop [--hx-focus-ring-offset] - CSS custom property.\n * @cssprop [--hx-color-primary-500] - Color.\n * @cssprop [--hx-filter-brightness-hover] - CSS filter.\n * @cssprop [--hx-font-size-sm] - Font size.\n * @cssprop [--hx-font-weight-medium] - Font weight.\n * @cssprop [--hx-color-neutral-700] - Color.\n * @cssprop [--hx-line-height-normal] - Line height.\n * @cssprop [--hx-color-error-text] - Color.\n * @cssprop [--hx-font-weight-bold] - Font weight.\n * @cssprop [--hx-font-size-xs] - Font size.\n * @cssprop [--hx-color-neutral-500] - Color.\n * @cssprop [--hx-size-4] - Size token.\n * @cssprop [--hx-size-6] - Size token.\n * @cssprop [--hx-font-size-md] - Font size.\n * @cssprop [--hx-color-error-500] - Color.\n * @aaa-certified 2026-05-08\n * @aaa-criteria 1.4.6, 1.4.9, 2.1.3, 2.3.3, 2.4.12, 2.4.13, 2.5.5, 3.2.5, 3.3.6, forced-colors, apg-keyboard\n * @aaa-audit src/components/hx-checkbox/AAA-AUDIT.md\n * @keyboard-contract activate=Space; disabled-suppresses=true\n * @aria-pattern checkbox\n * @aria-pattern-source https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/\n * @forced-colors-supported true\n * @stability stable\n * @since 3.6.0\n * @form-associated true\n * @theme-aware true\n * @brand-aware true\n * @drupal-sdc-eligible true\n * @react-wrapper-status complete\n * @figma-component-name hx-checkbox\n * @priority-tier P0\n * @phi-handles false\n * @clinical-context none\n */\n@customElement('hx-checkbox')\nexport class HelixCheckbox extends mixinDelegatesAria(FormMixin(HelixElement)) {\n  static override styles = [helixCheckboxStyles, forcedColorsField];\n\n  // ─── Form Association ───\n\n  /** @internal */\n  static override formAssociated = true;\n\n  // ─── Properties ───\n\n  /**\n   * Whether the checkbox is checked.\n   * @attr checked\n   */\n  @property({ type: Boolean, reflect: true })\n  checked = false;\n\n  /**\n   * Whether the checkbox is in an indeterminate state (e.g., for \"select all\" patterns).\n   * @attr indeterminate\n   */\n  @property({ type: Boolean, reflect: true })\n  indeterminate = false;\n\n  /**\n   * Whether the checkbox is disabled.\n   * @attr disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Whether the checkbox is required for form submission.\n   * @attr required\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * The name of the checkbox, used for form submission.\n   * @attr name\n   */\n  @property({ type: String, reflect: true })\n  name = '';\n\n  /**\n   * The value submitted when the checkbox is checked.\n   * @attr value\n   */\n  @property({ type: String, reflect: true })\n  value = 'on';\n\n  /**\n   * The visible label text for the checkbox.\n   * @attr label\n   */\n  @property({ type: String })\n  label = '';\n\n  /**\n   * Error message to display. When set, the checkbox enters an error state.\n   * @attr error\n   */\n  @property({ type: String })\n  error = '';\n\n  /**\n   * Help text displayed below the checkbox for guidance.\n   * @attr help-text\n   */\n  @property({ type: String, attribute: 'help-text' })\n  helpText = '';\n\n  /**\n   * Validation message shown when the field is required but empty.\n   * @attr required-message\n   */\n  @property({ attribute: 'required-message' })\n  requiredMessage = 'This field is required.';\n\n  /**\n   * The size of the checkbox.\n   * @attr hx-size\n   */\n  @property({ type: String, attribute: 'hx-size', reflect: true })\n  size: 'sm' | 'md' | 'lg' = 'md';\n\n  /**\n   * Accessible label for the checkbox when no visible label text is provided.\n   * Use when embedding a checkbox in a context where a label element is not practical.\n   *\n   * Accepts both `accessible-label` and the standard `aria-label` HTML attribute.\n   * `accessible-label` takes precedence when both are set.\n   * When set, replaces the visible label as the input's accessible name. Cannot be combined\n   * with a visible label — set either `accessible-label` or the `label` slot, not both.\n   *\n   * @attr accessible-label\n   */\n  @property({ type: String, attribute: 'accessible-label' })\n  accessibleLabel: string = '';\n\n  /**\n   * Returns the effective label for the checkbox, checking accessible-label first,\n   * then the aria-label attribute, falling back to empty string.\n   * @internal\n   */\n  private get _effectiveLabel(): string {\n    return (\n      this.accessibleLabel?.trim() ||\n      this.getAttribute('data-aria-label')?.trim() ||\n      this.getAttribute('aria-label')?.trim() ||\n      ''\n    );\n  }\n\n  /** @internal */\n  @query('.checkbox__input')\n  private _inputEl: HTMLInputElement | undefined;\n\n  /** @internal */\n  @state() private _hasErrorSlot = false;\n\n  /** @internal */\n  @state() private _hasHelpTextSlot = false;\n\n  /** @internal */\n  @state() private _hasLabelSlot = false;\n\n  /**\n   * Set by `hx-checkbox-group` to mark this child as group-managed. While\n   * truthy, `_updateFormValue()` short-circuits to `setFormValue(null)`\n   * regardless of `name`, so the child does NOT participate in form submission\n   * — only the group does. This is durable against post-attach mutations to\n   * `cb.name` by consumers/frameworks (which would otherwise re-arm\n   * `_updateFormValue()` via the `name` setter and cause double-submission).\n   * Codex round-3 finding #1.\n   *\n   * Public via accessor for the group's exclusive use; the underscore prefix\n   * marks it as group-internal (not consumer API). The group sets it during\n   * `slotchange` and clears it (via the same setter) when a child is removed.\n   * @internal\n   */\n  set _groupedSuppress(value: boolean) {\n    if (this.__groupedSuppress === value) return;\n    this.__groupedSuppress = value;\n    // Re-run form-value sync so the suppression takes effect immediately.\n    this._updateFormValue();\n  }\n  get _groupedSuppress(): boolean {\n    return this.__groupedSuppress;\n  }\n  /** @internal */\n  private __groupedSuppress = false;\n\n  /**\n   * Deferred copy of this.error used inside the live region. Injected after\n   * the region is visible (via requestAnimationFrame) so screen readers\n   * re-announce the message even if it was set before the region became\n   * visible — see WCAG 4.1.3.\n   * @internal\n   */\n  @state() private _announcedError = '';\n\n  /** @internal */\n  private _hasWarnedLabelConflict = false;\n\n  /**\n   * Handle for the shared IDREF observer. Installed in `connectedCallback()`\n   * so late-mutated `aria-labelledby`/`aria-describedby` and late-inserted\n   * IDREF targets are picked up. See `installAriaIdrefMirror()`.\n   * @internal\n   */\n  private _ariaMirror: AriaIdrefMirrorHandle | null = null;\n\n  // ─── Slot Handlers ───\n\n  /** @internal */\n  private _handleErrorSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasErrorSlot = slot.assignedNodes({ flatten: true }).length > 0;\n  }\n\n  /** @internal */\n  private _handleHelpTextSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasHelpTextSlot = slot.assignedNodes({ flatten: true }).length > 0;\n  }\n\n  /** @internal */\n  private _handleLabelSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    // Default slot may include the fallback `${this.label}` text node — count\n    // assigned (not flattened) nodes so the slot fallback is not mistaken for\n    // user-supplied content. The visible label is independently tracked via\n    // the `label` property below.\n    this._hasLabelSlot = slot.assignedNodes().length > 0;\n  }\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    // Detect platform support for IDL element references. Cached as reactive\n    // state so the render-time branch is consistent across update cycles and\n    // tests can stub it deterministically. Codex round-2 finding #2.\n    this._supportsIdrefRefs = supportsIdrefElementReferences(this._internals);\n    // Seed root-independent semantics so the host carries the checkbox role\n    // and reactive ARIA state from the moment of connection — before the\n    // first paint. This closes the gap where AT scanning between connect\n    // and `firstUpdated()` would see an unannounced surface.\n    this._syncHostAriaSemantics();\n    // Codex round-1 finding #1: host is the canonical announced surface on\n    // modern browsers, so the inner `<input>` is demoted via\n    // `aria-hidden + tabindex=-1` and the host owns tab order.\n    //\n    // Codex round-2 finding #2: on no-IDL-ref browsers the inner `<input>`\n    // is the only surface AT can reach, so the host is demoted to\n    // `tabindex=-1` and the inner input owns tab order. Without this,\n    // `aria-labelledby`/`aria-describedby` on the inner input were inert\n    // (the input was `aria-hidden`), leaving the control unnamed.\n    // Codex round-14 P2: only claim ownership of `tabindex` when no consumer\n    // value is present. Consumers using roving-tabindex toolbar patterns\n    // must be able to set `tabindex=\"-1\"` on the host without it being\n    // clobbered on every disabled flip. Note we still claim ownership when\n    // disabled — the initial value is `-1` to keep the host out of tab order\n    // and `updated()` re-asserts the appropriate value when disabled flips.\n    if (!this.hasAttribute('tabindex')) {\n      this._internalTabindexManaged = true;\n      const enabledTabIndex = this._supportsIdrefRefs ? '0' : '-1';\n      this.setAttribute('tabindex', this.disabled ? '-1' : enabledTabIndex);\n    }\n    this.addEventListener('keydown', this._handleHostKeyDown);\n    this.addEventListener('click', this._handleHostClick);\n    // Install the shared IDREF observer once the host is in a tree. The\n    // observer covers consumer mutations to `aria-labelledby`/`-describedby`\n    // (or their `data-aria-*` mirrors), late-inserted IDREF targets, and\n    // `id` renames in the host's resolved root.\n    this._ariaMirror = installAriaIdrefMirror(this, () => {\n      this._syncHostAriaSemantics();\n    });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('keydown', this._handleHostKeyDown);\n    this.removeEventListener('click', this._handleHostClick);\n    this._ariaMirror?.disconnect();\n    this._ariaMirror = null;\n  }\n\n  /**\n   * Host-level keydown handler. Space toggles per ARIA APG checkbox pattern\n   * — but only on the modern path where the host is the announced focus\n   * surface. On the no-IDL-ref fallback (round-2 finding #2), the inner\n   * `<input>` owns focus + native Space activation, so the host stays out\n   * of the activation pipeline to avoid double-toggle.\n   * @internal\n   */\n  private _handleHostKeyDown = (e: KeyboardEvent): void => {\n    if (this.disabled) return;\n    if (!this._supportsIdrefRefs) return;\n    // Only handle when the host itself is the focus target — events from\n    // slotted/nested controls bubble through here too.\n    if (e.target !== this) return;\n    if (e.key === ' ') {\n      e.preventDefault();\n      this._handleChange();\n    }\n  };\n\n  /**\n   * Host-level click handler. Routes clicks on the host (e.g. via assistive\n   * tech activation) to the change handler — only on the modern path. On the\n   * fallback path the inner input is the announced surface and natively\n   * receives clicks/AT activation.\n   * @internal\n   */\n  private _handleHostClick = (e: MouseEvent): void => {\n    if (this.disabled) return;\n    if (!this._supportsIdrefRefs) return;\n    // Only respond to clicks that originated on the host itself. Bubbled\n    // events from inner shadow elements (which toggle through the existing\n    // label/input change handler) are skipped to avoid double-activation.\n    const path = e.composedPath();\n    if (path[0] !== this) return;\n    this._handleChange();\n  };\n\n  override updated(changedProperties: PropertyValues<this>): void {\n    super.updated(changedProperties);\n    if (\n      changedProperties.has('checked') ||\n      changedProperties.has('value') ||\n      changedProperties.has('name')\n    ) {\n      this._updateFormValue();\n    }\n\n    // Codex round-1 finding #1: keep host focusability in sync with disabled\n    // state. Disabled custom elements should not be in tab order.\n    // Codex round-2 finding #2: on no-IDL-ref browsers the host is demoted\n    // to `tabindex=-1` so the inner input remains the announced surface.\n    // Codex round-14 P2: only re-assert when the component owns tabindex.\n    // Consumer-managed values (e.g. roving-tabindex toolbar with `-1`) must\n    // not be overwritten on disabled flips or supports-flag transitions.\n    if (\n      changedProperties.has('disabled') ||\n      (changedProperties as Map<PropertyKey, unknown>).has('_supportsIdrefRefs')\n    ) {\n      if (this._internalTabindexManaged) {\n        if (this.disabled) {\n          this.setAttribute('tabindex', '-1');\n        } else {\n          this.setAttribute('tabindex', this._supportsIdrefRefs ? '0' : '-1');\n        }\n      }\n    }\n\n    // Re-resolve element references against the (possibly mutated) shadow\n    // tree. `_syncHostAriaSemantics()` is also invoked from `_updateValidity()`\n    // and by the IDREF mirror observer, so this keeps property-driven changes\n    // current without depending on observer scheduling.\n    this._syncHostAriaSemantics();\n    // Warn when accessible-label is set alongside a visible label — they are mutually exclusive.\n    // Checked unconditionally (not gated on changedProperties) because aria-label is supplied\n    // via data-aria-label by mixinDelegatesAria and never appears in changedProperties.\n    {\n      const hasAccessibleLabel = !!(\n        this.accessibleLabel?.trim() ||\n        this.getAttribute('data-aria-label')?.trim() ||\n        this.getAttribute('aria-label')?.trim()\n      );\n      const hasVisibleLabel =\n        !!this.label ||\n        (this.shadowRoot\n          ?.querySelector<HTMLSlotElement>('.checkbox__label slot')\n          ?.assignedNodes({ flatten: true }).length ?? 0) > 0;\n      if (hasAccessibleLabel && hasVisibleLabel && !this._hasWarnedLabelConflict) {\n        this._hasWarnedLabelConflict = true;\n        devWarn(\n          'hx-checkbox',\n          'accessible-label is set alongside a visible label. Use either accessible-label or the label slot, not both.',\n        );\n      } else if (!hasAccessibleLabel || !hasVisibleLabel) {\n        this._hasWarnedLabelConflict = false;\n      }\n    }\n    // WCAG 4.1.3: Keep _announcedError in sync with the error property.\n    // When error changes from one non-empty value to another, clear the live region\n    // first then re-inject after a rAF tick so screen readers re-announce the updated\n    // message (clearing content before the region is re-populated triggers a new event).\n    // When transitioning from empty to non-empty (initial display), set directly so\n    // the text is immediately available for synchronous DOM assertions.\n    if (changedProperties.has('error')) {\n      const previousError = changedProperties.get('error') as string;\n      if (previousError && this.error) {\n        // Changing from one error message to another: defer to trigger re-announcement.\n        this._announcedError = '';\n        requestAnimationFrame(() => {\n          this._announcedError = this.error;\n        });\n      } else {\n        // Transitioning from empty→error or error→empty: set directly.\n        this._announcedError = this.error;\n      }\n    }\n  }\n\n  // ─── Form Integration ───\n\n  /** Returns the associated form element, if any. */\n  override get form(): HTMLFormElement | null {\n    return this._internals.form;\n  }\n\n  /** Returns the validation message. */\n  override get validationMessage(): string {\n    return this._internals.validationMessage;\n  }\n\n  /** Returns the ValidityState object. */\n  override get validity(): ValidityState {\n    return this._internals.validity;\n  }\n\n  /** @internal */\n  _updateValidity(): void {\n    if (this.required && !this.checked) {\n      // Codex round-17 P2: anchor validity UI to the announced surface. On\n      // the modern path the host is the canonical announced/focus surface\n      // (the inner input is `aria-hidden + tabindex=-1`), so reportValidity()\n      // would otherwise focus a hidden node. On the fallback path the inner\n      // input is the announced surface.\n      const anchor: HTMLElement | undefined = this._supportsIdrefRefs\n        ? this\n        : (this._inputEl ?? undefined);\n      this._internals.setValidity(\n        { valueMissing: true },\n        this.error || this.requiredMessage,\n        anchor,\n      );\n    } else {\n      this._internals.setValidity({});\n    }\n    // Sync host ARIA semantics immediately after every setValidity() call so\n    // `internals.ariaInvalid` reflects the current `ValidityState` rather than\n    // the previous render cycle's snapshot. Codex round-1 finding #6.\n    this._syncHostAriaSemantics();\n  }\n\n  // ─── Form Lifecycle Hooks ───\n\n  protected override _onFormReset(): void {\n    this.checked = false;\n    this.indeterminate = false;\n    this._internals.setFormValue(null);\n    this._resetInteractionState();\n  }\n\n  protected override _onFormStateRestore(\n    state: File | string | FormData | null,\n    _mode: 'restore' | 'autocomplete',\n  ): void {\n    this.checked = typeof state === 'string' && state === this.value;\n  }\n\n  protected override _onFormDisabled(disabled: boolean): void {\n    this.disabled = disabled;\n  }\n\n  // ─── Event Handling ───\n\n  /**\n   * Writes the checkbox value to ElementInternals' form value. Suppressed when\n   * the checkbox is grouped — `hx-checkbox-group` flips `_groupedSuppress` on\n   * children so the group is the sole form participant.\n   *\n   * Codex round-3 finding #1: round-2 used `cb.name = ''` as the suppression\n   * signal, but a consumer (or framework binding) that re-set `cb.name = 'foo'`\n   * after attach regained form participation through the `name` setter. The\n   * `_groupedSuppress` flag is a durable, name-independent kill switch.\n   * Stand-alone checkboxes (no parent group) are unaffected.\n   * @internal\n   */\n  private _updateFormValue(): void {\n    if (this.__groupedSuppress || !this.name) {\n      this._internals.setFormValue(null);\n      return;\n    }\n    this._internals.setFormValue(this.checked ? this.value : null);\n  }\n\n  /** @internal */\n  private _handleChange(): void {\n    if (this.disabled) return;\n\n    this.indeterminate = false;\n    this.checked = !this.checked;\n\n    this._updateFormValue();\n    this._handleInteractionInput();\n\n    /**\n     * Dispatched when the checkbox is toggled.\n     * @event hx-change\n     */\n    this.dispatchEvent(\n      new CustomEvent<{ checked: boolean; value: string }>('hx-change', {\n        bubbles: true,\n        composed: true,\n        detail: { checked: this.checked, value: this.value },\n      }),\n    );\n\n    // Codex round-12 P2 (parity with hx-switch / hx-toggle-button): on the\n    // modern path the host owns role=\"checkbox\" and tabindex=0; the inner\n    // `<input>` is aria-hidden and tabindex=-1. Clicking the surrounding\n    // `<label>` still routes activation to the input via native label-forward,\n    // which focuses the input. Move focus to the host so the announced\n    // surface is also the focus target.\n    if (this._supportsIdrefRefs) {\n      this.focus();\n    }\n  }\n\n  /**\n   * Handles native `change` events from the inner `<input type=checkbox>` on\n   * the no-IDL-ref fallback path. On that path the inner input is the\n   * announced surface (no `aria-hidden`, `tabindex=0`) and AT activates it\n   * directly — pointer/keyboard activation flips `input.checked` natively.\n   * We mirror the input's state onto the host, dispatch `hx-change`, and\n   * update form participation.\n   *\n   * Codex round-3 finding #2: round-2 left the inner input click suppressed\n   * on both paths, so on no-IDL-ref browsers AT activation could not toggle\n   * the control. The fix is to NOT suppress click on the fallback path and\n   * to honor the resulting `change` event here.\n   * @internal\n   */\n  private _handleInternalChange = (e: Event): void => {\n    e.stopPropagation();\n    if (this.disabled) return;\n    const input = e.currentTarget as HTMLInputElement;\n    // The native input flipped its own state; mirror onto the host. Avoid\n    // re-toggling — `_handleChange()` toggles `this.checked = !this.checked`,\n    // which would invert the user's actual choice.\n    this.indeterminate = false;\n    this.checked = input.checked;\n\n    this._updateFormValue();\n    this._handleInteractionInput();\n\n    this.dispatchEvent(\n      new CustomEvent<{ checked: boolean; value: string }>('hx-change', {\n        bubbles: true,\n        composed: true,\n        detail: { checked: this.checked, value: this.value },\n      }),\n    );\n  };\n\n  /** @internal */\n  private _handleKeyDown(e: KeyboardEvent): void {\n    if (e.key === ' ') {\n      e.preventDefault();\n      e.stopPropagation();\n      this._handleChange();\n    }\n  }\n\n  /**\n   * Stable inner-input click suppressor for the modern (announced-host) path.\n   * Hoisted to a class field so Lit sees a stable listener identity across\n   * renders; previously inline arrows were re-allocated each render and\n   * caused listener detach/re-attach churn (codex round-4 F3 — performance).\n   * @internal\n   */\n  private _suppressInnerClick = (e: Event): void => {\n    e.preventDefault();\n    e.stopPropagation();\n  };\n\n  /**\n   * Stable inner-input change suppressor for the modern (announced-host) path.\n   * Mirrors the click suppressor above — stable identity across renders so\n   * Lit's event-listener cache keeps a single registration (codex round-4 F3).\n   * @internal\n   */\n  private _suppressInnerChange = (e: Event): void => {\n    e.stopPropagation();\n  };\n\n  // ─── Public Methods ───\n\n  /**\n   * Moves focus to the announced checkbox surface. Codex round-1 finding #1\n   * relocated the focus target from the inner `<input>` to the host on\n   * modern engines so AT only sees one announced widget. Round-7 finding #3\n   * extends that contract to the no-IDL-ref fallback: when the host is\n   * demoted (`tabindex=-1`, role/state cleared on `internals`) the inner\n   * `<input>` owns the announced semantics and tab order, so programmatic\n   * `focus()` must redirect there — otherwise scripted focus and error\n   * recovery land on the demoted host on unsupported engines.\n   */\n  override focus(options?: FocusOptions): void {\n    if (this._supportsIdrefRefs) {\n      super.focus(options);\n      return;\n    }\n    this._inputEl?.focus(options);\n  }\n\n  // ─── Host ARIA Semantics (ElementInternals) ───\n\n  /**\n   * Mirrors checkbox semantics onto the host via ElementInternals so that\n   * consumer-supplied `aria-label`, `aria-labelledby`, and `aria-describedby`\n   * on `<hx-checkbox>` reach the announced control. Without this, those\n   * attributes — intercepted by `mixinDelegatesAria` and stored on the host —\n   * would not propagate through to the inner shadow `<input>`.\n   *\n   * Codex finding (aria-delegation, severity high): the announced semantic\n   * node was the inner `<input>` and the host's labelled-by tokens could not\n   * cross the shadow boundary.\n   * @internal\n   */\n  private _syncHostAriaSemantics(): void {\n    const internals = this._internals;\n    const hostLabel = this._effectiveLabel;\n\n    // Codex round-2 finding #2: branch on platform support for IDL element\n    // references. On modern browsers the host is the canonical announced\n    // surface and carries all checkbox semantics via ElementInternals. On\n    // older browsers the inner `<input>` is the announced surface, so the\n    // host's role/state are cleared and the consumer-supplied IDREFs are\n    // mirrored to the inner input via render-time fallback state.\n    if (this._supportsIdrefRefs) {\n      // ─── Modern path: host is the announced surface ───\n      internals.role = 'checkbox';\n      internals.ariaChecked = this.indeterminate ? 'mixed' : this.checked ? 'true' : 'false';\n      internals.ariaRequired = this.required ? 'true' : 'false';\n      // Drive aria-invalid from validity state, not from visible error content.\n      // A required-but-unchecked checkbox sets `valueMissing` via setValidity()\n      // but may render no visible error yet — assistive tech still needs to hear\n      // the invalid state.\n      internals.ariaInvalid = !internals.validity.valid ? 'true' : 'false';\n      internals.ariaDisabled = this.disabled ? 'true' : 'false';\n      internals.ariaLabel = hostLabel || null;\n\n      type InternalsWithRefs = ElementInternals & {\n        ariaLabelledByElements: Element[] | null;\n        ariaDescribedByElements: Element[] | null;\n      };\n      const refsInternals = internals as InternalsWithRefs;\n\n      const externalLabelTokens = this.getAttribute('data-aria-labelledby');\n      const externalDescTokens = this.getAttribute('data-aria-describedby');\n\n      const labelEls = resolveIdrefTokens(this, externalLabelTokens);\n      // Append the internal label element when the visible label has content\n      // and no external labelling source already names the host.\n      const internalLabel = this.shadowRoot?.getElementById(this._labelId);\n      const hasVisibleLabel = !!this.label || this._hasLabelSlot;\n      if (labelEls.length === 0 && !hostLabel && hasVisibleLabel && internalLabel) {\n        labelEls.push(internalLabel);\n      }\n      refsInternals.ariaLabelledByElements = labelEls.length > 0 ? labelEls : null;\n\n      const descEls = resolveIdrefTokens(this, externalDescTokens);\n      // Codex round-13 P2: while an error is active, drop help text from the\n      // described-by chain. The visible help node is suppressed in the render\n      // tree, but referenced descriptions are announced even when their nodes\n      // are hidden — leaving help in the chain would have AT read stale\n      // guidance before the validation error. Otherwise help precedes error so\n      // guidance reads before validation feedback when only one is shown.\n      const helpEl = this.shadowRoot?.getElementById(this._helpTextId);\n      const errorEl = this.shadowRoot?.getElementById(this._errorId);\n      const hasError = !!(this.error || this._hasErrorSlot);\n      if (helpEl && (this.helpText || this._hasHelpTextSlot) && !hasError) {\n        descEls.push(helpEl);\n      }\n      if (errorEl && hasError) {\n        descEls.push(errorEl);\n      }\n      refsInternals.ariaDescribedByElements = descEls.length > 0 ? descEls : null;\n      // Clear fallbacks — IDL refs path is the canonical surface.\n      this._fallbackAriaLabelledBy = null;\n      this._fallbackAriaDescribedBy = null;\n    } else {\n      // ─── Fallback path: inner <input> is the announced surface ───\n      // Codex round-2 finding #2: in round-1 we set host role/state via\n      // ElementInternals AND mirrored aria-labelledby/describedby onto the\n      // inner input. But the inner input was kept `aria-hidden`, making the\n      // mirrored attributes inert — the control had no accessible name on\n      // older browsers. The fix is to demote the host (clear its role/state\n      // on internals so AT does not double-announce) and let the inner native\n      // `<input type=checkbox>` be the announced surface, with consumer\n      // IDREFs mirrored as real `aria-*` attributes that resolve through the\n      // shadow root for shadow-internal IDs (cross-boundary IDREFs remain\n      // unreachable on these engines — same baseline as the pre-fix code).\n      internals.role = null;\n      internals.ariaChecked = null;\n      internals.ariaRequired = null;\n      internals.ariaInvalid = null;\n      internals.ariaDisabled = null;\n      internals.ariaLabel = null;\n\n      const externalLabelTokens = this.getAttribute('data-aria-labelledby');\n      const externalDescTokens = this.getAttribute('data-aria-describedby');\n      this._fallbackAriaLabelledBy = externalLabelTokens || null;\n      this._fallbackAriaDescribedBy = externalDescTokens || null;\n    }\n  }\n\n  /**\n   * Fallback `aria-labelledby` token list applied to the inner input on\n   * browsers that lack IDL element references. Tracked as a reactive state\n   * so the value flows through the next `render()` call.\n   * @internal\n   */\n  @state() private _fallbackAriaLabelledBy: string | null = null;\n\n  /**\n   * Fallback `aria-describedby` token list applied to the inner input on\n   * browsers that lack IDL element references.\n   * @internal\n   */\n  @state() private _fallbackAriaDescribedBy: string | null = null;\n\n  /**\n   * Whether the platform supports IDL element references on `ElementInternals`.\n   * Drives the render-time branch between the modern path (host is the\n   * announced surface, inner input is `aria-hidden + tabindex=-1`) and the\n   * fallback path (inner input is the announced surface, host is demoted).\n   *\n   * Round-2 finding #2: the previous fallback mirrored `aria-labelledby` /\n   * `aria-describedby` onto an `aria-hidden` inner input, leaving older\n   * browsers with no accessible name. The fallback now keeps the inner input\n   * in the a11y tree so AT can name and activate it natively.\n   * @internal\n   */\n  @state() private _supportsIdrefRefs = true;\n\n  /**\n   * Tracks whether the host's `tabindex` is managed by the component itself\n   * (vs. set explicitly by a consumer). Codex round-14 P2: a consumer-supplied\n   * `tabindex` (e.g. roving-tabindex toolbar pattern with `tabindex=\"-1\"`)\n   * must survive disabled flips and re-renders. Only re-assert tabindex in\n   * `updated()` when the component originally claimed it.\n   * @internal\n   */\n  private _internalTabindexManaged = false;\n\n  // ─── Render ───\n\n  // P2-05: monotonic counter — collision-free and deterministic\n  /** @internal */\n  private _id = _nextCheckboxId();\n  /** @internal */\n  private _helpTextId = `${this._id}-help`;\n  /** @internal */\n  private _errorId = `${this._id}-error`;\n  /** @internal */\n  private _labelId = `${this._id}-label`;\n\n  override render() {\n    const hasError = !!this.error || this._hasErrorSlot;\n    const hasHelpText = !!this.helpText || this._hasHelpTextSlot;\n    const hasVisibleLabel = !!this.label || this._hasLabelSlot;\n    // Drive aria-invalid from the same validity source used by setValidity()\n    // so a required-unchecked checkbox is announced as invalid even before any\n    // visible error content has rendered.\n    const isInvalid = hasError || (this.required && !this.checked);\n\n    const containerClasses = {\n      checkbox: true,\n      'checkbox--checked': this.checked,\n      'checkbox--indeterminate': this.indeterminate,\n      'checkbox--error': hasError,\n      'checkbox--disabled': this.disabled,\n      'checkbox--required': this.required,\n      'checkbox--sm': this.size === 'sm',\n      'checkbox--md': this.size === 'md',\n      'checkbox--lg': this.size === 'lg',\n    };\n\n    // describedBy chain: while an error is active, the visible help text is\n    // suppressed in the rendered tree, so we must also drop it from the\n    // described-by chain — referenced descriptions are announced even when\n    // their nodes are hidden, and announcing stale guidance before the\n    // validation error confuses screen-reader users (codex round-13 P2).\n    // Otherwise help-text precedes error in the chain so guidance is read\n    // before validation feedback when only one is shown.\n    const describedBy =\n      [hasError ? null : hasHelpText ? this._helpTextId : null, hasError ? this._errorId : null]\n        .filter(Boolean)\n        .join(' ') || undefined;\n\n    const hostAriaLabel = this._effectiveLabel || undefined;\n    // Only point the inner input at `_labelId` when there is actual visible\n    // label content; otherwise the input would reference an empty container.\n    const useInternalLabelId = !hostAriaLabel && hasVisibleLabel;\n\n    // Codex round-1 finding #7: on no-IDL-ref browsers, mirror consumer\n    // tokens (stored as `data-aria-*`) onto the inner input so cross-shadow\n    // labelling still resolves for shadow-internal IDs. The render fallbacks\n    // are tracked as reactive state from `_syncHostAriaSemantics()`.\n    const fallbackLabelledBy = this._fallbackAriaLabelledBy;\n    const fallbackDescribedBy = this._fallbackAriaDescribedBy;\n\n    // Merge internal describedBy chain with consumer fallback tokens.\n    const innerDescribedBy =\n      [describedBy ?? null, fallbackDescribedBy].filter(Boolean).join(' ') || undefined;\n    // For labelledby, prefer consumer fallback tokens; otherwise keep the\n    // internal label association.\n    const innerLabelledBy = fallbackLabelledBy ?? (useInternalLabelId ? this._labelId : undefined);\n\n    // Codex round-2 finding #2: branch the inner input on platform support.\n    // Modern path — host is announced, inner input is `aria-hidden + tabindex=-1`.\n    // Fallback path — inner input is announced (NO aria-hidden, tabindex=0)\n    // so consumer-mirrored aria-labelledby/describedby actually resolve to a\n    // visible accessibility-tree node. The inner input keeps its own click\n    // suppressor because the visible activation surface is the surrounding\n    // `<label>`; the input's native click activation is wired through that.\n    const innerIsAnnounced = !this._supportsIdrefRefs;\n    const innerTabIndex = innerIsAnnounced && !this.disabled ? '0' : '-1';\n\n    // Codex round-3 finding #2: branch the inner input event model on\n    // platform support.\n    //\n    // Modern path (`innerIsAnnounced === false`): the inner input is\n    // `aria-hidden + tabindex=-1` — AT cannot reach it. Pointer clicks on the\n    // inner input bubble through the surrounding `<label>` whose `@click`\n    // handler runs `_handleChange()`. The inner click handler suppresses the\n    // native click so the label's click is the sole activation pipeline,\n    // avoiding double-toggle. Native `change` is also swallowed.\n    //\n    // Fallback path (`innerIsAnnounced === true`): the inner input IS the\n    // announced surface (no `aria-hidden`, `tabindex=0`). AT activation lands\n    // directly on the input and must produce a real toggle. We do NOT\n    // suppress click; instead we wire `@change=${_handleInternalChange}` so\n    // the host mirrors the input's state, fires `hx-change`, and updates\n    // form participation. The label's `@click` is a no-op on this path —\n    // pointer clicks on the label bubble to the input which toggles natively.\n    // Codex round-4 F3 (performance): handlers are class-field arrows with\n    // stable identity, so Lit's event-listener cache keeps a single\n    // registration across re-renders instead of detach/re-attach churn.\n    const innerClickHandler = innerIsAnnounced ? undefined : this._suppressInnerClick;\n    const innerChangeHandler = innerIsAnnounced\n      ? this._handleInternalChange\n      : this._suppressInnerChange;\n    const labelClickHandler = innerIsAnnounced ? undefined : this._handleChange;\n    // On the fallback path the native input owns Space/Enter activation; its\n    // native `change` event flows through `_handleInternalChange`. Wiring the\n    // host-side `_handleKeyDown` here would double-toggle (native flips +\n    // _handleChange flips again). On the modern path the input is `aria-hidden\n    // + tabindex=-1` so this handler is defensive only.\n    const innerKeyDownHandler = innerIsAnnounced ? undefined : this._handleKeyDown;\n\n    return html`\n      <div class=${classMap(containerClasses)}>\n        <label part=\"control\" class=\"checkbox__control\" @click=${ifDefined(labelClickHandler)}>\n          <input\n            class=\"checkbox__input\"\n            type=\"checkbox\"\n            id=${this._id}\n            tabindex=${innerTabIndex}\n            .checked=${live(this.checked)}\n            .indeterminate=${live(this.indeterminate)}\n            ?disabled=${this.disabled}\n            ?required=${this.required}\n            name=${ifDefined(this.name || undefined)}\n            .value=${this.value}\n            aria-checked=${this.indeterminate ? 'mixed' : nothing}\n            aria-invalid=${isInvalid ? 'true' : nothing}\n            aria-describedby=${ifDefined(innerDescribedBy)}\n            aria-label=${ifDefined(hostAriaLabel)}\n            aria-labelledby=${ifDefined(innerLabelledBy)}\n            aria-hidden=${innerIsAnnounced ? nothing : 'true'}\n            @keydown=${ifDefined(innerKeyDownHandler)}\n            @click=${ifDefined(innerClickHandler)}\n            @change=${innerChangeHandler}\n          />\n\n          <span part=\"checkbox\" class=\"checkbox__box\">\n            <svg\n              part=\"checkmark\"\n              class=\"checkbox__icon checkbox__icon--check\"\n              viewBox=\"0 0 16 16\"\n              aria-hidden=\"true\"\n            >\n              <polyline points=\"3.5 8 6.5 11 12.5 5\"></polyline>\n            </svg>\n            <svg\n              class=\"checkbox__icon checkbox__icon--indeterminate\"\n              viewBox=\"0 0 16 16\"\n              aria-hidden=\"true\"\n            >\n              <line x1=\"4\" y1=\"8\" x2=\"12\" y2=\"8\"></line>\n            </svg>\n          </span>\n\n          <span part=\"label\" class=\"checkbox__label\" id=${this._labelId}>\n            <slot @slotchange=${this._handleLabelSlotChange}>${this.label}</slot>\n            ${this.required\n              ? html`<span class=\"checkbox__required-marker\" aria-hidden=\"true\">*</span>`\n              : nothing}\n          </span>\n        </label>\n\n        <!--\n          P0-01: wrapper div always owns _errorId so aria-describedby works\n          regardless of whether error content comes from the .error property\n          or the named slot. role=\"status\" replaces aria-live=\"polite\" to\n          avoid conflicting live-region semantics.\n        -->\n        <div\n          part=\"error\"\n          class=\"checkbox__error\"\n          id=${this._errorId}\n          role=\"status\"\n          ?hidden=${!hasError}\n        >\n          <slot name=\"error\" @slotchange=${this._handleErrorSlotChange}>\n            ${this._announcedError}\n          </slot>\n        </div>\n\n        <!--\n          Persistent help-text container. Rendered whenever the property OR\n          the slot has content, hidden when an error is present so guidance\n          does not compete with validation feedback. Always present in the\n          shadow tree so the host's aria-describedby chain remains stable.\n        -->\n        <div\n          part=\"help-text\"\n          class=\"checkbox__help-text\"\n          id=${this._helpTextId}\n          ?hidden=${!hasHelpText || hasError}\n        >\n          <slot name=\"help-text\" @slotchange=${this._handleHelpTextSlotChange}\n            >${this.helpText}</slot\n          >\n        </div>\n      </div>\n    `;\n  }\n}\n\n/** Canonical type alias for the hx-checkbox component. */\nexport type HxCheckbox = HelixCheckbox;\n\n/**\n * Per-component event map for type-safe addEventListener on hx-checkbox.\n * The `hx-change` detail always includes both `checked` and `value` for this component.\n */\nexport interface HxCheckboxEventMap {\n  'hx-change': CustomEvent<{ checked: boolean; value: string }>;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-checkbox': HelixCheckbox;\n  }\n  /**\n   * Global hx-change event type. The detail shape is a union because hx-change is dispatched\n   * by multiple components: form-field components (value only) and toggle components\n   * (checked + value). Use per-component EventMap types (e.g. HxCheckboxEventMap) for\n   * narrowed addEventListener calls.\n   */\n  interface HTMLElementEventMap {\n    'hx-change': CustomEvent<{ value: string } | { checked: boolean; value: string }>;\n  }\n}\n"],"names":["helixCheckboxStyles","css","_nextCheckboxId","createIdCounter","HelixCheckbox","mixinDelegatesAria","FormMixin","HelixElement","input","_a","_b","_c","value","slot","supportsIdrefElementReferences","enabledTabIndex","installAriaIdrefMirror","changedProperties","hasAccessibleLabel","hasVisibleLabel","_e","_d","anchor","state","_mode","disabled","options","internals","hostLabel","refsInternals","externalLabelTokens","externalDescTokens","labelEls","resolveIdrefTokens","internalLabel","descEls","helpEl","errorEl","hasError","hasHelpText","isInvalid","containerClasses","describedBy","hostAriaLabel","useInternalLabelId","fallbackLabelledBy","fallbackDescribedBy","innerDescribedBy","innerLabelledBy","innerIsAnnounced","innerTabIndex","innerClickHandler","innerChangeHandler","labelClickHandler","innerKeyDownHandler","html","classMap","ifDefined","live","nothing","forcedColorsField","__decorateClass","property","query","customElement"],"mappings":";;;;;;;;;;;AAEO,MAAMA,IAAsBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;A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"}

package/dist/shared/hx-clinical-status-D3XQIOqX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hx-clinical-status-D3XQIOqX.js","sources":["../../src/components/hx-clinical-status/hx-clinical-status.styles.ts","../../src/components/hx-clinical-status/hx-clinical-status.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixClinicalStatusStyles = css`\n  :host {\n    display: block;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n\n  /* ─── Screen-reader-only utility ─── */\n  /* @design-system-approved: WCAG standard visually-hidden technique for a11y */\n\n  .sr-only {\n    position: absolute;\n    width: 1px; /* @design-system-approved: standard sr-only technique */\n    height: 1px; /* @design-system-approved: standard sr-only technique */\n    padding: 0;\n    margin: -1px; /* @design-system-approved: standard sr-only technique */\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  /* ─── Container ─── */\n\n  .clinical-status {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--hx-clinical-status-gap, var(--hx-space-3, 0.75rem));\n    padding: var(--hx-clinical-status-padding, var(--hx-space-4, 1rem));\n    border: var(--hx-clinical-status-border-width, var(--hx-border-width-thin, 1px)) solid\n      var(--hx-clinical-status-border-color, var(--hx-color-info-200, #bedcfc));\n    border-inline-start: var(--hx-clinical-status-accent-width, 4px) solid\n      var(--hx-clinical-status-accent-color, var(--hx-color-info-500, #0c8beb));\n    border-radius: var(--hx-clinical-status-border-radius, var(--hx-border-radius-md, 0.375rem));\n    background-color: var(--hx-clinical-status-bg, var(--hx-color-info-50, #eff6fe));\n    color: var(--hx-clinical-status-color, var(--hx-color-info-800, #064172));\n    font-family: var(--hx-clinical-status-font-family, var(--hx-font-family-sans, sans-serif));\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    line-height: var(--hx-line-height-normal, 1.5);\n  }\n\n  /* ─── Compact Mode ─── */\n\n  .clinical-status--compact {\n    padding: var(\n      --hx-clinical-status-compact-padding,\n      var(--hx-space-2, 0.5rem) var(--hx-space-3, 0.75rem)\n    );\n    gap: var(--hx-space-2, 0.5rem);\n    font-size: var(--hx-font-size-xs, 0.75rem);\n  }\n\n  /* ─── Severity: info ─── */\n\n  :host([severity='info']) .clinical-status,\n  :host(:not([severity])) .clinical-status {\n    --hx-clinical-status-bg: var(--hx-color-info-50, #eff6fe);\n    --hx-clinical-status-border-color: var(--hx-color-info-200, #bedcfc);\n    --hx-clinical-status-accent-color: var(--hx-color-info-500, #0c8beb);\n    --hx-clinical-status-color: var(--hx-color-info-800, #064172);\n    --hx-clinical-status-icon-color: var(--hx-color-info-500, #0c8beb);\n  }\n\n  /* ─── Severity: warning ─── */\n\n  :host([severity='warning']) .clinical-status {\n    --hx-clinical-status-bg: var(--hx-color-warning-50, #fff3ea);\n    --hx-clinical-status-border-color: var(--hx-color-warning-200, #facfae);\n    --hx-clinical-status-accent-color: var(--hx-color-warning-500, #c2711c);\n    --hx-clinical-status-color: var(--hx-color-warning-800, #603301);\n    --hx-clinical-status-icon-color: var(--hx-color-warning-500, #c2711c);\n  }\n\n  /* ─── Severity: critical ─── */\n\n  :host([severity='critical']) .clinical-status {\n    --hx-clinical-status-bg: var(--hx-color-error-50, #fff2f0);\n    --hx-clinical-status-border-color: var(--hx-color-error-200, #fccbc4);\n    --hx-clinical-status-accent-color: var(--hx-color-error-500, #e5493e);\n    --hx-clinical-status-color: var(--hx-color-error-800, #7a090a);\n    --hx-clinical-status-icon-color: var(--hx-color-error-500, #e5493e);\n  }\n\n  /* ─── Severity: emergent ─── */\n\n  :host([severity='emergent']) .clinical-status {\n    --hx-clinical-status-bg: var(--hx-color-error-50, #fff2f0);\n    --hx-clinical-status-border-color: var(--hx-color-error-300, #fda79c);\n    --hx-clinical-status-accent-color: var(--hx-color-error-700, #a21312);\n    --hx-clinical-status-color: var(--hx-color-error-900, #530d0a);\n    --hx-clinical-status-icon-color: var(--hx-color-error-700, #a21312);\n    border-inline-start-width: var(--hx-clinical-status-emergent-accent-width, 6px);\n    font-weight: var(--hx-font-weight-semibold, 600);\n  }\n\n  /* ─── Icon ─── */\n\n  .clinical-status__icon {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n    color: var(--hx-clinical-status-icon-color, var(--hx-color-info-500, #0c8beb));\n  }\n\n  .clinical-status__icon svg {\n    width: var(--hx-space-5, 1.25rem);\n    height: var(--hx-space-5, 1.25rem);\n    fill: currentColor;\n  }\n\n  .clinical-status--compact .clinical-status__icon svg {\n    width: var(--hx-space-4, 1rem);\n    height: var(--hx-space-4, 1rem);\n  }\n\n  /* ─── Message ─── */\n\n  .clinical-status__message {\n    flex: 1;\n    min-width: 0;\n  }\n\n  /* ─── Severity Label (WCAG 1.4.1) ─── */\n  /* @design-system-approved: WCAG 1.4.1 non-color severity indicator for screen readers */\n\n  .clinical-status__severity-label {\n    position: absolute;\n    width: 1px; /* @design-system-approved: standard sr-only technique */\n    height: 1px; /* @design-system-approved: standard sr-only technique */\n    padding: 0;\n    margin: -1px; /* @design-system-approved: standard sr-only technique */\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  /* ─── Actions ─── */\n\n  .clinical-status__actions {\n    display: none;\n    align-items: center;\n    gap: var(--hx-space-2, 0.5rem);\n    margin-inline-start: auto;\n    flex-shrink: 0;\n  }\n\n  .clinical-status__actions--visible {\n    display: flex;\n  }\n\n  /* ─── Dismiss Button ─── */\n\n  .clinical-status__dismiss-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    min-width: var(--hx-touch-target-size, 44px);\n    min-height: var(--hx-touch-target-size, 44px);\n    padding: 0;\n    border: none;\n    border-radius: var(--hx-border-radius-sm, 0.25rem);\n    background: transparent;\n    color: var(--hx-clinical-status-color, var(--hx-color-info-800, #064172));\n    cursor: pointer;\n    font-size: var(--hx-font-size-md, 1rem);\n    line-height: 1;\n    transition:\n      background-color var(--hx-transition-fast, 150ms ease),\n      opacity var(--hx-transition-fast, 150ms ease);\n    opacity: 0.7;\n  }\n\n  .clinical-status__dismiss-button:hover {\n    opacity: 1;\n    background-color: color-mix(in srgb, currentColor 10%, transparent);\n  }\n\n  .clinical-status__dismiss-button:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, #0f7078);\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n    opacity: 1;\n  }\n\n  .clinical-status__dismiss-button svg {\n    width: var(--hx-space-4, 1rem);\n    height: var(--hx-space-4, 1rem);\n    fill: currentColor;\n  }\n\n  .clinical-status--compact .clinical-status__dismiss-button {\n    min-width: var(--hx-space-8, 2rem);\n    min-height: var(--hx-space-8, 2rem);\n  }\n\n  /* ─── Acknowledge Button ─── */\n\n  .clinical-status__acknowledge-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: var(--hx-space-1, 0.25rem) var(--hx-space-3, 0.75rem);\n    border: var(--hx-border-width-thin, 1px) solid currentColor;\n    border-radius: var(--hx-border-radius-sm, 0.25rem);\n    background: transparent;\n    color: inherit;\n    font-family: inherit;\n    font-size: var(--hx-font-size-xs, 0.75rem);\n    font-weight: var(--hx-font-weight-semibold, 600);\n    text-transform: uppercase;\n    letter-spacing: var(--hx-letter-spacing-wide, 0.025em);\n    cursor: pointer;\n    line-height: var(--hx-line-height-normal, 1.5);\n    min-height: var(--hx-touch-target-size, 44px);\n    transition:\n      background-color var(--hx-transition-fast, 150ms ease),\n      opacity var(--hx-transition-fast, 150ms ease);\n  }\n\n  .clinical-status__acknowledge-button:hover {\n    background-color: color-mix(in srgb, currentColor 10%, transparent);\n  }\n\n  .clinical-status__acknowledge-button:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, #0f7078);\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n  }\n\n  .clinical-status--compact .clinical-status__acknowledge-button {\n    min-height: var(--hx-space-8, 2rem);\n    padding: var(--hx-space-1, 0.25rem) var(--hx-space-2, 0.5rem);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .clinical-status__dismiss-button,\n    .clinical-status__acknowledge-button {\n      transition: none;\n    }\n  }\n\n  /* ─── Forced Colors (Windows High Contrast) ─── */\n\n  @media (forced-colors: active) {\n    .clinical-status {\n      border-color: CanvasText;\n      border-inline-start-color: CanvasText;\n    }\n\n    .clinical-status__icon svg {\n      fill: CanvasText;\n    }\n\n    .clinical-status__dismiss-button {\n      color: ButtonText;\n      border: 1px solid ButtonText;\n    }\n\n    .clinical-status__acknowledge-button {\n      border-color: ButtonText;\n      color: ButtonText;\n    }\n  }\n`;\n","import { html, nothing, type PropertyValues } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HelixElement } from '../../base/index.js';\nimport { createIdCounter } from '../../base/index.js';\nimport { helixClinicalStatusStyles } from './hx-clinical-status.styles.js';\nimport { forcedColorsSurface } from '../../styles/forced-colors.js';\n\n/** Clinical severity level for alert fatigue prevention. */\nexport type ClinicalSeverity = 'info' | 'warning' | 'critical' | 'emergent';\n\nconst nextId = createIdCounter('hx-clinical-status');\n\n/**\n * A clinical status indicator designed for healthcare alert fatigue prevention.\n * Standardizes clinical alert presentations to reduce cognitive overload from\n * inconsistent color/icon combinations across healthcare interfaces.\n *\n * @summary Clinical status indicator for standardized healthcare alert fatigue prevention.\n *\n * @tag hx-clinical-status\n *\n * @slot - Default slot for additional message content.\n *\n * @fires {CustomEvent<void>} hx-dismiss - Dispatched when the user dismisses the status.\n * @fires {CustomEvent<{ severity: ClinicalSeverity; persistent: boolean }>} hx-acknowledge - Dispatched when the user acknowledges a critical/emergent status.\n *\n * @csspart container - The outer status container.\n * @csspart icon - The icon container.\n * @csspart message - The message content area.\n * @csspart actions - The actions container (dismiss/acknowledge buttons).\n * @csspart dismiss-button - The dismiss button (only rendered when dismissible).\n * @csspart acknowledge-button - The acknowledge button (only rendered when acknowledgeable).\n *\n * @cssprop [--hx-clinical-status-bg=var(--hx-color-info-50)] - Background color.\n * @cssprop [--hx-clinical-status-color=var(--hx-color-info-800)] - Text color.\n * @cssprop [--hx-clinical-status-border-color=var(--hx-color-info-200)] - Border color.\n * @cssprop [--hx-clinical-status-border-radius=var(--hx-border-radius-md)] - Border radius.\n * @cssprop [--hx-clinical-status-border-width=var(--hx-border-width-thin)] - Border width.\n * @cssprop [--hx-clinical-status-accent-color=var(--hx-color-info-500)] - Left accent stripe color.\n * @cssprop [--hx-clinical-status-accent-width=4px] - Left accent stripe width.\n * @cssprop [--hx-clinical-status-padding=var(--hx-space-4)] - Container padding.\n * @cssprop [--hx-clinical-status-gap=var(--hx-space-3)] - Gap between elements.\n * @cssprop [--hx-clinical-status-icon-color=var(--hx-color-info-500)] - Icon color.\n * @cssprop [--hx-clinical-status-font-family=var(--hx-font-family-sans)] - Font family.\n * @cssprop [--hx-clinical-status-compact-padding] - Padding in compact mode.\n * @cssprop [--hx-clinical-status-emergent-accent-width=6px] - Accent width for emergent severity.\n * @cssprop [--hx-border-radius-md] - CSS custom property.\n * @cssprop [--hx-border-radius-sm] - CSS custom property.\n * @cssprop [--hx-border-width-thin] - Width.\n * @cssprop [--hx-color-error-200] - Color.\n * @cssprop [--hx-color-error-300] - Color.\n * @cssprop [--hx-color-error-50] - Color.\n * @cssprop [--hx-color-error-500] - Color.\n * @cssprop [--hx-color-error-700] - Color.\n * @cssprop [--hx-color-error-800] - Color.\n * @cssprop [--hx-color-error-900] - Color.\n * @cssprop [--hx-color-focus] - Color.\n * @cssprop [--hx-color-info-200] - Color.\n * @cssprop [--hx-color-info-50] - Color.\n * @cssprop [--hx-color-info-500] - Color.\n * @cssprop [--hx-color-info-800] - Color.\n * @cssprop [--hx-color-warning-200] - Color.\n * @cssprop [--hx-color-warning-50] - Color.\n * @cssprop [--hx-color-warning-500] - Color.\n * @cssprop [--hx-color-warning-800] - Color.\n * @cssprop [--hx-focus-ring-color] - Color.\n * @cssprop [--hx-focus-ring-offset] - CSS custom property.\n * @cssprop [--hx-focus-ring-width] - Width.\n * @cssprop [--hx-font-family-sans] - Font family.\n * @cssprop [--hx-font-size-md] - Font size.\n * @cssprop [--hx-font-size-sm] - Font size.\n * @cssprop [--hx-font-size-xs] - Font size.\n * @cssprop [--hx-font-weight-semibold] - Font weight.\n * @cssprop [--hx-letter-spacing-wide] - CSS custom property.\n * @cssprop [--hx-line-height-normal] - Line height.\n * @cssprop [--hx-space-1] - Spacing token.\n * @cssprop [--hx-space-2] - Spacing token.\n * @cssprop [--hx-space-3] - Spacing token.\n * @cssprop [--hx-space-4] - Spacing token.\n * @cssprop [--hx-space-5] - Spacing token.\n * @cssprop [--hx-space-8] - Spacing token.\n * @cssprop [--hx-touch-target-size] - Minimum touch target size.\n * @cssprop [--hx-transition-fast] - Transition timing.\n *\n * @aaa-certified 2026-05-09\n * @aaa-criteria 1.4.6, 1.4.9, 2.1.3, 2.3.3, 2.4.12, 2.4.13, 2.5.5, 3.2.5, 3.3.6, forced-colors, apg-keyboard\n * @aaa-audit src/components/hx-clinical-status/AAA-AUDIT.md\n * @keyboard-contract dismiss=Escape\n * @aria-pattern alert\n * @aria-pattern-source https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n * @forced-colors-supported true\n * @stability stable\n * @since 3.7.0\n * @form-associated false\n * @theme-aware true\n * @brand-aware true\n * @drupal-sdc-eligible true\n * @react-wrapper-status complete\n * @figma-component-name hx-clinical-status\n * @priority-tier P0\n * @phi-handles true\n * @clinical-context healthcare-alert-fatigue-prevention\n */\n@customElement('hx-clinical-status')\nexport class HelixClinicalStatus extends HelixElement {\n  static override styles = [helixClinicalStatusStyles, forcedColorsSurface];\n\n  // ─── Properties ───\n\n  /**\n   * Clinical severity level that determines visual styling and ARIA semantics.\n   * - `info`: Informational, non-urgent (role=\"status\")\n   * - `warning`: Requires attention but not immediate (role=\"status\")\n   * - `critical`: Requires prompt clinical attention (role=\"alert\")\n   * - `emergent`: Life-threatening, immediate action required (role=\"alert\")\n   * @attr severity\n   */\n  @property({ type: String, reflect: true })\n  severity: ClinicalSeverity = 'info';\n\n  /**\n   * Status message text. Displayed as the primary content of the indicator.\n   * @attr message\n   */\n  @property({ type: String })\n  message = '';\n\n  /**\n   * Whether the status can be dismissed by the user.\n   * Critical and emergent statuses should require acknowledgment rather than simple dismissal.\n   * @attr dismissible\n   */\n  @property({ type: Boolean, reflect: true })\n  dismissible = false;\n\n  /**\n   * Whether the status survives page navigation.\n   * Defaults to false for info/warning, true for critical/emergent.\n   * When set explicitly, overrides the severity-based default.\n   * @attr persistent\n   */\n  @property({ type: Boolean, reflect: true })\n  persistent = false;\n\n  /**\n   * Optional custom icon name. When not set, a default severity-appropriate icon is shown.\n   * @attr icon\n   */\n  @property({ type: String })\n  icon = '';\n\n  /**\n   * Compact mode for dense clinical UIs (e.g. patient dashboards, bedside displays).\n   * Reduces padding, font size, and icon size.\n   * @attr compact\n   */\n  @property({ type: Boolean, reflect: true })\n  compact = false;\n\n  // ─── State ───\n\n  /** @internal */\n  @state()\n  private _hasSlottedContent = false;\n\n  /** @internal */\n  @state()\n  private _acknowledged = false;\n\n  /**\n   * SSR-safe unique ID for ARIA relationships.\n   * @internal\n   */\n  private _componentId = nextId();\n\n  /**\n   * Tracks whether `persistent` was explicitly set by the consumer.\n   * @internal\n   */\n  private _persistentExplicitlySet = false;\n\n  // ─── Private Helpers ───\n\n  /** Returns true when the severity requires assertive announcement. */\n  private get _isAssertive(): boolean {\n    return this.severity === 'critical' || this.severity === 'emergent';\n  }\n\n  /** Returns the appropriate ARIA role based on severity. */\n  private get _role(): string {\n    return this._isAssertive ? 'alert' : 'status';\n  }\n\n  /** Returns the default severity label for screen readers (WCAG 1.4.1). */\n  private _severityLabel(): string {\n    const labels: Record<ClinicalSeverity, string> = {\n      info: 'Info:',\n      warning: 'Warning:',\n      critical: 'Critical:',\n      emergent: 'Emergent:',\n    };\n    return labels[this.severity] ?? '';\n  }\n\n  /** Returns true when the severity requires explicit acknowledgment. */\n  private get _requiresAcknowledgment(): boolean {\n    return this.severity === 'critical' || this.severity === 'emergent';\n  }\n\n  /** Effective persistent value, considering severity-based defaults. */\n  private get _effectivePersistent(): boolean {\n    if (this._persistentExplicitlySet) {\n      return this.persistent;\n    }\n    return this._isAssertive;\n  }\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._internals.role = this._role;\n  }\n\n  override attributeChangedCallback(name: string, _old: string | null, value: string | null): void {\n    super.attributeChangedCallback(name, _old, value);\n    if (name === 'persistent') {\n      this._persistentExplicitlySet = value !== null;\n    }\n  }\n\n  protected override updated(changedProperties: PropertyValues<this>): void {\n    super.updated(changedProperties);\n    if (changedProperties.has('severity')) {\n      this._internals.role = this._role;\n    }\n  }\n\n  // ─── Default Icons ───\n\n  /** @internal */\n  private _renderInfoIcon() {\n    return html`<svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n      <path\n        d=\"M10 2a8 8 0 100 16 8 8 0 000-16zm.75 4.75a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM9.25 9a.75.75 0 011.5 0v4a.75.75 0 01-1.5 0V9z\"\n      />\n    </svg>`;\n  }\n\n  /** @internal */\n  private _renderWarningIcon() {\n    return html`<svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n      <path\n        d=\"M8.49 2.92a1.75 1.75 0 013.02 0l6.25 10.83A1.75 1.75 0 0116.25 16H3.75a1.75 1.75 0 01-1.51-2.25L8.49 2.92zM10 7a.75.75 0 01.75.75v3a.75.75 0 01-1.5 0v-3A.75.75 0 0110 7zm0 7.5a.75.75 0 100-1.5.75.75 0 000 1.5z\"\n      />\n    </svg>`;\n  }\n\n  /** @internal */\n  private _renderCriticalIcon() {\n    return html`<svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n      <path\n        d=\"M10 2a8 8 0 100 16 8 8 0 000-16zm-1.72 5.22a.75.75 0 011.06 0L10 7.94l.66-.72a.75.75 0 111.06 1.06L11.06 9l.66.72a.75.75 0 11-1.06 1.06L10 10.06l-.66.72a.75.75 0 01-1.06-1.06L8.94 9l-.66-.72a.75.75 0 010-1.06z\"\n      />\n    </svg>`;\n  }\n\n  /** @internal */\n  private _renderEmergentIcon() {\n    return html`<svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n      <path\n        d=\"M10 2a8 8 0 100 16 8 8 0 000-16zm-1 4a1 1 0 112 0v4a1 1 0 11-2 0V6zm1 9a1.25 1.25 0 100-2.5A1.25 1.25 0 0010 15z\"\n      />\n    </svg>`;\n  }\n\n  /** @internal */\n  private _renderDefaultIcon() {\n    switch (this.severity) {\n      case 'warning':\n        return this._renderWarningIcon();\n      case 'critical':\n        return this._renderCriticalIcon();\n      case 'emergent':\n        return this._renderEmergentIcon();\n      case 'info':\n      default:\n        return this._renderInfoIcon();\n    }\n  }\n\n  /** @internal */\n  private _renderCloseIcon() {\n    return html`<svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n      <path\n        d=\"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z\"\n      />\n    </svg>`;\n  }\n\n  // ─── Slot Change Handling ───\n\n  /** @internal */\n  private _handleSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasSlottedContent = slot.assignedNodes({ flatten: true }).length > 0;\n  }\n\n  // ─── Event Handling ───\n\n  /** @internal */\n  private _handleDismiss(): void {\n    this.dispatchEvent(\n      new CustomEvent<void>('hx-dismiss', {\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  /** @internal */\n  private _handleAcknowledge(): void {\n    this._acknowledged = true;\n    this.dispatchEvent(\n      new CustomEvent<{ severity: ClinicalSeverity; persistent: boolean }>('hx-acknowledge', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          severity: this.severity,\n          persistent: this._effectivePersistent,\n        },\n      }),\n    );\n  }\n\n  // ─── Render ───\n\n  override render() {\n    const classes = {\n      'clinical-status': true,\n      [`clinical-status--${this.severity}`]: true,\n      'clinical-status--compact': this.compact,\n    };\n\n    const severityLabel = this._severityLabel();\n    const messageId = `${this._componentId}-message`;\n\n    return html`\n      <div part=\"container\" class=${classMap(classes)} aria-labelledby=${messageId}>\n        <span class=\"clinical-status__severity-label\">${severityLabel}</span>\n\n        <div part=\"icon\" class=\"clinical-status__icon\">\n          ${this.icon\n            ? html`<span class=\"clinical-status__custom-icon\">${this.icon}</span>`\n            : this._renderDefaultIcon()}\n        </div>\n\n        <div id=${messageId} part=\"message\" class=\"clinical-status__message\">\n          ${this.message}\n          ${this._hasSlottedContent\n            ? html`<div class=\"clinical-status__slot-content\">\n                <slot @slotchange=${this._handleSlotChange}></slot>\n              </div>`\n            : html`<slot @slotchange=${this._handleSlotChange}></slot>`}\n        </div>\n\n        <div\n          part=\"actions\"\n          class=${classMap({\n            'clinical-status__actions': true,\n            'clinical-status__actions--visible': this.dismissible || this._requiresAcknowledgment,\n          })}\n        >\n          ${this._requiresAcknowledgment && !this._acknowledged\n            ? html`\n                <button\n                  part=\"acknowledge-button\"\n                  class=\"clinical-status__acknowledge-button\"\n                  @click=${this._handleAcknowledge}\n                >\n                  Acknowledge\n                </button>\n              `\n            : nothing}\n          ${this.dismissible\n            ? html`\n                <button\n                  part=\"dismiss-button\"\n                  class=\"clinical-status__dismiss-button\"\n                  aria-label=\"Dismiss clinical status\"\n                  @click=${this._handleDismiss}\n                >\n                  ${this._renderCloseIcon()}\n                </button>\n              `\n            : nothing}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-clinical-status': HelixClinicalStatus;\n  }\n}\n\n/** Canonical type alias for the hx-clinical-status component. */\nexport type HxClinicalStatus = HelixClinicalStatus;\n"],"names":["helixClinicalStatusStyles","css","nextId","createIdCounter","HelixClinicalStatus","HelixElement","name","_old","value","changedProperties","html","e","slot","classes","severityLabel","messageId","classMap","nothing","forcedColorsSurface","__decorateClass","property","state","customElement"],"mappings":";;;;;;AAEO,MAAMA,IAA4BC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;ACUzC,MAAMC,IAASC,EAAgB,oBAAoB;AA8F5C,IAAMC,IAAN,cAAkCC,EAAa;AAAA,EAA/C,cAAA;AAAA,UAAA,GAAA,SAAA,GAcL,KAAA,WAA6B,QAO7B,KAAA,UAAU,IAQV,KAAA,cAAc,IASd,KAAA,aAAa,IAOb,KAAA,OAAO,IAQP,KAAA,UAAU,IAMV,KAAQ,qBAAqB,IAI7B,KAAQ,gBAAgB,IAMxB,KAAQ,eAAeH,EAAA,GAMvB,KAAQ,2BAA2B;AAAA,EAAA;AAAA;AAAA;AAAA,EAKnC,IAAY,eAAwB;AAClC,WAAO,KAAK,aAAa,cAAc,KAAK,aAAa;AAAA,EAC3D;AAAA;AAAA,EAGA,IAAY,QAAgB;AAC1B,WAAO,KAAK,eAAe,UAAU;AAAA,EACvC;AAAA;AAAA,EAGQ,iBAAyB;AAO/B,WANiD;AAAA,MAC/C,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,IAAA,EAEE,KAAK,QAAQ,KAAK;AAAA,EAClC;AAAA;AAAA,EAGA,IAAY,0BAAmC;AAC7C,WAAO,KAAK,aAAa,cAAc,KAAK,aAAa;AAAA,EAC3D;AAAA;AAAA,EAGA,IAAY,uBAAgC;AAC1C,WAAI,KAAK,2BACA,KAAK,aAEP,KAAK;AAAA,EACd;AAAA;AAAA,EAIS,oBAA0B;AACjC,UAAM,kBAAA,GACN,KAAK,WAAW,OAAO,KAAK;AAAA,EAC9B;AAAA,EAES,yBAAyBI,GAAcC,GAAqBC,GAA4B;AAC/F,UAAM,yBAAyBF,GAAMC,GAAMC,CAAK,GAC5CF,MAAS,iBACX,KAAK,2BAA2BE,MAAU;AAAA,EAE9C;AAAA,EAEmB,QAAQC,GAA+C;AACxE,UAAM,QAAQA,CAAiB,GAC3BA,EAAkB,IAAI,UAAU,MAClC,KAAK,WAAW,OAAO,KAAK;AAAA,EAEhC;AAAA;AAAA;AAAA,EAKQ,kBAAkB;AACxB,WAAOC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT;AAAA;AAAA,EAGQ,qBAAqB;AAC3B,WAAOA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT;AAAA;AAAA,EAGQ,sBAAsB;AAC5B,WAAOA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT;AAAA;AAAA,EAGQ,sBAAsB;AAC5B,WAAOA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT;AAAA;AAAA,EAGQ,qBAAqB;AAC3B,YAAQ,KAAK,UAAA;AAAA,MACX,KAAK;AACH,eAAO,KAAK,mBAAA;AAAA,MACd,KAAK;AACH,eAAO,KAAK,oBAAA;AAAA,MACd,KAAK;AACH,eAAO,KAAK,oBAAA;AAAA,MACd,KAAK;AAAA,MACL;AACE,eAAO,KAAK,gBAAA;AAAA,IAAgB;AAAA,EAElC;AAAA;AAAA,EAGQ,mBAAmB;AACzB,WAAOA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT;AAAA;AAAA;AAAA,EAKQ,kBAAkBC,GAAgB;AACxC,UAAMC,IAAOD,EAAE;AACf,SAAK,qBAAqBC,EAAK,cAAc,EAAE,SAAS,GAAA,CAAM,EAAE,SAAS;AAAA,EAC3E;AAAA;AAAA;AAAA,EAKQ,iBAAuB;AAC7B,SAAK;AAAA,MACH,IAAI,YAAkB,cAAc;AAAA,QAClC,SAAS;AAAA,QACT,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAAA,EAEL;AAAA;AAAA,EAGQ,qBAA2B;AACjC,SAAK,gBAAgB,IACrB,KAAK;AAAA,MACH,IAAI,YAAiE,kBAAkB;AAAA,QACrF,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ;AAAA,UACN,UAAU,KAAK;AAAA,UACf,YAAY,KAAK;AAAA,QAAA;AAAA,MACnB,CACD;AAAA,IAAA;AAAA,EAEL;AAAA;AAAA,EAIS,SAAS;AAChB,UAAMC,IAAU;AAAA,MACd,mBAAmB;AAAA,MACnB,CAAC,oBAAoB,KAAK,QAAQ,EAAE,GAAG;AAAA,MACvC,4BAA4B,KAAK;AAAA,IAAA,GAG7BC,IAAgB,KAAK,eAAA,GACrBC,IAAY,GAAG,KAAK,YAAY;AAEtC,WAAOL;AAAA,oCACyBM,EAASH,CAAO,CAAC,oBAAoBE,CAAS;AAAA,wDAC1BD,CAAa;AAAA;AAAA;AAAA,YAGzD,KAAK,OACHJ,+CAAkD,KAAK,IAAI,YAC3D,KAAK,oBAAoB;AAAA;AAAA;AAAA,kBAGrBK,CAAS;AAAA,YACf,KAAK,OAAO;AAAA,YACZ,KAAK,qBACHL;AAAA,oCACsB,KAAK,iBAAiB;AAAA,wBAE5CA,sBAAyB,KAAK,iBAAiB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKrDM,EAAS;AAAA,MACf,4BAA4B;AAAA,MAC5B,qCAAqC,KAAK,eAAe,KAAK;AAAA,IAAA,CAC/D,CAAC;AAAA;AAAA,YAEA,KAAK,2BAA2B,CAAC,KAAK,gBACpCN;AAAA;AAAA;AAAA;AAAA,2BAIa,KAAK,kBAAkB;AAAA;AAAA;AAAA;AAAA,kBAKpCO,CAAO;AAAA,YACT,KAAK,cACHP;AAAA;AAAA;AAAA;AAAA;AAAA,2BAKa,KAAK,cAAc;AAAA;AAAA,oBAE1B,KAAK,kBAAkB;AAAA;AAAA,kBAG7BO,CAAO;AAAA;AAAA;AAAA;AAAA,EAInB;AACF;AAxSab,EACK,SAAS,CAACJ,GAA2BkB,CAAmB;AAaxEC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAb9BhB,EAcX,WAAA,YAAA,CAAA;AAOAe,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GApBfhB,EAqBX,WAAA,WAAA,CAAA;AAQAe,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GA5B/BhB,EA6BX,WAAA,eAAA,CAAA;AASAe,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GArC/BhB,EAsCX,WAAA,cAAA,CAAA;AAOAe,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GA5CfhB,EA6CX,WAAA,QAAA,CAAA;AAQAe,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GApD/BhB,EAqDX,WAAA,WAAA,CAAA;AAMQe,EAAA;AAAA,EADPE,EAAA;AAAM,GA1DIjB,EA2DH,WAAA,sBAAA,CAAA;AAIAe,EAAA;AAAA,EADPE,EAAA;AAAM,GA9DIjB,EA+DH,WAAA,iBAAA,CAAA;AA/DGA,IAANe,EAAA;AAAA,EADNG,EAAc,oBAAoB;AAAA,GACtBlB,CAAA;"}

package/dist/shared/hx-combobox-NgJaLbs2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hx-combobox-NgJaLbs2.js","sources":["../../src/components/hx-combobox/hx-combobox.styles.ts","../../src/components/hx-combobox/hx-combobox.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixComboboxStyles = css`\n  :host {\n    display: block;\n  }\n  :host([disabled]) {\n    opacity: var(--hx-opacity-disabled, 0.5);\n    pointer-events: none;\n  }\n  * {\n    box-sizing: border-box;\n  }\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--hx-space-1, 0.25rem);\n    font-family: var(--hx-combobox-font-family, var(--hx-font-family-sans, sans-serif));\n    position: relative;\n  }\n  .field__label {\n    display: flex;\n    align-items: baseline;\n    gap: var(--hx-space-1, 0.25rem);\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    font-weight: var(--hx-font-weight-medium, 500);\n    color: var(--hx-combobox-label-color, var(--hx-color-text-strong, #202b39));\n    line-height: var(--hx-line-height-normal, 1.5);\n  }\n  .field__required-marker {\n    color: var(--hx-combobox-error-color, var(--hx-color-error-text, #c92a2a));\n    font-weight: var(--hx-font-weight-bold, 700);\n  }\n  .field__input-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n    border: var(--hx-border-width-thin, 1px) solid\n      var(--hx-combobox-border-color, var(--hx-color-border-strong, #66787b));\n    border-radius: var(--hx-combobox-border-radius, var(--hx-border-radius-md, 0.375rem));\n    background-color: var(--hx-combobox-bg, var(--hx-color-surface-default, #ffffff));\n    transition:\n      border-color var(--hx-transition-fast, 150ms ease),\n      box-shadow var(--hx-transition-fast, 150ms ease);\n  }\n  .field__input-wrapper:focus-within {\n    border-color: var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, #0f7078));\n    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)\n      color-mix(\n        in srgb,\n        var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, #0f7078))\n          calc(var(--hx-focus-ring-opacity, 0.25) * 100%),\n        transparent\n      );\n  }\n  .field--error .field__input-wrapper {\n    border-color: var(--hx-combobox-error-color, var(--hx-color-error-500, #e5493e));\n  }\n  .field--error .field__input-wrapper:focus-within {\n    border-color: var(--hx-combobox-error-color, var(--hx-color-error-500, #e5493e));\n    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)\n      color-mix(\n        in srgb,\n        var(--hx-combobox-error-color, var(--hx-color-error-500, #e5493e))\n          calc(var(--hx-focus-ring-opacity, 0.25) * 100%),\n        transparent\n      );\n  }\n  .field__prefix,\n  .field__suffix {\n    display: flex;\n    align-items: center;\n    padding: 0 var(--hx-space-2, 0.5rem);\n    color: var(--hx-color-text-muted, #4a5362);\n    flex-shrink: 0;\n  }\n  .field__input {\n    flex: 1;\n    min-width: 0;\n    min-height: var(--hx-input-height-md, var(--hx-size-10, 2.5rem));\n    border: none;\n    background: transparent;\n    outline: none;\n    font-family: inherit;\n    font-size: var(--hx-font-size-md, 1rem);\n    line-height: var(--hx-line-height-normal, 1.5);\n    color: var(--hx-combobox-color, var(--hx-color-text-strong, #202b39));\n    padding: var(--hx-space-2, 0.5rem) var(--hx-space-3, 0.75rem);\n  }\n  .field__input::placeholder {\n    color: var(--hx-color-text-placeholder, #66787b);\n  }\n  .field__input--sm {\n    min-height: var(--hx-input-height-sm, var(--hx-size-8, 2rem));\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    padding: var(--hx-space-1, 0.25rem) var(--hx-space-3, 0.75rem);\n  }\n  .field__input--lg {\n    min-height: var(--hx-input-height-lg, var(--hx-size-12, 3rem));\n    font-size: var(--hx-font-size-lg, 1.125rem);\n    padding: var(--hx-space-3, 0.75rem) var(--hx-space-4, 1rem);\n  }\n  .field__clear-button,\n  .field__loading-indicator {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-inline-end: var(--hx-space-2, 0.5rem);\n    flex-shrink: 0;\n    color: var(--hx-color-text-placeholder, #66787b);\n  }\n  .field__clear-button {\n    width: 1.25rem;\n    height: 1.25rem;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n    padding: 0;\n    border-radius: var(--hx-border-radius-full, 9999px);\n    transition: color var(--hx-transition-fast, 150ms ease);\n  }\n  .field__clear-button:hover {\n    color: var(--hx-color-text-strong, #202b39);\n  }\n  .field__clear-button:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, #0f7078));\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n  }\n  .field__loading-indicator {\n    width: 1rem;\n    height: 1rem;\n  }\n  .field__loading-spinner {\n    width: 1rem;\n    height: 1rem;\n    border: 2px solid currentColor;\n    border-top-color: transparent;\n    border-radius: 50%;\n    animation: hx-spin 0.7s linear infinite;\n  }\n  @keyframes hx-spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .field__loading-spinner {\n      animation: none;\n    }\n  }\n  .field__listbox {\n    position: absolute;\n    top: calc(100% + var(--hx-space-1, 0.25rem));\n    left: 0;\n    right: 0;\n    z-index: var(--hx-z-index-dropdown, 1000);\n    background-color: var(--hx-combobox-listbox-bg, var(--hx-color-surface-default, #ffffff));\n    border: var(--hx-border-width-thin, 1px) solid\n      var(--hx-combobox-border-color, var(--hx-color-border-strong, #66787b));\n    border-radius: var(--hx-combobox-border-radius, var(--hx-border-radius-md, 0.375rem));\n    box-shadow: var(\n      --hx-combobox-listbox-shadow,\n      0 4px 16px color-mix(in srgb, var(--hx-color-neutral-900, #0d1825) 12%, transparent)\n    );\n    max-height: var(--hx-combobox-listbox-max-height, 16rem);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n  }\n  .field__listbox[hidden] {\n    display: none;\n  }\n  .field__options {\n    overflow-y: auto;\n    flex: 1;\n    padding: var(--hx-space-1, 0.25rem) 0;\n  }\n  .field__option {\n    display: flex;\n    align-items: center;\n    gap: var(--hx-space-2, 0.5rem);\n    padding: var(--hx-space-2, 0.5rem) var(--hx-space-3, 0.75rem);\n    font-size: var(--hx-font-size-md, 1rem);\n    color: var(--hx-combobox-color, var(--hx-color-text-strong, #202b39));\n    cursor: pointer;\n    user-select: none;\n    -webkit-user-select: none;\n    transition: background-color var(--hx-transition-fast, 150ms ease);\n  }\n  .field__option:hover {\n    background-color: var(--hx-combobox-option-hover-bg, var(--hx-color-primary-50, #ebf8f8));\n  }\n  .field__option--selected {\n    background-color: var(--hx-combobox-option-selected-bg, var(--hx-color-primary-100, #dbf0f0));\n    font-weight: var(--hx-font-weight-medium, 500);\n  }\n  .field__option--focused {\n    background-color: var(--hx-combobox-option-hover-bg, var(--hx-color-primary-50, #ebf8f8));\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, #0f7078));\n    outline-offset: var(--hx-combobox-option-focus-ring-offset, -2px);\n  }\n  .field__option--focused.field__option--selected {\n    background-color: var(--hx-combobox-option-selected-bg, var(--hx-color-primary-100, #dbf0f0));\n  }\n  .field__option--disabled {\n    opacity: var(--hx-opacity-disabled, 0.5);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n  .field__option-label {\n    flex: 1;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  .field__no-options {\n    padding: var(--hx-space-3, 0.75rem);\n    text-align: center;\n    color: var(--hx-color-text-placeholder, #66787b);\n    font-size: var(--hx-font-size-sm, 0.875rem);\n  }\n  .field__sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n  .field__help-text,\n  .field__error {\n    font-size: var(--hx-font-size-xs, 0.75rem);\n    line-height: var(--hx-line-height-normal, 1.5);\n  }\n  .field__help-text {\n    color: var(--hx-color-text-muted, #4a5362);\n  }\n  .field__error {\n    color: var(--hx-combobox-error-color, var(--hx-color-error-text, #c92a2a));\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .field__input-wrapper,\n    .field__option,\n    .field__clear-button,\n    .field__chip-remove {\n      transition: none;\n    }\n  }\n  @media (forced-colors: active) {\n    .field__input-wrapper {\n      forced-color-adjust: none;\n      background-color: Field;\n      color: FieldText;\n      border: 2px solid ButtonText;\n    }\n    .field__input {\n      color: FieldText;\n    }\n    .field__input::placeholder {\n      color: GrayText;\n    }\n    .field__input-wrapper:focus-within {\n      border-color: Highlight;\n      box-shadow: none;\n    }\n    .field__listbox {\n      forced-color-adjust: none;\n      background-color: Canvas;\n      border: 2px solid CanvasText;\n      box-shadow: none;\n    }\n    .field__option {\n      color: CanvasText;\n    }\n    .field__option:hover {\n      background-color: Highlight;\n      color: HighlightText;\n    }\n    .field__option--selected {\n      background-color: Highlight;\n      color: HighlightText;\n    }\n    .field__option--focused {\n      outline-color: Highlight;\n      background-color: Highlight;\n      color: HighlightText;\n    }\n    .field__option--disabled {\n      color: GrayText;\n      opacity: 1;\n    }\n    .field__chip {\n      forced-color-adjust: none;\n      background-color: Highlight;\n      color: HighlightText;\n      border: 1px solid HighlightText;\n    }\n    .field__chip-remove:focus-visible {\n      outline-color: Highlight;\n    }\n    .field__clear-button:focus-visible {\n      outline-color: Highlight;\n    }\n    .field--error .field__input-wrapper {\n      border-color: LinkText;\n    }\n    :host([disabled]) {\n      opacity: 1;\n    }\n    :host([disabled]) .field__input-wrapper {\n      border-color: GrayText;\n      color: GrayText;\n    }\n    :host([disabled]) .field__input {\n      color: GrayText;\n    }\n    .field__label {\n      color: CanvasText;\n    }\n    .field__help-text {\n      color: GrayText;\n    }\n    .field__error {\n      color: LinkText;\n    }\n  }\n  :host([multiple]) .field__input-wrapper {\n    flex-wrap: wrap;\n    padding: var(--hx-space-1, 0.25rem);\n    gap: var(--hx-space-1, 0.25rem);\n    align-items: center;\n  }\n  :host([multiple]) .field__input {\n    min-width: 8rem;\n    padding: var(--hx-space-1, 0.25rem) var(--hx-space-2, 0.5rem);\n    flex-shrink: 1;\n  }\n  .field__chip {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--hx-space-1, 0.25rem);\n    padding: 0 var(--hx-space-1, 0.25rem) 0 var(--hx-space-2, 0.5rem);\n    height: 1.5rem;\n    background-color: var(--hx-combobox-chip-bg, var(--hx-color-primary-100, #dbf0f0));\n    color: var(--hx-combobox-chip-color, var(--hx-color-primary-800, #07494a));\n    border-radius: var(--hx-border-radius-full, 9999px);\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    white-space: nowrap;\n    max-width: 12rem;\n    flex-shrink: 0;\n  }\n  .field__chip-label {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 8rem;\n  }\n  .field__chip-remove {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1rem;\n    height: 1rem;\n    border: none;\n    background: none;\n    cursor: pointer;\n    padding: 0;\n    color: inherit;\n    opacity: 0.7;\n    border-radius: 50%;\n    line-height: 1;\n    transition: opacity var(--hx-transition-fast, 150ms ease);\n  }\n  .field__chip-remove:hover {\n    opacity: 1;\n    background-color: var(--hx-combobox-chip-remove-hover-bg, var(--hx-color-primary-200, #bce1e1));\n  }\n  .field__chip-remove:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, #0f7078));\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n    opacity: 1;\n  }\n`;\n","import { html, nothing, type PropertyValues } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { HelixElement, createIdCounter } from '../../base/index.js';\nimport { FormMixin } from '../../mixins/FormMixin.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { helixComboboxStyles } from './hx-combobox.styles.js';\nimport { forcedColorsField } from '../../styles/forced-colors.js';\nimport { devWarn } from '../../utils/dev-warn.js';\nimport {\n  installAriaIdrefMirror,\n  resolveIdrefTokens,\n  supportsIdrefElementReferences,\n  type AriaIdrefMirrorHandle,\n} from '../../utils/aria-idref.js';\n\n// PERF: hx-combobox exceeds 5KB budget (6.87kb gzipped) -- typeahead filtering, multi-select chips, async loading\n\n// ─── Internal option model ───\n\n// P1-7: Exported so TypeScript consumers can type option arrays programmatically\nexport interface ComboboxOption {\n  value: string;\n  label: string;\n  disabled: boolean;\n}\n\n// P2-13: Exported size type for TypeScript consumers\nexport type HxComboboxSize = 'sm' | 'md' | 'lg';\n\nconst _nextComboboxId = createIdCounter('hx-combobox');\n\n/**\n * AccName-aware text flattener. Walks the subtree of `root` and concatenates\n * text-node content, REJECTING any element subtree carrying `aria-hidden=\"true\"`\n * or the `hidden` attribute per W3C AccName 1.2 §4.3.10. Used by hx-combobox\n * for both external IDREF flatten (host aria-labelledby/aria-describedby\n * targets) and slotted-label aggregation, so nested decorative content like\n * `<svg aria-hidden=\"true\"><title>icon</title></svg>` does not leak into the\n * inner input's announced name/description.\n *\n * Round-11 F1/F2 (P2): the TreeWalker filter only inspects elements VISITED\n * during the walk — it never tests the root itself, so a hidden ROOT (e.g.\n * `<span slot=\"label\" hidden>Secret</span>` or\n * `<span slot=\"help-text\" aria-hidden=\"true\">stale</span>`) would still\n * contribute its descendants' text. Per AccName 1.2 §4.3.10, a hidden root\n * contributes the empty string. Gate the walk here so every caller (slotted\n * label/help/error and external IDREF flatten) honors the rule symmetrically.\n */\nfunction flattenAccName(root: Element): string {\n  if (root.getAttribute('aria-hidden') === 'true' || root.hasAttribute('hidden')) {\n    return '';\n  }\n  let result = '';\n  const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT, {\n    acceptNode(node) {\n      if (node.nodeType === Node.ELEMENT_NODE) {\n        const el = node as Element;\n        if (el.getAttribute('aria-hidden') === 'true') {\n          return NodeFilter.FILTER_REJECT;\n        }\n        if (el.hasAttribute('hidden')) {\n          return NodeFilter.FILTER_REJECT;\n        }\n        return NodeFilter.FILTER_SKIP;\n      }\n      return NodeFilter.FILTER_ACCEPT;\n    },\n  });\n  let textNode: Node | null = walker.nextNode();\n  while (textNode) {\n    result += textNode.textContent ?? '';\n    textNode = walker.nextNode();\n  }\n  return result.replace(/\\s+/g, ' ').trim();\n}\n\n/** Detail for hx-input and hx-change events dispatched by hx-combobox. */\nexport interface HxComboboxDetail {\n  value: string;\n}\n\n/**\n * A form-associated combobox component combining a text input with a listbox\n * for autocomplete and typeahead. Supports filtering, free-text entry,\n * keyboard navigation, and async option loading.\n *\n * @summary Form-associated combobox with autocomplete, filtering, and keyboard navigation.\n *\n * @tag hx-combobox\n *\n * @slot option - Slot for `<option>` elements that populate the listbox.\n * @slot prefix - Content to display before the text input.\n * @slot suffix - Content to display after the text input.\n * @slot empty-label - Content shown when no options match the filter.\n * @slot label - Custom label content (overrides the label property).\n * @slot error - Custom error content (overrides the error property).\n * @slot help-text - Custom help text content (overrides the helpText property).\n *\n * @fires {CustomEvent<{value: string}>} hx-input - Dispatched on each keystroke as the user types.\n * @fires {CustomEvent<{value: string}>} hx-change - Dispatched when an option is selected.\n * @fires {CustomEvent<void>} hx-clear - Dispatched when the clear button is activated.\n * @fires {CustomEvent<void>} hx-show - Dispatched when the listbox opens.\n * @fires {CustomEvent<void>} hx-hide - Dispatched when the listbox closes.\n *\n * @csspart input - The native text input element.\n * @csspart listbox - The dropdown panel containing options.\n * @csspart trigger - The input wrapper element acting as the combobox trigger.\n * @csspart clear-button - The button that clears the current value.\n * @csspart loading-indicator - The loading spinner shown during async operations.\n * @csspart field - The outer field wrapper element.\n * @csspart label - The label element.\n * @csspart option - An individual option item in the listbox.\n * @csspart error - The error message element.\n * @csspart help-text - The help text element.\n *\n * @cssprop [--hx-combobox-bg=var(--hx-color-neutral-0)] - Input background color.\n * @cssprop [--hx-combobox-color=var(--hx-color-neutral-800)] - Input text color.\n * @cssprop [--hx-combobox-border-color=var(--hx-color-neutral-300)] - Border color.\n * @cssprop [--hx-combobox-border-radius=var(--hx-border-radius-md)] - Border radius.\n * @cssprop [--hx-combobox-font-family=var(--hx-font-family-sans)] - Font family.\n * @cssprop [--hx-combobox-focus-ring-color=var(--hx-focus-ring-color)] - Focus ring color.\n * @cssprop [--hx-combobox-error-color=var(--hx-color-error-500)] - Error state color.\n * @cssprop [--hx-combobox-label-color=var(--hx-color-neutral-700)] - Label text color.\n * @cssprop [--hx-combobox-listbox-bg=var(--hx-color-neutral-0)] - Listbox background color.\n * @cssprop [--hx-combobox-option-hover-bg=var(--hx-color-primary-50)] - Option hover background.\n * @cssprop [--hx-combobox-option-selected-bg=var(--hx-color-primary-100)] - Selected option background.\n * @cssprop [--hx-opacity-disabled] - Opacity.\n * @cssprop [--hx-space-1] - Spacing token.\n * @cssprop [--hx-font-family-sans] - Font family.\n * @cssprop [--hx-font-size-sm] - Font size.\n * @cssprop [--hx-font-weight-medium] - Font weight.\n * @cssprop [--hx-color-neutral-700] - Color.\n * @cssprop [--hx-line-height-normal] - Line height.\n * @cssprop [--hx-color-error-text] - Color.\n * @cssprop [--hx-font-weight-bold] - Font weight.\n * @cssprop [--hx-border-width-thin] - Width.\n * @cssprop [--hx-color-neutral-300] - Color.\n * @cssprop [--hx-border-radius-md] - CSS custom property.\n * @cssprop [--hx-color-neutral-0] - Color.\n * @cssprop [--hx-transition-fast] - Transition timing.\n * @cssprop [--hx-focus-ring-color] - Color.\n * @cssprop [--hx-color-primary-400] - Color.\n * @cssprop [--hx-focus-ring-width] - Width.\n * @cssprop [--hx-focus-ring-opacity] - CSS custom property.\n * @cssprop [--hx-color-error-500] - Color.\n * @cssprop [--hx-space-2] - Spacing token.\n * @cssprop [--hx-color-neutral-500] - Color.\n * @cssprop [--hx-input-height-md] - Height.\n * @cssprop [--hx-size-10] - Size token.\n * @cssprop [--hx-font-size-md] - Font size.\n * @cssprop [--hx-color-neutral-800] - Color.\n * @cssprop [--hx-space-3] - Spacing token.\n * @cssprop [--hx-color-neutral-400] - Color.\n * @cssprop [--hx-input-height-sm] - Height.\n * @cssprop [--hx-size-8] - Size token.\n * @cssprop [--hx-input-height-lg] - Height.\n * @cssprop [--hx-size-12] - Size token.\n * @cssprop [--hx-font-size-lg] - Font size.\n * @cssprop [--hx-space-4] - Spacing token.\n * @cssprop [--hx-border-radius-full] - CSS custom property.\n * @cssprop [--hx-color-primary-500] - Color.\n * @cssprop [--hx-focus-ring-offset] - CSS custom property.\n * @cssprop [--hx-z-index-dropdown] - Z-index layer.\n * @cssprop [--hx-combobox-listbox-shadow] - CSS custom property.\n * @cssprop [--hx-color-neutral-900] - Color.\n * @cssprop [--hx-combobox-listbox-max-height=16rem] - Height.\n * @cssprop [--hx-color-primary-50] - Color.\n * @cssprop [--hx-color-primary-100] - Color.\n * @cssprop [--hx-combobox-option-focus-ring-offset=-2px] - Focus ring styling.\n * @cssprop [--hx-font-size-xs] - Font size.\n * @cssprop [--hx-combobox-chip-bg=var(--hx-color-primary-100)] - Background color.\n * @cssprop [--hx-combobox-chip-color=var(--hx-color-primary-800)] - Color.\n * @cssprop [--hx-color-primary-800] - Color.\n * @cssprop [--hx-combobox-chip-remove-hover-bg=var(--hx-color-primary-200)] - Background color.\n * @cssprop [--hx-color-primary-200] - Color.\n * @aaa-certified 2026-05-08\n * @aaa-criteria 1.4.6, 1.4.9, 2.1.3, 2.3.3, 2.4.12, 2.4.13, 2.5.5, 3.2.5, 3.3.6, forced-colors, apg-keyboard\n * @aaa-audit src/components/hx-combobox/AAA-AUDIT.md\n * @keyboard-contract navigate=Arrow,Home,End; activate=Enter; dismiss=Escape; disabled-suppresses=true\n * @aria-pattern combobox\n * @aria-pattern-source https://www.w3.org/WAI/ARIA/apg/patterns/combobox/\n * @forced-colors-supported true\n * @stability stable\n * @since 3.7.0\n * @form-associated true\n * @theme-aware true\n * @brand-aware true\n * @drupal-sdc-eligible true\n * @react-wrapper-status complete\n * @figma-component-name hx-combobox\n * @priority-tier P0\n * @phi-handles false\n * @clinical-context none\n */\n@customElement('hx-combobox')\nexport class HelixCombobox extends FormMixin(HelixElement) {\n  static override styles = [helixComboboxStyles, forcedColorsField];\n\n  // ─── Form Association ───\n\n  /** Marks this element as form-associated for ElementInternals support. @internal */\n  static override formAssociated = true;\n\n  /**\n   * Test seam (round-3 finding 4): when set to `true` or `false`, overrides\n   * the platform `supportsIdrefElementReferences` probe before\n   * `connectedCallback` seeds `_supportsIdrefRefs`. Mid-life flag flips on a\n   * connected instance allowed stale modern internals (set during connect)\n   * to leak into the fallback branch — tests must select the path BEFORE\n   * the host connects so the synthetic environment matches a legacy engine.\n   *\n   * Production code MUST NOT touch this field. It is a `static` so the test\n   * stub cleanup is global and obvious.\n   * @internal\n   */\n  static __testSupportsIdrefRefsOverride: boolean | null = null;\n\n  // ─── Stable IDs ───\n\n  /** @internal */\n  private _id = _nextComboboxId();\n  /** @internal */\n  private _listboxId = `${this._id}-listbox`;\n  /** @internal */\n  private _helpTextId = `${this._id}-help`;\n  /** @internal */\n  private _errorId = `${this._id}-error`;\n  /** @internal */\n  private _labelId = `${this._id}-label`;\n  /** @internal */\n  private _liveRegionId = `${this._id}-live`;\n  /**\n   * Round-5 F1 (P1): id of the synthesized in-shadow span that mirrors the\n   * consumer-resolved description text. This id is appended to the inner\n   * input's `aria-describedby` so AT picks the consumer description up\n   * through the standard described-by channel — `aria-description` is\n   * intentionally NOT written, because the W3C AccName algorithm ignores\n   * `aria-description` whenever `aria-describedby` is also present.\n   * @internal\n   */\n  private _consumerDescId = `${this._id}-consumer-desc`;\n\n  // ─── Public Properties ───\n\n  /**\n   * The visible label text for the combobox.\n   * @attr label\n   */\n  @property({ type: String })\n  label = '';\n\n  /**\n   * Placeholder text shown in the input when no value is entered.\n   * @attr placeholder\n   */\n  @property({ type: String })\n  placeholder = '';\n\n  /**\n   * The current value of the combobox.\n   * @attr value\n   */\n  @property({ type: String, reflect: true })\n  value = '';\n\n  /**\n   * Whether the combobox is required for form submission.\n   * @attr required\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * Whether the combobox is disabled.\n   * @attr disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The name used for form submission.\n   * @attr name\n   */\n  @property({ type: String, reflect: true })\n  name = '';\n\n  /**\n   * Error message to display. When set, the field enters an error state.\n   * @attr error\n   */\n  @property({ type: String })\n  error = '';\n\n  /**\n   * Help text displayed below the combobox for guidance.\n   * @attr help-text\n   */\n  @property({ type: String, attribute: 'help-text' })\n  helpText = '';\n\n  /**\n   * Size variant of the combobox.\n   * @attr hx-size\n   */\n  @property({ type: String, attribute: 'hx-size', reflect: true })\n  size: 'sm' | 'md' | 'lg' = 'md';\n\n  /**\n   * Whether multiple options can be selected.\n   * @attr multiple\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * Whether the combobox shows a clear button when a value is set.\n   * @attr clearable\n   */\n  @property({ type: Boolean, reflect: true })\n  clearable = false;\n\n  /**\n   * Whether the combobox is in a loading state (shows spinner).\n   * @attr loading\n   */\n  @property({ type: Boolean, reflect: true })\n  loading = false;\n\n  /**\n   * Debounce delay in milliseconds for the filter input event.\n   * @attr filter-debounce\n   */\n  @property({ type: Number, attribute: 'filter-debounce' })\n  filterDebounce = 0;\n\n  /**\n   * Accessible name for screen readers, if different from the visible label.\n   * Uses `accessible-label` attribute instead of `aria-label` to avoid\n   * ARIAMixin shadowing on the host element.\n   *\n   * Note: `mixinDelegatesAria` is not applied to this component because form\n   * inputs with associated labels delegate accessible naming via `<label>`\n   * association and `aria-labelledby`, not host-level ARIA delegation. The\n   * `accessible-label` attribute is a fallback for label-free usage. The value is forwarded to the\n   * host's `internals.ariaLabel` on the modern path.\n   * @attr accessible-label\n   */\n  @property({ type: String, attribute: 'accessible-label' })\n  accessibleLabel: string | null = null;\n\n  /**\n   * Text shown when no options match the current filter.\n   * @attr label-no-options\n   */\n  @property({ type: String, attribute: 'label-no-options' })\n  labelNoOptions = 'No options found';\n\n  /**\n   * Validation message shown when the field is required but empty.\n   * @attr label-required\n   */\n  @property({ type: String, attribute: 'label-required' })\n  labelRequired = 'Please select an option.';\n\n  /**\n   * Generates the accessible label for multi-select chip remove buttons.\n   * @param label - the option label text\n   */\n  @property({ attribute: false })\n  labelRemoveOption: (label: string) => string = (label) => `Remove ${label}`;\n\n  // ─── Internal State ───\n\n  /** Parsed option models derived from slotted `<option>` and `<optgroup>` elements. @internal */\n  @state() private _options: ComboboxOption[] = [];\n  /** Current text typed in the input, used to filter the option list. @internal */\n  @state() private _filterText = '';\n  /** Whether the listbox dropdown is currently visible. @internal */\n  @state() private _open = false;\n  /** Zero-based index of the keyboard-focused option within the filtered list; -1 means none. @internal */\n  @state() private _focusedOptionIndex = -1;\n  /** Whether the named error slot contains projected content. @internal */\n  @state() private _hasErrorSlot = false;\n  /** Whether the named help-text slot contains projected content. @internal */\n  @state() private _hasHelpSlot = false;\n  /** Live-region announcement text describing the current number of filtered options. @internal */\n  @state() private _filterAnnouncement = '';\n  /**\n   * Source of the accessible name. Discriminated union replaces the magic\n   * `'*slotted*'` sentinel so a future caller setting `label=\"*slotted*\"`\n   * literally cannot be confused with a slotted label.\n   * @internal\n   */\n  @state() private _labelSource: 'string' | 'slot' | 'none' = 'none';\n  /**\n   * Flattened, trimmed text content of any text nodes in the label slot —\n   * used to drive `internals.ariaLabel` when the consumer projects only a\n   * text node (no element to add to `labelEls`).\n   * @internal\n   */\n  @state() private _labelSlotText = '';\n  /**\n   * Whether the named label slot contributes a useful name. Requires either\n   * a labellable element OR non-empty trimmed text content (whitespace-only\n   * does NOT count).\n   * @internal\n   */\n  @state() private _hasLabelSlot = false;\n  /**\n   * Whether the platform supports IDL element references on `ElementInternals`.\n   * Drives the cross-shadow naming strategy for the inner `<input>`: modern\n   * path resolves consumer light-DOM IDREFs and writes them as cloned/proxied\n   * ids into the inner input's `aria-labelledby` / `aria-describedby`;\n   * fallback path mirrors only consumer `aria-labelledby` / `aria-describedby`\n   * tokens (resolved through the IDREF resolver) onto the inner input.\n   *\n   * ARCHITECTURE — W3C APG editable combobox (option I):\n   * `role=\"combobox\"` lives on the inner `<input>` (replaces the implicit\n   * textbox role). All combobox state ARIA — `aria-expanded`, `aria-controls`,\n   * `aria-activedescendant`, `aria-autocomplete`, `aria-haspopup`,\n   * `aria-required`, `aria-invalid`, `aria-disabled`, `aria-busy` — lives on\n   * the inner input. The host carries no role and no tabindex; it is not a\n   * tab stop and not an announced AT surface.\n   * @internal\n   */\n  @state() private _supportsIdrefRefs = true;\n  /**\n   * Cached invalidity flag derived from `internals.validity.valid` after the\n   * latest `setValidity()` call. Drives the inner input's `aria-invalid`.\n   * @internal\n   */\n  @state() private _invalid = false;\n  /**\n   * Deferred copy of `error` driven through reactive state so the persistent\n   * live region can re-announce on transitions without direct DOM mutation.\n   * @internal\n   */\n  @state() private _announcedError = '';\n\n  // ─── Queries ───\n\n  /** Reference to the native text input element inside the shadow DOM. @internal */\n  @query('.field__input')\n  private _input: HTMLInputElement | undefined;\n\n  // ─── Debounce timer ───\n\n  /** @internal */\n  private _debounceTimer: ReturnType<typeof setTimeout> | null = null;\n\n  // ─── Multiple Selection ───\n\n  // P0-1: Derive selected values Set from the comma-separated value property\n  /** @internal */\n  private get _selectedValuesSet(): Set<string> {\n    if (!this.multiple || !this.value) return new Set();\n    return new Set(this.value.split(',').filter(Boolean));\n  }\n\n  // ─── Filtered options ───\n\n  /** @internal */\n  private get _filteredOptions(): ComboboxOption[] {\n    if (!this._filterText) return this._options;\n    const lower = this._filterText.toLowerCase();\n    return this._options.filter((o) => o.label.toLowerCase().includes(lower));\n  }\n\n  // ─── Host-canonical ARIA bookkeeping ───\n\n  /**\n   * Handle for the shared IDREF observer. See `installAriaIdrefMirror()`.\n   * @internal\n   */\n  private _ariaMirror: AriaIdrefMirrorHandle | null = null;\n  /**\n   * Watches assigned `<slot name=\"help-text\">` nodes for in-place text\n   * mutations so the no-IDL-ref fallback `internals.ariaDescription` stays in sync.\n   * @internal\n   */\n  private _helpSlotTextObserver: MutationObserver | null = null;\n  /**\n   * Watches assigned `<slot name=\"error\">` nodes for in-place text mutations.\n   * @internal\n   */\n  private _errorSlotTextObserver: MutationObserver | null = null;\n  /**\n   * Round-10 finding 1: dedicated host observer scoped to `aria-describedby`\n   * with `attributeOldValue: true`. Governed by the disconnect-during-strip\n   * discipline. See `_syncHostAriaSemantics` fallback branch.\n   * @internal\n   */\n  private _hostDescribedByObserver: MutationObserver | null = null;\n  /**\n   * Most recently observed *consumer-supplied* `aria-labelledby` baseline.\n   * Refreshed only when the host attribute changes via an external write.\n   * On the modern path the host attribute is preserved; on the legacy\n   * fallback the attribute is stripped during sync, so this baseline is the\n   * only durable record of what the consumer asked for.\n   * @internal\n   */\n  private _consumerLabelledBy: string | null = null;\n  /** @internal — see `_consumerLabelledBy`. */\n  private _consumerDescribedBy: string | null = null;\n  /**\n   * Direct references to ALL labellable elements projected into\n   * `<slot name=\"label\">`. Round-4 F1 (P2): aggregating every assigned element\n   * — not just the first — preserves composed labels such as\n   * `<svg slot=\"label\" aria-hidden=\"true\">…</svg><span slot=\"label\">Patient</span>`\n   * or `<span slot=\"label\">First</span><span slot=\"label\">name</span>`. The\n   * modern path passes the full array to `internals.ariaLabelledByElements`\n   * and the fallback path text-flattens every node into `_labelSlotText` per\n   * AccName 1.2. Avoids mutating consumer light-DOM and survives nested\n   * shadow roots without fragile getElementById chains.\n   * @internal\n   */\n  private _slottedLabelEls: Element[] = [];\n  /**\n   * Round-4 F2 (P2): observes in-place text mutations on the assigned slotted\n   * label nodes (e.g. consumer i18n re-renders that mutate the same\n   * `<span slot=\"label\">` `textContent` instead of replacing it). Mirrors the\n   * round-23 P2 pattern from `_helpSlotTextObserver` / `_errorSlotTextObserver`.\n   * `slotchange` does NOT fire when only the descendant text mutates, so this\n   * observer is the only signal that keeps the no-IDL-ref fallback\n   * `aria-label` and the announced name in sync with the visible label.\n   * @internal\n   */\n  private _labelSlotTextObserver: MutationObserver | null = null;\n  /**\n   * Round-7 F1 (P2): observes in-place text mutations on consumer light-DOM\n   * elements resolved from host `aria-labelledby` / `aria-describedby`. When a\n   * consumer keeps the same `<label id=\"...\">` but mutates its `textContent`\n   * (e.g. an i18n rerender), `slotchange` does not fire and the host\n   * attribute does not change — so without this observer the inner input's\n   * `aria-label` and the synthesized description span keep announcing the\n   * old flattened text indefinitely. Reinstalled on every sync against the\n   * deduped union of resolved label/desc elements; disconnects automatically\n   * when the consumer retracts both attribute chains.\n   * @internal\n   */\n  private _externalRefsObserver: MutationObserver | null = null;\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    // Round-3 finding 4: honour the static test override so synthetic\n    // environments choose the path BEFORE connect runs.\n    const ctor = this.constructor as typeof HelixCombobox;\n    this._supportsIdrefRefs =\n      ctor.__testSupportsIdrefRefsOverride !== null\n        ? ctor.__testSupportsIdrefRefsOverride\n        : supportsIdrefElementReferences(this._internals);\n\n    // Round-10 finding 1: install the dedicated `aria-describedby` retraction\n    // observer BEFORE the seeded `_syncHostAriaSemantics()` call below, then\n    // govern its lifetime with the disconnect-during-strip discipline.\n    this._hostDescribedByObserver = new MutationObserver((records) => {\n      let consumerCleared = false;\n      for (const record of records) {\n        if (record.attributeName !== 'aria-describedby') continue;\n        const oldValue = record.oldValue;\n        const newValue = this.getAttribute('aria-describedby');\n        if (oldValue !== null && newValue === null) {\n          // Consumer authentically retracted `aria-describedby`.\n          this._consumerDescribedBy = null;\n          consumerCleared = true;\n        }\n      }\n      if (consumerCleared) {\n        this._syncHostAriaSemantics();\n      }\n    });\n    this._hostDescribedByObserver.observe(this, {\n      attributes: true,\n      attributeFilter: ['aria-describedby'],\n      attributeOldValue: true,\n    });\n\n    // Seed root-independent semantics from connect so the host announces\n    // combobox role before first paint.\n    this._syncHostAriaSemantics();\n    this._ariaMirror = installAriaIdrefMirror(this, () => {\n      this._syncHostAriaSemantics();\n    });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    // Safety net: remove listener if component is removed while dropdown is open\n    if (typeof document !== 'undefined') {\n      document.removeEventListener('click', this._handleOutsideClick);\n    }\n    if (this._debounceTimer !== null) {\n      clearTimeout(this._debounceTimer);\n    }\n    // Reset open state to prevent persisted open state on reconnect\n    if (this._open) {\n      this._open = false;\n    }\n    this._ariaMirror?.disconnect();\n    this._ariaMirror = null;\n    this._helpSlotTextObserver?.disconnect();\n    this._helpSlotTextObserver = null;\n    this._errorSlotTextObserver?.disconnect();\n    this._errorSlotTextObserver = null;\n    this._labelSlotTextObserver?.disconnect();\n    this._labelSlotTextObserver = null;\n    this._hostDescribedByObserver?.disconnect();\n    this._hostDescribedByObserver = null;\n    this._externalRefsObserver?.disconnect();\n    this._externalRefsObserver = null;\n  }\n\n  override updated(changedProperties: PropertyValues<this>): void {\n    super.updated(changedProperties);\n    if (changedProperties.has('value')) {\n      this._updateFormValue();\n    }\n    if (changedProperties.has('label')) {\n      this._refreshLabelSource();\n    }\n    // Host-elevated ARIA semantics — see _syncHostAriaSemantics.\n    this._syncHostAriaSemantics();\n    // Drive re-announcement from reactive state so the persistent live region\n    // stays in the shadow tree across error transitions.\n    if (changedProperties.has('error')) {\n      const previousError = changedProperties.get('error') as string;\n      if (previousError && this.error) {\n        // Error→error: clear then re-set after rAF so AT re-announces.\n        this._announcedError = '';\n        requestAnimationFrame(() => {\n          this._announcedError = this.error;\n        });\n      } else {\n        this._announcedError = this.error;\n      }\n    }\n  }\n\n  override willUpdate(changedProperties: PropertyValues<this>): void {\n    super.willUpdate(changedProperties);\n    // Round-7 F2 (P2) / round-10 F2 (P2): seed `_announcedError` BEFORE render\n    // so the persistent live region renders with the error text in the SAME\n    // frame that removes `hidden` from the alert container.\n    //\n    // Round-7 covered first paint (initial property/attribute). Round-10\n    // extended this to RUNTIME transitions: when `error` flips from \"\" to\n    // \"Server rejected\" via async/server-side validation, updating\n    // `_announcedError` only in `updated()` left one frame where the alert\n    // container was visible but empty — `aria-describedby` also pointed at an\n    // empty error node for that cycle. Seeding here keeps the first visible\n    // frame populated.\n    //\n    // The error-to-error rAF toggle in `updated()` still owns re-announcement\n    // semantics for subsequent transitions (clearing then re-setting to force\n    // AT to re-read role=\"alert\" content).\n    if (changedProperties.has('error') || !this.hasUpdated) {\n      this._announcedError = this.error ?? '';\n    }\n  }\n\n  override firstUpdated(changedProperties: PropertyValues<this>): void {\n    super.firstUpdated(changedProperties);\n    // Round-5 F2 (P2): `slotchange` fires as a microtask after the initial\n    // synchronous render. Without proactive seeding, the first\n    // `_syncHostAriaSemantics()` call (driven from `updated()` in this same\n    // cycle, AFTER firstUpdated returns) would observe stale `false` /\n    // empty state for `_hasLabelSlot`, `_slottedLabelEls`, `_labelSlotText`,\n    // `_hasHelpSlot`, and `_hasErrorSlot`. That would break flows that\n    // mount a combobox with slot-only label/help/error and then focus\n    // immediately — AT would announce an unnamed control until the\n    // microtask `slotchange` corrected the state on the second update.\n    //\n    // Seed the slot-derived state synchronously here by reading the\n    // assigned-nodes lists directly. The slot-change handlers remain wired\n    // for subsequent slot mutations; this is purely a first-paint fix.\n    this._seedSlotStateSync();\n    // WCAG 4.1.2: warn when no accessible name is available. Now that the\n    // label-slot state is seeded above, this check sees the same surface\n    // area the next sync will, so the warning matches AT-observed reality.\n    if (\n      !this.label &&\n      !this.accessibleLabel &&\n      !this._hasLabelSlot &&\n      !this.getAttribute('aria-label') &&\n      !this.getAttribute('aria-labelledby')\n    ) {\n      devWarn(\n        'hx-combobox',\n        'No accessible label provided. Set the `label` attribute, `accessible-label`, `aria-label`, `aria-labelledby`, or project a `<slot name=\"label\">` child. An unlabeled combobox violates WCAG 2.1 AA (4.1.2 Name, Role, Value).',\n      );\n    }\n  }\n\n  /**\n   * Round-5 F2 (P2): synchronous slot-state seed. Mirrors the side effects of\n   * the three `_handle*SlotChange` handlers (label / help-text / error) but\n   * is driven by direct `slot.assignedNodes()` reads so we can populate the\n   * state BEFORE the microtask `slotchange` events fire after the first\n   * render. Idempotent — calling it later is a no-op when state already\n   * matches the slot contents.\n   *\n   * Also installs the label slot text observer so consumer in-place text\n   * mutations on slotted label nodes are tracked even if the slotchange\n   * event has not yet fired.\n   * @internal\n   */\n  private _seedSlotStateSync(): void {\n    const root = this.shadowRoot;\n    if (!root) return;\n    // Label slot — use the existing _readLabelSlotState helper to capture\n    // the discriminated state (elements + flattened text + has-useful-name).\n    const labelSlot = root.querySelector<HTMLSlotElement>('slot[name=\"label\"]');\n    if (labelSlot) {\n      const state = this._readLabelSlotState(labelSlot);\n      this._hasLabelSlot = state.hasUsefulName;\n      this._slottedLabelEls = state.elements;\n      this._labelSlotText = state.text;\n      // Install the text-mutation observer now so consumer i18n re-renders\n      // that mutate the same slotted node's textContent are picked up even\n      // before the first slotchange event lands.\n      this._installLabelSlotTextObserver(state.elements);\n      this._refreshLabelSource();\n    }\n    // Help-text slot — match `_handleHelpSlotChange` exactly.\n    const helpSlot = root.querySelector<HTMLSlotElement>('slot[name=\"help-text\"]');\n    if (helpSlot) {\n      // Round-6 F1 (P2): use the effective-text reader so first-paint state\n      // matches the MO's re-read logic. An empty/whitespace-only slot is NOT\n      // a usable help text.\n      this._hasHelpSlot = this._readHelpSlotStateSync(helpSlot);\n      this._installHelpSlotTextObserver(helpSlot);\n    }\n    // Error slot — match `_handleErrorSlotChange` exactly.\n    const errorSlot = root.querySelector<HTMLSlotElement>('slot[name=\"error\"]');\n    if (errorSlot) {\n      // Round-6 F1 (P2): use the effective-text reader so first-paint state\n      // matches the MO's re-read logic.\n      this._hasErrorSlot = this._readErrorSlotStateSync(errorSlot);\n      this._installErrorSlotTextObserver(errorSlot);\n    }\n  }\n\n  /**\n   * Reads the label slot's assigned nodes and computes the discriminated\n   * naming state. An empty whitespace-only slot does NOT count as a useful\n   * name.\n   *\n   * Round-4 F1 (P2): aggregates ALL assigned elements (not just the first) and\n   * concatenates `textContent` from every assigned node — element OR text —\n   * trimmed and space-joined per AccName 1.2 text-flatten rules. This preserves\n   * composed labels such as\n   * `<svg slot=\"label\" aria-hidden=\"true\">…</svg><span slot=\"label\">Patient</span>`\n   * or `<span slot=\"label\">First</span><span slot=\"label\">name</span>` on both\n   * the modern (`internals.ariaLabelledByElements`) path and the no-IDL-ref\n   * fallback (`aria-label`) path.\n   *\n   * Round-6 F2 (P2): per AccName 1.2 §4.3.10, `aria-hidden=\"true\"` elements\n   * contribute zero to the accessible name. They are still tracked in\n   * `elements` (so the modern `internals.ariaLabelledByElements` path projects\n   * the FULL visible label — icon + text — for AT that walks IDL refs), but\n   * they are skipped during text flattening. `hasUsefulName` is gated on the\n   * flattened text length, so a slot containing ONLY decorative elements (or\n   * empty wrappers) is NOT considered usable: `_labelSource` falls through to\n   * the next naming source and the firstUpdated() devWarn fires for unnamed\n   * controls. A composed `<svg aria-hidden><span>Patient</span>` slot still\n   * resolves: text = \"Patient\" → usable; both elements still project on the\n   * modern path.\n   * @internal\n   */\n  private _readLabelSlotState(slot: HTMLSlotElement): {\n    hasUsefulName: boolean;\n    elements: Element[];\n    text: string;\n  } {\n    const nodes = slot.assignedNodes({ flatten: true });\n    const elements: Element[] = [];\n    const fragments: string[] = [];\n    for (const node of nodes) {\n      if (node.nodeType === Node.ELEMENT_NODE) {\n        const el = node as Element;\n        elements.push(el);\n        // Per AccName 1.2 §4.3.10, aria-hidden elements contribute zero to the\n        // accessible name. Skip their text in the flatten — the element itself\n        // remains in `elements` so the modern path still projects it via\n        // `internals.ariaLabelledByElements` (full visible-label fidelity).\n        if (el.getAttribute('aria-hidden') === 'true') continue;\n        // Round-8 F2 (P2): use the deep walker so NESTED aria-hidden / hidden\n        // subtrees inside a slotted parent element (e.g. an inline decorative\n        // `<svg aria-hidden><title>icon</title></svg>` inside a slotted\n        // `<span>Patient</span>`) are skipped per AccName 1.2 §4.3.10.\n        const elText = flattenAccName(el);\n        if (elText) fragments.push(elText);\n      } else if (node.nodeType === Node.TEXT_NODE) {\n        const txt = (node.textContent ?? '').trim();\n        if (txt) fragments.push(txt);\n      }\n    }\n    const trimmedText = fragments.join(' ').replace(/\\s+/g, ' ').trim();\n    return {\n      // Round-6 F2 (P2): gate on flattened TEXT, not element presence. A slot\n      // with only decorative/aria-hidden elements (or empty wrappers) yields\n      // text === '' and is NOT a usable name.\n      hasUsefulName: trimmedText.length > 0,\n      elements,\n      text: trimmedText,\n    };\n  }\n\n  /**\n   * Round-6 F1 (P2): re-evaluate the help-text slot's \"has meaningful content\"\n   * state from its current effective text. Mirrors the slotchange-handler\n   * logic but is invocable from the in-place mutation observer so that\n   * clearing `textContent` on the same slotted node flips `_hasHelpSlot`\n   * back to `false` (without this, the help wrapper stays visible, the help\n   * id stays in the inner input's `aria-describedby`, and AT keeps announcing\n   * stale guidance).\n   * @internal\n   */\n  private _readHelpSlotStateSync(slot: HTMLSlotElement): boolean {\n    const nodes = slot.assignedNodes({ flatten: true });\n    for (const node of nodes) {\n      if (node.nodeType === Node.TEXT_NODE) {\n        if ((node.textContent ?? '').trim().length > 0) return true;\n      } else if (node.nodeType === Node.ELEMENT_NODE) {\n        // Round-10 F3 (P3): use AccName-aware flatten so descendants carrying\n        // `aria-hidden=\"true\"` or the `hidden` attribute do NOT count toward\n        // \"has meaningful content\". Raw `textContent` would treat\n        // `<span hidden>foo</span>` as non-empty, leaving an empty help\n        // description attached to the inner input. The slot-text observer\n        // (round-9 F2) watches characterData/childList/attributes so toggling\n        // `hidden` on a descendant correctly flips `_hasHelpSlot` to false.\n        if (flattenAccName(node as Element).length > 0) return true;\n      }\n    }\n    return false;\n  }\n\n  /**\n   * Round-6 F1 (P2): re-evaluate the error slot's \"has meaningful content\"\n   * state from its current effective text. Mirrors the slotchange-handler\n   * logic but is invocable from the in-place mutation observer so that\n   * clearing `textContent` on the same slotted node flips `_hasErrorSlot`\n   * back to `false` (without this, the combobox stays in its error state\n   * indefinitely: `aria-invalid` stays `true`, the error id stays in\n   * `aria-describedby`, and help text stays hidden).\n   * @internal\n   */\n  private _readErrorSlotStateSync(slot: HTMLSlotElement): boolean {\n    const nodes = slot.assignedNodes({ flatten: true });\n    for (const node of nodes) {\n      if (node.nodeType === Node.TEXT_NODE) {\n        if ((node.textContent ?? '').trim().length > 0) return true;\n      } else if (node.nodeType === Node.ELEMENT_NODE) {\n        // Round-10 F3 (P3): same AccName-aware flatten as\n        // `_readHelpSlotStateSync` — `<span hidden>foo</span>` or\n        // `<span aria-hidden=\"true\">foo</span>` must not keep the combobox\n        // in its error state once they are the sole descendants.\n        if (flattenAccName(node as Element).length > 0) return true;\n      }\n    }\n    return false;\n  }\n\n  // ─── Inner-input ARIA sync (W3C APG editable combobox) ───\n\n  /**\n   * Resolves consumer-supplied label/description IDREFs on the host and\n   * writes the canonical combobox ARIA onto the **inner `<input>`** per W3C\n   * APG editable combobox pattern. The inner input owns `role=\"combobox\"`\n   * (replacing its implicit textbox role) and all combobox state ARIA so\n   * AT sees a single announced + focused surface.\n   *\n   * Cross-shadow naming uses a belt-and-suspenders strategy:\n   *\n   *   1. **Modern path** (`_supportsIdrefRefs === true`): consumer-resolved\n   *      label/description elements are written onto\n   *      `internals.ariaLabelledByElements` / `internals.ariaDescribedByElements`\n   *      on the host. AT that walks up from the focused inner input for naming\n   *      finds them through ElementInternals. Host-level `aria-labelledby` /\n   *      `aria-describedby` attributes are LEFT IN PLACE so AT walking up the\n   *      DOM also sees them. The text content of the resolved elements is also\n   *      flattened onto the inner input as `aria-label` / `aria-description`\n   *      so AT that does not walk up still announces the right name.\n   *\n   *   2. **Legacy fallback** (`_supportsIdrefRefs === false`): host attrs are\n   *      stripped (AccName precedence cleanup) and the resolved-element text\n   *      is flattened onto the inner input as `aria-label` /\n   *      `aria-description`. Live updates to the consumer-referenced elements\n   *      do not propagate, but the initial accessible name resolves on every\n   *      AT — closing the cross-shadow naming gap that broke this on engines\n   *      without IDL element references.\n   *\n   * Writing `aria-labelledby=\"<light-DOM id>\"` directly on the shadow-DOM\n   * inner input is INTENTIONALLY avoided: light-DOM ids do not resolve from\n   * inside a shadow root, so that pattern leaves the control AT-anonymous.\n   * Internal label ids (in the same shadow root) ARE written via\n   * `aria-labelledby`.\n   * @internal\n   */\n  /**\n   * Round-7 F1 (P2): (re)install a `MutationObserver` against the deduped\n   * union of consumer-resolved label/description elements. Watches\n   * `characterData`, `childList`, and `subtree` so any in-place text\n   * mutation on the referenced light-DOM nodes triggers a fresh sync —\n   * keeping the inner input's flattened `aria-label` and the synthesized\n   * description span aligned with the live consumer text. Blanket\n   * disconnect-and-reinstall on every sync; if the consumer retracts both\n   * IDREF chains the union is empty and the observer is disconnected.\n   * @internal\n   */\n  private _installExternalRefsObserver(elements: Element[]): void {\n    if (this._externalRefsObserver) {\n      this._externalRefsObserver.disconnect();\n      this._externalRefsObserver = null;\n    }\n    if (elements.length === 0) return;\n    // Dedupe references in case the same element is referenced from both\n    // `aria-labelledby` and `aria-describedby` — observing it once is enough.\n    const unique = new Set<Element>(elements);\n    const observer = new MutationObserver(() => {\n      // External text changed — re-sync, which re-flattens the resolved\n      // elements onto the inner input and the synthesized description span.\n      this._syncHostAriaSemantics();\n    });\n    for (const el of unique) {\n      // Round-9 F2 (P2): also observe `aria-hidden` / `hidden` toggles on the\n      // referenced element AND its descendants. `flattenAccName` skips\n      // aria-hidden subtrees per AccName 1.2 §4.3.10, so a consumer flipping\n      // visibility in place changes the flattened text — but without attribute\n      // observation the inner input keeps its stale mirrored `aria-label` /\n      // synthesized description. `subtree: true` combined with `attributes: true`\n      // covers descendant attribute mutations too.\n      observer.observe(el, {\n        characterData: true,\n        subtree: true,\n        childList: true,\n        attributes: true,\n        attributeFilter: ['aria-hidden', 'hidden'],\n      });\n    }\n    this._externalRefsObserver = observer;\n  }\n\n  private _syncHostAriaSemantics(): void {\n    const internals = this._internals;\n\n    const input = this._input;\n    if (!input) {\n      // Inner input not yet rendered; defer. The post-render `updated()` call\n      // will re-invoke this sync once the input exists.\n      // Round-12 F3: still derive `_invalid` so `aria-invalid` first-paint\n      // is correct once the input renders.\n      const isInvalidEarly = !internals.validity.valid || !!(this.error || this._hasErrorSlot);\n      this._invalid = isInvalidEarly;\n      return;\n    }\n\n    // The host carries no `aria-label` we wrote — any live value is purely\n    // a consumer override. Forwarded onto the inner input below.\n    const liveAriaLabel = this.getAttribute('aria-label');\n    const hostAriaLabel = liveAriaLabel !== null ? liveAriaLabel.trim() || '' : '';\n\n    // Resolve the candidate label/desc element references once.\n    const internalLabel = this.shadowRoot?.getElementById(this._labelId) ?? null;\n    // Round-4 F1 (P2): aggregate ALL assigned label-slot elements so composed\n    // labels (icon + text, multi-span) name the inner input fully.\n    const slottedLabelEls = this._slottedLabelEls;\n    const helpEl = this.shadowRoot?.getElementById(this._helpTextId) ?? null;\n    const errorEl = this.shadowRoot?.getElementById(this._errorId) ?? null;\n\n    // Refresh the consumer baseline. The host attribute is the live source\n    // of truth on BOTH paths (round-12 F4: legacy no longer strips, so the\n    // observer-cached fallback is no longer required). A `null` live value\n    // authentically represents consumer retraction.\n    const liveLabelledBy = this.getAttribute('aria-labelledby');\n    this._consumerLabelledBy = liveLabelledBy;\n    const liveDescribedBy = this.getAttribute('aria-describedby');\n    this._consumerDescribedBy = liveDescribedBy;\n    const externalLabelTokens = this._consumerLabelledBy;\n    const externalDescTokens = this._consumerDescribedBy;\n\n    const consumerLabelEls = resolveIdrefTokens(this, externalLabelTokens);\n    const hasEffectiveLabelledBy = consumerLabelEls.length > 0;\n\n    const consumerDescEls = resolveIdrefTokens(this, externalDescTokens);\n\n    // Round-7 F1 (P2): observe in-place text mutations on the resolved\n    // external IDREF targets. Without this, a consumer that mutates\n    // `<label id=\"ext\">Patient</label>` → \"Member\" in place leaves the\n    // inner input's flattened `aria-label` stuck on \"Patient\". Blanket\n    // disconnect-and-reinstall keeps the bookkeeping trivial and matches\n    // the slotted-label observer pattern.\n    this._installExternalRefsObserver([...consumerLabelEls, ...consumerDescEls]);\n\n    const hasError = !!(this.error || this._hasErrorSlot);\n\n    // Round-12 F3: `aria-invalid` reflects EVERY signal the consumer can use\n    // to express invalidity. setValidity() drives the required-empty case;\n    // an explicit `error` property/slot is a server-/async-validation signal\n    // that AT must announce as invalid, not just \"described by an alert\".\n    const isInvalid = !internals.validity.valid || hasError;\n    this._invalid = isInvalid;\n\n    // Round-12 F2: `accessibleLabel` is documented as the screen-reader name\n    // when it should differ from the visible label. When the consumer\n    // explicitly sets it (non-empty), it is the canonical AT name and must\n    // override visible label / aria-labelledby — both for the modern path's\n    // ElementInternals references and for the inner input's aria-label.\n    const explicitAccessibleLabel =\n      typeof this.accessibleLabel === 'string' && this.accessibleLabel.trim().length > 0\n        ? this.accessibleLabel\n        : null;\n\n    // Round-9 F1 (P2): top-level `aria-hidden=\"true\"` / `hidden` elements MUST\n    // NOT be forwarded to `internals.ariaLabelledByElements` /\n    // `ariaDescribedByElements`. On engines with IDL element refs, AT walks\n    // those references and would recursively read e.g. an\n    // `<svg aria-hidden=\"true\"><title>icon</title></svg>` slotted alongside a\n    // visible `<span slot=\"label\">Patient</span>` — yielding \"icon Patient\".\n    // The fallback text-flatten path already strips these via `flattenAccName`,\n    // so the filter aligns the modern path with AccName 1.2 §4.3.10.\n    const isVisibleForAccName = (el: Element): boolean =>\n      el.getAttribute('aria-hidden') !== 'true' && !el.hasAttribute('hidden');\n\n    // Build the augmented element lists used by the modern (IDL-refs) path.\n    // When `accessibleLabel` is the chosen name we omit element references\n    // entirely so AT does not double-announce against the explicit override.\n    const labelElsForInternals: Element[] = [];\n    if (!explicitAccessibleLabel) {\n      labelElsForInternals.push(...consumerLabelEls.filter(isVisibleForAccName));\n      if (!hasEffectiveLabelledBy && !hostAriaLabel) {\n        if (this._labelSource === 'slot' && slottedLabelEls.length > 0) {\n          // Round-4 F1 (P2): expose every assigned element so AT can compose\n          // the full visible label across icon + text fragments.\n          // Round-9 F1 (P2): filter top-level aria-hidden / hidden so the\n          // modern path matches the fallback path's AccName behavior. The\n          // unfiltered `_slottedLabelEls` is still used downstream by the\n          // text-flatten fallback (its TreeWalker handles nested visibility).\n          labelElsForInternals.push(...slottedLabelEls.filter(isVisibleForAccName));\n        } else if (this._labelSource === 'string' && internalLabel) {\n          labelElsForInternals.push(internalLabel);\n        }\n      }\n    }\n\n    // Round-9 F1 (P2): same hidden-filter for description element refs. A\n    // consumer-referenced `aria-describedby` target that flips to\n    // `aria-hidden=\"true\"` must not name through the modern path.\n    const descElsForInternals: Element[] = [...consumerDescEls.filter(isVisibleForAccName)];\n    if (helpEl && !hasError && (this.helpText || this._hasHelpSlot)) {\n      descElsForInternals.push(helpEl);\n    }\n    if (errorEl && hasError) {\n      descElsForInternals.push(errorEl);\n    }\n\n    // ─── Modern-path: ElementInternals IDL element references ───\n    // Set when supported so AT walking up from the focused inner input picks\n    // up the host's referenced labels/descriptions across the shadow boundary.\n    type InternalsWithIdrefRefs = ElementInternals & {\n      ariaLabelledByElements: Element[] | null;\n      ariaDescribedByElements: Element[] | null;\n    };\n    if (this._supportsIdrefRefs) {\n      const refsInternals = internals as InternalsWithIdrefRefs;\n      refsInternals.ariaLabelledByElements =\n        labelElsForInternals.length > 0 ? labelElsForInternals : null;\n      refsInternals.ariaDescribedByElements =\n        descElsForInternals.length > 0 ? descElsForInternals : null;\n      // Modern path: forward `accessibleLabel` to `internals.ariaLabel` so AT\n      // walking the host (or reading internals) sees the explicit override.\n      // Round-8 F1 (P2): when `accessibleLabel` is absent, CLEAR the override\n      // with `null` (not `''`). Per W3C AccName, an empty-string `aria-label`\n      // STILL has higher precedence than `aria-labelledby`, so writing `''`\n      // would erase the name resolved from `ariaLabelledByElements`, the\n      // `label` property, the slotted label, or host `aria-labelledby`. `null`\n      // removes the override entirely so element references / fallbacks win.\n      if (explicitAccessibleLabel) {\n        internals.ariaLabel = explicitAccessibleLabel;\n      } else {\n        internals.ariaLabel = null;\n      }\n    }\n\n    // Round-12 F4: the host's `aria-labelledby` / `aria-describedby` are\n    // intentionally LEFT IN PLACE on both paths. The inner input owns the\n    // canonical AT surface (role=\"combobox\") and consumes the consumer's\n    // intent via text-flatten + (modern path) ElementInternals references.\n    // The host is roleless on both paths, so leaving these attributes in\n    // place has no AT effect — and importantly, lets consumers retract them\n    // dynamically: the live attribute IS the cache, so `removeAttribute` is\n    // observable in the next sync (it returns `null` from `getAttribute`).\n\n    // ─── Compute the inner input's accessible name (text-flatten path) ───\n    // We never write `aria-labelledby=\"<light-DOM id>\"` to the inner input —\n    // light-DOM ids do not resolve from inside a shadow root, so that pattern\n    // would leave the control AT-anonymous. Internal label ids (same shadow\n    // root) ARE allowed via `aria-labelledby`. For consumer-referenced\n    // light-DOM elements we flatten their textContent into `aria-label`.\n    // Round-8 F2 (P2): use the module-level `flattenAccName` walker which\n    // REJECTS `aria-hidden=\"true\"` and `hidden` subtrees per AccName 1.2\n    // §4.3.10. Without this, a consumer label like\n    // `<label id=\"x\"><svg aria-hidden=\"true\"><title>icon</title></svg>Search</label>`\n    // would flatten to \"icon Search\" and leak the decorative title into the\n    // inner input's aria-label / synthesized description span.\n    // Round-9 F2 (P2): also strip top-level aria-hidden / hidden roots before\n    // flattening. `flattenAccName`'s TreeWalker checks DESCENDANTS, not the\n    // root itself, so without this filter a consumer flipping aria-hidden on\n    // a referenced label root would leave the mirrored aria-label / consumer\n    // description span stale. Mirrors the F1 modern-path filter so both\n    // surfaces agree per AccName 1.2 §4.3.10.\n    const flattenText = (els: Element[]): string =>\n      els\n        .filter(isVisibleForAccName)\n        .map((el) => flattenAccName(el))\n        .filter((t) => t.length > 0)\n        .join(' ');\n\n    let inputAriaLabel: string | null = null;\n    let inputAriaLabelledBy: string | null = null;\n    // Round-13 F1 (P2) precedence — aligns with W3C AccName 1.2 §4.3.1, with\n    // one helix-specific deviation called out below:\n    //   1. `accessibleLabel` (HELIX-SPECIFIC public-API override; documented\n    //      contract — see Round-3 F2 from the round-3 push-gate. The property\n    //      is the explicit AT-only name and intentionally outranks both\n    //      `aria-labelledby` and `aria-label`. The matching modern-path write\n    //      above clears `internals.ariaLabel` to `null` when this is unset so\n    //      we never erase a labelledby resolution.)\n    //   2. consumer `aria-labelledby` resolves → text-flatten (AccName winner\n    //      over `aria-label`; previously incorrectly demoted below it, which\n    //      meant a consumer setting both saw the inner input announce the\n    //      `aria-label` string instead of the referenced label's text)\n    //   3. consumer `aria-label` on the host (consumer escape hatch; only\n    //      reached when labelledby is absent or unresolvable)\n    //   4. slotted label → text content (NEVER cross-shadow id reference)\n    //   5. `label` property → internal `<label>` id (same shadow root) or text\n    //   6. else: unnamed\n    // Round-13 F1 (P2): the labelledby branch is allowed to fall through to\n    // the next strategy when `flattenText` returns empty (e.g. the resolved\n    // elements are visible-but-empty or filtered by AccName visibility).\n    // Without this, an aria-labelledby pointing at an empty target would\n    // park `inputAriaLabel` at `null` AND skip the host aria-label fallback,\n    // leaving the control AT-anonymous.\n    let labelledByFlat = '';\n    if (!explicitAccessibleLabel && hasEffectiveLabelledBy) {\n      labelledByFlat = flattenText(consumerLabelEls);\n    }\n    if (explicitAccessibleLabel) {\n      inputAriaLabel = explicitAccessibleLabel;\n    } else if (labelledByFlat) {\n      // Consumer aria-labelledby resolved to one or more elements. Flatten\n      // their text into aria-label so the inner input announces correctly\n      // regardless of cross-shadow id resolution. The modern-path\n      // ElementInternals write above gives AT the live IDREF chain in\n      // addition to this flattened text. Round-13 F1 (P2): this branch sits\n      // ABOVE the host `aria-label` branch so AccName 1.2 §4.3.1 precedence\n      // is preserved when the consumer sets both attributes.\n      inputAriaLabel = labelledByFlat;\n    } else if (hostAriaLabel) {\n      // Round-13 F1 (P2): host aria-label is the next fallback after\n      // accessibleLabel + a *resolved* aria-labelledby. Reaching this branch\n      // means either no aria-labelledby was set, or its IDREFs did not\n      // resolve to any element (e.g. typo, target removed, empty content) —\n      // in which case AccName 1.2 falls through to aria-label.\n      inputAriaLabel = hostAriaLabel;\n    } else if (this._labelSource === 'slot') {\n      // Round-12 F1: the slotted label may carry a light-DOM id. We MUST NOT\n      // write that id as `aria-labelledby` on the inner input — light-DOM\n      // ids do not resolve from inside a shadow root, so on engines without\n      // ElementInternals IDL refs the control would be AT-anonymous. Always\n      // text-flatten on the legacy/fallback path; the modern path already\n      // carries the live element reference via `ariaLabelledByElements`.\n      if (this._labelSlotText) {\n        inputAriaLabel = this._labelSlotText;\n      } else if (slottedLabelEls.length > 0) {\n        // Round-4 F1 (P2): flatten textContent across every assigned element.\n        // Round-8 F2 (P2): use the deep walker so nested `aria-hidden=\"true\"`\n        // (e.g. an inline `<svg aria-hidden><title>icon</title></svg>` inside a\n        // slotted `<span>`) does not leak into the inner input's aria-label.\n        // The top-level slotted-element aria-hidden filter is already applied\n        // by `_readLabelSlotState` when populating `_labelSlotText`; this fall-\n        // through aggregator handles the case where text wasn't pre-flattened.\n        const flat = flattenText(slottedLabelEls);\n        if (flat) inputAriaLabel = flat;\n      }\n    } else if (this._labelSource === 'string') {\n      if (internalLabel?.id) {\n        inputAriaLabelledBy = internalLabel.id;\n      } else if (this.label) {\n        inputAriaLabel = this.label;\n      }\n    }\n\n    // Apply the resolved name to the inner input via attribute writes.\n    if (inputAriaLabelledBy) {\n      if (input.getAttribute('aria-labelledby') !== inputAriaLabelledBy) {\n        input.setAttribute('aria-labelledby', inputAriaLabelledBy);\n      }\n      if (input.hasAttribute('aria-label')) input.removeAttribute('aria-label');\n    } else if (inputAriaLabel) {\n      if (input.getAttribute('aria-label') !== inputAriaLabel) {\n        input.setAttribute('aria-label', inputAriaLabel);\n      }\n      if (input.hasAttribute('aria-labelledby')) input.removeAttribute('aria-labelledby');\n    } else {\n      if (input.hasAttribute('aria-label')) input.removeAttribute('aria-label');\n      if (input.hasAttribute('aria-labelledby')) input.removeAttribute('aria-labelledby');\n    }\n\n    // ─── Write the inner input's aria-describedby chain ───\n    // Round-5 F1 (P1): unify ALL descriptions through a single\n    // `aria-describedby` channel on the inner input. The W3C AccName algorithm\n    // ignores `aria-description` whenever `aria-describedby` is also present,\n    // so the previous split (internal ids on `aria-describedby`, consumer text\n    // on `aria-description`) silently dropped consumer descriptions whenever\n    // help/error text was present.\n    //\n    // For consumer-referenced light-DOM elements we cannot point inner-input\n    // `aria-describedby` directly at the consumer ids (light-DOM ids do not\n    // resolve from inside a shadow root), so the consumer text is mirrored\n    // into a synthesized in-shadow span and that same-root id is added to\n    // the chain. The synthesized span is rendered unconditionally with the\n    // visually-hidden style and updated here on every sync (idempotent).\n    const consumerDescSpan = this.shadowRoot?.getElementById(this._consumerDescId) ?? null;\n    const consumerDescText = flattenText(consumerDescEls);\n    if (consumerDescSpan && consumerDescSpan.textContent !== consumerDescText) {\n      consumerDescSpan.textContent = consumerDescText;\n    }\n\n    const describedByIds: string[] = [];\n    if (consumerDescText && consumerDescSpan) {\n      describedByIds.push(this._consumerDescId);\n    }\n    if (helpEl && !hasError && (this.helpText || this._hasHelpSlot)) {\n      describedByIds.push(this._helpTextId);\n    }\n    if (errorEl && hasError) {\n      describedByIds.push(this._errorId);\n    }\n    if (describedByIds.length > 0) {\n      const value = describedByIds.join(' ');\n      if (input.getAttribute('aria-describedby') !== value) {\n        input.setAttribute('aria-describedby', value);\n      }\n    } else if (input.hasAttribute('aria-describedby')) {\n      input.removeAttribute('aria-describedby');\n    }\n\n    // Round-5 F1 (P1): never write `aria-description` on the inner input.\n    // It is silently dropped when `aria-describedby` is also present (a\n    // common case once help/error text exists), and we now route consumer\n    // descriptions through the synthesized in-shadow span instead. Strip\n    // any legacy value defensively in case an earlier sync wrote one.\n    if (input.hasAttribute('aria-description')) {\n      input.removeAttribute('aria-description');\n    }\n  }\n\n  /**\n   * (Re-)installs the mutation observer over the current set of assigned\n   * help-text-slot nodes.\n   * @internal\n   */\n  private _installHelpSlotTextObserver(slot: HTMLSlotElement | null): void {\n    this._helpSlotTextObserver?.disconnect();\n    if (!slot) {\n      this._helpSlotTextObserver = null;\n      return;\n    }\n    // Round-6 F1 (P2): capture the slot reference so the MO callback can\n    // re-evaluate `_hasHelpSlot` from the slot's current effective text. An\n    // in-place `textContent = ''` on the same slotted node leaves\n    // `assignedNodes().length > 0` true but yields empty effective text, so\n    // we must re-read on every mutation, not just on slotchange.\n    const observer = new MutationObserver(() => {\n      this._hasHelpSlot = this._readHelpSlotStateSync(slot);\n      this._syncHostAriaSemantics();\n    });\n    slot.assignedNodes().forEach((node) => {\n      if (node.nodeType !== Node.ELEMENT_NODE) {\n        observer.observe(node, {\n          characterData: true,\n          childList: true,\n          subtree: true,\n        });\n        return;\n      }\n      // Round-9 F2 (P2): observe aria-hidden / hidden toggles so a consumer\n      // flipping visibility on the slotted help-text node (or a descendant)\n      // re-evaluates effective text and re-syncs the inner input.\n      observer.observe(node, {\n        characterData: true,\n        childList: true,\n        subtree: true,\n        attributes: true,\n        attributeFilter: ['aria-hidden', 'hidden'],\n      });\n    });\n    this._helpSlotTextObserver = observer;\n  }\n\n  /**\n   * (Re-)installs the mutation observer over the current set of assigned\n   * error-slot nodes.\n   * @internal\n   */\n  private _installErrorSlotTextObserver(slot: HTMLSlotElement | null): void {\n    this._errorSlotTextObserver?.disconnect();\n    if (!slot) {\n      this._errorSlotTextObserver = null;\n      return;\n    }\n    // Round-6 F1 (P2): capture the slot reference so the MO callback can\n    // re-evaluate `_hasErrorSlot` from the slot's current effective text. If\n    // a consumer keeps the same `<span slot=\"error\">` node and clears its\n    // `textContent`, only the MO fires (no slotchange). Without re-reading the\n    // slot state, the combobox stays stuck in its error state: `aria-invalid`\n    // remains true, the error id stays in `aria-describedby`, and the help\n    // text stays hidden.\n    const observer = new MutationObserver(() => {\n      this._hasErrorSlot = this._readErrorSlotStateSync(slot);\n      this._syncHostAriaSemantics();\n    });\n    slot.assignedNodes().forEach((node) => {\n      if (node.nodeType !== Node.ELEMENT_NODE) {\n        observer.observe(node, {\n          characterData: true,\n          childList: true,\n          subtree: true,\n        });\n        return;\n      }\n      // Round-9 F2 (P2): observe aria-hidden / hidden toggles so a consumer\n      // flipping visibility on the slotted error node (or a descendant)\n      // re-evaluates effective text and re-syncs the inner input.\n      observer.observe(node, {\n        characterData: true,\n        childList: true,\n        subtree: true,\n        attributes: true,\n        attributeFilter: ['aria-hidden', 'hidden'],\n      });\n    });\n    this._errorSlotTextObserver = observer;\n  }\n\n  // ─── Form Integration ───\n\n  /** @internal */\n  private _updateFormValue(): void {\n    this._internals.setFormValue(this.value || null);\n  }\n\n  /** @internal */\n  override _updateValidity(): void {\n    if (this.required && !this.value) {\n      // W3C APG editable combobox: the inner `<input>` is the canonical\n      // announced + focused combobox surface, so anchor `setValidity()` to\n      // the inner input. Native validation popups attach to the focusable\n      // form-control surface.\n      this._internals.setValidity(\n        { valueMissing: true },\n        this.error || this.labelRequired,\n        this._input,\n      );\n    } else {\n      this._internals.setValidity({});\n    }\n    // Re-sync ARIA after every setValidity() so `aria-invalid` on the inner\n    // input reflects the freshly computed validity state. The render template\n    // binds `aria-invalid` from `_invalid`; mutating `_invalid` (a `@state`)\n    // inside sync schedules a Lit update if the value actually changed.\n    this._syncHostAriaSemantics();\n  }\n\n  /** @internal */\n  protected override _onFormReset(): void {\n    this.value = '';\n    this._filterText = '';\n    this._internals.setFormValue(null);\n    this._resetInteractionState();\n  }\n\n  /** @internal */\n  // P1-6: Correct signature per WHATWG spec — includes mode param and all state types\n  protected override _onFormStateRestore(\n    state: File | string | FormData | null,\n    _mode: 'restore' | 'autocomplete',\n  ): void {\n    if (typeof state === 'string') {\n      this.value = state;\n    }\n  }\n\n  /** @internal */\n  protected override _onFormDisabled(disabled: boolean): void {\n    this.disabled = disabled;\n  }\n\n  // ─── Option Syncing from Slot ───\n\n  /** @internal */\n  private _handleSlotChange(): void {\n    this._readOptions();\n  }\n\n  /** @internal */\n  private _parseOption(el: HTMLOptionElement): ComboboxOption {\n    return { value: el.value, label: el.textContent?.trim() ?? el.value, disabled: el.disabled };\n  }\n\n  /** @internal */\n  private _readOptions(): void {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"option\"]');\n    if (!slot) return;\n\n    const parsed: ComboboxOption[] = [];\n\n    for (const el of slot.assignedElements({ flatten: true })) {\n      if (el instanceof HTMLOptionElement) {\n        parsed.push(this._parseOption(el));\n      } else if (el instanceof HTMLOptGroupElement) {\n        for (const child of Array.from(el.children)) {\n          if (child instanceof HTMLOptionElement) parsed.push(this._parseOption(child));\n        }\n      }\n    }\n\n    this._options = parsed;\n  }\n\n  // ─── Slot Change Handlers ───\n\n  /**\n   * Tracks the slotted label so projected `<span slot=\"label\">` content joins\n   * the accessible-name chain.\n   * @internal\n   */\n  private _handleLabelSlotChange(e: Event): void {\n    if (!(e.target instanceof HTMLSlotElement)) return;\n    const state = this._readLabelSlotState(e.target);\n    this._hasLabelSlot = state.hasUsefulName;\n    this._slottedLabelEls = state.elements;\n    this._labelSlotText = state.text;\n    // Round-4 F2 (P2): re-install the in-place text-mutation observer on the\n    // current set of slotted elements. `slotchange` covers ADD/REMOVE/REPLACE\n    // of assigned nodes; this MO covers `node.textContent = '…'` updates on\n    // an unchanged node (e.g. consumer i18n re-render keeping the same span).\n    this._installLabelSlotTextObserver(state.elements);\n    this._refreshLabelSource();\n    this._syncHostAriaSemantics();\n  }\n\n  /**\n   * (Re-)installs the mutation observer over the current set of slotted label\n   * elements. Round-4 F2 (P2): mirrors the round-23 P2 pattern from\n   * `_helpSlotTextObserver` / `_errorSlotTextObserver`. On any descendant text\n   * change we re-read the slot state (to refresh `_labelSlotText` and the\n   * element list) and re-sync host ARIA so the inner input's `aria-label`\n   * tracks the live label text.\n   * @internal\n   */\n  private _installLabelSlotTextObserver(elements: Element[]): void {\n    this._labelSlotTextObserver?.disconnect();\n    if (elements.length === 0) {\n      this._labelSlotTextObserver = null;\n      return;\n    }\n    const observer = new MutationObserver(() => {\n      // Re-aggregate text from the same elements (the MO does not give us a\n      // slot reference). The element list itself only changes on `slotchange`,\n      // which re-installs this observer with the new list.\n      //\n      // Round-6 F2 (P2): mirror `_readLabelSlotState` — skip aria-hidden\n      // elements per AccName 1.2 §4.3.10, and gate `_hasLabelSlot` on the\n      // flattened TEXT (not element presence). An in-place clear of the\n      // visible label's textContent must flip `_hasLabelSlot` back to false\n      // so `_labelSource` falls through to other naming sources or the host\n      // becomes unnamed (consumer responsibility).\n      const fragments: string[] = [];\n      for (const el of elements) {\n        if (el.getAttribute('aria-hidden') === 'true') continue;\n        // Round-8 F2 (P2): use the deep walker so nested aria-hidden / hidden\n        // subtrees inside slotted parents are skipped per AccName 1.2 §4.3.10.\n        const t = flattenAccName(el);\n        if (t) fragments.push(t);\n      }\n      const trimmed = fragments.join(' ').replace(/\\s+/g, ' ').trim();\n      this._labelSlotText = trimmed;\n      this._hasLabelSlot = trimmed.length > 0;\n      this._refreshLabelSource();\n      this._syncHostAriaSemantics();\n    });\n    for (const el of elements) {\n      // Round-9 F2 (P2): observe `aria-hidden` / `hidden` toggles on the\n      // slotted label root AND its descendants. The MO callback above re-runs\n      // `flattenAccName` and re-derives `_hasLabelSlot` from effective text —\n      // so an in-place visibility flip on a child must trigger a fresh sync.\n      observer.observe(el, {\n        characterData: true,\n        childList: true,\n        subtree: true,\n        attributes: true,\n        attributeFilter: ['aria-hidden', 'hidden'],\n      });\n    }\n    this._labelSlotTextObserver = observer;\n  }\n\n  /**\n   * Recomputes the discriminated label source.\n   * @internal\n   */\n  private _refreshLabelSource(): void {\n    if (this.label) {\n      this._labelSource = 'string';\n    } else if (this._hasLabelSlot) {\n      this._labelSource = 'slot';\n    } else {\n      this._labelSource = 'none';\n    }\n  }\n\n  /** @internal */\n  private _handleErrorSlotChange(e: Event): void {\n    if (!(e.target instanceof HTMLSlotElement)) return;\n    // Round-6 F1 (P2): single-source-of-truth state read.\n    this._hasErrorSlot = this._readErrorSlotStateSync(e.target);\n    this._installErrorSlotTextObserver(e.target);\n    this._syncHostAriaSemantics();\n  }\n\n  /** @internal */\n  private _handleHelpSlotChange(e: Event): void {\n    if (!(e.target instanceof HTMLSlotElement)) return;\n    // Round-6 F1 (P2): single-source-of-truth state read.\n    this._hasHelpSlot = this._readHelpSlotStateSync(e.target);\n    this._installHelpSlotTextObserver(e.target);\n    this._syncHostAriaSemantics();\n  }\n\n  // ─── Dropdown Control ───\n\n  /** @internal */\n  private _openDropdown(): void {\n    if (this.disabled || this._open) return;\n    this._open = true;\n    this._focusedOptionIndex = -1;\n    if (typeof document !== 'undefined') {\n      document.addEventListener('click', this._handleOutsideClick);\n    }\n    this.dispatchEvent(new CustomEvent<void>('hx-show', { bubbles: true, composed: true }));\n  }\n\n  /** @internal */\n  private _closeDropdown(): void {\n    if (!this._open) return;\n    this._open = false;\n    this._focusedOptionIndex = -1;\n    this._handleInteractionBlur();\n    if (typeof document !== 'undefined') {\n      document.removeEventListener('click', this._handleOutsideClick);\n    }\n    this.dispatchEvent(new CustomEvent<void>('hx-hide', { bubbles: true, composed: true }));\n  }\n\n  // ─── Input Handling ───\n\n  /** @internal */\n  private _handleInput(e: Event): void {\n    const input = e.target as HTMLInputElement;\n    this._filterText = input.value;\n\n    if (!this._open) {\n      this._openDropdown();\n    }\n\n    this._focusedOptionIndex = -1;\n\n    if (this.filterDebounce > 0) {\n      if (this._debounceTimer !== null) {\n        clearTimeout(this._debounceTimer);\n      }\n      this._debounceTimer = setTimeout(() => {\n        this._emitInput();\n        this._announceFilterResults();\n      }, this.filterDebounce);\n    } else {\n      this._emitInput();\n      this._announceFilterResults();\n    }\n  }\n\n  /** @internal */\n  private _announceFilterResults(): void {\n    const count = this._filteredOptions.length;\n    this._filterAnnouncement =\n      count === 0\n        ? 'No matching options'\n        : `${count} ${count === 1 ? 'option' : 'options'} available`;\n  }\n\n  /** @internal */\n  private _emitInput(): void {\n    this.dispatchEvent(\n      new CustomEvent<{ value: string }>('hx-input', {\n        bubbles: true,\n        composed: true,\n        detail: { value: this._filterText },\n      }),\n    );\n  }\n\n  /** @internal */\n  private _handleFocus(): void {\n    this._openDropdown();\n  }\n\n  // ─── Keyboard Navigation ───\n\n  /** @internal */\n  private _handleKeydown(e: KeyboardEvent): void {\n    if (this.disabled) return;\n\n    const filtered = this._filteredOptions;\n    const enabledIndices = filtered\n      .map((o, i) => ({ o, i }))\n      .filter(({ o }) => !o.disabled)\n      .map(({ i }) => i);\n\n    switch (e.key) {\n      case 'ArrowDown': {\n        e.preventDefault();\n        if (!this._open) {\n          this._openDropdown();\n          this._focusedOptionIndex = enabledIndices.length > 0 ? (enabledIndices[0] ?? 0) : -1;\n          break;\n        }\n        const nextDown = enabledIndices.find((i) => i > this._focusedOptionIndex);\n        this._focusedOptionIndex =\n          nextDown !== undefined ? nextDown : (enabledIndices[0] ?? this._focusedOptionIndex);\n        break;\n      }\n      case 'ArrowUp': {\n        e.preventDefault();\n        if (!this._open) {\n          this._openDropdown();\n          const lastEnabled = enabledIndices[enabledIndices.length - 1];\n          this._focusedOptionIndex = lastEnabled !== undefined ? lastEnabled : -1;\n          break;\n        }\n        const prevUp = [...enabledIndices].reverse().find((i) => i < this._focusedOptionIndex);\n        const lastEnabledUp = enabledIndices[enabledIndices.length - 1];\n        this._focusedOptionIndex =\n          prevUp !== undefined ? prevUp : (lastEnabledUp ?? this._focusedOptionIndex);\n        break;\n      }\n      case 'Enter': {\n        e.preventDefault();\n        if (!this._open) {\n          this._openDropdown();\n          break;\n        }\n        if (this._focusedOptionIndex >= 0 && this._focusedOptionIndex < filtered.length) {\n          const opt = filtered[this._focusedOptionIndex];\n          if (opt) this._selectOption(opt);\n        }\n        break;\n      }\n      case 'Escape': {\n        e.preventDefault();\n        this._closeDropdown();\n        this._filterText = '';\n        if (this._input) this._input.value = '';\n        // Note: do NOT call this.focus() here — the inner <input> already has\n        // focus when Escape is pressed and refocusing would re-trigger\n        // _handleFocus → _openDropdown, immediately re-opening the listbox.\n        // The input remains focused so the user can continue typing.\n        break;\n      }\n      case 'Tab': {\n        this._closeDropdown();\n        break;\n      }\n      // P1-1: Home/End keyboard navigation for option list\n      case 'Home': {\n        e.preventDefault();\n        if (!this._open) this._openDropdown();\n        this._focusedOptionIndex = enabledIndices.length > 0 ? (enabledIndices[0] ?? -1) : -1;\n        break;\n      }\n      case 'End': {\n        e.preventDefault();\n        if (!this._open) this._openDropdown();\n        this._focusedOptionIndex =\n          enabledIndices.length > 0 ? (enabledIndices[enabledIndices.length - 1] ?? -1) : -1;\n        break;\n      }\n      default:\n        break;\n    }\n  }\n\n  // ─── Selection ───\n\n  // P0-1: Handle both single and multiple selection modes\n  /** @internal */\n  private _selectOption(option: ComboboxOption): void {\n    if (option.disabled) return;\n    if (this.multiple) {\n      const current = this._selectedValuesSet;\n      const next = new Set(current);\n      if (next.has(option.value)) {\n        next.delete(option.value);\n      } else {\n        next.add(option.value);\n      }\n      this.value = [...next].join(',');\n      // Keep dropdown open for multiple selection so user can pick more\n    } else {\n      this.value = option.value;\n      this._closeDropdown();\n    }\n    this._handleInteractionInput();\n    this._filterText = '';\n    if (this._input) this._input.value = '';\n    this._dispatchChange();\n  }\n\n  // P0-1: Remove a single value from multi-selection\n  /** @internal */\n  private _removeValue(val: string): void {\n    const next = this._selectedValuesSet;\n    next.delete(val);\n    this.value = [...next].join(',');\n    this._dispatchChange();\n  }\n\n  // ─── Clear ───\n\n  /** @internal */\n  private _handleClear(e: Event): void {\n    e.stopPropagation();\n    this.value = '';\n    this._filterText = '';\n    if (this._input) {\n      this._input.value = '';\n      this._input.focus();\n    }\n    this._internals.setFormValue(null);\n    this._updateValidity();\n    this.dispatchEvent(new CustomEvent<void>('hx-clear', { bubbles: true, composed: true }));\n  }\n\n  // ─── Event Dispatchers ───\n\n  /** @internal */\n  private _dispatchChange(): void {\n    this.dispatchEvent(\n      new CustomEvent<{ value: string }>('hx-change', {\n        bubbles: true,\n        composed: true,\n        detail: { value: this.value },\n      }),\n    );\n  }\n\n  // ─── Outside Click Handler ───\n\n  /** @internal */\n  private _handleOutsideClick = (e: MouseEvent): void => {\n    if (this._open && !e.composedPath().includes(this)) {\n      this._closeDropdown();\n    }\n  };\n\n  // ─── Public Methods ───\n\n  /**\n   * Routes programmatic focus to the inner text input. Per W3C APG editable\n   * combobox pattern, the inner `<input>` carries `role=\"combobox\"` (replacing\n   * its implicit textbox role) so it IS the canonical announced + focused\n   * surface. Shadow DOM focus causes `document.activeElement` to report the\n   * host externally, but the input retains focus inside the shadow root and\n   * AT announces its role/state.\n   */\n  override focus(options?: FocusOptions): void {\n    this._input?.focus(options);\n  }\n\n  // ─── Render Helpers ───\n\n  /** @internal */\n  private _optionId(index: number): string {\n    return `${this._id}-option-${index}`;\n  }\n\n  /** @internal */\n  private get _displayValue(): string {\n    // P0-1: In multiple mode, chips render selected values — input shows only filter text\n    if (this.multiple) return '';\n    if (!this.value) return '';\n    const opt = this._options.find((o) => o.value === this.value);\n    return opt ? opt.label : this.value;\n  }\n\n  /** @internal */\n  private _renderOptions() {\n    const filtered = this._filteredOptions;\n\n    if (filtered.length === 0) {\n      return html`\n        <slot name=\"empty-label\">\n          <div class=\"field__no-options\">${this.labelNoOptions}</div>\n        </slot>\n      `;\n    }\n\n    return repeat(\n      filtered,\n      (opt) => opt.value,\n      (opt, index) => {\n        // P0-1: Use Set membership for multiple mode, direct equality for single mode\n        const isSelected = this.multiple\n          ? this._selectedValuesSet.has(opt.value)\n          : opt.value === this.value;\n        const isFocused = index === this._focusedOptionIndex;\n\n        return html`\n          <div\n            id=${this._optionId(index)}\n            part=\"option\"\n            role=\"option\"\n            class=${classMap({\n              field__option: true,\n              'field__option--selected': isSelected,\n              'field__option--focused': isFocused,\n              'field__option--disabled': opt.disabled,\n            })}\n            aria-selected=${this.multiple\n              ? isSelected\n                ? 'true'\n                : 'false'\n              : isSelected\n                ? 'true'\n                : nothing}\n            aria-disabled=${opt.disabled ? 'true' : nothing}\n            @click=${() => this._selectOption(opt)}\n          >\n            <span class=\"field__option-label\">${opt.label}</span>\n          </div>\n        `;\n      },\n    );\n  }\n\n  // ─── Main Render ───\n\n  override render() {\n    const hasError = !!this.error || this._hasErrorSlot;\n    const hasHelp = !!this.helpText || this._hasHelpSlot;\n    const showClear = this.clearable && !!this.value && !this.disabled;\n\n    const fieldClasses = {\n      field: true,\n      'field--error': hasError,\n      'field--disabled': this.disabled,\n      'field--required': this.required,\n      'field--open': this._open,\n    };\n\n    const inputClasses = {\n      field__input: true,\n      [`field__input--${this.size}`]: true,\n    };\n\n    // W3C APG editable combobox (option I): role=\"combobox\" lives on the\n    // inner <input>, replacing the implicit textbox role so AT sees a single\n    // canonical announced + focused surface. All combobox state ARIA —\n    // aria-expanded, aria-controls, aria-activedescendant, aria-autocomplete,\n    // aria-haspopup, aria-required, aria-invalid, aria-disabled, aria-busy —\n    // is bound on the input via Lit. aria-label / aria-labelledby /\n    // aria-describedby are written imperatively by _syncHostAriaSemantics\n    // after consumer-IDREF resolution.\n    const activeOptionId =\n      this._open && this._focusedOptionIndex >= 0 ? this._optionId(this._focusedOptionIndex) : '';\n\n    return html`\n      <div part=\"field\" class=${classMap(fieldClasses)}>\n        <!-- Label -->\n        <slot name=\"label\" @slotchange=${this._handleLabelSlotChange}>\n          ${this.label\n            ? html`<label id=${this._labelId} for=${this._id} part=\"label\" class=\"field__label\">\n                ${this.label}\n                ${this.required\n                  ? html`<span class=\"field__required-marker\" aria-hidden=\"true\">*</span>`\n                  : nothing}\n              </label>`\n            : nothing}\n        </slot>\n\n        <!-- Input Wrapper -->\n        <div part=\"trigger\" class=\"field__input-wrapper\">\n          <!-- Prefix Slot -->\n          <slot name=\"prefix\" class=\"field__prefix\"></slot>\n\n          <!-- P0-1: Selected value chips for multiple mode -->\n          ${this.multiple && this._selectedValuesSet.size > 0\n            ? [...this._selectedValuesSet].map((val) => {\n                const opt = this._options.find((o) => o.value === val);\n                const label = opt ? opt.label : val;\n                return html`\n                  <span class=\"field__chip\">\n                    <span class=\"field__chip-label\">${label}</span>\n                    <button\n                      type=\"button\"\n                      class=\"field__chip-remove\"\n                      aria-label=${this.labelRemoveOption(label)}\n                      @click=${(e: Event) => {\n                        e.stopPropagation();\n                        this._removeValue(val);\n                      }}\n                    >\n                      <svg\n                        width=\"8\"\n                        height=\"8\"\n                        viewBox=\"0 0 8 8\"\n                        fill=\"none\"\n                        aria-hidden=\"true\"\n                        focusable=\"false\"\n                      >\n                        <path\n                          d=\"M1 1L7 7M7 1L1 7\"\n                          stroke=\"currentColor\"\n                          stroke-width=\"1.5\"\n                          stroke-linecap=\"round\"\n                        />\n                      </svg>\n                    </button>\n                  </span>\n                `;\n              })\n            : nothing}\n\n          <!--\n            Text input — W3C APG editable combobox (option I).\n            role=\"combobox\" REPLACES the implicit textbox role; all combobox\n            state ARIA lives here so AT sees one canonical surface.\n            aria-label / aria-labelledby / aria-describedby are written\n            imperatively by _syncHostAriaSemantics after consumer IDREF\n            resolution and are not bound here.\n          -->\n          <input\n            part=\"input\"\n            type=\"text\"\n            id=${this._id}\n            role=\"combobox\"\n            class=${classMap(inputClasses)}\n            .value=${this._filterText || (this._open ? '' : this._displayValue)}\n            placeholder=${ifDefined(this.placeholder || undefined)}\n            ?disabled=${this.disabled}\n            ?required=${this.required}\n            name=${ifDefined(this.name || undefined)}\n            autocomplete=\"off\"\n            aria-haspopup=\"listbox\"\n            aria-autocomplete=\"list\"\n            aria-controls=${this._listboxId}\n            aria-expanded=${this._open ? 'true' : 'false'}\n            aria-activedescendant=${ifDefined(activeOptionId || undefined)}\n            aria-required=${this.required ? 'true' : 'false'}\n            aria-invalid=${this._invalid ? 'true' : 'false'}\n            aria-busy=${this.loading ? 'true' : nothing}\n            aria-disabled=${this.disabled ? 'true' : nothing}\n            @input=${this._handleInput}\n            @focus=${this._handleFocus}\n            @keydown=${this._handleKeydown}\n          />\n\n          <!-- Loading Indicator -->\n          ${this.loading\n            ? html`\n                <div part=\"loading-indicator\" class=\"field__loading-indicator\" aria-hidden=\"true\">\n                  <div class=\"field__loading-spinner\"></div>\n                </div>\n              `\n            : nothing}\n\n          <!-- Clear Button -->\n          ${showClear\n            ? html`\n                <button\n                  part=\"clear-button\"\n                  type=\"button\"\n                  class=\"field__clear-button\"\n                  aria-label=${`Clear ${this.label || this.accessibleLabel || 'selection'}`}\n                  tabindex=\"0\"\n                  @click=${this._handleClear}\n                >\n                  <svg\n                    width=\"12\"\n                    height=\"12\"\n                    viewBox=\"0 0 12 12\"\n                    fill=\"none\"\n                    aria-hidden=\"true\"\n                    focusable=\"false\"\n                  >\n                    <path\n                      d=\"M1 1L11 11M11 1L1 11\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"1.5\"\n                      stroke-linecap=\"round\"\n                    />\n                  </svg>\n                </button>\n              `\n            : nothing}\n\n          <!-- Suffix Slot -->\n          <slot name=\"suffix\" class=\"field__suffix\"></slot>\n        </div>\n\n        <!-- Listbox -->\n        <div\n          part=\"listbox\"\n          role=\"listbox\"\n          id=${this._listboxId}\n          class=\"field__listbox\"\n          aria-label=${ifDefined(this.label || this.accessibleLabel || undefined)}\n          aria-multiselectable=${this.multiple ? 'true' : nothing}\n          ?hidden=${!this._open}\n        >\n          <div class=\"field__options\">${this._renderOptions()}</div>\n        </div>\n\n        <!-- Hidden slot (options read from here) -->\n        <slot name=\"option\" @slotchange=${this._handleSlotChange} style=\"display:none;\"></slot>\n\n        <!--\n          Persistent error live region. role=\"alert\" is set from first paint\n          so the WAI-ARIA contract for live updates is honoured.\n        -->\n        <div\n          part=\"error\"\n          class=\"field__error\"\n          id=${this._errorId}\n          role=\"alert\"\n          ?hidden=${!hasError}\n        >\n          <slot name=\"error\" @slotchange=${this._handleErrorSlotChange}\n            >${this._announcedError}</slot\n          >\n        </div>\n\n        <!--\n          Persistent help-text container. Rendered whenever the property OR\n          the slot has content; hidden when an error is present.\n        -->\n        <div\n          part=\"help-text\"\n          class=\"field__help-text\"\n          id=${this._helpTextId}\n          ?hidden=${!hasHelp || hasError}\n        >\n          <slot name=\"help-text\" @slotchange=${this._handleHelpSlotChange}>${this.helpText}</slot>\n        </div>\n\n        <!-- Filter results live region -->\n        <div id=${this._liveRegionId} aria-live=\"polite\" aria-atomic=\"true\" class=\"field__sr-only\">\n          ${this._filterAnnouncement}\n        </div>\n\n        <!--\n          Round-5 F1 (P1): synthesized in-shadow mirror of the consumer-\n          resolved description text. Its id is appended to the inner input's\n          aria-describedby chain so AT picks the consumer description up\n          through the standard described-by channel without needing\n          aria-description (which W3C AccName drops whenever\n          aria-describedby is also present). Same-root id resolves from\n          inside the shadow tree; consumer light-DOM ids do not. The text\n          content is updated by _syncHostAriaSemantics on every sync.\n        -->\n        <span id=${this._consumerDescId} class=\"field__sr-only\" aria-hidden=\"false\"></span>\n      </div>\n    `;\n  }\n}\n\n/**\n * Per-component event map for type-safe addEventListener on hx-combobox.\n * The `hx-change` detail is `{ value: string }` only — no `checked` property.\n */\nexport interface HxComboboxEventMap {\n  'hx-input': CustomEvent<{ value: string }>;\n  'hx-change': CustomEvent<{ value: string }>;\n  'hx-clear': CustomEvent<void>;\n  'hx-show': CustomEvent<void>;\n  'hx-hide': CustomEvent<void>;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-combobox': HelixCombobox;\n  }\n  interface HTMLElementEventMap {\n    'hx-input': CustomEvent<{ value: string }>;\n    // hx-change is also declared by hx-checkbox with a wider union; both\n    // declarations must agree — the union covers all components that fire it.\n    'hx-change': CustomEvent<{ value: string } | { checked: boolean; value: string }>;\n    'hx-clear': CustomEvent<void>;\n    'hx-show': CustomEvent<void>;\n    'hx-hide': CustomEvent<void>;\n  }\n}\n\nexport type { HelixCombobox as HxCombobox };\n"],"names":["helixComboboxStyles","css","_nextComboboxId","createIdCounter","flattenAccName","root","result","walker","node","el","textNode","HelixCombobox","FormMixin","HelixElement","label","lower","o","ctor","supportsIdrefElementReferences","records","consumerCleared","record","oldValue","newValue","installAriaIdrefMirror","_a","_b","_c","_d","_e","_f","changedProperties","labelSlot","state","helpSlot","errorSlot","slot","nodes","elements","fragments","elText","txt","trimmedText","unique","observer","internals","input","isInvalidEarly","liveAriaLabel","hostAriaLabel","internalLabel","slottedLabelEls","helpEl","errorEl","liveLabelledBy","liveDescribedBy","externalLabelTokens","externalDescTokens","consumerLabelEls","resolveIdrefTokens","hasEffectiveLabelledBy","consumerDescEls","hasError","isInvalid","explicitAccessibleLabel","isVisibleForAccName","labelElsForInternals","descElsForInternals","refsInternals","flattenText","els","t","inputAriaLabel","inputAriaLabelledBy","labelledByFlat","flat","consumerDescSpan","consumerDescText","describedByIds","value","_mode","disabled","parsed","child","trimmed","count","filtered","enabledIndices","i","nextDown","lastEnabled","prevUp","lastEnabledUp","opt","option","current","next","val","options","index","html","repeat","isSelected","isFocused","classMap","nothing","hasHelp","showClear","fieldClasses","inputClasses","activeOptionId","e","ifDefined","forcedColorsField","__decorateClass","property","query","customElement"],"mappings":";;;;;;;;;;AAEO,MAAMA,KAAsBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA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"}