@helixui/library 3.7.0 → 3.8.0

package/dist/css/manifest.json

@@ -1,5 +1,5 @@
 {
-  "generated": "2026-05-08T04:06:33.762Z",
+  "generated": "2026-05-09T16:49:04.288Z",
   "components": [
     {
       "name": "hx-accordion",
@@ -18,6 +18,7 @@
         "--hx-action-bar-bg",
         "--hx-action-bar-border",
         "--hx-action-bar-border-radius",
+        "--hx-action-bar-focus-ring-color",
         "--hx-action-bar-gap",
         "--hx-action-bar-padding",
         "--hx-action-bar-padding-block-end",
@@ -28,6 +29,9 @@
         "--hx-color-border-default",
         "--hx-color-surface-default",
         "--hx-color-surface-raised",
+        "--hx-focus-ring-color",
+        "--hx-focus-ring-offset",
+        "--hx-focus-ring-width",
         "--hx-size-10",
         "--hx-size-12",
         "--hx-size-8",
@@ -305,7 +309,6 @@
         "--hx-line-height-tight",
         "--hx-opacity-disabled",
         "--hx-opacity-muted",
-        "--hx-size-10",
         "--hx-size-12",
         "--hx-space-1",
         "--hx-space-2",
@@ -469,6 +472,7 @@
       "file": "hx-checkbox-group.css",
       "tokens": [
         "--hx-checkbox-group-error-color",
+        "--hx-checkbox-group-focus-ring-color",
         "--hx-checkbox-group-font-family",
         "--hx-checkbox-group-gap",
         "--hx-checkbox-group-help-text-color",
@@ -476,6 +480,9 @@
         "--hx-color-error-text",
         "--hx-color-text-muted",
         "--hx-color-text-strong",
+        "--hx-focus-ring-color",
+        "--hx-focus-ring-offset",
+        "--hx-focus-ring-width",
         "--hx-font-family-sans",
         "--hx-font-size-sm",
         "--hx-font-size-xs",
@@ -629,6 +636,7 @@
         "--hx-space-2",
         "--hx-space-3",
         "--hx-space-4",
+        "--hx-touch-target-min",
         "--hx-transition-fast"
       ]
     },
@@ -742,7 +750,6 @@
         "--hx-font-size-sm",
         "--hx-font-weight-medium",
         "--hx-opacity-disabled",
-        "--hx-size-10",
         "--hx-size-12",
         "--hx-space-1",
         "--hx-space-2",
@@ -872,7 +879,6 @@
         "--hx-line-height-normal",
         "--hx-opacity-disabled",
         "--hx-shadow-md",
-        "--hx-size-10",
         "--hx-size-8",
         "--hx-space-1",
         "--hx-space-2",
@@ -1010,11 +1016,15 @@
         "--hx-border-radius-md",
         "--hx-color-border-default",
         "--hx-color-surface-default",
+        "--hx-dropdown-focus-ring-color",
         "--hx-dropdown-panel-bg",
         "--hx-dropdown-panel-border-color",
         "--hx-dropdown-panel-border-radius",
         "--hx-dropdown-panel-min-width",
         "--hx-dropdown-panel-z-index",
+        "--hx-focus-ring-color",
+        "--hx-focus-ring-offset",
+        "--hx-focus-ring-width",
         "--hx-opacity-disabled",
         "--hx-overlay-black-12",
         "--hx-transition-fast"
@@ -1328,13 +1338,14 @@
       "tokens": [
         "--hx-border-radius-md",
         "--hx-border-radius-sm",
+        "--hx-color-action-primary-bg",
         "--hx-color-neutral-0",
         "--hx-color-neutral-100",
         "--hx-color-neutral-300",
         "--hx-color-neutral-700",
         "--hx-color-neutral-800",
         "--hx-color-neutral-900",
-        "--hx-color-primary-600",
+        "--hx-color-text-on-primary",
         "--hx-focus-ring-color",
         "--hx-focus-ring-offset",
         "--hx-focus-ring-width",
@@ -1355,6 +1366,7 @@
         "--hx-nav-link-color",
         "--hx-nav-link-hover-bg",
         "--hx-nav-link-hover-color",
+        "--hx-nav-link-min-height",
         "--hx-nav-padding",
         "--hx-nav-submenu-bg",
         "--hx-nav-submenu-min-width",
@@ -1364,6 +1376,7 @@
         "--hx-space-2",
         "--hx-space-3",
         "--hx-space-4",
+        "--hx-touch-target-min",
         "--hx-transition-fast",
         "--hx-transition-normal",
         "--hx-z-index-dropdown"
@@ -1413,6 +1426,7 @@
         "--hx-space-2",
         "--hx-space-3",
         "--hx-space-4",
+        "--hx-touch-target-min",
         "--hx-transition-fast"
       ]
     },
@@ -1597,6 +1611,10 @@
         "--hx-arrow-color",
         "--hx-arrow-size",
         "--hx-color-neutral-0",
+        "--hx-focus-ring-color",
+        "--hx-focus-ring-offset",
+        "--hx-focus-ring-width",
+        "--hx-popup-focus-ring-color",
         "--hx-popup-transition",
         "--hx-popup-z-index"
       ]
@@ -1670,6 +1688,9 @@
         "--hx-color-error-text",
         "--hx-color-text-muted",
         "--hx-color-text-strong",
