sheer-ui 0.4.2 → 0.5.0

package/dist/components/data-table/column-helpers.d.ts

@@ -0,0 +1,35 @@
+import type { ColumnDef, CellContext } from '../../internal/table/types.js';
+import DataTableSortButton from './data-table-sort-button.svelte';
+/**
+ * Creates a selection column with checkbox for selecting rows
+ */
+export declare function selectColumn<T>(): ColumnDef<T>;
+/**
+ * Creates a simple text header
+ */
+export declare function textHeader(label: string): () => import("./render-helpers.js").RenderSnippetConfig<{
+    value: string;
+}>;
+type TextCellOptions = {
+    bold?: boolean;
+    prefix?: string;
+    suffix?: string;
+};
+/**
+ * Creates a text cell renderer
+ */
+export declare function textCell<T>(key: keyof T | ((row: T) => string | number | null | undefined), options?: TextCellOptions): ({ row }: CellContext<T, unknown>) => import("./render-helpers.js").RenderSnippetConfig<{
+    value: string;
+    class: string;
+}>;
+/**
+ * Creates a muted text cell renderer
+ */
+export declare function mutedCell<T>(key: keyof T | ((row: T) => string | number | null | undefined), options?: {
+    prefix?: string;
+    suffix?: string;
+}): ({ row }: CellContext<T, unknown>) => import("./render-helpers.js").RenderSnippetConfig<{
+    value: string;
+    class: string;
+}>;
+export { DataTableSortButton as SortButton };

package/dist/components/data-table/column-helpers.js

@@ -0,0 +1,57 @@
+import { renderComponent, renderSnippet } from './render-helpers.js';
+import { text } from './text.svelte';
+import DataTableCheckbox from './data-table-checkbox.svelte';
+import DataTableSortButton from './data-table-sort-button.svelte';
+/**
+ * Creates a selection column with checkbox for selecting rows
+ */
+export function selectColumn() {
+    return {
+        id: 'select',
+        header: ({ table }) => renderComponent(DataTableCheckbox, {
+            checked: table.isAllPageRowsSelected,
+            indeterminate: table.isSomePageRowsSelected && !table.isAllPageRowsSelected,
+            onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value),
+            'aria-label': 'Select all',
+        }),
+        cell: ({ row }) => renderComponent(DataTableCheckbox, {
+            checked: row.isSelected,
+            onCheckedChange: (value) => row.toggleSelected(!!value),
+            'aria-label': 'Select row',
+        }),
+        enableSorting: false,
+        enableHiding: false,
+    };
+}
+/**
+ * Creates a simple text header
+ */
+export function textHeader(label) {
+    return () => renderSnippet(text, { value: label });
+}
+/**
+ * Creates a text cell renderer
+ */
+export function textCell(key, options) {
+    return ({ row }) => {
+        const value = typeof key === 'function' ? key(row.original) : (row.original[key] ?? '');
+        return renderSnippet(text, {
+            value: `${options?.prefix ?? ''}${value}${options?.suffix ?? ''}`,
+            class: options?.bold ? 'font-medium' : '',
+        });
+    };
+}
+/**
+ * Creates a muted text cell renderer
+ */
+export function mutedCell(key, options) {
+    return ({ row }) => {
+        const value = typeof key === 'function' ? key(row.original) : row.original[key];
+        return renderSnippet(text, {
+            value: value == null ? '-' : `${options?.prefix ?? ''}${value}${options?.suffix ?? ''}`,
+            class: 'text-muted-foreground',
+        });
+    };
+}
+// Re-export SortButton as a convenient alias
+export { DataTableSortButton as SortButton };

package/dist/components/data-table/data-table-checkbox.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { ClassValue } from 'svelte/elements';
+import type { CheckedState } from '../menu/utils.js';
+type $$ComponentProps = {
+    checked?: boolean;
+    indeterminate?: boolean;
+    onCheckedChange?: (checked: CheckedState) => void;
+    'aria-label'?: string;
+    class?: ClassValue;
+};
+declare const DataTableCheckbox: import("svelte").Component<$$ComponentProps, {}, "">;
+type DataTableCheckbox = ReturnType<typeof DataTableCheckbox>;
+export default DataTableCheckbox;

