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

package/dist/components/navigation/breadcrumb/breadcrumb-item.js

@@ -1,130 +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, property, queryAssignedElements, } from "lit/decorators.js";
-import { html, LitElement, nothing } from "lit";
-import { classMap } from "lit/directives/class-map.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { breadcrumbItemStyles } from "./breadcrumb-item.styles.js";
-import { handleLinkNavigation } from "../../../utils/navigation.utils.js";
-/**
- * Tag name of the breadcrumb item component.
- */
-export const EunomiaBreadcrumbItemTagName = "eun-breadcrumb-item";
-/**
- * A single, freely composable step for a breadcrumb, used instead of or
- * alongside the items array when a step's content needs more than plain
- * text, such as an icon or a badge. It must be placed inside a breadcrumb,
- * and reuses the same CSS custom properties so both authoring styles stay
- * visually consistent, including the separator between steps, which each
- * item renders on its own and hides automatically when it ends up last.
- *
- * @slot [default] - The step's label content
- * @slot [icon] - Replaces the leading icon entirely with any content, not just an icon element. Falls back to icon when empty
- * @prop {string} [href] - The URL this step links to. Renders as plain, unlinked text when unset, such as a category that groups pages but isn't itself a page
- * @prop {boolean} [current=false] - Marks this as the trail's current, unlinked page, regardless of href
- * @prop {EunomiaIconName} [icon] - An optional leading icon shown before the slotted label. Purely decorative, so it never substitutes for the label's own visible text
- * @fires {NavigationEvent} eunnavigate - Fired before following the step's link, so a client-side router can intercept the navigation. Cancelable
- * @element eun-breadcrumb-item
- */
-let EunomiaBreadcrumbItem = class EunomiaBreadcrumbItem extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Marks this as the trail's current, unlinked page, regardless of
-         * `href`.
-         * @default false
-         */
-        this.current = false;
-        /**
-         * Re-renders when the `icon` slot's assigned content changes, so the
-         * `icon` prop fallback correctly appears/disappears as content is
-         * slotted in or removed after the initial render.
-         * @private
-         */
-        this.handleIconSlotChange = () => {
-            this.requestUpdate();
-        };
-    }
-    /**
-     * Dispatches `eunnavigate` before the browser follows the link, so an
-     * SPA router can take over the navigation.
-     * @private
-     */
-    handleClick(event) {
-        handleLinkNavigation(this, event, this.href);
-    }
-    connectedCallback() {
-        super.connectedCallback?.();
-        if (!this.hasAttribute("role")) {
-            this.setAttribute("role", "listitem");
-        }
-    }
-    render() {
-        const ariaLabel = ifDefined(this.ariaLabel ?? undefined);
-        const icon = html `
-      <slot
-        name="icon"
-        class=${classMap({
-            "has-icon": !!this.icon || !!this.iconSlotEls?.length,
-        })}
-        @slotchange=${this.handleIconSlotChange}
-      >
-        ${this.icon
-            ? html `<eun-icon name=${this.icon} size="14"></eun-icon>`
-            : nothing}
-      </slot>
-    `;
-        let label;
-        if (this.current) {
-            label = html `<span id="label" aria-current="page" aria-label=${ariaLabel}
-        >${icon}<slot></slot
-      ></span>`;
-        }
-        else if (this.href) {
-            label = html `<a
-        id="label"
-        href=${this.href}
-        aria-label=${ariaLabel}
-        @click=${this.handleClick}
-        >${icon}<slot></slot
-      ></a>`;
-        }
-        else {
-            label = html `<span id="label" aria-label=${ariaLabel}
-        >${icon}<slot></slot
-      ></span>`;
-        }
-        return html `
-      ${label}
-      <span id="separator" aria-hidden="true"></span>
-    `;
-    }
-};
-/**
- * Styles to import to the component.
- *
- * @static
- * @internal
- * @readonly
- */
-EunomiaBreadcrumbItem.styles = [breadcrumbItemStyles];
-__decorate([
-    property()
-], EunomiaBreadcrumbItem.prototype, "href", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], EunomiaBreadcrumbItem.prototype, "current", void 0);
-__decorate([
-    property()
-], EunomiaBreadcrumbItem.prototype, "icon", void 0);
-__decorate([
-    queryAssignedElements({ slot: "icon" })
-], EunomiaBreadcrumbItem.prototype, "iconSlotEls", void 0);
-EunomiaBreadcrumbItem = __decorate([
-    customElement(EunomiaBreadcrumbItemTagName)
-], EunomiaBreadcrumbItem);
-export { EunomiaBreadcrumbItem };

package/dist/components/navigation/breadcrumb/breadcrumb-item.styles.d.ts

@@ -1,6 +0,0 @@
-/**
- * Base style for the breadcrumb item component.
- * Reuses the same custom css variables as `eun-breadcrumb` so both
- * authoring styles stay visually consistent.
- */
-export declare const breadcrumbItemStyles: import("lit").CSSResult;

package/dist/components/navigation/breadcrumb/breadcrumb-item.styles.js

@@ -1,78 +0,0 @@
-import { css } from "lit";
-/**
- * Base style for the breadcrumb item component.
- * Reuses the same custom css variables as `eun-breadcrumb` so both
- * authoring styles stay visually consistent.
- */
-export const breadcrumbItemStyles = css `
-  :host {
-    display: inline-flex;
-    align-items: center;
-    font-family: var(--eun-font-family, "Mulish", sans-serif);
-    font-size: var(--eun-font-size-s, 14px);
-  }
-  #label {
-    max-width: var(--breadcrumb-item-max-width, 240px);
-    display: inline-block;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    vertical-align: middle;
-  }
-  #label slot[name="icon"] {
-    display: none;
-  }
-  #label slot[name="icon"].has-icon {
-    display: contents;
-  }
-  #label eun-icon,
-  ::slotted(eun-icon) {
-    display: inline-flex;
-    vertical-align: middle;
-    margin-inline-end: var(--eun-space-xxs, 1.6px);
-    margin-block-end: 3px;
-  }
-  a#label {
-    color: var(--breadcrumb-link-color, var(--eun-color-primary-500, #3d6fff));
-    text-decoration: none;
-    border-radius: var(--eun-border-radius-s, 5px);
-    outline: 2px solid transparent;
-    transition:
-      color var(--breadcrumb-transition-duration, 0.2s) ease-out,
-      outline 0.2s ease-out;
-  }
-  a#label:hover,
-  a#label:focus-visible {
-    color: var(
-      --breadcrumb-link-color-hover,
-      var(--eun-color-primary-700, #3662e0)
-    );
-    text-decoration: underline;
-  }
-  a#label:focus-visible {
-    text-decoration: none;
-    outline-color: var(
-      --breadcrumb-focus-outline-color,
-      var(--eun-color-primary-500, #3d6fff)
-    );
-    outline-offset: 2px;
-  }
-  span#label {
-    color: var(--breadcrumb-current-color, var(--eun-text-secondary, #484e61));
-    font-weight: var(--eun-font-weight-m, 500);
-  }
-  #separator {
-    margin-inline: var(--breadcrumb-separator-gap, var(--eun-space-s, 8px));
-    color: var(
-      --breadcrumb-separator-color,
-      var(--eun-text-secondary, #484e61)
-    );
-    user-select: none;
-  }
-  #separator::before {
-    content: var(--breadcrumb-separator, "/");
-  }
-  :host(:last-of-type) #separator {
-    display: none;
-  }
-`;

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;
-    }
-}