+        "--hx-focus-ring-color",
+        "--hx-focus-ring-offset",
+        "--hx-focus-ring-width",
         "--hx-font-family-sans",
         "--hx-font-size-sm",
         "--hx-font-size-xs",
@@ -1678,6 +1699,7 @@
         "--hx-line-height-normal",
         "--hx-opacity-disabled",
         "--hx-radio-group-error-color",
+        "--hx-radio-group-focus-ring-color",
         "--hx-radio-group-font-family",
         "--hx-radio-group-gap",
         "--hx-radio-group-help-text-color",
@@ -1795,6 +1817,7 @@
         "--hx-space-4",
         "--hx-space-5",
         "--hx-space-8",
+        "--hx-touch-target-min",
         "--hx-transition-fast",
         "--hx-transition-normal"
       ]
@@ -1899,6 +1922,8 @@
       "tokens": [
         "--hx-border-radius-md",
         "--hx-border-width-thin",
+        "--hx-color-action-primary-bg",
+        "--hx-color-action-primary-bg-hover",
         "--hx-color-border-default",
         "--hx-color-border-strong",
         "--hx-color-error-400",
@@ -1909,13 +1934,13 @@
         "--hx-color-primary-300",
         "--hx-color-primary-50",
         "--hx-color-primary-500",
-        "--hx-color-primary-600",
         "--hx-color-primary-900",
         "--hx-color-surface-default",
         "--hx-color-surface-raised",
         "--hx-color-surface-sunken",
         "--hx-color-text-on-error",
         "--hx-color-text-on-primary",
+        "--hx-color-text-on-primary-strong",
         "--hx-color-text-primary",
         "--hx-filter-brightness-active",
         "--hx-filter-brightness-hover",
@@ -1930,7 +1955,6 @@
         "--hx-line-height-tight",
         "--hx-opacity-disabled",
         "--hx-overlay-black-10",
-        "--hx-size-10",
         "--hx-size-12",
         "--hx-size-8",
         "--hx-space-1",
@@ -1950,6 +1974,7 @@
         "--hx-split-button-menu-border-color",
         "--hx-split-button-menu-border-radius",
         "--hx-split-button-menu-max-height",
+        "--hx-touch-target-min",
         "--hx-transition-fast",
         "--hx-z-index-dropdown"
       ]
@@ -2114,10 +2139,11 @@
       "file": "hx-switch.css",
       "tokens": [
         "--hx-border-radius-full",
+        "--hx-color-action-primary-bg",
         "--hx-color-border-strong",
         "--hx-color-error-text",
-        "--hx-color-primary-500",
         "--hx-color-primary-600",
+        "--hx-color-primary-700",
         "--hx-color-surface-default",
         "--hx-color-text-muted",
         "--hx-color-text-strong",
@@ -2154,7 +2180,6 @@
         "--hx-switch-thumb-size-md",
         "--hx-switch-thumb-size-sm",
         "--hx-switch-track-bg",
-        "--hx-switch-track-checked-bg",
         "--hx-switch-track-checked-hover-bg",
         "--hx-switch-track-height-lg",
         "--hx-switch-track-height-md",
@@ -2349,7 +2374,6 @@
         "--hx-input-sm-font-size",
         "--hx-line-height-normal",
         "--hx-opacity-disabled",
-        "--hx-size-10",
         "--hx-size-12",
         "--hx-size-8",
         "--hx-space-1",
@@ -2362,6 +2386,7 @@
         "--hx-text-input-padding-x",
         "--hx-text-input-padding-y",
         "--hx-text-input-sm-font-size",
+        "--hx-touch-target-min",
         "--hx-transition-fast"
       ]
     },
@@ -2444,7 +2469,6 @@
         "--hx-font-weight-medium",
         "--hx-line-height-normal",
         "--hx-opacity-disabled",
-        "--hx-size-10",
         "--hx-space-1",
         "--hx-space-2",
         "--hx-space-3",
@@ -2463,6 +2487,7 @@
         "--hx-time-picker-option-hover-bg",
         "--hx-time-picker-option-hover-color",
         "--hx-time-picker-option-selected-color",
+        "--hx-touch-target-min",
         "--hx-transition-fast",
         "--hx-z-index-dropdown"
       ]
@@ -2537,7 +2562,6 @@
         "--hx-font-weight-semibold",
         "--hx-line-height-tight",
         "--hx-opacity-disabled",
-        "--hx-size-10",
         "--hx-size-12",
         "--hx-space-1",
         "--hx-space-2",
@@ -2571,6 +2595,9 @@
         "--hx-border-radius-sm",
         "--hx-color-surface-inverse",
         "--hx-color-text-inverse",
+        "--hx-focus-ring-color",
+        "--hx-focus-ring-offset",
+        "--hx-focus-ring-width",
         "--hx-font-family-sans",
         "--hx-font-size-xs",
         "--hx-line-height-normal",
@@ -2582,6 +2609,7 @@
         "--hx-tooltip-bg",
         "--hx-tooltip-border-radius",
         "--hx-tooltip-color",
