@helixui/library 3.7.0 → 3.8.0-next.145

package/dist/css/manifest.json

@@ -1,5 +1,5 @@
 {
-  "generated": "2026-05-08T04:06:33.762Z",
+  "generated": "2026-05-11T04:21:22.705Z",
   "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,17 @@
         "--hx-border-radius-md",
         "--hx-color-border-default",
         "--hx-color-surface-default",
+        "--hx-color-text-primary",
+        "--hx-dropdown-focus-ring-color",
         "--hx-dropdown-panel-bg",
         "--hx-dropdown-panel-border-color",
         "--hx-dropdown-panel-border-radius",
+        "--hx-dropdown-panel-color",
         "--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"
@@ -1155,6 +1167,7 @@
       "tokens": [
         "--hx-icon-color",
         "--hx-icon-size",
+        "--hx-icon-stroke-width",
         "--hx-size-10",
         "--hx-size-4",
         "--hx-size-5",
@@ -1328,13 +1341,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 +1369,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 +1379,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 +1429,7 @@
         "--hx-space-2",
         "--hx-space-3",
         "--hx-space-4",
+        "--hx-touch-target-min",
         "--hx-transition-fast"
       ]
     },
@@ -1597,6 +1614,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 +1691,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 +1702,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 +1820,7 @@
         "--hx-space-4",
         "--hx-space-5",
         "--hx-space-8",
+        "--hx-touch-target-min",
         "--hx-transition-fast",
         "--hx-transition-normal"
       ]
@@ -1899,6 +1925,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 +1937,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 +1958,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 +1977,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 +2142,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 +2183,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 +2377,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 +2389,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 +2472,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 +2490,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 +2565,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 +2598,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 +2612,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,84 +1,84 @@
 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-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 S, a as y } from "./shared/hx-accordion-DR--Ev4t.js";
+import { H as b } from "./shared/hx-action-bar-BlEG4aZv.js";
+import { H as g } from "./shared/hx-alert-C0axS32J.js";
+import { H as v } from "./shared/hx-avatar-ChAYWnK8.js";
+import { H as E } from "./shared/hx-badge-vX-1cuLA.js";
+import { H as k } from "./shared/hx-banner-PbHwFNSb.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 Y } from "./shared/hx-clinical-status-D3XQIOqX.js";
+import { H as G, a as U } from "./shared/hx-carousel-item-BVIKgQ4i.js";
+import { H as O } from "./shared/hx-checkbox-DDSXXhps.js";
+import { H as K } from "./shared/hx-checkbox-group-C0q6HDqn.js";
+import { H as Y } from "./shared/hx-clinical-status-ZSVEc3Qg.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 Z } from "./shared/hx-combobox-NgJaLbs2.js";
+import { H as J } from "./shared/hx-color-picker-CYjx8i8R.js";
+import { H as Z } from "./shared/hx-combobox-Be-mqOv4.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-CziP3Hm1.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 de } from "./shared/hx-drawer-BlU2oX8-.js";
+import { H as ue } from "./shared/hx-dropdown-DREqpIpm.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";
+import { H as ge } from "./shared/hx-file-upload-CU5QGZSP.js";
 import { H as ve } from "./shared/hx-form-CkChEATa.js";
 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 Pe } from "./shared/hx-help-text-CNaZ82LT.js";
+import { H as Me } from "./shared/hx-icon-bxz9eB9a.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 Ge } from "./shared/hx-link-BURSdYLp.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 Ke, a as We, b as Ye } from "./shared/hx-menu-divider-g0grbWV9.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 oo } from "./shared/hx-overflow-menu-DFjJAziP.js";
+import { H as Je } from "./shared/hx-nav-GTsAZGOx.js";
+import { H as Ze } from "./shared/hx-number-input-Bvyc9kOi.js";
+import { H as oo } from "./shared/hx-overflow-menu-LrTteeR1.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 xo } from "./shared/hx-phi-field-sZt_rYIL.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 go } from "./shared/hx-rating-C3QP53k9.js";
+import { H as To, a as bo } from "./shared/hx-radio-BD_c9NJy.js";
+import { H as go } from "./shared/hx-rating-BGK4AxvI.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-CxE7Mp3M.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 Po } from "./shared/hx-slider-CkOk5BCY.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-Bg9FHrFK.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 Vo } from "./shared/hx-stat-wKxbyep6.js";
 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 Wo, a as Yo } from "./shared/hx-step-CyGQAuiB.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 ct } from "./shared/hx-tag-C5aCUpVi.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-BqO6HY6V.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 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 Rt, a as At } from "./shared/hx-tree-item-CXyspGxI.js";
