@helixui/library 3.4.0 → 3.4.1-next.125

package/dist/shared/{hx-spinner-BB0h2hKZ.js.map → hx-spinner-3qBp4jeN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"hx-spinner-BB0h2hKZ.js","sources":["../../src/components/hx-spinner/hx-spinner.styles.ts","../../src/components/hx-spinner/hx-spinner.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixSpinnerStyles = css`\n  :host {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .spinner {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--_spinner-size);\n    height: var(--_spinner-size);\n    flex-shrink: 0;\n  }\n\n  .spinner__svg {\n    width: 100%;\n    height: 100%;\n    animation: hx-spinner-rotate var(--hx-duration-spinner, 750ms) linear infinite;\n  }\n\n  .spinner__track {\n    stroke: var(--_spinner-track-color);\n  }\n\n  .spinner__arc {\n    stroke: var(--_spinner-color);\n    /* SVG arc math: viewBox is 24×24, r=10, circumference = 2π × 10 ≈ 62.83.\n       stroke-dasharray: 56 creates a visible arc of ~89% of circumference.\n       stroke-dashoffset: 14 shifts the arc start to produce the ~75% visible gap aesthetic.\n       Adjust both proportionally if r or viewBox dimensions change. */\n    stroke-dasharray: 56;\n    stroke-dashoffset: 14;\n    animation: hx-spinner-dash var(--hx-duration-spinner, 750ms)\n      var(--hx-easing-in-out, ease-in-out) infinite;\n    transform-origin: center;\n  }\n\n  @keyframes hx-spinner-rotate {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes hx-spinner-dash {\n    0% {\n      stroke-dashoffset: 50;\n    }\n    50% {\n      stroke-dashoffset: 14;\n    }\n    100% {\n      stroke-dashoffset: 50;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .spinner__svg {\n      animation: none;\n    }\n\n    .spinner__arc {\n      animation: none;\n      /* Maintain the static partial arc at full opacity so the loading state remains\n         clearly communicated without motion. A faded arc looks broken; full opacity\n         alongside the track ring unambiguously signals \"in progress\". */\n      stroke-dashoffset: 14;\n      opacity: 1;\n    }\n  }\n\n  /* ─── Size Variants ─── */\n\n  :host([hx-size='sm']) {\n    --_spinner-size: var(--hx-size-4, 1rem);\n  }\n\n  :host([hx-size='md']) {\n    --_spinner-size: var(--hx-size-6, 1.5rem);\n  }\n\n  :host([hx-size='lg']) {\n    --_spinner-size: var(--hx-size-8, 2rem);\n  }\n\n  /* ─── Variant Colors ─── */\n\n  :host([variant='default']) {\n    --_spinner-color: var(--hx-spinner-color, var(--hx-color-neutral-600, #4a5362));\n    --_spinner-track-color: var(--hx-spinner-track-color, var(--hx-color-neutral-200, #d6dbd5));\n  }\n\n  :host([variant='primary']) {\n    --_spinner-color: var(--hx-spinner-color, var(--hx-color-primary-500, #429797));\n    --_spinner-track-color: var(--hx-spinner-track-color, var(--hx-color-primary-100, #dbf0f0));\n  }\n\n  :host([variant='inverted']) {\n    --_spinner-color: var(--hx-spinner-color, var(--hx-color-neutral-0, #ffffff));\n    /* Fallback for browsers without color-mix() support (Chrome < 111, Firefox < 113, Safari < 16.2).\n       rgba(255, 255, 255, 0.3) approximates the intended 30% white track color. */\n    --_spinner-track-color: var(\n      --hx-spinner-track-color,\n      var(--hx-overlay-white-30, rgba(255, 255, 255, 0.3))\n    );\n  }\n\n  @supports (color: color-mix(in srgb, white 30%, transparent)) {\n    :host([variant='inverted']) {\n      --_spinner-track-color: var(\n        --hx-spinner-track-color,\n        color-mix(in srgb, var(--hx-color-neutral-0, #ffffff) 30%, transparent)\n      );\n    }\n  }\n\n  /* ─── Forced Colors (Windows High Contrast) ─── */\n\n  @media (forced-colors: active) {\n    .spinner__track {\n      stroke: GrayText;\n    }\n\n    .spinner__arc {\n      stroke: CanvasText;\n    }\n  }\n`;\n","import { html, type PropertyValues } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { devWarn } from '../../utils/dev-warn.js';\nimport { HelixElement } from '../../base/index.js';\nimport { helixSpinnerStyles } from './hx-spinner.styles.js';\nimport { forcedColorsSurface } from '../../styles/forced-colors.js';\n\n/**\n * Token size values for the spinner. Use these for standard sizing.\n * The `size` property also accepts any valid CSS size string (e.g. \"3rem\", \"48px\")\n * for custom sizes — the type widens to `string` in that usage.\n */\nexport type SpinnerSize = 'sm' | 'md' | 'lg';\n\n/**\n * A circular loading indicator for inline and overlay loading states.\n * Purely visual — no slots. Announces loading state to screen readers via\n * `role=\"status\"` and an `aria-label` (customizable via the `label` prop).\n *\n * When used alongside visible loading text, set `decorative` to suppress\n * duplicate AT announcements.\n *\n * **WCAG 4.1.2 — `aria-busy` pattern for consumers:**\n * When this spinner indicates that a region of the page is loading, set\n * `aria-busy=\"true\"` on the container element that wraps the loading content\n * and remove it (or set `aria-busy=\"false\"`) once loading completes. This\n * communicates the loading state to assistive technologies at the region level,\n * complementing the spinner's own `role=\"status\"` announcement.\n *\n * ```html\n * <section aria-busy=\"true\" aria-label=\"Patient records\">\n *   <hx-spinner label=\"Loading patient records\"></hx-spinner>\n * </section>\n * ```\n *\n * @summary Circular loading indicator component.\n *\n * @tag hx-spinner\n *\n * @csspart base - The SVG spinner element.\n *\n * @cssprop [--hx-spinner-color] - Spinner arc color. Defaults per variant.\n * @cssprop [--hx-spinner-track-color] - Spinner track color. Defaults per variant.\n * @cssprop [--hx-duration-spinner] - Duration of the rotation animation. Defaults to 750ms.\n * @cssprop [--hx-easing-in-out] - CSS custom property.\n * @cssprop [--hx-size-4] - Size token.\n * @cssprop [--hx-size-6] - Size token.\n * @cssprop [--hx-size-8] - Size token.\n * @cssprop [--hx-color-neutral-600] - Color.\n * @cssprop [--hx-color-neutral-200] - Color.\n * @cssprop [--hx-color-primary-500] - Color.\n * @cssprop [--hx-color-primary-100] - Color.\n * @cssprop [--hx-color-neutral-0] - Color.\n * @cssprop [--hx-overlay-white-30] - Overlay color.\n */\n@customElement('hx-spinner')\nexport class HelixSpinner extends HelixElement {\n  static override styles = [helixSpinnerStyles, forcedColorsSurface];\n\n  /**\n   * Size of the spinner. Accepts `SpinnerSize` token values ('sm' | 'md' | 'lg'),\n   * or any valid CSS size string (e.g. \"3rem\", \"48px\") for custom dimensions.\n   *\n   * The type is `SpinnerSize | string` which widens to `string` at the TypeScript\n   * level — this is intentional to support CSS size overrides. Use `SpinnerSize`\n   * values for standard sizing; custom strings bypass token-based scaling.\n   * @attr hx-size\n   */\n  @property({ type: String, reflect: true, attribute: 'hx-size' })\n  size: 'sm' | 'md' | 'lg' | (string & Record<never, never>) = 'md';\n\n  /**\n   * Visual variant of the spinner.\n   * @attr variant\n   */\n  @property({ type: String, reflect: true })\n  variant: 'default' | 'primary' | 'inverted' = 'default';\n\n  /**\n   * Accessible label announced to screen readers. Defaults to \"Loading\".\n   * Reflected as an attribute for Drupal/Twig compatibility.\n   * @attr label\n   */\n  @property({ type: String, reflect: true })\n  label = 'Loading';\n\n  /**\n   * When true, the spinner is decorative and suppresses all ARIA announcements.\n   * Use this when the spinner appears alongside visible loading text to prevent\n   * duplicate announcements. Sets `role=\"presentation\"` and removes `aria-label`.\n   * @attr decorative\n   */\n  @property({ type: Boolean, reflect: true })\n  decorative = false;\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    // Backward compat: accept legacy `size` attribute. When present and `hx-size`\n    // is not set, map the value and emit a deprecation warning.\n    const legacySize = this.getAttribute('size');\n    if (legacySize !== null && !this.hasAttribute('hx-size')) {\n      devWarn('hx-spinner', 'The \"size\" attribute is deprecated. Use \"hx-size\" instead.');\n      this.size = legacySize;\n    }\n    this._syncHostAriaSemantics();\n  }\n\n  override updated(changedProperties: PropertyValues<this>): void {\n    super.updated(changedProperties);\n    if (changedProperties.has('decorative') || changedProperties.has('label')) {\n      this._syncHostAriaSemantics();\n    }\n  }\n\n  /**\n   * Group 9 host-canonical migration: mirror `role=\"status\"` / `\"presentation\"`\n   * and `aria-label` onto the host via `ElementInternals` so AT walks the host\n   * surface as the canonical loading indicator. The inner `<div>` keeps the\n   * legacy role + aria-label so consumer queries and pre-host-canonical AT\n   * still resolve. Modern path: host is canonical; legacy path: dual-surface.\n   *\n   * Also fires a devWarn when the spinner is non-decorative AND the label is\n   * empty (silent unnamed `role=\"status\"` is a WCAG 4.1.2 failure).\n   * @internal\n   */\n  private _syncHostAriaSemantics(): void {\n    const internals = this._internals;\n    if (this.decorative) {\n      internals.role = 'presentation';\n      internals.ariaLabel = null;\n      return;\n    }\n    internals.role = 'status';\n    const trimmed = (this.label ?? '').trim();\n    if (!trimmed) {\n      devWarn(\n        'hx-spinner',\n        'Non-decorative spinner has an empty `label`. role=\"status\" requires an accessible name (WCAG 4.1.2). Provide a `label` value or set `decorative` to suppress AT announcements.',\n      );\n      internals.ariaLabel = null;\n      return;\n    }\n    internals.ariaLabel = trimmed;\n  }\n\n  /** @internal */\n  private _isTokenSize(): this is { size: SpinnerSize } {\n    return this.size === 'sm' || this.size === 'md' || this.size === 'lg';\n  }\n\n  override render() {\n    const customSizeStyle =\n      !this._isTokenSize() && this.size ? styleMap({ '--_spinner-size': this.size }) : styleMap({});\n\n    // Decorative spinners use role=\"presentation\" to suppress AT announcements.\n    // Non-decorative spinners use role=\"status\" with aria-label for accessible naming.\n    // Guard against empty label (aria-label=\"\" is a WCAG failure).\n    const role = this.decorative ? 'presentation' : 'status';\n    const ariaLabel = this.decorative ? undefined : this.label || undefined;\n\n    return html`\n      <div\n        class=\"spinner\"\n        part=\"base\"\n        style=${customSizeStyle}\n        role=${role}\n        aria-label=${ifDefined(ariaLabel)}\n      >\n        <svg\n          class=\"spinner__svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          aria-hidden=\"true\"\n          focusable=\"false\"\n        >\n          <circle class=\"spinner__track\" cx=\"12\" cy=\"12\" r=\"10\" stroke-width=\"2.5\" fill=\"none\" />\n          <path\n            class=\"spinner__arc\"\n            d=\"M12 2a10 10 0 0 1 10 10\"\n            stroke-width=\"2.5\"\n            stroke-linecap=\"round\"\n            fill=\"none\"\n          />\n        </svg>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-spinner': HelixSpinner;\n  }\n}\n"],"names":["helixSpinnerStyles","css","HelixSpinner","HelixElement","legacySize","changedProperties","internals","trimmed","customSizeStyle","styleMap","role","ariaLabel","html","ifDefined","forcedColorsSurface","__decorateClass","property","customElement"],"mappings":"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"}
+{"version":3,"file":"hx-spinner-3qBp4jeN.js","sources":["../../src/components/hx-spinner/hx-spinner.styles.ts","../../src/components/hx-spinner/hx-spinner.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixSpinnerStyles = css`\n  :host {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .spinner {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--_spinner-size);\n    height: var(--_spinner-size);\n    flex-shrink: 0;\n  }\n\n  .spinner__svg {\n    width: 100%;\n    height: 100%;\n    animation: hx-spinner-rotate var(--hx-duration-spinner, 750ms) linear infinite;\n  }\n\n  .spinner__track {\n    stroke: var(--_spinner-track-color);\n  }\n\n  .spinner__arc {\n    stroke: var(--_spinner-color);\n    /* SVG arc math: viewBox is 24×24, r=10, circumference = 2π × 10 ≈ 62.83.\n       stroke-dasharray: 56 creates a visible arc of ~89% of circumference.\n       stroke-dashoffset: 14 shifts the arc start to produce the ~75% visible gap aesthetic.\n       Adjust both proportionally if r or viewBox dimensions change. */\n    stroke-dasharray: 56;\n    stroke-dashoffset: 14;\n    animation: hx-spinner-dash var(--hx-duration-spinner, 750ms)\n      var(--hx-easing-in-out, ease-in-out) infinite;\n    transform-origin: center;\n  }\n\n  @keyframes hx-spinner-rotate {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes hx-spinner-dash {\n    0% {\n      stroke-dashoffset: 50;\n    }\n    50% {\n      stroke-dashoffset: 14;\n    }\n    100% {\n      stroke-dashoffset: 50;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .spinner__svg {\n      animation: none;\n    }\n\n    .spinner__arc {\n      animation: none;\n      /* Maintain the static partial arc at full opacity so the loading state remains\n         clearly communicated without motion. A faded arc looks broken; full opacity\n         alongside the track ring unambiguously signals \"in progress\". */\n      stroke-dashoffset: 14;\n      opacity: 1;\n    }\n  }\n\n  /* ─── Size Variants ─── */\n\n  :host([hx-size='sm']) {\n    --_spinner-size: var(--hx-size-4, 1rem);\n  }\n\n  :host([hx-size='md']) {\n    --_spinner-size: var(--hx-size-6, 1.5rem);\n  }\n\n  :host([hx-size='lg']) {\n    --_spinner-size: var(--hx-size-8, 2rem);\n  }\n\n  /* ─── Variant Colors ─── */\n\n  :host([variant='default']) {\n    --_spinner-color: var(--hx-spinner-color, var(--hx-color-neutral-600, #4a5362));\n    --_spinner-track-color: var(--hx-spinner-track-color, var(--hx-color-neutral-200, #d6dbd5));\n  }\n\n  :host([variant='primary']) {\n    --_spinner-color: var(--hx-spinner-color, var(--hx-color-primary-500, #429797));\n    --_spinner-track-color: var(--hx-spinner-track-color, var(--hx-color-primary-100, #dbf0f0));\n  }\n\n  :host([variant='inverted']) {\n    --_spinner-color: var(--hx-spinner-color, var(--hx-color-neutral-0, #ffffff));\n    /* Fallback for browsers without color-mix() support (Chrome < 111, Firefox < 113, Safari < 16.2).\n       rgba(255, 255, 255, 0.3) approximates the intended 30% white track color. */\n    --_spinner-track-color: var(\n      --hx-spinner-track-color,\n      var(--hx-overlay-white-30, rgba(255, 255, 255, 0.3))\n    );\n  }\n\n  @supports (color: color-mix(in srgb, white 30%, transparent)) {\n    :host([variant='inverted']) {\n      --_spinner-track-color: var(\n        --hx-spinner-track-color,\n        color-mix(in srgb, var(--hx-color-neutral-0, #ffffff) 30%, transparent)\n      );\n    }\n  }\n\n  /* ─── Forced Colors (Windows High Contrast) ─── */\n\n  @media (forced-colors: active) {\n    .spinner__track {\n      stroke: GrayText;\n    }\n\n    .spinner__arc {\n      stroke: CanvasText;\n    }\n  }\n`;\n","import { html, type PropertyValues } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { devWarn } from '../../utils/dev-warn.js';\nimport { HelixElement } from '../../base/index.js';\nimport { helixSpinnerStyles } from './hx-spinner.styles.js';\nimport { forcedColorsSurface } from '../../styles/forced-colors.js';\n\n/**\n * Token size values for the spinner. Use these for standard sizing.\n * The `size` property also accepts any valid CSS size string (e.g. \"3rem\", \"48px\")\n * for custom sizes — the type widens to `string` in that usage.\n */\nexport type SpinnerSize = 'sm' | 'md' | 'lg';\n\n/**\n * A circular loading indicator for inline and overlay loading states.\n * Purely visual — no slots. Announces loading state to screen readers via\n * `role=\"status\"` and an `aria-label` (customizable via the `label` prop).\n *\n * When used alongside visible loading text, set `decorative` to suppress\n * duplicate AT announcements.\n *\n * **WCAG 4.1.2 — `aria-busy` pattern for consumers:**\n * When this spinner indicates that a region of the page is loading, set\n * `aria-busy=\"true\"` on the container element that wraps the loading content\n * and remove it (or set `aria-busy=\"false\"`) once loading completes. This\n * communicates the loading state to assistive technologies at the region level,\n * complementing the spinner's own `role=\"status\"` announcement.\n *\n * ```html\n * <section aria-busy=\"true\" aria-label=\"Patient records\">\n *   <hx-spinner label=\"Loading patient records\"></hx-spinner>\n * </section>\n * ```\n *\n * @summary Circular loading indicator component.\n *\n * @tag hx-spinner\n *\n * @csspart base - The SVG spinner element.\n *\n * @cssprop [--hx-spinner-color] - Spinner arc color. Defaults per variant.\n * @cssprop [--hx-spinner-track-color] - Spinner track color. Defaults per variant.\n * @cssprop [--hx-duration-spinner] - Duration of the rotation animation. Defaults to 750ms.\n * @cssprop [--hx-easing-in-out] - CSS custom property.\n * @cssprop [--hx-size-4] - Size token.\n * @cssprop [--hx-size-6] - Size token.\n * @cssprop [--hx-size-8] - Size token.\n * @cssprop [--hx-color-neutral-600] - Color.\n * @cssprop [--hx-color-neutral-200] - Color.\n * @cssprop [--hx-color-primary-500] - Color.\n * @cssprop [--hx-color-primary-100] - Color.\n * @cssprop [--hx-color-neutral-0] - Color.\n * @cssprop [--hx-overlay-white-30] - Overlay color.\n */\n@customElement('hx-spinner')\nexport class HelixSpinner extends HelixElement {\n  static override styles = [helixSpinnerStyles, forcedColorsSurface];\n\n  /**\n   * Size of the spinner. Accepts `SpinnerSize` token values ('sm' | 'md' | 'lg'),\n   * or any valid CSS size string (e.g. \"3rem\", \"48px\") for custom dimensions.\n   *\n   * The type is `SpinnerSize | string` which widens to `string` at the TypeScript\n   * level — this is intentional to support CSS size overrides. Use `SpinnerSize`\n   * values for standard sizing; custom strings bypass token-based scaling.\n   * @attr hx-size\n   */\n  @property({ type: String, reflect: true, attribute: 'hx-size' })\n  size: 'sm' | 'md' | 'lg' | (string & Record<never, never>) = 'md';\n\n  /**\n   * Visual variant of the spinner.\n   * @attr variant\n   */\n  @property({ type: String, reflect: true })\n  variant: 'default' | 'primary' | 'inverted' = 'default';\n\n  /**\n   * Accessible label announced to screen readers. Defaults to \"Loading\".\n   * Reflected as an attribute for Drupal/Twig compatibility.\n   * @attr label\n   */\n  @property({ type: String, reflect: true })\n  label = 'Loading';\n\n  /**\n   * When true, the spinner is decorative and suppresses all ARIA announcements.\n   * Use this when the spinner appears alongside visible loading text to prevent\n   * duplicate announcements. Sets `role=\"presentation\"` and removes `aria-label`.\n   * @attr decorative\n   */\n  @property({ type: Boolean, reflect: true })\n  decorative = false;\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    // Backward compat: accept legacy `size` attribute. When present and `hx-size`\n    // is not set, map the value and emit a deprecation warning.\n    const legacySize = this.getAttribute('size');\n    if (legacySize !== null && !this.hasAttribute('hx-size')) {\n      devWarn('hx-spinner', 'The \"size\" attribute is deprecated. Use \"hx-size\" instead.');\n      this.size = legacySize;\n    }\n    this._syncHostAriaSemantics();\n  }\n\n  override updated(changedProperties: PropertyValues<this>): void {\n    super.updated(changedProperties);\n    if (changedProperties.has('decorative') || changedProperties.has('label')) {\n      this._syncHostAriaSemantics();\n    }\n  }\n\n  /**\n   * Group 9 host-canonical migration: mirror `role=\"status\"` / `\"presentation\"`\n   * and `aria-label` onto the host via `ElementInternals` so AT walks the host\n   * surface as the canonical loading indicator. The inner `<div>` keeps the\n   * legacy role + aria-label so consumer queries and pre-host-canonical AT\n   * still resolve. Modern path: host is canonical; legacy path: dual-surface.\n   *\n   * Also fires a devWarn when the spinner is non-decorative AND the label is\n   * empty (silent unnamed `role=\"status\"` is a WCAG 4.1.2 failure).\n   * @internal\n   */\n  private _syncHostAriaSemantics(): void {\n    const internals = this._internals;\n    if (this.decorative) {\n      internals.role = 'presentation';\n      internals.ariaLabel = null;\n      return;\n    }\n    internals.role = 'status';\n    const trimmed = (this.label ?? '').trim();\n    if (!trimmed) {\n      devWarn(\n        'hx-spinner',\n        'Non-decorative spinner has an empty `label`. role=\"status\" requires an accessible name (WCAG 4.1.2). Provide a `label` value or set `decorative` to suppress AT announcements.',\n      );\n      internals.ariaLabel = null;\n      return;\n    }\n    internals.ariaLabel = trimmed;\n  }\n\n  /** @internal */\n  private _isTokenSize(): this is { size: SpinnerSize } {\n    return this.size === 'sm' || this.size === 'md' || this.size === 'lg';\n  }\n\n  override render() {\n    const customSizeStyle =\n      !this._isTokenSize() && this.size ? styleMap({ '--_spinner-size': this.size }) : styleMap({});\n\n    // Decorative spinners use role=\"presentation\" to suppress AT announcements.\n    // Non-decorative spinners use role=\"status\" with aria-label for accessible naming.\n    // Guard against empty label (aria-label=\"\" is a WCAG failure).\n    // CodeRabbit SHOULD-FIX (PR #1649 follow-up): trim whitespace before the\n    // truthiness check so a label like `\"   \"` doesn't pass through as a\n    // visually-empty aria-label on the inner element. The host-internals path\n    // in `_syncHostAriaSemantics` already trims; this aligns the inner\n    // dual-surface mirror with that policy.\n    const role = this.decorative ? 'presentation' : 'status';\n    const trimmedLabel = (this.label ?? '').trim();\n    const ariaLabel = this.decorative ? undefined : trimmedLabel || undefined;\n\n    return html`\n      <div\n        class=\"spinner\"\n        part=\"base\"\n        style=${customSizeStyle}\n        role=${role}\n        aria-label=${ifDefined(ariaLabel)}\n      >\n        <svg\n          class=\"spinner__svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          aria-hidden=\"true\"\n          focusable=\"false\"\n        >\n          <circle class=\"spinner__track\" cx=\"12\" cy=\"12\" r=\"10\" stroke-width=\"2.5\" fill=\"none\" />\n          <path\n            class=\"spinner__arc\"\n            d=\"M12 2a10 10 0 0 1 10 10\"\n            stroke-width=\"2.5\"\n            stroke-linecap=\"round\"\n            fill=\"none\"\n          />\n        </svg>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-spinner': HelixSpinner;\n  }\n}\n"],"names":["helixSpinnerStyles","css","HelixSpinner","HelixElement","legacySize","changedProperties","internals","trimmed","customSizeStyle","styleMap","role","trimmedLabel","ariaLabel","html","ifDefined","forcedColorsSurface","__decorateClass","property","customElement"],"mappings":"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"}