+        "--hx-tooltip-focus-ring-color",
         "--hx-tooltip-font-family",
         "--hx-tooltip-font-size",
         "--hx-tooltip-max-width",

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 b } from "./shared/hx-action-bar-BlEG4aZv.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-DFL35nzi.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-rRNmD4fd.js";
-import { H as N } from "./shared/hx-button-group-4NUBpkyC.js";
+import { H as B, a as P } from "./shared/hx-breadcrumb-item-D8xYqe3s.js";
+import { H as M } from "./shared/hx-button-DOZTZnz-.js";
+import { H as N } from "./shared/hx-button-group-D3QUmSzl.js";
 import { H as A } from "./shared/hx-card-CswtnYvj.js";
 import { H as G, a as U } from "./shared/hx-carousel-item-z1Lc24op.js";
-import { H as O } from "./shared/hx-checkbox-hPlIw6Lb.js";
-import { H as K } from "./shared/hx-checkbox-group-D5piJLY8.js";
+import { H as O } from "./shared/hx-checkbox-DcgyGS9V.js";
+import { H as K } from "./shared/hx-checkbox-group-C0q6HDqn.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-DBwJzT5f.js";
+import { H as J } from "./shared/hx-color-picker-CYjx8i8R.js";
 import { H as Z } from "./shared/hx-combobox-NgJaLbs2.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 re } from "./shared/hx-copy-button-DJirFCUL.js";
 import { H as ie } from "./shared/hx-counter-0zYapFhf.js";
 import { H as xe } from "./shared/hx-data-table-Ct3gQ6ya.js";
-import { H as le } from "./shared/hx-date-picker-DSKDkCy1.js";
+import { H as le } from "./shared/hx-date-picker-0PtEav0K.js";
 import { H as pe } from "./shared/hx-dialog-B4weoj_1.js";
 import { H as fe } from "./shared/hx-divider-CYfcUjcr.js";
 import { H as de } from "./shared/hx-drawer-CM_upadk.js";
-import { H as ue } from "./shared/hx-dropdown-D626S2ZG.js";
+import { H as ue } from "./shared/hx-dropdown-xHwTJecv.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";
@@ -39,25 +39,25 @@ import { H as Ge } from "./shared/hx-link-CMnZRUtQ.js";
 import { H as Ve, a as Oe } from "./shared/hx-list-Bp8HeLHh.js";
 import { H as Ke, a as We, b as Ye } from "./shared/hx-menu-divider-A6Guuzi_.js";
 import { H as qe } from "./shared/hx-meter-BnpmF3Vx.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 Je } from "./shared/hx-nav-ChMTfn7o.js";
+import { H as Ze } from "./shared/hx-number-input-MggsT7F0.js";
 import { H as oo } from "./shared/hx-overflow-menu-DFjJAziP.js";
 import { H as ro } from "./shared/hx-pagination-D726PyTM.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-BAlAFOH9.js";
-import { H as po } from "./shared/hx-popup-COUXXZ9X.js";
+import { H as lo } from "./shared/hx-popover-BjB0nkcq.js";
+import { H as po } from "./shared/hx-popup-BiV_2evC.js";
 import { H as fo } from "./shared/hx-progress-bar-CYz9U721.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-CY4kQfZw.js";
+import { H as To, a as bo } from "./shared/hx-radio-BY4zpwdh.js";
 import { H as go } from "./shared/hx-rating-C3QP53k9.js";
 import { H as vo } from "./shared/hx-select-DahFehiZ.js";
-import { H as Eo, a as Do } from "./shared/hx-nav-item-CODtUlew.js";
+import { H as Eo, a as Do } from "./shared/hx-nav-item-ClN17f1y.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-3qBp4jeN.js";
-import { H as No } from "./shared/hx-split-button-Ddle8iVx.js";
+import { H as No } from "./shared/hx-split-button-CdNz1XAu.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-Gtw_SpK8.js";
@@ -65,19 +65,19 @@ import { H as Xo } from "./shared/hx-status-indicator-BlQyen43.js";
 import { H as Wo, a as Yo } from "./shared/hx-step-CUzliIK_.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-TvKGvZJz.js";
+import { H as et } from "./shared/hx-switch-BCXuNxEH.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-BPsb6OaG.js";
-import { H as nt, a as pt, b as mt } from "./shared/hx-tab-panel-DzsX8BHV.js";
+import { H as nt, a as pt, b as mt } from "./shared/hx-tab-panel-BfisavKo.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 { F as St, H as yt } from "./shared/hx-text-input-V5sQOpDh.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-Bo7FWzmf.js";
+import { H as vt } from "./shared/hx-time-picker-DfJkBwcX.js";
 import { H as Et, a as Dt, t as kt } from "./shared/toast-factory-Dht3pVsw.js";
-import { H as Bt } from "./shared/hx-toggle-button-DSJeFlb0.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 Bt } from "./shared/hx-toggle-button-xNVYeA3X.js";
+import { H as Ft } from "./shared/hx-tooltip-CamO-9nd.js";
+import { H as Lt } from "./shared/hx-top-nav-CsTxOtVI.js";
 import { H as Rt, a as At } from "./shared/hx-tree-item-CXyspGxI.js";
 import { H as Gt } from "./shared/hx-visually-hidden-0bZKOWgT.js";
 import { F as Vt } from "./shared/FormMixin-B8PXk5RQ.js";

package/dist/shared/{hx-action-bar-CitgcpGv.js → hx-action-bar-BlEG4aZv.js}

@@ -3,7 +3,7 @@ import { property as c, state as f, customElement as u } from "lit/decorators.js
 import { f as p } from "./forced-colors-CTEDFRGa.js";
 import { d as v } from "./dev-warn-YlwPHjtX.js";
 import { H as x } from "./helix-element-BNEYeiys.js";
