@lavalogic/scoria 0.12.2 → 0.13.1

package/dist/Components/Table/Body/Rows/Columns/TableCheckbox.svelte

@@ -2,7 +2,7 @@
 
 <script lang="ts" module>
 	export interface TableCheckboxProps<T extends object> {
-		cell: TableCell<T>;
+		cell: TableCell<T, BoolFilterValueType>;
 
 		onchange?: ChangeEventHandler<HTMLInputElement>;
 	}
@@ -11,6 +11,7 @@
 <script lang="ts" generics="T extends object">
 	import type { TableCell } from '../../../Types/Columns/TableCell.js';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
+	import type { BoolFilterValueType } from '../../../Types/Filtering/FilterFn.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
 	import { ToastContext } from '../../../../../Contexts/ToastContext.svelte.js';
 	import { devCatch } from '../../../../../Helpers/Helpers.svelte.js';
@@ -22,10 +23,10 @@
 
 	const value = $derived(!!cell.getValue());
 
-	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 	const toastContext = getContext<ToastContext>(ToastContext.identifier);
 
-	const focusDetails: TableFocusDetails<T> = $derived(
+	const focusDetails: TableFocusDetails<T, BoolFilterValueType> = $derived(
 		new TableFocusDetails(cell, tableContext, toastContext.toast)
 	);
 

package/dist/Components/Table/Body/Rows/Columns/TableCheckbox.svelte.d.ts

@@ -1,8 +1,9 @@
 export interface TableCheckboxProps<T extends object> {
-    cell: TableCell<T>;
+    cell: TableCell<T, BoolFilterValueType>;
     onchange?: ChangeEventHandler<HTMLInputElement>;
 }
 import type { TableCell } from '../../../Types/Columns/TableCell.js';
+import type { BoolFilterValueType } from '../../../Types/Filtering/FilterFn.js';
 import type { ChangeEventHandler } from 'svelte/elements';
 declare function $$render<T extends object>(): {
     props: TableCheckboxProps<T>;

package/dist/Components/Table/Body/Rows/Columns/TableColumn.svelte

@@ -14,7 +14,6 @@
 	import { ActionsDef } from '../../../Types/Columns/Definitions/Actions/ActionsDef.svelte.js';
 	import { AbstractDisplayDef } from '../../../Types/Columns/Definitions/Display/AbstractDisplayDef.svelte.js';
 	import { ProgressBarDef } from '../../../Types/Columns/Definitions/Display/ProgressBarDef.svelte.js';
-	import { RowSelectionDef } from '../../../Types/Columns/Definitions/RowSelection/RowSelectionDef.svelte.js';
 	import type { ExpandTableCell } from '../../../Types/Columns/ExpandTableCell.js';
 	import type { ProgressBarTableCell } from '../../../Types/Columns/ProgressBarTableCell.js';
 	import { getErrorMessage } from '../../../../../Helpers/Helpers.svelte.js';
@@ -24,10 +23,10 @@
 	import TableRowSelectionCheckbox from './TableRowSelectionCheckbox.svelte';
 	import ValidityCell from './ValidityCell.svelte';
 
-	export interface TableColumnProps<T extends object> {
-		cell: TableCell<T>;
-		expandedColumnDef: ExpandDef<T> | undefined;
-		onExpandChange: (columnDef: ExpandDef<T>) => void;
+	export interface TableColumnProps<T extends object, FilterValueType> {
+		cell: TableCell<T, FilterValueType>;
+		expandedColumnDef: ExpandDef<T, object, Primitive> | undefined;
+		onExpandChange: (columnDef: ExpandDef<T, object, Primitive>) => void;
 	}
 
 	function isProgressBarTableCell<T extends object>(
@@ -37,11 +36,19 @@
 	}
 </script>
 
-<script lang="ts" generics="T extends object">
+<script lang="ts" generics="T extends object,FilterValueType">
 	import { dev } from '$app/environment';
+	import { RowSelectionDef } from '../../../Types/Columns/Definitions/RowSelection/RowSelectionDef.svelte.js';
+	import type { Primitive } from '../../../Types/Context/TableInitOptions.js';
+	import type { RowSelectionTableCell } from './RowSelectionTableCell.js';
 
-	let { cell, expandedColumnDef, onExpandChange }: TableColumnProps<T> = $props();
+	let { cell, expandedColumnDef, onExpandChange }: TableColumnProps<T, FilterValueType> = $props();
 
+	function isRowSelectionCell<T extends object>(
+		cell: TableCell<T, FilterValueType>
+	): cell is RowSelectionTableCell<T> {
+		return cell.column.columnDef instanceof RowSelectionDef;
+	}
 	function valueOrComponentIsConstructor(
 		valueOrComponent: unknown
 		// eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -52,7 +59,7 @@
 	function isActionsDef(cell: TableCell<T>): cell is ActionsTableCell<T> {
 		return cell.column.columnDef instanceof ActionsDef;
 	}
-	function isExpandTableCell(cell: TableCell<T>): cell is ExpandTableCell<T> {
+	function isExpandTableCell(cell: TableCell<T>): cell is ExpandTableCell<T, object, Primitive> {
 		return cell.column.columnDef instanceof ExpandDef;
 	}
 
@@ -64,7 +71,7 @@
 {#if cell.column.getIsVisible()}
 	{@const columnDef = cell.column.columnDef}
 
-	{#if columnDef instanceof RowSelectionDef}
+	{#if isRowSelectionCell(cell)}
 		<TableRowSelectionCheckbox {cell} />
 	{:else if isActionsDef(cell)}
 		<ActionsCell {cell} />

package/dist/Components/Table/Body/Rows/Columns/TableColumn.svelte.d.ts

@@ -1,31 +1,32 @@
 import { ExpandDef } from '../../../Types/Columns/Definitions/Expand/ExpandDef.svelte.js';
 import type { TableCell } from '../../../Types/Columns/TableCell.js';
-export interface TableColumnProps<T extends object> {
-    cell: TableCell<T>;
-    expandedColumnDef: ExpandDef<T> | undefined;
-    onExpandChange: (columnDef: ExpandDef<T>) => void;
+export interface TableColumnProps<T extends object, FilterValueType> {
+    cell: TableCell<T, FilterValueType>;
+    expandedColumnDef: ExpandDef<T, object, Primitive> | undefined;
+    onExpandChange: (columnDef: ExpandDef<T, object, Primitive>) => void;
 }
-declare function $$render<T extends object>(): {
-    props: TableColumnProps<T>;
+import type { Primitive } from '../../../Types/Context/TableInitOptions.js';
+declare function $$render<T extends object, FilterValueType>(): {
+    props: TableColumnProps<T, FilterValueType>;
     exports: {};
     bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<T extends object> {
-    props(): ReturnType<typeof $$render<T>>['props'];
-    events(): ReturnType<typeof $$render<T>>['events'];
-    slots(): ReturnType<typeof $$render<T>>['slots'];
+declare class __sveltets_Render<T extends object, FilterValueType> {
+    props(): ReturnType<typeof $$render<T, FilterValueType>>['props'];
+    events(): ReturnType<typeof $$render<T, FilterValueType>>['events'];
+    slots(): ReturnType<typeof $$render<T, FilterValueType>>['slots'];
     bindings(): "";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <T extends object>(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>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+    new <T extends object, FilterValueType>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, FilterValueType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, FilterValueType>['props']>, ReturnType<__sveltets_Render<T, FilterValueType>['events']>, ReturnType<__sveltets_Render<T, FilterValueType>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, FilterValueType>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, FilterValueType>['exports']>;
+    <T extends object, FilterValueType>(internal: unknown, props: ReturnType<__sveltets_Render<T, FilterValueType>['props']> & {}): ReturnType<__sveltets_Render<T, FilterValueType>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const TableColumn: $$IsomorphicComponent;
-type TableColumn<T extends object> = InstanceType<typeof TableColumn<T>>;
+type TableColumn<T extends object, FilterValueType> = InstanceType<typeof TableColumn<T, FilterValueType>>;
 export default TableColumn;

package/dist/Components/Table/Body/Rows/Columns/TableDatePicker.svelte

@@ -4,6 +4,7 @@
 	import { dev } from '$app/environment';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
 	import type { CellCoordinates } from '../../../Types/Coordinates/CellCoordinates.js';
+	import type { DateFilterValueType } from '../../../Types/Filtering/FilterFn.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
 	import DateModal from '../../../../Touch/DateModal.svelte';
 	import { ToastContext } from '../../../../../Contexts/ToastContext.svelte.js';
@@ -18,7 +19,7 @@
 
 	const dateValue = $derived(value && value instanceof Date ? value : undefined);
 
-	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 	const { toast } = getContext<ToastContext>(ToastContext.identifier);
 
 	const columnDef = $derived(cell.column.columnDef);
@@ -57,7 +58,7 @@
 			}
 		})().catch(devCatch);
 	});
-	const focusDetails: TableFocusDetails<T> = $derived(
+	const focusDetails: TableFocusDetails<T, DateFilterValueType> = $derived(
 		new TableFocusDetails(cell, tableContext, toast)
 	);
 
@@ -102,9 +103,9 @@
 		validityPromise
 			.then(([validity]) => {
 				if (validity === Validity.Invalid) {
-					tableContext.addInvalidValue(cell.row.original);
+					return tableContext.addInvalidValue(cell.row.original);
 				} else {
-					tableContext.removeInvalidValue(cell.row.original);
+					return tableContext.removeInvalidValue(cell.row.original);
 				}
 			})
 			.catch(devCatch);

package/dist/Components/Table/Body/Rows/Columns/TableNumberInput.svelte

@@ -2,7 +2,7 @@
 
 <script lang="ts" module>
 	export interface TableNumberInputProps<T extends object> {
-		cell: TableCell<T>;
+		cell: TableCell<T, NumberFilterValueType>;
 	}
 </script>
 
@@ -11,6 +11,7 @@
 	import { NumberInputDef } from '../../../Types/Columns/Definitions/Accessors/NumberInputDef.svelte.js';
 	import type { TableCell } from '../../../Types/Columns/TableCell.js';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
+	import type { NumberFilterValueType } from '../../../Types/Filtering/FilterFn.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
 	import { ToastContext } from '../../../../../Contexts/ToastContext.svelte.js';
 	import { devCatch } from '../../../../../Helpers/Helpers.svelte.js';
@@ -47,7 +48,7 @@
 	let tdref: HTMLTableCellElement | undefined = $state();
 	let inputRef: HTMLInputElement | undefined = $state();
 
-	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 	const { toast } = getContext<ToastContext>(ToastContext.identifier);
 
 	const editableAsync = $derived(
@@ -79,7 +80,7 @@
 		})().catch(devCatch);
 	});
 
-	const focusDetails: TableFocusDetails<T> = $derived(
+	const focusDetails: TableFocusDetails<T, NumberFilterValueType> = $derived(
 		new TableFocusDetails(cell, tableContext, toast)
 	);
 
@@ -160,12 +161,13 @@
 			untrack(() => {
 				tick()
 					.then(() => {
-						if (validity === Validity.Invalid) {
-							tableContext.addInvalidValue(cell.row.original);
-						} else {
-							tableContext.removeInvalidValue(cell.row.original);
-						}
+						const x: Promise<void> =
+							validity === Validity.Invalid
+								? tableContext.addInvalidValue(cell.row.original)
+								: tableContext.removeInvalidValue(cell.row.original);
+
 						previousValidity = validity;
+						return x;
 					})
 					.catch(devCatch);
 			});

package/dist/Components/Table/Body/Rows/Columns/TableNumberInput.svelte.d.ts

@@ -1,7 +1,8 @@
 export interface TableNumberInputProps<T extends object> {
-    cell: TableCell<T>;
+    cell: TableCell<T, NumberFilterValueType>;
 }
 import type { TableCell } from '../../../Types/Columns/TableCell.js';
+import type { NumberFilterValueType } from '../../../Types/Filtering/FilterFn.js';
 declare function $$render<T extends object>(): {
     props: TableNumberInputProps<T>;
     exports: {};

package/dist/Components/Table/Body/Rows/Columns/TableQuerySelect.svelte

@@ -5,6 +5,7 @@
 	import QuerySelect from '../../../../QuerySelect.svelte';
 	import type { QueryDef } from '../../../Types/Columns/Definitions/Accessors/QueryDef.svelte.js';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
+	import type { SelectFilterValueType } from '../../../Types/Filtering/FilterFn.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
 	import { ToastContext } from '../../../../../Contexts/ToastContext.svelte.js';
 	import { devCatch } from '../../../../../Helpers/Helpers.svelte.js';
@@ -28,7 +29,7 @@
 
 	let lastOptions: Array<SelectOption<unknown>> = $state([]);
 
-	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 	const { toast } = getContext<ToastContext>(ToastContext.identifier);
 
 	const editableAsync = $derived(
@@ -102,7 +103,7 @@
 		});
 	});
 
-	const focusDetails: TableFocusDetails<T> = $derived(
+	const focusDetails: TableFocusDetails<T, SelectFilterValueType<T>> = $derived(
 		new TableFocusDetails(cell, tableContext, toast)
 	);
 
@@ -174,12 +175,14 @@
 			untrack(() => {
 				tick()
 					.then(() => {
-						if (validity === Validity.Invalid) {
-							tableContext.addInvalidValue(cell.row.original);
-						} else {
-							tableContext.removeInvalidValue(cell.row.original);
-						}
+						const x =
+							validity === Validity.Invalid
+								? tableContext.addInvalidValue(cell.row.original)
+								: tableContext.removeInvalidValue(cell.row.original);
+
 						previousValidity = validity;
+
+						return x;
 					})
 					.catch(devCatch);
 			});

package/dist/Components/Table/Body/Rows/Columns/TableRowSelectionCheckbox.svelte

@@ -4,29 +4,31 @@
 	import type { RowSelectionDef } from '../../../Types/Columns/Definitions/RowSelection/RowSelectionDef.svelte.js';
 	import type { TableCell } from '../../../Types/Columns/TableCell.js';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
+	import type { BoolFilterValueType } from '../../../Types/Filtering/FilterFn.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
 	import { ToastContext } from '../../../../../Contexts/ToastContext.svelte.js';
+	import { devCatch } from '../../../../../Helpers/Helpers.svelte.js';
 	import { getContext } from 'svelte';
 	import type { ChangeEventHandler } from 'svelte/elements';
 
 	export interface TableCheckboxProps<T extends object> {
-		cell: TableCell<T>;
+		cell: TableCell<T, BoolFilterValueType>;
 
 		onchange?: ChangeEventHandler<HTMLInputElement>;
 	}
 </script>
 
-<script lang="ts" generics="T extends object">
+<script lang="ts" generics="T extends object,">
 	const { cell, onchange: parentOnchange }: TableCheckboxProps<T> = $props();
 
-	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 	const toastContext = getContext<ToastContext>(ToastContext.identifier);
 
-	const focusDetails: TableFocusDetails<T> = $derived(
+	const focusDetails: TableFocusDetails<T, BoolFilterValueType> = $derived(
 		new TableFocusDetails(cell, tableContext, toastContext.toast)
 	);
 
-	const key = $derived(tableContext.selectionExtractor(cell.row.original));
+	const key: Promise<unknown> = $derived(tableContext.selectionExtractor(cell.row.original));
 
 	const value = $derived(tableContext.selectedItems.has(key));
 
@@ -38,7 +40,9 @@
 	);
 
 	const onchange: ChangeEventHandler<HTMLInputElement> = (e) => {
-		tableContext.toggleSelected(cell.row.original, (e.target as HTMLInputElement).checked);
+		tableContext
+			.toggleSelected(cell.row.original, (e.target as HTMLInputElement).checked)
+			.catch(devCatch);
 		parentOnchange?.(e);
 	};
 
@@ -67,7 +71,7 @@
 	onkeyup={(e) => {
 		if (e.key === 'Enter') {
 			e.stopPropagation();
-			tableContext.toggleSelected(cell.row.original, !value);
+			tableContext.toggleSelected(cell.row.original, !value).catch(devCatch);
 
 			inputRef?.dispatchEvent(new InputEvent('change'));
 			// tableContext.onEditCell(cell.row.original, focusDetails.coordinates, !value);

package/dist/Components/Table/Body/Rows/Columns/TableRowSelectionCheckbox.svelte.d.ts

@@ -1,7 +1,8 @@
 import type { TableCell } from '../../../Types/Columns/TableCell.js';
+import type { BoolFilterValueType } from '../../../Types/Filtering/FilterFn.js';
 import type { ChangeEventHandler } from 'svelte/elements';
 export interface TableCheckboxProps<T extends object> {
-    cell: TableCell<T>;
+    cell: TableCell<T, BoolFilterValueType>;
     onchange?: ChangeEventHandler<HTMLInputElement>;
 }
 declare function $$render<T extends object>(): {

package/dist/Components/Table/Body/Rows/Columns/TableSelect.svelte

@@ -4,6 +4,7 @@
 	import { dev } from '$app/environment';
 	import SingleSelect from '../../../../SingleSelect.svelte';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
+	import type { SelectFilterValueType } from '../../../Types/Filtering/FilterFn.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
 	import { ToastContext } from '../../../../../Contexts/ToastContext.svelte.js';
 	import { devCatch } from '../../../../../Helpers/Helpers.svelte.js';
@@ -26,7 +27,7 @@
 
 	const optional = $derived(cell.column.columnDef.optional);
 
-	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 	const { toast } = getContext<ToastContext>(ToastContext.identifier);
 
 	const editableAsync = $derived(
@@ -58,7 +59,7 @@
 		})().catch(devCatch);
 	});
 
-	const focusDetails: TableFocusDetails<T> = $derived(
+	const focusDetails: TableFocusDetails<T, SelectFilterValueType<T> | undefined> = $derived(
 		new TableFocusDetails(cell, tableContext, toast)
 	);
 
@@ -138,12 +139,14 @@
 			untrack(() => {
 				tick()
 					.then(() => {
-						if (validity === Validity.Invalid) {
-							tableContext.addInvalidValue(cell.row.original);
-						} else {
-							tableContext.removeInvalidValue(cell.row.original);
-						}
+						const x =
+							validity === Validity.Invalid
+								? tableContext.addInvalidValue(cell.row.original)
+								: tableContext.removeInvalidValue(cell.row.original);
+
 						previousValidity = validity;
+
+						return x;
 					})
 					.catch(devCatch);
 			});

package/dist/Components/Table/Body/Rows/Columns/TableTextInput.svelte

@@ -1,6 +1,6 @@
 <svelte:options runes />
 
-<script lang="ts" generics="T extends object">
+<script lang="ts" generics="T extends object,FilterValueType">
 	import { dev } from '$app/environment';
 
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
@@ -13,7 +13,7 @@
 	import { getContext, tick, untrack } from 'svelte';
 	import type { TableTextInputProps } from './TableTextInputProps.js';
 
-	const { cell }: TableTextInputProps<T> = $props();
+	const { cell }: TableTextInputProps<T, FilterValueType> = $props();
 
 	// const columnDef: ITextInputColumnAccessorDef<T> = $derived(
 	// 	getNumberColumnDefOrError(cell.column.columnDef)
@@ -56,10 +56,10 @@
 	let tdref = $state<HTMLTableCellElement | undefined>();
 	let inputRef = $state<HTMLInputElement | undefined>();
 
-	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 	const toastContext = getContext<ToastContext>(ToastContext.identifier);
 
-	const focusDetails: TableFocusDetails<T> = $derived(
+	const focusDetails: TableFocusDetails<T, never> = $derived(
 		new TableFocusDetails(cell, tableContext, toastContext.toast)
 	);
 
@@ -150,12 +150,14 @@
 			untrack(() => {
 				tick()
 					.then(() => {
-						if (validity === Validity.Invalid) {
-							tableContext.addInvalidValue(cell.row.original);
-						} else {
-							tableContext.removeInvalidValue(cell.row.original);
-						}
+						const x =
+							validity === Validity.Invalid
+								? tableContext.addInvalidValue(cell.row.original)
+								: tableContext.removeInvalidValue(cell.row.original);
+
 						previousValidity = validity;
+
+						return x;
 					})
 					.catch(devCatch);
 			});

package/dist/Components/Table/Body/Rows/Columns/TableTextInput.svelte.d.ts

@@ -1,25 +1,25 @@
 import type { TableTextInputProps } from './TableTextInputProps.js';
-declare function $$render<T extends object>(): {
-    props: TableTextInputProps<T>;
+declare function $$render<T extends object, FilterValueType>(): {
+    props: TableTextInputProps<T, FilterValueType>;
     exports: {};
     bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<T extends object> {
-    props(): ReturnType<typeof $$render<T>>['props'];
-    events(): ReturnType<typeof $$render<T>>['events'];
-    slots(): ReturnType<typeof $$render<T>>['slots'];
+declare class __sveltets_Render<T extends object, FilterValueType> {
+    props(): ReturnType<typeof $$render<T, FilterValueType>>['props'];
+    events(): ReturnType<typeof $$render<T, FilterValueType>>['events'];
+    slots(): ReturnType<typeof $$render<T, FilterValueType>>['slots'];
     bindings(): "";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <T extends object>(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>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+    new <T extends object, FilterValueType>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, FilterValueType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, FilterValueType>['props']>, ReturnType<__sveltets_Render<T, FilterValueType>['events']>, ReturnType<__sveltets_Render<T, FilterValueType>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, FilterValueType>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, FilterValueType>['exports']>;
+    <T extends object, FilterValueType>(internal: unknown, props: ReturnType<__sveltets_Render<T, FilterValueType>['props']> & {}): ReturnType<__sveltets_Render<T, FilterValueType>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const TableTextInput: $$IsomorphicComponent;
-type TableTextInput<T extends object> = InstanceType<typeof TableTextInput<T>>;
+type TableTextInput<T extends object, FilterValueType> = InstanceType<typeof TableTextInput<T, FilterValueType>>;
 export default TableTextInput;

package/dist/Components/Table/Body/Rows/Columns/TableTextInputProps.d.ts

@@ -1,4 +1,4 @@
 import type { TableCell } from '../../../Types/Columns/TableCell.js';
-export interface TableTextInputProps<T extends object> {
-    cell: TableCell<T>;
+export interface TableTextInputProps<T extends object, FilterValueType> {
+    cell: TableCell<T, FilterValueType>;
 }

package/dist/Components/Table/Body/Rows/Columns/ValidityCell.svelte

@@ -36,18 +36,18 @@
 	let previousFocusElement: HTMLElement | undefined = $state();
 </script>
 
-<script lang="ts" generics="T extends object">
+<script lang="ts" generics="T extends object,  FilterValueType">
 	import { getContext, tick, untrack } from 'svelte';
 	import type { ValidityCellProps } from './ValidityCellProps.js';
 
-	const { cell }: ValidityCellProps<T> = $props();
+	const { cell }: ValidityCellProps<T, FilterValueType> = $props();
 
-	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 	const { toast } = getContext<ToastContext>(ToastContext.identifier);
 
-	const ColumnDef = $derived(cell.column.columnDef as AbstractDisplayDef<T>);
+	const ColumnDef = $derived(cell.column.columnDef as AbstractDisplayDef<T, FilterValueType>);
 
-	const focusDetails: TableFocusDetails<T> = $derived(
+	const focusDetails: TableFocusDetails<T, FilterValueType> = $derived(
 		new TableFocusDetails(cell, tableContext, toast)
 	);
 
@@ -76,9 +76,9 @@
 				const [validityValue] = await validity;
 
 				if (validityValue === Validity.Invalid) {
-					tableContext.addInvalidValue(cell.row.original);
+					return tableContext.addInvalidValue(cell.row.original);
 				} else {
-					tableContext.removeInvalidValue(cell.row.original);
+					return tableContext.removeInvalidValue(cell.row.original);
 				}
 			})().catch(devCatch);
 		});

package/dist/Components/Table/Body/Rows/Columns/ValidityCell.svelte.d.ts

@@ -1,25 +1,25 @@
 import type { ValidityCellProps } from './ValidityCellProps.js';
-declare function $$render<T extends object>(): {
-    props: ValidityCellProps<T>;
+declare function $$render<T extends object, FilterValueType>(): {
+    props: ValidityCellProps<T, FilterValueType>;
     exports: {};
     bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<T extends object> {
-    props(): ReturnType<typeof $$render<T>>['props'];
-    events(): ReturnType<typeof $$render<T>>['events'];
-    slots(): ReturnType<typeof $$render<T>>['slots'];
+declare class __sveltets_Render<T extends object, FilterValueType> {
+    props(): ReturnType<typeof $$render<T, FilterValueType>>['props'];
+    events(): ReturnType<typeof $$render<T, FilterValueType>>['events'];
+    slots(): ReturnType<typeof $$render<T, FilterValueType>>['slots'];
     bindings(): "";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <T extends object>(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>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+    new <T extends object, FilterValueType>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, FilterValueType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, FilterValueType>['props']>, ReturnType<__sveltets_Render<T, FilterValueType>['events']>, ReturnType<__sveltets_Render<T, FilterValueType>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, FilterValueType>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, FilterValueType>['exports']>;
+    <T extends object, FilterValueType>(internal: unknown, props: ReturnType<__sveltets_Render<T, FilterValueType>['props']> & {}): ReturnType<__sveltets_Render<T, FilterValueType>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const ValidityCell: $$IsomorphicComponent;
-type ValidityCell<T extends object> = InstanceType<typeof ValidityCell<T>>;
+type ValidityCell<T extends object, FilterValueType> = InstanceType<typeof ValidityCell<T, FilterValueType>>;
 export default ValidityCell;

package/dist/Components/Table/Body/Rows/Columns/ValidityCellProps.d.ts

@@ -1,4 +1,4 @@
 import type { TableCell } from '../../../Types/Columns/TableCell.js';
-export interface ValidityCellProps<T extends object> {
-    cell: TableCell<T>;
+export interface ValidityCellProps<T extends object, in FilterValueType> {
+    cell: TableCell<T, FilterValueType>;
 }