@helixui/library 3.3.1-next.118 → 3.4.0-next.121

package/dist/css/hx-meter.css

@@ -116,6 +116,11 @@
   /* ─── Forced Colors (Windows High Contrast) ─── */
 
   @media (forced-colors: active) {
+    .meter:focus-visible {
+      outline: 2px solid Highlight;
+      outline-offset: var(--hx-focus-ring-offset, 2px);
+    }
+
     .meter__track {
       border: 1px solid CanvasText;
     }

package/dist/css/hx-tag.css

@@ -150,9 +150,32 @@
   @media (forced-colors: active) {
     .tag {
       border-color: CanvasText;
+      forced-color-adjust: none;
+      background-color: Canvas;
+      color: CanvasText;
     }
 
     .tag__remove-button {
       color: ButtonText;
     }
+
+    /* Per-semantic-variant forced-colors fallbacks. The visually-hidden
+       semantic variant label (.tag__variant-label) keeps AT users
+       informed; these blocks restore visual semantic distinction for
+       sighted users in HCM where bg/color collapse to system defaults.
+       Pattern: distinct border-style per variant (matches hx-badge). */
+    .tag--success {
+      border-style: solid;
+      border-width: 2px;
+    }
+
+    .tag--warning {
+      border-style: dashed;
+      border-width: 2px;
+    }
+
+    .tag--danger {
+      border-style: double;
+      border-width: 3px;
+    }
   }

package/dist/css/hx-time-picker.css

@@ -188,6 +188,17 @@
   .field__error {
     color: var(--hx-time-picker-error-color, var(--hx-color-error-text, #c92a2a));
   }
+  .field__sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
   @media (forced-colors: active) {
     .field__combobox {
       border-color: ButtonText;

package/dist/css/index.css

@@ -1,4 +1,4 @@
-/* index.css — generated 2026-05-05T19:04:42.574Z */
+/* index.css — generated 2026-05-06T11:20:36.952Z */
 /* Imports all per-component CSS files for Drupal asset pipeline */
 
 @import './hx-accordion.css';

package/dist/css/manifest.json

@@ -1,5 +1,5 @@
 {
-  "generated": "2026-05-05T19:04:42.574Z",
+  "generated": "2026-05-06T11:20:36.951Z",
   "components": [
     {
       "name": "hx-accordion",
@@ -1179,6 +1179,7 @@
         "--hx-color-text-on-error",
         "--hx-color-text-on-primary",
         "--hx-color-text-strong",
+        "--hx-duration-spinner",
         "--hx-filter-brightness-active",
         "--hx-focus-ring-color",
         "--hx-focus-ring-offset",
@@ -1193,6 +1194,7 @@
         "--hx-icon-button-focus-ring-color",
         "--hx-icon-button-size",
         "--hx-opacity-disabled",
+        "--hx-opacity-muted",
         "--hx-size-10",
         "--hx-size-12",
         "--hx-size-8",

package/dist/index.js

@@ -1,30 +1,30 @@
 import { lightTokenCss as p } from "@helixui/tokens";
 import { H as S, a as y } from "./shared/hx-accordion-ZVzgDzTG.js";
 import { H as b } from "./shared/hx-action-bar-CitgcpGv.js";
-import { H as g } from "./shared/hx-alert-CLn7CstP.js";
+import { H as g } from "./shared/hx-alert-Bto8-TIi.js";
 import { H as v } from "./shared/hx-avatar-C9hOmlAb.js";
-import { H as E } from "./shared/hx-badge-CQXgOXJM.js";
-import { H as k } from "./shared/hx-banner-D3DzpfcP.js";
+import { H as E } from "./shared/hx-badge-JlFtAdxS.js";
+import { H as k } from "./shared/hx-banner-fpRnciIO.js";
 import { H as B, a as P } from "./shared/hx-breadcrumb-item-3tKppF9h.js";
-import { H as M } from "./shared/hx-button-DPY6SPVT.js";
-import { H as N } from "./shared/hx-button-group-BI-QBqmO.js";
+import { H as M } from "./shared/hx-button-BOwAEcF1.js";
+import { H as N } from "./shared/hx-button-group-DcHP5MBv.js";
 import { H as A } from "./shared/hx-card-qNAM2QNV.js";
 import { H as G, a as U } from "./shared/hx-carousel-item-z1Lc24op.js";
-import { H as O } from "./shared/hx-checkbox-BdgoUeWi.js";
-import { H as K } from "./shared/hx-checkbox-group-LWezHrvS.js";
+import { H as O } from "./shared/hx-checkbox-C48KYKFq.js";
+import { H as K } from "./shared/hx-checkbox-group-BJIAX3zU.js";
 import { H as Y } from "./shared/hx-clinical-status-D3XQIOqX.js";
 import { H as q } from "./shared/hx-code-snippet-fVV3Z2DZ.js";
-import { H as J } from "./shared/hx-color-picker-DVhZl88b.js";
-import { H as Z } from "./shared/hx-combobox-DvlezcDV.js";
+import { H as J } from "./shared/hx-color-picker-Dk4cBwYQ.js";
+import { H as Z } from "./shared/hx-combobox-BTLO9qiK.js";
 import { H as oe } from "./shared/hx-container-DVI7sxfX.js";
 import { H as re } from "./shared/hx-copy-button-sUVuikyH.js";
 import { H as ie } from "./shared/hx-counter-0zYapFhf.js";
-import { H as xe } from "./shared/hx-data-table-CLqVqdxr.js";
-import { H as le } from "./shared/hx-date-picker-N-0aG5XL.js";
-import { H as pe } from "./shared/hx-dialog-DzB7VytW.js";
+import { H as xe } from "./shared/hx-data-table-Ct3gQ6ya.js";
+import { H as le } from "./shared/hx-date-picker-CiR7FVnR.js";
+import { H as pe } from "./shared/hx-dialog-AOZpHSuF.js";
 import { H as fe } from "./shared/hx-divider-CYfcUjcr.js";
-import { H as de } from "./shared/hx-drawer-Y1Ui2IWJ.js";
-import { H as ue } from "./shared/hx-dropdown-DJWlF94E.js";
+import { H as de } from "./shared/hx-drawer-DH6CdAN1.js";
+import { H as ue } from "./shared/hx-dropdown-DiLd40Lm.js";
 import { H as ye } from "./shared/hx-field-zw0U1KVi.js";
 import { H as be } from "./shared/hx-field-label-BVRyyKeh.js";
 import { H as ge } from "./shared/hx-file-upload-D3rKROK5.js";
@@ -33,52 +33,52 @@ import { H as Ee } from "./shared/hx-format-date-CKnlQOmV.js";
 import { H as ke, a as we } from "./shared/hx-grid-CXZf3jeK.js";
 import { H as Pe } from "./shared/hx-help-text-Xb2Yr8x2.js";
 import { H as Me } from "./shared/hx-icon-fuVm4-bk.js";
-import { H as Ne } from "./shared/hx-icon-button-CGNdQSFM.js";
+import { H as Ne } from "./shared/hx-icon-button-a6OpeQz5.js";
 import { H as Ae } from "./shared/hx-image-Ben_4yM5.js";
-import { H as Ge } from "./shared/hx-link-C-O6vq0Q.js";
-import { H as Ve, a as Oe } from "./shared/hx-list-MyEhh8c7.js";
-import { H as Ke, a as We, b as Ye } from "./shared/hx-menu-divider-C2omnPtj.js";
-import { H as qe } from "./shared/hx-meter-BPscsw5t.js";
+import { H as Ge } from "./shared/hx-link-CMnZRUtQ.js";
+import { H as Ve, a as Oe } from "./shared/hx-list-De66EtAP.js";
+import { H as Ke, a as We, b as Ye } from "./shared/hx-menu-divider-BjiRIWKq.js";
+import { H as qe } from "./shared/hx-meter-BJdh6nrF.js";
 import { H as Je } from "./shared/hx-nav-ldFM3Fle.js";
 import { H as Ze } from "./shared/hx-number-input-yUzFOSC1.js";
-import { H as oo } from "./shared/hx-overflow-menu-DCLsdIBy.js";
+import { H as oo } from "./shared/hx-overflow-menu-BQ4fiMYu.js";
 import { H as ro } from "./shared/hx-pagination-C7y8GVyU.js";
 import { H as io } from "./shared/hx-patient-banner-CkS-Lmj4.js";
 import { H as xo } from "./shared/hx-phi-field-C19oxlrr.js";
-import { H as lo } from "./shared/hx-popover-CHxWY_cd.js";
+import { H as lo } from "./shared/hx-popover-B9W8-tC0.js";
 import { H as po } from "./shared/hx-popup-COUXXZ9X.js";
-import { H as fo } from "./shared/hx-progress-bar-Bn3JEPUf.js";
+import { H as fo } from "./shared/hx-progress-bar-C8nDMdYa.js";
 import { H as ho } from "./shared/hx-progress-ring-TwHyXeEp.js";
 import { H as So } from "./shared/hx-prose-BThYcASV.js";
-import { H as To, a as bo } from "./shared/hx-radio-CeGzARNk.js";
+import { H as To, a as bo } from "./shared/hx-radio-Z1lV1zTO.js";
 import { H as go } from "./shared/hx-rating-C3QP53k9.js";
-import { H as vo } from "./shared/hx-select-DrcS-YRJ.js";
+import { H as vo } from "./shared/hx-select-D18CnJ0e.js";
 import { H as Eo, a as Do } from "./shared/hx-nav-item-CODtUlew.js";
 import { H as wo } from "./shared/hx-skeleton-Cnieh5Uc.js";
 import { H as Po } from "./shared/hx-slider-Blmv_rwS.js";
-import { H as Mo } from "./shared/hx-spinner-DL5AYr16.js";
-import { H as No } from "./shared/hx-split-button-Djnc5Aeg.js";
+import { H as Mo } from "./shared/hx-spinner-BB0h2hKZ.js";
+import { H as No } from "./shared/hx-split-button-BoABoEm5.js";
 import { H as Ao } from "./shared/hx-split-panel-B-u0Z3mm.js";
 import { H as Go } from "./shared/hx-stack-DGfcOfWJ.js";
-import { H as Vo } from "./shared/hx-stat-WOcNV1Ry.js";
+import { H as Vo } from "./shared/hx-stat-Dtf9lz-O.js";
 import { H as Xo } from "./shared/hx-status-indicator-BlQyen43.js";
 import { H as Wo, a as Yo } from "./shared/hx-step-R2rjp1fT.js";
 import { H as qo, a as zo } from "./shared/hx-structured-list-m_-dMJbC.js";
 import { H as Qo } from "./shared/hx-style-scope-TDnR8H4O.js";
-import { H as et } from "./shared/hx-switch-BX_8uNUs.js";
-import { H as tt, a as rt, b as at, c as it, d as st, e as xt, f as Ht } from "./shared/hx-td-DnnEMIuA.js";
-import { H as nt, a as pt, b as mt } from "./shared/hx-tab-panel-DspCrKqo.js";
-import { H as ct } from "./shared/hx-tag-CNSmdyaK.js";
+import { H as et } from "./shared/hx-switch-B6kr-EwE.js";
+import { H as tt, a as rt, b as at, c as it, d as st, e as xt, f as Ht } from "./shared/hx-td-BGkFOJEK.js";
+import { H as nt, a as pt, b as mt } from "./shared/hx-tab-panel-BQtBXKLD.js";
+import { H as ct } from "./shared/hx-tag-C5aCUpVi.js";
 import { H as ht } from "./shared/hx-text-Bz_9fJ3J.js";
 import { F as St, H as yt } from "./shared/hx-text-input-D6FlOZM-.js";
 import { H as bt } from "./shared/hx-textarea-CNG590KY.js";
 import { H as gt } from "./shared/hx-theme-BsefFWTO.js";
-import { H as vt } from "./shared/hx-time-picker-BoEIZwzv.js";
-import { H as Et, a as Dt, t as kt } from "./shared/toast-factory-YSznocIV.js";
-import { H as Bt } from "./shared/hx-toggle-button-Dcz9IlUm.js";
+import { H as vt } from "./shared/hx-time-picker-iwCD7rzW.js";
+import { H as Et, a as Dt, t as kt } from "./shared/toast-factory-CL2BzdSB.js";
+import { H as Bt } from "./shared/hx-toggle-button-BQ81EDkl.js";
 import { H as Ft } from "./shared/hx-tooltip-DVqtKPCD.js";
 import { H as Lt } from "./shared/hx-top-nav-DP6OFS8C.js";
-import { H as Rt, a as At } from "./shared/hx-tree-item-C2CiWuDE.js";
+import { H as Rt, a as At } from "./shared/hx-tree-item-CHrUhuZL.js";
 import { H as Gt } from "./shared/hx-visually-hidden-0bZKOWgT.js";
 import { F as Vt } from "./shared/FormMixin-B8PXk5RQ.js";
 import { H as Xt } from "./shared/helix-element-BNEYeiys.js";

package/dist/shared/aria-idref-CxvyzfQS.js

@@ -0,0 +1,126 @@
+function p(e, i) {
+  if (!i) return [];
+  const a = i.split(/\s+/).filter(Boolean);
+  if (a.length === 0) return [];
+  const t = [];
+  w(e, t);
+  const r = e.ownerDocument;
+  r && !t.includes(r) && t.push(r);
+  const c = [];
+  for (const d of a)
+    for (const n of t) {
+      const s = n.getElementById(d);
+      if (s) {
+        c.push(s);
+        break;
+      }
+    }
+  return c;
+}
+function w(e, i) {
+  const a = /* @__PURE__ */ new Set(), t = (s) => {
+    a.has(s) || (a.add(s), i.push(s));
+  }, r = /* @__PURE__ */ new Set([e]), c = [];
+  let d = !1;
+  const n = (s) => {
+    let b = s, o = b.getRootNode();
+    const l = b.assignedSlot ?? null;
+    for (l && !r.has(l) && (r.add(l), c.push(l)); o instanceof ShadowRoot; ) {
+      t(o);
+      const u = o.host ?? null;
+      if (!u) break;
+      const f = u.assignedSlot ?? null;
+      f && !r.has(f) && (r.add(f), c.push(f)), b = u, o = u.getRootNode();
+    }
+    o instanceof Document && (d = !0);
+  };
+  for (n(e); c.length > 0; )
+    n(c.shift());
+  if (d) {
+    const s = e.ownerDocument;
+    s && t(s);
+  }
+}
+function R(e) {
+  return "ariaLabelledByElements" in e && "ariaDescribedByElements" in e && typeof e.ariaLabelledByElements < "u";
+}
+const v = [
+  "aria-label",
+  "aria-labelledby",
+  "aria-describedby",
+  "data-aria-label",
+  "data-aria-labelledby",
+  "data-aria-describedby"
+], h = /* @__PURE__ */ new WeakMap();
+function m(e, i) {
+  let a = h.get(e);
+  if (!a) {
+    const t = /* @__PURE__ */ new Set();
+    let r = 0;
+    const c = () => {
+      r = 0, Array.from(t).forEach((s) => {
+        s();
+      });
+    }, d = () => {
+      if (r !== 0) return;
+      r = (typeof globalThis.requestAnimationFrame == "function" ? globalThis.requestAnimationFrame : (b) => globalThis.setTimeout(() => b(performance.now()), 0))(c);
+    }, n = new MutationObserver(() => {
+      d();
+    });
+    n.observe(e, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0,
+      attributeFilter: ["id", "hidden", "aria-hidden", "style", "class"],
+      characterData: !0
+    }), a = { observer: n, subscribers: t }, h.set(e, a);
+  }
+  return a.subscribers.add(i), () => {
+    const t = h.get(e);
+    t && (t.subscribers.delete(i), t.subscribers.size === 0 && (t.observer.disconnect(), h.delete(e)));
+  };
+}
+function S(e, i, a = {}) {
+  const t = a.observedAttributes ?? v, r = a.observeRoot ?? !0, c = new MutationObserver(() => i());
+  c.observe(e, {
+    attributes: !0,
+    attributeFilter: [...t]
+  });
+  const d = new MutationObserver(() => {
+    b(), i();
+  });
+  d.observe(e, {
+    attributes: !0,
+    attributeFilter: ["slot"]
+  });
+  const n = /* @__PURE__ */ new Map(), s = () => {
+    const o = [];
+    w(e, o);
+    const l = e.ownerDocument;
+    return l && !o.includes(l) && o.push(l), o;
+  }, b = () => {
+    if (!r) return;
+    const o = s(), l = new Set(o);
+    for (const [u, f] of n)
+      l.has(u) || (f(), n.delete(u));
+    for (const u of o)
+      n.has(u) || n.set(u, m(u, i));
+  };
+  return b(), i(), {
+    resync() {
+      b(), i();
+    },
+    disconnect() {
+      c.disconnect(), d.disconnect();
+      for (const o of n.values())
+        o();
+      n.clear();
+    }
+  };
+}
+export {
+  S as i,
+  p as r,
+  R as s
+};
+//# sourceMappingURL=aria-idref-CxvyzfQS.js.map

package/dist/shared/aria-idref-CxvyzfQS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-idref-CxvyzfQS.js","sources":["../../src/utils/aria-idref.ts"],"sourcesContent":["/**\n * Shared utilities for resolving `aria-labelledby` and `aria-describedby`\n * IDREF token lists across the Shadow DOM boundary.\n *\n * Selection-control components (`hx-checkbox`, `hx-radio-group`, `hx-switch`,\n * etc.) elevate their semantic surface to the host via `ElementInternals` so\n * that consumer-supplied `aria-labelledby` / `aria-describedby` on the host\n * resolves to light-DOM elements rather than being trapped on inner shadow\n * nodes.\n *\n * Modern Chromium 134+ and Safari 17.4+ expose the IDL element-references API\n * (`internals.ariaLabelledByElements`, `internals.ariaDescribedByElements`).\n * For those engines we resolve token IDs against the host's root node (a\n * Document or ShadowRoot) and assign the resulting elements directly.\n *\n * Older engines fall back to the host-attribute path: the ARIA delegation\n * mixin keeps the original token list in `data-aria-labelledby`/\n * `data-aria-describedby`, which assistive technology cannot follow into the\n * shadow root, but that is the same surface area as the pre-fix code and is\n * not a regression.\n *\n * Component authors do NOT need to wire this directly — see\n * `installAriaIdrefMirror()` for an installable observer that keeps an inner\n * node's `aria-*` attributes in sync with the token list across mutations.\n */\n\n/**\n * Resolves a whitespace-separated IDREF token list to live element references.\n *\n * Searches the host's containing root first (Document or ShadowRoot), then\n * walks up through enclosing shadow hosts, and finally falls back to the\n * top-level Document. Codex round-15 P1: hx-* controls embedded inside an\n * outer component's shadow tree often legitimately reference labels/descriptions\n * declared in the outer document or in an ancestor shadow tree. Restricting\n * resolution to a single root left those controls anonymous on the\n * `ariaLabelledByElements` / `ariaDescribedByElements` path. The IDL\n * element-references API accepts any element regardless of root, so widening\n * the search closes that gap.\n *\n * Codex round-16 P1: when the host is **slotted into** another component\n * (light-DOM child of a shadow-root-bearing element), `host.getRootNode()`\n * is still the document, so IDREF targets declared in the slot owner's\n * shadow root are unreachable through the ancestor-shadow-host chain. We\n * additionally walk `host.assignedSlot.getRootNode()` — that resolves to\n * the slot owner's shadow root — and continue up that root's host chain so\n * cross-shadow IDREF resolution works for the composed-tree slotting\n * pattern. The walk is recursive: a slot owner that is itself slotted into\n * another shadow tree contributes its own ancestor chain too.\n *\n * Tokens that fail to resolve at every level are silently dropped — matching\n * native attribute-string platform behaviour where unresolved tokens are\n * ignored.\n */\nexport function resolveIdrefTokens(host: Element, tokens: string | null): Element[] {\n  if (!tokens) return [];\n  const ids = tokens.split(/\\s+/).filter(Boolean);\n  if (ids.length === 0) return [];\n\n  // Build the ordered list of roots to search: host's own root first\n  // (closest scope), then walking outward through enclosing shadow hosts,\n  // then the top-level Document. Each id resolves at the first root that\n  // owns it, mirroring how shadow-encapsulation-aware AT walks the tree.\n  const roots: Array<Document | ShadowRoot> = [];\n  collectIdrefSearchRoots(host, roots);\n  // If host is detached or in an unusual root, also try the top-level\n  // ownerDocument as a defensive last resort.\n  const ownerDoc = host.ownerDocument;\n  if (ownerDoc && !roots.includes(ownerDoc)) {\n    roots.push(ownerDoc);\n  }\n\n  const out: Element[] = [];\n  for (const id of ids) {\n    for (const root of roots) {\n      const el = root.getElementById(id);\n      if (el) {\n        out.push(el);\n        break;\n      }\n    }\n  }\n  return out;\n}\n\n/**\n * Walks the composed-tree ancestry of `start` and pushes every Document or\n * ShadowRoot that could legitimately own an IDREF target into `roots` in the\n * order they should be searched (closest scope first). The walk crosses two\n * kinds of boundary:\n *\n *   1. A node sitting inside a ShadowRoot escapes via `root.host`.\n *   2. A node assigned to a `<slot>` in another shadow tree escapes via\n *      `node.assignedSlot` — the slot lives in the slot-owner's shadow root,\n *      so we hop into that root and keep climbing from there.\n *\n * Both pathways are followed because either may apply at any level. A\n * light-DOM custom element slotted into a shadow component has\n * `getRootNode() === document` AND `assignedSlot !== null`. Codex push-gate\n * round-1 finding 1: the slot-owner shadow root MUST be searched BEFORE the\n * document fallback. Element ids are unique per-tree, not globally, so the\n * same id may legally exist in BOTH the document and a slot-owner shadow\n * root. If the document is searched first, the resolver binds to the wrong\n * element and the slotted control gets the wrong accessible name. The\n * solution is to walk the slot chain (assignedSlot → slot-owner shadow root\n * → its host's chain) before falling through to the owner document.\n *\n * The slot-walk is transitive: a slot owner that is itself slotted into\n * another shadow tree contributes its own slot chain too, all of which is\n * searched ahead of the document. From inside any shadow root we follow\n * `root.host` outward AND, on every hop, check whether that host is itself\n * slotted into yet another shadow tree. De-duplication is by reference\n * identity.\n *\n * @internal\n */\nfunction collectIdrefSearchRoots(start: Element, roots: Array<Document | ShadowRoot>): void {\n  const visited = new Set<Document | ShadowRoot>();\n\n  const pushRoot = (root: Document | ShadowRoot): void => {\n    if (visited.has(root)) return;\n    visited.add(root);\n    roots.push(root);\n  };\n\n  // Walk a single ancestor chain starting from `entry`, pushing every\n  // ShadowRoot encountered (closest first) and queuing any slot-owner\n  // shadow roots we cross via assignedSlot for separate exploration. The\n  // owner document encountered at the end of a chain is NOT pushed here —\n  // the caller controls when to fall through to the document so the\n  // slot-owner trees can be searched first (codex push-gate round-1 #1).\n  const visitedEntries = new Set<Element>([start]);\n  const slotEntries: Element[] = [];\n  let documentSeen = false;\n\n  const walkChain = (entry: Element): void => {\n    let currentNode: Element = entry;\n    let currentRoot: Node | null = currentNode.getRootNode();\n\n    // If the entry is itself in document scope and is slotted into a\n    // shadow tree, queue the slot for slot-owner-first exploration.\n    const slotFromEntry = (currentNode as HTMLElement).assignedSlot ?? null;\n    if (slotFromEntry && !visitedEntries.has(slotFromEntry)) {\n      visitedEntries.add(slotFromEntry);\n      slotEntries.push(slotFromEntry);\n    }\n\n    while (currentRoot instanceof ShadowRoot) {\n      pushRoot(currentRoot);\n      const shadowHost: Element | null = currentRoot.host ?? null;\n      if (!shadowHost) break;\n      // The shadow host itself may be slotted into yet another component.\n      // Queue that branch for slot-owner-first exploration.\n      const hostSlot = (shadowHost as HTMLElement).assignedSlot ?? null;\n      if (hostSlot && !visitedEntries.has(hostSlot)) {\n        visitedEntries.add(hostSlot);\n        slotEntries.push(hostSlot);\n      }\n      currentNode = shadowHost;\n      currentRoot = shadowHost.getRootNode();\n    }\n\n    if (currentRoot instanceof Document) {\n      // Defer the document push: slot-owner shadow roots queued during\n      // this walk must be searched BEFORE the document so duplicate ids\n      // resolve in the correct (slot-owner) scope first.\n      documentSeen = true;\n    }\n  };\n\n  walkChain(start);\n  // Drain the slot-entry queue. Each slot entry contributes its own\n  // ancestor chain, whose shadow roots are pushed ahead of the owner\n  // document. Slot entries are processed in discovery order (FIFO) so\n  // closer slot owners are searched before more distant ones.\n  while (slotEntries.length > 0) {\n    walkChain(slotEntries.shift() as Element);\n  }\n\n  if (documentSeen) {\n    const ownerDoc = start.ownerDocument;\n    if (ownerDoc) pushRoot(ownerDoc);\n  }\n}\n\n/**\n * True when the runtime exposes the IDL element-references API on\n * `ElementInternals`. Older Firefox / Safari builds return `undefined`\n * for these accessors.\n */\nexport function supportsIdrefElementReferences(internals: ElementInternals): boolean {\n  return (\n    'ariaLabelledByElements' in internals &&\n    'ariaDescribedByElements' in internals &&\n    typeof (internals as ElementInternals & { ariaLabelledByElements?: unknown })\n      .ariaLabelledByElements !== 'undefined'\n  );\n}\n\n/**\n * Mirror snapshot describing what should be applied to inner ARIA-bearing\n * shadow nodes. Components consume this to project the correct attributes\n * onto whichever inner element owns the announced semantic role.\n */\nexport interface AriaIdrefSnapshot {\n  /** Computed `aria-labelledby` token list, or `null` to omit. */\n  labelledBy: string | null;\n  /** Computed `aria-describedby` token list, or `null` to omit. */\n  describedBy: string | null;\n}\n\n/**\n * Merges two whitespace-separated token lists, preserving order and removing\n * duplicates. `null`/empty inputs are skipped. Returns `null` when the merged\n * list is empty.\n */\nexport function mergeTokenLists(...lists: Array<string | null | undefined>): string | null {\n  const seen = new Set<string>();\n  const out: string[] = [];\n  for (const list of lists) {\n    if (!list) continue;\n    for (const token of list.split(/\\s+/)) {\n      if (token && !seen.has(token)) {\n        seen.add(token);\n        out.push(token);\n      }\n    }\n  }\n  return out.length > 0 ? out.join(' ') : null;\n}\n\n/**\n * Options accepted by `installAriaIdrefMirror()`.\n */\nexport interface AriaIdrefMirrorOptions {\n  /**\n   * Attribute names on the host whose mutations should trigger a resync.\n   * Defaults to `['aria-labelledby', 'aria-describedby', 'aria-label']` plus\n   * the `data-aria-*` mirrors used by `mixinDelegatesAria`.\n   */\n  observedAttributes?: string[];\n  /**\n   * Whether to observe the resolved root for `id` attribute and `childList`\n   * mutations so that late-inserted IDREF targets and id renames trigger a\n   * resync. Defaults to `true`.\n   */\n  observeRoot?: boolean;\n}\n\n/**\n * Handle returned by `installAriaIdrefMirror()`. Call `disconnect()` from\n * `disconnectedCallback()` to tear the observers down. `resync()` forces an\n * immediate sync — useful from `connectedCallback()` after the host has been\n * re-attached to a new root.\n */\nexport interface AriaIdrefMirrorHandle {\n  /** Force an immediate sync. */\n  resync(): void;\n  /** Tear down all observers and listeners. */\n  disconnect(): void;\n}\n\n/**\n * Default attribute set observed on the host for ARIA / data-aria mirroring.\n */\nconst DEFAULT_HOST_OBSERVED_ATTRS: readonly string[] = [\n  'aria-label',\n  'aria-labelledby',\n  'aria-describedby',\n  'data-aria-label',\n  'data-aria-labelledby',\n  'data-aria-describedby',\n];\n\n/**\n * Per-root shared observer registry. Codex round-7 finding #11 (perf).\n *\n * Round-1 created a `subtree: true` MutationObserver per host instance, so a\n * page with N IDREF-aware controls would receive N×M sync callbacks for any\n * unrelated childList/id mutation in the document. This registry collapses\n * the cost: a single observer per Document/ShadowRoot fans mutations out to\n * the registered subscribers (the per-host `sync` callbacks) only.\n *\n * The registry uses a `WeakMap` keyed by root so subscribers are garbage\n * collected with their roots. Subscribers are stored in a `Set` keyed by the\n * `sync` callback identity so re-installation is idempotent.\n *\n * @internal\n */\ninterface SharedRootObserverEntry {\n  observer: MutationObserver;\n  subscribers: Set<() => void>;\n}\n\nconst sharedRootObservers: WeakMap<Document | ShadowRoot, SharedRootObserverEntry> = new WeakMap();\n\nfunction subscribeToRoot(root: Document | ShadowRoot, sync: () => void): () => void {\n  let entry = sharedRootObservers.get(root);\n  if (!entry) {\n    const subscribers = new Set<() => void>();\n    // Codex push-gate round-4 P2: components that flatten `aria-labelledby`\n    // to a fallback string (legacy engines without `ariaLabelledByElements`,\n    // and string-mirroring callers like hx-menu / hx-menu-item /\n    // hx-overflow-menu / hx-split-button) must resync when:\n    //   - the referenced label's text content mutates in place\n    //     (`characterData`)\n    //   - the referenced target is hidden / unhidden via attributes\n    //     (`hidden`, `aria-hidden`, `style`, `class` — visibility affects\n    //     accessible-name computation per accname §4.3.2)\n    // Without these triggers the mirrored `aria-label` stays stale.\n    //\n    // Widening the observer surface produces noisier callbacks, so the\n    // shared subscriber fan-out is coalesced through a single\n    // `requestAnimationFrame` (with a setTimeout fallback for environments\n    // where rAF is unavailable, e.g. test-stubbed roots). Subscribers see\n    // at most one resync per frame regardless of mutation density.\n    let pendingFrame = 0;\n    const flush = (): void => {\n      pendingFrame = 0;\n      // Snapshot subscribers before invocation: a sync() callback may itself\n      // resubscribe (e.g. component reattach), and Set iteration over a live\n      // collection during mutation is undefined.\n      Array.from(subscribers).forEach((fn) => {\n        fn();\n      });\n    };\n    const scheduleFlush = (): void => {\n      if (pendingFrame !== 0) return;\n      const raf =\n        typeof globalThis.requestAnimationFrame === 'function'\n          ? globalThis.requestAnimationFrame\n          : (cb: FrameRequestCallback) => globalThis.setTimeout(() => cb(performance.now()), 0);\n      pendingFrame = raf(flush) as unknown as number;\n    };\n    const observer = new MutationObserver(() => {\n      scheduleFlush();\n    });\n    observer.observe(root, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['id', 'hidden', 'aria-hidden', 'style', 'class'],\n      characterData: true,\n    });\n    entry = { observer, subscribers };\n    sharedRootObservers.set(root, entry);\n  }\n  entry.subscribers.add(sync);\n\n  return () => {\n    const current = sharedRootObservers.get(root);\n    if (!current) return;\n    current.subscribers.delete(sync);\n    if (current.subscribers.size === 0) {\n      current.observer.disconnect();\n      sharedRootObservers.delete(root);\n    }\n  };\n}\n\n/**\n * Installs a `MutationObserver` pair that keeps host ARIA semantics in sync\n * with mutations to consumer-supplied attributes AND late-target / id\n * mutations in the host's resolved root.\n *\n * The `sync` callback is invoked on:\n *   1. Initial install (synchronously)\n *   2. Any change to one of the observed host attributes\n *   3. Any `id` attribute mutation, child insertion, or child removal in the\n *      resolved root (Document or ShadowRoot containing the host)\n *\n * Components should call this from `connectedCallback()` and call\n * `handle.disconnect()` from `disconnectedCallback()`. The handle's\n * `resync()` method is safe to call from any lifecycle hook.\n *\n * Costs are bounded: the host observer touches one element; the root\n * observer is shared per `Document`/`ShadowRoot` (codex round-7 #11) so every\n * subscribing host pays a single attach cost regardless of how many other\n * IDREF-aware controls share the root.\n */\nexport function installAriaIdrefMirror(\n  host: Element,\n  sync: () => void,\n  options: AriaIdrefMirrorOptions = {},\n): AriaIdrefMirrorHandle {\n  const observedAttributes = options.observedAttributes ?? DEFAULT_HOST_OBSERVED_ATTRS;\n  const observeRoot = options.observeRoot ?? true;\n\n  // Observe consumer mutations to the host's ARIA / data-aria attributes.\n  // We do NOT use `observedAttributes`/`attributeChangedCallback` here because\n  // that requires class-level wiring that conflicts with downstream mixins\n  // (e.g. `mixinDelegatesAria` already commandeers `attributeChangedCallback`\n  // for the same attributes). A scoped `MutationObserver` is reentry-safe.\n  const hostObserver = new MutationObserver(() => sync());\n  hostObserver.observe(host, {\n    attributes: true,\n    attributeFilter: [...observedAttributes],\n  });\n\n  // Codex push-gate round-1 finding 2: when the host's `slot` attribute\n  // changes, the host may have just been re-assigned into a different slot\n  // owner's shadow tree — and therefore the set of reachable IDREF roots\n  // has changed. The shared root observer's callback runs `sync()` (not\n  // `resync()`), so observers stay attached to the OLD roots; later id /\n  // childList mutations in the NEW slot owner shadow tree never fire\n  // resync. A separate observer scoped to the host's `slot` attribute\n  // triggers a full reattach via `resync()`.\n  const slotAttrObserver = new MutationObserver(() => {\n    // Reattach observers to the new reachable-roots set, then sync.\n    attachRootObservers();\n    sync();\n  });\n  slotAttrObserver.observe(host, {\n    attributes: true,\n    attributeFilter: ['slot'],\n  });\n\n  // Subscribe to the shared per-root observer so late-inserted targets and id\n  // renames re-resolve through the IDREF path. Round-7 #11 collapses N\n  // per-instance subtree observers into one per root, so on pages with many\n  // controls a single mutation produces a single subscriber fan-out instead\n  // of `controls × mutations` observer callbacks.\n  //\n  // Codex round-16 P1: subscribe to every root the resolver can match — the\n  // host's own root, every enclosing shadow root, and the owner document.\n  // Without this, dynamic IDREF targets in ancestor scopes (legitimate per\n  // the round-15 widened resolver) bind correctly on first render but never\n  // resync when the outer document mutates. We track active subscriptions\n  // by root and incrementally diff on `attachRootObservers()` so resync\n  // calls don't churn observers when nothing has changed.\n  const rootSubscriptions = new Map<Document | ShadowRoot, () => void>();\n\n  const computeRootsToObserve = (): Array<Document | ShadowRoot> => {\n    const roots: Array<Document | ShadowRoot> = [];\n    // Use the same composed-tree walk as `resolveIdrefTokens` so the\n    // observer subscribes to every root the resolver can match — including\n    // slot-owner shadow roots when the host is light-DOM-slotted into\n    // another component (codex round-17 P1). Without this, a late id\n    // mutation inside the slot owner's shadow tree never fires resync.\n    collectIdrefSearchRoots(host, roots);\n    const ownerDoc = host.ownerDocument;\n    if (ownerDoc && !roots.includes(ownerDoc)) {\n      roots.push(ownerDoc);\n    }\n    return roots;\n  };\n\n  const attachRootObservers = (): void => {\n    if (!observeRoot) return;\n    const wanted = computeRootsToObserve();\n    const wantedSet = new Set(wanted);\n    // Remove subscriptions for roots no longer in scope (e.g. when the host\n    // is moved between trees and the old ancestor chain no longer applies).\n    for (const [root, unsub] of rootSubscriptions) {\n      if (!wantedSet.has(root)) {\n        unsub();\n        rootSubscriptions.delete(root);\n      }\n    }\n    // Add subscriptions for new roots (host's root + ancestor shadow roots\n    // + owner document) that the resolver can now match against.\n    for (const root of wanted) {\n      if (!rootSubscriptions.has(root)) {\n        rootSubscriptions.set(root, subscribeToRoot(root, sync));\n      }\n    }\n  };\n\n  attachRootObservers();\n  // Initial sync — caller's `sync` reads the current attribute snapshot.\n  sync();\n\n  return {\n    resync(): void {\n      attachRootObservers();\n      sync();\n    },\n    disconnect(): void {\n      hostObserver.disconnect();\n      slotAttrObserver.disconnect();\n      for (const unsub of rootSubscriptions.values()) {\n        unsub();\n      }\n      rootSubscriptions.clear();\n    },\n  };\n}\n"],"names":["resolveIdrefTokens","host","tokens","ids","roots","collectIdrefSearchRoots","ownerDoc","out","id","root","el","start","visited","pushRoot","visitedEntries","slotEntries","documentSeen","walkChain","entry","currentNode","currentRoot","slotFromEntry","shadowHost","hostSlot","supportsIdrefElementReferences","internals","DEFAULT_HOST_OBSERVED_ATTRS","sharedRootObservers","subscribeToRoot","sync","subscribers","pendingFrame","flush","fn","scheduleFlush","cb","observer","current","installAriaIdrefMirror","options","observedAttributes","observeRoot","hostObserver","slotAttrObserver","attachRootObservers","rootSubscriptions","computeRootsToObserve","wanted","wantedSet","unsub"],"mappings":"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"}

package/dist/shared/{hx-alert-CLn7CstP.js → hx-alert-Bto8-TIi.js}

@@ -1,9 +1,9 @@
-import { css as u, html as i, nothing as d } from "lit";
-import { property as s, state as v, customElement as p } from "lit/decorators.js";
+import { css as p, html as n, nothing as d } from "lit";
+import { property as s, state as u, customElement as v } from "lit/decorators.js";
 import { classMap as f } from "lit/directives/class-map.js";
 import { a as x } from "./forced-colors-CTEDFRGa.js";
 import { H as b } from "./helix-element-BNEYeiys.js";
-const g = u`
+const g = p`
   :host {
     display: block;
   }
@@ -112,6 +112,15 @@ const g = u`
     min-width: 0;
   }
 
+  /* (group-6 5.1) Wrapper around the default slot. Carries aria-hidden=true
+     so the visible message text is not double-announced alongside the
+     sr-only announcer. display:contents keeps the wrapper visually
+     transparent so children participate in the parent flex layout as if
+     the wrapper were not there. */
+  .alert__default-slot {
+    display: contents;
+  }
+
   /* ─── Actions ─── */
   /* Hidden by default; shown via JS slotchange detection to avoid invisible  */
   /* margin-top spacing when no actions are slotted.                          */
@@ -239,14 +248,14 @@ const g = u`
     }
   }
 `;
-var m = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, o = (e, t, n, l) => {
-  for (var a = l > 1 ? void 0 : l ? _(t, n) : t, c = e.length - 1, h; c >= 0; c--)
-    (h = e[c]) && (a = (l ? h(t, n, a) : h(a)) || a);
-  return l && a && m(t, n, a), a;
+var m = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, o = (e, t, l, i) => {
+  for (var a = i > 1 ? void 0 : i ? _(t, l) : t, c = e.length - 1, h; c >= 0; c--)
+    (h = e[c]) && (a = (i ? h(t, l, a) : h(a)) || a);
+  return i && a && m(t, l, a), a;
 };
 let r = class extends b {
   constructor() {
-    super(...arguments), this.variant = "info", this.dismissible = !1, this.heading = "", this.labelClose = "Close alert", this.open = !1, this.showIcon = !1, this.accent = !1, this.returnFocusTo = null, this._hasActions = !1, this._hasTitle = !1, this._actionsSlotChangeHandler = null, this._titleSlotChangeHandler = null;
+    super(...arguments), this.variant = "info", this.dismissible = !1, this.heading = "", this.labelClose = "Close alert", this.open = !1, this.showIcon = !1, this.accent = !1, this.returnFocusTo = null, this._hasActions = !1, this._hasTitle = !1, this._actionsSlotChangeHandler = null, this._titleSlotChangeHandler = null, this._announcerCycle = 0;
   }
   // ─── Private Helpers ───
   /** @internal */
@@ -278,7 +287,7 @@ let r = class extends b {
   }
   // ─── Lifecycle ───
   connectedCallback() {
-    super.connectedCallback(), this.setAttribute("role", this._role), this.open || this.setAttribute("aria-hidden", "true");
+    super.connectedCallback(), this._internals.role = this._role, this.setAttribute("role", this._role), this.open || this.setAttribute("aria-hidden", "true");
   }
   disconnectedCallback() {
     super.disconnectedCallback();
@@ -298,18 +307,23 @@ let r = class extends b {
     }, t.addEventListener("slotchange", this._titleSlotChangeHandler));
   }
   updated(e) {
-    if (super.updated(e), e.has("variant") && this.setAttribute("role", this._role), e.has("open"))
-      if (this.open)
-        this.removeAttribute("aria-hidden"), e.get("open") === !1 && Promise.resolve().then(() => {
-          const n = this.renderRoot.querySelector(".sr-only");
-          n && (n.textContent = "", Promise.resolve().then(() => {
-            var c;
-            const l = this._effectiveSeverityLabel, a = ((c = this.textContent) == null ? void 0 : c.trim()) ?? "";
-            n.textContent = l ? `${l} ${a}` : a;
-          }));
-        });
-      else {
-        this.setAttribute("aria-hidden", "true");
+    if (super.updated(e), e.has("variant") && (this._internals.role = this._role, this.setAttribute("role", this._role)), e.has("open"))
+      if (this.open) {
+        if (this.removeAttribute("aria-hidden"), e.get("open") === !1) {
+          const l = ++this._announcerCycle;
+          Promise.resolve().then(() => {
+            if (l !== this._announcerCycle || !this.open) return;
+            const i = this.renderRoot.querySelector(".sr-only");
+            i && (i.textContent = "", Promise.resolve().then(() => {
+              var h;
+              if (l !== this._announcerCycle || !this.open) return;
+              const a = this._effectiveSeverityLabel, c = ((h = this.textContent) == null ? void 0 : h.trim()) ?? "";
+              i.textContent = a ? `${a} ${c}` : c;
+            }));
+          });
+        }
+      } else {
+        this.setAttribute("aria-hidden", "true"), this._announcerCycle++;
         const t = this.renderRoot.querySelector(".sr-only");
         t && (t.textContent = "");
       }
@@ -317,7 +331,7 @@ let r = class extends b {
   // ─── Default Icons ───
   /** @internal */
   _renderInfoIcon() {
-    return i`<svg viewBox="0 0 20 20" aria-hidden="true">
+    return n`<svg viewBox="0 0 20 20" aria-hidden="true">
       <path
         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"
       />
@@ -325,7 +339,7 @@ let r = class extends b {
   }
   /** @internal */
   _renderSuccessIcon() {
-    return i`<svg viewBox="0 0 20 20" aria-hidden="true">
+    return n`<svg viewBox="0 0 20 20" aria-hidden="true">
       <path
         d="M10 2a8 8 0 100 16 8 8 0 000-16zm3.03 6.28a.75.75 0 00-1.06-1.06L9 10.19 7.78 8.97a.75.75 0 00-1.06 1.06l1.75 1.75a.75.75 0 001.06 0l3.5-3.5z"
       />
@@ -333,7 +347,7 @@ let r = class extends b {
   }
   /** @internal */
   _renderWarningIcon() {
-    return i`<svg viewBox="0 0 20 20" aria-hidden="true">
+    return n`<svg viewBox="0 0 20 20" aria-hidden="true">
       <path
         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"
       />
@@ -341,7 +355,7 @@ let r = class extends b {
   }
   /** @internal */
   _renderErrorIcon() {
-    return i`<svg viewBox="0 0 20 20" aria-hidden="true">
+    return n`<svg viewBox="0 0 20 20" aria-hidden="true">
       <path
         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"
       />
@@ -363,7 +377,7 @@ let r = class extends b {
   }
   /** @internal */
   _renderCloseIcon() {
-    return i`<svg viewBox="0 0 20 20" aria-hidden="true">
+    return n`<svg viewBox="0 0 20 20" aria-hidden="true">
       <path
         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"
       />
@@ -395,25 +409,29 @@ let r = class extends b {
       [`alert--${this.variant}`]: !0,
       "alert--accent": this.accent
     }, t = this._effectiveSeverityLabel;
-    return i`
+    return n`
       <div
         class="sr-only"
         aria-live=${this._isAssertive ? "assertive" : "polite"}
         aria-atomic="true"
       ></div>
       <div part="alert" class=${f(e)}>
-        <span class="alert__severity-label">${t}</span>
-        ${this.showIcon ? i`
-              <div part="icon" class="alert__icon">
+        <span class="alert__severity-label" aria-hidden="true">${t}</span>
+        ${this.showIcon ? n`
+              <div part="icon" class="alert__icon" aria-hidden="true">
                 <slot name="icon">${this._renderDefaultIcon()}</slot>
               </div>
             ` : d}
 
         <div part="message" class="alert__message">
-          <div part="title" class="alert__title ${this._hasTitle ? "alert__title--visible" : ""}">
+          <div
+            part="title"
+            class="alert__title ${this._hasTitle ? "alert__title--visible" : ""}"
+            aria-hidden="true"
+          >
             <slot name="title"></slot>
           </div>
-          <slot></slot>
+          <span class="alert__default-slot"><slot></slot></span>
           <div
             part="actions"
             class="alert__actions ${this._hasActions ? "alert__actions--visible" : ""}"
@@ -422,7 +440,7 @@ let r = class extends b {
           </div>
         </div>
 
-        ${this.dismissible ? i`
+        ${this.dismissible ? n`
               <button
                 part="close-button"
                 class="alert__close-button"
@@ -465,15 +483,15 @@ o([
   s({ type: String, attribute: "return-focus-to" })
 ], r.prototype, "returnFocusTo", 2);
 o([
-  v()
+  u()
 ], r.prototype, "_hasActions", 2);
 o([
-  v()
+  u()
 ], r.prototype, "_hasTitle", 2);
 r = o([
-  p("hx-alert")
+  v("hx-alert")
 ], r);
 export {
   r as H
 };
-//# sourceMappingURL=hx-alert-CLn7CstP.js.map
+//# sourceMappingURL=hx-alert-Bto8-TIi.js.map