+import { H as vt } from "./shared/hx-time-picker-if5Cl0Ei.js";
+import { H as Et, a as Dt, t as kt } from "./shared/toast-factory-DgnbFxVs.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-vP6oDWMV.js";
+import { H as Rt, a as At } from "./shared/hx-tree-item-D8hwKd5m.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/{hx-accordion-ZVzgDzTG.js → hx-accordion-DR--Ev4t.js}

@@ -1,11 +1,11 @@
-import { css as _, nothing as y, html as C, svg as I } from "lit";
+import { css as C, nothing as _, html as f } from "lit";
 import { property as h, customElement as E } from "lit/decorators.js";
-import { classMap as O } from "lit/directives/class-map.js";
+import { classMap as I } from "lit/directives/class-map.js";
 import { f as $ } from "./forced-colors-CTEDFRGa.js";
-import { H as k } from "./helix-element-BNEYeiys.js";
-import { c as D } from "./id-counter-DuX8vsui.js";
+import { H as S } from "./helix-element-BNEYeiys.js";
+import { c as O } from "./id-counter-DuX8vsui.js";
 import { d as w } from "./dev-warn-YlwPHjtX.js";
-const T = _`
+const D = C`
   :host {
     display: block;
     font-family: var(--hx-accordion-font-family, var(--hx-font-family-sans, sans-serif));
@@ -23,7 +23,7 @@ const T = _`
       border: 2px solid CanvasText;
     }
   }
-`, M = _`
+`, T = C`
   :host {
     display: block;
   }
@@ -91,6 +91,10 @@ const T = _`
     transition: transform var(--hx-transition-normal, 250ms ease);
   }
 
+  .icon .accordion-item__chevron {
+    --hx-icon-size: 100%;
+  }
+
   .item--expanded .icon {
     transform: rotate(180deg);
   }
@@ -182,30 +186,20 @@ const T = _`
     }
   }
 `;
