@helixui/library 2.1.2-next.52 → 2.1.2-next.54

package/dist/shared/{hx-radio-f8c5ggHG.js → hx-radio-BBC5qZgE.js}

@@ -1,8 +1,10 @@
-import { css as g, LitElement as m, nothing as h, html as p } from "lit";
-import "./document-token-adoption-DuYNKd4k.js";
-import { property as d, state as w, customElement as y } from "lit/decorators.js";
-import { classMap as k } from "lit/directives/class-map.js";
-const R = g`
+import { css as g, nothing as h, html as p } from "lit";
+import { property as d, state as R, customElement as m } from "lit/decorators.js";
+import { classMap as y } from "lit/directives/class-map.js";
+import { F as S } from "./FormMixin-B8PXk5RQ.js";
+import { H as k } from "./helix-element-BNEYeiys.js";
+import { c as w } from "./id-counter-DuX8vsui.js";
+const E = g`
   :host {
     display: block;
   }
@@ -25,7 +27,7 @@ const R = g`
     display: flex;
     flex-direction: column;
     gap: var(--hx-space-2, 0.5rem);
-    font-family: var(--hx-font-family-sans, sans-serif);
+    font-family: var(--hx-radio-group-font-family, var(--hx-font-family-sans, sans-serif));
   }
 
   /* ─── Legend ─── */
@@ -36,7 +38,7 @@ const R = g`
     gap: var(--hx-space-1, 0.25rem);
     font-size: var(--hx-font-size-sm, 0.875rem);
     font-weight: var(--hx-font-weight-medium, 500);