-const m = h`
+const g = h`
   :host {
     display: block;
   }
@@ -121,6 +121,18 @@ const m = h`
     flex-shrink: 0;
   }
 
+  /*
+   * AAA 2.4.13 Focus Appearance — enforce a ≥2px focus ring on slotted
+   * natives (e.g. bare <button>, <a>) so consumers who slot non-HELiX
+   * controls inherit the same indicator as the HELiX components do.
+   * Token-driven: --hx-focus-ring-width resolves to 2px (default).
+   */
+  ::slotted(:focus-visible) {
+    outline: var(--hx-focus-ring-width, 2px) solid
+      var(--hx-action-bar-focus-ring-color, var(--hx-focus-ring-color, #0f7078));
+    outline-offset: var(--hx-focus-ring-offset, 2px);
+  }
+
   /* ─── High Contrast Mode (forced-colors) ─── */
 
   @media (forced-colors: active) {
@@ -135,15 +147,15 @@ const m = h`
     }
   }
 `;
-var g = Object.defineProperty, y = Object.getOwnPropertyDescriptor, l = (e, t, r, a) => {
-  for (var s = a > 1 ? void 0 : a ? y(t, r) : t, i = e.length - 1, o; i >= 0; i--)
-    (o = e[i]) && (s = (a ? o(t, r, s) : o(s)) || s);
-  return a && s && g(t, r, s), s;
+var m = Object.defineProperty, y = Object.getOwnPropertyDescriptor, l = (e, t, o, a) => {
+  for (var s = a > 1 ? void 0 : a ? y(t, o) : t, r = e.length - 1, i; r >= 0; r--)
+    (i = e[r]) && (s = (a ? i(t, o, s) : i(s)) || s);
+  return a && s && m(t, o, s), s;
 };
 let n = class extends x {
   constructor() {
     super(...arguments), this.size = "md", this.variant = "default", this.position = "top", this.accessibleLabel = "", this._ariaLabelAttr = "", this._focusableCache = null, this._hasOverflow = !1, this._handleKeydown = (e) => {
-      var t, r;
+      var t, o;
       if (e.key === "ArrowRight")
         e.preventDefault(), this._moveFocus("next");
       else if (e.key === "ArrowLeft")
@@ -151,11 +163,11 @@ let n = class extends x {
       else if (e.key === "Home") {
         e.preventDefault();
         const a = this._getFocusableItems();
-        a.length && (a.forEach((s, i) => s.setAttribute("tabindex", i === 0 ? "0" : "-1")), (t = a[0]) == null || t.focus());
+        a.length && (a.forEach((s, r) => s.setAttribute("tabindex", r === 0 ? "0" : "-1")), (t = a[0]) == null || t.focus());
       } else if (e.key === "End") {
         e.preventDefault();
         const a = this._getFocusableItems(), s = a.length - 1;
-        a.length && (a.forEach((i, o) => i.setAttribute("tabindex", o === s ? "0" : "-1")), (r = a[s]) == null || r.focus());
+        a.length && (a.forEach((r, i) => r.setAttribute("tabindex", i === s ? "0" : "-1")), (o = a[s]) == null || o.focus());
       }
     };
   }
@@ -186,23 +198,23 @@ let n = class extends x {
   _isFocusable(e) {
     if (e.hasAttribute("disabled") || e.disabled === !0) return !1;
     if (e.tabIndex >= 0) return !0;
-    const r = e.tagName.toLowerCase();
-    return r === "button" || r === "input" || r === "select" || r === "textarea";
+    const o = e.tagName.toLowerCase();
+    return o === "button" || o === "input" || o === "select" || o === "textarea";
   }
   /** @internal */
   _getFocusableItems() {
-    var r;
+    var o;
     if (this._focusableCache) return this._focusableCache;
-    const e = ((r = this.shadowRoot) == null ? void 0 : r.querySelectorAll("slot")) ?? [], t = [];
+    const e = ((o = this.shadowRoot) == null ? void 0 : o.querySelectorAll("slot")) ?? [], t = [];
     for (const a of Array.from(e)) {
       const s = a.assignedElements({ flatten: !0 });
-      for (const i of s)
-        if (i instanceof HTMLElement)
-          if (this._isFocusable(i))
-            t.push(i);
+      for (const r of s)
+        if (r instanceof HTMLElement)
+          if (this._isFocusable(r))
+            t.push(r);
           else {
-            const o = i.querySelectorAll("*");
-            for (const d of Array.from(o))
+            const i = r.querySelectorAll("*");
+            for (const d of Array.from(i))
               this._isFocusable(d) && t.push(d);
           }
     }
@@ -214,19 +226,19 @@ let n = class extends x {
     this._focusableCache = null;
     const e = this._getFocusableItems();
     if (!e.length) return;
-    const t = e.findIndex((a) => a.getAttribute("tabindex") === "0"), r = t === -1 ? 0 : t;
-    e.forEach((a, s) => a.setAttribute("tabindex", s === r ? "0" : "-1"));
+    const t = e.findIndex((a) => a.getAttribute("tabindex") === "0"), o = t === -1 ? 0 : t;
+    e.forEach((a, s) => a.setAttribute("tabindex", s === o ? "0" : "-1"));
   }
   /** @internal */
   _moveFocus(e) {
-    var i;
+    var r;
     const t = this._getFocusableItems();
     if (!t.length) return;
-    const r = document.activeElement, a = t.indexOf(r);
+    const o = document.activeElement, a = t.indexOf(o);
     let s;
-    e === "next" ? s = a < t.length - 1 ? a + 1 : 0 : s = a > 0 ? a - 1 : t.length - 1, t.forEach((o, d) => {
-      o.setAttribute("tabindex", d === s ? "0" : "-1");
-    }), (i = t[s]) == null || i.focus();
+    e === "next" ? s = a < t.length - 1 ? a + 1 : 0 : s = a > 0 ? a - 1 : t.length - 1, t.forEach((i, d) => {
+      i.setAttribute("tabindex", d === s ? "0" : "-1");
+    }), (r = t[s]) == null || r.focus();
   }
   // ─── Event Handlers ───
   /** @internal */
@@ -236,14 +248,14 @@ let n = class extends x {
   }
   // ─── Render ───
   render() {
-    const e = this.position === "sticky", t = this.position === "bottom", r = e ? " base--sticky" : t ? " base--bottom" : "";
+    const e = this.position === "sticky", t = this.position === "bottom", o = e ? " base--sticky" : t ? " base--bottom" : "";
     return b`
       <div
         part="base"
         role="toolbar"
         aria-label=${this._effectiveLabel}
         aria-orientation="horizontal"
