@helixui/library 2.1.2-next.50 → 2.1.2-next.52

package/dist/components/hx-phi-field/hx-phi-field.d.ts

@@ -25,7 +25,8 @@ export declare class HelixPhiField extends LitElement {
     static styles: import('lit').CSSResult[];
     /**
      * The Protected Health Information value to display or mask.
-     * @attr data
+     * Must be set via the JavaScript property (`element.data = "..."`) — not as an HTML attribute.
+     * Setting PHI as an HTML attribute exposes it in the DOM and browser caches (HIPAA violation).
      */
     data: string;
     /**

package/dist/components/hx-phi-field/hx-phi-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hx-phi-field.d.ts","sourceRoot":"","sources":["../../../src/components/hx-phi-field/hx-phi-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,4CAA4C,CAAC;AAIpD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,4BAAyB;IAI/C;;;OAGG;IAEH,IAAI,EAAE,MAAM,CAAM;IAElB;;;OAGG;IAEH,SAAS,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,WAAW,CAAS;IAEvD;;;OAGG;IAEH,OAAO,EAAE,MAAM,CAAM;IAErB;;;;OAIG;IAEH,gBAAgB,EAAE,MAAM,CAAS;IAEjC;;;;OAIG;IAEH,KAAK,EAAE,MAAM,CAAM;IAEnB;;;;OAIG;IAEH,QAAQ,EAAE,OAAO,CAAS;IAI1B,gBAAgB;IACP,OAAO,CAAC,OAAO,CAAQ;IAEhC,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAA8C;IAI5D,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAOrC,gBAAgB;IAChB,OAAO,CAAC,qBAAqB;IAO7B,gBAAgB;IAChB,OAAO,CAAC,uBAAuB;IAO/B,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAsBvB,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAuDvB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IA4BrB,gBAAgB;IAChB,OAAO,CAAC,WAAW;IAMnB,gBAAgB;IAChB,OAAO,CAAC,YAAY;IAQpB,gBAAgB;IAChB,OAAO,CAAC,cAAc;IAkBtB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAqBhB,MAAM;CAsChB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,MAAM,EAAE,QAAQ,GAAG,MAAM,GAAG,iBAAiB,CAAC;IAC9C,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,WAAW,CAAC;CAChD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,aAAa,CAAC;KAC/B;CACF"}
+{"version":3,"file":"hx-phi-field.d.ts","sourceRoot":"","sources":["../../../src/components/hx-phi-field/hx-phi-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,4CAA4C,CAAC;AAKpD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,4BAAyB;IAI/C;;;;OAIG;IAEH,IAAI,EAAE,MAAM,CAAM;IAElB;;;OAGG;IAEH,SAAS,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,WAAW,CAAS;IAEvD;;;OAGG;IAEH,OAAO,EAAE,MAAM,CAAM;IAErB;;;;OAIG;IAEH,gBAAgB,EAAE,MAAM,CAAS;IAEjC;;;;OAIG;IAEH,KAAK,EAAE,MAAM,CAAM;IAEnB;;;;OAIG;IAEH,QAAQ,EAAE,OAAO,CAAS;IAI1B,gBAAgB;IACP,OAAO,CAAC,OAAO,CAAQ;IAEhC,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAA8C;IAI5D,iBAAiB,IAAI,IAAI;IAazB,oBAAoB,IAAI,IAAI;IAOrC,gBAAgB;IAChB,OAAO,CAAC,qBAAqB;IAO7B,gBAAgB;IAChB,OAAO,CAAC,uBAAuB;IAO/B,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAsBvB,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAuDvB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IA4BrB,gBAAgB;IAChB,OAAO,CAAC,WAAW;IAMnB,gBAAgB;IAChB,OAAO,CAAC,YAAY;IAQpB,gBAAgB;IAChB,OAAO,CAAC,cAAc;IAkBtB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAqBhB,MAAM;CAyChB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,MAAM,EAAE,QAAQ,GAAG,MAAM,GAAG,iBAAiB,CAAC;IAC9C,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,WAAW,CAAC;CAChD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,aAAa,CAAC;KAC/B;CACF"}

package/dist/components/hx-phi-field/hx-phi-field.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hx-phi-field.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-phi-field/hx-phi-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,yBAiG/B,CAAC"}
+{"version":3,"file":"hx-phi-field.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-phi-field/hx-phi-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,yBA+G/B,CAAC"}

package/dist/components/hx-phi-field/index.js

@@ -1,4 +1,4 @@
-import { H as l } from "../../shared/hx-phi-field-BiJH3V-k.js";
+import { H as l } from "../../shared/hx-phi-field-DD1qcBSO.js";
 export {
   l as HelixPhiField
 };

package/dist/components/hx-popover/index.js

@@ -1,4 +1,4 @@
-import { H as r } from "../../shared/hx-popover-D63RXn5H.js";
+import { H as r } from "../../shared/hx-popover-CydNuVkT.js";
 export {
   r as HelixPopover
 };

package/dist/components/hx-popup/hx-popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hx-popup.d.ts","sourceRoot":"","sources":["../../../src/components/hx-popup/hx-popup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,4CAA4C,CAAC;AAiCpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoGG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,4BAAsB;IAE5C,gBAAgB;IAChB,OAAO,CAAC,aAAa,CAAwB;IAC7C,gBAAgB;IAChB,OAAO,CAAC,kBAAkB,CAA6B;IAEvD;;;;;;;;;;;OAWG;IAEH,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAAQ;IAEvC;;;OAGG;IAEH,SAAS,EACL,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,CAAY;IAEtB;;;OAGG;IAEH,MAAM,UAAS;IAEf;;;OAGG;IAEH,QAAQ,SAAK;IAEb;;;OAGG;IAEH,QAAQ,SAAK;IAEb;;;OAGG;IAEH,KAAK,UAAS;IAEd;;;;OAIG;IAEH,cAAc,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAQ;IAEzD;;;OAGG;IAEH,YAAY,SAAM;IAElB;;;OAGG;IAEH,IAAI,UAAS;IAEb;;;;;;;;;;OAUG;IAiBH,sBAAsB,EAAE,CACpB,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,CACT,EAAE,CAAM;IAET;;;OAGG;IAEH,KAAK,UAAS;IAEd;;;;;OAKG;IAEH,QAAQ,UAAS;IAEjB;;;;;;;;OAQG;IAEH,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAW;IAIhC,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IA0C/D,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAUzB,gBAAgB;IAChB,OAAO,CAAC,uBAAuB;IAW/B,gBAAgB;IAChB,OAAO,CAAC,gBAAgB;IAWxB,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAKvB,gBAAgB;YACF,WAAW;IAqEzB,gBAAgB;IAChB,OAAO,CAAC,cAAc;IAyCtB;;OAEG;IACG,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAMxB,MAAM;CAShB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,UAAU,CAAC;KACxB;CACF"}
+{"version":3,"file":"hx-popup.d.ts","sourceRoot":"","sources":["../../../src/components/hx-popup/hx-popup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACrE,OAAO,4CAA4C,CAAC;AAiCpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoGG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,4BAAsB;IAE5C,gBAAgB;IAChB,OAAO,CAAC,aAAa,CAAwB;IAC7C,gBAAgB;IAChB,OAAO,CAAC,kBAAkB,CAA6B;IAEvD;;;;;;;;;;;OAWG;IAEH,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAAQ;IAEvC;;;OAGG;IAEH,SAAS,EACL,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,CAAY;IAEtB;;;OAGG;IAEH,MAAM,UAAS;IAEf;;;OAGG;IAEH,QAAQ,SAAK;IAEb;;;OAGG;IAEH,QAAQ,SAAK;IAEb;;;OAGG;IAEH,KAAK,UAAS;IAEd;;;;OAIG;IAEH,cAAc,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAQ;IAEzD;;;OAGG;IAEH,YAAY,SAAM;IAElB;;;OAGG;IAEH,IAAI,UAAS;IAEb;;;;;;;;;;OAUG;IAiBH,sBAAsB,EAAE,CACpB,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,CACT,EAAE,CAAM;IAET;;;OAGG;IAEH,KAAK,UAAS;IAEd;;;;;OAKG;IAEH,QAAQ,UAAS;IAEjB;;;;;;;;OAQG;IAEH,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAW;IAIhC,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IA0C/D,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAUzB,gBAAgB;IAChB,OAAO,CAAC,uBAAuB;IAW/B,gBAAgB;IAChB,OAAO,CAAC,gBAAgB;IAWxB,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAKvB,gBAAgB;YACF,WAAW;IAqEzB,gBAAgB;IAChB,OAAO,CAAC,cAAc;IAyCtB;;OAEG;IACG,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAMxB,MAAM;CAShB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,UAAU,CAAC;KACxB;CACF"}

package/dist/components/hx-popup/index.js

@@ -1,4 +1,4 @@
-import { H as e } from "../../shared/hx-popup-BQWMhvMO.js";
+import { H as e } from "../../shared/hx-popup-DbzezTOd.js";
 export {
   e as HelixPopup
 };

package/dist/components/hx-stat/hx-stat.d.ts

@@ -63,7 +63,10 @@ export declare class HelixStat extends LitElement {
      * @attr label-trend
      */
     labelTrend: string;
+    /** @internal tracks whether the "unnamed" devWarn has already fired this lifecycle */
+    private _hasWarnedUnnamed;
     connectedCallback(): void;
+    updated(changedProperties: Map<PropertyKey, unknown>): void;
     /** @internal */
     private _hasIcon;
     /** @internal */

package/dist/components/hx-stat/hx-stat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hx-stat.d.ts","sourceRoot":"","sources":["../../../src/components/hx-stat/hx-stat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAChD,OAAO,4CAA4C,CAAC;AAMpD,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1C,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAgB,MAAM,4BAAqB;IAE3C;;;OAGG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAa;IAE7C;;;OAGG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC;;;OAGG;IACqC,UAAU,SAAW;IAIpD,iBAAiB,IAAI,IAAI;IAalC,gBAAgB;IACP,OAAO,CAAC,QAAQ,CAAS;IAElC,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAOzB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAyChB,MAAM;CA4ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,SAAS,CAAC;KACtB;CACF"}
+{"version":3,"file":"hx-stat.d.ts","sourceRoot":"","sources":["../../../src/components/hx-stat/hx-stat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAChD,OAAO,4CAA4C,CAAC;AAMpD,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1C,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAgB,MAAM,4BAAqB;IAE3C;;;OAGG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAa;IAE7C;;;OAGG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC;;;OAGG;IACqC,UAAU,SAAW;IAE7D,sFAAsF;IACtF,OAAO,CAAC,iBAAiB,CAAS;IAIzB,iBAAiB,IAAI,IAAI;IAWzB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IAmBpE,gBAAgB;IACP,OAAO,CAAC,QAAQ,CAAS;IAElC,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAOzB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAyChB,MAAM;CAsDhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,SAAS,CAAC;KACtB;CACF"}

package/dist/components/hx-stat/hx-stat.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hx-stat.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-stat/hx-stat.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBA0G3B,CAAC"}
+{"version":3,"file":"hx-stat.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-stat/hx-stat.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBAyJ3B,CAAC"}

package/dist/components/hx-stat/index.js

@@ -1,4 +1,4 @@
-import { H as e } from "../../shared/hx-stat-DKD2E7An.js";
+import { H as e } from "../../shared/hx-stat-DKlyBL_K.js";
 export {
   e as HelixStat
 };

package/dist/css/helix-all.css

@@ -3757,6 +3757,8 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
+    min-width: 44px;
+    min-height: 44px;
     padding: var(--hx-space-1, 0.25rem);
     border: none;
     border-radius: var(--hx-border-radius-sm, 0.25rem);
@@ -3836,6 +3838,52 @@
     color: var(--hx-file-upload-error-color, var(--hx-color-error-text, #b91c1c));
     line-height: var(--hx-line-height-normal, 1.5);
   }
+
+  /* ─── Forced colors (Windows High Contrast / Forced Colors Mode) ─── */
+
+  @media (forced-colors: active) {
+    .dropzone {
+      border: 2px dashed ButtonText;
+      background-color: Canvas;
+      color: ButtonText;
+    }
+
+    .dropzone--drag-over {
+      border: 2px solid Highlight;
+      outline: none;
+      background-color: Canvas;
+    }
+
+    .dropzone--error {
+      border: 2px solid LinkText;
+    }
+
+    .dropzone:focus-visible {
+      outline: 2px solid Highlight;
+      outline-offset: 2px;
+    }
+
+    .progress-bar {
+      background: Highlight;
+      forced-color-adjust: none;
+    }
+
+    .file-item__remove:hover {
+      outline: 2px solid Highlight;
+      background-color: transparent;
+      color: ButtonText;
+    }
+
+    .file-item__remove:focus-visible {
+      outline: 2px solid Highlight;
+    }
+
+    :host([disabled]) .dropzone {
+      border-color: GrayText;
+      color: GrayText;
+      opacity: 1;
+    }
+  }
 /* ── hx-format-date ── */
 :host {
     display: inline;
@@ -4363,6 +4411,13 @@ export const helixGridItemStyles = css`
     flex-direction: column;
     gap: var(--hx-space-2, 0.5rem);
     width: 100%;
+    outline: none;
+    border-radius: var(--hx-border-radius-md, 0.375rem);
+  }
+
+  .meter:focus-visible {
+    outline: var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, #2563eb);
+    outline-offset: var(--hx-focus-ring-offset, 2px);
   }
 
   .meter__label {
@@ -4446,12 +4501,6 @@ export const helixGridItemStyles = css`
     color: var(--hx-meter-color-danger, var(--hx-color-error-700, #991b1b));
   }
 
-  @media (prefers-reduced-motion: reduce) {
-    .meter__indicator {
-      transition: none;
-    }
-  }
-
   /* ─── Native meter hidden (we use custom rendering) ─── */
 
   .meter__native {
@@ -5438,7 +5487,7 @@ export const helixGridItemStyles = css`
     user-select: none;
     -webkit-user-select: none;
     color: var(--hx-phi-field-masked-color, var(--hx-color-neutral-500, #6b7280));
-    letter-spacing: 0.1em;
+    letter-spacing: var(--hx-phi-field-letter-spacing, 0.1em);
   }
 
   .phi-field__value--revealed {
@@ -5515,6 +5564,20 @@ export const helixGridItemStyles = css`
       transition: none;
     }
   }
+
+  /* ─── Forced Colors (Windows High Contrast Mode) ─── */
+
+  @media (forced-colors: active) {
+    .phi-field__toggle {
+      border: 1px solid ButtonText;
+      forced-color-adjust: none;
+    }
+
+    .phi-field__toggle:focus-visible {
+      outline: 2px solid Highlight;
+      outline-offset: 2px;
+    }
+  }
 /* ── hx-popover ── */
 :host {
     /* P2-05: display:contents lets the trigger-wrapper control layout inline;
@@ -7669,6 +7732,53 @@ export const helixGridItemStyles = css`
   [hidden] {
     display: none !important;
   }
+
+  /* ─── Visually-hidden live region ─── */
+
+  .stat__live-region {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+  }
+
+  /* ─── Forced Colors (Windows High Contrast Mode) ─── */
+
+  @media (forced-colors: active) {
+    .stat__trend {
+      forced-color-adjust: none;
+    }
+
+    .stat__value {
+      color: CanvasText;
+    }
+
+    .stat__label {
+      color: CanvasText;
+    }
+
+    .stat__icon {
+      color: CanvasText;
+    }
+
+    .stat__trend--up {
+      background: Highlight;
+      color: HighlightText;
+      border: 1px solid Highlight;
+    }
+
+    .stat__trend--down {
+      background: ButtonText;
+      color: ButtonFace;
+      border: 1px solid ButtonText;
+    }
+
+    .stat__trend-arrow {
+      color: currentColor;
+    }
+  }
 /* ── hx-status-indicator ── */
 :host {
     display: inline-flex;

package/dist/css/helix-feedback.css

@@ -427,6 +427,13 @@
     flex-direction: column;
     gap: var(--hx-space-2, 0.5rem);
     width: 100%;
+    outline: none;
+    border-radius: var(--hx-border-radius-md, 0.375rem);
+  }
+
+  .meter:focus-visible {
+    outline: var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, #2563eb);
+    outline-offset: var(--hx-focus-ring-offset, 2px);
   }
 
   .meter__label {
@@ -510,12 +517,6 @@
     color: var(--hx-meter-color-danger, var(--hx-color-error-700, #991b1b));
   }
 
-  @media (prefers-reduced-motion: reduce) {
-    .meter__indicator {
-      transition: none;
-    }
-  }
-
   /* ─── Native meter hidden (we use custom rendering) ─── */
 
   .meter__native {
@@ -910,6 +911,53 @@
   [hidden] {
     display: none !important;
   }
+
+  /* ─── Visually-hidden live region ─── */
+
+  .stat__live-region {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+  }
+
+  /* ─── Forced Colors (Windows High Contrast Mode) ─── */
+
+  @media (forced-colors: active) {
+    .stat__trend {
+      forced-color-adjust: none;
+    }
+
+    .stat__value {
+      color: CanvasText;
+    }
+
+    .stat__label {
+      color: CanvasText;
+    }
+
+    .stat__icon {
+      color: CanvasText;
+    }
+
+    .stat__trend--up {
+      background: Highlight;
+      color: HighlightText;
+      border: 1px solid Highlight;
+    }
+
+    .stat__trend--down {
+      background: ButtonText;
+      color: ButtonFace;
+      border: 1px solid ButtonText;
+    }
+
+    .stat__trend-arrow {
+      color: currentColor;
+    }
+  }
 /* ── hx-status-indicator ── */
 :host {
     display: inline-flex;

package/dist/css/helix-forms.css

@@ -621,6 +621,8 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
+    min-width: 44px;
+    min-height: 44px;
     padding: var(--hx-space-1, 0.25rem);
     border: none;
     border-radius: var(--hx-border-radius-sm, 0.25rem);
@@ -700,6 +702,52 @@
     color: var(--hx-file-upload-error-color, var(--hx-color-error-text, #b91c1c));
     line-height: var(--hx-line-height-normal, 1.5);
   }
+
+  /* ─── Forced colors (Windows High Contrast / Forced Colors Mode) ─── */
+
+  @media (forced-colors: active) {
+    .dropzone {
+      border: 2px dashed ButtonText;
+      background-color: Canvas;
+      color: ButtonText;
+    }
+
+    .dropzone--drag-over {
+      border: 2px solid Highlight;
+      outline: none;
+      background-color: Canvas;
+    }
+
+    .dropzone--error {
+      border: 2px solid LinkText;
+    }
+
+    .dropzone:focus-visible {
+      outline: 2px solid Highlight;
+      outline-offset: 2px;
+    }
+
+    .progress-bar {
+      background: Highlight;
+      forced-color-adjust: none;
+    }
+
+    .file-item__remove:hover {
+      outline: 2px solid Highlight;
+      background-color: transparent;
+      color: ButtonText;
+    }
+
+    .file-item__remove:focus-visible {
+      outline: 2px solid Highlight;
+    }
+
+    :host([disabled]) .dropzone {
+      border-color: GrayText;
+      color: GrayText;
+      opacity: 1;
+    }
+  }
 /* ── hx-help-text ── */
 :host {
     display: block;

package/dist/css/hx-file-upload.css

@@ -160,6 +160,8 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
+    min-width: 44px;
+    min-height: 44px;
     padding: var(--hx-space-1, 0.25rem);
     border: none;
     border-radius: var(--hx-border-radius-sm, 0.25rem);
@@ -239,3 +241,49 @@
     color: var(--hx-file-upload-error-color, var(--hx-color-error-text, #b91c1c));
     line-height: var(--hx-line-height-normal, 1.5);
   }
+
+  /* ─── Forced colors (Windows High Contrast / Forced Colors Mode) ─── */
+
+  @media (forced-colors: active) {
+    .dropzone {
+      border: 2px dashed ButtonText;
+      background-color: Canvas;
+      color: ButtonText;
+    }
+
+    .dropzone--drag-over {
+      border: 2px solid Highlight;
+      outline: none;
+      background-color: Canvas;
+    }
+
+    .dropzone--error {
+      border: 2px solid LinkText;
+    }
+
+    .dropzone:focus-visible {
+      outline: 2px solid Highlight;
+      outline-offset: 2px;
+    }
+
+    .progress-bar {
+      background: Highlight;
+      forced-color-adjust: none;
+    }
+
+    .file-item__remove:hover {
+      outline: 2px solid Highlight;
+      background-color: transparent;
+      color: ButtonText;
+    }
+
+    .file-item__remove:focus-visible {
+      outline: 2px solid Highlight;
+    }
+
+    :host([disabled]) .dropzone {
+      border-color: GrayText;
+      color: GrayText;
+      opacity: 1;
+    }
+  }

package/dist/css/hx-meter.css

@@ -9,6 +9,13 @@
     flex-direction: column;
     gap: var(--hx-space-2, 0.5rem);
     width: 100%;
+    outline: none;
+    border-radius: var(--hx-border-radius-md, 0.375rem);
+  }
+
+  .meter:focus-visible {
+    outline: var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, #2563eb);
+    outline-offset: var(--hx-focus-ring-offset, 2px);
   }
 
   .meter__label {
@@ -92,12 +99,6 @@
     color: var(--hx-meter-color-danger, var(--hx-color-error-700, #991b1b));
   }
 
-  @media (prefers-reduced-motion: reduce) {
-    .meter__indicator {
-      transition: none;
-    }
-  }
-
   /* ─── Native meter hidden (we use custom rendering) ─── */
 
   .meter__native {

package/dist/css/hx-phi-field.css

@@ -18,7 +18,7 @@
     user-select: none;
     -webkit-user-select: none;
     color: var(--hx-phi-field-masked-color, var(--hx-color-neutral-500, #6b7280));
-    letter-spacing: 0.1em;
+    letter-spacing: var(--hx-phi-field-letter-spacing, 0.1em);
   }
 
   .phi-field__value--revealed {
@@ -95,3 +95,17 @@
       transition: none;
     }
   }
+
+  /* ─── Forced Colors (Windows High Contrast Mode) ─── */
+
+  @media (forced-colors: active) {
+    .phi-field__toggle {
+      border: 1px solid ButtonText;
+      forced-color-adjust: none;
+    }
+
+    .phi-field__toggle:focus-visible {
+      outline: 2px solid Highlight;
+      outline-offset: 2px;
+    }
+  }

package/dist/css/hx-stat.css

@@ -104,3 +104,50 @@
   [hidden] {
     display: none !important;
   }
+
+  /* ─── Visually-hidden live region ─── */
+
+  .stat__live-region {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+  }
+
+  /* ─── Forced Colors (Windows High Contrast Mode) ─── */
+
+  @media (forced-colors: active) {
+    .stat__trend {
+      forced-color-adjust: none;
+    }
+
+    .stat__value {
+      color: CanvasText;
+    }
+
+    .stat__label {
+      color: CanvasText;
+    }
+
+    .stat__icon {
+      color: CanvasText;
+    }
+
+    .stat__trend--up {
+      background: Highlight;
+      color: HighlightText;
+      border: 1px solid Highlight;
+    }
+
+    .stat__trend--down {
+      background: ButtonText;
+      color: ButtonFace;
+      border: 1px solid ButtonText;
+    }
+
+    .stat__trend-arrow {
+      color: currentColor;
+    }
+  }

package/dist/css/index.css

@@ -1,4 +1,4 @@
-/* index.css — generated 2026-04-12T22:23:04.782Z */
+/* index.css — generated 2026-04-15T04:36:12.256Z */
 /* Imports all per-component CSS files for Drupal asset pipeline */
 
 @import './hx-accordion.css';

package/dist/css/manifest.json

@@ -1,5 +1,5 @@
 {
-  "generated": "2026-04-12T22:23:04.781Z",
+  "generated": "2026-04-15T04:36:12.255Z",
   "components": [
     {
       "name": "hx-accordion",
@@ -1213,6 +1213,7 @@
       "file": "hx-meter.css",
       "tokens": [
         "--hx-border-radius-full",
+        "--hx-border-radius-md",
         "--hx-color-error-500",
         "--hx-color-error-700",
         "--hx-color-neutral-200",
@@ -1222,6 +1223,9 @@
         "--hx-color-success-700",
         "--hx-color-warning-500",
         "--hx-color-warning-700",
+        "--hx-focus-ring-color",
+        "--hx-focus-ring-offset",
+        "--hx-focus-ring-width",
         "--hx-font-family-sans",
         "--hx-font-size-sm",
         "--hx-font-size-xs",
@@ -1462,6 +1466,7 @@
         "--hx-opacity-90",
         "--hx-phi-field-disabled-opacity",
         "--hx-phi-field-font-family",
+        "--hx-phi-field-letter-spacing",
         "--hx-phi-field-masked-color",
         "--hx-phi-field-toggle-color",
         "--hx-phi-field-value-color",

package/dist/index.js

@@ -18,7 +18,7 @@ import { H as J } from "./shared/hx-color-picker-C6EIuS9t.js";
 import { H as Q } from "./shared/hx-combobox-BJ4lQocO.js";
 import { H as ee } from "./shared/hx-container-BwWbMPTH.js";
 import { H as te } from "./shared/hx-copy-button-BoM0WsMd.js";
-import { H as ae } from "./shared/hx-counter-CP42cSVK.js";
+import { H as ae } from "./shared/hx-counter-B5NgKlw4.js";
 import { H as se } from "./shared/hx-data-table-D5Ne-goy.js";
 import { H as He } from "./shared/hx-date-picker-Cd3I3WkX.js";
 import { H as pe } from "./shared/hx-dialog-D4ubstxx.js";
@@ -27,8 +27,8 @@ import { H as ce } from "./shared/hx-drawer--WDLuWtS.js";
 import { H as he } from "./shared/hx-dropdown-n5-XSmiV.js";
 import { H as Te } from "./shared/hx-field-CwT9tki1.js";
 import { H as Se } from "./shared/hx-field-label-CcOK9VU3.js";
-import { H as ge } from "./shared/hx-file-upload-Dwtu3WcB.js";
-import { H as ve } from "./shared/hx-form-fJE-FJQV.js";
+import { H as ge } from "./shared/hx-file-upload-Di_vpQaG.js";
+import { H as ve } from "./shared/hx-form-BM6PHsw3.js";
 import { H as ye } from "./shared/hx-format-date-B7L9odbA.js";
 import { H as Ee, a as Be } from "./shared/hx-grid-BIAR5h9m.js";
 import { H as ke } from "./shared/hx-help-text-Bmb80bP4.js";
@@ -36,17 +36,17 @@ import { H as Ae } from "./shared/hx-icon-BKHs3OLu.js";
 import { H as Le } from "./shared/hx-icon-button-CJuy9xbw.js";
 import { H as Ne } from "./shared/hx-image-ztiXumZB.js";
 import { H as Ge } from "./shared/hx-link-CN7AvGOW.js";
-import { H as $e, a as Ve } from "./shared/hx-list-CoTDMp19.js";
+import { H as $e, a as Ve } from "./shared/hx-list-Dnei26t4.js";
 import { H as We, a as Xe, b as Ye } from "./shared/hx-menu-divider-DRT8yHRZ.js";
-import { H as qe } from "./shared/hx-meter-BvSJoqDp.js";
+import { H as qe } from "./shared/hx-meter-BcVC9yrt.js";
 import { H as Je } from "./shared/hx-nav-l0Rp7WPW.js";
 import { H as Qe } from "./shared/hx-number-input-0Waw7Z7u.js";
 import { H as eo } from "./shared/hx-overflow-menu-DElwFSCd.js";
 import { H as to } from "./shared/hx-pagination-BNtx-LG6.js";
 import { H as ao } from "./shared/hx-patient-banner-BKiN7nIE.js";
-import { H as so } from "./shared/hx-phi-field-BiJH3V-k.js";
-import { H as Ho } from "./shared/hx-popover-D63RXn5H.js";
-import { H as po } from "./shared/hx-popup-BQWMhvMO.js";
+import { H as so } from "./shared/hx-phi-field-DD1qcBSO.js";
+import { H as Ho } from "./shared/hx-popover-CydNuVkT.js";
+import { H as po } from "./shared/hx-popup-DbzezTOd.js";
 import { H as mo } from "./shared/hx-progress-bar-Cm0VihTN.js";
 import { H as co } from "./shared/hx-progress-ring-Cs0WgWDJ.js";
 import { H as uo } from "./shared/hx-prose-Ml_L2zje.js";
@@ -60,7 +60,7 @@ import { H as Ao } from "./shared/hx-spinner-D6nzuGmj.js";
 import { H as Lo } from "./shared/hx-split-button-CPndTJlC.js";
 import { H as No } from "./shared/hx-split-panel-Dx72NaET.js";
 import { H as Go } from "./shared/hx-stack-B76_1O6g.js";
-import { H as $o } from "./shared/hx-stat-DKD2E7An.js";
+import { H as $o } from "./shared/hx-stat-DKlyBL_K.js";
 import { H as Oo } from "./shared/hx-status-indicator-ClWpK6zz.js";
 import { H as Xo, a as Yo } from "./shared/hx-step-C2Jk4mHa.js";
 import { H as qo, a as zo } from "./shared/hx-structured-list-DKlrv7kS.js";