runeforge 0.0.52 → 0.0.54

package/dist/components/crud/views/list/List.svelte

@@ -0,0 +1,291 @@
+<script lang="ts" generics="T extends object = Record<string, unknown>">
+	import { SvelteSet } from 'svelte/reactivity';
+	import { invalidateAll } from '$app/navigation';
+	import Toolbar from './Toolbar.svelte';
+	import Table from './Table.svelte';
+	import Modals from './Modals.svelte';
+	import { computeReorderChanges } from '../../utils/reorder.js';
+	import type {
+		ActionConfiguration,
+		ColumnDefinition,
+		CustomAction,
+		CustomBulkAction,
+		ListActions,
+		ListConfig,
+		ViewBasedCustomBulkAction
+	} from '../../../../types/crud.js';
+	import type {
+		FilterSnapshot,
+		ServerPagination,
+		SortDirection,
+		TableQuery
+	} from '../../../../types/table.js';
+	import { getStrings } from '../../../../i18n/context.js';
+
+	const strings = getStrings();
+
+	function isViewBasedBulkAction<U extends object>(
+		action: CustomBulkAction<U>
+	): action is ViewBasedCustomBulkAction<U> {
+		return action.kind === 'view';
+	}
+
+	let {
+		data = [] as T[],
+		labelOne = '',
+		labelMany = '',
+		icon,
+		pageSize = 10,
+		idKey = '_id',
+		creation = {} as ActionConfiguration<T>,
+		update = {} as ActionConfiguration<T>,
+		read = {} as ActionConfiguration<T>,
+		deletion = {} as ActionConfiguration<T>,
+		actions = {} as ListActions<T>,
+		config = {} as ListConfig<T>,
+		columns = [] as ColumnDefinition<T>[],
+		pagination = undefined as ServerPagination | undefined,
+		initialSort = undefined as { column: string; direction: SortDirection } | undefined,
+		initialFilters = undefined as Partial<FilterSnapshot> | undefined,
+		onPaginationChange = undefined as ((query: TableQuery) => void) | undefined,
+		onCreate,
+		onEdit,
+		onView,
+		onAction,
+		onBulkAction
+	}: {
+		data?: T[];
+		labelOne?: string;
+		labelMany?: string;
+		// eslint-disable-next-line @typescript-eslint/no-explicit-any
+		icon?: any;
+		pageSize?: number;
+		idKey?: string;
+		creation?: ActionConfiguration<T>;
+		update?: ActionConfiguration<T>;
+		read?: ActionConfiguration<T>;
+		deletion?: ActionConfiguration<T>;
+		actions?: ListActions<T>;
+		config?: ListConfig<T>;
+		columns?: ColumnDefinition<T>[];
+		pagination?: ServerPagination;
+		initialSort?: { column: string; direction: SortDirection };
+		initialFilters?: Partial<FilterSnapshot>;
+		onPaginationChange?: (query: TableQuery) => void;
+		onCreate?: () => void;
+		onEdit?: (item: T) => void;
+		onView?: (item: T) => void;
+		onAction?: (action: CustomAction<T>, item: T) => void;
+		onBulkAction?: (action: ViewBasedCustomBulkAction<T>, items: T[]) => void;
+	} = $props();
+
+	const customActions = $derived(actions.custom ?? []);
+	const bulkActions = $derived(actions.bulk ?? []);
+	const searchConfig = $derived(config.search);
+	const exportConfig = $derived(config.export);
+	const reorderConfig = $derived(config.reorder);
+
+	const allowRead = $derived(read.enabled ?? true);
+	const allowUpdate = $derived(update.enabled ?? true);
+	const allowDelete = $derived(deletion.enabled ?? true);
+	const allowCreate = $derived(creation.enabled ?? true);
+	const deleteLabel = $derived(deletion.label ?? strings.delete);
+	const updateLabel = $derived(update.label ?? strings.edit);
+	const readLabel = $derived(read.label ?? strings.view);
+	const allowSelection = $derived(
+		allowDelete || bulkActions.some((action) => !isViewBasedBulkAction(action))
+	);
+
+	// SvelteSet is already reactive on its own; passing it through Table's
+	// (and PaginatedTable's) own `bind:selected` makes svelte-check's
+	// non_reactive_update warning fire here too — a false positive, per the
+	// same reasoning as the "intentional one-time hydration" notes elsewhere
+	// in this codebase.
+	let selected = new SvelteSet<number>();
+	let pendingDeletion = $state<T[] | null>(null);
+	let pendingBulkAction = $state<{ action: CustomBulkAction<T>; items: T[] } | null>(null);
+	const selectedItems = $derived([...selected].map((i) => data[i]));
+
+	let visibleRows = $state<T[]>([]);
+	let exportQuery = $state<TableQuery | undefined>(undefined);
+
+	// `selected` holds indices into `data`; if `data` is swapped for a different
+	// slice (page/sort/filter change in server mode) stale indices could point
+	// at unrelated rows, so clear on any data reference change.
+	let lastData: T[] | undefined;
+	$effect(() => {
+		if (data !== lastData) {
+			selected.clear();
+			lastData = data;
+		}
+	});
+
+	async function runEndpointAction(
+		endpoint: string,
+		items: T[],
+		extraFields?: (item: T) => Record<string, string>
+	) {
+		await Promise.all(
+			items.map((item) => {
+				const fd = new FormData();
+				fd.set('id', String((item as Record<string, unknown>)[idKey] ?? ''));
+				for (const [k, v] of Object.entries(extraFields?.(item) ?? {})) fd.set(k, v);
+				return fetch(endpoint, { method: 'POST', body: fd });
+			})
+		);
+		await invalidateAll();
+	}
+
+	/** One POST for every row that moved, instead of `runEndpointAction`'s one
+	 * request per row — a drag that shifts N rows only settles once (on
+	 * release), but N rows changing means N *parallel* requests fire at that
+	 * moment, which reads a lot like "one per row crossed" from the network
+	 * tab. FormData field `changes` carries a JSON array of `{id, value}`
+	 * pairs, one per row whose `attribute` changed. */
+	async function runBatchEndpointAction(endpoint: string, items: T[], attribute: keyof T & string) {
+		const fd = new FormData();
+		fd.set(
+			'changes',
+			JSON.stringify(
+				items.map((item) => ({
+					id: String((item as Record<string, unknown>)[idKey] ?? ''),
+					value: (item as Record<string, unknown>)[attribute]
+				}))
+			)
+		);
+		await fetch(endpoint, { method: 'POST', body: fd });
+		await invalidateAll();
+	}
+
+	async function runDeletion(items: T[]) {
+		if (deletion.endpoint) {
+			await runEndpointAction(deletion.endpoint, items);
+		} else {
+			await deletion.callback?.(items);
+		}
+	}
+
+	function requestDeletion(items: T[]) {
+		if (deletion.confirm) {
+			pendingDeletion = items;
+		} else {
+			runDeletion(items);
+		}
+	}
+
+	function handleDeleteSelected() {
+		const items = [...selected].map((i) => data[i]);
+		selected.clear();
+		requestDeletion(items);
+	}
+
+	async function confirmDeletion() {
+		if (pendingDeletion) {
+			await runDeletion(pendingDeletion);
+			pendingDeletion = null;
+		}
+	}
+
+	async function runBulkAction(action: CustomBulkAction<T>, items: T[]) {
+		if (isViewBasedBulkAction(action)) return;
+		await runEndpointAction(action.endpoint, items);
+	}
+
+	function requestBulkAction(action: CustomBulkAction<T>, items: T[]) {
+		if (!isViewBasedBulkAction(action) && action.confirm) {
+			pendingBulkAction = { action, items };
+		} else {
+			runBulkAction(action, items);
+		}
+	}
+
+	function handleBulkAction(action: CustomBulkAction<T>) {
+		const items = selectedItems;
+		if (isViewBasedBulkAction(action)) {
+			onBulkAction?.(action, items);
+			return;
+		}
+		selected.clear();
+		requestBulkAction(action, items);
+	}
+
+	async function confirmBulkAction() {
+		if (pendingBulkAction) {
+			await runBulkAction(pendingBulkAction.action, pendingBulkAction.items);
+			pendingBulkAction = null;
+		}
+	}
+
+	async function handleReorder(rows: T[]) {
+		const cfg = reorderConfig;
+		if (!cfg) return;
+		const changed = computeReorderChanges(rows, cfg.attribute);
+		if (changed.length === 0) return;
+		if (cfg.endpoint) {
+			await runBatchEndpointAction(cfg.endpoint, changed, cfg.attribute);
+		} else {
+			await cfg.callback?.(changed);
+		}
+	}
+</script>
+
+<div class="flex flex-col gap-6">
+	<Toolbar
+		{labelOne}
+		{labelMany}
+		{icon}
+		{creation}
+		{allowCreate}
+		{allowDelete}
+		{deleteLabel}
+		search={searchConfig}
+		{exportConfig}
+		{bulkActions}
+		{columns}
+		{pagination}
+		{visibleRows}
+		{exportQuery}
+		selectedCount={selected.size}
+		{selectedItems}
+		{onCreate}
+		onDeleteSelected={handleDeleteSelected}
+		onBulkAction={handleBulkAction}
+	/>
+
+	<Table
+		{data}
+		{columns}
+		{pageSize}
+		selectable={allowSelection}
+		bind:selected
+		{pagination}
+		{initialSort}
+		{initialFilters}
+		{onPaginationChange}
+		bind:visibleRows
+		bind:query={exportQuery}
+		{customActions}
+		{allowRead}
+		{allowUpdate}
+		{allowDelete}
+		{readLabel}
+		{updateLabel}
+		{deleteLabel}
+		reorder={reorderConfig}
+		{onView}
+		{onEdit}
+		{onAction}
+		onRequestDeletion={(item) => requestDeletion([item])}
+		onReorder={handleReorder}
+	/>
+</div>
+
+<Modals
+	{deleteLabel}
+	{pendingDeletion}
+	{pendingBulkAction}
+	onCancelDeletion={() => (pendingDeletion = null)}
+	onConfirmDeletion={confirmDeletion}
+	onCancelBulkAction={() => (pendingBulkAction = null)}
+	onConfirmBulkAction={confirmBulkAction}
+/>