-        class="base base--${this.size} base--${this.variant}${r}"
+        class="base base--${this.size} base--${this.variant}${o}"
       >
         <div part="start" class="section section--start">
           <slot name="start" @slotchange=${this._handleSlotChange}></slot>
@@ -261,7 +273,7 @@ let n = class extends x {
     `;
   }
 };
-n.styles = [m, p];
+n.styles = [g, p];
 l([
   c({ type: String, reflect: !0, attribute: "hx-size" })
 ], n.prototype, "size", 2);
@@ -286,4 +298,4 @@ n = l([
 export {
   n as H
 };
-//# sourceMappingURL=hx-action-bar-CitgcpGv.js.map
+//# sourceMappingURL=hx-action-bar-BlEG4aZv.js.map

package/dist/shared/hx-action-bar-BlEG4aZv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-action-bar-BlEG4aZv.js","sources":["../../src/components/hx-action-bar/hx-action-bar.styles.ts","../../src/components/hx-action-bar/hx-action-bar.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixActionBarStyles = css`\n  :host {\n    display: block;\n  }\n\n  /* ─── Base ─── */\n\n  .base {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--hx-action-bar-gap, var(--hx-space-2, 0.5rem));\n    padding: var(--hx-action-bar-padding, var(--hx-space-2, 0.5rem) var(--hx-space-3, 0.75rem));\n    background: var(--hx-action-bar-bg, transparent);\n    border: var(--hx-action-bar-border, none);\n    box-sizing: border-box;\n    width: 100%;\n  }\n\n  /* ─── Sticky (top) ─── */\n\n  .base--sticky {\n    position: sticky;\n    top: 0;\n    padding-top: max(var(--hx-action-bar-padding-block-start, 0px), env(safe-area-inset-top, 0px));\n    z-index: var(--hx-action-bar-z-index, 10);\n    /*\n     * Consumers: when this bar is sticky, add scroll-padding-top to the scroll container\n     * equal to the bar's rendered height so anchor targets are not hidden behind the bar.\n     * Example: .scroll-container { scroll-padding-top: 2.5rem; }\n     */\n  }\n\n  /* ─── Bottom sticky ─── */\n\n  .base--bottom {\n    position: sticky;\n    bottom: 0;\n    /*\n     * Respect iOS home-indicator safe area on devices with notch/home bar.\n     * Falls back to 0px on devices that do not support env().\n     */\n    padding-bottom: max(\n      var(--hx-action-bar-padding-block-end, 0px),\n      env(safe-area-inset-bottom, 0px)\n    );\n    z-index: var(--hx-action-bar-z-index, 10);\n  }\n\n  /* ─── Variant: outlined ─── */\n\n  .base--outlined {\n    background: var(--hx-action-bar-bg, var(--hx-color-surface-default, #ffffff));\n    border: var(\n      --hx-action-bar-border,\n      var(--hx-border-width-thin, 1px) solid var(--hx-color-border-default, #d6dbd5)\n    );\n    border-radius: var(--hx-action-bar-border-radius, var(--hx-border-radius-md, 0.375rem));\n  }\n\n  /* ─── Variant: filled ─── */\n\n  .base--filled {\n    background: var(--hx-action-bar-bg, var(--hx-color-surface-raised, #f5f8f3));\n    border-radius: var(--hx-action-bar-border-radius, var(--hx-border-radius-md, 0.375rem));\n  }\n\n  /* ─── Size modifiers ─── */\n\n  .base--sm {\n    padding: var(--hx-action-bar-padding, var(--hx-space-1, 0.25rem) var(--hx-space-2, 0.5rem));\n    gap: var(--hx-action-bar-gap, var(--hx-space-1, 0.25rem));\n    min-height: var(--hx-size-8, 2rem);\n  }\n\n  .base--md {\n    min-height: var(--hx-size-10, 2.5rem);\n  }\n\n  .base--lg {\n    padding: var(--hx-action-bar-padding, var(--hx-space-3, 0.75rem) var(--hx-space-4, 1rem));\n    gap: var(--hx-action-bar-gap, var(--hx-space-3, 0.75rem));\n    min-height: var(--hx-size-12, 3rem);\n  }\n\n  /* ─── Sections ─── */\n\n  .section {\n    display: flex;\n    align-items: center;\n    gap: inherit;\n  }\n\n  /*\n   * Equal flex-basis on start and end guarantees the center section is visually centered\n   * within the full bar width, regardless of how wide start and end content are.\n   */\n  .section--start {\n    flex: 1 1 0;\n    justify-content: flex-start;\n  }\n\n  .section--center {\n    flex: 0 0 auto;\n    justify-content: center;\n  }\n\n  .section--end {\n    flex: 1 1 0;\n    justify-content: flex-end;\n  }\n\n  /* ─── Slotted content ─── */\n\n  ::slotted(*) {\n    flex-shrink: 0;\n  }\n\n  /*\n   * AAA 2.4.13 Focus Appearance — enforce a ≥2px focus ring on slotted\n   * natives (e.g. bare <button>, <a>) so consumers who slot non-HELiX\n   * controls inherit the same indicator as the HELiX components do.\n   * Token-driven: --hx-focus-ring-width resolves to 2px (default).\n   */\n  ::slotted(:focus-visible) {\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-action-bar-focus-ring-color, var(--hx-focus-ring-color, #0f7078));\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n  }\n\n  /* ─── High Contrast Mode (forced-colors) ─── */\n\n  @media (forced-colors: active) {\n    /* Outlined variant: border is already present and will be honored by the browser */\n    .base--outlined {\n      border: 1px solid CanvasText;\n    }\n\n    /* Filled variant: background is suppressed — add border to maintain visual separation */\n    .base--filled {\n      border: 1px solid CanvasText;\n    }\n  }\n`;\n","import { html } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { HelixElement } from '../../base/index.js';\nimport { helixActionBarStyles } from './hx-action-bar.styles.js';\nimport { forcedColorsInteractive } from '../../styles/forced-colors.js';\nimport { devWarn } from '../../utils/dev-warn.js';\n\n// Re-export size type for external consumers.\nexport type ActionBarSize = 'sm' | 'md' | 'lg';\n\n/**\n * A horizontal toolbar container for grouping related action buttons and controls.\n * Implements the ARIA toolbar pattern with roving tabindex keyboard navigation.\n *\n * @summary Horizontal action bar for grouping related controls.\n *\n * @tag hx-action-bar\n *\n * @slot start - Left-aligned actions.\n * @slot - Center content (default slot).\n * @slot end - Right-aligned actions.\n * @slot overflow - Actions revealed when the bar is constrained for space.\n *\n * @csspart base - The root toolbar container element.\n * @csspart start - The start (left) slot wrapper.\n * @csspart center - The center (default) slot wrapper.\n * @csspart end - The end (right) slot wrapper.\n * @csspart overflow - The overflow slot wrapper (hidden when no overflow content).\n *\n * @cssprop [--hx-action-bar-bg=transparent] - Bar background color (default variant).\n * @cssprop [--hx-action-bar-border=none] - Bar border (default variant).\n * @cssprop [--hx-action-bar-padding=var(--hx-space-2,0.5rem) var(--hx-space-3,0.75rem)] - Inner padding.\n * @cssprop [--hx-action-bar-gap=var(--hx-space-2,0.5rem)] - Gap between slotted items.\n * @cssprop [--hx-action-bar-z-index=10] - Z-index when sticky or bottom position.\n *\n * @attr {string} accessible-label - Identifies the toolbar to assistive technology.\n *   When multiple toolbars appear on the same page, each must have a unique, descriptive label.\n *   Falls back to the native `aria-label` attribute if not set.\n *\n * @example\n * ```html\n * <hx-action-bar aria-label=\"Patient actions\">\n *   <hx-button slot=\"start\">Save</hx-button>\n *   <hx-button slot=\"end\" variant=\"ghost\">Cancel</hx-button>\n * </hx-action-bar>\n * ```\n * @cssprop [--hx-action-bar-padding-block-start=0px] - Padding.\n * @cssprop [--hx-action-bar-padding-block-end=0px] - Padding.\n * @cssprop [--hx-border-radius-md] - CSS custom property.\n * @cssprop [--hx-border-width-thin] - Width.\n * @cssprop [--hx-color-neutral-0] - Color.\n * @cssprop [--hx-color-neutral-200] - Color.\n * @cssprop [--hx-color-neutral-50] - Color.\n * @cssprop [--hx-size-8] - Size token.\n * @cssprop [--hx-size-10] - Size token.\n * @cssprop [--hx-size-12] - Size token.\n * @cssprop [--hx-space-1] - Spacing token.\n * @cssprop [--hx-space-2] - Spacing token.\n * @cssprop [--hx-space-3] - Spacing token.\n * @cssprop [--hx-space-4] - Spacing token.\n * @aaa-certified 2026-05-08\n * @aaa-criteria 1.4.6, 1.4.9, 2.1.3, 2.3.3, 2.4.12, 2.4.13, 2.5.5, 3.2.5, 3.3.6, forced-colors, apg-keyboard\n * @aaa-audit src/components/hx-action-bar/AAA-AUDIT.md\n * @keyboard-contract navigate=Arrow; activate=Enter,Space; disabled-suppresses=true\n * @aria-pattern toolbar\n * @aria-pattern-source https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/\n * @forced-colors-supported true\n * @stability stable\n * @since 3.7.0\n * @form-associated false\n * @theme-aware true\n * @brand-aware true\n * @drupal-sdc-eligible true\n * @react-wrapper-status complete\n * @figma-component-name hx-action-bar\n * @priority-tier P0\n * @phi-handles false\n * @clinical-context none\n */\n@customElement('hx-action-bar')\nexport class HelixActionBar extends HelixElement {\n  static override styles = [helixActionBarStyles, forcedColorsInteractive];\n\n  /**\n   * Size of the action bar — propagated as a data attribute to slotted children.\n   * @attr hx-size\n   */\n  @property({ type: String, reflect: true, attribute: 'hx-size' })\n  size: 'sm' | 'md' | 'lg' = 'md';\n\n  /**\n   * Visual variant controlling the bar background.\n   * @attr variant\n   */\n  @property({ type: String, reflect: true })\n  variant: 'default' | 'outlined' | 'filled' = 'default';\n\n  /**\n   * Position and sticky behavior of the action bar.\n   * - `top` — normal flow (default)\n   * - `sticky` — sticks to the top of the scroll container; add `scroll-padding-top` to the\n   *   scroll container equal to the bar height to prevent anchor targets from scrolling behind it\n   * - `bottom` — sticks to the bottom of the scroll container with iOS safe-area-inset support\n   * @attr position\n   */\n  @property({ type: String, reflect: true })\n  position: 'top' | 'bottom' | 'sticky' = 'top';\n\n  // The deprecated `sticky` boolean property has been removed in 3.0.0.\n  // Use `position=\"sticky\"` instead.\n\n  /**\n   * Accessible label for the toolbar.\n   * Required when multiple toolbars appear on the same page.\n   *\n   * Accepts both `accessible-label` and the standard `aria-label` HTML attribute.\n   * The `accessible-label` attribute takes precedence when both are set.\n   *\n   * Previously this was exposed as the `ariaLabel` JS property, which shadowed\n   * the native `HTMLElement.ariaLabel`. That shadowing is removed; use\n   * `accessibleLabel` or the HTML attributes instead.\n   *\n   * @attr accessible-label\n   */\n  @property({ attribute: 'accessible-label' })\n  accessibleLabel: string = '';\n\n  /**\n   * Observed mirror of the host's `aria-label` attribute so Lit re-renders\n   * when consumers set `aria-label` (the standard HTML pattern).\n   * @internal\n   */\n  @property({ attribute: 'aria-label' })\n  private _ariaLabelAttr: string = '';\n\n  /**\n   * Returns the effective label for the toolbar, checking accessible-label first,\n   * then the aria-label attribute, falling back to 'Actions'.\n   * @internal\n   */\n  private get _effectiveLabel(): string {\n    return this.accessibleLabel || this._ariaLabelAttr || 'Actions';\n  }\n\n  /** Cached list of focusable items — invalidated on slot change. */\n  /** @internal */\n  private _focusableCache: HTMLElement[] | null = null;\n\n  /** Whether the overflow slot has assigned content.  * @internal\n   */\n  @state()\n  private _hasOverflow = false;\n\n  // ─── Lifecycle ───\n\n  /** Arrow function field — stable reference for add/removeEventListener. */\n  /** @internal */\n  private _handleKeydown = (e: KeyboardEvent): void => {\n    if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      this._moveFocus('next');\n    } else if (e.key === 'ArrowLeft') {\n      e.preventDefault();\n      this._moveFocus('prev');\n    } else if (e.key === 'Home') {\n      e.preventDefault();\n      // Move directly to first item — do NOT call _moveFocus which would visit other items first.\n      const items = this._getFocusableItems();\n      if (items.length) {\n        items.forEach((el, i) => el.setAttribute('tabindex', i === 0 ? '0' : '-1'));\n        items[0]?.focus();\n      }\n    } else if (e.key === 'End') {\n      e.preventDefault();\n      const items = this._getFocusableItems();\n      const last = items.length - 1;\n      if (items.length) {\n        items.forEach((el, i) => el.setAttribute('tabindex', i === last ? '0' : '-1'));\n        items[last]?.focus();\n      }\n    }\n  };\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    // Backward compat: accept legacy `size` attribute. When present and `hx-size`\n    // is not set, map the value and emit a deprecation warning.\n    const legacySize = this.getAttribute('size');\n    if (legacySize !== null && !this.hasAttribute('hx-size')) {\n      devWarn('hx-action-bar', 'The \"size\" attribute is deprecated. Use \"hx-size\" instead.');\n      this.size = legacySize as ActionBarSize;\n    }\n    // Prevent dual aria-label announcement: the host carries the consumer's\n    // aria-label attribute while the inner div[role=\"toolbar\"] receives the\n    // same value. Setting role=\"none\" on the host hides it from the\n    // accessibility tree so only the toolbar is announced.\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'none');\n    } else if (this.getAttribute('role') !== 'none') {\n      devWarn(\n        'hx-action-bar',\n        `Setting role=\"${this.getAttribute('role')}\" on the host creates a duplicate toolbar announcement. ` +\n          'The shadow DOM already contains role=\"toolbar\". Set role=\"none\" on the host to suppress it.',\n      );\n    }\n    this.addEventListener('keydown', this._handleKeydown);\n  }\n\n  override firstUpdated(): void {\n    // Slot assignments are complete by firstUpdated; initialize roving tabindex\n    // immediately rather than waiting for the async slotchange event.\n    this._initRovingTabindex();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('keydown', this._handleKeydown);\n  }\n\n  // ─── Focusable item discovery ───\n\n  /** @internal */\n  private _isFocusable(el: HTMLElement): boolean {\n    // Check disabled via DOM attribute (native elements) or property (custom elements)\n    if (el.hasAttribute('disabled')) return false;\n    const elWithDisabled = el as HTMLElement & { disabled?: boolean };\n    if (elWithDisabled.disabled === true) return false;\n\n    // Use the IDL tabIndex property — covers both DOM attribute and ElementInternals settings.\n    // Custom elements (e.g. hx-button) that set tabIndex via ElementInternals are discoverable.\n    if (el.tabIndex >= 0) return true;\n\n    const tag = el.tagName.toLowerCase();\n    return tag === 'button' || tag === 'input' || tag === 'select' || tag === 'textarea';\n  }\n\n  /** @internal */\n  private _getFocusableItems(): HTMLElement[] {\n    if (this._focusableCache) return this._focusableCache;\n\n    const slots = this.shadowRoot?.querySelectorAll('slot') ?? [];\n    const items: HTMLElement[] = [];\n\n    for (const slot of Array.from(slots)) {\n      const assigned = (slot as HTMLSlotElement).assignedElements({ flatten: true });\n      for (const el of assigned) {\n        if (!(el instanceof HTMLElement)) continue;\n        if (this._isFocusable(el)) {\n          // Element is itself focusable — include it and do NOT also recurse into its children\n          // to prevent double-counting compound components (e.g. <a><button>).\n          items.push(el);\n        } else {\n          // Element is a non-focusable wrapper (e.g. <div>, <span>) — find focusable children.\n          const descendants = el.querySelectorAll<HTMLElement>('*');\n          for (const d of Array.from(descendants)) {\n            if (this._isFocusable(d)) {\n              items.push(d);\n            }\n          }\n        }\n      }\n    }\n\n    this._focusableCache = items;\n    return items;\n  }\n\n  // ─── Roving tabindex helpers ───\n\n  /** @internal */\n  private _initRovingTabindex(): void {\n    this._focusableCache = null; // invalidate cache on slot change\n    const items = this._getFocusableItems();\n    if (!items.length) return;\n    // Find the currently active item. If none exists (e.g. first render or active item was\n    // removed), fall back to index 0. Then set ALL items explicitly so newly added items and\n    // items whose tabindex changed externally are always in a correct state.\n    const activeIndex = items.findIndex((el) => el.getAttribute('tabindex') === '0');\n    const targetIndex = activeIndex === -1 ? 0 : activeIndex;\n    items.forEach((el, i) => el.setAttribute('tabindex', i === targetIndex ? '0' : '-1'));\n  }\n\n  /** @internal */\n  private _moveFocus(direction: 'next' | 'prev'): void {\n    const items = this._getFocusableItems();\n    if (!items.length) return;\n\n    const focused = document.activeElement as HTMLElement | null;\n    const currentIndex = items.indexOf(focused as HTMLElement);\n\n    let nextIndex: number;\n    if (direction === 'next') {\n      nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0;\n    } else {\n      nextIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1;\n    }\n\n    items.forEach((el, i) => {\n      el.setAttribute('tabindex', i === nextIndex ? '0' : '-1');\n    });\n\n    items[nextIndex]?.focus();\n  }\n\n  // ─── Event Handlers ───\n\n  /** @internal */\n  private _handleSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    if (slot.name === 'overflow') {\n      this._hasOverflow = slot.assignedElements({ flatten: true }).length > 0;\n    }\n    this._initRovingTabindex();\n  }\n\n  // ─── Render ───\n\n  override render() {\n    const isSticky = this.position === 'sticky';\n    const isBottom = this.position === 'bottom';\n    const positionClass = isSticky ? ' base--sticky' : isBottom ? ' base--bottom' : '';\n\n    return html`\n      <div\n        part=\"base\"\n        role=\"toolbar\"\n        aria-label=${this._effectiveLabel}\n        aria-orientation=\"horizontal\"\n        class=\"base base--${this.size} base--${this.variant}${positionClass}\"\n      >\n        <div part=\"start\" class=\"section section--start\">\n          <slot name=\"start\" @slotchange=${this._handleSlotChange}></slot>\n        </div>\n        <div part=\"center\" class=\"section section--center\">\n          <slot @slotchange=${this._handleSlotChange}></slot>\n        </div>\n        <div part=\"end\" class=\"section section--end\">\n          <slot name=\"end\" @slotchange=${this._handleSlotChange}></slot>\n        </div>\n        <div part=\"overflow\" class=\"section section--overflow\" ?hidden=${!this._hasOverflow}>\n          <slot name=\"overflow\" @slotchange=${this._handleSlotChange}></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-action-bar': HelixActionBar;\n  }\n}\n"],"names":["helixActionBarStyles","css","HelixActionBar","HelixElement","items","el","i","_a","last","_b","legacySize","devWarn","tag","slots","slot","assigned","descendants","activeIndex","targetIndex","direction","focused","currentIndex","nextIndex","isSticky","isBottom","positionClass","html","forcedColorsInteractive","__decorateClass","property","state","customElement"],"mappings":"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"}