@jsekulowicz/ds-components 0.1.0

package/dist/atoms/table/table-sort-button.js

@@ -0,0 +1,82 @@
+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 { html, svg } from 'lit';
+import { property } from 'lit/decorators.js';
+import { DsElement } from '@jsekulowicz/ds-core';
+import { tableSortButtonStyles } from './table-sort-button.styles.js';
+const ICON_NEUTRAL = svg `<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 6l3-3 3 3"/><path d="M5 10l3 3 3-3"/></svg>`;
+const ICON_ASC = svg `<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 10l4-4 4 4"/></svg>`;
+const ICON_DESC = svg `<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 6l4 4 4-4"/></svg>`;
+function nextDirection(current) {
+    if (current === null) {
+        return 'asc';
+    }
+    if (current === 'asc') {
+        return 'desc';
+    }
+    return null;
+}
+/**
+ * @tag ds-table-sort-button
+ * @summary Button that cycles through sort directions and emits `ds-sort`. Presentation-only; consumer owns state.
+ * @slot default - Optional label for the button (falls back to `column`).
+ * @csspart button - The internal `<button>` element.
+ * @csspart icon - The direction indicator wrapper.
+ * @event ds-sort - Emitted on click with the next direction. Detail: `{ direction: 'asc' | 'desc' | null }`.
+ */
+export class DsTableSortButton extends DsElement {
+    constructor() {
+        super(...arguments);
+        this.direction = null;
+        this.#onClick = () => {
+            const direction = nextDirection(this.direction);
+            this.emit('ds-sort', { detail: { direction } });
+        };
+    }
+    static { this.styles = [...DsElement.styles, tableSortButtonStyles]; }
+    #onClick;
+    #icon() {
+        if (this.direction === 'asc') {
+            return ICON_ASC;
+        }
+        if (this.direction === 'desc') {
+            return ICON_DESC;
+        }
+        return ICON_NEUTRAL;
+    }
+    #ariaLabel() {
+        const name = this.column ? `Sort by ${this.column}` : 'Sort';
+        if (this.direction === 'asc') {
+            return `${name} (ascending)`;
+        }
+        if (this.direction === 'desc') {
+            return `${name} (descending)`;
+        }
+        return name;
+    }
+    render() {
+        return html `
+      <button
+        part="button"
+        type="button"
+        aria-label=${this.#ariaLabel()}
+        aria-pressed=${this.direction !== null ? 'true' : 'false'}
+        @click=${this.#onClick}
+      >
+        <slot></slot>
+        <span class="icon" part="icon">${this.#icon()}</span>
+      </button>
+    `;
+    }
+}
+__decorate([
+    property({ reflect: true })
+], DsTableSortButton.prototype, "direction", void 0);
+__decorate([
+    property()
+], DsTableSortButton.prototype, "column", void 0);
+//# sourceMappingURL=table-sort-button.js.map

package/dist/atoms/table/table-sort-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-sort-button.js","sourceRoot":"","sources":["../../../src/atoms/table/table-sort-button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAA+C,MAAM,KAAK,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAGtE,MAAM,YAAY,GAAG,GAAG,CAAA,0MAA0M,CAAC;AACnO,MAAM,QAAQ,GAAG,GAAG,CAAA,kLAAkL,CAAC;AACvM,MAAM,SAAS,GAAG,GAAG,CAAA,iLAAiL,CAAC;AAEvM,SAAS,aAAa,CAAC,OAA2B;IAChD,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,OAAO,KAAK,CAAC;IACf,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,EAAE,CAAC;QACtB,OAAO,MAAM,CAAC;IAChB,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,OAAO,iBAAkB,SAAQ,SAAS;IAAhD;;QAG+B,cAAS,GAAuB,IAAI,CAAC;QAGlE,aAAQ,GAAG,GAAS,EAAE;YACpB,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAChD,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;IAqCJ,CAAC;aA7CiB,WAAM,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,qBAAqB,CAAC,AAA/C,CAAgD;IAKtE,QAAQ,CAGN;IAEF,KAAK;QACH,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC7B,OAAO,QAAQ,CAAC;QAClB,CAAC;QACD,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,EAAE,CAAC;YAC9B,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,UAAU;QACR,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;QAC7D,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC7B,OAAO,GAAG,IAAI,cAAc,CAAC;QAC/B,CAAC;QACD,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,EAAE,CAAC;YAC9B,OAAO,GAAG,IAAI,eAAe,CAAC;QAChC,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAA;;;;qBAIM,IAAI,CAAC,UAAU,EAAE;uBACf,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBAChD,IAAI,CAAC,QAAQ;;;yCAGW,IAAI,CAAC,KAAK,EAAE;;KAEhD,CAAC;IACJ,CAAC;;AA1C4B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAsC;AACtD;IAAX,QAAQ,EAAE;iDAAiB"}