package/dist/shared/{hx-split-button-BoABoEm5.js → hx-split-button-Ddle8iVx.js}

@@ -4,7 +4,7 @@ import { classMap as p } from "lit/directives/class-map.js";
 import { f as x } from "./forced-colors-CTEDFRGa.js";
 import { f as g } from "./aria-flatten-DY6v2vah.js";
 import { f as d, g as y } from "./menu-tree-BNM0SYYq.js";
-import { i as w, r as k } from "./aria-idref-CxvyzfQS.js";
+import { i as w, r as k } from "./aria-idref-DCuEaknC.js";
 import { H as M } from "./helix-element-BNEYeiys.js";
 import { c as C } from "./id-counter-DuX8vsui.js";
 const T = f`
@@ -677,4 +677,4 @@ s = a([
 export {
   s as H
 };
-//# sourceMappingURL=hx-split-button-BoABoEm5.js.map
+//# sourceMappingURL=hx-split-button-Ddle8iVx.js.map

package/dist/shared/{hx-split-button-BoABoEm5.js.map → hx-split-button-Ddle8iVx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"hx-split-button-BoABoEm5.js","sources":["../../src/components/hx-split-button/hx-split-button.styles.ts","../../src/components/hx-split-button/hx-split-button.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixSplitButtonStyles = css`\n  :host {\n    display: inline-block;\n    position: relative;\n  }\n\n  :host([disabled]) {\n    pointer-events: none;\n    opacity: var(--hx-opacity-disabled, 0.5);\n  }\n\n  /* ─── Container ─── */\n\n  .split-button {\n    display: inline-flex;\n    align-items: stretch;\n    position: relative;\n  }\n\n  /* ─── Primary Button ─── */\n\n  .split-button__primary {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--hx-space-2, 0.5rem);\n    border: var(--hx-border-width-thin, 1px) solid var(--hx-split-button-border-color, transparent);\n    border-inline-end: none;\n    border-radius: var(--hx-split-button-border-radius, var(--hx-border-radius-md, 0.375rem)) 0 0\n      var(--hx-split-button-border-radius, var(--hx-border-radius-md, 0.375rem));\n    background-color: var(--hx-split-button-bg, var(--hx-color-primary-500, #429797));\n    color: var(--hx-split-button-color, var(--hx-color-text-on-primary, #ffffff));\n    font-family: var(--hx-split-button-font-family, var(--hx-font-family-sans, sans-serif));\n    font-weight: var(--hx-split-button-font-weight, var(--hx-font-weight-semibold, 600));\n    line-height: var(--hx-line-height-tight, 1.25);\n    cursor: pointer;\n    transition:\n      background-color var(--hx-transition-fast, 150ms ease),\n      color var(--hx-transition-fast, 150ms ease),\n      border-color var(--hx-transition-fast, 150ms ease),\n      box-shadow var(--hx-transition-fast, 150ms ease);\n    text-decoration: none;\n    white-space: nowrap;\n    user-select: none;\n    -webkit-user-select: none;\n    flex: 1 1 auto;\n  }\n\n  .split-button__primary:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-split-button-focus-ring-color, var(--hx-focus-ring-color, #0f7078));\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n    z-index: 1;\n    position: relative;\n  }\n\n  .split-button__primary:hover {\n    filter: brightness(var(--hx-filter-brightness-hover, 0.9));\n  }\n\n  .split-button__primary:active {\n    filter: brightness(var(--hx-filter-brightness-active, 0.8));\n  }\n\n  .split-button__primary[disabled] {\n    cursor: not-allowed;\n  }\n\n  /* ─── Trigger Button ─── */\n\n  .split-button__trigger {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    border: var(--hx-border-width-thin, 1px) solid var(--hx-split-button-border-color, transparent);\n    border-inline-start: var(--hx-border-width-thin, 1px) solid\n      var(--hx-split-button-divider-color, var(--hx-color-primary-900, #0b3232));\n    border-radius: 0 var(--hx-split-button-border-radius, var(--hx-border-radius-md, 0.375rem))\n      var(--hx-split-button-border-radius, var(--hx-border-radius-md, 0.375rem)) 0;\n    background-color: var(--hx-split-button-bg, var(--hx-color-primary-500, #429797));\n    color: var(--hx-split-button-color, var(--hx-color-text-on-primary, #ffffff));\n    cursor: pointer;\n    transition:\n      background-color var(--hx-transition-fast, 150ms ease),\n      box-shadow var(--hx-transition-fast, 150ms ease);\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  .split-button__trigger:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-split-button-focus-ring-color, var(--hx-focus-ring-color, #0f7078));\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n    z-index: 1;\n    position: relative;\n  }\n\n  .split-button__trigger:hover {\n    filter: brightness(var(--hx-filter-brightness-hover, 0.9));\n  }\n\n  .split-button__trigger:active {\n    filter: brightness(var(--hx-filter-brightness-active, 0.8));\n  }\n\n  .split-button__trigger[disabled] {\n    cursor: not-allowed;\n  }\n\n  /* ─── Trigger Icon ─── */\n\n  .split-button__chevron {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    transition: transform var(--hx-transition-fast, 150ms ease);\n  }\n\n  .split-button__chevron--open {\n    transform: rotate(180deg);\n  }\n\n  /* ─── Size Variants ─── */\n\n  /* sm */\n  .split-button--sm .split-button__primary {\n    padding: var(--hx-space-1, 0.25rem) var(--hx-space-3, 0.75rem);\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    min-height: var(--hx-size-8, 2rem);\n  }\n\n  .split-button--sm .split-button__trigger {\n    padding: var(--hx-space-1, 0.25rem) var(--hx-space-2, 0.5rem);\n    min-height: var(--hx-size-8, 2rem);\n  }\n\n  /* md */\n  .split-button--md .split-button__primary {\n    padding: var(--hx-space-2, 0.5rem) var(--hx-space-4, 1rem);\n    font-size: var(--hx-font-size-md, 1rem);\n    min-height: var(--hx-size-10, 2.5rem);\n  }\n\n  .split-button--md .split-button__trigger {\n    padding: var(--hx-space-2, 0.5rem) var(--hx-space-3, 0.75rem);\n    min-height: var(--hx-size-10, 2.5rem);\n  }\n\n  /* lg */\n  .split-button--lg .split-button__primary {\n    padding: var(--hx-space-3, 0.75rem) var(--hx-space-6, 1.5rem);\n    font-size: var(--hx-font-size-lg, 1.125rem);\n    min-height: var(--hx-size-12, 3rem);\n  }\n\n  .split-button--lg .split-button__trigger {\n    padding: var(--hx-space-3, 0.75rem) var(--hx-space-4, 1rem);\n    min-height: var(--hx-size-12, 3rem);\n  }\n\n  /* ─── Variant: primary ─── */\n\n  .split-button--primary .split-button__primary,\n  .split-button--primary .split-button__trigger {\n    --hx-split-button-bg: var(--hx-color-primary-500, #429797);\n    --hx-split-button-color: var(--hx-color-text-on-primary, #ffffff);\n    --hx-split-button-border-color: transparent;\n    --hx-split-button-divider-color: var(--hx-color-primary-900, #0b3232);\n  }\n\n  /* primary:hover — replace the universal brightness(0.9) filter (which would\n     drop primary-500 + on-primary contrast to ~4.4:1) with an explicit swap\n     to primary-600 and a neutral-0 foreground. Mirrors hx-button precedent. */\n  .split-button--primary .split-button__primary:hover,\n  .split-button--primary .split-button__trigger:hover {\n    --hx-split-button-bg: var(--hx-color-primary-600, #0f7078);\n    --hx-split-button-color: var(--hx-color-neutral-0, #ffffff);\n    filter: none;\n  }\n\n  /* ─── Variant: secondary ─── */\n\n  .split-button--secondary .split-button__primary,\n  .split-button--secondary .split-button__trigger {\n    --hx-split-button-bg: transparent;\n    --hx-split-button-color: var(--hx-color-primary-500, #429797);\n    --hx-split-button-border-color: var(--hx-color-primary-500, #429797);\n    --hx-split-button-divider-color: var(--hx-color-primary-300, #97cdcc);\n  }\n\n  .split-button--secondary .split-button__primary:hover,\n  .split-button--secondary .split-button__trigger:hover {\n    --hx-split-button-bg: var(--hx-color-primary-50, #ebf8f8);\n    filter: none;\n  }\n\n  /* ─── Variant: tertiary ─── */\n\n  .split-button--tertiary .split-button__primary,\n  .split-button--tertiary .split-button__trigger {\n    --hx-split-button-bg: var(--hx-color-surface-sunken, #ebeee9);\n    --hx-split-button-color: var(--hx-color-text-primary, #0d1825);\n    --hx-split-button-border-color: transparent;\n    --hx-split-button-divider-color: var(--hx-color-border-default, #d6dbd5);\n  }\n\n  .split-button--tertiary .split-button__primary:hover,\n  .split-button--tertiary .split-button__trigger:hover {\n    --hx-split-button-bg: var(--hx-color-surface-raised, #f5f8f3);\n    filter: none;\n  }\n\n  /* ─── Variant: danger ─── */\n\n  .split-button--danger .split-button__primary,\n  .split-button--danger .split-button__trigger {\n    --hx-split-button-bg: var(--hx-color-error-500, #e5493e);\n    --hx-split-button-color: var(--hx-color-text-on-error, #ffffff);\n    --hx-split-button-border-color: transparent;\n    --hx-split-button-divider-color: var(--hx-color-error-400, #fc7264);\n  }\n\n  /* danger:hover — on-error tokens are tuned for error-500. error-600 drops\n     the pair to 2.25:1 (AA fail). Pin fg at neutral-0 to keep the darker\n     hover fill legible. Mirrors hx-toast precedent (commit 300e21ab0). */\n  .split-button--danger .split-button__primary:hover,\n  .split-button--danger .split-button__trigger:hover {\n    --hx-split-button-bg: var(--hx-color-error-600, #c92a2a);\n    --hx-split-button-color: var(--hx-color-neutral-0, #ffffff);\n    filter: none;\n  }\n\n  /* ─── Variant: ghost ─── */\n\n  .split-button--ghost .split-button__primary,\n  .split-button--ghost .split-button__trigger {\n    --hx-split-button-bg: transparent;\n    --hx-split-button-color: var(--hx-color-primary-500, #429797);\n    --hx-split-button-border-color: transparent;\n    --hx-split-button-divider-color: var(--hx-color-primary-200, #bce1e1);\n  }\n\n  .split-button--ghost .split-button__primary:hover,\n  .split-button--ghost .split-button__trigger:hover {\n    --hx-split-button-bg: var(--hx-color-surface-raised, #f5f8f3);\n    filter: none;\n  }\n\n  /* ─── Variant: outline ─── */\n\n  .split-button--outline .split-button__primary,\n  .split-button--outline .split-button__trigger {\n    --hx-split-button-bg: transparent;\n    --hx-split-button-color: var(--hx-color-text-primary, #0d1825);\n    --hx-split-button-border-color: var(--hx-color-border-strong, #66787b);\n    --hx-split-button-divider-color: var(--hx-color-border-default, #d6dbd5);\n  }\n\n  .split-button--outline .split-button__primary:hover,\n  .split-button--outline .split-button__trigger:hover {\n    --hx-split-button-bg: var(--hx-color-surface-raised, #f5f8f3);\n    filter: none;\n  }\n\n  /* ─── Dropdown Menu Panel ─── */\n\n  @keyframes hx-split-button-menu-open {\n    from {\n      opacity: 0;\n      transform: translateY(-4px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .split-button__menu {\n    display: none;\n    position: absolute;\n    top: calc(100% + var(--hx-space-1, 0.25rem));\n    inset-inline-end: 0;\n    min-width: 100%;\n    max-height: var(--hx-split-button-menu-max-height, 18rem);\n    overflow-y: auto;\n    background-color: var(--hx-split-button-menu-bg, var(--hx-color-surface-default, #ffffff));\n    border: var(--hx-border-width-thin, 1px) solid\n      var(--hx-split-button-menu-border-color, var(--hx-color-border-default, #d6dbd5));\n    border-radius: var(--hx-split-button-menu-border-radius, var(--hx-border-radius-md, 0.375rem));\n    box-shadow: var(\n      --hx-split-button-menu-shadow,\n      0 4px 6px -1px var(--hx-overlay-black-10, rgba(0, 0, 0, 0.1)),\n      0 2px 4px -2px var(--hx-overlay-black-10, rgba(0, 0, 0, 0.1))\n    );\n    padding: var(--hx-space-1, 0.25rem);\n    z-index: var(--hx-z-index-dropdown, 1000);\n  }\n\n  .split-button__menu--open {\n    display: block;\n    animation: hx-split-button-menu-open var(--hx-transition-fast, 150ms ease);\n  }\n\n  /* ─── Reduced Motion ─── */\n\n  @media (prefers-reduced-motion: reduce) {\n    .split-button__primary,\n    .split-button__trigger,\n    .split-button__chevron {\n      transition: none;\n    }\n\n    .split-button__menu--open {\n      animation: none;\n    }\n  }\n\n  /* ─── High Contrast Mode (forced-colors) ─── */\n\n  @media (forced-colors: active) {\n    .split-button__primary,\n    .split-button__trigger {\n      forced-color-adjust: none;\n      background-color: ButtonFace;\n      color: ButtonText;\n      border: 2px solid ButtonText;\n    }\n\n    .split-button__primary:focus-visible,\n    .split-button__trigger:focus-visible {\n      outline: 3px solid Highlight;\n      outline-offset: 2px;\n    }\n\n    .split-button__primary[disabled],\n    .split-button__trigger[disabled] {\n      background-color: ButtonFace;\n      color: GrayText;\n      border-color: GrayText;\n      opacity: 1;\n    }\n\n    :host([disabled]) {\n      opacity: 1;\n    }\n\n    .split-button__menu {\n      background-color: Canvas;\n      border: 2px solid CanvasText;\n    }\n  }\n`;\n","import { html, nothing, type PropertyValues } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HelixElement, createIdCounter } from '../../base/index.js';\nimport { helixSplitButtonStyles } from './hx-split-button.styles.js';\nimport { forcedColorsInteractive } from '../../styles/forced-colors.js';\nimport type { HelixMenuItem } from '../hx-menu/hx-menu-item.js';\nimport { devWarn } from '../../utils/dev-warn.js';\nimport { flattenAccName } from '../../utils/aria-flatten.js';\nimport { getMenuItemTypeaheadLabel } from '../../utils/menu-label.js';\nimport { findClosestMenuAncestor } from '../../utils/menu-tree.js';\nimport {\n  installAriaIdrefMirror,\n  resolveIdrefTokens,\n  type AriaIdrefMirrorHandle,\n} from '../../utils/aria-idref.js';\n\nconst _nextSplitButtonId = createIdCounter('hx-split-button');\n\n/**\n * A split button combining a primary action button with an attached dropdown\n * menu for secondary actions. Implements the ARIA menu button pattern for\n * full keyboard and screen reader support.\n *\n * ## Architecture Note: Composite host with two interactive children (Group 5b)\n *\n * The host wraps a primary `<button>`, a dropdown trigger `<button>`, and a\n * panel `<div role=\"menu\">` — three ARIA-bearing surfaces that cannot all\n * collapse onto the host. Group 5b keeps role placement on the inner\n * elements (consistent with `hx-overflow-menu`). The host carries no role.\n *\n * What Group 5b adds:\n * - **Host-attribute label mirror** via `installAriaIdrefMirror`: consumer\n *   `aria-label` / `aria-labelledby` on the host flow to the inner primary\n *   button's `aria-label`. Replaces the legacy `accessible-label` shim,\n *   which was a workaround for ARIAMixin shadowing on the host. The shim\n *   is preserved with a one-time devWarn for one minor version of back-\n *   compat; new code should use the standard `aria-label` attribute.\n * - **Roving tabindex** on slotted `hx-menu-item` children inside the\n *   panel. Only the focused item carries `tabindex=0`; arrow key\n *   navigation rewrites the tabindex map via `_applyRovingTabIndex()`.\n *   `setRovingTabIndex` is the same setter used by `hx-menu` for cross-\n *   family pattern alignment.\n * - **First-character typeahead** with 500ms timeout matching `hx-menu`.\n *\n * @summary Primary action button with attached dropdown menu for secondary actions.\n *\n * @tag hx-split-button\n *\n * @slot - Primary button label text.\n * @slot menu - `hx-menu-item` children rendered in the dropdown panel.\n *\n * @fires {CustomEvent<{originalEvent: MouseEvent}>} hx-click - Dispatched when\n *   the primary button is clicked and is not disabled.\n * @fires {CustomEvent<{value: string; label: string}>} hx-select - Dispatched when\n *   a menu item is selected from the dropdown.\n *\n * @csspart button - The primary action button element.\n * @csspart trigger - The dropdown trigger button element.\n * @csspart menu - The dropdown menu panel.\n *\n * @cssprop [--hx-split-button-menu-max-height=18rem] - Maximum height of the dropdown menu panel before scrolling.\n * @cssprop [--hx-split-button-bg=var(--hx-color-primary-500)] - Background color for both buttons.\n * @cssprop [--hx-split-button-color=var(--hx-color-neutral-0)] - Text/icon color for both buttons.\n * @cssprop [--hx-split-button-border-color=transparent] - Border color.\n * @cssprop [--hx-split-button-border-radius=var(--hx-border-radius-md)] - Border radius.\n * @cssprop [--hx-split-button-divider-color=var(--hx-color-primary-900)] - Color of the divider between primary and trigger.\n * @cssprop [--hx-split-button-font-family=var(--hx-font-family-sans)] - Font family.\n * @cssprop [--hx-split-button-font-weight=var(--hx-font-weight-semibold)] - Font weight.\n * @cssprop [--hx-split-button-focus-ring-color=var(--hx-focus-ring-color)] - Focus ring color.\n * @cssprop [--hx-split-button-menu-bg=var(--hx-color-neutral-0)] - Dropdown menu background.\n * @cssprop [--hx-split-button-menu-border-color=var(--hx-color-neutral-200)] - Dropdown menu border color.\n * @cssprop [--hx-split-button-menu-border-radius=var(--hx-border-radius-md)] - Dropdown menu border radius.\n * @cssprop [--hx-split-button-menu-shadow] - Dropdown menu box shadow.\n * @cssprop [--hx-opacity-disabled] - Opacity.\n * @cssprop [--hx-space-2] - Spacing token.\n * @cssprop [--hx-border-width-thin] - Width.\n * @cssprop [--hx-border-radius-md] - CSS custom property.\n * @cssprop [--hx-color-primary-500] - Color.\n * @cssprop [--hx-color-neutral-0] - Color.\n * @cssprop [--hx-font-family-sans] - Font family.\n * @cssprop [--hx-font-weight-semibold] - Font weight.\n * @cssprop [--hx-line-height-tight] - Line height.\n * @cssprop [--hx-transition-fast] - Transition timing.\n * @cssprop [--hx-focus-ring-width] - Width.\n * @cssprop [--hx-focus-ring-color] - Color.\n * @cssprop [--hx-color-primary-400] - Color.\n * @cssprop [--hx-focus-ring-offset] - CSS custom property.\n * @cssprop [--hx-filter-brightness-hover] - CSS filter.\n * @cssprop [--hx-filter-brightness-active] - CSS filter.\n * @cssprop [--hx-space-1] - Spacing token.\n * @cssprop [--hx-space-3] - Spacing token.\n * @cssprop [--hx-font-size-sm] - Font size.\n * @cssprop [--hx-size-8] - Size token.\n * @cssprop [--hx-space-4] - Spacing token.\n * @cssprop [--hx-font-size-md] - Font size.\n * @cssprop [--hx-size-10] - Size token.\n * @cssprop [--hx-space-6] - Spacing token.\n * @cssprop [--hx-font-size-lg] - Font size.\n * @cssprop [--hx-size-12] - Size token.\n * @cssprop [--hx-color-primary-300] - Color.\n * @cssprop [--hx-color-primary-50] - Color.\n * @cssprop [--hx-color-neutral-100] - Color.\n * @cssprop [--hx-color-neutral-900] - Color.\n * @cssprop [--hx-color-neutral-300] - Color.\n * @cssprop [--hx-color-neutral-200] - Color.\n * @cssprop [--hx-color-error-500] - Color.\n * @cssprop [--hx-color-error-400] - Color.\n * @cssprop [--hx-color-error-600] - Color.\n * @cssprop [--hx-color-primary-200] - Color.\n * @cssprop [--hx-color-neutral-50] - Color.\n * @cssprop [--hx-overlay-black-10] - Overlay color.\n * @cssprop [--hx-z-index-dropdown] - Z-index layer.\n */\n@customElement('hx-split-button')\nexport class HelixSplitButton extends HelixElement {\n  static override styles = [helixSplitButtonStyles, forcedColorsInteractive];\n\n  // ─── Internal References ───\n\n  /**\n   * Reference to the dropdown menu panel element, used for positioning and focus management.\n   * @internal\n   */\n  @query('.split-button__menu')\n  private _menuPanel: HTMLElement | undefined;\n\n  /**\n   * Reference to the dropdown trigger button element, used to return focus after menu closes.\n   * @internal\n   */\n  @query('.split-button__trigger')\n  private _triggerButton: HTMLButtonElement | undefined;\n\n  // ─── Internal State ───\n\n  /**\n   * Tracks whether the dropdown menu is currently open.\n   * @internal\n   */\n  @state() private _open = false;\n\n  // ─── Public Properties ───\n\n  /**\n   * Visual style variant of the split button.\n   * @attr variant\n   */\n  @property({ type: String, reflect: true })\n  variant: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'ghost' | 'outline' = 'primary';\n\n  /**\n   * Size of the split button.\n   * @attr hx-size\n   */\n  @property({ type: String, reflect: true, attribute: 'hx-size' })\n  size: 'sm' | 'md' | 'lg' = 'md';\n\n  /**\n   * Whether the split button is disabled. Both the primary button and the\n   * trigger are disabled when this is true.\n   * @attr disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Primary button label text. When set, overrides the default slot content.\n   * @attr label\n   */\n  @property({ type: String })\n  label: string | undefined = undefined;\n\n  /**\n   * @deprecated Use the standard host `aria-label` attribute instead. Group\n   * 5b replaces the `accessible-label` shim with a host-attribute mirror\n   * driven by `installAriaIdrefMirror` — consumer host `aria-label` /\n   * `aria-labelledby` flow to the inner primary button's `aria-label`,\n   * which is the same composed-tree result as the legacy shim without\n   * the ARIAMixin shadowing concern.\n   *\n   * The attribute remains observed for one minor version so existing\n   * consumers do not regress; setting it logs a devWarn pointing them to\n   * the standard `aria-label` path.\n   * @attr accessible-label\n   */\n  @property({ type: String, attribute: 'accessible-label' })\n  accessibleLabel = '';\n\n  /**\n   * Accessible label for the dropdown trigger button. Override for localization.\n   * @attr label-trigger\n   */\n  @property({ type: String, attribute: 'label-trigger' })\n  labelTrigger = 'More actions';\n\n  /**\n   * Accessible label for the dropdown menu panel. Override for localization.\n   * @attr label-menu\n   */\n  @property({ type: String, attribute: 'label-menu' })\n  labelMenu = 'Secondary actions';\n\n  // ─── Unique IDs ───\n\n  /**\n   * Stable unique ID for the dropdown menu panel element, used to wire aria-controls on the trigger button.\n   * @internal\n   */\n  private readonly _menuId = `${_nextSplitButtonId()}-menu`;\n\n  // ─── Host-attribute label mirror state ───\n\n  /**\n   * Resolved accessible name for the primary action button — written to\n   * the inner primary button's `aria-label` on render. AccName 1.2 §4.3.1\n   * precedence: host `aria-labelledby` (resolved IDREFs, flattened) >\n   * host `aria-label` > deprecated `accessible-label` (with devWarn) >\n   * `label` property > slotted text content (no aria-label set when this\n   * branch is taken so AT walks the inner content for the name).\n   * @internal\n   */\n  @state() private _resolvedPrimaryLabel: string | null = null;\n\n  /** @internal */\n  private _ariaMirror: AriaIdrefMirrorHandle | null = null;\n\n  // ─── Roving tabindex + typeahead state ───\n\n  /** @internal */\n  private _rovingIndex = -1;\n\n  /** @internal */\n  private _typeaheadBuffer = '';\n\n  /** @internal */\n  private _typeaheadTimer: ReturnType<typeof setTimeout> | null = null;\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    document.addEventListener('click', this._handleOutsideClick);\n    document.addEventListener('keydown', this._handleDocumentKeydown);\n    this._syncResolvedPrimaryLabel();\n    this._ariaMirror = installAriaIdrefMirror(this, () => {\n      this._syncResolvedPrimaryLabel();\n    });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener('click', this._handleOutsideClick);\n    document.removeEventListener('keydown', this._handleDocumentKeydown);\n    if (this._typeaheadTimer !== null) {\n      clearTimeout(this._typeaheadTimer);\n      this._typeaheadTimer = null;\n    }\n    this._ariaMirror?.disconnect();\n    this._ariaMirror = null;\n  }\n\n  override willUpdate(changedProperties: PropertyValues<this>): void {\n    super.willUpdate(changedProperties);\n    if (changedProperties.has('label') || changedProperties.has('accessibleLabel')) {\n      this._syncResolvedPrimaryLabel();\n    }\n  }\n\n  /**\n   * Resolve the primary button's accessible name from host attributes\n   * and (deprecated) properties. See `_resolvedPrimaryLabel` jsdoc for\n   * precedence rules.\n   * @internal\n   */\n  private _syncResolvedPrimaryLabel(): void {\n    const liveLabelledBy = this.getAttribute('aria-labelledby');\n    const consumerLabelEls = resolveIdrefTokens(this, liveLabelledBy);\n\n    // CodeRabbit MUST-FIX: AccName 1.2 §4.3.2 — `aria-labelledby` references\n    // their target text content REGARDLESS of visibility. The previous\n    // outer visibility filter dropped legitimate accessible names from\n    // visually-hidden labels. `flattenAccName` already handles aria-hidden\n    // subtree pruning per §4.3.10.\n    const flattenedFromIdrefs = consumerLabelEls\n      .map((el) => flattenAccName(el))\n      .filter((t) => t.length > 0)\n      .join(' ')\n      .replace(/\\s+/g, ' ')\n      .trim();\n\n    const liveAriaLabel = this.getAttribute('aria-label');\n    const hostAriaLabel = liveAriaLabel !== null ? liveAriaLabel.trim() : '';\n\n    let resolved: string | null = null;\n    if (flattenedFromIdrefs) {\n      resolved = flattenedFromIdrefs;\n    } else if (hostAriaLabel) {\n      resolved = hostAriaLabel;\n    } else if (this.accessibleLabel) {\n      // Deprecated path — emit a one-time devWarn pointing consumers at\n      // the standard aria-label flow.\n      if (!this._deprecatedAccessibleLabelWarned) {\n        this._deprecatedAccessibleLabelWarned = true;\n        devWarn(\n          'hx-split-button',\n          '`accessible-label` is deprecated; use the standard `aria-label` attribute on hx-split-button instead. The shim continues to work in this minor version but will be removed in a future release.',\n        );\n      }\n      resolved = this.accessibleLabel;\n    } else if (this.label) {\n      resolved = this.label;\n    } else {\n      // No explicit name supplied — leave aria-label off the primary\n      // button so AT walks the slotted content for the accessible name.\n      resolved = null;\n    }\n\n    this._resolvedPrimaryLabel = resolved;\n  }\n\n  /** @internal */\n  private _deprecatedAccessibleLabelWarned = false;\n\n  // ─── Outside-click / document keydown ───\n\n  /** @internal */\n  private readonly _handleOutsideClick = (e: MouseEvent): void => {\n    if (!this._open) return;\n    const target = e.target as Node;\n    if (!this.contains(target) && target !== this) {\n      this._closeMenu();\n    }\n  };\n\n  /** @internal */\n  private readonly _handleDocumentKeydown = (e: KeyboardEvent): void => {\n    if (!this._open) return;\n    if (e.key === 'Tab') {\n      this._closeMenu();\n    }\n  };\n\n  // ─── Primary Button Handlers ───\n\n  /** @internal */\n  private _handlePrimaryClick(e: MouseEvent): void {\n    if (this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    /**\n     * Dispatched when the primary button is clicked.\n     * @event hx-click\n     */\n    this.dispatchEvent(\n      new CustomEvent<{ originalEvent: MouseEvent }>('hx-click', {\n        bubbles: true,\n        composed: true,\n        detail: { originalEvent: e },\n      }),\n    );\n  }\n\n  /** @internal */\n  private _handlePrimaryKeydown(e: KeyboardEvent): void {\n    if (this.disabled) return;\n    if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      this._openMenu();\n    }\n  }\n\n  // ─── Trigger Button Handlers ───\n\n  /** @internal */\n  private _handleTriggerClick(e: MouseEvent): void {\n    if (this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n    // Stop propagation so _handleOutsideClick does not immediately close.\n    e.stopPropagation();\n    this._toggleMenu();\n  }\n\n  /** @internal */\n  private _handleTriggerKeydown(e: KeyboardEvent): void {\n    if (this.disabled) return;\n    if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      this._openMenu();\n    }\n  }\n\n  // ─── Menu Key Navigation ───\n\n  /** @internal */\n  private _handleMenuKeydown(e: KeyboardEvent): void {\n    const items = this._getMenuItems();\n    if (items.length === 0) return;\n\n    // document.activeElement returns the hx-menu-item host element when\n    // host-canonical (post-Group-5b) — matches items[] directly. On the\n    // legacy fallback path, focus delegates to the inner div but\n    // document.activeElement still resolves to the host so the same\n    // index works.\n    const currentIndex = items.findIndex((item) => item === document.activeElement);\n\n    switch (e.key) {\n      case 'ArrowDown': {\n        e.preventDefault();\n        const next = currentIndex < items.length - 1 ? currentIndex + 1 : 0;\n        this._focusMenuItem(items, next);\n        break;\n      }\n      case 'ArrowUp': {\n        e.preventDefault();\n        const prev = currentIndex > 0 ? currentIndex - 1 : items.length - 1;\n        this._focusMenuItem(items, prev);\n        break;\n      }\n      case 'Escape': {\n        e.preventDefault();\n        this._closeMenu();\n        this._triggerButton?.focus();\n        break;\n      }\n      case 'Home': {\n        e.preventDefault();\n        this._focusMenuItem(items, 0);\n        break;\n      }\n      case 'End': {\n        e.preventDefault();\n        this._focusMenuItem(items, items.length - 1);\n        break;\n      }\n      default: {\n        if (e.key.length === 1 && e.key !== ' ' && !e.ctrlKey && !e.metaKey && !e.altKey) {\n          this._handleTypeahead(e.key, items);\n        }\n        break;\n      }\n    }\n  }\n\n  /** @internal */\n  private _focusMenuItem(items: HelixMenuItem[], index: number): void {\n    this._rovingIndex = index;\n    this._applyRovingTabIndex(items);\n    items[index]?.focus();\n  }\n\n  /**\n   * Roving tabindex: only the focused item carries tabindex=0; the rest\n   * are tabindex=-1. Tab from the panel exits the menu via document\n   * keydown (line ~_handleDocumentKeydown), so the closing-Tab path\n   * remains correct.\n   * @internal\n   */\n  private _applyRovingTabIndex(items: HelixMenuItem[]): void {\n    items.forEach((item, i) => {\n      item.setRovingTabIndex(i === this._rovingIndex ? 0 : -1);\n    });\n  }\n\n  /** @internal */\n  private _handleTypeahead(char: string, items: HelixMenuItem[]): void {\n    if (this._typeaheadTimer !== null) {\n      clearTimeout(this._typeaheadTimer);\n    }\n    this._typeaheadBuffer += char.toLowerCase();\n    this._typeaheadTimer = setTimeout(() => {\n      this._typeaheadBuffer = '';\n      this._typeaheadTimer = null;\n    }, 500);\n\n    // Codex push-gate round-7 finding 3: shared submenu-aware label\n    // extractor — see hx-menu / hx-dropdown for rationale.\n    const match = items.findIndex((item) => {\n      const text = getMenuItemTypeaheadLabel(item).toLowerCase();\n      return text.startsWith(this._typeaheadBuffer);\n    });\n\n    if (match !== -1) {\n      this._focusMenuItem(items, match);\n    }\n  }\n\n  // ─── Menu Item Selection ───\n\n  /** @internal */\n  private _handleMenuItemSelect(e: Event): void {\n    if (!(e instanceof CustomEvent)) return;\n    const custom = e as CustomEvent<{ item: HelixMenuItem; value: string }>;\n    this._closeMenu();\n    this._triggerButton?.focus();\n\n    const item = custom.detail.item;\n    const label = item?.textContent?.trim() ?? '';\n\n    /**\n     * Dispatched when a menu item is selected.\n     * @event hx-select\n     */\n    this.dispatchEvent(\n      new CustomEvent<{ value: string; label: string }>('hx-select', {\n        bubbles: true,\n        composed: true,\n        detail: { value: custom.detail.value, label },\n      }),\n    );\n  }\n\n  /**\n   * Bubbled `hx-item-submenu-open` from a slotted `hx-menu-item` host.\n   * Codex push-gate round-9 P1: when slotted `hx-menu-item`s open / close\n   * a nested submenu inside this menu panel (no enclosing `hx-menu`), the\n   * events fly past with no handler. Match the round-4\n   * `hx-menu._handleSubmenuOpen` shape so APG behaviour holds. Defer to\n   * an inner `hx-menu` when present (it owns the toggle). Otherwise this\n   * panel is the enclosing menu surface — call `setSubmenuOpen(true)` on\n   * the dispatching item and focus its first nested child.\n   * @internal\n   */\n  private _handleMenuSubmenuOpen = (e: Event): void => {\n    if (!(e instanceof CustomEvent)) return;\n    const detail = (e as CustomEvent<{ item: HelixMenuItem }>).detail;\n    const item = detail?.item;\n    if (!item) return;\n    if (findClosestMenuAncestor(item) !== null) return;\n    queueMicrotask(() => {\n      if (e.defaultPrevented) return;\n      item.setSubmenuOpen(true);\n      void item.updateComplete\n        .then(() => {\n          const submenuSlot =\n            item.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"submenu\"]');\n          const nested = submenuSlot\n            ?.assignedElements({ flatten: true })\n            .find((el) => el.tagName.toLowerCase() === 'hx-menu') as\n            | (HTMLElement & { focusFirst?: () => void })\n            | undefined;\n          nested?.focusFirst?.();\n        })\n        .catch(() => undefined);\n    });\n  };\n\n  /**\n   * Bubbled `hx-item-submenu-close` from a slotted `hx-menu-item` host.\n   * Codex push-gate round-9 P1: when an inner `hx-menu` (a nested\n   * submenu) handles its own close, the event still bubbles through this\n   * panel — defer in that case so the panel stays open. When the\n   * dispatching item is top-level inside this panel (no enclosing\n   * `hx-menu`), there is no parent submenu to collapse, so close the\n   * composite's menu and return focus to the trigger button.\n   * @internal\n   */\n  private _handleMenuSubmenuClose = (e: Event): void => {\n    if (!(e instanceof CustomEvent)) return;\n    const detail = (e as CustomEvent<{ item: HelixMenuItem }>).detail;\n    const item = detail?.item;\n    if (!item) return;\n    if (findClosestMenuAncestor(item) !== null) return;\n    if (e.defaultPrevented) return;\n    this._closeMenu();\n    this._triggerButton?.focus();\n  };\n\n  // ─── Menu Helpers ───\n\n  /** @internal */\n  private _openMenu(): void {\n    if (this._open) return;\n    this._open = true;\n    // Focus the first enabled menu item after the panel renders;\n    // initialize roving tabindex so Tab from outside lands on the same\n    // item that has visual focus.\n    void this.updateComplete\n      .then(() => {\n        const items = this._getMenuItems();\n        this._rovingIndex = items.length > 0 ? 0 : -1;\n        this._applyRovingTabIndex(items);\n        items[0]?.focus();\n      })\n      .catch(() => undefined);\n  }\n\n  /** @internal */\n  private _closeMenu(): void {\n    this._open = false;\n  }\n\n  /** @internal */\n  private _toggleMenu(): void {\n    if (this._open) {\n      this._closeMenu();\n    } else {\n      this._openMenu();\n    }\n  }\n\n  /**\n   * Returns the enabled hx-menu-item host elements assigned to the `menu` slot.\n   * HelixMenuItem overrides focus() to delegate to its inner element, so calling\n   * .focus() on hosts works correctly. document.activeElement returns the host\n   * element when the inner shadow element has focus, enabling correct index tracking.\n   */\n  /** @internal */\n  private _getMenuItems(): HelixMenuItem[] {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"menu\"]');\n    if (!slot) return [];\n\n    return slot\n      .assignedElements({ flatten: true })\n      .filter(\n        (el): el is HelixMenuItem =>\n          el.tagName.toLowerCase() === 'hx-menu-item' && !(el as HelixMenuItem).disabled,\n      );\n  }\n\n  // ─── Render ───\n\n  override render() {\n    const containerClasses = {\n      'split-button': true,\n      [`split-button--${this.variant}`]: true,\n      [`split-button--${this.size}`]: true,\n    };\n\n    const menuClasses = {\n      'split-button__menu': true,\n      'split-button__menu--open': this._open,\n    };\n\n    const chevronClasses = {\n      'split-button__chevron': true,\n      'split-button__chevron--open': this._open,\n    };\n\n    return html`\n      <div class=${classMap(containerClasses)}>\n        <!-- Primary action button -->\n        <button\n          part=\"button\"\n          class=\"split-button__primary\"\n          ?disabled=${this.disabled}\n          type=\"button\"\n          aria-label=${this._resolvedPrimaryLabel ?? nothing}\n          @click=${this._handlePrimaryClick}\n          @keydown=${this._handlePrimaryKeydown}\n        >\n          ${this.label !== undefined ? this.label : html`<slot></slot>`}\n        </button>\n\n        <!-- Dropdown trigger button -->\n        <button\n          part=\"trigger\"\n          class=\"split-button__trigger\"\n          ?disabled=${this.disabled}\n          aria-haspopup=\"menu\"\n          aria-expanded=${this._open ? 'true' : 'false'}\n          aria-controls=${this._menuId}\n          aria-label=${this.labelTrigger}\n          type=\"button\"\n          @click=${this._handleTriggerClick}\n          @keydown=${this._handleTriggerKeydown}\n        >\n          <span class=${classMap(chevronClasses)} aria-hidden=\"true\">\n            <svg\n              width=\"12\"\n              height=\"8\"\n              viewBox=\"0 0 12 8\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M1 1.5L6 6.5L11 1.5\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </span>\n        </button>\n\n        <!-- Dropdown menu panel -->\n        <div\n          part=\"menu\"\n          id=${this._menuId}\n          class=${classMap(menuClasses)}\n          role=\"menu\"\n          aria-label=${this.labelMenu}\n          @keydown=${this._handleMenuKeydown}\n          @hx-item-select=${this._handleMenuItemSelect}\n          @hx-item-submenu-open=${this._handleMenuSubmenuOpen}\n          @hx-item-submenu-close=${this._handleMenuSubmenuClose}\n        >\n          <slot name=\"menu\"></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-split-button': HelixSplitButton;\n  }\n}\n"],"names":["helixSplitButtonStyles","css","_nextSplitButtonId","createIdCounter","HelixSplitButton","HelixElement","e","target","detail","item","findClosestMenuAncestor","submenuSlot","_a","nested","el","_b","installAriaIdrefMirror","changedProperties","liveLabelledBy","flattenedFromIdrefs","resolveIdrefTokens","flattenAccName","t","liveAriaLabel","hostAriaLabel","resolved","items","currentIndex","next","prev","index","i","char","match","getMenuItemTypeaheadLabel","custom","label","slot","containerClasses","menuClasses","chevronClasses","html","classMap","nothing","forcedColorsInteractive","__decorateClass","query","state","property","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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"}
+{"version":3,"file":"hx-split-button-Ddle8iVx.js","sources":["../../src/components/hx-split-button/hx-split-button.styles.ts","../../src/components/hx-split-button/hx-split-button.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixSplitButtonStyles = css`\n  :host {\n    display: inline-block;\n    position: relative;\n  }\n\n  :host([disabled]) {\n    pointer-events: none;\n    opacity: var(--hx-opacity-disabled, 0.5);\n  }\n\n  /* ─── Container ─── */\n\n  .split-button {\n    display: inline-flex;\n    align-items: stretch;\n    position: relative;\n  }\n\n  /* ─── Primary Button ─── */\n\n  .split-button__primary {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--hx-space-2, 0.5rem);\n    border: var(--hx-border-width-thin, 1px) solid var(--hx-split-button-border-color, transparent);\n    border-inline-end: none;\n    border-radius: var(--hx-split-button-border-radius, var(--hx-border-radius-md, 0.375rem)) 0 0\n      var(--hx-split-button-border-radius, var(--hx-border-radius-md, 0.375rem));\n    background-color: var(--hx-split-button-bg, var(--hx-color-primary-500, #429797));\n    color: var(--hx-split-button-color, var(--hx-color-text-on-primary, #ffffff));\n    font-family: var(--hx-split-button-font-family, var(--hx-font-family-sans, sans-serif));\n    font-weight: var(--hx-split-button-font-weight, var(--hx-font-weight-semibold, 600));\n    line-height: var(--hx-line-height-tight, 1.25);\n    cursor: pointer;\n    transition:\n      background-color var(--hx-transition-fast, 150ms ease),\n      color var(--hx-transition-fast, 150ms ease),\n      border-color var(--hx-transition-fast, 150ms ease),\n      box-shadow var(--hx-transition-fast, 150ms ease);\n    text-decoration: none;\n    white-space: nowrap;\n    user-select: none;\n    -webkit-user-select: none;\n    flex: 1 1 auto;\n  }\n\n  .split-button__primary:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-split-button-focus-ring-color, var(--hx-focus-ring-color, #0f7078));\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n    z-index: 1;\n    position: relative;\n  }\n\n  .split-button__primary:hover {\n    filter: brightness(var(--hx-filter-brightness-hover, 0.9));\n  }\n\n  .split-button__primary:active {\n    filter: brightness(var(--hx-filter-brightness-active, 0.8));\n  }\n\n  .split-button__primary[disabled] {\n    cursor: not-allowed;\n  }\n\n  /* ─── Trigger Button ─── */\n\n  .split-button__trigger {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    border: var(--hx-border-width-thin, 1px) solid var(--hx-split-button-border-color, transparent);\n    border-inline-start: var(--hx-border-width-thin, 1px) solid\n      var(--hx-split-button-divider-color, var(--hx-color-primary-900, #0b3232));\n    border-radius: 0 var(--hx-split-button-border-radius, var(--hx-border-radius-md, 0.375rem))\n      var(--hx-split-button-border-radius, var(--hx-border-radius-md, 0.375rem)) 0;\n    background-color: var(--hx-split-button-bg, var(--hx-color-primary-500, #429797));\n    color: var(--hx-split-button-color, var(--hx-color-text-on-primary, #ffffff));\n    cursor: pointer;\n    transition:\n      background-color var(--hx-transition-fast, 150ms ease),\n      box-shadow var(--hx-transition-fast, 150ms ease);\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  .split-button__trigger:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-split-button-focus-ring-color, var(--hx-focus-ring-color, #0f7078));\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n    z-index: 1;\n    position: relative;\n  }\n\n  .split-button__trigger:hover {\n    filter: brightness(var(--hx-filter-brightness-hover, 0.9));\n  }\n\n  .split-button__trigger:active {\n    filter: brightness(var(--hx-filter-brightness-active, 0.8));\n  }\n\n  .split-button__trigger[disabled] {\n    cursor: not-allowed;\n  }\n\n  /* ─── Trigger Icon ─── */\n\n  .split-button__chevron {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    transition: transform var(--hx-transition-fast, 150ms ease);\n  }\n\n  .split-button__chevron--open {\n    transform: rotate(180deg);\n  }\n\n  /* ─── Size Variants ─── */\n\n  /* sm */\n  .split-button--sm .split-button__primary {\n    padding: var(--hx-space-1, 0.25rem) var(--hx-space-3, 0.75rem);\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    min-height: var(--hx-size-8, 2rem);\n  }\n\n  .split-button--sm .split-button__trigger {\n    padding: var(--hx-space-1, 0.25rem) var(--hx-space-2, 0.5rem);\n    min-height: var(--hx-size-8, 2rem);\n  }\n\n  /* md */\n  .split-button--md .split-button__primary {\n    padding: var(--hx-space-2, 0.5rem) var(--hx-space-4, 1rem);\n    font-size: var(--hx-font-size-md, 1rem);\n    min-height: var(--hx-size-10, 2.5rem);\n  }\n\n  .split-button--md .split-button__trigger {\n    padding: var(--hx-space-2, 0.5rem) var(--hx-space-3, 0.75rem);\n    min-height: var(--hx-size-10, 2.5rem);\n  }\n\n  /* lg */\n  .split-button--lg .split-button__primary {\n    padding: var(--hx-space-3, 0.75rem) var(--hx-space-6, 1.5rem);\n    font-size: var(--hx-font-size-lg, 1.125rem);\n    min-height: var(--hx-size-12, 3rem);\n  }\n\n  .split-button--lg .split-button__trigger {\n    padding: var(--hx-space-3, 0.75rem) var(--hx-space-4, 1rem);\n    min-height: var(--hx-size-12, 3rem);\n  }\n\n  /* ─── Variant: primary ─── */\n\n  .split-button--primary .split-button__primary,\n  .split-button--primary .split-button__trigger {\n    --hx-split-button-bg: var(--hx-color-primary-500, #429797);\n    --hx-split-button-color: var(--hx-color-text-on-primary, #ffffff);\n    --hx-split-button-border-color: transparent;\n    --hx-split-button-divider-color: var(--hx-color-primary-900, #0b3232);\n  }\n\n  /* primary:hover — replace the universal brightness(0.9) filter (which would\n     drop primary-500 + on-primary contrast to ~4.4:1) with an explicit swap\n     to primary-600 and a neutral-0 foreground. Mirrors hx-button precedent. */\n  .split-button--primary .split-button__primary:hover,\n  .split-button--primary .split-button__trigger:hover {\n    --hx-split-button-bg: var(--hx-color-primary-600, #0f7078);\n    --hx-split-button-color: var(--hx-color-neutral-0, #ffffff);\n    filter: none;\n  }\n\n  /* ─── Variant: secondary ─── */\n\n  .split-button--secondary .split-button__primary,\n  .split-button--secondary .split-button__trigger {\n    --hx-split-button-bg: transparent;\n    --hx-split-button-color: var(--hx-color-primary-500, #429797);\n    --hx-split-button-border-color: var(--hx-color-primary-500, #429797);\n    --hx-split-button-divider-color: var(--hx-color-primary-300, #97cdcc);\n  }\n\n  .split-button--secondary .split-button__primary:hover,\n  .split-button--secondary .split-button__trigger:hover {\n    --hx-split-button-bg: var(--hx-color-primary-50, #ebf8f8);\n    filter: none;\n  }\n\n  /* ─── Variant: tertiary ─── */\n\n  .split-button--tertiary .split-button__primary,\n  .split-button--tertiary .split-button__trigger {\n    --hx-split-button-bg: var(--hx-color-surface-sunken, #ebeee9);\n    --hx-split-button-color: var(--hx-color-text-primary, #0d1825);\n    --hx-split-button-border-color: transparent;\n    --hx-split-button-divider-color: var(--hx-color-border-default, #d6dbd5);\n  }\n\n  .split-button--tertiary .split-button__primary:hover,\n  .split-button--tertiary .split-button__trigger:hover {\n    --hx-split-button-bg: var(--hx-color-surface-raised, #f5f8f3);\n    filter: none;\n  }\n\n  /* ─── Variant: danger ─── */\n\n  .split-button--danger .split-button__primary,\n  .split-button--danger .split-button__trigger {\n    --hx-split-button-bg: var(--hx-color-error-500, #e5493e);\n    --hx-split-button-color: var(--hx-color-text-on-error, #ffffff);\n    --hx-split-button-border-color: transparent;\n    --hx-split-button-divider-color: var(--hx-color-error-400, #fc7264);\n  }\n\n  /* danger:hover — on-error tokens are tuned for error-500. error-600 drops\n     the pair to 2.25:1 (AA fail). Pin fg at neutral-0 to keep the darker\n     hover fill legible. Mirrors hx-toast precedent (commit 300e21ab0). */\n  .split-button--danger .split-button__primary:hover,\n  .split-button--danger .split-button__trigger:hover {\n    --hx-split-button-bg: var(--hx-color-error-600, #c92a2a);\n    --hx-split-button-color: var(--hx-color-neutral-0, #ffffff);\n    filter: none;\n  }\n\n  /* ─── Variant: ghost ─── */\n\n  .split-button--ghost .split-button__primary,\n  .split-button--ghost .split-button__trigger {\n    --hx-split-button-bg: transparent;\n    --hx-split-button-color: var(--hx-color-primary-500, #429797);\n    --hx-split-button-border-color: transparent;\n    --hx-split-button-divider-color: var(--hx-color-primary-200, #bce1e1);\n  }\n\n  .split-button--ghost .split-button__primary:hover,\n  .split-button--ghost .split-button__trigger:hover {\n    --hx-split-button-bg: var(--hx-color-surface-raised, #f5f8f3);\n    filter: none;\n  }\n\n  /* ─── Variant: outline ─── */\n\n  .split-button--outline .split-button__primary,\n  .split-button--outline .split-button__trigger {\n    --hx-split-button-bg: transparent;\n    --hx-split-button-color: var(--hx-color-text-primary, #0d1825);\n    --hx-split-button-border-color: var(--hx-color-border-strong, #66787b);\n    --hx-split-button-divider-color: var(--hx-color-border-default, #d6dbd5);\n  }\n\n  .split-button--outline .split-button__primary:hover,\n  .split-button--outline .split-button__trigger:hover {\n    --hx-split-button-bg: var(--hx-color-surface-raised, #f5f8f3);\n    filter: none;\n  }\n\n  /* ─── Dropdown Menu Panel ─── */\n\n  @keyframes hx-split-button-menu-open {\n    from {\n      opacity: 0;\n      transform: translateY(-4px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .split-button__menu {\n    display: none;\n    position: absolute;\n    top: calc(100% + var(--hx-space-1, 0.25rem));\n    inset-inline-end: 0;\n    min-width: 100%;\n    max-height: var(--hx-split-button-menu-max-height, 18rem);\n    overflow-y: auto;\n    background-color: var(--hx-split-button-menu-bg, var(--hx-color-surface-default, #ffffff));\n    border: var(--hx-border-width-thin, 1px) solid\n      var(--hx-split-button-menu-border-color, var(--hx-color-border-default, #d6dbd5));\n    border-radius: var(--hx-split-button-menu-border-radius, var(--hx-border-radius-md, 0.375rem));\n    box-shadow: var(\n      --hx-split-button-menu-shadow,\n      0 4px 6px -1px var(--hx-overlay-black-10, rgba(0, 0, 0, 0.1)),\n      0 2px 4px -2px var(--hx-overlay-black-10, rgba(0, 0, 0, 0.1))\n    );\n    padding: var(--hx-space-1, 0.25rem);\n    z-index: var(--hx-z-index-dropdown, 1000);\n  }\n\n  .split-button__menu--open {\n    display: block;\n    animation: hx-split-button-menu-open var(--hx-transition-fast, 150ms ease);\n  }\n\n  /* ─── Reduced Motion ─── */\n\n  @media (prefers-reduced-motion: reduce) {\n    .split-button__primary,\n    .split-button__trigger,\n    .split-button__chevron {\n      transition: none;\n    }\n\n    .split-button__menu--open {\n      animation: none;\n    }\n  }\n\n  /* ─── High Contrast Mode (forced-colors) ─── */\n\n  @media (forced-colors: active) {\n    .split-button__primary,\n    .split-button__trigger {\n      forced-color-adjust: none;\n      background-color: ButtonFace;\n      color: ButtonText;\n      border: 2px solid ButtonText;\n    }\n\n    .split-button__primary:focus-visible,\n    .split-button__trigger:focus-visible {\n      outline: 3px solid Highlight;\n      outline-offset: 2px;\n    }\n\n    .split-button__primary[disabled],\n    .split-button__trigger[disabled] {\n      background-color: ButtonFace;\n      color: GrayText;\n      border-color: GrayText;\n      opacity: 1;\n    }\n\n    :host([disabled]) {\n      opacity: 1;\n    }\n\n    .split-button__menu {\n      background-color: Canvas;\n      border: 2px solid CanvasText;\n    }\n  }\n`;\n","import { html, nothing, type PropertyValues } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HelixElement, createIdCounter } from '../../base/index.js';\nimport { helixSplitButtonStyles } from './hx-split-button.styles.js';\nimport { forcedColorsInteractive } from '../../styles/forced-colors.js';\nimport type { HelixMenuItem } from '../hx-menu/hx-menu-item.js';\nimport { devWarn } from '../../utils/dev-warn.js';\nimport { flattenAccName } from '../../utils/aria-flatten.js';\nimport { getMenuItemTypeaheadLabel } from '../../utils/menu-label.js';\nimport { findClosestMenuAncestor } from '../../utils/menu-tree.js';\nimport {\n  installAriaIdrefMirror,\n  resolveIdrefTokens,\n  type AriaIdrefMirrorHandle,\n} from '../../utils/aria-idref.js';\n\nconst _nextSplitButtonId = createIdCounter('hx-split-button');\n\n/**\n * A split button combining a primary action button with an attached dropdown\n * menu for secondary actions. Implements the ARIA menu button pattern for\n * full keyboard and screen reader support.\n *\n * ## Architecture Note: Composite host with two interactive children (Group 5b)\n *\n * The host wraps a primary `<button>`, a dropdown trigger `<button>`, and a\n * panel `<div role=\"menu\">` — three ARIA-bearing surfaces that cannot all\n * collapse onto the host. Group 5b keeps role placement on the inner\n * elements (consistent with `hx-overflow-menu`). The host carries no role.\n *\n * What Group 5b adds:\n * - **Host-attribute label mirror** via `installAriaIdrefMirror`: consumer\n *   `aria-label` / `aria-labelledby` on the host flow to the inner primary\n *   button's `aria-label`. Replaces the legacy `accessible-label` shim,\n *   which was a workaround for ARIAMixin shadowing on the host. The shim\n *   is preserved with a one-time devWarn for one minor version of back-\n *   compat; new code should use the standard `aria-label` attribute.\n * - **Roving tabindex** on slotted `hx-menu-item` children inside the\n *   panel. Only the focused item carries `tabindex=0`; arrow key\n *   navigation rewrites the tabindex map via `_applyRovingTabIndex()`.\n *   `setRovingTabIndex` is the same setter used by `hx-menu` for cross-\n *   family pattern alignment.\n * - **First-character typeahead** with 500ms timeout matching `hx-menu`.\n *\n * @summary Primary action button with attached dropdown menu for secondary actions.\n *\n * @tag hx-split-button\n *\n * @slot - Primary button label text.\n * @slot menu - `hx-menu-item` children rendered in the dropdown panel.\n *\n * @fires {CustomEvent<{originalEvent: MouseEvent}>} hx-click - Dispatched when\n *   the primary button is clicked and is not disabled.\n * @fires {CustomEvent<{value: string; label: string}>} hx-select - Dispatched when\n *   a menu item is selected from the dropdown.\n *\n * @csspart button - The primary action button element.\n * @csspart trigger - The dropdown trigger button element.\n * @csspart menu - The dropdown menu panel.\n *\n * @cssprop [--hx-split-button-menu-max-height=18rem] - Maximum height of the dropdown menu panel before scrolling.\n * @cssprop [--hx-split-button-bg=var(--hx-color-primary-500)] - Background color for both buttons.\n * @cssprop [--hx-split-button-color=var(--hx-color-neutral-0)] - Text/icon color for both buttons.\n * @cssprop [--hx-split-button-border-color=transparent] - Border color.\n * @cssprop [--hx-split-button-border-radius=var(--hx-border-radius-md)] - Border radius.\n * @cssprop [--hx-split-button-divider-color=var(--hx-color-primary-900)] - Color of the divider between primary and trigger.\n * @cssprop [--hx-split-button-font-family=var(--hx-font-family-sans)] - Font family.\n * @cssprop [--hx-split-button-font-weight=var(--hx-font-weight-semibold)] - Font weight.\n * @cssprop [--hx-split-button-focus-ring-color=var(--hx-focus-ring-color)] - Focus ring color.\n * @cssprop [--hx-split-button-menu-bg=var(--hx-color-neutral-0)] - Dropdown menu background.\n * @cssprop [--hx-split-button-menu-border-color=var(--hx-color-neutral-200)] - Dropdown menu border color.\n * @cssprop [--hx-split-button-menu-border-radius=var(--hx-border-radius-md)] - Dropdown menu border radius.\n * @cssprop [--hx-split-button-menu-shadow] - Dropdown menu box shadow.\n * @cssprop [--hx-opacity-disabled] - Opacity.\n * @cssprop [--hx-space-2] - Spacing token.\n * @cssprop [--hx-border-width-thin] - Width.\n * @cssprop [--hx-border-radius-md] - CSS custom property.\n * @cssprop [--hx-color-primary-500] - Color.\n * @cssprop [--hx-color-neutral-0] - Color.\n * @cssprop [--hx-font-family-sans] - Font family.\n * @cssprop [--hx-font-weight-semibold] - Font weight.\n * @cssprop [--hx-line-height-tight] - Line height.\n * @cssprop [--hx-transition-fast] - Transition timing.\n * @cssprop [--hx-focus-ring-width] - Width.\n * @cssprop [--hx-focus-ring-color] - Color.\n * @cssprop [--hx-color-primary-400] - Color.\n * @cssprop [--hx-focus-ring-offset] - CSS custom property.\n * @cssprop [--hx-filter-brightness-hover] - CSS filter.\n * @cssprop [--hx-filter-brightness-active] - CSS filter.\n * @cssprop [--hx-space-1] - Spacing token.\n * @cssprop [--hx-space-3] - Spacing token.\n * @cssprop [--hx-font-size-sm] - Font size.\n * @cssprop [--hx-size-8] - Size token.\n * @cssprop [--hx-space-4] - Spacing token.\n * @cssprop [--hx-font-size-md] - Font size.\n * @cssprop [--hx-size-10] - Size token.\n * @cssprop [--hx-space-6] - Spacing token.\n * @cssprop [--hx-font-size-lg] - Font size.\n * @cssprop [--hx-size-12] - Size token.\n * @cssprop [--hx-color-primary-300] - Color.\n * @cssprop [--hx-color-primary-50] - Color.\n * @cssprop [--hx-color-neutral-100] - Color.\n * @cssprop [--hx-color-neutral-900] - Color.\n * @cssprop [--hx-color-neutral-300] - Color.\n * @cssprop [--hx-color-neutral-200] - Color.\n * @cssprop [--hx-color-error-500] - Color.\n * @cssprop [--hx-color-error-400] - Color.\n * @cssprop [--hx-color-error-600] - Color.\n * @cssprop [--hx-color-primary-200] - Color.\n * @cssprop [--hx-color-neutral-50] - Color.\n * @cssprop [--hx-overlay-black-10] - Overlay color.\n * @cssprop [--hx-z-index-dropdown] - Z-index layer.\n */\n@customElement('hx-split-button')\nexport class HelixSplitButton extends HelixElement {\n  static override styles = [helixSplitButtonStyles, forcedColorsInteractive];\n\n  // ─── Internal References ───\n\n  /**\n   * Reference to the dropdown menu panel element, used for positioning and focus management.\n   * @internal\n   */\n  @query('.split-button__menu')\n  private _menuPanel: HTMLElement | undefined;\n\n  /**\n   * Reference to the dropdown trigger button element, used to return focus after menu closes.\n   * @internal\n   */\n  @query('.split-button__trigger')\n  private _triggerButton: HTMLButtonElement | undefined;\n\n  // ─── Internal State ───\n\n  /**\n   * Tracks whether the dropdown menu is currently open.\n   * @internal\n   */\n  @state() private _open = false;\n\n  // ─── Public Properties ───\n\n  /**\n   * Visual style variant of the split button.\n   * @attr variant\n   */\n  @property({ type: String, reflect: true })\n  variant: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'ghost' | 'outline' = 'primary';\n\n  /**\n   * Size of the split button.\n   * @attr hx-size\n   */\n  @property({ type: String, reflect: true, attribute: 'hx-size' })\n  size: 'sm' | 'md' | 'lg' = 'md';\n\n  /**\n   * Whether the split button is disabled. Both the primary button and the\n   * trigger are disabled when this is true.\n   * @attr disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Primary button label text. When set, overrides the default slot content.\n   * @attr label\n   */\n  @property({ type: String })\n  label: string | undefined = undefined;\n\n  /**\n   * @deprecated Use the standard host `aria-label` attribute instead. Group\n   * 5b replaces the `accessible-label` shim with a host-attribute mirror\n   * driven by `installAriaIdrefMirror` — consumer host `aria-label` /\n   * `aria-labelledby` flow to the inner primary button's `aria-label`,\n   * which is the same composed-tree result as the legacy shim without\n   * the ARIAMixin shadowing concern.\n   *\n   * The attribute remains observed for one minor version so existing\n   * consumers do not regress; setting it logs a devWarn pointing them to\n   * the standard `aria-label` path.\n   * @attr accessible-label\n   */\n  @property({ type: String, attribute: 'accessible-label' })\n  accessibleLabel = '';\n\n  /**\n   * Accessible label for the dropdown trigger button. Override for localization.\n   * @attr label-trigger\n   */\n  @property({ type: String, attribute: 'label-trigger' })\n  labelTrigger = 'More actions';\n\n  /**\n   * Accessible label for the dropdown menu panel. Override for localization.\n   * @attr label-menu\n   */\n  @property({ type: String, attribute: 'label-menu' })\n  labelMenu = 'Secondary actions';\n\n  // ─── Unique IDs ───\n\n  /**\n   * Stable unique ID for the dropdown menu panel element, used to wire aria-controls on the trigger button.\n   * @internal\n   */\n  private readonly _menuId = `${_nextSplitButtonId()}-menu`;\n\n  // ─── Host-attribute label mirror state ───\n\n  /**\n   * Resolved accessible name for the primary action button — written to\n   * the inner primary button's `aria-label` on render. AccName 1.2 §4.3.1\n   * precedence: host `aria-labelledby` (resolved IDREFs, flattened) >\n   * host `aria-label` > deprecated `accessible-label` (with devWarn) >\n   * `label` property > slotted text content (no aria-label set when this\n   * branch is taken so AT walks the inner content for the name).\n   * @internal\n   */\n  @state() private _resolvedPrimaryLabel: string | null = null;\n\n  /** @internal */\n  private _ariaMirror: AriaIdrefMirrorHandle | null = null;\n\n  // ─── Roving tabindex + typeahead state ───\n\n  /** @internal */\n  private _rovingIndex = -1;\n\n  /** @internal */\n  private _typeaheadBuffer = '';\n\n  /** @internal */\n  private _typeaheadTimer: ReturnType<typeof setTimeout> | null = null;\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    document.addEventListener('click', this._handleOutsideClick);\n    document.addEventListener('keydown', this._handleDocumentKeydown);\n    this._syncResolvedPrimaryLabel();\n    this._ariaMirror = installAriaIdrefMirror(this, () => {\n      this._syncResolvedPrimaryLabel();\n    });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener('click', this._handleOutsideClick);\n    document.removeEventListener('keydown', this._handleDocumentKeydown);\n    if (this._typeaheadTimer !== null) {\n      clearTimeout(this._typeaheadTimer);\n      this._typeaheadTimer = null;\n    }\n    this._ariaMirror?.disconnect();\n    this._ariaMirror = null;\n  }\n\n  override willUpdate(changedProperties: PropertyValues<this>): void {\n    super.willUpdate(changedProperties);\n    if (changedProperties.has('label') || changedProperties.has('accessibleLabel')) {\n      this._syncResolvedPrimaryLabel();\n    }\n  }\n\n  /**\n   * Resolve the primary button's accessible name from host attributes\n   * and (deprecated) properties. See `_resolvedPrimaryLabel` jsdoc for\n   * precedence rules.\n   * @internal\n   */\n  private _syncResolvedPrimaryLabel(): void {\n    const liveLabelledBy = this.getAttribute('aria-labelledby');\n    const consumerLabelEls = resolveIdrefTokens(this, liveLabelledBy);\n\n    // CodeRabbit MUST-FIX: AccName 1.2 §4.3.2 — `aria-labelledby` references\n    // their target text content REGARDLESS of visibility. The previous\n    // outer visibility filter dropped legitimate accessible names from\n    // visually-hidden labels. `flattenAccName` already handles aria-hidden\n    // subtree pruning per §4.3.10.\n    const flattenedFromIdrefs = consumerLabelEls\n      .map((el) => flattenAccName(el))\n      .filter((t) => t.length > 0)\n      .join(' ')\n      .replace(/\\s+/g, ' ')\n      .trim();\n\n    const liveAriaLabel = this.getAttribute('aria-label');\n    const hostAriaLabel = liveAriaLabel !== null ? liveAriaLabel.trim() : '';\n\n    let resolved: string | null = null;\n    if (flattenedFromIdrefs) {\n      resolved = flattenedFromIdrefs;\n    } else if (hostAriaLabel) {\n      resolved = hostAriaLabel;\n    } else if (this.accessibleLabel) {\n      // Deprecated path — emit a one-time devWarn pointing consumers at\n      // the standard aria-label flow.\n      if (!this._deprecatedAccessibleLabelWarned) {\n        this._deprecatedAccessibleLabelWarned = true;\n        devWarn(\n          'hx-split-button',\n          '`accessible-label` is deprecated; use the standard `aria-label` attribute on hx-split-button instead. The shim continues to work in this minor version but will be removed in a future release.',\n        );\n      }\n      resolved = this.accessibleLabel;\n    } else if (this.label) {\n      resolved = this.label;\n    } else {\n      // No explicit name supplied — leave aria-label off the primary\n      // button so AT walks the slotted content for the accessible name.\n      resolved = null;\n    }\n\n    this._resolvedPrimaryLabel = resolved;\n  }\n\n  /** @internal */\n  private _deprecatedAccessibleLabelWarned = false;\n\n  // ─── Outside-click / document keydown ───\n\n  /** @internal */\n  private readonly _handleOutsideClick = (e: MouseEvent): void => {\n    if (!this._open) return;\n    const target = e.target as Node;\n    if (!this.contains(target) && target !== this) {\n      this._closeMenu();\n    }\n  };\n\n  /** @internal */\n  private readonly _handleDocumentKeydown = (e: KeyboardEvent): void => {\n    if (!this._open) return;\n    if (e.key === 'Tab') {\n      this._closeMenu();\n    }\n  };\n\n  // ─── Primary Button Handlers ───\n\n  /** @internal */\n  private _handlePrimaryClick(e: MouseEvent): void {\n    if (this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    /**\n     * Dispatched when the primary button is clicked.\n     * @event hx-click\n     */\n    this.dispatchEvent(\n      new CustomEvent<{ originalEvent: MouseEvent }>('hx-click', {\n        bubbles: true,\n        composed: true,\n        detail: { originalEvent: e },\n      }),\n    );\n  }\n\n  /** @internal */\n  private _handlePrimaryKeydown(e: KeyboardEvent): void {\n    if (this.disabled) return;\n    if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      this._openMenu();\n    }\n  }\n\n  // ─── Trigger Button Handlers ───\n\n  /** @internal */\n  private _handleTriggerClick(e: MouseEvent): void {\n    if (this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n    // Stop propagation so _handleOutsideClick does not immediately close.\n    e.stopPropagation();\n    this._toggleMenu();\n  }\n\n  /** @internal */\n  private _handleTriggerKeydown(e: KeyboardEvent): void {\n    if (this.disabled) return;\n    if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      this._openMenu();\n    }\n  }\n\n  // ─── Menu Key Navigation ───\n\n  /** @internal */\n  private _handleMenuKeydown(e: KeyboardEvent): void {\n    const items = this._getMenuItems();\n    if (items.length === 0) return;\n\n    // document.activeElement returns the hx-menu-item host element when\n    // host-canonical (post-Group-5b) — matches items[] directly. On the\n    // legacy fallback path, focus delegates to the inner div but\n    // document.activeElement still resolves to the host so the same\n    // index works.\n    const currentIndex = items.findIndex((item) => item === document.activeElement);\n\n    switch (e.key) {\n      case 'ArrowDown': {\n        e.preventDefault();\n        const next = currentIndex < items.length - 1 ? currentIndex + 1 : 0;\n        this._focusMenuItem(items, next);\n        break;\n      }\n      case 'ArrowUp': {\n        e.preventDefault();\n        const prev = currentIndex > 0 ? currentIndex - 1 : items.length - 1;\n        this._focusMenuItem(items, prev);\n        break;\n      }\n      case 'Escape': {\n        e.preventDefault();\n        this._closeMenu();\n        this._triggerButton?.focus();\n        break;\n      }\n      case 'Home': {\n        e.preventDefault();\n        this._focusMenuItem(items, 0);\n        break;\n      }\n      case 'End': {\n        e.preventDefault();\n        this._focusMenuItem(items, items.length - 1);\n        break;\n      }\n      default: {\n        if (e.key.length === 1 && e.key !== ' ' && !e.ctrlKey && !e.metaKey && !e.altKey) {\n          this._handleTypeahead(e.key, items);\n        }\n        break;\n      }\n    }\n  }\n\n  /** @internal */\n  private _focusMenuItem(items: HelixMenuItem[], index: number): void {\n    this._rovingIndex = index;\n    this._applyRovingTabIndex(items);\n    items[index]?.focus();\n  }\n\n  /**\n   * Roving tabindex: only the focused item carries tabindex=0; the rest\n   * are tabindex=-1. Tab from the panel exits the menu via document\n   * keydown (line ~_handleDocumentKeydown), so the closing-Tab path\n   * remains correct.\n   * @internal\n   */\n  private _applyRovingTabIndex(items: HelixMenuItem[]): void {\n    items.forEach((item, i) => {\n      item.setRovingTabIndex(i === this._rovingIndex ? 0 : -1);\n    });\n  }\n\n  /** @internal */\n  private _handleTypeahead(char: string, items: HelixMenuItem[]): void {\n    if (this._typeaheadTimer !== null) {\n      clearTimeout(this._typeaheadTimer);\n    }\n    this._typeaheadBuffer += char.toLowerCase();\n    this._typeaheadTimer = setTimeout(() => {\n      this._typeaheadBuffer = '';\n      this._typeaheadTimer = null;\n    }, 500);\n\n    // Codex push-gate round-7 finding 3: shared submenu-aware label\n    // extractor — see hx-menu / hx-dropdown for rationale.\n    const match = items.findIndex((item) => {\n      const text = getMenuItemTypeaheadLabel(item).toLowerCase();\n      return text.startsWith(this._typeaheadBuffer);\n    });\n\n    if (match !== -1) {\n      this._focusMenuItem(items, match);\n    }\n  }\n\n  // ─── Menu Item Selection ───\n\n  /** @internal */\n  private _handleMenuItemSelect(e: Event): void {\n    if (!(e instanceof CustomEvent)) return;\n    const custom = e as CustomEvent<{ item: HelixMenuItem; value: string }>;\n    this._closeMenu();\n    this._triggerButton?.focus();\n\n    const item = custom.detail.item;\n    const label = item?.textContent?.trim() ?? '';\n\n    /**\n     * Dispatched when a menu item is selected.\n     * @event hx-select\n     */\n    this.dispatchEvent(\n      new CustomEvent<{ value: string; label: string }>('hx-select', {\n        bubbles: true,\n        composed: true,\n        detail: { value: custom.detail.value, label },\n      }),\n    );\n  }\n\n  /**\n   * Bubbled `hx-item-submenu-open` from a slotted `hx-menu-item` host.\n   * Codex push-gate round-9 P1: when slotted `hx-menu-item`s open / close\n   * a nested submenu inside this menu panel (no enclosing `hx-menu`), the\n   * events fly past with no handler. Match the round-4\n   * `hx-menu._handleSubmenuOpen` shape so APG behaviour holds. Defer to\n   * an inner `hx-menu` when present (it owns the toggle). Otherwise this\n   * panel is the enclosing menu surface — call `setSubmenuOpen(true)` on\n   * the dispatching item and focus its first nested child.\n   * @internal\n   */\n  private _handleMenuSubmenuOpen = (e: Event): void => {\n    if (!(e instanceof CustomEvent)) return;\n    const detail = (e as CustomEvent<{ item: HelixMenuItem }>).detail;\n    const item = detail?.item;\n    if (!item) return;\n    if (findClosestMenuAncestor(item) !== null) return;\n    queueMicrotask(() => {\n      if (e.defaultPrevented) return;\n      item.setSubmenuOpen(true);\n      void item.updateComplete\n        .then(() => {\n          const submenuSlot =\n            item.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"submenu\"]');\n          const nested = submenuSlot\n            ?.assignedElements({ flatten: true })\n            .find((el) => el.tagName.toLowerCase() === 'hx-menu') as\n            | (HTMLElement & { focusFirst?: () => void })\n            | undefined;\n          nested?.focusFirst?.();\n        })\n        .catch(() => undefined);\n    });\n  };\n\n  /**\n   * Bubbled `hx-item-submenu-close` from a slotted `hx-menu-item` host.\n   * Codex push-gate round-9 P1: when an inner `hx-menu` (a nested\n   * submenu) handles its own close, the event still bubbles through this\n   * panel — defer in that case so the panel stays open. When the\n   * dispatching item is top-level inside this panel (no enclosing\n   * `hx-menu`), there is no parent submenu to collapse, so close the\n   * composite's menu and return focus to the trigger button.\n   * @internal\n   */\n  private _handleMenuSubmenuClose = (e: Event): void => {\n    if (!(e instanceof CustomEvent)) return;\n    const detail = (e as CustomEvent<{ item: HelixMenuItem }>).detail;\n    const item = detail?.item;\n    if (!item) return;\n    if (findClosestMenuAncestor(item) !== null) return;\n    if (e.defaultPrevented) return;\n    this._closeMenu();\n    this._triggerButton?.focus();\n  };\n\n  // ─── Menu Helpers ───\n\n  /** @internal */\n  private _openMenu(): void {\n    if (this._open) return;\n    this._open = true;\n    // Focus the first enabled menu item after the panel renders;\n    // initialize roving tabindex so Tab from outside lands on the same\n    // item that has visual focus.\n    void this.updateComplete\n      .then(() => {\n        const items = this._getMenuItems();\n        this._rovingIndex = items.length > 0 ? 0 : -1;\n        this._applyRovingTabIndex(items);\n        items[0]?.focus();\n      })\n      .catch(() => undefined);\n  }\n\n  /** @internal */\n  private _closeMenu(): void {\n    this._open = false;\n  }\n\n  /** @internal */\n  private _toggleMenu(): void {\n    if (this._open) {\n      this._closeMenu();\n    } else {\n      this._openMenu();\n    }\n  }\n\n  /**\n   * Returns the enabled hx-menu-item host elements assigned to the `menu` slot.\n   * HelixMenuItem overrides focus() to delegate to its inner element, so calling\n   * .focus() on hosts works correctly. document.activeElement returns the host\n   * element when the inner shadow element has focus, enabling correct index tracking.\n   */\n  /** @internal */\n  private _getMenuItems(): HelixMenuItem[] {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"menu\"]');\n    if (!slot) return [];\n\n    return slot\n      .assignedElements({ flatten: true })\n      .filter(\n        (el): el is HelixMenuItem =>\n          el.tagName.toLowerCase() === 'hx-menu-item' && !(el as HelixMenuItem).disabled,\n      );\n  }\n\n  // ─── Render ───\n\n  override render() {\n    const containerClasses = {\n      'split-button': true,\n      [`split-button--${this.variant}`]: true,\n      [`split-button--${this.size}`]: true,\n    };\n\n    const menuClasses = {\n      'split-button__menu': true,\n      'split-button__menu--open': this._open,\n    };\n\n    const chevronClasses = {\n      'split-button__chevron': true,\n      'split-button__chevron--open': this._open,\n    };\n\n    return html`\n      <div class=${classMap(containerClasses)}>\n        <!-- Primary action button -->\n        <button\n          part=\"button\"\n          class=\"split-button__primary\"\n          ?disabled=${this.disabled}\n          type=\"button\"\n          aria-label=${this._resolvedPrimaryLabel ?? nothing}\n          @click=${this._handlePrimaryClick}\n          @keydown=${this._handlePrimaryKeydown}\n        >\n          ${this.label !== undefined ? this.label : html`<slot></slot>`}\n        </button>\n\n        <!-- Dropdown trigger button -->\n        <button\n          part=\"trigger\"\n          class=\"split-button__trigger\"\n          ?disabled=${this.disabled}\n          aria-haspopup=\"menu\"\n          aria-expanded=${this._open ? 'true' : 'false'}\n          aria-controls=${this._menuId}\n          aria-label=${this.labelTrigger}\n          type=\"button\"\n          @click=${this._handleTriggerClick}\n          @keydown=${this._handleTriggerKeydown}\n        >\n          <span class=${classMap(chevronClasses)} aria-hidden=\"true\">\n            <svg\n              width=\"12\"\n              height=\"8\"\n              viewBox=\"0 0 12 8\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M1 1.5L6 6.5L11 1.5\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </span>\n        </button>\n\n        <!-- Dropdown menu panel -->\n        <div\n          part=\"menu\"\n          id=${this._menuId}\n          class=${classMap(menuClasses)}\n          role=\"menu\"\n          aria-label=${this.labelMenu}\n          @keydown=${this._handleMenuKeydown}\n          @hx-item-select=${this._handleMenuItemSelect}\n          @hx-item-submenu-open=${this._handleMenuSubmenuOpen}\n          @hx-item-submenu-close=${this._handleMenuSubmenuClose}\n        >\n          <slot name=\"menu\"></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-split-button': HelixSplitButton;\n  }\n}\n"],"names":["helixSplitButtonStyles","css","_nextSplitButtonId","createIdCounter","HelixSplitButton","HelixElement","e","target","detail","item","findClosestMenuAncestor","submenuSlot","_a","nested","el","_b","installAriaIdrefMirror","changedProperties","liveLabelledBy","flattenedFromIdrefs","resolveIdrefTokens","flattenAccName","t","liveAriaLabel","hostAriaLabel","resolved","items","currentIndex","next","prev","index","i","char","match","getMenuItemTypeaheadLabel","custom","label","slot","containerClasses","menuClasses","chevronClasses","html","classMap","nothing","forcedColorsInteractive","__decorateClass","query","state","property","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-stat-Dtf9lz-O.js → hx-stat-Gtw_SpK8.js}

@@ -2,7 +2,7 @@ import { css as v, html as d, nothing as u } from "lit";
 import { property as h, state as _, customElement as m } from "lit/decorators.js";
 import { classMap as x } from "lit/directives/class-map.js";
 import { a as b } from "./forced-colors-CTEDFRGa.js";
-import { s as g, i as w, r as y } from "./aria-idref-CxvyzfQS.js";
+import { s as g, i as w, r as y } from "./aria-idref-DCuEaknC.js";
 import { f as z } from "./aria-flatten-DY6v2vah.js";
 import { H as I } from "./helix-element-BNEYeiys.js";
 const $ = v`
@@ -311,4 +311,4 @@ i = n([
 export {
   i as H
 };
-//# sourceMappingURL=hx-stat-Dtf9lz-O.js.map
+//# sourceMappingURL=hx-stat-Gtw_SpK8.js.map

package/dist/shared/{hx-stat-Dtf9lz-O.js.map → hx-stat-Gtw_SpK8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"hx-stat-Dtf9lz-O.js","sources":["../../src/components/hx-stat/hx-stat.styles.ts","../../src/components/hx-stat/hx-stat.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixStatStyles = css`\n  :host {\n    display: block;\n  }\n\n  .stat {\n    display: flex;\n    flex-direction: column;\n    gap: var(--hx-stat-gap, var(--hx-space-1, 0.25rem));\n    font-family: var(--hx-stat-font-family, var(--hx-font-family-sans, sans-serif));\n    color: var(--hx-stat-color, var(--hx-color-text-strong, #202b39));\n  }\n\n  /* ─── Size Variants ─── */\n\n  .stat--sm .stat__value {\n    font-size: var(--hx-stat-value-font-size-sm, var(--hx-font-size-xl, 1.25rem));\n    line-height: var(--hx-line-height-tight, 1.25);\n    font-weight: var(--hx-stat-value-font-weight, var(--hx-font-weight-bold, 700));\n  }\n\n  .stat--sm .stat__label {\n    font-size: var(--hx-stat-label-font-size-sm, var(--hx-font-size-xs, 0.75rem));\n  }\n\n  .stat--md .stat__value {\n    font-size: var(--hx-stat-value-font-size-md, var(--hx-font-size-3xl, 1.875rem));\n    line-height: var(--hx-line-height-tight, 1.25);\n    font-weight: var(--hx-stat-value-font-weight, var(--hx-font-weight-bold, 700));\n  }\n\n  .stat--md .stat__label {\n    font-size: var(--hx-stat-label-font-size-md, var(--hx-font-size-sm, 0.875rem));\n  }\n\n  .stat--lg .stat__value {\n    font-size: var(--hx-stat-value-font-size-lg, var(--hx-font-size-5xl, 3rem));\n    line-height: var(--hx-line-height-tight, 1.25);\n    font-weight: var(--hx-stat-value-font-weight, var(--hx-font-weight-bold, 700));\n  }\n\n  .stat--lg .stat__label {\n    font-size: var(--hx-stat-label-font-size-lg, var(--hx-font-size-md, 1rem));\n  }\n\n  /* ─── Value ─── */\n\n  .stat__header {\n    display: flex;\n    align-items: center;\n    gap: var(--hx-stat-header-gap, var(--hx-space-2, 0.5rem));\n  }\n\n  .stat__value {\n    color: var(--hx-stat-value-color, var(--hx-color-text-primary, #0d1825));\n  }\n\n  /* ─── Label ─── */\n\n  .stat__label {\n    color: var(--hx-stat-label-color, var(--hx-color-text-muted, #4a5362));\n    font-weight: var(--hx-font-weight-normal, 400);\n  }\n\n  /* ─── Icon Slot ─── */\n\n  .stat__icon {\n    display: flex;\n    align-items: center;\n    color: var(--hx-stat-icon-color, var(--hx-color-primary-500, #429797));\n    flex-shrink: 0;\n  }\n\n  /* ─── Trend Indicator ─── */\n\n  .stat__trend {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--hx-space-1, 0.25rem);\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    font-weight: var(--hx-font-weight-semibold, 600);\n    border-radius: var(--hx-border-radius-sm, 0.25rem);\n    padding: var(--hx-space-0-5, 0.125rem) var(--hx-space-1-5, 0.375rem);\n  }\n\n  .stat__trend--up {\n    color: var(--hx-stat-trend-up-color, var(--hx-color-success-700, #146831));\n    background-color: var(--hx-stat-trend-up-bg, var(--hx-color-success-50, #eafaec));\n  }\n\n  .stat__trend--down {\n    color: var(--hx-stat-trend-down-color, var(--hx-color-error-700, #a21312));\n    background-color: var(--hx-stat-trend-down-bg, var(--hx-color-error-50, #fff2f0));\n  }\n\n  .stat__trend-arrow {\n    width: 0.75em;\n    height: 0.75em;\n    flex-shrink: 0;\n  }\n\n  /* ─── Hidden empty slot wrappers ─── */\n\n  [hidden] {\n    display: none !important;\n  }\n\n  /* ─── Visually-hidden live region ─── */\n\n  .stat__live-region {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n  }\n\n  /* ─── Forced Colors (Windows High Contrast Mode) ─── */\n\n  @media (forced-colors: active) {\n    .stat__trend {\n      forced-color-adjust: none;\n    }\n\n    .stat__value {\n      color: CanvasText;\n    }\n\n    .stat__label {\n      color: CanvasText;\n    }\n\n    .stat__icon {\n      color: CanvasText;\n    }\n\n    .stat__trend--up {\n      background: Highlight;\n      color: HighlightText;\n      border: 1px solid Highlight;\n    }\n\n    .stat__trend--down {\n      background: ButtonText;\n      color: ButtonFace;\n      border: 1px solid ButtonText;\n    }\n\n    .stat__trend-arrow {\n      color: currentColor;\n    }\n  }\n`;\n","import { html, nothing, type PropertyValues } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { devWarn } from '../../utils/dev-warn.js';\nimport { HelixElement } from '../../base/index.js';\nimport { helixStatStyles } from './hx-stat.styles.js';\nimport { forcedColorsSurface } from '../../styles/forced-colors.js';\nimport {\n  installAriaIdrefMirror,\n  resolveIdrefTokens,\n  supportsIdrefElementReferences,\n  type AriaIdrefMirrorHandle,\n} from '../../utils/aria-idref.js';\nimport { flattenAccName } from '../../utils/aria-flatten.js';\n\nexport type StatSize = 'sm' | 'md' | 'lg';\nexport type StatTrend = 'up' | 'down' | 'neutral';\n\n/**\n * A static stat display component for presenting key metrics in a healthcare dashboard.\n *\n * Group 7 host-canonical: `role=\"group\"` lives on the **host** via\n * `_internals.role`. The host carries the resolved accessible name so AT\n * walks `<hx-stat>` (role=group, label=\"value: label\") directly. The\n * internal `aria-live=\"polite\"` announcer remains in the shadow tree —\n * `role=\"group\"` does NOT imply a live region, so the announcer is required\n * for value/label/trend update announcements.\n *\n * @summary Displays a labeled metric value with optional trend indicator and icon slot.\n *\n * @tag hx-stat\n *\n * @slot icon - Optional icon displayed alongside the stat value.\n *\n * @csspart container - The outer stat container element.\n * @csspart header - The row containing the value and optional icon.\n * @csspart value - The stat value element.\n * @csspart label - The stat label element.\n * @csspart trend - The trend indicator element (only rendered when trend is not 'neutral').\n * @csspart icon - The icon slot container.\n *\n * @cssprop [--hx-stat-gap=var(--hx-space-1)] - Gap between value and label.\n * @cssprop [--hx-stat-header-gap=var(--hx-space-2)] - Gap between icon and value in the header row.\n * @cssprop [--hx-stat-color=var(--hx-color-neutral-800)] - Default text color.\n * @cssprop [--hx-stat-value-color=var(--hx-color-neutral-900)] - Value text color.\n * @cssprop [--hx-stat-label-color=var(--hx-color-neutral-500)] - Label text color.\n * @cssprop [--hx-stat-icon-color=var(--hx-color-primary-500)] - Icon color.\n * @cssprop [--hx-stat-value-font-weight=var(--hx-font-weight-bold)] - Value font weight.\n * @cssprop [--hx-stat-font-family=var(--hx-font-family-sans)] - Font family.\n * @cssprop [--hx-stat-value-font-size-sm=var(--hx-font-size-xl)] - Value font size at sm.\n * @cssprop [--hx-stat-value-font-size-md=var(--hx-font-size-3xl)] - Value font size at md.\n * @cssprop [--hx-stat-value-font-size-lg=var(--hx-font-size-5xl)] - Value font size at lg.\n * @cssprop [--hx-stat-label-font-size-sm=var(--hx-font-size-xs)] - Label font size at sm.\n * @cssprop [--hx-stat-label-font-size-md=var(--hx-font-size-sm)] - Label font size at md.\n * @cssprop [--hx-stat-label-font-size-lg=var(--hx-font-size-md)] - Label font size at lg.\n * @cssprop [--hx-stat-trend-up-color=var(--hx-color-success-700)] - Trend up text color.\n * @cssprop [--hx-stat-trend-up-bg=var(--hx-color-success-50)] - Trend up background color.\n * @cssprop [--hx-stat-trend-down-color=var(--hx-color-error-700)] - Trend down text color.\n * @cssprop [--hx-stat-trend-down-bg=var(--hx-color-error-50)] - Trend down background color.\n * @cssprop [--hx-space-1] - Spacing token.\n * @cssprop [--hx-font-family-sans] - Font family.\n * @cssprop [--hx-color-neutral-800] - Color.\n * @cssprop [--hx-font-size-xl] - Font size.\n * @cssprop [--hx-line-height-tight] - Line height.\n * @cssprop [--hx-font-weight-bold] - Font weight.\n * @cssprop [--hx-font-size-xs] - Font size.\n * @cssprop [--hx-font-size-3xl] - Font size.\n * @cssprop [--hx-font-size-sm] - Font size.\n * @cssprop [--hx-font-size-5xl] - Font size.\n * @cssprop [--hx-font-size-md] - Font size.\n * @cssprop [--hx-space-2] - Spacing token.\n * @cssprop [--hx-color-neutral-900] - Color.\n * @cssprop [--hx-color-neutral-500] - Color.\n * @cssprop [--hx-font-weight-normal] - Font weight.\n * @cssprop [--hx-color-primary-500] - Color.\n * @cssprop [--hx-font-weight-semibold] - Font weight.\n * @cssprop [--hx-border-radius-sm] - CSS custom property.\n * @cssprop [--hx-space-0-5] - Spacing token.\n * @cssprop [--hx-space-1-5] - Spacing token.\n * @cssprop [--hx-color-success-700] - Color.\n * @cssprop [--hx-color-success-50] - Color.\n * @cssprop [--hx-color-error-700] - Color.\n * @cssprop [--hx-color-error-50] - Color.\n */\n@customElement('hx-stat')\nexport class HelixStat extends HelixElement {\n  static override styles = [helixStatStyles, forcedColorsSurface];\n\n  /**\n   * Test seam (Group 7 host-canonical migration): see other Group 7 components.\n   * Production code MUST NOT touch this field.\n   * @internal\n   */\n  static __testSupportsIdrefRefsOverride: boolean | null = null;\n\n  /**\n   * The metric label displayed below the value.\n   * @attr label\n   */\n  @property({ type: String, reflect: true })\n  label = '';\n\n  /**\n   * The metric value displayed prominently.\n   * @attr value\n   */\n  @property({ type: String, reflect: true })\n  value = '';\n\n  /**\n   * Trend direction indicator. 'neutral' hides the indicator.\n   * @attr trend\n   */\n  @property({ type: String, reflect: true })\n  trend: 'up' | 'down' | 'neutral' = 'neutral';\n\n  /**\n   * Size variant controlling font size.\n   * @attr hx-size\n   */\n  @property({ type: String, reflect: true, attribute: 'hx-size' })\n  size: 'sm' | 'md' | 'lg' = 'md';\n\n  /**\n   * Prefix label for trend indicator. Override for i18n.\n   * @attr label-trend\n   */\n  @property({ attribute: 'label-trend' }) labelTrend = 'Trend';\n\n  /** @internal tracks whether the \"unnamed\" devWarn has already fired this lifecycle */\n  private _hasWarnedUnnamed = false;\n\n  // ─── Host-canonical ARIA bookkeeping ───\n\n  /** @internal */\n  private _supportsIdrefRefs = true;\n\n  /** @internal */\n  private _ariaMirror: AriaIdrefMirrorHandle | null = null;\n\n  /** @internal */\n  private _resolvedAccessibleName = '';\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    // Backward compat: accept legacy `size` attribute. When present and `hx-size`\n    // is not set, map the value and emit a deprecation warning.\n    const legacySize = this.getAttribute('size');\n    if (legacySize !== null && !this.hasAttribute('hx-size')) {\n      devWarn('hx-stat', 'The \"size\" attribute is deprecated. Use \"hx-size\" instead.');\n      this.size = legacySize as StatSize;\n    }\n\n    const ctor = this.constructor as typeof HelixStat;\n    this._supportsIdrefRefs =\n      ctor.__testSupportsIdrefRefsOverride !== null\n        ? ctor.__testSupportsIdrefRefsOverride\n        : supportsIdrefElementReferences(this._internals);\n    this._syncHostAriaSemantics();\n    this._ariaMirror = installAriaIdrefMirror(this, () => {\n      this._syncHostAriaSemantics();\n    });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._ariaMirror?.disconnect();\n    this._ariaMirror = null;\n  }\n\n  override updated(changedProperties: PropertyValues<this>): void {\n    super.updated(changedProperties);\n    const identityChanged = changedProperties.has('value') || changedProperties.has('label');\n    const hasValue = this.value.trim().length > 0;\n    const hasLabel = this.label.trim().length > 0;\n    if (identityChanged && !hasValue && !hasLabel && !this._hasWarnedUnnamed) {\n      this._hasWarnedUnnamed = true;\n      devWarn(\n        'hx-stat',\n        'Rendering an unnamed hx-stat; provide at least value or label for screen reader accessibility.',\n      );\n    }\n    if (hasValue || hasLabel) {\n      this._hasWarnedUnnamed = false;\n    }\n\n    if (\n      changedProperties.has('value') ||\n      changedProperties.has('label') ||\n      changedProperties.has('trend') ||\n      changedProperties.has('labelTrend')\n    ) {\n      this._syncHostAriaSemantics();\n    }\n  }\n\n  /**\n   * Mirror group semantics onto the host. The default group label is\n   * `${value}: ${label}` (matching the prior inner-div behaviour). Consumer\n   * `aria-label` / `aria-labelledby` on the host take precedence per AccName\n   * 1.2 §4.3.1.\n   * @internal\n   */\n  private _syncHostAriaSemantics(): void {\n    const internals = this._internals;\n    const groupLabel =\n      this.value && this.label ? `${this.value}: ${this.label}` : this.value || this.label || '';\n\n    if (!this._supportsIdrefRefs) {\n      internals.role = null;\n      internals.ariaLabel = null;\n    } else {\n      internals.role = 'group';\n    }\n\n    const hostAriaLabel = this.getAttribute('aria-label')?.trim() || '';\n    const consumerLabelledBy = this.getAttribute('aria-labelledby');\n    const labelEls = resolveIdrefTokens(this, consumerLabelledBy);\n    const hasEffectiveLabelledBy = labelEls.length > 0;\n\n    type InternalsWithRefs = ElementInternals & {\n      ariaLabelledByElements: Element[] | null;\n    };\n\n    if (this._supportsIdrefRefs) {\n      const refsInternals = internals as InternalsWithRefs;\n      refsInternals.ariaLabelledByElements = hasEffectiveLabelledBy ? labelEls : null;\n    }\n\n    let resolved = '';\n    if (hasEffectiveLabelledBy) {\n      const flattened =\n        labelEls\n          .map((el) => flattenAccName(el))\n          .filter(Boolean)\n          .join(' ') ||\n        hostAriaLabel ||\n        groupLabel;\n      resolved = flattened;\n      if (this._supportsIdrefRefs) {\n        internals.ariaLabel = null;\n      }\n    } else if (hostAriaLabel) {\n      resolved = hostAriaLabel;\n      if (this._supportsIdrefRefs) {\n        internals.ariaLabel = hostAriaLabel;\n      }\n    } else if (groupLabel) {\n      resolved = groupLabel;\n      if (this._supportsIdrefRefs) {\n        internals.ariaLabel = groupLabel;\n      }\n    } else {\n      resolved = '';\n      if (this._supportsIdrefRefs) {\n        internals.ariaLabel = null;\n      }\n    }\n\n    if (this._resolvedAccessibleName !== resolved) {\n      this._resolvedAccessibleName = resolved;\n      if (!this._supportsIdrefRefs) {\n        this.requestUpdate();\n      }\n    }\n  }\n\n  // ─── Slot Detection ───\n\n  /** @internal */\n  @state() private _hasIcon = false;\n\n  /** @internal */\n  private _onIconSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasIcon = slot.assignedNodes({ flatten: true }).length > 0;\n  }\n\n  // ─── Render Helpers ───\n\n  /** @internal */\n  private _renderTrendArrow(trend: 'up' | 'down'): ReturnType<typeof html> {\n    if (trend === 'up') {\n      return html`\n        <svg\n          class=\"stat__trend-arrow\"\n          aria-hidden=\"true\"\n          viewBox=\"0 0 12 12\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M6 10V2M6 2L2 6M6 2L10 6\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      `;\n    }\n    return html`\n      <svg\n        class=\"stat__trend-arrow\"\n        aria-hidden=\"true\"\n        viewBox=\"0 0 12 12\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M6 2V10M6 10L2 6M6 10L10 6\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n    `;\n  }\n\n  // ─── Render ───\n\n  override render() {\n    const containerClasses = {\n      stat: true,\n      [`stat--${this.size}`]: true,\n    };\n\n    const hasTrend = this.trend !== 'neutral';\n\n    // WCAG 1.3.1: wrap value and label in a group so screen readers announce them\n    // together with a combined accessible name instead of as disconnected text runs.\n    const groupLabel =\n      this.value && this.label\n        ? `${this.value}: ${this.label}`\n        : this.value || this.label || nothing;\n\n    // Live region text: announces value, label, and trend direction to screen\n    // readers when any of those properties change programmatically.\n    const liveParts: string[] = [];\n    const primary =\n      this.label && this.value ? `${this.label}: ${this.value}` : this.value || this.label || '';\n    if (primary) liveParts.push(primary);\n    if (hasTrend) liveParts.push(`${this.labelTrend}: ${this.trend}`);\n    const liveText = liveParts.join(', ');\n\n    // Dual-surface (Group 7 hx-progress-ring exemplar): inner div keeps\n    // role=\"group\" + aria-label for legacy AT and consumer queries; host\n    // adds the cross-shadow IDREF wiring via internals.* in\n    // _syncHostAriaSemantics().\n    return html`\n      <div\n        part=\"container\"\n        class=${classMap(containerClasses)}\n        role=\"group\"\n        aria-label=${groupLabel}\n      >\n        <span class=\"stat__live-region\" aria-live=\"polite\" aria-atomic=\"true\">${liveText}</span>\n        <div part=\"header\" class=\"stat__header\">\n          <span part=\"icon\" class=\"stat__icon\" ?hidden=${!this._hasIcon}>\n            <slot name=\"icon\" @slotchange=${this._onIconSlotChange}></slot>\n          </span>\n          <span part=\"value\" class=\"stat__value\" aria-hidden=\"true\">${this.value}</span>\n          ${hasTrend\n            ? html`\n                <span\n                  part=\"trend\"\n                  class=\"stat__trend stat__trend--${this.trend}\"\n                  role=\"img\"\n                  aria-label=\"${this.labelTrend}: ${this.trend}\"\n                >\n                  ${this._renderTrendArrow(this.trend as 'up' | 'down')}\n                </span>\n              `\n            : nothing}\n        </div>\n        <span part=\"label\" class=\"stat__label\" aria-hidden=\"true\">${this.label}</span>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-stat': HelixStat;\n  }\n}\n"],"names":["helixStatStyles","css","HelixStat","HelixElement","legacySize","ctor","supportsIdrefElementReferences","installAriaIdrefMirror","_a","changedProperties","identityChanged","hasValue","hasLabel","internals","groupLabel","hostAriaLabel","consumerLabelledBy","labelEls","resolveIdrefTokens","hasEffectiveLabelledBy","refsInternals","resolved","el","flattenAccName","e","slot","trend","html","containerClasses","hasTrend","nothing","liveParts","primary","liveText","classMap","forcedColorsSurface","__decorateClass","property","state","customElement"],"mappings":"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"}
+{"version":3,"file":"hx-stat-Gtw_SpK8.js","sources":["../../src/components/hx-stat/hx-stat.styles.ts","../../src/components/hx-stat/hx-stat.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixStatStyles = css`\n  :host {\n    display: block;\n  }\n\n  .stat {\n    display: flex;\n    flex-direction: column;\n    gap: var(--hx-stat-gap, var(--hx-space-1, 0.25rem));\n    font-family: var(--hx-stat-font-family, var(--hx-font-family-sans, sans-serif));\n    color: var(--hx-stat-color, var(--hx-color-text-strong, #202b39));\n  }\n\n  /* ─── Size Variants ─── */\n\n  .stat--sm .stat__value {\n    font-size: var(--hx-stat-value-font-size-sm, var(--hx-font-size-xl, 1.25rem));\n    line-height: var(--hx-line-height-tight, 1.25);\n    font-weight: var(--hx-stat-value-font-weight, var(--hx-font-weight-bold, 700));\n  }\n\n  .stat--sm .stat__label {\n    font-size: var(--hx-stat-label-font-size-sm, var(--hx-font-size-xs, 0.75rem));\n  }\n\n  .stat--md .stat__value {\n    font-size: var(--hx-stat-value-font-size-md, var(--hx-font-size-3xl, 1.875rem));\n    line-height: var(--hx-line-height-tight, 1.25);\n    font-weight: var(--hx-stat-value-font-weight, var(--hx-font-weight-bold, 700));\n  }\n\n  .stat--md .stat__label {\n    font-size: var(--hx-stat-label-font-size-md, var(--hx-font-size-sm, 0.875rem));\n  }\n\n  .stat--lg .stat__value {\n    font-size: var(--hx-stat-value-font-size-lg, var(--hx-font-size-5xl, 3rem));\n    line-height: var(--hx-line-height-tight, 1.25);\n    font-weight: var(--hx-stat-value-font-weight, var(--hx-font-weight-bold, 700));\n  }\n\n  .stat--lg .stat__label {\n    font-size: var(--hx-stat-label-font-size-lg, var(--hx-font-size-md, 1rem));\n  }\n\n  /* ─── Value ─── */\n\n  .stat__header {\n    display: flex;\n    align-items: center;\n    gap: var(--hx-stat-header-gap, var(--hx-space-2, 0.5rem));\n  }\n\n  .stat__value {\n    color: var(--hx-stat-value-color, var(--hx-color-text-primary, #0d1825));\n  }\n\n  /* ─── Label ─── */\n\n  .stat__label {\n    color: var(--hx-stat-label-color, var(--hx-color-text-muted, #4a5362));\n    font-weight: var(--hx-font-weight-normal, 400);\n  }\n\n  /* ─── Icon Slot ─── */\n\n  .stat__icon {\n    display: flex;\n    align-items: center;\n    color: var(--hx-stat-icon-color, var(--hx-color-primary-500, #429797));\n    flex-shrink: 0;\n  }\n\n  /* ─── Trend Indicator ─── */\n\n  .stat__trend {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--hx-space-1, 0.25rem);\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    font-weight: var(--hx-font-weight-semibold, 600);\n    border-radius: var(--hx-border-radius-sm, 0.25rem);\n    padding: var(--hx-space-0-5, 0.125rem) var(--hx-space-1-5, 0.375rem);\n  }\n\n  .stat__trend--up {\n    color: var(--hx-stat-trend-up-color, var(--hx-color-success-700, #146831));\n    background-color: var(--hx-stat-trend-up-bg, var(--hx-color-success-50, #eafaec));\n  }\n\n  .stat__trend--down {\n    color: var(--hx-stat-trend-down-color, var(--hx-color-error-700, #a21312));\n    background-color: var(--hx-stat-trend-down-bg, var(--hx-color-error-50, #fff2f0));\n  }\n\n  .stat__trend-arrow {\n    width: 0.75em;\n    height: 0.75em;\n    flex-shrink: 0;\n  }\n\n  /* ─── Hidden empty slot wrappers ─── */\n\n  [hidden] {\n    display: none !important;\n  }\n\n  /* ─── Visually-hidden live region ─── */\n\n  .stat__live-region {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n  }\n\n  /* ─── Forced Colors (Windows High Contrast Mode) ─── */\n\n  @media (forced-colors: active) {\n    .stat__trend {\n      forced-color-adjust: none;\n    }\n\n    .stat__value {\n      color: CanvasText;\n    }\n\n    .stat__label {\n      color: CanvasText;\n    }\n\n    .stat__icon {\n      color: CanvasText;\n    }\n\n    .stat__trend--up {\n      background: Highlight;\n      color: HighlightText;\n      border: 1px solid Highlight;\n    }\n\n    .stat__trend--down {\n      background: ButtonText;\n      color: ButtonFace;\n      border: 1px solid ButtonText;\n    }\n\n    .stat__trend-arrow {\n      color: currentColor;\n    }\n  }\n`;\n","import { html, nothing, type PropertyValues } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { devWarn } from '../../utils/dev-warn.js';\nimport { HelixElement } from '../../base/index.js';\nimport { helixStatStyles } from './hx-stat.styles.js';\nimport { forcedColorsSurface } from '../../styles/forced-colors.js';\nimport {\n  installAriaIdrefMirror,\n  resolveIdrefTokens,\n  supportsIdrefElementReferences,\n  type AriaIdrefMirrorHandle,\n} from '../../utils/aria-idref.js';\nimport { flattenAccName } from '../../utils/aria-flatten.js';\n\nexport type StatSize = 'sm' | 'md' | 'lg';\nexport type StatTrend = 'up' | 'down' | 'neutral';\n\n/**\n * A static stat display component for presenting key metrics in a healthcare dashboard.\n *\n * Group 7 host-canonical: `role=\"group\"` lives on the **host** via\n * `_internals.role`. The host carries the resolved accessible name so AT\n * walks `<hx-stat>` (role=group, label=\"value: label\") directly. The\n * internal `aria-live=\"polite\"` announcer remains in the shadow tree —\n * `role=\"group\"` does NOT imply a live region, so the announcer is required\n * for value/label/trend update announcements.\n *\n * @summary Displays a labeled metric value with optional trend indicator and icon slot.\n *\n * @tag hx-stat\n *\n * @slot icon - Optional icon displayed alongside the stat value.\n *\n * @csspart container - The outer stat container element.\n * @csspart header - The row containing the value and optional icon.\n * @csspart value - The stat value element.\n * @csspart label - The stat label element.\n * @csspart trend - The trend indicator element (only rendered when trend is not 'neutral').\n * @csspart icon - The icon slot container.\n *\n * @cssprop [--hx-stat-gap=var(--hx-space-1)] - Gap between value and label.\n * @cssprop [--hx-stat-header-gap=var(--hx-space-2)] - Gap between icon and value in the header row.\n * @cssprop [--hx-stat-color=var(--hx-color-neutral-800)] - Default text color.\n * @cssprop [--hx-stat-value-color=var(--hx-color-neutral-900)] - Value text color.\n * @cssprop [--hx-stat-label-color=var(--hx-color-neutral-500)] - Label text color.\n * @cssprop [--hx-stat-icon-color=var(--hx-color-primary-500)] - Icon color.\n * @cssprop [--hx-stat-value-font-weight=var(--hx-font-weight-bold)] - Value font weight.\n * @cssprop [--hx-stat-font-family=var(--hx-font-family-sans)] - Font family.\n * @cssprop [--hx-stat-value-font-size-sm=var(--hx-font-size-xl)] - Value font size at sm.\n * @cssprop [--hx-stat-value-font-size-md=var(--hx-font-size-3xl)] - Value font size at md.\n * @cssprop [--hx-stat-value-font-size-lg=var(--hx-font-size-5xl)] - Value font size at lg.\n * @cssprop [--hx-stat-label-font-size-sm=var(--hx-font-size-xs)] - Label font size at sm.\n * @cssprop [--hx-stat-label-font-size-md=var(--hx-font-size-sm)] - Label font size at md.\n * @cssprop [--hx-stat-label-font-size-lg=var(--hx-font-size-md)] - Label font size at lg.\n * @cssprop [--hx-stat-trend-up-color=var(--hx-color-success-700)] - Trend up text color.\n * @cssprop [--hx-stat-trend-up-bg=var(--hx-color-success-50)] - Trend up background color.\n * @cssprop [--hx-stat-trend-down-color=var(--hx-color-error-700)] - Trend down text color.\n * @cssprop [--hx-stat-trend-down-bg=var(--hx-color-error-50)] - Trend down background color.\n * @cssprop [--hx-space-1] - Spacing token.\n * @cssprop [--hx-font-family-sans] - Font family.\n * @cssprop [--hx-color-neutral-800] - Color.\n * @cssprop [--hx-font-size-xl] - Font size.\n * @cssprop [--hx-line-height-tight] - Line height.\n * @cssprop [--hx-font-weight-bold] - Font weight.\n * @cssprop [--hx-font-size-xs] - Font size.\n * @cssprop [--hx-font-size-3xl] - Font size.\n * @cssprop [--hx-font-size-sm] - Font size.\n * @cssprop [--hx-font-size-5xl] - Font size.\n * @cssprop [--hx-font-size-md] - Font size.\n * @cssprop [--hx-space-2] - Spacing token.\n * @cssprop [--hx-color-neutral-900] - Color.\n * @cssprop [--hx-color-neutral-500] - Color.\n * @cssprop [--hx-font-weight-normal] - Font weight.\n * @cssprop [--hx-color-primary-500] - Color.\n * @cssprop [--hx-font-weight-semibold] - Font weight.\n * @cssprop [--hx-border-radius-sm] - CSS custom property.\n * @cssprop [--hx-space-0-5] - Spacing token.\n * @cssprop [--hx-space-1-5] - Spacing token.\n * @cssprop [--hx-color-success-700] - Color.\n * @cssprop [--hx-color-success-50] - Color.\n * @cssprop [--hx-color-error-700] - Color.\n * @cssprop [--hx-color-error-50] - Color.\n */\n@customElement('hx-stat')\nexport class HelixStat extends HelixElement {\n  static override styles = [helixStatStyles, forcedColorsSurface];\n\n  /**\n   * Test seam (Group 7 host-canonical migration): see other Group 7 components.\n   * Production code MUST NOT touch this field.\n   * @internal\n   */\n  static __testSupportsIdrefRefsOverride: boolean | null = null;\n\n  /**\n   * The metric label displayed below the value.\n   * @attr label\n   */\n  @property({ type: String, reflect: true })\n  label = '';\n\n  /**\n   * The metric value displayed prominently.\n   * @attr value\n   */\n  @property({ type: String, reflect: true })\n  value = '';\n\n  /**\n   * Trend direction indicator. 'neutral' hides the indicator.\n   * @attr trend\n   */\n  @property({ type: String, reflect: true })\n  trend: 'up' | 'down' | 'neutral' = 'neutral';\n\n  /**\n   * Size variant controlling font size.\n   * @attr hx-size\n   */\n  @property({ type: String, reflect: true, attribute: 'hx-size' })\n  size: 'sm' | 'md' | 'lg' = 'md';\n\n  /**\n   * Prefix label for trend indicator. Override for i18n.\n   * @attr label-trend\n   */\n  @property({ attribute: 'label-trend' }) labelTrend = 'Trend';\n\n  /** @internal tracks whether the \"unnamed\" devWarn has already fired this lifecycle */\n  private _hasWarnedUnnamed = false;\n\n  // ─── Host-canonical ARIA bookkeeping ───\n\n  /** @internal */\n  private _supportsIdrefRefs = true;\n\n  /** @internal */\n  private _ariaMirror: AriaIdrefMirrorHandle | null = null;\n\n  /** @internal */\n  private _resolvedAccessibleName = '';\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    // Backward compat: accept legacy `size` attribute. When present and `hx-size`\n    // is not set, map the value and emit a deprecation warning.\n    const legacySize = this.getAttribute('size');\n    if (legacySize !== null && !this.hasAttribute('hx-size')) {\n      devWarn('hx-stat', 'The \"size\" attribute is deprecated. Use \"hx-size\" instead.');\n      this.size = legacySize as StatSize;\n    }\n\n    const ctor = this.constructor as typeof HelixStat;\n    this._supportsIdrefRefs =\n      ctor.__testSupportsIdrefRefsOverride !== null\n        ? ctor.__testSupportsIdrefRefsOverride\n        : supportsIdrefElementReferences(this._internals);\n    this._syncHostAriaSemantics();\n    this._ariaMirror = installAriaIdrefMirror(this, () => {\n      this._syncHostAriaSemantics();\n    });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._ariaMirror?.disconnect();\n    this._ariaMirror = null;\n  }\n\n  override updated(changedProperties: PropertyValues<this>): void {\n    super.updated(changedProperties);\n    const identityChanged = changedProperties.has('value') || changedProperties.has('label');\n    const hasValue = this.value.trim().length > 0;\n    const hasLabel = this.label.trim().length > 0;\n    if (identityChanged && !hasValue && !hasLabel && !this._hasWarnedUnnamed) {\n      this._hasWarnedUnnamed = true;\n      devWarn(\n        'hx-stat',\n        'Rendering an unnamed hx-stat; provide at least value or label for screen reader accessibility.',\n      );\n    }\n    if (hasValue || hasLabel) {\n      this._hasWarnedUnnamed = false;\n    }\n\n    if (\n      changedProperties.has('value') ||\n      changedProperties.has('label') ||\n      changedProperties.has('trend') ||\n      changedProperties.has('labelTrend')\n    ) {\n      this._syncHostAriaSemantics();\n    }\n  }\n\n  /**\n   * Mirror group semantics onto the host. The default group label is\n   * `${value}: ${label}` (matching the prior inner-div behaviour). Consumer\n   * `aria-label` / `aria-labelledby` on the host take precedence per AccName\n   * 1.2 §4.3.1.\n   * @internal\n   */\n  private _syncHostAriaSemantics(): void {\n    const internals = this._internals;\n    const groupLabel =\n      this.value && this.label ? `${this.value}: ${this.label}` : this.value || this.label || '';\n\n    if (!this._supportsIdrefRefs) {\n      internals.role = null;\n      internals.ariaLabel = null;\n    } else {\n      internals.role = 'group';\n    }\n\n    const hostAriaLabel = this.getAttribute('aria-label')?.trim() || '';\n    const consumerLabelledBy = this.getAttribute('aria-labelledby');\n    const labelEls = resolveIdrefTokens(this, consumerLabelledBy);\n    const hasEffectiveLabelledBy = labelEls.length > 0;\n\n    type InternalsWithRefs = ElementInternals & {\n      ariaLabelledByElements: Element[] | null;\n    };\n\n    if (this._supportsIdrefRefs) {\n      const refsInternals = internals as InternalsWithRefs;\n      refsInternals.ariaLabelledByElements = hasEffectiveLabelledBy ? labelEls : null;\n    }\n\n    let resolved = '';\n    if (hasEffectiveLabelledBy) {\n      const flattened =\n        labelEls\n          .map((el) => flattenAccName(el))\n          .filter(Boolean)\n          .join(' ') ||\n        hostAriaLabel ||\n        groupLabel;\n      resolved = flattened;\n      if (this._supportsIdrefRefs) {\n        internals.ariaLabel = null;\n      }\n    } else if (hostAriaLabel) {\n      resolved = hostAriaLabel;\n      if (this._supportsIdrefRefs) {\n        internals.ariaLabel = hostAriaLabel;\n      }\n    } else if (groupLabel) {\n      resolved = groupLabel;\n      if (this._supportsIdrefRefs) {\n        internals.ariaLabel = groupLabel;\n      }\n    } else {\n      resolved = '';\n      if (this._supportsIdrefRefs) {\n        internals.ariaLabel = null;\n      }\n    }\n\n    if (this._resolvedAccessibleName !== resolved) {\n      this._resolvedAccessibleName = resolved;\n      if (!this._supportsIdrefRefs) {\n        this.requestUpdate();\n      }\n    }\n  }\n\n  // ─── Slot Detection ───\n\n  /** @internal */\n  @state() private _hasIcon = false;\n\n  /** @internal */\n  private _onIconSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasIcon = slot.assignedNodes({ flatten: true }).length > 0;\n  }\n\n  // ─── Render Helpers ───\n\n  /** @internal */\n  private _renderTrendArrow(trend: 'up' | 'down'): ReturnType<typeof html> {\n    if (trend === 'up') {\n      return html`\n        <svg\n          class=\"stat__trend-arrow\"\n          aria-hidden=\"true\"\n          viewBox=\"0 0 12 12\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M6 10V2M6 2L2 6M6 2L10 6\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      `;\n    }\n    return html`\n      <svg\n        class=\"stat__trend-arrow\"\n        aria-hidden=\"true\"\n        viewBox=\"0 0 12 12\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M6 2V10M6 10L2 6M6 10L10 6\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n    `;\n  }\n\n  // ─── Render ───\n\n  override render() {\n    const containerClasses = {\n      stat: true,\n      [`stat--${this.size}`]: true,\n    };\n\n    const hasTrend = this.trend !== 'neutral';\n\n    // WCAG 1.3.1: wrap value and label in a group so screen readers announce them\n    // together with a combined accessible name instead of as disconnected text runs.\n    const groupLabel =\n      this.value && this.label\n        ? `${this.value}: ${this.label}`\n        : this.value || this.label || nothing;\n\n    // Live region text: announces value, label, and trend direction to screen\n    // readers when any of those properties change programmatically.\n    const liveParts: string[] = [];\n    const primary =\n      this.label && this.value ? `${this.label}: ${this.value}` : this.value || this.label || '';\n    if (primary) liveParts.push(primary);\n    if (hasTrend) liveParts.push(`${this.labelTrend}: ${this.trend}`);\n    const liveText = liveParts.join(', ');\n\n    // Dual-surface (Group 7 hx-progress-ring exemplar): inner div keeps\n    // role=\"group\" + aria-label for legacy AT and consumer queries; host\n    // adds the cross-shadow IDREF wiring via internals.* in\n    // _syncHostAriaSemantics().\n    return html`\n      <div\n        part=\"container\"\n        class=${classMap(containerClasses)}\n        role=\"group\"\n        aria-label=${groupLabel}\n      >\n        <span class=\"stat__live-region\" aria-live=\"polite\" aria-atomic=\"true\">${liveText}</span>\n        <div part=\"header\" class=\"stat__header\">\n          <span part=\"icon\" class=\"stat__icon\" ?hidden=${!this._hasIcon}>\n            <slot name=\"icon\" @slotchange=${this._onIconSlotChange}></slot>\n          </span>\n          <span part=\"value\" class=\"stat__value\" aria-hidden=\"true\">${this.value}</span>\n          ${hasTrend\n            ? html`\n                <span\n                  part=\"trend\"\n                  class=\"stat__trend stat__trend--${this.trend}\"\n                  role=\"img\"\n                  aria-label=\"${this.labelTrend}: ${this.trend}\"\n                >\n                  ${this._renderTrendArrow(this.trend as 'up' | 'down')}\n                </span>\n              `\n            : nothing}\n        </div>\n        <span part=\"label\" class=\"stat__label\" aria-hidden=\"true\">${this.label}</span>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-stat': HelixStat;\n  }\n}\n"],"names":["helixStatStyles","css","HelixStat","HelixElement","legacySize","ctor","supportsIdrefElementReferences","installAriaIdrefMirror","_a","changedProperties","identityChanged","hasValue","hasLabel","internals","groupLabel","hostAriaLabel","consumerLabelledBy","labelEls","resolveIdrefTokens","hasEffectiveLabelledBy","refsInternals","resolved","el","flattenAccName","e","slot","trend","html","containerClasses","hasTrend","nothing","liveParts","primary","liveText","classMap","forcedColorsSurface","__decorateClass","property","state","customElement"],"mappings":"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"}

package/dist/shared/{hx-switch-B6kr-EwE.js → hx-switch-TvKGvZJz.js}

@@ -4,7 +4,7 @@ import { classMap as A } from "lit/directives/class-map.js";
 import { ifDefined as m } from "lit/directives/if-defined.js";
 import { F as E } from "./FormMixin-B8PXk5RQ.js";
 import { b as L } from "./forced-colors-CTEDFRGa.js";
-import { s as D, i as $, r as y } from "./aria-idref-CxvyzfQS.js";
+import { s as D, i as $, r as y } from "./aria-idref-DCuEaknC.js";
 import { H as B } from "./helix-element-BNEYeiys.js";
 import { c as H } from "./id-counter-DuX8vsui.js";
 const C = S`
@@ -537,4 +537,4 @@ r = s([
 export {
   r as H
 };
-//# sourceMappingURL=hx-switch-B6kr-EwE.js.map
+//# sourceMappingURL=hx-switch-TvKGvZJz.js.map