package/dist/components/crud/views/{List.svelte.d.ts → list/List.svelte.d.ts}

@@ -1,6 +1,5 @@
-import { type XlsxModule } from '../../table/export.js';
-import type { ActionConfiguration, ColumnDefinition, CustomAction, CustomBulkAction, SearchConfiguration, ViewBasedCustomBulkAction } from '../../../types/crud.js';
-import type { FilterSnapshot, ServerPagination, SortDirection, TableQuery } from '../../../types/table.js';
+import type { ActionConfiguration, ColumnDefinition, CustomAction, ListActions, ListConfig, ViewBasedCustomBulkAction } from '../../../../types/crud.js';
+import type { FilterSnapshot, ServerPagination, SortDirection, TableQuery } from '../../../../types/table.js';
 declare function $$render<T extends object = Record<string, unknown>>(): {
     props: {
         data?: T[];
@@ -13,9 +12,8 @@ declare function $$render<T extends object = Record<string, unknown>>(): {
         update?: ActionConfiguration<T>;
         read?: ActionConfiguration<T>;
         deletion?: ActionConfiguration<T>;
-        actions?: CustomAction<T>[];
-        customBulkActions?: CustomBulkAction<T>[];
-        search?: SearchConfiguration;
+        actions?: ListActions<T>;
+        config?: ListConfig<T>;
         columns?: ColumnDefinition<T>[];
         pagination?: ServerPagination;
         initialSort?: {
@@ -24,14 +22,6 @@ declare function $$render<T extends object = Record<string, unknown>>(): {
         };
         initialFilters?: Partial<FilterSnapshot>;
         onPaginationChange?: (query: TableQuery) => void;
-        /** Shows an icon-only export button (CSV, and Excel if `xlsx` is provided). */
-        enableExport?: boolean;
-        /** Server-pagination mode only: fetch all rows matching the current query
-         * (unpaginated) for export. Without it, export falls back to the loaded page. */
-        onExport?: (query: TableQuery) => Promise<T[]>;
-        /** Resolved `xlsx` (SheetJS) module, e.g. `import * as xlsx from 'xlsx'`.
-         * Enables the "Export as Excel" option; omit to only offer CSV. */
-        xlsx?: XlsxModule;
         onCreate?: () => void;
         onEdit?: (item: T) => void;
         onView?: (item: T) => void;

package/dist/components/crud/views/list/Modals.svelte

@@ -0,0 +1,56 @@
+<script lang="ts" generics="T extends object = Record<string, unknown>">
+	import Button from '../../../form/Button.svelte';
+	import Modal from '../../../Modal.svelte';
+	import type { CustomBulkAction } from '../../../../types/crud.js';
+	import { getStrings } from '../../../../i18n/context.js';
+
+	const strings = getStrings();
+
+	let {
+		deleteLabel = '',
+		pendingDeletion = null as T[] | null,
+		pendingBulkAction = null as { action: CustomBulkAction<T>; items: T[] } | null,
+		onCancelDeletion,
+		onConfirmDeletion,
+		onCancelBulkAction,
+		onConfirmBulkAction
+	}: {
+		deleteLabel?: string;
+		pendingDeletion?: T[] | null;
+		pendingBulkAction?: { action: CustomBulkAction<T>; items: T[] } | null;
+		onCancelDeletion?: () => void;
+		onConfirmDeletion?: () => void;
+		onCancelBulkAction?: () => void;
+		onConfirmBulkAction?: () => void;
+	} = $props();
+</script>
+
+{#if pendingDeletion !== null}
+	<Modal title={deleteLabel} onClose={onCancelDeletion}>
+		<p>{strings.deleteConfirm(pendingDeletion.length, deleteLabel)}</p>
+		<div class="flex justify-end gap-2 mt-4">
+			<Button variant="ghost" onclick={onCancelDeletion}>
+				{strings.cancel}
+			</Button>
+			<Button variant="error" onclick={onConfirmDeletion}>
+				{strings.confirm}
+			</Button>
+		</div>
+	</Modal>
+{/if}
+
+{#if pendingBulkAction !== null}
+	{@const pendingActionLabel =
+		pendingBulkAction.action.label ?? pendingBulkAction.action.tooltip ?? strings.actions}
+	<Modal title={pendingActionLabel} onClose={onCancelBulkAction}>
+		<p>{strings.deleteConfirm(pendingBulkAction.items.length, pendingActionLabel)}</p>
+		<div class="flex justify-end gap-2 mt-4">
+			<Button variant="ghost" onclick={onCancelBulkAction}>
+				{strings.cancel}
+			</Button>
+			<Button variant={pendingBulkAction.action.variant ?? 'primary'} onclick={onConfirmBulkAction}>
+				{strings.confirm}
+			</Button>
+		</div>
+	</Modal>
+{/if}

package/dist/components/crud/views/list/Modals.svelte.d.ts

@@ -0,0 +1,36 @@
+import type { CustomBulkAction } from '../../../../types/crud.js';
+declare function $$render<T extends object = Record<string, unknown>>(): {
+    props: {
+        deleteLabel?: string;
+        pendingDeletion?: T[] | null;
+        pendingBulkAction?: {
+            action: CustomBulkAction<T>;
+            items: T[];
+        } | null;
+        onCancelDeletion?: () => void;
+        onConfirmDeletion?: () => void;
+        onCancelBulkAction?: () => void;
+        onConfirmBulkAction?: () => void;
+    };
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends object = Record<string, unknown>> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends object = Record<string, unknown>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends object = Record<string, unknown>>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Modals: $$IsomorphicComponent;
+type Modals<T extends object = Record<string, unknown>> = InstanceType<typeof Modals<T>>;
+export default Modals;

package/dist/components/crud/views/list/Table.svelte

@@ -0,0 +1,176 @@
+<script lang="ts" generics="T extends object = Record<string, unknown>">
+	import { SvelteSet } from 'svelte/reactivity';
+	import Button from '../../../form/Button.svelte';
+	import PaginatedTable from '../../../table/PaginatedTable.svelte';
+	import { getIconSet } from '../../../../icons/context.js';
+	import { defaultIconSet } from '../../../../icons/sets/default.js';
+	import type {
+		ColumnDefinition,
+		CustomAction,
+		ReorderConfiguration,
+		RowAction
+	} from '../../../../types/crud.js';
+	import type {
+		FilterSnapshot,
+		ServerPagination,
+		SortDirection,
+		TableQuery
+	} from '../../../../types/table.js';
+
+	const icons = $derived(getIconSet() ?? defaultIconSet);
+
+	let {
+		data = [] as T[],
+		columns = [] as ColumnDefinition<T>[],
+		pageSize = 10,
+		selectable = true,
+		selected = $bindable(new SvelteSet<number>()),
+		pagination = undefined as ServerPagination | undefined,
+		initialSort = undefined as { column: string; direction: SortDirection } | undefined,
+		initialFilters = undefined as Partial<FilterSnapshot> | undefined,
+		onPaginationChange = undefined as ((query: TableQuery) => void) | undefined,
+		visibleRows = $bindable<T[]>([]),
+		query = $bindable<TableQuery | undefined>(undefined),
+		customActions = [] as CustomAction<T>[],
+		allowRead = true,
+		allowUpdate = true,
+		allowDelete = true,
+		readLabel = '',
+		updateLabel = '',
+		deleteLabel = '',
+		reorder = undefined as ReorderConfiguration<T> | undefined,
+		onView,
+		onEdit,
+		onAction,
+		onRequestDeletion,
+		onReorder
+	}: {
+		data?: T[];
+		columns?: ColumnDefinition<T>[];
+		pageSize?: number;
+		selectable?: boolean;
+		selected?: SvelteSet<number>;
+		pagination?: ServerPagination;
+		initialSort?: { column: string; direction: SortDirection };
+		initialFilters?: Partial<FilterSnapshot>;
+		onPaginationChange?: (query: TableQuery) => void;
+		visibleRows?: T[];
+		query?: TableQuery;
+		customActions?: CustomAction<T>[];
+		allowRead?: boolean;
+		allowUpdate?: boolean;
+		allowDelete?: boolean;
+		readLabel?: string;
+		updateLabel?: string;
+		deleteLabel?: string;
+		/** Drag-to-reorder configuration — see `ReorderConfiguration`. Ignored
+		 * in server-pagination mode (`pagination` set). */
+		reorder?: ReorderConfiguration<T>;
+		onView?: (item: T) => void;
+		onEdit?: (item: T) => void;
+		onAction?: (action: CustomAction<T>, item: T) => void;
+		onRequestDeletion?: (item: T) => void;
+		/** Fires with the complete reordered row list after a drag; the caller
+		 * (the list orchestrator) owns persisting it. */
+		onReorder?: (rows: T[]) => void;
+	} = $props();
+
+	const reorderActive = $derived(!!reorder && reorder.enabled !== false && !pagination);
+
+	const showRowActions = $derived(
+		allowRead || allowUpdate || allowDelete || customActions.length > 0
+	);
+
+	const rowActions = $derived<RowAction<T>[]>([
+		...customActions.map((action) => ({
+			label: action.label,
+			icon: action.icon,
+			toggle: action.toggle,
+			class: action.class,
+			condition: action.condition,
+			run: (item: T) => onAction?.(action, item)
+		})),
+		...(allowRead
+			? [{ label: readLabel, icon: icons.view, run: (item: T) => onView?.(item) }]
+			: []),
+		...(allowUpdate
+			? [{ label: updateLabel, icon: icons.edit, run: (item: T) => onEdit?.(item) }]
+			: []),
+		...(allowDelete
+			? [
+					{
+						label: deleteLabel,
+						icon: icons.delete,
+						class: 'text-error',
+						run: (item: T) => onRequestDeletion?.(item)
+					}
+				]
+			: [])
+	]);
+</script>
+
+{#snippet actionsCell(item: T)}
+	<div class="flex justify-end items-center gap-1">
+		{#each rowActions as action (action.label)}
+			{#if action.condition?.(item) ?? true}
+				{@const resolvedClass =
+					typeof action.class === 'function' ? action.class(item) : action.class}
+				{#if action.toggle}
+					<input
+						type="checkbox"
+						class={['toggle toggle-sm', resolvedClass]}
+						title={action.label}
+						aria-label={action.label}
+						checked={action.toggle(item)}
+						onclick={(e) => {
+							e.preventDefault();
+							e.stopPropagation();
+							action.run(item);
+						}}
+					/>
+				{:else}
+					{@const Icon = action.icon}
+					<Button
+						variant="ghost"
+						class={['btn-xs', resolvedClass]}
+						title={action.label}
+						aria-label={action.label}
+						onclick={(e) => {
+							e.stopPropagation();
+							action.run(item);
+						}}
+					>
+						<Icon class="size-4" />
+					</Button>
+				{/if}
+			{/if}
+		{/each}
+	</div>
+{/snippet}
+
+<div class="table-wrapper">
+	<PaginatedTable
+		{data}
+		{columns}
+		{pageSize}
+		{selectable}
+		bind:selected
+		rowActions={showRowActions ? actionsCell : undefined}
+		{pagination}
+		{initialSort}
+		{initialFilters}
+		{onPaginationChange}
+		bind:visibleRows
+		bind:query
+		reorder={reorderActive ? reorder : undefined}
+		{onReorder}
+	/>
+</div>
+
+<style>
+	.table-wrapper {
+		width: 100%;
+		max-width: var(--runeforge-crud-max-width);
+		margin-inline: auto;
+	}
+</style>

package/dist/components/crud/views/list/Table.svelte.d.ts

@@ -0,0 +1,59 @@
+import { SvelteSet } from 'svelte/reactivity';
+import type { ColumnDefinition, CustomAction, ReorderConfiguration } from '../../../../types/crud.js';
+import type { FilterSnapshot, ServerPagination, SortDirection, TableQuery } from '../../../../types/table.js';
+declare function $$render<T extends object = Record<string, unknown>>(): {
+    props: {
+        data?: T[];
+        columns?: ColumnDefinition<T>[];
+        pageSize?: number;
+        selectable?: boolean;
+        selected?: SvelteSet<number>;
+        pagination?: ServerPagination;
+        initialSort?: {
+            column: string;
+            direction: SortDirection;
+        };
+        initialFilters?: Partial<FilterSnapshot>;
+        onPaginationChange?: (query: TableQuery) => void;
+        visibleRows?: T[];
+        query?: TableQuery;
+        customActions?: CustomAction<T>[];
+        allowRead?: boolean;
+        allowUpdate?: boolean;
+        allowDelete?: boolean;
+        readLabel?: string;
+        updateLabel?: string;
+        deleteLabel?: string;
+        /** Drag-to-reorder configuration — see `ReorderConfiguration`. Ignored
+         * in server-pagination mode (`pagination` set). */
+        reorder?: ReorderConfiguration<T>;
+        onView?: (item: T) => void;
+        onEdit?: (item: T) => void;
+        onAction?: (action: CustomAction<T>, item: T) => void;
+        onRequestDeletion?: (item: T) => void;
+        /** Fires with the complete reordered row list after a drag; the caller
+         * (the list orchestrator) owns persisting it. */
+        onReorder?: (rows: T[]) => void;
+    };
+    exports: {};
+    bindings: "selected" | "visibleRows" | "query";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends object = Record<string, unknown>> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "selected" | "visibleRows" | "query";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends object = Record<string, unknown>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends object = Record<string, unknown>>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Table: $$IsomorphicComponent;
+type Table<T extends object = Record<string, unknown>> = InstanceType<typeof Table<T>>;
+export default Table;