@helixui/library 2.1.2-next.51 → 2.1.2-next.53

package/dist/shared/{hx-td-CNCvzBwY.js → hx-td-CzSvVKdp.js}

@@ -108,6 +108,14 @@ const O = d`
       transition: none !important;
     }
   }
+
+  /* ─── Forced Colors (Windows High Contrast) ─── */
+
+  @media (forced-colors: active) {
+    table {
+      border: 1px solid CanvasText;
+    }
+  }
 `;
 d`
   :host {
@@ -119,7 +127,7 @@ d`
     display: contents;
   }
 `;
-const C = d`
+const $ = d`
   :host {
     display: contents;
   }
@@ -198,7 +206,7 @@ let w = class extends b {
     </thead>`;
   }
 };
-w.styles = [C];
+w.styles = [$];
 w = T([
   v("hx-thead")
 ], w);
@@ -245,11 +253,11 @@ let S = class extends b {
     </tfoot>`;
   }
 };
-S.styles = [C];
+S.styles = [$];
 S = L([
   v("hx-tfoot")
 ], S);
-var A = Object.defineProperty, E = Object.getOwnPropertyDescriptor, $ = (e, r, l, o) => {
+var A = Object.defineProperty, E = Object.getOwnPropertyDescriptor, C = (e, r, l, o) => {
   for (var t = o > 1 ? void 0 : o ? E(r, l) : r, a = e.length - 1, s; a >= 0; a--)
     (s = e[a]) && (t = (o ? s(r, l, t) : s(t)) || t);
   return o && t && A(r, l, t), t;
@@ -302,17 +310,17 @@ y.styles = [
       }
     `
 ];
