@humanspeak/svelte-headless-table 5.0.2 → 5.0.4

package/README.md

@@ -5,12 +5,17 @@
 
 <div align="center">
 
-[![npm version](http://img.shields.io/npm/v/@humanspeak/svelte-headless-table.svg)](https://www.npmjs.com/package/@humanspeak/svelte-headless-table)
-[![npm downloads](https://img.shields.io/npm/dm/@humanspeak/svelte-headless-table.svg)](https://www.npmjs.com/package/svelte-headless-table)
-![license](https://img.shields.io/npm/l/@humanspeak/svelte-headless-table)
-![build](https://img.shields.io/github/actions/workflow/status/humanspeak/svelte-headless-table/npm-publish.yml)
-
-<!--[![coverage](https://coveralls.io/repos/github/humanspeak/svelte-headless-table/badge.svg?branch=main)](https://coveralls.io/github/humanspeak/svelte-headless-table?branch=main)-->
+[![NPM version](https://img.shields.io/npm/v/@humanspeak/svelte-headless-table.svg)](https://www.npmjs.com/package/@humanspeak/svelte-headless-table)
+[![Build Status](https://github.com/humanspeak/svelte-headless-table/actions/workflows/npm-publish.yml/badge.svg)](https://github.com/humanspeak/svelte-headless-table/actions/workflows/npm-publish.yml)
+[![Coverage Status](https://coveralls.io/repos/github/humanspeak/svelte-headless-table/badge.svg?branch=main)](https://coveralls.io/github/humanspeak/svelte-headless-table?branch=main)
+[![License](https://img.shields.io/npm/l/@humanspeak/svelte-headless-table.svg)](https://github.com/humanspeak/svelte-headless-table/blob/main/LICENSE)
+[![Downloads](https://img.shields.io/npm/dm/@humanspeak/svelte-headless-table.svg)](https://www.npmjs.com/package/@humanspeak/svelte-headless-table)
+[![CodeQL](https://github.com/humanspeak/svelte-headless-table/actions/workflows/codeql.yml/badge.svg)](https://github.com/humanspeak/svelte-headless-table/actions/workflows/codeql.yml)
+[![Install size](https://packagephobia.com/badge?p=@humanspeak/svelte-headless-table)](https://packagephobia.com/result?p=@humanspeak/svelte-headless-table)
+[![Code Style: Trunk](https://img.shields.io/badge/code%20style-trunk-blue.svg)](https://trunk.io)
+[![TypeScript](https://img.shields.io/badge/%3C%2F%3E-TypeScript-%230074c1.svg)](http://www.typescriptlang.org/)
+[![Types](https://img.shields.io/npm/types/@humanspeak/svelte-headless-table.svg)](https://www.npmjs.com/package/@humanspeak/svelte-headless-table)
+[![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://github.com/humanspeak/svelte-headless-table/graphs/commit-activity)
 
 </div>
 
@@ -18,7 +23,7 @@
 
 > Build and design powerful datagrid experiences while retaining 100% control over styles and markup.
 
-Visit the [documentation](https://svelte-headless-table.bryanmylee.com/) for code examples and API reference, and get started with the [quick start guide](https://svelte-headless-table.bryanmylee.com/docs/getting-started/quick-start)!
+Visit the [documentation](https://table.svelte.page/) for code examples and API reference, and get started with the [quick start guide](https://table.svelte.page/docs/getting-started/quick-start)!
 
 ## Why Svelte Headless Table?
 
@@ -40,18 +45,18 @@ Easily extend Svelte Headless Table with complex **sorting**, **filtering**, **g
 
 ### Plugin roadmap
 
-- [x] [addSortBy](https://svelte-headless-table.bryanmylee.com/docs/plugins/add-sort-by)
-- [x] [addColumnFilters](https://svelte-headless-table.bryanmylee.com/docs/plugins/add-column-filters)
-- [x] [addTableFilter](https://svelte-headless-table.bryanmylee.com/docs/plugins/add-table-filter)
-- [x] [addColumnOrder](https://svelte-headless-table.bryanmylee.com/docs/plugins/add-column-order)
-- [x] [addHiddenColumns](https://svelte-headless-table.bryanmylee.com/docs/plugins/add-hidden-columns)
-- [x] [addPagination](https://svelte-headless-table.bryanmylee.com/docs/plugins/add-pagination)
-- [x] [addSubRows](https://svelte-headless-table.bryanmylee.com/docs/plugins/add-sub-rows)
-- [x] [addGroupBy](https://svelte-headless-table.bryanmylee.com/docs/plugins/add-group-by)
-- [x] [addExpandedRows](https://svelte-headless-table.bryanmylee.com/docs/plugins/add-expanded-rows)
-- [x] [addSelectedRows](https://svelte-headless-table.bryanmylee.com/docs/plugins/add-selected-rows)
-- [x] [addResizedColumns](https://svelte-headless-table.bryanmylee.com/docs/plugins/add-resized-columns)
-- [x] [addGridLayout](https://svelte-headless-table.bryanmylee.com/docs/plugins/add-grid-layout)
+- [x] [addSortBy](https://table.svelte.page/docs/plugins/add-sort-by)
+- [x] [addColumnFilters](https://table.svelte.page/docs/plugins/add-column-filters)
+- [x] [addTableFilter](https://table.svelte.page/docs/plugins/add-table-filter)
+- [x] [addColumnOrder](https://table.svelte.page/docs/plugins/add-column-order)
+- [x] [addHiddenColumns](https://table.svelte.page/docs/plugins/add-hidden-columns)
+- [x] [addPagination](https://table.svelte.page/docs/plugins/add-pagination)
+- [x] [addSubRows](https://table.svelte.page/docs/plugins/add-sub-rows)
+- [x] [addGroupBy](https://table.svelte.page/docs/plugins/add-group-by)
+- [x] [addExpandedRows](https://table.svelte.page/docs/plugins/add-expanded-rows)
+- [x] [addSelectedRows](https://table.svelte.page/docs/plugins/add-selected-rows)
+- [x] [addResizedColumns](https://table.svelte.page/docs/plugins/add-resized-columns)
+- [x] [addGridLayout](https://table.svelte.page/docs/plugins/add-grid-layout)
 
 ## Examples
 
@@ -119,4 +124,4 @@ Easily extend Svelte Headless Table with complex **sorting**, **filtering**, **g
 </table>
 ```
 
-For more complex examples with advanced features, visit the [documentation site](https://svelte-headless-table.bryanmylee.com/docs/plugins/overview).
+For more complex examples with advanced features, visit the [documentation site](https://table.svelte.page/docs/plugins/overview).

package/dist/bodyCells.d.ts

@@ -1,10 +1,10 @@
+import type { RenderConfig } from '@humanspeak/svelte-render';
 import { type Readable } from 'svelte/store';
 import type { BodyRow } from './bodyRows.js';
 import type { DataColumn, DisplayColumn, FlatColumn } from './columns.js';
 import { TableComponent } from './tableComponent.js';
 import type { DataLabel, DisplayLabel } from './types/Label.js';
 import type { AnyPlugins } from './types/TablePlugin.js';
-import type { RenderConfig } from '@humanspeak/svelte-subscribe';
 export type BodyCellInit<Item, Plugins extends AnyPlugins = AnyPlugins> = {
     id: string;
     row: BodyRow<Item, Plugins>;

package/dist/columns.d.ts

@@ -1,7 +1,6 @@
 import type { DisplayBodyCell } from './bodyCells.js';
 import type { TableState } from './createViewModel.js';
-import type { DisplayLabel, HeaderLabel } from './types/Label.js';
-import type { DataLabel } from './types/Label.js';
+import type { DataLabel, DisplayLabel, HeaderLabel } from './types/Label.js';
 import type { AnyPlugins, PluginColumnConfigs } from './types/TablePlugin.js';
 export interface ColumnInit<Item, Plugins extends AnyPlugins = AnyPlugins> {
     header: HeaderLabel<Item, Plugins>;

package/dist/createTable.d.ts

@@ -1,7 +1,7 @@
 import { DataColumn, DisplayColumn, GroupColumn, type Column, type DataColumnInitBase, type DataColumnInitFnAndId, type DataColumnInitIdAndKey, type DataColumnInitKey, type DisplayColumnInit, type GroupColumnInit } from './columns.js';
+import { type CreateViewModelOptions, type TableViewModel } from './createViewModel.js';
 import type { AnyPlugins } from './types/TablePlugin.js';
 import type { ReadOrWritable } from './utils/store.js';
-import { type CreateViewModelOptions, type TableViewModel } from './createViewModel.js';
 export declare class Table<Item, Plugins extends AnyPlugins = AnyPlugins> {
     data: ReadOrWritable<Item[]>;
     plugins: Plugins;

package/dist/createTable.js

@@ -1,6 +1,6 @@
 import { DataColumn, DisplayColumn, getFlatColumnIds, GroupColumn } from './columns.js';
-import { getDuplicates } from './utils/array.js';
 import { createViewModel } from './createViewModel.js';
+import { getDuplicates } from './utils/array.js';
 export class Table {
     data;
     plugins;

package/dist/headerCells.d.ts

@@ -1,7 +1,7 @@
+import type { RenderConfig } from '@humanspeak/svelte-render';
 import { TableComponent } from './tableComponent.js';
 import type { HeaderLabel } from './types/Label.js';
 import type { AnyPlugins } from './types/TablePlugin.js';
-import type { RenderConfig } from '@humanspeak/svelte-subscribe';
 export type HeaderCellInit<Item, Plugins extends AnyPlugins = AnyPlugins> = {
     id: string;
     label: HeaderLabel<Item, Plugins>;

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 export * from '@humanspeak/svelte-render';
 export { Subscribe } from '@humanspeak/svelte-subscribe';
 export { createTable } from './createTable.js';
-export { Table } from './createTable.js';
-export { HeaderRow } from './headerRows.js';
-export { HeaderCell, FlatHeaderCell, DataHeaderCell, FlatDisplayHeaderCell, GroupHeaderCell, GroupDisplayHeaderCell } from './headerCells.js';
-export * from './bodyRows.js';
 export * from './bodyCells.js';
+export * from './bodyRows.js';
 export * from './columns.js';
+export { Table } from './createTable.js';
 export type * from './createViewModel.js';
+export { DataHeaderCell, FlatDisplayHeaderCell, FlatHeaderCell, GroupDisplayHeaderCell, GroupHeaderCell, HeaderCell } from './headerCells.js';
+export { HeaderRow } from './headerRows.js';
 export type * from './types/Label.js';

package/dist/index.js

@@ -4,9 +4,9 @@ export { Subscribe } from '@humanspeak/svelte-subscribe';
 // table core
 export { createTable } from './createTable.js';
 // models
-export { Table } from './createTable.js';
-export { HeaderRow } from './headerRows.js';
-export { HeaderCell, FlatHeaderCell, DataHeaderCell, FlatDisplayHeaderCell, GroupHeaderCell, GroupDisplayHeaderCell } from './headerCells.js';
-export * from './bodyRows.js';
 export * from './bodyCells.js';
+export * from './bodyRows.js';
 export * from './columns.js';
+export { Table } from './createTable.js';
+export { DataHeaderCell, FlatDisplayHeaderCell, FlatHeaderCell, GroupDisplayHeaderCell, GroupHeaderCell, HeaderCell } from './headerCells.js';
+export { HeaderRow } from './headerRows.js';

package/dist/plugins/addColumnFilters.d.ts

@@ -1,8 +1,8 @@
 import type { RenderConfig } from '@humanspeak/svelte-render';
-import type { BodyRow } from '../bodyRows.js';
-import type { TablePlugin, NewTablePropSet } from '../types/TablePlugin.js';
 import { type Readable, type Writable } from 'svelte/store';
+import type { BodyRow } from '../bodyRows.js';
 import type { PluginInitTableState } from '../createViewModel.js';
+import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 export interface ColumnFiltersConfig {
     serverSide?: boolean;
 }

package/dist/plugins/addColumnOrder.d.ts

@@ -1,5 +1,5 @@
-import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 import { type Writable } from 'svelte/store';
+import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 export interface ColumnOrderConfig {
     initialColumnIdOrder?: string[];
     hideUnspecifiedColumns?: boolean;

package/dist/plugins/addDataExport.d.ts

@@ -1,5 +1,5 @@
-import type { TablePlugin } from '../types/TablePlugin.js';
 import { type Readable } from 'svelte/store';
+import type { TablePlugin } from '../types/TablePlugin.js';
 export type DataExportFormat = 'object' | 'json' | 'csv';
 type ExportForFormat = {
     object: Record<string, unknown>[];

package/dist/plugins/addDataExport.js

@@ -1,5 +1,5 @@
-import { isReadable } from '../utils/store.js';
 import { derived, get } from 'svelte/store';
+import { isReadable } from '../utils/store.js';
 const getObjectsFromRows = (rows, ids, childrenKey) => {
     return rows.map((row) => {
         const dataObject = Object.fromEntries(ids.map((id) => {

package/dist/plugins/addExpandedRows.d.ts

@@ -1,7 +1,7 @@
+import { type Readable, type Writable } from 'svelte/store';
 import type { BodyRow } from '../bodyRows.js';
 import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 import { type RecordSetStore } from '../utils/store.js';
-import { type Readable, type Writable } from 'svelte/store';
 export interface ExpandedRowsConfig<Item> {
     initialExpandedIds?: Record<string, boolean>;
 }

package/dist/plugins/addExpandedRows.js

@@ -1,6 +1,6 @@
-import { recordSetStore } from '../utils/store.js';
 import { keyed } from '@humanspeak/svelte-keyed';
 import { derived, readable } from 'svelte/store';
+import { recordSetStore } from '../utils/store.js';
 const withExpandedRows = (row, expandedIds) => {
     if (row.subRows === undefined) {
         return [row];

package/dist/plugins/addFlatten.d.ts

@@ -1,6 +1,6 @@
+import { type Writable } from 'svelte/store';
 import type { BodyRow } from '../bodyRows.js';
 import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
-import { type Writable } from 'svelte/store';
 export interface FlattenConfig {
     initialDepth?: number;
 }

package/dist/plugins/addGroupBy.js

@@ -1,9 +1,9 @@
+import { derived, writable } from 'svelte/store';
 import { DataBodyCell } from '../bodyCells.js';
 import { BodyRow, DisplayBodyRow } from '../bodyRows.js';
 import { isShiftClick } from '../utils/event.js';
 import { nonUndefined } from '../utils/filter.js';
 import { arraySetStore } from '../utils/store.js';
-import { derived, writable } from 'svelte/store';
 const getIdPrefix = (id) => {
     const prefixTokens = id.split('>').slice(0, -1);
     if (prefixTokens.length === 0) {

package/dist/plugins/addHiddenColumns.d.ts

@@ -1,5 +1,5 @@
-import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 import { type Writable } from 'svelte/store';
+import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 export interface HiddenColumnsConfig {
     initialHiddenColumnIds?: string[];
 }

package/dist/plugins/addPagination.d.ts

@@ -1,5 +1,5 @@
-import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 import { type Readable, type Updater, type Writable } from 'svelte/store';
+import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 export type PaginationConfig = {
     initialPageIndex?: number;
     initialPageSize?: number;

package/dist/plugins/addResizedColumns.d.ts

@@ -1,5 +1,5 @@
-import type { NewTableAttributeSet, NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 import { type Writable } from 'svelte/store';
+import type { NewTableAttributeSet, NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 export interface AddResizedColumnsConfig {
     onResizeEnd?: (ev: Event) => void;
 }

package/dist/plugins/addResizedColumns.js

@@ -1,6 +1,6 @@
-import { sum } from '../utils/math.js';
 import { keyed } from '@humanspeak/svelte-keyed';
 import { derived, writable } from 'svelte/store';
+import { sum } from '../utils/math.js';
 const getDragXPos = (event) => {
     if (event instanceof MouseEvent)
         return event.clientX;

package/dist/plugins/addSelectedRows.d.ts

@@ -1,7 +1,7 @@
+import { type Readable, type Writable } from 'svelte/store';
 import type { BodyRow } from '../bodyRows.js';
 import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 import { type RecordSetStore } from '../utils/store.js';
-import { type Readable, type Writable } from 'svelte/store';
 export interface SelectedRowsConfig<Item> {
     initialSelectedDataIds?: Record<string, boolean>;
     linkDataSubRows?: boolean;

package/dist/plugins/addSelectedRows.js

@@ -1,6 +1,6 @@
+import { derived, get } from 'svelte/store';
 import { nonNull } from '../utils/filter.js';
 import { recordSetStore } from '../utils/store.js';
-import { derived, get } from 'svelte/store';
 const isAllSubRowsSelectedForRow = (row, $selectedDataIds, linkDataSubRows) => {
     if (row.isData()) {
         if (!linkDataSubRows || row.subRows === undefined) {

package/dist/plugins/addSortBy.d.ts

@@ -1,6 +1,6 @@
-import type { BodyRow } from '../bodyRows.js';
-import type { TablePlugin, NewTablePropSet } from '../types/TablePlugin.js';
 import { type Readable, type Writable } from 'svelte/store';
+import type { BodyRow } from '../bodyRows.js';
+import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 export interface SortByConfig {
     initialSortKeys?: SortKey[];
     disableMultiSort?: boolean;

package/dist/plugins/addSortBy.js

@@ -1,6 +1,6 @@
+import { derived, writable } from 'svelte/store';
 import { compare } from '../utils/compare.js';
 import { isShiftClick } from '../utils/event.js';
-import { derived, writable } from 'svelte/store';
 const DEFAULT_TOGGLE_ORDER = ['asc', 'desc', undefined];
 export const createSortKeysStore = (initKeys) => {
     const { subscribe, update, set } = writable(initKeys);

package/dist/plugins/addSubRows.js

@@ -1,5 +1,5 @@
-import { DataBodyRow, getSubRows } from '../bodyRows.js';
 import { derived } from 'svelte/store';
+import { DataBodyRow, getSubRows } from '../bodyRows.js';
 const withSubRows = (row, getChildren) => {
     const subItems = getChildren(row.original);
     if (subItems === undefined) {

package/dist/plugins/addTableFilter.d.ts

@@ -1,6 +1,6 @@
-import type { BodyRow } from '../bodyRows.js';
-import type { TablePlugin, NewTablePropSet } from '../types/TablePlugin.js';
 import { type Readable, type Writable } from 'svelte/store';
+import type { BodyRow } from '../bodyRows.js';
+import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 export interface TableFilterConfig {
     fn?: TableFilterFn;
     initialFilterValue?: string;

package/dist/plugins/addTableFilter.js

@@ -1,5 +1,5 @@
-import { recordSetStore } from '../utils/store.js';
 import { derived, writable } from 'svelte/store';
+import { recordSetStore } from '../utils/store.js';
 import { textPrefixFilter } from './addColumnFilters.js';
 const getFilteredRows = (rows, filterValue, columnOptions, { tableCellMatches, fn, includeHiddenColumns }) => {
     const $filteredRows = rows

package/dist/tableComponent.d.ts

@@ -1,6 +1,6 @@
 import { type Readable } from 'svelte/store';
-import type { AnyPlugins, ComponentKeys, ElementHook, PluginTablePropSet } from './types/TablePlugin.js';
 import type { TableState } from './createViewModel.js';
+import type { AnyPlugins, ComponentKeys, ElementHook, PluginTablePropSet } from './types/TablePlugin.js';
 import type { Clonable } from './utils/clone.js';
 export interface TableComponentInit {
     id: string;

package/dist/tableComponent.js

@@ -1,5 +1,5 @@
-import { derived } from 'svelte/store';
 import { derivedKeys } from '@humanspeak/svelte-subscribe';
+import { derived } from 'svelte/store';
 import { finalizeAttributes, mergeAttributes } from './utils/attributes.js';
 export class TableComponent {
     id;

package/dist/types/Label.d.ts

@@ -1,4 +1,4 @@
-import type { RenderConfig } from '@humanspeak/svelte-subscribe';
+import type { RenderConfig } from '@humanspeak/svelte-render';
 import type { DataBodyCell, DisplayBodyCell } from '../bodyCells.js';
 import type { TableState } from '../createViewModel.js';
 import type { HeaderCell } from '../headerCells.js';

package/dist/types/TablePlugin.d.ts

@@ -1,10 +1,10 @@
+import type { Readable } from 'svelte/store';
 import type { BodyCell, BodyCellAttributes } from '../bodyCells.js';
 import type { BodyRow, BodyRowAttributes } from '../bodyRows.js';
 import type { DataColumn, FlatColumn } from '../columns.js';
+import type { PluginInitTableState, TableAttributes, TableBodyAttributes, TableHeadAttributes } from '../createViewModel.js';
 import type { HeaderCell, HeaderCellAttributes } from '../headerCells.js';
 import type { HeaderRow, HeaderRowAttributes } from '../headerRows.js';
-import type { PluginInitTableState, TableAttributes, TableBodyAttributes, TableHeadAttributes } from '../createViewModel.js';
-import type { Readable } from 'svelte/store';
 export type TablePlugin<Item, PluginState, ColumnOptions, TablePropSet extends AnyTablePropSet = AnyTablePropSet, TableAttributeSet extends AnyTableAttributeSet = AnyTableAttributeSet> = (init: TablePluginInit<Item, ColumnOptions>) => TablePluginInstance<Item, PluginState, ColumnOptions, TablePropSet, TableAttributeSet>;
 export type TablePluginInit<Item, ColumnOptions> = {
     pluginName: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@humanspeak/svelte-headless-table",
-    "version": "5.0.2",
+    "version": "5.0.4",
     "description": "A powerful, headless table library for Svelte that provides complete control over table UI while handling complex data operations like sorting, filtering, pagination, grouping, and row expansion. Build custom, accessible data tables with zero styling opinions.",
     "keywords": [
         "svelte",
@@ -27,7 +27,7 @@
         "customizable",
         "accessible"
     ],
-    "homepage": "https://github.com/humanspeak/svelte-headless-table#readme",
+    "homepage": "https://table.svelte.page",
     "bugs": {
         "url": "https://github.com/humanspeak/svelte-headless-table/issues"
     },
@@ -69,6 +69,11 @@
         "prepublishOnly": "npm run package",
         "preview": "vite preview",
         "test": "vitest run --coverage",
+        "test:all": "npm run test && npm run test:e2e",
+        "test:e2e": "playwright test",
+        "test:e2e:debug": "playwright test --debug",
+        "test:e2e:report": "playwright show-report",
+        "test:e2e:ui": "playwright test --ui",
         "test:only": "vitest run",
         "test:watch": "vitest"
     },
@@ -78,6 +83,8 @@
         "@humanspeak/svelte-subscribe": "^5.0.0"
     },
     "devDependencies": {
+        "@faker-js/faker": "^9.4.0",
+        "@playwright/test": "^1.50.0",
         "@sveltejs/adapter-auto": "^3.0.0",
         "@sveltejs/kit": "^2.0.0",
         "@sveltejs/package": "^2.0.0",
@@ -85,22 +92,25 @@
         "@testing-library/jest-dom": "^6.1.6",
         "@testing-library/svelte": "^4.0.5",
         "@types/eslint": "8.56.0",
-        "@types/faker": "^5.5.9",
-        "@typescript-eslint/eslint-plugin": "^6.0.0",
-        "@typescript-eslint/parser": "^6.0.0",
+        "@types/node": "^22.10.10",
+        "@typescript-eslint/eslint-plugin": "^8.22.0",
+        "@typescript-eslint/parser": "^8.22.0",
         "@vitest/coverage-v8": "^1.1.1",
-        "eslint": "^8.56.0",
-        "eslint-config-prettier": "^9.1.0",
-        "eslint-plugin-svelte": "^2.35.1",
-        "faker": "^5.5.3",
-        "prettier": "^3.1.1",
-        "prettier-plugin-svelte": "^3.1.2",
+        "eslint": "^9.19.0",
+        "eslint-config-prettier": "^10.0.1",
+        "eslint-plugin-svelte": "^2.46.1",
+        "globals": "^15.14.0",
+        "prettier": "^3.4.2",
+        "prettier-plugin-organize-imports": "^4.1.0",
+        "prettier-plugin-svelte": "^3.3.3",
+        "prettier-plugin-tailwindcss": "^0.6.11",
         "publint": "^0.1.9",
         "svelte": "^4.2.7",
         "svelte-check": "^3.6.0",
         "tslib": "^2.4.1",
         "type-fest": "^4.9.0",
-        "typescript": "^5.0.0",
+        "typescript": "^5.7.3",
+        "typescript-eslint": "^8.22.0",
         "vite": "^5.0.3",
         "vitest": "^1.0.0"
     },