-var A = Object.defineProperty, H = Object.getOwnPropertyDescriptor, m = (e, o, r, t) => {
-  for (var i = t > 1 ? void 0 : t ? H(o, r) : o, n = e.length - 1, a; n >= 0; n--)
+var M = Object.defineProperty, A = Object.getOwnPropertyDescriptor, m = (e, o, r, t) => {
+  for (var i = t > 1 ? void 0 : t ? A(o, r) : o, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (t ? a(o, r, i) : a(i)) || i);
-  return t && i && A(o, r, i), i;
+  return t && i && M(o, r, i), i;
 };
-const L = I`
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="16"
-    height="16"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    stroke-width="2"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    aria-hidden="true"
-  >
-    <polyline points="6 9 12 15 18 9"></polyline>
-  </svg>
-`, j = D("hx-accordion-item");
-let s = class extends k {
+const H = f`<hx-icon
+  class="accordion-item__chevron"
+  library="helix"
+  name="chevron-down"
+  aria-hidden="true"
+></hx-icon>`, L = O("hx-accordion-item");
+let s = class extends S {
   constructor() {
-    super(...arguments), this._uid = j(), this.expanded = !1, this.disabled = !1, this.level = 3;
+    super(...arguments), this._uid = L(), this.expanded = !1, this.disabled = !1, this.level = 3;
   }
   // ─── Lifecycle ───
   connectedCallback() {
@@ -261,8 +255,8 @@ let s = class extends k {
       "item--expanded": this.expanded,
       "item--disabled": this.disabled
     };
-    return C`
-      <details part="item" class=${O(e)} ?open=${this.expanded}>
+    return f`
+      <details part="item" class=${I(e)} ?open=${this.expanded}>
         <summary
           id=${`${this._uid}-trigger`}
           part="trigger"
@@ -271,13 +265,13 @@ let s = class extends k {
           aria-level=${this._headingLevel}
           tabindex=${this.disabled ? "-1" : "0"}
           aria-expanded=${this.expanded ? "true" : "false"}
-          aria-disabled=${this.disabled ? "true" : y}
+          aria-disabled=${this.disabled ? "true" : _}
           aria-controls=${`${this._uid}-content`}
           @click=${this._handleSummaryClick}
           @keydown=${this._handleKeyDown}
         >
           <slot name="trigger" @slotchange=${this._handleTriggerSlotChange}></slot>
-          <span part="icon" class="icon">${L}</span>
+          <span part="icon" class="icon">${H}</span>
         </summary>
         <div class="content-wrapper">
           <div class="content-inner">
@@ -287,7 +281,7 @@ let s = class extends k {
               class="content"
               role="region"
               aria-labelledby=${`${this._uid}-trigger`}
-              aria-hidden=${this.expanded ? y : "true"}
+              aria-hidden=${this.expanded ? _ : "true"}
             >
               <slot></slot>
             </div>
@@ -297,7 +291,7 @@ let s = class extends k {
     `;
   }
 };
-s.styles = [M, $];
+s.styles = [T, $];
 m([
   h({ type: Boolean, reflect: !0 })
 ], s.prototype, "expanded", 2);
@@ -310,12 +304,12 @@ m([
 s = m([
   E("hx-accordion-item")
 ], s);
-var z = Object.defineProperty, N = Object.getOwnPropertyDescriptor, S = (e, o, r, t) => {
-  for (var i = t > 1 ? void 0 : t ? N(o, r) : o, n = e.length - 1, a; n >= 0; n--)
+var j = Object.defineProperty, z = Object.getOwnPropertyDescriptor, k = (e, o, r, t) => {
+  for (var i = t > 1 ? void 0 : t ? z(o, r) : o, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (t ? a(o, r, i) : a(i)) || i);
-  return t && i && z(o, r, i), i;
+  return t && i && j(o, r, i), i;
 };
-let c = class extends k {
+let l = class extends S {
   constructor() {
     super(...arguments), this.mode = "single", this._mutationObserver = null, this._handleChildExpand = (e) => {
       if (this.mode !== "single") return;
@@ -324,20 +318,20 @@ let c = class extends k {
         t !== o && t.expanded && (t.expanded = !1, t._dispatchToggleEvent(!1));
       });
     }, this._handleKeyDown = (e) => {
-      var f, u, v, x;
+      var u, v, x, b;
       if (this._getTriggers().length === 0) return;
-      const r = ((f = this.shadowRoot) == null ? void 0 : f.activeElement) ?? document.activeElement;
+      const r = ((u = this.shadowRoot) == null ? void 0 : u.activeElement) ?? document.activeElement;
       let t = null;
       const i = Array.from(this.querySelectorAll("hx-accordion-item"));
-      for (const l of i) {
-        const b = (u = l.shadowRoot) == null ? void 0 : u.querySelector('[part="trigger"]');
-        if (b === r || ((v = l.shadowRoot) == null ? void 0 : v.activeElement) === b) {
-          t = l;
+      for (const c of i) {
+        const y = (v = c.shadowRoot) == null ? void 0 : v.querySelector('[part="trigger"]');
+        if (y === r || ((x = c.shadowRoot) == null ? void 0 : x.activeElement) === y) {
+          t = c;
           break;
         }
       }
       if (!t) return;
-      const n = i.filter((l) => !l.disabled), a = n.indexOf(t);
+      const n = i.filter((c) => !c.disabled), a = n.indexOf(t);
       if (a === -1) return;
       let d = -1;
       switch (e.key) {
@@ -357,8 +351,8 @@ let c = class extends k {
           return;
       }
       e.preventDefault();
-      const g = n[d], p = (x = g == null ? void 0 : g.shadowRoot) == null ? void 0 : x.querySelector('[part="trigger"]');
-      p == null || p.focus();
+      const p = n[d], g = (b = p == null ? void 0 : p.shadowRoot) == null ? void 0 : b.querySelector('[part="trigger"]');
+      g == null || g.focus();
     };
   }
   connectedCallback() {
@@ -422,22 +416,22 @@ let c = class extends k {
   }
   // ─── Render ───
   render() {
-    return C`
+    return f`
       <div part="accordion" class="accordion">
         <slot @slotchange=${this._handleSlotChange}></slot>
       </div>
     `;
   }
 };
-c.styles = [T, $];
-S([
+l.styles = [D, $];
+k([
   h({ type: String, reflect: !0 })
-], c.prototype, "mode", 2);
-c = S([
+], l.prototype, "mode", 2);
+l = k([
   E("hx-accordion")
-], c);
+], l);
 export {
-  c as H,
+  l as H,
   s as a
 };
-//# sourceMappingURL=hx-accordion-ZVzgDzTG.js.map
+//# sourceMappingURL=hx-accordion-DR--Ev4t.js.map