-    color: var(--hx-radio-group-label-color, var(--hx-color-neutral-700, #343a40));
+    color: var(--hx-radio-group-label-color, var(--hx-color-neutral-700, #334155));
     line-height: var(--hx-line-height-normal, 1.5);
     padding: 0;
     margin-bottom: var(--hx-space-1, 0.25rem);
@@ -70,7 +72,7 @@ const R = g`
 
   .fieldset__help-text {
     font-size: var(--hx-font-size-xs, 0.75rem);
-    color: var(--hx-radio-group-help-text-color, var(--hx-color-neutral-500, #6c757d));
+    color: var(--hx-radio-group-help-text-color, var(--hx-color-neutral-500, #64748b));
     line-height: var(--hx-line-height-normal, 1.5);
   }
 
@@ -79,19 +81,52 @@ const R = g`
     color: var(--hx-radio-group-error-color, var(--hx-color-error-text, #b91c1c));
     line-height: var(--hx-line-height-normal, 1.5);
   }
+
+  /* ─── High Contrast Mode (forced-colors) ─── */
+
+  @media (forced-colors: active) {
+    .fieldset {
+      border: none;
+    }
+
+    .fieldset__legend {
+      color: CanvasText;
+    }
+
+    .fieldset--error .fieldset__legend {
+      color: LinkText;
+    }
+
+    :host([disabled]) {
+      opacity: 1;
+    }
+
+    :host([disabled]) .fieldset__legend {
+      color: GrayText;
+    }
+
+    .fieldset__help-text {
+      color: GrayText;
+    }
+
+    .fieldset__error {
+      color: LinkText;
+    }
+  }
 `;
-var S = Object.defineProperty, E = Object.getOwnPropertyDescriptor, n = (e, r, s, t) => {
-  for (var i = t > 1 ? void 0 : t ? E(r, s) : r, a = e.length - 1, l; a >= 0; a--)
-    (l = e[a]) && (i = (t ? l(r, s, i) : l(i)) || i);
-  return t && i && S(r, s, i), i;
+var C = Object.defineProperty, I = Object.getOwnPropertyDescriptor, n = (e, t, i, r) => {
+  for (var o = r > 1 ? void 0 : r ? I(t, i) : t, a = e.length - 1, s; a >= 0; a--)
+    (s = e[a]) && (o = (r ? s(t, i, o) : s(o)) || o);
+  return r && o && C(t, i, o), o;
 };
-let C = 0, o = class extends m {
+const $ = w("hx-radio-group");
+let l = class extends S(k) {
   constructor() {
-    super(), this.value = "", this.name = "", this.label = "", this.required = !1, this.disabled = !1, this.error = "", this.helpText = "", this.orientation = "vertical", this._hasErrorSlot = !1, this._groupId = `hx-radio-group-${++C}`, this._helpTextId = `${this._groupId}-help`, this._errorId = `${this._groupId}-error`, this._cachedRadios = null, this._individualDisabledStates = /* @__PURE__ */ new WeakMap(), this._handleRadioSelect = (e) => {
+    super(...arguments), this.value = "", this.name = "", this.label = "", this.required = !1, this.disabled = !1, this.error = "", this.helpText = "", this.orientation = "vertical", this._hasErrorSlot = !1, this._groupId = $(), this._helpTextId = `${this._groupId}-help`, this._errorId = `${this._groupId}-error`, this._cachedRadios = null, this._individualDisabledStates = /* @__PURE__ */ new WeakMap(), this._handleRadioSelect = (e) => {
       if (!(e instanceof CustomEvent)) return;
       e.stopPropagation();
-      const r = e.detail.value;
-      r !== this.value && (this.value = r, this.dispatchEvent(
+      const t = e.detail.value;
+      t !== this.value && (this.value = t, this._handleInteractionInput(), this.dispatchEvent(
         new CustomEvent("hx-change", {
           bubbles: !0,
           composed: !0,
@@ -99,9 +134,9 @@ let C = 0, o = class extends m {
         })
       ));
     }, this._handleKeydown = (e) => {
-      var b, x, v, _;
-      const r = this._getEnabledRadios();
-      if (r.length === 0 || ![
+      var _, b, x, v;
+      const t = this._getEnabledRadios();
+      if (t.length === 0 || ![
         "ArrowUp",
         "ArrowDown",
         "ArrowLeft",
@@ -112,7 +147,7 @@ let C = 0, o = class extends m {
       ].includes(e.key))
         return;
       if (e.preventDefault(), e.key === " ") {
-        const u = (x = (b = e.target) == null ? void 0 : b.closest) == null ? void 0 : x.call(b, "hx-radio");
+        const u = (b = (_ = e.target) == null ? void 0 : _.closest) == null ? void 0 : b.call(_, "hx-radio");
         u && !u.disabled && u.dispatchEvent(
           new CustomEvent("hx-radio-select", {
             bubbles: !0,
@@ -122,18 +157,18 @@ let C = 0, o = class extends m {
         );
         return;
       }
-      const t = (_ = (v = e.target) == null ? void 0 : v.closest) == null ? void 0 : _.call(v, "hx-radio"), i = t ? r.indexOf(t) : r.findIndex((u) => u.checked);
+      const r = (v = (x = e.target) == null ? void 0 : x.closest) == null ? void 0 : v.call(x, "hx-radio"), o = r ? t.indexOf(r) : t.findIndex((u) => u.checked);
       let a;
-      e.key === "Home" ? a = 0 : e.key === "End" ? a = r.length - 1 : e.key === "ArrowDown" || e.key === "ArrowRight" ? a = i === -1 ? 0 : (i + 1) % r.length : a = i <= 0 ? r.length - 1 : i - 1;
-      const l = r[a];
-      l && (l.focus(), l.dispatchEvent(
+      e.key === "Home" ? a = 0 : e.key === "End" ? a = t.length - 1 : e.key === "ArrowDown" || e.key === "ArrowRight" ? a = o === -1 ? 0 : (o + 1) % t.length : a = o <= 0 ? t.length - 1 : o - 1;
+      const s = t[a];
+      s && (s.focus(), s.dispatchEvent(
         new CustomEvent("hx-radio-select", {
           bubbles: !0,
           composed: !0,
-          detail: { value: l.value }
+          detail: { value: s.value }
         })
       ));
-    }, this._internals = this.attachInternals();
+    };
   }
   /**
    * Queries the rendered group container element within the shadow root.
@@ -159,10 +194,21 @@ let C = 0, o = class extends m {
     super.disconnectedCallback(), this.removeEventListener("hx-radio-select", this._handleRadioSelect), this.removeEventListener("keydown", this._handleKeydown);
   }
   updated(e) {
-    super.updated(e), e.has("value") && (this._internals.setFormValue(this.value || null), this._syncRadios(), this._updateValidity()), e.has("disabled") && this._syncRadios();
+    var t;
+    if (super.updated(e), e.has("value") && (this._internals.setFormValue(this.value || null), this._syncRadios()), e.has("disabled") && this._syncRadios(), e.has("error") && this.error) {
+      const i = (t = this.shadowRoot) == null ? void 0 : t.querySelector('[role="alert"]');
+      if (i) {
+        const r = this.error;
+        requestAnimationFrame(() => {
+          i.textContent = "", requestAnimationFrame(() => {
+            i.textContent = r;
+          });
+        });
+      }
+    }
   }
   firstUpdated(e) {
-    super.firstUpdated(e), this._syncRadios(), this._updateValidity(), !this.label && this.getAttribute("aria-label");
+    super.firstUpdated(e), this._syncRadios(), !this.label && this.getAttribute("aria-label");
   }
   /**
    * Returns all child hx-radio elements, using the cache when available.
@@ -183,24 +229,24 @@ let C = 0, o = class extends m {
    * @internal
    */
   _syncRadios() {
-    const e = this._getRadios(), r = this._getEnabledRadios();
-    e.forEach((t) => {
-      const i = t.value === this.value && this.value !== "";
-      if (t.checked = i, this.disabled)
-        this._individualDisabledStates.has(t) || this._individualDisabledStates.set(t, t.disabled), t.disabled = !0;
+    const e = this._getRadios(), t = this._getEnabledRadios();
+    e.forEach((r) => {
+      const o = r.value === this.value && this.value !== "";
+      if (r.checked = o, this.disabled)
+        this._individualDisabledStates.has(r) || this._individualDisabledStates.set(r, r.disabled), r.disabled = !0;
       else {
-        const a = this._individualDisabledStates.get(t);
-        a !== void 0 && (t.disabled = a, this._individualDisabledStates.delete(t));
+        const a = this._individualDisabledStates.get(r);
+        a !== void 0 && (r.disabled = a, this._individualDisabledStates.delete(r));
       }
     });
-    const s = r.find((t) => t.checked);
-    if (e.forEach((t) => {
-      t.tabIndex = -1;
-    }), s)
-      s.tabIndex = 0;
-    else if (r.length > 0) {
-      const t = r[0];
-      t && (t.tabIndex = 0);
+    const i = t.find((r) => r.checked);
+    if (e.forEach((r) => {
+      r.tabIndex = -1;
+    }), i)
+      i.tabIndex = 0;
+    else if (t.length > 0) {
+      const r = t[0];
+      r && (r.tabIndex = 0);
     }
   }
   /**
@@ -211,41 +257,6 @@ let C = 0, o = class extends m {
     this._cachedRadios = null, this._syncRadios();
   }
   // ─── Form Integration ───
-  /**
-   * Returns the associated form element, if any.
-   * @returns The associated `HTMLFormElement`, or `null` if not in a form.
-   */
-  get form() {
-    return this._internals.form;
-  }
-  /**
-   * Returns the validation message.
-   * @returns The current validation message string.
-   */
-  get validationMessage() {
-    return this._internals.validationMessage;
-  }
-  /**
-   * Returns the ValidityState object.
-   * @returns The `ValidityState` representing the current validity of the element.
-   */
-  get validity() {
-    return this._internals.validity;
-  }
-  /**
-   * Checks whether the group satisfies its constraints.
-   * @returns `true` if the group is valid, `false` otherwise.
-   */
-  checkValidity() {
-    return this._internals.checkValidity();
-  }
-  /**
-   * Reports validity and shows the browser's constraint validation UI.
-   * @returns `true` if the group is valid, `false` otherwise.
-   */
-  reportValidity() {
-    return this._internals.reportValidity();
-  }
   /**
    * Updates the ElementInternals validity state based on the required constraint and current value.
    * @internal
@@ -258,36 +269,39 @@ let C = 0, o = class extends m {
     ) : this._internals.setValidity({});
   }
   /** @internal */
-  formResetCallback() {
-    this.value = "", this._internals.setFormValue(null), this._syncRadios();
+  _onFormReset() {
+    this.value = "", this._internals.setFormValue(null), this._syncRadios(), this._resetInteractionState();
   }
   /** @internal */
-  formStateRestoreCallback(e, r) {
+  _onFormStateRestore(e, t) {
     typeof e == "string" && (this.value = e);
   }
   /** @internal */
-  formDisabledCallback(e) {
+  _onFormDisabled(e) {
     this.disabled = e;
   }
   // ─── Render ───
   render() {
-    const e = !!this.error, r = `${this._groupId}-legend`, s = {
+    const e = !!this.error, t = `${this._groupId}-legend`, i = {
       fieldset: !0,
       "fieldset--error": e,
       "fieldset--disabled": this.disabled,
       "fieldset--required": this.required
-    }, t = !!this.helpText, a = [e ? this._errorId : null, t ? this._helpTextId : null].filter(Boolean).join(" ") || h;
+    }, r = !!this.helpText, s = [
+      e || this._hasErrorSlot ? this._errorId : null,
+      r ? this._helpTextId : null
+    ].filter(Boolean).join(" ") || h;
     return p`
       <fieldset
         part="fieldset"
-        class=${k(s)}
+        class=${y(i)}
         role="radiogroup"
-        aria-labelledby=${this.label ? r : h}
-        aria-describedby=${a}
+        aria-labelledby=${this.label ? t : h}
+        aria-describedby=${s}
         aria-required=${this.required ? "true" : h}
       >
         ${this.label ? p`
-              <legend part="legend" class="fieldset__legend" id=${r}>
+              <legend part="legend" class="fieldset__legend" id=${t}>
                 ${this.label}
                 ${this.required ? p`<span class="fieldset__required-marker" aria-hidden="true">*</span>` : h}
               </legend>
@@ -314,39 +328,39 @@ let C = 0, o = class extends m {
     `;
   }
 };
-o.styles = [R];
-o.formAssociated = !0;
+l.styles = [E];
+l.formAssociated = !0;
 n([
-  d({ type: String })
-], o.prototype, "value", 2);
+  d({ type: String, reflect: !0 })
+], l.prototype, "value", 2);
 n([
-  d({ type: String })
-], o.prototype, "name", 2);
+  d({ type: String, reflect: !0 })
+], l.prototype, "name", 2);
 n([
   d({ type: String })
-], o.prototype, "label", 2);
+], l.prototype, "label", 2);
 n([
   d({ type: Boolean, reflect: !0 })
-], o.prototype, "required", 2);
+], l.prototype, "required", 2);
 n([
   d({ type: Boolean, reflect: !0 })
-], o.prototype, "disabled", 2);
+], l.prototype, "disabled", 2);
 n([
   d({ type: String })
-], o.prototype, "error", 2);
+], l.prototype, "error", 2);
 n([
   d({ type: String, attribute: "help-text" })
-], o.prototype, "helpText", 2);
+], l.prototype, "helpText", 2);
 n([
   d({ type: String, reflect: !0 })
-], o.prototype, "orientation", 2);
+], l.prototype, "orientation", 2);
 n([
-  w()
-], o.prototype, "_hasErrorSlot", 2);
-o = n([
-  y("hx-radio-group")
-], o);
-const $ = g`
+  R()
+], l.prototype, "_hasErrorSlot", 2);
+l = n([
+  m("hx-radio-group")
+], l);
+const T = g`
   :host {
     display: block;
   }
