@helixui/library 3.7.0 → 3.8.0-next.145

package/dist/shared/{hx-number-input-yUzFOSC1.js → hx-number-input-Bvyc9kOi.js}

@@ -1,13 +1,13 @@
 import { css as f, html as a, nothing as h } from "lit";
-import { property as l, query as _, state as c, customElement as b } from "lit/decorators.js";
+import { property as s, query as _, state as c, customElement as b } from "lit/decorators.js";
 import { classMap as m } from "lit/directives/class-map.js";
 import { ifDefined as p } from "lit/directives/if-defined.js";
-import { live as v } from "lit/directives/live.js";
-import { F as x } from "./FormMixin-B8PXk5RQ.js";
+import { live as x } from "lit/directives/live.js";
+import { F as v } from "./FormMixin-B8PXk5RQ.js";
 import { b as g } from "./forced-colors-CTEDFRGa.js";
 import { H as y } from "./helix-element-BNEYeiys.js";
-import { c as w } from "./id-counter-DuX8vsui.js";
-const S = f`
+import { c as S } from "./id-counter-DuX8vsui.js";
+const w = f`
   :host {
     display: block;
   }
@@ -67,13 +67,13 @@ const S = f`
   .field__input-wrapper:focus-within {
     border-color: var(--hx-number-input-focus-ring-color, var(--hx-focus-ring-color));
     /* Fallback for Safari < 16.2 (no color-mix support) */
-    box-shadow: 0 0 0 var(--hx-focus-ring-width)
+    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)
       var(--hx-number-input-focus-ring-color, var(--hx-focus-ring-color));
-    box-shadow: 0 0 0 var(--hx-focus-ring-width)
+    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)
       color-mix(
         in srgb,
         var(--hx-number-input-focus-ring-color, var(--hx-focus-ring-color))
-          calc(var(--hx-focus-ring-opacity) * 100%),
+          calc(var(--hx-focus-ring-opacity, 0.25) * 100%),
         transparent
       );
   }
@@ -87,13 +87,13 @@ const S = f`
   .field--error .field__input-wrapper:focus-within {
     border-color: var(--hx-number-input-error-color, var(--hx-color-error-500, #e5493e));
     /* Fallback for Safari < 16.2 (no color-mix support) */
-    box-shadow: 0 0 0 var(--hx-focus-ring-width)
+    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)
       var(--hx-number-input-error-color, var(--hx-color-error-500, #e5493e));
-    box-shadow: 0 0 0 var(--hx-focus-ring-width)
+    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)
       color-mix(
         in srgb,
         var(--hx-number-input-error-color, var(--hx-color-error-500, #e5493e))
-          calc(var(--hx-focus-ring-opacity) * 100%),
+          calc(var(--hx-focus-ring-opacity, 0.25) * 100%),
         transparent
       );
   }
@@ -120,10 +120,10 @@ const S = f`
     color: var(--hx-number-input-color, var(--hx-color-text-strong));
     line-height: var(--hx-line-height-normal);
     width: 100%;
-    /* Size: md (default) */
+    /* Size: md (default) — WCAG 2.5.5 (Enhanced) AAA touch target. */
     padding: var(--hx-space-2) var(--hx-space-3);
     font-size: var(--hx-font-size-md);
-    min-height: var(--hx-size-10);
+    min-height: var(--hx-touch-target-min, 2.75rem);
   }
 
   .field__input::placeholder {
@@ -212,10 +212,9 @@ const S = f`
     cursor: not-allowed;
   }
 
-  .field__stepper-btn svg {
+  .field__stepper-glyph {
     pointer-events: none;
-    width: var(--hx-number-input-icon-size, var(--hx-space-3, 0.75rem));
-    height: var(--hx-number-input-icon-size, var(--hx-space-3, 0.75rem));
+    --hx-icon-size: var(--hx-number-input-icon-size, var(--hx-space-3, 0.75rem));
   }
 
   /* Size sm adjustments for stepper */
@@ -332,13 +331,13 @@ const S = f`
     }
   }
 `;
-var $ = Object.defineProperty, I = Object.getOwnPropertyDescriptor, o = (e, t, r, s) => {
-  for (var n = s > 1 ? void 0 : s ? I(t, r) : t, d = e.length - 1, u; d >= 0; d--)
-    (u = e[d]) && (n = (s ? u(t, r, n) : u(n)) || n);
-  return s && n && $(t, r, n), n;
+var $ = Object.defineProperty, I = Object.getOwnPropertyDescriptor, o = (e, t, r, l) => {
+  for (var n = l > 1 ? void 0 : l ? I(t, r) : t, d = e.length - 1, u; d >= 0; d--)
+    (u = e[d]) && (n = (l ? u(t, r, n) : u(n)) || n);
+  return l && n && $(t, r, n), n;
 };
-const T = w("hx-number-input");
-let i = class extends x(y) {
+const T = S("hx-number-input");
+let i = class extends v(y) {
   constructor() {
     super(...arguments), this.name = "", this.value = null, this.required = !1, this.disabled = !1, this.readonly = !1, this.min = void 0, this.max = void 0, this.step = 1, this.label = "", this.error = "", this.helpText = "", this.size = "md", this.noStepper = !1, this.requiredMessage = "This field is required.", this.incrementLabel = "Increment", this.decrementLabel = "Decrement", this._hasLabelSlot = !1, this._hasErrorSlot = !1, this._hasHelpSlot = !1, this._defaultValue = null, this._longPressTimer = null, this._repeatInterval = null, this._inputId = T(), this._helpTextId = `${this._inputId}-help`, this._errorId = `${this._inputId}-error`;
   }
@@ -377,10 +376,10 @@ let i = class extends x(y) {
     if ((e.has("value") || e.has("required") || e.has("min") || e.has("max") || e.has("step")) && this._syncFormValue(), e.has("error") && this.error) {
       const r = (t = this.shadowRoot) == null ? void 0 : t.querySelector('[role="alert"]');
       if (r) {
-        const s = this.error;
+        const l = this.error;
         requestAnimationFrame(() => {
           r.textContent = "", requestAnimationFrame(() => {
-            r.textContent = s;
+            r.textContent = l;
           });
         });
       }
@@ -418,8 +417,8 @@ let i = class extends x(y) {
       return;
     }
     if (this.value !== null && this.step && this.step !== 0) {
-      const e = this._finite(this.step) ?? 1, t = this._finite(this.min) ?? 0, r = Math.abs((this.value - t) % e), s = 1e-9;
-      if (r > s && Math.abs(r - e) > s) {
+      const e = this._finite(this.step) ?? 1, t = this._finite(this.min) ?? 0, r = Math.abs((this.value - t) % e), l = 1e-9;
+      if (r > l && Math.abs(r - e) > l) {
         this._internals.setValidity(
           { stepMismatch: !0 },
           `Value must be a multiple of ${e}.`,
@@ -459,8 +458,8 @@ let i = class extends x(y) {
   /** @internal */
   _clamp(e) {
     let t = e;
-    const r = this._finite(this.min), s = this._finite(this.max);
-    return r !== void 0 && (t = Math.max(r, t)), s !== void 0 && (t = Math.min(s, t)), t;
+    const r = this._finite(this.min), l = this._finite(this.max);
+    return r !== void 0 && (t = Math.max(r, t)), l !== void 0 && (t = Math.min(l, t)), t;
   }
   // ─── Stepper Helpers ───
   /** @internal */
@@ -474,8 +473,8 @@ let i = class extends x(y) {
   /** @internal */
   _applyStep(e) {
     if (this.disabled || this.readonly) return;
-    const t = this.value ?? 0, r = this._finite(this.step) ?? 1, s = this._clamp(parseFloat((t + e * r).toFixed(10)));
-    s !== this.value && (this.value = s, this._handleInteractionInput(), this.dispatchEvent(
+    const t = this.value ?? 0, r = this._finite(this.step) ?? 1, l = this._clamp(parseFloat((t + e * r).toFixed(10)));
+    l !== this.value && (this.value = l, this._handleInteractionInput(), this.dispatchEvent(
       new CustomEvent("hx-change", {
         bubbles: !0,
         composed: !0,
@@ -546,25 +545,21 @@ let i = class extends x(y) {
   // ─── Render Helpers ───
   /** @internal */
   _renderIncrementIcon() {
-    return a`<svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 12 12"
+    return a`<hx-icon
+      class="field__stepper-glyph"
+      library="helix"
+      name="plus"
       aria-hidden="true"
-      focusable="false"
-    >
-      <path d="M6 1v10M1 6h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-    </svg>`;
+    ></hx-icon>`;
   }
   /** @internal */
   _renderDecrementIcon() {
-    return a`<svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 12 12"
+    return a`<hx-icon
+      class="field__stepper-glyph"
+      library="helix"
+      name="dash"
       aria-hidden="true"
-      focusable="false"
-    >
-      <path d="M1 6h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-    </svg>`;
+    ></hx-icon>`;
   }
   // ─── Render ───
   render() {
@@ -579,7 +574,7 @@ let i = class extends x(y) {
     }, r = [
       e ? this._errorId : null,
       !e && (this.helpText || this._hasHelpSlot) ? this._helpTextId : null
-    ].filter(Boolean).join(" ") || void 0, s = this.value !== null ? String(this.value) : "";
+    ].filter(Boolean).join(" ") || void 0, l = this.value !== null ? String(this.value) : "";
     return a`
       <div part="field" class=${m(t)}>
         <div class="field__label-wrapper">
@@ -603,7 +598,7 @@ let i = class extends x(y) {
             class="field__input"
             id=${this._inputId}
             type="number"
-            .value=${v(s)}
+            .value=${x(l)}
             min=${p(this.min)}
             max=${p(this.max)}
             step=${this.step}
@@ -679,13 +674,13 @@ let i = class extends x(y) {
     `;
   }
 };
-i.styles = [S, g];
+i.styles = [w, g];
 i.formAssociated = !0;
 o([
-  l({ type: String, reflect: !0 })
+  s({ type: String, reflect: !0 })
 ], i.prototype, "name", 2);
 o([
-  l({
+  s({
     type: Number,
     reflect: !0,
     converter: {
@@ -699,46 +694,46 @@ o([
   })
 ], i.prototype, "value", 2);
 o([
-  l({ type: Boolean, reflect: !0 })
+  s({ type: Boolean, reflect: !0 })
 ], i.prototype, "required", 2);
 o([
-  l({ type: Boolean, reflect: !0 })
+  s({ type: Boolean, reflect: !0 })
 ], i.prototype, "disabled", 2);
 o([
-  l({ type: Boolean, reflect: !0 })
+  s({ type: Boolean, reflect: !0 })
 ], i.prototype, "readonly", 2);
 o([
-  l({ type: Number })
+  s({ type: Number })
 ], i.prototype, "min", 2);
 o([
-  l({ type: Number })
+  s({ type: Number })
 ], i.prototype, "max", 2);
 o([
-  l({ type: Number })
+  s({ type: Number })
 ], i.prototype, "step", 2);
 o([
-  l({ type: String })
+  s({ type: String })
 ], i.prototype, "label", 2);
 o([
-  l({ type: String })
+  s({ type: String })
 ], i.prototype, "error", 2);
 o([
-  l({ type: String, attribute: "help-text" })
+  s({ type: String, attribute: "help-text" })
 ], i.prototype, "helpText", 2);
 o([
-  l({ type: String, attribute: "hx-size" })
+  s({ type: String, attribute: "hx-size" })
 ], i.prototype, "size", 2);
 o([
-  l({ type: Boolean, attribute: "no-stepper" })
+  s({ type: Boolean, attribute: "no-stepper" })
 ], i.prototype, "noStepper", 2);
 o([
-  l({ attribute: "required-message" })
+  s({ attribute: "required-message" })
 ], i.prototype, "requiredMessage", 2);
 o([
-  l({ attribute: "increment-label" })
+  s({ attribute: "increment-label" })
 ], i.prototype, "incrementLabel", 2);
 o([
-  l({ attribute: "decrement-label" })
+  s({ attribute: "decrement-label" })
 ], i.prototype, "decrementLabel", 2);
 o([
   _(".field__input")
@@ -758,4 +753,4 @@ i = o([
 export {
   i as H
 };
-//# sourceMappingURL=hx-number-input-yUzFOSC1.js.map
+//# sourceMappingURL=hx-number-input-Bvyc9kOi.js.map

package/dist/shared/hx-number-input-Bvyc9kOi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-number-input-Bvyc9kOi.js","sources":["../../src/components/hx-number-input/hx-number-input.styles.ts","../../src/components/hx-number-input/hx-number-input.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixNumberInputStyles = css`\n  :host {\n    display: block;\n  }\n\n  :host([disabled]) {\n    opacity: var(--hx-opacity-disabled);\n    pointer-events: none;\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--hx-space-1);\n    font-family: var(--hx-number-input-font-family, var(--hx-font-family-sans));\n  }\n\n  /* ─── Label ─── */\n\n  .field__label-wrapper {\n    display: contents;\n  }\n\n  .field__label {\n    display: flex;\n    align-items: baseline;\n    gap: var(--hx-space-1);\n    font-size: var(--hx-font-size-sm);\n    font-weight: var(--hx-font-weight-medium);\n    color: var(--hx-number-input-label-color, var(--hx-color-text-strong));\n    line-height: var(--hx-line-height-normal);\n  }\n\n  .field__required-marker {\n    color: var(--hx-number-input-error-color, var(--hx-color-error-text, #c92a2a));\n    font-weight: var(--hx-font-weight-bold);\n  }\n\n  /* ─── Input Wrapper ─── */\n\n  .field__input-wrapper {\n    display: flex;\n    align-items: stretch;\n    border: var(--hx-border-width-thin) solid\n      var(--hx-number-input-border-color, var(--hx-color-border-strong));\n    border-radius: var(--hx-number-input-border-radius, var(--hx-border-radius-md));\n    background-color: var(--hx-number-input-bg, var(--hx-color-surface-default));\n    transition:\n      border-color var(--hx-transition-fast),\n      box-shadow var(--hx-transition-fast);\n    overflow: hidden;\n  }\n\n  .field__input-wrapper:focus-within {\n    border-color: var(--hx-number-input-focus-ring-color, var(--hx-focus-ring-color));\n    /* Fallback for Safari < 16.2 (no color-mix support) */\n    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)\n      var(--hx-number-input-focus-ring-color, var(--hx-focus-ring-color));\n    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)\n      color-mix(\n        in srgb,\n        var(--hx-number-input-focus-ring-color, var(--hx-focus-ring-color))\n          calc(var(--hx-focus-ring-opacity, 0.25) * 100%),\n        transparent\n      );\n  }\n\n  /* ─── Error State ─── */\n\n  .field--error .field__input-wrapper {\n    border-color: var(--hx-number-input-error-color, var(--hx-color-error-500, #e5493e));\n  }\n\n  .field--error .field__input-wrapper:focus-within {\n    border-color: var(--hx-number-input-error-color, var(--hx-color-error-500, #e5493e));\n    /* Fallback for Safari < 16.2 (no color-mix support) */\n    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)\n      var(--hx-number-input-error-color, var(--hx-color-error-500, #e5493e));\n    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)\n      color-mix(\n        in srgb,\n        var(--hx-number-input-error-color, var(--hx-color-error-500, #e5493e))\n          calc(var(--hx-focus-ring-opacity, 0.25) * 100%),\n        transparent\n      );\n  }\n\n  /* ─── Slots (Prefix / Suffix) ─── */\n\n  .field__prefix,\n  .field__suffix {\n    display: flex;\n    align-items: center;\n    padding: 0 var(--hx-space-3);\n    color: var(--hx-color-text-muted);\n    flex-shrink: 0;\n  }\n\n  /* ─── Native Input ─── */\n\n  .field__input {\n    flex: 1;\n    border: none;\n    outline: none;\n    background: transparent;\n    font-family: inherit;\n    color: var(--hx-number-input-color, var(--hx-color-text-strong));\n    line-height: var(--hx-line-height-normal);\n    width: 100%;\n    /* Size: md (default) — WCAG 2.5.5 (Enhanced) AAA touch target. */\n    padding: var(--hx-space-2) var(--hx-space-3);\n    font-size: var(--hx-font-size-md);\n    min-height: var(--hx-touch-target-min, 2.75rem);\n  }\n\n  .field__input::placeholder {\n    color: var(--hx-color-text-placeholder);\n  }\n\n  .field__input:disabled {\n    cursor: not-allowed;\n  }\n\n  /* ─── Hide native browser spinners ─── */\n\n  .field__input[type='number']::-webkit-inner-spin-button,\n  .field__input[type='number']::-webkit-outer-spin-button {\n    display: none;\n  }\n\n  .field__input[type='number'] {\n    appearance: textfield;\n  }\n\n  /* ─── Size Variants ─── */\n\n  .field--sm .field__input {\n    padding: var(--hx-space-1) var(--hx-space-2);\n    font-size: var(--hx-font-size-sm);\n    min-height: var(--hx-size-8);\n  }\n\n  .field--lg .field__input {\n    padding: var(--hx-space-3) var(--hx-space-4);\n    font-size: var(--hx-font-size-lg);\n    min-height: var(--hx-size-12);\n  }\n\n  /* ─── Stepper ─── */\n\n  .field__stepper {\n    display: flex;\n    flex-direction: column;\n    flex-shrink: 0;\n    border-inline-start: var(--hx-border-width-thin) solid\n      var(--hx-number-input-border-color, var(--hx-color-border-strong));\n  }\n\n  .field__stepper-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    color: var(--hx-color-text-secondary);\n    padding: 0;\n    flex: 1;\n    min-width: var(--hx-size-8);\n    line-height: 1;\n    transition: background-color var(--hx-transition-fast);\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  .field__stepper-btn:not(:last-child) {\n    border-bottom: var(--hx-border-width-thin) solid\n      var(--hx-number-input-border-color, var(--hx-color-border-strong));\n  }\n\n  .field__stepper-btn:hover:not(:disabled) {\n    background-color: var(--hx-color-surface-raised);\n    color: var(--hx-color-text-strong);\n  }\n\n  /* Suppress focus ring for mouse/touch focus; keep for keyboard and programmatic focus */\n  .field__stepper-btn:focus:not(:focus-visible) {\n    outline: none;\n  }\n\n  .field__stepper-btn:focus-visible {\n    outline: var(--hx-focus-ring-width) solid\n      var(--hx-number-input-focus-ring-color, var(--hx-focus-ring-color));\n    outline-offset: -2px;\n  }\n\n  .field__stepper-btn:disabled {\n    opacity: var(--hx-opacity-disabled);\n    cursor: not-allowed;\n  }\n\n  .field__stepper-glyph {\n    pointer-events: none;\n    --hx-icon-size: var(--hx-number-input-icon-size, var(--hx-space-3, 0.75rem));\n  }\n\n  /* Size sm adjustments for stepper */\n  .field--sm .field__stepper-btn {\n    min-width: var(--hx-size-6);\n  }\n\n  /* Size lg adjustments for stepper */\n  .field--lg .field__stepper-btn {\n    min-width: var(--hx-size-10);\n  }\n\n  /* ─── Help Text & Error Messages ─── */\n\n  .field__help-text {\n    font-size: var(--hx-font-size-xs);\n    color: var(--hx-color-text-muted);\n    line-height: var(--hx-line-height-normal);\n  }\n\n  .field__error {\n    font-size: var(--hx-font-size-xs);\n    color: var(--hx-number-input-error-color, var(--hx-color-error-text, #c92a2a));\n    line-height: var(--hx-line-height-normal);\n  }\n\n  /* ─── Reduced Motion ─── */\n\n  @media (prefers-reduced-motion: reduce) {\n    .field__input-wrapper {\n      transition: none;\n    }\n\n    .field__stepper-btn {\n      transition: none;\n    }\n  }\n\n  /* ─── High Contrast Mode (forced-colors) ─── */\n\n  @media (forced-colors: active) {\n    .field__input-wrapper {\n      forced-color-adjust: none;\n      background-color: Field;\n      color: FieldText;\n      border: 2px solid ButtonText;\n    }\n\n    .field__input {\n      color: FieldText;\n    }\n\n    .field__input::placeholder {\n      color: GrayText;\n    }\n\n    .field__input-wrapper:focus-within {\n      border-color: Highlight;\n      box-shadow: none;\n    }\n\n    .field__stepper {\n      border-color: ButtonText;\n    }\n\n    .field__stepper-btn {\n      forced-color-adjust: none;\n      background-color: ButtonFace;\n      color: ButtonText;\n      border-color: ButtonText;\n    }\n\n    .field__stepper-btn:hover:not(:disabled) {\n      background-color: Highlight;\n      color: HighlightText;\n    }\n\n    .field__stepper-btn:focus-visible {\n      outline-color: Highlight;\n    }\n\n    .field__stepper-btn:disabled {\n      color: GrayText;\n      opacity: 1;\n    }\n\n    :host([disabled]) {\n      opacity: 1;\n    }\n\n    :host([disabled]) .field__input-wrapper {\n      border-color: GrayText;\n      color: GrayText;\n    }\n\n    :host([disabled]) .field__input {\n      color: GrayText;\n    }\n\n    .field--error .field__input-wrapper {\n      border-color: LinkText;\n    }\n\n    .field__label {\n      color: CanvasText;\n    }\n\n    .field__help-text {\n      color: GrayText;\n    }\n\n    .field__error {\n      color: LinkText;\n    }\n  }\n`;\n","import { html, nothing, type PropertyValues } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { devWarn } from '../../utils/dev-warn.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport '../hx-icon/hx-icon.js';\nimport { HelixElement, createIdCounter } from '../../base/index.js';\nimport { FormMixin } from '../../mixins/FormMixin.js';\nimport { helixNumberInputStyles } from './hx-number-input.styles.js';\nimport { forcedColorsField } from '../../styles/forced-colors.js';\n\nconst _nextNumberInputId = createIdCounter('hx-number-input');\n\n/** Detail for hx-input and hx-change events dispatched by hx-number-input. */\nexport interface HxNumberInputDetail {\n  value: number | null;\n}\n\n/**\n * A numeric input component with stepper controls, label, validation, and\n * full form association. Designed for healthcare data-entry contexts where\n * precise numeric values (dosage, age, measurements) must be captured safely.\n *\n * @summary Form-associated numeric input with stepper buttons, bounds checking,\n *   label, error, and help text.\n *\n * @tag hx-number-input\n *\n * @slot label - Custom label content (overrides the label property). Use for Drupal Form API rendered labels.\n * @slot help-text - Custom help text content (overrides the helpText property).\n * @slot error - Custom error content (overrides the error property). Use for Drupal Form API rendered errors.\n * @slot prefix - Content rendered before the input (e.g., a unit icon).\n * @slot suffix - Content rendered after the input and before the stepper buttons (e.g., a unit label).\n *\n * @fires {CustomEvent<{value: number | null}>} hx-input - Dispatched on every keystroke as the user types.\n * @fires {CustomEvent<{value: number | null}>} hx-change - Dispatched when the input loses focus after its value changed.\n *\n * @csspart field - The outer field container.\n * @csspart label - The label element.\n * @csspart input-wrapper - The wrapper around prefix, input, suffix, and stepper.\n * @csspart input - The native input element.\n * @csspart help-text - The help text container.\n * @csspart error - The error message container.\n * @csspart stepper - The stepper button group container.\n * @csspart increment - The increment (+) button.\n * @csspart decrement - The decrement (-) button.\n *\n * @cssprop [--hx-number-input-bg=var(--hx-color-neutral-0)] - Input background color.\n * @cssprop [--hx-number-input-color=var(--hx-color-neutral-800)] - Input text color.\n * @cssprop [--hx-number-input-border-color=var(--hx-color-neutral-300)] - Input border color.\n * @cssprop [--hx-number-input-border-radius=var(--hx-border-radius-md)] - Input border radius.\n * @cssprop [--hx-number-input-error-color=var(--hx-color-error-500)] - Error state color.\n * @cssprop [--hx-number-input-focus-ring-color=var(--hx-focus-ring-color)] - Focus ring color.\n * @cssprop [--hx-number-input-label-color=var(--hx-color-neutral-700)] - Label text color.\n * @cssprop [--hx-number-input-font-family=var(--hx-font-family-sans)] - Font family.\n * @cssprop [--hx-border-radius-md] - CSS custom property.\n * @cssprop [--hx-border-width-thin] - Width.\n * @cssprop [--hx-color-error-500] - Color.\n * @cssprop [--hx-color-error-text] - Color.\n * @cssprop [--hx-color-neutral-0] - Color.\n * @cssprop [--hx-color-neutral-300] - Color.\n * @cssprop [--hx-color-neutral-400] - Color.\n * @cssprop [--hx-color-neutral-50] - Color.\n * @cssprop [--hx-color-neutral-500] - Color.\n * @cssprop [--hx-color-neutral-600] - Color.\n * @cssprop [--hx-color-neutral-700] - Color.\n * @cssprop [--hx-color-neutral-800] - Color.\n * @cssprop [--hx-focus-ring-color] - Color.\n * @cssprop [--hx-focus-ring-opacity] - CSS custom property.\n * @cssprop [--hx-focus-ring-width] - Width.\n * @cssprop [--hx-font-family-sans] - Font family.\n * @cssprop [--hx-font-size-lg] - Font size.\n * @cssprop [--hx-font-size-md] - Font size.\n * @cssprop [--hx-font-size-sm] - Font size.\n * @cssprop [--hx-font-size-xs] - Font size.\n * @cssprop [--hx-font-weight-bold] - Font weight.\n * @cssprop [--hx-font-weight-medium] - Font weight.\n * @cssprop [--hx-line-height-normal] - Line height.\n * @cssprop [--hx-number-input-icon-size=var(--hx-space-3)] - CSS custom property.\n * @cssprop [--hx-opacity-disabled] - Opacity.\n * @cssprop [--hx-size-10] - Size token.\n * @cssprop [--hx-size-12] - Size token.\n * @cssprop [--hx-size-6] - Size token.\n * @cssprop [--hx-size-8] - Size token.\n * @cssprop [--hx-space-1] - Spacing token.\n * @cssprop [--hx-space-2] - Spacing token.\n * @cssprop [--hx-space-3] - Spacing token.\n * @cssprop [--hx-space-4] - Spacing token.\n * @cssprop [--hx-transition-fast] - Transition timing.\n * @aaa-certified 2026-05-08\n * @aaa-criteria 1.4.6, 1.4.9, 2.1.3, 2.3.3, 2.4.12, 2.4.13, 2.5.5, 3.2.5, 3.3.6, forced-colors, apg-keyboard\n * @aaa-audit src/components/hx-number-input/AAA-AUDIT.md\n * @keyboard-contract activate=character-input; navigate=ArrowUp,ArrowDown; disabled-suppresses=true\n * @aria-pattern spinbutton\n * @aria-pattern-source https://www.w3.org/WAI/ARIA/apg/patterns/spinbutton/\n * @forced-colors-supported true\n * @stability stable\n * @since 3.7.0\n * @form-associated true\n * @theme-aware true\n * @brand-aware true\n * @drupal-sdc-eligible true\n * @react-wrapper-status complete\n * @figma-component-name hx-number-input\n * @priority-tier P0\n * @phi-handles false\n * @clinical-context none\n */\n@customElement('hx-number-input')\nexport class HelixNumberInput extends FormMixin(HelixElement) {\n  static override styles = [helixNumberInputStyles, forcedColorsField];\n\n  // ─── Form Association ───\n\n  /** @internal */\n  static override formAssociated = true;\n\n  // ─── Properties ───\n\n  /**\n   * The name of the input, used for form submission.\n   * @attr name\n   */\n  @property({ type: String, reflect: true })\n  name = '';\n\n  /**\n   * The current numeric value of the input. Null when the field is empty.\n   * @attr value\n   */\n  @property({\n    type: Number,\n    reflect: true,\n    converter: {\n      fromAttribute: (attr: string | null): number | null => {\n        if (attr === null || attr === '') return null;\n        const n = Number(attr);\n        return isNaN(n) ? null : n;\n      },\n      toAttribute: (val: number | null): string | null => (val === null ? null : String(val)),\n    },\n  })\n  value: number | null = null;\n\n  /**\n   * Whether the input is required for form submission.\n   * @attr required\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * Whether the input is disabled.\n   * @attr disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Whether the input is read-only.\n   * @attr readonly\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * Minimum allowed value. When reached, the decrement button is disabled.\n   * @attr min\n   */\n  @property({ type: Number })\n  min: number | undefined = undefined;\n\n  /**\n   * Maximum allowed value. When reached, the increment button is disabled.\n   * @attr max\n   */\n  @property({ type: Number })\n  max: number | undefined = undefined;\n\n  /**\n   * The amount to increment or decrement on each step action.\n   * @attr step\n   */\n  @property({ type: Number })\n  step = 1;\n\n  /**\n   * The visible label text for the input.\n   * @attr label\n   */\n  @property({ type: String })\n  label = '';\n\n  /**\n   * Error message to display. When set, the input enters an error state.\n   * @attr error\n   */\n  @property({ type: String })\n  error = '';\n\n  /**\n   * Help text displayed below the input for guidance.\n   * @attr help-text\n   */\n  @property({ type: String, attribute: 'help-text' })\n  helpText = '';\n\n  /**\n   * Size variant controlling input padding and font size.\n   * @attr hx-size\n   */\n  @property({ type: String, attribute: 'hx-size' })\n  size: 'sm' | 'md' | 'lg' = 'md';\n\n  /**\n   * When set, hides the +/- stepper buttons.\n   * @attr no-stepper\n   */\n  @property({ type: Boolean, attribute: 'no-stepper' })\n  noStepper = false;\n\n  /**\n   * Validation message shown when the field is required but empty.\n   * @attr required-message\n   */\n  @property({ attribute: 'required-message' })\n  requiredMessage = 'This field is required.';\n\n  /**\n   * Accessible label for the increment (+) stepper button.\n   * @attr increment-label\n   */\n  @property({ attribute: 'increment-label' })\n  incrementLabel = 'Increment';\n\n  /**\n   * Accessible label for the decrement (-) stepper button.\n   * @attr decrement-label\n   */\n  @property({ attribute: 'decrement-label' })\n  decrementLabel = 'Decrement';\n\n  // ─── Internal References ───\n\n  /** @internal */\n  @query('.field__input')\n  private _input: HTMLInputElement | undefined;\n\n  // ─── Internal State ───\n\n  /** @internal */\n  @state() private _hasLabelSlot = false;\n  /** @internal */\n  @state() private _hasErrorSlot = false;\n  /** @internal */\n  @state() private _hasHelpSlot = false;\n\n  /** The value captured at first render, used by formResetCallback. */\n  /** @internal */\n  private _defaultValue: number | null = null;\n\n  /** Timer ID for the long-press initial delay. */\n  /** @internal */\n  private _longPressTimer: ReturnType<typeof setTimeout> | null = null;\n\n  /** Interval ID for the long-press rapid-repeat phase. */\n  /** @internal */\n  private _repeatInterval: ReturnType<typeof setInterval> | null = null;\n\n  // ─── Stable IDs ───\n\n  /** @internal */\n  private readonly _inputId = _nextNumberInputId();\n  /** @internal */\n  private readonly _helpTextId = `${this._inputId}-help`;\n  /** @internal */\n  private readonly _errorId = `${this._inputId}-error`;\n\n  // ─── Slot Tracking ───\n\n  /** @internal */\n  private _handleLabelSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasLabelSlot = slot.assignedElements().length > 0;\n    if (this._hasLabelSlot) {\n      const slottedLabel = slot.assignedElements()[0];\n      if (slottedLabel && !slottedLabel.id) {\n        slottedLabel.id = `${this._inputId}-slotted-label`;\n      }\n    }\n  }\n\n  /** @internal */\n  private _handleErrorSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    const assigned = slot.assignedElements();\n    this._hasErrorSlot = assigned.length > 0;\n    if (this._hasErrorSlot && assigned[0]) {\n      if (!assigned[0].id) assigned[0].id = this._errorId;\n    }\n  }\n\n  /** @internal */\n  private _handleHelpSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasHelpSlot = slot.assignedElements().length > 0;\n  }\n\n  // ─── Lifecycle ───\n\n  override firstUpdated(): void {\n    this._defaultValue = this.value;\n    if (!this.label && !this._hasLabelSlot) {\n      devWarn(\n        'hx-number-input',\n        'No accessible label provided. Set the `label` attribute or use the `label` slot so screen readers can identify this input (WCAG 4.1.2).',\n      );\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._clearLongPress();\n  }\n\n  override updated(changedProperties: PropertyValues<this>): void {\n    super.updated(changedProperties);\n    if (changedProperties.has('value')) {\n      if (this.value !== null && isNaN(this.value)) {\n        devWarn(\n          'hx-number-input',\n          'Received NaN as value. Resetting to null to prevent \"NaN\" from rendering in the input.',\n        );\n        this.value = null;\n        return;\n      }\n    }\n    if (\n      changedProperties.has('value') ||\n      changedProperties.has('required') ||\n      changedProperties.has('min') ||\n      changedProperties.has('max') ||\n      changedProperties.has('step')\n    ) {\n      this._syncFormValue();\n    }\n    // Force screen reader re-announcement when error text changes (a11y-v3-005)\n    if (changedProperties.has('error') && this.error) {\n      const errorEl = this.shadowRoot?.querySelector('[role=\"alert\"]');\n      if (errorEl) {\n        const msg = this.error;\n        requestAnimationFrame(() => {\n          errorEl.textContent = '';\n          requestAnimationFrame(() => {\n            errorEl.textContent = msg;\n          });\n        });\n      }\n    }\n  }\n\n  // ─── Form Integration ───\n\n  /** @internal */\n  private _syncFormValue(): void {\n    this._internals.setFormValue(this.value !== null ? String(this.value) : null);\n  }\n\n  /** @internal */\n  override _updateValidity(): void {\n    if (this.required && this.value === null) {\n      this._internals.setValidity(\n        { valueMissing: true },\n        this.error || this.requiredMessage,\n        this._input ?? undefined,\n      );\n      return;\n    }\n\n    if (this.value !== null && this.min !== undefined && this.value < this.min) {\n      this._internals.setValidity(\n        { rangeUnderflow: true },\n        `Value must be at least ${this.min}.`,\n        this._input ?? undefined,\n      );\n      return;\n    }\n\n    if (this.value !== null && this.max !== undefined && this.value > this.max) {\n      this._internals.setValidity(\n        { rangeOverflow: true },\n        `Value must be at most ${this.max}.`,\n        this._input ?? undefined,\n      );\n      return;\n    }\n\n    if (this.value !== null && this.step && this.step !== 0) {\n      const step = this._finite(this.step) ?? 1;\n      const base = this._finite(this.min) ?? 0;\n      const remainder = Math.abs((this.value - base) % step);\n      const epsilon = 1e-9;\n      if (remainder > epsilon && Math.abs(remainder - step) > epsilon) {\n        this._internals.setValidity(\n          { stepMismatch: true },\n          `Value must be a multiple of ${step}.`,\n          this._input ?? undefined,\n        );\n        return;\n      }\n    }\n\n    this._internals.setValidity({});\n  }\n\n  /** @internal */\n  protected override _onFormReset(): void {\n    this.value = this._defaultValue;\n    this._internals.setFormValue(this.value !== null ? String(this.value) : null);\n    this._resetInteractionState();\n  }\n\n  /** @internal */\n  protected override _onFormStateRestore(\n    state: File | string | FormData | null,\n    _mode: 'restore' | 'autocomplete',\n  ): void {\n    if (typeof state === 'string') {\n      const parsed = Number(state);\n      this.value = isNaN(parsed) ? null : parsed;\n    }\n  }\n\n  /** @internal */\n  protected override _onFormDisabled(disabled: boolean): void {\n    this.disabled = disabled;\n  }\n\n  // ─── Value Parsing ───\n\n  /** @internal */\n  private _finite(value: number | undefined): number | undefined {\n    return Number.isFinite(value) ? value : undefined;\n  }\n\n  /** @internal */\n  private _parseInput(raw: string): number | null {\n    if (raw === '' || raw === null) return null;\n    const parsed = parseFloat(raw);\n    return isNaN(parsed) ? null : parsed;\n  }\n\n  /** @internal */\n  private _clamp(v: number): number {\n    let result = v;\n    const min = this._finite(this.min);\n    const max = this._finite(this.max);\n    if (min !== undefined) result = Math.max(min, result);\n    if (max !== undefined) result = Math.min(max, result);\n    return result;\n  }\n\n  // ─── Stepper Helpers ───\n\n  /** @internal */\n  private get _atMin(): boolean {\n    return this.value !== null && this.min !== undefined && this.value <= this.min;\n  }\n\n  /** @internal */\n  private get _atMax(): boolean {\n    return this.value !== null && this.max !== undefined && this.value >= this.max;\n  }\n\n  /** @internal */\n  private _applyStep(delta: number): void {\n    if (this.disabled || this.readonly) return;\n\n    const current = this.value ?? 0;\n    const step = this._finite(this.step) ?? 1;\n    const next = this._clamp(parseFloat((current + delta * step).toFixed(10)));\n\n    if (next === this.value) return;\n    this.value = next;\n    this._handleInteractionInput();\n\n    this.dispatchEvent(\n      new CustomEvent<{ value: number | null }>('hx-change', {\n        bubbles: true,\n        composed: true,\n        detail: { value: this.value },\n      }),\n    );\n  }\n\n  // ─── Long-press ───\n\n  /** @internal */\n  private _clearLongPress(): void {\n    if (this._longPressTimer !== null) {\n      clearTimeout(this._longPressTimer);\n      this._longPressTimer = null;\n    }\n    if (this._repeatInterval !== null) {\n      clearInterval(this._repeatInterval);\n      this._repeatInterval = null;\n    }\n  }\n\n  /** @internal */\n  private _startLongPress(delta: number): void {\n    this._applyStep(delta);\n    this._longPressTimer = setTimeout(() => {\n      this._repeatInterval = setInterval(() => {\n        this._applyStep(delta);\n      }, 100);\n    }, 400);\n  }\n\n  /** @internal */\n  private _handleStepperPointerDown(e: PointerEvent, delta: number): void {\n    if (this.disabled || this.readonly) return;\n    e.preventDefault();\n    this._startLongPress(delta);\n  }\n\n  /** @internal */\n  private _handleStepperPointerUp(): void {\n    this._clearLongPress();\n  }\n\n  // ─── Keyboard ───\n\n  /** @internal */\n  private _handleKeyDown(e: KeyboardEvent): void {\n    if (this.disabled || this.readonly) return;\n    if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      this._applyStep(1);\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      this._applyStep(-1);\n    }\n  }\n\n  // ─── Input Events ───\n\n  /** @internal */\n  private _handleInput(e: Event): void {\n    const target = e.target as HTMLInputElement;\n    this.value = this._parseInput(target.value);\n    this._handleInteractionInput();\n    this._syncFormValue();\n\n    this.dispatchEvent(\n      new CustomEvent<{ value: number | null }>('hx-input', {\n        bubbles: true,\n        composed: true,\n        detail: { value: this.value },\n      }),\n    );\n  }\n\n  /** @internal */\n  private _handleChange(e: Event): void {\n    const target = e.target as HTMLInputElement;\n    const parsed = this._parseInput(target.value);\n    this.value = parsed !== null ? this._clamp(parsed) : null;\n    this._handleInteractionBlur();\n    this._syncFormValue();\n\n    this.dispatchEvent(\n      new CustomEvent<{ value: number | null }>('hx-change', {\n        bubbles: true,\n        composed: true,\n        detail: { value: this.value },\n      }),\n    );\n  }\n\n  // ─── Public Methods ───\n\n  /** Moves focus to the input element. */\n  override focus(options?: FocusOptions): void {\n    this._input?.focus(options);\n  }\n\n  /** Selects all text in the input. */\n  select(): void {\n    this._input?.select();\n  }\n\n  // ─── Render Helpers ───\n\n  /** @internal */\n  private _renderIncrementIcon() {\n    return html`<hx-icon\n      class=\"field__stepper-glyph\"\n      library=\"helix\"\n      name=\"plus\"\n      aria-hidden=\"true\"\n    ></hx-icon>`;\n  }\n\n  /** @internal */\n  private _renderDecrementIcon() {\n    return html`<hx-icon\n      class=\"field__stepper-glyph\"\n      library=\"helix\"\n      name=\"dash\"\n      aria-hidden=\"true\"\n    ></hx-icon>`;\n  }\n\n  // ─── Render ───\n\n  override render() {\n    const hasError = !!this.error || this._hasErrorSlot;\n\n    const fieldClasses = {\n      field: true,\n      'field--error': hasError,\n      'field--disabled': this.disabled,\n      'field--required': this.required,\n      'field--sm': this.size === 'sm',\n      'field--md': this.size === 'md',\n      'field--lg': this.size === 'lg',\n    };\n\n    const describedBy =\n      [\n        hasError ? this._errorId : null,\n        !hasError && (this.helpText || this._hasHelpSlot) ? this._helpTextId : null,\n      ]\n        .filter(Boolean)\n        .join(' ') || undefined;\n\n    const displayValue = this.value !== null ? String(this.value) : '';\n\n    return html`\n      <div part=\"field\" class=${classMap(fieldClasses)}>\n        <div class=\"field__label-wrapper\">\n          <slot name=\"label\" @slotchange=${this._handleLabelSlotChange}>\n            ${this.label\n              ? html`\n                  <label part=\"label\" class=\"field__label\" for=${this._inputId}>\n                    ${this.label}\n                    ${this.required\n                      ? html`<span class=\"field__required-marker\" aria-hidden=\"true\">*</span>`\n                      : nothing}\n                  </label>\n                `\n              : nothing}\n          </slot>\n        </div>\n\n        <div part=\"input-wrapper\" class=\"field__input-wrapper\">\n          <span class=\"field__prefix\">\n            <slot name=\"prefix\"></slot>\n          </span>\n\n          <input\n            part=\"input\"\n            class=\"field__input\"\n            id=${this._inputId}\n            type=\"number\"\n            .value=${live(displayValue)}\n            min=${ifDefined(this.min)}\n            max=${ifDefined(this.max)}\n            step=${this.step}\n            ?required=${this.required}\n            ?disabled=${this.disabled}\n            ?readonly=${this.readonly}\n            name=${ifDefined(this.name || undefined)}\n            aria-labelledby=${ifDefined(\n              this._hasLabelSlot ? `${this._inputId}-slotted-label` : undefined,\n            )}\n            aria-invalid=${hasError ? 'true' : nothing}\n            aria-describedby=${ifDefined(describedBy)}\n            @input=${this._handleInput}\n            @change=${this._handleChange}\n            @keydown=${this._handleKeyDown}\n          />\n\n          <span class=\"field__suffix\">\n            <slot name=\"suffix\"></slot>\n          </span>\n\n          ${this.noStepper\n            ? nothing\n            : html`\n                <div part=\"stepper\" class=\"field__stepper\">\n                  <button\n                    part=\"increment\"\n                    class=\"field__stepper-btn\"\n                    type=\"button\"\n                    aria-label=${this.incrementLabel}\n                    ?disabled=${this.disabled || this.readonly || this._atMax}\n                    tabindex=\"-1\"\n                    @pointerdown=${(e: PointerEvent) => this._handleStepperPointerDown(e, 1)}\n                    @pointerup=${this._handleStepperPointerUp}\n                    @pointerleave=${this._handleStepperPointerUp}\n                    @pointercancel=${this._handleStepperPointerUp}\n                  >\n                    ${this._renderIncrementIcon()}\n                  </button>\n                  <button\n                    part=\"decrement\"\n                    class=\"field__stepper-btn\"\n                    type=\"button\"\n                    aria-label=${this.decrementLabel}\n                    ?disabled=${this.disabled || this.readonly || this._atMin}\n                    tabindex=\"-1\"\n                    @pointerdown=${(e: PointerEvent) => this._handleStepperPointerDown(e, -1)}\n                    @pointerup=${this._handleStepperPointerUp}\n                    @pointerleave=${this._handleStepperPointerUp}\n                    @pointercancel=${this._handleStepperPointerUp}\n                  >\n                    ${this._renderDecrementIcon()}\n                  </button>\n                </div>\n              `}\n        </div>\n\n        <slot name=\"error\" @slotchange=${this._handleErrorSlotChange}>\n          ${this.error\n            ? html`\n                <div part=\"error\" class=\"field__error\" id=${this._errorId} role=\"alert\">\n                  ${this.error}\n                </div>\n              `\n            : nothing}\n        </slot>\n\n        <div\n          part=\"help-text\"\n          class=\"field__help-text\"\n          id=${this._helpTextId}\n          ?hidden=${hasError || (!this.helpText && !this._hasHelpSlot)}\n        >\n          <slot name=\"help-text\" @slotchange=${this._handleHelpSlotChange}>${this.helpText}</slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-number-input': HelixNumberInput;\n  }\n}\n"],"names":["helixNumberInputStyles","css","_nextNumberInputId","createIdCounter","HelixNumberInput","FormMixin","HelixElement","slot","slottedLabel","assigned","changedProperties","errorEl","_a","msg","step","base","remainder","epsilon","state","_mode","parsed","disabled","value","raw","v","result","min","max","delta","current","next","target","options","html","hasError","fieldClasses","describedBy","displayValue","classMap","nothing","live","ifDefined","e","forcedColorsField","__decorateClass","property","attr","n","val","query","customElement"],"mappings":";;;;;;;;;AAEO,MAAMA,IAAyBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAA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"}

package/dist/shared/{hx-overflow-menu-DFjJAziP.js → hx-overflow-menu-LrTteeR1.js}

@@ -1,5 +1,5 @@
-import { css as x, html as d, nothing as m } from "lit";
-import { property as h, state as g, query as v, customElement as _ } from "lit/decorators.js";
+import { css as x, html as u, nothing as m } from "lit";
+import { property as h, state as g, query as b, customElement as _ } from "lit/decorators.js";
 import { classMap as y } from "lit/directives/class-map.js";
 import { f as w } from "./forced-colors-CTEDFRGa.js";
 import { f as k } from "./aria-flatten-DY6v2vah.js";
@@ -175,6 +175,11 @@ const M = x`
       border: 2px solid CanvasText;
     }
   }
+
+  /* hx-icon glyph sizing for the migrated trigger icons (1em parity). */
+  .trigger__glyph {
+    --hx-icon-size: 1em;
+  }
 `;
 var S = Object.defineProperty, L = Object.getOwnPropertyDescriptor, l = (e, t, r, i) => {
   for (var o = i > 1 ? void 0 : i ? L(t, r) : t, n = e.length - 1, s; n >= 0; n--)
@@ -246,9 +251,9 @@ let a = class extends E {
         i.call(r, !0);
         const o = r.updateComplete;
         o && o.then(() => {
-          var c, u;
-          const n = (c = r.shadowRoot) == null ? void 0 : c.querySelector('slot[name="submenu"]'), s = n == null ? void 0 : n.assignedElements({ flatten: !0 }).find((b) => b.tagName.toLowerCase() === "hx-menu");
-          (u = s == null ? void 0 : s.focusFirst) == null || u.call(s);
+          var d, c;
+          const n = (d = r.shadowRoot) == null ? void 0 : d.querySelector('slot[name="submenu"]'), s = n == null ? void 0 : n.assignedElements({ flatten: !0 }).find((v) => v.tagName.toLowerCase() === "hx-menu");
+          (c = s == null ? void 0 : s.focusFirst) == null || c.call(s);
         }).catch(() => {
         });
       });
@@ -292,14 +297,14 @@ let a = class extends E {
   async _updatePosition() {
     const e = this._buttonEl, t = this._panelEl;
     if (!e || !t) return;
-    const { computePosition: r, flip: i, shift: o, offset: n } = await import("@floating-ui/dom"), { x: s, y: c } = await r(e, t, {
+    const { computePosition: r, flip: i, shift: o, offset: n } = await import("@floating-ui/dom"), { x: s, y: d } = await r(e, t, {
       placement: this.placement,
       strategy: "fixed",
       middleware: [n(4), i(), o({ padding: 8 })]
     });
     Object.assign(t.style, {
       left: `${s}px`,
-      top: `${c}px`
+      top: `${d}px`
     });
   }
   // ─── Focus management ───
@@ -383,35 +388,23 @@ let a = class extends E {
     r ? n = r : o ? n = o : n = this.label, this._resolvedTriggerLabel = n;
   }
   // ─── SVG Icons ───
-  /** @internal */
+  /**
+   * @internal Helix's curated set provides the horizontal `ellipsis` glyph.
+   * For the vertical variant we fall back to FA Free's `ellipsis-vertical`
+   * since it isn't part of helix's 32-glyph vocabulary.
+   */
   _renderIcon() {
-    return this.icon === "horizontal" ? d`
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="1em"
-          height="1em"
-          viewBox="0 0 24 24"
-          fill="currentColor"
-          aria-hidden="true"
-        >
-          <circle cx="5" cy="12" r="2" />
-          <circle cx="12" cy="12" r="2" />
-          <circle cx="19" cy="12" r="2" />
-        </svg>
-      ` : d`
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="1em"
-        height="1em"
-        viewBox="0 0 24 24"
-        fill="currentColor"
+    return this.icon === "horizontal" ? u`<hx-icon
+        class="trigger__glyph"
+        library="helix"
+        name="ellipsis"
         aria-hidden="true"
-      >
-        <circle cx="12" cy="5" r="2" />
-        <circle cx="12" cy="12" r="2" />
-        <circle cx="12" cy="19" r="2" />
-      </svg>
-    `;
+      ></hx-icon>` : u`<hx-icon
+      class="trigger__glyph"
+      library="fa-free"
+      name="ellipsis-vertical"
+      aria-hidden="true"
+    ></hx-icon>`;
   }
   // ─── Render ───
   render() {
@@ -420,7 +413,7 @@ let a = class extends E {
       [`trigger--${this.size}`]: !0,
       "trigger--open": this._open
     };
-    return d`
+    return u`
       <button
         part="button trigger"
         class=${y(e)}
@@ -434,7 +427,7 @@ let a = class extends E {
       >
         ${this._renderIcon()}
       </button>
-      ${this._open ? d`
+      ${this._open ? u`
             <div
               id=${this._panelId}
               part="panel menu"
@@ -478,10 +471,10 @@ l([
   g()
 ], a.prototype, "_resolvedTriggerLabel", 2);
 l([
-  v('[part~="button"]')
+  b('[part~="button"]')
 ], a.prototype, "_buttonEl", 2);
 l([
-  v('[part~="panel"]')
+  b('[part~="panel"]')
 ], a.prototype, "_panelEl", 2);
 a = l([
   _("hx-overflow-menu")
@@ -489,4 +482,4 @@ a = l([
 export {
   a as H
 };
-//# sourceMappingURL=hx-overflow-menu-DFjJAziP.js.map
+//# sourceMappingURL=hx-overflow-menu-LrTteeR1.js.map