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

package/dist/shared/{toast-factory-CEMNOt1T.js → toast-factory-BPPnG3mM.js}

@@ -1,7 +1,7 @@
-import { css as p, LitElement as f, html as l, nothing as u } from "lit";
-import "./document-token-adoption-DuYNKd4k.js";
-import { property as c, query as g, state as b, customElement as v } from "lit/decorators.js";
-import { classMap as _ } from "lit/directives/class-map.js";
+import { css as p, html as l, nothing as u } from "lit";
+import { property as c, query as g, state as b, customElement as f } from "lit/decorators.js";
+import { classMap as v } from "lit/directives/class-map.js";
+import { H as _ } from "./helix-element-BNEYeiys.js";
 const y = p`
   /* ─── hx-toast host ─── */
 
@@ -24,13 +24,12 @@ const y = p`
     border-radius: var(--hx-toast-border-radius, var(--hx-border-radius-md, 0.375rem));
     background-color: var(--hx-toast-bg, var(--hx-color-neutral-900, #0f172a));
     color: var(--hx-toast-color, var(--hx-color-neutral-0, #ffffff));
-    font-family: var(--hx-font-family-sans, sans-serif);
+    font-family: var(--hx-toast-font-family, var(--hx-font-family-sans, sans-serif));
     font-size: var(--hx-font-size-sm, 0.875rem);
     line-height: var(--hx-line-height-normal, 1.5);
     box-shadow: var(
       --hx-toast-shadow,
-      0 4px 6px -1px rgb(0 0 0 / 0.1),
-      0 2px 4px -2px rgb(0 0 0 / 0.1)
+      var(--hx-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1))
     );
     opacity: 0;
     transform: translateY(var(--hx-toast-enter-translate, var(--hx-space-2, 0.5rem)));
@@ -50,22 +49,22 @@ const y = p`
   /* ─── Variant overrides ─── */
 
   .toast--success {
-    --hx-toast-bg: var(--hx-color-success-600, #16a34a);
+    --hx-toast-bg: var(--hx-color-success-600, #15803d);
     --hx-toast-color: var(--hx-color-neutral-0, #ffffff);
   }
 
   .toast--warning {
-    --hx-toast-bg: var(--hx-color-warning-500, #f59e0b);
+    --hx-toast-bg: var(--hx-color-warning-500, #d97706);
     --hx-toast-color: var(--hx-color-neutral-900, #0f172a);
   }
 
   .toast--danger {
-    --hx-toast-bg: var(--hx-color-error-600, #dc2626);
+    --hx-toast-bg: var(--hx-color-error-600, #b91c1c);
     --hx-toast-color: var(--hx-color-neutral-0, #ffffff);
   }
 
   .toast--info {
-    --hx-toast-bg: var(--hx-color-primary-600, #2563eb);
+    --hx-toast-bg: var(--hx-color-primary-600, #1d4ed8);
     --hx-toast-color: var(--hx-color-neutral-0, #ffffff);
   }
 
@@ -157,6 +156,19 @@ const y = p`
       transition: none;
     }
   }
+
+  /* ─── Forced Colors (Windows High Contrast) ─── */
+
+  @media (forced-colors: active) {
+    .toast {
+      border: 1px solid CanvasText;
+    }
+
+    .toast__close {
+      color: ButtonText;
+      border: 1px solid ButtonText;
+    }
+  }
 `, w = p`
   :host {
     display: block;
@@ -231,12 +243,12 @@ const y = p`
     --hx-toast-enter-translate: calc(var(--hx-space-2, 0.5rem) * -1);
   }
 `;
-var C = Object.defineProperty, S = Object.getOwnPropertyDescriptor, h = (t, a, r, s) => {
-  for (var e = s > 1 ? void 0 : s ? S(a, r) : a, n = t.length - 1, i; n >= 0; n--)
-    (i = t[n]) && (e = (s ? i(a, r, e) : i(e)) || e);
-  return s && e && C(a, r, e), e;
+var C = Object.defineProperty, T = Object.getOwnPropertyDescriptor, h = (t, a, o, s) => {
+  for (var e = s > 1 ? void 0 : s ? T(a, o) : a, i = t.length - 1, n; i >= 0; i--)
+    (n = t[i]) && (e = (s ? n(a, o, e) : n(e)) || e);
+  return s && e && C(a, o, e), e;
 };
-let o = class extends f {
+let r = class extends _ {
   constructor() {
     super(...arguments), this.variant = "default", this.duration = 5e3, this.closable = !1, this.open = !1, this.labelClose = "Dismiss notification", this._hasActionContent = !1, this._timer = null, this._timerStartedAt = null, this._timerRemaining = null;
   }
@@ -295,8 +307,8 @@ let o = class extends f {
     let t = !1;
     const a = () => {
       t || (t = !0, this.dispatchEvent(new CustomEvent("hx-after-hide", { bubbles: !0, composed: !0 })));
-    }, r = this._toastEl;
-    r && r.addEventListener("transitionend", a, { once: !0 }), setTimeout(a, 300);
+    }, o = this._toastEl;
+    o && o.addEventListener("transitionend", a, { once: !0 }), setTimeout(a, 300);
   }
   // ─── Event Handlers ───
   /** @internal */
@@ -389,7 +401,7 @@ let o = class extends f {
   }
   /** @internal */
   get _severityLabel() {
-    return o._SEVERITY_LABELS[this.variant] ?? "";
+    return r._SEVERITY_LABELS[this.variant] ?? "";
   }
   // ─── Render ───
   render() {
@@ -397,7 +409,7 @@ let o = class extends f {
     return l`
       <div
         part="base"
-        class=${_({
+        class=${v({
       toast: !0,
       [`toast--${this.variant}`]: !0
     })}
@@ -447,8 +459,8 @@ let o = class extends f {
     `;
   }
 };
-o.styles = [y];
-o._SEVERITY_LABELS = {
+r.styles = [y];
+r._SEVERITY_LABELS = {
   success: "Success",
   warning: "Warning",
   danger: "Error",
@@ -456,34 +468,34 @@ o._SEVERITY_LABELS = {
 };
 h([
   c({ type: String, reflect: !0 })
-], o.prototype, "variant", 2);
+], r.prototype, "variant", 2);
 h([
   c({ type: Number })
-], o.prototype, "duration", 2);
+], r.prototype, "duration", 2);
 h([
   c({ type: Boolean, reflect: !0 })
-], o.prototype, "closable", 2);
+], r.prototype, "closable", 2);
 h([
   c({ type: Boolean, reflect: !0 })
-], o.prototype, "open", 2);
+], r.prototype, "open", 2);
 h([
   c({ attribute: "label-close" })
-], o.prototype, "labelClose", 2);
+], r.prototype, "labelClose", 2);
 h([
   g(".toast")
-], o.prototype, "_toastEl", 2);
+], r.prototype, "_toastEl", 2);
 h([
   b()
-], o.prototype, "_hasActionContent", 2);
-o = h([
-  v("hx-toast")
-], o);
-var E = Object.defineProperty, L = Object.getOwnPropertyDescriptor, m = (t, a, r, s) => {
-  for (var e = s > 1 ? void 0 : s ? L(a, r) : a, n = t.length - 1, i; n >= 0; n--)
-    (i = t[n]) && (e = (s ? i(a, r, e) : i(e)) || e);
-  return s && e && E(a, r, e), e;
+], r.prototype, "_hasActionContent", 2);
+r = h([
+  f("hx-toast")
+], r);
+var S = Object.defineProperty, E = Object.getOwnPropertyDescriptor, m = (t, a, o, s) => {
+  for (var e = s > 1 ? void 0 : s ? E(a, o) : a, i = t.length - 1, n; i >= 0; i--)
+    (n = t[i]) && (e = (s ? n(a, o, e) : n(e)) || e);
+  return s && e && S(a, o, e), e;
 };
