@happyvertical/smrt-ui 0.38.26 → 0.39.0

package/dist/components/data/DataTable.svelte

@@ -15,6 +15,7 @@ import type { Snippet } from 'svelte';
 import { M } from '../../i18n/strings.js';
 import Trans from '../../i18n/Trans.svelte';
 import { useI18n } from '../../i18n/use-i18n.js';
+import Pagination from '../ui/Pagination.svelte';
 import type {
   DataTableColumn,
   DataTableProps,
@@ -43,6 +44,20 @@ let {
   sortable = false,
   sort = $bindable({ columnId: null, direction: null }),
   onSortChange,
+  manualSorting = false,
+  filterFn,
+  page = $bindable(1),
+  pageSize,
+  manualPagination = false,
+  totalRows,
+  onPageChange,
+  expanded = $bindable(new Set<string | number>()),
+  onExpandedChange,
+  canExpand,
+  expandedContent,
+  toolbar,
+  footer,
+  visibleColumnIds,
   loading = false,
   empty,
   rowClass,
@@ -62,6 +77,10 @@ function getRowKey(row: T, index: number): string | number {
   return row[rowKey] as string | number;
 }
 
+function getDisplayRowKey(row: T, index: number): string | number {
+  return getRowKey(row, displayIndexOffset + index);
+}
+
 // Handle sort click
 function handleSort(column: DataTableColumn<T>) {
   if (!sortable || !column.sortable) return;
@@ -104,13 +123,32 @@ function handleRowSelect(key: string | number, event: Event) {
 // Handle select all
 function handleSelectAll() {
   if (allSelected) {
-    selected = new Set();
+    const visibleKeys = new Set(
+      displayData.map((row, i) => getDisplayRowKey(row, i)),
+    );
+    selected = new Set([...selected].filter((key) => !visibleKeys.has(key)));
   } else {
-    selected = new Set(sortedData.map((row, i) => getRowKey(row, i)));
+    selected = new Set([
+      ...selected,
+      ...displayData.map((row, i) => getDisplayRowKey(row, i)),
+    ]);
   }
   onSelectionChange?.(selected);
 }
 
+function handleExpanded(key: string | number, event: Event) {
+  event.stopPropagation();
+  const next = new Set(expanded);
+  next.has(key) ? next.delete(key) : next.add(key);
+  expanded = next;
+  onExpandedChange?.(next);
+}
+
+function handlePageChange(next: number) {
+  page = Math.min(Math.max(1, next), totalPages);
+  onPageChange?.(page);
+}
+
 // Handle row click
 function handleRowClick(row: T, index: number) {
   onRowClick?.(row, index);
@@ -127,19 +165,25 @@ function setIndeterminate(node: HTMLInputElement, value: boolean) {
 }
 
 // Get visible columns
-const visibleColumns = $derived(columns.filter((col) => !col.hidden));
+const visibleColumns = $derived(
+  columns.filter(
+    (col) => !col.hidden && (!visibleColumnIds || visibleColumnIds.has(col.id)),
+  ),
+);
+
+const filteredData = $derived(filterFn ? data.filter(filterFn) : data);
 
 // Sort data
 const sortedData = $derived.by(() => {
-  if (!sort.columnId || !sort.direction) return data;
+  if (manualSorting || !sort.columnId || !sort.direction) return filteredData;
 
   const column = columns.find((c) => c.id === sort.columnId);
-  if (!column) return data;
+  if (!column) return filteredData;
 
   const accessor = column.accessor ?? column.id;
   const direction = sort.direction;
 
-  return [...data].sort((a, b) => {
+  return [...filteredData].sort((a, b) => {
     if (column.sortFn) {
       return column.sortFn(a, b, direction);
     }
@@ -147,12 +191,33 @@ const sortedData = $derived.by(() => {
   });
 });
 
+const totalRowCount = $derived(totalRows ?? sortedData.length);
+const totalPages = $derived(
+  pageSize ? Math.max(1, Math.ceil(totalRowCount / pageSize)) : 1,
+);
+const displayData = $derived.by(() => {
+  if (!pageSize || manualPagination) return sortedData;
+  const start = (page - 1) * pageSize;
+  return sortedData.slice(start, start + pageSize);
+});
+const displayIndexOffset = $derived(pageSize ? (page - 1) * pageSize : 0);
+
+$effect(() => {
+  if (page > totalPages) handlePageChange(totalPages);
+});
+
 // Selection state
 const allSelected = $derived(
-  data.length > 0 && data.every((row, i) => selected.has(getRowKey(row, i))),
+  displayData.length > 0 &&
+    displayData.every((row, i) => selected.has(getDisplayRowKey(row, i))),
 );
 const someSelected = $derived(
-  data.some((row, i) => selected.has(getRowKey(row, i))) && !allSelected,
+  displayData.some((row, i) => selected.has(getDisplayRowKey(row, i))) &&
+    !allSelected,
+);
+
+const columnCount = $derived(
+  visibleColumns.length + (selectable ? 1 : 0) + (expandedContent ? 1 : 0),
 );
 
 // Get cell value
@@ -169,10 +234,8 @@ const sizeClasses = {
 };
 </script>
 
-<div
-  class="data-table-container"
-  class:data-table-container--sticky={stickyHeader}
->
+{#if toolbar}<div class="data-table-toolbar">{@render toolbar()}</div>{/if}
+<div class="data-table-container" class:data-table-container--sticky={stickyHeader}>
   <table
     class="data-table {sizeClasses[size]}"
     class:data-table--striped={striped}
@@ -186,6 +249,7 @@ const sizeClasses = {
 
     <thead class="data-table__head">
       <tr class="data-table__row data-table__row--header">
+        {#if expandedContent}<th class="data-table__cell data-table__cell--expand" scope="col"><span class="sr-only">Expand</span></th>{/if}
         {#if selectable}
           <th class="data-table__cell data-table__cell--checkbox" scope="col">
             <input
@@ -245,7 +309,7 @@ const sizeClasses = {
         <tr class="data-table__row data-table__row--loading">
           <td
             class="data-table__cell data-table__cell--loading"
-            colspan={visibleColumns.length + (selectable ? 1 : 0)}
+            colspan={columnCount}
           >
             <div class="data-table__loading-indicator">
               <span class="data-table__spinner"></span>
@@ -253,11 +317,11 @@ const sizeClasses = {
             </div>
           </td>
         </tr>
-      {:else if sortedData.length === 0}
+      {:else if displayData.length === 0}
         <tr class="data-table__row data-table__row--empty">
           <td
             class="data-table__cell data-table__cell--empty"
-            colspan={visibleColumns.length + (selectable ? 1 : 0)}
+            colspan={columnCount}
           >
             {#if empty}
               {@render empty()}
@@ -269,9 +333,11 @@ const sizeClasses = {
           </td>
         </tr>
       {:else}
-        {#each sortedData as row, index (getRowKey(row, index))}
-          {@const key = getRowKey(row, index)}
+        {#each displayData as row, index (getDisplayRowKey(row, index))}
+          {@const key = getDisplayRowKey(row, index)}
           {@const isSelected = selected.has(key)}
+          {@const isExpanded = expanded.has(key)}
+          {@const rowCanExpand = canExpand?.(row, index) ?? true}
           <tr
             class="data-table__row {rowClass?.(row, index) ?? ''}"
             class:data-table__row--selected={isSelected}
@@ -285,6 +351,11 @@ const sizeClasses = {
               }
             }}
           >
+            {#if expandedContent}
+              <td class="data-table__cell data-table__cell--expand">
+                {#if rowCanExpand}<button type="button" class="data-table__expand-button" aria-label={isExpanded ? 'Collapse row' : 'Expand row'} aria-expanded={isExpanded} onclick={(event) => handleExpanded(key, event)}>{isExpanded ? '−' : '+'}</button>{/if}
+              </td>
+            {/if}
             {#if selectable}
               <td class="data-table__cell data-table__cell--checkbox">
                 <input
@@ -313,11 +384,20 @@ const sizeClasses = {
               </td>
             {/each}
           </tr>
+          {#if expandedContent && isExpanded}
+            <tr class="data-table__row data-table__row--expanded">
+              <td class="data-table__cell data-table__cell--expanded" colspan={columnCount}>{@render expandedContent({ row, index })}</td>
+            </tr>
+          {/if}
         {/each}
       {/if}
     </tbody>
+    {#if footer}
+      <tfoot><tr><td class="data-table__cell data-table__footer" colspan={columnCount}>{@render footer({ rows: displayData })}</td></tr></tfoot>
+    {/if}
   </table>
 </div>
+{#if pageSize && totalPages > 1}<Pagination currentPage={page} {totalPages} onPageChange={handlePageChange} aria-label="Table pages" />{/if}
 
 <style>
   .data-table-container {
@@ -325,6 +405,10 @@ const sizeClasses = {
     overflow-x: auto;
   }
 
+  .data-table-toolbar { margin-bottom: var(--smrt-spacing-2); }
+
+  .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
+
   .data-table-container--sticky {
     max-height: 100%;
     overflow-y: auto;
@@ -444,6 +528,12 @@ const sizeClasses = {
     text-align: center;
   }
 
+  .data-table__cell--expand { width: 2.75rem; text-align: center; }
+  .data-table__expand-button { width: 1.75rem; height: 1.75rem; border: 1px solid var(--smrt-color-outline-variant); border-radius: var(--smrt-radius-full); background: transparent; color: var(--smrt-color-on-surface); cursor: pointer; }
+  .data-table__expand-button:focus-visible { outline: 2px solid var(--smrt-color-primary); outline-offset: 2px; }
+  .data-table__cell--expanded { padding: var(--smrt-spacing-4); background: var(--smrt-color-surface-container-low); }
+  .data-table__footer { border-top: 2px solid var(--smrt-color-outline-variant); font-weight: var(--smrt-typography-weight-medium); }
+
   .data-table__checkbox {
     width: 18px;
     height: 18px;

package/dist/components/data/DataTable.svelte.d.ts

@@ -25,7 +25,7 @@ interface ExtendedProps<T> extends DataTableProps<T> {
 declare function $$render<T>(): {
     props: ExtendedProps<T>;
     exports: {};
-    bindings: "sort" | "selected";
+    bindings: "sort" | "page" | "selected" | "expanded";
     slots: {};
     events: {};
 };
@@ -33,7 +33,7 @@ declare class __sveltets_Render<T> {
     props(): ReturnType<typeof $$render<T>>['props'];
     events(): ReturnType<typeof $$render<T>>['events'];
     slots(): ReturnType<typeof $$render<T>>['slots'];
-    bindings(): "sort" | "selected";
+    bindings(): "sort" | "page" | "selected" | "expanded";
     exports(): {};
 }
 interface $$IsomorphicComponent {

package/dist/components/data/DataTable.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/data/DataTable.svelte.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAItC,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EAGf,MAAM,YAAY,CAAC;AAIpB,UAAU,aAAa,CAAC,CAAC,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;IAClD,+DAA+D;IAC/D,IAAI,CAAC,EAAE,OAAO,CACZ;QAAC;YAAE,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;YAAC,GAAG,EAAE,CAAC,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE;KAAC,CACxE,CAAC;CACH;AAAC,iBAAS,QAAQ,CAAC,CAAC;WA0PQ,aAAa,CAAC,CAAC,CAAC;;;;;EAA4F;AACzI,cAAM,iBAAiB,CAAC,CAAC;IACrB,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,MAAM,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAClD,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5X,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC3H,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACjE;AACD,QAAA,MAAM,SAAS,EAAE,qBAAmC,CAAC;AACnC,KAAK,SAAS,CAAC,CAAC,IAAI,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AACxD,eAAe,SAAS,CAAC"}
+{"version":3,"file":"DataTable.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/data/DataTable.svelte.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKtC,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EAGf,MAAM,YAAY,CAAC;AAIpB,UAAU,aAAa,CAAC,CAAC,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;IAClD,+DAA+D;IAC/D,IAAI,CAAC,EAAE,OAAO,CACZ;QAAC;YAAE,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;YAAC,GAAG,EAAE,CAAC,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE;KAAC,CACxE,CAAC;CACH;AAAC,iBAAS,QAAQ,CAAC,CAAC;WA6UQ,aAAa,CAAC,CAAC,CAAC;;;;;EAAgH;AAC7J,cAAM,iBAAiB,CAAC,CAAC;IACrB,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,MAAM,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAClD,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5X,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC3H,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACjE;AACD,QAAA,MAAM,SAAS,EAAE,qBAAmC,CAAC;AACnC,KAAK,SAAS,CAAC,CAAC,IAAI,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AACxD,eAAe,SAAS,CAAC"}

package/dist/components/data/__tests__/DataTable.test.js

@@ -7,7 +7,8 @@
  */
 import { render, screen } from '@testing-library/svelte';
 import userEvent from '@testing-library/user-event';
-import { describe, expect, it } from 'vitest';
+import { createRawSnippet } from 'svelte';
+import { describe, expect, it, vi } from 'vitest';
 import { expectNoA11yViolations } from '../../../test-support/a11y';
 import DataTable from '../DataTable.svelte';
 const columns = [
@@ -39,6 +40,65 @@ describe('DataTable', () => {
         await userEvent.click(screen.getByRole('button', { name: 'Name' }));
         expect(nameHeader).toHaveAttribute('aria-sort', 'ascending');
     });
+    it('filters and paginates client-side rows', async () => {
+        render(DataTable, {
+            props: {
+                data: [...data, { name: 'Grace', age: 85 }],
+                columns,
+                filterFn: (person) => person.age > 40,
+                pageSize: 1,
+            },
+        });
+        expect(screen.getByRole('cell', { name: 'Linus' })).toBeInTheDocument();
+        expect(screen.queryByRole('cell', { name: 'Grace' })).not.toBeInTheDocument();
+        await userEvent.click(screen.getByRole('button', { name: 'Next page' }));
+        expect(screen.getByRole('cell', { name: 'Grace' })).toBeInTheDocument();
+    });
+    it('keeps fallback selection keys unique across pages', async () => {
+        const onSelectionChange = vi.fn();
+        render(DataTable, {
+            props: {
+                data,
+                columns,
+                pageSize: 1,
+                selectable: true,
+                onSelectionChange,
+            },
+        });
+        await userEvent.click(screen.getByRole('checkbox', { name: 'Select all rows' }));
+        await userEvent.click(screen.getByRole('button', { name: 'Next page' }));
+        await userEvent.click(screen.getByRole('checkbox', { name: 'Select all rows' }));
+        expect(onSelectionChange).toHaveBeenLastCalledWith(new Set([0, 1]));
+    });
+    it('does not carry fallback expansion keys onto the next page', async () => {
+        render(DataTable, {
+            props: {
+                data,
+                columns,
+                pageSize: 1,
+                expandedContent: createRawSnippet(() => ({
+                    render: () => '<p>Row detail</p>',
+                })),
+            },
+        });
+        await userEvent.click(screen.getByRole('button', { name: 'Expand row' }));
+        await userEvent.click(screen.getByRole('button', { name: 'Next page' }));
+        expect(screen.queryByText('Row detail')).not.toBeInTheDocument();
+        expect(screen.getByRole('button', { name: 'Expand row' })).toBeInTheDocument();
+    });
+    it('reveals expandable row content', async () => {
+        render(DataTable, {
+            props: {
+                data,
+                columns,
+                expandedContent: createRawSnippet(() => ({
+                    render: () => '<p>Row detail</p>',
+                })),
+            },
+        });
+        await userEvent.click(screen.getAllByRole('button', { name: 'Expand row' })[0]);
+        expect(screen.getByText('Row detail')).toBeInTheDocument();
+    });
     it('is axe-clean', async () => {
         const { container } = render(DataTable, {
             props: { data, columns, caption: 'People' },

package/dist/components/data/index.d.ts

@@ -1,6 +1,8 @@
 /**
  * Data display components
  */
+export { default as CollectionList, default as ContentList, } from './CollectionList.svelte';
+export { default as CollectionToolbar } from './CollectionToolbar.svelte';
 export { default as DataTable } from './DataTable.svelte';
 export * from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/data/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/data/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/data/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,OAAO,IAAI,WAAW,GACvB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,cAAc,YAAY,CAAC"}

package/dist/components/data/index.js

@@ -1,5 +1,7 @@
 /**
  * Data display components
  */
+export { default as CollectionList, default as ContentList, } from './CollectionList.svelte';
+export { default as CollectionToolbar } from './CollectionToolbar.svelte';
 export { default as DataTable } from './DataTable.svelte';
 export * from './types.js';

package/dist/components/data/types.d.ts

@@ -74,6 +74,39 @@ export interface DataTableProps<T> {
     sort?: SortState;
     /** Sort change callback */
     onSortChange?: (sort: SortState) => void;
+    /** Parent owns sorting and supplies already-sorted rows. */
+    manualSorting?: boolean;
+    /** Optional client-side row filter. */
+    filterFn?: (row: T, index: number) => boolean;
+    /** Current 1-based page. Pagination is enabled when pageSize is set. */
+    page?: number;
+    /** Rows per page. */
+    pageSize?: number;
+    /** Parent owns pagination and supplies only the current page. */
+    manualPagination?: boolean;
+    /** Total server row count when manualPagination is enabled. */
+    totalRows?: number;
+    /** Page change callback. */
+    onPageChange?: (page: number) => void;
+    /** Controlled set of expanded row keys. */
+    expanded?: Set<string | number>;
+    /** Expansion change callback. */
+    onExpandedChange?: (expanded: Set<string | number>) => void;
+    /** Predicate controlling which rows can expand. */
+    canExpand?: (row: T, index: number) => boolean;
+    /** Expanded row content. */
+    expandedContent?: Snippet<[{
+        row: T;
+        index: number;
+    }]>;
+    /** Optional content above the table. */
+    toolbar?: Snippet;
+    /** Optional full-width table footer content. */
+    footer?: Snippet<[{
+        rows: T[];
+    }]>;
+    /** Controlled visible column ids. Column.hidden is still respected. */
+    visibleColumnIds?: Set<string>;
     /** Loading state */
     loading?: boolean;
     /** Empty state content */

package/dist/components/data/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/data/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/data/types.ts"],"names":[],"mappings":"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"}

package/dist/components/feedback/Alert.svelte

@@ -0,0 +1,53 @@
+<script lang="ts">
+import type { Snippet } from 'svelte';
+
+export interface Props {
+  variant?: 'info' | 'success' | 'warning' | 'error';
+  title?: string;
+  children?: Snippet;
+  action?: Snippet;
+  dismissible?: boolean;
+  ondismiss?: () => void;
+  class?: string;
+}
+
+let {
+  variant = 'info',
+  title,
+  children,
+  action,
+  dismissible = false,
+  ondismiss,
+  class: className = '',
+}: Props = $props();
+const role = $derived(
+  variant === 'error' || variant === 'warning' ? 'alert' : 'status',
+);
+</script>
+
+<div class="alert alert--{variant} {className}" {role}>
+  <span class="marker" aria-hidden="true"></span>
+  <div class="content">
+    {#if title}<strong>{title}</strong>{/if}
+    {#if children}<div class="message">{@render children()}</div>{/if}
+  </div>
+  {#if action}<div class="action">{@render action()}</div>{/if}
+  {#if dismissible}
+    <button type="button" class="dismiss" aria-label="Dismiss" onclick={ondismiss}>×</button>
+  {/if}
+</div>
+
+<style>
+  .alert { --alert-color: var(--smrt-color-primary); display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: start; gap: var(--smrt-spacing-3); padding: var(--smrt-spacing-3) var(--smrt-spacing-4); border: 1px solid color-mix(in srgb, var(--alert-color) 35%, var(--smrt-color-outline-variant)); border-radius: var(--smrt-radius-medium); background: color-mix(in srgb, var(--alert-color) 8%, var(--smrt-color-surface)); color: var(--smrt-color-on-surface); }
+  .alert--success { --alert-color: var(--smrt-color-success, #2e7d32); }
+  .alert--warning { --alert-color: var(--smrt-color-warning, #a45b00); }
+  .alert--error { --alert-color: var(--smrt-color-error); }
+  .marker { width: .65rem; height: .65rem; margin-top: .4rem; border-radius: 50%; background: var(--alert-color); }
+  .content { min-width: 0; }
+  strong { display: block; font: var(--smrt-typography-title-small-font); }
+  .message { color: var(--smrt-color-on-surface-variant); }
+  .action { align-self: center; }
+  .dismiss { width: 2rem; height: 2rem; margin: -.35rem; border: 0; border-radius: var(--smrt-radius-full); background: transparent; color: inherit; font-size: 1.25rem; cursor: pointer; }
+  .dismiss:hover { background: color-mix(in srgb, currentColor 10%, transparent); }
+  .dismiss:focus-visible { outline: 2px solid var(--smrt-color-primary); }
+</style>

package/dist/components/feedback/Alert.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { Snippet } from 'svelte';
+export interface Props {
+    variant?: 'info' | 'success' | 'warning' | 'error';
+    title?: string;
+    children?: Snippet;
+    action?: Snippet;
+    dismissible?: boolean;
+    ondismiss?: () => void;
+    class?: string;
+}
+declare const Alert: import("svelte").Component<Props, {}, "">;
+type Alert = ReturnType<typeof Alert>;
+export default Alert;
+//# sourceMappingURL=Alert.svelte.d.ts.map

package/dist/components/feedback/Alert.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Alert.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGtC,MAAM,WAAW,KAAK;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmCD,QAAA,MAAM,KAAK,2CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/components/feedback/Drawer.svelte

@@ -0,0 +1,34 @@
+<script lang="ts">
+import type { Snippet } from 'svelte';
+import Modal from './Modal.svelte';
+
+export interface Props {
+  open?: boolean;
+  title?: string;
+  side?: 'start' | 'end';
+  size?: 'sm' | 'md' | 'lg' | 'xl';
+  showClose?: boolean;
+  closeOnBackdrop?: boolean;
+  children?: Snippet;
+  header?: Snippet;
+  footer?: Snippet;
+  onclose?: () => void;
+  ariaLabel?: string;
+}
+
+let {
+  open = $bindable(false),
+  title,
+  side = 'end',
+  size = 'md',
+  showClose = true,
+  closeOnBackdrop = true,
+  children,
+  header,
+  footer,
+  onclose,
+  ariaLabel,
+}: Props = $props();
+</script>
+
+<Modal bind:open {title} {size} placement={side} {showClose} {closeOnBackdrop} onClose={onclose} {header} {footer} {children} {ariaLabel} />

package/dist/components/feedback/Drawer.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { Snippet } from 'svelte';
+export interface Props {
+    open?: boolean;
+    title?: string;
+    side?: 'start' | 'end';
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    showClose?: boolean;
+    closeOnBackdrop?: boolean;
+    children?: Snippet;
+    header?: Snippet;
+    footer?: Snippet;
+    onclose?: () => void;
+    ariaLabel?: string;
+}
+declare const Drawer: import("svelte").Component<Props, {}, "open">;
+type Drawer = ReturnType<typeof Drawer>;
+export default Drawer;
+//# sourceMappingURL=Drawer.svelte.d.ts.map

package/dist/components/feedback/Drawer.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Drawer.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAItC,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyBD,QAAA,MAAM,MAAM,+CAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/components/feedback/Meter.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+export interface Props {
+  value: number;
+  min?: number;
+  max?: number;
+  low?: number;
+  high?: number;
+  optimum?: number;
+  label: string;
+  showValue?: boolean;
+  formatValue?: (value: number) => string;
+  class?: string;
+}
+let {
+  value,
+  min = 0,
+  max = 100,
+  low,
+  high,
+  optimum,
+  label,
+  showValue = true,
+  formatValue = (next) => String(next),
+  class: className = '',
+}: Props = $props();
+</script>
+<div class="meter {className}"><div class="meter__header"><span>{label}</span>{#if showValue}<span>{formatValue(value)}</span>{/if}</div>
+  <meter {value} {min} {max} {low} {high} {optimum}>{formatValue(value)}</meter></div>
+<style>
+  .meter { display: grid; gap: var(--smrt-spacing-2); color: var(--smrt-color-on-surface); }
+  .meter__header { display: flex; justify-content: space-between; font: var(--smrt-typography-label-large-font); }
+  meter { width: 100%; height: .75rem; accent-color: var(--smrt-color-primary); }
+</style>

package/dist/components/feedback/Meter.svelte.d.ts

@@ -0,0 +1,16 @@
+export interface Props {
+    value: number;
+    min?: number;
+    max?: number;
+    low?: number;
+    high?: number;
+    optimum?: number;
+    label: string;
+    showValue?: boolean;
+    formatValue?: (value: number) => string;
+    class?: string;
+}
+declare const Meter: import("svelte").Component<Props, {}, "">;
+type Meter = ReturnType<typeof Meter>;
+export default Meter;
+//# sourceMappingURL=Meter.svelte.d.ts.map

package/dist/components/feedback/Meter.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Meter.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Meter.svelte.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAsBD,QAAA,MAAM,KAAK,2CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}