@@ -368,7 +382,7 @@ const $ = g`
     min-height: var(--hx-touch-target-min, 2.75rem);
     cursor: pointer;
     position: relative;
-    font-family: var(--hx-font-family-sans, sans-serif);
+    font-family: var(--hx-radio-font-family, var(--hx-font-family-sans, sans-serif));
   }
 
   .radio--disabled {
@@ -398,7 +412,7 @@ const $ = g`
     width: var(--hx-radio-size, var(--hx-size-5, 1.25rem));
     height: var(--hx-radio-size, var(--hx-size-5, 1.25rem));
     border: var(--hx-border-width-medium, 2px) solid
-      var(--hx-radio-border-color, var(--hx-color-neutral-300, #ced4da));
+      var(--hx-radio-border-color, var(--hx-color-neutral-300, #cbd5e1));
     border-radius: var(--hx-border-radius-full, 9999px);
     background-color: var(--hx-color-neutral-0, #ffffff);
     transition:
@@ -444,14 +458,14 @@ const $ = g`
   /* ─── Hover State ─── */
 
   .radio:not(.radio--disabled):not(.radio--checked):hover .radio__control {
-    border-color: var(--hx-color-neutral-400, #adb5bd);
+    border-color: var(--hx-color-neutral-400, #94a3b8);
   }
 
   /* ─── Label ─── */
 
   .radio__label {
     font-size: var(--hx-font-size-md, 1rem);
-    color: var(--hx-radio-label-color, var(--hx-color-neutral-700, #343a40));
+    color: var(--hx-radio-label-color, var(--hx-color-neutral-700, #334155));
     line-height: var(--hx-line-height-normal, 1.5);
     user-select: none;
     -webkit-user-select: none;
@@ -465,22 +479,87 @@ const $ = g`
       transition: none;
     }
   }
+
+  /* ─── High Contrast Mode (forced-colors) ─── */
+
+  @media (forced-colors: active) {
+    .radio__control {
+      forced-color-adjust: none;
+      background-color: ButtonFace;
+      border: 2px solid ButtonText;
+    }
+
+    :host(:focus-visible) .radio__control {
+      outline: 3px solid Highlight;
+      outline-offset: 2px;
+    }
+
+    .radio--checked .radio__control {
+      background-color: Highlight;
+      border-color: Highlight;
+    }
+
+    .radio--checked .radio__dot {
+      background-color: HighlightText;
+    }
+
+    :host([disabled]) {
+      opacity: 1;
+    }
+
+    :host([disabled]) .radio__control {
+      border-color: GrayText;
+      background-color: ButtonFace;
+    }
+
+    :host([disabled]) .radio--checked .radio__control {
+      background-color: GrayText;
+      border-color: GrayText;
+    }
+
+    :host([disabled]) .radio__label {
+      color: GrayText;
+    }
+
+    .radio__label {
+      color: CanvasText;
+    }
+  }
 `;
-var I = Object.defineProperty, A = Object.getOwnPropertyDescriptor, f = (e, r, s, t) => {
-  for (var i = t > 1 ? void 0 : t ? A(r, s) : r, a = e.length - 1, l; a >= 0; a--)
-    (l = e[a]) && (i = (t ? l(r, s, i) : l(i)) || i);
-  return t && i && I(r, s, i), i;
+var H = Object.defineProperty, z = Object.getOwnPropertyDescriptor, f = (e, t, i, r) => {
+  for (var o = r > 1 ? void 0 : r ? z(t, i) : t, a = e.length - 1, s; a >= 0; a--)
+    (s = e[a]) && (o = (r ? s(t, i, o) : s(o)) || o);
+  return r && o && H(t, i, o), o;
 };
-let z = 0, c = class extends m {
+const A = w("hx-radio");
+let c = class extends k {
   constructor() {
-    super(...arguments), this.value = "", this.label = "", this.disabled = !1, this.checked = !1, this._inputId = `hx-radio-${++z}`;
+    super(...arguments), this.value = "", this.label = "", this.disabled = !1, this.checked = !1, this._inputId = A();
   }
   // ─── Lifecycle ───
   connectedCallback() {
-    super.connectedCallback(), this.setAttribute("role", "radio"), this.setAttribute("aria-checked", String(this.checked)), this.label && this.setAttribute("aria-label", this.label), this.disabled ? this.setAttribute("aria-disabled", "true") : this.removeAttribute("aria-disabled");
+    super.connectedCallback(), this._internals.role = "radio", this._syncAriaState();
   }
   updated(e) {
-    super.updated(e), e.has("checked") && this.setAttribute("aria-checked", String(this.checked)), e.has("label") && (this.label ? this.setAttribute("aria-label", this.label) : this.removeAttribute("aria-label")), e.has("disabled") && (this.disabled ? this.setAttribute("aria-disabled", "true") : this.removeAttribute("aria-disabled"));
+    super.updated(e), (e.has("checked") || e.has("label") || e.has("disabled")) && this._syncAriaState();
+  }
+  /**
+   * Mirror reactive ARIA state onto ElementInternals. Setting a value to `null`
+   * removes it from the accessibility tree (matching the previous
+   * removeAttribute behavior).
+   *
+   * WCAG 4.1.2: expose the label text as ariaLabel on the host so assistive
+   * technology can associate the visible label with the radio role. The label
+   * span lives inside Shadow DOM and aria-labelledby cannot cross shadow
+   * boundaries, so ariaLabel on the host is the correct pattern here.
+   *
+   * WCAG 4.1.2: omit ariaDisabled entirely when not disabled. Setting
+   * aria-disabled="false" is verbose and unnecessary — omission is preferred.
+   *
+   * @internal
+   */
+  _syncAriaState() {
+    this._internals.ariaChecked = String(this.checked), this._internals.ariaLabel = this.label || null, this._internals.ariaDisabled = this.disabled ? "true" : null;
   }
   // ─── Event Handling ───
   /** @internal */
@@ -501,7 +580,7 @@ let z = 0, c = class extends m {
       "radio--disabled": this.disabled
     };
     return p`
-      <div class=${k(e)} @click=${this._handleClick}>
+      <div class=${y(e)} @click=${this._handleClick}>
         <input
           class="radio__input"
           type="radio"
@@ -521,7 +600,7 @@ let z = 0, c = class extends m {
     `;
   }
 };
-c.styles = [$];
+c.styles = [T];
 f([
   d({ type: String })
 ], c.prototype, "value", 2);
@@ -535,10 +614,10 @@ f([
   d({ type: Boolean, reflect: !0 })
 ], c.prototype, "checked", 2);
 c = f([
-  y("hx-radio")
+  m("hx-radio")
 ], c);
 export {
   c as H,
-  o as a
+  l as a
 };
-//# sourceMappingURL=hx-radio-f8c5ggHG.js.map
+//# sourceMappingURL=hx-radio-BBC5qZgE.js.map

package/dist/shared/hx-radio-BBC5qZgE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-radio-BBC5qZgE.js","sources":["../../src/components/hx-radio-group/hx-radio-group.styles.ts","../../src/components/hx-radio-group/hx-radio-group.ts","../../src/components/hx-radio-group/hx-radio.styles.ts","../../src/components/hx-radio-group/hx-radio.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixRadioGroupStyles = 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  /* ─── Fieldset ─── */\n\n  .fieldset {\n    border: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--hx-space-2, 0.5rem);\n    font-family: var(--hx-radio-group-font-family, var(--hx-font-family-sans, sans-serif));\n  }\n\n  /* ─── Legend ─── */\n\n  .fieldset__legend {\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-radio-group-label-color, var(--hx-color-neutral-700, #334155));\n    line-height: var(--hx-line-height-normal, 1.5);\n    padding: 0;\n    margin-bottom: var(--hx-space-1, 0.25rem);\n  }\n\n  .fieldset__required-marker {\n    color: var(--hx-radio-group-error-color, var(--hx-color-error-text, #b91c1c));\n    font-weight: var(--hx-font-weight-bold, 700);\n  }\n\n  /* ─── Group Container ─── */\n\n  .fieldset__group {\n    display: flex;\n    flex-direction: column;\n    gap: var(--hx-radio-group-gap, var(--hx-space-3, 0.75rem));\n  }\n\n  :host([orientation='horizontal']) .fieldset__group {\n    flex-direction: row;\n    flex-wrap: wrap;\n  }\n\n  /* ─── Error State ─── */\n\n  .fieldset--error .fieldset__legend {\n    color: var(--hx-radio-group-error-color, var(--hx-color-error-text, #b91c1c));\n  }\n\n  /* ─── Help Text & Error Messages ─── */\n\n  .fieldset__help-text {\n    font-size: var(--hx-font-size-xs, 0.75rem);\n    color: var(--hx-radio-group-help-text-color, var(--hx-color-neutral-500, #64748b));\n    line-height: var(--hx-line-height-normal, 1.5);\n  }\n\n  .fieldset__error {\n    font-size: var(--hx-font-size-xs, 0.75rem);\n    color: var(--hx-radio-group-error-color, var(--hx-color-error-text, #b91c1c));\n    line-height: var(--hx-line-height-normal, 1.5);\n  }\n\n  /* ─── High Contrast Mode (forced-colors) ─── */\n\n  @media (forced-colors: active) {\n    .fieldset {\n      border: none;\n    }\n\n    .fieldset__legend {\n      color: CanvasText;\n    }\n\n    .fieldset--error .fieldset__legend {\n      color: LinkText;\n    }\n\n    :host([disabled]) {\n      opacity: 1;\n    }\n\n    :host([disabled]) .fieldset__legend {\n      color: GrayText;\n    }\n\n    .fieldset__help-text {\n      color: GrayText;\n    }\n\n    .fieldset__error {\n      color: LinkText;\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 { devWarn } from '../../utils/dev-warn.js';\nimport { HelixElement, createIdCounter } from '../../base/index.js';\nimport { FormMixin } from '../../mixins/FormMixin.js';\nimport { helixRadioGroupStyles } from './hx-radio-group.styles.js';\nimport type { HelixRadio } from './hx-radio.js';\n\nconst _nextRadioGroupId = createIdCounter('hx-radio-group');\n\n/** Detail for the hx-change event dispatched by hx-radio-group. */\nexport interface HxRadioGroupChangeDetail {\n  value: string;\n  checked: boolean;\n}\n\n/**\n * A form-associated radio group that manages a set of `<hx-radio>` children.\n *\n * @summary Form-associated radio group with label, validation, help text, and keyboard navigation.\n *\n * @tag hx-radio-group\n *\n * @slot - `<hx-radio>` elements.\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, checked: boolean}>} hx-change - Dispatched when the selected radio changes.\n * @fires {CustomEvent<{value: string}>} hx-radio-select - Internal event dispatched by `hx-radio` when selected; consumed by the group.\n *\n * @csspart fieldset - The fieldset wrapper.\n * @csspart legend - The legend/label.\n * @csspart group - The container for radio items.\n * @csspart error - The error message.\n * @csspart help-text - The help text.\n *\n * @cssprop [--hx-radio-group-gap=var(--hx-space-3, 0.75rem)] - Gap between radio items.\n * @cssprop [--hx-radio-group-label-color=var(--hx-color-neutral-700, #343a40)] - Label text color.\n * @cssprop [--hx-radio-group-error-color=var(--hx-color-error-500, #dc3545)] - Error message color.\n * @cssprop [--hx-radio-group-help-text-color=var(--hx-color-neutral-500, #6c757d)] - Help text color.\n */\n@customElement('hx-radio-group')\nexport class HelixRadioGroup extends FormMixin(HelixElement) {\n  static override styles = [helixRadioGroupStyles];\n\n  // ─── Form Association ───\n\n  /**\n   * Enables ElementInternals form association for this component.\n   * @internal\n   */\n  static override formAssociated = true;\n\n  // ─── Properties ───\n\n  /**\n   * The selected radio's value.\n   * @attr value\n   */\n  @property({ type: String, reflect: true })\n  value = '';\n\n  /**\n   * The name used for form submission.\n   * @attr name\n   */\n  @property({ type: String, reflect: true })\n  name = '';\n\n  /**\n   * The fieldset legend/label text.\n   * @attr label\n   */\n  @property({ type: String })\n  label = '';\n\n  /**\n   * Whether a selection is required for form submission.\n   * @attr required\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * Whether the entire group is disabled.\n   * @attr disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Error message to display. When set, the group enters an error state.\n   * @attr error\n   */\n  @property({ type: String })\n  error = '';\n\n  /**\n   * Help text displayed below the group for guidance.\n   * @attr help-text\n   */\n  @property({ type: String, attribute: 'help-text' })\n  helpText = '';\n\n  /**\n   * Layout orientation of the radio items.\n   * @attr orientation\n   */\n  @property({ type: String, reflect: true })\n  orientation: 'vertical' | 'horizontal' = 'vertical';\n\n  /**\n   * Queries the rendered group container element within the shadow root.\n   * @internal\n   */\n  private get _groupEl(): HTMLElement | null {\n    return this.renderRoot?.querySelector('.fieldset__group') ?? null;\n  }\n\n  /**\n   * Tracks whether the error slot has assigned content.\n   * @internal\n   */\n  @state() private _hasErrorSlot = false;\n\n  // ─── Internal IDs ───\n\n  /**\n   * Unique identifier for this radio group instance used in ARIA attributes.\n   * @internal\n   */\n  private _groupId = _nextRadioGroupId();\n  /**\n   * Unique identifier for the help text element, used in aria-describedby.\n   * @internal\n   */\n  private _helpTextId = `${this._groupId}-help`;\n  /**\n   * Unique identifier for the error element, used in aria-describedby.\n   * @internal\n   */\n  private _errorId = `${this._groupId}-error`;\n\n  // ─── Slot Handlers ───\n\n  /**\n   * Handles slotchange events on the error slot to detect assigned content.\n   * @internal\n   */\n  private _handleErrorSlotChange(e: Event): void {\n    if (!(e.target instanceof HTMLSlotElement)) return;\n    this._hasErrorSlot = e.target.assignedNodes({ flatten: true }).length > 0;\n  }\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('hx-radio-select', this._handleRadioSelect);\n    this.addEventListener('keydown', this._handleKeydown);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('hx-radio-select', this._handleRadioSelect);\n    this.removeEventListener('keydown', this._handleKeydown);\n  }\n\n  override updated(changedProperties: PropertyValues<this>): void {\n    super.updated(changedProperties);\n    if (changedProperties.has('value')) {\n      this._internals.setFormValue(this.value || null);\n      this._syncRadios();\n    }\n    if (changedProperties.has('disabled')) {\n      this._syncRadios();\n    }\n    // Force screen reader re-announcement when error text changes (a11y-v3-005)\n    if (changedProperties.has('error') && this.error) {\n      const errorEl = this.shadowRoot?.querySelector('[role=\"alert\"]');\n      if (errorEl) {\n        const msg = this.error;\n        requestAnimationFrame(() => {\n          errorEl.textContent = '';\n          requestAnimationFrame(() => {\n            errorEl.textContent = msg;\n          });\n        });\n      }\n    }\n  }\n\n  override firstUpdated(changedProperties: PropertyValues<this>): void {\n    super.firstUpdated(changedProperties);\n    this._syncRadios();\n    // WCAG 4.1.2: warn when no accessible name is available for the radio group.\n    // The fieldset needs either a label prop (rendered as <legend>) or an aria-label\n    // attribute on the host element so screen readers can identify the group.\n    if (!this.label && !this.getAttribute('aria-label')) {\n      devWarn(\n        'hx-radio-group',\n        'No accessible label provided. Set the `label` attribute or add `aria-label` to the host element. An unlabeled radio group violates WCAG 2.1 AA (4.1.2 Name, Role, Value).',\n      );\n    }\n  }\n\n  // ─── Radio Management ───\n\n  /**\n   * Cached list of child hx-radio elements; invalidated on slot change.\n   * @internal\n   */\n  private _cachedRadios: HelixRadio[] | null = null;\n  /**\n   * Stores each radio's individual disabled state before group-level disabling overrides it.\n   * @internal\n   */\n  private _individualDisabledStates = new WeakMap<HelixRadio, boolean>();\n\n  /**\n   * Returns all child hx-radio elements, using the cache when available.\n   * @internal\n   */\n  private _getRadios(): HelixRadio[] {\n    if (!this._cachedRadios) {\n      this._cachedRadios = Array.from(this.querySelectorAll('hx-radio')) as HelixRadio[];\n    }\n    return this._cachedRadios;\n  }\n\n  /**\n   * Returns only the child hx-radio elements that are not disabled.\n   * @internal\n   */\n  private _getEnabledRadios(): HelixRadio[] {\n    return this._getRadios().filter((radio) => !radio.disabled && !this.disabled);\n  }\n\n  /**\n   * Synchronizes checked state, disabled state, and roving tabindex across all child radios.\n   * @internal\n   */\n  private _syncRadios(): void {\n    const radios = this._getRadios();\n    const enabledRadios = this._getEnabledRadios();\n\n    radios.forEach((radio) => {\n      const isChecked = radio.value === this.value && this.value !== '';\n      radio.checked = isChecked;\n\n      if (this.disabled) {\n        // Store individual disabled state before overriding with group disabled\n        if (!this._individualDisabledStates.has(radio)) {\n          this._individualDisabledStates.set(radio, radio.disabled);\n        }\n        radio.disabled = true;\n      } else {\n        // Restore individual disabled state when group is re-enabled\n        const originalDisabled = this._individualDisabledStates.get(radio);\n        if (originalDisabled !== undefined) {\n          radio.disabled = originalDisabled;\n          this._individualDisabledStates.delete(radio);\n        }\n      }\n    });\n\n    // Roving tabindex management\n    const checkedRadio = enabledRadios.find((r) => r.checked);\n    radios.forEach((radio) => {\n      radio.tabIndex = -1;\n    });\n\n    if (checkedRadio) {\n      checkedRadio.tabIndex = 0;\n    } else if (enabledRadios.length > 0) {\n      const firstRadio = enabledRadios[0];\n      if (firstRadio) {\n        firstRadio.tabIndex = 0;\n      }\n    }\n  }\n\n  // ─── Event Handling ───\n\n  /**\n   * Handles the internal hx-radio-select event to update the group's selected value.\n   * @internal\n   */\n  private _handleRadioSelect = (e: Event): void => {\n    if (!(e instanceof CustomEvent)) return;\n    e.stopPropagation();\n\n    const newValue = (e.detail as { value: string }).value;\n    if (newValue === this.value) {\n      return;\n    }\n\n    this.value = newValue;\n    this._handleInteractionInput();\n    // Reactive update in updated() will call setFormValue, _syncRadios, _updateValidity\n\n    /**\n     * Dispatched when the selected radio changes.\n     * @event hx-change\n     */\n    this.dispatchEvent(\n      new CustomEvent<{ value: string; checked: boolean }>('hx-change', {\n        bubbles: true,\n        composed: true,\n        detail: { value: this.value, checked: true },\n      }),\n    );\n  };\n\n  /**\n   * Handles keyboard navigation (arrow keys, Home, End, Space) within the radio group.\n   * @internal\n   */\n  private _handleKeydown = (e: KeyboardEvent): void => {\n    const enabledRadios = this._getEnabledRadios();\n    if (enabledRadios.length === 0) {\n      return;\n    }\n\n    const isHandledKey = [\n      'ArrowUp',\n      'ArrowDown',\n      'ArrowLeft',\n      'ArrowRight',\n      ' ',\n      'Home',\n      'End',\n    ].includes(e.key);\n    if (!isHandledKey) {\n      return;\n    }\n\n    e.preventDefault();\n\n    // Space: select the currently focused radio without moving focus\n    if (e.key === ' ') {\n      const targetRadio = (e.target as Element)?.closest?.('hx-radio') as HelixRadio | null;\n      if (targetRadio && !targetRadio.disabled) {\n        targetRadio.dispatchEvent(\n          new CustomEvent<{ value: string }>('hx-radio-select', {\n            bubbles: true,\n            composed: true,\n            detail: { value: targetRadio.value },\n          }),\n        );\n      }\n      return;\n    }\n\n    const targetRadio = (e.target as Element)?.closest?.('hx-radio') as HelixRadio | null;\n    const currentIndex = targetRadio\n      ? enabledRadios.indexOf(targetRadio)\n      : enabledRadios.findIndex((radio) => radio.checked);\n\n    let nextIndex: number;\n    if (e.key === 'Home') {\n      nextIndex = 0;\n    } else if (e.key === 'End') {\n      nextIndex = enabledRadios.length - 1;\n    } else if (e.key === 'ArrowDown' || e.key === 'ArrowRight') {\n      nextIndex = currentIndex === -1 ? 0 : (currentIndex + 1) % enabledRadios.length;\n    } else {\n      nextIndex = currentIndex <= 0 ? enabledRadios.length - 1 : currentIndex - 1;\n    }\n\n    const nextRadio = enabledRadios[nextIndex];\n    if (nextRadio) {\n      nextRadio.focus();\n      nextRadio.dispatchEvent(\n        new CustomEvent<{ value: string }>('hx-radio-select', {\n          bubbles: true,\n          composed: true,\n          detail: { value: nextRadio.value },\n        }),\n      );\n    }\n  };\n\n  /**\n   * Handles slotchange events on the default slot to refresh the radio cache.\n   * @internal\n   */\n  private _handleSlotChange(): void {\n    this._cachedRadios = null;\n    this._syncRadios();\n  }\n\n  // ─── Form Integration ───\n\n  /**\n   * Updates the ElementInternals validity state based on the required constraint and current value.\n   * @internal\n   */\n  override _updateValidity(): void {\n    if (this.required && !this.value) {\n      this._internals.setValidity(\n        { valueMissing: true },\n        this.error || 'Please select an option.',\n        this._groupEl ?? undefined,\n      );\n    } else {\n      this._internals.setValidity({});\n    }\n  }\n\n  /** @internal */\n  protected override _onFormReset(): void {\n    this.value = '';\n    this._internals.setFormValue(null);\n    this._syncRadios();\n    this._resetInteractionState();\n  }\n\n  /** @internal */\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  // ─── Render ───\n\n  override render() {\n    const hasError = !!this.error;\n    const legendId = `${this._groupId}-legend`;\n\n    const fieldsetClasses = {\n      fieldset: true,\n      'fieldset--error': hasError,\n      'fieldset--disabled': this.disabled,\n      'fieldset--required': this.required,\n    };\n\n    // WCAG 1.3.1: _errorId is now on the persistent wrapper div around the error slot,\n    // so it remains valid whether error content comes from the slot or the property.\n    const hasHelp = !!this.helpText;\n    const hasErrorContent = hasError || this._hasErrorSlot;\n    const describedByIds = [\n      hasErrorContent ? this._errorId : null,\n      hasHelp ? this._helpTextId : null,\n    ]\n      .filter(Boolean)\n      .join(' ');\n    const describedBy = describedByIds || nothing;\n\n    return html`\n      <fieldset\n        part=\"fieldset\"\n        class=${classMap(fieldsetClasses)}\n        role=\"radiogroup\"\n        aria-labelledby=${this.label ? legendId : nothing}\n        aria-describedby=${describedBy}\n        aria-required=${this.required ? 'true' : nothing}\n      >\n        ${this.label\n          ? html`\n              <legend part=\"legend\" class=\"fieldset__legend\" id=${legendId}>\n                ${this.label}\n                ${this.required\n                  ? html`<span class=\"fieldset__required-marker\" aria-hidden=\"true\">*</span>`\n                  : nothing}\n              </legend>\n            `\n          : nothing}\n\n        <div part=\"group\" class=\"fieldset__group\" role=\"none\">\n          <slot @slotchange=${this._handleSlotChange}></slot>\n        </div>\n\n        <!-- WCAG 1.3.1: wrap slot in a persistent container so _errorId stays stable\n             regardless of whether error content comes from the slot or the property. -->\n        <div id=${this._errorId}>\n          <slot name=\"error\" @slotchange=${this._handleErrorSlotChange}>\n            ${hasError\n              ? html`<div part=\"error\" class=\"fieldset__error\" role=\"alert\">${this.error}</div>`\n              : nothing}\n          </slot>\n        </div>\n\n        ${this.helpText && !hasError\n          ? html`\n              <div part=\"help-text\" class=\"fieldset__help-text\" id=${this._helpTextId}>\n                <slot name=\"help-text\">${this.helpText}</slot>\n              </div>\n            `\n          : nothing}\n      </fieldset>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-radio-group': HelixRadioGroup;\n  }\n}\n\n/** Canonical type alias for the hx-radio-group component. */\nexport type HxRadioGroup = HelixRadioGroup;\n","import { css } from 'lit';\n\nexport const helixRadioStyles = 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  .radio {\n    display: inline-flex;\n    align-items: center;\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    position: relative;\n    font-family: var(--hx-radio-font-family, var(--hx-font-family-sans, sans-serif));\n  }\n\n  .radio--disabled {\n    cursor: not-allowed;\n  }\n\n  /* ─── Hidden Native Input ─── */\n\n  .radio__input {\n    position: absolute;\n    width: var(--hx-space-px);\n    height: var(--hx-space-px);\n    padding: 0;\n    margin: calc(var(--hx-space-px) * -1);\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  /* ─── Visual Radio Circle ─── */\n\n  .radio__control {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--hx-radio-size, var(--hx-size-5, 1.25rem));\n    height: var(--hx-radio-size, var(--hx-size-5, 1.25rem));\n    border: var(--hx-border-width-medium, 2px) solid\n      var(--hx-radio-border-color, var(--hx-color-neutral-300, #cbd5e1));\n    border-radius: var(--hx-border-radius-full, 9999px);\n    background-color: var(--hx-color-neutral-0, #ffffff);\n    transition:\n      border-color var(--hx-transition-fast, 150ms ease),\n      background-color var(--hx-transition-fast, 150ms ease),\n      box-shadow var(--hx-transition-fast, 150ms ease);\n    flex-shrink: 0;\n  }\n\n  /* ─── Inner Dot ─── */\n\n  .radio__dot {\n    width: calc(var(--hx-radio-size, var(--hx-size-5, 1.25rem)) * 0.4);\n    height: calc(var(--hx-radio-size, var(--hx-size-5, 1.25rem)) * 0.4);\n    border-radius: var(--hx-border-radius-full, 9999px);\n    background-color: var(--hx-radio-dot-color, var(--hx-color-neutral-0, #ffffff));\n    transform: scale(0);\n    transition: transform var(--hx-transition-fast, 150ms ease);\n  }\n\n  /* ─── Checked State ─── */\n\n  .radio--checked .radio__control {\n    border-color: var(--hx-radio-checked-border-color, var(--hx-color-primary-500, #2563eb));\n    background-color: var(--hx-radio-checked-bg, var(--hx-color-primary-500, #2563eb));\n  }\n\n  .radio--checked .radio__dot {\n    transform: scale(1);\n  }\n\n  /* ─── Focus State ─── */\n\n  :host(:focus-visible) .radio__control {\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(\n        --hx-radio-focus-ring-color,\n        var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa))\n      );\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n  }\n\n  /* ─── Hover State ─── */\n\n  .radio:not(.radio--disabled):not(.radio--checked):hover .radio__control {\n    border-color: var(--hx-color-neutral-400, #94a3b8);\n  }\n\n  /* ─── Label ─── */\n\n  .radio__label {\n    font-size: var(--hx-font-size-md, 1rem);\n    color: var(--hx-radio-label-color, var(--hx-color-neutral-700, #334155));\n    line-height: var(--hx-line-height-normal, 1.5);\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  /* ─── Reduced Motion ─── */\n\n  @media (prefers-reduced-motion: reduce) {\n    .radio__control,\n    .radio__dot {\n      transition: none;\n    }\n  }\n\n  /* ─── High Contrast Mode (forced-colors) ─── */\n\n  @media (forced-colors: active) {\n    .radio__control {\n      forced-color-adjust: none;\n      background-color: ButtonFace;\n      border: 2px solid ButtonText;\n    }\n\n    :host(:focus-visible) .radio__control {\n      outline: 3px solid Highlight;\n      outline-offset: 2px;\n    }\n\n    .radio--checked .radio__control {\n      background-color: Highlight;\n      border-color: Highlight;\n    }\n\n    .radio--checked .radio__dot {\n      background-color: HighlightText;\n    }\n\n    :host([disabled]) {\n      opacity: 1;\n    }\n\n    :host([disabled]) .radio__control {\n      border-color: GrayText;\n      background-color: ButtonFace;\n    }\n\n    :host([disabled]) .radio--checked .radio__control {\n      background-color: GrayText;\n      border-color: GrayText;\n    }\n\n    :host([disabled]) .radio__label {\n      color: GrayText;\n    }\n\n    .radio__label {\n      color: CanvasText;\n    }\n  }\n`;\n","import { html, type PropertyValues } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HelixElement, createIdCounter } from '../../base/index.js';\nimport { helixRadioStyles } from './hx-radio.styles.js';\n\nconst _nextRadioId = createIdCounter('hx-radio');\n\n/**\n * An individual radio button, designed to be used inside a `<hx-radio-group>`.\n *\n * @summary Presentational radio button managed by its parent radio group.\n *\n * @tag hx-radio\n *\n * @slot - Custom label content (overrides the label property).\n *\n * @csspart radio - The visual radio circle.\n * @csspart label - The label text.\n *\n * @cssprop [--hx-radio-size=var(--hx-size-5, 1.25rem)] - Radio circle size.\n * @cssprop [--hx-radio-border-color=var(--hx-color-neutral-300, #ced4da)] - Radio border color.\n * @cssprop [--hx-radio-checked-bg=var(--hx-color-primary-500, #2563EB)] - Checked background color.\n * @cssprop [--hx-radio-checked-border-color=var(--hx-color-primary-500, #2563EB)] - Checked border color.\n * @cssprop [--hx-radio-dot-color=var(--hx-color-neutral-0, #ffffff)] - Inner dot color when checked.\n * @cssprop [--hx-radio-focus-ring-color=var(--hx-focus-ring-color, #2563EB)] - Focus ring color.\n * @cssprop [--hx-radio-label-color=var(--hx-color-neutral-700, #343a40)] - Label text color.\n */\n@customElement('hx-radio')\nexport class HelixRadio extends HelixElement {\n  static override styles = [helixRadioStyles];\n\n  // ─── Properties ───\n\n  /**\n   * The value this radio represents.\n   * @attr value\n   */\n  @property({ type: String })\n  value = '';\n\n  /**\n   * Visible label text for the radio.\n   * @attr label\n   */\n  @property({ type: String })\n  label = '';\n\n  /**\n   * Whether this radio is disabled.\n   * @attr disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Whether this radio is checked. Managed by the parent group.\n   * @attr checked\n   */\n  @property({ type: Boolean, reflect: true })\n  checked = false;\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    // ARIA role and state are projected to the accessibility tree via\n    // ElementInternals rather than imperative setAttribute calls. This keeps\n    // the host element's attribute surface clean — consumers cannot accidentally\n    // override role/aria-* — and aligns with the standards pattern for\n    // custom elements. See https://wicg.github.io/aom/spec/aria-reflection.html.\n    this._internals.role = 'radio';\n    this._syncAriaState();\n  }\n\n  override updated(changedProperties: PropertyValues<this>): void {\n    super.updated(changedProperties);\n    if (\n      changedProperties.has('checked') ||\n      changedProperties.has('label') ||\n      changedProperties.has('disabled')\n    ) {\n      this._syncAriaState();\n    }\n  }\n\n  /**\n   * Mirror reactive ARIA state onto ElementInternals. Setting a value to `null`\n   * removes it from the accessibility tree (matching the previous\n   * removeAttribute behavior).\n   *\n   * WCAG 4.1.2: expose the label text as ariaLabel on the host so assistive\n   * technology can associate the visible label with the radio role. The label\n   * span lives inside Shadow DOM and aria-labelledby cannot cross shadow\n   * boundaries, so ariaLabel on the host is the correct pattern here.\n   *\n   * WCAG 4.1.2: omit ariaDisabled entirely when not disabled. Setting\n   * aria-disabled=\"false\" is verbose and unnecessary — omission is preferred.\n   *\n   * @internal\n   */\n  private _syncAriaState(): void {\n    this._internals.ariaChecked = String(this.checked);\n    this._internals.ariaLabel = this.label || null;\n    this._internals.ariaDisabled = this.disabled ? 'true' : null;\n  }\n\n  // ─── Internal IDs ───\n\n  /** @internal */\n  private _inputId = _nextRadioId();\n\n  // ─── Event Handling ───\n\n  /** @internal */\n  private _handleClick(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    /**\n     * Internal event dispatched to signal selection to the parent group.\n     * Not part of the public API.\n     * @internal\n     */\n    this.dispatchEvent(\n      new CustomEvent<{ value: string }>('hx-radio-select', {\n        bubbles: true,\n        composed: true,\n        detail: { value: this.value },\n      }),\n    );\n  }\n\n  // ─── Render ───\n\n  override render() {\n    const classes = {\n      radio: true,\n      'radio--checked': this.checked,\n      'radio--disabled': this.disabled,\n    };\n\n    return html`\n      <div class=${classMap(classes)} @click=${this._handleClick}>\n        <input\n          class=\"radio__input\"\n          type=\"radio\"\n          id=${this._inputId}\n          .checked=${this.checked}\n          ?disabled=${this.disabled}\n          tabindex=\"-1\"\n          aria-hidden=\"true\"\n        />\n        <span part=\"radio\" class=\"radio__control\" aria-hidden=\"true\">\n          <span class=\"radio__dot\"></span>\n        </span>\n        <span part=\"label\" class=\"radio__label\">\n          <slot>${this.label}</slot>\n        </span>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-radio': HelixRadio;\n  }\n}\n\n/** Canonical type alias for the hx-radio component. */\nexport type HxRadio = HelixRadio;\n"],"names":["helixRadioGroupStyles","css","_nextRadioGroupId","createIdCounter","HelixRadioGroup","FormMixin","HelixElement","newValue","enabledRadios","targetRadio","_b","_a","_d","_c","currentIndex","radio","nextIndex","nextRadio","changedProperties","errorEl","msg","radios","isChecked","originalDisabled","checkedRadio","firstRadio","state","_mode","disabled","hasError","legendId","fieldsetClasses","hasHelp","describedBy","nothing","html","classMap","__decorateClass","property","customElement","helixRadioStyles","_nextRadioId","HelixRadio","classes"],"mappings":"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"}