-let d = class extends f {
+let d = class extends _ {
   constructor() {
     super(...arguments), this.placement = "bottom-end", this.stackLimit = 3;
   }
@@ -491,7 +503,7 @@ let d = class extends f {
     return l`
       <div
         part="base"
-        class=${_({
+        class=${v({
       "toast-stack": !0,
       [`toast-stack--${this.placement}`]: !0
     })}
@@ -509,16 +521,16 @@ m([
   c({ type: Number, attribute: "stack-limit" })
 ], d.prototype, "stackLimit", 2);
 d = m([
-  v("hx-toast-stack")
+  f("hx-toast-stack")
 ], d);
 function I(t) {
-  var n;
+  var i;
   if (typeof document > "u") throw new Error("toast() requires a browser environment");
-  const a = t.placement ?? "bottom-end", r = `hx-toast-stack[placement="${a}"]`;
-  let s = document.querySelector(r);
+  const a = t.placement ?? "bottom-end", o = `hx-toast-stack[placement="${a}"]`;
+  let s = document.querySelector(o);
   if (s || (s = document.createElement("hx-toast-stack"), s.placement = a, document.body.appendChild(s)), s.stackLimit > 0) {
-    const i = [...s.querySelectorAll("hx-toast")].filter((x) => x.open);
-    i.length >= s.stackLimit && ((n = i[0]) == null || n.hide());
+    const n = [...s.querySelectorAll("hx-toast")].filter((x) => x.open);
+    n.length >= s.stackLimit && ((i = n[0]) == null || i.hide());
   }
   const e = document.createElement("hx-toast");
   return e.variant = t.variant ?? "default", e.duration = t.duration ?? 3e3, e.closable = !0, e.textContent = t.message, e.addEventListener("hx-after-hide", () => {
@@ -526,8 +538,8 @@ function I(t) {
   }), s.appendChild(e), e.show(), e;
 }
 export {
-  o as H,
+  r as H,
   d as a,
   I as t
 };
-//# sourceMappingURL=toast-factory-CEMNOt1T.js.map
+//# sourceMappingURL=toast-factory-BPPnG3mM.js.map

package/dist/shared/toast-factory-BPPnG3mM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-factory-BPPnG3mM.js","sources":["../../src/components/hx-toast/hx-toast.styles.ts","../../src/components/hx-toast/hx-toast.ts","../../src/components/hx-toast/hx-toast-stack.ts","../../src/components/hx-toast/toast-factory.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixToastStyles = css`\n  /* ─── hx-toast host ─── */\n\n  :host {\n    display: block;\n    pointer-events: none;\n  }\n\n  :host([open]) {\n    pointer-events: auto;\n  }\n\n  /* ─── Toast base ─── */\n\n  .toast {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--hx-space-3, 0.75rem);\n    padding: var(--hx-space-3, 0.75rem) var(--hx-space-4, 1rem);\n    border-radius: var(--hx-toast-border-radius, var(--hx-border-radius-md, 0.375rem));\n    background-color: var(--hx-toast-bg, var(--hx-color-neutral-900, #0f172a));\n    color: var(--hx-toast-color, var(--hx-color-neutral-0, #ffffff));\n    font-family: var(--hx-toast-font-family, var(--hx-font-family-sans, sans-serif));\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    line-height: var(--hx-line-height-normal, 1.5);\n    box-shadow: var(\n      --hx-toast-shadow,\n      var(--hx-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1))\n    );\n    opacity: 0;\n    transform: translateY(var(--hx-toast-enter-translate, var(--hx-space-2, 0.5rem)));\n    transition:\n      opacity var(--hx-transition-normal, 250ms ease),\n      transform var(--hx-transition-normal, 250ms ease);\n    width: var(--hx-toast-width, 20rem);\n    max-width: 100%;\n    pointer-events: auto;\n  }\n\n  :host([open]) .toast {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  /* ─── Variant overrides ─── */\n\n  .toast--success {\n    --hx-toast-bg: var(--hx-color-success-600, #15803d);\n    --hx-toast-color: var(--hx-color-neutral-0, #ffffff);\n  }\n\n  .toast--warning {\n    --hx-toast-bg: var(--hx-color-warning-500, #d97706);\n    --hx-toast-color: var(--hx-color-neutral-900, #0f172a);\n  }\n\n  .toast--danger {\n    --hx-toast-bg: var(--hx-color-error-600, #b91c1c);\n    --hx-toast-color: var(--hx-color-neutral-0, #ffffff);\n  }\n\n  .toast--info {\n    --hx-toast-bg: var(--hx-color-primary-600, #1d4ed8);\n    --hx-toast-color: var(--hx-color-neutral-0, #ffffff);\n  }\n\n  /* ─── Severity Label (WCAG 1.4.1) ─── */\n  /* Visually hidden — non-color cue for severity variants (success/warning/danger/info). */\n  /* Ensures variant is not conveyed by color alone for color-blind users.                */\n\n  .toast__severity-label {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  /* ─── Icon ─── */\n\n  .toast__icon {\n    flex-shrink: 0;\n    display: inline-flex;\n    align-items: center;\n    line-height: 1;\n  }\n\n  .toast__icon:empty {\n    display: none;\n  }\n\n  /* ─── Message ─── */\n\n  .toast__message {\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n\n  /* ─── Action slot ─── */\n\n  .toast__action {\n    flex-shrink: 0;\n    display: inline-flex;\n    align-items: center;\n  }\n\n  .toast__action:empty {\n    display: none;\n  }\n\n  /* ─── Close button ─── */\n\n  .toast__close {\n    flex-shrink: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    /* WCAG 2.5.5: minimum 44×44px touch target */\n    min-width: var(--hx-touch-target-min, 2.75rem);\n    min-height: var(--hx-touch-target-min, 2.75rem);\n    padding: var(--hx-space-1, 0.25rem);\n    background: transparent;\n    border: none;\n    border-radius: var(--hx-border-radius-sm, 0.25rem);\n    color: inherit;\n    cursor: pointer;\n    opacity: var(--hx-opacity-75, 0.75);\n    transition: opacity var(--hx-transition-fast, 150ms ease);\n  }\n\n  .toast__close:hover {\n    opacity: 1;\n  }\n\n  .toast__close:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid currentColor;\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n  }\n\n  /* ─── Reduced motion ─── */\n\n  @media (prefers-reduced-motion: reduce) {\n    .toast {\n      transition: none;\n    }\n\n    .toast__close {\n      transition: none;\n    }\n  }\n\n  /* ─── Forced Colors (Windows High Contrast) ─── */\n\n  @media (forced-colors: active) {\n    .toast {\n      border: 1px solid CanvasText;\n    }\n\n    .toast__close {\n      color: ButtonText;\n      border: 1px solid ButtonText;\n    }\n  }\n`;\n\nexport const helixToastStackStyles = css`\n  :host {\n    display: block;\n    position: fixed;\n    z-index: var(--hx-z-index-toast, 1700);\n    pointer-events: none;\n  }\n\n  .toast-stack {\n    display: flex;\n    flex-direction: column;\n    gap: var(--hx-space-3, 0.75rem);\n    padding: var(--hx-space-4, 1rem);\n    pointer-events: none;\n  }\n\n  /* ─── Placements ─── */\n\n  :host([placement='top-start']) {\n    top: 0;\n    inset-inline-start: 0;\n    inset-inline-end: auto;\n    bottom: auto;\n  }\n\n  :host([placement='top-center']) {\n    top: 0;\n    inset-inline-start: 50%;\n    transform: translateX(-50%);\n    inset-inline-end: auto;\n    bottom: auto;\n  }\n\n  :host([placement='top-end']) {\n    top: 0;\n    inset-inline-end: 0;\n    inset-inline-start: auto;\n    bottom: auto;\n  }\n\n  :host([placement='bottom-start']) {\n    bottom: 0;\n    inset-inline-start: 0;\n    inset-inline-end: auto;\n    top: auto;\n  }\n\n  :host([placement='bottom-center']) {\n    bottom: 0;\n    inset-inline-start: 50%;\n    transform: translateX(-50%);\n    inset-inline-end: auto;\n    top: auto;\n  }\n\n  :host([placement='bottom-end']) {\n    bottom: 0;\n    inset-inline-end: 0;\n    inset-inline-start: auto;\n    top: auto;\n  }\n\n  /* ─── Bottom placements: reverse order so newest is on top ─── */\n\n  :host([placement^='bottom']) .toast-stack {\n    flex-direction: column-reverse;\n  }\n\n  /* ─── Slide direction by placement ─── */\n\n  :host([placement^='top']) ::slotted(hx-toast) {\n    --hx-toast-enter-translate: calc(var(--hx-space-2, 0.5rem) * -1);\n  }\n`;\n","import { html, nothing, type PropertyValues } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HelixElement } from '../../base/index.js';\nimport { helixToastStyles } from './hx-toast.styles.js';\n\nexport type ToastVariant = 'default' | 'success' | 'warning' | 'danger' | 'info';\n\n/**\n * A transient notification message that auto-dismisses after a configurable duration.\n * Supports multiple visual variants, a closable button, icon/action slots, and full\n * ARIA live region semantics for screen readers.\n *\n * @summary Transient notification toast component.\n *\n * @tag hx-toast\n *\n * @slot - Default slot for the notification message.\n * @slot icon - Optional icon rendered before the message.\n * @slot action - Optional action button rendered after the message.\n *\n * @fires {CustomEvent} hx-show - Dispatched when the toast becomes visible.\n * @fires {CustomEvent} hx-hide - Dispatched when the toast begins hiding.\n * @fires {CustomEvent} hx-after-hide - Dispatched after the hide animation completes.\n *\n * @csspart base - The inner toast container div.\n * @csspart icon - The icon slot wrapper.\n * @csspart message - The message slot wrapper.\n * @csspart close-button - The dismiss button (only when closable).\n * @csspart action - The action slot wrapper.\n *\n * @cssprop [--hx-toast-bg=var(--hx-color-neutral-900)] - Toast background color.\n * @cssprop [--hx-toast-color=var(--hx-color-neutral-0)] - Toast text color.\n * @cssprop [--hx-toast-border-radius=var(--hx-border-radius-md)] - Toast border radius.\n * @cssprop [--hx-toast-shadow] - Toast box shadow.\n * @cssprop [--hx-toast-width=20rem] - Toast width.\n */\n@customElement('hx-toast')\nexport class HelixToast extends HelixElement {\n  static override styles = [helixToastStyles];\n\n  // ─── Public Properties ───\n\n  /**\n   * Visual style variant.\n   * @attr variant\n   */\n  @property({ type: String, reflect: true })\n  variant: 'default' | 'success' | 'warning' | 'danger' | 'info' = 'default';\n\n  /**\n   * Auto-dismiss duration in milliseconds. Set to 0 for persistent toasts.\n   * @attr duration\n   */\n  @property({ type: Number })\n  duration = 5000;\n\n  /**\n   * Whether to show a close button.\n   * @attr closable\n   */\n  @property({ type: Boolean, reflect: true })\n  closable = false;\n\n  /**\n   * Whether the toast is currently visible.\n   * @attr open\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Accessible label for the close button. Override for localization.\n   * @attr label-close\n   */\n  @property({ attribute: 'label-close' })\n  labelClose = 'Dismiss notification';\n\n  // ─── Private State ───\n\n  /** @internal */\n  @query('.toast') private _toastEl!: HTMLElement | null;\n\n  /** @internal Tracks whether the action slot has slotted content. */\n  @state() private _hasActionContent = false;\n\n  /** @internal */\n  private _timer: ReturnType<typeof setTimeout> | null = null;\n\n  // ─── Reduced Motion ───\n\n  /** @internal Returns true when the user has opted into reduced motion. */\n  private get _reducedMotion(): boolean {\n    // Guard for SSR — window.matchMedia is unavailable server-side\n    if (typeof window === 'undefined') return false;\n    return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  }\n\n  /** @internal */\n  private _timerStartedAt: number | null = null;\n\n  /** @internal */\n  private _timerRemaining: number | null = null;\n\n  // ─── Lifecycle ───\n\n  override updated(changedProperties: PropertyValues<this>): void {\n    super.updated(changedProperties);\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        this.removeAttribute('aria-hidden');\n        this._emitShow();\n        if (this.duration > 0 && !this._reducedMotion && !this._hasActionContent) {\n          this._startTimer();\n        }\n      } else {\n        this.setAttribute('aria-hidden', 'true');\n        this._clearTimer();\n        this._emitHide();\n      }\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._clearTimer();\n  }\n\n  // ─── Public API ───\n\n  /** Show the toast. */\n  show(): void {\n    if (!this.open) {\n      this.open = true;\n    }\n  }\n\n  /** Hide the toast. */\n  hide(): void {\n    if (this.open) {\n      this.open = false;\n    }\n  }\n\n  // ─── Private Helpers ───\n\n  /** @internal */\n  private _startTimer(remaining?: number): void {\n    this._clearTimerHandle();\n    const delay = remaining ?? this.duration;\n    this._timerStartedAt = Date.now();\n    this._timerRemaining = delay;\n    this._timer = setTimeout(() => {\n      this.open = false;\n    }, delay);\n  }\n\n  /** @internal */\n  private _pauseTimer(): void {\n    if (this._timer === null || this._timerStartedAt === null || this._timerRemaining === null) {\n      return;\n    }\n    const elapsed = Date.now() - this._timerStartedAt;\n    this._timerRemaining = Math.max(0, this._timerRemaining - elapsed);\n    this._clearTimerHandle();\n  }\n\n  /** @internal */\n  private _clearTimerHandle(): void {\n    if (this._timer !== null) {\n      clearTimeout(this._timer);\n      this._timer = null;\n    }\n  }\n\n  /** @internal */\n  private _clearTimer(): void {\n    this._clearTimerHandle();\n    this._timerStartedAt = null;\n    this._timerRemaining = null;\n  }\n\n  /** @internal */\n  private _emitShow(): void {\n    this.dispatchEvent(new CustomEvent<void>('hx-show', { bubbles: true, composed: true }));\n  }\n\n  /** @internal */\n  private _emitHide(): void {\n    this.dispatchEvent(new CustomEvent<void>('hx-hide', { bubbles: true, composed: true }));\n\n    let fired = false;\n    const fireAfterHide = () => {\n      if (fired) return;\n      fired = true;\n      this.dispatchEvent(new CustomEvent<void>('hx-after-hide', { bubbles: true, composed: true }));\n    };\n\n    // Fire on transitionend if available; fallback ensures it fires in test environments\n    // and when transitions are disabled (prefers-reduced-motion, no CSS transitions).\n    const base = this._toastEl;\n    if (base) {\n      base.addEventListener('transitionend', fireAfterHide, { once: true });\n    }\n    // Fallback fires after the CSS transition duration (250ms) plus a small buffer.\n    setTimeout(fireAfterHide, 300);\n  }\n\n  // ─── Event Handlers ───\n\n  /** @internal */\n  private _handleMouseEnter(): void {\n    this._pauseTimer();\n  }\n\n  /** @internal */\n  private _handleMouseLeave(): void {\n    if (this.open && this.duration > 0) {\n      this._startTimer(this._timerRemaining ?? undefined);\n    }\n  }\n\n  /** @internal */\n  private _handleFocusIn(): void {\n    this._pauseTimer();\n  }\n\n  /** @internal */\n  private _handleFocusOut(): void {\n    if (this.open && this.duration > 0) {\n      this._startTimer(this._timerRemaining ?? undefined);\n    }\n  }\n\n  /** @internal */\n  private _handleClose(): void {\n    this.hide();\n  }\n\n  /** @internal */\n  private _handleActionSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasActionContent = slot.assignedNodes({ flatten: true }).length > 0;\n    if (this._hasActionContent && this.open) {\n      this._pauseTimer();\n    }\n  }\n\n  // ─── ARIA Helpers ───\n\n  /** @internal */\n  private get _role(): 'alert' | 'status' {\n    return this.variant === 'danger' ? 'alert' : 'status';\n  }\n\n  /** @internal */\n  private get _ariaLive(): 'assertive' | 'polite' {\n    return this.variant === 'danger' ? 'assertive' : 'polite';\n  }\n\n  // ─── WCAG 1.4.1: Default Icons ───\n  // Each semantic variant renders a default icon when no icon is slotted,\n  // ensuring the severity is not conveyed by color alone.\n\n  /** @internal */\n  private _renderSuccessIcon() {\n    return html`<svg viewBox=\"0 0 20 20\" aria-hidden=\"true\" width=\"16\" height=\"16\">\n      <path\n        fill=\"currentColor\"\n        d=\"M10 2a8 8 0 100 16 8 8 0 000-16zm3.03 6.28a.75.75 0 00-1.06-1.06L9 10.19 7.78 8.97a.75.75 0 00-1.06 1.06l1.75 1.75a.75.75 0 001.06 0l3.5-3.5z\"\n      />\n    </svg>`;\n  }\n\n  /** @internal */\n  private _renderWarningIcon() {\n    return html`<svg viewBox=\"0 0 20 20\" aria-hidden=\"true\" width=\"16\" height=\"16\">\n      <path\n        fill=\"currentColor\"\n        d=\"M8.49 2.92a1.75 1.75 0 013.02 0l6.25 10.83A1.75 1.75 0 0116.25 16H3.75a1.75 1.75 0 01-1.51-2.25L8.49 2.92zM10 7a.75.75 0 01.75.75v3a.75.75 0 01-1.5 0v-3A.75.75 0 0110 7zm0 7.5a.75.75 0 100-1.5.75.75 0 000 1.5z\"\n      />\n    </svg>`;\n  }\n\n  /** @internal */\n  private _renderDangerIcon() {\n    return html`<svg viewBox=\"0 0 20 20\" aria-hidden=\"true\" width=\"16\" height=\"16\">\n      <path\n        fill=\"currentColor\"\n        d=\"M10 2a8 8 0 100 16 8 8 0 000-16zm-1.72 5.22a.75.75 0 011.06 0L10 7.94l.66-.72a.75.75 0 111.06 1.06L11.06 9l.66.72a.75.75 0 11-1.06 1.06L10 10.06l-.66.72a.75.75 0 01-1.06-1.06L8.94 9l-.66-.72a.75.75 0 010-1.06z\"\n      />\n    </svg>`;\n  }\n\n  /** @internal */\n  private _renderInfoIcon() {\n    return html`<svg viewBox=\"0 0 20 20\" aria-hidden=\"true\" width=\"16\" height=\"16\">\n      <path\n        fill=\"currentColor\"\n        d=\"M10 2a8 8 0 100 16 8 8 0 000-16zm.75 4.75a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM9.25 9a.75.75 0 011.5 0v4a.75.75 0 01-1.5 0V9z\"\n      />\n    </svg>`;\n  }\n\n  /** @internal Returns the default icon for the current variant, or nothing for 'default'. */\n  private get _defaultIcon() {\n    switch (this.variant) {\n      case 'success':\n        return this._renderSuccessIcon();\n      case 'warning':\n        return this._renderWarningIcon();\n      case 'danger':\n        return this._renderDangerIcon();\n      case 'info':\n        return this._renderInfoIcon();\n      default:\n        return nothing;\n    }\n  }\n\n  // ─── WCAG 1.4.1: Severity label map ───\n\n  /** @internal */\n  private static readonly _SEVERITY_LABELS: Partial<Record<ToastVariant, string>> = {\n    success: 'Success',\n    warning: 'Warning',\n    danger: 'Error',\n    info: 'Info',\n  };\n\n  /** @internal */\n  private get _severityLabel(): string {\n    return HelixToast._SEVERITY_LABELS[this.variant] ?? '';\n  }\n\n  // ─── Render ───\n\n  override render() {\n    const severityLabel = this._severityLabel;\n\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          toast: true,\n          [`toast--${this.variant}`]: true,\n        })}\n        role=${this._role}\n        aria-live=${this._ariaLive}\n        aria-atomic=\"true\"\n        @mouseenter=${this._handleMouseEnter}\n        @mouseleave=${this._handleMouseLeave}\n        @focusin=${this._handleFocusIn}\n        @focusout=${this._handleFocusOut}\n      >\n        ${this.open\n          ? html`\n              ${severityLabel\n                ? html`<span class=\"toast__severity-label\">${severityLabel}: </span>`\n                : nothing}\n              <span part=\"icon\" class=\"toast__icon\">\n                <slot name=\"icon\">${this._defaultIcon}</slot>\n              </span>\n              <span part=\"message\" class=\"toast__message\">\n                <slot></slot>\n              </span>\n              <span part=\"action\" class=\"toast__action\">\n                <slot name=\"action\" @slotchange=${this._handleActionSlotChange}></slot>\n              </span>\n              ${this.closable\n                ? html`\n                    <button\n                      part=\"close-button\"\n                      class=\"toast__close\"\n                      aria-label=${this.labelClose}\n                      @click=${this._handleClose}\n                    >\n                      <svg\n                        aria-hidden=\"true\"\n                        width=\"16\"\n                        height=\"16\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"2\"\n                        stroke-linecap=\"round\"\n                        stroke-linejoin=\"round\"\n                      >\n                        <path d=\"M18 6L6 18M6 6l12 12\" />\n                      </svg>\n                    </button>\n                  `\n                : nothing}\n            `\n          : nothing}\n      </div>\n    `;\n  }\n}\n\n// ─── Declarative Global Types ───\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-toast': HelixToast;\n  }\n}\n","import { html } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HelixElement } from '../../base/index.js';\nimport { helixToastStackStyles } from './hx-toast.styles.js';\n\nexport type ToastStackPlacement =\n  | 'top-start'\n  | 'top-center'\n  | 'top-end'\n  | 'bottom-start'\n  | 'bottom-center'\n  | 'bottom-end';\n\n/**\n * A fixed-position container that stacks `hx-toast` elements at the specified\n * corner of the viewport. Enforces a maximum visible toast count via `stack-limit`.\n *\n * @summary Toast stack container managing position and count limits.\n *\n * @tag hx-toast-stack\n *\n * @slot - Accepts `hx-toast` elements.\n *\n * @csspart base - The inner stack container div.\n *\n * @cssprop [--hx-z-index-toast=9000] - Z-index for the fixed stack.\n */\n@customElement('hx-toast-stack')\nexport class HelixToastStack extends HelixElement {\n  static override styles = [helixToastStackStyles];\n\n  /**\n   * Corner of the viewport where toasts appear.\n   * @attr placement\n   */\n  @property({ type: String, reflect: true })\n  placement:\n    | 'top-start'\n    | 'top-center'\n    | 'top-end'\n    | 'bottom-start'\n    | 'bottom-center'\n    | 'bottom-end' = 'bottom-end';\n\n  /**\n   * Maximum number of simultaneously visible toasts. 0 = unlimited.\n   * @attr stack-limit\n   */\n  @property({ type: Number, attribute: 'stack-limit' })\n  stackLimit = 3;\n\n  override render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          'toast-stack': true,\n          [`toast-stack--${this.placement}`]: true,\n        })}\n      >\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\n// ─── Declarative Global Types ───\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-toast-stack': HelixToastStack;\n  }\n}\n","import { HelixToast } from './hx-toast.js';\nimport { HelixToastStack } from './hx-toast-stack.js';\nimport type { ToastVariant } from './hx-toast.js';\nimport type { ToastStackPlacement } from './hx-toast-stack.js';\n\nexport interface ToastOptions {\n  /** The notification message text. */\n  message: string;\n  /** Visual variant. Defaults to 'default'. */\n  variant?: ToastVariant;\n  /** Auto-dismiss duration in ms. 0 = persistent. Defaults to 3000. */\n  duration?: number;\n  /** Placement of the shared stack. Defaults to 'bottom-end'. */\n  placement?: ToastStackPlacement;\n}\n\n/**\n * Imperatively create and display a toast notification.\n *\n * Creates a shared `hx-toast-stack` on `document.body` if one does not exist,\n * then appends a new `hx-toast` with the given options. Respects the stack's\n * `stackLimit` by hiding the oldest visible toast when the limit is exceeded.\n *\n * @example\n * import { toast } from '@helixui/library/components/hx-toast/index.js';\n * toast({ message: 'Patient record saved.', variant: 'success' });\n */\nexport function toast(options: ToastOptions): HelixToast {\n  if (typeof document === 'undefined') throw new Error('toast() requires a browser environment');\n  const placement = options.placement ?? 'bottom-end';\n\n  // Find or create a dedicated stack for this placement\n  const stackSelector = `hx-toast-stack[placement=\"${placement}\"]`;\n  let stack = document.querySelector<HelixToastStack>(stackSelector);\n  if (!stack) {\n    stack = document.createElement('hx-toast-stack');\n    stack.placement = placement;\n    // Intentional design decision: the toast stack is appended to document.body rather\n    // than inserted near the caller. This is required so that the fixed-position overlay\n    // is not clipped by an ancestor with `overflow: hidden`, `transform`, or `filter`\n    // (all of which create a new stacking context and break fixed positioning).\n    // Drupal compatibility note: Drupal's BigPipe / AJAX behaviors can re-attach the\n    // document body without removing these stacks. The selector check above\n    // (`document.querySelector`) ensures only one stack per placement is ever created,\n    // preventing duplicates on re-attach cycles.\n    document.body.appendChild(stack);\n  }\n\n  // Enforce stack limit: hide oldest open toast if at capacity\n  if (stack.stackLimit > 0) {\n    const openToasts = [...stack.querySelectorAll<HelixToast>('hx-toast')].filter((t) => t.open);\n    if (openToasts.length >= stack.stackLimit) {\n      openToasts[0]?.hide();\n    }\n  }\n\n  // Create toast element\n  const toastEl = document.createElement('hx-toast');\n  toastEl.variant = options.variant ?? 'default';\n  toastEl.duration = options.duration ?? 3000;\n  toastEl.closable = true;\n  toastEl.textContent = options.message;\n\n  // Remove from DOM after hiding\n  toastEl.addEventListener('hx-after-hide', () => {\n    toastEl.remove();\n  });\n\n  stack.appendChild(toastEl);\n  toastEl.show();\n\n  return toastEl;\n}\n"],"names":["helixToastStyles","css","helixToastStackStyles","HelixToast","HelixElement","changedProperties","remaining","delay","elapsed","fired","fireAfterHide","base","e","slot","html","nothing","severityLabel","classMap","__decorateClass","property","query","state","customElement","HelixToastStack","toast","options","placement","stackSelector","stack","openToasts","t","_a","toastEl"],"mappings":";;;;AAEO,MAAMA,IAAmBC;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,GAyKnBC,IAAwBD;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/utilities/injectLightStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"injectLightStyles.d.ts","sourceRoot":"","sources":["../../src/utilities/injectLightStyles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAKH;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,iBAAiB,CAAC,aAAa,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAa1E"}
+{"version":3,"file":"injectLightStyles.d.ts","sourceRoot":"","sources":["../../src/utilities/injectLightStyles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAMH;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,iBAAiB,CAAC,aAAa,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAgB1E"}

package/dist/utilities/sanitizeCss.d.ts

@@ -0,0 +1,43 @@
+/**
+ * @module sanitizeCss
+ *
+ * Validates and sanitizes a CSS string before injection into the document.
+ * Prevents CSS injection attacks including scope escape via unbalanced braces,
+ * external resource loading via `url()` / `@import`, and legacy browser
+ * exploits (`expression()`, `-moz-binding`, `behavior:`).
+ *
+ * Returns the CSS string unchanged if it passes all checks, or `null` if
+ * the input is rejected. Callers should treat a `null` return as a hard
+ * rejection — the CSS must NOT be injected.
+ */
+/**
+ * Sanitizes a CSS string for safe injection into `document.head`.
+ *
+ * Rejects CSS that contains:
+ * - Unbalanced braces (scope escape)
+ * - `url()` values pointing to external domains
+ * - `@import` rules
+ * - `expression()` (IE CSS expressions)
+ * - `-moz-binding` (XBL injection)
+ * - `behavior:` (HTC injection)
+ *
+ * ## Decode asymmetry
+ *
+ * Brace balance runs on the raw input (its scanner is string / escape aware).
+ * `BLOCKED_PATTERNS` and `URL_PATTERN` run on a post-decode copy so that
+ * escape-encoded idents (`@\69mport`, `u\72l(...)`) cannot smuggle a token
+ * past a literal-byte regex. The decode is deliberately context-blind — the
+ * tradeoff is a narrow false-positive surface: legitimate CSS that
+ * hex-escapes one of the blocked sequences inside a string or comment
+ * (e.g. `content: "\40 import notes"` decodes to `content: "@import notes"`)
+ * will be rejected even though the browser's tokenizer would never promote
+ * it to an at-rule. This is intentional and accepted — the security gain
+ * from closing the ident-escape bypass vastly outweighs the cost of a
+ * vanishingly rare user-authored escape-encoded blocked string.
+ *
+ * @param css - The raw CSS string to validate.
+ * @param componentName - The component name, used in dev warnings.
+ * @returns The original CSS if safe, or `null` if rejected.
+ */
+export declare function sanitizeCss(css: string, componentName: string): string | null;
+//# sourceMappingURL=sanitizeCss.d.ts.map

package/dist/utilities/sanitizeCss.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitizeCss.d.ts","sourceRoot":"","sources":["../../src/utilities/sanitizeCss.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAkPH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CA8C7E"}

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@helixui/library",
-  "version": "2.1.2-next.52",
+  "version": "2.1.2-next.54",
   "description": "Enterprise Web Component Library built with Lit 3.x",
   "type": "module",
   "sideEffects": [
-    "./dist/components/*/index.js",
-    "./src/components/*/index.ts",
+    "./dist/index.js",
     "./dist/utilities/document-token-adoption.js",
-    "./src/utilities/document-token-adoption.ts",
+    "./dist/components/*/index.js",
     "**/*.css"
   ],
   "main": "./dist/index.js",
@@ -38,14 +37,28 @@
     "./dist/css/index.css": "./dist/css/index.css"
   },
   "files": [
-    "dist",
+    "dist/index.js",
+    "dist/index.js.map",
+    "dist/index.d.ts",
+    "dist/index.d.ts.map",
+    "dist/form-test-utils.d.ts",
+    "dist/form-test-utils.d.ts.map",
+    "dist/base/**",
+    "dist/components/**",
+    "dist/controllers/**",
+    "dist/css/**",
+    "dist/mixins/**",
+    "dist/shared/**",
+    "dist/styles/**",
+    "dist/utilities/**",
+    "dist/utils/**",
     "custom-elements.json",
     "fouc.css"
   ],
   "customElements": "custom-elements.json",
   "dependencies": {
     "lit": "^3.3.2",
-    "@helixui/tokens": "2.1.2-next.52"
+    "@helixui/tokens": "2.1.2-next.54"
   },
   "peerDependencies": {
     "@floating-ui/dom": "^1.7.6"
@@ -56,6 +69,9 @@
     "directory": "packages/hx-library"
   },
   "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
   "homepage": "https://helix.bookedsolid.tech",
   "bugs": "https://github.com/bookedsolidtech/helix/issues",
   "keywords": [
@@ -73,6 +89,7 @@
   ],
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",
+    "esbuild": "^0.27.0",
     "@vitest/browser": "^3.0.0",
     "@vitest/coverage-v8": "^3.2.4",
     "axe-core": "^4.11.1",
@@ -94,18 +111,17 @@
     "test:cross-browser": "vitest run --config vitest.config.cross-browser.ts",
     "test:coverage": "vitest run --coverage.enabled",
     "test:coverage:ci": "vitest run --coverage.enabled && node ../../scripts/check-coverage.mjs",
+    "test:fast": "vitest run --bail=5",
     "test:watch": "vitest",
     "test:ui": "vitest --ui",
-    "test:batch:1": "vitest run \"hx-accordion/|hx-action-bar/|hx-alert/|hx-avatar/|hx-badge/|hx-breadcrumb/|hx-button/|hx-button-group/|hx-card/|hx-carousel/|hx-checkbox/|hx-checkbox-group/|hx-code-snippet/|hx-color-picker/|hx-combobox/\" --reporter=verbose",
-    "test:batch:2": "vitest run \"hx-container/|hx-copy-button/|hx-data-table/|hx-date-picker/|hx-dialog/|hx-divider/|hx-drawer/|hx-dropdown/|hx-field/|hx-field-label/|hx-file-upload/|hx-form/|hx-format-date/|hx-grid/|hx-help-text/\" --reporter=verbose",
-    "test:batch:3": "vitest run \"hx-icon/|hx-icon-button/|hx-image/|hx-link/|hx-list/|hx-menu/|hx-meter/|hx-nav/|hx-number-input/|hx-overflow-menu/|hx-pagination/|hx-popover/|hx-popup/|hx-progress-bar/|hx-progress-ring/\" --reporter=verbose",
-    "test:batch:4": "vitest run \"hx-prose/|hx-radio-group/|hx-rating/|hx-select/|hx-side-nav/|hx-skeleton/|hx-slider/|hx-spinner/|hx-split-button/|hx-split-panel/|hx-stack/|hx-status-indicator/|hx-steps/|hx-structured-list/\" --reporter=verbose",
-    "test:batch:5": "vitest run \"hx-switch/|hx-tabs/|hx-tag/|hx-text/|hx-text-input/|hx-textarea/|hx-theme/|hx-time-picker/|hx-toast/|hx-toggle-button/|hx-tooltip/|hx-top-nav/|hx-tree-view/|hx-visually-hidden/\" --reporter=verbose",
-    "test:component": "vitest run --reporter=verbose",
+    "test:batch": "bash ../../scripts/test-batch.sh",
+    "test:smart": "bash ../../scripts/test-smart.sh",
+    "test:shard": "bash ../../scripts/test-shard.sh",
+    "test:component": "vitest run",
     "cem": "custom-elements-manifest analyze --litelement --globs \"src/components/**/*.ts\" --exclude \"**/*.stories.ts\" --exclude \"**/*.styles.ts\" && node ../../scripts/validate-cem.mjs",
     "cem:watch": "custom-elements-manifest analyze --litelement --globs \"src/components/**/*.ts\" --exclude \"**/*.stories.ts\" --exclude \"**/*.styles.ts\" --watch",
     "build:cdn": "node scripts/build-cdn.mjs",
-    "generate:drupal-libraries": "node scripts/generate-drupal-libraries.js",
+    "generate:drupal-libraries": "tsx ../../scripts/generate-drupal-libraries.ts",
     "lint": "eslint src/",
     "clean": "rm -rf dist custom-elements.json"
   }

package/dist/shared/FormMixin-Bjvw20G5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormMixin-Bjvw20G5.js","sources":["../../src/mixins/FormMixin.ts"],"sourcesContent":["import type { PropertyValues } from 'lit';\nimport { HelixElement } from '../base/helix-element.js';\n\n/**\n * Constructor type for the mixin pattern.\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Constructor<T = object> = new (...args: any[]) => T;\n\n/**\n * The public interface that FormMixin adds to any host element.\n *\n * @public\n */\nexport interface FormMixinInterface {\n  /** True after the user has modified the field value at least once. */\n  readonly dirty: boolean;\n  /** True after the field has received and lost focus at least once. */\n  readonly touched: boolean;\n  /** True while the field has never been modified (opposite of dirty). */\n  readonly pristine: boolean;\n\n  /** Delegates to ElementInternals.checkValidity(). */\n  checkValidity(): boolean;\n  /** Delegates to ElementInternals.reportValidity(). */\n  reportValidity(): boolean;\n\n  /**\n   * Advance `dirty` state. Call from the native input's `input` event handler.\n   * @internal\n   */\n  _handleInteractionInput(): void;\n\n  /**\n   * Advance `touched` state. Call from the native input's `blur` event handler.\n   * @internal\n   */\n  _handleInteractionBlur(): void;\n\n  /**\n   * Reset interaction flags. Call from `_onFormReset()` in the host component.\n   * @internal\n   */\n  _resetInteractionState(): void;\n}\n\n/**\n * FormMixin adds shared form infrastructure to any HelixElement subclass:\n *\n * - Interaction state tracking: `dirty`, `touched`, `pristine`\n * - `checkValidity()` / `reportValidity()` delegation to `ElementInternals`\n * - A `_updateValidity()` lifecycle hook called automatically after every\n *   `updated()` cycle — subclasses override this to run constraint checks\n * - `_handleInteractionBlur()` and `_handleInteractionInput()` helpers that\n *   components wire to their native inputs to advance interaction state\n *\n * @example\n * ```ts\n * class HxTextInput extends FormMixin(HelixElement) {\n *   protected override _updateValidity(): void {\n *     if (this.required && !this.value) {\n *       this._internals.setValidity({ valueMissing: true }, 'Required', this._inputEl);\n *     } else {\n *       this._internals.setValidity({});\n *     }\n *   }\n * }\n * ```\n *\n * @param superClass - A HelixElement-derived constructor to mix into\n * @returns The mixed class constructor with form interaction state tracking\n *\n * @public\n */\nexport function FormMixin<TBase extends Constructor<HelixElement>>(\n  superClass: TBase,\n): TBase & Constructor<FormMixinInterface> {\n  class FormMixinClass extends (superClass as Constructor<HelixElement>) {\n    // ─── Interaction State ───────────────────────────────────────────────────\n\n    /** @internal */\n    private _dirty = false;\n\n    /** @internal */\n    private _touched = false;\n\n    // ─── Public Getters ──────────────────────────────────────────────────────\n\n    /**\n     * True after the user has modified the field value at least once.\n     * Resets to false on form reset.\n     */\n    get dirty(): boolean {\n      return this._dirty;\n    }\n\n    /**\n     * True after the field has received and lost focus at least once.\n     * Resets to false on form reset.\n     */\n    get touched(): boolean {\n      return this._touched;\n    }\n\n    /**\n     * True while the field has never been modified. Opposite of `dirty`.\n     */\n    get pristine(): boolean {\n      return !this._dirty;\n    }\n\n    // ─── Validity Delegation ─────────────────────────────────────────────────\n\n    /**\n     * Delegates to `ElementInternals.checkValidity()`.\n     * The host element must have `static formAssociated = true`.\n     */\n    checkValidity(): boolean {\n      return this._internals.checkValidity();\n    }\n\n    /**\n     * Delegates to `ElementInternals.reportValidity()`.\n     * The host element must have `static formAssociated = true`.\n     */\n    reportValidity(): boolean {\n      return this._internals.reportValidity();\n    }\n\n    // ─── Lifecycle ───────────────────────────────────────────────────────────\n\n    /**\n     * Calls `_updateValidity()` after every Lit update cycle.\n     * @internal\n     */\n    override updated(changedProperties: PropertyValues): void {\n      super.updated(changedProperties);\n      this._updateValidity();\n    }\n\n    // ─── Hook Methods ────────────────────────────────────────────────────────\n\n    /**\n     * Override in the host component to run constraint validation logic.\n     * Called automatically by `updated()`. Use `this._internals.setValidity()`\n     * inside this method.\n     * @internal\n     */\n    _updateValidity(): void {\n      // Default: valid. Subclasses override to apply constraints.\n    }\n\n    // ─── Interaction State Helpers ───────────────────────────────────────────\n\n    /**\n     * Advance `dirty` state. Call from the native input's `input` event.\n     * @internal\n     */\n    _handleInteractionInput(): void {\n      if (!this._dirty) {\n        this._dirty = true;\n        this.requestUpdate();\n      }\n    }\n\n    /**\n     * Advance `touched` state. Call from the native input's `blur` event.\n     * @internal\n     */\n    _handleInteractionBlur(): void {\n      if (!this._touched) {\n        this._touched = true;\n        this.requestUpdate();\n      }\n    }\n\n    /**\n     * Reset interaction state to initial values.\n     * Call from `_onFormReset()` in the host component.\n     * @internal\n     */\n    _resetInteractionState(): void {\n      if (this._dirty || this._touched) {\n        this._dirty = false;\n        this._touched = false;\n        this.requestUpdate();\n      }\n    }\n  }\n\n  return FormMixinClass as unknown as TBase & Constructor<FormMixinInterface>;\n}\n"],"names":["FormMixin","superClass","FormMixinClass","changedProperties"],"mappings":"AA2EO,SAASA,EACdC,GACyC;AAAA,EACzC,MAAMC,UAAwBD,EAAyC;AAAA,IAAvE,cAAA;AAAA,YAAA,GAAA,SAAA,GAIE,KAAQ,SAAS,IAGjB,KAAQ,WAAW;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQnB,IAAI,QAAiB;AACnB,aAAO,KAAK;AAAA,IACd;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,IAAI,UAAmB;AACrB,aAAO,KAAK;AAAA,IACd;AAAA;AAAA;AAAA;AAAA,IAKA,IAAI,WAAoB;AACtB,aAAO,CAAC,KAAK;AAAA,IACf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA,gBAAyB;AACvB,aAAO,KAAK,WAAW,cAAA;AAAA,IACzB;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,iBAA0B;AACxB,aAAO,KAAK,WAAW,eAAA;AAAA,IACzB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQS,QAAQE,GAAyC;AACxD,YAAM,QAAQA,CAAiB,GAC/B,KAAK,gBAAA;AAAA,IACP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUA,kBAAwB;AAAA,IAExB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA,0BAAgC;AAC9B,MAAK,KAAK,WACR,KAAK,SAAS,IACd,KAAK,cAAA;AAAA,IAET;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,yBAA+B;AAC7B,MAAK,KAAK,aACR,KAAK,WAAW,IAChB,KAAK,cAAA;AAAA,IAET;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,yBAA+B;AAC7B,OAAI,KAAK,UAAU,KAAK,cACtB,KAAK,SAAS,IACd,KAAK,WAAW,IAChB,KAAK,cAAA;AAAA,IAET;AAAA,EAAA;AAGF,SAAOD;AACT;"}

package/dist/shared/aria-delegation-CBP9eQ0M.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"aria-delegation-CBP9eQ0M.js","sources":["../../src/mixins/aria-delegation.ts"],"sourcesContent":["import type { LitElement } from 'lit';\n\n/**\n * All standard ARIA attributes intercepted by this mixin.\n * Extend as needed, but keep the list minimal.\n */\nconst ARIA_ATTRIBUTES = [\n  'aria-activedescendant',\n  'aria-atomic',\n  'aria-autocomplete',\n  'aria-braillelabel',\n  'aria-brailleroledescription',\n  'aria-busy',\n  'aria-checked',\n  'aria-colcount',\n  'aria-colindex',\n  'aria-colindextext',\n  'aria-colspan',\n  'aria-controls',\n  'aria-current',\n  'aria-describedby',\n  'aria-description',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-flowto',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-level',\n  'aria-live',\n  'aria-modal',\n  'aria-multiline',\n  'aria-multiselectable',\n  'aria-orientation',\n  'aria-owns',\n  'aria-placeholder',\n  'aria-posinset',\n  'aria-pressed',\n  'aria-readonly',\n  'aria-relevant',\n  'aria-required',\n  'aria-roledescription',\n  'aria-rowcount',\n  'aria-rowindex',\n  'aria-rowindextext',\n  'aria-rowspan',\n  'aria-selected',\n  'aria-setsize',\n  'aria-sort',\n  'aria-valuemax',\n  'aria-valuemin',\n  'aria-valuenow',\n  'aria-valuetext',\n  'role',\n] as const;\n\n/** Union type of all intercepted ARIA attribute names. */\nexport type AriaAttribute = (typeof ARIA_ATTRIBUTES)[number];\n\n// TypeScript mixin constraint: constructors must accept `any[]`.\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype LitElementConstructor = new (...args: any[]) => LitElement;\n\n/**\n * The public interface added to any class by `mixinDelegatesAria`.\n * JS property accessors for all intercepted ARIA attributes, reading from\n * `data-aria-*` storage rather than `aria-*` attributes on the host.\n */\nexport interface AriadDelegationMixinInterface {\n  ariaActiveDescendant: string | null;\n  ariaAtomic: string | null;\n  ariaAutoComplete: string | null;\n  ariaBrailleLabel: string | null;\n  ariaBrailleRoleDescription: string | null;\n  ariaBusy: string | null;\n  ariaChecked: string | null;\n  ariaColCount: string | null;\n  ariaColIndex: string | null;\n  ariaColIndexText: string | null;\n  ariaColSpan: string | null;\n  ariaControls: string | null;\n  ariaCurrent: string | null;\n  ariaDescribedBy: string | null;\n  ariaDescription: string | null;\n  ariaDetails: string | null;\n  ariaDisabled: string | null;\n  ariaErrorMessage: string | null;\n  ariaExpanded: string | null;\n  ariaFlowTo: string | null;\n  ariaHasPopup: string | null;\n  ariaHidden: string | null;\n  ariaInvalid: string | null;\n  ariaKeyShortcuts: string | null;\n  ariaLabel: string | null;\n  ariaLabelledBy: string | null;\n  ariaLevel: string | null;\n  ariaLive: string | null;\n  ariaModal: string | null;\n  ariaMultiLine: string | null;\n  ariaMultiSelectable: string | null;\n  ariaOrientation: string | null;\n  ariaOwns: string | null;\n  ariaPlaceholder: string | null;\n  ariaPosInSet: string | null;\n  ariaPressed: string | null;\n  ariaReadOnly: string | null;\n  ariaRelevant: string | null;\n  ariaRequired: string | null;\n  ariaRoleDescription: string | null;\n  ariaRowCount: string | null;\n  ariaRowIndex: string | null;\n  ariaRowIndexText: string | null;\n  ariaRowSpan: string | null;\n  ariaSelected: string | null;\n  ariaSetSize: string | null;\n  ariaSort: string | null;\n  ariaValueMax: string | null;\n  ariaValueMin: string | null;\n  ariaValueNow: string | null;\n  ariaValueText: string | null;\n  role: string | null;\n}\n\n/**\n * Mixin that delegates ARIA attributes from the host element to data-aria-* storage,\n * preventing Shadow DOM double-announcement by screen readers.\n *\n * When a custom element uses `delegatesFocus: true`, the focus delegate (inner element)\n * and the host are both in the a11y tree. Setting `aria-label` on the host causes the\n * label to be announced twice — once for the host, once for the focused inner element.\n *\n * This mixin intercepts `attributeChangedCallback` for all ARIA attributes:\n * - Shifts the value from `aria-*` to `data-aria-*` on the host\n * - Provides JS property accessors that read from `data-aria-*`\n * - The host element no longer has `aria-*` attributes visible in the a11y tree\n * - Components read ARIA values via property accessors and apply them to inner elements\n *\n * @example\n * ```ts\n * class HxButton extends mixinDelegatesAria(LitElement) {\n *   render() {\n *     return html`<button aria-label=${this.ariaLabel ?? nothing}></button>`;\n *   }\n * }\n * ```\n *\n * @param Base - A LitElement subclass constructor\n * @returns A new constructor extending Base with ARIA delegation behaviour\n */\nexport function mixinDelegatesAria<T extends LitElementConstructor>(Base: T): T {\n  class AriadDelegationMixin extends Base {\n    // Per-instance guard: tracks which aria attributes are mid-processing so\n    // that the recursive attributeChangedCallback triggered by our own\n    // removeAttribute(name) call does not erroneously clear data-aria-*.\n    #processingAria = new Set<string>();\n\n    static get observedAttributes(): string[] {\n      // Reflect.get with `this` as the receiver passes the concrete subclass\n      // (e.g. HelixButton) through to Lit's ReactiveElement getter, so it\n      // returns @property attribute names for that specific class.\n      // TypeScript cannot infer static members on `T`, so we use Reflect.get\n      // rather than `super.observedAttributes` to avoid TS2339.\n      const parent: object = Object.getPrototypeOf(AriadDelegationMixin);\n      const superAttrs: string[] =\n        (Reflect.get(parent, 'observedAttributes', this) as string[] | undefined) ?? [];\n      // Append any ARIA attributes not already in the list.\n      const ariaAttrs = ARIA_ATTRIBUTES.filter((a) => !superAttrs.includes(a));\n      return [...superAttrs, ...ariaAttrs];\n    }\n\n    attributeChangedCallback(name: string, old: string | null, next: string | null): void {\n      if ((ARIA_ATTRIBUTES as readonly string[]).includes(name)) {\n        // Guard: if we're already processing this attribute, we're in the\n        // recursive callback triggered by our own removeAttribute(name) below.\n        // Do not process it again — that would clear data-aria-* incorrectly.\n        if (this.#processingAria.has(name)) return;\n\n        // Intercept: store as data-aria-*, do not propagate aria-* to the host.\n        if (next !== null) {\n          // data-aria-* is not in observedAttributes — no recursive loop here.\n          this.setAttribute(`data-${name}`, next);\n        } else {\n          this.removeAttribute(`data-${name}`);\n        }\n\n        // Remove the aria-* attribute from the host so it is absent from the\n        // a11y tree and cannot cause double announcements. Guard while doing so.\n        this.#processingAria.add(name);\n        if (this.hasAttribute(name)) {\n          this.removeAttribute(name); // synchronously re-enters attributeChangedCallback; guard catches it\n        }\n        this.#processingAria.delete(name);\n\n        // Trigger Lit update so render() re-reads the delegated value.\n        this.requestUpdate();\n        return;\n      }\n      super.attributeChangedCallback(name, old, next);\n    }\n  }\n\n  // Add JS property accessors for each ARIA attribute, reading from data-aria-*\n  for (const attr of ARIA_ATTRIBUTES) {\n    // Convert 'aria-label' → 'ariaLabel', 'role' → 'role'\n    const propName: string = attr === 'role' ? 'role' : ariaAttrToProp(attr);\n    const dataAttr = `data-${attr}`;\n\n    Object.defineProperty(AriadDelegationMixin.prototype, propName, {\n      get(this: Element): string | null {\n        return this.getAttribute(dataAttr);\n      },\n      set(this: LitElement, value: string | null) {\n        if (value === null || value === undefined) {\n          this.removeAttribute(dataAttr);\n          this.removeAttribute(attr);\n        } else {\n          this.setAttribute(dataAttr, value);\n          // Ensure aria-* is NOT present on the host.\n          if (this.hasAttribute(attr)) {\n            this.removeAttribute(attr);\n          }\n        }\n        // Trigger Lit reactive update.\n        this.requestUpdate();\n      },\n      configurable: true,\n      enumerable: false,\n    });\n  }\n\n  // Cast to T to satisfy the declared return type. The AriadDelegationMixinInterface\n  // instance members are added at runtime via Object.defineProperty above; callers\n  // that need the typed accessors should cast the instance or use the interface directly.\n  return AriadDelegationMixin as unknown as T;\n}\n\n/**\n * Converts 'aria-label' → 'ariaLabel', 'aria-busy' → 'ariaBusy', etc.\n * Removes the 'aria-' prefix, capitalizes the first letter of the remainder,\n * then camelCases any additional hyphen-separated segments.\n */\nfunction ariaAttrToProp(attr: string): string {\n  const rest = attr.replace(/^aria-/, '');\n  return (\n    'aria' +\n    rest.charAt(0).toUpperCase() +\n    rest.slice(1).replace(/-([a-z])/g, (_, c: string) => c.toUpperCase())\n  );\n}\n"],"names":["ARIA_ATTRIBUTES","mixinDelegatesAria","Base","_processingAria","_AriadDelegationMixin","__privateAdd","parent","superAttrs","ariaAttrs","a","name","old","next","__privateGet","AriadDelegationMixin","attr","propName","ariaAttrToProp","dataAttr","value","rest","_","c"],"mappings":";;;;;AAMA,MAAMA,IAAkB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AA+FO,SAASC,EAAoDC,GAAY;AApJhF,MAAAC;AAqJE,QAAMC,IAAN,MAAMA,UAA6BF,EAAK;AAAA,IAAxC;AAAA;AAIE;AAAA;AAAA;AAAA,MAAAG,EAAA,MAAAF,uBAAsB,IAAA;AAAA;AAAA,IAEtB,WAAW,qBAA+B;AAMxC,YAAMG,IAAiB,OAAO,eAAeF,CAAoB,GAC3DG,IACH,QAAQ,IAAID,GAAQ,sBAAsB,IAAI,KAA8B,CAAA,GAEzEE,IAAYR,EAAgB,OAAO,CAACS,MAAM,CAACF,EAAW,SAASE,CAAC,CAAC;AACvE,aAAO,CAAC,GAAGF,GAAY,GAAGC,CAAS;AAAA,IACrC;AAAA,IAEA,yBAAyBE,GAAcC,GAAoBC,GAA2B;AACpF,UAAKZ,EAAsC,SAASU,CAAI,GAAG;AAIzD,YAAIG,EAAA,MAAKV,GAAgB,IAAIO,CAAI,EAAG;AAGpC,QAAIE,MAAS,OAEX,KAAK,aAAa,QAAQF,CAAI,IAAIE,CAAI,IAEtC,KAAK,gBAAgB,QAAQF,CAAI,EAAE,GAKrCG,EAAA,MAAKV,GAAgB,IAAIO,CAAI,GACzB,KAAK,aAAaA,CAAI,KACxB,KAAK,gBAAgBA,CAAI,GAE3BG,EAAA,MAAKV,GAAgB,OAAOO,CAAI,GAGhC,KAAK,cAAA;AACL;AAAA,MACF;AACA,YAAM,yBAAyBA,GAAMC,GAAKC,CAAI;AAAA,IAChD;AAAA,EAAA;AA5CA,EAAAT,IAAA;AAJF,MAAMW,IAANV;AAoDA,aAAWW,KAAQf,GAAiB;AAElC,UAAMgB,IAAmBD,MAAS,SAAS,SAASE,EAAeF,CAAI,GACjEG,IAAW,QAAQH,CAAI;AAE7B,WAAO,eAAeD,EAAqB,WAAWE,GAAU;AAAA,MAC9D,MAAkC;AAChC,eAAO,KAAK,aAAaE,CAAQ;AAAA,MACnC;AAAA,MACA,IAAsBC,GAAsB;AAC1C,QAAIA,KAAU,QACZ,KAAK,gBAAgBD,CAAQ,GAC7B,KAAK,gBAAgBH,CAAI,MAEzB,KAAK,aAAaG,GAAUC,CAAK,GAE7B,KAAK,aAAaJ,CAAI,KACxB,KAAK,gBAAgBA,CAAI,IAI7B,KAAK,cAAA;AAAA,MACP;AAAA,MACA,cAAc;AAAA,MACd,YAAY;AAAA,IAAA,CACb;AAAA,EACH;AAKA,SAAOD;AACT;AAOA,SAASG,EAAeF,GAAsB;AAC5C,QAAMK,IAAOL,EAAK,QAAQ,UAAU,EAAE;AACtC,SACE,SACAK,EAAK,OAAO,CAAC,EAAE,YAAA,IACfA,EAAK,MAAM,CAAC,EAAE,QAAQ,aAAa,CAACC,GAAGC,MAAcA,EAAE,aAAa;AAExE;"}

package/dist/shared/document-token-adoption-DuYNKd4k.js

@@ -1,21 +0,0 @@
-import { lightTokenCss as c } from "@helixui/tokens";
-const t = Symbol.for("hx-tokens-adopted");
-function S() {
-  if (typeof document > "u" || typeof CSSStyleSheet > "u" || typeof CSSStyleSheet.prototype.replaceSync != "function")
-    return;
-  const o = document;
-  if (!o[t])
-    try {
-      const e = `:root {
-${c}
-}`, n = new CSSStyleSheet();
-      n.replaceSync(e), document.adoptedStyleSheets = [...document.adoptedStyleSheets, n], o[t] = t;
-    } catch (e) {
-      console.warn("[HELiX] Could not adopt document-level token styles:", e);
-    }
-}
-S();
-export {
-  S as e
-};
-//# sourceMappingURL=document-token-adoption-DuYNKd4k.js.map

package/dist/shared/document-token-adoption-DuYNKd4k.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"document-token-adoption-DuYNKd4k.js","sources":["../../src/utilities/document-token-adoption.ts"],"sourcesContent":["/**\n * @module document-token-adoption\n *\n * Adopts HELiX design tokens into `document.adoptedStyleSheets` exactly once,\n * so that every Shadow DOM component can reference `var(--hx-*)` tokens via\n * CSS inheritance rather than declaring them on each component's `:host`.\n *\n * This is the correct architecture for theme provider compatibility:\n * - Tokens declared at the document level provide fallback values\n * - `hx-theme` overrides tokens on its `:host`, which flow down via inheritance\n * - Components simply consume `var(--hx-*)` in their styles without redeclaring\n *\n * Inspired by @phase2/outline-adopted-stylesheets-controller.\n *\n * Limitation: tokens are adopted into the current `document` only. Components\n * rendered inside iframes or cross-document contexts will need their own\n * `ensureDocumentTokens()` call against the appropriate document.\n *\n * @example\n * ```ts\n * // Auto-registers on first import — no API call needed\n * import '../utilities/document-token-adoption.js';\n * ```\n */\nimport { lightTokenCss } from '@helixui/tokens';\n\n/** Cross-bundle marker — Symbol.for ensures all copies share the same key */\nconst MARKER = Symbol.for('hx-tokens-adopted');\n\n/**\n * Adopts the full set of HELiX design tokens into `document.adoptedStyleSheets`.\n * Safe to call multiple times — only the first invocation has any effect.\n * Uses a document-level Symbol marker to survive multiple bundled copies of the library.\n *\n * The tokens are declared on `:root` so they participate in CSS inheritance\n * and can be overridden by `hx-theme` (which declares on its `:host`).\n */\nexport function ensureDocumentTokens(): void {\n  if (\n    typeof document === 'undefined' ||\n    typeof CSSStyleSheet === 'undefined' ||\n    typeof CSSStyleSheet.prototype.replaceSync !== 'function'\n  ) {\n    return;\n  }\n\n  const doc = document as unknown as Record<symbol, unknown>;\n  if (doc[MARKER]) return;\n\n  try {\n    const cssText = `:root {\\n${lightTokenCss}\\n}`;\n\n    const sheet = new CSSStyleSheet();\n    sheet.replaceSync(cssText);\n\n    document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];\n    doc[MARKER] = MARKER;\n  } catch (e: unknown) {\n    console.warn('[HELiX] Could not adopt document-level token styles:', e);\n  }\n}\n\nensureDocumentTokens();\n"],"names":["MARKER","ensureDocumentTokens","doc","cssText","lightTokenCss","sheet"],"mappings":";AA2BA,MAAMA,IAAS,OAAO,IAAI,mBAAmB;AAUtC,SAASC,IAA6B;AAC3C,MACE,OAAO,WAAa,OACpB,OAAO,gBAAkB,OACzB,OAAO,cAAc,UAAU,eAAgB;AAE/C;AAGF,QAAMC,IAAM;AACZ,MAAI,CAAAA,EAAIF,CAAM;AAEd,QAAI;AACF,YAAMG,IAAU;AAAA,EAAYC,CAAa;AAAA,IAEnCC,IAAQ,IAAI,cAAA;AAClB,MAAAA,EAAM,YAAYF,CAAO,GAEzB,SAAS,qBAAqB,CAAC,GAAG,SAAS,oBAAoBE,CAAK,GACpEH,EAAIF,CAAM,IAAIA;AAAA,IAChB,SAAS,GAAY;AACnB,cAAQ,KAAK,wDAAwD,CAAC;AAAA,IACxE;AACF;AAEAC,EAAA;"}

package/dist/shared/helix-element-CZvaIEQP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helix-element-CZvaIEQP.js","sources":["../../src/base/helix-element.ts"],"sourcesContent":["import { LitElement } from 'lit';\n\n/**\n * `HelixElement` extends `LitElement` with shared infrastructure for all HELiX\n * components: lazy `ElementInternals` access, form lifecycle hook delegation,\n * and convenience validity getters.\n *\n * Form association is opt-in via `static formAssociated = true` on the subclass.\n * When set, `HelixElement` provides a lazy `_internals` accessor that calls\n * `attachInternals()` on first access — eliminating constructor boilerplate.\n *\n * Form components should also override the `_onForm*` hook methods rather than\n * re-declaring the raw browser callbacks (`formResetCallback`, etc.).\n *\n * @example Non-form component — no configuration required:\n * ```ts\n * class HxCard extends HelixElement {\n *   // no formAssociated needed\n * }\n * ```\n *\n * @example Form-associated component:\n * ```ts\n * class HxTextInput extends HelixElement {\n *   static override formAssociated = true;\n *\n *   override _onFormReset(): void {\n *     this.value = '';\n *     this._internals.setFormValue('');\n *   }\n *\n *   override _onFormDisabled(disabled: boolean): void {\n *     this.disabled = disabled;\n *   }\n * }\n * ```\n *\n * @public\n */\nexport class HelixElement extends LitElement {\n  /**\n   * Set to `true` on the subclass to enable ElementInternals form association.\n   *\n   * IMPORTANT: This MUST be redeclared as `static override formAssociated = true`\n   * on each form-associated subclass. The browser's form association mechanism\n   * inspects `formAssociated` on the *registered* custom element class, not\n   * on ancestor classes.\n   *\n   * @internal\n   */\n  static formAssociated = false;\n\n  #internals: ElementInternals | undefined;\n\n  /**\n   * Lazy accessor for `ElementInternals`. Calls `attachInternals()` on first\n   * access and caches the result.\n   *\n   * Only valid when `static formAssociated = true` is declared on the subclass.\n   * Accessing this on a non-form-associated component throws a descriptive error.\n   *\n   * @throws {Error} If accessed on a component where `formAssociated` is `false`\n   * @internal\n   */\n  get _internals(): ElementInternals {\n    if (!(this.constructor as typeof HelixElement).formAssociated) {\n      throw new Error(\n        `[HelixElement] _internals accessed on <${this.tagName.toLowerCase()}> but ` +\n          `static formAssociated is not set to true on ${this.constructor.name}.`,\n      );\n    }\n    const cached = this.#internals;\n    if (cached !== undefined) {\n      return cached;\n    }\n    const internals = this.attachInternals();\n    this.#internals = internals;\n    return internals;\n  }\n\n  // ─── Browser Form Callbacks (delegate to hook methods) ───\n\n  /**\n   * Called by the browser when the element's form-associated disabled state\n   * changes (e.g., a parent `<fieldset disabled>` is toggled).\n   *\n   * Delegates to `_onFormDisabled`. Override that method in subclasses.\n   * @internal\n   */\n  formDisabledCallback(disabled: boolean): void {\n    this._onFormDisabled(disabled);\n  }\n\n  /**\n   * Called by the browser when the owning form is reset.\n   *\n   * Delegates to `_onFormReset`. Override that method in subclasses.\n   * @internal\n   */\n  formResetCallback(): void {\n    this._onFormReset();\n  }\n\n  /**\n   * Called by the browser to restore form state (e.g., back/forward cache).\n   *\n   * Delegates to `_onFormStateRestore`. Override that method in subclasses.\n   * @internal\n   */\n  formStateRestoreCallback(\n    state: File | string | FormData | null,\n    mode: 'restore' | 'autocomplete',\n  ): void {\n    this._onFormStateRestore(state, mode);\n  }\n\n  // ─── Hook Methods (override in subclasses) ───\n\n  /**\n   * Override in subclass to react to the element being disabled or enabled\n   * via a parent `<fieldset>`.\n   *\n   * @param _disabled - `true` when the element is being disabled\n   * @internal\n   */\n  protected _onFormDisabled(_disabled: boolean): void {}\n\n  /**\n   * Override in subclass to reset component state when the owning form resets.\n   * @internal\n   */\n  protected _onFormReset(): void {}\n\n  /**\n   * Override in subclass to restore component state from saved form state.\n   *\n   * @param _state - The saved state value, or `null` if none\n   * @param _mode - `'restore'` for bfcache navigation, `'autocomplete'` for autofill\n   * @internal\n   */\n  protected _onFormStateRestore(\n    _state: File | string | FormData | null,\n    _mode: 'restore' | 'autocomplete',\n  ): void {}\n\n  // ─── Convenience Getters ───\n\n  /**\n   * The associated form element, or `null` if not form-associated or not yet\n   * connected to a form.\n   *\n   * Form-associated subclasses that need a guaranteed non-null return type\n   * should redeclare this getter and delegate to `this._internals.form`.\n   *\n   * @internal\n   */\n  get form(): HTMLFormElement | null {\n    const internals = this.#internals;\n    if (!(this.constructor as typeof HelixElement).formAssociated || internals === undefined) {\n      return null;\n    }\n    return internals.form;\n  }\n\n  /**\n   * The current `ValidityState` for this element, or `null` if not\n   * form-associated.\n   *\n   * Form-associated subclasses that need a guaranteed `ValidityState` return\n   * should redeclare this getter and delegate to `this._internals.validity`.\n   *\n   * @internal\n   */\n  get validity(): ValidityState | null {\n    const internals = this.#internals;\n    if (!(this.constructor as typeof HelixElement).formAssociated || internals === undefined) {\n      return null;\n    }\n    return internals.validity;\n  }\n\n  /**\n   * The current validation message, or an empty string if not form-associated\n   * or if the element is valid.\n   *\n   * @internal\n   */\n  get validationMessage(): string {\n    const internals = this.#internals;\n    if (!(this.constructor as typeof HelixElement).formAssociated || internals === undefined) {\n      return '';\n    }\n    return internals.validationMessage;\n  }\n}\n"],"names":["_HelixElement","LitElement","__privateAdd","_internals","cached","__privateGet","internals","__privateSet","disabled","state","mode","_disabled","_state","_mode","HelixElement"],"mappings":";;;;;;;AAuCO,MAAMA,IAAN,MAAMA,UAAqBC,EAAW;AAAA,EAAtC;AAAA;AAaL,IAAAC,EAAA,MAAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYA,IAAI,aAA+B;AACjC,QAAI,CAAE,KAAK,YAAoC;AAC7C,YAAM,IAAI;AAAA,QACR,0CAA0C,KAAK,QAAQ,YAAA,CAAa,qDACnB,KAAK,YAAY,IAAI;AAAA,MAAA;AAG1E,UAAMC,IAASC,EAAA,MAAKF;AACpB,QAAIC,MAAW;AACb,aAAOA;AAET,UAAME,IAAY,KAAK,gBAAA;AACvB,WAAAC,EAAA,MAAKJ,GAAaG,IACXA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWA,qBAAqBE,GAAyB;AAC5C,SAAK,gBAAgBA,CAAQ;AAAA,EAC/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,oBAA0B;AACxB,SAAK,aAAA;AAAA,EACP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,yBACEC,GACAC,GACM;AACN,SAAK,oBAAoBD,GAAOC,CAAI;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWU,gBAAgBC,GAA0B;AAAA,EAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAM3C,eAAqB;AAAA,EAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAStB,oBACRC,GACAC,GACM;AAAA,EAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaT,IAAI,OAA+B;AACjC,UAAMP,IAAYD,EAAA,MAAKF;AACvB,WAAI,CAAE,KAAK,YAAoC,kBAAkBG,MAAc,SACtE,OAEFA,EAAU;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWA,IAAI,WAAiC;AACnC,UAAMA,IAAYD,EAAA,MAAKF;AACvB,WAAI,CAAE,KAAK,YAAoC,kBAAkBG,MAAc,SACtE,OAEFA,EAAU;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,IAAI,oBAA4B;AAC9B,UAAMA,IAAYD,EAAA,MAAKF;AACvB,WAAI,CAAE,KAAK,YAAoC,kBAAkBG,MAAc,SACtE,KAEFA,EAAU;AAAA,EACnB;AACF;AA9IEH,IAAA,eAFAH,EAAO,iBAAiB;AAXnB,IAAMc,IAANd;"}

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

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