package/dist/components/data-table/data-table-sort-button.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentProps } from "svelte";
+import { Button } from '../button';
+type $$ComponentProps = ComponentProps<typeof Button> & {
+    label: string;
+};
+declare const DataTableSortButton: import("svelte").Component<$$ComponentProps, {}, "">;
+type DataTableSortButton = ReturnType<typeof DataTableSortButton>;
+export default DataTableSortButton;

package/dist/components/data-table/flex-render.svelte.d.ts

@@ -0,0 +1,33 @@
+import type { CellContext, ColumnDefTemplate, HeaderContext } from "../../internal/table/types.js";
+import type { Attachment } from "svelte/attachments";
+declare function $$render<TData, TValue, TContext extends HeaderContext<TData, TValue> | CellContext<TData, TValue>>(): {
+    props: {
+        /** The cell or header field of the current cell's column definition. */
+        content?: TContext extends HeaderContext<TData, TValue> ? ColumnDefTemplate<HeaderContext<TData, TValue>> : TContext extends CellContext<TData, TValue> ? ColumnDefTemplate<CellContext<TData, TValue>> : never;
+        /** The result of the `getContext()` function of the header or cell */
+        context: TContext;
+        /** Used to pass attachments that can't be gotten through context */
+        attach?: Attachment;
+    };
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<TData, TValue, TContext extends HeaderContext<TData, TValue> | CellContext<TData, TValue>> {
+    props(): ReturnType<typeof $$render<TData, TValue, TContext>>['props'];
+    events(): ReturnType<typeof $$render<TData, TValue, TContext>>['events'];
+    slots(): ReturnType<typeof $$render<TData, TValue, TContext>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TData, TValue, TContext extends HeaderContext<TData, TValue> | CellContext<TData, TValue>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TData, TValue, TContext>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TData, TValue, TContext>['props']>, ReturnType<__sveltets_Render<TData, TValue, TContext>['events']>, ReturnType<__sveltets_Render<TData, TValue, TContext>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TData, TValue, TContext>['bindings']>;
+    } & ReturnType<__sveltets_Render<TData, TValue, TContext>['exports']>;
+    <TData, TValue, TContext extends HeaderContext<TData, TValue> | CellContext<TData, TValue>>(internal: unknown, props: ReturnType<__sveltets_Render<TData, TValue, TContext>['props']> & {}): ReturnType<__sveltets_Render<TData, TValue, TContext>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>['bindings']>;
+}
+declare const FlexRender: $$IsomorphicComponent;
+type FlexRender<TData, TValue, TContext extends HeaderContext<TData, TValue> | CellContext<TData, TValue>> = InstanceType<typeof FlexRender<TData, TValue, TContext>>;
+export default FlexRender;

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

@@ -0,0 +1,18 @@
+export { default as FlexRender } from "./flex-render.svelte";
+export { default as DataTableContent } from "./table-content.svelte";
+export { renderComponent, renderSnippet } from "./render-helpers";
+export { Cell, Column, createDataTable, DataTable, Header, Row } from "../../internal/table/index.js";
+export type { CellContext, ColumnDef, ColumnDefTemplate, ColumnFilter, ColumnSort, DataTableOptions, FilterFn, HeaderContext, HeaderGroup, } from "../../internal/table/index.js";
+export { default as DataTableCheckbox } from "./data-table-checkbox.svelte";
+export { default as DataTableSortButton } from "./data-table-sort-button.svelte";
+export { selectColumn, textHeader, textCell, mutedCell, SortButton } from "./column-helpers";
+export { default as DataTableCell } from "./table-cell.svelte";
+export { default as DataTableToolbar } from "./table-toolbar.svelte";
+export { default as DataTableViewOptions } from "./table-view-options.svelte";
+export { default as DataTableFacetedFilter } from "./table-faceted-filter.svelte";
+export { default as DataTablePagination } from "./table-pagination.svelte";
+export { default as DataTableColumnHeader } from "./table-column-header.svelte";
+export { default as DataTableRowActions } from "./table-row-actions.svelte";
+export { default as DataTableStatusCell } from "./table-status-cell.svelte";
+export { default as DataTablePriorityCell } from "./table-priority-cell.svelte";
+export { default as DataTableTitleCell } from "./table-title-cell.svelte";