package/dist/atoms/table/table-sort-button.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const tableSortButtonStyles: import("lit").CSSResult;
+//# sourceMappingURL=table-sort-button.styles.d.ts.map

package/dist/atoms/table/table-sort-button.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-sort-button.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/table/table-sort-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,yBAsCjC,CAAC"}

package/dist/atoms/table/table-sort-button.styles.js

@@ -0,0 +1,41 @@
+import { css } from 'lit';
+export const tableSortButtonStyles = css `
+  :host {
+    display: inline-flex;
+  }
+
+  button {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--ds-space-1);
+    background: transparent;
+    color: inherit;
+    border: 0;
+    padding: 0;
+    font: inherit;
+    cursor: pointer;
+    border-radius: var(--ds-radius-sm);
+  }
+  button:focus-visible {
+    outline: 2px solid var(--ds-color-focus);
+    outline-offset: 2px;
+  }
+  button:hover {
+    color: var(--ds-color-accent);
+  }
+
+  .icon {
+    display: inline-flex;
+    width: 1em;
+    height: 1em;
+    color: var(--ds-color-fg-muted);
+  }
+  :host([direction]) .icon {
+    color: var(--ds-color-accent);
+  }
+  svg {
+    width: 100%;
+    height: 100%;
+  }
+`;
+//# sourceMappingURL=table-sort-button.styles.js.map

package/dist/atoms/table/table-sort-button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-sort-button.styles.js","sourceRoot":"","sources":["../../../src/atoms/table/table-sort-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCvC,CAAC"}

package/dist/atoms/table/table.d.ts

