@isoftdata/svelte-table 2.11.0 → 2.12.0

package/dist/DraggableRows.svelte

@@ -7,7 +7,7 @@
 	import type { StringKeyOfType } from './tree-utility'
 
 	import type Table from './Table.svelte'
-	import type { Column, UuidRowProps } from './'
+	import type { Column, RowProperties, UuidRowProps } from './'
 	import Td from './Td.svelte'
 	import { flip } from 'svelte/animate'
 	import { getContext, tick } from 'svelte'
@@ -211,7 +211,7 @@
 		onclick={() => rowClick?.({ row })}
 	>
 		{@render prepend?.({ row })}
-		<Td property={rankProperty}>
+		<Td property={rankProperty as RowProperties<Row>}>
 			<!-- svelte-ignore a11y_no_static_element_interactions -->
 			<div
 				draggable={reorderable ? 'true' : 'false'}

package/dist/Pagination.svelte

@@ -205,6 +205,7 @@
 						>
 					</li>
 				{/if}
+				<!-- eslint-disable-next-line svelte/require-each-key -->
 				{#each displayPages as page}
 					<li
 						class="page-item text-center unselectable"

package/dist/Table.svelte

@@ -1,9 +1,12 @@
-<script module>
+<script
+	module
+	lang="ts"
+>
 	import { getBootstrapCdnVersion } from '@isoftdata/utility-bootstrap'
 	let bs5 = $state(false)
 	try {
 		bs5 = getBootstrapCdnVersion() === 5
-	} catch (e) {
+	} catch {
 		onMount(() => {
 			bs5 = getBootstrapCdnVersion() === 5
 		})
@@ -28,6 +31,7 @@
 		type FooterReducerValue,
 		ARBITRARY_PROPERTY_PREFIX,
 		type ArbitraryProperty,
+		type ColumnInfo,
 	} from './'
 
 	import { writable, type Writable } from 'svelte/store'
@@ -91,7 +95,7 @@
 		selectionEnabled?: boolean
 		// Array<number> | Array<string> | Array<R[K]> ???
 		selectedRowIds?: Array<GetIndexedRowProperty>
-		rowSelectionIdProp?: KeyPath | 'uuid'
+		rowSelectionIdProp?: RowProperties<IndexedRow>
 		rowSelectionRequiresModKey?: boolean
 		selectionMode?: 'SINGLE' | 'RANGE' | null
 		multiSelectEnabled?: boolean
@@ -99,7 +103,7 @@
 		totalItemsCount?: number
 		stickyHeader?: boolean
 		responsive?: boolean | 'sm' | 'md' | 'lg' | 'xl'
-		size?: 'sm' | ''
+		size?: 'xs' | 'sm' | ''
 		striped?: boolean
 		/** When true, enables tree-specific features. Required if you want to use `TreeRow`s. */
 		tree?: boolean
@@ -161,7 +165,7 @@
 		columnHidingEnabled = false,
 		selectionEnabled = false,
 		selectedRowIds = $bindable([]),
-		rowSelectionIdProp = 'uuid',
+		rowSelectionIdProp = 'uuid' as RowProperties<IndexedRow>,
 		rowSelectionRequiresModKey = false,
 		selectionMode = $bindable(null),
 		multiSelectEnabled = true,
@@ -235,6 +239,7 @@
 	const session = getContext<Writable<{ userAccountId?: number }> | undefined>('session')
 	// This will be accessible on the component instance, ie `const columnInfo = $derived(table?.columnInfo)` if you need it
 	export const columnInfo = new ColumnInfoRunicStore<R>(() => columns, {
+		// eslint-disable-next-line svelte/no-unused-svelte-ignore
 		// svelte-ignore state_referenced_locally
 		key: localStorageKey,
 		userAccountId: session && $session ? $session.userAccountId : undefined,
@@ -270,7 +275,7 @@
 		})
 	}
 
