@eunomia/elements 1.0.0-beta.5 → 1.0.0-beta.6

package/dist/features/table/native-table.css

@@ -1,276 +0,0 @@
-/**
- * A lightweight, semantic-<table>-based visual skin for teams that want
- * eun-table's own look and feel without its custom-element/JS behavior
- * (selection, roving-tabindex, CSS Subgrid, the floating action bar) — pure
- * CSS, applied directly to your own native <table> markup. No selection,
- * no action bar, no roving-tabindex grid pattern : whatever native <table>
- * semantics and Tab order the browser already gives you for free.
- *
- * Usage — give every header <th> its own `scope="col"` (this stylesheet is
- * visual only ; it can't add that for you, but a plain <table> needs it for
- * assistive tech to associate each column's cells with its header) :
- *
- *   <table class="eun-table">
- *     <thead>
- *       <tr><th scope="col">Name</th><th scope="col">Status</th></tr>
- *     </thead>
- *     <tbody>
- *       <tr><td>Ada Lovelace</td><td>Active</td></tr>
- *     </tbody>
- *   </table>
- *
- * Sticky header / sticky first or last column : add the matching modifier
- * class, and wrap the table in a `.eun-table-scroll` element with a bounded
- * height — unlike <eun-table>'s own :host (an ordinary element, not a
- * <table>), a plain <table>'s own `overflow`/`max-height` are not enough on
- * their own to make *it* a scroll container in every browser, so the
- * wrapper is what actually scrolls :
- *
- *   <div class="eun-table-scroll" style="max-height: 320px;">
- *     <table class="eun-table eun-table--sticky-header eun-table--sticky-first-column">
- *       ...
- *     </table>
- *   </div>
- *
- * Selected row : add `aria-selected="true"` (or the `.is-selected` class)
- * to a <tr> yourself — there is no built-in selection behavior here, this
- * is a pure visual skin.
- *
- * Pinned bottom row (e.g. a totals row) : add `.eun-table-pinned-bottom` to
- * that <tr>.
- *
- * Column widths : the table uses `table-layout: fixed` (matching
- * <eun-table>'s own explicit-track column sizing, rather than a native
- * table's usual content-based auto layout), so give it a <colgroup> to
- * actually control them — an unsized <col> shares the remaining space
- * evenly with every other unsized one, the same "explicit width, or a
- * flexible share of what's left" model `eun-table-column`'s own `width`
- * follows :
- *
- *   <table class="eun-table">
- *     <colgroup>
- *       <col />
- *       <col style="width: 120px" />
- *     </colgroup>
- *     <thead>...
- *
- * Shares the exact same custom property names as <eun-table> itself
- * (--table-border-color, --table-background, --table-header-background,
- * --table-row-hover-background, --table-row-selected-background,
- * --table-sticky-row-background, --table-sticky-column-background,
- * --table-sticky-border-color, --table-column-border-color,
- * --table-max-height) — one theme override applies across every
- * composition method you use. --table-sticky-row-background tints
- * .eun-table-pinned-bottom ; --table-sticky-column-background tints every
- * sticky first/last-column cell (both --sticky-first-column/
- * --sticky-last-column's own <th>/<td>). --table-column-border-color adds a
- * vertical divider between every <th>/<td>, transparent (none) by default ;
- * --table-sticky-border-color recolors the sticky header's own bottom edge
- * and the pinned row's own top edge (both fall back to --table-border-color)
- * and adds a divider on a sticky column's own inner edge (falls back to
- * --table-column-border-color, then transparent).
- */
-
-.eun-table {
-  width: 100%;
-  overflow: clip;
-  table-layout: fixed;
-  border-collapse: separate;
-  border-spacing: 0;
-  box-sizing: border-box;
-  border: var(--eun-border-width-s, 1px) solid
-    var(--table-border-color, var(--eun-border-color, #dee0e7));
-  border-radius: var(--eun-border-radius-m, 10px);
-  background: var(--table-background, var(--eun-surface-color, #ffffff));
-  font-family: var(--eun-font-family, "'Mulish', sans-serif");
-  font-size: var(--eun-font-size-s, 13px);
-  color: var(--eun-text-color, #071621);
-}
-
-.eun-table-scroll {
-  overflow: auto;
-  max-height: var(--table-max-height, none);
-  border-radius: var(--eun-border-radius-m, 10px);
-}
-
-.eun-table caption {
-  caption-side: top;
-  text-align: left;
-  padding: var(--eun-space-s, 8px) var(--eun-space-m, 16px);
-  font-weight: var(--eun-font-weight-m, 500);
-}
-
-.eun-table th,
-.eun-table td {
-  padding: var(--eun-space-s, 8px) var(--eun-space-m, 16px);
-  text-align: left;
-  border-bottom: var(--eun-border-width-s, 1px) solid
-    var(--table-border-color, var(--eun-border-color, #dee0e7));
-  border-right: var(--eun-border-width-s, 1px) solid
-    var(--table-column-border-color, transparent);
-}
-
-.eun-table tbody tr:last-child td {
-  border-bottom: none;
-}
-
-.eun-table thead th {
-  background: var(--table-header-background, var(--eun-surface-color, #ffffff));
-  font-weight: var(--eun-font-weight-m, 500);
-  color: var(--eun-text-secondary, #484e61);
-}
-
-.eun-table tbody tr {
-  background: var(--table-background, var(--eun-surface-color, #ffffff));
-  transition: background-color 150ms ease;
-}
-
-.eun-table tbody tr:hover {
-  background: var(
-    --table-row-hover-background,
-    var(--eun-content-hover, #edeff0)
-  );
-}
-
-.eun-table tbody tr[aria-selected="true"],
-.eun-table tbody tr.is-selected {
-  background: var(
-    --table-row-selected-background,
-    var(--eun-color-primary-bg-hover, rgba(18, 123, 185, 0.08))
-  );
-}
-
-.eun-table--sticky-header thead th {
-  position: sticky;
-  top: 0;
-  z-index: 3;
-  border-bottom-color: var(
-    --table-sticky-border-color,
-    var(--table-border-color, var(--eun-border-color, #dee0e7))
-  );
-}
-
-.eun-table--sticky-first-column th:first-child {
-  position: sticky;
-  left: 0;
-  z-index: 1;
-  background: var(
-    --table-sticky-column-background,
-    var(--table-header-background, var(--eun-surface-color, #ffffff))
-  );
-  border-right-color: var(
-    --table-sticky-border-color,
-    var(--table-column-border-color, transparent)
-  );
-}
-
-.eun-table--sticky-first-column td:first-child {
-  position: sticky;
-  left: 0;
-  z-index: 1;
-  background: var(
-    --table-sticky-column-background,
-    var(--table-background, var(--eun-surface-color, #ffffff))
-  );
-  border-right-color: var(
-    --table-sticky-border-color,
-    var(--table-column-border-color, transparent)
-  );
-  transition: background-color 150ms ease;
-}
-
-.eun-table--sticky-first-column tr:hover td:first-child {
-  background: var(
-    --table-row-hover-background,
-    var(--eun-content-hover, #edeff0)
-  );
-}
-
-.eun-table--sticky-first-column tr[aria-selected="true"] td:first-child,
-.eun-table--sticky-first-column tr.is-selected td:first-child {
-  background: var(
-    --table-row-selected-background,
-    var(--eun-color-primary-bg-hover, rgba(18, 123, 185, 0.08))
-  );
-}
-
-.eun-table--sticky-header.eun-table--sticky-first-column thead th:first-child {
-  z-index: 4;
-}
-
-.eun-table--sticky-last-column th:last-child {
-  position: sticky;
-  right: 0;
-  z-index: 1;
-  background: var(
-    --table-sticky-column-background,
-    var(--table-header-background, var(--eun-surface-color, #ffffff))
-  );
-  border-left: var(--eun-border-width-s, 1px) solid
-    var(
-      --table-sticky-border-color,
-      var(--table-column-border-color, transparent)
-    );
-}
-
-.eun-table--sticky-last-column td:last-child {
-  position: sticky;
-  right: 0;
-  z-index: 1;
-  background: var(
-    --table-sticky-column-background,
-    var(--table-background, var(--eun-surface-color, #ffffff))
-  );
-  border-left: var(--eun-border-width-s, 1px) solid
-    var(
-      --table-sticky-border-color,
-      var(--table-column-border-color, transparent)
-    );
-  transition: background-color 150ms ease;
-}
-
-.eun-table--sticky-last-column tr:hover td:last-child {
-  background: var(
-    --table-row-hover-background,
-    var(--eun-content-hover, #edeff0)
-  );
-}
-
-.eun-table--sticky-last-column tr[aria-selected="true"] td:last-child,
-.eun-table--sticky-last-column tr.is-selected td:last-child {
-  background: var(
-    --table-row-selected-background,
-    var(--eun-color-primary-bg-hover, rgba(18, 123, 185, 0.08))
-  );
-}
-
-.eun-table--sticky-header.eun-table--sticky-last-column thead th:last-child {
-  z-index: 4;
-}
-
-.eun-table tbody tr.eun-table-pinned-bottom td {
-  position: sticky;
-  bottom: 0;
-  z-index: 2;
-  background: var(
-    --table-sticky-row-background,
-    var(--table-background, var(--eun-surface-color, #ffffff))
-  );
-  border-top: var(--eun-border-width-s, 1px) solid
-    var(
-      --table-sticky-border-color,
-      var(--table-border-color, var(--eun-border-color, #dee0e7))
-    );
-}
-
-.eun-table--sticky-first-column tbody tr.eun-table-pinned-bottom td:first-child,
-.eun-table--sticky-last-column tbody tr.eun-table-pinned-bottom td:last-child {
-  z-index: 2;
-  background: var(
-    --table-sticky-row-background,
-    var(
-      --table-sticky-column-background,
-      var(--table-background, var(--eun-surface-color, #ffffff))
-    )
-  );
-}

package/dist/features/table/shared-styles/table-row.styles.d.ts

@@ -1,7 +0,0 @@
-/**
- * Shared CSS between `eun-table-header` and `eun-table-item` : both are
- * "rows" of `eun-table`'s outer CSS Grid, and both use a CSS Subgrid
- * `:host` so their own cells land in the exact same column tracks as every
- * other row — see `eun-table`'s own class doc for the full mechanism.
- */
-export declare const tableRowStyles: import("lit").CSSResult;

package/dist/features/table/shared-styles/table-row.styles.js

@@ -1,47 +0,0 @@
-import { css } from "lit";
-/**
- * Shared CSS between `eun-table-header` and `eun-table-item` : both are
- * "rows" of `eun-table`'s outer CSS Grid, and both use a CSS Subgrid
- * `:host` so their own cells land in the exact same column tracks as every
- * other row — see `eun-table`'s own class doc for the full mechanism.
- */
-export const tableRowStyles = css `
-  :host {
-    display: grid;
-    grid-column: 1 / -1;
-    grid-template-columns: subgrid;
-    align-items: stretch;
-    box-sizing: border-box;
-    --_table-select-offset: 0px;
-    --_table-action-offset: 0px;
-  }
-
-  :host([selectable]) {
-    --_table-select-offset: var(--eun-table-select-col-width, 40px);
-    cursor: pointer;
-  }
-
-  :host([has-action]) {
-    --_table-action-offset: var(--eun-table-action-col-width, 56px);
-  }
-
-  #select-cell,
-  #action-cell {
-    display: flex;
-    align-items: center;
-    box-sizing: border-box;
-  }
-
-  #select-cell {
-    justify-content: center;
-  }
-
-  #select-cell eun-checkbox {
-    font-size: calc(var(--checkbox-size, 16px) + 2px);
-  }
-
-  #action-cell {
-    justify-content: flex-end;
-    padding-inline-end: var(--eun-space-m, 16px);
-  }
-`;

package/dist/features/table/shared-styles/table-shared.styles.d.ts

@@ -1,23 +0,0 @@
-/**
- * Stacking-order constants shared by every sticky rule across the table
- * feature (header, pinned row, sticky first/last column, and the corner
- * where a sticky column meets the sticky header) — centralized here so the
- * relative order lives in exactly one place.
- *
- * Two tiers, bottom to top : sticky *positioning* (a first/last sticky
- * column, a `sticky-bottom` row, the sticky header, and the corner where a
- * sticky column meets the sticky header) always wins over the select-cell,
- * which in turn always wins over an ordinary, non-sticky cell — so the
- * select-cell reliably renders in front of scrolling cell content passing
- * beneath it (even while not hovered/focused, since opacity alone doesn't
- * affect stacking) without ever covering an actual sticky element.
- *
- * Custom css variables:
- * [--_table-z-cell] - An ordinary, non-sticky cell
- * [--_table-z-checkbox] - The select-cell (header and item) — always sticky (see table-row.styles.ts) regardless of sticky-first-column ; wins over ordinary cells, but sits below every other sticky layer
- * [--_table-z-sticky-col] - A sticky first/last column cell, in an otherwise non-sticky row
- * [--_table-z-sticky-row] - A `sticky-bottom` row
- * [--_table-z-header] - The sticky header row
- * [--_table-z-corner] - A sticky column cell *inside* the sticky header — the corner ; must win over both
- */
-export declare const tableSharedStyles: import("lit").CSSResult;

package/dist/features/table/shared-styles/table-shared.styles.js

@@ -1,33 +0,0 @@
-import { css } from "lit";
-/**
- * Stacking-order constants shared by every sticky rule across the table
- * feature (header, pinned row, sticky first/last column, and the corner
- * where a sticky column meets the sticky header) — centralized here so the
- * relative order lives in exactly one place.
- *
- * Two tiers, bottom to top : sticky *positioning* (a first/last sticky
- * column, a `sticky-bottom` row, the sticky header, and the corner where a
- * sticky column meets the sticky header) always wins over the select-cell,
- * which in turn always wins over an ordinary, non-sticky cell — so the
- * select-cell reliably renders in front of scrolling cell content passing
- * beneath it (even while not hovered/focused, since opacity alone doesn't
- * affect stacking) without ever covering an actual sticky element.
- *
- * Custom css variables:
- * [--_table-z-cell] - An ordinary, non-sticky cell
- * [--_table-z-checkbox] - The select-cell (header and item) — always sticky (see table-row.styles.ts) regardless of sticky-first-column ; wins over ordinary cells, but sits below every other sticky layer
- * [--_table-z-sticky-col] - A sticky first/last column cell, in an otherwise non-sticky row
- * [--_table-z-sticky-row] - A `sticky-bottom` row
- * [--_table-z-header] - The sticky header row
- * [--_table-z-corner] - A sticky column cell *inside* the sticky header — the corner ; must win over both
- */
-export const tableSharedStyles = css `
-  :host {
-    --_table-z-cell: 0;
-    --_table-z-checkbox: 1;
-    --_table-z-sticky-col: 2;
-    --_table-z-sticky-row: 3;
-    --_table-z-header: 4;
-    --_table-z-corner: 5;
-  }
-`;

package/dist/features/table/table-cell/table-cell.d.ts

@@ -1,59 +0,0 @@
-import { LitElement, TemplateResult } from "lit";
-/**
- * Tag name of the table-cell component.
- */
-export declare const EunomiaTableCellTagName = "eun-table-cell";
-/**
- * A single data cell, slotted into a table item, one per column, in the
- * same order as the table header's table columns. Content is entirely
- * free-form through the default slot: plain text, a tag, an icon, a
- * nested button, anything.
- *
- * Its grid cell role is managed by the owning table item, with nothing
- * else to set up here — unlike `eun-table-item`/`eun-table-header`
- * themselves, this cell is never a `Tab` stop of its own : plain,
- * unmanaged `tabindex`-free content, exactly like a native `<td>`, so
- * native sequential focus reaches whatever's slotted inside it (a
- * button, a link, an input, ...) the same way it would anywhere else on
- * the page, no roving-tabindex bookkeeping needed. Giving this element
- * itself a `tabindex` (even `-1`) would actually break that : Chromium's
- * own sequential focus navigation treats a shadow host carrying an
- * explicit `tabindex` as an opaque stop even at `-1`, skipping past its
- * slotted content entirely rather than descending into it, unlike a
- * shadow host with no `tabindex` attribute at all.
- *
- * @slot [default] - The cell's content, entirely free-form
- * @csspart cell - The cell's own padded content box. Exposed for effects the cell's CSS custom properties don't cover
- * @cssprop [--table-cell-align] - Sets the horizontal alignment of the cell's content, such as center or flex-end
- * @cssprop [--table-cell-color] - Sets the text color
- * @cssprop [--table-column-border-color] - Sets the color of a vertical divider on this cell's trailing edge, between it and the next column. Transparent, with no divider, by default
- * @element eun-table-cell
- */
-export declare class EunomiaTableCell extends LitElement {
-    /**
-     * Styles to import to the component.
-     *
-     * @static
-     * @internal
-     * @readonly
-     */
-    static readonly styles: import("lit").CSSResult;
-    connectedCallback(): void;
-    /**
-     * Renders the cell's content wrapped in an internal `#cell` element that
-     * carries the padding and alignment instead of `:host` itself. `:host`
-     * stays the grid item that `eun-table-item`'s own sticky-column rules
-     * style directly from outside (`::slotted()` reaching `eun-table-cell`'s
-     * own box for `background`/`position: sticky` — see `table-item.styles.ts`),
-     * so it keeps everything those rules depend on ; only padding moves,
-     * since that's what a consumer's own global CSS (a reset like
-     * `* { margin: 0; padding: 0; }`) can otherwise reach and silently
-     * override on `:host` from outside the shadow root.
-     */
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        [EunomiaTableCellTagName]: EunomiaTableCell;
-    }
-}

package/dist/features/table/table-cell/table-cell.js

@@ -1,73 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { customElement } from "lit/decorators.js";
-import { html, LitElement } from "lit";
-import { tableCellStyles } from "./table-cell.styles.js";
-/**
- * Tag name of the table-cell component.
- */
-export const EunomiaTableCellTagName = "eun-table-cell";
-/**
- * A single data cell, slotted into a table item, one per column, in the
- * same order as the table header's table columns. Content is entirely
- * free-form through the default slot: plain text, a tag, an icon, a
- * nested button, anything.
- *
- * Its grid cell role is managed by the owning table item, with nothing
- * else to set up here — unlike `eun-table-item`/`eun-table-header`
- * themselves, this cell is never a `Tab` stop of its own : plain,
- * unmanaged `tabindex`-free content, exactly like a native `<td>`, so
- * native sequential focus reaches whatever's slotted inside it (a
- * button, a link, an input, ...) the same way it would anywhere else on
- * the page, no roving-tabindex bookkeeping needed. Giving this element
- * itself a `tabindex` (even `-1`) would actually break that : Chromium's
- * own sequential focus navigation treats a shadow host carrying an
- * explicit `tabindex` as an opaque stop even at `-1`, skipping past its
- * slotted content entirely rather than descending into it, unlike a
- * shadow host with no `tabindex` attribute at all.
- *
- * @slot [default] - The cell's content, entirely free-form
- * @csspart cell - The cell's own padded content box. Exposed for effects the cell's CSS custom properties don't cover
- * @cssprop [--table-cell-align] - Sets the horizontal alignment of the cell's content, such as center or flex-end
- * @cssprop [--table-cell-color] - Sets the text color
- * @cssprop [--table-column-border-color] - Sets the color of a vertical divider on this cell's trailing edge, between it and the next column. Transparent, with no divider, by default
- * @element eun-table-cell
- */
-let EunomiaTableCell = class EunomiaTableCell extends LitElement {
-    connectedCallback() {
-        super.connectedCallback?.();
-        if (!this.hasAttribute("role")) {
-            this.setAttribute("role", "gridcell");
-        }
-    }
-    /**
-     * Renders the cell's content wrapped in an internal `#cell` element that
-     * carries the padding and alignment instead of `:host` itself. `:host`
-     * stays the grid item that `eun-table-item`'s own sticky-column rules
-     * style directly from outside (`::slotted()` reaching `eun-table-cell`'s
-     * own box for `background`/`position: sticky` — see `table-item.styles.ts`),
-     * so it keeps everything those rules depend on ; only padding moves,
-     * since that's what a consumer's own global CSS (a reset like
-     * `* { margin: 0; padding: 0; }`) can otherwise reach and silently
-     * override on `:host` from outside the shadow root.
-     */
-    render() {
-        return html `<div id="cell" part="cell"><slot></slot></div>`;
-    }
-};
-/**
- * Styles to import to the component.
- *
- * @static
- * @internal
- * @readonly
- */
-EunomiaTableCell.styles = tableCellStyles;
-EunomiaTableCell = __decorate([
-    customElement(EunomiaTableCellTagName)
-], EunomiaTableCell);
-export { EunomiaTableCell };

package/dist/features/table/table-cell/table-cell.styles.d.ts

@@ -1 +0,0 @@
-export declare const tableCellStyles: import("lit").CSSResult;

package/dist/features/table/table-cell/table-cell.styles.js

@@ -1,46 +0,0 @@
-import { css } from "lit";
-/**
- * Style for `eun-table-cell` — a data cell's own padding ; alignment and
- * content are entirely up to whatever's slotted in.
- *
- * Custom css variables:
- * [--table-cell-align] - Set a custom `justify-content`/`text-align` (e.g. `center`, `flex-end`)
- * [--table-cell-color] - Set a custom text color
- * [--table-column-border-color] - Set a color for a vertical divider on this cell's trailing edge, between it and the next column ; transparent (no divider) by default, same variable `eun-table-column`'s own header cell reads
- *
- * `:host` stays the grid item `eun-table-item` styles directly from
- * outside for sticky columns (`::slotted()` setting `background`/
- * `position: sticky` on this element's own box — see
- * `table-item.styles.ts`), so it keeps its box-model/border basics ;
- * `#cell` alone carries the padding, which is the one property a
- * consumer's own global CSS (`* { padding: 0; }`) could otherwise reach
- * and override on `:host` from outside the shadow root.
- */
-const base = css `
-  :host {
-    display: flex;
-    box-sizing: border-box;
-    min-width: 0;
-    border-inline-end: var(--eun-border-width-s, 1px) solid
-      var(--table-column-border-color, transparent);
-  }
-
-  :host(:focus-visible) {
-    outline: 2px solid var(--eun-color-primary-500, #3d6fff);
-    outline-offset: -2px;
-  }
-
-  #cell {
-    display: flex;
-    align-items: center;
-    justify-content: var(--table-cell-align, flex-start);
-    box-sizing: border-box;
-    width: 100%;
-    min-width: 0;
-    padding: var(--eun-space-s, 8px) var(--eun-space-m, 16px);
-    font-size: var(--eun-font-size-s, 13px);
-    color: var(--table-cell-color, var(--eun-text-color, #071621));
-    overflow: hidden;
-  }
-`;
-export const tableCellStyles = base;

package/dist/features/table/table-column/table-column.d.ts

@@ -1,73 +0,0 @@
-import { LitElement, PropertyValues, TemplateResult } from "lit";
-/**
- * Tag name of the table-column component.
- */
-export declare const EunomiaTableColumnTagName = "eun-table-column";
-/**
- * Value of `eun-table-column`'s `sort` property.
- */
-export type EunomiaTableColumnSort = "ascending" | "descending" | "none";
-/**
- * A single header cell, slotted into a table header, one per column, in
- * order. Width feeds directly into the table's shared grid column track
- * list. Label content is entirely free-form, through the default slot.
- *
- * It has no sort behavior of its own: sort is a presentation and
- * accessibility hook only. Wire your own click handler and re-order or
- * re-render your table items to actually sort.
- *
- * Never a `Tab` stop of its own — see `eun-table-cell`'s own class doc
- * for why this deliberately carries no `tabindex` at all, not even
- * `-1` : plain, unmanaged content, so native sequential focus reaches
- * whatever's slotted inside it (a sort button, say) the same way it
- * would anywhere else.
- *
- * @slot [default] - The column header's label content
- * @csspart column - The column's own padded content box. Exposed for effects the column's CSS custom properties don't cover
- * @prop {string} [width] - This column's track size, fed verbatim into the table's shared grid template, such as 120px, 20%, or 1fr. A flexible track is used when unset
- * @prop {'ascending' | 'descending' | 'none'} [sort] - Reflects the sort state to assistive technology. Presentation only
- * @cssprop [--table-column-color] - Sets the text color
- * @cssprop [--table-column-font-weight] - Sets the font weight
- * @cssprop [--table-column-border-color] - Sets the color of a vertical divider on this header cell's trailing edge, between it and the next column. Transparent, with no divider, by default
- * @element eun-table-column
- */
-export declare class EunomiaTableColumn extends LitElement {
-    /**
-     * Styles to import to the component.
-     *
-     * @static
-     * @internal
-     * @readonly
-     */
-    static readonly styles: import("lit").CSSResult;
-    /**
-     * This column's track size, fed verbatim into `eun-table`'s shared grid
-     * template. Reflected as an attribute so `eun-table`'s `MutationObserver`
-     * can react to a live change.
-     */
-    width?: string;
-    /**
-     * Reflects `aria-sort` ; presentation only, see the class doc.
-     */
-    sort?: EunomiaTableColumnSort;
-    connectedCallback(): void;
-    protected updated(changed: PropertyValues): void;
-    /**
-     * Renders the column's content wrapped in an internal `#column` element
-     * that carries the padding and typography instead of `:host` itself.
-     * `:host` stays the grid item that `eun-table-header`'s own sticky-column
-     * rules style directly from outside (`::slotted()` reaching
-     * `eun-table-column`'s own box for `background`/`position: sticky` —
-     * see `table-header.styles.ts`), so it keeps everything those rules
-     * depend on ; only padding/typography move, since that's what a
-     * consumer's own global CSS (a reset like `* { margin: 0; padding: 0; }`)
-     * can otherwise reach and silently override on `:host` from outside the
-     * shadow root.
-     */
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        [EunomiaTableColumnTagName]: EunomiaTableColumn;
-    }
-}