-$([
+C([
   i({ type: Boolean, reflect: !0 })
 ], y.prototype, "selected", 2);
-$([
+C([
   i({ type: Boolean, reflect: !0 })
 ], y.prototype, "disabled", 2);
-y = $([
+y = C([
   v("hx-tr")
 ], y);
-var N = Object.defineProperty, I = Object.getOwnPropertyDescriptor, u = (e, r, l, o) => {
-  for (var t = o > 1 ? void 0 : o ? I(r, l) : r, a = e.length - 1, s; a >= 0; a--)
+var N = Object.defineProperty, W = Object.getOwnPropertyDescriptor, u = (e, r, l, o) => {
+  for (var t = o > 1 ? void 0 : o ? W(r, l) : r, a = e.length - 1, s; a >= 0; a--)
     (s = e[a]) && (t = (o ? s(r, l, t) : s(t)) || t);
   return o && t && N(r, l, t), t;
 };
@@ -505,10 +513,10 @@ u([
 c = u([
   v("hx-th")
 ], c);
-var R = Object.defineProperty, U = Object.getOwnPropertyDescriptor, m = (e, r, l, o) => {
-  for (var t = o > 1 ? void 0 : o ? U(r, l) : r, a = e.length - 1, s; a >= 0; a--)
+var F = Object.defineProperty, I = Object.getOwnPropertyDescriptor, m = (e, r, l, o) => {
+  for (var t = o > 1 ? void 0 : o ? I(r, l) : r, a = e.length - 1, s; a >= 0; a--)
     (s = e[a]) && (t = (o ? s(r, l, t) : s(t)) || t);
-  return o && t && R(r, l, t), t;
+  return o && t && F(r, l, t), t;
 };
 let p = class extends b {
   constructor() {
@@ -606,4 +614,4 @@ export {
   c as e,
   y as f
 };
-//# sourceMappingURL=hx-td-CNCvzBwY.js.map
+//# sourceMappingURL=hx-td-CzSvVKdp.js.map

package/dist/shared/hx-td-CzSvVKdp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-td-CzSvVKdp.js","sources":["../../src/components/hx-table/hx-table.styles.ts","../../src/components/hx-table/hx-table.ts","../../src/components/hx-table/hx-thead.ts","../../src/components/hx-table/hx-tbody.ts","../../src/components/hx-table/hx-tfoot.ts","../../src/components/hx-table/hx-tr.ts","../../src/components/hx-table/hx-th.ts","../../src/components/hx-table/hx-td.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixTableStyles = css`\n  :host {\n    display: block;\n    overflow-x: auto;\n    font-family: var(--hx-font-family-sans, sans-serif);\n    font-size: var(--hx-font-size-sm, 0.875rem);\n  }\n\n  /* ─── Scroll Wrapper ─── */\n\n  .table-wrapper {\n    min-width: 0;\n    width: 100%;\n  }\n\n  /* ─── Table ─── */\n\n  table {\n    border-collapse: collapse;\n    border-spacing: 0;\n  }\n\n  :host([full-width]) table {\n    width: 100%;\n  }\n\n  /* ─── Caption ─── */\n\n  caption {\n    caption-side: top;\n    text-align: start;\n    padding: var(--hx-space-2, 0.5rem) var(--hx-space-4, 1rem);\n    font-weight: var(--hx-font-weight-semibold, 600);\n    color: var(--hx-table-header-color, var(--hx-color-neutral-700, #334155));\n    font-size: var(--hx-font-size-md, 1rem);\n  }\n\n  /* ─── Slotted sub-component styling ─── */\n\n  /*\n   * ::slotted() only matches DIRECT slot assignees. hx-table's direct\n   * slot children are hx-thead, hx-tbody, and hx-tfoot — never hx-tr,\n   * hx-th, or hx-td. CSS custom properties inherit through shadow DOM\n   * boundaries, so variables set on section elements cascade to their\n   * slotted row and cell descendants automatically.\n   */\n\n  /* Header background via CSS vars that cascade through display:contents */\n  ::slotted(hx-thead) {\n    --_hx-table-cell-bg: var(--hx-table-header-bg, var(--hx-color-neutral-50, #f8fafc));\n  }\n\n  /* Striped variant: set stripe signal on hx-tbody (direct slotted child) so hx-tbody can apply to even rows */\n  :host([variant='striped']) ::slotted(hx-tbody) {\n    --_hx-table-row-stripe-bg: var(--hx-table-stripe-bg, var(--hx-color-neutral-50, #f8fafc));\n  }\n\n  /* Hover variant: set hover bg variable on direct slotted section elements */\n  :host([variant='hover']) ::slotted(hx-tbody),\n  :host([variant='hover']) ::slotted(hx-thead),\n  :host([variant='striped']) ::slotted(hx-tbody),\n  :host([variant='striped']) ::slotted(hx-thead),\n  :host([variant='default']) ::slotted(hx-tbody),\n  :host([variant='default']) ::slotted(hx-thead) {\n    --_hx-table-row-hover-bg: var(--hx-table-row-hover-bg, var(--hx-color-neutral-50, #f8fafc));\n  }\n\n  /* Compact variant: reduced padding signal set on section elements that cascade to cells */\n  :host([variant='compact']) ::slotted(hx-thead),\n  :host([variant='compact']) ::slotted(hx-tbody),\n  :host([variant='compact']) ::slotted(hx-tfoot) {\n    --_hx-table-cell-padding: var(--hx-space-2, 0.5rem) var(--hx-space-3, 0.75rem);\n  }\n\n  /* ─── Sticky Header ─── */\n\n  :host([sticky-header]) ::slotted(hx-thead) {\n    --_hx-table-th-position: sticky;\n    --_hx-table-th-top: 0;\n    --_hx-table-th-z-index: 1;\n    --_hx-table-th-bg: var(--hx-table-header-bg, var(--hx-color-neutral-50, #f8fafc));\n  }\n\n  /* ─── Focus ─── */\n\n  ::slotted(:focus-visible) {\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-focus-ring-color, var(--hx-color-primary-500, #2563eb));\n    outline-offset: var(--hx-focus-ring-offset, -2px);\n  }\n\n  /* ─── Responsive Mobile Card Layout ─── */\n\n  @media (max-width: 768px) {\n    .table-wrapper {\n      overflow-x: visible;\n    }\n  }\n\n  /* ─── Reduced Motion ─── */\n\n  @media (prefers-reduced-motion: reduce) {\n    ::slotted(*) {\n      transition: none !important;\n    }\n  }\n\n  /* ─── Forced Colors (Windows High Contrast) ─── */\n\n  @media (forced-colors: active) {\n    table {\n      border: 1px solid CanvasText;\n    }\n  }\n`;\n\n/**\n * Styles shared by sub-components (hx-th, hx-td) for cell layout.\n * Exported so sub-components can import them directly.\n */\nexport const helixTableCellBaseStyles = css`\n  :host {\n    display: contents;\n  }\n`;\n\nexport const helixTableRowBaseStyles = css`\n  :host {\n    display: contents;\n  }\n`;\n\nexport const helixTableSectionBaseStyles = css`\n  :host {\n    display: contents;\n  }\n`;\n","import { LitElement, html, nothing, type PropertyValues } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { helixTableStyles } from './hx-table.styles.js';\nimport { devWarn } from '../../utils/dev-warn.js';\n\n/**\n * A semantic table container with variant styling and accessibility support.\n * Compose with `hx-thead`, `hx-tbody`, `hx-tfoot`, `hx-tr`, `hx-th`, and `hx-td`.\n *\n * @summary Semantic HTML table with variant styling, sticky header, and responsive layout.\n *\n * @tag hx-table\n *\n * @slot - Default slot for `hx-thead`, `hx-tbody`, and `hx-tfoot` sub-components.\n * @slot caption - Custom caption content rendered inside the `<caption>` element.\n *\n * @csspart table - The `<table>` element.\n * @csspart caption - The `<caption>` element.\n *\n * @cssprop [--hx-table-border-color=var(--hx-color-neutral-200, #e2e8f0)] - Cell border color.\n * @cssprop [--hx-table-header-bg=var(--hx-color-neutral-50, #f8fafc)] - Header row background.\n * @cssprop [--hx-table-header-color=var(--hx-color-neutral-700, #334155)] - Header text color.\n * @cssprop [--hx-table-cell-color=var(--hx-color-neutral-900, #0f172a)] - Cell text color.\n * @cssprop [--hx-table-row-hover-bg=var(--hx-color-neutral-50, #f8fafc)] - Row hover background.\n * @cssprop [--hx-table-stripe-bg=var(--hx-color-neutral-50, #f8fafc)] - Striped row background.\n */\n@customElement('hx-table')\nexport class HelixTable extends LitElement {\n  static override styles = [helixTableStyles];\n\n  // ─── Public Properties ───\n\n  /**\n   * Accessible name for the table (WCAG 4.1.2 requirement).\n   * Exposed via `aria-label` on the `<table>` element.\n   * @attr label\n   */\n  @property({ type: String })\n  label = '';\n\n  /**\n   * Visible caption text. When set, renders a `<caption>` element.\n   * Use the `caption` slot for richer caption content.\n   * @attr caption\n   */\n  @property({ type: String })\n  caption = '';\n\n  /**\n   * Visual variant that controls row styling.\n   * @attr variant\n   */\n  @property({ type: String, reflect: true })\n  variant: 'default' | 'striped' | 'hover' | 'compact' = 'default';\n\n  /**\n   * When true, the header row stays fixed while the table body scrolls.\n   * @attr sticky-header\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })\n  stickyHeader = false;\n\n  /**\n   * When true, the table expands to fill 100% of its container width.\n   * @attr full-width\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'full-width' })\n  fullWidth = true;\n\n  // ─── Internal State ───\n\n  /** @internal */\n  @state() private _hasCaptionSlot = false;\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._hasCaptionSlot = this.querySelector('[slot=\"caption\"]') !== null;\n  }\n\n  override firstUpdated(changedProperties: PropertyValues<this>): void {\n    super.firstUpdated(changedProperties);\n    // WCAG 4.1.2: warn when neither label nor caption provides an accessible name.\n    // A table without an accessible name cannot be identified by screen reader users.\n    if (!this.label && !this.caption && !this._hasCaptionSlot) {\n      devWarn(\n        'hx-table',\n        'No accessible name provided. Set the `label` or `caption` attribute, or use the `caption` slot, so screen readers can identify this table (WCAG 4.1.2 Name, Role, Value).',\n      );\n    }\n  }\n\n  override willUpdate(changed: PropertyValues<this>): void {\n    if (changed.has('label') && !this.label && changed.get('label') !== undefined) {\n      devWarn(\n        'hx-table',\n        'No accessible name provided. Set the `label` attribute so screen readers can identify this table (WCAG 4.1.2).',\n      );\n    }\n  }\n\n  /** @internal */\n  private _onCaptionSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasCaptionSlot = slot.assignedNodes({ flatten: true }).length > 0;\n  }\n\n  // ─── Render ───\n\n  override render() {\n    const hasCaption = this.caption || this._hasCaptionSlot;\n\n    return html`\n      <div class=\"table-wrapper\">\n        <!-- role=\"table\" is required: sub-components use display:contents which can confuse assistive technology in Shadow DOM -->\n        <table part=\"table\" role=\"table\" aria-label=${this.label || nothing}>\n          ${hasCaption\n            ? html`<caption part=\"caption\">\n                <slot name=\"caption\" @slotchange=${this._onCaptionSlotChange}>${this.caption}</slot>\n              </caption>`\n            : nothing}\n          <slot></slot>\n        </table>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-table': HelixTable;\n  }\n}\n","import { LitElement, html } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement } from 'lit/decorators.js';\nimport { helixTableSectionBaseStyles } from './hx-table.styles.js';\n\n/**\n * Semantic table head section. Must be a direct child of `hx-table`.\n * Contains `hx-tr` rows with `hx-th` header cells.\n *\n * @summary Table head section (`<thead>`) for use inside `hx-table`.\n *\n * @tag hx-thead\n *\n * @slot - Default slot for `hx-tr` elements.\n *\n * @csspart thead - The `<thead>` element.\n */\n@customElement('hx-thead')\nexport class HelixTableHead extends LitElement {\n  static override styles = [helixTableSectionBaseStyles];\n\n  override render() {\n    return html`<thead part=\"thead\" role=\"rowgroup\">\n      <slot></slot>\n    </thead>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-thead': HelixTableHead;\n  }\n}\n","import { LitElement, html, css } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement } from 'lit/decorators.js';\n\n/**\n * Semantic table body section. Must be a direct child of `hx-table`.\n * Contains `hx-tr` rows with `hx-td` data cells.\n *\n * @summary Table body section (`<tbody>`) for use inside `hx-table`.\n *\n * @tag hx-tbody\n *\n * @slot - Default slot for `hx-tr` elements.\n *\n * @csspart tbody - The `<tbody>` element.\n */\n@customElement('hx-tbody')\nexport class HelixTableBody extends LitElement {\n  static override styles = [\n    css`\n      :host {\n        display: contents;\n      }\n\n      /*\n       * Striped rows: only applies when the parent hx-table sets\n       * --_hx-table-row-stripe-bg (via variant=\"striped\"). Falls back\n       * to transparent so non-striped variants are unaffected.\n       */\n      ::slotted(hx-tr:nth-child(even)) {\n        --_hx-table-row-bg: var(--_hx-table-row-stripe-bg, transparent);\n      }\n    `,\n  ];\n\n  override render() {\n    return html`<tbody part=\"tbody\" role=\"rowgroup\">\n      <slot></slot>\n    </tbody>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-tbody': HelixTableBody;\n  }\n}\n","import { LitElement, html } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement } from 'lit/decorators.js';\nimport { helixTableSectionBaseStyles } from './hx-table.styles.js';\n\n/**\n * Semantic table foot section. Must be a direct child of `hx-table`.\n * Typically contains summary or totals rows.\n *\n * @summary Table foot section (`<tfoot>`) for use inside `hx-table`.\n *\n * @tag hx-tfoot\n *\n * @slot - Default slot for `hx-tr` elements.\n *\n * @csspart tfoot - The `<tfoot>` element.\n */\n@customElement('hx-tfoot')\nexport class HelixTableFoot extends LitElement {\n  static override styles = [helixTableSectionBaseStyles];\n\n  override render() {\n    return html`<tfoot part=\"tfoot\" role=\"rowgroup\">\n      <slot></slot>\n    </tfoot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-tfoot': HelixTableFoot;\n  }\n}\n","import { LitElement, html, nothing, css } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property } from 'lit/decorators.js';\n\n/**\n * Semantic table row. Must be a child of `hx-thead`, `hx-tbody`, or `hx-tfoot`.\n * Contains `hx-th` or `hx-td` cells.\n *\n * @summary Table row (`<tr>`) for use inside `hx-thead`, `hx-tbody`, or `hx-tfoot`.\n *\n * @tag hx-tr\n *\n * @slot - Default slot for `hx-th` and `hx-td` elements.\n *\n * @csspart row - The `<tr>` element.\n */\n@customElement('hx-tr')\nexport class HelixTableRow extends LitElement {\n  static override styles = [\n    css`\n      :host {\n        display: contents;\n      }\n\n      tr {\n        background-color: var(--_hx-table-row-bg, transparent);\n        transition: background-color var(--hx-transition-fast, 150ms ease);\n      }\n\n      tr:hover {\n        background-color: var(--_hx-table-row-hover-bg, var(--hx-table-row-hover-bg, transparent));\n      }\n\n      :host([selected]) tr {\n        background-color: var(--hx-table-row-selected-bg, var(--hx-color-primary-50, #eff6ff));\n      }\n\n      :host([disabled]) tr {\n        opacity: 0.5;\n        pointer-events: none;\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        tr {\n          transition: none;\n        }\n      }\n    `,\n  ];\n\n  /**\n   * When true, marks the row as selected and applies selected styling.\n   * @attr selected\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * When true, the row is visually disabled and non-interactive.\n   * @attr disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  override render() {\n    return html`\n      <tr\n        part=\"row\"\n        role=\"row\"\n        aria-selected=${this.selected ? 'true' : nothing}\n        aria-disabled=${this.disabled ? 'true' : nothing}\n      >\n        <slot></slot>\n      </tr>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-tr': HelixTableRow;\n  }\n}\n","import { LitElement, html, nothing, css } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\n/**\n * Detail type for `hx-sort` events dispatched from `hx-th`.\n */\nexport interface HxTableSortDetail {\n  direction: 'asc' | 'desc';\n}\n\n/**\n * Semantic table header cell. Must be a child of `hx-tr`.\n * Supports sortable columns with accessible sort state.\n *\n * @summary Table header cell (`<th>`) with optional sort support.\n *\n * @tag hx-th\n *\n * @slot - Default slot for header label content.\n *\n * @fires {CustomEvent<HxTableSortDetail>} hx-sort - Dispatched when a sortable header is activated.\n *\n * @csspart header - The `<th>` element.\n * @csspart sort-icon - The sort indicator icon `<span>` inside sortable headers.\n */\n@customElement('hx-th')\nexport class HelixTableHeader extends LitElement {\n  static override styles = [\n    css`\n      :host {\n        display: contents;\n      }\n\n      th {\n        padding: var(--_hx-table-cell-padding, var(--hx-space-3, 0.75rem) var(--hx-space-4, 1rem));\n        text-align: left;\n        font-weight: var(--hx-font-weight-semibold, 600);\n        color: var(--hx-table-header-color, var(--hx-color-neutral-700, #334155));\n        background-color: var(\n          --_hx-table-cell-bg,\n          var(--hx-table-header-bg, var(--hx-color-neutral-50, #f8fafc))\n        );\n        border-bottom: var(--hx-border-width-thin, 1px) solid\n          var(--hx-table-border-color, var(--hx-color-neutral-200, #e2e8f0));\n        white-space: nowrap;\n        vertical-align: middle;\n        position: var(--_hx-table-th-position, static);\n        top: var(--_hx-table-th-top, auto);\n        z-index: var(--_hx-table-th-z-index, auto);\n      }\n\n      :host([sortable]) th {\n        cursor: pointer;\n      }\n\n      /* ─── Sort Button ─── */\n\n      .sort-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: var(--hx-space-1, 0.25rem);\n        background: none;\n        border: none;\n        padding: 0;\n        font: inherit;\n        font-weight: inherit;\n        color: inherit;\n        cursor: pointer;\n        white-space: nowrap;\n        width: 100%;\n      }\n\n      .sort-btn:focus-visible {\n        outline: var(--hx-focus-ring-width, 2px) solid\n          var(--hx-focus-ring-color, var(--hx-color-primary-500, #2563eb));\n        outline-offset: var(--hx-focus-ring-offset, 2px);\n        border-radius: var(--hx-border-radius-sm, 2px);\n      }\n\n      /* ─── Sort Icon ─── */\n\n      .sort-icon {\n        display: inline-flex;\n        align-items: center;\n        flex-shrink: 0;\n        width: 1em;\n        height: 1em;\n        opacity: 0.4;\n        transition:\n          opacity var(--hx-transition-fast, 150ms ease),\n          transform var(--hx-transition-fast, 150ms ease);\n      }\n\n      .sort-icon--active {\n        opacity: 1;\n        color: var(--hx-color-primary-500, #2563eb);\n      }\n\n      .sort-icon--desc {\n        transform: rotate(180deg);\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        .sort-icon {\n          transition: none;\n        }\n      }\n\n      /* ─── Mobile card layout ─── */\n\n      @media (max-width: 768px) {\n        /*\n         * Visually hide the header cell on mobile while keeping it in the\n         * accessibility tree. Screen readers can then associate column\n         * headers with data cells via the semantic table structure\n         * (scope=\"col\", role=\"columnheader\"), satisfying WCAG 2.1 AA.\n         * Using display:none would remove headers from the a11y tree entirely.\n         */\n        th {\n          position: absolute;\n          width: 1px;\n          height: 1px;\n          padding: 0;\n          margin: -1px;\n          overflow: hidden;\n          clip: rect(0, 0, 0, 0);\n          white-space: nowrap;\n          border: 0;\n        }\n      }\n    `,\n  ];\n\n  /**\n   * When true, the header renders a sort button and emits `hx-sort` on activation.\n   * @attr sortable\n   */\n  @property({ type: Boolean, reflect: true })\n  sortable = false;\n\n  /**\n   * Current sort direction. Reflected for CSS targeting.\n   * @attr sort-direction\n   */\n  @property({ type: String, reflect: true, attribute: 'sort-direction' })\n  sortDirection: 'asc' | 'desc' | 'none' = 'none';\n\n  /**\n   * The `scope` attribute for the underlying `<th>` element.\n   * @attr scope\n   */\n  @property({ type: String })\n  scope: 'col' | 'row' | 'colgroup' | 'rowgroup' = 'col';\n\n  /**\n   * Number of columns this header spans.\n   * @attr colspan\n   */\n  @property({ type: Number })\n  colspan = 0;\n\n  /**\n   * Number of rows this header spans.\n   * @attr rowspan\n   */\n  @property({ type: Number })\n  rowspan = 0;\n\n  // ─── Event Handlers ───\n\n  /** @internal */\n  private _handleSort(): void {\n    const next: 'asc' | 'desc' = this.sortDirection === 'asc' ? 'desc' : 'asc';\n    this.sortDirection = next;\n    this.dispatchEvent(\n      new CustomEvent<HxTableSortDetail>('hx-sort', {\n        bubbles: true,\n        composed: true,\n        detail: { direction: next },\n      }),\n    );\n  }\n\n  // ─── Render Helpers ───\n\n  /** @internal */\n  private _renderSortIcon() {\n    const isActive = this.sortDirection !== 'none';\n    const iconClass = [\n      'sort-icon',\n      isActive ? 'sort-icon--active' : '',\n      this.sortDirection === 'desc' ? 'sort-icon--desc' : '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return html`\n      <span part=\"sort-icon\" class=${iconClass} aria-hidden=\"true\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 16 16\"\n          fill=\"currentColor\"\n          width=\"16\"\n          height=\"16\"\n        >\n          <path d=\"M8 3L5 7h6L8 3zM8 13l3-4H5l3 4z\" fill-rule=\"evenodd\" />\n        </svg>\n      </span>\n    `;\n  }\n\n  /** @internal */\n  private _ariaSort(): 'ascending' | 'descending' | 'none' | typeof nothing {\n    if (!this.sortable) return nothing;\n    if (this.sortDirection === 'asc') return 'ascending';\n    if (this.sortDirection === 'desc') return 'descending';\n    return 'none';\n  }\n\n  /** @internal */\n  private _sortLabel(): string {\n    if (this.sortDirection === 'asc') return 'Sort descending';\n    if (this.sortDirection === 'desc') return 'Sort ascending';\n    return 'Sort';\n  }\n\n  override render() {\n    return html`\n      <th\n        part=\"header\"\n        role=\"columnheader\"\n        scope=${this.scope}\n        colspan=${ifDefined(this.colspan > 0 ? this.colspan : undefined)}\n        rowspan=${ifDefined(this.rowspan > 0 ? this.rowspan : undefined)}\n        aria-sort=${this._ariaSort()}\n      >\n        ${this.sortable\n          ? html`\n              <button class=\"sort-btn\" @click=${this._handleSort} aria-label=${this._sortLabel()}>\n                <slot></slot>\n                ${this._renderSortIcon()}\n              </button>\n            `\n          : html`<slot></slot>`}\n      </th>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-th': HelixTableHeader;\n  }\n}\n","import { LitElement, html, css } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\n/**\n * Semantic table data cell. Must be a child of `hx-tr`.\n *\n * @summary Table data cell (`<td>`) for use inside `hx-tr`.\n *\n * @tag hx-td\n *\n * @slot - Default slot for cell content.\n *\n * @csspart cell - The `<td>` element.\n *\n * @cssprop [--hx-table-cell-color=var(--hx-color-neutral-900, #0f172a)] - Cell text color.\n */\n@customElement('hx-td')\nexport class HelixTableCell extends LitElement {\n  static override styles = [\n    css`\n      :host {\n        display: contents;\n      }\n\n      td {\n        padding: var(--_hx-table-cell-padding, var(--hx-space-3, 0.75rem) var(--hx-space-4, 1rem));\n        text-align: left;\n        color: var(--hx-table-cell-color, var(--hx-color-neutral-900, #0f172a));\n        border-bottom: var(--hx-border-width-thin, 1px) solid\n          var(--hx-table-border-color, var(--hx-color-neutral-200, #e2e8f0));\n        vertical-align: middle;\n      }\n\n      :host([align='center']) td {\n        text-align: center;\n      }\n\n      :host([align='right']) td {\n        text-align: right;\n      }\n\n      td:focus-visible {\n        outline: var(--hx-focus-ring-width, 2px) solid\n          var(--hx-focus-ring-color, var(--hx-color-primary-500, #2563eb));\n        outline-offset: var(--hx-focus-ring-offset, -2px);\n        border-radius: var(--hx-border-radius-sm, 2px);\n      }\n\n      /* ─── Mobile card layout ─── */\n\n      @media (max-width: 768px) {\n        :host {\n          display: block;\n        }\n\n        td {\n          display: block;\n          text-align: right;\n          padding: var(--hx-space-2, 0.5rem) var(--hx-space-3, 0.75rem);\n          border-bottom: none;\n          position: relative;\n        }\n\n        td::before {\n          content: attr(data-label);\n          font-weight: var(--hx-font-weight-semibold, 600);\n          float: left;\n          color: var(--hx-table-header-color, var(--hx-color-neutral-700, #334155));\n        }\n      }\n    `,\n  ];\n\n  /**\n   * Horizontal alignment for cell content.\n   * @attr align\n   */\n  @property({ type: String, reflect: true })\n  align: 'left' | 'center' | 'right' = 'left';\n\n  /**\n   * Number of columns this cell spans.\n   * @attr colspan\n   */\n  @property({ type: Number })\n  colspan = 0;\n\n  /**\n   * Number of rows this cell spans.\n   * @attr rowspan\n   */\n  @property({ type: Number })\n  rowspan = 0;\n\n  /**\n   * Column header label for this cell. Forwarded as `data-label` on the native `<td>` for\n   * the mobile card layout (`td::before { content: attr(data-label) }`) and as `aria-label`\n   * so screen readers identify the column when the header row is hidden.\n   * @attr label\n   */\n  @property({ type: String, attribute: 'label' })\n  label = '';\n\n  override render() {\n    return html`\n      <td\n        part=\"cell\"\n        role=\"cell\"\n        data-label=${ifDefined(this.label || undefined)}\n        colspan=${ifDefined(this.colspan > 0 ? this.colspan : undefined)}\n        rowspan=${ifDefined(this.rowspan > 0 ? this.rowspan : undefined)}\n      >\n        <slot></slot>\n      </td>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-td': HelixTableCell;\n  }\n}\n"],"names":["helixTableStyles","css","helixTableSectionBaseStyles","HelixTable","LitElement","changedProperties","changed","slot","hasCaption","html","nothing","__decorateClass","property","state","customElement","HelixTableHead","HelixTableBody","HelixTableFoot","HelixTableRow","HelixTableHeader","next","iconClass","ifDefined","HelixTableCell"],"mappings":"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"}

package/dist/shared/{hx-text-input-Zuodg9s_.js → hx-text-input-BfMrvN9N.js}

@@ -1,19 +1,19 @@
 import { css as _, nothing as c, html as h } from "lit";
 import "./document-token-adoption-DuYNKd4k.js";
-import { property as s, query as v, state as u, customElement as m } from "lit/decorators.js";
+import { property as o, query as v, state as u, customElement as m } from "lit/decorators.js";
 import { classMap as f } from "lit/directives/class-map.js";
 import { ifDefined as n } from "lit/directives/if-defined.js";
 import { live as g } from "lit/directives/live.js";
 import { F as b } from "./FormMixin-Bjvw20G5.js";
 import { d as y } from "./dev-warn-YlwPHjtX.js";
 import { c as S } from "./id-counter-PTgF-zcG.js";
-import { H as w } from "./helix-element-CZvaIEQP.js";
-var $ = Object.defineProperty, x = (e, t, a, l) => {
-  for (var o = void 0, d = e.length - 1, p; d >= 0; d--)
-    (p = e[d]) && (o = p(t, a, o) || o);
-  return o && $(t, a, o), o;
+import { H as w } from "./helix-element-BJh1Ffvi.js";
+var $ = Object.defineProperty, x = (e, t, l, a) => {
+  for (var s = void 0, d = e.length - 1, p; d >= 0; d--)
+    (p = e[d]) && (s = p(t, l, s) || s);
+  return s && $(t, l, s), s;
 };
-const I = (e) => {
+const T = (e) => {
   class t extends e {
     constructor() {
       super(...arguments), this.focused = !1, this.focusedVisible = !1, this._focusPending = !1, this._lastInteractionWasPointer = !1, this._handleFocusIn = () => {
@@ -41,14 +41,14 @@ const I = (e) => {
      * If the element has not yet rendered, queues the focus call for
      * `firstUpdated`.
      */
-    focus(l) {
-      const o = this._focusableNode;
-      o !== null ? o.focus(l) : this._focusPending = !0;
+    focus(a) {
+      const s = this._focusableNode;
+      s !== null ? s.focus(a) : this._focusPending = !0;
     }
     /** Delegates blur to the inner focusable element. */
     blur() {
-      var l;
-      (l = this._focusableNode) == null || l.blur();
+      var a;
+      (a = this._focusableNode) == null || a.blur();
     }
     connectedCallback() {
       super.connectedCallback(), this.addEventListener("focusin", this._handleFocusIn), this.addEventListener("focusout", this._handleFocusOut), this.addEventListener("pointerdown", this._handlePointerDown), this.addEventListener("keydown", this._handleKeyDown);
@@ -56,16 +56,16 @@ const I = (e) => {
     disconnectedCallback() {
       super.disconnectedCallback(), this.removeEventListener("focusin", this._handleFocusIn), this.removeEventListener("focusout", this._handleFocusOut), this.removeEventListener("pointerdown", this._handlePointerDown), this.removeEventListener("keydown", this._handleKeyDown);
     }
-    firstUpdated(l) {
-      super.firstUpdated(l), this.hasAttribute("autofocus") && this.focus(), this._focusPending && (this._focusPending = !1, this.focus());
+    firstUpdated(a) {
+      super.firstUpdated(a), this.hasAttribute("autofocus") && this.focus(), this._focusPending && (this._focusPending = !1, this.focus());
     }
   }
   return x([
-    s({ type: Boolean, reflect: !0 })
+    o({ type: Boolean, reflect: !0 })
   ], t.prototype, "focused"), x([
-    s({ type: Boolean, reflect: !0, attribute: "focused-visible" })
+    o({ type: Boolean, reflect: !0, attribute: "focused-visible" })
   ], t.prototype, "focusedVisible"), t;
-}, E = _`
+}, I = _`
   :host {
     display: block;
   }
@@ -236,6 +236,10 @@ const I = (e) => {
     color: var(--hx-color-neutral-400, #adb5bd);
   }
 
+  .field__input:focus-visible {
+    outline: none; /* wrapper ring handles keyboard focus indication */
+  }
+
   .field__input:disabled {
     cursor: not-allowed;
   }
@@ -279,16 +283,74 @@ const I = (e) => {
       transition: none;
     }
   }
+
+  /* ─── High Contrast Mode (forced-colors) ─── */
+
+  @media (forced-colors: active) {
+    .field__input-wrapper {
+      forced-color-adjust: none;
+      background-color: Field;
+      color: FieldText;
+      border: 2px solid ButtonText;
+    }
+
+    .field__input {
+      color: FieldText;
+    }
+
+    .field__input::placeholder {
+      color: GrayText;
+    }
+
+    .field__input-wrapper:focus-within {
+      border-color: Highlight;
+      box-shadow: none;
+    }
+
+    .field__input:focus-visible {
+      outline: 3px solid Highlight;
+      outline-offset: -3px;
+    }
+
+    :host([disabled]) {
+      opacity: 1;
+    }
+
+    :host([disabled]) .field__input-wrapper {
+      border-color: GrayText;
+      color: GrayText;
+    }
+
+    :host([disabled]) .field__input {
+      color: GrayText;
+    }
+
+    .field--error .field__input-wrapper {
+      border-color: LinkText;
+    }
+
+    .field__label {
+      color: CanvasText;
+    }
+
+    .field__help-text {
+      color: GrayText;
+    }
+
+    .field__error {
+      color: LinkText;
+    }
+  }
 `;
-var C = Object.defineProperty, z = Object.getOwnPropertyDescriptor, i = (e, t, a, l) => {
-  for (var o = l > 1 ? void 0 : l ? z(t, a) : t, d = e.length - 1, p; d >= 0; d--)
-    (p = e[d]) && (o = (l ? p(t, a, o) : p(o)) || o);
-  return l && o && C(t, a, o), o;
+var E = Object.defineProperty, C = Object.getOwnPropertyDescriptor, i = (e, t, l, a) => {
+  for (var s = a > 1 ? void 0 : a ? C(t, l) : t, d = e.length - 1, p; d >= 0; d--)
+    (p = e[d]) && (s = (a ? p(t, l, s) : p(s)) || s);
+  return a && s && E(t, l, s), s;
 };
-const T = S("hx-text-input");
-let r = class extends I(b(w)) {
+const z = S("hx-text-input");
+let r = class extends T(b(w)) {
   constructor() {
-    super(...arguments), this.label = "", this.placeholder = "", this.value = "", this.type = "text", this.required = !1, this.disabled = !1, this.error = "", this.helpText = "", this.name = "", this.ariaLabel = null, this.readonly = !1, this.minlength = void 0, this.maxlength = void 0, this.pattern = "", this.autocomplete = "", this.requiredMessage = "This field is required.", this.size = "md", this._hasLabelSlot = !1, this._hasErrorSlot = !1, this._hasPrefixSlot = !1, this._hasSuffixSlot = !1, this._hasHelpTextSlot = !1, this._inputId = T(), this._helpTextId = `${this._inputId}-help`, this._errorId = `${this._inputId}-error`;
+    super(...arguments), this.label = "", this.placeholder = "", this.value = "", this.type = "text", this.required = !1, this.disabled = !1, this.error = "", this.helpText = "", this.name = "", this.ariaLabel = null, this.readonly = !1, this.minlength = void 0, this.maxlength = void 0, this.pattern = "", this.autocomplete = "", this.requiredMessage = "This field is required.", this.size = "md", this._hasLabelSlot = !1, this._hasErrorSlot = !1, this._hasPrefixSlot = !1, this._hasSuffixSlot = !1, this._hasHelpTextSlot = !1, this._inputId = z(), this._helpTextId = `${this._inputId}-help`, this._errorId = `${this._inputId}-error`;
   }
   // ─── FocusMixin integration ───
   /**
@@ -302,8 +364,8 @@ let r = class extends I(b(w)) {
   _handleLabelSlotChange(e) {
     const t = e.target;
     if (this._hasLabelSlot = t.assignedElements().length > 0, this._hasLabelSlot) {
-      const a = t.assignedElements()[0];
-      a && !a.id && (a.id = `${this._inputId}-slotted-label`);
+      const l = t.assignedElements()[0];
+      l && !l.id && (l.id = `${this._inputId}-slotted-label`);
     }
   }
   /** @internal */
@@ -408,7 +470,7 @@ let r = class extends I(b(w)) {
       "field--disabled": this.disabled,
       "field--required": this.required,
       [`field--size-${this.size}`]: !0
-    }, a = [
+    }, l = [
       e ? this._errorId : null,
       this.helpText || this._hasHelpTextSlot ? this._helpTextId : null
     ].filter(Boolean).join(" ") || void 0;
@@ -455,7 +517,7 @@ let r = class extends I(b(w)) {
       this._hasLabelSlot ? `${this._inputId}-slotted-label` : void 0
     )}
             aria-invalid=${e ? "true" : c}
-            aria-describedby=${n(a)}
+            aria-describedby=${n(l)}
             @input=${this._handleInput}
             @change=${this._handleChange}
           />
@@ -496,58 +558,58 @@ let r = class extends I(b(w)) {
     `;
   }
 };
-r.styles = [E];
+r.styles = [I];
 r.formAssociated = !0;
 i([
-  s({ type: String })
+  o({ type: String })
 ], r.prototype, "label", 2);
 i([
-  s({ type: String })
+  o({ type: String })
 ], r.prototype, "placeholder", 2);
 i([
-  s({ type: String })
+  o({ type: String })
 ], r.prototype, "value", 2);
 i([
-  s({ type: String })
+  o({ type: String })
 ], r.prototype, "type", 2);
 i([
-  s({ type: Boolean, reflect: !0 })
+  o({ type: Boolean, reflect: !0 })
 ], r.prototype, "required", 2);
 i([
-  s({ type: Boolean, reflect: !0 })
+  o({ type: Boolean, reflect: !0 })
 ], r.prototype, "disabled", 2);
 i([
-  s({ type: String })
+  o({ type: String })
 ], r.prototype, "error", 2);
 i([
-  s({ type: String, attribute: "help-text" })
+  o({ type: String, attribute: "help-text" })
 ], r.prototype, "helpText", 2);
 i([
-  s({ type: String })
+  o({ type: String, reflect: !0 })
 ], r.prototype, "name", 2);
 i([
-  s({ type: String, attribute: "aria-label" })
+  o({ type: String, attribute: "aria-label" })
 ], r.prototype, "ariaLabel", 2);
 i([
-  s({ type: Boolean, reflect: !0 })
+  o({ type: Boolean, reflect: !0 })
 ], r.prototype, "readonly", 2);
 i([
-  s({ type: Number })
+  o({ type: Number })
 ], r.prototype, "minlength", 2);
 i([
-  s({ type: Number })
+  o({ type: Number })
 ], r.prototype, "maxlength", 2);
 i([
-  s({ type: String })
+  o({ type: String })
 ], r.prototype, "pattern", 2);
 i([
-  s({ type: String })
+  o({ type: String })
 ], r.prototype, "autocomplete", 2);
 i([
-  s({ attribute: "required-message" })
+  o({ attribute: "required-message" })
 ], r.prototype, "requiredMessage", 2);
 i([
-  s({ type: String, attribute: "hx-size", reflect: !0 })
+  o({ type: String, attribute: "hx-size", reflect: !0 })
 ], r.prototype, "size", 2);
 i([
   v(".field__input")
@@ -571,7 +633,7 @@ r = i([
   m("hx-text-input")
 ], r);
 export {
-  I as F,
+  T as F,
   r as H
 };
-//# sourceMappingURL=hx-text-input-Zuodg9s_.js.map
+//# sourceMappingURL=hx-text-input-BfMrvN9N.js.map

package/dist/shared/hx-text-input-BfMrvN9N.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-text-input-BfMrvN9N.js","sources":["../../src/mixins/FocusMixin.ts","../../src/components/hx-text-input/hx-text-input.styles.ts","../../src/components/hx-text-input/hx-text-input.ts"],"sourcesContent":["import { LitElement, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\n\n/**\n * Mixin constructor type — must use `any[]` args per TypeScript mixin requirements (TS2545).\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Constructor<T = object> = new (...args: any[]) => T;\n\n/**\n * The public interface added by FocusMixin.\n * Consumers can use this type for typed references.\n *\n * @public\n */\nexport interface FocusMixinInterface {\n  /** True when the component host has focus (including descendant focus). */\n  readonly focused: boolean;\n  /** True when focus arrived via keyboard (not pointer). */\n  readonly focusedVisible: boolean;\n}\n\n/**\n * FocusMixin — standardized focus delegation for HELiX web components.\n *\n * Modeled after Lion's `FocusMixin` and Material Web's `mixinDelegatesAria`.\n * Provides:\n * - `_focusableNode` getter for subclasses to declare the inner focusable element\n * - `focused` reflected attribute as a styling hook for `:host([focused])`\n * - `focusedVisible` reflected attribute for keyboard-only focus rings\n * - Delegated `focus()` / `blur()` routing to the inner element\n * - Autofocus support after first render\n *\n * ### Usage\n *\n * ```ts\n * class MyInput extends FocusMixin(HelixElement) {\n *   @query('input') private _input: HTMLInputElement | undefined;\n *\n *   protected override get _focusableNode(): HTMLElement | null {\n *     return this._input ?? null;\n *   }\n * }\n * ```\n *\n * @param superClass - A Lit element constructor to mix into\n * @returns A new class with focus management capabilities\n *\n * @public\n */\nexport const FocusMixin = <T extends Constructor<LitElement>>(superClass: T) => {\n  class FocusMixinClass extends superClass implements FocusMixinInterface {\n    /**\n     * True when the component or any of its descendants has focus.\n     * Reflects to attribute `focused` for CSS selector use.\n     *\n     * @attr focused\n     */\n    @property({ type: Boolean, reflect: true })\n    focused = false;\n\n    /**\n     * True when focus was reached via keyboard navigation (Tab / Shift+Tab)\n     * rather than pointer interaction. Reflects to attribute `focused-visible`\n     * for rendering keyboard-only focus rings.\n     *\n     * @attr focused-visible\n     */\n    @property({ type: Boolean, reflect: true, attribute: 'focused-visible' })\n    focusedVisible = false;\n\n    /** @internal — whether a `focus()` call was queued before first render */\n    private _focusPending = false;\n\n    /**\n     * @internal — tracks whether the most recent interaction toward this\n     * element was via pointer (true) or keyboard (false).\n     *\n     * Set to false on `pointerdown` so that the subsequent `focusin` can\n     * determine it is not keyboard-initiated.\n     */\n    private _lastInteractionWasPointer = false;\n\n    /**\n     * Returns the inner focusable element that `focus()` and `blur()` will\n     * delegate to. Subclasses MUST override this getter.\n     *\n     * @returns The inner focusable element, or `null` if not yet rendered.\n     * @internal\n     */\n    protected get _focusableNode(): HTMLElement | null {\n      return null;\n    }\n\n    /**\n     * Delegates focus to the inner focusable element.\n     * If the element has not yet rendered, queues the focus call for\n     * `firstUpdated`.\n     */\n    override focus(options?: FocusOptions): void {\n      const node = this._focusableNode;\n      if (node !== null) {\n        node.focus(options);\n      } else {\n        this._focusPending = true;\n      }\n    }\n\n    /** Delegates blur to the inner focusable element. */\n    override blur(): void {\n      this._focusableNode?.blur();\n    }\n\n    override connectedCallback(): void {\n      super.connectedCallback();\n      this.addEventListener('focusin', this._handleFocusIn);\n      this.addEventListener('focusout', this._handleFocusOut);\n      this.addEventListener('pointerdown', this._handlePointerDown);\n      this.addEventListener('keydown', this._handleKeyDown);\n    }\n\n    override disconnectedCallback(): void {\n      super.disconnectedCallback();\n      this.removeEventListener('focusin', this._handleFocusIn);\n      this.removeEventListener('focusout', this._handleFocusOut);\n      this.removeEventListener('pointerdown', this._handlePointerDown);\n      this.removeEventListener('keydown', this._handleKeyDown);\n    }\n\n    override firstUpdated(changedProperties: PropertyValues): void {\n      super.firstUpdated(changedProperties);\n\n      // Honour the native `autofocus` attribute after the first render cycle\n      if (this.hasAttribute('autofocus')) {\n        this.focus();\n      }\n\n      // Flush any focus() call that arrived before the shadow DOM was stamped\n      if (this._focusPending) {\n        this._focusPending = false;\n        this.focus();\n      }\n    }\n\n    // ─── Private Event Handlers ────────────────────────────────────────────────\n\n    /** @internal */\n    private _handleFocusIn = (): void => {\n      this.focused = true;\n      // focusedVisible is true only when focus arrived via keyboard\n      this.focusedVisible = !this._lastInteractionWasPointer;\n    };\n\n    /** @internal */\n    private _handleFocusOut = (): void => {\n      this.focused = false;\n      this.focusedVisible = false;\n      // Reset for the next interaction cycle\n      this._lastInteractionWasPointer = false;\n    };\n\n    /**\n     * Marks the next focusin as pointer-initiated.\n     * @internal\n     */\n    private _handlePointerDown = (): void => {\n      this._lastInteractionWasPointer = true;\n    };\n\n    /**\n     * Ensures that keyboard navigation (Tab / Shift+Tab arriving from outside)\n     * is correctly flagged as keyboard-initiated even when no prior `pointerdown`\n     * fired on this element.\n     *\n     * This fires BEFORE `focusin` so the flag is in the correct state when\n     * `_handleFocusIn` runs.\n     * @internal\n     */\n    private _handleKeyDown = (): void => {\n      this._lastInteractionWasPointer = false;\n    };\n  }\n\n  return FocusMixinClass as unknown as T & Constructor<FocusMixinInterface>;\n};\n","import { css } from 'lit';\n\nexport const helixTextInputStyles = css`\n  :host {\n    display: block;\n  }\n\n  :host([disabled]) {\n    opacity: var(--hx-opacity-disabled, 0.5);\n    pointer-events: none;\n  }\n\n  /*\n   * Attribute-based focus hooks set by FocusMixin.\n   * :host([focused]) — fires whenever the component or any descendant has focus.\n   * :host([focused-visible]) — fires only for keyboard-initiated focus.\n   * These complement the :focus-within rules on .field__input-wrapper and are\n   * exposed as theming hooks for consumers who target the host element.\n   */\n  :host([focused]) .field__input-wrapper {\n    border-color: var(\n      --hx-input-focus-ring-color,\n      var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa))\n    );\n    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)\n      color-mix(\n        in srgb,\n        var(\n            --hx-input-focus-ring-color,\n            var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa))\n          )\n          calc(var(--hx-focus-ring-opacity, 0.25) * 100%),\n        transparent\n      );\n  }\n\n  :host([focused-visible]) .field__input-wrapper {\n    border-color: var(\n      --hx-input-focus-ring-color,\n      var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa))\n    );\n    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)\n      color-mix(\n        in srgb,\n        var(\n            --hx-input-focus-ring-color,\n            var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa))\n          )\n          calc(var(--hx-focus-ring-opacity, 0.25) * 100%),\n        transparent\n      );\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--hx-space-1, 0.25rem);\n    font-family: var(--hx-input-font-family, var(--hx-font-family-sans, sans-serif));\n  }\n\n  /* ─── Label ─── */\n\n  .field__label-wrapper {\n    display: contents;\n  }\n\n  .field__label {\n    display: flex;\n    align-items: baseline;\n    gap: var(--hx-space-1, 0.25rem);\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    font-weight: var(--hx-font-weight-medium, 500);\n    color: var(--hx-input-label-color, var(--hx-color-neutral-700, #343a40));\n    line-height: var(--hx-line-height-normal, 1.5);\n  }\n\n  .field__required-marker {\n    color: var(--hx-input-error-color, var(--hx-color-error-text, #b91c1c));\n    font-weight: var(--hx-font-weight-bold, 700);\n  }\n\n  /* ─── Input Wrapper ─── */\n\n  .field__input-wrapper {\n    display: flex;\n    align-items: center;\n    border: var(--hx-border-width-thin, 1px) solid\n      var(--hx-input-border-color, var(--hx-color-neutral-300, #ced4da));\n    border-radius: var(--hx-input-border-radius, var(--hx-border-radius-md, 0.375rem));\n    background-color: var(--hx-input-bg, var(--hx-color-neutral-0, #ffffff));\n    transition:\n      border-color var(--hx-transition-fast, 150ms ease),\n      box-shadow var(--hx-transition-fast, 150ms ease);\n    overflow: hidden;\n  }\n\n  .field__input-wrapper:focus-within {\n    border-color: var(\n      --hx-input-focus-ring-color,\n      var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa))\n    );\n    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)\n      color-mix(\n        in srgb,\n        var(\n            --hx-input-focus-ring-color,\n            var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa))\n          )\n          calc(var(--hx-focus-ring-opacity, 0.25) * 100%),\n        transparent\n      );\n  }\n\n  /* ─── Error State ─── */\n\n  .field--error .field__input-wrapper {\n    border-color: var(--hx-input-error-color, var(--hx-color-error-500, #dc3545));\n  }\n\n  .field--error .field__input-wrapper:focus-within {\n    border-color: var(--hx-input-error-color, var(--hx-color-error-500, #dc3545));\n    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)\n      color-mix(\n        in srgb,\n        var(--hx-input-error-color, var(--hx-color-error-500, #dc3545))\n          calc(var(--hx-focus-ring-opacity, 0.25) * 100%),\n        transparent\n      );\n  }\n\n  /* ─── Slots (Prefix / Suffix) ─── */\n\n  .field__prefix,\n  .field__suffix {\n    display: flex;\n    align-items: center;\n    color: var(--hx-color-neutral-500, #6c757d);\n    flex-shrink: 0;\n  }\n\n  /* Only add padding when slot has content — avoids phantom space on empty slots */\n  .field__prefix--filled {\n    padding: 0 var(--hx-space-3, 0.75rem);\n  }\n\n  .field__suffix--filled {\n    padding: 0 var(--hx-space-3, 0.75rem);\n  }\n\n  /* ─── Native Input ─── */\n\n  .field__input {\n    flex: 1;\n    border: none;\n    outline: none;\n    background: transparent;\n    padding: var(--hx-space-2, 0.5rem) var(--hx-space-3, 0.75rem);\n    font-family: inherit;\n    font-size: var(--hx-font-size-md, 1rem);\n    color: var(--hx-input-color, var(--hx-color-neutral-800, #212529));\n    line-height: var(--hx-line-height-normal, 1.5);\n    min-height: var(--hx-size-10, 2.5rem);\n    width: 100%;\n  }\n\n  .field__input::placeholder {\n    color: var(--hx-color-neutral-400, #adb5bd);\n  }\n\n  .field__input:focus-visible {\n    outline: none; /* wrapper ring handles keyboard focus indication */\n  }\n\n  .field__input:disabled {\n    cursor: not-allowed;\n  }\n\n  /* ─── Size Variants ─── */\n\n  .field--size-sm .field__input {\n    padding: var(--hx-space-1, 0.25rem) var(--hx-space-2, 0.5rem);\n    min-height: var(--hx-size-8, 2rem);\n    font-size: var(--hx-input-sm-font-size, 0.875rem);\n  }\n\n  .field--size-md .field__input {\n    /* md is the default — no overrides needed */\n  }\n\n  .field--size-lg .field__input {\n    padding: var(--hx-space-3, 0.75rem) var(--hx-space-4, 1rem);\n    min-height: var(--hx-size-12, 3rem);\n    font-size: var(--hx-input-lg-font-size, 1.125rem);\n  }\n\n  /* ─── Help Text & Error Messages ─── */\n\n  .field__help-text {\n    font-size: var(--hx-font-size-xs, 0.75rem);\n    color: var(--hx-color-neutral-500, #6c757d);\n    line-height: var(--hx-line-height-normal, 1.5);\n  }\n\n  .field__error {\n    font-size: var(--hx-font-size-xs, 0.75rem);\n    color: var(--hx-input-error-color, var(--hx-color-error-text, #b91c1c));\n    line-height: var(--hx-line-height-normal, 1.5);\n  }\n\n  /* ─── Motion ─── */\n\n  @media (prefers-reduced-motion: reduce) {\n    .field__input-wrapper {\n      transition: none;\n    }\n  }\n\n  /* ─── High Contrast Mode (forced-colors) ─── */\n\n  @media (forced-colors: active) {\n    .field__input-wrapper {\n      forced-color-adjust: none;\n      background-color: Field;\n      color: FieldText;\n      border: 2px solid ButtonText;\n    }\n\n    .field__input {\n      color: FieldText;\n    }\n\n    .field__input::placeholder {\n      color: GrayText;\n    }\n\n    .field__input-wrapper:focus-within {\n      border-color: Highlight;\n      box-shadow: none;\n    }\n\n    .field__input:focus-visible {\n      outline: 3px solid Highlight;\n      outline-offset: -3px;\n    }\n\n    :host([disabled]) {\n      opacity: 1;\n    }\n\n    :host([disabled]) .field__input-wrapper {\n      border-color: GrayText;\n      color: GrayText;\n    }\n\n    :host([disabled]) .field__input {\n      color: GrayText;\n    }\n\n    .field--error .field__input-wrapper {\n      border-color: LinkText;\n    }\n\n    .field__label {\n      color: CanvasText;\n    }\n\n    .field__help-text {\n      color: GrayText;\n    }\n\n    .field__error {\n      color: LinkText;\n    }\n  }\n`;\n","import { html, nothing, type PropertyValues } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { HelixElement, createIdCounter } from '../../base/index.js';\nimport { FocusMixin } from '../../mixins/index.js';\nimport { FormMixin } from '../../mixins/FormMixin.js';\nimport { helixTextInputStyles } from './hx-text-input.styles.js';\nimport { devWarn } from '../../utils/dev-warn.js';\n\n// Module-level counter for stable, SSR-compatible IDs (avoids Math.random() hydration mismatch)\nconst _nextTextInputId = createIdCounter('hx-text-input');\n\n/**\n * A text input component with label, validation, and form association.\n * Supports accessible labeling via `label` property, `aria-label` attribute, or the `label` slot.\n * Uses `aria-invalid` and `aria-describedby` on the native input for screen reader support. Native `required` provides implicit aria-required mapping per HTML-AAM.\n * Error messages are announced via `role=\"alert\"`. Keyboard navigation follows native input behavior.\n *\n * @summary Form-associated text input with built-in label, error, and help text.\n *\n * @tag hx-text-input\n *\n * @slot label - Custom label content (overrides the label property). Use for Drupal Form API rendered labels.\n * @slot prefix - Content rendered before the input (e.g., icon).\n * @slot suffix - Content rendered after the input (e.g., icon or button).\n * @slot help-text - Custom help text content (overrides the helpText property).\n * @slot error - Custom error content (overrides the error property). Use for Drupal Form API rendered errors.\n *\n * @fires {CustomEvent<{value: string}>} hx-input - Dispatched on every keystroke as the user types.\n * @fires {CustomEvent<{value: string}>} hx-change - Dispatched when the input loses focus after its value changed.\n *\n * @csspart field - The outer field container.\n * @csspart label - The label element.\n * @csspart input-wrapper - The wrapper around prefix, input, and suffix.\n * @csspart input - The native input element.\n * @csspart help-text - The help text container.\n * @csspart error - The error message container.\n *\n * @cssprop [--hx-input-bg=var(--hx-color-neutral-0)] - Input background color.\n * @cssprop [--hx-input-color=var(--hx-color-neutral-800)] - Input text color.\n * @cssprop [--hx-input-border-color=var(--hx-color-neutral-300)] - Input border color.\n * @cssprop [--hx-input-border-radius=var(--hx-border-radius-md)] - Input border radius.\n * @cssprop [--hx-input-font-family=var(--hx-font-family-sans)] - Input font family.\n * @cssprop [--hx-input-focus-ring-color=var(--hx-focus-ring-color)] - Focus ring color.\n * @cssprop [--hx-input-error-color=var(--hx-color-error-500)] - Error state color.\n * @cssprop [--hx-input-label-color=var(--hx-color-neutral-700)] - Label text color.\n * @cssprop [--hx-input-sm-font-size=0.875rem] - Font size for the sm size variant.\n * @cssprop [--hx-input-lg-font-size=1.125rem] - Font size for the lg size variant.\n */\n@customElement('hx-text-input')\nexport class HelixTextInput extends FocusMixin(FormMixin(HelixElement)) {\n  static override styles = [helixTextInputStyles];\n\n  // ─── Form Association ───\n\n  /** @internal */\n  static override formAssociated = true;\n\n  // ─── Properties ───\n\n  /**\n   * The visible label text for the input.\n   * @attr label\n   */\n  @property({ type: String })\n  label = '';\n\n  /**\n   * Placeholder text shown when the input is empty.\n   * @attr placeholder\n   */\n  @property({ type: String })\n  placeholder = '';\n\n  /**\n   * The current value of the input.\n   * @attr value\n   * @remarks When `null` is passed programmatically, Lit coerces it to an empty string.\n   *   This is expected behavior — the input treats null as equivalent to an empty string value.\n   */\n  @property({ type: String })\n  value = '';\n\n  /**\n   * The type of the native input element.\n   * @attr type\n   */\n  @property({ type: String })\n  type: 'text' | 'email' | 'password' | 'tel' | 'url' | 'search' | 'number' | 'date' = 'text';\n\n  /**\n   * Whether the input is required for form submission.\n   * @attr required\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * Whether the input is disabled.\n   * @attr disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Error message to display. When set, the input enters an error state.\n   * @attr error\n   */\n  @property({ type: String })\n  error = '';\n\n  /**\n   * Help text displayed below the input for guidance.\n   * @attr help-text\n   */\n  @property({ type: String, attribute: 'help-text' })\n  helpText = '';\n\n  /**\n   * The name of the input, used for form submission.\n   * @attr name\n   */\n  @property({ type: String, reflect: true })\n  name = '';\n\n  /**\n   * Accessible name for screen readers, if different from the visible label.\n   * @attr aria-label\n   */\n  @property({ type: String, attribute: 'aria-label' })\n  override ariaLabel: string | null = null;\n\n  /**\n   * Whether the input is read-only.\n   * @attr readonly\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * Minimum number of characters allowed.\n   * @attr minlength\n   */\n  @property({ type: Number })\n  minlength: number | undefined = undefined;\n\n  /**\n   * Maximum number of characters allowed.\n   * @attr maxlength\n   */\n  @property({ type: Number })\n  maxlength: number | undefined = undefined;\n\n  /**\n   * A regular expression pattern the value must match for form validation.\n   * @attr pattern\n   */\n  @property({ type: String })\n  pattern = '';\n\n  /**\n   * Hint for the browser's autocomplete feature. Accepts standard HTML autocomplete values.\n   * @attr autocomplete\n   */\n  @property({ type: String })\n  autocomplete = '';\n\n  /**\n   * Validation message shown when the field is required but empty.\n   * @attr required-message\n   */\n  @property({ attribute: 'required-message' })\n  requiredMessage = 'This field is required.';\n\n  /**\n   * Visual size of the input field.\n   * @attr hx-size\n   */\n  @property({ type: String, attribute: 'hx-size', reflect: true })\n  size: 'sm' | 'md' | 'lg' = 'md';\n\n  // ─── Internal References ───\n\n  /** @internal */\n  @query('.field__input')\n  private _input: HTMLInputElement | undefined;\n\n  // ─── FocusMixin integration ───\n\n  /**\n   * Declares the inner focusable element for FocusMixin delegation.\n   * @internal\n   */\n  protected get _focusableNode(): HTMLElement | null {\n    return this._input ?? null;\n  }\n\n  // ─── Slot Tracking ───\n\n  /** @internal */\n  @state() private _hasLabelSlot = false;\n  /** @internal */\n  @state() private _hasErrorSlot = false;\n  /** @internal */\n  @state() private _hasPrefixSlot = false;\n  /** @internal */\n  @state() private _hasSuffixSlot = false;\n  /** @internal */\n  @state() private _hasHelpTextSlot = false;\n\n  /** @internal */\n  private _handleLabelSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasLabelSlot = slot.assignedElements().length > 0;\n    if (this._hasLabelSlot) {\n      const slottedLabel = slot.assignedElements()[0];\n      if (slottedLabel && !slottedLabel.id) {\n        slottedLabel.id = `${this._inputId}-slotted-label`;\n      }\n    }\n  }\n\n  /** @internal */\n  private _handleErrorSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasErrorSlot = slot.assignedElements().length > 0;\n  }\n\n  /** @internal */\n  private _handlePrefixSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasPrefixSlot = slot.assignedElements().length > 0;\n  }\n\n  /** @internal */\n  private _handleSuffixSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasSuffixSlot = slot.assignedElements().length > 0;\n  }\n\n  /** @internal */\n  private _handleHelpTextSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasHelpTextSlot = slot.assignedElements().length > 0;\n  }\n\n  // ─── Lifecycle ───\n\n  override updated(changedProperties: PropertyValues<this>): void {\n    super.updated(changedProperties);\n    if (changedProperties.has('value')) {\n      this._internals.setFormValue(this.value);\n    }\n    if (\n      (changedProperties.has('value') || changedProperties.has('type')) &&\n      this.type === 'number' &&\n      this.value !== '' &&\n      isNaN(Number(this.value))\n    ) {\n      devWarn(\n        'hx-text-input',\n        `type=\"number\" received non-numeric value \"${this.value}\". Browser will display empty input.`,\n      );\n    }\n  }\n\n  // ─── Form Integration ───\n\n  /** Returns the associated form element, if any. */\n  override get form(): HTMLFormElement | null {\n    return this._internals.form;\n  }\n\n  /** Returns the validation message. */\n  override get validationMessage(): string {\n    return this._internals.validationMessage;\n  }\n\n  /** Returns the ValidityState object. */\n  override get validity(): ValidityState {\n    return this._internals.validity;\n  }\n\n  /** @internal */\n  protected _updateValidity(): void {\n    if (this.required && !this.value) {\n      this._internals.setValidity(\n        { valueMissing: true },\n        this.error || this.requiredMessage,\n        this._input,\n      );\n    } else if (\n      this.minlength !== undefined &&\n      this.value.length > 0 &&\n      this.value.length < this.minlength\n    ) {\n      this._internals.setValidity(\n        { tooShort: true },\n        this.error || `Please lengthen this text to ${this.minlength} characters or more.`,\n        this._input,\n      );\n    } else if (this.maxlength !== undefined && this.value.length > this.maxlength) {\n      this._internals.setValidity(\n        { tooLong: true },\n        this.error || `Please shorten this text to ${this.maxlength} characters or fewer.`,\n        this._input,\n      );\n    } else {\n      this._internals.setValidity({});\n    }\n  }\n\n  // ─── Form Lifecycle Hooks ───\n\n  protected override _onFormReset(): void {\n    this.value = '';\n    this._internals.setFormValue('');\n    this._resetInteractionState();\n  }\n\n  protected override _onFormStateRestore(\n    state: File | string | FormData | null,\n    _mode: 'restore' | 'autocomplete',\n  ): void {\n    if (typeof state === 'string') {\n      this.value = state;\n    }\n  }\n\n  protected override _onFormDisabled(disabled: boolean): void {\n    this.disabled = disabled;\n  }\n\n  // ─── Event Handling ───\n\n  /** @internal */\n  private _handleInput(e: Event): void {\n    const target = e.target as HTMLInputElement;\n    this.value = target.value;\n    this._internals.setFormValue(this.value);\n    this._handleInteractionInput();\n\n    /**\n     * Dispatched on every keystroke as the user types.\n     * @event hx-input\n     */\n    this.dispatchEvent(\n      new CustomEvent<{ value: string }>('hx-input', {\n        bubbles: true,\n        composed: true,\n        detail: { value: this.value },\n      }),\n    );\n  }\n\n  /** @internal */\n  private _handleChange(e: Event): void {\n    const target = e.target as HTMLInputElement;\n    this.value = target.value;\n    this._internals.setFormValue(this.value);\n    this._handleInteractionBlur();\n\n    /**\n     * Dispatched when the input loses focus after its value changed.\n     * @event hx-change\n     */\n    this.dispatchEvent(\n      new CustomEvent<{ value: string }>('hx-change', {\n        bubbles: true,\n        composed: true,\n        detail: { value: this.value },\n      }),\n    );\n  }\n\n  // ─── Public Methods ───\n\n  /** Selects all text in the input. */\n  select(): void {\n    this._input?.select();\n  }\n\n  // ─── Render ───\n\n  /** @internal */\n  private _inputId = _nextTextInputId();\n  /** @internal */\n  private _helpTextId = `${this._inputId}-help`;\n  /** @internal */\n  private _errorId = `${this._inputId}-error`;\n\n  override render() {\n    const hasError = !!this.error || this._hasErrorSlot;\n\n    const fieldClasses = {\n      field: true,\n      'field--error': hasError,\n      'field--disabled': this.disabled,\n      'field--required': this.required,\n      [`field--size-${this.size}`]: true,\n    };\n\n    const describedBy =\n      [\n        hasError ? this._errorId : null,\n        this.helpText || this._hasHelpTextSlot ? this._helpTextId : null,\n      ]\n        .filter(Boolean)\n        .join(' ') || undefined;\n\n    return html`\n      <div part=\"field\" class=${classMap(fieldClasses)}>\n        <div class=\"field__label-wrapper\">\n          <slot name=\"label\" @slotchange=${this._handleLabelSlotChange}>\n            ${this.label\n              ? html`\n                  <label part=\"label\" class=\"field__label\" for=${this._inputId}>\n                    ${this.label}\n                    ${this.required\n                      ? html`<span class=\"field__required-marker\" aria-hidden=\"true\">*</span>`\n                      : nothing}\n                  </label>\n                `\n              : nothing}\n          </slot>\n        </div>\n\n        <div part=\"input-wrapper\" class=\"field__input-wrapper\">\n          <span\n            class=${classMap({\n              field__prefix: true,\n              'field__prefix--filled': this._hasPrefixSlot,\n            })}\n          >\n            <slot name=\"prefix\" @slotchange=${this._handlePrefixSlotChange}></slot>\n          </span>\n\n          <input\n            part=\"input\"\n            class=\"field__input\"\n            id=${this._inputId}\n            type=${this.type}\n            .value=${live(this.value)}\n            placeholder=${ifDefined(this.placeholder || undefined)}\n            ?required=${this.required}\n            ?disabled=${this.disabled}\n            ?readonly=${this.readonly}\n            name=${ifDefined(this.name || undefined)}\n            minlength=${ifDefined(this.minlength)}\n            maxlength=${ifDefined(this.maxlength)}\n            pattern=${ifDefined(this.pattern || undefined)}\n            autocomplete=${ifDefined(this.autocomplete || undefined)}\n            aria-label=${ifDefined(this.ariaLabel || undefined)}\n            aria-labelledby=${ifDefined(\n              this._hasLabelSlot ? `${this._inputId}-slotted-label` : undefined,\n            )}\n            aria-invalid=${hasError ? 'true' : nothing}\n            aria-describedby=${ifDefined(describedBy)}\n            @input=${this._handleInput}\n            @change=${this._handleChange}\n          />\n\n          <span\n            class=${classMap({\n              field__suffix: true,\n              'field__suffix--filled': this._hasSuffixSlot,\n            })}\n          >\n            <slot name=\"suffix\" @slotchange=${this._handleSuffixSlotChange}></slot>\n          </span>\n        </div>\n\n        ${hasError\n          ? html`<div\n              part=\"error\"\n              class=\"field__error\"\n              id=${this._errorId}\n              role=\"alert\"\n              aria-atomic=\"true\"\n            >\n              <slot name=\"error\" @slotchange=${this._handleErrorSlotChange}>${this.error}</slot>\n            </div>`\n          : html`<slot name=\"error\" @slotchange=${this._handleErrorSlotChange}></slot>`}\n        ${this._hasHelpTextSlot\n          ? html`\n              <div part=\"help-text\" class=\"field__help-text\" id=${this._helpTextId}>\n                <slot name=\"help-text\" @slotchange=${this._handleHelpTextSlotChange}>\n                  ${this.helpText}\n                </slot>\n              </div>\n            `\n          : this.helpText && !hasError\n            ? html`\n                <div part=\"help-text\" class=\"field__help-text\" id=${this._helpTextId}>\n                  <slot name=\"help-text\" @slotchange=${this._handleHelpTextSlotChange}>\n                    ${this.helpText}\n                  </slot>\n                </div>\n              `\n            : html`<slot name=\"help-text\" @slotchange=${this._handleHelpTextSlotChange}></slot>`}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-text-input': HelixTextInput;\n  }\n  interface HTMLElementEventMap {\n    'hx-input': CustomEvent<{ value: string }>;\n    'hx-change': CustomEvent<{ value: string } | { checked: boolean; value: string }>;\n  }\n}\n\n/** Primary type alias for hx-text-input */\nexport type HxTextInput = HelixTextInput;\n\n/** @deprecated Use HxTextInput instead */\nexport type WcTextInput = HelixTextInput;\n"],"names":["FocusMixin","superClass","FocusMixinClass","options","node","_a","changedProperties","__decorateClass","property","helixTextInputStyles","css","_nextTextInputId","createIdCounter","HelixTextInput","FormMixin","HelixElement","slot","slottedLabel","devWarn","state","_mode","disabled","target","hasError","fieldClasses","describedBy","html","classMap","nothing","live","ifDefined","query","customElement"],"mappings":"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"}