-	function defaultFilter(filter: string, rows: R[], columns: Column[]): IndexedRow[] {
+	function defaultFilter(filter: string, rows: Array<R>, columns: Array<Column>): Array<IndexedRow> {
 		const columnProps = columns
 			?.map(({ property }) => property)
 			.filter((property): property is KeyPath => !isArbitraryProperty(property))
@@ -287,8 +292,8 @@
 	 *
 	 * In tree mode, shows all children if parent matches, or shows matching children and their children
 	 */
-	function getFilterMatches(filter: string, theRows: Array<R>, props: KeyPath[]) {
-		return theRows.reduce((rows, row, index): IndexedRow[] => {
+	function getFilterMatches(filter: string, theRows: Array<R>, props: Array<KeyPath>) {
+		return theRows.reduce((rows, row, index): Array<IndexedRow> => {
 			if (rowMatchesFilterMethod(filter, row, props)) {
 				rows.push({ ...row, originalIndex: index, uuid: 'uuid' in row ? (row.uuid as string) : uuid() })
 			} else if (tree && Array.isArray(row.children) && row.children.length) {
@@ -315,29 +320,24 @@
 		)
 	}
 
-	export function getNestedProperty(
-		row: R & { uuid: string },
-		path: KeyPath | 'uuid',
+	export function getNestedProperty<Row extends R, K extends RowProperties<Row>>(
+		row: Row,
+		path: K,
 		defaultValue?: string | number,
-	): GetIndexedRowProperty
-	export function getNestedProperty(row: R, path: KeyPath, defaultValue?: string | number): GetRowProperty
-	export function getNestedProperty(
-		row: R | (R & { uuid: string }),
-		path: KeyPath | 'uuid',
-		defaultValue?: string | number,
-	): GetRowProperty | GetIndexedRowProperty {
+	): Get<Row, K> {
 		if (!path) {
-			return defaultValue as GetRowProperty
+			return defaultValue as Get<Row, K>
 		}
 
 		if (row[path]) {
-			return row[path] as GetRowProperty
+			return row[path] as Get<Row, K>
 		}
 
 		const val =
 			path
 				.split('[')
 				// TODO figure out if we can do this less evilly
+				// eslint-disable-next-line @typescript-eslint/no-explicit-any
 				.reduce((obj, prop) => (obj as any)?.[prop.replace(/\]/g, '')], row as any) ?? defaultValue
 		return val
 	}
@@ -364,7 +364,7 @@
 
 	export function rowIsSelected(
 		row: IndexedRow,
-		rowSelectionIdProp: KeyPath | 'uuid',
+		rowSelectionIdProp: RowProperties<IndexedRow>,
 		selectedRowIds: Array<GetIndexedRowProperty>,
 	) {
 		const selectionId = getNestedProperty(row, rowSelectionIdProp, row.uuid)
@@ -375,7 +375,7 @@
 		if (!selectionEnabled || !rowSelectionIdProp) {
 			return
 		}
-		const clickedId = getNestedProperty(row, rowSelectionIdProp || 'uuid')
+		const clickedId = getNestedProperty(row, rowSelectionIdProp)
 
 		const selectedIds = selectedRowIds
 
@@ -419,10 +419,11 @@
 
 				if (selectionDirection) {
 					sortedRows.forEach((item, index) => {
+						const id = getNestedProperty(item, rowSelectionIdProp)
 						if (selectionDirection === 'UP' && index <= lastSelectedIndex && index >= clickedItemIndex) {
-							newSelectedIds = newSelectedIds.concat(getNestedProperty(item, rowSelectionIdProp))
+							newSelectedIds = newSelectedIds.concat(id)
 						} else if (selectionDirection === 'DOWN' && index >= lastSelectedIndex && index <= clickedItemIndex) {
-							newSelectedIds = newSelectedIds.concat(getNestedProperty(item, rowSelectionIdProp))
+							newSelectedIds = newSelectedIds.concat(id)
 						}
 					})
 				}
@@ -532,7 +533,6 @@
 		previousSortDirection = sortDirection
 		previousSortColumn = sortColumn
 		sortedRows = theSortedRows
-		return
 
 		function standardSort(a: R, b: R) {
 			let aValue: Get<R, KeyPath> | string = getNestedProperty(a, sortProp, '')
@@ -716,20 +716,24 @@
 		untrack(() =>
 			doSort({
 				rows: filteredRows && Array.isArray(filteredRows) ? filteredRows : [],
-				sortColumn: sortColumn,
-				sortDirection: sortDirection,
+				sortColumn,
+				sortDirection,
 				sameSortOrder: true,
 			}),
 		)
 	})
 
 	const responsiveClass = $derived(
-		responsive === true ? 'table-responsive' : !!responsive ? `table-responsive-${responsive}` : '',
+		responsive === true ? 'table-responsive' : responsive ? `table-responsive-${responsive}` : '',
 	)
 	/** Includes information computed by the columnInfo store, including what we serialize to localstorage */
-	const computedColumns = $derived(columnInfo.columns)
-	const visibleColumns = $derived(computedColumns.filter(column => column.unhidable || column.visible))
-	const hiddenColumns = $derived(computedColumns.filter(column => !column.unhidable && !column.visible))
+	const computedColumns: Array<ColumnInfo<R>> = $derived(columnInfo.columns)
+	const visibleColumns: Array<ColumnInfo<R>> = $derived(
+		computedColumns.filter(column => column.unhidable || column.visible),
+	)
+	const hiddenColumns: Array<ColumnInfo<R>> = $derived(
+		computedColumns.filter(column => !column.unhidable && !column.visible),
+	)
 	const showPagination = $derived((perPageCount && rows.length > perPageCount) || totalItemsCount > perPageCount)
 
 	const footers = $derived(
@@ -848,6 +852,7 @@
 		id={tableId}
 		class={['table mb-0', tableClass]}
 		class:table-sm={size === 'sm'}
+		class:table-xs={size === 'xs'}
 		class:table-layout-fixed={columnResizingEnabled && useFixedLayout}
 		class:sticky={stickyHeader}
 		class:table-striped={striped}
@@ -857,7 +862,7 @@
 	>
 		<thead>
 			<tr>
-				{#each visibleColumns as column, index}
+				{#each visibleColumns as column, index (column.property)}
 					{@const isSortColumn = sortColumn?.property === column.property}
 					{@const doEllipsis = column.ellipsis || columnResizingEnabled}
 
@@ -910,7 +915,6 @@
 							<!-- I think setting the role and aria-orientation attributes is the best we can do here -->
 							<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
 							<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
-							<!-- svelte-ignore a11y_click_events_have_key_events -->
 							<div
 								id="col-resizer-{tableId}-{column.property}"
 								tabindex={0}
@@ -928,7 +932,7 @@
 			</tr>
 		</thead>
 		<tbody class:unselectable={selectionMode === 'RANGE'}>
-			{#snippet tableRow(row: R & { originalIndex: number; uuid: string }, index: number)}
+			{#snippet tableRow(row: IndexedRow, index: number)}
 				{#if children}
 					{@render children({ row, index })}
 				{:else}
@@ -944,8 +948,8 @@
 								{isArbitraryProperty(column.property)
 									? ''
 									: column.formatter
-										? column.formatter(getNestedProperty(row, column.property, ''))
-										: getNestedProperty(row, column.property, '')}
+										? column.formatter(getNestedProperty<R, KeyPath>(row, column.property, ''))
+										: getNestedProperty<R, KeyPath>(row, column.property, '')}
 							</Td>
 						{/each}
 					</tr>
@@ -964,13 +968,14 @@
 					{@render tableRow(row, index)}
 				{/each}
 			{:else}
+				<!-- eslint-disable-next-line svelte/require-each-key -->
 				{#each currentPageRows as row, index}
 					{@render tableRow(row, index)}
 				{/each}
 			{/if}
 		</tbody>
 		{#if showFooter && footers}
-			<tfoot>
+			<tfoot class="font-weight-bold fw-bold">
 				<tr class="table-secondary">
 					{#if footerRow}
 						{@render footerRow({ footers })}
@@ -1090,7 +1095,7 @@
 	{/if}
 </ContextMenu>
 
-{#snippet columnNameAndIcon(column: GenericColumn)}
+{#snippet columnNameAndIcon(column: Pick<GenericColumn, 'icon' | 'iconLeft' | 'iconPrefix' | 'name'>)}
 	<!-- Don't add any whitespace btwn these if blocks to keep the spaces correct -->
 	{#if column.icon && column.iconLeft}
 		<Icon
@@ -1162,4 +1167,20 @@
 	.cursor-pointer {
 		cursor: pointer;
 	}
+
+	table.table-xs {
+		--xs-padding: 0.125rem;
+	}
+
+	/* Copied from table-sm - reduce td padding */
+	* :global(.table-xs > :not(caption) > * > *) {
+		padding: var(--xs-padding) var(--xs-padding) !important;
+	}
+
+	/* Reduce form control padding. */
+	* :global(.table-xs :where(input, select, textarea)) {
+		padding: var(--xs-padding) 0.25rem !important;
+		/* Bootstrap sets a min width on form controls; Undo that so the lower padding works */
+		min-height: 0px;
+	}
 </style>

package/dist/Table.svelte.d.ts

@@ -53,7 +53,10 @@ declare class __sveltets_Render<R extends UuidRowProps> {
         }, []> : T : never : never, {
             strict: true;
         }>[] | undefined;
-        rowSelectionIdProp?: "uuid" | RowProperties<R> | undefined;
+        rowSelectionIdProp?: RowProperties<R & {
+            originalIndex: number;
+            uuid: string;
+        }> | undefined;
         rowSelectionRequiresModKey?: boolean;
         selectionMode?: "SINGLE" | "RANGE" | null;
         multiSelectEnabled?: boolean;
@@ -74,7 +77,7 @@ declare class __sveltets_Render<R extends UuidRowProps> {
         totalItemsCount?: number;
         stickyHeader?: boolean;
         responsive?: boolean | "sm" | "md" | "lg" | "xl";
-        size?: "sm" | "";
+        size?: "xs" | "sm" | "";
         striped?: boolean;
         /** When true, enables tree-specific features. Required if you want to use `TreeRow`s. */
         tree?: boolean;
@@ -145,34 +148,19 @@ declare class __sveltets_Render<R extends UuidRowProps> {
         columnInfo: ColumnInfoRunicStore<R>;
         defaultColumnClicked: (clickedColumn: GenericColumn<R & {}>, sortDirection: SortDirection) => Promise<void>;
         defaultRowMatchesFilter: (filter: string, row: R, props: RowProperties<R>[]) => boolean;
-        getNestedProperty: {
-            (row: R & {
-                uuid: string;
-            }, path: "uuid" | RowProperties<R>, defaultValue?: string | number): import("type-fest/source/get").GetWithPath<R & {
-                originalIndex: number;
-                uuid: string;
-            }, RowProperties<R & {
-                originalIndex: number;
-                uuid: string;
-            }> extends infer T ? T extends RowProperties<R & {
-                originalIndex: number;
-                uuid: string;
-            }> ? T extends string ? import("type-fest/source/split").SplitHelper<import("type-fest/source/get").FixPathSquareBrackets<T>, ".", {
-                strictLiteralChecks: false;
-            }, []> : T : never : never, {
-                strict: true;
-            }>;
-            (row: R, path: RowProperties<R>, defaultValue?: string | number): import("type-fest/source/get").GetWithPath<R, RowProperties<R> extends infer T ? T extends RowProperties<R> ? T extends string ? import("type-fest/source/split").SplitHelper<import("type-fest/source/get").FixPathSquareBrackets<T>, ".", {
-                strictLiteralChecks: false;
-            }, []> : T : never : never, {
-                strict: true;
-            }>;
-        };
+        getNestedProperty: <Row extends R, K extends RowProperties<Row>>(row: Row, path: K, defaultValue?: string | number) => import("type-fest/source/get").GetWithPath<Row, K extends string ? import("type-fest/source/split").SplitHelper<import("type-fest/source/get").FixPathSquareBrackets<K>, ".", {
+            strictLiteralChecks: false;
+        }, []> : K, {
+            strict: true;
+        }>;
         expandRow: (rowId: string | number, expanded?: boolean) => void;
         rowIsSelected: (row: R & {
             originalIndex: number;
             uuid: string;
-        }, rowSelectionIdProp: "uuid" | RowProperties<R>, selectedRowIds: import("type-fest/source/get").GetWithPath<R & {
+        }, rowSelectionIdProp: RowProperties<R & {
+            originalIndex: number;
+            uuid: string;
+        }>, selectedRowIds: import("type-fest/source/get").GetWithPath<R & {
             originalIndex: number;
             uuid: string;
         }, RowProperties<R & {

package/dist/Td.svelte

@@ -1,8 +1,9 @@
+<!-- eslint-disable @typescript-eslint/no-explicit-any -->
 <script
 	lang="ts"
 	generics="R extends UuidRowProps = any"
 >
-	import type { ColumnInfo, RowProperties, UuidRowProps } from './'
+	import type { ColumnInfo, UuidRowProps } from './'
 	import type { ColumnInfoRunicStore } from './column-info-store.svelte'
 	import type { HTMLTdAttributes, ClassValue } from 'svelte/elements'
 	import type { Writable } from 'svelte/store'

package/dist/Td.svelte.d.ts

@@ -1,10 +1,10 @@
-import type { RowProperties, UuidRowProps } from './';
+import type { UuidRowProps } from './';
 import type { HTMLTdAttributes, ClassValue } from 'svelte/elements';
 import { type Snippet } from 'svelte';
 declare class __sveltets_Render<R extends UuidRowProps = any> {
     props(): Omit<HTMLTdAttributes, "align"> & {
         class?: ClassValue;
-        property: `_${string}` | RowProperties<R>;
+        property: `_${string}` | import("./").RowProperties<R>;
         /** Direction to align the column's contents
          *
          * `start` and `end` are only available in Bootstrap 5+

package/dist/TreeRow.svelte

@@ -55,10 +55,10 @@
 	}: Props = $props()
 
 	function pad(depth: number) {
-		return depth * NEST_PADDING + 'rem'
+		return `${depth * NEST_PADDING}rem`
 	}
 
-	const selectedRowIds = getContext<Writable<(number | string)[]>>('selectedRowIds')
+	const selectedRowIds = getContext<Writable<Array<number | string>>>('selectedRowIds')
 	if (!hasContext('expandedRows')) {
 		throw new Error('TreeRow requires that the `tree` prop is set to true on a parent Table component.')
 	}
@@ -116,7 +116,7 @@
 				size="xs"
 				color="link"
 				style="padding-left: {buttonPadding}; box-shadow: none!important; font-size: 1rem; text-wrap: nowrap;"
-				icon={{ icon: icon, class: 'fa-xl', fixedWidth: true, prefix: 'fas' }}
+				icon={{ icon, class: 'fa-xl', fixedWidth: true, prefix: 'fas' }}
 				disabled={!childRows.length}
 				colorGreyDisabled={false}
 				onclick={onFoldClick}
@@ -145,6 +145,7 @@
 </tr>
 
 {#if expanded}
+	<!-- eslint-disable-next-line svelte/require-each-key -->
 	{#each childRows as child}
 		<TreeRow
 			node={child}

package/dist/bracket-paths.d.ts

@@ -1,10 +1,12 @@
-import type { PathsOptions, Paths } from 'type-fest';
+import type { Paths } from 'type-fest';
 /**
 Generate a union of all possible paths to properties in the given object, denoting the object structure with brackets.
 
 This is the `Paths` utility type from the `type-fest` package, but with brackets.
 */
-export type BracketPaths<Row, Options extends PathsOptions = {}> = DotToBracket<Paths<Row, Options>>;
-export type DotToBracket<S extends string | unknown> = S extends `${infer Head}.${infer Tail}` ? `${Head}${_DotToBracketTail<Tail>}` : S;
+export type BracketPaths<Row> = DotToBracket<Paths<Row, {
+    maxRecursionDepth: 3;
+}>>;
+export type DotToBracket<S> = S extends string ? S extends `${infer Head}.${infer Tail}` ? `${Head}${_DotToBracketTail<Tail>}` : S : never;
 type _DotToBracketTail<S extends string> = S extends `${infer Part}.${infer Rest}` ? `[${Part}]${_DotToBracketTail<Rest>}` : `[${S}]`;
 export {};

package/dist/tree-utility.d.ts

@@ -16,7 +16,7 @@ export type TreeNode<T, IdKeypath extends IdKeyType<T>, ParentIdKeypath extends
  * @param idKey The name of a unique id property on the objects in the array
  * @param parentIdKey The name of a property on the objects in the array that references the id of the parent object
  */
-export declare function treeify<T extends object, K extends IdKeyType<T>, P extends ParentIdKeyType<T>>(array: T[], idKey: K, parentIdKey: P): TreeNode<T, K, P>[];
+export declare function treeify<T extends object, K extends IdKeyType<T>, P extends ParentIdKeyType<T>>(array: Array<T>, idKey: K, parentIdKey: P): TreeNode<T, K, P>[];
 /**
  * Gets the path to a node in the tree with the given id
  * @param tree The tree

package/dist/tree-utility.js

@@ -121,9 +121,7 @@ export function upsertIntoTree(tree, node, key, parentKey) {
  * @param deleteChildren If true, the node's children will be deleted. If false, the node's children will be moved to the node's parent
  * @returns The tree, with the node(s) removed
  */
-export function removeFromTree(tree, node, key, parentKey, 
-// eslint-disable-next-line comma-dangle
-deleteChildren = false) {
+export function removeFromTree(tree, node, key, parentKey, deleteChildren = false) {
     const foundNode = findNodeById(tree, key, node[key]);
     if (foundNode) {
         const parent = foundNode.parent;

package/dist/types.d.ts

@@ -8,11 +8,7 @@ export type SortDirection = 'ASC' | 'DESC';
  *
  * Can include bracket notation for nested properties, e.g. `foo[bar]` for `{ foo: { bar: 'baz' } }`. Max recursion depth is 3.
  */
-export type RowProperties<R> = BracketPaths<R, {
-    maxRecursionDepth: 3;
-}> extends never ? string : BracketPaths<R, {
-    maxRecursionDepth: 3;
-}>;
+export type RowProperties<R> = BracketPaths<R> extends never ? string : BracketPaths<R>;
 /** A column in your table.
  *
  * If you specify a type for your row object, `property` must be a valid path to a property of that object.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@isoftdata/svelte-table",
-  "version": "2.11.0",
+  "version": "2.12.0",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -13,35 +13,32 @@
     "!dist/**/*.spec.*"
   ],
   "peerDependencies": {
-    "svelte": "^5.22.1"
+    "svelte": "5.55.5"
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
     "@fortawesome/fontawesome-common-types": "^7.1.0",
+    "@isoftdata/eslint-config-svelte": "^1.1.0",
     "@isoftdata/prettier-config": "^2.0.4",
     "@isoftdata/svelte-bootstrap-version-switcher": "^1.1.2",
     "@isoftdata/svelte-checkbox": "^2.2.1",
     "@isoftdata/svelte-select": "^2.0.1",
     "@isoftdata/svelte-textarea": "^2.0.0",
     "@sveltejs/adapter-auto": "^3.3.1",
-    "@sveltejs/kit": "^2.53.2",
-    "@sveltejs/package": "^2.3.10",
+    "@sveltejs/kit": "^2.59.1",
+    "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^5.0.3",
     "@types/natural-compare-lite": "^1.4.2",
-    "@typescript-eslint/eslint-plugin": "^6.21.0",
-    "@typescript-eslint/parser": "^6.21.0",
-    "eslint": "^8.57.1",
-    "eslint-config-prettier": "^8.10.0",
-    "eslint-plugin-svelte": "^2.46.1",
+    "eslint": "^10.3.0",
     "i18next": "^24.2.2",
     "prettier": "^3.5.3",
     "prettier-plugin-svelte": "^3.3.3",
     "publint": "^0.1.16",
-    "svelte": "5.53.5",
+    "svelte": "5.55.5",
     "svelte-check": "^4.1.4",
     "tslib": "^2.8.1",
     "type-fest": "^4.41.0",
-    "typescript": "^5.8.2",
+    "typescript": "^6.0.3",
     "vite": "^6.2.0"
   },
   "svelte": "./dist/index.js",
@@ -51,7 +48,7 @@
   "dependencies": {
     "@isoftdata/browser-event": "^2.3.2",
     "@isoftdata/svelte-button": "^2.1.0",
-    "@isoftdata/svelte-context-menu": "^2.0.4",
+    "@isoftdata/svelte-context-menu": "^2.1.0",
     "@isoftdata/svelte-icon": "^2.1.0",
     "@isoftdata/svelte-input": "^2.1.1",
     "@isoftdata/svelte-store-user-local-writable": "^2.0.0",
@@ -59,12 +56,13 @@
     "@isoftdata/utility-currency": "^3.0.0",
     "@isoftdata/utility-string": "^2.1.0",
     "@lukeed/uuid": "^2.0.1",
+    "@types/node": "^22.19.18",
     "klona": "^2.0.6",
     "natural-compare-lite": "^1.4.0",
     "runed": "^0.23.4"
   },
   "engines": {
-    "pnpm": "10.x"
+    "pnpm": "11.x"
   },
   "scripts": {
     "dev": "vite dev",