package/dist/components/data-table/index.js

@@ -0,0 +1,17 @@
+export { default as FlexRender } from "./flex-render.svelte";
+export { default as DataTableContent } from "./table-content.svelte";
+export { renderComponent, renderSnippet } from "./render-helpers";
+export { Cell, Column, createDataTable, DataTable, Header, Row } from "../../internal/table/index.js";
+export { default as DataTableCheckbox } from "./data-table-checkbox.svelte";
+export { default as DataTableSortButton } from "./data-table-sort-button.svelte";
+export { selectColumn, textHeader, textCell, mutedCell, SortButton } from "./column-helpers";
+export { default as DataTableCell } from "./table-cell.svelte";
+export { default as DataTableToolbar } from "./table-toolbar.svelte";
+export { default as DataTableViewOptions } from "./table-view-options.svelte";
+export { default as DataTableFacetedFilter } from "./table-faceted-filter.svelte";
+export { default as DataTablePagination } from "./table-pagination.svelte";
+export { default as DataTableColumnHeader } from "./table-column-header.svelte";
+export { default as DataTableRowActions } from "./table-row-actions.svelte";
+export { default as DataTableStatusCell } from "./table-status-cell.svelte";
+export { default as DataTablePriorityCell } from "./table-priority-cell.svelte";
+export { default as DataTableTitleCell } from "./table-title-cell.svelte";

package/dist/components/data-table/render-helpers.d.ts

@@ -0,0 +1,90 @@
+import type { Component, ComponentProps, Snippet } from 'svelte';
+/**
+ * A helper class to make it easy to identify Svelte components in
+ * `columnDef.cell` and `columnDef.header` properties.
+ *
+ * > NOTE: This class should only be used internally by the adapter. If you're
+ * reading this and you don't know what this is for, you probably don't need it.
+ *
+ * @example
+ * ```svelte
+ * {const result = content(context as any)}
+ * {#if result instanceof RenderComponentConfig}
+ *   {const { component: Component, props } = result}
+ *   <Component {...props} />
+ * {/if}
+ * ```
+ */
+export declare class RenderComponentConfig<TComponent extends Component> {
+    component: TComponent;
+    props: ComponentProps<TComponent> | Record<string, never>;
+    constructor(component: TComponent, props?: ComponentProps<TComponent> | Record<string, never>);
+}
+/**
+ * A helper class to make it easy to identify Svelte Snippets in `columnDef.cell` and `columnDef.header` properties.
+ *
+ * > NOTE: This class should only be used internally by the adapter. If you're
+ * reading this and you don't know what this is for, you probably don't need it.
+ *
+ * @example
+ * ```svelte
+ * {const result = content(context as any)}
+ * {#if result instanceof RenderSnippetConfig}
+ *   {const { snippet, params } = result}
+ *   {@render snippet(params)}
+ * {/if}
+ * ```
+ */
+export declare class RenderSnippetConfig<TProps> {
+    snippet: Snippet<[TProps]>;
+    params: TProps;
+    constructor(snippet: Snippet<[TProps]>, params: TProps);
+}
+/**
+ * A helper function to help create cells from Svelte components through ColumnDef's `cell` and `header` properties.
+ *
+ * This is only to be used with Svelte Components - use `renderSnippet` for Svelte Snippets.
+ *
+ * @param component A Svelte component
+ * @param props The props to pass to `component`
+ * @returns A `RenderComponentConfig` object that helps svelte-table know how to render the header/cell component.
+ * @example
+ * ```ts
+ * // +page.svelte
+ * const defaultColumns = [
+ *   columnHelper.accessor('name', {
+ *     header: header => renderComponent(SortHeader, { label: 'Name', header }),
+ *   }),
+ *   columnHelper.accessor('state', {
+ *     header: header => renderComponent(SortHeader, { label: 'State', header }),
+ *   }),
+ * ]
+ * ```
+ * @see {@link https://tanstack.com/table/latest/docs/guide/column-defs}
+ */
+export declare const renderComponent: <T extends Component<any>, Props extends ComponentProps<T>>(component: T, props?: Props) => RenderComponentConfig<T>;
+/**
+ * A helper function to help create cells from Svelte Snippets through ColumnDef's `cell` and `header` properties.
+ *
+ * The snippet must only take one parameter.
+ *
+ * This is only to be used with Snippets - use `renderComponent` for Svelte Components.
+ *
+ * @param snippet
+ * @param params
+ * @returns - A `RenderSnippetConfig` object that helps svelte-table know how to render the header/cell snippet.
+ * @example
+ * ```ts
+ * // +page.svelte
+ * const defaultColumns = [
+ *   columnHelper.accessor('name', {
+ *     cell: cell => renderSnippet(nameSnippet, { name: cell.row.name }),
+ *   }),
+ *   columnHelper.accessor('state', {
+ *     cell: cell => renderSnippet(stateSnippet, { state: cell.row.state }),
+ *   }),
+ * ]
+ * ```
+ * @see {@link https://tanstack.com/table/latest/docs/guide/column-defs}
+ */
+export declare const renderSnippet: <TProps>(snippet: Snippet<[TProps]>, params?: TProps) => RenderSnippetConfig<TProps>;