@@ -0,0 +1,35 @@
+import { type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+import type { TableColumn, TableRow, TableSortState } from './types.js';
+/**
+ * @tag ds-table
+ * @summary Data table driven by `rows` + `columns` props with optional clickable rows and header slots.
+ * @slot caption - Table caption rendered above the header.
+ * @slot toolbar - Content placed above the table (filter, search).
+ * @slot footer - Content placed below the table (pagination).
+ * @slot empty - Shown when `rows` is empty.
+ * @slot header-{columnName} - Per-column header override (e.g. inject a ds-table-sort-button).
+ * @event ds-row-click - Emitted when `clickable-rows` is set and a row is activated. Detail: `{ row, index }`.
+ * @csspart table - The internal `<table>` element.
+ * @csspart thead - The `<thead>` element.
+ * @csspart tbody - The `<tbody>` element.
+ * @csspart row - Each body `<tr>`.
+ * @csspart row-clickable - Each body `<tr>` when `clickable-rows` is set.
+ * @csspart cell - Each body `<td>`.
+ * @csspart header-cell - Each header `<th>`.
+ * @csspart caption - The `<caption>` wrapper.
+ * @csspart toolbar - The toolbar wrapper.
+ * @csspart footer - The footer wrapper.
+ * @csspart empty - The empty-state wrapper.
+ */
+export declare class DsTable<T extends TableRow = TableRow> extends DsElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    rows: readonly T[];
+    columns: readonly TableColumn<T>[];
+    sortState: TableSortState | null;
+    clickableRows: boolean;
+    rowKey?: string;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=table.d.ts.map

package/dist/atoms/table/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/atoms/table/table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AASxE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,OAAO,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,CAAE,SAAQ,SAAS;;IACnE,OAAgB,MAAM,4BAAsC;IAE5B,IAAI,EAAE,SAAS,CAAC,EAAE,CAAM;IACxB,OAAO,EAAE,SAAS,WAAW,CAAC,CAAC,CAAC,EAAE,CAAM;IACxC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAQ;IACC,aAAa,UAAS;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;IAsG3C,MAAM,IAAI,cAAc;CAkBlC"}

package/dist/atoms/table/table.js

@@ -0,0 +1,175 @@
+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 { html, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import { DsElement } from '@jsekulowicz/ds-core';
+import { tableStyles } from './table.styles.js';
+const INTERACTIVE_TAGS = new Set([
+    'a', 'button', 'input', 'select', 'textarea', 'label',
+    'ds-button', 'ds-link', 'ds-checkbox', 'ds-radio', 'ds-select',
+    'ds-searchable-select', 'ds-text-field', 'ds-table-sort-button',
+    'ds-table-pagination',
+]);
+/**
+ * @tag ds-table
+ * @summary Data table driven by `rows` + `columns` props with optional clickable rows and header slots.
+ * @slot caption - Table caption rendered above the header.
+ * @slot toolbar - Content placed above the table (filter, search).
+ * @slot footer - Content placed below the table (pagination).
+ * @slot empty - Shown when `rows` is empty.
+ * @slot header-{columnName} - Per-column header override (e.g. inject a ds-table-sort-button).
+ * @event ds-row-click - Emitted when `clickable-rows` is set and a row is activated. Detail: `{ row, index }`.
+ * @csspart table - The internal `<table>` element.
+ * @csspart thead - The `<thead>` element.
+ * @csspart tbody - The `<tbody>` element.
+ * @csspart row - Each body `<tr>`.
+ * @csspart row-clickable - Each body `<tr>` when `clickable-rows` is set.
+ * @csspart cell - Each body `<td>`.
+ * @csspart header-cell - Each header `<th>`.
+ * @csspart caption - The `<caption>` wrapper.
+ * @csspart toolbar - The toolbar wrapper.
+ * @csspart footer - The footer wrapper.
+ * @csspart empty - The empty-state wrapper.
+ */
+export class DsTable extends DsElement {
+    constructor() {
+        super(...arguments);
+        this.rows = [];
+        this.columns = [];
+        this.sortState = null;
+        this.clickableRows = false;
+        this.#onRowClick = (event, row, index) => {
+            if (this.#pathHasInteractiveBeforeRow(event)) {
+                return;
+            }
+            this.emit('ds-row-click', { detail: { row, index } });
+        };
+        this.#onRowKeydown = (event, row, index) => {
+            if (event.key !== 'Enter' && event.key !== ' ') {
+                return;
+            }
+            event.preventDefault();
+            this.emit('ds-row-click', { detail: { row, index } });
+        };
+    }
+    static { this.styles = [...DsElement.styles, tableStyles]; }
+    #onRowClick;
+    #onRowKeydown;
+    #pathHasInteractiveBeforeRow(event) {
+        const path = event.composedPath();
+        for (const node of path) {
+            if (!(node instanceof Element)) {
+                continue;
+            }
+            if (node.tagName === 'TR') {
+                return false;
+            }
+            const tag = node.tagName.toLowerCase();
+            if (INTERACTIVE_TAGS.has(tag)) {
+                return true;
+            }
+            if (node.getAttribute('role') === 'button') {
+                return true;
+            }
+        }
+        return false;
+    }
+    #ariaSort(column) {
+        if (!column.sortable) {
+            return undefined;
+        }
+        if (this.sortState?.name !== column.name || !this.sortState.direction) {
+            return 'none';
+        }
+        return this.sortState.direction === 'asc' ? 'ascending' : 'descending';
+    }
+    #renderCell(column, row, index) {
+        if (column.render) {
+            return column.render(row, index);
+        }
+        const value = row[column.field];
+        return value == null ? '' : String(value);
+    }
+    #renderHeader(column) {
+        const align = column.align ?? 'left';
+        return html `
+      <th
+        part="header-cell"
+        scope="col"
+        class=${`align-${align}`}
+        aria-sort=${this.#ariaSort(column) ?? nothing}
+      >
+        <slot name=${`header-${column.name}`}>${column.label}</slot>
+      </th>
+    `;
+    }
+    #renderRow(row, index) {
+        const clickable = this.clickableRows;
+        return html `
+      <tr
+        part=${clickable ? 'row row-clickable' : 'row'}
+        class=${clickable ? 'clickable' : ''}
+        role=${clickable ? 'button' : nothing}
+        tabindex=${clickable ? 0 : nothing}
+        @click=${clickable ? (e) => this.#onRowClick(e, row, index) : nothing}
+        @keydown=${clickable ? (e) => this.#onRowKeydown(e, row, index) : nothing}
+      >
+        ${this.columns.map(column => html `
+          <td part="cell" class=${`align-${column.align ?? 'left'}`}>
+            ${this.#renderCell(column, row, index)}
+          </td>
+        `)}
+      </tr>
+    `;
+    }
+    #renderBody() {
+        if (this.rows.length === 0) {
+            return html `
+        <tr>
+          <td part="empty" class="empty" colspan=${this.columns.length || 1}>
+            <slot name="empty">No data</slot>
+          </td>
+        </tr>
+      `;
+        }
+        return html `${this.rows.map((row, i) => this.#renderRow(row, i))}`;
+    }
+    render() {
+        return html `
+      <div class="toolbar" part="toolbar"><slot name="toolbar"></slot></div>
+      <div class="scroll">
+        <table part="table">
+          <caption part="caption"><slot name="caption"></slot></caption>
+          <colgroup>
+            ${this.columns.map(col => html `<col style=${col.width ? `width: ${col.width}` : ''} />`)}
+          </colgroup>
+          <thead part="thead">
+            <tr>${this.columns.map(col => this.#renderHeader(col))}</tr>
+          </thead>
+          <tbody part="tbody">${this.#renderBody()}</tbody>
+        </table>
+      </div>
+      <div class="footer" part="footer"><slot name="footer"></slot></div>
+    `;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], DsTable.prototype, "rows", void 0);
+__decorate([
+    property({ attribute: false })
+], DsTable.prototype, "columns", void 0);
+__decorate([
+    property({ attribute: false })
+], DsTable.prototype, "sortState", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'clickable-rows' })
+], DsTable.prototype, "clickableRows", void 0);
+__decorate([
+    property({ attribute: 'row-key' })
+], DsTable.prototype, "rowKey", void 0);
+//# sourceMappingURL=table.js.map

