@helixui/library 1.1.2-next.4 → 1.1.2-next.5

package/dist/components/hx-patient-banner/hx-patient-banner.d.ts

@@ -23,6 +23,7 @@ import { LitElement, PropertyValues } from 'lit';
  * @csspart field - An individual field container (applied to all field wrappers).
  * @csspart field-label - The field label element.
  * @csspart field-value - The field value slot wrapper.
+ * @csspart violation-message - The visually-hidden identifier rule violation status message.
  *
  * @fires {CustomEvent<PatientIdentifierRuleViolationDetail>} hx-identifier-rule-violation - Fired when fewer than 2 identifier slots are populated and enforce-identifier-rule is true.
  *
@@ -36,6 +37,7 @@ import { LitElement, PropertyValues } from 'lit';
  * @cssprop [--hx-patient-banner-value-color=var(--hx-color-neutral-900,#111827)] - Field value color.
  * @cssprop [--hx-patient-banner-value-font-size=var(--hx-font-size-sm,0.875rem)] - Field value font size.
  * @cssprop [--hx-patient-banner-photo-size=var(--hx-space-10,2.5rem)] - Photo area size.
+ * @cssprop [--hx-patient-banner-photo-bg=var(--hx-color-neutral-200,#e5e7eb)] - Photo area background color when empty.
  */
 export declare class HelixPatientBanner extends LitElement {
     static styles: import('lit').CSSResult[];
@@ -81,9 +83,15 @@ export declare class HelixPatientBanner extends LitElement {
      * @attr enforce-identifier-rule
      */
     enforceIdentifierRule: boolean;
+    /** @internal */
     private _identifierCount;
+    /** @internal */
+    private _isViolating;
+    /** @internal */
     private _nameSlot;
+    /** @internal */
     private _mrnSlot;
+    /** @internal */
     private _dobSlot;
     connectedCallback(): void;
     protected updated(changedProperties: PropertyValues<this>): void;

package/dist/components/hx-patient-banner/hx-patient-banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hx-patient-banner.d.ts","sourceRoot":"","sources":["../../../src/components/hx-patient-banner/hx-patient-banner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAChD,OAAgB,MAAM,4BAA2C;IAIjE;;;OAGG;IAEH,SAAS,EAAE,MAAM,CAAM;IAEvB;;;OAGG;IAEH,YAAY,EAAE,MAAM,CAA4B;IAEhD;;;OAGG;IAEH,SAAS,EAAE,MAAM,CAAkB;IAEnC;;;OAGG;IAEH,QAAQ,EAAE,MAAM,CAAS;IAEzB;;;OAGG;IAEH,QAAQ,EAAE,MAAM,CAAmB;IAEnC;;;OAGG;IAEH,cAAc,EAAE,MAAM,CAAe;IAErC;;;OAGG;IAEH,eAAe,EAAE,MAAM,CAAiB;IAExC;;;;;OAKG;IASH,qBAAqB,EAAE,OAAO,CAAQ;IAI7B,OAAO,CAAC,gBAAgB,CAAa;IAIlB,OAAO,CAAC,SAAS,CAAmB;IACrC,OAAO,CAAC,QAAQ,CAAmB;IACnC,OAAO,CAAC,QAAQ,CAAmB;IAIrD,iBAAiB,IAAI,IAAI;cAMf,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAczE,OAAO,CAAC,0BAA0B;IAalC,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,iBAAiB;IAMhB,MAAM;CA8ChB;AAED,MAAM,WAAW,oCAAoC;IACnD,oBAAoB,EAAE,MAAM,CAAC;IAC7B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,kBAAkB,CAAC;KACzC;CACF"}
+{"version":3,"file":"hx-patient-banner.d.ts","sourceRoot":"","sources":["../../../src/components/hx-patient-banner/hx-patient-banner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAChD,OAAgB,MAAM,4BAA2C;IAIjE;;;OAGG;IAEH,SAAS,EAAE,MAAM,CAAM;IAEvB;;;OAGG;IAEH,YAAY,EAAE,MAAM,CAA4B;IAEhD;;;OAGG;IAEH,SAAS,EAAE,MAAM,CAAkB;IAEnC;;;OAGG;IAEH,QAAQ,EAAE,MAAM,CAAS;IAEzB;;;OAGG;IAEH,QAAQ,EAAE,MAAM,CAAmB;IAEnC;;;OAGG;IAEH,cAAc,EAAE,MAAM,CAAe;IAErC;;;OAGG;IAEH,eAAe,EAAE,MAAM,CAAiB;IAExC;;;;;OAKG;IASH,qBAAqB,EAAE,OAAO,CAAQ;IAItC,gBAAgB;IACP,OAAO,CAAC,gBAAgB,CAAa;IAE9C,gBAAgB;IACP,OAAO,CAAC,YAAY,CAAkB;IAI/C,gBAAgB;IACY,OAAO,CAAC,SAAS,CAAmB;IAEhE,gBAAgB;IACW,OAAO,CAAC,QAAQ,CAAmB;IAE9D,gBAAgB;IACW,OAAO,CAAC,QAAQ,CAAmB;IAIrD,iBAAiB,IAAI,IAAI;cAMf,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAczE,OAAO,CAAC,0BAA0B;IAalC,OAAO,CAAC,oBAAoB;IA0B5B,OAAO,CAAC,iBAAiB;IAMhB,MAAM;CA6DhB;AAED,MAAM,WAAW,oCAAoC;IACnD,oBAAoB,EAAE,MAAM,CAAC;IAC7B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,kBAAkB,CAAC;KACzC;CACF"}

package/dist/components/hx-patient-banner/hx-patient-banner.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hx-patient-banner.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-patient-banner/hx-patient-banner.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB,yBA+GpC,CAAC"}
+{"version":3,"file":"hx-patient-banner.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-patient-banner/hx-patient-banner.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB,yBA2IpC,CAAC"}

package/dist/components/hx-patient-banner/index.js

@@ -1,4 +1,4 @@
-import { H as n } from "../../shared/hx-patient-banner-BoJHddAL.js";
+import { H as n } from "../../shared/hx-patient-banner-wk4qWmsH.js";
 export {
   n as HelixPatientBanner
 };

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

@@ -12,13 +12,14 @@ import { LitElement, TemplateResult } from 'lit';
  * @csspart value - The value display span (masked or revealed).
  * @csspart toggle - The reveal/hide toggle button.
  *
- * @fires {CustomEvent<PhiAccessEventDetail>} hx-phi-access - Fired on reveal, hide, and clipboard auto-clear.
+ * @fires {CustomEvent<PhiAccessEventDetail>} hx-phi-access - Fired on reveal, hide, and clipboard-clear actions.
  *
  * @cssprop [--hx-phi-field-font-family=var(--hx-font-family-mono,monospace)] - Font family for the masked value.
  * @cssprop [--hx-phi-field-value-color=var(--hx-color-neutral-900,#111827)] - Value text color.
  * @cssprop [--hx-phi-field-masked-color=var(--hx-color-neutral-500,#6b7280)] - Masked value text color.
  * @cssprop [--hx-phi-field-toggle-color=var(--hx-color-primary-500,#2563eb)] - Toggle button color.
  * @cssprop [--hx-phi-field-focus-ring-color=var(--hx-focus-ring-color,var(--hx-color-primary-500,#2563eb))] - Focus ring color.
+ * @cssprop [--hx-phi-field-disabled-opacity=var(--hx-opacity-50,0.5)] - Opacity applied when the field is disabled.
  */
 export declare class HelixPhiField extends LitElement {
     static styles: import('lit').CSSResult[];
@@ -43,24 +44,48 @@ export declare class HelixPhiField extends LitElement {
      * @attr clipboard-timeout
      */
     clipboardTimeout: number;
+    /**
+     * Accessible label describing the PHI field. Used as a prefix in screen reader
+     * announcements (e.g., "Social Security Number is masked").
+     * @attr label
+     */
+    label: string;
+    /**
+     * When set, disables all interaction with the field and prevents reveal.
+     * @attr disabled
+     * @reflect
+     */
+    disabled: boolean;
+    /** @internal */
     private _masked;
+    /** @internal */
     private _clipboardTimer;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    /** @internal */
     private _cancelClipboardTimer;
+    /** @internal */
     private _scheduleClipboardClear;
+    /** @internal */
     private _clearClipboard;
+    /** @internal */
     private _getMaskedValue;
+    /** @internal */
     private _handleToggle;
+    /** @internal */
     private _handleCopy;
+    /** @internal */
     private _handlePaste;
+    /** @internal */
     private _renderEyeIcon;
+    /** @internal */
     private _renderEyeOffIcon;
     render(): TemplateResult<1>;
 }
 export interface PhiAccessEventDetail {
     fieldId: string;
-    action: 'reveal' | 'hide';
+    /** The action that triggered the audit event. */
+    action: 'reveal' | 'hide' | 'clipboard-clear';
     timestamp: string;
     fieldType: 'ssn' | 'mrn' | 'dob' | 'insurance';
 }

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;AAK5D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,4BAAsC;IAI5D;;;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;IAIxB,OAAO,CAAC,OAAO,CAAQ;IAEhC,OAAO,CAAC,eAAe,CAA8C;IAI5D,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAOrC,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,eAAe;IAsBvB,OAAO,CAAC,eAAe;IAuDvB,OAAO,CAAC,aAAa;IA0BrB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,cAAc;IAkBtB,OAAO,CAAC,iBAAiB;IAqBhB,MAAM;CA8BhB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC1B,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;AAK5D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,4BAAsC;IAI5D;;;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"}

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,yBAqF/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,yBAiG/B,CAAC"}

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

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

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

@@ -47,6 +47,7 @@ import { HelixElement } from '../../base/index.js';
  * @cssprop [--hx-select-error-color=var(--hx-color-error-500)] - Error state color.
  * @cssprop [--hx-select-label-color=var(--hx-color-neutral-700)] - Label text color.
  * @cssprop [--hx-select-chevron-color=var(--hx-color-neutral-500)] - Chevron indicator color.
+ * @cssprop [--hx-select-chevron-size=0.5rem] - Chevron indicator size (width/height base unit).
  * @cssprop [--hx-select-listbox-bg=var(--hx-color-neutral-0)] - Listbox panel background color.
  * @cssprop [--hx-select-option-hover-bg=var(--hx-color-primary-50)] - Option hover background color.
  * @cssprop [--hx-select-option-selected-bg=var(--hx-color-primary-100)] - Selected option background color.

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

@@ -1 +1 @@
-{"version":3,"file":"hx-select.d.ts","sourceRoot":"","sources":["../../../src/components/hx-select/hx-select.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"hx-select.d.ts","sourceRoot":"","sources":["../../../src/components/hx-select/hx-select.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"hx-select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-select/hx-select.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBA4Q7B,CAAC"}
+{"version":3,"file":"hx-select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-select/hx-select.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAuS7B,CAAC"}

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

@@ -1,4 +1,4 @@
-import { H as o } from "../../shared/hx-select-4-nHL0vd.js";
+import { H as o } from "../../shared/hx-select-BWzxWZs_.js";
 export {
   o as HelixSelect
 };

package/dist/components/hx-status-indicator/hx-status-indicator.d.ts

@@ -3,7 +3,11 @@ export type StatusIndicatorStatus = 'online' | 'offline' | 'away' | 'busy' | 'un
 export type StatusIndicatorSize = 'sm' | 'md' | 'lg';
 /**
  * A colored dot/badge indicating system or entity health status.
- * Purely visual — no slots. Supports an animated pulse ring.
+ * Supports an animated pulse ring and an optional visible text label.
+ *
+ * Status is conveyed through color AND an `aria-label` on the host element.
+ * When `show-label` is set, a visible text label is rendered inside the component,
+ * ensuring status is not communicated by color alone (WCAG 1.4.1 — Use of Color).
  *
  * Uses `role="img"` with an auto-generated `aria-label` (e.g. "Status: Online").
  * When used decoratively alongside visible text that conveys the same status information
@@ -23,6 +27,7 @@ export type StatusIndicatorSize = 'sm' | 'md' | 'lg';
  *
  * @csspart base - The dot element.
  * @csspart pulse-ring - The animated pulse ring element.
+ * @csspart label - The visible status label text element (visible when show-label is set).
  *
  * @cssprop [--hx-status-indicator-color-online] - Override color for the "online" status dot.
  * @cssprop [--hx-status-indicator-color-offline] - Override color for the "offline" status dot.
@@ -35,6 +40,8 @@ export type StatusIndicatorSize = 'sm' | 'md' | 'lg';
  * @cssprop [--hx-status-indicator-pulse-duration] - Override pulse animation duration.
  * @cssprop [--hx-status-indicator-pulse-scale] - Override pulse animation max scale.
  * @cssprop [--hx-status-indicator-pulse-color] - Override pulse ring color independently from dot color.
+ * @cssprop [--hx-status-indicator-label-color] - Override label text color.
+ * @cssprop [--hx-status-indicator-label-font-size] - Override label font size.
  */
 export declare class HelixStatusIndicator extends LitElement {
     static styles: import('lit').CSSResult[];
@@ -63,8 +70,17 @@ export declare class HelixStatusIndicator extends LitElement {
      * @attr label
      */
     label: string;
+    /**
+     * When true, renders a visible text label next to the dot conveying the status.
+     * Use this to satisfy WCAG 1.4.1 (Use of Color) when the indicator is not
+     * accompanied by other visible text that conveys the same status information.
+     * @attr show-label
+     */
+    showLabel: boolean;
     /** @internal */
     private _getLabel;
+    /** @internal */
+    private _getStatusText;
     connectedCallback(): void;
     updated(changedProperties: PropertyValues<this>): void;
     render(): import('lit').TemplateResult<1>;

package/dist/components/hx-status-indicator/hx-status-indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hx-status-indicator.d.ts","sourceRoot":"","sources":["../../../src/components/hx-status-indicator/hx-status-indicator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAM5D,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AACvF,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAUrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBACa,oBAAqB,SAAQ,UAAU;IAClD,OAAgB,MAAM,4BAA6C;IAEnE;;;OAGG;IAEH,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAa;IAEvE;;;OAGG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC;;;;;;;OAOG;IAEH,KAAK,UAAS;IAEd;;;;OAIG;IAEH,KAAK,SAAM;IAEX,gBAAgB;IAChB,OAAO,CAAC,SAAS;IAQR,iBAAiB,IAAI,IAAI;IAkBzB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQtD,MAAM;CAQhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,oBAAoB,CAAC;KAC7C;CACF"}
+{"version":3,"file":"hx-status-indicator.d.ts","sourceRoot":"","sources":["../../../src/components/hx-status-indicator/hx-status-indicator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAMrE,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AACvF,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAUrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBACa,oBAAqB,SAAQ,UAAU;IAClD,OAAgB,MAAM,4BAA6C;IAEnE;;;OAGG;IAEH,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAa;IAEvE;;;OAGG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC;;;;;;;OAOG;IAEH,KAAK,UAAS;IAEd;;;;OAIG;IAEH,KAAK,SAAM;IAEX;;;;;OAKG;IAEH,SAAS,UAAS;IAElB,gBAAgB;IAChB,OAAO,CAAC,SAAS;IAMjB,gBAAgB;IAChB,OAAO,CAAC,cAAc;IAMb,iBAAiB,IAAI,IAAI;IAkBzB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQtD,MAAM;CAehB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,oBAAoB,CAAC;KAC7C;CACF"}

package/dist/components/hx-status-indicator/hx-status-indicator.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hx-status-indicator.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-status-indicator/hx-status-indicator.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,yBAiGtC,CAAC"}
+{"version":3,"file":"hx-status-indicator.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-status-indicator/hx-status-indicator.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,yBA8HtC,CAAC"}

package/dist/components/hx-status-indicator/index.js

@@ -1,4 +1,4 @@
-import { H as o } from "../../shared/hx-status-indicator-4ClvA5mU.js";
+import { H as o } from "../../shared/hx-status-indicator-Dl3Y34mc.js";
 export {
   o as HelixStatusIndicator
 };

package/dist/css/helix-all.css

@@ -5283,6 +5283,7 @@ export const helixGridItemStyles = css`
     --_value-color: var(--hx-patient-banner-value-color, var(--hx-color-neutral-900, #111827));
     --_value-font-size: var(--hx-patient-banner-value-font-size, var(--hx-font-size-sm, 0.875rem));
     --_photo-size: var(--hx-patient-banner-photo-size, var(--hx-space-10, 2.5rem));
+    --_photo-bg: var(--hx-patient-banner-photo-bg, var(--hx-color-neutral-200, #e5e7eb));
   }
 
   * {
@@ -5300,6 +5301,7 @@ export const helixGridItemStyles = css`
     border-bottom: var(--hx-border-width-thin, 1px) solid var(--_border-color);
     font-family: var(--_font-family);
     width: 100%;
+    position: relative;
   }
 
   /* ─── Photo Area ─── */
@@ -5308,12 +5310,15 @@ export const helixGridItemStyles = css`
     flex-shrink: 0;
     width: var(--_photo-size);
     height: var(--_photo-size);
+    /* Minimum 44x44px touch target for interactive photo content. */
+    min-width: 44px;
+    min-height: 44px;
     border-radius: var(--hx-border-radius-full, 9999px);
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
-    background-color: var(--hx-color-neutral-200, #e5e7eb);
+    background-color: var(--_photo-bg);
   }
 
   /* ─── Fields Grid ─── */
@@ -5359,9 +5364,8 @@ export const helixGridItemStyles = css`
   :host([aria-invalid='true']) .banner {
     border-bottom-color: var(--hx-color-error-400, #f87171);
     background-color: var(--hx-color-error-50, #fef2f2);
-    /* Darken label color to maintain 4.5:1 contrast on error-50 background */
+    /* Darken label color to maintain 4.5:1 contrast on error-50 background. */
     --_label-color: var(--hx-patient-banner-label-color, var(--hx-color-neutral-700, #374151));
-    position: relative;
   }
 
   :host([aria-invalid='true']) .banner::before {
@@ -5375,6 +5379,30 @@ export const helixGridItemStyles = css`
     background-color: var(--hx-color-error-500, #ef4444);
     border-radius: 0;
   }
+
+  /* ─── Visually-hidden violation live region ─── */
+  /* Announces identifier rule violations to screen readers without visible text. */
+
+  .violation-message {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  /* ─── Motion reduction ─── */
+
+  @media (prefers-reduced-motion: reduce) {
+    * {
+      transition: none !important;
+      animation: none !important;
+    }
+  }
 /* ── hx-phi-field ── */
 :host {
     display: inline-flex;
@@ -5453,6 +5481,18 @@ export const helixGridItemStyles = css`
     pointer-events: none;
   }
 
+  /* ─── Disabled State ─── */
+
+  :host([disabled]) {
+    opacity: var(--hx-phi-field-disabled-opacity, var(--hx-opacity-50, 0.5));
+    pointer-events: none;
+    cursor: not-allowed;
+  }
+
+  .phi-field--disabled .phi-field__toggle {
+    cursor: not-allowed;
+  }
+
   /* ─── Reduced Motion ─── */
 
   @media (prefers-reduced-motion: reduce) {
@@ -6001,8 +6041,45 @@ export const helixGridItemStyles = css`
     }
   }
 /* ── hx-select ── */
-:host {
+/* ─── 3-tier token cascade: component → semantic → hardcoded fallback ─── */
+  :host {
     display: block;
+
+    /* Background & foreground */
+    --_bg: var(--hx-select-bg, var(--hx-color-neutral-0, #ffffff));
+    --_color: var(--hx-select-color, var(--hx-color-neutral-800, #212529));
+    --_placeholder-color: var(--hx-select-placeholder-color, var(--hx-color-neutral-400, #adb5bd));
+
+    /* Label */
+    --_label-color: var(--hx-select-label-color, var(--hx-color-neutral-700, #343a40));
+
+    /* Border */
+    --_border-color: var(--hx-select-border-color, var(--hx-color-neutral-300, #ced4da));
+    --_border-radius: var(--hx-select-border-radius, var(--hx-border-radius-md, 0.375rem));
+
+    /* Focus ring */
+    --_focus-ring-color: var(
+      --hx-select-focus-ring-color,
+      var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa))
+    );
+
+    /* Error */
+    --_error-color: var(--hx-select-error-color, var(--hx-color-error-500, #dc3545));
+
+    /* Chevron */
+    --_chevron-color: var(--hx-select-chevron-color, var(--hx-color-neutral-500, #6c757d));
+    --_chevron-size: var(--hx-select-chevron-size, 0.5rem);
+
+    /* Listbox */
+    --_listbox-bg: var(--hx-select-listbox-bg, var(--hx-color-neutral-0, #ffffff));
+    --_option-hover-bg: var(--hx-select-option-hover-bg, var(--hx-color-primary-50, #eff6ff));
+    --_option-selected-bg: var(
+      --hx-select-option-selected-bg,
+      var(--hx-color-primary-100, #dbeafe)
+    );
+
+    /* Typography */
+    --_font-family: var(--hx-select-font-family, var(--hx-font-family-sans, sans-serif));
   }
 
   :host([disabled]) {
@@ -6018,7 +6095,7 @@ export const helixGridItemStyles = css`
     display: flex;
     flex-direction: column;
     gap: var(--hx-space-1, 0.25rem);
-    font-family: var(--hx-select-font-family, var(--hx-font-family-sans, sans-serif));
+    font-family: var(--_font-family);
     position: relative;
   }
 
@@ -6028,7 +6105,7 @@ export const helixGridItemStyles = css`
     gap: var(--hx-space-1, 0.25rem);
     font-size: var(--hx-font-size-sm, 0.875rem);
     font-weight: var(--hx-font-weight-medium, 500);
-    color: var(--hx-select-label-color, var(--hx-color-neutral-700, #343a40));
+    color: var(--_label-color);
     line-height: var(--hx-line-height-normal, 1.5);
   }
 
@@ -6049,11 +6126,10 @@ export const helixGridItemStyles = css`
     gap: var(--hx-space-2, 0.5rem);
     width: 100%;
     min-height: var(--hx-input-height-md, var(--hx-size-10, 2.5rem));
-    border: var(--hx-border-width-thin, 1px) solid
-      var(--hx-select-border-color, var(--hx-color-neutral-300, #ced4da));
-    border-radius: var(--hx-select-border-radius, var(--hx-border-radius-md, 0.375rem));
-    background-color: var(--hx-select-bg, var(--hx-color-neutral-0, #ffffff));
-    color: var(--hx-select-color, var(--hx-color-neutral-800, #212529));
+    border: var(--hx-border-width-thin, 1px) solid var(--_border-color);
+    border-radius: var(--_border-radius);
+    background-color: var(--_bg);
+    color: var(--_color);
     font-family: inherit;
     font-size: var(--hx-font-size-md, 1rem);
     line-height: var(--hx-line-height-normal, 1.5);
@@ -6068,18 +6144,11 @@ export const helixGridItemStyles = css`
 
   .field__trigger:focus,
   .field__trigger:focus-visible {
-    border-color: var(
-      --hx-select-focus-ring-color,
-      var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa))
-    );
+    border-color: var(--_focus-ring-color);
     box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)
       color-mix(
         in srgb,
-        var(
-            --hx-select-focus-ring-color,
-            var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa))
-          )
-          calc(var(--hx-focus-ring-opacity, 0.25) * 100%),
+        var(--_focus-ring-color) calc(var(--hx-focus-ring-opacity, 0.25) * 100%),
         transparent
       );
   }
@@ -6109,15 +6178,15 @@ export const helixGridItemStyles = css`
   }
 
   .field__trigger--placeholder .field__trigger-value {
-    color: var(--hx-select-placeholder-color, var(--hx-color-neutral-400, #adb5bd));
+    color: var(--_placeholder-color);
   }
 
   .field__chevron {
     flex-shrink: 0;
-    width: 12px;
-    height: 8px;
+    width: calc(var(--_chevron-size) * 1.5);
+    height: var(--_chevron-size);
     position: relative;
-    color: var(--hx-select-chevron-color, var(--hx-color-neutral-500, #6c757d));
+    color: var(--_chevron-color);
     pointer-events: none;
     transition: transform var(--hx-transition-fast, 150ms ease);
   }
@@ -6126,11 +6195,11 @@ export const helixGridItemStyles = css`
     content: '';
     position: absolute;
     top: 0;
-    left: 2px;
-    width: 7px;
-    height: 7px;
-    border-inline-end: 1.5px solid currentColor;
-    border-bottom: 1.5px solid currentColor;
+    left: var(--hx-space-px, 2px);
+    width: var(--_chevron-size);
+    height: var(--_chevron-size);
+    border-inline-end: var(--hx-border-width-thin, 1.5px) solid currentColor;
+    border-bottom: var(--hx-border-width-thin, 1.5px) solid currentColor;
     transform: rotate(45deg);
   }
 
@@ -6139,17 +6208,16 @@ export const helixGridItemStyles = css`
   }
 
   .field--error .field__trigger {
-    border-color: var(--hx-select-error-color, var(--hx-color-error-500, #dc3545));
+    border-color: var(--_error-color);
   }
 
   .field--error .field__trigger:focus,
   .field--error .field__trigger:focus-visible {
-    border-color: var(--hx-select-error-color, var(--hx-color-error-500, #dc3545));
+    border-color: var(--_error-color);
     box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)
       color-mix(
         in srgb,
-        var(--hx-select-error-color, var(--hx-color-error-500, #dc3545))
-          calc(var(--hx-focus-ring-opacity, 0.25) * 100%),
+        var(--_error-color) calc(var(--hx-focus-ring-opacity, 0.25) * 100%),
         transparent
       );
   }
@@ -6160,10 +6228,9 @@ export const helixGridItemStyles = css`
     left: 0;
     right: 0;
     z-index: var(--hx-z-index-dropdown, 1000);
-    background-color: var(--hx-select-listbox-bg, var(--hx-color-neutral-0, #ffffff));
-    border: var(--hx-border-width-thin, 1px) solid
-      var(--hx-select-border-color, var(--hx-color-neutral-300, #ced4da));
-    border-radius: var(--hx-select-border-radius, var(--hx-border-radius-md, 0.375rem));
+    background-color: var(--_listbox-bg);
+    border: var(--hx-border-width-thin, 1px) solid var(--_border-color);
+    border-radius: var(--_border-radius);
     box-shadow: var(
       --hx-select-listbox-shadow,
       0 4px 16px var(--hx-overlay-neutral-12, rgba(13, 17, 23, 0.12))
@@ -6190,7 +6257,7 @@ export const helixGridItemStyles = css`
     gap: var(--hx-space-2, 0.5rem);
     padding: var(--hx-space-2, 0.5rem) var(--hx-space-3, 0.75rem);
     font-size: var(--hx-font-size-md, 1rem);
-    color: var(--hx-select-color, var(--hx-color-neutral-800, #212529));
+    color: var(--_color);
     cursor: pointer;
     user-select: none;
     -webkit-user-select: none;
@@ -6198,23 +6265,23 @@ export const helixGridItemStyles = css`
   }
 
   .field__option:hover {
-    background-color: var(--hx-select-option-hover-bg, var(--hx-color-primary-50, #eff6ff));
+    background-color: var(--_option-hover-bg);
   }
 
   .field__option--selected {
-    background-color: var(--hx-select-option-selected-bg, var(--hx-color-primary-100, #dbeafe));
+    background-color: var(--_option-selected-bg);
     font-weight: var(--hx-font-weight-medium, 500);
   }
 
   .field__option--focused {
-    background-color: var(--hx-select-option-hover-bg, var(--hx-color-primary-50, #eff6ff));
+    background-color: var(--_option-hover-bg);
     outline: var(--hx-focus-ring-width, 2px) solid
-      var(--hx-select-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-500)));
+      var(--_focus-ring-color, var(--hx-color-primary-500));
     outline-offset: var(--hx-select-option-focus-ring-offset, -2px);
   }
 
   .field__option--focused.field__option--selected {
-    background-color: var(--hx-select-option-selected-bg, var(--hx-color-primary-100, #dbeafe));
+    background-color: var(--_option-selected-bg);
   }
 
   .field__option--disabled {
@@ -6233,7 +6300,7 @@ export const helixGridItemStyles = css`
   .field__no-options {
     padding: var(--hx-space-3, 0.75rem);
     text-align: center;
-    color: var(--hx-color-neutral-400, #adb5bd);
+    color: var(--_placeholder-color);
     font-size: var(--hx-font-size-sm, 0.875rem);
   }
 
@@ -7594,9 +7661,12 @@ export const helixGridItemStyles = css`
     display: inline-flex;
     align-items: center;
     justify-content: center;
+    gap: var(--hx-space-2, 0.5rem);
     position: relative;
     flex-shrink: 0;
     --_dot-color: var(--hx-status-indicator-color-default, var(--hx-color-neutral-300, #ced4da));
+    /* Default size (md) — always defined so .indicator never collapses to 0x0 */
+    --_indicator-size: var(--hx-status-indicator-size-md, var(--hx-space-3, 0.75rem));
   }
 
   .indicator {
@@ -7651,18 +7721,44 @@ export const helixGridItemStyles = css`
     }
   }
 
+  /* ─── Visible label (part="label") ─── */
+
+  .indicator__label {
+    font-size: var(
+      --hx-status-indicator-label-font-size,
+      var(--hx-font-size-sm, var(--hx-text-sm, 0.875rem))
+    );
+    color: var(--hx-status-indicator-label-color, var(--hx-color-neutral-700, #374151));
+    line-height: 1;
+    white-space: nowrap;
+  }
+
+  /* ─── aria-live announcement region (visually hidden) ─── */
+
+  .indicator__live-region {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+
   /* ─── Size Variants ─── */
 
-  :host([size='sm']) {
+  :host([hx-size='sm']) {
     --_indicator-size: var(--hx-status-indicator-size-sm, var(--hx-space-2, 0.5rem));
   }
 
-  :host([size='md']) {
+  :host([hx-size='md']) {
     --_indicator-size: var(--hx-status-indicator-size-md, var(--hx-space-3, 0.75rem));
   }
 
-  :host([size='lg']) {
-    --_indicator-size: var(--hx-status-indicator-size-lg, var(--hx-size-4));
+  :host([hx-size='lg']) {
+    --_indicator-size: var(--hx-status-indicator-size-lg, var(--hx-space-4, 1rem));
   }
 
   /* ─── Status Colors ─── */