@lavalogic/scoria 0.12.2 → 0.12.3

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';
@@ -102,7 +103,7 @@
 		});
 	});
 
-	const focusDetails: TableFocusDetails<T> = $derived(
+	const focusDetails: TableFocusDetails<T, SelectFilterValueType<T>> = $derived(
 		new TableFocusDetails(cell, tableContext, toast)
 	);
 

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

@@ -4,25 +4,26 @@
 	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 { 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 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/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';
@@ -58,7 +59,7 @@
 		})().catch(devCatch);
 	});
 
-	const focusDetails: TableFocusDetails<T> = $derived(
+	const focusDetails: TableFocusDetails<T, SelectFilterValueType<T> | undefined> = $derived(
 		new TableFocusDetails(cell, tableContext, toast)
 	);
 

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)
@@ -59,7 +59,7 @@
 	const tableContext = getContext<TableContext<T>>(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)
 	);
 

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 { 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)
 	);
 

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>;
 }

package/dist/Components/Table/Body/Rows/TableRow.svelte

@@ -19,7 +19,7 @@
 	const hoverable = $derived(tableContext.changeColourOnHover);
 
 	//HACK converted this from derived to state+deffect because otherwise this throws an unsafe mutation error deeper down the stack
-	const cells: Array<TableCell<T>> = $derived(
+	const cells: Array<TableCell<T, never>> = $derived(
 		side === 'left'
 			? row.getLeftVisibleCells()
 			: side === 'right'

package/dist/Components/Table/ColumnDefinitions/ExampleItemColumnDefRepository.svelte.d.ts

@@ -2,4 +2,4 @@ import type { ExampleItem } from '../../../Types/Examples/ExampleItem.js';
 import { type Component } from 'svelte';
 import type { DisplayDefModalProps } from '../Types/Columns/Definitions/Display/AbstractDisplayDef.svelte.js';
 import type { DefsWrapper } from '../Types/Columns/DefsWrapper.js';
-export declare function generateExampleItemColumnDefs(modal: Component<DisplayDefModalProps<ExampleItem>, object, ''>): DefsWrapper<ExampleItem>;
+export declare function generateExampleItemColumnDefs(modal: Component<DisplayDefModalProps<ExampleItem, never>, object, ''>): DefsWrapper<ExampleItem>;

package/dist/Components/Table/ColumnDefinitions/ExampleItemColumnDefRepository.svelte.js

@@ -13,8 +13,22 @@ import { BubbleDef } from '../Types/Columns/Definitions/Display/BubbleDef.svelte
 import { DisplayDef } from '../Types/Columns/Definitions/Display/DisplayDef.svelte.js';
 import { ProgressBarDef } from '../Types/Columns/Definitions/Display/ProgressBarDef.svelte.js';
 import { ValidityDef } from '../Types/Columns/Definitions/Display/ValidityDef.svelte.js';
+import { ExpandDef } from '../Types/Columns/Definitions/Expand/ExpandDef.svelte.js';
 export function generateExampleItemColumnDefs(modal) {
     let defs = $state([
+        new ExpandDef({
+            accessorFn: (it) => [it],
+            getInnerColumnDefs: () => generateExampleItemColumnDefs(modal),
+            header: 'Expand Cell',
+            id: 'expand',
+            headerIcon: 'access-token',
+            innerTableName: 'expand-inner',
+            innerTableOptions: {
+                selectionExtractor: (item) => item.id,
+                getUserId: () => '1'
+            },
+            isEnabled: () => true
+        }),
         new ValidityDef({
             header: 'Valid',
             id: 'valid',

package/dist/Components/Table/Types/Columns/Column.d.ts

@@ -1,7 +1,7 @@
 import type { ColumnDef } from './Definitions/ColumnDef.svelte.js';
-export interface Column<T extends object> {
+export interface Column<T extends object, in FilterFnType = undefined> {
     id: string;
-    columnDef: ColumnDef<T, never>;
+    columnDef: ColumnDef<T, FilterFnType>;
     getCanSort: () => boolean;
     getToggleSortingHandler: () => ((e: MouseEvent) => void) | undefined;
     getIsSorted: () => 'asc' | 'desc' | 'none';

package/dist/Components/Table/Types/Columns/Definitions/ColumnDef.svelte.d.ts

@@ -7,7 +7,7 @@ import type { FilterValueType } from '../../Filtering/FilterValueType.js';
 import { ColumnType } from '../ColumnType.js';
 import type { AccessorFn } from './AccessorFn.js';
 import type { ValidationFn } from './ValidationFn.js';
-export interface ColumnDefProps<T extends object, FilterFnType = undefined> {
+export interface ColumnDefProps<T extends object, in FilterFnType = undefined> {
     id: string;
     header: string | Snippet;
     debug?: boolean;
@@ -26,7 +26,7 @@ export interface ColumnDefProps<T extends object, FilterFnType = undefined> {
     accessorFn?: AccessorFn<T>;
     getDisplayValue?: (item: T, index: number) => string | null | Promise<string | null>;
 }
-export declare abstract class ColumnDef<T extends object, FilterFnType = undefined> {
+export declare abstract class ColumnDef<T extends object, in FilterFnType = undefined> {
     protected constructor(props: ColumnDefProps<T, FilterFnType>);
     readonly id: string;
     debug: boolean;

package/dist/Components/Table/Types/Columns/Definitions/Display/AbstractDisplayDef.svelte.d.ts

@@ -2,17 +2,17 @@ import type { Component } from 'svelte';
 import type { DisplayType } from '../../DisplayType.js';
 import type { TableCell } from '../../TableCell.js';
 import { ColumnDef, type ColumnDefProps } from '../ColumnDef.svelte.js';
-export interface DisplayDefModalProps<T extends object> {
-    cell: TableCell<T>;
+export interface DisplayDefModalProps<T extends object, in FilterValueType> {
+    cell: TableCell<T, FilterValueType>;
     onclose: () => void;
     onsubmit: () => void;
 }
-export interface AbstractDisplayDefProps<T extends object, FilterFnType = undefined> extends ColumnDefProps<T, FilterFnType> {
+export interface AbstractDisplayDefProps<T extends object, FilterFnType> extends ColumnDefProps<T, FilterFnType> {
     modal?: Component<any, any, any>;
 }
-export declare abstract class AbstractDisplayDef<T extends object, FilterFnType = undefined> extends ColumnDef<T, FilterFnType> {
+export declare abstract class AbstractDisplayDef<T extends object, FilterValueType> extends ColumnDef<T, FilterValueType> {
     abstract readonly displayType: DisplayType;
-    constructor(props: AbstractDisplayDefProps<T, FilterFnType>);
+    constructor(props: AbstractDisplayDefProps<T, FilterValueType>);
     readonly columnType: "Display";
-    readonly modal: Component<DisplayDefModalProps<T>, any, any> | undefined;
+    readonly modal: Component<DisplayDefModalProps<T, FilterValueType>, any, any> | undefined;
 }

package/dist/Components/Table/Types/Columns/Definitions/Display/ValidityDef.svelte.d.ts

@@ -1,11 +1,11 @@
 import type { ValidationFn } from '../ValidationFn.js';
 import { AbstractDisplayDef, type AbstractDisplayDefProps } from './AbstractDisplayDef.svelte.js';
-export interface ValidityDefProps<T extends object> extends AbstractDisplayDefProps<T> {
+export interface ValidityDefProps<T extends object, FilterValueType> extends AbstractDisplayDefProps<T, FilterValueType> {
     isValid: ValidationFn<T>;
 }
-export declare class ValidityDef<T extends object> extends AbstractDisplayDef<T> {
+export declare class ValidityDef<T extends object, FilterValueType> extends AbstractDisplayDef<T, FilterValueType> {
     readonly displayType: "Validity";
-    constructor(props: ValidityDefProps<T>);
+    constructor(props: ValidityDefProps<T, FilterValueType>);
     readonly filterFn: undefined;
     readonly isValid: ValidationFn<T>;
 }

package/dist/Components/Table/Types/Columns/DefsWrapper.d.ts

@@ -1,6 +1,6 @@
 import type { CustomRemoteFilters } from '../Filtering/CustomRemoteFilters.js';
 import type { ColumnDef } from './Definitions/ColumnDef.svelte.js';
-export interface DefsWrapper<T extends object> {
-    defs: Array<ColumnDef<T>>;
+export interface DefsWrapper<T extends object, in FilterValueType = undefined> {
+    defs: Array<ColumnDef<T, FilterValueType>>;
     remoteFilters?: CustomRemoteFilters;
 }

package/dist/Components/Table/Types/Columns/ProgressBarTableCell.d.ts

@@ -1,7 +1,8 @@
 import type { Row } from '../Context/Row.js';
+import type { NumberFilterValueType } from '../Filtering/FilterFn.js';
 import type { ProgressBarColumn } from './ProgressBarColumn.js';
 import type { TableCell } from './TableCell.js';
-export interface ProgressBarTableCell<T extends object> extends TableCell<T> {
+export interface ProgressBarTableCell<T extends object> extends TableCell<T, NumberFilterValueType> {
     column: ProgressBarColumn<T>;
     row: Row<T>;
     id: string;

package/dist/Components/Table/Types/Columns/TableCell.d.ts

@@ -1,7 +1,7 @@
 import type { Row } from '../Context/Row.js';
 import type { Column } from './Column.js';
-export interface TableCell<T extends object> {
-    column: Column<T>;
+export interface TableCell<T extends object, in FilterValueType = never> {
+    column: Column<T, FilterValueType>;
     row: Row<T>;
     id: string;
     getValue: () => unknown | Promise<unknown>;

package/dist/Components/Table/Types/Filtering/CustomFilterFn.d.ts

@@ -1,2 +1,2 @@
 import type { FilterMode } from './FilterMode.js';
-export type CustomFilterFn = (mode: FilterMode, value: unknown) => Promise<boolean>;
+export type CustomFilterFn = (mode: FilterMode, value: unknown) => boolean | Promise<boolean>;

package/dist/Components/Table/Types/Filtering/FilterFn.d.ts

@@ -6,4 +6,4 @@ export type SelectFilterValueType<T, columnType = T[keyof T]> = string | Array<u
 } | undefined;
 export type BoolFilterValueType = boolean | null;
 export type StringFilterValueType = string | null;
-export type FilterFn<T extends object, FilterValueType> = (row: Row<T>, columnId: string, filterValue: FilterValueType) => Promise<boolean>;
+export type FilterFn<T extends object, FilterValueType> = (row: Row<T>, columnId: string, filterValue: FilterValueType) => boolean | Promise<boolean>;

package/dist/Components/Table/Types/Focus/TableFocusDetails.svelte.d.ts

@@ -1,13 +1,14 @@
+import type { ToastContext } from '../../../../Contexts/ToastContext.svelte.js';
 import { Validity } from '../../../../Types/Internal/Validity.js';
 import type { TableCell } from '../Columns/TableCell.js';
 import type { TableContext } from '../Context/TableContext.svelte.js';
 import type { CellCoordinates } from '../Coordinates/CellCoordinates.js';
-export declare class TableFocusDetails<T extends object> {
+export declare class TableFocusDetails<T extends object, in FilterValueType> {
     private toastCallback;
-    constructor(cell: TableCell<T>, tableContext: TableContext<T>, toastCallback: (message: unknown) => void);
+    constructor(cell: TableCell<T, FilterValueType>, tableContext: TableContext<T>, toastCallback: ToastContext['toast']);
     private _cell;
-    get cell(): TableCell<T>;
-    set cell(v: TableCell<T>);
+    get cell(): TableCell<T, FilterValueType>;
+    set cell(v: TableCell<T, FilterValueType>);
     private _tableContext;
     get tableContext(): TableContext<T>;
     set tableContext(v: TableContext<T>);

package/dist/Components/Table/Types/Focus/TableFocusDetails.svelte.js

@@ -1,3 +1,4 @@
+import { devCatch, isErrorResponse } from '../../../../Helpers/Helpers.svelte.js';
 import { Colour } from '../../../../scss/colours.js';
 import { Validity } from '../../../../Types/Internal/Validity.js';
 import { tick } from 'svelte';
@@ -130,7 +131,12 @@ export class TableFocusDetails {
         catch (e) {
             console.warn('validity error:', e);
             return tick().then(() => {
-                this.toastCallback(e);
+                if (isErrorResponse(e)) {
+                    this.toastCallback(e);
+                }
+                else {
+                    devCatch(e);
+                }
                 return [Validity.Valid, undefined];
             });
         }

package/dist/Components/VerticalTabGroupButton.svelte

@@ -1,6 +1,6 @@
 <svelte:options runes />
 
-<script lang="ts" generics="Args extends object|undefined">
+<script lang="ts" generics="Args">
 	import { devCatch } from '../Helpers/Helpers.svelte.js';
 	import { Colour } from '../scss/colours.js';
 	import { Size } from '../Types/Internal/Size.js';

package/dist/Components/VerticalTabGroupButton.svelte.d.ts

@@ -1,12 +1,12 @@
 import type { TabGroupButtonProps } from './TabGroupButtonProps.js';
-declare function $$render<Args extends object | undefined>(): {
+declare function $$render<Args>(): {
     props: TabGroupButtonProps<Args>;
     exports: {};
     bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<Args extends object | undefined> {
+declare class __sveltets_Render<Args> {
     props(): ReturnType<typeof $$render<Args>>['props'];
     events(): ReturnType<typeof $$render<Args>>['events'];
     slots(): ReturnType<typeof $$render<Args>>['slots'];
@@ -14,12 +14,12 @@ declare class __sveltets_Render<Args extends object | undefined> {
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <Args extends object | undefined>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Args>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Args>['props']>, ReturnType<__sveltets_Render<Args>['events']>, ReturnType<__sveltets_Render<Args>['slots']>> & {
+    new <Args>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Args>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Args>['props']>, ReturnType<__sveltets_Render<Args>['events']>, ReturnType<__sveltets_Render<Args>['slots']>> & {
         $$bindings?: ReturnType<__sveltets_Render<Args>['bindings']>;
     } & ReturnType<__sveltets_Render<Args>['exports']>;
-    <Args extends object | undefined>(internal: unknown, props: ReturnType<__sveltets_Render<Args>['props']> & {}): ReturnType<__sveltets_Render<Args>['exports']>;
+    <Args>(internal: unknown, props: ReturnType<__sveltets_Render<Args>['props']> & {}): ReturnType<__sveltets_Render<Args>['exports']>;
     z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
 declare const VerticalTabGroupButton: $$IsomorphicComponent;
-type VerticalTabGroupButton<Args extends object | undefined> = InstanceType<typeof VerticalTabGroupButton<Args>>;
+type VerticalTabGroupButton<Args> = InstanceType<typeof VerticalTabGroupButton<Args>>;
 export default VerticalTabGroupButton;

package/dist/Components/VerticalTabGroupProps.d.ts

@@ -1,8 +1,8 @@
 import type { TabOption } from '../Types/Internal/TabOption.js';
 export interface VerticalTabGroupProps {
     name?: string;
-    tabs: Array<TabOption<object>>;
-    selected?: TabOption<object> | undefined;
+    tabs: Array<TabOption<unknown>>;
+    selected?: TabOption<unknown>;
     style?: string;
     noscroll?: boolean;
     noTabMessage?: string;

package/dist/Contexts/ToastContext.svelte.d.ts

@@ -1,9 +1,11 @@
+import { type IErrorResponse } from '../Helpers/Helpers.svelte.js';
 import type { IdentifiableToastMessage } from '../Types/Internal/IdentifiableToastMessage.js';
+import type { ToastMessage } from '../Types/Internal/ToastMessage.js';
 export declare class ToastContext {
     static readonly identifier: unique symbol;
     private _toasts;
     get toasts(): Array<IdentifiableToastMessage>;
     private set toasts(value);
-    readonly toast: (message: unknown) => void;
+    readonly toast: (message: Array<unknown> | string | ToastMessage | IErrorResponse) => void;
     private dismiss;
 }

package/dist/Contexts/ToastContext.svelte.js

@@ -27,7 +27,7 @@ export class ToastContext {
                     }
                 };
             }
-            else if (typeof message === 'string') {
+            if (typeof message === 'string') {
                 return {
                     result: Validity.Info,
                     closeable,
@@ -39,7 +39,7 @@ export class ToastContext {
                     }
                 };
             }
-            if (message != null && typeof message == 'object' && isToastMessage(message)) {
+            if (typeof message == 'object' && isToastMessage(message)) {
                 return {
                     closeable,
                     timeout,

package/dist/Helpers/Helpers.svelte.d.ts

@@ -13,7 +13,7 @@ export declare function SQLFriendlyWithLocalTime(date: InputDate | InputDateWith
 export declare const localTimeFormat: Intl.DateTimeFormat;
 export declare function passthrough(e: KeyboardEvent): void;
 export declare function getCanvasContext(): CanvasRenderingContext2D | null;
-interface IErrorResponse {
+export interface IErrorResponse {
     readonly errors: ReadonlyArray<{
         code: string;
         message: string;
@@ -41,4 +41,3 @@ export declare function devCatch(e: unknown): void;
 export declare function hasQuery(customFilter: CustomFilter | undefined): customFilter is CustomFilter & Required<Pick<CustomFilter, 'query'>>;
 export declare function isDateTuple(value: unknown): value is [Date | null, Date | null];
 export declare function isNumberTuple(value: unknown): value is [number | null, number | null];
-export {};

package/dist/Types/Examples/ExampleModal.svelte

@@ -1,12 +1,12 @@
 <svelte:options runes />
 
-<script lang="ts">
+<script lang="ts" generics="FilterValueType">
 	import DesktopModal from '../../Components/DesktopModal.svelte';
 	import Switch from '../../Components/Switch.svelte';
 	import type { DisplayDefModalProps } from '../../Components/Table/Types/Columns/Definitions/Display/AbstractDisplayDef.svelte.js';
 	import type { ExampleItem } from './ExampleItem.js';
 
-	const { cell, onclose, onsubmit }: DisplayDefModalProps<ExampleItem> = $props();
+	const { cell, onclose, onsubmit }: DisplayDefModalProps<ExampleItem, FilterValueType> = $props();
 </script>
 
 <DesktopModal

package/dist/Types/Examples/ExampleModal.svelte.d.ts

@@ -1,5 +1,26 @@
 import type { DisplayDefModalProps } from '../../Components/Table/Types/Columns/Definitions/Display/AbstractDisplayDef.svelte.js';
 import type { ExampleItem } from './ExampleItem.js';
-declare const ExampleModal: import("svelte").Component<DisplayDefModalProps<ExampleItem>, {}, "">;
-type ExampleModal = ReturnType<typeof ExampleModal>;
+declare function $$render<FilterValueType>(): {
+    props: DisplayDefModalProps<ExampleItem, FilterValueType>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<FilterValueType> {
+    props(): ReturnType<typeof $$render<FilterValueType>>['props'];
+    events(): ReturnType<typeof $$render<FilterValueType>>['events'];
+    slots(): ReturnType<typeof $$render<FilterValueType>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <FilterValueType>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<FilterValueType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<FilterValueType>['props']>, ReturnType<__sveltets_Render<FilterValueType>['events']>, ReturnType<__sveltets_Render<FilterValueType>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<FilterValueType>['bindings']>;
+    } & ReturnType<__sveltets_Render<FilterValueType>['exports']>;
+    <FilterValueType>(internal: unknown, props: ReturnType<__sveltets_Render<FilterValueType>['props']> & {}): ReturnType<__sveltets_Render<FilterValueType>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const ExampleModal: $$IsomorphicComponent;
+type ExampleModal<FilterValueType> = InstanceType<typeof ExampleModal<FilterValueType>>;
 export default ExampleModal;

package/dist/Types/Internal/TabOption.d.ts

@@ -1,6 +1,6 @@
 import type { IconProps } from '../../Components/IconProps.js';
 import type { Snippet } from 'svelte';
-export interface TabOption<Args extends object | undefined = undefined> {
+export interface TabOption<Args> {
     label: string;
     content: Snippet<[Args]>;
     onclick: () => void;