package/dist/atoms/table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/atoms/table/table.ts"],"names":[],"mappings":"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"}

package/dist/atoms/table/table.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const tableStyles: import("lit").CSSResult;
+//# sourceMappingURL=table.styles.d.ts.map

package/dist/atoms/table/table.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/table/table.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBA2FvB,CAAC"}

package/dist/atoms/table/table.styles.js

@@ -0,0 +1,94 @@
+import { css } from 'lit';
+export const tableStyles = css `
+  :host {
+    display: block;
+    width: 100%;
+    color: var(--ds-color-fg);
+    font-family: var(--ds-font-body);
+    font-size: var(--ds-font-size-sm);
+  }
+
+  .toolbar {
+    padding: var(--ds-space-3) 0;
+  }
+  .toolbar:empty {
+    display: none;
+  }
+
+  .scroll {
+    width: 100%;
+    overflow-x: auto;
+    border: 1px solid var(--ds-color-border-subtle);
+    border-radius: var(--ds-radius-md);
+    background: var(--ds-color-bg);
+  }
+
+  table {
+    width: 100%;
+    border-collapse: collapse;
+    text-align: left;
+  }
+
+  caption {
+    caption-side: top;
+    padding: var(--ds-space-3);
+    color: var(--ds-color-fg-muted);
+    text-align: left;
+  }
+  caption:empty {
+    display: none;
+    padding: 0;
+  }
+
+  thead th {
+    background: var(--ds-color-bg-subtle);
+    color: var(--ds-color-fg);
+    font-weight: var(--ds-font-weight-medium);
+    padding: var(--ds-space-3);
+    border-bottom: 1px solid var(--ds-color-border);
+    white-space: nowrap;
+  }
+
+  tbody td {
+    padding: var(--ds-space-3);
+    border-bottom: 1px solid var(--ds-color-border-subtle);
+    vertical-align: middle;
+  }
+
+  tbody tr:last-child td {
+    border-bottom: 0;
+  }
+
+  tbody tr:nth-child(even) td {
+    background: var(--ds-color-bg-subtle);
+  }
+
+  .align-left { text-align: left; }
+  .align-right { text-align: right; }
+  .align-center { text-align: center; }
+
+  tbody tr.clickable {
+    cursor: pointer;
+    outline: none;
+  }
+  tbody tr.clickable:hover td {
+    background: var(--ds-color-bg-muted);
+  }
+  tbody tr.clickable:focus-visible {
+    box-shadow: inset 0 0 0 2px var(--ds-color-focus);
+  }
+
+  .empty {
+    padding: var(--ds-space-6);
+    text-align: center;
+    color: var(--ds-color-fg-muted);
+  }
+
+  .footer {
+    padding: var(--ds-space-3) 0;
+  }
+  .footer:empty {
+    display: none;
+  }
+`;
+//# sourceMappingURL=table.styles.js.map