package/dist/components/data-table/render-helpers.js

@@ -0,0 +1,95 @@
+/**
+ * A helper class to make it easy to identify Svelte components in
+ * `columnDef.cell` and `columnDef.header` properties.
+ *
+ * > NOTE: This class should only be used internally by the adapter. If you're
+ * reading this and you don't know what this is for, you probably don't need it.
+ *
+ * @example
+ * ```svelte
+ * {const result = content(context as any)}
+ * {#if result instanceof RenderComponentConfig}
+ *   {const { component: Component, props } = result}
+ *   <Component {...props} />
+ * {/if}
+ * ```
+ */
+export class RenderComponentConfig {
+    component;
+    props;
+    constructor(component, props = {}) {
+        this.component = component;
+        this.props = props;
+    }
+}
+/**
+ * A helper class to make it easy to identify Svelte Snippets in `columnDef.cell` and `columnDef.header` properties.
+ *
+ * > NOTE: This class should only be used internally by the adapter. If you're
+ * reading this and you don't know what this is for, you probably don't need it.
+ *
+ * @example
+ * ```svelte
+ * {const result = content(context as any)}
+ * {#if result instanceof RenderSnippetConfig}
+ *   {const { snippet, params } = result}
+ *   {@render snippet(params)}
+ * {/if}
+ * ```
+ */
+export class RenderSnippetConfig {
+    snippet;
+    params;
+    constructor(snippet, params) {
+        this.snippet = snippet;
+        this.params = params;
+    }
+}
+/**
+ * A helper function to help create cells from Svelte components through ColumnDef's `cell` and `header` properties.
+ *
+ * This is only to be used with Svelte Components - use `renderSnippet` for Svelte Snippets.
+ *
+ * @param component A Svelte component
+ * @param props The props to pass to `component`
+ * @returns A `RenderComponentConfig` object that helps svelte-table know how to render the header/cell component.
+ * @example
+ * ```ts
+ * // +page.svelte
+ * const defaultColumns = [
+ *   columnHelper.accessor('name', {
+ *     header: header => renderComponent(SortHeader, { label: 'Name', header }),
+ *   }),
+ *   columnHelper.accessor('state', {
+ *     header: header => renderComponent(SortHeader, { label: 'State', header }),
+ *   }),
+ * ]
+ * ```
+ * @see {@link https://tanstack.com/table/latest/docs/guide/column-defs}
+ */
+export const renderComponent = (component, props = {}) => new RenderComponentConfig(component, props);
+/**
+ * A helper function to help create cells from Svelte Snippets through ColumnDef's `cell` and `header` properties.
+ *
+ * The snippet must only take one parameter.
+ *
+ * This is only to be used with Snippets - use `renderComponent` for Svelte Components.
+ *
+ * @param snippet
+ * @param params
+ * @returns - A `RenderSnippetConfig` object that helps svelte-table know how to render the header/cell snippet.
+ * @example
+ * ```ts
+ * // +page.svelte
+ * const defaultColumns = [
+ *   columnHelper.accessor('name', {
+ *     cell: cell => renderSnippet(nameSnippet, { name: cell.row.name }),
+ *   }),
+ *   columnHelper.accessor('state', {
+ *     cell: cell => renderSnippet(stateSnippet, { state: cell.row.state }),
+ *   }),
+ * ]
+ * ```
+ * @see {@link https://tanstack.com/table/latest/docs/guide/column-defs}
+ */
+export const renderSnippet = (snippet, params = {}) => new RenderSnippetConfig(snippet, params);

