@helixui/library 3.2.0-next.89 → 3.2.0-next.94

package/dist/css/manifest.json

@@ -1,5 +1,5 @@
 {
-  "generated": "2026-04-25T23:24:47.443Z",
+  "generated": "2026-04-26T08:10:08.628Z",
   "components": [
     {
       "name": "hx-accordion",
@@ -62,7 +62,7 @@
         "--hx-color-info-50",
         "--hx-color-info-500",
         "--hx-color-info-800",
-        "--hx-color-primary-400",
+        "--hx-color-primary-600",
         "--hx-color-success-200",
         "--hx-color-success-50",
         "--hx-color-success-500",
@@ -209,7 +209,7 @@
         "--hx-color-info-50",
         "--hx-color-info-500",
         "--hx-color-info-800",
-        "--hx-color-primary-400",
+        "--hx-color-primary-600",
         "--hx-color-success-200",
         "--hx-color-success-50",
         "--hx-color-success-500",
@@ -264,12 +264,14 @@
         "--hx-color-action-danger-bg",
         "--hx-color-action-danger-bg-active",
         "--hx-color-action-danger-bg-hover",
+        "--hx-color-action-danger-bg-inverted-hover",
         "--hx-color-action-ghost-bg-hover",
         "--hx-color-action-ghost-fg",
         "--hx-color-action-primary-bg",
         "--hx-color-action-primary-bg-active",
         "--hx-color-action-primary-bg-hover",
         "--hx-color-action-primary-bg-inverted-hover",
+        "--hx-color-action-primary-bg-inverted-rest",
         "--hx-color-action-secondary-bg-hover",
         "--hx-color-action-secondary-border",
         "--hx-color-action-secondary-fg",
@@ -338,6 +340,7 @@
         "--hx-card-color",
         "--hx-card-featured-border-color",
         "--hx-card-featured-border-width",
+        "--hx-card-focus-ring-color",
         "--hx-card-font-family",
         "--hx-card-gap",
         "--hx-card-image-aspect-ratio",
@@ -432,8 +435,8 @@
         "--hx-color-border-strong",
         "--hx-color-error-500",
         "--hx-color-error-text",
-        "--hx-color-primary-400",
         "--hx-color-primary-500",
+        "--hx-color-primary-600",
         "--hx-color-surface-default",
         "--hx-color-text-muted",
         "--hx-color-text-on-primary",
@@ -510,7 +513,6 @@
         "--hx-color-error-700",
         "--hx-color-error-800",
         "--hx-color-error-900",
-        "--hx-color-focus",
         "--hx-color-info-200",
         "--hx-color-info-50",
         "--hx-color-info-500",
@@ -560,7 +562,7 @@
         "--hx-code-snippet-tab-size",
         "--hx-color-border-default",
         "--hx-color-border-strong",
-        "--hx-color-primary-400",
+        "--hx-color-primary-600",
         "--hx-color-surface-inverse",
         "--hx-color-surface-sunken",
         "--hx-color-text-inverse",
@@ -601,6 +603,7 @@
         "--hx-color-neutral-600",
         "--hx-color-neutral-700",
         "--hx-color-neutral-900",
+        "--hx-color-picker-focus-ring-color",
         "--hx-color-picker-grid-height",
         "--hx-color-picker-panel-shadow",
         "--hx-color-picker-swatch-border",
@@ -641,9 +644,9 @@
         "--hx-color-neutral-900",
         "--hx-color-primary-100",
         "--hx-color-primary-200",
-        "--hx-color-primary-400",
         "--hx-color-primary-50",
         "--hx-color-primary-500",
+        "--hx-color-primary-600",
         "--hx-color-primary-800",
         "--hx-color-surface-default",
         "--hx-color-text-muted",
@@ -787,6 +790,7 @@
         "--hx-data-table-cell-color",
         "--hx-data-table-checkbox-accent-color",
         "--hx-data-table-empty-color",
+        "--hx-data-table-focus-ring-color",
         "--hx-data-table-font-family",
         "--hx-data-table-header-bg",
         "--hx-data-table-header-color",
@@ -826,7 +830,6 @@
         "--hx-color-error-500",
         "--hx-color-error-text",
         "--hx-color-neutral-900",
-        "--hx-color-primary-400",
         "--hx-color-primary-500",
         "--hx-color-primary-600",
         "--hx-color-surface-default",
@@ -887,7 +890,6 @@
         "--hx-border-radius-sm",
         "--hx-border-width-thin",
         "--hx-color-border-default",
-        "--hx-color-primary-500",
         "--hx-color-surface-default",
         "--hx-color-surface-overlay",
         "--hx-color-surface-sunken",
@@ -899,6 +901,7 @@
         "--hx-dialog-body-padding",
         "--hx-dialog-border-radius",
         "--hx-dialog-close-btn-color",
+        "--hx-dialog-close-btn-focus-ring-color",
         "--hx-dialog-close-btn-hover-bg",
         "--hx-dialog-close-btn-hover-color",
         "--hx-dialog-color",
@@ -958,7 +961,6 @@
         "--hx-border-radius-md",
         "--hx-border-width-thin",
         "--hx-color-border-default",
-        "--hx-color-primary-500",
         "--hx-color-surface-default",
         "--hx-color-surface-overlay",
         "--hx-color-surface-sunken",
@@ -968,6 +970,7 @@
         "--hx-drawer-bg",
         "--hx-drawer-body-padding",
         "--hx-drawer-close-btn-color",
+        "--hx-drawer-close-btn-focus-ring-color",
         "--hx-drawer-close-btn-hover-bg",
         "--hx-drawer-close-btn-hover-color",
         "--hx-drawer-color",
@@ -1187,6 +1190,7 @@
         "--hx-icon-button-border-color",
         "--hx-icon-button-border-radius",
         "--hx-icon-button-color",
+        "--hx-icon-button-focus-ring-color",
         "--hx-icon-button-size",
         "--hx-opacity-disabled",
         "--hx-size-10",
@@ -1224,7 +1228,6 @@
         "--hx-border-radius-sm",
         "--hx-color-error-700",
         "--hx-color-error-text",
-        "--hx-color-primary-400",
         "--hx-color-primary-600",
         "--hx-color-primary-700",
         "--hx-color-primary-800",
@@ -1326,7 +1329,6 @@
         "--hx-color-neutral-700",
         "--hx-color-neutral-800",
         "--hx-color-neutral-900",
-        "--hx-color-primary-500",
         "--hx-color-primary-600",
         "--hx-focus-ring-color",
         "--hx-focus-ring-offset",
@@ -1339,6 +1341,7 @@
         "--hx-nav-bg",
         "--hx-nav-border-radius",
         "--hx-nav-color",
+        "--hx-nav-focus-ring-color",
         "--hx-nav-font-family",
         "--hx-nav-font-size",
         "--hx-nav-item-padding",
@@ -1415,7 +1418,6 @@
         "--hx-border-radius-md",
         "--hx-border-width-thin",
         "--hx-color-border-default",
-        "--hx-color-primary-500",
         "--hx-color-surface-default",
         "--hx-color-surface-raised",
         "--hx-color-surface-sunken",
@@ -1429,6 +1431,7 @@
         "--hx-font-size-sm",
         "--hx-opacity-disabled",
         "--hx-overflow-menu-button-color",
+        "--hx-overflow-menu-focus-ring-color",
         "--hx-overflow-menu-item-color",
         "--hx-overflow-menu-panel-bg",
         "--hx-overflow-menu-panel-border",
@@ -1473,6 +1476,7 @@
         "--hx-pagination-button-size",
         "--hx-pagination-color",
         "--hx-pagination-ellipsis-color",
+        "--hx-pagination-focus-ring-color",
         "--hx-pagination-font-family",
         "--hx-pagination-gap",
         "--hx-pagination-hover-bg",
@@ -1540,6 +1544,7 @@
         "--hx-opacity-50",
         "--hx-opacity-90",
         "--hx-phi-field-disabled-opacity",
+        "--hx-phi-field-focus-ring-color",
         "--hx-phi-field-font-family",
         "--hx-phi-field-letter-spacing",
         "--hx-phi-field-masked-color",
@@ -1556,7 +1561,6 @@
       "tokens": [
         "--hx-border-radius-md",
         "--hx-color-border-default",
-        "--hx-color-primary-500",
         "--hx-color-surface-default",
         "--hx-color-text-primary",
         "--hx-focus-ring-color",
@@ -1571,6 +1575,7 @@
         "--hx-popover-border-color",
         "--hx-popover-border-radius",
         "--hx-popover-color",
+        "--hx-popover-focus-ring-color",
         "--hx-popover-font-family",
         "--hx-popover-font-size",
         "--hx-popover-max-width",
@@ -1684,7 +1689,7 @@
       "tokens": [
         "--hx-border-radius-sm",
         "--hx-color-border-strong",
-        "--hx-color-primary-400",
+        "--hx-color-primary-600",
         "--hx-color-warning-300",
         "--hx-color-warning-400",
         "--hx-focus-ring-color",
@@ -1712,9 +1717,9 @@
         "--hx-color-error-500",
         "--hx-color-error-text",
         "--hx-color-primary-100",
-        "--hx-color-primary-400",
         "--hx-color-primary-50",
         "--hx-color-primary-500",
+        "--hx-color-primary-600",
         "--hx-color-surface-default",
         "--hx-color-text-muted",
         "--hx-color-text-placeholder",
@@ -1819,8 +1824,8 @@
         "--hx-border-width-thin",
         "--hx-color-border-default",
         "--hx-color-border-strong",
-        "--hx-color-primary-400",
         "--hx-color-primary-500",
+        "--hx-color-primary-600",
         "--hx-color-surface-default",
         "--hx-color-text-muted",
         "--hx-color-text-secondary",
@@ -1900,10 +1905,10 @@
         "--hx-color-neutral-0",
         "--hx-color-primary-200",
         "--hx-color-primary-300",
-        "--hx-color-primary-400",
         "--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",
@@ -1961,6 +1966,7 @@
         "--hx-split-panel-btn-icon-size",
         "--hx-split-panel-divider-color",
         "--hx-split-panel-divider-size",
+        "--hx-split-panel-focus-ring-color",
         "--hx-touch-target-min",
         "--hx-transition-fast"
       ]
@@ -2107,7 +2113,6 @@
         "--hx-border-radius-full",
         "--hx-color-border-strong",
         "--hx-color-error-text",
-        "--hx-color-primary-400",
         "--hx-color-primary-500",
         "--hx-color-primary-600",
         "--hx-color-surface-default",
@@ -2162,7 +2167,6 @@
       "name": "hx-table",
       "file": "hx-table.css",
       "tokens": [
-        "--hx-color-primary-500",
         "--hx-color-surface-raised",
         "--hx-color-text-strong",
         "--hx-focus-ring-color",
@@ -2313,7 +2317,7 @@
         "--hx-color-border-strong",
         "--hx-color-error-600",
         "--hx-color-error-text",
-        "--hx-color-primary-400",
+        "--hx-color-primary-600",
         "--hx-color-surface-default",
         "--hx-color-surface-sunken",
         "--hx-color-text-disabled",
@@ -2366,7 +2370,7 @@
         "--hx-color-border-strong",
         "--hx-color-error-600",
         "--hx-color-error-text",
-        "--hx-color-primary-400",
+        "--hx-color-primary-600",
         "--hx-color-surface-default",
         "--hx-color-text-muted",
         "--hx-color-text-placeholder",
@@ -2508,7 +2512,6 @@
         "--hx-color-neutral-0",
         "--hx-color-neutral-500",
         "--hx-color-primary-100",
-        "--hx-color-primary-400",
         "--hx-color-primary-50",
         "--hx-color-primary-500",
         "--hx-color-primary-600",
@@ -2583,7 +2586,6 @@
         "--hx-border-radius-sm",
         "--hx-border-width-thin",
         "--hx-color-border-default",
-        "--hx-color-primary-500",
         "--hx-color-surface-default",
         "--hx-color-surface-sunken",
         "--hx-color-text-strong",
@@ -2601,6 +2603,7 @@
         "--hx-top-nav-bg",
         "--hx-top-nav-border-color",
         "--hx-top-nav-color",
+        "--hx-top-nav-focus-ring-color",
         "--hx-top-nav-font-family",
         "--hx-top-nav-height",
         "--hx-top-nav-padding-x",
@@ -2615,7 +2618,7 @@
       "file": "hx-tree-view.css",
       "tokens": [
         "--hx-border-radius-sm",
-        "--hx-color-primary-400",
+        "--hx-color-primary-600",
         "--hx-focus-ring-color",
         "--hx-focus-ring-offset",
         "--hx-focus-ring-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-cnKg4_la.js";
+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-BZH8iHQf.js";
+import { H as g } from "./shared/hx-alert-C597yHpD.js";
 import { H as v } from "./shared/hx-avatar-C9hOmlAb.js";
 import { H as E } from "./shared/hx-badge-CQXgOXJM.js";
-import { H as k } from "./shared/hx-banner-DT7Zn9Bo.js";
-import { H as B, a as P } from "./shared/hx-breadcrumb-item-COeYcB2x.js";
-import { H as M } from "./shared/hx-button-D3Royxqp.js";
+import { H as k } from "./shared/hx-banner-Cxd7eFUP.js";
+import { H as B, a as P } from "./shared/hx-breadcrumb-item-3tKppF9h.js";
+import { H as M } from "./shared/hx-button-D3gC-OJb.js";
 import { H as N } from "./shared/hx-button-group-BI-QBqmO.js";
-import { H as A } from "./shared/hx-card-CU1QnjNb.js";
+import { H as A } from "./shared/hx-card-qNAM2QNV.js";
 import { H as G, a as U } from "./shared/hx-carousel-item-BaE4hpLl.js";
-import { H as O } from "./shared/hx-checkbox-C46TyXhM.js";
+import { H as O } from "./shared/hx-checkbox-DBD-gMoz.js";
 import { H as K } from "./shared/hx-checkbox-group-C9n315Ju.js";
-import { H as Y } from "./shared/hx-clinical-status-BmSjfSEN.js";
-import { H as q } from "./shared/hx-code-snippet-CJ0FbQYG.js";
-import { H as J } from "./shared/hx-color-picker-DiDLZyvK.js";
-import { H as Z } from "./shared/hx-combobox-DaA5dBC4.js";
+import { H as Y } from "./shared/hx-clinical-status-D3XQIOqX.js";
+import { H as q } from "./shared/hx-code-snippet-CJrFeyz0.js";
+import { H as J } from "./shared/hx-color-picker-uRc865FJ.js";
+import { H as Z } from "./shared/hx-combobox-M1yregCS.js";
 import { H as oe } from "./shared/hx-container-DVI7sxfX.js";
 import { H as re } from "./shared/hx-copy-button-sUVuikyH.js";
 import { H as ie } from "./shared/hx-counter-0zYapFhf.js";
-import { H as xe } from "./shared/hx-data-table-Cq3t86Ic.js";
-import { H as le } from "./shared/hx-date-picker-DMqRQNSB.js";
-import { H as pe } from "./shared/hx-dialog-eIS8tcDm.js";
+import { H as xe } from "./shared/hx-data-table-CLqVqdxr.js";
+import { H as le } from "./shared/hx-date-picker-BJm7Yrda.js";
+import { H as pe } from "./shared/hx-dialog-DRN_1-Y-.js";
 import { H as fe } from "./shared/hx-divider-CYfcUjcr.js";
-import { H as de } from "./shared/hx-drawer-DDhDz7RI.js";
+import { H as de } from "./shared/hx-drawer-Y1Ui2IWJ.js";
 import { H as ue } from "./shared/hx-dropdown-LyaRc8Rf.js";
 import { H as ye } from "./shared/hx-field-B3Qo8OLS.js";
 import { H as be } from "./shared/hx-field-label-BVRyyKeh.js";
-import { H as ge } from "./shared/hx-file-upload-zTDbjsRw.js";
+import { H as ge } from "./shared/hx-file-upload-B4L_Nkm-.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 Ne } from "./shared/hx-icon-button-BmV97nqz.js";
+import { H as Ne } from "./shared/hx-icon-button-CGNdQSFM.js";
 import { H as Ae } from "./shared/hx-image-Ben_4yM5.js";
-import { H as Ge } from "./shared/hx-link-DmiV-mPw.js";
+import { H as Ge } from "./shared/hx-link-9Ig2DW6L.js";
 import { H as Ve, a as Oe } from "./shared/hx-list-CkphGi9T.js";
-import { H as Ke, a as We, b as Ye } from "./shared/hx-menu-divider-j__TZjH2.js";
-import { H as qe } from "./shared/hx-meter-Cm7k_Ro8.js";
-import { H as Je } from "./shared/hx-nav-LoyEKZQC.js";
+import { H as Ke, a as We, b as Ye } from "./shared/hx-menu-divider-C2omnPtj.js";
+import { H as qe } from "./shared/hx-meter-BPscsw5t.js";
+import { H as 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-BmKyAp5D.js";
-import { H as ro } from "./shared/hx-pagination-Dqw5dorC.js";
+import { H as oo } from "./shared/hx-overflow-menu-DCLsdIBy.js";
+import { H as ro } from "./shared/hx-pagination-C7y8GVyU.js";
 import { H as io } from "./shared/hx-patient-banner-CkS-Lmj4.js";
-import { H as xo } from "./shared/hx-phi-field-Bf9TdtC1.js";
-import { H as lo } from "./shared/hx-popover-B93rTAfr.js";
+import { H as xo } from "./shared/hx-phi-field-C19oxlrr.js";
+import { H as lo } from "./shared/hx-popover-B-FP3-wW.js";
 import { H as po } from "./shared/hx-popup-COUXXZ9X.js";
 import { H as fo } from "./shared/hx-progress-bar-Bn3JEPUf.js";
 import { H as 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-N8xgDd_5.js";
-import { H as go } from "./shared/hx-rating-i2FL1WUN.js";
-import { H as vo } from "./shared/hx-select-vgaBo1Ai.js";
-import { H as Eo, a as Do } from "./shared/hx-nav-item-C9zXD1zK.js";
+import { H as To, a as bo } from "./shared/hx-radio-dFjUAost.js";
+import { H as go } from "./shared/hx-rating-CGtsejNf.js";
+import { H as vo } from "./shared/hx-select-zfIRr9qM.js";
+import { H as Eo, a as Do } from "./shared/hx-nav-item-DH2tXcj1.js";
 import { H as wo } from "./shared/hx-skeleton-Cnieh5Uc.js";
-import { H as Po } from "./shared/hx-slider-ydBamYhd.js";
+import { H as Po } from "./shared/hx-slider-m0aEClH1.js";
 import { H as Mo } from "./shared/hx-spinner-DL5AYr16.js";
-import { H as No } from "./shared/hx-split-button-BeMsmS6N.js";
-import { H as Ao } from "./shared/hx-split-panel-BVG1VWNT.js";
+import { H as No } from "./shared/hx-split-button-BxDFfx4D.js";
+import { H as Ao } from "./shared/hx-split-panel-B-u0Z3mm.js";
 import { H as Go } from "./shared/hx-stack-DGfcOfWJ.js";
 import { H as Vo } from "./shared/hx-stat-WOcNV1Ry.js";
 import { H as Xo } from "./shared/hx-status-indicator-BlQyen43.js";
-import { H as Wo, a as Yo } from "./shared/hx-step-DL3PbOzm.js";
+import { H as Wo, a as Yo } from "./shared/hx-step-R2rjp1fT.js";
 import { H as qo, a as zo } from "./shared/hx-structured-list-m_-dMJbC.js";
 import { H as Qo } from "./shared/hx-style-scope-TDnR8H4O.js";
-import { H as et } from "./shared/hx-switch-Dougzsgp.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-1zwTFLRw.js";
-import { H as nt, a as pt, b as mt } from "./shared/hx-tab-panel-CbkO9VKu.js";
+import { H as et } from "./shared/hx-switch-DvAW4YY-.js";
+import { H as tt, a as rt, b as at, c as it, d as st, e as xt, f as Ht } from "./shared/hx-td-DnnEMIuA.js";
+import { H as nt, a as pt, b as mt } from "./shared/hx-tab-panel-SWOEHuJc.js";
 import { H as ct } from "./shared/hx-tag-CNSmdyaK.js";
 import { H as ht } from "./shared/hx-text-Bz_9fJ3J.js";
-import { F as St, H as yt } from "./shared/hx-text-input-ClrrmoE1.js";
-import { H as bt } from "./shared/hx-textarea-D9O4U8cb.js";
+import { F as St, H as yt } from "./shared/hx-text-input-Bn7Gn8CI.js";
+import { H as bt } from "./shared/hx-textarea-Jx1xnhgv.js";
 import { H as gt } from "./shared/hx-theme-BiyQ7UUK.js";
-import { H as vt } from "./shared/hx-time-picker-m0z4nFB-.js";
+import { H as vt } from "./shared/hx-time-picker-BoEIZwzv.js";
 import { H as Et, a as Dt, t as kt } from "./shared/toast-factory-YSznocIV.js";
-import { H as Bt } from "./shared/hx-toggle-button-Dd8clXB4.js";
+import { H as Bt } from "./shared/hx-toggle-button-DPAIh_Xo.js";
 import { H as Ft } from "./shared/hx-tooltip-nYOv9OLu.js";
-import { H as Lt } from "./shared/hx-top-nav-CchPYaiV.js";
-import { H as Rt, a as At } from "./shared/hx-tree-item-DtMC3DTa.js";
+import { H as Lt } from "./shared/hx-top-nav-DP6OFS8C.js";
+import { H as Rt, a as At } from "./shared/hx-tree-item-Dt0Ozqyr.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-cnKg4_la.js → hx-accordion-ZVzgDzTG.js}

@@ -74,8 +74,7 @@ const T = _`
   }
 
   .trigger:focus-visible {
-    outline: var(--hx-focus-ring-width, 2px) solid
-      var(--hx-focus-ring-color, var(--hx-color-primary-500, #429797));
+    outline: var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, #0f7078);
     outline-offset: var(--hx-focus-ring-offset, -2px);
   }
 
@@ -358,8 +357,8 @@ let c = class extends k {
           return;
       }
       e.preventDefault();
-      const p = n[d], g = (x = p == null ? void 0 : p.shadowRoot) == null ? void 0 : x.querySelector('[part="trigger"]');
-      g == null || g.focus();
+      const g = n[d], p = (x = g == null ? void 0 : g.shadowRoot) == null ? void 0 : x.querySelector('[part="trigger"]');
+      p == null || p.focus();
     };
   }
   connectedCallback() {
@@ -441,4 +440,4 @@ export {
   c as H,
   s as a
 };
-//# sourceMappingURL=hx-accordion-cnKg4_la.js.map
+//# sourceMappingURL=hx-accordion-ZVzgDzTG.js.map

package/dist/shared/hx-accordion-ZVzgDzTG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-accordion-ZVzgDzTG.js","sources":["../../src/components/hx-accordion/hx-accordion.styles.ts","../../src/components/hx-accordion/hx-accordion-item.styles.ts","../../src/components/hx-accordion/hx-accordion-item.ts","../../src/components/hx-accordion/hx-accordion.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixAccordionStyles = css`\n  :host {\n    display: block;\n    font-family: var(--hx-accordion-font-family, var(--hx-font-family-sans, sans-serif));\n  }\n\n  .accordion {\n    border-radius: var(--hx-accordion-border-radius, var(--hx-border-radius-md, 0.375rem));\n    overflow: hidden;\n  }\n\n  /* ─── High Contrast Mode (forced-colors) ─── */\n\n  @media (forced-colors: active) {\n    .accordion {\n      border: 2px solid CanvasText;\n    }\n  }\n`;\n","import { css } from 'lit';\n\nexport const helixAccordionItemStyles = css`\n  :host {\n    display: block;\n  }\n\n  .item {\n    border-bottom: var(--hx-border-width-thin, 1px) solid\n      var(--hx-accordion-border-color, var(--hx-color-neutral-200, #d6dbd5));\n    font-family: var(--hx-accordion-item-font-family, var(--hx-font-family-sans, sans-serif));\n  }\n\n  :host(:first-child) .item {\n    border-top: var(--hx-border-width-thin, 1px) solid\n      var(--hx-accordion-border-color, var(--hx-color-neutral-200, #d6dbd5));\n  }\n\n  /* Remove native details marker */\n  .trigger {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--hx-space-3, 0.75rem);\n    padding: var(--hx-accordion-trigger-padding, var(--hx-space-4, 1rem));\n    cursor: pointer;\n    list-style: none;\n    font-size: var(--hx-font-size-md, 1rem);\n    font-weight: var(--hx-font-weight-semibold, 600);\n    color: var(--hx-accordion-trigger-color, var(--hx-color-neutral-800, #202b39));\n    background-color: var(--hx-accordion-trigger-bg, transparent);\n    user-select: none;\n    transition: background-color var(--hx-transition-fast, 150ms ease);\n  }\n\n  /* Hide the native details disclosure triangle */\n  .trigger::-webkit-details-marker {\n    display: none;\n  }\n\n  .trigger::marker {\n    display: none;\n  }\n\n  .item--disabled .trigger {\n    cursor: not-allowed;\n  }\n\n  :host(:not([disabled])) .trigger:hover {\n    background-color: var(--hx-accordion-trigger-hover-bg, var(--hx-color-neutral-50, #f5f8f3));\n  }\n\n  .trigger:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, #0f7078);\n    outline-offset: var(--hx-focus-ring-offset, -2px);\n  }\n\n  /* ─── Icon ─── */\n\n  .icon {\n    flex-shrink: 0;\n    width: var(--hx-accordion-icon-size, var(--hx-size-5, 1.25rem));\n    height: var(--hx-accordion-icon-size, var(--hx-size-5, 1.25rem));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--hx-accordion-icon-color, var(--hx-color-neutral-500, #66787b));\n    transition: transform var(--hx-transition-normal, 250ms ease);\n  }\n\n  .item--expanded .icon {\n    transform: rotate(180deg);\n  }\n\n  /* ─── Content animation via CSS grid trick ─── */\n\n  .content-wrapper {\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows var(--hx-transition-normal, 250ms ease);\n    overflow: hidden;\n  }\n\n  .item--expanded .content-wrapper,\n  details[open]:not(.item--expanded) .content-wrapper {\n    grid-template-rows: 1fr;\n  }\n\n  .content-inner {\n    overflow: hidden;\n  }\n\n  .content {\n    padding: var(--hx-accordion-content-padding, 0 var(--hx-space-4, 1rem) var(--hx-space-4, 1rem));\n    font-size: var(--hx-font-size-md, 1rem);\n    line-height: var(--hx-line-height-normal, 1.5);\n    color: var(--hx-accordion-content-color, var(--hx-color-neutral-600, #4a5362));\n  }\n\n  /* ─── Disabled host ─── */\n\n  :host([disabled]) {\n    pointer-events: none;\n    opacity: var(--hx-opacity-disabled, 0.5);\n  }\n\n  /* ─── Reduced motion ─── */\n\n  @media (prefers-reduced-motion: reduce) {\n    .trigger {\n      transition: none;\n    }\n\n    .icon {\n      transition: none;\n    }\n\n    .content-wrapper {\n      transition: none;\n    }\n  }\n\n  /* ─── High Contrast Mode (forced-colors) ─── */\n\n  @media (forced-colors: active) {\n    .trigger {\n      forced-color-adjust: none;\n      color: ButtonText;\n      background-color: ButtonFace;\n    }\n\n    .trigger:focus-visible {\n      outline: 3px solid Highlight;\n      outline-offset: -2px;\n    }\n\n    .item {\n      border-bottom-color: CanvasText;\n    }\n\n    :host(:first-child) .item {\n      border-top-color: CanvasText;\n    }\n\n    .item--disabled .trigger {\n      color: GrayText;\n    }\n\n    :host([disabled]) {\n      opacity: 1;\n    }\n\n    .icon {\n      color: ButtonText;\n    }\n\n    .content {\n      color: CanvasText;\n    }\n  }\n`;\n","import { html, svg, nothing } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HelixElement, createIdCounter } from '../../base/index.js';\nimport { helixAccordionItemStyles } from './hx-accordion-item.styles.js';\nimport { forcedColorsInteractive } from '../../styles/forced-colors.js';\nimport { devWarn } from '../../utils/dev-warn.js';\n\nconst chevronIcon = svg`\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <polyline points=\"6 9 12 15 18 9\"></polyline>\n  </svg>\n`;\n\nconst _nextAccordionItemId = createIdCounter('hx-accordion-item');\n\n/** Detail for hx-expand and hx-collapse events dispatched by hx-accordion-item. */\nexport interface HxAccordionToggleDetail {\n  expanded: boolean;\n  itemId: string;\n}\n\n/**\n * An individual accordion item with collapsible content.\n *\n * @summary Collapsible panel that can be expanded or collapsed.\n *\n * @tag hx-accordion-item\n *\n * @slot trigger - The heading/trigger content for this item.\n * @slot - Default slot for the collapsible body content.\n *\n * @attr {number} level - Heading level (1–6) for the trigger via `role=\"heading\" aria-level`.\n *   Defaults to 3. Set this to match the document outline — e.g., use `level=\"2\"` when the\n *   accordion appears under an `<h1>` landmark.\n *\n * @fires {CustomEvent<{expanded: boolean, itemId: string}>} hx-expand - Dispatched when the item is expanded.\n * @fires {CustomEvent<{expanded: boolean, itemId: string}>} hx-collapse - Dispatched when the item is collapsed.\n *\n * @csspart item - The outer details element container.\n * @csspart trigger - The summary/trigger element.\n * @csspart content - The collapsible content area.\n * @csspart icon - The expand/collapse icon.\n *\n * @cssprop [--hx-accordion-border-color=var(--hx-color-neutral-200)] - Border color between items.\n * @cssprop [--hx-accordion-trigger-padding=var(--hx-space-4)] - Trigger padding.\n * @cssprop [--hx-accordion-trigger-color=var(--hx-color-neutral-800)] - Trigger text color.\n * @cssprop [--hx-accordion-trigger-bg=transparent] - Trigger background color.\n * @cssprop [--hx-accordion-trigger-hover-bg=var(--hx-color-neutral-50)] - Trigger hover background.\n * @cssprop [--hx-accordion-icon-color=var(--hx-color-neutral-500)] - Icon color.\n * @cssprop [--hx-accordion-content-padding=0 var(--hx-space-4) var(--hx-space-4)] - Content padding.\n * @cssprop [--hx-accordion-content-color=var(--hx-color-neutral-600)] - Content text color.\n */\n@customElement('hx-accordion-item')\nexport class HelixAccordionItem extends HelixElement {\n  static override styles = [helixAccordionItemStyles, forcedColorsInteractive];\n\n  /** @internal */\n  private _uid = _nextAccordionItemId();\n\n  /**\n   * Whether this item is expanded.\n   * @attr expanded\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * Whether this item is disabled (cannot be toggled).\n   * @attr disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Heading level (1–6) applied via `role=\"heading\" aria-level` on the summary\n   * trigger. Defaults to 3. Set to match the document outline around the\n   * accordion so screen readers surface accordion items in the heading list.\n   * @attr level\n   */\n  @property({ type: Number })\n  level: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (!this.closest('hx-accordion')) {\n      devWarn(\n        'hx-accordion-item',\n        'Used outside hx-accordion. Single-expand coordination will not function.',\n      );\n    }\n  }\n\n  // ─── Slot Handlers ───\n\n  /** @internal */\n  private _handleTriggerSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    const hasContent = slot.assignedNodes({ flatten: true }).length > 0;\n    if (!hasContent) {\n      devWarn(\n        'hx-accordion-item',\n        'trigger slot is empty — provide a visible label for keyboard and screen reader users.',\n      );\n    }\n  }\n\n  // ─── Heading Level Helper ───\n\n  /**\n   * Returns a clamped heading level (1–6) for use as `aria-level` on the\n   * `<summary>` element. Per the WAI-ARIA APG Accordion pattern, the\n   * `<summary>` must be a **direct child** of `<details>` for native\n   * disclosure behaviour to work. Instead of wrapping `<summary>` inside\n   * an `<h3>` (which breaks the native toggle), we apply\n   * `role=\"heading\" aria-level=\"N\"` directly on `<summary>`.\n   */\n  /** @internal */\n  private get _headingLevel(): number {\n    return Math.max(1, Math.min(6, this.level));\n  }\n\n  // ─── Toggle Logic ───\n\n  /** @internal */\n  private _toggle(): void {\n    if (this.disabled) return;\n\n    const willExpand = !this.expanded;\n    this.expanded = willExpand;\n\n    this._dispatchToggleEvent(willExpand);\n  }\n\n  /** @internal */\n  _dispatchToggleEvent(expanded: boolean): void {\n    const detail = { expanded, itemId: this.id || '' };\n    const options = { bubbles: true, composed: true, detail };\n\n    if (expanded) {\n      this.dispatchEvent(\n        new CustomEvent<{ expanded: boolean; itemId: string }>('hx-expand', options),\n      );\n    } else {\n      this.dispatchEvent(\n        new CustomEvent<{ expanded: boolean; itemId: string }>('hx-collapse', options),\n      );\n    }\n  }\n\n  // ─── Event Handlers ───\n\n  /** @internal */\n  private _handleSummaryClick(e: MouseEvent): void {\n    e.preventDefault();\n    this._toggle();\n  }\n\n  /** @internal */\n  private _handleKeyDown(e: KeyboardEvent): void {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      this._toggle();\n    }\n  }\n\n  // ─── Render ───\n\n  override render() {\n    const itemClasses = {\n      item: true,\n      'item--expanded': this.expanded,\n      'item--disabled': this.disabled,\n    };\n\n    return html`\n      <details part=\"item\" class=${classMap(itemClasses)} ?open=${this.expanded}>\n        <summary\n          id=${`${this._uid}-trigger`}\n          part=\"trigger\"\n          class=\"trigger\"\n          role=\"heading\"\n          aria-level=${this._headingLevel}\n          tabindex=${this.disabled ? '-1' : '0'}\n          aria-expanded=${this.expanded ? 'true' : 'false'}\n          aria-disabled=${this.disabled ? 'true' : nothing}\n          aria-controls=${`${this._uid}-content`}\n          @click=${this._handleSummaryClick}\n          @keydown=${this._handleKeyDown}\n        >\n          <slot name=\"trigger\" @slotchange=${this._handleTriggerSlotChange}></slot>\n          <span part=\"icon\" class=\"icon\">${chevronIcon}</span>\n        </summary>\n        <div class=\"content-wrapper\">\n          <div class=\"content-inner\">\n            <div\n              id=${`${this._uid}-content`}\n              part=\"content\"\n              class=\"content\"\n              role=\"region\"\n              aria-labelledby=${`${this._uid}-trigger`}\n              aria-hidden=${this.expanded ? nothing : 'true'}\n            >\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </details>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-accordion-item': HelixAccordionItem;\n  }\n}\n","import { html, type PropertyValues } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property } from 'lit/decorators.js';\nimport { HelixElement } from '../../base/index.js';\nimport { helixAccordionStyles } from './hx-accordion.styles.js';\nimport { forcedColorsInteractive } from '../../styles/forced-colors.js';\nimport './hx-accordion-item.js';\nimport type { HelixAccordionItem } from './hx-accordion-item.js';\nimport { devWarn } from '../../utils/dev-warn.js';\n\n/**\n * An accordion container that manages collapsible content sections.\n *\n * @summary Collapsible content sections with single or multi-expand modes.\n *\n * @tag hx-accordion\n *\n * @slot - Default slot for hx-accordion-item elements.\n *\n * @csspart accordion - The outer container wrapping all accordion items.\n *\n * @cssprop [--hx-accordion-border-radius=var(--hx-border-radius-md)] - Outer border radius.\n *\n * @example\n * ```html\n * <hx-accordion mode=\"single\">\n *   <hx-accordion-item>\n *     <span slot=\"trigger\">What is this?</span>\n *     <p>Answer content here.</p>\n *   </hx-accordion-item>\n * </hx-accordion>\n * ```\n * @cssprop [--hx-accordion-font-family=var(--hx-font-family-sans)] - CSS custom property.\n * @cssprop [--hx-font-family-sans] - Font family.\n * @cssprop [--hx-border-radius-md] - CSS custom property.\n */\n@customElement('hx-accordion')\nexport class HelixAccordion extends HelixElement {\n  static override styles = [helixAccordionStyles, forcedColorsInteractive];\n\n  /**\n   * Expansion mode: 'single' collapses all other items when one expands.\n   * 'multi' allows multiple items open simultaneously.\n   * @attr mode\n   */\n  @property({ type: String, reflect: true })\n  mode: 'single' | 'multi' = 'single';\n\n  // ─── Lifecycle ───\n\n  /** @internal */\n  private _mutationObserver: MutationObserver | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('hx-expand', this._handleChildExpand);\n    this.addEventListener('keydown', this._handleKeyDown);\n    // Re-enforce single mode when reconnected with pre-expanded items\n    this._enforceSingleMode();\n    // Watch for dynamically added accordion items that may violate single-expand\n    if (typeof MutationObserver !== 'undefined') {\n      this._mutationObserver = new MutationObserver((mutations) => {\n        const hasNewItems = mutations.some((m) =>\n          Array.from(m.addedNodes).some(\n            (n) => n instanceof Element && n.tagName.toLowerCase() === 'hx-accordion-item',\n          ),\n        );\n        if (hasNewItems) {\n          this._enforceSingleMode();\n        }\n      });\n      this._mutationObserver.observe(this, { childList: true });\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('hx-expand', this._handleChildExpand);\n    this.removeEventListener('keydown', this._handleKeyDown);\n    this._mutationObserver?.disconnect();\n    this._mutationObserver = null;\n  }\n\n  protected override firstUpdated(): void {\n    this._enforceSingleMode();\n  }\n\n  override updated(changedProperties: PropertyValues<this>): void {\n    super.updated(changedProperties);\n    if (changedProperties.has('mode')) {\n      const validModes: string[] = ['single', 'multi'];\n      if (!validModes.includes(this.mode)) {\n        devWarn(\n          'hx-accordion',\n          `Invalid mode \"${this.mode}\". Expected one of: ${validModes.join(', ')}. Clamping to \"single\".`,\n        );\n        this.mode = 'single';\n        return;\n      }\n      // When switching from multi to single, enforce single-expand immediately\n      this._enforceSingleMode();\n    }\n  }\n\n  // ─── Single-expand coordination ───\n\n  /** @internal */\n  private _enforceSingleMode(): void {\n    if (this.mode !== 'single') return;\n\n    const items = this.querySelectorAll<HelixAccordionItem>('hx-accordion-item');\n    let foundExpanded = false;\n\n    items.forEach((item) => {\n      if (item.expanded) {\n        if (foundExpanded) {\n          item.expanded = false;\n        } else {\n          foundExpanded = true;\n        }\n      }\n    });\n  }\n\n  /**\n   * Handles expand events from child accordion items to enforce single-expand mode.\n   * @internal\n   */\n  private _handleChildExpand = (e: Event): void => {\n    if (this.mode !== 'single') return;\n\n    const expandedItem = e.composedPath()[0] as HelixAccordionItem;\n    const items = this.querySelectorAll<HelixAccordionItem>('hx-accordion-item');\n\n    items.forEach((item) => {\n      if (item !== expandedItem && item.expanded) {\n        item.expanded = false;\n        item._dispatchToggleEvent(false);\n      }\n    });\n  };\n\n  // ─── Arrow key navigation (ARIA APG Accordion pattern) ───\n\n  /**\n   * Handles keyboard navigation between accordion triggers using arrow, Home, and End keys.\n   * @internal\n   */\n  private _handleKeyDown = (e: KeyboardEvent): void => {\n    const triggers = this._getTriggers();\n    if (triggers.length === 0) return;\n\n    const activeEl = this.shadowRoot?.activeElement ?? document.activeElement;\n    let currentItem: HelixAccordionItem | null = null;\n\n    const items = Array.from(this.querySelectorAll<HelixAccordionItem>('hx-accordion-item'));\n    for (const item of items) {\n      const summary = item.shadowRoot?.querySelector('[part=\"trigger\"]');\n      if (summary === activeEl || item.shadowRoot?.activeElement === summary) {\n        currentItem = item;\n        break;\n      }\n    }\n\n    if (!currentItem) return;\n\n    const enabledItems = items.filter((item) => !item.disabled);\n    const currentIndex = enabledItems.indexOf(currentItem);\n    if (currentIndex === -1) return;\n\n    let targetIndex = -1;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        targetIndex = (currentIndex + 1) % enabledItems.length;\n        break;\n      case 'ArrowUp':\n        targetIndex = (currentIndex - 1 + enabledItems.length) % enabledItems.length;\n        break;\n      case 'Home':\n        targetIndex = 0;\n        break;\n      case 'End':\n        targetIndex = enabledItems.length - 1;\n        break;\n      default:\n        return;\n    }\n\n    e.preventDefault();\n    const targetItem = enabledItems[targetIndex];\n    const targetSummary = targetItem?.shadowRoot?.querySelector<HTMLElement>('[part=\"trigger\"]');\n    targetSummary?.focus();\n  };\n\n  /** @internal */\n  private _getTriggers(): HTMLElement[] {\n    const items = this.querySelectorAll<HelixAccordionItem>('hx-accordion-item');\n    const triggers: HTMLElement[] = [];\n    items.forEach((item) => {\n      const summary = item.shadowRoot?.querySelector<HTMLElement>('[part=\"trigger\"]');\n      if (summary) triggers.push(summary);\n    });\n    return triggers;\n  }\n\n  // ─── Slot validation ───\n\n  /** @internal */\n  private _handleSlotChange(e: Event): void {\n    const slot = e.target;\n    if (!(slot instanceof HTMLSlotElement)) return;\n    const invalid = slot\n      .assignedElements()\n      .filter((el) => el.tagName.toLowerCase() !== 'hx-accordion-item');\n    if (invalid.length > 0) {\n      devWarn(\n        'hx-accordion',\n        `Default slot expects <hx-accordion-item> elements. Found unexpected: ${invalid.map((el) => `<${el.tagName.toLowerCase()}>`).join(', ')}`,\n      );\n    }\n  }\n\n  // ─── Render ───\n\n  override render() {\n    return html`\n      <div part=\"accordion\" class=\"accordion\">\n        <slot @slotchange=${this._handleSlotChange}></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-accordion': HelixAccordion;\n  }\n}\n"],"names":["helixAccordionStyles","css","helixAccordionItemStyles","chevronIcon","svg","_nextAccordionItemId","createIdCounter","HelixAccordionItem","HelixElement","willExpand","expanded","options","itemClasses","html","classMap","nothing","forcedColorsInteractive","__decorateClass","property","customElement","HelixAccordion","expandedItem","item","activeEl","_a","currentItem","items","summary","_b","_c","enabledItems","currentIndex","targetIndex","targetItem","targetSummary","_d","mutations","m","n","changedProperties","validModes","devWarn","foundExpanded","triggers","slot","invalid","el"],"mappings":"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"}

package/dist/shared/{hx-alert-BZH8iHQf.js → hx-alert-C597yHpD.js}

@@ -165,7 +165,7 @@ const g = u`
     outline: var(--hx-focus-ring-width, 2px) solid
       var(
         --hx-alert-close-btn-focus-ring-color,
-        var(--hx-focus-ring-color, var(--hx-color-primary-400, #6ab1b1))
+        var(--hx-focus-ring-color, var(--hx-color-primary-600, #0f7078))
       );
     outline-offset: var(--hx-focus-ring-offset, 2px);
     opacity: 1;
@@ -479,4 +479,4 @@ r = o([
 export {
   r as H
 };
-//# sourceMappingURL=hx-alert-BZH8iHQf.js.map
+//# sourceMappingURL=hx-alert-C597yHpD.js.map