package/dist/atoms/table/table.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.styles.js","sourceRoot":"","sources":["../../../src/atoms/table/table.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2F7B,CAAC"}

package/dist/atoms/table/types.d.ts

@@ -0,0 +1,33 @@
+import type { TemplateResult } from 'lit';
+export type TableColumnAlign = 'left' | 'right' | 'center';
+export type TableSortDirection = 'asc' | 'desc' | null;
+export type TableRow = Record<string, unknown>;
+export type TableColumn<T extends TableRow = TableRow> = {
+    name: string;
+    field: keyof T & string;
+    label: string;
+    align?: TableColumnAlign;
+    sortable?: boolean;
+    render?: (row: T, index: number) => TemplateResult | string | number | null;
+    width?: string;
+};
+export type TableSortState = {
+    name: string;
+    direction: TableSortDirection;
+};
+export type TableRowClickDetail<T extends TableRow = TableRow> = {
+    row: T;
+    index: number;
+};
+export type TableSortDetail = {
+    direction: TableSortDirection;
+};
+export type TablePageChangeDetail = {
+    page: number;
+    pageSize: number;
+};
+export type TablePageSizeChangeDetail = {
+    pageSize: number;
+    page: number;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/atoms/table/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atoms/table/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAE1C,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE3D,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;AAEvD,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE/C,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,IAAI;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,kBAAkB,CAAA;CAAE,CAAC;AAE7E,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,IAAI;IAC/D,GAAG,EAAE,CAAC,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAAE,SAAS,EAAE,kBAAkB,CAAA;CAAE,CAAC;AAEhE,MAAM,MAAM,qBAAqB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvE,MAAM,MAAM,yBAAyB,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC"}

package/dist/atoms/table/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/atoms/table/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/atoms/table/types.ts"],"names":[],"mappings":""}

package/dist/atoms/tabs/define.d.ts

@@ -0,0 +1,11 @@
+import { DsTabs } from './tabs.js';
+import { DsTab } from './tab.js';
+import { DsTabPanel } from './tab-panel.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-tabs': DsTabs;
+        'ds-tab': DsTab;
+        'ds-tab-panel': DsTabPanel;
+    }
+}
+//# sourceMappingURL=define.d.ts.map

package/dist/atoms/tabs/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../src/atoms/tabs/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAY5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,KAAK,CAAC;QAChB,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}

package/dist/atoms/tabs/define.js