package/dist/components/data-table/table-cell.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { HTMLAttributes } from 'svelte/elements';
+declare const TableCell: import("svelte").Component<HTMLAttributes<HTMLDivElement>, {}, "">;
+type TableCell = ReturnType<typeof TableCell>;
+export default TableCell;

package/dist/components/data-table/table-column-header.svelte.d.ts

@@ -0,0 +1,29 @@
+import type { Column } from '../../internal/table/index.js';
+import type { HTMLAttributes } from 'svelte/elements';
+declare function $$render<TData>(): {
+    props: {
+        column: Column<TData>;
+        title: string;
+    } & HTMLAttributes<HTMLDivElement>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<TData> {
+    props(): ReturnType<typeof $$render<TData>>['props'];
+    events(): ReturnType<typeof $$render<TData>>['events'];
+    slots(): ReturnType<typeof $$render<TData>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TData>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TData>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TData>['props']>, ReturnType<__sveltets_Render<TData>['events']>, ReturnType<__sveltets_Render<TData>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TData>['bindings']>;
+    } & ReturnType<__sveltets_Render<TData>['exports']>;
+    <TData>(internal: unknown, props: ReturnType<__sveltets_Render<TData>['props']> & {}): ReturnType<__sveltets_Render<TData>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const TableColumnHeader: $$IsomorphicComponent;
+type TableColumnHeader<TData> = InstanceType<typeof TableColumnHeader<TData>>;
+export default TableColumnHeader;

package/dist/components/data-table/table-content.svelte

@@ -0,0 +1,62 @@
+<script lang="ts" generics="TData">
+	import type { ClassValue } from 'svelte/elements';
+	import type { DataTable } from '../../internal/table/index.js';
+	import * as Table from '../table/index.js';
+	import FlexRender from './flex-render.svelte';
+	import SortButton from './data-table-sort-button.svelte';
+
+	let {
+		table,
+		class: className,
+		sortableHeaders = false,
+		emptyMessage = 'No results.',
+		onRowClick,
+	}: {
+		table: DataTable<TData>;
+		class?: ClassValue;
+		sortableHeaders?: boolean;
+		emptyMessage?: string;
+		onRowClick?: (row: TData) => void;
+	} = $props();
+</script>
+
+<Table.Root class={className}>
+	<Table.Header>
+		{#each table.headerGroups as headerGroup (headerGroup.id)}
+			<Table.Row>
+				{#each headerGroup.headers as header (header.id)}
+					<Table.Head colspan={header.colSpan} class="has-[[role=checkbox]]:ps-3 {header.column.columnDef.meta?.class ?? ''}">
+						{#if !header.isPlaceholder}
+							{#if sortableHeaders && typeof header.column.columnDef.header === 'string' && header.column.canSort}
+								<SortButton label={header.column.columnDef.header} onclick={header.column.sortHandler} />
+							{:else}
+								<FlexRender content={header.column.columnDef.header} context={header.context} />
+							{/if}
+						{/if}
+					</Table.Head>
+				{/each}
+			</Table.Row>
+		{/each}
+	</Table.Header>
+	<Table.Body>
+		{#each table.rows as row (row.id)}
+			<Table.Row
+				data-state={row.isSelected && 'selected'}
+				class={onRowClick ? 'cursor-pointer hover:bg-muted/50' : ''}
+				onclick={(event: MouseEvent) => {
+					if ((event.target as HTMLElement).closest('[role="checkbox"], button, a, input, select, textarea, label')) return;
+					onRowClick?.(row.original);
+				}}>
+				{#each row.visibleCells as cell (cell.id)}
+					<Table.Cell class="has-[[role=checkbox]]:ps-3 {cell.column.columnDef.meta?.class ?? ''}">
+						<FlexRender content={cell.column.columnDef.cell} context={cell.context} />
+					</Table.Cell>
+				{/each}
+			</Table.Row>
+		{:else}
+			<Table.Row>
+				<Table.Cell colspan={table.visibleColumns.length} class="h-24 text-center">{emptyMessage}</Table.Cell>
+			</Table.Row>
+		{/each}
+	</Table.Body>
+</Table.Root>

package/dist/components/data-table/table-content.svelte.d.ts

@@ -0,0 +1,32 @@
+import type { ClassValue } from 'svelte/elements';
+import type { DataTable } from '../../internal/table/index.js';
+declare function $$render<TData>(): {
+    props: {
+        table: DataTable<TData>;
+        class?: ClassValue;
+        sortableHeaders?: boolean;
+        emptyMessage?: string;
+        onRowClick?: (row: TData) => void;
+    };
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<TData> {
+    props(): ReturnType<typeof $$render<TData>>['props'];
+    events(): ReturnType<typeof $$render<TData>>['events'];
+    slots(): ReturnType<typeof $$render<TData>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TData>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TData>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TData>['props']>, ReturnType<__sveltets_Render<TData>['events']>, ReturnType<__sveltets_Render<TData>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TData>['bindings']>;
+    } & ReturnType<__sveltets_Render<TData>['exports']>;
+    <TData>(internal: unknown, props: ReturnType<__sveltets_Render<TData>['props']> & {}): ReturnType<__sveltets_Render<TData>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const TableContent: $$IsomorphicComponent;
+type TableContent<TData> = InstanceType<typeof TableContent<TData>>;
+export default TableContent;

package/dist/components/data-table/table-faceted-filter.svelte.d.ts

@@ -0,0 +1,35 @@
+import type { Column } from '../../internal/table/index.js';
+import type { Component } from 'svelte';
+declare function $$render<TData, TValue>(): {
+    props: {
+        column: Column<TData, TValue>;
+        title: string;
+        options: {
+            label: string;
+            value: string;
+            icon?: Component;
+        }[];
+        disabled?: boolean;
+    };
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<TData, TValue> {
+    props(): ReturnType<typeof $$render<TData, TValue>>['props'];
+    events(): ReturnType<typeof $$render<TData, TValue>>['events'];
+    slots(): ReturnType<typeof $$render<TData, TValue>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TData, TValue>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TData, TValue>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TData, TValue>['props']>, ReturnType<__sveltets_Render<TData, TValue>['events']>, ReturnType<__sveltets_Render<TData, TValue>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TData, TValue>['bindings']>;
+    } & ReturnType<__sveltets_Render<TData, TValue>['exports']>;
+    <TData, TValue>(internal: unknown, props: ReturnType<__sveltets_Render<TData, TValue>['props']> & {}): ReturnType<__sveltets_Render<TData, TValue>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
+}
+declare const TableFacetedFilter: $$IsomorphicComponent;
+type TableFacetedFilter<TData, TValue> = InstanceType<typeof TableFacetedFilter<TData, TValue>>;
+export default TableFacetedFilter;

package/dist/components/data-table/table-pagination.svelte.d.ts

@@ -0,0 +1,28 @@
+import type { DataTable } from '../../internal/table/index.js';
+declare function $$render<TData>(): {
+    props: {
+        table: DataTable<TData>;
+        showSelected?: boolean;
+    };
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<TData> {
+    props(): ReturnType<typeof $$render<TData>>['props'];
+    events(): ReturnType<typeof $$render<TData>>['events'];
+    slots(): ReturnType<typeof $$render<TData>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TData>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TData>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TData>['props']>, ReturnType<__sveltets_Render<TData>['events']>, ReturnType<__sveltets_Render<TData>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TData>['bindings']>;
+    } & ReturnType<__sveltets_Render<TData>['exports']>;
+    <TData>(internal: unknown, props: ReturnType<__sveltets_Render<TData>['props']> & {}): ReturnType<__sveltets_Render<TData>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const TablePagination: $$IsomorphicComponent;
+type TablePagination<TData> = InstanceType<typeof TablePagination<TData>>;
+export default TablePagination;

package/dist/components/data-table/table-priority-cell.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { Component } from 'svelte';
+type $$ComponentProps = {
+    value: string;
+    options: Array<{
+        value: string;
+        label: string;
+        icon?: Component;
+    }>;
+};
+declare const TablePriorityCell: Component<$$ComponentProps, {}, "">;
+type TablePriorityCell = ReturnType<typeof TablePriorityCell>;
+export default TablePriorityCell;

package/dist/components/data-table/table-row-actions.svelte.d.ts

@@ -0,0 +1,32 @@
+import type { Row } from '../../internal/table/index.js';
+import type { Snippet } from 'svelte';
+declare function $$render<TData>(): {
+    props: {
+        row: Row<TData>;
+        children: Snippet<[{
+            row: Row<TData>;
+            original: TData;
+        }]>;
+    };
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<TData> {
+    props(): ReturnType<typeof $$render<TData>>['props'];
+    events(): ReturnType<typeof $$render<TData>>['events'];
+    slots(): ReturnType<typeof $$render<TData>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TData>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TData>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TData>['props']>, ReturnType<__sveltets_Render<TData>['events']>, ReturnType<__sveltets_Render<TData>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TData>['bindings']>;
+    } & ReturnType<__sveltets_Render<TData>['exports']>;
+    <TData>(internal: unknown, props: ReturnType<__sveltets_Render<TData>['props']> & {}): ReturnType<__sveltets_Render<TData>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const TableRowActions: $$IsomorphicComponent;
+type TableRowActions<TData> = InstanceType<typeof TableRowActions<TData>>;
+export default TableRowActions;

package/dist/components/data-table/table-status-cell.svelte.d.ts

@@ -0,0 +1,16 @@
+import type { Component } from 'svelte';
+import type { ClassValue } from 'svelte/elements';
+type $$ComponentProps = {
+    value: string;
+    options: Array<{
+        value: string;
+        label: string;
+        icon?: Component;
+        iconClass?: ClassValue;
+    }>;
+    href?: string;
+    class?: ClassValue;
+};
+declare const TableStatusCell: Component<$$ComponentProps, {}, "">;
+type TableStatusCell = ReturnType<typeof TableStatusCell>;
+export default TableStatusCell;

package/dist/components/data-table/table-title-cell.svelte.d.ts

@@ -0,0 +1,11 @@
+type $$ComponentProps = {
+    value: string;
+    labelValue?: string;
+    labels?: Array<{
+        value: string;
+        label: string;
+    }>;
+};
+declare const TableTitleCell: import("svelte").Component<$$ComponentProps, {}, "">;
+type TableTitleCell = ReturnType<typeof TableTitleCell>;
+export default TableTitleCell;