@helixui/library 3.6.0 → 3.8.0

package/dist/css/manifest.json

@@ -1,5 +1,5 @@
 {
-  "generated": "2026-05-08T00:23:51.360Z",
+  "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",
@@ -151,6 +155,7 @@
         "--hx-border-radius-full",
         "--hx-border-radius-md",
         "--hx-border-radius-sm",
+        "--hx-color-action-primary-bg",
         "--hx-color-error-500",
         "--hx-color-info-700",
         "--hx-color-neutral-0",
@@ -158,7 +163,6 @@
         "--hx-color-neutral-200",
         "--hx-color-neutral-700",
         "--hx-color-neutral-900",
-        "--hx-color-primary-500",
         "--hx-color-success-700",
         "--hx-color-text-on-error",
         "--hx-color-text-on-primary",
@@ -279,6 +283,7 @@
         "--hx-color-border-on-dark-strong",
         "--hx-color-border-strong",
         "--hx-color-neutral-0",
+        "--hx-color-neutral-900",
         "--hx-color-primary-500",
         "--hx-color-surface-on-dark-overlay-default",
         "--hx-color-surface-on-dark-overlay-subtle",
@@ -304,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",
@@ -423,7 +427,6 @@
         "--hx-checkbox-border-color",
         "--hx-checkbox-border-radius",
         "--hx-checkbox-checked-bg",
-        "--hx-checkbox-checked-border-color",
         "--hx-checkbox-checkmark-color",
         "--hx-checkbox-error-color",
         "--hx-checkbox-focus-ring-color",
@@ -433,6 +436,7 @@
         "--hx-checkbox-help-text-color",
         "--hx-checkbox-label-color",
         "--hx-checkbox-size",
+        "--hx-color-action-primary-bg",
         "--hx-color-border-strong",
         "--hx-color-error-500",
         "--hx-color-error-text",
@@ -468,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",
@@ -475,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",
@@ -628,6 +636,7 @@
         "--hx-space-2",
         "--hx-space-3",
         "--hx-space-4",
+        "--hx-touch-target-min",
         "--hx-transition-fast"
       ]
     },
@@ -741,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",
@@ -823,12 +831,13 @@
         "--hx-border-radius-md",
         "--hx-border-radius-sm",
         "--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-500",
         "--hx-color-error-text",
         "--hx-color-neutral-900",
-        "--hx-color-primary-500",
         "--hx-color-primary-600",
         "--hx-color-surface-default",
         "--hx-color-surface-sunken",
@@ -853,7 +862,6 @@
         "--hx-date-picker-label-color",
         "--hx-date-picker-selected-bg",
         "--hx-date-picker-selected-color",
-        "--hx-date-picker-selected-hover-bg",
         "--hx-date-picker-today-color",
         "--hx-date-picker-trigger-color",
         "--hx-date-picker-trigger-hover-color",
@@ -871,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",
@@ -1009,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"
@@ -1167,13 +1178,14 @@
       "tokens": [
         "--hx-border-radius-md",
         "--hx-border-width-thin",
+        "--hx-color-action-primary-bg",
+        "--hx-color-action-primary-bg-hover",
         "--hx-color-border-strong",
         "--hx-color-error-500",
         "--hx-color-error-600",
         "--hx-color-neutral-0",
         "--hx-color-primary-50",
         "--hx-color-primary-500",
-        "--hx-color-primary-600",
         "--hx-color-surface-raised",
         "--hx-color-surface-sunken",
         "--hx-color-text-on-error",
@@ -1326,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",
@@ -1353,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",
@@ -1362,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"
@@ -1411,6 +1426,7 @@
         "--hx-space-2",
         "--hx-space-3",
         "--hx-space-4",
+        "--hx-touch-target-min",
         "--hx-transition-fast"
       ]
     },
@@ -1457,8 +1473,8 @@
       "tokens": [
         "--hx-border-radius-md",
         "--hx-border-width-thin",
+        "--hx-color-action-primary-bg",
         "--hx-color-border-strong",
-        "--hx-color-primary-500",
         "--hx-color-surface-default",
         "--hx-color-surface-sunken",
         "--hx-color-text-muted",
@@ -1483,7 +1499,6 @@
         "--hx-pagination-font-family",
         "--hx-pagination-gap",
         "--hx-pagination-hover-bg",
-        "--hx-pagination-hover-border-color",
         "--hx-pagination-page-size-label-color",
         "--hx-space-1",
         "--hx-space-2",
@@ -1596,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"
       ]
@@ -1669,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",
@@ -1677,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",
@@ -1794,6 +1817,7 @@
         "--hx-space-4",
         "--hx-space-5",
         "--hx-space-8",
+        "--hx-touch-target-min",
         "--hx-transition-fast",
         "--hx-transition-normal"
       ]
@@ -1898,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",
@@ -1908,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",
@@ -1929,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",
@@ -1949,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"
       ]
@@ -2113,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",
@@ -2153,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",
@@ -2348,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",
@@ -2361,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"
       ]
     },
@@ -2443,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",
@@ -2462,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"
       ]
@@ -2511,12 +2537,12 @@
       "tokens": [
         "--hx-border-radius-md",
         "--hx-border-width-thin",
+        "--hx-color-action-primary-bg",
         "--hx-color-border-strong",
         "--hx-color-neutral-0",
         "--hx-color-neutral-500",
         "--hx-color-primary-100",
         "--hx-color-primary-50",
-        "--hx-color-primary-500",
         "--hx-color-primary-600",
         "--hx-color-primary-700",
         "--hx-color-surface-raised",
@@ -2536,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",
@@ -2547,10 +2572,18 @@
         "--hx-toggle-button-border-color",
         "--hx-toggle-button-border-radius",
         "--hx-toggle-button-color",
+        "--hx-toggle-button-fc-bg",
+        "--hx-toggle-button-fc-border-color",
+        "--hx-toggle-button-fc-border-width",
+        "--hx-toggle-button-fc-color",
+        "--hx-toggle-button-fc-focus-ring-color",
+        "--hx-toggle-button-fc-focus-ring-offset",
+        "--hx-toggle-button-fc-focus-ring-width",
         "--hx-toggle-button-focus-ring-color",
         "--hx-toggle-button-font-family",
         "--hx-toggle-button-font-weight",
         "--hx-toggle-button-pressed-bg",
+        "--hx-toggle-button-pressed-ring-width",
         "--hx-touch-target-min",
         "--hx-transition-fast"
       ]
@@ -2562,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",
@@ -2573,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-JlFtAdxS.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-BOwAEcF1.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-CYd0YV_u.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-B49yo4Vm.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";
@@ -33,51 +33,51 @@ 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-a6OpeQz5.js";
+import { H as Ne } from "./shared/hx-icon-button-B2BdVdyK.js";
 import { H as Ae } from "./shared/hx-image-Ben_4yM5.js";
 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-C7y8GVyU.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-C7eTj5YI.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";
 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 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-DwBers3A.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