@@ -0,0 +1,13 @@
+import { DsTabs } from './tabs.js';
+import { DsTab } from './tab.js';
+import { DsTabPanel } from './tab-panel.js';
+if (!customElements.get('ds-tabs')) {
+    customElements.define('ds-tabs', DsTabs);
+}
+if (!customElements.get('ds-tab')) {
+    customElements.define('ds-tab', DsTab);
+}
+if (!customElements.get('ds-tab-panel')) {
+    customElements.define('ds-tab-panel', DsTabPanel);
+}
+//# sourceMappingURL=define.js.map

package/dist/atoms/tabs/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/atoms/tabs/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;IACnC,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAC3C,CAAC;AACD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;IAClC,cAAc,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;AACzC,CAAC;AACD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,CAAC;IACxC,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AACpD,CAAC"}

package/dist/atoms/tabs/index.d.ts

@@ -0,0 +1,4 @@
+export { DsTabs } from './tabs.js';
+export { DsTab } from './tab.js';
+export { DsTabPanel } from './tab-panel.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/atoms/tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/atoms/tabs/index.js

@@ -0,0 +1,4 @@
+export { DsTabs } from './tabs.js';
+export { DsTab } from './tab.js';
+export { DsTabPanel } from './tab-panel.js';
+//# sourceMappingURL=index.js.map

package/dist/atoms/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/atoms/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/atoms/tabs/tab-panel.d.ts

@@ -0,0 +1,16 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+/**
+ * @tag ds-tab-panel
+ * @summary Content region associated with a ds-tab.
+ * @slot default - Panel contents, shown only when the panel is active.
+ */
+export declare class DsTabPanel extends DsElement {
+    static styles: import("lit").CSSResult[];
+    value: string;
+    active: boolean;
+    connectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=tab-panel.d.ts.map

package/dist/atoms/tabs/tab-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.d.ts","sourceRoot":"","sources":["../../../src/atoms/tabs/tab-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD;;;;GAIG;AACH,qBAAa,UAAW,SAAQ,SAAS;IACvC,OAAgB,MAAM,4BAAyC;IAEnD,KAAK,SAAM;IACqB,MAAM,UAAS;IAElD,iBAAiB,IAAI,IAAI;IAMzB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAMtC,MAAM,IAAI,cAAc;CAGlC"}

package/dist/atoms/tabs/tab-panel.js

@@ -0,0 +1,43 @@
+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 { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { DsElement } from '@jsekulowicz/ds-core';
+import { tabPanelStyles } from './tab-panel.styles.js';
+/**
+ * @tag ds-tab-panel
+ * @summary Content region associated with a ds-tab.
+ * @slot default - Panel contents, shown only when the panel is active.
+ */
+export class DsTabPanel extends DsElement {
+    constructor() {
+        super(...arguments);
+        this.value = '';
+        this.active = false;
+    }
+    static { this.styles = [...DsElement.styles, tabPanelStyles]; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('role', 'tabpanel');
+        this.tabIndex = 0;
+    }
+    updated(changed) {
+        if (changed.has('active')) {
+            this.toggleAttribute('hidden', !this.active);
+        }
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+}
+__decorate([
+    property()
+], DsTabPanel.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DsTabPanel.prototype, "active", void 0);
+//# sourceMappingURL=tab-panel.js.map

package/dist/atoms/tabs/tab-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.js","sourceRoot":"","sources":["../../../src/atoms/tabs/tab-panel.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAA4C,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;GAIG;AACH,MAAM,OAAO,UAAW,SAAQ,SAAS;IAAzC;;QAGc,UAAK,GAAG,EAAE,CAAC;QACqB,WAAM,GAAG,KAAK,CAAC;IAiB7D,CAAC;aApBiB,WAAM,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,cAAc,CAAC,AAAxC,CAAyC;IAKtD,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QACtC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;IACpB,CAAC;IAEQ,OAAO,CAAC,OAAuB;QACtC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC1B,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAjBW;IAAX,QAAQ,EAAE;yCAAY;AACqB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAgB"}

package/dist/atoms/tabs/tab-panel.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const tabPanelStyles: import("lit").CSSResult;
+//# sourceMappingURL=tab-panel.styles.d.ts.map

package/dist/atoms/tabs/tab-panel.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/tabs/tab-panel.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAY1B,CAAC"}