From e108954ba8e52da9580e88a5040b15150061e1d4 Mon Sep 17 00:00:00 2001
From: Kevin Van Cott <kevinvandy656@gmail.com>
Date: Tue, 7 Apr 2026 11:26:38 -0500
Subject: [PATCH 1/3] feat: svelte-table v9 refactor

---
 docs/config.json                              |  62 +-
 .../{basic => basic-inject-table}/.gitignore  |   0
 .../{basic => basic-inject-table}/README.md   |   0
 .../angular.json                              |   0
 .../package.json                              |   0
 .../public/favicon.ico                        | Bin
 .../src/app/app.config.ts                     |   0
 .../src/app/app.html                          |   0
 .../src/app/app.routes.ts                     |   0
 .../src/app/app.ts                            |   0
 .../src/index.html                            |   0
 .../{basic => basic-inject-table}/src/main.ts |   0
 .../src/styles.css                            |   0
 .../tsconfig.app.json                         |   0
 .../tsconfig.json                             |   0
 .../solid/basic-external-state/src/App.tsx    |  12 +-
 .../solid/basic-external-store/src/App.tsx    |  12 +-
 examples/solid/basic-use-table/src/App.tsx    |  25 +-
 examples/solid/column-groups/src/App.tsx      |  25 +-
 examples/solid/column-ordering/src/App.tsx    |  17 +-
 examples/solid/column-visibility/src/App.tsx  |  17 +-
 examples/solid/filters-faceted/src/App.tsx    |  12 +-
 examples/solid/filters/src/App.tsx            |  12 +-
 examples/solid/row-selection/src/App.tsx      |  12 +-
 examples/solid/sorting/src/App.tsx            |  12 +-
 .../solid/with-tanstack-query/src/App.tsx     |  16 +-
 .../.gitignore                                |   0
 .../README.md                                 |   0
 .../index.html                                |   0
 .../package.json                              |   2 +-
 .../svelte/basic-app-table/src/App.svelte     | 180 ++++
 .../src/index.css                             |   0
 .../src/main.ts                               |   0
 .../svelte.config.js                          |   0
 .../tsconfig.json                             |   0
 .../vite.config.js                            |   0
 .../{basic => basic-create-table}/.gitignore  |   0
 .../{basic => basic-create-table}/README.md   |   0
 .../{basic => basic-create-table}/index.html  |   0
 .../svelte/basic-create-table/package.json    |  23 +
 .../svelte/basic-create-table/src/App.svelte  | 150 +++
 .../src/index.css                             |   0
 .../{basic => basic-create-table}/src/main.ts |   0
 .../svelte.config.js                          |   0
 .../tsconfig.json                             |   0
 .../vite.config.js                            |   0
 .../svelte/basic-external-state/index.html    |  14 +
 .../svelte/basic-external-state/package.json  |  24 +
 .../basic-external-state/src/App.svelte       | 197 ++++
 .../svelte/basic-external-state/src/index.css |  26 +
 .../svelte/basic-external-state/src/main.ts   |   9 +
 .../basic-external-state/src/makeData.ts      |  48 +
 .../src/vite-env.d.ts                         |   0
 .../basic-external-state/svelte.config.js     |   5 +
 .../svelte/basic-external-state/tsconfig.json |  13 +
 .../basic-external-state/vite.config.js       |  17 +
 .../svelte/basic-external-store/index.html    |  14 +
 .../svelte/basic-external-store/package.json  |  24 +
 .../basic-external-store/src/App.svelte       | 211 +++++
 .../svelte/basic-external-store/src/index.css |  26 +
 .../svelte/basic-external-store/src/main.ts   |   9 +
 .../basic-external-store/src/makeData.ts      |  48 +
 .../basic-external-store/src/vite-env.d.ts    |   2 +
 .../basic-external-store/svelte.config.js     |   5 +
 .../svelte/basic-external-store/tsconfig.json |  13 +
 .../basic-external-store/vite.config.js       |  17 +
 examples/svelte/basic-snippets/src/App.svelte |  35 +-
 .../svelte/basic-snippets/src/snippets.svelte |   2 -
 .../svelte/basic-table-helper/src/App.svelte  | 159 ----
 examples/svelte/basic/src/App.svelte          | 166 ----
 examples/svelte/column-groups/src/App.svelte  |  27 +-
 .../svelte/column-ordering/src/App.svelte     |  18 +-
 .../svelte/column-pinning-split/.gitignore    |   8 +
 .../svelte/column-pinning-split/index.html    |  14 +
 .../svelte/column-pinning-split/package.json  |  24 +
 .../column-pinning-split/src/App.svelte       | 313 ++++++
 .../svelte/column-pinning-split/src/index.css |  26 +
 .../svelte/column-pinning-split/src/main.ts   |   9 +
 .../column-pinning-split/src/makeData.ts      |  47 +
 .../column-pinning-split/svelte.config.js     |   5 +
 .../svelte/column-pinning-split/tsconfig.json |  13 +
 .../column-pinning-split/vite.config.js       |  17 +
 .../svelte/column-pinning-sticky/.gitignore   |   8 +
 .../svelte/column-pinning-sticky/index.html   |  14 +
 .../svelte/column-pinning-sticky/package.json |  24 +
 .../column-pinning-sticky/src/App.svelte      | 246 +++++
 .../column-pinning-sticky/src/index.css       |  49 +
 .../svelte/column-pinning-sticky/src/main.ts  |   9 +
 .../column-pinning-sticky/src/makeData.ts     |  47 +
 .../column-pinning-sticky/svelte.config.js    |   5 +
 .../column-pinning-sticky/tsconfig.json       |  13 +
 .../column-pinning-sticky/vite.config.js      |  17 +
 examples/svelte/column-pinning/src/App.svelte |  44 +-
 .../column-resizing-performant/.gitignore     |   8 +
 .../column-resizing-performant/index.html     |  14 +
 .../column-resizing-performant/package.json   |  24 +
 .../column-resizing-performant/src/App.svelte | 163 ++++
 .../column-resizing-performant/src/index.css  |  72 ++
 .../column-resizing-performant/src/main.ts    |   9 +
 .../src/makeData.ts                           |  43 +
 .../svelte.config.js                          |   5 +
 .../column-resizing-performant/tsconfig.json  |  13 +
 .../column-resizing-performant/vite.config.js |  17 +
 examples/svelte/column-resizing/.gitignore    |   8 +
 examples/svelte/column-resizing/index.html    |  14 +
 examples/svelte/column-resizing/package.json  |  23 +
 .../svelte/column-resizing/src/App.svelte     | 300 ++++++
 examples/svelte/column-resizing/src/index.css |  80 ++
 examples/svelte/column-resizing/src/main.ts   |   9 +
 .../svelte/column-resizing/svelte.config.js   |   5 +
 examples/svelte/column-resizing/tsconfig.json |  13 +
 .../svelte/column-resizing/vite.config.js     |  17 +
 examples/svelte/column-sizing/.gitignore      |   8 +
 examples/svelte/column-sizing/index.html      |  14 +
 .../{basic => column-sizing}/package.json     |   2 +-
 examples/svelte/column-sizing/src/App.svelte  | 232 +++++
 examples/svelte/column-sizing/src/index.css   |  57 ++
 examples/svelte/column-sizing/src/main.ts     |   9 +
 .../svelte/column-sizing/svelte.config.js     |   5 +
 examples/svelte/column-sizing/tsconfig.json   |  13 +
 examples/svelte/column-sizing/vite.config.js  |  17 +
 .../svelte/column-visibility/src/App.svelte   |  27 +-
 examples/svelte/composable-tables/.gitignore  |   8 +
 examples/svelte/composable-tables/index.html  |  13 +
 .../svelte/composable-tables/package.json     |  24 +
 .../svelte/composable-tables/src/App.svelte   |  22 +
 .../src/components/CategoryCell.svelte        |  11 +
 .../src/components/ColumnFilter.svelte        |  22 +
 .../src/components/FooterColumnId.svelte      |  11 +
 .../src/components/FooterSum.svelte           |  19 +
 .../src/components/NumberCell.svelte          |  11 +
 .../src/components/PaginationControls.svelte  |  65 ++
 .../src/components/PriceCell.svelte           |  16 +
 .../src/components/ProductsTable.svelte       | 162 ++++
 .../src/components/ProgressCell.svelte        |  13 +
 .../src/components/RowActionsCell.svelte      |  30 +
 .../src/components/RowCount.svelte            |  13 +
 .../src/components/SortIndicator.svelte       |  15 +
 .../src/components/StatusCell.svelte          |  11 +
 .../src/components/TableToolbar.svelte        |  31 +
 .../src/components/TextCell.svelte            |  11 +
 .../src/components/UsersTable.svelte          | 176 ++++
 .../composable-tables/src/hooks/table.ts      |  99 ++
 .../svelte/composable-tables/src/index.css    | 249 +++++
 examples/svelte/composable-tables/src/main.ts |   9 +
 .../svelte/composable-tables/src/makeData.ts  |  77 ++
 .../svelte/composable-tables/svelte.config.js |   5 +
 .../svelte/composable-tables/tsconfig.json    |  13 +
 .../svelte/composable-tables/vite.config.js   |  17 +
 examples/svelte/expanding/.gitignore          |   8 +
 examples/svelte/expanding/index.html          |  14 +
 examples/svelte/expanding/package.json        |  24 +
 examples/svelte/expanding/src/App.svelte      | 296 ++++++
 examples/svelte/expanding/src/index.css       |  21 +
 examples/svelte/expanding/src/main.ts         |   9 +
 examples/svelte/expanding/src/makeData.ts     |  43 +
 examples/svelte/expanding/svelte.config.js    |   5 +
 examples/svelte/expanding/tsconfig.json       |  13 +
 examples/svelte/expanding/vite.config.js      |  17 +
 examples/svelte/filtering/package.json        |   1 -
 examples/svelte/filtering/src/App.svelte      | 210 +++--
 .../svelte/filtering/src/ColumnFilter.svelte  |  68 ++
 .../filtering/src/DebouncedInput.svelte       |  29 +
 examples/svelte/filtering/src/main.ts         |  11 -
 examples/svelte/filters-faceted/.gitignore    |   8 +
 examples/svelte/filters-faceted/README.md     |   6 +
 examples/svelte/filters-faceted/index.html    |  14 +
 examples/svelte/filters-faceted/package.json  |  24 +
 .../svelte/filters-faceted/src/App.svelte     | 155 +++
 .../filters-faceted/src/ColumnFilter.svelte   |  78 ++
 .../filters-faceted/src/DebouncedInput.svelte |  29 +
 examples/svelte/filters-faceted/src/index.css |  26 +
 examples/svelte/filters-faceted/src/main.ts   |   9 +
 .../svelte/filters-faceted/src/makeData.ts    |  48 +
 .../svelte/filters-faceted/svelte.config.js   |   5 +
 examples/svelte/filters-faceted/tsconfig.json |  13 +
 .../svelte/filters-faceted/vite.config.js     |  17 +
 examples/svelte/filters-fuzzy/.gitignore      |   8 +
 examples/svelte/filters-fuzzy/README.md       |   6 +
 examples/svelte/filters-fuzzy/index.html      |  14 +
 examples/svelte/filters-fuzzy/package.json    |  25 +
 examples/svelte/filters-fuzzy/src/App.svelte  | 255 +++++
 .../filters-fuzzy/src/DebouncedInput.svelte   |  29 +
 examples/svelte/filters-fuzzy/src/index.css   |  26 +
 examples/svelte/filters-fuzzy/src/main.ts     |  20 +
 examples/svelte/filters-fuzzy/src/makeData.ts |  45 +
 .../svelte/filters-fuzzy/svelte.config.js     |   5 +
 examples/svelte/filters-fuzzy/tsconfig.json   |  13 +
 examples/svelte/filters-fuzzy/vite.config.js  |  17 +
 examples/svelte/grouping/.gitignore           |   8 +
 examples/svelte/grouping/index.html           |  14 +
 examples/svelte/grouping/package.json         |  24 +
 examples/svelte/grouping/src/App.svelte       | 236 +++++
 examples/svelte/grouping/src/index.css        |  26 +
 examples/svelte/grouping/src/main.ts          |   9 +
 examples/svelte/grouping/src/makeData.ts      |  47 +
 examples/svelte/grouping/svelte.config.js     |   5 +
 examples/svelte/grouping/tsconfig.json        |  13 +
 examples/svelte/grouping/vite.config.js       |  17 +
 examples/svelte/pagination/.gitignore         |   8 +
 examples/svelte/pagination/index.html         |  14 +
 examples/svelte/pagination/package.json       |  24 +
 examples/svelte/pagination/src/App.svelte     | 264 ++++++
 examples/svelte/pagination/src/index.css      |  21 +
 examples/svelte/pagination/src/main.ts        |   9 +
 examples/svelte/pagination/src/makeData.ts    |  43 +
 examples/svelte/pagination/svelte.config.js   |   5 +
 examples/svelte/pagination/tsconfig.json      |  13 +
 examples/svelte/pagination/vite.config.js     |  17 +
 examples/svelte/row-pinning/.gitignore        |   8 +
 examples/svelte/row-pinning/index.html        |  14 +
 examples/svelte/row-pinning/package.json      |  24 +
 examples/svelte/row-pinning/src/App.svelte    | 385 ++++++++
 examples/svelte/row-pinning/src/index.css     |  26 +
 examples/svelte/row-pinning/src/main.ts       |   9 +
 examples/svelte/row-pinning/src/makeData.ts   |  43 +
 examples/svelte/row-pinning/svelte.config.js  |   5 +
 examples/svelte/row-pinning/tsconfig.json     |  13 +
 examples/svelte/row-pinning/vite.config.js    |  17 +
 examples/svelte/row-selection/src/App.svelte  | 101 +-
 examples/svelte/row-selection/src/main.ts     |  11 +-
 .../svelte/row-selection/src/vite-env.d.ts    |   2 +
 examples/svelte/row-selection/tsconfig.json   |  12 +-
 examples/svelte/sorting/src/App.svelte        |  27 +-
 examples/svelte/sub-components/.gitignore     |   8 +
 examples/svelte/sub-components/index.html     |  14 +
 examples/svelte/sub-components/package.json   |  24 +
 examples/svelte/sub-components/src/App.svelte | 143 +++
 examples/svelte/sub-components/src/index.css  |  21 +
 examples/svelte/sub-components/src/main.ts    |   9 +
 .../svelte/sub-components/src/makeData.ts     |  43 +
 .../svelte/sub-components/svelte.config.js    |   5 +
 examples/svelte/sub-components/tsconfig.json  |  13 +
 examples/svelte/sub-components/vite.config.js |  17 +
 .../svelte/virtualized-columns/index.html     |  13 +
 .../svelte/virtualized-columns/package.json   |  25 +
 .../svelte/virtualized-columns/src/App.svelte | 199 ++++
 .../svelte/virtualized-columns/src/index.css  |  40 +
 .../svelte/virtualized-columns/src/main.ts    |   9 +
 .../virtualized-columns/src/makeData.ts       |  17 +
 .../virtualized-columns/src/vite-env.d.ts     |   2 +
 .../virtualized-columns/svelte.config.js      |   5 +
 .../svelte/virtualized-columns/tsconfig.json  |  13 +
 .../svelte/virtualized-columns/vite.config.js |  17 +
 .../virtualized-infinite-scrolling/index.html |  13 +
 .../package.json                              |  26 +
 .../src/App.svelte                            | 243 +++++
 .../src/Root.svelte                           |  10 +
 .../src/index.css                             |  40 +
 .../src/main.ts                               |   9 +
 .../src/makeData.ts                           |  89 ++
 .../src/vite-env.d.ts                         |   2 +
 .../svelte.config.js                          |   5 +
 .../tsconfig.json                             |  13 +
 .../vite.config.js                            |  17 +
 examples/svelte/virtualized-rows/index.html   |  13 +
 examples/svelte/virtualized-rows/package.json |  25 +
 .../svelte/virtualized-rows/src/App.svelte    | 182 ++++
 .../svelte/virtualized-rows/src/index.css     |  40 +
 examples/svelte/virtualized-rows/src/main.ts  |   9 +
 .../svelte/virtualized-rows/src/makeData.ts   |  41 +
 .../svelte/virtualized-rows/src/vite-env.d.ts |   2 +
 .../svelte/virtualized-rows/svelte.config.js  |   5 +
 .../svelte/virtualized-rows/tsconfig.json     |  13 +
 .../svelte/virtualized-rows/vite.config.js    |  17 +
 examples/svelte/with-tanstack-form/.gitignore |   8 +
 examples/svelte/with-tanstack-form/index.html |  14 +
 .../svelte/with-tanstack-form/package.json    |  29 +
 .../svelte/with-tanstack-form/src/App.svelte  | 374 ++++++++
 .../src/FormStateIndicator.svelte             |  29 +
 .../with-tanstack-form/src/NumberField.svelte |  19 +
 .../src/NumberFieldCell.svelte                |  29 +
 .../with-tanstack-form/src/SelectField.svelte |  24 +
 .../src/SelectFieldCell.svelte                |  14 +
 .../src/SubmitButton.svelte                   |  24 +
 .../with-tanstack-form/src/TextField.svelte   |  18 +
 .../src/TextFieldCell.svelte                  |  21 +
 .../with-tanstack-form/src/form-context.ts    |   3 +
 .../svelte/with-tanstack-form/src/form.ts     |  18 +
 .../svelte/with-tanstack-form/src/index.css   |  26 +
 .../svelte/with-tanstack-form/src/main.ts     |   9 +
 .../svelte/with-tanstack-form/src/makeData.ts |  48 +
 .../with-tanstack-form/svelte.config.js       |   5 +
 .../svelte/with-tanstack-form/tsconfig.json   |  13 +
 .../svelte/with-tanstack-form/vite.config.js  |  17 +
 .../svelte/with-tanstack-query/.gitignore     |   8 +
 .../svelte/with-tanstack-query/index.html     |  14 +
 .../svelte/with-tanstack-query/package.json   |  27 +
 .../svelte/with-tanstack-query/src/App.svelte | 190 ++++
 .../with-tanstack-query/src/Root.svelte       |  10 +
 .../with-tanstack-query/src/fetchData.ts      |  66 ++
 .../svelte/with-tanstack-query/src/index.css  |  26 +
 .../svelte/with-tanstack-query/src/main.ts    |   9 +
 .../with-tanstack-query/svelte.config.js      |   5 +
 .../svelte/with-tanstack-query/tsconfig.json  |  13 +
 .../svelte/with-tanstack-query/vite.config.js |  17 +
 examples/vue/basic/src/App.vue                |  17 +-
 examples/vue/column-ordering/src/App.vue      |  17 +-
 examples/vue/column-pinning/src/App.vue       |  33 +-
 .../vue/pagination-controlled/src/App.vue     |  11 +-
 examples/vue/pagination/src/App.vue           |  17 +-
 examples/vue/row-selection/src/App.vue        |  11 +-
 examples/vue/sorting/src/App.vue              |  16 +-
 examples/vue/virtualized-rows/src/App.vue     |  10 +-
 package.json                                  |  20 +-
 packages/svelte-table/eslint.config.js        |  12 +
 packages/svelte-table/src/AppCell.svelte      |  13 +
 packages/svelte-table/src/AppHeader.svelte    |  13 +
 packages/svelte-table/src/AppTable.svelte     |  11 +
 packages/svelte-table/src/FlexRender.svelte   | 107 ++-
 packages/svelte-table/src/Subscribe.svelte    |  18 +-
 packages/svelte-table/src/context-keys.ts     |   3 +
 .../svelte-table/src/createTable.svelte.ts    | 150 +--
 .../svelte-table/src/createTableHelper.ts     |  62 --
 .../src/createTableHook.svelte.ts             | 636 +++++++++++++
 packages/svelte-table/src/index.ts            |  10 +-
 packages/svelte-table/src/merge-objects.ts    |  43 +
 packages/svelte-table/src/render-component.ts |   8 +-
 packages/vue-table/src/FlexRender.ts          | 113 ++-
 pnpm-lock.yaml                                | 892 +++++++++++++++---
 scripts/config.js                             |   8 +-
 321 files changed, 11876 insertions(+), 1175 deletions(-)
 rename examples/angular/{basic => basic-inject-table}/.gitignore (100%)
 rename examples/angular/{basic => basic-inject-table}/README.md (100%)
 rename examples/angular/{basic => basic-inject-table}/angular.json (100%)
 rename examples/angular/{basic => basic-inject-table}/package.json (100%)
 rename examples/angular/{basic => basic-inject-table}/public/favicon.ico (100%)
 rename examples/angular/{basic => basic-inject-table}/src/app/app.config.ts (100%)
 rename examples/angular/{basic => basic-inject-table}/src/app/app.html (100%)
 rename examples/angular/{basic => basic-inject-table}/src/app/app.routes.ts (100%)
 rename examples/angular/{basic => basic-inject-table}/src/app/app.ts (100%)
 rename examples/angular/{basic => basic-inject-table}/src/index.html (100%)
 rename examples/angular/{basic => basic-inject-table}/src/main.ts (100%)
 rename examples/angular/{basic => basic-inject-table}/src/styles.css (100%)
 rename examples/angular/{basic => basic-inject-table}/tsconfig.app.json (100%)
 rename examples/angular/{basic => basic-inject-table}/tsconfig.json (100%)
 rename examples/svelte/{basic-table-helper => basic-app-table}/.gitignore (100%)
 rename examples/svelte/{basic-table-helper => basic-app-table}/README.md (100%)
 rename examples/svelte/{basic-table-helper => basic-app-table}/index.html (100%)
 rename examples/svelte/{basic-table-helper => basic-app-table}/package.json (89%)
 create mode 100644 examples/svelte/basic-app-table/src/App.svelte
 rename examples/svelte/{basic-table-helper => basic-app-table}/src/index.css (100%)
 rename examples/svelte/{basic-table-helper => basic-app-table}/src/main.ts (100%)
 rename examples/svelte/{basic-table-helper => basic-app-table}/svelte.config.js (100%)
 rename examples/svelte/{basic-table-helper => basic-app-table}/tsconfig.json (100%)
 rename examples/svelte/{basic-table-helper => basic-app-table}/vite.config.js (100%)
 rename examples/svelte/{basic => basic-create-table}/.gitignore (100%)
 rename examples/svelte/{basic => basic-create-table}/README.md (100%)
 rename examples/svelte/{basic => basic-create-table}/index.html (100%)
 create mode 100644 examples/svelte/basic-create-table/package.json
 create mode 100644 examples/svelte/basic-create-table/src/App.svelte
 rename examples/svelte/{basic => basic-create-table}/src/index.css (100%)
 rename examples/svelte/{basic => basic-create-table}/src/main.ts (100%)
 rename examples/svelte/{basic => basic-create-table}/svelte.config.js (100%)
 rename examples/svelte/{basic => basic-create-table}/tsconfig.json (100%)
 rename examples/svelte/{basic => basic-create-table}/vite.config.js (100%)
 create mode 100644 examples/svelte/basic-external-state/index.html
 create mode 100644 examples/svelte/basic-external-state/package.json
 create mode 100644 examples/svelte/basic-external-state/src/App.svelte
 create mode 100644 examples/svelte/basic-external-state/src/index.css
 create mode 100644 examples/svelte/basic-external-state/src/main.ts
 create mode 100644 examples/svelte/basic-external-state/src/makeData.ts
 rename examples/svelte/{basic => basic-external-state}/src/vite-env.d.ts (100%)
 create mode 100644 examples/svelte/basic-external-state/svelte.config.js
 create mode 100644 examples/svelte/basic-external-state/tsconfig.json
 create mode 100644 examples/svelte/basic-external-state/vite.config.js
 create mode 100644 examples/svelte/basic-external-store/index.html
 create mode 100644 examples/svelte/basic-external-store/package.json
 create mode 100644 examples/svelte/basic-external-store/src/App.svelte
 create mode 100644 examples/svelte/basic-external-store/src/index.css
 create mode 100644 examples/svelte/basic-external-store/src/main.ts
 create mode 100644 examples/svelte/basic-external-store/src/makeData.ts
 create mode 100644 examples/svelte/basic-external-store/src/vite-env.d.ts
 create mode 100644 examples/svelte/basic-external-store/svelte.config.js
 create mode 100644 examples/svelte/basic-external-store/tsconfig.json
 create mode 100644 examples/svelte/basic-external-store/vite.config.js
 delete mode 100644 examples/svelte/basic-table-helper/src/App.svelte
 delete mode 100644 examples/svelte/basic/src/App.svelte
 create mode 100644 examples/svelte/column-pinning-split/.gitignore
 create mode 100644 examples/svelte/column-pinning-split/index.html
 create mode 100644 examples/svelte/column-pinning-split/package.json
 create mode 100644 examples/svelte/column-pinning-split/src/App.svelte
 create mode 100644 examples/svelte/column-pinning-split/src/index.css
 create mode 100644 examples/svelte/column-pinning-split/src/main.ts
 create mode 100644 examples/svelte/column-pinning-split/src/makeData.ts
 create mode 100644 examples/svelte/column-pinning-split/svelte.config.js
 create mode 100644 examples/svelte/column-pinning-split/tsconfig.json
 create mode 100644 examples/svelte/column-pinning-split/vite.config.js
 create mode 100644 examples/svelte/column-pinning-sticky/.gitignore
 create mode 100644 examples/svelte/column-pinning-sticky/index.html
 create mode 100644 examples/svelte/column-pinning-sticky/package.json
 create mode 100644 examples/svelte/column-pinning-sticky/src/App.svelte
 create mode 100644 examples/svelte/column-pinning-sticky/src/index.css
 create mode 100644 examples/svelte/column-pinning-sticky/src/main.ts
 create mode 100644 examples/svelte/column-pinning-sticky/src/makeData.ts
 create mode 100644 examples/svelte/column-pinning-sticky/svelte.config.js
 create mode 100644 examples/svelte/column-pinning-sticky/tsconfig.json
 create mode 100644 examples/svelte/column-pinning-sticky/vite.config.js
 create mode 100644 examples/svelte/column-resizing-performant/.gitignore
 create mode 100644 examples/svelte/column-resizing-performant/index.html
 create mode 100644 examples/svelte/column-resizing-performant/package.json
 create mode 100644 examples/svelte/column-resizing-performant/src/App.svelte
 create mode 100644 examples/svelte/column-resizing-performant/src/index.css
 create mode 100644 examples/svelte/column-resizing-performant/src/main.ts
 create mode 100644 examples/svelte/column-resizing-performant/src/makeData.ts
 create mode 100644 examples/svelte/column-resizing-performant/svelte.config.js
 create mode 100644 examples/svelte/column-resizing-performant/tsconfig.json
 create mode 100644 examples/svelte/column-resizing-performant/vite.config.js
 create mode 100644 examples/svelte/column-resizing/.gitignore
 create mode 100644 examples/svelte/column-resizing/index.html
 create mode 100644 examples/svelte/column-resizing/package.json
 create mode 100644 examples/svelte/column-resizing/src/App.svelte
 create mode 100644 examples/svelte/column-resizing/src/index.css
 create mode 100644 examples/svelte/column-resizing/src/main.ts
 create mode 100644 examples/svelte/column-resizing/svelte.config.js
 create mode 100644 examples/svelte/column-resizing/tsconfig.json
 create mode 100644 examples/svelte/column-resizing/vite.config.js
 create mode 100644 examples/svelte/column-sizing/.gitignore
 create mode 100644 examples/svelte/column-sizing/index.html
 rename examples/svelte/{basic => column-sizing}/package.json (90%)
 create mode 100644 examples/svelte/column-sizing/src/App.svelte
 create mode 100644 examples/svelte/column-sizing/src/index.css
 create mode 100644 examples/svelte/column-sizing/src/main.ts
 create mode 100644 examples/svelte/column-sizing/svelte.config.js
 create mode 100644 examples/svelte/column-sizing/tsconfig.json
 create mode 100644 examples/svelte/column-sizing/vite.config.js
 create mode 100644 examples/svelte/composable-tables/.gitignore
 create mode 100644 examples/svelte/composable-tables/index.html
 create mode 100644 examples/svelte/composable-tables/package.json
 create mode 100644 examples/svelte/composable-tables/src/App.svelte
 create mode 100644 examples/svelte/composable-tables/src/components/CategoryCell.svelte
 create mode 100644 examples/svelte/composable-tables/src/components/ColumnFilter.svelte
 create mode 100644 examples/svelte/composable-tables/src/components/FooterColumnId.svelte
 create mode 100644 examples/svelte/composable-tables/src/components/FooterSum.svelte
 create mode 100644 examples/svelte/composable-tables/src/components/NumberCell.svelte
 create mode 100644 examples/svelte/composable-tables/src/components/PaginationControls.svelte
 create mode 100644 examples/svelte/composable-tables/src/components/PriceCell.svelte
 create mode 100644 examples/svelte/composable-tables/src/components/ProductsTable.svelte
 create mode 100644 examples/svelte/composable-tables/src/components/ProgressCell.svelte
 create mode 100644 examples/svelte/composable-tables/src/components/RowActionsCell.svelte
 create mode 100644 examples/svelte/composable-tables/src/components/RowCount.svelte
 create mode 100644 examples/svelte/composable-tables/src/components/SortIndicator.svelte
 create mode 100644 examples/svelte/composable-tables/src/components/StatusCell.svelte
 create mode 100644 examples/svelte/composable-tables/src/components/TableToolbar.svelte
 create mode 100644 examples/svelte/composable-tables/src/components/TextCell.svelte
 create mode 100644 examples/svelte/composable-tables/src/components/UsersTable.svelte
 create mode 100644 examples/svelte/composable-tables/src/hooks/table.ts
 create mode 100644 examples/svelte/composable-tables/src/index.css
 create mode 100644 examples/svelte/composable-tables/src/main.ts
 create mode 100644 examples/svelte/composable-tables/src/makeData.ts
 create mode 100644 examples/svelte/composable-tables/svelte.config.js
 create mode 100644 examples/svelte/composable-tables/tsconfig.json
 create mode 100644 examples/svelte/composable-tables/vite.config.js
 create mode 100644 examples/svelte/expanding/.gitignore
 create mode 100644 examples/svelte/expanding/index.html
 create mode 100644 examples/svelte/expanding/package.json
 create mode 100644 examples/svelte/expanding/src/App.svelte
 create mode 100644 examples/svelte/expanding/src/index.css
 create mode 100644 examples/svelte/expanding/src/main.ts
 create mode 100644 examples/svelte/expanding/src/makeData.ts
 create mode 100644 examples/svelte/expanding/svelte.config.js
 create mode 100644 examples/svelte/expanding/tsconfig.json
 create mode 100644 examples/svelte/expanding/vite.config.js
 create mode 100644 examples/svelte/filtering/src/ColumnFilter.svelte
 create mode 100644 examples/svelte/filtering/src/DebouncedInput.svelte
 create mode 100644 examples/svelte/filters-faceted/.gitignore
 create mode 100644 examples/svelte/filters-faceted/README.md
 create mode 100644 examples/svelte/filters-faceted/index.html
 create mode 100644 examples/svelte/filters-faceted/package.json
 create mode 100644 examples/svelte/filters-faceted/src/App.svelte
 create mode 100644 examples/svelte/filters-faceted/src/ColumnFilter.svelte
 create mode 100644 examples/svelte/filters-faceted/src/DebouncedInput.svelte
 create mode 100644 examples/svelte/filters-faceted/src/index.css
 create mode 100644 examples/svelte/filters-faceted/src/main.ts
 create mode 100644 examples/svelte/filters-faceted/src/makeData.ts
 create mode 100644 examples/svelte/filters-faceted/svelte.config.js
 create mode 100644 examples/svelte/filters-faceted/tsconfig.json
 create mode 100644 examples/svelte/filters-faceted/vite.config.js
 create mode 100644 examples/svelte/filters-fuzzy/.gitignore
 create mode 100644 examples/svelte/filters-fuzzy/README.md
 create mode 100644 examples/svelte/filters-fuzzy/index.html
 create mode 100644 examples/svelte/filters-fuzzy/package.json
 create mode 100644 examples/svelte/filters-fuzzy/src/App.svelte
 create mode 100644 examples/svelte/filters-fuzzy/src/DebouncedInput.svelte
 create mode 100644 examples/svelte/filters-fuzzy/src/index.css
 create mode 100644 examples/svelte/filters-fuzzy/src/main.ts
 create mode 100644 examples/svelte/filters-fuzzy/src/makeData.ts
 create mode 100644 examples/svelte/filters-fuzzy/svelte.config.js
 create mode 100644 examples/svelte/filters-fuzzy/tsconfig.json
 create mode 100644 examples/svelte/filters-fuzzy/vite.config.js
 create mode 100644 examples/svelte/grouping/.gitignore
 create mode 100644 examples/svelte/grouping/index.html
 create mode 100644 examples/svelte/grouping/package.json
 create mode 100644 examples/svelte/grouping/src/App.svelte
 create mode 100644 examples/svelte/grouping/src/index.css
 create mode 100644 examples/svelte/grouping/src/main.ts
 create mode 100644 examples/svelte/grouping/src/makeData.ts
 create mode 100644 examples/svelte/grouping/svelte.config.js
 create mode 100644 examples/svelte/grouping/tsconfig.json
 create mode 100644 examples/svelte/grouping/vite.config.js
 create mode 100644 examples/svelte/pagination/.gitignore
 create mode 100644 examples/svelte/pagination/index.html
 create mode 100644 examples/svelte/pagination/package.json
 create mode 100644 examples/svelte/pagination/src/App.svelte
 create mode 100644 examples/svelte/pagination/src/index.css
 create mode 100644 examples/svelte/pagination/src/main.ts
 create mode 100644 examples/svelte/pagination/src/makeData.ts
 create mode 100644 examples/svelte/pagination/svelte.config.js
 create mode 100644 examples/svelte/pagination/tsconfig.json
 create mode 100644 examples/svelte/pagination/vite.config.js
 create mode 100644 examples/svelte/row-pinning/.gitignore
 create mode 100644 examples/svelte/row-pinning/index.html
 create mode 100644 examples/svelte/row-pinning/package.json
 create mode 100644 examples/svelte/row-pinning/src/App.svelte
 create mode 100644 examples/svelte/row-pinning/src/index.css
 create mode 100644 examples/svelte/row-pinning/src/main.ts
 create mode 100644 examples/svelte/row-pinning/src/makeData.ts
 create mode 100644 examples/svelte/row-pinning/svelte.config.js
 create mode 100644 examples/svelte/row-pinning/tsconfig.json
 create mode 100644 examples/svelte/row-pinning/vite.config.js
 create mode 100644 examples/svelte/row-selection/src/vite-env.d.ts
 create mode 100644 examples/svelte/sub-components/.gitignore
 create mode 100644 examples/svelte/sub-components/index.html
 create mode 100644 examples/svelte/sub-components/package.json
 create mode 100644 examples/svelte/sub-components/src/App.svelte
 create mode 100644 examples/svelte/sub-components/src/index.css
 create mode 100644 examples/svelte/sub-components/src/main.ts
 create mode 100644 examples/svelte/sub-components/src/makeData.ts
 create mode 100644 examples/svelte/sub-components/svelte.config.js
 create mode 100644 examples/svelte/sub-components/tsconfig.json
 create mode 100644 examples/svelte/sub-components/vite.config.js
 create mode 100644 examples/svelte/virtualized-columns/index.html
 create mode 100644 examples/svelte/virtualized-columns/package.json
 create mode 100644 examples/svelte/virtualized-columns/src/App.svelte
 create mode 100644 examples/svelte/virtualized-columns/src/index.css
 create mode 100644 examples/svelte/virtualized-columns/src/main.ts
 create mode 100644 examples/svelte/virtualized-columns/src/makeData.ts
 create mode 100644 examples/svelte/virtualized-columns/src/vite-env.d.ts
 create mode 100644 examples/svelte/virtualized-columns/svelte.config.js
 create mode 100644 examples/svelte/virtualized-columns/tsconfig.json
 create mode 100644 examples/svelte/virtualized-columns/vite.config.js
 create mode 100644 examples/svelte/virtualized-infinite-scrolling/index.html
 create mode 100644 examples/svelte/virtualized-infinite-scrolling/package.json
 create mode 100644 examples/svelte/virtualized-infinite-scrolling/src/App.svelte
 create mode 100644 examples/svelte/virtualized-infinite-scrolling/src/Root.svelte
 create mode 100644 examples/svelte/virtualized-infinite-scrolling/src/index.css
 create mode 100644 examples/svelte/virtualized-infinite-scrolling/src/main.ts
 create mode 100644 examples/svelte/virtualized-infinite-scrolling/src/makeData.ts
 create mode 100644 examples/svelte/virtualized-infinite-scrolling/src/vite-env.d.ts
 create mode 100644 examples/svelte/virtualized-infinite-scrolling/svelte.config.js
 create mode 100644 examples/svelte/virtualized-infinite-scrolling/tsconfig.json
 create mode 100644 examples/svelte/virtualized-infinite-scrolling/vite.config.js
 create mode 100644 examples/svelte/virtualized-rows/index.html
 create mode 100644 examples/svelte/virtualized-rows/package.json
 create mode 100644 examples/svelte/virtualized-rows/src/App.svelte
 create mode 100644 examples/svelte/virtualized-rows/src/index.css
 create mode 100644 examples/svelte/virtualized-rows/src/main.ts
 create mode 100644 examples/svelte/virtualized-rows/src/makeData.ts
 create mode 100644 examples/svelte/virtualized-rows/src/vite-env.d.ts
 create mode 100644 examples/svelte/virtualized-rows/svelte.config.js
 create mode 100644 examples/svelte/virtualized-rows/tsconfig.json
 create mode 100644 examples/svelte/virtualized-rows/vite.config.js
 create mode 100644 examples/svelte/with-tanstack-form/.gitignore
 create mode 100644 examples/svelte/with-tanstack-form/index.html
 create mode 100644 examples/svelte/with-tanstack-form/package.json
 create mode 100644 examples/svelte/with-tanstack-form/src/App.svelte
 create mode 100644 examples/svelte/with-tanstack-form/src/FormStateIndicator.svelte
 create mode 100644 examples/svelte/with-tanstack-form/src/NumberField.svelte
 create mode 100644 examples/svelte/with-tanstack-form/src/NumberFieldCell.svelte
 create mode 100644 examples/svelte/with-tanstack-form/src/SelectField.svelte
 create mode 100644 examples/svelte/with-tanstack-form/src/SelectFieldCell.svelte
 create mode 100644 examples/svelte/with-tanstack-form/src/SubmitButton.svelte
 create mode 100644 examples/svelte/with-tanstack-form/src/TextField.svelte
 create mode 100644 examples/svelte/with-tanstack-form/src/TextFieldCell.svelte
 create mode 100644 examples/svelte/with-tanstack-form/src/form-context.ts
 create mode 100644 examples/svelte/with-tanstack-form/src/form.ts
 create mode 100644 examples/svelte/with-tanstack-form/src/index.css
 create mode 100644 examples/svelte/with-tanstack-form/src/main.ts
 create mode 100644 examples/svelte/with-tanstack-form/src/makeData.ts
 create mode 100644 examples/svelte/with-tanstack-form/svelte.config.js
 create mode 100644 examples/svelte/with-tanstack-form/tsconfig.json
 create mode 100644 examples/svelte/with-tanstack-form/vite.config.js
 create mode 100644 examples/svelte/with-tanstack-query/.gitignore
 create mode 100644 examples/svelte/with-tanstack-query/index.html
 create mode 100644 examples/svelte/with-tanstack-query/package.json
 create mode 100644 examples/svelte/with-tanstack-query/src/App.svelte
 create mode 100644 examples/svelte/with-tanstack-query/src/Root.svelte
 create mode 100644 examples/svelte/with-tanstack-query/src/fetchData.ts
 create mode 100644 examples/svelte/with-tanstack-query/src/index.css
 create mode 100644 examples/svelte/with-tanstack-query/src/main.ts
 create mode 100644 examples/svelte/with-tanstack-query/svelte.config.js
 create mode 100644 examples/svelte/with-tanstack-query/tsconfig.json
 create mode 100644 examples/svelte/with-tanstack-query/vite.config.js
 create mode 100644 packages/svelte-table/src/AppCell.svelte
 create mode 100644 packages/svelte-table/src/AppHeader.svelte
 create mode 100644 packages/svelte-table/src/AppTable.svelte
 create mode 100644 packages/svelte-table/src/context-keys.ts
 delete mode 100644 packages/svelte-table/src/createTableHelper.ts
 create mode 100644 packages/svelte-table/src/createTableHook.svelte.ts
 create mode 100644 packages/svelte-table/src/merge-objects.ts

diff --git a/docs/config.json b/docs/config.json
index 3f534f5089..444326b981 100644
--- a/docs/config.json
+++ b/docs/config.json
@@ -832,16 +832,19 @@
         {
           "label": "svelte",
           "children": [
-            { "to": "framework/svelte/examples/basic", "label": "Basic" },
-            { "to": "framework/svelte/examples/basic-snippets", "label": "Basic Snippets" },
-            { "to": "framework/svelte/examples/basic-table-helper", "label": "Basic with Helpers" },
+            { "to": "framework/svelte/examples/basic-create-table", "label": "Basic (createTable)" },
+            { "to": "framework/svelte/examples/basic-app-table", "label": "Basic (createAppTable)" },
+            { "to": "framework/svelte/examples/basic-snippets", "label": "Basic (Snippets)" },
+            { "to": "framework/svelte/examples/basic-external-state", "label": "Basic (External State)" },
+            { "to": "framework/svelte/examples/basic-external-store", "label": "Basic (External Store)" },
             { "to": "framework/svelte/examples/column-groups", "label": "Header Groups" }
           ]
         },
         {
           "label": "vue",
           "children": [
-            { "to": "framework/vue/examples/basic", "label": "Basic" }
+            { "to": "framework/vue/examples/basic", "label": "Basic" },
+            { "to": "framework/vue/examples/basic-use-app-table", "label": "Basic (useAppTable)" }
           ]
         },
         {
@@ -914,10 +917,21 @@
         {
           "label": "solid",
           "children": [
+            { "to": "framework/solid/examples/filters", "label": "Column Filters" },
+            { "to": "framework/solid/examples/filters-faceted", "label": "Column Filters (Faceted)" },
+            { "to": "framework/solid/examples/filters-fuzzy", "label": "Fuzzy Search Filters" },
             { "to": "framework/solid/examples/column-ordering", "label": "Column Ordering" },
+            { "to": "framework/solid/examples/column-pinning", "label": "Column Pinning" },
+            { "to": "framework/solid/examples/column-pinning-split", "label": "Column Pinning (Split)" },
+            { "to": "framework/solid/examples/column-pinning-sticky", "label": "Sticky Column Pinning" },
+            { "to": "framework/solid/examples/column-sizing", "label": "Column Sizing" },
+            { "to": "framework/solid/examples/column-resizing", "label": "Column Resizing" },
+            { "to": "framework/solid/examples/column-resizing-performant", "label": "Performant Column Resizing" },
             { "to": "framework/solid/examples/column-visibility", "label": "Column Visibility" },
-            { "to": "framework/solid/examples/filters", "label": "Filters" },
-            { "to": "framework/solid/examples/filters-faceted", "label": "Filters (Faceted)" },
+            { "to": "framework/solid/examples/expanding", "label": "Expanding" },
+            { "to": "framework/solid/examples/grouping", "label": "Grouping" },
+            { "to": "framework/solid/examples/pagination", "label": "Pagination" },
+            { "to": "framework/solid/examples/row-pinning", "label": "Row Pinning" },
             { "to": "framework/solid/examples/row-selection", "label": "Row Selection" },
             { "to": "framework/solid/examples/sorting", "label": "Sorting" }
           ]
@@ -925,10 +939,21 @@
         {
           "label": "svelte",
           "children": [
+            { "to": "framework/svelte/examples/filtering", "label": "Column Filters" },
+            { "to": "framework/svelte/examples/filters-faceted", "label": "Column Filters (Faceted)" },
+            { "to": "framework/svelte/examples/filters-fuzzy", "label": "Fuzzy Search Filters" },
             { "to": "framework/svelte/examples/column-ordering", "label": "Column Ordering" },
             { "to": "framework/svelte/examples/column-pinning", "label": "Column Pinning" },
+            { "to": "framework/svelte/examples/column-pinning-split", "label": "Column Pinning (Split)" },
+            { "to": "framework/svelte/examples/column-pinning-sticky", "label": "Sticky Column Pinning" },
+            { "to": "framework/svelte/examples/column-sizing", "label": "Column Sizing" },
+            { "to": "framework/svelte/examples/column-resizing", "label": "Column Resizing" },
+            { "to": "framework/svelte/examples/column-resizing-performant", "label": "Performant Column Resizing" },
             { "to": "framework/svelte/examples/column-visibility", "label": "Column Visibility" },
-            { "to": "framework/svelte/examples/filtering", "label": "Filtering" },
+            { "to": "framework/svelte/examples/expanding", "label": "Expanding" },
+            { "to": "framework/svelte/examples/grouping", "label": "Grouping" },
+            { "to": "framework/svelte/examples/pagination", "label": "Pagination" },
+            { "to": "framework/svelte/examples/row-pinning", "label": "Row Pinning" },
             { "to": "framework/svelte/examples/row-selection", "label": "Row Selection" },
             { "to": "framework/svelte/examples/sorting", "label": "Sorting" }
           ]
@@ -1001,13 +1026,32 @@
         {
           "label": "solid",
           "children": [
-            { "to": "framework/solid/examples/bootstrap", "label": "Solid Bootstrap" },
             { "to": "framework/solid/examples/composable-tables", "label": "Composable Tables" },
-            { "to": "framework/solid/examples/with-tanstack-query", "label": "With TanStack Query" }]
+            { "to": "framework/solid/examples/sub-components", "label": "Sub Components" },
+            { "to": "framework/solid/examples/virtualized-columns", "label": "With TanStack Virtual - Columns" },
+            { "to": "framework/solid/examples/virtualized-rows", "label": "With TanStack Virtual - Rows" },
+            { "to": "framework/solid/examples/virtualized-infinite-scrolling", "label": "With TanStack Virtual - Infinite Scrolling" },
+            { "to": "framework/solid/examples/with-tanstack-form", "label": "With TanStack Form" },
+            { "to": "framework/solid/examples/with-tanstack-query", "label": "With TanStack Query" },
+            { "to": "framework/solid/examples/with-tanstack-router", "label": "With TanStack Router" }
+          ]
+        },
+        {
+          "label": "svelte",
+          "children": [
+            { "to": "framework/svelte/examples/composable-tables", "label": "Composable Tables" },
+            { "to": "framework/svelte/examples/sub-components", "label": "Sub Components" },
+            { "to": "framework/svelte/examples/virtualized-columns", "label": "With TanStack Virtual - Columns" },
+            { "to": "framework/svelte/examples/virtualized-rows", "label": "With TanStack Virtual - Rows" },
+            { "to": "framework/svelte/examples/virtualized-infinite-scrolling", "label": "With TanStack Virtual - Infinite Scrolling" },
+            { "to": "framework/svelte/examples/with-tanstack-form", "label": "With TanStack Form" },
+            { "to": "framework/svelte/examples/with-tanstack-query", "label": "With TanStack Query" }
+          ]
         },
         {
           "label": "vue",
           "children": [
+            { "to": "framework/vue/examples/composable-tables", "label": "Composable Tables" },
             { "to": "framework/vue/examples/sub-components", "label": "Sub Components" },
             { "to": "framework/vue/examples/virtualized-rows", "label": "With TanStack Virtual (Rows)" }
           ]
diff --git a/examples/angular/basic/.gitignore b/examples/angular/basic-inject-table/.gitignore
similarity index 100%
rename from examples/angular/basic/.gitignore
rename to examples/angular/basic-inject-table/.gitignore
diff --git a/examples/angular/basic/README.md b/examples/angular/basic-inject-table/README.md
similarity index 100%
rename from examples/angular/basic/README.md
rename to examples/angular/basic-inject-table/README.md
diff --git a/examples/angular/basic/angular.json b/examples/angular/basic-inject-table/angular.json
similarity index 100%
rename from examples/angular/basic/angular.json
rename to examples/angular/basic-inject-table/angular.json
diff --git a/examples/angular/basic/package.json b/examples/angular/basic-inject-table/package.json
similarity index 100%
rename from examples/angular/basic/package.json
rename to examples/angular/basic-inject-table/package.json
diff --git a/examples/angular/basic/public/favicon.ico b/examples/angular/basic-inject-table/public/favicon.ico
similarity index 100%
rename from examples/angular/basic/public/favicon.ico
rename to examples/angular/basic-inject-table/public/favicon.ico
diff --git a/examples/angular/basic/src/app/app.config.ts b/examples/angular/basic-inject-table/src/app/app.config.ts
similarity index 100%
rename from examples/angular/basic/src/app/app.config.ts
rename to examples/angular/basic-inject-table/src/app/app.config.ts
diff --git a/examples/angular/basic/src/app/app.html b/examples/angular/basic-inject-table/src/app/app.html
similarity index 100%
rename from examples/angular/basic/src/app/app.html
rename to examples/angular/basic-inject-table/src/app/app.html
diff --git a/examples/angular/basic/src/app/app.routes.ts b/examples/angular/basic-inject-table/src/app/app.routes.ts
similarity index 100%
rename from examples/angular/basic/src/app/app.routes.ts
rename to examples/angular/basic-inject-table/src/app/app.routes.ts
diff --git a/examples/angular/basic/src/app/app.ts b/examples/angular/basic-inject-table/src/app/app.ts
similarity index 100%
rename from examples/angular/basic/src/app/app.ts
rename to examples/angular/basic-inject-table/src/app/app.ts
diff --git a/examples/angular/basic/src/index.html b/examples/angular/basic-inject-table/src/index.html
similarity index 100%
rename from examples/angular/basic/src/index.html
rename to examples/angular/basic-inject-table/src/index.html
diff --git a/examples/angular/basic/src/main.ts b/examples/angular/basic-inject-table/src/main.ts
similarity index 100%
rename from examples/angular/basic/src/main.ts
rename to examples/angular/basic-inject-table/src/main.ts
diff --git a/examples/angular/basic/src/styles.css b/examples/angular/basic-inject-table/src/styles.css
similarity index 100%
rename from examples/angular/basic/src/styles.css
rename to examples/angular/basic-inject-table/src/styles.css
diff --git a/examples/angular/basic/tsconfig.app.json b/examples/angular/basic-inject-table/tsconfig.app.json
similarity index 100%
rename from examples/angular/basic/tsconfig.app.json
rename to examples/angular/basic-inject-table/tsconfig.app.json
diff --git a/examples/angular/basic/tsconfig.json b/examples/angular/basic-inject-table/tsconfig.json
similarity index 100%
rename from examples/angular/basic/tsconfig.json
rename to examples/angular/basic-inject-table/tsconfig.json
diff --git a/examples/solid/basic-external-state/src/App.tsx b/examples/solid/basic-external-state/src/App.tsx
index 4a0b248ad3..72ed260226 100644
--- a/examples/solid/basic-external-state/src/App.tsx
+++ b/examples/solid/basic-external-state/src/App.tsx
@@ -3,7 +3,7 @@ import {
   createPaginatedRowModel,
   createSortedRowModel,
   createTable,
-  flexRender,
+  FlexRender,
   rowPaginationFeature,
   rowSortingFeature,
   sortFns,
@@ -93,10 +93,7 @@ function App() {
                           }
                           onClick={header.column.getToggleSortingHandler()}
                         >
-                          {flexRender(
-                            header.column.columnDef.header,
-                            header.getContext(),
-                          )}
+                          <FlexRender header={header} />
                           {{
                             asc: ' 🔼',
                             desc: ' 🔽',
@@ -117,10 +114,7 @@ function App() {
                 <For each={row.getAllCells()}>
                   {(cell) => (
                     <td>
-                      {flexRender(
-                        cell.column.columnDef.cell,
-                        cell.getContext(),
-                      )}
+                      <FlexRender cell={cell} />
                     </td>
                   )}
                 </For>
diff --git a/examples/solid/basic-external-store/src/App.tsx b/examples/solid/basic-external-store/src/App.tsx
index de969cbfc5..1894ba3eac 100644
--- a/examples/solid/basic-external-store/src/App.tsx
+++ b/examples/solid/basic-external-store/src/App.tsx
@@ -3,7 +3,7 @@ import {
   createPaginatedRowModel,
   createSortedRowModel,
   createTable,
-  flexRender,
+  FlexRender,
   getInitialTableState,
   rowPaginationFeature,
   rowSortingFeature,
@@ -106,10 +106,7 @@ function App() {
                           }
                           onClick={header.column.getToggleSortingHandler()}
                         >
-                          {flexRender(
-                            header.column.columnDef.header,
-                            header.getContext(),
-                          )}
+                          <FlexRender header={header} />
                           {{
                             asc: ' 🔼',
                             desc: ' 🔽',
@@ -130,10 +127,7 @@ function App() {
                 <For each={row.getAllCells()}>
                   {(cell) => (
                     <td>
-                      {flexRender(
-                        cell.column.columnDef.cell,
-                        cell.getContext(),
-                      )}
+                      <FlexRender cell={cell} />
                     </td>
                   )}
                 </For>
diff --git a/examples/solid/basic-use-table/src/App.tsx b/examples/solid/basic-use-table/src/App.tsx
index ad9441e4c3..9edb668ebf 100644
--- a/examples/solid/basic-use-table/src/App.tsx
+++ b/examples/solid/basic-use-table/src/App.tsx
@@ -1,4 +1,4 @@
-import { createTable, flexRender, tableFeatures } from '@tanstack/solid-table'
+import { createTable, FlexRender, tableFeatures } from '@tanstack/solid-table'
 import { For, createSignal } from 'solid-js'
 import type { ColumnDef } from '@tanstack/solid-table'
 
@@ -103,12 +103,9 @@ function App() {
                 <For each={headerGroup.headers}>
                   {(header) => (
                     <th>
-                      {header.isPlaceholder
-                        ? null
-                        : flexRender(
-                            header.column.columnDef.header,
-                            header.getContext(),
-                          )}
+                      {header.isPlaceholder ? null : (
+                        <FlexRender header={header} />
+                      )}
                     </th>
                   )}
                 </For>
@@ -123,10 +120,7 @@ function App() {
                 <For each={row.getAllCells()}>
                   {(cell) => (
                     <td>
-                      {flexRender(
-                        cell.column.columnDef.cell,
-                        cell.getContext(),
-                      )}
+                      <FlexRender cell={cell} />
                     </td>
                   )}
                 </For>
@@ -141,12 +135,9 @@ function App() {
                 <For each={footerGroup.headers}>
                   {(header) => (
                     <th>
-                      {header.isPlaceholder
-                        ? null
-                        : flexRender(
-                            header.column.columnDef.footer,
-                            header.getContext(),
-                          )}
+                      {header.isPlaceholder ? null : (
+                        <FlexRender footer={header} />
+                      )}
                     </th>
                   )}
                 </For>
diff --git a/examples/solid/column-groups/src/App.tsx b/examples/solid/column-groups/src/App.tsx
index 5a4662411c..0ebb899768 100644
--- a/examples/solid/column-groups/src/App.tsx
+++ b/examples/solid/column-groups/src/App.tsx
@@ -1,5 +1,5 @@
 import { For, createSignal } from 'solid-js'
-import { createTable, flexRender, tableFeatures } from '@tanstack/solid-table'
+import { createTable, FlexRender, tableFeatures } from '@tanstack/solid-table'
 import type { ColumnDef } from '@tanstack/solid-table'
 
 type Person = {
@@ -114,12 +114,9 @@ function App() {
                 <For each={headerGroup.headers}>
                   {(header) => (
                     <th colSpan={header.colSpan}>
-                      {header.isPlaceholder
-                        ? null
-                        : flexRender(
-                            header.column.columnDef.header,
-                            header.getContext(),
-                          )}
+                      {header.isPlaceholder ? null : (
+                        <FlexRender header={header} />
+                      )}
                     </th>
                   )}
                 </For>
@@ -134,10 +131,7 @@ function App() {
                 <For each={row.getAllCells()}>
                   {(cell) => (
                     <td>
-                      {flexRender(
-                        cell.column.columnDef.cell,
-                        cell.getContext(),
-                      )}
+                      <FlexRender cell={cell} />
                     </td>
                   )}
                 </For>
@@ -152,12 +146,9 @@ function App() {
                 <For each={footerGroup.headers}>
                   {(header) => (
                     <th colSpan={header.colSpan}>
-                      {header.isPlaceholder
-                        ? null
-                        : flexRender(
-                            header.column.columnDef.footer,
-                            header.getContext(),
-                          )}
+                      {header.isPlaceholder ? null : (
+                        <FlexRender footer={header} />
+                      )}
                     </th>
                   )}
                 </For>
diff --git a/examples/solid/column-ordering/src/App.tsx b/examples/solid/column-ordering/src/App.tsx
index 8036eeaa76..9e995610e6 100644
--- a/examples/solid/column-ordering/src/App.tsx
+++ b/examples/solid/column-ordering/src/App.tsx
@@ -4,7 +4,7 @@ import {
   columnOrderingFeature,
   columnVisibilityFeature,
   createTable,
-  flexRender,
+  FlexRender,
   tableFeatures,
 } from '@tanstack/solid-table'
 import { makeData } from './makeData'
@@ -133,10 +133,7 @@ function App() {
                   {(header) => (
                     <th colSpan={header.colSpan}>
                       <Show when={!header.isPlaceholder}>
-                        {flexRender(
-                          header.column.columnDef.header,
-                          header.getContext(),
-                        )}
+                        <FlexRender header={header} />
                       </Show>
                     </th>
                   )}
@@ -152,10 +149,7 @@ function App() {
                 <For each={row.getVisibleCells()}>
                   {(cell) => (
                     <td>
-                      {flexRender(
-                        cell.column.columnDef.cell,
-                        cell.getContext(),
-                      )}
+                      <FlexRender cell={cell} />
                     </td>
                   )}
                 </For>
@@ -171,10 +165,7 @@ function App() {
                   {(header) => (
                     <th colSpan={header.colSpan}>
                       <Show when={!header.isPlaceholder}>
-                        {flexRender(
-                          header.column.columnDef.footer,
-                          header.getContext(),
-                        )}
+                        <FlexRender footer={header} />
                       </Show>
                     </th>
                   )}
diff --git a/examples/solid/column-visibility/src/App.tsx b/examples/solid/column-visibility/src/App.tsx
index 67c12c2ce3..12f970d01a 100644
--- a/examples/solid/column-visibility/src/App.tsx
+++ b/examples/solid/column-visibility/src/App.tsx
@@ -1,7 +1,7 @@
 import {
   columnVisibilityFeature,
   createTable,
-  flexRender,
+  FlexRender,
   tableFeatures,
 } from '@tanstack/solid-table'
 import { For, Show, createSignal } from 'solid-js'
@@ -147,10 +147,7 @@ function App() {
                   {(header) => (
                     <th colSpan={header.colSpan}>
                       <Show when={!header.isPlaceholder}>
-                        {flexRender(
-                          header.column.columnDef.header,
-                          header.getContext(),
-                        )}
+                        <FlexRender header={header} />
                       </Show>
                     </th>
                   )}
@@ -166,10 +163,7 @@ function App() {
                 <For each={row.getVisibleCells()}>
                   {(cell) => (
                     <td>
-                      {flexRender(
-                        cell.column.columnDef.cell,
-                        cell.getContext(),
-                      )}
+                      <FlexRender cell={cell} />
                     </td>
                   )}
                 </For>
@@ -185,10 +179,7 @@ function App() {
                   {(header) => (
                     <th colSpan={header.colSpan}>
                       <Show when={!header.isPlaceholder}>
-                        {flexRender(
-                          header.column.columnDef.footer,
-                          header.getContext(),
-                        )}
+                        <FlexRender footer={header} />
                       </Show>
                     </th>
                   )}
diff --git a/examples/solid/filters-faceted/src/App.tsx b/examples/solid/filters-faceted/src/App.tsx
index 62572b2a0a..1ffcd3cdaa 100644
--- a/examples/solid/filters-faceted/src/App.tsx
+++ b/examples/solid/filters-faceted/src/App.tsx
@@ -7,7 +7,7 @@ import {
   createFilteredRowModel,
   createTable,
   filterFns,
-  flexRender,
+  FlexRender,
   globalFilteringFeature,
   tableFeatures,
 } from '@tanstack/solid-table'
@@ -121,10 +121,7 @@ function App() {
                     <th colSpan={header.colSpan}>
                       {header.isPlaceholder ? null : (
                         <>
-                          {flexRender(
-                            header.column.columnDef.header,
-                            header.getContext(),
-                          )}
+                          <FlexRender header={header} />
                           {header.column.getCanFilter() ? (
                             <div>
                               <ColumnFilter
@@ -149,10 +146,7 @@ function App() {
                 <For each={row.getAllCells()}>
                   {(cell) => (
                     <td>
-                      {flexRender(
-                        cell.column.columnDef.cell,
-                        cell.getContext(),
-                      )}
+                      <FlexRender cell={cell} />
                     </td>
                   )}
                 </For>
diff --git a/examples/solid/filters/src/App.tsx b/examples/solid/filters/src/App.tsx
index 416fbeafc0..d6366b7935 100644
--- a/examples/solid/filters/src/App.tsx
+++ b/examples/solid/filters/src/App.tsx
@@ -7,7 +7,7 @@ import {
   createFilteredRowModel,
   createTable,
   filterFns,
-  flexRender,
+  FlexRender,
   globalFilteringFeature,
   tableFeatures,
 } from '@tanstack/solid-table'
@@ -124,10 +124,7 @@ function App() {
                     <th colSpan={header.colSpan}>
                       {header.isPlaceholder ? null : (
                         <>
-                          {flexRender(
-                            header.column.columnDef.header,
-                            header.getContext(),
-                          )}
+                          <FlexRender header={header} />
                           {header.column.getCanFilter() ? (
                             <div>
                               <ColumnFilter
@@ -152,10 +149,7 @@ function App() {
                 <For each={row.getAllCells()}>
                   {(cell) => (
                     <td>
-                      {flexRender(
-                        cell.column.columnDef.cell,
-                        cell.getContext(),
-                      )}
+                      <FlexRender cell={cell} />
                     </td>
                   )}
                 </For>
diff --git a/examples/solid/row-selection/src/App.tsx b/examples/solid/row-selection/src/App.tsx
index 664cf9c00e..bc889e08d5 100644
--- a/examples/solid/row-selection/src/App.tsx
+++ b/examples/solid/row-selection/src/App.tsx
@@ -7,7 +7,7 @@ import {
   createPaginatedRowModel,
   createTable,
   filterFns,
-  flexRender,
+  FlexRender,
   globalFilteringFeature,
   rowPaginationFeature,
   rowSelectionFeature,
@@ -152,10 +152,7 @@ function App() {
                     <th colSpan={header.colSpan}>
                       <Show when={!header.isPlaceholder}>
                         <>
-                          {flexRender(
-                            header.column.columnDef.header,
-                            header.getContext(),
-                          )}
+                          <FlexRender header={header} />
                           <Show when={header.column.getCanFilter()}>
                             <div>
                               <Filter column={header.column} table={table} />
@@ -177,10 +174,7 @@ function App() {
                 <For each={row.getAllCells()}>
                   {(cell) => (
                     <td>
-                      {flexRender(
-                        cell.column.columnDef.cell,
-                        cell.getContext(),
-                      )}
+                      <FlexRender cell={cell} />
                     </td>
                   )}
                 </For>
diff --git a/examples/solid/sorting/src/App.tsx b/examples/solid/sorting/src/App.tsx
index d7db1c69f2..149a320040 100644
--- a/examples/solid/sorting/src/App.tsx
+++ b/examples/solid/sorting/src/App.tsx
@@ -1,7 +1,7 @@
 import {
   createSortedRowModel,
   createTable,
-  flexRender,
+  FlexRender,
   rowSortingFeature,
   sortFns,
   tableFeatures,
@@ -100,10 +100,7 @@ function App() {
                           }
                           onClick={header.column.getToggleSortingHandler()}
                         >
-                          {flexRender(
-                            header.column.columnDef.header,
-                            header.getContext(),
-                          )}
+                          <FlexRender header={header} />
                           {{
                             asc: ' 🔼',
                             desc: ' 🔽',
@@ -124,10 +121,7 @@ function App() {
                 <For each={row.getAllCells()}>
                   {(cell) => (
                     <td>
-                      {flexRender(
-                        cell.column.columnDef.cell,
-                        cell.getContext(),
-                      )}
+                      <FlexRender cell={cell} />
                     </td>
                   )}
                 </For>
diff --git a/examples/solid/with-tanstack-query/src/App.tsx b/examples/solid/with-tanstack-query/src/App.tsx
index 9afad1a617..e52d647290 100644
--- a/examples/solid/with-tanstack-query/src/App.tsx
+++ b/examples/solid/with-tanstack-query/src/App.tsx
@@ -3,7 +3,7 @@ import { createStore, useStore } from '@tanstack/solid-store'
 import {
   createColumnHelper,
   createTable,
-  flexRender,
+  FlexRender,
   getInitialTableState,
   rowPaginationFeature,
   tableFeatures,
@@ -84,12 +84,9 @@ function App() {
                 <For each={headerGroup.headers}>
                   {(header) => (
                     <th colSpan={header.colSpan}>
-                      {header.isPlaceholder
-                        ? null
-                        : flexRender(
-                            header.column.columnDef.header,
-                            header.getContext(),
-                          )}
+                      {header.isPlaceholder ? null : (
+                        <FlexRender header={header} />
+                      )}
                     </th>
                   )}
                 </For>
@@ -104,10 +101,7 @@ function App() {
                 <For each={row.getAllCells()}>
                   {(cell) => (
                     <td>
-                      {flexRender(
-                        cell.column.columnDef.cell,
-                        cell.getContext(),
-                      )}
+                      <FlexRender cell={cell} />
                     </td>
                   )}
                 </For>
diff --git a/examples/svelte/basic-table-helper/.gitignore b/examples/svelte/basic-app-table/.gitignore
similarity index 100%
rename from examples/svelte/basic-table-helper/.gitignore
rename to examples/svelte/basic-app-table/.gitignore
diff --git a/examples/svelte/basic-table-helper/README.md b/examples/svelte/basic-app-table/README.md
similarity index 100%
rename from examples/svelte/basic-table-helper/README.md
rename to examples/svelte/basic-app-table/README.md
diff --git a/examples/svelte/basic-table-helper/index.html b/examples/svelte/basic-app-table/index.html
similarity index 100%
rename from examples/svelte/basic-table-helper/index.html
rename to examples/svelte/basic-app-table/index.html
diff --git a/examples/svelte/basic-table-helper/package.json b/examples/svelte/basic-app-table/package.json
similarity index 89%
rename from examples/svelte/basic-table-helper/package.json
rename to examples/svelte/basic-app-table/package.json
index 5b0e66f9c0..183b91e671 100644
--- a/examples/svelte/basic-table-helper/package.json
+++ b/examples/svelte/basic-app-table/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "tanstack-table-example-svelte-basic-table-helper",
+  "name": "tanstack-table-example-svelte-basic-app-table",
   "version": "0.0.0",
   "private": true,
   "type": "module",
diff --git a/examples/svelte/basic-app-table/src/App.svelte b/examples/svelte/basic-app-table/src/App.svelte
new file mode 100644
index 0000000000..58bfe5c0f5
--- /dev/null
+++ b/examples/svelte/basic-app-table/src/App.svelte
@@ -0,0 +1,180 @@
+<script lang="ts">
+  // This example uses the new `createTableHook` method to create a re-usable table hook factory
+  // instead of independently using the standalone `createTable` function and `createColumnHelper` method.
+  // You can choose to use either way.
+
+  import {
+    createTableHook,
+    FlexRender,
+    rowSortingFeature,
+    createSortedRowModel,
+    sortFns,
+  } from '@tanstack/svelte-table'
+  import './index.css'
+
+  // 1. Define what the shape of your data will be for each row
+  type Person = {
+    firstName: string
+    lastName: string
+    age: number
+    visits: number
+    status: string
+    progress: number
+  }
+
+  // 2. Create some dummy data with a stable reference (this could be an API response stored in a $state rune)
+  const defaultData: Array<Person> = [
+    {
+      firstName: 'tanner',
+      lastName: 'linsley',
+      age: 24,
+      visits: 100,
+      status: 'In Relationship',
+      progress: 50,
+    },
+    {
+      firstName: 'tandy',
+      lastName: 'miller',
+      age: 40,
+      visits: 40,
+      status: 'Single',
+      progress: 80,
+    },
+    {
+      firstName: 'joe',
+      lastName: 'dirte',
+      age: 45,
+      visits: 20,
+      status: 'Complicated',
+      progress: 10,
+    },
+    {
+      firstName: 'kevin',
+      lastName: 'vandy',
+      age: 28,
+      visits: 100,
+      status: 'Single',
+      progress: 70,
+    },
+  ]
+
+  // 3. New in V9! Tell the table which features and row models we want to use.
+  const { createAppTable, createAppColumnHelper } = createTableHook({
+    _features: { rowSortingFeature },
+    _rowModels: {
+      sortedRowModel: createSortedRowModel(sortFns),
+    },
+    debugTable: true,
+  })
+
+  // 4. Create a helper object to help define our columns
+  const columnHelper = createAppColumnHelper<Person>()
+
+  // 5. Define the columns for your table with a stable reference
+  const columns = columnHelper.columns([
+    columnHelper.accessor('firstName', {
+      cell: (info) => info.getValue(),
+      footer: (info) => info.column.id,
+    }),
+    columnHelper.accessor((row) => row.lastName, {
+      id: 'lastName',
+      header: () => 'Last Name',
+      cell: (info) => info.getValue(),
+      footer: (info) => info.column.id,
+    }),
+    columnHelper.accessor((row) => Number(row.age), {
+      id: 'age',
+      header: () => 'Age',
+      cell: (info) => info.renderValue(),
+      footer: (info) => info.column.id,
+    }),
+    columnHelper.accessor('visits', {
+      header: () => 'Visits',
+      footer: (info) => info.column.id,
+    }),
+    columnHelper.accessor('status', {
+      header: 'Status',
+      footer: (info) => info.column.id,
+    }),
+    columnHelper.accessor('progress', {
+      header: 'Profile Progress',
+      footer: (info) => info.column.id,
+    }),
+  ])
+
+  // 6. Store data with a $state rune for reactivity
+  let data = $state([...defaultData])
+
+  // 7. Create the table instance with the required columns and data.
+  //    Features and row models are already defined in the createTableHook call above
+  const table = createAppTable({
+    columns,
+    get data() {
+      return data
+    },
+  })
+</script>
+
+<!-- 8. Render your table markup from the table instance APIs -->
+<div class="p-2">
+  <table>
+    <thead>
+      {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+        <tr>
+          {#each headerGroup.headers as header (header.id)}
+            <th>
+              {#if !header.isPlaceholder}
+                <div
+                  class={header.column.getCanSort()
+                    ? 'cursor-pointer select-none'
+                    : ''}
+                  role="button"
+                  tabindex="0"
+                  onclick={header.column.getToggleSortingHandler()}
+                  onkeydown={(e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                      header.column.getToggleSortingHandler()?.(e)
+                    }
+                  }}
+                >
+                  <FlexRender header={header} />
+                  {#if header.column.getIsSorted() === 'asc'}
+                    {' '}🔼
+                  {:else if header.column.getIsSorted() === 'desc'}
+                    {' '}🔽
+                  {/if}
+                </div>
+              {/if}
+            </th>
+          {/each}
+        </tr>
+      {/each}
+    </thead>
+    <tbody>
+      {#each table.getRowModel().rows as row (row.id)}
+        <tr>
+          {#each row.getAllCells() as cell (cell.id)}
+            <td>
+              <FlexRender cell={cell} />
+            </td>
+          {/each}
+        </tr>
+      {/each}
+    </tbody>
+    <tfoot>
+      {#each table.getFooterGroups() as footerGroup (footerGroup.id)}
+        <tr>
+          {#each footerGroup.headers as header (header.id)}
+            <th>
+              {#if !header.isPlaceholder}
+                <FlexRender footer={header} />
+              {/if}
+            </th>
+          {/each}
+        </tr>
+      {/each}
+    </tfoot>
+  </table>
+  <div class="h-4"></div>
+  <pre>{JSON.stringify(table.store.state, null, 2)}</pre>
+</div>
diff --git a/examples/svelte/basic-table-helper/src/index.css b/examples/svelte/basic-app-table/src/index.css
similarity index 100%
rename from examples/svelte/basic-table-helper/src/index.css
rename to examples/svelte/basic-app-table/src/index.css
diff --git a/examples/svelte/basic-table-helper/src/main.ts b/examples/svelte/basic-app-table/src/main.ts
similarity index 100%
rename from examples/svelte/basic-table-helper/src/main.ts
rename to examples/svelte/basic-app-table/src/main.ts
diff --git a/examples/svelte/basic-table-helper/svelte.config.js b/examples/svelte/basic-app-table/svelte.config.js
similarity index 100%
rename from examples/svelte/basic-table-helper/svelte.config.js
rename to examples/svelte/basic-app-table/svelte.config.js
diff --git a/examples/svelte/basic-table-helper/tsconfig.json b/examples/svelte/basic-app-table/tsconfig.json
similarity index 100%
rename from examples/svelte/basic-table-helper/tsconfig.json
rename to examples/svelte/basic-app-table/tsconfig.json
diff --git a/examples/svelte/basic-table-helper/vite.config.js b/examples/svelte/basic-app-table/vite.config.js
similarity index 100%
rename from examples/svelte/basic-table-helper/vite.config.js
rename to examples/svelte/basic-app-table/vite.config.js
diff --git a/examples/svelte/basic/.gitignore b/examples/svelte/basic-create-table/.gitignore
similarity index 100%
rename from examples/svelte/basic/.gitignore
rename to examples/svelte/basic-create-table/.gitignore
diff --git a/examples/svelte/basic/README.md b/examples/svelte/basic-create-table/README.md
similarity index 100%
rename from examples/svelte/basic/README.md
rename to examples/svelte/basic-create-table/README.md
diff --git a/examples/svelte/basic/index.html b/examples/svelte/basic-create-table/index.html
similarity index 100%
rename from examples/svelte/basic/index.html
rename to examples/svelte/basic-create-table/index.html
diff --git a/examples/svelte/basic-create-table/package.json b/examples/svelte/basic-create-table/package.json
new file mode 100644
index 0000000000..0856ef3fad
--- /dev/null
+++ b/examples/svelte/basic-create-table/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "tanstack-table-example-svelte-basic-create-table",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint ./src"
+  },
+  "devDependencies": {
+    "@rollup/plugin-replace": "^6.0.3",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@tanstack/svelte-table": "^9.0.0-alpha.10",
+    "@tsconfig/svelte": "^5.0.8",
+    "svelte": "^5.55.1",
+    "svelte-check": "^4.4.6",
+    "typescript": "6.0.2",
+    "vite": "^8.0.3"
+  }
+}
diff --git a/examples/svelte/basic-create-table/src/App.svelte b/examples/svelte/basic-create-table/src/App.svelte
new file mode 100644
index 0000000000..90f0656dfe
--- /dev/null
+++ b/examples/svelte/basic-create-table/src/App.svelte
@@ -0,0 +1,150 @@
+<script lang="ts">
+  // This example uses the standalone `createTable` function to create a table without the `createTableHook` util.
+
+  import { createTable, FlexRender, tableFeatures } from '@tanstack/svelte-table'
+  import type { ColumnDef } from '@tanstack/svelte-table'
+  import './index.css'
+
+  // 1. Define what the shape of your data will be for each row
+  type Person = {
+    firstName: string
+    lastName: string
+    age: number
+    visits: number
+    status: string
+    progress: number
+  }
+
+  // 2. Create some dummy data with a stable reference (this could be an API response stored in a $state rune)
+  const defaultData: Array<Person> = [
+    {
+      firstName: 'tanner',
+      lastName: 'linsley',
+      age: 24,
+      visits: 100,
+      status: 'In Relationship',
+      progress: 50,
+    },
+    {
+      firstName: 'tandy',
+      lastName: 'miller',
+      age: 40,
+      visits: 40,
+      status: 'Single',
+      progress: 80,
+    },
+    {
+      firstName: 'joe',
+      lastName: 'dirte',
+      age: 45,
+      visits: 20,
+      status: 'Complicated',
+      progress: 10,
+    },
+    {
+      firstName: 'kevin',
+      lastName: 'vandy',
+      age: 12,
+      visits: 100,
+      status: 'Single',
+      progress: 70,
+    },
+  ]
+
+  // 3. New in V9! Tell the table which features and row models we want to use. In this case, this will be a basic table with no additional features
+  const _features = tableFeatures({}) // util method to create sharable TFeatures object/type
+
+  // 4. Define the columns for your table. This uses the new `ColumnDef` type to define columns.
+  //    Alternatively, check out the createTableHook/createAppColumnHelper util for an even more type-safe way to define columns.
+  const columns: Array<ColumnDef<typeof _features, Person>> = [
+    {
+      accessorKey: 'firstName', // accessorKey method (most common for simple use-cases)
+      header: 'First Name',
+      cell: (info) => info.getValue(),
+    },
+    {
+      accessorFn: (row) => row.lastName, // accessorFn used (alternative) along with a custom id
+      id: 'lastName',
+      header: () => 'Last Name',
+      cell: (info) => info.getValue(),
+    },
+    {
+      accessorFn: (row) => Number(row.age), // accessorFn used to transform the data
+      id: 'age',
+      header: () => 'Age',
+      cell: (info) => info.renderValue(),
+    },
+    {
+      accessorKey: 'visits',
+      header: () => 'Visits',
+    },
+    {
+      accessorKey: 'status',
+      header: 'Status',
+    },
+    {
+      accessorKey: 'progress',
+      header: 'Profile Progress',
+    },
+  ]
+
+  // 5. Store data with a $state rune for reactivity
+  let data = $state([...defaultData])
+  const rerender = () => (data = [...defaultData])
+
+  // 6. Create the table instance with required _features, columns, and data
+  const table = createTable({
+    _features, // new required option in V9. Tell the table which features you are importing and using (better tree-shaking)
+    _rowModels: {}, // `Core` row model is now included by default, but you can still override it here
+    columns,
+    get data() {
+      return data
+    },
+    // add additional table options here
+  })
+</script>
+
+<!-- 7. Render your table markup from the table instance APIs -->
+<div class="p-2">
+  <table>
+    <thead>
+      {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+        <tr>
+          {#each headerGroup.headers as header (header.id)}
+            <th>
+              {#if !header.isPlaceholder}
+                <FlexRender header={header} />
+              {/if}
+            </th>
+          {/each}
+        </tr>
+      {/each}
+    </thead>
+    <tbody>
+      {#each table.getRowModel().rows as row (row.id)}
+        <tr>
+          {#each row.getAllCells() as cell (cell.id)}
+            <td>
+              <FlexRender cell={cell} />
+            </td>
+          {/each}
+        </tr>
+      {/each}
+    </tbody>
+    <tfoot>
+      {#each table.getFooterGroups() as footerGroup (footerGroup.id)}
+        <tr>
+          {#each footerGroup.headers as header (header.id)}
+            <th>
+              {#if !header.isPlaceholder}
+                <FlexRender footer={header} />
+              {/if}
+            </th>
+          {/each}
+        </tr>
+      {/each}
+    </tfoot>
+  </table>
+  <div class="h-4"></div>
+  <button onclick={() => rerender()} class="border p-2"> Rerender </button>
+</div>
diff --git a/examples/svelte/basic/src/index.css b/examples/svelte/basic-create-table/src/index.css
similarity index 100%
rename from examples/svelte/basic/src/index.css
rename to examples/svelte/basic-create-table/src/index.css
diff --git a/examples/svelte/basic/src/main.ts b/examples/svelte/basic-create-table/src/main.ts
similarity index 100%
rename from examples/svelte/basic/src/main.ts
rename to examples/svelte/basic-create-table/src/main.ts
diff --git a/examples/svelte/basic/svelte.config.js b/examples/svelte/basic-create-table/svelte.config.js
similarity index 100%
rename from examples/svelte/basic/svelte.config.js
rename to examples/svelte/basic-create-table/svelte.config.js
diff --git a/examples/svelte/basic/tsconfig.json b/examples/svelte/basic-create-table/tsconfig.json
similarity index 100%
rename from examples/svelte/basic/tsconfig.json
rename to examples/svelte/basic-create-table/tsconfig.json
diff --git a/examples/svelte/basic/vite.config.js b/examples/svelte/basic-create-table/vite.config.js
similarity index 100%
rename from examples/svelte/basic/vite.config.js
rename to examples/svelte/basic-create-table/vite.config.js
diff --git a/examples/svelte/basic-external-state/index.html b/examples/svelte/basic-external-state/index.html
new file mode 100644
index 0000000000..6ab1dd7e51
--- /dev/null
+++ b/examples/svelte/basic-external-state/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+    <script type="module" src="https://cdn.skypack.dev/twind/shim"></script>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/svelte/basic-external-state/package.json b/examples/svelte/basic-external-state/package.json
new file mode 100644
index 0000000000..ceb3a231b8
--- /dev/null
+++ b/examples/svelte/basic-external-state/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "tanstack-table-example-svelte-basic-external-state",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint ./src"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^10.4.0",
+    "@rollup/plugin-replace": "^6.0.3",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@tanstack/svelte-table": "^9.0.0-alpha.10",
+    "@tsconfig/svelte": "^5.0.8",
+    "svelte": "^5.55.1",
+    "svelte-check": "^4.4.6",
+    "typescript": "6.0.2",
+    "vite": "^8.0.3"
+  }
+}
diff --git a/examples/svelte/basic-external-state/src/App.svelte b/examples/svelte/basic-external-state/src/App.svelte
new file mode 100644
index 0000000000..defa4846b9
--- /dev/null
+++ b/examples/svelte/basic-external-state/src/App.svelte
@@ -0,0 +1,197 @@
+<script lang="ts">
+  import {
+    createColumnHelper,
+    createPaginatedRowModel,
+    createSortedRowModel,
+    createTable,
+    createTableState,
+    FlexRender,
+    rowPaginationFeature,
+    rowSortingFeature,
+    sortFns,
+    tableFeatures,
+  } from '@tanstack/svelte-table'
+  import { makeData } from './makeData'
+  import type { PaginationState, SortingState } from '@tanstack/svelte-table'
+  import type { Person } from './makeData'
+  import './index.css'
+
+  const _features = tableFeatures({
+    rowPaginationFeature,
+    rowSortingFeature,
+  })
+
+  const columnHelper = createColumnHelper<typeof _features, Person>()
+
+  const columns = columnHelper.columns([
+    columnHelper.accessor('firstName', {
+      header: 'First Name',
+      cell: (info) => info.getValue(),
+    }),
+    columnHelper.accessor('lastName', {
+      header: 'Last Name',
+      cell: (info) => info.getValue(),
+    }),
+    columnHelper.accessor('age', {
+      header: 'Age',
+    }),
+    columnHelper.accessor('visits', {
+      header: 'Visits',
+    }),
+    columnHelper.accessor('status', {
+      header: 'Status',
+    }),
+    columnHelper.accessor('progress', {
+      header: 'Profile Progress',
+    }),
+  ])
+
+  const data = makeData(1000)
+
+  const [sorting, setSorting] = createTableState<SortingState>([])
+  const [pagination, setPagination] = createTableState<PaginationState>({
+    pageIndex: 0,
+    pageSize: 10,
+  })
+
+  const table = createTable({
+    _features,
+    _rowModels: {
+      sortedRowModel: createSortedRowModel(sortFns),
+      paginatedRowModel: createPaginatedRowModel(),
+    },
+    columns,
+    get data() {
+      return data
+    },
+    state: {
+      get sorting() {
+        return sorting()
+      },
+      get pagination() {
+        return pagination()
+      },
+    },
+    onSortingChange: setSorting,
+    onPaginationChange: setPagination,
+  })
+</script>
+
+<div class="p-2">
+  <table>
+    <thead>
+      {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+        <tr>
+          {#each headerGroup.headers as header (header.id)}
+            <th colSpan={header.colSpan}>
+              {#if !header.isPlaceholder}
+                <div
+                  class={header.column.getCanSort()
+                    ? 'cursor-pointer select-none'
+                    : ''}
+                  role="button"
+                  tabindex="0"
+                  onclick={header.column.getToggleSortingHandler()}
+                  onkeydown={(e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                      header.column.getToggleSortingHandler()?.(e)
+                    }
+                  }}
+                >
+                  <FlexRender header={header} />
+                  {#if header.column.getIsSorted() === 'asc'}
+                    {' '}🔼
+                  {:else if header.column.getIsSorted() === 'desc'}
+                    {' '}🔽
+                  {/if}
+                </div>
+              {/if}
+            </th>
+          {/each}
+        </tr>
+      {/each}
+    </thead>
+    <tbody>
+      {#each table.getRowModel().rows as row (row.id)}
+        <tr>
+          {#each row.getAllCells() as cell (cell.id)}
+            <td>
+              <FlexRender cell={cell} />
+            </td>
+          {/each}
+        </tr>
+      {/each}
+    </tbody>
+  </table>
+  <div class="h-2"></div>
+  <div class="flex items-center gap-2">
+    <button
+      class="border rounded p-1"
+      onclick={() => table.setPageIndex(0)}
+      disabled={!table.getCanPreviousPage()}
+    >
+      {'<<'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.previousPage()}
+      disabled={!table.getCanPreviousPage()}
+    >
+      {'<'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.nextPage()}
+      disabled={!table.getCanNextPage()}
+    >
+      {'>'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.setPageIndex(table.getPageCount() - 1)}
+      disabled={!table.getCanNextPage()}
+    >
+      {'>>'}
+    </button>
+    <span class="flex items-center gap-1">
+      <div>Page</div>
+      <strong>
+        {pagination().pageIndex + 1} of {table.getPageCount()}
+      </strong>
+    </span>
+    <span class="flex items-center gap-1">
+      | Go to page:
+      <input
+        type="number"
+        min="1"
+        max={table.getPageCount()}
+        value={pagination().pageIndex + 1}
+        oninput={(e) => {
+          const page = e.currentTarget.value
+            ? Number(e.currentTarget.value) - 1
+            : 0
+          table.setPageIndex(page)
+        }}
+        class="border p-1 rounded w-16"
+      />
+    </span>
+    <select
+      value={pagination().pageSize}
+      onchange={(e) => {
+        table.setPageSize(Number(e.currentTarget.value))
+      }}
+    >
+      {#each [10, 20, 30, 40, 50] as pageSize}
+        <option value={pageSize}>Show {pageSize}</option>
+      {/each}
+    </select>
+  </div>
+  <div class="h-4"></div>
+  <pre>
+    {JSON.stringify(
+      { sorting: sorting(), pagination: pagination() },
+      null,
+      2,
+    )}
+  </pre>
+</div>
diff --git a/examples/svelte/basic-external-state/src/index.css b/examples/svelte/basic-external-state/src/index.css
new file mode 100644
index 0000000000..43c09e0f6b
--- /dev/null
+++ b/examples/svelte/basic-external-state/src/index.css
@@ -0,0 +1,26 @@
+html {
+  font-family: sans-serif;
+  font-size: 14px;
+}
+
+table {
+  border: 1px solid lightgray;
+}
+
+tbody {
+  border-bottom: 1px solid lightgray;
+}
+
+th {
+  border-bottom: 1px solid lightgray;
+  border-right: 1px solid lightgray;
+  padding: 2px 4px;
+}
+
+tfoot {
+  color: gray;
+}
+
+tfoot th {
+  font-weight: normal;
+}
diff --git a/examples/svelte/basic-external-state/src/main.ts b/examples/svelte/basic-external-state/src/main.ts
new file mode 100644
index 0000000000..2f4dd54dc3
--- /dev/null
+++ b/examples/svelte/basic-external-state/src/main.ts
@@ -0,0 +1,9 @@
+// @ts-ignore
+import { mount } from 'svelte'
+import App from './App.svelte'
+
+const app = mount(App, {
+  target: document.getElementById('root')!,
+})
+
+export default app
diff --git a/examples/svelte/basic-external-state/src/makeData.ts b/examples/svelte/basic-external-state/src/makeData.ts
new file mode 100644
index 0000000000..6311127267
--- /dev/null
+++ b/examples/svelte/basic-external-state/src/makeData.ts
@@ -0,0 +1,48 @@
+import { faker } from '@faker-js/faker'
+
+export type Person = {
+  firstName: string
+  lastName: string
+  age: number
+  visits: number
+  progress: number
+  status: 'relationship' | 'complicated' | 'single'
+  subRows?: Array<Person>
+}
+
+const range = (len: number) => {
+  const arr: Array<number> = []
+  for (let i = 0; i < len; i++) {
+    arr.push(i)
+  }
+  return arr
+}
+
+const newPerson = (): Person => {
+  return {
+    firstName: faker.person.firstName(),
+    lastName: faker.person.lastName(),
+    age: faker.number.int(40),
+    visits: faker.number.int(1000),
+    progress: faker.number.int(100),
+    status: faker.helpers.shuffle<Person['status']>([
+      'relationship',
+      'complicated',
+      'single',
+    ])[0],
+  }
+}
+
+export function makeData(...lens: Array<number>) {
+  const makeDataLevel = (depth = 0): Array<Person> => {
+    const len = lens[depth]
+    return range(len).map((): Person => {
+      return {
+        ...newPerson(),
+        subRows: lens[depth + 1] ? makeDataLevel(depth + 1) : undefined,
+      }
+    })
+  }
+
+  return makeDataLevel()
+}
diff --git a/examples/svelte/basic/src/vite-env.d.ts b/examples/svelte/basic-external-state/src/vite-env.d.ts
similarity index 100%
rename from examples/svelte/basic/src/vite-env.d.ts
rename to examples/svelte/basic-external-state/src/vite-env.d.ts
diff --git a/examples/svelte/basic-external-state/svelte.config.js b/examples/svelte/basic-external-state/svelte.config.js
new file mode 100644
index 0000000000..8abe4369b8
--- /dev/null
+++ b/examples/svelte/basic-external-state/svelte.config.js
@@ -0,0 +1,5 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  preprocess: vitePreprocess(),
+}
diff --git a/examples/svelte/basic-external-state/tsconfig.json b/examples/svelte/basic-external-state/tsconfig.json
new file mode 100644
index 0000000000..e44d928411
--- /dev/null
+++ b/examples/svelte/basic-external-state/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/examples/svelte/basic-external-state/vite.config.js b/examples/svelte/basic-external-state/vite.config.js
new file mode 100644
index 0000000000..c6ced40a24
--- /dev/null
+++ b/examples/svelte/basic-external-state/vite.config.js
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import rollupReplace from '@rollup/plugin-replace'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    rollupReplace({
+      preventAssignment: true,
+      values: {
+        __DEV__: JSON.stringify(true),
+        'process.env.NODE_ENV': JSON.stringify('development'),
+      },
+    }),
+    svelte(),
+  ],
+})
diff --git a/examples/svelte/basic-external-store/index.html b/examples/svelte/basic-external-store/index.html
new file mode 100644
index 0000000000..6ab1dd7e51
--- /dev/null
+++ b/examples/svelte/basic-external-store/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+    <script type="module" src="https://cdn.skypack.dev/twind/shim"></script>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/svelte/basic-external-store/package.json b/examples/svelte/basic-external-store/package.json
new file mode 100644
index 0000000000..16084910d9
--- /dev/null
+++ b/examples/svelte/basic-external-store/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "tanstack-table-example-svelte-basic-external-store",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint ./src"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^10.4.0",
+    "@rollup/plugin-replace": "^6.0.3",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@tanstack/svelte-table": "^9.0.0-alpha.10",
+    "@tsconfig/svelte": "^5.0.8",
+    "svelte": "^5.55.1",
+    "svelte-check": "^4.4.6",
+    "typescript": "6.0.2",
+    "vite": "^8.0.3"
+  }
+}
diff --git a/examples/svelte/basic-external-store/src/App.svelte b/examples/svelte/basic-external-store/src/App.svelte
new file mode 100644
index 0000000000..99c8b4a21f
--- /dev/null
+++ b/examples/svelte/basic-external-store/src/App.svelte
@@ -0,0 +1,211 @@
+<script lang="ts">
+  // This example demonstrates managing all table state in a single external $state object
+  // (instead of using separate createTableState calls per state slice).
+
+  import {
+    createColumnHelper,
+    createPaginatedRowModel,
+    createSortedRowModel,
+    createTable,
+    FlexRender,
+    getInitialTableState,
+    rowPaginationFeature,
+    rowSortingFeature,
+    sortFns,
+    tableFeatures,
+  } from '@tanstack/svelte-table'
+  import { makeData } from './makeData'
+  import type { PaginationState, SortingState } from '@tanstack/svelte-table'
+  import type { Person } from './makeData'
+  import './index.css'
+
+  const _features = tableFeatures({
+    rowPaginationFeature,
+    rowSortingFeature,
+  })
+
+  const columnHelper = createColumnHelper<typeof _features, Person>()
+
+  const columns = columnHelper.columns([
+    columnHelper.accessor('firstName', {
+      header: 'First Name',
+      cell: (info) => info.getValue(),
+    }),
+    columnHelper.accessor('lastName', {
+      header: 'Last Name',
+      cell: (info) => info.getValue(),
+    }),
+    columnHelper.accessor('age', {
+      header: 'Age',
+    }),
+    columnHelper.accessor('visits', {
+      header: 'Visits',
+    }),
+    columnHelper.accessor('status', {
+      header: 'Status',
+    }),
+    columnHelper.accessor('progress', {
+      header: 'Profile Progress',
+    }),
+  ])
+
+  const data = makeData(1000)
+
+  // Store all table state in a single $state object
+  let tableState = $state(
+    getInitialTableState(_features, {
+      sorting: [] as SortingState,
+      pagination: { pageIndex: 0, pageSize: 10 } as PaginationState,
+    }),
+  )
+
+  const table = createTable({
+    _features,
+    _rowModels: {
+      sortedRowModel: createSortedRowModel(sortFns),
+      paginatedRowModel: createPaginatedRowModel(),
+    },
+    columns,
+    data,
+    state: {
+      get sorting() {
+        return tableState.sorting
+      },
+      get pagination() {
+        return tableState.pagination
+      },
+    },
+    onSortingChange: (updater) => {
+      tableState = {
+        ...tableState,
+        sorting:
+          typeof updater === 'function'
+            ? updater(tableState.sorting)
+            : updater,
+      }
+    },
+    onPaginationChange: (updater) => {
+      tableState = {
+        ...tableState,
+        pagination:
+          typeof updater === 'function'
+            ? updater(tableState.pagination)
+            : updater,
+      }
+    },
+    debugTable: true,
+  })
+</script>
+
+<div class="p-2">
+  <table>
+    <thead>
+      {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+        <tr>
+          {#each headerGroup.headers as header (header.id)}
+            <th colSpan={header.colSpan}>
+              {#if !header.isPlaceholder}
+                <div
+                  class={header.column.getCanSort()
+                    ? 'cursor-pointer select-none'
+                    : ''}
+                  role="button"
+                  tabindex="0"
+                  onclick={header.column.getToggleSortingHandler()}
+                  onkeydown={(e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                      header.column.getToggleSortingHandler()?.(e)
+                    }
+                  }}
+                >
+                  <FlexRender header={header} />
+                  {#if header.column.getIsSorted() === 'asc'}
+                    {' '}🔼
+                  {:else if header.column.getIsSorted() === 'desc'}
+                    {' '}🔽
+                  {/if}
+                </div>
+              {/if}
+            </th>
+          {/each}
+        </tr>
+      {/each}
+    </thead>
+    <tbody>
+      {#each table.getRowModel().rows as row (row.id)}
+        <tr>
+          {#each row.getAllCells() as cell (cell.id)}
+            <td>
+              <FlexRender cell={cell} />
+            </td>
+          {/each}
+        </tr>
+      {/each}
+    </tbody>
+  </table>
+  <div class="h-2"></div>
+  <div class="flex items-center gap-2">
+    <button
+      class="border rounded p-1"
+      onclick={() => table.setPageIndex(0)}
+      disabled={!table.getCanPreviousPage()}
+    >
+      {'<<'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.previousPage()}
+      disabled={!table.getCanPreviousPage()}
+    >
+      {'<'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.nextPage()}
+      disabled={!table.getCanNextPage()}
+    >
+      {'>'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.setPageIndex(table.getPageCount() - 1)}
+      disabled={!table.getCanNextPage()}
+    >
+      {'>>'}
+    </button>
+    <span class="flex items-center gap-1">
+      <div>Page</div>
+      <strong>
+        {tableState.pagination.pageIndex + 1} of {table.getPageCount()}
+      </strong>
+    </span>
+    <span class="flex items-center gap-1">
+      | Go to page:
+      <input
+        type="number"
+        min="1"
+        max={table.getPageCount()}
+        value={tableState.pagination.pageIndex + 1}
+        oninput={(e) => {
+          const page = (e.target as HTMLInputElement).value
+            ? Number((e.target as HTMLInputElement).value) - 1
+            : 0
+          table.setPageIndex(page)
+        }}
+        class="border p-1 rounded w-16"
+      />
+    </span>
+    <select
+      value={tableState.pagination.pageSize}
+      onchange={(e) => {
+        table.setPageSize(Number((e.target as HTMLSelectElement).value))
+      }}
+    >
+      {#each [10, 20, 30, 40, 50] as pageSize}
+        <option value={pageSize}>Show {pageSize}</option>
+      {/each}
+    </select>
+  </div>
+  <div class="h-4"></div>
+  <pre>{JSON.stringify(tableState, null, 2)}</pre>
+</div>
diff --git a/examples/svelte/basic-external-store/src/index.css b/examples/svelte/basic-external-store/src/index.css
new file mode 100644
index 0000000000..43c09e0f6b
--- /dev/null
+++ b/examples/svelte/basic-external-store/src/index.css
@@ -0,0 +1,26 @@
+html {
+  font-family: sans-serif;
+  font-size: 14px;
+}
+
+table {
+  border: 1px solid lightgray;
+}
+
+tbody {
+  border-bottom: 1px solid lightgray;
+}
+
+th {
+  border-bottom: 1px solid lightgray;
+  border-right: 1px solid lightgray;
+  padding: 2px 4px;
+}
+
+tfoot {
+  color: gray;
+}
+
+tfoot th {
+  font-weight: normal;
+}
diff --git a/examples/svelte/basic-external-store/src/main.ts b/examples/svelte/basic-external-store/src/main.ts
new file mode 100644
index 0000000000..2f4dd54dc3
--- /dev/null
+++ b/examples/svelte/basic-external-store/src/main.ts
@@ -0,0 +1,9 @@
+// @ts-ignore
+import { mount } from 'svelte'
+import App from './App.svelte'
+
+const app = mount(App, {
+  target: document.getElementById('root')!,
+})
+
+export default app
diff --git a/examples/svelte/basic-external-store/src/makeData.ts b/examples/svelte/basic-external-store/src/makeData.ts
new file mode 100644
index 0000000000..6311127267
--- /dev/null
+++ b/examples/svelte/basic-external-store/src/makeData.ts
@@ -0,0 +1,48 @@
+import { faker } from '@faker-js/faker'
+
+export type Person = {
+  firstName: string
+  lastName: string
+  age: number
+  visits: number
+  progress: number
+  status: 'relationship' | 'complicated' | 'single'
+  subRows?: Array<Person>
+}
+
+const range = (len: number) => {
+  const arr: Array<number> = []
+  for (let i = 0; i < len; i++) {
+    arr.push(i)
+  }
+  return arr
+}
+
+const newPerson = (): Person => {
+  return {
+    firstName: faker.person.firstName(),
+    lastName: faker.person.lastName(),
+    age: faker.number.int(40),
+    visits: faker.number.int(1000),
+    progress: faker.number.int(100),
+    status: faker.helpers.shuffle<Person['status']>([
+      'relationship',
+      'complicated',
+      'single',
+    ])[0],
+  }
+}
+
+export function makeData(...lens: Array<number>) {
+  const makeDataLevel = (depth = 0): Array<Person> => {
+    const len = lens[depth]
+    return range(len).map((): Person => {
+      return {
+        ...newPerson(),
+        subRows: lens[depth + 1] ? makeDataLevel(depth + 1) : undefined,
+      }
+    })
+  }
+
+  return makeDataLevel()
+}
diff --git a/examples/svelte/basic-external-store/src/vite-env.d.ts b/examples/svelte/basic-external-store/src/vite-env.d.ts
new file mode 100644
index 0000000000..4078e7476a
--- /dev/null
+++ b/examples/svelte/basic-external-store/src/vite-env.d.ts
@@ -0,0 +1,2 @@
+/// <reference types="svelte" />
+/// <reference types="vite/client" />
diff --git a/examples/svelte/basic-external-store/svelte.config.js b/examples/svelte/basic-external-store/svelte.config.js
new file mode 100644
index 0000000000..8abe4369b8
--- /dev/null
+++ b/examples/svelte/basic-external-store/svelte.config.js
@@ -0,0 +1,5 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  preprocess: vitePreprocess(),
+}
diff --git a/examples/svelte/basic-external-store/tsconfig.json b/examples/svelte/basic-external-store/tsconfig.json
new file mode 100644
index 0000000000..e44d928411
--- /dev/null
+++ b/examples/svelte/basic-external-store/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/examples/svelte/basic-external-store/vite.config.js b/examples/svelte/basic-external-store/vite.config.js
new file mode 100644
index 0000000000..c6ced40a24
--- /dev/null
+++ b/examples/svelte/basic-external-store/vite.config.js
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import rollupReplace from '@rollup/plugin-replace'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    rollupReplace({
+      preventAssignment: true,
+      values: {
+        __DEV__: JSON.stringify(true),
+        'process.env.NODE_ENV': JSON.stringify('development'),
+      },
+    }),
+    svelte(),
+  ],
+})
diff --git a/examples/svelte/basic-snippets/src/App.svelte b/examples/svelte/basic-snippets/src/App.svelte
index 2d02a1884a..ba7e73ac4b 100644
--- a/examples/svelte/basic-snippets/src/App.svelte
+++ b/examples/svelte/basic-snippets/src/App.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import {
-    createTableHelper,
+    createTableHook,
     FlexRender,
     renderSnippet,
   } from '@tanstack/svelte-table'
@@ -58,18 +58,15 @@
 
   // 3. New in V9! Tell the table which features and row models we want to use.
   //    In this case, this will be a basic table with no additional features
-  const tableHelper = createTableHelper({
+  const { createAppTable, createAppColumnHelper } = createTableHook({
     _features: {},
     // 3a. `_rowModels` defines client-side row models. `Core` row model is now
     //     included by default, but you can still override it here.
     _rowModels: {},
-    // 3b. Optionally, set the `TData` type. Omit TData is this table helper
-    //     will be used to create multiple tables with different data types.
-    TData: {} as Person,
   })
 
-  // 4. For convenience, destructure the desired utilities from `tableHelper`
-  const { columnHelper, createTable } = tableHelper
+  // 4. Create a column helper pre-bound to our features
+  const columnHelper = createAppColumnHelper<Person>()
 
   // 5. Define the columns for your table with a stable reference (in this case,
   //    defined statically).
@@ -107,9 +104,9 @@
   ])
 
   // 6. Create the table instance with columns and data. Features and row
-  //    models are already defined in the `tableHelper` object that
-  //    `createTable` was destructured from.
-  const table = createTable({
+  //    models are already defined in the `createTableHook` call that
+  //    `createAppTable` was returned from.
+  const table = createAppTable({
     columns,
     data,
   })
@@ -119,15 +116,12 @@
 <div class="p-2">
   <table>
     <thead>
-      {#each table.getHeaderGroups() as headerGroup}
+      {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
         <tr>
-          {#each headerGroup.headers as header}
+          {#each headerGroup.headers as header (header.id)}
             <th>
               {#if !header.isPlaceholder}
-                <FlexRender
-                  content={header.column.columnDef.header}
-                  context={header.getContext()}
-                />
+                <FlexRender header={header} />
               {/if}
             </th>
           {/each}
@@ -135,14 +129,11 @@
       {/each}
     </thead>
     <tbody>
-      {#each table.getRowModel().rows as row}
+      {#each table.getRowModel().rows as row (row.id)}
         <tr>
-          {#each row.getAllCells() as cell}
+          {#each row.getAllCells() as cell (cell.id)}
             <td>
-              <FlexRender
-                content={cell.column.columnDef.cell}
-                context={cell.getContext()}
-              />
+              <FlexRender cell={cell} />
             </td>
           {/each}
         </tr>
diff --git a/examples/svelte/basic-snippets/src/snippets.svelte b/examples/svelte/basic-snippets/src/snippets.svelte
index b3b965bd00..6530638936 100644
--- a/examples/svelte/basic-snippets/src/snippets.svelte
+++ b/examples/svelte/basic-snippets/src/snippets.svelte
@@ -4,9 +4,7 @@
   export { capitalized, spectrum, countup }
 
   function getColor(value: number, min: number, max: number) {
-    console.log(value, min, max)
     const ratio = (value - min) / (max - min)
-    console.log(value - min, max - min, ratio)
     const hue = Math.floor(120 * ratio) // 0 (red) to 120 (green)
     return `hsl(${hue}, 100%, 50%)`
   }
diff --git a/examples/svelte/basic-table-helper/src/App.svelte b/examples/svelte/basic-table-helper/src/App.svelte
deleted file mode 100644
index 96d86dc36f..0000000000
--- a/examples/svelte/basic-table-helper/src/App.svelte
+++ /dev/null
@@ -1,159 +0,0 @@
-<script lang="ts">
-  import { createTableHelper, FlexRender } from '@tanstack/svelte-table'
-  import './index.css'
-
-  /**
-   * This `svelte-table` example demonstrates the following:
-   * - Creating a basic table with no additional features (sorting, filtering,
-   *   grouping, etc),
-   * - Creating and using a `table helper`,
-   * - Defining columns with custom headers, cells, and footers using the table
-   *   helper, and
-   * - Rendering a table with the instance APIs.
-   */
-
-  // 1. Define what the shape of your data will be for each row
-  type Person = {
-    firstName: string
-    lastName: string
-    age: number
-    visits: number
-    status: string
-    progress: number
-  }
-
-  // 2. Create some dummy data with a stable reference (this could be an API
-  //    response stored in a rune).
-  const data: Person[] = [
-    {
-      firstName: 'tanner',
-      lastName: 'linsley',
-      age: 24,
-      visits: 100,
-      status: 'In Relationship',
-      progress: 50,
-    },
-    {
-      firstName: 'tandy',
-      lastName: 'miller',
-      age: 40,
-      visits: 40,
-      status: 'Single',
-      progress: 80,
-    },
-    {
-      firstName: 'joe',
-      lastName: 'dirte',
-      age: 45,
-      visits: 20,
-      status: 'Complicated',
-      progress: 10,
-    },
-  ]
-
-  // 3. New in V9! Tell the table which features and row models we want to use.
-  //    In this case, this will be a basic table with no additional features
-  const tableHelper = createTableHelper({
-    _features: {},
-    // 3a. `_rowModels` defines client-side row models. `Core` row model is now
-    //     included by default, but you can still override it here.
-    _rowModels: {},
-    // 3b. Optionally, set the `TData` type. Omit TData is this table helper
-    //     will be used to create multiple tables with different data types.
-    TData: {} as Person,
-  })
-
-  // 4. For convenience, destructure the desired utilities from `tableHelper`
-  const { columnHelper, createTable } = tableHelper
-
-  // 5. Define the columns for your table with a stable reference (in this case,
-  //    defined statically outside of a react component)
-  const columns = columnHelper.columns([
-    columnHelper.accessor('firstName', {
-      cell: (info) => info.getValue(),
-      footer: (info) => info.column.id,
-    }),
-    columnHelper.accessor('lastName', {
-      header: () => 'Last Name',
-      cell: (info) => info.getValue(),
-      footer: (info) => info.column.id,
-    }),
-    columnHelper.accessor('age', {
-      header: () => 'Age',
-      footer: (info) => info.column.id,
-    }),
-    columnHelper.accessor('visits', {
-      header: () => 'Visits',
-      footer: (info) => info.column.id,
-    }),
-    columnHelper.accessor('status', {
-      header: 'Status',
-      footer: (info) => info.column.id,
-    }),
-    columnHelper.accessor('progress', {
-      header: 'Profile Progress',
-      footer: (info) => info.column.id,
-    }),
-  ])
-
-  // 6. Create the table instance with columns and data. Featufres and row
-  //    models are already defined in the `tableHelper` object that
-  //    `createTable` was destructured from.
-  const table = createTable({
-    columns,
-    data,
-  })
-</script>
-
-<!-- 7. Render the table in markup using the Instance APIs. -->
-<div class="p-2">
-  <table>
-    <thead>
-      {#each table.getHeaderGroups() as headerGroup}
-        <tr>
-          {#each headerGroup.headers as header}
-            <th>
-              {#if !header.isPlaceholder}
-                <FlexRender
-                  content={header.column.columnDef.header}
-                  context={header.getContext()}
-                />
-              {/if}
-            </th>
-          {/each}
-        </tr>
-      {/each}
-    </thead>
-    <tbody>
-      {#each table.getRowModel().rows as row}
-        <tr>
-          {#each row.getAllCells() as cell}
-            <td>
-              <FlexRender
-                content={cell.column.columnDef.cell}
-                context={cell.getContext()}
-              />
-            </td>
-          {/each}
-        </tr>
-      {/each}
-    </tbody>
-    <tfoot>
-      {#each table.getFooterGroups() as footerGroup}
-        <tr>
-          {#each footerGroup.headers as header}
-            <th>
-              {#if !header.isPlaceholder}
-                <FlexRender
-                  content={header.column.columnDef.footer}
-                  context={header.getContext()}
-                />
-              {/if}
-            </th>
-          {/each}
-        </tr>
-      {/each}
-    </tfoot>
-  </table>
-  <div class="h-4"></div>
-</div>
diff --git a/examples/svelte/basic/src/App.svelte b/examples/svelte/basic/src/App.svelte
deleted file mode 100644
index 03b9e67ed5..0000000000
--- a/examples/svelte/basic/src/App.svelte
+++ /dev/null
@@ -1,166 +0,0 @@
-<script lang="ts">
-  import type { ColumnDef } from '@tanstack/svelte-table'
-  import {
-    createTable,
-    FlexRender,
-    tableFeatures,
-  } from '@tanstack/svelte-table'
-  import './index.css'
-
-  /**
-   * This `svelte-table` example demonstrates the following:
-   * - Creating a basic table with no additional features (sorting, filtering,
-   *   grouping, etc),
-   * - Creating and using a `table helper`,
-   * - Defining columns with custom headers, cells, and footers, and
-   * - Rendering a table with the instance APIs.
-   */
-
-  // 1. Define what the shape of your data will be for each row
-  type Person = {
-    firstName: string
-    lastName: string
-    age: number
-    visits: number
-    status: string
-    progress: number
-  }
-
-  // 2. Create some dummy data with a stable reference (this could be an API
-  //    response stored in useState or similar)
-  const data: Person[] = [
-    {
-      firstName: 'tanner',
-      lastName: 'linsley',
-      age: 24,
-      visits: 100,
-      status: 'In Relationship',
-      progress: 50,
-    },
-    {
-      firstName: 'tandy',
-      lastName: 'miller',
-      age: 40,
-      visits: 40,
-      status: 'Single',
-      progress: 80,
-    },
-    {
-      firstName: 'joe',
-      lastName: 'dirte',
-      age: 45,
-      visits: 20,
-      status: 'Complicated',
-      progress: 10,
-    },
-  ]
-
-  // 3. New in V9! Tell the table which features and row models we want to use.
-  //    In this case, this will be a basic table with no additional features.
-  const _features = tableFeatures({})
-
-  // 4. Define the columns for your table. This uses the new `ColumnDef` type to
-  //    define columns. Alternatively, check out the
-  //    createTableHelper/createColumnHelper util for an even more type-safe way
-  //    to define columns.
-  const columns: ColumnDef<typeof _features, Person>[] = [
-    {
-      accessorKey: 'firstName',
-      cell: (info) => info.getValue(),
-      footer: (info) => info.column.id,
-    },
-    {
-      accessorFn: (row) => row.lastName,
-      id: 'lastName',
-      cell: (info) => info.getValue(),
-      header: () => 'Last Name',
-      footer: (info) => info.column.id,
-    },
-    {
-      accessorKey: 'age',
-      header: () => 'Age',
-      footer: (info) => info.column.id,
-    },
-    {
-      accessorKey: 'visits',
-      header: () => 'Visits',
-      footer: (info) => info.column.id,
-    },
-    {
-      accessorKey: 'status',
-      header: 'Status',
-      footer: (info) => info.column.id,
-    },
-    {
-      accessorKey: 'progress',
-      header: 'Profile Progress',
-      footer: (info) => info.column.id,
-    },
-  ]
-
-  // 5. Create the table instance with required _features, columns, and data
-  const table = createTable({
-    // 5a. New required option in V9. Tell the table which features you are
-    //     importing and using (better tree-shaking).
-    _features,
-    // 5b. `Core` row model is now included by default, but you can still
-    //     override it here.
-    _rowModels: {},
-    columns,
-    data,
-    // ...add additional table options here
-  })
-</script>
-
-<!-- 6. Render the table in markup using the Instance APIs. -->
-<div class="p-2">
-  <table>
-    <thead>
-      {#each table.getHeaderGroups() as headerGroup}
-        <tr>
-          {#each headerGroup.headers as header}
-            <th>
-              {#if !header.isPlaceholder}
-                <FlexRender
-                  content={header.column.columnDef.header}
-                  context={header.getContext()}
-                />
-              {/if}
-            </th>
-          {/each}
-        </tr>
-      {/each}
-    </thead>
-    <tbody>
-      {#each table.getRowModel().rows as row}
-        <tr>
-          {#each row.getAllCells() as cell}
-            <td>
-              <FlexRender
-                content={cell.column.columnDef.cell}
-                context={cell.getContext()}
-              />
-            </td>
-          {/each}
-        </tr>
-      {/each}
-    </tbody>
-    <tfoot>
-      {#each table.getFooterGroups() as footerGroup}
-        <tr>
-          {#each footerGroup.headers as header}
-            <th>
-              {#if !header.isPlaceholder}
-                <FlexRender
-                  content={header.column.columnDef.footer}
-                  context={header.getContext()}
-                />
-              {/if}
-            </th>
-          {/each}
-        </tr>
-      {/each}
-    </tfoot>
-  </table>
-  <div class="h-4"></div>
-</div>
diff --git a/examples/svelte/column-groups/src/App.svelte b/examples/svelte/column-groups/src/App.svelte
index fb22034297..112a7c4fbd 100644
--- a/examples/svelte/column-groups/src/App.svelte
+++ b/examples/svelte/column-groups/src/App.svelte
@@ -108,15 +108,12 @@
 <div class="p-2">
   <table>
     <thead>
-      {#each table.getHeaderGroups() as headerGroup}
+      {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
         <tr>
-          {#each headerGroup.headers as header}
+          {#each headerGroup.headers as header (header.id)}
             <th colSpan={header.colSpan}>
               {#if !header.isPlaceholder}
-                <FlexRender
-                  content={header.column.columnDef.header}
-                  context={header.getContext()}
-                />
+                <FlexRender header={header} />
               {/if}
             </th>
           {/each}
@@ -124,29 +121,23 @@
       {/each}
     </thead>
     <tbody>
-      {#each table.getRowModel().rows as row}
+      {#each table.getRowModel().rows as row (row.id)}
         <tr>
-          {#each row.getAllCells() as cell}
+          {#each row.getAllCells() as cell (cell.id)}
             <td>
-              <FlexRender
-                content={cell.column.columnDef.cell}
-                context={cell.getContext()}
-              />
+              <FlexRender cell={cell} />
             </td>
           {/each}
         </tr>
       {/each}
     </tbody>
     <tfoot>
-      {#each table.getFooterGroups() as footerGroup}
+      {#each table.getFooterGroups() as footerGroup (footerGroup.id)}
         <tr>
-          {#each footerGroup.headers as header}
+          {#each footerGroup.headers as header (header.id)}
             <th colSpan={header.colSpan}>
               {#if !header.isPlaceholder}
-                <FlexRender
-                  content={header.column.columnDef.footer}
-                  context={header.getContext()}
-                />
+                <FlexRender footer={header} />
               {/if}
             </th>
           {/each}
diff --git a/examples/svelte/column-ordering/src/App.svelte b/examples/svelte/column-ordering/src/App.svelte
index 2568ea35f1..9810b6c9a7 100644
--- a/examples/svelte/column-ordering/src/App.svelte
+++ b/examples/svelte/column-ordering/src/App.svelte
@@ -150,15 +150,12 @@
   <div class="h-4"></div>
   <table class="border-2 border-black">
     <thead>
-      {#each table.getHeaderGroups() as headerGroup}
+      {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
         <tr>
-          {#each headerGroup.headers as header}
+          {#each headerGroup.headers as header (header.id)}
             <th colSpan={header.colSpan}>
               {#if !header.isPlaceholder}
-                <FlexRender
-                  content={header.column.columnDef.header}
-                  context={header.getContext()}
-                />
+                <FlexRender header={header} />
               {/if}
             </th>
           {/each}
@@ -166,14 +163,11 @@
       {/each}
     </thead>
     <tbody>
-      {#each table.getCoreRowModel().rows.slice(0, 20) as row}
+      {#each table.getCoreRowModel().rows.slice(0, 20) as row (row.id)}
         <tr>
-          {#each row.getVisibleCells() as cell}
+          {#each row.getVisibleCells() as cell (cell.id)}
             <td>
-              <FlexRender
-                content={cell.column.columnDef.cell}
-                context={cell.getContext()}
-              />
+              <FlexRender cell={cell} />
             </td>
           {/each}
         </tr>
diff --git a/examples/svelte/column-pinning-split/.gitignore b/examples/svelte/column-pinning-split/.gitignore
new file mode 100644
index 0000000000..2de1736a62
--- /dev/null
+++ b/examples/svelte/column-pinning-split/.gitignore
@@ -0,0 +1,8 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+src/**/*.d.ts
+src/**/*.map
diff --git a/examples/svelte/column-pinning-split/index.html b/examples/svelte/column-pinning-split/index.html
new file mode 100644
index 0000000000..6ab1dd7e51
--- /dev/null
+++ b/examples/svelte/column-pinning-split/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+    <script type="module" src="https://cdn.skypack.dev/twind/shim"></script>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/svelte/column-pinning-split/package.json b/examples/svelte/column-pinning-split/package.json
new file mode 100644
index 0000000000..b7b3773896
--- /dev/null
+++ b/examples/svelte/column-pinning-split/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "tanstack-table-example-svelte-column-pinning-split",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint ./src"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^10.4.0",
+    "@rollup/plugin-replace": "^6.0.3",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@tanstack/svelte-table": "^9.0.0-alpha.10",
+    "@tsconfig/svelte": "^5.0.8",
+    "svelte": "^5.55.1",
+    "svelte-check": "^4.4.6",
+    "typescript": "6.0.2",
+    "vite": "^8.0.3"
+  }
+}
diff --git a/examples/svelte/column-pinning-split/src/App.svelte b/examples/svelte/column-pinning-split/src/App.svelte
new file mode 100644
index 0000000000..fe58ef2b22
--- /dev/null
+++ b/examples/svelte/column-pinning-split/src/App.svelte
@@ -0,0 +1,313 @@
+<script lang="ts">
+  import { faker } from '@faker-js/faker'
+  import {
+    columnOrderingFeature,
+    columnPinningFeature,
+    columnVisibilityFeature,
+    createTable,
+    FlexRender,
+    tableFeatures,
+  } from '@tanstack/svelte-table'
+  import { makeData } from './makeData'
+  import type { ColumnDef } from '@tanstack/svelte-table'
+  import type { Person } from './makeData'
+  import './index.css'
+
+  const _features = tableFeatures({
+    columnVisibilityFeature,
+    columnPinningFeature,
+    columnOrderingFeature,
+  })
+
+  const defaultColumns: Array<ColumnDef<typeof _features, Person>> = [
+    {
+      header: 'Name',
+      footer: (props) => props.column.id,
+      columns: [
+        {
+          accessorKey: 'firstName',
+          cell: (info) => info.getValue(),
+          footer: (props) => props.column.id,
+        },
+        {
+          accessorFn: (row) => row.lastName,
+          id: 'lastName',
+          cell: (info) => info.getValue(),
+          header: () => 'Last Name',
+          footer: (props) => props.column.id,
+        },
+      ],
+    },
+    {
+      header: 'Info',
+      footer: (props) => props.column.id,
+      columns: [
+        {
+          accessorKey: 'age',
+          header: () => 'Age',
+          footer: (props) => props.column.id,
+        },
+        {
+          header: 'More Info',
+          columns: [
+            {
+              accessorKey: 'visits',
+              header: () => 'Visits',
+              footer: (props) => props.column.id,
+            },
+            {
+              accessorKey: 'status',
+              header: 'Status',
+              footer: (props) => props.column.id,
+            },
+            {
+              accessorKey: 'progress',
+              header: 'Profile Progress',
+              footer: (props) => props.column.id,
+            },
+          ],
+        },
+      ],
+    },
+  ]
+
+  let data = $state(makeData(5000))
+  const columns = defaultColumns
+
+  const rerender = () => {
+    data = makeData(5000)
+  }
+
+  const table = createTable(
+    {
+      _features,
+      _rowModels: {},
+      columns,
+      get data() {
+        return data
+      },
+      debugTable: true,
+      debugHeaders: true,
+      debugColumns: true,
+    },
+    (state) => state,
+  )
+
+  const randomizeColumns = () => {
+    table.setColumnOrder(
+      faker.helpers.shuffle(table.getAllLeafColumns().map((d) => d.id)),
+    )
+  }
+</script>
+
+<div class="p-2">
+  <div class="inline-block border border-black shadow rounded">
+    <div class="px-1 border-b border-black">
+      <label>
+        <input
+          type="checkbox"
+          checked={table.getIsAllColumnsVisible()}
+          onchange={table.getToggleAllColumnsVisibilityHandler()}
+        />
+        {' '}Toggle All
+      </label>
+    </div>
+    {#each table.getAllLeafColumns() as column}
+      <div class="px-1">
+        <label>
+          <input
+            type="checkbox"
+            checked={column.getIsVisible()}
+            onchange={column.getToggleVisibilityHandler()}
+          />
+          {' '}{column.id}
+        </label>
+      </div>
+    {/each}
+  </div>
+  <div class="h-4"></div>
+  <div class="flex flex-wrap gap-2">
+    <button onclick={() => rerender()} class="border p-1">
+      Regenerate
+    </button>
+    <button onclick={() => randomizeColumns()} class="border p-1">
+      Shuffle Columns
+    </button>
+  </div>
+  <div class="h-4"></div>
+  <p class="text-sm mb-2">
+    This example takes advantage of the "splitting" APIs. (APIs that have
+    "left", "center", and "right" modifiers)
+  </p>
+  <div class="flex gap-4">
+    <table class="border-2 border-black">
+      <thead>
+        {#each table.getLeftHeaderGroups() as headerGroup (headerGroup.id)}
+          <tr>
+            {#each headerGroup.headers as header (header.id)}
+              <th colSpan={header.colSpan}>
+                <div class="whitespace-nowrap">
+                  {#if !header.isPlaceholder}
+                    <FlexRender header={header} />
+                  {/if}
+                </div>
+                {#if !header.isPlaceholder && header.column.getCanPin()}
+                  <div class="flex gap-1 justify-center">
+                    {#if header.column.getIsPinned() !== 'left'}
+                      <button
+                        class="border rounded px-2"
+                        onclick={() => header.column.pin('left')}
+                      >
+                        {'<='}
+                      </button>
+                    {/if}
+                    {#if header.column.getIsPinned()}
+                      <button
+                        class="border rounded px-2"
+                        onclick={() => header.column.pin(false)}
+                      >
+                        X
+                      </button>
+                    {/if}
+                    {#if header.column.getIsPinned() !== 'right'}
+                      <button
+                        class="border rounded px-2"
+                        onclick={() => header.column.pin('right')}
+                      >
+                        {'=>'}
+                      </button>
+                    {/if}
+                  </div>
+                {/if}
+              </th>
+            {/each}
+          </tr>
+        {/each}
+      </thead>
+      <tbody>
+        {#each table.getRowModel().rows.slice(0, 20) as row (row.id)}
+          <tr>
+            {#each row.getLeftVisibleCells() as cell (cell.id)}
+              <td>
+                <FlexRender cell={cell} />
+              </td>
+            {/each}
+          </tr>
+        {/each}
+      </tbody>
+    </table>
+    <table class="border-2 border-black">
+      <thead>
+        {#each table.getCenterHeaderGroups() as headerGroup (headerGroup.id)}
+          <tr>
+            {#each headerGroup.headers as header (header.id)}
+              <th colSpan={header.colSpan}>
+                <div class="whitespace-nowrap">
+                  {#if !header.isPlaceholder}
+                    <FlexRender header={header} />
+                  {/if}
+                </div>
+                {#if !header.isPlaceholder && header.column.getCanPin()}
+                  <div class="flex gap-1 justify-center">
+                    {#if header.column.getIsPinned() !== 'left'}
+                      <button
+                        class="border rounded px-2"
+                        onclick={() => header.column.pin('left')}
+                      >
+                        {'<='}
+                      </button>
+                    {/if}
+                    {#if header.column.getIsPinned()}
+                      <button
+                        class="border rounded px-2"
+                        onclick={() => header.column.pin(false)}
+                      >
+                        X
+                      </button>
+                    {/if}
+                    {#if header.column.getIsPinned() !== 'right'}
+                      <button
+                        class="border rounded px-2"
+                        onclick={() => header.column.pin('right')}
+                      >
+                        {'=>'}
+                      </button>
+                    {/if}
+                  </div>
+                {/if}
+              </th>
+            {/each}
+          </tr>
+        {/each}
+      </thead>
+      <tbody>
+        {#each table.getRowModel().rows.slice(0, 20) as row (row.id)}
+          <tr>
+            {#each row.getCenterVisibleCells() as cell (cell.id)}
+              <td>
+                <FlexRender cell={cell} />
+              </td>
+            {/each}
+          </tr>
+        {/each}
+      </tbody>
+    </table>
+    <table class="border-2 border-black">
+      <thead>
+        {#each table.getRightHeaderGroups() as headerGroup (headerGroup.id)}
+          <tr>
+            {#each headerGroup.headers as header (header.id)}
+              <th colSpan={header.colSpan}>
+                <div class="whitespace-nowrap">
+                  {#if !header.isPlaceholder}
+                    <FlexRender header={header} />
+                  {/if}
+                </div>
+                {#if !header.isPlaceholder && header.column.getCanPin()}
+                  <div class="flex gap-1 justify-center">
+                    {#if header.column.getIsPinned() !== 'left'}
+                      <button
+                        class="border rounded px-2"
+                        onclick={() => header.column.pin('left')}
+                      >
+                        {'<='}
+                      </button>
+                    {/if}
+                    {#if header.column.getIsPinned()}
+                      <button
+                        class="border rounded px-2"
+                        onclick={() => header.column.pin(false)}
+                      >
+                        X
+                      </button>
+                    {/if}
+                    {#if header.column.getIsPinned() !== 'right'}
+                      <button
+                        class="border rounded px-2"
+                        onclick={() => header.column.pin('right')}
+                      >
+                        {'=>'}
+                      </button>
+                    {/if}
+                  </div>
+                {/if}
+              </th>
+            {/each}
+          </tr>
+        {/each}
+      </thead>
+      <tbody>
+        {#each table.getRowModel().rows.slice(0, 20) as row (row.id)}
+          <tr>
+            {#each row.getRightVisibleCells() as cell (cell.id)}
+              <td>
+                <FlexRender cell={cell} />
+              </td>
+            {/each}
+          </tr>
+        {/each}
+      </tbody>
+    </table>
+  </div>
+  <pre>{JSON.stringify(table.state, null, 2)}</pre>
+</div>
diff --git a/examples/svelte/column-pinning-split/src/index.css b/examples/svelte/column-pinning-split/src/index.css
new file mode 100644
index 0000000000..43c09e0f6b
--- /dev/null
+++ b/examples/svelte/column-pinning-split/src/index.css
@@ -0,0 +1,26 @@
+html {
+  font-family: sans-serif;
+  font-size: 14px;
+}
+
+table {
+  border: 1px solid lightgray;
+}
+
+tbody {
+  border-bottom: 1px solid lightgray;
+}
+
+th {
+  border-bottom: 1px solid lightgray;
+  border-right: 1px solid lightgray;
+  padding: 2px 4px;
+}
+
+tfoot {
+  color: gray;
+}
+
+tfoot th {
+  font-weight: normal;
+}
diff --git a/examples/svelte/column-pinning-split/src/main.ts b/examples/svelte/column-pinning-split/src/main.ts
new file mode 100644
index 0000000000..2f4dd54dc3
--- /dev/null
+++ b/examples/svelte/column-pinning-split/src/main.ts
@@ -0,0 +1,9 @@
+// @ts-ignore
+import { mount } from 'svelte'
+import App from './App.svelte'
+
+const app = mount(App, {
+  target: document.getElementById('root')!,
+})
+
+export default app
diff --git a/examples/svelte/column-pinning-split/src/makeData.ts b/examples/svelte/column-pinning-split/src/makeData.ts
new file mode 100644
index 0000000000..4f96799246
--- /dev/null
+++ b/examples/svelte/column-pinning-split/src/makeData.ts
@@ -0,0 +1,47 @@
+import { faker } from '@faker-js/faker'
+
+export type Person = {
+  firstName: string
+  lastName: string
+  age: number
+  visits: number
+  progress: number
+  status: 'relationship' | 'complicated' | 'single'
+  subRows?: Array<Person>
+}
+
+const range = (len: number) => {
+  const arr: Array<number> = []
+  for (let i = 0; i < len; i++) {
+    arr.push(i)
+  }
+  return arr
+}
+
+const newPerson = (): Person => {
+  return {
+    firstName: faker.person.firstName(),
+    lastName: faker.person.lastName(),
+    age: faker.number.int(40),
+    visits: faker.number.int(1000),
+    progress: faker.number.int(100),
+    status: faker.helpers.shuffle<Person['status']>([
+      'relationship',
+      'complicated',
+      'single',
+    ])[0]!,
+  }
+}
+
+export function makeData(...lens: Array<number>) {
+  const makeDataLevel = (depth = 0): Array<Person> => {
+    const len = lens[depth]!
+    return range(len).map((): Person => {
+      return {
+        ...newPerson(),
+        subRows: lens[depth + 1] ? makeDataLevel(depth + 1) : undefined,
+      }
+    })
+  }
+  return makeDataLevel()
+}
diff --git a/examples/svelte/column-pinning-split/svelte.config.js b/examples/svelte/column-pinning-split/svelte.config.js
new file mode 100644
index 0000000000..8abe4369b8
--- /dev/null
+++ b/examples/svelte/column-pinning-split/svelte.config.js
@@ -0,0 +1,5 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  preprocess: vitePreprocess(),
+}
diff --git a/examples/svelte/column-pinning-split/tsconfig.json b/examples/svelte/column-pinning-split/tsconfig.json
new file mode 100644
index 0000000000..e44d928411
--- /dev/null
+++ b/examples/svelte/column-pinning-split/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/examples/svelte/column-pinning-split/vite.config.js b/examples/svelte/column-pinning-split/vite.config.js
new file mode 100644
index 0000000000..c6ced40a24
--- /dev/null
+++ b/examples/svelte/column-pinning-split/vite.config.js
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import rollupReplace from '@rollup/plugin-replace'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    rollupReplace({
+      preventAssignment: true,
+      values: {
+        __DEV__: JSON.stringify(true),
+        'process.env.NODE_ENV': JSON.stringify('development'),
+      },
+    }),
+    svelte(),
+  ],
+})
diff --git a/examples/svelte/column-pinning-sticky/.gitignore b/examples/svelte/column-pinning-sticky/.gitignore
new file mode 100644
index 0000000000..2de1736a62
--- /dev/null
+++ b/examples/svelte/column-pinning-sticky/.gitignore
@@ -0,0 +1,8 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+src/**/*.d.ts
+src/**/*.map
diff --git a/examples/svelte/column-pinning-sticky/index.html b/examples/svelte/column-pinning-sticky/index.html
new file mode 100644
index 0000000000..6ab1dd7e51
--- /dev/null
+++ b/examples/svelte/column-pinning-sticky/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+    <script type="module" src="https://cdn.skypack.dev/twind/shim"></script>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/svelte/column-pinning-sticky/package.json b/examples/svelte/column-pinning-sticky/package.json
new file mode 100644
index 0000000000..6660dd8069
--- /dev/null
+++ b/examples/svelte/column-pinning-sticky/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "tanstack-table-example-svelte-column-pinning-sticky",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint ./src"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^10.4.0",
+    "@rollup/plugin-replace": "^6.0.3",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@tanstack/svelte-table": "^9.0.0-alpha.10",
+    "@tsconfig/svelte": "^5.0.8",
+    "svelte": "^5.55.1",
+    "svelte-check": "^4.4.6",
+    "typescript": "6.0.2",
+    "vite": "^8.0.3"
+  }
+}
diff --git a/examples/svelte/column-pinning-sticky/src/App.svelte b/examples/svelte/column-pinning-sticky/src/App.svelte
new file mode 100644
index 0000000000..1c0e64d71e
--- /dev/null
+++ b/examples/svelte/column-pinning-sticky/src/App.svelte
@@ -0,0 +1,246 @@
+<script lang="ts">
+  import { faker } from '@faker-js/faker'
+  import {
+    columnOrderingFeature,
+    columnPinningFeature,
+    columnResizingFeature,
+    columnSizingFeature,
+    columnVisibilityFeature,
+    createTable,
+    FlexRender,
+    tableFeatures,
+  } from '@tanstack/svelte-table'
+  import { makeData } from './makeData'
+  import type { Column } from '@tanstack/svelte-table'
+  import type { Person } from './makeData'
+  import './index.css'
+
+  const _features = tableFeatures({
+    columnOrderingFeature,
+    columnPinningFeature,
+    columnResizingFeature,
+    columnSizingFeature,
+    columnVisibilityFeature,
+  })
+
+  type PinningStyles = {
+    boxShadow: string | undefined
+    left: string | undefined
+    right: string | undefined
+    opacity: number
+    position: string
+    width: string
+    zIndex: number
+  }
+
+  const getCommonPinningStyles = (
+    column: Column<typeof _features, Person>,
+  ): PinningStyles => {
+    const isPinned = column.getIsPinned()
+    const isLastLeftPinnedColumn =
+      isPinned === 'left' && column.getIsLastColumn('left')
+    const isFirstRightPinnedColumn =
+      isPinned === 'right' && column.getIsFirstColumn('right')
+
+    return {
+      boxShadow: isLastLeftPinnedColumn
+        ? '-4px 0 4px -4px gray inset'
+        : isFirstRightPinnedColumn
+          ? '4px 0 4px -4px gray inset'
+          : undefined,
+      left: isPinned === 'left' ? `${column.getStart('left')}px` : undefined,
+      right: isPinned === 'right' ? `${column.getAfter('right')}px` : undefined,
+      opacity: isPinned ? 0.95 : 1,
+      position: isPinned ? 'sticky' : 'relative',
+      width: `${column.getSize()}px`,
+      zIndex: isPinned ? 1 : 0,
+    }
+  }
+
+  const defaultColumns = [
+    {
+      accessorKey: 'firstName',
+      id: 'firstName',
+      header: 'First Name',
+      cell: (info: any) => info.getValue(),
+      footer: (props: any) => props.column.id,
+      size: 180,
+    },
+    {
+      accessorFn: (row: Person) => row.lastName,
+      id: 'lastName',
+      cell: (info: any) => info.getValue(),
+      header: () => 'Last Name',
+      footer: (props: any) => props.column.id,
+      size: 180,
+    },
+    {
+      accessorKey: 'age',
+      id: 'age',
+      header: 'Age',
+      footer: (props: any) => props.column.id,
+      size: 180,
+    },
+    {
+      accessorKey: 'visits',
+      id: 'visits',
+      header: 'Visits',
+      footer: (props: any) => props.column.id,
+      size: 180,
+    },
+    {
+      accessorKey: 'status',
+      id: 'status',
+      header: 'Status',
+      footer: (props: any) => props.column.id,
+      size: 180,
+    },
+    {
+      accessorKey: 'progress',
+      id: 'progress',
+      header: 'Profile Progress',
+      footer: (props: any) => props.column.id,
+      size: 180,
+    },
+  ]
+
+  let data = $state(makeData(30))
+
+  const rerender = () => {
+    data = makeData(30)
+  }
+
+  const table = createTable(
+    {
+      _features,
+      _rowModels: {},
+      columns: defaultColumns,
+      get data() {
+        return data
+      },
+      debugTable: true,
+      debugHeaders: true,
+      debugColumns: true,
+      columnResizeMode: 'onChange',
+    },
+    (state) => state,
+  )
+
+  const randomizeColumns = () => {
+    table.setColumnOrder(
+      faker.helpers.shuffle(table.getAllLeafColumns().map((d) => d.id)),
+    )
+  }
+</script>
+
+<div class="p-2">
+  <div class="inline-block border border-black shadow rounded">
+    <div class="px-1 border-b border-black">
+      <label>
+        <input
+          type="checkbox"
+          checked={table.getIsAllColumnsVisible()}
+          onchange={table.getToggleAllColumnsVisibilityHandler()}
+        />
+        {' '}Toggle All
+      </label>
+    </div>
+    {#each table.getAllLeafColumns() as column}
+      <div class="px-1">
+        <label>
+          <input
+            type="checkbox"
+            checked={column.getIsVisible()}
+            onchange={column.getToggleVisibilityHandler()}
+          />
+          {' '}{column.id}
+        </label>
+      </div>
+    {/each}
+  </div>
+  <div class="h-4"></div>
+  <div class="flex flex-wrap gap-2">
+    <button onclick={() => rerender()} class="border p-1">
+      Regenerate
+    </button>
+    <button onclick={() => randomizeColumns()} class="border p-1">
+      Shuffle Columns
+    </button>
+  </div>
+  <div class="h-4"></div>
+  <div class="table-container">
+    <table style="width: {table.getTotalSize()}px">
+      <thead>
+        {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+          <tr>
+            {#each headerGroup.headers as header (header.id)}
+              {@const styles = getCommonPinningStyles(header.column)}
+              <th
+                colSpan={header.colSpan}
+                style="box-shadow: {styles.boxShadow ?? 'none'}; left: {styles.left ?? 'auto'}; right: {styles.right ?? 'auto'}; opacity: {styles.opacity}; position: {styles.position}; width: {styles.width}; z-index: {styles.zIndex}"
+              >
+                <div class="whitespace-nowrap">
+                  {#if !header.isPlaceholder}
+                    <FlexRender header={header} />
+                    {' '}
+                  {/if}
+                  {header.column.getIndex(header.column.getIsPinned() || 'center')}
+                </div>
+                {#if !header.isPlaceholder && header.column.getCanPin()}
+                  <div class="flex gap-1 justify-center">
+                    {#if header.column.getIsPinned() !== 'left'}
+                      <button
+                        class="border rounded px-2"
+                        onclick={() => header.column.pin('left')}
+                      >
+                        {'<='}
+                      </button>
+                    {/if}
+                    {#if header.column.getIsPinned()}
+                      <button
+                        class="border rounded px-2"
+                        onclick={() => header.column.pin(false)}
+                      >
+                        X
+                      </button>
+                    {/if}
+                    {#if header.column.getIsPinned() !== 'right'}
+                      <button
+                        class="border rounded px-2"
+                        onclick={() => header.column.pin('right')}
+                      >
+                        {'=>'}
+                      </button>
+                    {/if}
+                  </div>
+                {/if}
+                <!-- svelte-ignore a11y_no_static_element_interactions -->
+                <div
+                  ondblclick={() => header.column.resetSize()}
+                  onmousedown={header.getResizeHandler()}
+                  ontouchstart={header.getResizeHandler()}
+                  class="resizer {header.column.getIsResizing() ? 'isResizing' : ''}"
+                ></div>
+              </th>
+            {/each}
+          </tr>
+        {/each}
+      </thead>
+      <tbody>
+        {#each table.getRowModel().rows as row (row.id)}
+          <tr>
+            {#each row.getVisibleCells() as cell (cell.id)}
+              {@const styles = getCommonPinningStyles(cell.column)}
+              <td
+                style="box-shadow: {styles.boxShadow ?? 'none'}; left: {styles.left ?? 'auto'}; right: {styles.right ?? 'auto'}; opacity: {styles.opacity}; position: {styles.position}; width: {styles.width}; z-index: {styles.zIndex}"
+              >
+                <FlexRender cell={cell} />
+              </td>
+            {/each}
+          </tr>
+        {/each}
+      </tbody>
+    </table>
+  </div>
+  <pre>{JSON.stringify(table.state, null, 2)}</pre>
+</div>
diff --git a/examples/svelte/column-pinning-sticky/src/index.css b/examples/svelte/column-pinning-sticky/src/index.css
new file mode 100644
index 0000000000..799f30d2f4
--- /dev/null
+++ b/examples/svelte/column-pinning-sticky/src/index.css
@@ -0,0 +1,49 @@
+html {
+  font-family: sans-serif;
+  font-size: 14px;
+}
+
+.table-container {
+  border: 1px solid lightgray;
+  overflow-x: scroll;
+  width: 100%;
+  max-width: 960px;
+  position: relative;
+}
+
+table {
+  border-collapse: separate !important;
+  border-spacing: 0;
+}
+
+th {
+  background-color: lightgray;
+  border-bottom: 1px solid lightgray;
+  font-weight: bold;
+  height: 30px;
+  padding: 2px 4px;
+  position: relative;
+  text-align: center;
+}
+
+td {
+  background-color: white;
+  padding: 2px 4px;
+}
+
+.resizer {
+  background: rgba(0, 0, 0, 0.5);
+  cursor: col-resize;
+  height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+  touch-action: none;
+  user-select: none;
+  width: 5px;
+}
+
+.resizer.isResizing {
+  background: blue;
+  opacity: 1;
+}
diff --git a/examples/svelte/column-pinning-sticky/src/main.ts b/examples/svelte/column-pinning-sticky/src/main.ts
new file mode 100644
index 0000000000..2f4dd54dc3
--- /dev/null
+++ b/examples/svelte/column-pinning-sticky/src/main.ts
@@ -0,0 +1,9 @@
+// @ts-ignore
+import { mount } from 'svelte'
+import App from './App.svelte'
+
+const app = mount(App, {
+  target: document.getElementById('root')!,
+})
+
+export default app
diff --git a/examples/svelte/column-pinning-sticky/src/makeData.ts b/examples/svelte/column-pinning-sticky/src/makeData.ts
new file mode 100644
index 0000000000..4f96799246
--- /dev/null
+++ b/examples/svelte/column-pinning-sticky/src/makeData.ts
@@ -0,0 +1,47 @@
+import { faker } from '@faker-js/faker'
+
+export type Person = {
+  firstName: string
+  lastName: string
+  age: number
+  visits: number
+  progress: number
+  status: 'relationship' | 'complicated' | 'single'
+  subRows?: Array<Person>
+}
+
+const range = (len: number) => {
+  const arr: Array<number> = []
+  for (let i = 0; i < len; i++) {
+    arr.push(i)
+  }
+  return arr
+}
+
+const newPerson = (): Person => {
+  return {
+    firstName: faker.person.firstName(),
+    lastName: faker.person.lastName(),
+    age: faker.number.int(40),
+    visits: faker.number.int(1000),
+    progress: faker.number.int(100),
+    status: faker.helpers.shuffle<Person['status']>([
+      'relationship',
+      'complicated',
+      'single',
+    ])[0]!,
+  }
+}
+
+export function makeData(...lens: Array<number>) {
+  const makeDataLevel = (depth = 0): Array<Person> => {
+    const len = lens[depth]!
+    return range(len).map((): Person => {
+      return {
+        ...newPerson(),
+        subRows: lens[depth + 1] ? makeDataLevel(depth + 1) : undefined,
+      }
+    })
+  }
+  return makeDataLevel()
+}
diff --git a/examples/svelte/column-pinning-sticky/svelte.config.js b/examples/svelte/column-pinning-sticky/svelte.config.js
new file mode 100644
index 0000000000..8abe4369b8
--- /dev/null
+++ b/examples/svelte/column-pinning-sticky/svelte.config.js
@@ -0,0 +1,5 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  preprocess: vitePreprocess(),
+}
diff --git a/examples/svelte/column-pinning-sticky/tsconfig.json b/examples/svelte/column-pinning-sticky/tsconfig.json
new file mode 100644
index 0000000000..e44d928411
--- /dev/null
+++ b/examples/svelte/column-pinning-sticky/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/examples/svelte/column-pinning-sticky/vite.config.js b/examples/svelte/column-pinning-sticky/vite.config.js
new file mode 100644
index 0000000000..c6ced40a24
--- /dev/null
+++ b/examples/svelte/column-pinning-sticky/vite.config.js
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import rollupReplace from '@rollup/plugin-replace'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    rollupReplace({
+      preventAssignment: true,
+      values: {
+        __DEV__: JSON.stringify(true),
+        'process.env.NODE_ENV': JSON.stringify('development'),
+      },
+    }),
+    svelte(),
+  ],
+})
diff --git a/examples/svelte/column-pinning/src/App.svelte b/examples/svelte/column-pinning/src/App.svelte
index 70c02eb7bc..9800eaf3b4 100644
--- a/examples/svelte/column-pinning/src/App.svelte
+++ b/examples/svelte/column-pinning/src/App.svelte
@@ -127,10 +127,7 @@
   <th colSpan={header.colSpan}>
     <div class="whitespace-nowrap">
       {#if !header.isPlaceholder}
-        <FlexRender
-          content={header.column.columnDef.header}
-          context={header.getContext()}
-        />
+        <FlexRender header={header} />
       {/if}
     </div>
     {#if !header.isPlaceholder && header.column.getCanPin()}
@@ -226,23 +223,20 @@
     {#if isSplit}
       <table class="border-2 border-black">
         <thead>
-          {#each table.getLeftHeaderGroups() as headerGroup}
+          {#each table.getLeftHeaderGroups() as headerGroup (headerGroup.id)}
             <tr>
-              {#each headerGroup.headers as header}
+              {#each headerGroup.headers as header (header.id)}
                 {@render headerCell(header)}
               {/each}
             </tr>
           {/each}
         </thead>
         <tbody>
-          {#each table.getCoreRowModel().rows.slice(0, 20) as row}
+          {#each table.getCoreRowModel().rows.slice(0, 20) as row (row.id)}
             <tr>
-              {#each row.getLeftVisibleCells() as cell}
+              {#each row.getLeftVisibleCells() as cell (cell.id)}
                 <td>
-                  <FlexRender
-                    content={cell.column.columnDef.cell}
-                    context={cell.getContext()}
-                  />
+                  <FlexRender cell={cell} />
                 </td>
               {/each}
             </tr>
@@ -252,23 +246,20 @@
     {/if}
     <table class="border-2 border-black">
       <thead>
-        {#each isSplit ? table.getCenterHeaderGroups() : table.getHeaderGroups() as headerGroup}
+        {#each isSplit ? table.getCenterHeaderGroups() : table.getHeaderGroups() as headerGroup (headerGroup.id)}
           <tr>
-            {#each headerGroup.headers as header}
+            {#each headerGroup.headers as header (header.id)}
               {@render headerCell(header)}
             {/each}
           </tr>
         {/each}
       </thead>
       <tbody>
-        {#each table.getCoreRowModel().rows.slice(0, 20) as row}
+        {#each table.getCoreRowModel().rows.slice(0, 20) as row (row.id)}
           <tr>
-            {#each isSplit ? row.getCenterVisibleCells() : row.getVisibleCells() as cell}
+            {#each isSplit ? row.getCenterVisibleCells() : row.getVisibleCells() as cell (cell.id)}
               <td>
-                <FlexRender
-                  content={cell.column.columnDef.cell}
-                  context={cell.getContext()}
-                />
+                <FlexRender cell={cell} />
               </td>
             {/each}
           </tr>
@@ -278,23 +269,20 @@
     {#if isSplit}
       <table class="border-2 border-black">
         <thead>
-          {#each table.getRightHeaderGroups() as headerGroup}
+          {#each table.getRightHeaderGroups() as headerGroup (headerGroup.id)}
             <tr>
-              {#each headerGroup.headers as header}
+              {#each headerGroup.headers as header (header.id)}
                 {@render headerCell(header)}
               {/each}
             </tr>
           {/each}
         </thead>
         <tbody>
-          {#each table.getRowModel().rows.slice(0, 20) as row}
+          {#each table.getRowModel().rows.slice(0, 20) as row (row.id)}
             <tr>
-              {#each row.getRightVisibleCells() as cell}
+              {#each row.getRightVisibleCells() as cell (cell.id)}
                 <td>
-                  <FlexRender
-                    content={cell.column.columnDef.cell}
-                    context={cell.getContext()}
-                  />
+                  <FlexRender cell={cell} />
                 </td>
               {/each}
             </tr>
diff --git a/examples/svelte/column-resizing-performant/.gitignore b/examples/svelte/column-resizing-performant/.gitignore
new file mode 100644
index 0000000000..2de1736a62
--- /dev/null
+++ b/examples/svelte/column-resizing-performant/.gitignore
@@ -0,0 +1,8 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+src/**/*.d.ts
+src/**/*.map
diff --git a/examples/svelte/column-resizing-performant/index.html b/examples/svelte/column-resizing-performant/index.html
new file mode 100644
index 0000000000..6ab1dd7e51
--- /dev/null
+++ b/examples/svelte/column-resizing-performant/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+    <script type="module" src="https://cdn.skypack.dev/twind/shim"></script>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/svelte/column-resizing-performant/package.json b/examples/svelte/column-resizing-performant/package.json
new file mode 100644
index 0000000000..3aaa534c17
--- /dev/null
+++ b/examples/svelte/column-resizing-performant/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "tanstack-table-example-svelte-column-resizing-performant",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint ./src"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^10.4.0",
+    "@rollup/plugin-replace": "^6.0.3",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@tanstack/svelte-table": "^9.0.0-alpha.10",
+    "@tsconfig/svelte": "^5.0.8",
+    "svelte": "^5.55.1",
+    "svelte-check": "^4.4.6",
+    "typescript": "6.0.2",
+    "vite": "^8.0.3"
+  }
+}
diff --git a/examples/svelte/column-resizing-performant/src/App.svelte b/examples/svelte/column-resizing-performant/src/App.svelte
new file mode 100644
index 0000000000..952fb35523
--- /dev/null
+++ b/examples/svelte/column-resizing-performant/src/App.svelte
@@ -0,0 +1,163 @@
+<script lang="ts">
+  import {
+    columnResizingFeature,
+    columnSizingFeature,
+    createColumnHelper,
+    createTable,
+    FlexRender,
+    tableFeatures,
+  } from '@tanstack/svelte-table'
+  import { makeData } from './makeData'
+  import type { Person } from './makeData'
+  import './index.css'
+
+  const _features = tableFeatures({
+    columnSizingFeature,
+    columnResizingFeature,
+  })
+
+  const columnHelper = createColumnHelper<typeof _features, Person>()
+
+  const columns = columnHelper.columns([
+    columnHelper.group({
+      header: 'Name',
+      footer: (props) => props.column.id,
+      columns: columnHelper.columns([
+        columnHelper.accessor('firstName', {
+          cell: (info) => info.getValue(),
+          footer: (props) => props.column.id,
+        }),
+        columnHelper.accessor((row) => row.lastName, {
+          id: 'lastName',
+          cell: (info) => info.getValue(),
+          header: () => 'Last Name',
+          footer: (props) => props.column.id,
+        }),
+      ]),
+    }),
+    columnHelper.group({
+      header: 'Info',
+      footer: (props) => props.column.id,
+      columns: columnHelper.columns([
+        columnHelper.accessor('age', {
+          header: () => 'Age',
+          footer: (props) => props.column.id,
+        }),
+        columnHelper.accessor('visits', {
+          header: () => 'Visits',
+          footer: (props) => props.column.id,
+        }),
+        columnHelper.accessor('status', {
+          header: 'Status',
+          footer: (props) => props.column.id,
+        }),
+        columnHelper.accessor('progress', {
+          header: 'Profile Progress',
+          footer: (props) => props.column.id,
+        }),
+      ]),
+    }),
+  ])
+
+  let data = $state(makeData(200))
+
+  const table = createTable(
+    {
+      _features,
+      _rowModels: {},
+      columns,
+      get data() {
+        return data
+      },
+      defaultColumn: { minSize: 60, maxSize: 800 },
+      columnResizeMode: 'onChange',
+      debugTable: true,
+      debugHeaders: true,
+      debugColumns: true,
+    },
+    (state) => ({
+      columnSizing: state.columnSizing,
+      columnResizing: state.columnResizing,
+    }),
+  )
+
+  function getColumnSizeVars() {
+    const headers = table.getFlatHeaders()
+    const colSizes: Record<string, number> = {}
+    for (const header of headers) {
+      colSizes[`--header-${header.id}-size`] = header.getSize()
+      colSizes[`--col-${header.column.id}-size`] = header.column.getSize()
+    }
+    return colSizes
+  }
+
+  function colSizeVarsToStyle(vars: Record<string, number>) {
+    return Object.entries(vars)
+      .map(([key, value]) => `${key}: ${value}`)
+      .join('; ')
+  }
+</script>
+
+<div class="p-2">
+  <i>
+    This example has artificially slow cell renders to simulate complex usage
+  </i>
+  <div class="h-4"></div>
+  <pre style="min-height: 10rem">
+    {JSON.stringify(table.store.state, null, 2)}
+  </pre>
+  <div class="h-4"></div>
+  ({data.length} rows)
+  <div class="overflow-x-auto">
+    <div
+      class="divTable"
+      style="{colSizeVarsToStyle(getColumnSizeVars())}; width: {table.getTotalSize()}px"
+    >
+      <div class="thead">
+        {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+          <div class="tr">
+            {#each headerGroup.headers as header (header.id)}
+              <div
+                class="th"
+                style="width: calc(var(--header-{header.id}-size) * 1px)"
+              >
+                {#if !header.isPlaceholder}
+                  <FlexRender header={header} />
+                {/if}
+                <div
+                  ondblclick={() => header.column.resetSize()}
+                  onmousedown={header.getResizeHandler()}
+                  ontouchstart={header.getResizeHandler()}
+                  aria-hidden="true"
+                  class="resizer {header.column.getIsResizing()
+                    ? 'isResizing'
+                    : ''}"
+                ></div>
+              </div>
+            {/each}
+          </div>
+        {/each}
+      </div>
+      <div class="tbody">
+        {#each table.getRowModel().rows as row (row.id)}
+          <div class="tr">
+            {#each row.getAllCells() as cell (cell.id)}
+              {@const _ = (() => {
+                // simulate expensive render
+                for (const _i of Array.from({ length: 10000 })) {
+                  Math.random()
+                }
+              })()}
+              <div
+                class="td"
+                style="width: calc(var(--col-{cell.column.id}-size) * 1px)"
+              >
+                {cell.renderValue()}
+              </div>
+            {/each}
+          </div>
+        {/each}
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/examples/svelte/column-resizing-performant/src/index.css b/examples/svelte/column-resizing-performant/src/index.css
new file mode 100644
index 0000000000..e5ad2ab030
--- /dev/null
+++ b/examples/svelte/column-resizing-performant/src/index.css
@@ -0,0 +1,72 @@
+* {
+  box-sizing: border-box;
+}
+
+html {
+  font-family: sans-serif;
+  font-size: 14px;
+}
+
+table,
+.divTable {
+  border: 1px solid lightgray;
+  width: fit-content;
+}
+
+.tr {
+  display: flex;
+}
+
+tr,
+.tr {
+  width: fit-content;
+  height: 30px;
+}
+
+th,
+.th,
+td,
+.td {
+  box-shadow: inset 0 0 0 1px lightgray;
+  padding: 0.25rem;
+}
+
+th,
+.th {
+  padding: 2px 4px;
+  position: relative;
+  font-weight: bold;
+  text-align: center;
+  height: 30px;
+}
+
+td,
+.td {
+  height: 30px;
+}
+
+.resizer {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  width: 5px;
+  background: rgba(0, 0, 0, 0.5);
+  cursor: col-resize;
+  user-select: none;
+  touch-action: none;
+}
+
+.resizer.isResizing {
+  background: blue;
+  opacity: 1;
+}
+
+@media (hover: hover) {
+  .resizer {
+    opacity: 0;
+  }
+
+  *:hover > .resizer {
+    opacity: 1;
+  }
+}
diff --git a/examples/svelte/column-resizing-performant/src/main.ts b/examples/svelte/column-resizing-performant/src/main.ts
new file mode 100644
index 0000000000..2f4dd54dc3
--- /dev/null
+++ b/examples/svelte/column-resizing-performant/src/main.ts
@@ -0,0 +1,9 @@
+// @ts-ignore
+import { mount } from 'svelte'
+import App from './App.svelte'
+
+const app = mount(App, {
+  target: document.getElementById('root')!,
+})
+
+export default app
diff --git a/examples/svelte/column-resizing-performant/src/makeData.ts b/examples/svelte/column-resizing-performant/src/makeData.ts
new file mode 100644
index 0000000000..8675eacca6
--- /dev/null
+++ b/examples/svelte/column-resizing-performant/src/makeData.ts
@@ -0,0 +1,43 @@
+import { faker } from '@faker-js/faker'
+
+export type Person = {
+  firstName: string
+  lastName: string
+  age: number
+  visits: number
+  progress: number
+  status: 'relationship' | 'complicated' | 'single'
+  subRows?: Array<Person>
+}
+
+const range = (len: number) => {
+  const arr: Array<number> = []
+  for (let i = 0; i < len; i++) arr.push(i)
+  return arr
+}
+
+const newPerson = (): Person => ({
+  firstName: faker.person.firstName(),
+  lastName: faker.person.lastName(),
+  age: faker.number.int(40),
+  visits: faker.number.int(1000),
+  progress: faker.number.int(100),
+  status: faker.helpers.shuffle<Person['status']>([
+    'relationship',
+    'complicated',
+    'single',
+  ])[0]!,
+})
+
+export function makeData(...lens: Array<number>) {
+  const makeDataLevel = (depth = 0): Array<Person> => {
+    const len = lens[depth]!
+    return range(len).map(
+      (): Person => ({
+        ...newPerson(),
+        subRows: lens[depth + 1] ? makeDataLevel(depth + 1) : undefined,
+      }),
+    )
+  }
+  return makeDataLevel()
+}
diff --git a/examples/svelte/column-resizing-performant/svelte.config.js b/examples/svelte/column-resizing-performant/svelte.config.js
new file mode 100644
index 0000000000..8abe4369b8
--- /dev/null
+++ b/examples/svelte/column-resizing-performant/svelte.config.js
@@ -0,0 +1,5 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  preprocess: vitePreprocess(),
+}
diff --git a/examples/svelte/column-resizing-performant/tsconfig.json b/examples/svelte/column-resizing-performant/tsconfig.json
new file mode 100644
index 0000000000..e44d928411
--- /dev/null
+++ b/examples/svelte/column-resizing-performant/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/examples/svelte/column-resizing-performant/vite.config.js b/examples/svelte/column-resizing-performant/vite.config.js
new file mode 100644
index 0000000000..c6ced40a24
--- /dev/null
+++ b/examples/svelte/column-resizing-performant/vite.config.js
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import rollupReplace from '@rollup/plugin-replace'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    rollupReplace({
+      preventAssignment: true,
+      values: {
+        __DEV__: JSON.stringify(true),
+        'process.env.NODE_ENV': JSON.stringify('development'),
+      },
+    }),
+    svelte(),
+  ],
+})
diff --git a/examples/svelte/column-resizing/.gitignore b/examples/svelte/column-resizing/.gitignore
new file mode 100644
index 0000000000..2de1736a62
--- /dev/null
+++ b/examples/svelte/column-resizing/.gitignore
@@ -0,0 +1,8 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+src/**/*.d.ts
+src/**/*.map
diff --git a/examples/svelte/column-resizing/index.html b/examples/svelte/column-resizing/index.html
new file mode 100644
index 0000000000..6ab1dd7e51
--- /dev/null
+++ b/examples/svelte/column-resizing/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+    <script type="module" src="https://cdn.skypack.dev/twind/shim"></script>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/svelte/column-resizing/package.json b/examples/svelte/column-resizing/package.json
new file mode 100644
index 0000000000..5a67e27942
--- /dev/null
+++ b/examples/svelte/column-resizing/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "tanstack-table-example-svelte-column-resizing",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint ./src"
+  },
+  "devDependencies": {
+    "@rollup/plugin-replace": "^6.0.3",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@tanstack/svelte-table": "^9.0.0-alpha.10",
+    "@tsconfig/svelte": "^5.0.8",
+    "svelte": "^5.55.1",
+    "svelte-check": "^4.4.6",
+    "typescript": "6.0.2",
+    "vite": "^8.0.3"
+  }
+}
diff --git a/examples/svelte/column-resizing/src/App.svelte b/examples/svelte/column-resizing/src/App.svelte
new file mode 100644
index 0000000000..7f32c63b2c
--- /dev/null
+++ b/examples/svelte/column-resizing/src/App.svelte
@@ -0,0 +1,300 @@
+<script lang="ts">
+  import {
+    columnResizingFeature,
+    columnSizingFeature,
+    createColumnHelper,
+    createTable,
+    FlexRender,
+    tableFeatures,
+  } from '@tanstack/svelte-table'
+  import type {
+    ColumnResizeDirection,
+    ColumnResizeMode,
+  } from '@tanstack/svelte-table'
+  import './index.css'
+
+  const _features = tableFeatures({
+    columnResizingFeature,
+    columnSizingFeature,
+  })
+
+  type Person = {
+    firstName: string
+    lastName: string
+    age: number
+    visits: number
+    status: string
+    progress: number
+  }
+
+  const defaultData: Array<Person> = [
+    {
+      firstName: 'tanner',
+      lastName: 'linsley',
+      age: 24,
+      visits: 100,
+      status: 'In Relationship',
+      progress: 50,
+    },
+    {
+      firstName: 'tandy',
+      lastName: 'miller',
+      age: 40,
+      visits: 40,
+      status: 'Single',
+      progress: 80,
+    },
+    {
+      firstName: 'joe',
+      lastName: 'dirte',
+      age: 45,
+      visits: 20,
+      status: 'Complicated',
+      progress: 10,
+    },
+  ]
+
+  const columnHelper = createColumnHelper<typeof _features, Person>()
+
+  const columns = columnHelper.columns([
+    columnHelper.group({
+      header: 'Name',
+      footer: (props) => props.column.id,
+      columns: columnHelper.columns([
+        columnHelper.accessor('firstName', {
+          cell: (info) => info.getValue(),
+          footer: (props) => props.column.id,
+        }),
+        columnHelper.accessor((row) => row.lastName, {
+          id: 'lastName',
+          cell: (info) => info.getValue(),
+          header: () => 'Last Name',
+          footer: (props) => props.column.id,
+        }),
+      ]),
+    }),
+    columnHelper.group({
+      header: 'Info',
+      footer: (props) => props.column.id,
+      columns: columnHelper.columns([
+        columnHelper.accessor('age', {
+          header: () => 'Age',
+          footer: (props) => props.column.id,
+        }),
+        columnHelper.group({
+          header: 'More Info',
+          columns: columnHelper.columns([
+            columnHelper.accessor('visits', {
+              header: () => 'Visits',
+              footer: (props) => props.column.id,
+            }),
+            columnHelper.accessor('status', {
+              header: 'Status',
+              footer: (props) => props.column.id,
+            }),
+            columnHelper.accessor('progress', {
+              header: 'Profile Progress',
+              footer: (props) => props.column.id,
+            }),
+          ]),
+        }),
+      ]),
+    }),
+  ])
+
+  let data = $state([...defaultData])
+  let columnResizeMode = $state<ColumnResizeMode>('onChange')
+  let columnResizeDirection = $state<ColumnResizeDirection>('ltr')
+
+  const table = createTable(
+    {
+      _features,
+      _rowModels: {},
+      columns,
+      get data() {
+        return data
+      },
+      get columnResizeMode() {
+        return columnResizeMode
+      },
+      get columnResizeDirection() {
+        return columnResizeDirection
+      },
+      debugTable: true,
+      debugHeaders: true,
+      debugColumns: true,
+    },
+    (state) => state,
+  )
+
+  function resizerTransform(
+    header: ReturnType<typeof table.getHeaderGroups>[number]['headers'][number],
+  ) {
+    if (columnResizeMode === 'onEnd' && header.column.getIsResizing()) {
+      const delta = table.store.state.columnResizing.deltaOffset ?? 0
+      const dir = table.options.columnResizeDirection === 'rtl' ? -1 : 1
+      return `translateX(${dir * delta}px)`
+    }
+    return ''
+  }
+</script>
+
+<div class="p-2">
+  <select
+    value={columnResizeMode}
+    onchange={(e) => {
+      columnResizeMode = (e.target as HTMLSelectElement).value as ColumnResizeMode
+    }}
+    class="border p-2 border-black rounded"
+  >
+    <option value="onEnd">Resize: "onEnd"</option>
+    <option value="onChange">Resize: "onChange"</option>
+  </select>
+  <select
+    value={columnResizeDirection}
+    onchange={(e) => {
+      columnResizeDirection = (e.target as HTMLSelectElement)
+        .value as ColumnResizeDirection
+    }}
+    class="border p-2 border-black rounded"
+  >
+    <option value="ltr">Resize Direction: "ltr"</option>
+    <option value="rtl">Resize Direction: "rtl"</option>
+  </select>
+  <div style:direction={table.options.columnResizeDirection}>
+    <div class="h-4"></div>
+    <div class="text-xl">{'<table/>'}</div>
+    <div class="overflow-x-auto">
+      <table style="width: {table.getCenterTotalSize()}px">
+        <thead>
+          {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+            <tr>
+              {#each headerGroup.headers as header (header.id)}
+                <th
+                  colSpan={header.colSpan}
+                  style="width: {header.getSize()}px"
+                >
+                  {#if !header.isPlaceholder}
+                    <FlexRender header={header} />
+                  {/if}
+                  <div
+                    ondblclick={() => header.column.resetSize()}
+                    onmousedown={header.getResizeHandler()}
+                    ontouchstart={header.getResizeHandler()}
+                    aria-hidden="true"
+                    class="resizer {table.options
+                      .columnResizeDirection} {header.column.getIsResizing()
+                      ? 'isResizing'
+                      : ''}"
+                    style="transform: {resizerTransform(header)}"
+                  ></div>
+                </th>
+              {/each}
+            </tr>
+          {/each}
+        </thead>
+        <tbody>
+          {#each table.getRowModel().rows as row (row.id)}
+            <tr>
+              {#each row.getAllCells() as cell (cell.id)}
+                <td style="width: {cell.column.getSize()}px">
+                  <FlexRender cell={cell} />
+                </td>
+              {/each}
+            </tr>
+          {/each}
+        </tbody>
+      </table>
+    </div>
+    <div class="h-4"></div>
+    <div class="text-xl">{'<div/> (relative)'}</div>
+    <div class="overflow-x-auto">
+      <div class="divTable" style="width: {table.getTotalSize()}px">
+        <div class="thead">
+          {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+            <div class="tr">
+              {#each headerGroup.headers as header (header.id)}
+                <div class="th" style="width: {header.getSize()}px">
+                  {#if !header.isPlaceholder}
+                    <FlexRender header={header} />
+                  {/if}
+                  <div
+                    ondblclick={() => header.column.resetSize()}
+                    onmousedown={header.getResizeHandler()}
+                    ontouchstart={header.getResizeHandler()}
+                    aria-hidden="true"
+                    class="resizer {table.options
+                      .columnResizeDirection} {header.column.getIsResizing()
+                      ? 'isResizing'
+                      : ''}"
+                    style="transform: {resizerTransform(header)}"
+                  ></div>
+                </div>
+              {/each}
+            </div>
+          {/each}
+        </div>
+        <div class="tbody">
+          {#each table.getRowModel().rows as row (row.id)}
+            <div class="tr">
+              {#each row.getAllCells() as cell (cell.id)}
+                <div class="td" style="width: {cell.column.getSize()}px">
+                  <FlexRender cell={cell} />
+                </div>
+              {/each}
+            </div>
+          {/each}
+        </div>
+      </div>
+    </div>
+    <div class="h-4"></div>
+    <div class="text-xl">{'<div/> (absolute positioning)'}</div>
+    <div class="overflow-x-auto">
+      <div class="divTable" style="width: {table.getTotalSize()}px">
+        <div class="thead">
+          {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+            <div class="tr" style="position: relative">
+              {#each headerGroup.headers as header (header.id)}
+                <div
+                  class="th"
+                  style="position: absolute; left: {header.getStart()}px; width: {header.getSize()}px"
+                >
+                  {#if !header.isPlaceholder}
+                    <FlexRender header={header} />
+                  {/if}
+                  <div
+                    ondblclick={() => header.column.resetSize()}
+                    onmousedown={header.getResizeHandler()}
+                    ontouchstart={header.getResizeHandler()}
+                    aria-hidden="true"
+                    class="resizer {table.options
+                      .columnResizeDirection} {header.column.getIsResizing()
+                      ? 'isResizing'
+                      : ''}"
+                    style="transform: {resizerTransform(header)}"
+                  ></div>
+                </div>
+              {/each}
+            </div>
+          {/each}
+        </div>
+        <div class="tbody">
+          {#each table.getRowModel().rows as row (row.id)}
+            <div class="tr" style="position: relative">
+              {#each row.getAllCells() as cell (cell.id)}
+                <div
+                  class="td"
+                  style="position: absolute; left: {cell.column.getStart()}px; width: {cell.column.getSize()}px"
+                >
+                  <FlexRender cell={cell} />
+                </div>
+              {/each}
+            </div>
+          {/each}
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="h-4"></div>
+  <pre>{JSON.stringify(table.store.state, null, 2)}</pre>
+</div>
diff --git a/examples/svelte/column-resizing/src/index.css b/examples/svelte/column-resizing/src/index.css
new file mode 100644
index 0000000000..5a32330d58
--- /dev/null
+++ b/examples/svelte/column-resizing/src/index.css
@@ -0,0 +1,80 @@
+* {
+  box-sizing: border-box;
+}
+
+html {
+  font-family: sans-serif;
+  font-size: 14px;
+}
+
+table,
+.divTable {
+  border: 1px solid lightgray;
+  width: fit-content;
+}
+
+.tr {
+  display: flex;
+}
+
+tr,
+.tr {
+  width: fit-content;
+  height: 30px;
+}
+
+th,
+.th,
+td,
+.td {
+  box-shadow: inset 0 0 0 1px lightgray;
+  padding: 0.25rem;
+}
+
+th,
+.th {
+  padding: 2px 4px;
+  position: relative;
+  font-weight: bold;
+  text-align: center;
+  height: 30px;
+}
+
+td,
+.td {
+  height: 30px;
+}
+
+.resizer {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  width: 5px;
+  background: rgba(0, 0, 0, 0.5);
+  cursor: col-resize;
+  user-select: none;
+  touch-action: none;
+}
+
+.resizer.ltr {
+  right: 0;
+}
+
+.resizer.rtl {
+  left: 0;
+}
+
+.resizer.isResizing {
+  background: blue;
+  opacity: 1;
+}
+
+@media (hover: hover) {
+  .resizer {
+    opacity: 0;
+  }
+
+  *:hover > .resizer {
+    opacity: 1;
+  }
+}
diff --git a/examples/svelte/column-resizing/src/main.ts b/examples/svelte/column-resizing/src/main.ts
new file mode 100644
index 0000000000..2f4dd54dc3
--- /dev/null
+++ b/examples/svelte/column-resizing/src/main.ts
@@ -0,0 +1,9 @@
+// @ts-ignore
+import { mount } from 'svelte'
+import App from './App.svelte'
+
+const app = mount(App, {
+  target: document.getElementById('root')!,
+})
+
+export default app
diff --git a/examples/svelte/column-resizing/svelte.config.js b/examples/svelte/column-resizing/svelte.config.js
new file mode 100644
index 0000000000..8abe4369b8
--- /dev/null
+++ b/examples/svelte/column-resizing/svelte.config.js
@@ -0,0 +1,5 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  preprocess: vitePreprocess(),
+}
diff --git a/examples/svelte/column-resizing/tsconfig.json b/examples/svelte/column-resizing/tsconfig.json
new file mode 100644
index 0000000000..e44d928411
--- /dev/null
+++ b/examples/svelte/column-resizing/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/examples/svelte/column-resizing/vite.config.js b/examples/svelte/column-resizing/vite.config.js
new file mode 100644
index 0000000000..c6ced40a24
--- /dev/null
+++ b/examples/svelte/column-resizing/vite.config.js
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import rollupReplace from '@rollup/plugin-replace'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    rollupReplace({
+      preventAssignment: true,
+      values: {
+        __DEV__: JSON.stringify(true),
+        'process.env.NODE_ENV': JSON.stringify('development'),
+      },
+    }),
+    svelte(),
+  ],
+})
diff --git a/examples/svelte/column-sizing/.gitignore b/examples/svelte/column-sizing/.gitignore
new file mode 100644
index 0000000000..2de1736a62
--- /dev/null
+++ b/examples/svelte/column-sizing/.gitignore
@@ -0,0 +1,8 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+src/**/*.d.ts
+src/**/*.map
diff --git a/examples/svelte/column-sizing/index.html b/examples/svelte/column-sizing/index.html
new file mode 100644
index 0000000000..6ab1dd7e51
--- /dev/null
+++ b/examples/svelte/column-sizing/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+    <script type="module" src="https://cdn.skypack.dev/twind/shim"></script>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/svelte/basic/package.json b/examples/svelte/column-sizing/package.json
similarity index 90%
rename from examples/svelte/basic/package.json
rename to examples/svelte/column-sizing/package.json
index b0cf8a287d..a48f8c8649 100644
--- a/examples/svelte/basic/package.json
+++ b/examples/svelte/column-sizing/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "tanstack-table-example-svelte-basic",
+  "name": "tanstack-table-example-svelte-column-sizing",
   "version": "0.0.0",
   "private": true,
   "type": "module",
diff --git a/examples/svelte/column-sizing/src/App.svelte b/examples/svelte/column-sizing/src/App.svelte
new file mode 100644
index 0000000000..efbba84ab9
--- /dev/null
+++ b/examples/svelte/column-sizing/src/App.svelte
@@ -0,0 +1,232 @@
+<script lang="ts">
+  import {
+    columnSizingFeature,
+    createColumnHelper,
+    createTable,
+    FlexRender,
+    tableFeatures,
+  } from '@tanstack/svelte-table'
+  import './index.css'
+
+  const _features = tableFeatures({ columnSizingFeature })
+
+  type Person = {
+    firstName: string
+    lastName: string
+    age: number
+    visits: number
+    status: string
+    progress: number
+  }
+
+  const defaultData: Array<Person> = [
+    {
+      firstName: 'tanner',
+      lastName: 'linsley',
+      age: 24,
+      visits: 100,
+      status: 'In Relationship',
+      progress: 50,
+    },
+    {
+      firstName: 'tandy',
+      lastName: 'miller',
+      age: 40,
+      visits: 40,
+      status: 'Single',
+      progress: 80,
+    },
+    {
+      firstName: 'joe',
+      lastName: 'dirte',
+      age: 45,
+      visits: 20,
+      status: 'Complicated',
+      progress: 10,
+    },
+  ]
+
+  const columnHelper = createColumnHelper<typeof _features, Person>()
+
+  const columns = columnHelper.columns([
+    columnHelper.accessor('firstName', {
+      cell: (info) => info.getValue(),
+      footer: (props) => props.column.id,
+      size: 120,
+    }),
+    columnHelper.accessor((row) => row.lastName, {
+      id: 'lastName',
+      cell: (info) => info.getValue(),
+      header: () => 'Last Name',
+      footer: (props) => props.column.id,
+      size: 120,
+    }),
+    columnHelper.accessor('age', {
+      header: () => 'Age',
+      footer: (props) => props.column.id,
+      size: 100,
+    }),
+    columnHelper.accessor('visits', {
+      header: () => 'Visits',
+      footer: (props) => props.column.id,
+      size: 80,
+    }),
+    columnHelper.accessor('status', {
+      header: 'Status',
+      footer: (props) => props.column.id,
+      size: 200,
+    }),
+    columnHelper.accessor('progress', {
+      header: 'Profile Progress',
+      footer: (props) => props.column.id,
+      size: 200,
+    }),
+  ])
+
+  let data = $state([...defaultData])
+
+  const table = createTable(
+    {
+      _features,
+      _rowModels: {},
+      columns,
+      get data() {
+        return data
+      },
+      debugTable: true,
+      debugHeaders: true,
+      debugColumns: true,
+    },
+    (state) => state,
+  )
+</script>
+
+<div class="p-2">
+  <div class="flex flex-wrap gap-2">
+    <div class="text-xl">Initial Column Sizes</div>
+    <br />
+    {#each table.getAllColumns() as column}
+      <div>
+        <label>
+          {column.id}
+          <input
+            type="number"
+            value={column.getSize()}
+            oninput={(e) => {
+              table.setColumnSizing({
+                ...table.store.state.columnSizing,
+                [column.id]: Number((e.target as HTMLInputElement).value),
+              })
+            }}
+            class="border rounded p-1 w-24 ml-2"
+          />
+        </label>
+      </div>
+    {/each}
+  </div>
+  <div class="flex gap-2"></div>
+  <div class="h-4"></div>
+  <div class="text-xl">{'<table/>'}</div>
+  <div class="overflow-x-auto">
+    <table style="width: {table.getCenterTotalSize()}px">
+      <thead>
+        {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+          <tr>
+            {#each headerGroup.headers as header (header.id)}
+              <th
+                colSpan={header.colSpan}
+                style="width: {header.getSize()}px"
+              >
+                {#if !header.isPlaceholder}
+                  <FlexRender header={header} />
+                {/if}
+                <div></div>
+              </th>
+            {/each}
+          </tr>
+        {/each}
+      </thead>
+      <tbody>
+        {#each table.getRowModel().rows as row (row.id)}
+          <tr>
+            {#each row.getAllCells() as cell (cell.id)}
+              <td style="width: {cell.column.getSize()}px">
+                <FlexRender cell={cell} />
+              </td>
+            {/each}
+          </tr>
+        {/each}
+      </tbody>
+    </table>
+  </div>
+  <div class="h-4"></div>
+  <div class="text-xl">{'<div/> (relative)'}</div>
+  <div class="overflow-x-auto">
+    <div class="divTable" style="width: {table.getTotalSize()}px">
+      <div class="thead">
+        {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+          <div class="tr">
+            {#each headerGroup.headers as header (header.id)}
+              <div class="th" style="width: {header.getSize()}px">
+                {#if !header.isPlaceholder}
+                  <FlexRender header={header} />
+                {/if}
+                <div></div>
+              </div>
+            {/each}
+          </div>
+        {/each}
+      </div>
+      <div class="tbody">
+        {#each table.getRowModel().rows as row (row.id)}
+          <div class="tr">
+            {#each row.getAllCells() as cell (cell.id)}
+              <div class="td" style="width: {cell.column.getSize()}px">
+                <FlexRender cell={cell} />
+              </div>
+            {/each}
+          </div>
+        {/each}
+      </div>
+    </div>
+  </div>
+  <div class="h-4"></div>
+  <div class="text-xl">{'<div/> (absolute positioning)'}</div>
+  <div class="overflow-x-auto">
+    <div class="divTable" style="width: {table.getTotalSize()}px">
+      <div class="thead">
+        {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+          <div class="tr" style="position: relative">
+            {#each headerGroup.headers as header (header.id)}
+              <div
+                class="th"
+                style="position: absolute; left: {header.getStart()}px; width: {header.getSize()}px"
+              >
+                {#if !header.isPlaceholder}
+                  <FlexRender header={header} />
+                {/if}
+                <div></div>
+              </div>
+            {/each}
+          </div>
+        {/each}
+      </div>
+      <div class="tbody">
+        {#each table.getRowModel().rows as row (row.id)}
+          <div class="tr" style="position: relative">
+            {#each row.getAllCells() as cell (cell.id)}
+              <div
+                class="td"
+                style="position: absolute; left: {cell.column.getStart()}px; width: {cell.column.getSize()}px"
+              >
+                <FlexRender cell={cell} />
+              </div>
+            {/each}
+          </div>
+        {/each}
+      </div>
+    </div>
+  </div>
+  <div class="h-4"></div>
+  <pre>{JSON.stringify(table.store.state, null, 2)}</pre>
+</div>
diff --git a/examples/svelte/column-sizing/src/index.css b/examples/svelte/column-sizing/src/index.css
new file mode 100644
index 0000000000..6087a129fd
--- /dev/null
+++ b/examples/svelte/column-sizing/src/index.css
@@ -0,0 +1,57 @@
+html {
+  font-family: sans-serif;
+  font-size: 14px;
+}
+
+table,
+.divTable {
+  border: 1px solid lightgray;
+}
+
+tbody {
+  border-bottom: 1px solid lightgray;
+}
+
+th {
+  border-bottom: 1px solid lightgray;
+  border-right: 1px solid lightgray;
+  padding: 2px 4px;
+}
+
+tfoot {
+  color: gray;
+}
+
+tfoot th {
+  font-weight: normal;
+}
+
+.tr {
+  display: flex;
+}
+
+tr,
+.tr {
+  width: fit-content;
+  height: 30px;
+}
+
+th,
+.th,
+td,
+.td {
+  box-shadow: inset 0 0 0 1px lightgray;
+  padding: 0.25rem;
+}
+
+.th {
+  padding: 2px 4px;
+  position: relative;
+  font-weight: bold;
+  text-align: center;
+  height: 30px;
+}
+
+.td {
+  height: 30px;
+}
diff --git a/examples/svelte/column-sizing/src/main.ts b/examples/svelte/column-sizing/src/main.ts
new file mode 100644
index 0000000000..2f4dd54dc3
--- /dev/null
+++ b/examples/svelte/column-sizing/src/main.ts
@@ -0,0 +1,9 @@
+// @ts-ignore
+import { mount } from 'svelte'
+import App from './App.svelte'
+
+const app = mount(App, {
+  target: document.getElementById('root')!,
+})
+
+export default app
diff --git a/examples/svelte/column-sizing/svelte.config.js b/examples/svelte/column-sizing/svelte.config.js
new file mode 100644
index 0000000000..8abe4369b8
--- /dev/null
+++ b/examples/svelte/column-sizing/svelte.config.js
@@ -0,0 +1,5 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  preprocess: vitePreprocess(),
+}
diff --git a/examples/svelte/column-sizing/tsconfig.json b/examples/svelte/column-sizing/tsconfig.json
new file mode 100644
index 0000000000..e44d928411
--- /dev/null
+++ b/examples/svelte/column-sizing/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/examples/svelte/column-sizing/vite.config.js b/examples/svelte/column-sizing/vite.config.js
new file mode 100644
index 0000000000..c6ced40a24
--- /dev/null
+++ b/examples/svelte/column-sizing/vite.config.js
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import rollupReplace from '@rollup/plugin-replace'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    rollupReplace({
+      preventAssignment: true,
+      values: {
+        __DEV__: JSON.stringify(true),
+        'process.env.NODE_ENV': JSON.stringify('development'),
+      },
+    }),
+    svelte(),
+  ],
+})
diff --git a/examples/svelte/column-visibility/src/App.svelte b/examples/svelte/column-visibility/src/App.svelte
index 11e36b13c6..8a4a43865d 100644
--- a/examples/svelte/column-visibility/src/App.svelte
+++ b/examples/svelte/column-visibility/src/App.svelte
@@ -156,15 +156,12 @@
   <div class="h-4"></div>
   <table>
     <thead>
-      {#each table.getHeaderGroups() as headerGroup}
+      {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
         <tr>
-          {#each headerGroup.headers as header}
+          {#each headerGroup.headers as header (header.id)}
             <th colSpan={header.colSpan}>
               {#if !header.isPlaceholder}
-                <FlexRender
-                  content={header.column.columnDef.header}
-                  context={header.getContext()}
-                />
+                <FlexRender header={header} />
               {/if}
             </th>
           {/each}
@@ -172,29 +169,23 @@
       {/each}
     </thead>
     <tbody>
-      {#each table.getCoreRowModel().rows.slice(0, 20) as row}
+      {#each table.getCoreRowModel().rows.slice(0, 20) as row (row.id)}
         <tr>
-          {#each row.getVisibleCells() as cell}
+          {#each row.getVisibleCells() as cell (cell.id)}
             <td>
-              <FlexRender
-                content={cell.column.columnDef.cell}
-                context={cell.getContext()}
-              />
+              <FlexRender cell={cell} />
             </td>
           {/each}
         </tr>
       {/each}
     </tbody>
     <tfoot>
-      {#each table.getFooterGroups() as footerGroup}
+      {#each table.getFooterGroups() as footerGroup (footerGroup.id)}
         <tr>
-          {#each footerGroup.headers as header}
+          {#each footerGroup.headers as header (header.id)}
             <th colSpan={header.colSpan}>
               {#if !header.isPlaceholder}
-                <FlexRender
-                  content={header.column.columnDef.header}
-                  context={header.getContext()}
-                />
+                <FlexRender footer={header} />
               {/if}
             </th>
           {/each}
diff --git a/examples/svelte/composable-tables/.gitignore b/examples/svelte/composable-tables/.gitignore
new file mode 100644
index 0000000000..2de1736a62
--- /dev/null
+++ b/examples/svelte/composable-tables/.gitignore
@@ -0,0 +1,8 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+src/**/*.d.ts
+src/**/*.map
diff --git a/examples/svelte/composable-tables/index.html b/examples/svelte/composable-tables/index.html
new file mode 100644
index 0000000000..29f9ba886c
--- /dev/null
+++ b/examples/svelte/composable-tables/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Svelte Composable Tables Example</title>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/svelte/composable-tables/package.json b/examples/svelte/composable-tables/package.json
new file mode 100644
index 0000000000..150095a24c
--- /dev/null
+++ b/examples/svelte/composable-tables/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "tanstack-table-example-svelte-composable-tables",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint ./src"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^10.4.0",
+    "@rollup/plugin-replace": "^6.0.3",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@tanstack/svelte-table": "^9.0.0-alpha.10",
+    "@tsconfig/svelte": "^5.0.8",
+    "svelte": "^5.55.1",
+    "svelte-check": "^4.4.6",
+    "typescript": "6.0.2",
+    "vite": "^8.0.3"
+  }
+}
diff --git a/examples/svelte/composable-tables/src/App.svelte b/examples/svelte/composable-tables/src/App.svelte
new file mode 100644
index 0000000000..959c23e6d6
--- /dev/null
+++ b/examples/svelte/composable-tables/src/App.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+  import UsersTable from './components/UsersTable.svelte'
+  import ProductsTable from './components/ProductsTable.svelte'
+  import './index.css'
+</script>
+
+<div class="app">
+  <h1>Composable Tables Example</h1>
+  <p class="description">
+    Both tables below use the same <code>createAppTable</code> hook and
+    shareable components, but with different data types and column
+    configurations.
+  </p>
+
+  <!-- Original Users Table -->
+  <UsersTable />
+
+  <div class="table-divider"></div>
+
+  <!-- New Products Table -->
+  <ProductsTable />
+</div>
diff --git a/examples/svelte/composable-tables/src/components/CategoryCell.svelte b/examples/svelte/composable-tables/src/components/CategoryCell.svelte
new file mode 100644
index 0000000000..573d15a14e
--- /dev/null
+++ b/examples/svelte/composable-tables/src/components/CategoryCell.svelte
@@ -0,0 +1,11 @@
+<!--
+  Category badge cell.
+  Uses useCellContext to access the cell instance.
+-->
+<script lang="ts">
+  import { useCellContext } from '../hooks/table'
+
+  const cell = useCellContext<'electronics' | 'clothing' | 'food' | 'books'>()
+</script>
+
+<span class="category-badge {cell.getValue()}">{cell.getValue()}</span>
diff --git a/examples/svelte/composable-tables/src/components/ColumnFilter.svelte b/examples/svelte/composable-tables/src/components/ColumnFilter.svelte
new file mode 100644
index 0000000000..fa576cc879
--- /dev/null
+++ b/examples/svelte/composable-tables/src/components/ColumnFilter.svelte
@@ -0,0 +1,22 @@
+<!--
+  Column filter input.
+  Uses useHeaderContext to access the header instance.
+-->
+<script lang="ts">
+  import { useHeaderContext } from '../hooks/table'
+
+  const header = useHeaderContext()
+</script>
+
+{#if header.column.getCanFilter()}
+  <!-- svelte-ignore a11y_click_events_have_key_events -->
+  <!-- svelte-ignore a11y_no_static_element_interactions -->
+  <div class="column-filter" onclick={(e) => e.stopPropagation()}>
+    <input
+      type="text"
+      value={header.column.getFilterValue() ?? ''}
+      oninput={(e) => header.column.setFilterValue(e.currentTarget.value)}
+      placeholder="Filter {header.column.id}..."
+    />
+  </div>
+{/if}
diff --git a/examples/svelte/composable-tables/src/components/FooterColumnId.svelte b/examples/svelte/composable-tables/src/components/FooterColumnId.svelte
new file mode 100644
index 0000000000..aa17e2761b
--- /dev/null
+++ b/examples/svelte/composable-tables/src/components/FooterColumnId.svelte
@@ -0,0 +1,11 @@
+<!--
+  Footer showing the column ID.
+  Uses useHeaderContext to access the header instance.
+-->
+<script lang="ts">
+  import { useHeaderContext } from '../hooks/table'
+
+  const header = useHeaderContext()
+</script>
+
+<span class="footer-column-id">{header.column.id}</span>
diff --git a/examples/svelte/composable-tables/src/components/FooterSum.svelte b/examples/svelte/composable-tables/src/components/FooterSum.svelte
new file mode 100644
index 0000000000..1c68cbbe64
--- /dev/null
+++ b/examples/svelte/composable-tables/src/components/FooterSum.svelte
@@ -0,0 +1,19 @@
+<!--
+  Footer showing a summary/aggregation for numeric columns.
+  Uses useHeaderContext to access the header instance.
+-->
+<script lang="ts">
+  import { useHeaderContext } from '../hooks/table'
+
+  const header = useHeaderContext()
+  const table = header.getContext().table
+  const rows = table.getFilteredRowModel().rows
+
+  // Calculate sum for numeric columns
+  const sum = rows.reduce((acc, row) => {
+    const value = row.getValue(header.column.id)
+    return acc + (typeof value === 'number' ? value : 0)
+  }, 0)
+</script>
+
+<span class="footer-sum">{sum > 0 ? sum.toLocaleString() : '—'}</span>
diff --git a/examples/svelte/composable-tables/src/components/NumberCell.svelte b/examples/svelte/composable-tables/src/components/NumberCell.svelte
new file mode 100644
index 0000000000..96b18adca0
--- /dev/null
+++ b/examples/svelte/composable-tables/src/components/NumberCell.svelte
@@ -0,0 +1,11 @@
+<!--
+  Number cell with locale formatting.
+  Uses useCellContext to access the cell instance.
+-->
+<script lang="ts">
+  import { useCellContext } from '../hooks/table'
+
+  const cell = useCellContext<number>()
+</script>
+
+<span>{cell.getValue().toLocaleString()}</span>
diff --git a/examples/svelte/composable-tables/src/components/PaginationControls.svelte b/examples/svelte/composable-tables/src/components/PaginationControls.svelte
new file mode 100644
index 0000000000..4c8f2891b8
--- /dev/null
+++ b/examples/svelte/composable-tables/src/components/PaginationControls.svelte
@@ -0,0 +1,65 @@
+<!--
+  Pagination controls for the table.
+  Uses useTableContext to access the table instance.
+-->
+<script lang="ts">
+  import { useTableContext } from '../hooks/table'
+
+  const table = useTableContext()
+</script>
+
+<div class="pagination">
+  <button
+    onclick={() => table.firstPage()}
+    disabled={!table.getCanPreviousPage()}
+  >
+    {'<<'}
+  </button>
+  <button
+    onclick={() => table.previousPage()}
+    disabled={!table.getCanPreviousPage()}
+  >
+    {'<'}
+  </button>
+  <button
+    onclick={() => table.nextPage()}
+    disabled={!table.getCanNextPage()}
+  >
+    {'>'}
+  </button>
+  <button
+    onclick={() => table.lastPage()}
+    disabled={!table.getCanNextPage()}
+  >
+    {'>>'}
+  </button>
+  <span>
+    Page
+    <strong>
+      {table.store.state.pagination.pageIndex + 1} of {table.getPageCount().toLocaleString()}
+    </strong>
+  </span>
+  <span>
+    | Go to page:
+    <input
+      type="number"
+      min="1"
+      max={table.getPageCount()}
+      value={table.store.state.pagination.pageIndex + 1}
+      onchange={(e) => {
+        const page = e.currentTarget.value ? Number(e.currentTarget.value) - 1 : 0
+        table.setPageIndex(page)
+      }}
+    />
+  </span>
+  <select
+    value={table.store.state.pagination.pageSize}
+    onchange={(e) => {
+      table.setPageSize(Number(e.currentTarget.value))
+    }}
+  >
+    {#each [10, 20, 30, 40, 50] as pageSize}
+      <option value={pageSize}>Show {pageSize}</option>
+    {/each}
+  </select>
+</div>
diff --git a/examples/svelte/composable-tables/src/components/PriceCell.svelte b/examples/svelte/composable-tables/src/components/PriceCell.svelte
new file mode 100644
index 0000000000..4d771a41da
--- /dev/null
+++ b/examples/svelte/composable-tables/src/components/PriceCell.svelte
@@ -0,0 +1,16 @@
+<!--
+  Price cell with currency formatting.
+  Uses useCellContext to access the cell instance.
+-->
+<script lang="ts">
+  import { useCellContext } from '../hooks/table'
+
+  const cell = useCellContext<number>()
+</script>
+
+<span class="price">
+  ${cell.getValue().toLocaleString(undefined, {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2,
+  })}
+</span>
diff --git a/examples/svelte/composable-tables/src/components/ProductsTable.svelte b/examples/svelte/composable-tables/src/components/ProductsTable.svelte
new file mode 100644
index 0000000000..faa84dee37
--- /dev/null
+++ b/examples/svelte/composable-tables/src/components/ProductsTable.svelte
@@ -0,0 +1,162 @@
+<!--
+  Products Table Component - uses the same createAppTable hook and components as UsersTable,
+  but with different data types and column configurations.
+-->
+<script lang="ts">
+  import { FlexRender, renderComponent } from '@tanstack/svelte-table'
+  import { createAppColumnHelper, createAppTable } from '../hooks/table'
+  import { makeProductData } from '../makeData'
+  import type { Product } from '../makeData'
+
+  // Create column helper with TFeatures already bound - only need TData!
+  const productColumnHelper = createAppColumnHelper<Product>()
+
+  // Data state
+  let data = $state(makeProductData(500))
+
+  // Refresh data callback
+  function refreshData() {
+    data = makeProductData(500)
+  }
+
+  // Define columns using the column helper - different structure than Users table
+  const columns = productColumnHelper.columns([
+    productColumnHelper.accessor('name', {
+      header: 'Product Name',
+      footer: (props) => props.column.id,
+      cell: ({ cell }) => renderComponent(cell.TextCell, {}),
+    }),
+    productColumnHelper.accessor('category', {
+      header: 'Category',
+      footer: (props) => props.column.id,
+      cell: ({ cell }) => renderComponent(cell.CategoryCell, {}),
+    }),
+    productColumnHelper.accessor('price', {
+      header: 'Price',
+      footer: (props) => props.column.id,
+      cell: ({ cell }) => renderComponent(cell.PriceCell, {}),
+    }),
+    productColumnHelper.accessor('stock', {
+      header: 'In Stock',
+      footer: (props) => props.column.id,
+      cell: ({ cell }) => renderComponent(cell.NumberCell, {}),
+    }),
+    productColumnHelper.accessor('rating', {
+      header: 'Rating',
+      footer: (props) => props.column.id,
+      cell: ({ cell }) => renderComponent(cell.ProgressCell, {}),
+    }),
+  ])
+
+  // Create the table using the same createAppTable hook
+  const table = createAppTable({
+    columns,
+    get data() {
+      return data
+    },
+    getRowId: (row) => row.id,
+  })
+
+  // Reactive derived values from table state
+  let sorting = $derived(table.store.state.sorting)
+  let columnFilters = $derived(table.store.state.columnFilters)
+
+  // IMPORTANT: Derive rows from table.store.state so Svelte tracks the
+  // dependency. Without this, {#each table.getRowModel().rows} won't
+  // re-evaluate because Svelte can't trace $state reads through
+  // table-core's internal memoization.
+  const rows = $derived.by(() => {
+    void table.store.state
+    return table.getRowModel().rows
+  })
+</script>
+
+<table.AppTable>
+  <div class="table-container">
+    <!-- Table toolbar using the same pre-bound component -->
+    <table.TableToolbar title="Products Table" onRefresh={refreshData} />
+
+    <!-- Table element -->
+    <table>
+      <thead>
+        {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+          <tr>
+            {#each headerGroup.headers as h (h.id)}
+              <table.AppHeader header={h}>
+                {#snippet children(header)}
+                  <th
+                    colSpan={header.colSpan}
+                    class={header.column.getCanSort() ? 'sortable-header' : ''}
+                    onclick={header.column.getToggleSortingHandler()}
+                  >
+                    {#if !header.isPlaceholder}
+                      <header.FlexRender
+                        header={header}
+                      />
+                      <header.SortIndicator />
+                      <header.ColumnFilter />
+                      <!-- Show sort order number when multiple columns sorted -->
+                      {#if sorting.length > 1 && sorting.findIndex((s) => s.id === header.column.id) > -1}
+                        <span class="sort-order">
+                          {sorting.findIndex((s) => s.id === header.column.id) + 1}
+                        </span>
+                      {/if}
+                    {/if}
+                  </th>
+                {/snippet}
+              </table.AppHeader>
+            {/each}
+          </tr>
+        {/each}
+      </thead>
+      <tbody>
+        {#each rows as row (row.id)}
+          <tr>
+            {#each row.getAllCells() as c (c.id)}
+              <table.AppCell cell={c}>
+                {#snippet children(cell)}
+                  <td>
+                    <FlexRender cell={cell} />
+                  </td>
+                {/snippet}
+              </table.AppCell>
+            {/each}
+          </tr>
+        {/each}
+      </tbody>
+      <tfoot>
+        {#each table.getFooterGroups() as footerGroup (footerGroup.id)}
+          <tr>
+            {#each footerGroup.headers as f (f.id)}
+              <table.AppFooter header={f}>
+                {#snippet children(footer)}
+                  <td colSpan={footer.colSpan}>
+                    {#if !footer.isPlaceholder}
+                      {#if footer.column.id === 'price' || footer.column.id === 'stock' || footer.column.id === 'rating'}
+                        <footer.FooterSum />
+                        {#if columnFilters.some((cf) => cf.id === footer.column.id)}
+                          <span class="filtered-indicator"> (filtered)</span>
+                        {/if}
+                      {:else}
+                        <footer.FooterColumnId />
+                        {#if columnFilters.some((cf) => cf.id === footer.column.id)}
+                          <span class="filtered-indicator"> ✓</span>
+                        {/if}
+                      {/if}
+                    {/if}
+                  </td>
+                {/snippet}
+              </table.AppFooter>
+            {/each}
+          </tr>
+        {/each}
+      </tfoot>
+    </table>
+
+    <!-- Pagination using the same pre-bound component -->
+    <table.PaginationControls />
+
+    <!-- Row count using the same pre-bound component -->
+    <table.RowCount />
+  </div>
+</table.AppTable>
diff --git a/examples/svelte/composable-tables/src/components/ProgressCell.svelte b/examples/svelte/composable-tables/src/components/ProgressCell.svelte
new file mode 100644
index 0000000000..1b50bff136
--- /dev/null
+++ b/examples/svelte/composable-tables/src/components/ProgressCell.svelte
@@ -0,0 +1,13 @@
+<!--
+  Progress bar cell.
+  Uses useCellContext to access the cell instance.
+-->
+<script lang="ts">
+  import { useCellContext } from '../hooks/table'
+
+  const cell = useCellContext<number>()
+</script>
+
+<div class="progress-bar">
+  <div class="progress-bar-fill" style="width: {cell.getValue()}%"></div>
+</div>
diff --git a/examples/svelte/composable-tables/src/components/RowActionsCell.svelte b/examples/svelte/composable-tables/src/components/RowActionsCell.svelte
new file mode 100644
index 0000000000..87b70baa1a
--- /dev/null
+++ b/examples/svelte/composable-tables/src/components/RowActionsCell.svelte
@@ -0,0 +1,30 @@
+<!--
+  Row actions cell - actions for the current row.
+  Uses useCellContext to access the cell instance.
+-->
+<script lang="ts">
+  import { useCellContext } from '../hooks/table'
+
+  const cell = useCellContext()
+</script>
+
+<div class="row-actions">
+  <button
+    onclick={() => alert(`View: ${cell.row.original.firstName} ${cell.row.original.lastName}`)}
+    title="View"
+  >
+    👁️
+  </button>
+  <button
+    onclick={() => alert(`Edit: ${cell.row.original.firstName} ${cell.row.original.lastName}`)}
+    title="Edit"
+  >
+    ✏️
+  </button>
+  <button
+    onclick={() => alert(`Delete: ${cell.row.original.firstName} ${cell.row.original.lastName}`)}
+    title="Delete"
+  >
+    🗑️
+  </button>
+</div>
diff --git a/examples/svelte/composable-tables/src/components/RowCount.svelte b/examples/svelte/composable-tables/src/components/RowCount.svelte
new file mode 100644
index 0000000000..0bc00e5fdc
--- /dev/null
+++ b/examples/svelte/composable-tables/src/components/RowCount.svelte
@@ -0,0 +1,13 @@
+<!--
+  Row count display.
+  Uses useTableContext to access the table instance.
+-->
+<script lang="ts">
+  import { useTableContext } from '../hooks/table'
+
+  const table = useTableContext()
+</script>
+
+<div class="row-count">
+  Showing {table.getRowModel().rows.length.toLocaleString()} of {table.getRowCount().toLocaleString()} rows
+</div>
diff --git a/examples/svelte/composable-tables/src/components/SortIndicator.svelte b/examples/svelte/composable-tables/src/components/SortIndicator.svelte
new file mode 100644
index 0000000000..5bc7d031ed
--- /dev/null
+++ b/examples/svelte/composable-tables/src/components/SortIndicator.svelte
@@ -0,0 +1,15 @@
+<!--
+  Sort indicator showing current sort direction.
+  Uses useHeaderContext to access the header instance.
+-->
+<script lang="ts">
+  import { useHeaderContext } from '../hooks/table'
+
+  const header = useHeaderContext()
+</script>
+
+{#if header.column.getIsSorted()}
+  <span class="sort-indicator">
+    {header.column.getIsSorted() === 'asc' ? '🔼' : '🔽'}
+  </span>
+{/if}
diff --git a/examples/svelte/composable-tables/src/components/StatusCell.svelte b/examples/svelte/composable-tables/src/components/StatusCell.svelte
new file mode 100644
index 0000000000..eafb524662
--- /dev/null
+++ b/examples/svelte/composable-tables/src/components/StatusCell.svelte
@@ -0,0 +1,11 @@
+<!--
+  Status badge cell for status column.
+  Uses useCellContext to access the cell instance.
+-->
+<script lang="ts">
+  import { useCellContext } from '../hooks/table'
+
+  const cell = useCellContext<'relationship' | 'complicated' | 'single'>()
+</script>
+
+<span class="status-badge {cell.getValue()}">{cell.getValue()}</span>
diff --git a/examples/svelte/composable-tables/src/components/TableToolbar.svelte b/examples/svelte/composable-tables/src/components/TableToolbar.svelte
new file mode 100644
index 0000000000..e328d77686
--- /dev/null
+++ b/examples/svelte/composable-tables/src/components/TableToolbar.svelte
@@ -0,0 +1,31 @@
+<!--
+  Table toolbar with title and actions.
+  Uses useTableContext to access the table instance.
+-->
+<script lang="ts">
+  import { useTableContext } from '../hooks/table'
+
+  interface Props {
+    title: string
+    onRefresh?: () => void
+  }
+
+  let { title, onRefresh }: Props = $props()
+
+  const table = useTableContext()
+</script>
+
+<div class="table-toolbar">
+  <h2>{title}</h2>
+  <div>
+    <button onclick={() => table.resetColumnFilters()}>
+      Clear Filters
+    </button>
+    <button onclick={() => table.resetSorting()}>
+      Clear Sorting
+    </button>
+    {#if onRefresh}
+      <button onclick={onRefresh}>Refresh Data</button>
+    {/if}
+  </div>
+</div>
diff --git a/examples/svelte/composable-tables/src/components/TextCell.svelte b/examples/svelte/composable-tables/src/components/TextCell.svelte
new file mode 100644
index 0000000000..1ced128ee5
--- /dev/null
+++ b/examples/svelte/composable-tables/src/components/TextCell.svelte
@@ -0,0 +1,11 @@
+<!--
+  Generic text cell renderer.
+  Uses useCellContext to access the cell instance.
+-->
+<script lang="ts">
+  import { useCellContext } from '../hooks/table'
+
+  const cell = useCellContext<string>()
+</script>
+
+<span>{cell.getValue()}</span>
diff --git a/examples/svelte/composable-tables/src/components/UsersTable.svelte b/examples/svelte/composable-tables/src/components/UsersTable.svelte
new file mode 100644
index 0000000000..b8ae4b9849
--- /dev/null
+++ b/examples/svelte/composable-tables/src/components/UsersTable.svelte
@@ -0,0 +1,176 @@
+<!--
+  Users Table Component - uses createAppTable and composable components.
+-->
+<script lang="ts">
+  import { FlexRender, renderComponent } from '@tanstack/svelte-table'
+  import { createAppColumnHelper, createAppTable } from '../hooks/table'
+  import { makeData } from '../makeData'
+  import type { Person } from '../makeData'
+
+  // Create column helper with TFeatures already bound - only need TData!
+  const personColumnHelper = createAppColumnHelper<Person>()
+
+  // Data state
+  let data = $state(makeData(1000))
+
+  // Refresh data callback
+  function refreshData() {
+    data = makeData(1000)
+  }
+
+  // Define columns using the column helper
+  // NOTE: You must use `createAppColumnHelper` instead of `createColumnHelper`
+  // when using pre-bound components like cell.TextCell
+  const columns = personColumnHelper.columns([
+    personColumnHelper.accessor('firstName', {
+      header: 'First Name',
+      footer: (props) => props.column.id,
+      cell: ({ cell }) => renderComponent(cell.TextCell),
+    }),
+    personColumnHelper.accessor('lastName', {
+      header: 'Last Name',
+      footer: (props) => props.column.id,
+      cell: ({ cell }) => renderComponent(cell.TextCell),
+    }),
+    personColumnHelper.accessor('age', {
+      header: 'Age',
+      footer: (props) => props.column.id,
+      cell: ({ cell }) => renderComponent(cell.NumberCell),
+    }),
+    personColumnHelper.accessor('visits', {
+      header: 'Visits',
+      footer: (props) => props.column.id,
+      cell: ({ cell }) => renderComponent(cell.NumberCell),
+    }),
+    personColumnHelper.accessor('status', {
+      header: 'Status',
+      footer: (props) => props.column.id,
+      cell: ({ cell }) => renderComponent(cell.StatusCell),
+    }),
+    personColumnHelper.accessor('progress', {
+      header: 'Progress',
+      footer: (props) => props.column.id,
+      cell: ({ cell }) => renderComponent(cell.ProgressCell),
+    }),
+    personColumnHelper.display({
+      id: 'actions',
+      header: 'Actions',
+      cell: ({ cell }) => renderComponent(cell.RowActionsCell),
+    }),
+  ])
+
+  // Create the table - _features and _rowModels are already configured!
+  const table = createAppTable({
+    columns,
+    get data() {
+      return data
+    },
+    debugTable: true,
+  })
+
+  // Reactive derived values from table state.
+  // Reading table.store.state creates a $state dependency (via the notifier)
+  // that triggers re-renders when any table state changes.
+  let sorting = $derived(table.store.state.sorting)
+  let columnFilters = $derived(table.store.state.columnFilters)
+
+  // IMPORTANT: Derive rows from table state so Svelte tracks the dependency.
+  // We must read a $state value that changes on every table update.
+  // JSON.stringify forces a deep read, ensuring Svelte sees the dependency.
+  const rows = $derived.by(() => {
+    JSON.stringify(table.store.state)
+    return table.getRowModel().rows
+  })
+</script>
+
+<table.AppTable>
+  <div class="table-container">
+    <!-- Table toolbar using pre-bound component -->
+    <table.TableToolbar title="Users Table" onRefresh={refreshData} />
+
+    <!-- Table element -->
+    <table>
+      <thead>
+        {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+          <tr>
+            {#each headerGroup.headers as h (h.id)}
+              <table.AppHeader header={h}>
+                {#snippet children(header)}
+                  <th
+                    colSpan={header.colSpan}
+                    class={header.column.getCanSort() ? 'sortable-header' : ''}
+                    onclick={header.column.getToggleSortingHandler()}
+                  >
+                    {#if !header.isPlaceholder}
+                      <header.FlexRender
+                        header={header}
+                      />
+                      <header.SortIndicator />
+                      <header.ColumnFilter />
+                      <!-- Show sort order number when multiple columns sorted -->
+                      {#if sorting.length > 1 && sorting.findIndex((s) => s.id === header.column.id) > -1}
+                        <span class="sort-order">
+                          {sorting.findIndex((s) => s.id === header.column.id) + 1}
+                        </span>
+                      {/if}
+                    {/if}
+                  </th>
+                {/snippet}
+              </table.AppHeader>
+            {/each}
+          </tr>
+        {/each}
+      </thead>
+      <tbody>
+        {#each rows as row (row.id)}
+          <tr>
+            {#each row.getAllCells() as c (c.id)}
+              <table.AppCell cell={c}>
+                {#snippet children(cell)}
+                  <td>
+                    <FlexRender cell={cell} />
+                  </td>
+                {/snippet}
+              </table.AppCell>
+            {/each}
+          </tr>
+        {/each}
+      </tbody>
+      <tfoot>
+        {#each table.getFooterGroups() as footerGroup (footerGroup.id)}
+          <tr>
+            {#each footerGroup.headers as f (f.id)}
+              <table.AppFooter header={f}>
+                {#snippet children(footer)}
+                  <td colSpan={footer.colSpan}>
+                    {#if !footer.isPlaceholder}
+                      {#if footer.column.id === 'age' || footer.column.id === 'visits' || footer.column.id === 'progress'}
+                        <footer.FooterSum />
+                        {#if columnFilters.some((cf) => cf.id === footer.column.id)}
+                          <span class="filtered-indicator"> (filtered)</span>
+                        {/if}
+                      {:else if footer.column.id === 'actions'}
+                        <!-- no footer for actions -->
+                      {:else}
+                        <footer.FooterColumnId />
+                        {#if columnFilters.some((cf) => cf.id === footer.column.id)}
+                          <span class="filtered-indicator"> ✓</span>
+                        {/if}
+                      {/if}
+                    {/if}
+                  </td>
+                {/snippet}
+              </table.AppFooter>
+            {/each}
+          </tr>
+        {/each}
+      </tfoot>
+    </table>
+
+    <!-- Pagination using pre-bound component -->
+    <table.PaginationControls />
+
+    <!-- Row count using pre-bound component -->
+    <table.RowCount />
+  </div>
+</table.AppTable>
diff --git a/examples/svelte/composable-tables/src/hooks/table.ts b/examples/svelte/composable-tables/src/hooks/table.ts
new file mode 100644
index 0000000000..71ad486cf5
--- /dev/null
+++ b/examples/svelte/composable-tables/src/hooks/table.ts
@@ -0,0 +1,99 @@
+/**
+ * Custom table hook setup using createTableHook
+ *
+ * This file creates a custom createAppTable hook with pre-bound components.
+ * Features, row models, and default options are defined once here and shared across all tables.
+ * Context hooks and a pre-bound createAppColumnHelper are also exported.
+ */
+import {
+  columnFilteringFeature,
+  createFilteredRowModel,
+  createPaginatedRowModel,
+  createSortedRowModel,
+  createTableHook,
+  filterFns,
+  rowPaginationFeature,
+  rowSortingFeature,
+  sortFns,
+  tableFeatures,
+} from '@tanstack/svelte-table'
+
+// Import table-level components
+import PaginationControls from '../components/PaginationControls.svelte'
+import RowCount from '../components/RowCount.svelte'
+import TableToolbar from '../components/TableToolbar.svelte'
+
+// Import cell-level components
+import CategoryCell from '../components/CategoryCell.svelte'
+import NumberCell from '../components/NumberCell.svelte'
+import PriceCell from '../components/PriceCell.svelte'
+import ProgressCell from '../components/ProgressCell.svelte'
+import RowActionsCell from '../components/RowActionsCell.svelte'
+import StatusCell from '../components/StatusCell.svelte'
+import TextCell from '../components/TextCell.svelte'
+
+// Import header/footer-level components (both use useHeaderContext)
+import ColumnFilter from '../components/ColumnFilter.svelte'
+import FooterColumnId from '../components/FooterColumnId.svelte'
+import FooterSum from '../components/FooterSum.svelte'
+import SortIndicator from '../components/SortIndicator.svelte'
+
+/**
+ * Create the custom table hook with all pre-bound components.
+ * This exports:
+ * - createAppColumnHelper: Create column definitions with TFeatures already bound
+ * - createAppTable: Hook for creating tables with TFeatures baked in
+ * - useTableContext: Access table instance in tableComponents
+ * - useCellContext: Access cell instance in cellComponents
+ * - useHeaderContext: Access header instance in headerComponents
+ */
+export const {
+  createAppColumnHelper,
+  createAppTable,
+  useTableContext,
+  useCellContext,
+  useHeaderContext,
+} = createTableHook({
+  // Features are set once here and shared across all tables
+  _features: tableFeatures({
+    columnFilteringFeature,
+    rowPaginationFeature,
+    rowSortingFeature,
+  }),
+
+  // Row models are set once here
+  _rowModels: {
+    sortedRowModel: createSortedRowModel(sortFns),
+    filteredRowModel: createFilteredRowModel(filterFns),
+    paginatedRowModel: createPaginatedRowModel(),
+  },
+
+  // set any default table options here too
+  getRowId: (row) => row.id,
+
+  // Register table-level components (accessible via table.ComponentName)
+  tableComponents: {
+    PaginationControls,
+    RowCount,
+    TableToolbar,
+  },
+
+  // Register cell-level components (accessible via cell.ComponentName in AppCell)
+  cellComponents: {
+    TextCell,
+    NumberCell,
+    StatusCell,
+    ProgressCell,
+    RowActionsCell,
+    PriceCell,
+    CategoryCell,
+  },
+
+  // Register header/footer-level components (accessible via header.ComponentName in AppHeader/AppFooter)
+  headerComponents: {
+    SortIndicator,
+    ColumnFilter,
+    FooterColumnId,
+    FooterSum,
+  },
+})
diff --git a/examples/svelte/composable-tables/src/index.css b/examples/svelte/composable-tables/src/index.css
new file mode 100644
index 0000000000..d7a5ed6c49
--- /dev/null
+++ b/examples/svelte/composable-tables/src/index.css
@@ -0,0 +1,249 @@
+html {
+  font-family: sans-serif;
+  font-size: 14px;
+}
+
+table {
+  border: 1px solid lightgray;
+  border-collapse: collapse;
+  width: 100%;
+}
+
+tbody {
+  border-bottom: 1px solid lightgray;
+}
+
+th,
+td {
+  border-bottom: 1px solid lightgray;
+  border-right: 1px solid lightgray;
+  padding: 8px 12px;
+  text-align: left;
+}
+
+th {
+  background-color: #f5f5f5;
+  font-weight: 600;
+}
+
+tfoot {
+  color: gray;
+}
+
+tfoot th {
+  font-weight: normal;
+}
+
+.table-container {
+  padding: 16px;
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+.pagination {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 16px;
+  flex-wrap: wrap;
+}
+
+.pagination button {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  padding: 4px 8px;
+  cursor: pointer;
+  background: white;
+}
+
+.pagination button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.pagination input {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  padding: 4px;
+  width: 64px;
+}
+
+.pagination select {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  padding: 4px;
+}
+
+.sort-indicator {
+  margin-left: 4px;
+}
+
+.column-filter {
+  margin-top: 4px;
+}
+
+.column-filter input {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  padding: 4px;
+  width: 100%;
+  font-size: 12px;
+}
+
+.sortable-header {
+  cursor: pointer;
+  user-select: none;
+}
+
+.sortable-header:hover {
+  background-color: #e8e8e8;
+}
+
+.row-actions {
+  display: flex;
+  gap: 4px;
+}
+
+.row-actions button {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  padding: 2px 8px;
+  cursor: pointer;
+  background: white;
+  font-size: 12px;
+}
+
+.row-actions button:hover {
+  background-color: #f0f0f0;
+}
+
+.status-badge {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 12px;
+  font-size: 12px;
+  font-weight: 500;
+}
+
+.status-badge.relationship {
+  background-color: #d4edda;
+  color: #155724;
+}
+
+.status-badge.complicated {
+  background-color: #fff3cd;
+  color: #856404;
+}
+
+.status-badge.single {
+  background-color: #cce5ff;
+  color: #004085;
+}
+
+.progress-bar {
+  width: 100%;
+  height: 8px;
+  background-color: #e9ecef;
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+.progress-bar-fill {
+  height: 100%;
+  background-color: #007bff;
+  transition: width 0.2s;
+}
+
+.table-toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16px;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.table-toolbar h2 {
+  margin: 0;
+}
+
+.table-toolbar button {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  padding: 8px 16px;
+  cursor: pointer;
+  background: white;
+}
+
+.table-toolbar button:hover {
+  background-color: #f0f0f0;
+}
+
+.row-count {
+  color: #666;
+  font-size: 14px;
+  margin-top: 8px;
+}
+
+.app {
+  padding: 16px;
+}
+
+.app h1 {
+  text-align: center;
+  margin-bottom: 8px;
+}
+
+.description {
+  text-align: center;
+  color: #666;
+  margin-bottom: 32px;
+}
+
+.description code {
+  background-color: #f5f5f5;
+  padding: 2px 6px;
+  border-radius: 4px;
+  font-size: 13px;
+}
+
+.table-divider {
+  height: 48px;
+  border-bottom: 1px solid #e0e0e0;
+  margin: 32px auto;
+  max-width: 1200px;
+}
+
+.category-badge {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 12px;
+  font-size: 12px;
+  font-weight: 500;
+  text-transform: capitalize;
+}
+
+.category-badge.electronics {
+  background-color: #e3f2fd;
+  color: #1565c0;
+}
+
+.category-badge.clothing {
+  background-color: #fce4ec;
+  color: #c2185b;
+}
+
+.category-badge.food {
+  background-color: #e8f5e9;
+  color: #2e7d32;
+}
+
+.category-badge.books {
+  background-color: #fff8e1;
+  color: #f57c00;
+}
+
+.price {
+  font-weight: 600;
+  color: #2e7d32;
+}
diff --git a/examples/svelte/composable-tables/src/main.ts b/examples/svelte/composable-tables/src/main.ts
new file mode 100644
index 0000000000..2f4dd54dc3
--- /dev/null
+++ b/examples/svelte/composable-tables/src/main.ts
@@ -0,0 +1,9 @@
+// @ts-ignore
+import { mount } from 'svelte'
+import App from './App.svelte'
+
+const app = mount(App, {
+  target: document.getElementById('root')!,
+})
+
+export default app
diff --git a/examples/svelte/composable-tables/src/makeData.ts b/examples/svelte/composable-tables/src/makeData.ts
new file mode 100644
index 0000000000..17dec1c6de
--- /dev/null
+++ b/examples/svelte/composable-tables/src/makeData.ts
@@ -0,0 +1,77 @@
+import { faker } from '@faker-js/faker'
+
+export type Person = {
+  firstName: string
+  lastName: string
+  age: number
+  visits: number
+  progress: number
+  status: 'relationship' | 'complicated' | 'single'
+  subRows?: Array<Person>
+}
+
+export type Product = {
+  id: string
+  name: string
+  category: 'electronics' | 'clothing' | 'food' | 'books'
+  price: number
+  stock: number
+  rating: number
+}
+
+const range = (len: number) => {
+  const arr: Array<number> = []
+  for (let i = 0; i < len; i++) {
+    arr.push(i)
+  }
+  return arr
+}
+
+const newPerson = (): Person => {
+  return {
+    firstName: faker.person.firstName(),
+    lastName: faker.person.lastName(),
+    age: faker.number.int(40),
+    visits: faker.number.int(1000),
+    progress: faker.number.int(100),
+    status: faker.helpers.shuffle<Person['status']>([
+      'relationship',
+      'complicated',
+      'single',
+    ])[0],
+  }
+}
+
+const newProduct = (): Product => {
+  return {
+    id: faker.string.uuid(),
+    name: faker.commerce.productName(),
+    category: faker.helpers.shuffle<Product['category']>([
+      'electronics',
+      'clothing',
+      'food',
+      'books',
+    ])[0],
+    price: parseFloat(faker.commerce.price({ min: 5, max: 500 })),
+    stock: faker.number.int({ min: 0, max: 200 }),
+    rating: faker.number.int({ min: 0, max: 100 }),
+  }
+}
+
+export function makeData(...lens: Array<number>) {
+  const makeDataLevel = (depth = 0): Array<Person> => {
+    const len = lens[depth]
+    return range(len).map((): Person => {
+      return {
+        ...newPerson(),
+        subRows: lens[depth + 1] ? makeDataLevel(depth + 1) : undefined,
+      }
+    })
+  }
+
+  return makeDataLevel()
+}
+
+export function makeProductData(count: number): Array<Product> {
+  return range(count).map(() => newProduct())
+}
diff --git a/examples/svelte/composable-tables/svelte.config.js b/examples/svelte/composable-tables/svelte.config.js
new file mode 100644
index 0000000000..8abe4369b8
--- /dev/null
+++ b/examples/svelte/composable-tables/svelte.config.js
@@ -0,0 +1,5 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  preprocess: vitePreprocess(),
+}
diff --git a/examples/svelte/composable-tables/tsconfig.json b/examples/svelte/composable-tables/tsconfig.json
new file mode 100644
index 0000000000..e44d928411
--- /dev/null
+++ b/examples/svelte/composable-tables/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/examples/svelte/composable-tables/vite.config.js b/examples/svelte/composable-tables/vite.config.js
new file mode 100644
index 0000000000..c6ced40a24
--- /dev/null
+++ b/examples/svelte/composable-tables/vite.config.js
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import rollupReplace from '@rollup/plugin-replace'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    rollupReplace({
+      preventAssignment: true,
+      values: {
+        __DEV__: JSON.stringify(true),
+        'process.env.NODE_ENV': JSON.stringify('development'),
+      },
+    }),
+    svelte(),
+  ],
+})
diff --git a/examples/svelte/expanding/.gitignore b/examples/svelte/expanding/.gitignore
new file mode 100644
index 0000000000..91c18232e2
--- /dev/null
+++ b/examples/svelte/expanding/.gitignore
@@ -0,0 +1,8 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+src/**/*.d.ts
+src/**/*.map
\ No newline at end of file
diff --git a/examples/svelte/expanding/index.html b/examples/svelte/expanding/index.html
new file mode 100644
index 0000000000..6ab1dd7e51
--- /dev/null
+++ b/examples/svelte/expanding/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+    <script type="module" src="https://cdn.skypack.dev/twind/shim"></script>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/svelte/expanding/package.json b/examples/svelte/expanding/package.json
new file mode 100644
index 0000000000..53b1263fbc
--- /dev/null
+++ b/examples/svelte/expanding/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "tanstack-table-example-svelte-expanding",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint ./src"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^10.4.0",
+    "@rollup/plugin-replace": "^6.0.3",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@tanstack/svelte-table": "^9.0.0-alpha.10",
+    "@tsconfig/svelte": "^5.0.8",
+    "svelte": "^5.55.1",
+    "svelte-check": "^4.4.6",
+    "typescript": "6.0.2",
+    "vite": "^8.0.3"
+  }
+}
diff --git a/examples/svelte/expanding/src/App.svelte b/examples/svelte/expanding/src/App.svelte
new file mode 100644
index 0000000000..ffbd3ac9b3
--- /dev/null
+++ b/examples/svelte/expanding/src/App.svelte
@@ -0,0 +1,296 @@
+<script lang="ts">
+  import {
+    columnFilteringFeature,
+    createColumnHelper,
+    createExpandedRowModel,
+    createFilteredRowModel,
+    createPaginatedRowModel,
+    createSortedRowModel,
+    createTable,
+    filterFns,
+    FlexRender,
+    rowExpandingFeature,
+    rowPaginationFeature,
+    rowSelectionFeature,
+    rowSortingFeature,
+    sortFns,
+    tableFeatures,
+  } from '@tanstack/svelte-table'
+  import type { Column, SvelteTable } from '@tanstack/svelte-table'
+  import { makeData } from './makeData'
+  import type { Person } from './makeData'
+  import './index.css'
+
+  const _features = tableFeatures({
+    columnFilteringFeature,
+    rowExpandingFeature,
+    rowPaginationFeature,
+    rowSortingFeature,
+    rowSelectionFeature,
+  })
+
+  const columnHelper = createColumnHelper<typeof _features, Person>()
+
+  // Svelte action to set indeterminate property on checkbox inputs
+  function setIndeterminate(node: HTMLInputElement, value: boolean) {
+    node.indeterminate = value
+    return {
+      update(newValue: boolean) {
+        node.indeterminate = newValue
+      },
+    }
+  }
+
+  let data = $state(makeData(100, 5, 3))
+  const refreshData = () => {
+    data = makeData(100, 5, 3)
+  }
+
+  const columns = columnHelper.columns([
+    columnHelper.accessor('firstName', {
+      header: () => 'firstName',
+      cell: ({ row, getValue }) => getValue<string>(),
+      footer: (props) => props.column.id,
+    }),
+    columnHelper.accessor((row) => row.lastName, {
+      id: 'lastName',
+      cell: (info) => info.getValue(),
+      header: () => 'Last Name',
+      footer: (props) => props.column.id,
+    }),
+    columnHelper.accessor('age', {
+      header: () => 'Age',
+      footer: (props) => props.column.id,
+      filterFn: 'between',
+    }),
+    columnHelper.accessor('visits', {
+      header: () => 'Visits',
+      footer: (props) => props.column.id,
+    }),
+    columnHelper.accessor('status', {
+      header: 'Status',
+      footer: (props) => props.column.id,
+    }),
+    columnHelper.accessor('progress', {
+      header: 'Profile Progress',
+      footer: (props) => props.column.id,
+    }),
+  ])
+
+  const table = createTable(
+    {
+      _features,
+      _rowModels: {
+        expandedRowModel: createExpandedRowModel(),
+        filteredRowModel: createFilteredRowModel(filterFns),
+        paginatedRowModel: createPaginatedRowModel(),
+        sortedRowModel: createSortedRowModel(sortFns),
+      },
+      columns,
+      get data() {
+        return data
+      },
+      getSubRows: (row) => row.subRows,
+      debugTable: true,
+    },
+    (state) => ({
+      expanded: state.expanded,
+      pagination: state.pagination,
+      rowSelection: state.rowSelection,
+      columnFilters: state.columnFilters,
+      sorting: state.sorting,
+    }),
+  )
+</script>
+
+<div class="p-2">
+  <div class="h-2"></div>
+  <table>
+    <thead>
+      {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+        <tr>
+          {#each headerGroup.headers as header (header.id)}
+            <th colSpan={header.colSpan}>
+              {#if !header.isPlaceholder}
+                <div>
+                  {#if header.id === 'firstName'}
+                    <input
+                      type="checkbox"
+                      checked={table.getIsAllRowsSelected()}
+                      use:setIndeterminate={!table.getIsAllRowsSelected() && table.getIsSomeRowsSelected()}
+                      onchange={table.getToggleAllRowsSelectedHandler()}
+                      class="cursor-pointer"
+                    />
+                    {' '}
+                    <button onclick={table.getToggleAllRowsExpandedHandler()}>
+                      {table.getIsAllRowsExpanded() ? '\u{1F447}' : '\u{1F449}'}
+                    </button>
+                    {' '}
+                    First Name
+                  {:else}
+                    <FlexRender header={header} />
+                  {/if}
+                  {#if header.column.getCanFilter()}
+                    <div>
+                      {@render Filter(header.column, table)}
+                    </div>
+                  {/if}
+                </div>
+              {/if}
+            </th>
+          {/each}
+        </tr>
+      {/each}
+    </thead>
+    <tbody>
+      {#each table.getRowModel().rows as row (row.id)}
+        <tr>
+          {#each row.getAllCells() as cell (cell.id)}
+            <td>
+              {#if cell.column.id === 'firstName'}
+                <div style="padding-left: {row.depth * 2}rem">
+                  <div>
+                    <input
+                      type="checkbox"
+                      checked={row.getIsSelected()}
+                      use:setIndeterminate={!row.getIsSelected() && row.getIsSomeSelected()}
+                      onchange={row.getToggleSelectedHandler()}
+                      class="cursor-pointer"
+                    />
+                    {' '}
+                    {#if row.getCanExpand()}
+                      <button
+                        onclick={row.getToggleExpandedHandler()}
+                        style="cursor: pointer"
+                      >
+                        {row.getIsExpanded() ? '\u{1F447}' : '\u{1F449}'}
+                      </button>
+                    {:else}
+                      {'\u{1F535}'}
+                    {/if}
+                    {' '}
+                    <FlexRender cell={cell} />
+                  </div>
+                </div>
+              {:else}
+                <FlexRender cell={cell} />
+              {/if}
+            </td>
+          {/each}
+        </tr>
+      {/each}
+    </tbody>
+  </table>
+  <div class="h-2"></div>
+  <div class="flex items-center gap-2">
+    <button
+      class="border rounded p-1"
+      onclick={() => table.setPageIndex(0)}
+      disabled={!table.getCanPreviousPage()}
+    >
+      {'<<'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.previousPage()}
+      disabled={!table.getCanPreviousPage()}
+    >
+      {'<'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.nextPage()}
+      disabled={!table.getCanNextPage()}
+    >
+      {'>'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.setPageIndex(table.getPageCount() - 1)}
+      disabled={!table.getCanNextPage()}
+    >
+      {'>>'}
+    </button>
+    <span class="flex items-center gap-1">
+      <div>Page</div>
+      <strong>
+        {table.state.pagination.pageIndex + 1} of{' '}
+        {table.getPageCount()}
+      </strong>
+    </span>
+    <span class="flex items-center gap-1">
+      | Go to page:
+      <input
+        type="number"
+        min="1"
+        max={table.getPageCount()}
+        value={table.state.pagination.pageIndex + 1}
+        oninput={(e) => {
+          const page = (e.target as HTMLInputElement).value
+            ? Number((e.target as HTMLInputElement).value) - 1
+            : 0
+          table.setPageIndex(page)
+        }}
+        class="border p-1 rounded w-16"
+      />
+    </span>
+    <select
+      value={table.state.pagination.pageSize}
+      onchange={(e) => {
+        table.setPageSize(Number((e.target as HTMLSelectElement).value))
+      }}
+    >
+      {#each [10, 20, 30, 40, 50] as pageSize}
+        <option value={pageSize}>Show {pageSize}</option>
+      {/each}
+    </select>
+  </div>
+  <div>{table.getRowModel().rows.length} Rows</div>
+  <div>
+    <button onclick={() => refreshData()}>Refresh Data</button>
+  </div>
+  <pre>{JSON.stringify(table.state, null, 2)}</pre>
+</div>
+
+{#snippet Filter(column: Column<typeof _features, Person>, table: SvelteTable<typeof _features, Person>)}
+  {@const firstValue = table
+    .getPreFilteredRowModel()
+    .flatRows[0]?.getValue(column.id)}
+
+  {#if typeof firstValue === 'number'}
+    <div class="flex space-x-2">
+      <input
+        type="number"
+        value={((column.getFilterValue() as [number, number] | undefined)?.[0] ?? '') as string}
+        oninput={(e) =>
+          column.setFilterValue((old: [number, number] | undefined) => [
+            (e.target as HTMLInputElement).value,
+            old?.[1],
+          ])
+        }
+        placeholder="Min"
+        class="w-24 border shadow rounded"
+      />
+      <input
+        type="number"
+        value={((column.getFilterValue() as [number, number] | undefined)?.[1] ?? '') as string}
+        oninput={(e) =>
+          column.setFilterValue((old: [number, number] | undefined) => [
+            old?.[0],
+            (e.target as HTMLInputElement).value,
+          ])
+        }
+        placeholder="Max"
+        class="w-24 border shadow rounded"
+      />
+    </div>
+  {:else}
+    <input
+      type="text"
+      value={(column.getFilterValue() ?? '') as string}
+      oninput={(e) => column.setFilterValue((e.target as HTMLInputElement).value)}
+      placeholder="Search..."
+      class="w-36 border shadow rounded"
+    />
+  {/if}
+{/snippet}
diff --git a/examples/svelte/expanding/src/index.css b/examples/svelte/expanding/src/index.css
new file mode 100644
index 0000000000..12d71033f0
--- /dev/null
+++ b/examples/svelte/expanding/src/index.css
@@ -0,0 +1,21 @@
+html {
+  font-family: sans-serif;
+  font-size: 14px;
+}
+table {
+  border: 1px solid lightgray;
+}
+tbody {
+  border-bottom: 1px solid lightgray;
+}
+th {
+  border-bottom: 1px solid lightgray;
+  border-right: 1px solid lightgray;
+  padding: 2px 4px;
+}
+tfoot {
+  color: gray;
+}
+tfoot th {
+  font-weight: normal;
+}
diff --git a/examples/svelte/expanding/src/main.ts b/examples/svelte/expanding/src/main.ts
new file mode 100644
index 0000000000..2f4dd54dc3
--- /dev/null
+++ b/examples/svelte/expanding/src/main.ts
@@ -0,0 +1,9 @@
+// @ts-ignore
+import { mount } from 'svelte'
+import App from './App.svelte'
+
+const app = mount(App, {
+  target: document.getElementById('root')!,
+})
+
+export default app
diff --git a/examples/svelte/expanding/src/makeData.ts b/examples/svelte/expanding/src/makeData.ts
new file mode 100644
index 0000000000..8675eacca6
--- /dev/null
+++ b/examples/svelte/expanding/src/makeData.ts
@@ -0,0 +1,43 @@
+import { faker } from '@faker-js/faker'
+
+export type Person = {
+  firstName: string
+  lastName: string
+  age: number
+  visits: number
+  progress: number
+  status: 'relationship' | 'complicated' | 'single'
+  subRows?: Array<Person>
+}
+
+const range = (len: number) => {
+  const arr: Array<number> = []
+  for (let i = 0; i < len; i++) arr.push(i)
+  return arr
+}
+
+const newPerson = (): Person => ({
+  firstName: faker.person.firstName(),
+  lastName: faker.person.lastName(),
+  age: faker.number.int(40),
+  visits: faker.number.int(1000),
+  progress: faker.number.int(100),
+  status: faker.helpers.shuffle<Person['status']>([
+    'relationship',
+    'complicated',
+    'single',
+  ])[0]!,
+})
+
+export function makeData(...lens: Array<number>) {
+  const makeDataLevel = (depth = 0): Array<Person> => {
+    const len = lens[depth]!
+    return range(len).map(
+      (): Person => ({
+        ...newPerson(),
+        subRows: lens[depth + 1] ? makeDataLevel(depth + 1) : undefined,
+      }),
+    )
+  }
+  return makeDataLevel()
+}
diff --git a/examples/svelte/expanding/svelte.config.js b/examples/svelte/expanding/svelte.config.js
new file mode 100644
index 0000000000..8abe4369b8
--- /dev/null
+++ b/examples/svelte/expanding/svelte.config.js
@@ -0,0 +1,5 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  preprocess: vitePreprocess(),
+}
diff --git a/examples/svelte/expanding/tsconfig.json b/examples/svelte/expanding/tsconfig.json
new file mode 100644
index 0000000000..e44d928411
--- /dev/null
+++ b/examples/svelte/expanding/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/examples/svelte/expanding/vite.config.js b/examples/svelte/expanding/vite.config.js
new file mode 100644
index 0000000000..c6ced40a24
--- /dev/null
+++ b/examples/svelte/expanding/vite.config.js
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import rollupReplace from '@rollup/plugin-replace'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    rollupReplace({
+      preventAssignment: true,
+      values: {
+        __DEV__: JSON.stringify(true),
+        'process.env.NODE_ENV': JSON.stringify('development'),
+      },
+    }),
+    svelte(),
+  ],
+})
diff --git a/examples/svelte/filtering/package.json b/examples/svelte/filtering/package.json
index 913643cf56..df28dba0fa 100644
--- a/examples/svelte/filtering/package.json
+++ b/examples/svelte/filtering/package.json
@@ -14,7 +14,6 @@
     "@faker-js/faker": "^10.4.0",
     "@rollup/plugin-replace": "^6.0.3",
     "@sveltejs/vite-plugin-svelte": "^7.0.0",
-    "@tanstack/match-sorter-utils": "^9.0.0-alpha.4",
     "@tanstack/svelte-table": "^9.0.0-alpha.10",
     "@tsconfig/svelte": "^5.0.8",
     "svelte": "^5.55.1",
diff --git a/examples/svelte/filtering/src/App.svelte b/examples/svelte/filtering/src/App.svelte
index 1bbe66ed0a..5c830cb987 100644
--- a/examples/svelte/filtering/src/App.svelte
+++ b/examples/svelte/filtering/src/App.svelte
@@ -1,118 +1,158 @@
 <script lang="ts">
-  import { rankItem } from '@tanstack/match-sorter-utils'
-  import type { ColumnDef, FilterFn } from '@tanstack/svelte-table'
+  import type { ColumnDef } from '@tanstack/svelte-table'
   import {
     FlexRender,
+    Subscribe,
+    columnFacetingFeature,
     columnFilteringFeature,
-    columnVisibilityFeature,
+    createFacetedMinMaxValues,
+    createFacetedRowModel,
+    createFacetedUniqueValues,
     createFilteredRowModel,
-    createPaginatedRowModel,
     createTable,
     filterFns,
     globalFilteringFeature,
     tableFeatures,
   } from '@tanstack/svelte-table'
+  import DebouncedInput from './DebouncedInput.svelte'
+  import ColumnFilter from './ColumnFilter.svelte'
   import './index.css'
   import { makeData, type Person } from './makeData'
 
   const _features = tableFeatures({
-    columnVisibilityFeature,
-    globalFilteringFeature,
     columnFilteringFeature,
+    globalFilteringFeature,
+    columnFacetingFeature,
   })
 
-  const fuzzyFilter: FilterFn<typeof _features, Person> = (
-    row,
-    columnId,
-    value,
-    addMeta,
-  ) => {
-    // Rank the item
-    const itemRank = rankItem(row.getValue(columnId), value)
-
-    // Store the itemRank info
-    addMeta?.({ itemRank })
-
-    // Return if the item should be filtered in/out
-    return itemRank.passed
-  }
-
-  const columns: ColumnDef<typeof _features, Person>[] = [
+  const columns: Array<ColumnDef<typeof _features, Person>> = [
     {
-      accessorFn: (row) => `${row.firstName} ${row.lastName}`,
-      id: 'fullName',
       header: 'Name',
-      cell: (info) => info.getValue(),
       footer: (props) => props.column.id,
-      filterFn: 'fuzzy',
+      columns: [
+        {
+          accessorKey: 'firstName',
+          cell: (info) => info.getValue(),
+          footer: (props) => props.column.id,
+        },
+        {
+          accessorFn: (row) => row.lastName,
+          id: 'lastName',
+          cell: (info) => info.getValue(),
+          header: () => 'Last Name',
+          footer: (props) => props.column.id,
+        },
+      ],
+    },
+    {
+      header: 'Info',
+      footer: (props) => props.column.id,
+      columns: [
+        {
+          accessorKey: 'age',
+          header: () => 'Age',
+          footer: (props) => props.column.id,
+          filterFn: 'inNumberRange',
+        },
+        {
+          header: 'More Info',
+          columns: [
+            {
+              accessorKey: 'visits',
+              header: () => 'Visits',
+              footer: (props) => props.column.id,
+              filterFn: 'inNumberRange',
+            },
+            {
+              accessorKey: 'status',
+              header: 'Status',
+              footer: (props) => props.column.id,
+            },
+            {
+              accessorKey: 'progress',
+              header: 'Profile Progress',
+              footer: (props) => props.column.id,
+              filterFn: 'inNumberRange',
+            },
+          ],
+        },
+      ],
     },
   ]
 
+  let data = $state(makeData(1_000))
+  const refreshData = () => {
+    data = makeData(50_000) // stress test
+  }
+
   const table = createTable(
     {
       _features,
       _rowModels: {
-        filteredRowModel: createFilteredRowModel({
-          ...filterFns,
-          fuzzy: fuzzyFilter,
-        }),
-        paginatedRowModel: createPaginatedRowModel(),
+        facetedRowModel: createFacetedRowModel(),
+        facetedMinMaxValues: createFacetedMinMaxValues(),
+        facetedUniqueValues: createFacetedUniqueValues(),
+        filteredRowModel: createFilteredRowModel(filterFns),
+      },
+      get data() {
+        return data
       },
-      data: makeData(25),
       columns,
-      globalFilterFn: fuzzyFilter,
+      globalFilterFn: 'includesString',
+      debugTable: true,
+      debugHeaders: true,
+      debugColumns: false,
     },
-    (state) => ({
-      globalFilter: state.globalFilter,
-    }),
+    (state) => state,
   )
-
-  // Access selected state reactively
-  $effect(() => {
-    // Access table.state to create reactive dependency
-    table.state
-  })
 </script>
 
-<input
-  type="text"
-  placeholder="Global filter"
-  class="border w-full p-1"
-  value={table.state.globalFilter ?? ''}
-  oninput={(e) => table.setGlobalFilter(e.target.value)}
-/>
-<div class="h-2"></div>
-<table class="w-full">
-  <thead>
-    {#each table.getHeaderGroups() as headerGroup}
-      <tr>
-        {#each headerGroup.headers as header, idx}
-          <th scope="col">
-            {#if !header.isPlaceholder}
-              <FlexRender
-                content={header.column.columnDef.header}
-                context={header.getContext()}
-              />
-            {/if}
-          </th>
-        {/each}
-      </tr>
-    {/each}
-  </thead>
-  <tbody>
-    {#each table.getRowModel().rows as row}
-      <tr>
-        {#each row.getVisibleCells() as cell}
-          <td>
-            <FlexRender
-              content={cell.column.columnDef.cell}
-              context={cell.getContext()}
-            />
-          </td>
-        {/each}
-      </tr>
-    {/each}
-  </tbody>
-</table>
-<div class="h-2"></div>
-<pre>"globalFilter": "{table.state.globalFilter}"</pre>
+<div class="p-2">
+  <DebouncedInput
+    value={table.state.globalFilter ?? ''}
+    onchange={(value) => table.setGlobalFilter(String(value))}
+    class="p-2 font-lg shadow border border-block"
+    placeholder="Search all columns..."
+  />
+  <div class="h-2"></div>
+  <table>
+    <thead>
+      {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+        <tr>
+          {#each headerGroup.headers as header (header.id)}
+            <th colSpan={header.colSpan}>
+              {#if !header.isPlaceholder}
+                <FlexRender header={header} />
+                {#if header.column.getCanFilter()}
+                  <div>
+                    <ColumnFilter column={header.column} {table} />
+                  </div>
+                {/if}
+              {/if}
+            </th>
+          {/each}
+        </tr>
+      {/each}
+    </thead>
+    <tbody>
+      {#each table.getRowModel().rows.slice(0, 10) as row (row.id)}
+        <tr>
+          {#each row.getAllCells() as cell (cell.id)}
+            <td>
+              <FlexRender cell={cell} />
+            </td>
+          {/each}
+        </tr>
+      {/each}
+    </tbody>
+  </table>
+  <div>{table.getRowModel().rows.length} Rows</div>
+  <div>
+    <button onclick={() => refreshData()}>Refresh Data</button>
+  </div>
+  <Subscribe selector={(state) => state} {table}>
+    {#snippet children(state)}
+      <pre>{JSON.stringify(state, null, 2)}</pre>
+    {/snippet}
+  </Subscribe>
+</div>
diff --git a/examples/svelte/filtering/src/ColumnFilter.svelte b/examples/svelte/filtering/src/ColumnFilter.svelte
new file mode 100644
index 0000000000..7878c63591
--- /dev/null
+++ b/examples/svelte/filtering/src/ColumnFilter.svelte
@@ -0,0 +1,68 @@
+<script lang="ts">
+  import DebouncedInput from './DebouncedInput.svelte'
+  import type { Person } from './makeData'
+  import type { Column, Table } from '@tanstack/svelte-table'
+
+  let {
+    column,
+    table,
+  }: {
+    column: Column<any, Person, unknown>
+    table: Table<any, Person>
+  } = $props()
+
+  const firstValue = $derived(
+    table.getPreFilteredRowModel().flatRows[0]?.getValue(column.id),
+  )
+
+  const isNumber = $derived(typeof firstValue === 'number')
+</script>
+
+{#if isNumber}
+  <div>
+    <div class="flex space-x-2">
+      <DebouncedInput
+        type="number"
+        min={0}
+        max={100}
+        value={(column.getFilterValue() as [number, number] | undefined)?.[0] ?? ''}
+        onchange={(value) =>
+          column.setFilterValue((old: [number, number] | undefined) => [
+            value,
+            old?.[1] ?? '',
+          ])
+        }
+        debounce={500}
+        placeholder="Min"
+        class="w-24 border shadow rounded"
+      />
+      <DebouncedInput
+        type="number"
+        min={0}
+        max={100}
+        value={(column.getFilterValue() as [number, number] | undefined)?.[1] ?? ''}
+        onchange={(value) =>
+          column.setFilterValue((old: [number, number] | undefined) => [
+            old?.[0] ?? '',
+            value,
+          ])
+        }
+        debounce={500}
+        placeholder="Max"
+        class="w-24 border shadow rounded"
+      />
+    </div>
+  </div>
+{:else}
+  <div>
+    <DebouncedInput
+      type="text"
+      value={(column.getFilterValue() ?? '') as string}
+      onchange={(value) => column.setFilterValue(value)}
+      debounce={500}
+      placeholder="Search..."
+      class="w-36 border shadow rounded"
+      list="{column.id}list"
+    />
+  </div>
+{/if}
diff --git a/examples/svelte/filtering/src/DebouncedInput.svelte b/examples/svelte/filtering/src/DebouncedInput.svelte
new file mode 100644
index 0000000000..75e9c11427
--- /dev/null
+++ b/examples/svelte/filtering/src/DebouncedInput.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+  let {
+    value,
+    onchange,
+    debounce = 500,
+    ...rest
+  }: {
+    value: string | number
+    onchange: (value: string | number) => void
+    debounce?: number
+    [key: string]: any
+  } = $props()
+
+  let internalValue: string | number = $state('')
+
+  $effect(() => {
+    internalValue = value
+  })
+
+  $effect(() => {
+    const v = internalValue
+    const timeout = setTimeout(() => {
+      onchange(v)
+    }, debounce)
+    return () => clearTimeout(timeout)
+  })
+</script>
+
+<input {...rest} bind:value={internalValue} />
diff --git a/examples/svelte/filtering/src/main.ts b/examples/svelte/filtering/src/main.ts
index 3b96aeccb8..2f4dd54dc3 100644
--- a/examples/svelte/filtering/src/main.ts
+++ b/examples/svelte/filtering/src/main.ts
@@ -1,17 +1,6 @@
 // @ts-ignore
 import { mount } from 'svelte'
 import App from './App.svelte'
-import type { FilterFn } from '@tanstack/svelte-table'
-import type { RankingInfo } from '@tanstack/match-sorter-utils'
-
-declare module '@tanstack/svelte-table' {
-  interface FilterFns {
-    fuzzy: FilterFn<unknown>
-  }
-  interface FilterMeta {
-    itemRank: RankingInfo
-  }
-}
 
 const app = mount(App, {
   target: document.getElementById('root')!,
diff --git a/examples/svelte/filters-faceted/.gitignore b/examples/svelte/filters-faceted/.gitignore
new file mode 100644
index 0000000000..2de1736a62
--- /dev/null
+++ b/examples/svelte/filters-faceted/.gitignore
@@ -0,0 +1,8 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+src/**/*.d.ts
+src/**/*.map
diff --git a/examples/svelte/filters-faceted/README.md b/examples/svelte/filters-faceted/README.md
new file mode 100644
index 0000000000..b168d3c4b1
--- /dev/null
+++ b/examples/svelte/filters-faceted/README.md
@@ -0,0 +1,6 @@
+# Example
+
+To run this example:
+
+- `npm install` or `yarn`
+- `npm run start` or `yarn start`
diff --git a/examples/svelte/filters-faceted/index.html b/examples/svelte/filters-faceted/index.html
new file mode 100644
index 0000000000..6ab1dd7e51
--- /dev/null
+++ b/examples/svelte/filters-faceted/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+    <script type="module" src="https://cdn.skypack.dev/twind/shim"></script>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/svelte/filters-faceted/package.json b/examples/svelte/filters-faceted/package.json
new file mode 100644
index 0000000000..edaa44cb9e
--- /dev/null
+++ b/examples/svelte/filters-faceted/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "tanstack-table-example-svelte-filters-faceted",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint ./src"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^10.4.0",
+    "@rollup/plugin-replace": "^6.0.3",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@tanstack/svelte-table": "^9.0.0-alpha.10",
+    "@tsconfig/svelte": "^5.0.8",
+    "svelte": "^5.55.1",
+    "svelte-check": "^4.4.6",
+    "typescript": "6.0.2",
+    "vite": "^8.0.3"
+  }
+}
diff --git a/examples/svelte/filters-faceted/src/App.svelte b/examples/svelte/filters-faceted/src/App.svelte
new file mode 100644
index 0000000000..0dfe3a083a
--- /dev/null
+++ b/examples/svelte/filters-faceted/src/App.svelte
@@ -0,0 +1,155 @@
+<script lang="ts">
+  import type { ColumnDef } from '@tanstack/svelte-table'
+  import {
+    FlexRender,
+    Subscribe,
+    columnFacetingFeature,
+    columnFilteringFeature,
+    createFacetedMinMaxValues,
+    createFacetedRowModel,
+    createFacetedUniqueValues,
+    createFilteredRowModel,
+    createTable,
+    filterFns,
+    globalFilteringFeature,
+    tableFeatures,
+  } from '@tanstack/svelte-table'
+  import DebouncedInput from './DebouncedInput.svelte'
+  import ColumnFilter from './ColumnFilter.svelte'
+  import './index.css'
+  import { makeData, type Person } from './makeData'
+
+  const _features = tableFeatures({
+    columnFilteringFeature,
+    globalFilteringFeature,
+    columnFacetingFeature,
+  })
+
+  const columns: Array<ColumnDef<typeof _features, Person>> = [
+    {
+      header: 'Name',
+      footer: (props) => props.column.id,
+      columns: [
+        {
+          accessorKey: 'firstName',
+          cell: (info) => info.getValue(),
+          footer: (props) => props.column.id,
+        },
+        {
+          accessorFn: (row) => row.lastName,
+          id: 'lastName',
+          cell: (info) => info.getValue(),
+          header: () => 'Last Name',
+          footer: (props) => props.column.id,
+        },
+      ],
+    },
+    {
+      header: 'Info',
+      footer: (props) => props.column.id,
+      columns: [
+        {
+          accessorKey: 'age',
+          header: () => 'Age',
+          footer: (props) => props.column.id,
+        },
+        {
+          header: 'More Info',
+          columns: [
+            {
+              accessorKey: 'visits',
+              header: () => 'Visits',
+              footer: (props) => props.column.id,
+            },
+            {
+              accessorKey: 'status',
+              header: 'Status',
+              footer: (props) => props.column.id,
+            },
+            {
+              accessorKey: 'progress',
+              header: 'Profile Progress',
+              footer: (props) => props.column.id,
+            },
+          ],
+        },
+      ],
+    },
+  ]
+
+  let data = $state(makeData(1_000))
+  const refreshData = () => {
+    data = makeData(50_000) // stress test
+  }
+
+  const table = createTable(
+    {
+      _features,
+      _rowModels: {
+        facetedRowModel: createFacetedRowModel(),
+        facetedMinMaxValues: createFacetedMinMaxValues(),
+        facetedUniqueValues: createFacetedUniqueValues(),
+        filteredRowModel: createFilteredRowModel(filterFns),
+      },
+      get data() {
+        return data
+      },
+      columns,
+      globalFilterFn: 'includesString',
+      debugTable: true,
+      debugHeaders: true,
+      debugColumns: false,
+    },
+    (state) => state,
+  )
+</script>
+
+<div class="p-2">
+  <DebouncedInput
+    value={table.state.globalFilter ?? ''}
+    onchange={(value) => table.setGlobalFilter(String(value))}
+    class="p-2 font-lg shadow border border-block"
+    placeholder="Search all columns..."
+  />
+  <div class="h-2"></div>
+  <table>
+    <thead>
+      {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+        <tr>
+          {#each headerGroup.headers as header (header.id)}
+            <th colSpan={header.colSpan}>
+              {#if !header.isPlaceholder}
+                <FlexRender header={header} />
+                {#if header.column.getCanFilter()}
+                  <div>
+                    <ColumnFilter column={header.column} {table} />
+                  </div>
+                {/if}
+              {/if}
+            </th>
+          {/each}
+        </tr>
+      {/each}
+    </thead>
+    <tbody>
+      {#each table.getRowModel().rows.slice(0, 10) as row (row.id)}
+        <tr>
+          {#each row.getAllCells() as cell (cell.id)}
+            <td>
+              <FlexRender cell={cell} />
+            </td>
+          {/each}
+        </tr>
+      {/each}
+    </tbody>
+  </table>
+  <div>{table.getRowModel().rows.length} Rows</div>
+  <div>
+    <button onclick={() => refreshData()}>Refresh Data</button>
+  </div>
+  <Subscribe selector={(state) => state} {table}>
+    {#snippet children(state)}
+      <pre>{JSON.stringify(state, null, 2)}</pre>
+    {/snippet}
+  </Subscribe>
+</div>
diff --git a/examples/svelte/filters-faceted/src/ColumnFilter.svelte b/examples/svelte/filters-faceted/src/ColumnFilter.svelte
new file mode 100644
index 0000000000..52bb1101af
--- /dev/null
+++ b/examples/svelte/filters-faceted/src/ColumnFilter.svelte
@@ -0,0 +1,78 @@
+<script lang="ts">
+  import DebouncedInput from './DebouncedInput.svelte'
+  import type { Person } from './makeData'
+  import type { Column, Table } from '@tanstack/svelte-table'
+
+  let {
+    column,
+    table,
+  }: {
+    column: Column<any, Person, unknown>
+    table: Table<any, Person>
+  } = $props()
+
+  const firstValue = $derived(
+    table.getPreFilteredRowModel().flatRows[0]?.getValue(column.id),
+  )
+
+  const isNumber = $derived(typeof firstValue === 'number')
+
+  function getSortedUniqueValues(): Array<string> {
+    if (isNumber) return []
+    return Array.from(column.getFacetedUniqueValues().keys()).sort() as Array<string>
+  }
+</script>
+
+{#if isNumber}
+  <div>
+    <div class="flex space-x-2">
+      <DebouncedInput
+        type="number"
+        min={Number(column.getFacetedMinMaxValues()?.[0] ?? '')}
+        max={Number(column.getFacetedMinMaxValues()?.[1] ?? '')}
+        value={(column.getFilterValue() as [number, number] | undefined)?.[0] ?? ''}
+        onchange={(value) =>
+          column.setFilterValue((old: [number, number]) => [
+            value,
+            old?.[1],
+          ])
+        }
+        debounce={500}
+        placeholder={`Min ${column.getFacetedMinMaxValues()?.[0] ? `(${column.getFacetedMinMaxValues()?.[0]})` : ''}`}
+        class="w-24 border shadow rounded"
+      />
+      <DebouncedInput
+        type="number"
+        min={Number(column.getFacetedMinMaxValues()?.[0] ?? '')}
+        max={Number(column.getFacetedMinMaxValues()?.[1] ?? '')}
+        value={(column.getFilterValue() as [number, number] | undefined)?.[1] ?? ''}
+        onchange={(value) =>
+          column.setFilterValue((old: [number, number]) => [
+            old?.[0],
+            value,
+          ])
+        }
+        debounce={500}
+        placeholder={`Max ${column.getFacetedMinMaxValues()?.[1] ? `(${column.getFacetedMinMaxValues()?.[1]})` : ''}`}
+        class="w-24 border shadow rounded"
+      />
+    </div>
+  </div>
+{:else}
+  <div>
+    <datalist id="{column.id}list">
+      {#each getSortedUniqueValues().slice(0, 5000) as value}
+        <option value={value}></option>
+      {/each}
+    </datalist>
+    <DebouncedInput
+      type="text"
+      value={(column.getFilterValue() ?? '') as string}
+      onchange={(value) => column.setFilterValue(value)}
+      debounce={500}
+      placeholder={`Search... (${column.getFacetedUniqueValues().size})`}
+      class="w-36 border shadow rounded"
+      list="{column.id}list"
+    />
+  </div>
+{/if}
diff --git a/examples/svelte/filters-faceted/src/DebouncedInput.svelte b/examples/svelte/filters-faceted/src/DebouncedInput.svelte
new file mode 100644
index 0000000000..75e9c11427
--- /dev/null
+++ b/examples/svelte/filters-faceted/src/DebouncedInput.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+  let {
+    value,
+    onchange,
+    debounce = 500,
+    ...rest
+  }: {
+    value: string | number
+    onchange: (value: string | number) => void
+    debounce?: number
+    [key: string]: any
+  } = $props()
+
+  let internalValue: string | number = $state('')
+
+  $effect(() => {
+    internalValue = value
+  })
+
+  $effect(() => {
+    const v = internalValue
+    const timeout = setTimeout(() => {
+      onchange(v)
+    }, debounce)
+    return () => clearTimeout(timeout)
+  })
+</script>
+
+<input {...rest} bind:value={internalValue} />
diff --git a/examples/svelte/filters-faceted/src/index.css b/examples/svelte/filters-faceted/src/index.css
new file mode 100644
index 0000000000..43c09e0f6b
--- /dev/null
+++ b/examples/svelte/filters-faceted/src/index.css
@@ -0,0 +1,26 @@
+html {
+  font-family: sans-serif;
+  font-size: 14px;
+}
+
+table {
+  border: 1px solid lightgray;
+}
+
+tbody {
+  border-bottom: 1px solid lightgray;
+}
+
+th {
+  border-bottom: 1px solid lightgray;
+  border-right: 1px solid lightgray;
+  padding: 2px 4px;
+}
+
+tfoot {
+  color: gray;
+}
+
+tfoot th {
+  font-weight: normal;
+}
diff --git a/examples/svelte/filters-faceted/src/main.ts b/examples/svelte/filters-faceted/src/main.ts
new file mode 100644
index 0000000000..2f4dd54dc3
--- /dev/null
+++ b/examples/svelte/filters-faceted/src/main.ts
@@ -0,0 +1,9 @@
+// @ts-ignore
+import { mount } from 'svelte'
+import App from './App.svelte'
+
+const app = mount(App, {
+  target: document.getElementById('root')!,
+})
+
+export default app
diff --git a/examples/svelte/filters-faceted/src/makeData.ts b/examples/svelte/filters-faceted/src/makeData.ts
new file mode 100644
index 0000000000..b9fb014aba
--- /dev/null
+++ b/examples/svelte/filters-faceted/src/makeData.ts
@@ -0,0 +1,48 @@
+import { faker } from '@faker-js/faker'
+
+export type Person = {
+  firstName: string
+  lastName: string
+  age: number
+  visits: number
+  progress: number
+  status: 'relationship' | 'complicated' | 'single'
+  subRows?: Array<Person>
+}
+
+const range = (len: number) => {
+  const arr: Array<number> = []
+  for (let i = 0; i < len; i++) {
+    arr.push(i)
+  }
+  return arr
+}
+
+const newPerson = (): Person => {
+  return {
+    firstName: faker.person.firstName(),
+    lastName: faker.person.lastName(),
+    age: faker.number.int(40),
+    visits: faker.number.int(1000),
+    progress: faker.number.int(100),
+    status: faker.helpers.shuffle<Person['status']>([
+      'relationship',
+      'complicated',
+      'single',
+    ])[0],
+  }
+}
+
+export function makeData(...lens: Array<number>) {
+  const makeDataLevel = (depth = 0): Array<Person> => {
+    const len = lens[depth]
+    return range(len).map((d): Person => {
+      return {
+        ...newPerson(),
+        subRows: lens[depth + 1] ? makeDataLevel(depth + 1) : undefined,
+      }
+    })
+  }
+
+  return makeDataLevel()
+}
diff --git a/examples/svelte/filters-faceted/svelte.config.js b/examples/svelte/filters-faceted/svelte.config.js
new file mode 100644
index 0000000000..8abe4369b8
--- /dev/null
+++ b/examples/svelte/filters-faceted/svelte.config.js
@@ -0,0 +1,5 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  preprocess: vitePreprocess(),
+}
diff --git a/examples/svelte/filters-faceted/tsconfig.json b/examples/svelte/filters-faceted/tsconfig.json
new file mode 100644
index 0000000000..e44d928411
--- /dev/null
+++ b/examples/svelte/filters-faceted/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/examples/svelte/filters-faceted/vite.config.js b/examples/svelte/filters-faceted/vite.config.js
new file mode 100644
index 0000000000..c6ced40a24
--- /dev/null
+++ b/examples/svelte/filters-faceted/vite.config.js
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import rollupReplace from '@rollup/plugin-replace'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    rollupReplace({
+      preventAssignment: true,
+      values: {
+        __DEV__: JSON.stringify(true),
+        'process.env.NODE_ENV': JSON.stringify('development'),
+      },
+    }),
+    svelte(),
+  ],
+})
diff --git a/examples/svelte/filters-fuzzy/.gitignore b/examples/svelte/filters-fuzzy/.gitignore
new file mode 100644
index 0000000000..2de1736a62
--- /dev/null
+++ b/examples/svelte/filters-fuzzy/.gitignore
@@ -0,0 +1,8 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+src/**/*.d.ts
+src/**/*.map
diff --git a/examples/svelte/filters-fuzzy/README.md b/examples/svelte/filters-fuzzy/README.md
new file mode 100644
index 0000000000..b168d3c4b1
--- /dev/null
+++ b/examples/svelte/filters-fuzzy/README.md
@@ -0,0 +1,6 @@
+# Example
+
+To run this example:
+
+- `npm install` or `yarn`
+- `npm run start` or `yarn start`
diff --git a/examples/svelte/filters-fuzzy/index.html b/examples/svelte/filters-fuzzy/index.html
new file mode 100644
index 0000000000..6ab1dd7e51
--- /dev/null
+++ b/examples/svelte/filters-fuzzy/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+    <script type="module" src="https://cdn.skypack.dev/twind/shim"></script>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/svelte/filters-fuzzy/package.json b/examples/svelte/filters-fuzzy/package.json
new file mode 100644
index 0000000000..3f10191673
--- /dev/null
+++ b/examples/svelte/filters-fuzzy/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "tanstack-table-example-svelte-filters-fuzzy",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint ./src"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^10.4.0",
+    "@rollup/plugin-replace": "^6.0.3",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@tanstack/match-sorter-utils": "^9.0.0-alpha.4",
+    "@tanstack/svelte-table": "^9.0.0-alpha.10",
+    "@tsconfig/svelte": "^5.0.8",
+    "svelte": "^5.55.1",
+    "svelte-check": "^4.4.6",
+    "typescript": "6.0.2",
+    "vite": "^8.0.3"
+  }
+}
diff --git a/examples/svelte/filters-fuzzy/src/App.svelte b/examples/svelte/filters-fuzzy/src/App.svelte
new file mode 100644
index 0000000000..c6a41c28c4
--- /dev/null
+++ b/examples/svelte/filters-fuzzy/src/App.svelte
@@ -0,0 +1,255 @@
+<script lang="ts">
+  import {
+    FlexRender,
+    Subscribe,
+    columnFilteringFeature,
+    createColumnHelper,
+    createFilteredRowModel,
+    createPaginatedRowModel,
+    createSortedRowModel,
+    createTable,
+    filterFns,
+    globalFilteringFeature,
+    rowPaginationFeature,
+    rowSortingFeature,
+    sortFns,
+    tableFeatures,
+  } from '@tanstack/svelte-table'
+  import { compareItems, rankItem } from '@tanstack/match-sorter-utils'
+  import DebouncedInput from './DebouncedInput.svelte'
+  import './index.css'
+  import { makeData, type Person } from './makeData'
+  import type { Column, FilterFn, SortFn } from '@tanstack/svelte-table'
+
+  const _features = tableFeatures({
+    columnFilteringFeature,
+    globalFilteringFeature,
+    rowSortingFeature,
+    rowPaginationFeature,
+  })
+
+  const columnHelper = createColumnHelper<typeof _features, Person>()
+
+  const fuzzyFilter: FilterFn<typeof _features, Person> = (
+    row,
+    columnId,
+    value,
+    addMeta,
+  ) => {
+    const itemRank = rankItem(row.getValue(columnId), value)
+    addMeta?.({ itemRank })
+    return itemRank.passed
+  }
+
+  const fuzzySort: SortFn<typeof _features, Person> = (
+    rowA,
+    rowB,
+    columnId,
+  ) => {
+    let dir = 0
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+    if (rowA.columnFiltersMeta[columnId]) {
+      dir = compareItems(
+        rowA.columnFiltersMeta[columnId].itemRank!,
+        rowB.columnFiltersMeta[columnId].itemRank!,
+      )
+    }
+    return dir === 0 ? sortFns.alphanumeric(rowA, rowB, columnId) : dir
+  }
+
+  const columns = columnHelper.columns([
+    columnHelper.accessor('id', {
+      filterFn: 'equalsString',
+    }),
+    columnHelper.accessor('firstName', {
+      cell: (info) => info.getValue(),
+      filterFn: 'includesStringSensitive',
+    }),
+    columnHelper.accessor((row) => row.lastName, {
+      id: 'lastName',
+      cell: (info) => info.getValue(),
+      header: () => 'Last Name',
+      filterFn: 'includesString',
+    }),
+    columnHelper.accessor((row) => `${row.firstName} ${row.lastName}`, {
+      id: 'fullName',
+      header: 'Full Name',
+      cell: (info) => info.getValue(),
+      filterFn: 'fuzzy',
+      sortFn: fuzzySort,
+    }),
+  ])
+
+  let data = $state<Array<Person>>(makeData(5_000))
+  const refreshData = () => {
+    data = makeData(50_000)
+  }
+
+  const table = createTable(
+    {
+      _features,
+      _rowModels: {
+        filteredRowModel: createFilteredRowModel({
+          ...filterFns,
+          fuzzy: fuzzyFilter,
+        }),
+        paginatedRowModel: createPaginatedRowModel(),
+        sortedRowModel: createSortedRowModel(sortFns),
+      },
+      columns,
+      get data() {
+        return data
+      },
+      globalFilterFn: 'fuzzy',
+      debugTable: true,
+      debugHeaders: true,
+      debugColumns: false,
+    },
+    (state) => state,
+  )
+
+  $effect(() => {
+    if (table.store.state.columnFilters[0]?.id === 'fullName') {
+      if (table.store.state.sorting[0]?.id !== 'fullName') {
+        table.setSorting([{ id: 'fullName', desc: false }])
+      }
+    }
+  })
+</script>
+
+<div class="p-2">
+  <div>
+    <DebouncedInput
+      value={(table.state.globalFilter ?? '') as string}
+      onchange={(value) => table.setGlobalFilter(String(value))}
+      class="p-2 font-lg shadow border border-block"
+      placeholder="Search all columns..."
+    />
+  </div>
+  <div class="h-2"></div>
+  <table>
+    <thead>
+      {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+        <tr>
+          {#each headerGroup.headers as header (header.id)}
+            <th colSpan={header.colSpan}>
+              {#if !header.isPlaceholder}
+                <div
+                  class={header.column.getCanSort()
+                    ? 'cursor-pointer select-none'
+                    : ''}
+                  role="button"
+                  tabindex="0"
+                  onclick={header.column.getToggleSortingHandler()}
+                  onkeydown={(e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                      header.column.getToggleSortingHandler()?.(e)
+                    }
+                  }}
+                >
+                  <FlexRender header={header} />
+                  {#if header.column.getIsSorted() === 'asc'}
+                    {' '}🔼
+                  {:else if header.column.getIsSorted() === 'desc'}
+                    {' '}🔽
+                  {/if}
+                </div>
+                {#if header.column.getCanFilter()}
+                  <div>
+                    <DebouncedInput
+                      type="text"
+                      value={(header.column.getFilterValue() ?? '') as string}
+                      onchange={(value) => header.column.setFilterValue(value)}
+                      placeholder="Search..."
+                      class="w-36 border shadow rounded"
+                    />
+                  </div>
+                {/if}
+              {/if}
+            </th>
+          {/each}
+        </tr>
+      {/each}
+    </thead>
+    <tbody>
+      {#each table.getRowModel().rows as row (row.id)}
+        <tr>
+          {#each row.getAllCells() as cell (cell.id)}
+            <td>
+              <FlexRender cell={cell} />
+            </td>
+          {/each}
+        </tr>
+      {/each}
+    </tbody>
+  </table>
+  <div class="h-2"></div>
+  <div class="flex items-center gap-2">
+    <button
+      class="border rounded p-1"
+      onclick={() => table.setPageIndex(0)}
+      disabled={!table.getCanPreviousPage()}
+    >
+      {'<<'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.previousPage()}
+      disabled={!table.getCanPreviousPage()}
+    >
+      {'<'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.nextPage()}
+      disabled={!table.getCanNextPage()}
+    >
+      {'>'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.setPageIndex(table.getPageCount() - 1)}
+      disabled={!table.getCanNextPage()}
+    >
+      {'>>'}
+    </button>
+    <span class="flex items-center gap-1">
+      <div>Page</div>
+      <strong>
+        {table.state.pagination.pageIndex + 1} of{' '}
+        {table.getPageCount()}
+      </strong>
+    </span>
+    <span class="flex items-center gap-1">
+      | Go to page:
+      <input
+        type="number"
+        value={table.state.pagination.pageIndex + 1}
+        oninput={(e) => {
+          const page = e.currentTarget.value
+            ? Number(e.currentTarget.value) - 1
+            : 0
+          table.setPageIndex(page)
+        }}
+        class="border p-1 rounded w-16"
+      />
+    </span>
+    <select
+      value={table.state.pagination.pageSize}
+      onchange={(e) => table.setPageSize(Number(e.currentTarget.value))}
+    >
+      {#each [10, 20, 30, 40, 50] as pageSize}
+        <option value={pageSize}>Show {pageSize}</option>
+      {/each}
+    </select>
+  </div>
+  <div>{table.getPrePaginatedRowModel().rows.length} Rows</div>
+  <div>
+    <button onclick={() => refreshData()}>Refresh Data</button>
+  </div>
+  <Subscribe selector={(state) => state} {table}>
+    {#snippet children(state)}
+      <pre>{JSON.stringify(state, null, 2)}</pre>
+    {/snippet}
+  </Subscribe>
+</div>
diff --git a/examples/svelte/filters-fuzzy/src/DebouncedInput.svelte b/examples/svelte/filters-fuzzy/src/DebouncedInput.svelte
new file mode 100644
index 0000000000..75e9c11427
--- /dev/null
+++ b/examples/svelte/filters-fuzzy/src/DebouncedInput.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+  let {
+    value,
+    onchange,
+    debounce = 500,
+    ...rest
+  }: {
+    value: string | number
+    onchange: (value: string | number) => void
+    debounce?: number
+    [key: string]: any
+  } = $props()
+
+  let internalValue: string | number = $state('')
+
+  $effect(() => {
+    internalValue = value
+  })
+
+  $effect(() => {
+    const v = internalValue
+    const timeout = setTimeout(() => {
+      onchange(v)
+    }, debounce)
+    return () => clearTimeout(timeout)
+  })
+</script>
+
+<input {...rest} bind:value={internalValue} />
diff --git a/examples/svelte/filters-fuzzy/src/index.css b/examples/svelte/filters-fuzzy/src/index.css
new file mode 100644
index 0000000000..43c09e0f6b
--- /dev/null
+++ b/examples/svelte/filters-fuzzy/src/index.css
@@ -0,0 +1,26 @@
+html {
+  font-family: sans-serif;
+  font-size: 14px;
+}
+
+table {
+  border: 1px solid lightgray;
+}
+
+tbody {
+  border-bottom: 1px solid lightgray;
+}
+
+th {
+  border-bottom: 1px solid lightgray;
+  border-right: 1px solid lightgray;
+  padding: 2px 4px;
+}
+
+tfoot {
+  color: gray;
+}
+
+tfoot th {
+  font-weight: normal;
+}
diff --git a/examples/svelte/filters-fuzzy/src/main.ts b/examples/svelte/filters-fuzzy/src/main.ts
new file mode 100644
index 0000000000..a2f1b40ec8
--- /dev/null
+++ b/examples/svelte/filters-fuzzy/src/main.ts
@@ -0,0 +1,20 @@
+// @ts-ignore
+import { mount } from 'svelte'
+import App from './App.svelte'
+import type { FilterFn } from '@tanstack/svelte-table'
+import type { RankingInfo } from '@tanstack/match-sorter-utils'
+
+declare module '@tanstack/svelte-table' {
+  interface FilterFns {
+    fuzzy: FilterFn<any, any>
+  }
+  interface FilterMeta {
+    itemRank?: RankingInfo
+  }
+}
+
+const app = mount(App, {
+  target: document.getElementById('root')!,
+})
+
+export default app
diff --git a/examples/svelte/filters-fuzzy/src/makeData.ts b/examples/svelte/filters-fuzzy/src/makeData.ts
new file mode 100644
index 0000000000..396d62185b
--- /dev/null
+++ b/examples/svelte/filters-fuzzy/src/makeData.ts
@@ -0,0 +1,45 @@
+import { faker } from '@faker-js/faker'
+
+export type Person = {
+  id: number
+  firstName: string
+  lastName: string
+  age: number
+  visits: number
+  progress: number
+  status: 'relationship' | 'complicated' | 'single'
+  subRows?: Array<Person>
+}
+
+const range = (len: number) => {
+  const arr: Array<number> = []
+  for (let i = 0; i < len; i++) arr.push(i)
+  return arr
+}
+
+const newPerson = (num: number): Person => ({
+  id: num,
+  firstName: faker.person.firstName(),
+  lastName: faker.person.lastName(),
+  age: faker.number.int(40),
+  visits: faker.number.int(1000),
+  progress: faker.number.int(100),
+  status: faker.helpers.shuffle<Person['status']>([
+    'relationship',
+    'complicated',
+    'single',
+  ])[0]!,
+})
+
+export function makeData(...lens: Array<number>) {
+  const makeDataLevel = (depth = 0): Array<Person> => {
+    const len = lens[depth]!
+    return range(len).map(
+      (index): Person => ({
+        ...newPerson(index),
+        subRows: lens[depth + 1] ? makeDataLevel(depth + 1) : undefined,
+      }),
+    )
+  }
+  return makeDataLevel()
+}
diff --git a/examples/svelte/filters-fuzzy/svelte.config.js b/examples/svelte/filters-fuzzy/svelte.config.js
new file mode 100644
index 0000000000..8abe4369b8
--- /dev/null
+++ b/examples/svelte/filters-fuzzy/svelte.config.js
@@ -0,0 +1,5 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  preprocess: vitePreprocess(),
+}
diff --git a/examples/svelte/filters-fuzzy/tsconfig.json b/examples/svelte/filters-fuzzy/tsconfig.json
new file mode 100644
index 0000000000..e44d928411
--- /dev/null
+++ b/examples/svelte/filters-fuzzy/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/examples/svelte/filters-fuzzy/vite.config.js b/examples/svelte/filters-fuzzy/vite.config.js
new file mode 100644
index 0000000000..c6ced40a24
--- /dev/null
+++ b/examples/svelte/filters-fuzzy/vite.config.js
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import rollupReplace from '@rollup/plugin-replace'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    rollupReplace({
+      preventAssignment: true,
+      values: {
+        __DEV__: JSON.stringify(true),
+        'process.env.NODE_ENV': JSON.stringify('development'),
+      },
+    }),
+    svelte(),
+  ],
+})
diff --git a/examples/svelte/grouping/.gitignore b/examples/svelte/grouping/.gitignore
new file mode 100644
index 0000000000..2de1736a62
--- /dev/null
+++ b/examples/svelte/grouping/.gitignore
@@ -0,0 +1,8 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+src/**/*.d.ts
+src/**/*.map
diff --git a/examples/svelte/grouping/index.html b/examples/svelte/grouping/index.html
new file mode 100644
index 0000000000..6ab1dd7e51
--- /dev/null
+++ b/examples/svelte/grouping/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+    <script type="module" src="https://cdn.skypack.dev/twind/shim"></script>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/svelte/grouping/package.json b/examples/svelte/grouping/package.json
new file mode 100644
index 0000000000..ea060791bc
--- /dev/null
+++ b/examples/svelte/grouping/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "tanstack-table-example-svelte-grouping",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint ./src"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^10.4.0",
+    "@rollup/plugin-replace": "^6.0.3",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@tanstack/svelte-table": "^9.0.0-alpha.10",
+    "@tsconfig/svelte": "^5.0.8",
+    "svelte": "^5.55.1",
+    "svelte-check": "^4.4.6",
+    "typescript": "6.0.2",
+    "vite": "^8.0.3"
+  }
+}
diff --git a/examples/svelte/grouping/src/App.svelte b/examples/svelte/grouping/src/App.svelte
new file mode 100644
index 0000000000..d6c924e6bf
--- /dev/null
+++ b/examples/svelte/grouping/src/App.svelte
@@ -0,0 +1,236 @@
+<script lang="ts">
+  import {
+    aggregationFns,
+    columnFilteringFeature,
+    columnGroupingFeature,
+    createExpandedRowModel,
+    createFilteredRowModel,
+    createGroupedRowModel,
+    createPaginatedRowModel,
+    createSortedRowModel,
+    createTableHook,
+    filterFns,
+    FlexRender,
+    rowExpandingFeature,
+    rowPaginationFeature,
+    rowSortingFeature,
+    sortFns,
+  } from '@tanstack/svelte-table'
+  import { makeData } from './makeData'
+  import type { Person } from './makeData'
+  import './index.css'
+
+  const { createAppTable, createAppColumnHelper } = createTableHook({
+    _features: {
+      columnFilteringFeature,
+      columnGroupingFeature,
+      rowExpandingFeature,
+      rowPaginationFeature,
+      rowSortingFeature,
+    },
+    _rowModels: {
+      expandedRowModel: createExpandedRowModel(),
+      filteredRowModel: createFilteredRowModel(filterFns),
+      groupedRowModel: createGroupedRowModel(aggregationFns),
+      paginatedRowModel: createPaginatedRowModel(),
+      sortedRowModel: createSortedRowModel(sortFns),
+    },
+  })
+
+  const columnHelper = createAppColumnHelper<Person>()
+
+  const columns = columnHelper.columns([
+    columnHelper.accessor('firstName', {
+      header: 'First Name',
+      cell: (info) => info.getValue(),
+      /**
+       * override the value used for row grouping
+       * (otherwise, defaults to the value derived from accessorKey / accessorFn)
+       */
+      getGroupingValue: (row) => `${row.firstName} ${row.lastName}`,
+    }),
+    columnHelper.accessor((row) => row.lastName, {
+      id: 'lastName',
+      header: () => 'Last Name',
+      cell: (info) => info.getValue(),
+    }),
+    columnHelper.accessor('age', {
+      header: () => 'Age',
+      aggregatedCell: ({ getValue }) =>
+        Math.round(getValue<number>() * 100) / 100,
+      aggregationFn: 'median',
+    }),
+    columnHelper.accessor('visits', {
+      header: () => 'Visits',
+      aggregationFn: 'sum',
+      aggregatedCell: ({ getValue }) => getValue<number>().toLocaleString(),
+    }),
+    columnHelper.accessor('status', {
+      header: 'Status',
+    }),
+    columnHelper.accessor('progress', {
+      header: 'Profile Progress',
+      cell: ({ getValue }) => Math.round(getValue<number>() * 100) / 100 + '%',
+      aggregationFn: 'mean',
+      aggregatedCell: ({ getValue }) =>
+        Math.round(getValue<number>() * 100) / 100 + '%',
+    }),
+  ])
+
+  let data = $state(makeData(10_000))
+  const refreshData = () => {
+    data = makeData(100_000)
+  }
+
+  const table = createAppTable(
+    {
+      columns,
+      get data() {
+        return data
+      },
+      debugTable: true,
+    },
+    (state) => state,
+  )
+</script>
+
+<div class="p-2">
+  <div class="h-2"></div>
+  <table>
+    <thead>
+      {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+        <tr>
+          {#each headerGroup.headers as header (header.id)}
+            <th colSpan={header.colSpan}>
+              {#if !header.isPlaceholder}
+                <div>
+                  {#if header.column.getCanGroup()}
+                    <button
+                      onclick={header.column.getToggleGroupingHandler()}
+                      style:cursor="pointer"
+                    >
+                      {#if header.column.getIsGrouped()}
+                        🛑({header.column.getGroupedIndex()})
+                      {:else}
+                        👊
+                      {/if}
+                    </button>
+                  {/if}
+                  {' '}
+                  <FlexRender header={header} />
+                </div>
+              {/if}
+            </th>
+          {/each}
+        </tr>
+      {/each}
+    </thead>
+    <tbody>
+      {#each table.getRowModel().rows as row (row.id)}
+        <tr>
+          {#each row.getAllCells() as cell (cell.id)}
+            <td
+              style:background={cell.getIsGrouped()
+                ? '#0aff0082'
+                : cell.getIsAggregated()
+                  ? '#ffa50078'
+                  : cell.getIsPlaceholder()
+                    ? '#ff000042'
+                    : 'white'}
+            >
+              {#if cell.getIsGrouped()}
+                <button
+                  onclick={row.getToggleExpandedHandler()}
+                  style:cursor={row.getCanExpand() ? 'pointer' : 'normal'}
+                >
+                  {#if row.getIsExpanded()}
+                    👇
+                  {:else}
+                    👉
+                  {/if}
+                  {' '}
+                  <FlexRender cell={cell} />
+                  {' '}({row.subRows.length})
+                </button>
+              {:else if cell.getIsAggregated()}
+                <FlexRender
+                  content={cell.column.columnDef.aggregatedCell}
+                  context={cell.getContext()}
+                />
+              {:else if !cell.getIsPlaceholder()}
+                <FlexRender cell={cell} />
+              {/if}
+            </td>
+          {/each}
+        </tr>
+      {/each}
+    </tbody>
+  </table>
+  <div class="h-2"></div>
+  <div class="flex items-center gap-2">
+    <button
+      class="border rounded p-1"
+      onclick={() => table.setPageIndex(0)}
+      disabled={!table.getCanPreviousPage()}
+    >
+      {'<<'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.previousPage()}
+      disabled={!table.getCanPreviousPage()}
+    >
+      {'<'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.nextPage()}
+      disabled={!table.getCanNextPage()}
+    >
+      {'>'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.setPageIndex(table.getPageCount() - 1)}
+      disabled={!table.getCanNextPage()}
+    >
+      {'>>'}
+    </button>
+    <span class="flex items-center gap-1">
+      <div>Page</div>
+      <strong>
+        {table.state.pagination.pageIndex + 1} of{' '}
+        {table.getPageCount()}
+      </strong>
+    </span>
+    <span class="flex items-center gap-1">
+      | Go to page:
+      <input
+        type="number"
+        min="1"
+        max={table.getPageCount()}
+        value={table.state.pagination.pageIndex + 1}
+        oninput={(e) => {
+          const page = (e.target as HTMLInputElement).value
+            ? Number((e.target as HTMLInputElement).value) - 1
+            : 0
+          table.setPageIndex(page)
+        }}
+        class="border p-1 rounded w-16"
+      />
+    </span>
+    <select
+      value={table.state.pagination.pageSize}
+      onchange={(e) => table.setPageSize(Number((e.target as HTMLSelectElement).value))}
+    >
+      {#each [10, 20, 30, 40, 50] as pageSize}
+        <option value={pageSize}>Show {pageSize}</option>
+      {/each}
+    </select>
+  </div>
+  <div>{table.getRowModel().rows.length} Rows</div>
+  <div>
+    <button onclick={() => refreshData()}>Refresh Data</button>
+  </div>
+  <pre>{JSON.stringify(table.state, null, 2)}</pre>
+</div>
diff --git a/examples/svelte/grouping/src/index.css b/examples/svelte/grouping/src/index.css
new file mode 100644
index 0000000000..43c09e0f6b
--- /dev/null
+++ b/examples/svelte/grouping/src/index.css
@@ -0,0 +1,26 @@
+html {
+  font-family: sans-serif;
+  font-size: 14px;
+}
+
+table {
+  border: 1px solid lightgray;
+}
+
+tbody {
+  border-bottom: 1px solid lightgray;
+}
+
+th {
+  border-bottom: 1px solid lightgray;
+  border-right: 1px solid lightgray;
+  padding: 2px 4px;
+}
+
+tfoot {
+  color: gray;
+}
+
+tfoot th {
+  font-weight: normal;
+}
diff --git a/examples/svelte/grouping/src/main.ts b/examples/svelte/grouping/src/main.ts
new file mode 100644
index 0000000000..2f4dd54dc3
--- /dev/null
+++ b/examples/svelte/grouping/src/main.ts
@@ -0,0 +1,9 @@
+// @ts-ignore
+import { mount } from 'svelte'
+import App from './App.svelte'
+
+const app = mount(App, {
+  target: document.getElementById('root')!,
+})
+
+export default app
diff --git a/examples/svelte/grouping/src/makeData.ts b/examples/svelte/grouping/src/makeData.ts
new file mode 100644
index 0000000000..fd3637a468
--- /dev/null
+++ b/examples/svelte/grouping/src/makeData.ts
@@ -0,0 +1,47 @@
+import { faker } from '@faker-js/faker'
+
+export type Person = {
+  firstName: string
+  lastName: string
+  age: number
+  visits: number
+  progress: number
+  status: 'relationship' | 'complicated' | 'single'
+  subRows?: Array<Person>
+}
+
+const range = (len: number) => {
+  const arr: Array<number> = []
+  for (let i = 0; i < len; i++) {
+    arr.push(i)
+  }
+  return arr
+}
+
+const newPerson = (): Person => {
+  return {
+    firstName: faker.person.firstName(),
+    lastName: faker.person.lastName(),
+    age: faker.number.int(40),
+    visits: faker.number.int(1000),
+    progress: faker.number.int(100),
+    status: faker.helpers.shuffle<Person['status']>([
+      'relationship',
+      'complicated',
+      'single',
+    ])[0]!,
+  }
+}
+
+export function makeData(...lens: Array<number>) {
+  const makeDataLevel = (depth = 0): Array<Person> => {
+    const len = lens[depth]!
+    return range(len).map(
+      (): Person => ({
+        ...newPerson(),
+        subRows: lens[depth + 1] ? makeDataLevel(depth + 1) : undefined,
+      }),
+    )
+  }
+  return makeDataLevel()
+}
diff --git a/examples/svelte/grouping/svelte.config.js b/examples/svelte/grouping/svelte.config.js
new file mode 100644
index 0000000000..8abe4369b8
--- /dev/null
+++ b/examples/svelte/grouping/svelte.config.js
@@ -0,0 +1,5 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  preprocess: vitePreprocess(),
+}
diff --git a/examples/svelte/grouping/tsconfig.json b/examples/svelte/grouping/tsconfig.json
new file mode 100644
index 0000000000..e44d928411
--- /dev/null
+++ b/examples/svelte/grouping/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/examples/svelte/grouping/vite.config.js b/examples/svelte/grouping/vite.config.js
new file mode 100644
index 0000000000..c6ced40a24
--- /dev/null
+++ b/examples/svelte/grouping/vite.config.js
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import rollupReplace from '@rollup/plugin-replace'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    rollupReplace({
+      preventAssignment: true,
+      values: {
+        __DEV__: JSON.stringify(true),
+        'process.env.NODE_ENV': JSON.stringify('development'),
+      },
+    }),
+    svelte(),
+  ],
+})
diff --git a/examples/svelte/pagination/.gitignore b/examples/svelte/pagination/.gitignore
new file mode 100644
index 0000000000..2de1736a62
--- /dev/null
+++ b/examples/svelte/pagination/.gitignore
@@ -0,0 +1,8 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+src/**/*.d.ts
+src/**/*.map
diff --git a/examples/svelte/pagination/index.html b/examples/svelte/pagination/index.html
new file mode 100644
index 0000000000..6ab1dd7e51
--- /dev/null
+++ b/examples/svelte/pagination/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+    <script type="module" src="https://cdn.skypack.dev/twind/shim"></script>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/svelte/pagination/package.json b/examples/svelte/pagination/package.json
new file mode 100644
index 0000000000..5d5be5a465
--- /dev/null
+++ b/examples/svelte/pagination/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "tanstack-table-example-svelte-pagination",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint ./src"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^10.4.0",
+    "@rollup/plugin-replace": "^6.0.3",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@tanstack/svelte-table": "^9.0.0-alpha.10",
+    "@tsconfig/svelte": "^5.0.8",
+    "svelte": "^5.55.1",
+    "svelte-check": "^4.4.6",
+    "typescript": "6.0.2",
+    "vite": "^8.0.3"
+  }
+}
diff --git a/examples/svelte/pagination/src/App.svelte b/examples/svelte/pagination/src/App.svelte
new file mode 100644
index 0000000000..9e8ef0782e
--- /dev/null
+++ b/examples/svelte/pagination/src/App.svelte
@@ -0,0 +1,264 @@
+<script lang="ts">
+  import {
+    columnFilteringFeature,
+    createColumnHelper,
+    createFilteredRowModel,
+    createPaginatedRowModel,
+    createSortedRowModel,
+    createTable,
+    filterFns,
+    rowPaginationFeature,
+    rowSortingFeature,
+    sortFns,
+    tableFeatures,
+    FlexRender,
+    Subscribe,
+  } from '@tanstack/svelte-table'
+  import type { Column, Table } from '@tanstack/svelte-table'
+  import { makeData } from './makeData'
+  import type { Person } from './makeData'
+  import './index.css'
+
+  const _features = tableFeatures({
+    columnFilteringFeature,
+    rowPaginationFeature,
+    rowSortingFeature,
+  })
+
+  const columnHelper = createColumnHelper<typeof _features, Person>()
+
+  const columns = columnHelper.columns([
+    columnHelper.accessor('firstName', {
+      cell: (info) => info.getValue(),
+      footer: (props) => props.column.id,
+    }),
+    columnHelper.accessor((row) => row.lastName, {
+      id: 'lastName',
+      cell: (info) => info.getValue(),
+      header: () => 'Last Name',
+      footer: (props) => props.column.id,
+    }),
+    columnHelper.accessor('age', {
+      header: () => 'Age',
+      footer: (props) => props.column.id,
+    }),
+    columnHelper.accessor('visits', {
+      header: () => 'Visits',
+      footer: (props) => props.column.id,
+    }),
+    columnHelper.accessor('status', {
+      header: 'Status',
+      footer: (props) => props.column.id,
+    }),
+    columnHelper.accessor('progress', {
+      header: 'Profile Progress',
+      footer: (props) => props.column.id,
+    }),
+  ])
+
+  let data = $state(makeData(1_000))
+
+  const refreshData = () => {
+    data = makeData(100_000)
+  }
+
+  const table = createTable(
+    {
+      _features,
+      _rowModels: {
+        sortedRowModel: createSortedRowModel(sortFns),
+        filteredRowModel: createFilteredRowModel(filterFns),
+        paginatedRowModel: createPaginatedRowModel(),
+      },
+      columns,
+      get data() {
+        return data
+      },
+      debugTable: true,
+    },
+    (state) => state,
+  )
+
+  function getFilterValue(column: Column<typeof _features, Person>): unknown {
+    return column.getFilterValue()
+  }
+
+  function getFirstValue(
+    table: Table<typeof _features, Person>,
+    columnId: string,
+  ): unknown {
+    return table.getPreFilteredRowModel().flatRows[0]?.getValue(columnId)
+  }
+</script>
+
+{#snippet filterSnippet(column: Column<typeof _features, Person>)}
+  {@const firstValue = getFirstValue(table, column.id)}
+  {@const filterValue = getFilterValue(column)}
+  {#if typeof firstValue === 'number'}
+    <div class="flex space-x-2">
+      <input
+        type="number"
+        value={((filterValue as [number, number] | undefined)?.[0] ?? '') as any}
+        oninput={(e: Event) =>
+          column.setFilterValue((old: [number, number]) => [
+            (e.target as HTMLInputElement).value,
+            old?.[1],
+          ])}
+        placeholder="Min"
+        class="w-24 border shadow rounded"
+      />
+      <input
+        type="number"
+        value={((filterValue as [number, number] | undefined)?.[1] ?? '') as any}
+        oninput={(e: Event) =>
+          column.setFilterValue((old: [number, number]) => [
+            old?.[0],
+            (e.target as HTMLInputElement).value,
+          ])}
+        placeholder="Max"
+        class="w-24 border shadow rounded"
+      />
+    </div>
+  {:else}
+    <input
+      class="w-36 border shadow rounded"
+      oninput={(e: Event) =>
+        column.setFilterValue((e.target as HTMLInputElement).value)}
+      onclick={(e: MouseEvent) => e.stopPropagation()}
+      placeholder="Search..."
+      type="text"
+      value={(filterValue ?? '') as string}
+    />
+  {/if}
+{/snippet}
+
+<div class="p-2">
+  <div class="h-2"></div>
+  <table>
+    <thead>
+      {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+        <tr>
+          {#each headerGroup.headers as header (header.id)}
+            <th colSpan={header.colSpan}>
+              <div
+                class={header.column.getCanSort()
+                  ? 'cursor-pointer select-none'
+                  : ''}
+                role="button"
+                tabindex="0"
+                onclick={header.column.getToggleSortingHandler()}
+                onkeydown={(e) => {
+                  if (e.key === 'Enter' || e.key === ' ') {
+                    header.column.getToggleSortingHandler()?.(e)
+                  }
+                }}
+              >
+                {#if !header.isPlaceholder}
+                  <FlexRender header={header} />
+                {/if}
+                {#if header.column.getIsSorted() === 'asc'}
+                  {' '}🔼
+                {:else if header.column.getIsSorted() === 'desc'}
+                  {' '}🔽
+                {/if}
+                {#if header.column.getCanFilter()}
+                  <div>
+                    {@render filterSnippet(header.column)}
+                  </div>
+                {/if}
+              </div>
+            </th>
+          {/each}
+        </tr>
+      {/each}
+    </thead>
+    <tbody>
+      {#each table.getRowModel().rows as row (row.id)}
+        <tr>
+          {#each row.getAllCells() as cell (cell.id)}
+            <td>
+              <FlexRender cell={cell} />
+            </td>
+          {/each}
+        </tr>
+      {/each}
+    </tbody>
+  </table>
+  <div class="h-2"></div>
+  <div class="flex items-center gap-2">
+    <button
+      class="border rounded p-1"
+      onclick={() => table.firstPage()}
+      disabled={!table.getCanPreviousPage()}
+    >
+      {'<<'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.previousPage()}
+      disabled={!table.getCanPreviousPage()}
+    >
+      {'<'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.nextPage()}
+      disabled={!table.getCanNextPage()}
+    >
+      {'>'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.lastPage()}
+      disabled={!table.getCanNextPage()}
+    >
+      {'>>'}
+    </button>
+    <span class="flex items-center gap-1">
+      <div>Page</div>
+      <strong>
+        {table.state.pagination.pageIndex + 1} of{' '}
+        {table.getPageCount().toLocaleString()}
+      </strong>
+    </span>
+    <span class="flex items-center gap-1">
+      | Go to page:
+      <input
+        type="number"
+        min="1"
+        max={table.getPageCount()}
+        value={table.state.pagination.pageIndex + 1}
+        oninput={(e: Event) => {
+          const page = (e.target as HTMLInputElement).value
+            ? Number((e.target as HTMLInputElement).value) - 1
+            : 0
+          table.setPageIndex(page)
+        }}
+        class="border p-1 rounded w-16"
+      />
+    </span>
+    <select
+      value={table.state.pagination.pageSize}
+      onchange={(e: Event) => {
+        table.setPageSize(Number((e.target as HTMLSelectElement).value))
+      }}
+    >
+      {#each [10, 20, 30, 40, 50] as pageSize}
+        <option value={pageSize}>Show {pageSize}</option>
+      {/each}
+    </select>
+  </div>
+  <div>
+    Showing {table.getRowModel().rows.length.toLocaleString()} of{' '}
+    {table.getRowCount().toLocaleString()} Rows
+  </div>
+  <hr />
+  <div>
+    <button onclick={() => refreshData()}>Refresh Data</button>
+  </div>
+  <Subscribe selector={(state) => state} {table}>
+    {#snippet children(state)}
+      <pre>{JSON.stringify(state, null, 2)}</pre>
+    {/snippet}
+  </Subscribe>
+</div>
diff --git a/examples/svelte/pagination/src/index.css b/examples/svelte/pagination/src/index.css
new file mode 100644
index 0000000000..12d71033f0
--- /dev/null
+++ b/examples/svelte/pagination/src/index.css
@@ -0,0 +1,21 @@
+html {
+  font-family: sans-serif;
+  font-size: 14px;
+}
+table {
+  border: 1px solid lightgray;
+}
+tbody {
+  border-bottom: 1px solid lightgray;
+}
+th {
+  border-bottom: 1px solid lightgray;
+  border-right: 1px solid lightgray;
+  padding: 2px 4px;
+}
+tfoot {
+  color: gray;
+}
+tfoot th {
+  font-weight: normal;
+}
diff --git a/examples/svelte/pagination/src/main.ts b/examples/svelte/pagination/src/main.ts
new file mode 100644
index 0000000000..2f4dd54dc3
--- /dev/null
+++ b/examples/svelte/pagination/src/main.ts
@@ -0,0 +1,9 @@
+// @ts-ignore
+import { mount } from 'svelte'
+import App from './App.svelte'
+
+const app = mount(App, {
+  target: document.getElementById('root')!,
+})
+
+export default app
diff --git a/examples/svelte/pagination/src/makeData.ts b/examples/svelte/pagination/src/makeData.ts
new file mode 100644
index 0000000000..8675eacca6
--- /dev/null
+++ b/examples/svelte/pagination/src/makeData.ts
@@ -0,0 +1,43 @@
+import { faker } from '@faker-js/faker'
+
+export type Person = {
+  firstName: string
+  lastName: string
+  age: number
+  visits: number
+  progress: number
+  status: 'relationship' | 'complicated' | 'single'
+  subRows?: Array<Person>
+}
+
+const range = (len: number) => {
+  const arr: Array<number> = []
+  for (let i = 0; i < len; i++) arr.push(i)
+  return arr
+}
+
+const newPerson = (): Person => ({
+  firstName: faker.person.firstName(),
+  lastName: faker.person.lastName(),
+  age: faker.number.int(40),
+  visits: faker.number.int(1000),
+  progress: faker.number.int(100),
+  status: faker.helpers.shuffle<Person['status']>([
+    'relationship',
+    'complicated',
+    'single',
+  ])[0]!,
+})
+
+export function makeData(...lens: Array<number>) {
+  const makeDataLevel = (depth = 0): Array<Person> => {
+    const len = lens[depth]!
+    return range(len).map(
+      (): Person => ({
+        ...newPerson(),
+        subRows: lens[depth + 1] ? makeDataLevel(depth + 1) : undefined,
+      }),
+    )
+  }
+  return makeDataLevel()
+}
diff --git a/examples/svelte/pagination/svelte.config.js b/examples/svelte/pagination/svelte.config.js
new file mode 100644
index 0000000000..8abe4369b8
--- /dev/null
+++ b/examples/svelte/pagination/svelte.config.js
@@ -0,0 +1,5 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  preprocess: vitePreprocess(),
+}
diff --git a/examples/svelte/pagination/tsconfig.json b/examples/svelte/pagination/tsconfig.json
new file mode 100644
index 0000000000..e44d928411
--- /dev/null
+++ b/examples/svelte/pagination/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/examples/svelte/pagination/vite.config.js b/examples/svelte/pagination/vite.config.js
new file mode 100644
index 0000000000..c6ced40a24
--- /dev/null
+++ b/examples/svelte/pagination/vite.config.js
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import rollupReplace from '@rollup/plugin-replace'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    rollupReplace({
+      preventAssignment: true,
+      values: {
+        __DEV__: JSON.stringify(true),
+        'process.env.NODE_ENV': JSON.stringify('development'),
+      },
+    }),
+    svelte(),
+  ],
+})
diff --git a/examples/svelte/row-pinning/.gitignore b/examples/svelte/row-pinning/.gitignore
new file mode 100644
index 0000000000..2de1736a62
--- /dev/null
+++ b/examples/svelte/row-pinning/.gitignore
@@ -0,0 +1,8 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+src/**/*.d.ts
+src/**/*.map
diff --git a/examples/svelte/row-pinning/index.html b/examples/svelte/row-pinning/index.html
new file mode 100644
index 0000000000..6ab1dd7e51
--- /dev/null
+++ b/examples/svelte/row-pinning/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+    <script type="module" src="https://cdn.skypack.dev/twind/shim"></script>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/svelte/row-pinning/package.json b/examples/svelte/row-pinning/package.json
new file mode 100644
index 0000000000..42cb61b5ec
--- /dev/null
+++ b/examples/svelte/row-pinning/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "tanstack-table-example-svelte-row-pinning",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint ./src"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^10.4.0",
+    "@rollup/plugin-replace": "^6.0.3",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@tanstack/svelte-table": "^9.0.0-alpha.10",
+    "@tsconfig/svelte": "^5.0.8",
+    "svelte": "^5.55.1",
+    "svelte-check": "^4.4.6",
+    "typescript": "6.0.2",
+    "vite": "^8.0.3"
+  }
+}
diff --git a/examples/svelte/row-pinning/src/App.svelte b/examples/svelte/row-pinning/src/App.svelte
new file mode 100644
index 0000000000..12ce295744
--- /dev/null
+++ b/examples/svelte/row-pinning/src/App.svelte
@@ -0,0 +1,385 @@
+<script lang="ts">
+  import {
+    columnFilteringFeature,
+    columnSizingFeature,
+    createExpandedRowModel,
+    createFilteredRowModel,
+    createPaginatedRowModel,
+    createTable,
+    createTableState,
+    filterFns,
+    FlexRender,
+    rowExpandingFeature,
+    rowPaginationFeature,
+    rowPinningFeature,
+    tableFeatures,
+  } from '@tanstack/svelte-table'
+  import { makeData } from './makeData'
+  import type {
+    Column,
+    ExpandedState,
+    RowPinningState,
+    SvelteTable,
+  } from '@tanstack/svelte-table'
+  import type { Person } from './makeData'
+  import './index.css'
+
+  const _features = tableFeatures({
+    columnSizingFeature,
+    rowPinningFeature,
+    rowExpandingFeature,
+    columnFilteringFeature,
+    rowPaginationFeature,
+  })
+
+  const [rowPinning, setRowPinning] = createTableState<RowPinningState>({
+    top: [],
+    bottom: [],
+  })
+  const [expanded, setExpanded] = createTableState<ExpandedState>({})
+
+  let keepPinnedRows = $state(true)
+  let includeLeafRows = $state(true)
+  let includeParentRows = $state(false)
+  let copyPinnedRows = $state(false)
+
+  let data = $state(makeData(1000, 2, 2))
+  const refreshData = () => {
+    data = makeData(1000, 2, 2)
+  }
+
+  const table = createTable(
+    {
+      _features,
+      _rowModels: {
+        filteredRowModel: createFilteredRowModel(filterFns),
+        expandedRowModel: createExpandedRowModel(),
+        paginatedRowModel: createPaginatedRowModel(),
+      },
+      columns: [
+        {
+          id: 'pin',
+          header: () => 'Pin',
+          cell: ({ row }) => {
+            if (row.getIsPinned()) {
+              return 'pinned'
+            }
+            return 'not-pinned'
+          },
+        },
+        {
+          accessorKey: 'firstName',
+          header: () => 'First Name',
+          cell: ({ getValue }) => getValue(),
+          footer: (props) => props.column.id,
+        },
+        {
+          accessorFn: (row) => row.lastName,
+          id: 'lastName',
+          cell: (info) => info.getValue(),
+          header: () => 'Last Name',
+        },
+        { accessorKey: 'age', header: () => 'Age', size: 50 },
+        { accessorKey: 'visits', header: () => 'Visits', size: 50 },
+        { accessorKey: 'status', header: 'Status' },
+        { accessorKey: 'progress', header: 'Profile Progress', size: 80 },
+      ],
+      get data() {
+        return data
+      },
+      initialState: { pagination: { pageSize: 20, pageIndex: 0 } },
+      get state() {
+        return {
+          expanded: expanded(),
+          rowPinning: rowPinning(),
+        }
+      },
+      onExpandedChange: setExpanded,
+      onRowPinningChange: setRowPinning,
+      getSubRows: (row) => row.subRows,
+      get keepPinnedRows() {
+        return keepPinnedRows
+      },
+      debugAll: true,
+    },
+    (state) => ({
+      pagination: state.pagination,
+      rowPinning: state.rowPinning,
+      expanded: state.expanded,
+    }),
+  )
+</script>
+
+{#snippet PinCell(row: ReturnType<typeof table.getRowModel>['rows'][0])}
+  {#if row.getIsPinned()}
+    <button
+      onclick={() =>
+        row.pin(false, includeLeafRows, includeParentRows)
+      }
+    >
+      X
+    </button>
+  {:else}
+    <div style="display: flex; gap: 4px">
+      <button
+        onclick={() =>
+          row.pin('top', includeLeafRows, includeParentRows)
+        }
+      >
+        Up
+      </button>
+      <button
+        onclick={() =>
+          row.pin('bottom', includeLeafRows, includeParentRows)
+        }
+      >
+        Down
+      </button>
+    </div>
+  {/if}
+{/snippet}
+
+{#snippet ExpandCell(row: ReturnType<typeof table.getRowModel>['rows'][0])}
+  <div style="padding-left: {row.depth * 2}rem">
+    {#if row.getCanExpand()}
+      <button
+        onclick={row.getToggleExpandedHandler()}
+        style="cursor: pointer"
+      >
+        {row.getIsExpanded() ? 'v' : '>'}
+      </button>
+    {:else}
+      *
+    {/if}
+  </div>
+{/snippet}
+
+{#snippet ExpandAllButton()}
+  <button onclick={table.getToggleAllRowsExpandedHandler()}>
+    {table.getIsAllRowsExpanded() ? 'v' : '>'}{' '}First Name
+  </button>
+{/snippet}
+
+{#snippet PinnedRow(row: ReturnType<typeof table.getRowModel>['rows'][0])}
+  <tr
+    style="background-color: lightblue; position: sticky; top: {row.getIsPinned() === 'top' ? `${row.getPinnedIndex() * 26 + 48}px` : 'auto'}; bottom: {row.getIsPinned() === 'bottom' ? `${(table.getBottomRows().length - 1 - row.getPinnedIndex()) * 26}px` : 'auto'}"
+  >
+    {#each row.getAllCells() as cell (cell.id)}
+      <td>
+        {#if cell.column.id === 'pin'}
+          {@render PinCell(row)}
+        {:else if cell.column.id === 'firstName'}
+          {@render ExpandCell(row)}
+          <FlexRender cell={cell} />
+        {:else}
+          <FlexRender cell={cell} />
+        {/if}
+      </td>
+    {/each}
+  </tr>
+{/snippet}
+
+{#snippet Filter(column: Column<typeof _features, Person>, tableRef: SvelteTable<typeof _features, Person, any>)}
+  {@const firstValue = tableRef
+    .getPreFilteredRowModel()
+    .flatRows[0]?.getValue(column.id)}
+
+  {#if typeof firstValue === 'number'}
+    <div class="flex space-x-2">
+      <input
+        type="number"
+        value={((column.getFilterValue() as any)?.[0] ?? '') as string}
+        oninput={(e) =>
+          column.setFilterValue((old: any) => [(e.target as HTMLInputElement).value, old?.[1]])
+        }
+        placeholder="Min"
+        class="w-24 border shadow rounded"
+      />
+      <input
+        type="number"
+        value={((column.getFilterValue() as any)?.[1] ?? '') as string}
+        oninput={(e) =>
+          column.setFilterValue((old: any) => [old?.[0], (e.target as HTMLInputElement).value])
+        }
+        placeholder="Max"
+        class="w-24 border shadow rounded"
+      />
+    </div>
+  {:else}
+    <input
+      type="text"
+      value={(column.getFilterValue() ?? '') as string}
+      oninput={(e) => column.setFilterValue((e.target as HTMLInputElement).value)}
+      placeholder="Search..."
+      class="w-36 border shadow rounded"
+    />
+  {/if}
+{/snippet}
+
+<div class="app">
+  <div class="p-2 container">
+    <div class="h-2"></div>
+    <table>
+      <thead>
+        {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+          <tr>
+            {#each headerGroup.headers as header (header.id)}
+              <th colSpan={header.colSpan}>
+                {#if !header.isPlaceholder}
+                  {#if header.column.id === 'firstName'}
+                    {@render ExpandAllButton()}
+                  {:else}
+                    <FlexRender header={header} />
+                  {/if}
+                  {#if header.column.getCanFilter()}
+                    <div>
+                      {@render Filter(header.column, table)}
+                    </div>
+                  {/if}
+                {/if}
+              </th>
+            {/each}
+          </tr>
+        {/each}
+      </thead>
+      <tbody>
+        {#each table.getTopRows() as row (row.id)}
+          {@render PinnedRow(row)}
+        {/each}
+        {#each copyPinnedRows ? table.getRowModel().rows : table.getCenterRows() as row (row.id)}
+          <tr>
+            {#each row.getAllCells() as cell (cell.id)}
+              <td>
+                {#if cell.column.id === 'pin'}
+                  {@render PinCell(row)}
+                {:else if cell.column.id === 'firstName'}
+                  {@render ExpandCell(row)}
+                  <FlexRender cell={cell} />
+                {:else}
+                  <FlexRender cell={cell} />
+                {/if}
+              </td>
+            {/each}
+          </tr>
+        {/each}
+        {#each table.getBottomRows() as row (row.id)}
+          {@render PinnedRow(row)}
+        {/each}
+      </tbody>
+    </table>
+  </div>
+
+  <div class="h-2"></div>
+  <div class="flex items-center gap-2">
+    <button
+      class="border rounded p-1"
+      onclick={() => table.setPageIndex(0)}
+      disabled={!table.getCanPreviousPage()}
+    >
+      {'<<'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.previousPage()}
+      disabled={!table.getCanPreviousPage()}
+    >
+      {'<'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.nextPage()}
+      disabled={!table.getCanNextPage()}
+    >
+      {'>'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.setPageIndex(table.getPageCount() - 1)}
+      disabled={!table.getCanNextPage()}
+    >
+      {'>>'}
+    </button>
+    <span class="flex items-center gap-1">
+      <div>Page</div>
+      <strong>
+        {table.state.pagination.pageIndex + 1} of{' '}
+        {table.getPageCount()}
+      </strong>
+    </span>
+    <span class="flex items-center gap-1">
+      | Go to page:
+      <input
+        type="number"
+        min="1"
+        max={table.getPageCount()}
+        value={table.state.pagination.pageIndex + 1}
+        oninput={(e) => {
+          const page = (e.target as HTMLInputElement).value
+            ? Number((e.target as HTMLInputElement).value) - 1
+            : 0
+          table.setPageIndex(page)
+        }}
+        class="border p-1 rounded w-16"
+      />
+    </span>
+    <select
+      value={table.state.pagination.pageSize}
+      onchange={(e) => table.setPageSize(Number((e.target as HTMLSelectElement).value))}
+    >
+      {#each [10, 20, 30, 40, 50] as pageSize}
+        <option value={pageSize}>Show {pageSize}</option>
+      {/each}
+    </select>
+  </div>
+  <div class="h-2"></div>
+  <hr />
+  <br />
+  <div class="flex flex-col gap-2 align-center vertical">
+    <div>
+      <label class="ml-2">
+        <input
+          type="checkbox"
+          checked={keepPinnedRows}
+          onchange={() => keepPinnedRows = !keepPinnedRows}
+        />
+        Keep/Persist Pinned Rows across Pagination and Filtering
+      </label>
+    </div>
+    <div>
+      <label class="ml-2">
+        <input
+          type="checkbox"
+          checked={includeLeafRows}
+          onchange={() => includeLeafRows = !includeLeafRows}
+        />
+        Include Leaf Rows When Pinning Parent
+      </label>
+    </div>
+    <div>
+      <label class="ml-2">
+        <input
+          type="checkbox"
+          checked={includeParentRows}
+          onchange={() => includeParentRows = !includeParentRows}
+        />
+        Include Parent Rows When Pinning Child
+      </label>
+    </div>
+    <div>
+      <label class="ml-2">
+        <input
+          type="checkbox"
+          checked={copyPinnedRows}
+          onchange={() => copyPinnedRows = !copyPinnedRows}
+        />
+        Duplicate/Keep Pinned Rows in main table
+      </label>
+    </div>
+  </div>
+  <div>
+    <button class="border rounded p-2 mb-2" onclick={() => refreshData()}>
+      Refresh Data
+    </button>
+  </div>
+  <div>{JSON.stringify(table.state.rowPinning, null, 2)}</div>
+</div>
diff --git a/examples/svelte/row-pinning/src/index.css b/examples/svelte/row-pinning/src/index.css
new file mode 100644
index 0000000000..43c09e0f6b
--- /dev/null
+++ b/examples/svelte/row-pinning/src/index.css
@@ -0,0 +1,26 @@
+html {
+  font-family: sans-serif;
+  font-size: 14px;
+}
+
+table {
+  border: 1px solid lightgray;
+}
+
+tbody {
+  border-bottom: 1px solid lightgray;
+}
+
+th {
+  border-bottom: 1px solid lightgray;
+  border-right: 1px solid lightgray;
+  padding: 2px 4px;
+}
+
+tfoot {
+  color: gray;
+}
+
+tfoot th {
+  font-weight: normal;
+}
diff --git a/examples/svelte/row-pinning/src/main.ts b/examples/svelte/row-pinning/src/main.ts
new file mode 100644
index 0000000000..2f4dd54dc3
--- /dev/null
+++ b/examples/svelte/row-pinning/src/main.ts
@@ -0,0 +1,9 @@
+// @ts-ignore
+import { mount } from 'svelte'
+import App from './App.svelte'
+
+const app = mount(App, {
+  target: document.getElementById('root')!,
+})
+
+export default app
diff --git a/examples/svelte/row-pinning/src/makeData.ts b/examples/svelte/row-pinning/src/makeData.ts
new file mode 100644
index 0000000000..8675eacca6
--- /dev/null
+++ b/examples/svelte/row-pinning/src/makeData.ts
@@ -0,0 +1,43 @@
+import { faker } from '@faker-js/faker'
+
+export type Person = {
+  firstName: string
+  lastName: string
+  age: number
+  visits: number
+  progress: number
+  status: 'relationship' | 'complicated' | 'single'
+  subRows?: Array<Person>
+}
+
+const range = (len: number) => {
+  const arr: Array<number> = []
+  for (let i = 0; i < len; i++) arr.push(i)
+  return arr
+}
+
+const newPerson = (): Person => ({
+  firstName: faker.person.firstName(),
+  lastName: faker.person.lastName(),
+  age: faker.number.int(40),
+  visits: faker.number.int(1000),
+  progress: faker.number.int(100),
+  status: faker.helpers.shuffle<Person['status']>([
+    'relationship',
+    'complicated',
+    'single',
+  ])[0]!,
+})
+
+export function makeData(...lens: Array<number>) {
+  const makeDataLevel = (depth = 0): Array<Person> => {
+    const len = lens[depth]!
+    return range(len).map(
+      (): Person => ({
+        ...newPerson(),
+        subRows: lens[depth + 1] ? makeDataLevel(depth + 1) : undefined,
+      }),
+    )
+  }
+  return makeDataLevel()
+}
diff --git a/examples/svelte/row-pinning/svelte.config.js b/examples/svelte/row-pinning/svelte.config.js
new file mode 100644
index 0000000000..8abe4369b8
--- /dev/null
+++ b/examples/svelte/row-pinning/svelte.config.js
@@ -0,0 +1,5 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  preprocess: vitePreprocess(),
+}
diff --git a/examples/svelte/row-pinning/tsconfig.json b/examples/svelte/row-pinning/tsconfig.json
new file mode 100644
index 0000000000..e44d928411
--- /dev/null
+++ b/examples/svelte/row-pinning/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/examples/svelte/row-pinning/vite.config.js b/examples/svelte/row-pinning/vite.config.js
new file mode 100644
index 0000000000..c6ced40a24
--- /dev/null
+++ b/examples/svelte/row-pinning/vite.config.js
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import rollupReplace from '@rollup/plugin-replace'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    rollupReplace({
+      preventAssignment: true,
+      values: {
+        __DEV__: JSON.stringify(true),
+        'process.env.NODE_ENV': JSON.stringify('development'),
+      },
+    }),
+    svelte(),
+  ],
+})
diff --git a/examples/svelte/row-selection/src/App.svelte b/examples/svelte/row-selection/src/App.svelte
index 8aaa059727..8de57f26c5 100644
--- a/examples/svelte/row-selection/src/App.svelte
+++ b/examples/svelte/row-selection/src/App.svelte
@@ -5,7 +5,7 @@
     createPaginatedRowModel,
     createTable,
     filterFns,
-    flexRender,
+    FlexRender,
     globalFilteringFeature,
     rowPaginationFeature,
     rowSelectionFeature,
@@ -32,6 +32,16 @@
     data = makeData(100_000) // stress test
   }
 
+  // Svelte action to set indeterminate property on checkbox inputs
+  function setIndeterminate(node: HTMLInputElement, value: boolean) {
+    node.indeterminate = value
+    return {
+      update(newValue: boolean) {
+        node.indeterminate = newValue
+      },
+    }
+  }
+
   // Create table with selector to track specific state
   const table = createTable(
     {
@@ -109,46 +119,39 @@
       pagination: state.pagination,
     }),
   )
-
-  // Access selected state reactively
-  $effect(() => {
-    // Access table.state to create reactive dependency
-    table.state
-  })
 </script>
 
 <div class="p-2">
   <div>
     <input
       value={table.state.globalFilter ?? ''}
-      oninput={(e) => table.setGlobalFilter(e.target.value)}
+      oninput={(e) => table.setGlobalFilter((e.target as HTMLInputElement).value)}
       class="p-2 font-lg shadow border border-block"
       placeholder="Search all columns..."
     />
   </div>
-  <div class="h-2" />
+  <div class="h-2"></div>
   <table>
     <thead>
-      {#each table.getHeaderGroups() as headerGroup}
+      {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
         <tr>
-          {#each headerGroup.headers as header}
+          {#each headerGroup.headers as header (header.id)}
             <th colSpan={header.colSpan}>
               {#if !header.isPlaceholder}
                 {#if header.id === 'select'}
-                  <IndeterminateCheckbox
+                  <input
+                    type="checkbox"
                     checked={table.getIsAllRowsSelected()}
-                    indeterminate={table.getIsSomeRowsSelected()}
-                    onChange={table.getToggleAllRowsSelectedHandler()}
+                    use:setIndeterminate={!table.getIsAllRowsSelected() && table.getIsSomeRowsSelected()}
+                    onchange={table.getToggleAllRowsSelectedHandler()}
+                    class="cursor-pointer"
                   />
                 {:else}
-                  <flexRender
-                    content={header.column.columnDef.header}
-                    context={header.getContext()}
-                  />
+                  <FlexRender header={header} />
                 {/if}
                 {#if header.column.getCanFilter()}
                   <div>
-                    <Filter column={header.column} {table} />
+                    {@render Filter(header.column, table)}
                   </div>
                 {/if}
               {/if}
@@ -158,22 +161,21 @@
       {/each}
     </thead>
     <tbody>
-      {#each table.getRowModel().rows as row}
+      {#each table.getRowModel().rows as row (row.id)}
         <tr>
-          {#each row.getAllCells() as cell}
+          {#each row.getAllCells() as cell (cell.id)}
             <td>
               {#if cell.column.id === 'select'}
-                <IndeterminateCheckbox
+                <input
+                  type="checkbox"
                   checked={row.getIsSelected()}
                   disabled={!row.getCanSelect()}
-                  indeterminate={row.getIsSomeSelected()}
-                  onChange={row.getToggleSelectedHandler()}
+                  use:setIndeterminate={!row.getIsSelected() && row.getIsSomeSelected()}
+                  onchange={row.getToggleSelectedHandler()}
+                  class="cursor-pointer"
                 />
               {:else}
-                <flexRender
-                  content={cell.column.columnDef.cell}
-                  context={cell.getContext()}
-                />
+                <FlexRender cell={cell} />
               {/if}
             </td>
           {/each}
@@ -183,17 +185,19 @@
     <tfoot>
       <tr>
         <td class="p-1">
-          <IndeterminateCheckbox
+          <input
+            type="checkbox"
             checked={table.getIsAllPageRowsSelected()}
-            indeterminate={table.getIsSomePageRowsSelected()}
-            onChange={table.getToggleAllPageRowsSelectedHandler()}
+            use:setIndeterminate={!table.getIsAllPageRowsSelected() && table.getIsSomePageRowsSelected()}
+            onchange={table.getToggleAllPageRowsSelectedHandler()}
+            class="cursor-pointer"
           />
         </td>
         <td colSpan={20}>Page Rows ({table.getRowModel().rows.length})</td>
       </tr>
     </tfoot>
   </table>
-  <div class="h-2" />
+  <div class="h-2"></div>
   <div class="flex items-center gap-2">
     <button
       class="border rounded p-1"
@@ -237,7 +241,7 @@
         max={table.getPageCount()}
         value={table.state.pagination.pageIndex + 1}
         oninput={(e) => {
-          const page = e.target.value ? Number(e.target.value) - 1 : 0
+          const page = (e.target as HTMLInputElement).value ? Number((e.target as HTMLInputElement).value) - 1 : 0
           table.setPageIndex(page)
         }}
         class="border p-1 rounded w-16"
@@ -246,7 +250,7 @@
     <select
       value={table.state.pagination.pageSize}
       onchange={(e) => {
-        table.setPageSize(Number(e.target.value))
+        table.setPageSize(Number((e.target as HTMLSelectElement).value))
       }}
     >
       {#each [10, 20, 30, 40, 50] as pageSize}
@@ -280,12 +284,12 @@
     </button>
   </div>
   <div>
-    <label>Row Selection State:</label>
+    <strong>Row Selection State:</strong>
     <pre>{JSON.stringify(table.state, null, 2)}</pre>
   </div>
 </div>
 
-{#snippet Filter({ column, table }: { column: Column<typeof _features, Person>; table: SvelteTable<typeof _features, Person> })}
+{#snippet Filter(column: Column<typeof _features, Person>, table: SvelteTable<typeof _features, Person>)}
   {@const firstValue = table
     .getPreFilteredRowModel()
     .flatRows[0]?.getValue(column.id)}
@@ -296,7 +300,7 @@
         type="number"
         value={((column.getFilterValue() as any)?.[0] ?? '') as string}
         oninput={(e) =>
-          column.setFilterValue((old: any) => [e.target.value, old?.[1]])
+          column.setFilterValue((old: any) => [(e.target as HTMLInputElement).value, old?.[1]])
         }
         placeholder={`Min`}
         class="w-24 border shadow rounded"
@@ -305,7 +309,7 @@
         type="number"
         value={((column.getFilterValue() as any)?.[1] ?? '') as string}
         oninput={(e) =>
-          column.setFilterValue((old: any) => [old?.[0], e.target.value])
+          column.setFilterValue((old: any) => [old?.[0], (e.target as HTMLInputElement).value])
         }
         placeholder={`Max`}
         class="w-24 border shadow rounded"
@@ -315,28 +319,9 @@
     <input
       type="text"
       value={(column.getFilterValue() ?? '') as string}
-      oninput={(e) => column.setFilterValue(e.target.value)}
+      oninput={(e) => column.setFilterValue((e.target as HTMLInputElement).value)}
       placeholder={`Search...`}
       class="w-36 border shadow rounded"
     />
   {/if}
 {/snippet}
-
-{#snippet IndeterminateCheckbox({ indeterminate, class: className = '', checked, disabled, onChange }: { indeterminate?: boolean; class?: string; checked?: boolean; disabled?: boolean; onChange?: (event: Event) => void })}
-  {@const ref = $state<HTMLInputElement | null>(null)}
-
-  $effect(() => {
-    if (typeof indeterminate === 'boolean' && ref) {
-      ref.indeterminate = !checked && indeterminate
-    }
-  })
-
-  <input
-    type="checkbox"
-    bind:this={ref}
-    class={className + ' cursor-pointer'}
-    {checked}
-    {disabled}
-    {onChange}
-  />
-{/snippet}
diff --git a/examples/svelte/row-selection/src/main.ts b/examples/svelte/row-selection/src/main.ts
index a812dfe3bc..2f4dd54dc3 100644
--- a/examples/svelte/row-selection/src/main.ts
+++ b/examples/svelte/row-selection/src/main.ts
@@ -1,8 +1,9 @@
+// @ts-ignore
+import { mount } from 'svelte'
 import App from './App.svelte'
 
-const rootElement = document.getElementById('root')
-if (!rootElement) throw new Error('Failed to find the root element')
-
-new App({
-  target: rootElement,
+const app = mount(App, {
+  target: document.getElementById('root')!,
 })
+
+export default app
diff --git a/examples/svelte/row-selection/src/vite-env.d.ts b/examples/svelte/row-selection/src/vite-env.d.ts
new file mode 100644
index 0000000000..4078e7476a
--- /dev/null
+++ b/examples/svelte/row-selection/src/vite-env.d.ts
@@ -0,0 +1,2 @@
+/// <reference types="svelte" />
+/// <reference types="vite/client" />
diff --git a/examples/svelte/row-selection/tsconfig.json b/examples/svelte/row-selection/tsconfig.json
index 1f61c89bcd..e44d928411 100644
--- a/examples/svelte/row-selection/tsconfig.json
+++ b/examples/svelte/row-selection/tsconfig.json
@@ -1,17 +1,13 @@
 {
   "extends": "@tsconfig/svelte/tsconfig.json",
   "compilerOptions": {
-    "target": "ESNext",
+    "target": "esnext",
     "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ESNext", "DOM"],
-    "moduleResolution": "bundler",
+    "module": "esnext",
     "resolveJsonModule": true,
     "allowJs": true,
     "checkJs": true,
-    "isolatedModules": true,
-    "strict": true
+    "isolatedModules": true
   },
-  "include": ["src/**/*.ts", "src/**/*.svelte"],
-  "references": [{ "path": "./tsconfig.node.json" }]
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
 }
diff --git a/examples/svelte/sorting/src/App.svelte b/examples/svelte/sorting/src/App.svelte
index 32a594df8f..a2d7a4e898 100644
--- a/examples/svelte/sorting/src/App.svelte
+++ b/examples/svelte/sorting/src/App.svelte
@@ -103,15 +103,12 @@
   <div class="h-2"></div>
   <table>
     <thead>
-      {#each table.getHeaderGroups() as headerGroup}
+      {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
         <tr>
-          {#each headerGroup.headers as header}
+          {#each headerGroup.headers as header (header.id)}
             <th colSpan={header.colSpan}>
               {#if !header.isPlaceholder}
-                <FlexRender
-                  content={header.column.columnDef.header}
-                  context={header.getContext()}
-                />
+                <FlexRender header={header} />
               {/if}
             </th>
           {/each}
@@ -119,29 +116,23 @@
       {/each}
     </thead>
     <tbody>
-      {#each table.getRowModel().rows.slice(0, 10) as row}
+      {#each table.getRowModel().rows.slice(0, 10) as row (row.id)}
         <tr>
-          {#each row.getAllCells() as cell}
+          {#each row.getAllCells() as cell (cell.id)}
             <td>
-              <FlexRender
-                content={cell.column.columnDef.cell}
-                context={cell.getContext()}
-              />
+              <FlexRender cell={cell} />
             </td>
           {/each}
         </tr>
       {/each}
     </tbody>
     <tfoot>
-      {#each table.getFooterGroups() as footerGroup}
+      {#each table.getFooterGroups() as footerGroup (footerGroup.id)}
         <tr>
-          {#each footerGroup.headers as header}
+          {#each footerGroup.headers as header (header.id)}
             <th colSpan={header.colSpan}>
               {#if !header.isPlaceholder}
-                <FlexRender
-                  content={header.column.columnDef.footer}
-                  context={header.getContext()}
-                />
+                <FlexRender footer={header} />
               {/if}
             </th>
           {/each}
diff --git a/examples/svelte/sub-components/.gitignore b/examples/svelte/sub-components/.gitignore
new file mode 100644
index 0000000000..2de1736a62
--- /dev/null
+++ b/examples/svelte/sub-components/.gitignore
@@ -0,0 +1,8 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+src/**/*.d.ts
+src/**/*.map
diff --git a/examples/svelte/sub-components/index.html b/examples/svelte/sub-components/index.html
new file mode 100644
index 0000000000..6ab1dd7e51
--- /dev/null
+++ b/examples/svelte/sub-components/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+    <script type="module" src="https://cdn.skypack.dev/twind/shim"></script>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/svelte/sub-components/package.json b/examples/svelte/sub-components/package.json
new file mode 100644
index 0000000000..896afb59fe
--- /dev/null
+++ b/examples/svelte/sub-components/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "tanstack-table-example-svelte-sub-components",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint ./src"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^10.4.0",
+    "@rollup/plugin-replace": "^6.0.3",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@tanstack/svelte-table": "^9.0.0-alpha.10",
+    "@tsconfig/svelte": "^5.0.8",
+    "svelte": "^5.55.1",
+    "svelte-check": "^4.4.6",
+    "typescript": "6.0.2",
+    "vite": "^8.0.3"
+  }
+}
diff --git a/examples/svelte/sub-components/src/App.svelte b/examples/svelte/sub-components/src/App.svelte
new file mode 100644
index 0000000000..3cbd274aaa
--- /dev/null
+++ b/examples/svelte/sub-components/src/App.svelte
@@ -0,0 +1,143 @@
+<script lang="ts">
+  import {
+    createColumnHelper,
+    createExpandedRowModel,
+    createTable,
+    FlexRender,
+    rowExpandingFeature,
+    tableFeatures,
+  } from '@tanstack/svelte-table'
+  import { makeData } from './makeData'
+  import type { Row } from '@tanstack/svelte-table'
+  import type { Person } from './makeData'
+  import './index.css'
+
+  const _features = tableFeatures({ rowExpandingFeature })
+
+  const columnHelper = createColumnHelper<typeof _features, Person>()
+
+  const columns = columnHelper.columns([
+    columnHelper.display({
+      id: 'expander',
+      header: () => null,
+      cell: ({ row }) => {
+        if (row.getCanExpand()) {
+          return 'expandable'
+        }
+        return 'leaf'
+      },
+    }),
+    columnHelper.accessor('firstName', {
+      header: 'First Name',
+      cell: ({ getValue }) => getValue(),
+      footer: (props) => props.column.id,
+    }),
+    columnHelper.accessor((row) => row.lastName, {
+      id: 'lastName',
+      cell: (info) => info.getValue(),
+      header: () => 'Last Name',
+      footer: (props) => props.column.id,
+    }),
+    columnHelper.accessor('age', {
+      header: () => 'Age',
+      footer: (props) => props.column.id,
+    }),
+    columnHelper.accessor('visits', {
+      header: () => 'Visits',
+      footer: (props) => props.column.id,
+    }),
+    columnHelper.accessor('status', {
+      header: 'Status',
+      footer: (props) => props.column.id,
+    }),
+    columnHelper.accessor('progress', {
+      header: 'Profile Progress',
+      footer: (props) => props.column.id,
+    }),
+  ])
+
+  let data = $state(makeData(10))
+
+  const table = createTable(
+    {
+      _features,
+      _rowModels: {
+        expandedRowModel: createExpandedRowModel(),
+      },
+      columns,
+      get data() {
+        return data
+      },
+      getRowCanExpand: () => true,
+    },
+    (state) => state,
+  )
+</script>
+
+{#snippet ExpanderButton(row: Row<typeof _features, Person>)}
+  {#if row.getCanExpand()}
+    <button
+      onclick={row.getToggleExpandedHandler()}
+      style="cursor: pointer"
+    >
+      {row.getIsExpanded() ? 'v' : '>'}
+    </button>
+  {:else}
+    *
+  {/if}
+{/snippet}
+
+{#snippet SubComponent(row: Row<typeof _features, Person>)}
+  <pre style="font-size: 10px">
+    <code>{JSON.stringify(row.original, null, 2)}</code>
+  </pre>
+{/snippet}
+
+<div class="p-2">
+  <div class="h-2"></div>
+  <table>
+    <thead>
+      {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+        <tr>
+          {#each headerGroup.headers as header (header.id)}
+            <th colSpan={header.colSpan}>
+              {#if !header.isPlaceholder}
+                <div>
+                  <FlexRender header={header} />
+                </div>
+              {/if}
+            </th>
+          {/each}
+        </tr>
+      {/each}
+    </thead>
+    <tbody>
+      {#each table.getRowModel().rows as row (row.id)}
+        <tr>
+          {#each row.getAllCells() as cell (cell.id)}
+            <td>
+              {#if cell.column.id === 'expander'}
+                {@render ExpanderButton(row)}
+              {:else if cell.column.id === 'firstName'}
+                <div style="padding-left: {row.depth * 2}rem">
+                  <FlexRender cell={cell} />
+                </div>
+              {:else}
+                <FlexRender cell={cell} />
+              {/if}
+            </td>
+          {/each}
+        </tr>
+        {#if row.getIsExpanded()}
+          <tr>
+            <td colSpan={row.getAllCells().length}>
+              {@render SubComponent(row)}
+            </td>
+          </tr>
+        {/if}
+      {/each}
+    </tbody>
+  </table>
+  <div class="h-2"></div>
+  <div>{table.getRowModel().rows.length} Rows</div>
+</div>
diff --git a/examples/svelte/sub-components/src/index.css b/examples/svelte/sub-components/src/index.css
new file mode 100644
index 0000000000..12d71033f0
--- /dev/null
+++ b/examples/svelte/sub-components/src/index.css
@@ -0,0 +1,21 @@
+html {
+  font-family: sans-serif;
+  font-size: 14px;
+}
+table {
+  border: 1px solid lightgray;
+}
+tbody {
+  border-bottom: 1px solid lightgray;
+}
+th {
+  border-bottom: 1px solid lightgray;
+  border-right: 1px solid lightgray;
+  padding: 2px 4px;
+}
+tfoot {
+  color: gray;
+}
+tfoot th {
+  font-weight: normal;
+}
diff --git a/examples/svelte/sub-components/src/main.ts b/examples/svelte/sub-components/src/main.ts
new file mode 100644
index 0000000000..2f4dd54dc3
--- /dev/null
+++ b/examples/svelte/sub-components/src/main.ts
@@ -0,0 +1,9 @@
+// @ts-ignore
+import { mount } from 'svelte'
+import App from './App.svelte'
+
+const app = mount(App, {
+  target: document.getElementById('root')!,
+})
+
+export default app
diff --git a/examples/svelte/sub-components/src/makeData.ts b/examples/svelte/sub-components/src/makeData.ts
new file mode 100644
index 0000000000..8675eacca6
--- /dev/null
+++ b/examples/svelte/sub-components/src/makeData.ts
@@ -0,0 +1,43 @@
+import { faker } from '@faker-js/faker'
+
+export type Person = {
+  firstName: string
+  lastName: string
+  age: number
+  visits: number
+  progress: number
+  status: 'relationship' | 'complicated' | 'single'
+  subRows?: Array<Person>
+}
+
+const range = (len: number) => {
+  const arr: Array<number> = []
+  for (let i = 0; i < len; i++) arr.push(i)
+  return arr
+}
+
+const newPerson = (): Person => ({
+  firstName: faker.person.firstName(),
+  lastName: faker.person.lastName(),
+  age: faker.number.int(40),
+  visits: faker.number.int(1000),
+  progress: faker.number.int(100),
+  status: faker.helpers.shuffle<Person['status']>([
+    'relationship',
+    'complicated',
+    'single',
+  ])[0]!,
+})
+
+export function makeData(...lens: Array<number>) {
+  const makeDataLevel = (depth = 0): Array<Person> => {
+    const len = lens[depth]!
+    return range(len).map(
+      (): Person => ({
+        ...newPerson(),
+        subRows: lens[depth + 1] ? makeDataLevel(depth + 1) : undefined,
+      }),
+    )
+  }
+  return makeDataLevel()
+}
diff --git a/examples/svelte/sub-components/svelte.config.js b/examples/svelte/sub-components/svelte.config.js
new file mode 100644
index 0000000000..8abe4369b8
--- /dev/null
+++ b/examples/svelte/sub-components/svelte.config.js
@@ -0,0 +1,5 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  preprocess: vitePreprocess(),
+}
diff --git a/examples/svelte/sub-components/tsconfig.json b/examples/svelte/sub-components/tsconfig.json
new file mode 100644
index 0000000000..e44d928411
--- /dev/null
+++ b/examples/svelte/sub-components/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/examples/svelte/sub-components/vite.config.js b/examples/svelte/sub-components/vite.config.js
new file mode 100644
index 0000000000..c6ced40a24
--- /dev/null
+++ b/examples/svelte/sub-components/vite.config.js
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import rollupReplace from '@rollup/plugin-replace'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    rollupReplace({
+      preventAssignment: true,
+      values: {
+        __DEV__: JSON.stringify(true),
+        'process.env.NODE_ENV': JSON.stringify('development'),
+      },
+    }),
+    svelte(),
+  ],
+})
diff --git a/examples/svelte/virtualized-columns/index.html b/examples/svelte/virtualized-columns/index.html
new file mode 100644
index 0000000000..392fecf932
--- /dev/null
+++ b/examples/svelte/virtualized-columns/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Svelte Table - Virtualized Columns</title>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/svelte/virtualized-columns/package.json b/examples/svelte/virtualized-columns/package.json
new file mode 100644
index 0000000000..f49ccc007a
--- /dev/null
+++ b/examples/svelte/virtualized-columns/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "tanstack-table-example-svelte-virtualized-columns",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint ./src"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^10.4.0",
+    "@rollup/plugin-replace": "^6.0.3",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@tanstack/svelte-table": "^9.0.0-alpha.10",
+    "@tanstack/svelte-virtual": "^3.13.23",
+    "@tsconfig/svelte": "^5.0.8",
+    "svelte": "^5.55.1",
+    "svelte-check": "^4.4.6",
+    "typescript": "6.0.2",
+    "vite": "^8.0.3"
+  }
+}
diff --git a/examples/svelte/virtualized-columns/src/App.svelte b/examples/svelte/virtualized-columns/src/App.svelte
new file mode 100644
index 0000000000..f66b1782c9
--- /dev/null
+++ b/examples/svelte/virtualized-columns/src/App.svelte
@@ -0,0 +1,199 @@
+<script lang="ts">
+  import {
+    FlexRender,
+    columnSizingFeature,
+    columnVisibilityFeature,
+    createSortedRowModel,
+    createTable,
+    rowSortingFeature,
+    sortFns,
+    tableFeatures,
+  } from '@tanstack/svelte-table'
+  import { createVirtualizer } from '@tanstack/svelte-virtual'
+  import { get } from 'svelte/store'
+  import { makeColumns, makeData } from './makeData'
+  import type { Person } from './makeData'
+  import './index.css'
+
+  const _features = tableFeatures({
+    columnSizingFeature,
+    columnVisibilityFeature,
+    rowSortingFeature,
+  })
+
+  const columns = makeColumns(1_000)
+  let data = $state(makeData(1_000, columns))
+
+  const refreshData = () => {
+    data = makeData(1_000, columns)
+  }
+
+  const table = createTable({
+    _features,
+    _rowModels: { sortedRowModel: createSortedRowModel(sortFns) },
+    columns,
+    get data() {
+      return data
+    },
+    debugTable: true,
+  })
+
+  // Important: Keep both virtualizers and the scroll container ref in the same component.
+  let tableContainerRef = $state<HTMLDivElement | undefined>(undefined)
+
+  const visibleColumns = $derived(table.getVisibleLeafColumns())
+  const rows = $derived(table.getRowModel().rows)
+
+  // We are using a slightly different virtualization strategy for columns (compared to virtual rows)
+  // in order to support dynamic row heights.
+  const columnVirtualizer = createVirtualizer<
+    HTMLDivElement,
+    HTMLTableCellElement
+  >({
+    get count() {
+      return visibleColumns.length
+    },
+    estimateSize: (index) => visibleColumns[index].getSize(), // estimate width of each column for accurate scrollbar dragging
+    getScrollElement: () => tableContainerRef ?? null,
+    horizontal: true,
+    overscan: 3, // how many columns to render on each side off screen (adjust this for performance)
+  })
+
+  // dynamic row height virtualization - alternatively you could use a simpler fixed row height strategy without `measureElement`
+  const rowVirtualizer = createVirtualizer<
+    HTMLDivElement,
+    HTMLTableRowElement
+  >({
+    get count() {
+      return rows.length
+    },
+    estimateSize: () => 33, // estimate row height for accurate scrollbar dragging
+    getScrollElement: () => tableContainerRef ?? null,
+    // measure dynamic row height, except in firefox because it measures table border height incorrectly
+    measureElement:
+      typeof window !== 'undefined' &&
+      navigator.userAgent.indexOf('Firefox') === -1
+        ? (element) => element.getBoundingClientRect().height
+        : undefined,
+    overscan: 5,
+  })
+
+  // When the container ref becomes available, update both virtualizers
+  // so they pick up the scroll element and set up scroll observers.
+  $effect(() => {
+    if (tableContainerRef) {
+      const getEl = () => tableContainerRef ?? null
+      get(columnVirtualizer).setOptions({ getScrollElement: getEl })
+      get(rowVirtualizer).setOptions({ getScrollElement: getEl })
+    }
+  })
+
+  // When row/column counts change, push the new counts to the virtualizers.
+  // The svelte-virtual store adapter doesn't reactively track getter options.
+  $effect(() => {
+    get(rowVirtualizer).setOptions({ count: rows.length })
+  })
+  $effect(() => {
+    get(columnVirtualizer).setOptions({ count: visibleColumns.length })
+  })
+
+  // Different virtualization strategy for columns - instead of absolute and translateY,
+  // we add empty columns to the left and right
+  const virtualPaddingLeft = $derived.by(() => {
+    const vcs = $columnVirtualizer.getVirtualItems()
+    return vcs.length ? (vcs[0]?.start ?? 0) : undefined
+  })
+
+  const virtualPaddingRight = $derived.by(() => {
+    const vcs = $columnVirtualizer.getVirtualItems()
+    if (!vcs.length) return undefined
+    return $columnVirtualizer.getTotalSize() - (vcs[vcs.length - 1]?.end ?? 0)
+  })
+
+  // Svelte action to measure dynamic row heights via the virtualizer
+  function measureElement(node: HTMLTableRowElement) {
+    get(rowVirtualizer).measureElement(node)
+  }
+</script>
+
+<div class="app">
+  <div>({columns.length.toLocaleString()} columns)</div>
+  <div>({data.length.toLocaleString()} rows)</div>
+  <button onclick={refreshData}>Refresh Data</button>
+  <div
+    class="container"
+    bind:this={tableContainerRef}
+    style="overflow: auto; position: relative; height: 800px;"
+  >
+    <!-- Even though we're still using semantic table tags, we must use CSS grid and flexbox for dynamic row heights -->
+    <table style="display: grid;">
+      <thead style="display: grid; position: sticky; top: 0px; z-index: 1;">
+        {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+          <tr style="display: flex; width: 100%;">
+            {#if virtualPaddingLeft}
+              <!-- fake empty column to the left for virtualization scroll padding -->
+              <th style="display: flex; width: {virtualPaddingLeft}px;"></th>
+            {/if}
+            {#each $columnVirtualizer.getVirtualItems() as virtualColumn (virtualColumn.index)}
+              {@const header = headerGroup.headers[virtualColumn.index]}
+              <th style="display: flex; width: {header.getSize()}px;">
+                <div
+                  class={header.column.getCanSort()
+                    ? 'cursor-pointer select-none'
+                    : ''}
+                  role="button"
+                  tabindex="0"
+                  onclick={header.column.getToggleSortingHandler()}
+                  onkeydown={(e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                      header.column.getToggleSortingHandler()?.(e)
+                    }
+                  }}
+                >
+                  <FlexRender header={header} />
+                  {#if header.column.getIsSorted() === 'asc'}
+                    {' '}🔼
+                  {:else if header.column.getIsSorted() === 'desc'}
+                    {' '}🔽
+                  {/if}
+                </div>
+              </th>
+            {/each}
+            {#if virtualPaddingRight}
+              <!-- fake empty column to the right for virtualization scroll padding -->
+              <th style="display: flex; width: {virtualPaddingRight}px;"></th>
+            {/if}
+          </tr>
+        {/each}
+      </thead>
+      <tbody
+        style="display: grid; height: {$rowVirtualizer.getTotalSize()}px; position: relative;"
+      >
+        {#each $rowVirtualizer.getVirtualItems() as virtualRow (virtualRow.index)}
+          {@const row = rows[virtualRow.index]}
+          {@const visibleCells = row.getVisibleCells()}
+          <tr
+            data-index={virtualRow.index}
+            use:measureElement
+            style="display: flex; position: absolute; transform: translateY({virtualRow.start}px); width: 100%;"
+          >
+            {#if virtualPaddingLeft}
+              <!-- fake empty column to the left for virtualization scroll padding -->
+              <td style="display: flex; width: {virtualPaddingLeft}px;"></td>
+            {/if}
+            {#each $columnVirtualizer.getVirtualItems() as virtualColumn (virtualColumn.index)}
+              {@const cell = visibleCells[virtualColumn.index]}
+              <td style="display: flex; width: {cell.column.getSize()}px;">
+                <FlexRender cell={cell} />
+              </td>
+            {/each}
+            {#if virtualPaddingRight}
+              <!-- fake empty column to the right for virtualization scroll padding -->
+              <td style="display: flex; width: {virtualPaddingRight}px;"></td>
+            {/if}
+          </tr>
+        {/each}
+      </tbody>
+    </table>
+  </div>
+</div>
diff --git a/examples/svelte/virtualized-columns/src/index.css b/examples/svelte/virtualized-columns/src/index.css
new file mode 100644
index 0000000000..6402cb4b8b
--- /dev/null
+++ b/examples/svelte/virtualized-columns/src/index.css
@@ -0,0 +1,40 @@
+html {
+  font-family: sans-serif;
+  font-size: 14px;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  font-family: arial, sans-serif;
+  table-layout: fixed;
+}
+
+thead {
+  background: lightgray;
+}
+
+tr {
+  border-bottom: 1px solid lightgray;
+}
+
+th {
+  border-bottom: 1px solid lightgray;
+  border-right: 1px solid lightgray;
+  padding: 2px 4px;
+  text-align: left;
+}
+
+td {
+  padding: 6px;
+}
+
+.container {
+  border: 1px solid lightgray;
+  margin: 1rem auto;
+}
+
+.app {
+  margin: 1rem auto;
+  text-align: center;
+}
diff --git a/examples/svelte/virtualized-columns/src/main.ts b/examples/svelte/virtualized-columns/src/main.ts
new file mode 100644
index 0000000000..2f4dd54dc3
--- /dev/null
+++ b/examples/svelte/virtualized-columns/src/main.ts
@@ -0,0 +1,9 @@
+// @ts-ignore
+import { mount } from 'svelte'
+import App from './App.svelte'
+
+const app = mount(App, {
+  target: document.getElementById('root')!,
+})
+
+export default app
diff --git a/examples/svelte/virtualized-columns/src/makeData.ts b/examples/svelte/virtualized-columns/src/makeData.ts
new file mode 100644
index 0000000000..837114e211
--- /dev/null
+++ b/examples/svelte/virtualized-columns/src/makeData.ts
@@ -0,0 +1,17 @@
+import { faker } from '@faker-js/faker'
+
+export const makeColumns = (num: number) =>
+  [...Array(num)].map((_, i) => ({
+    accessorKey: i.toString(),
+    header: 'Column ' + i.toString(),
+    size: Math.floor(Math.random() * 150) + 100,
+  }))
+
+export const makeData = (num: number, columns: Array<any>) =>
+  [...Array(num)].map(() => ({
+    ...Object.fromEntries(
+      columns.map((col: any) => [col.accessorKey, faker.person.firstName()]),
+    ),
+  }))
+
+export type Person = ReturnType<typeof makeData>[0]
diff --git a/examples/svelte/virtualized-columns/src/vite-env.d.ts b/examples/svelte/virtualized-columns/src/vite-env.d.ts
new file mode 100644
index 0000000000..4078e7476a
--- /dev/null
+++ b/examples/svelte/virtualized-columns/src/vite-env.d.ts
@@ -0,0 +1,2 @@
+/// <reference types="svelte" />
+/// <reference types="vite/client" />
diff --git a/examples/svelte/virtualized-columns/svelte.config.js b/examples/svelte/virtualized-columns/svelte.config.js
new file mode 100644
index 0000000000..8abe4369b8
--- /dev/null
+++ b/examples/svelte/virtualized-columns/svelte.config.js
@@ -0,0 +1,5 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  preprocess: vitePreprocess(),
+}
diff --git a/examples/svelte/virtualized-columns/tsconfig.json b/examples/svelte/virtualized-columns/tsconfig.json
new file mode 100644
index 0000000000..e44d928411
--- /dev/null
+++ b/examples/svelte/virtualized-columns/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/examples/svelte/virtualized-columns/vite.config.js b/examples/svelte/virtualized-columns/vite.config.js
new file mode 100644
index 0000000000..c6ced40a24
--- /dev/null
+++ b/examples/svelte/virtualized-columns/vite.config.js
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import rollupReplace from '@rollup/plugin-replace'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    rollupReplace({
+      preventAssignment: true,
+      values: {
+        __DEV__: JSON.stringify(true),
+        'process.env.NODE_ENV': JSON.stringify('development'),
+      },
+    }),
+    svelte(),
+  ],
+})
diff --git a/examples/svelte/virtualized-infinite-scrolling/index.html b/examples/svelte/virtualized-infinite-scrolling/index.html
new file mode 100644
index 0000000000..a32d7d57d9
--- /dev/null
+++ b/examples/svelte/virtualized-infinite-scrolling/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Svelte Table - Virtualized Infinite Scrolling</title>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/svelte/virtualized-infinite-scrolling/package.json b/examples/svelte/virtualized-infinite-scrolling/package.json
new file mode 100644
index 0000000000..3bf4948581
--- /dev/null
+++ b/examples/svelte/virtualized-infinite-scrolling/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "tanstack-table-example-svelte-virtualized-infinite-scrolling",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint ./src"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^10.4.0",
+    "@rollup/plugin-replace": "^6.0.3",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@tanstack/svelte-query": "^6.1.13",
+    "@tanstack/svelte-table": "^9.0.0-alpha.10",
+    "@tanstack/svelte-virtual": "^3.13.23",
+    "@tsconfig/svelte": "^5.0.8",
+    "svelte": "^5.55.1",
+    "svelte-check": "^4.4.6",
+    "typescript": "6.0.2",
+    "vite": "^8.0.3"
+  }
+}
diff --git a/examples/svelte/virtualized-infinite-scrolling/src/App.svelte b/examples/svelte/virtualized-infinite-scrolling/src/App.svelte
new file mode 100644
index 0000000000..54c2379472
--- /dev/null
+++ b/examples/svelte/virtualized-infinite-scrolling/src/App.svelte
@@ -0,0 +1,243 @@
+<script lang="ts">
+  import {
+    FlexRender,
+    columnSizingFeature,
+    createColumnHelper,
+    createSortedRowModel,
+    createTable,
+    rowSortingFeature,
+    sortFns,
+    tableFeatures,
+  } from '@tanstack/svelte-table'
+  import {
+    createInfiniteQuery,
+    keepPreviousData,
+  } from '@tanstack/svelte-query'
+  import { createVirtualizer } from '@tanstack/svelte-virtual'
+  import { get } from 'svelte/store'
+  import { onMount } from 'svelte'
+  import { fetchData } from './makeData'
+  import type { Person, PersonApiResponse } from './makeData'
+  import type { SortingState } from '@tanstack/svelte-table'
+  import './index.css'
+
+  const fetchSize = 50
+
+  const _features = tableFeatures({ columnSizingFeature, rowSortingFeature })
+
+  const columnHelper = createColumnHelper<typeof _features, Person>()
+
+  const columns = columnHelper.columns([
+    columnHelper.accessor('id', {
+      header: 'ID',
+      size: 60,
+    }),
+    columnHelper.accessor('firstName', {
+      cell: (info) => info.getValue(),
+    }),
+    columnHelper.accessor((row) => row.lastName, {
+      id: 'lastName',
+      cell: (info) => info.getValue(),
+      header: 'Last Name',
+    }),
+    columnHelper.accessor('age', {
+      header: 'Age',
+      size: 50,
+    }),
+    columnHelper.accessor('visits', {
+      header: 'Visits',
+      size: 50,
+    }),
+    columnHelper.accessor('status', {
+      header: 'Status',
+    }),
+    columnHelper.accessor('progress', {
+      header: 'Profile Progress',
+      size: 80,
+    }),
+    columnHelper.accessor('createdAt', {
+      header: 'Created At',
+      cell: (info) => info.getValue<Date>().toLocaleString(),
+      size: 200,
+    }),
+  ])
+
+  // Manage sorting state externally for the manual sorting + infinite query pattern
+  let sorting = $state<SortingState>([])
+
+  let tableContainerRef = $state<HTMLDivElement | undefined>(undefined)
+
+  const query = createInfiniteQuery<PersonApiResponse>(() => ({
+    queryKey: ['people', sorting],
+    queryFn: async ({ pageParam = 0 }) => {
+      const start = (pageParam as number) * fetchSize
+      return fetchData(start, fetchSize, sorting)
+    },
+    initialPageParam: 0,
+    getNextPageParam: (
+      _lastGroup: PersonApiResponse,
+      groups: Array<PersonApiResponse>,
+    ) => groups.length,
+    refetchOnWindowFocus: false,
+    placeholderData: keepPreviousData,
+  }))
+
+  const flatData = $derived(
+    query.data?.pages.flatMap((page: PersonApiResponse) => page.data) ?? [],
+  )
+  const totalDBRowCount = $derived(
+    query.data?.pages[0]?.meta?.totalRowCount ?? 0,
+  )
+  const totalFetched = $derived(flatData.length)
+
+  const fetchMoreOnBottomReached = (
+    containerRefElement?: HTMLDivElement | null,
+  ) => {
+    if (containerRefElement) {
+      const { scrollHeight, scrollTop, clientHeight } = containerRefElement
+      if (
+        scrollHeight - scrollTop - clientHeight < 500 &&
+        !query.isFetching &&
+        totalFetched < totalDBRowCount
+      ) {
+        void query.fetchNextPage()
+      }
+    }
+  }
+
+  // Check on mount to see if the table is already scrolled to the bottom and immediately needs to fetch more data
+  onMount(() => {
+    fetchMoreOnBottomReached(tableContainerRef)
+  })
+
+  const table = createTable({
+    _features,
+    _rowModels: { sortedRowModel: createSortedRowModel(sortFns) },
+    get data() {
+      return flatData
+    },
+    columns,
+    state: {
+      get sorting() {
+        return sorting
+      },
+    },
+    onSortingChange: (updater) => {
+      sorting = typeof updater === 'function' ? updater(sorting) : updater
+    },
+    manualSorting: true,
+    debugTable: true,
+  })
+
+  const rows = $derived(table.getRowModel().rows)
+
+  // Important: The virtualizer and the scroll container ref must be in the same component scope.
+  const rowVirtualizer = createVirtualizer<
+    HTMLDivElement,
+    HTMLTableRowElement
+  >({
+    get count() {
+      return rows.length
+    },
+    estimateSize: () => 33,
+    getScrollElement: () => tableContainerRef ?? null,
+    measureElement:
+      typeof window !== 'undefined' &&
+      navigator.userAgent.indexOf('Firefox') === -1
+        ? (element) => element.getBoundingClientRect().height
+        : undefined,
+    overscan: 5,
+  })
+
+  // When the container ref becomes available, update the virtualizer
+  // so it picks up the scroll element and sets up scroll observers.
+  $effect(() => {
+    if (tableContainerRef) {
+      get(rowVirtualizer).setOptions({
+        getScrollElement: () => tableContainerRef ?? null,
+      })
+    }
+  })
+
+  // When row count changes (new pages fetched), push the new count to the virtualizer.
+  // The svelte-virtual store adapter doesn't reactively track getter options.
+  $effect(() => {
+    get(rowVirtualizer).setOptions({ count: rows.length })
+  })
+
+  // Svelte action to measure dynamic row heights via the virtualizer
+  function measureElement(node: HTMLTableRowElement) {
+    get(rowVirtualizer).measureElement(node)
+  }
+</script>
+
+<div class="app">
+  {#if import.meta.env.DEV}
+    <p>
+      <strong>Notice:</strong> You are currently running Svelte in development mode.
+      Virtualized rendering performance will be slightly degraded until this
+      application is built for production.
+    </p>
+  {/if}
+  ({totalFetched} of {totalDBRowCount} rows fetched)
+  <div
+    class="container"
+    onscroll={(e) => fetchMoreOnBottomReached(e.currentTarget as HTMLDivElement)}
+    bind:this={tableContainerRef}
+    style="overflow: auto; position: relative; height: 600px;"
+  >
+    <table style="display: grid;">
+      <thead style="display: grid; position: sticky; top: 0px; z-index: 1;">
+        {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+          <tr style="display: flex; width: 100%;">
+            {#each headerGroup.headers as header (header.id)}
+              <th style="display: flex; width: {header.getSize()}px;">
+                <div
+                  class={header.column.getCanSort()
+                    ? 'cursor-pointer select-none'
+                    : ''}
+                  role="button"
+                  tabindex="0"
+                  onclick={header.column.getToggleSortingHandler()}
+                  onkeydown={(e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                      header.column.getToggleSortingHandler()?.(e)
+                    }
+                  }}
+                >
+                  <FlexRender header={header} />
+                  {#if header.column.getIsSorted() === 'asc'}
+                    {' '}🔼
+                  {:else if header.column.getIsSorted() === 'desc'}
+                    {' '}🔽
+                  {/if}
+                </div>
+              </th>
+            {/each}
+          </tr>
+        {/each}
+      </thead>
+      <tbody
+        style="display: grid; height: {$rowVirtualizer.getTotalSize()}px; position: relative;"
+      >
+        {#each $rowVirtualizer.getVirtualItems() as virtualRow (virtualRow.index)}
+          {@const row = rows[virtualRow.index]}
+          <tr
+            data-index={virtualRow.index}
+            use:measureElement
+            style="display: flex; position: absolute; transform: translateY({virtualRow.start}px); width: 100%;"
+          >
+            {#each row.getAllCells() as cell (cell.id)}
+              <td style="display: flex; width: {cell.column.getSize()}px;">
+                <FlexRender cell={cell} />
+              </td>
+            {/each}
+          </tr>
+        {/each}
+      </tbody>
+    </table>
+  </div>
+  {#if query.isFetching}
+    <div>Fetching More...</div>
+  {/if}
+</div>
diff --git a/examples/svelte/virtualized-infinite-scrolling/src/Root.svelte b/examples/svelte/virtualized-infinite-scrolling/src/Root.svelte
new file mode 100644
index 0000000000..cda9d6aac9
--- /dev/null
+++ b/examples/svelte/virtualized-infinite-scrolling/src/Root.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+  import { QueryClient, QueryClientProvider } from '@tanstack/svelte-query'
+  import App from './App.svelte'
+
+  const queryClient = new QueryClient()
+</script>
+
+<QueryClientProvider client={queryClient}>
+  <App />
+</QueryClientProvider>
diff --git a/examples/svelte/virtualized-infinite-scrolling/src/index.css b/examples/svelte/virtualized-infinite-scrolling/src/index.css
new file mode 100644
index 0000000000..6402cb4b8b
--- /dev/null
+++ b/examples/svelte/virtualized-infinite-scrolling/src/index.css
@@ -0,0 +1,40 @@
+html {
+  font-family: sans-serif;
+  font-size: 14px;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  font-family: arial, sans-serif;
+  table-layout: fixed;
+}
+
+thead {
+  background: lightgray;
+}
+
+tr {
+  border-bottom: 1px solid lightgray;
+}
+
+th {
+  border-bottom: 1px solid lightgray;
+  border-right: 1px solid lightgray;
+  padding: 2px 4px;
+  text-align: left;
+}
+
+td {
+  padding: 6px;
+}
+
+.container {
+  border: 1px solid lightgray;
+  margin: 1rem auto;
+}
+
+.app {
+  margin: 1rem auto;
+  text-align: center;
+}
diff --git a/examples/svelte/virtualized-infinite-scrolling/src/main.ts b/examples/svelte/virtualized-infinite-scrolling/src/main.ts
new file mode 100644
index 0000000000..147baab20e
--- /dev/null
+++ b/examples/svelte/virtualized-infinite-scrolling/src/main.ts
@@ -0,0 +1,9 @@
+// @ts-ignore
+import { mount } from 'svelte'
+import Root from './Root.svelte'
+
+const app = mount(Root, {
+  target: document.getElementById('root')!,
+})
+
+export default app
diff --git a/examples/svelte/virtualized-infinite-scrolling/src/makeData.ts b/examples/svelte/virtualized-infinite-scrolling/src/makeData.ts
new file mode 100644
index 0000000000..f482393d88
--- /dev/null
+++ b/examples/svelte/virtualized-infinite-scrolling/src/makeData.ts
@@ -0,0 +1,89 @@
+import { faker } from '@faker-js/faker'
+import type { SortingState } from '@tanstack/svelte-table'
+
+export type Person = {
+  id: number
+  firstName: string
+  lastName: string
+  age: number
+  visits: number
+  progress: number
+  status: 'relationship' | 'complicated' | 'single'
+  createdAt: Date
+}
+
+export type PersonApiResponse = {
+  data: Array<Person>
+  meta: {
+    totalRowCount: number
+  }
+}
+
+const range = (len: number) => {
+  const arr: Array<number> = []
+  for (let i = 0; i < len; i++) {
+    arr.push(i)
+  }
+  return arr
+}
+
+const newPerson = (index: number): Person => {
+  return {
+    id: index + 1,
+    firstName: faker.person.firstName(),
+    lastName: faker.person.lastName(),
+    age: faker.number.int(40),
+    visits: faker.number.int(1000),
+    progress: faker.number.int(100),
+    createdAt: faker.date.anytime(),
+    status: faker.helpers.shuffle<Person['status']>([
+      'relationship',
+      'complicated',
+      'single',
+    ])[0],
+  }
+}
+
+export function makeData(...lens: Array<number>) {
+  const makeDataLevel = (depth = 0): Array<Person> => {
+    const len = lens[depth]
+    return range(len).map((d): Person => {
+      return {
+        ...newPerson(d),
+      }
+    })
+  }
+
+  return makeDataLevel()
+}
+
+const data = makeData(1000)
+
+// simulates a backend api
+export const fetchData = async (
+  start: number,
+  size: number,
+  sorting: SortingState,
+) => {
+  const dbData = [...data]
+  if (sorting.length) {
+    const sort = sorting[0]
+    const { id, desc } = sort as { id: keyof Person; desc: boolean }
+    dbData.sort((a, b) => {
+      if (desc) {
+        return a[id] < b[id] ? 1 : -1
+      }
+      return a[id] > b[id] ? 1 : -1
+    })
+  }
+
+  // simulate a backend api
+  await new Promise((resolve) => setTimeout(resolve, 200))
+
+  return {
+    data: dbData.slice(start, start + size),
+    meta: {
+      totalRowCount: dbData.length,
+    },
+  }
+}
diff --git a/examples/svelte/virtualized-infinite-scrolling/src/vite-env.d.ts b/examples/svelte/virtualized-infinite-scrolling/src/vite-env.d.ts
new file mode 100644
index 0000000000..4078e7476a
--- /dev/null
+++ b/examples/svelte/virtualized-infinite-scrolling/src/vite-env.d.ts
@@ -0,0 +1,2 @@
+/// <reference types="svelte" />
+/// <reference types="vite/client" />
diff --git a/examples/svelte/virtualized-infinite-scrolling/svelte.config.js b/examples/svelte/virtualized-infinite-scrolling/svelte.config.js
new file mode 100644
index 0000000000..8abe4369b8
--- /dev/null
+++ b/examples/svelte/virtualized-infinite-scrolling/svelte.config.js
@@ -0,0 +1,5 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  preprocess: vitePreprocess(),
+}
diff --git a/examples/svelte/virtualized-infinite-scrolling/tsconfig.json b/examples/svelte/virtualized-infinite-scrolling/tsconfig.json
new file mode 100644
index 0000000000..e44d928411
--- /dev/null
+++ b/examples/svelte/virtualized-infinite-scrolling/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/examples/svelte/virtualized-infinite-scrolling/vite.config.js b/examples/svelte/virtualized-infinite-scrolling/vite.config.js
new file mode 100644
index 0000000000..c6ced40a24
--- /dev/null
+++ b/examples/svelte/virtualized-infinite-scrolling/vite.config.js
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import rollupReplace from '@rollup/plugin-replace'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    rollupReplace({
+      preventAssignment: true,
+      values: {
+        __DEV__: JSON.stringify(true),
+        'process.env.NODE_ENV': JSON.stringify('development'),
+      },
+    }),
+    svelte(),
+  ],
+})
diff --git a/examples/svelte/virtualized-rows/index.html b/examples/svelte/virtualized-rows/index.html
new file mode 100644
index 0000000000..f728c10d59
--- /dev/null
+++ b/examples/svelte/virtualized-rows/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Svelte Table - Virtualized Rows</title>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/svelte/virtualized-rows/package.json b/examples/svelte/virtualized-rows/package.json
new file mode 100644
index 0000000000..e492a5fe17
--- /dev/null
+++ b/examples/svelte/virtualized-rows/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "tanstack-table-example-svelte-virtualized-rows",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint ./src"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^10.4.0",
+    "@rollup/plugin-replace": "^6.0.3",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@tanstack/svelte-table": "^9.0.0-alpha.10",
+    "@tanstack/svelte-virtual": "^3.13.23",
+    "@tsconfig/svelte": "^5.0.8",
+    "svelte": "^5.55.1",
+    "svelte-check": "^4.4.6",
+    "typescript": "6.0.2",
+    "vite": "^8.0.3"
+  }
+}
diff --git a/examples/svelte/virtualized-rows/src/App.svelte b/examples/svelte/virtualized-rows/src/App.svelte
new file mode 100644
index 0000000000..3f14d4c24c
--- /dev/null
+++ b/examples/svelte/virtualized-rows/src/App.svelte
@@ -0,0 +1,182 @@
+<script lang="ts">
+  import {
+    FlexRender,
+    columnSizingFeature,
+    createSortedRowModel,
+    createTable,
+    rowSortingFeature,
+    sortFns,
+    tableFeatures,
+  } from '@tanstack/svelte-table'
+  import type { ColumnDef } from '@tanstack/svelte-table'
+  import { createVirtualizer } from '@tanstack/svelte-virtual'
+  import { get } from 'svelte/store'
+  import { makeData } from './makeData'
+  import type { Person } from './makeData'
+  import './index.css'
+
+  const _features = tableFeatures({ columnSizingFeature, rowSortingFeature })
+
+  // This is a dynamic row height example, which is more complicated, but allows for a more realistic table.
+  // See https://tanstack.com/virtual/v3/docs/examples/svelte/table for a simpler fixed row height example.
+  const columns: Array<ColumnDef<typeof _features, Person>> = [
+    {
+      accessorKey: 'id',
+      header: 'ID',
+      size: 60,
+    },
+    {
+      accessorKey: 'firstName',
+      cell: (info) => info.getValue(),
+    },
+    {
+      accessorFn: (row) => row.lastName,
+      id: 'lastName',
+      cell: (info) => info.getValue(),
+      header: 'Last Name',
+    },
+    {
+      accessorKey: 'age',
+      header: 'Age',
+      size: 50,
+    },
+    {
+      accessorKey: 'visits',
+      header: 'Visits',
+      size: 50,
+    },
+    {
+      accessorKey: 'status',
+      header: 'Status',
+    },
+    {
+      accessorKey: 'progress',
+      header: 'Profile Progress',
+      size: 80,
+    },
+    {
+      accessorKey: 'createdAt',
+      header: 'Created At',
+      cell: (info) => info.getValue<Date>().toLocaleString(),
+      size: 250,
+    },
+  ]
+
+  let data = $state(makeData(100_000))
+
+  const refreshData = () => {
+    data = makeData(100_000)
+  }
+
+  const table = createTable({
+    _features,
+    _rowModels: { sortedRowModel: createSortedRowModel(sortFns) },
+    columns,
+    get data() {
+      return data
+    },
+    debugTable: true,
+  })
+
+  let tableContainerRef = $state<HTMLDivElement | undefined>(undefined)
+
+  const rows = $derived(table.getRowModel().rows)
+
+  const rowVirtualizer = createVirtualizer({
+    get count() {
+      return rows.length
+    },
+    estimateSize: () => 33,
+    getScrollElement: () => tableContainerRef ?? null,
+    // measure dynamic row height, except in firefox because it measures table border height incorrectly
+    measureElement:
+      typeof window !== 'undefined' &&
+      navigator.userAgent.indexOf('Firefox') === -1
+        ? (element) => element.getBoundingClientRect().height
+        : undefined,
+    overscan: 5,
+  })
+
+  // When the container ref becomes available, update the virtualizer options
+  // so it picks up the scroll element and sets up scroll observers.
+  $effect(() => {
+    if (tableContainerRef) {
+      get(rowVirtualizer).setOptions({
+        getScrollElement: () => tableContainerRef ?? null,
+      })
+    }
+  })
+
+  // When row count changes (e.g. data refresh), push the new count to the virtualizer.
+  // The svelte-virtual store adapter doesn't reactively track getter options.
+  $effect(() => {
+    get(rowVirtualizer).setOptions({ count: rows.length })
+  })
+
+  // Svelte action to measure dynamic row heights via the virtualizer
+  function measureElement(node: HTMLTableRowElement) {
+    get(rowVirtualizer).measureElement(node)
+  }
+</script>
+
+<div class="app">
+  ({data.length.toLocaleString()} rows)
+  <button onclick={refreshData}>Refresh Data</button>
+  <div
+    class="container"
+    bind:this={tableContainerRef}
+    style="overflow: auto; position: relative; height: 800px;"
+  >
+    <!-- Even though we're still using semantic table tags, we must use CSS grid and flexbox for dynamic row heights -->
+    <table style="display: grid;">
+      <thead style="display: grid; position: sticky; top: 0px; z-index: 1;">
+        {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+          <tr style="display: flex; width: 100%;">
+            {#each headerGroup.headers as header (header.id)}
+              <th style="display: flex; width: {header.getSize()}px;">
+                <div
+                  class={header.column.getCanSort()
+                    ? 'cursor-pointer select-none'
+                    : ''}
+                  role="button"
+                  tabindex="0"
+                  onclick={header.column.getToggleSortingHandler()}
+                  onkeydown={(e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                      header.column.getToggleSortingHandler()?.(e)
+                    }
+                  }}
+                >
+                  <FlexRender header={header} />
+                  {#if header.column.getIsSorted() === 'asc'}
+                    {' '}🔼
+                  {:else if header.column.getIsSorted() === 'desc'}
+                    {' '}🔽
+                  {/if}
+                </div>
+              </th>
+            {/each}
+          </tr>
+        {/each}
+      </thead>
+      <tbody
+        style="display: grid; height: {$rowVirtualizer.getTotalSize()}px; position: relative;"
+      >
+        {#each $rowVirtualizer.getVirtualItems() as virtualRow (virtualRow.index)}
+          {@const row = rows[virtualRow.index]}
+          <tr
+            data-index={virtualRow.index}
+            use:measureElement
+            style="display: flex; position: absolute; transform: translateY({virtualRow.start}px); width: 100%;"
+          >
+            {#each row.getAllCells() as cell (cell.id)}
+              <td style="display: flex; width: {cell.column.getSize()}px;">
+                <FlexRender cell={cell} />
+              </td>
+            {/each}
+          </tr>
+        {/each}
+      </tbody>
+    </table>
+  </div>
+</div>
diff --git a/examples/svelte/virtualized-rows/src/index.css b/examples/svelte/virtualized-rows/src/index.css
new file mode 100644
index 0000000000..6402cb4b8b
--- /dev/null
+++ b/examples/svelte/virtualized-rows/src/index.css
@@ -0,0 +1,40 @@
+html {
+  font-family: sans-serif;
+  font-size: 14px;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  font-family: arial, sans-serif;
+  table-layout: fixed;
+}
+
+thead {
+  background: lightgray;
+}
+
+tr {
+  border-bottom: 1px solid lightgray;
+}
+
+th {
+  border-bottom: 1px solid lightgray;
+  border-right: 1px solid lightgray;
+  padding: 2px 4px;
+  text-align: left;
+}
+
+td {
+  padding: 6px;
+}
+
+.container {
+  border: 1px solid lightgray;
+  margin: 1rem auto;
+}
+
+.app {
+  margin: 1rem auto;
+  text-align: center;
+}
diff --git a/examples/svelte/virtualized-rows/src/main.ts b/examples/svelte/virtualized-rows/src/main.ts
new file mode 100644
index 0000000000..2f4dd54dc3
--- /dev/null
+++ b/examples/svelte/virtualized-rows/src/main.ts
@@ -0,0 +1,9 @@
+// @ts-ignore
+import { mount } from 'svelte'
+import App from './App.svelte'
+
+const app = mount(App, {
+  target: document.getElementById('root')!,
+})
+
+export default app
diff --git a/examples/svelte/virtualized-rows/src/makeData.ts b/examples/svelte/virtualized-rows/src/makeData.ts
new file mode 100644
index 0000000000..aa621f5bba
--- /dev/null
+++ b/examples/svelte/virtualized-rows/src/makeData.ts
@@ -0,0 +1,41 @@
+import { faker } from '@faker-js/faker'
+
+export type Person = {
+  id: number
+  firstName: string
+  lastName: string
+  age: number
+  visits: number
+  progress: number
+  status: 'relationship' | 'complicated' | 'single'
+  createdAt: Date
+}
+
+const range = (len: number) => {
+  const arr: Array<number> = []
+  for (let i = 0; i < len; i++) arr.push(i)
+  return arr
+}
+
+const newPerson = (index: number): Person => ({
+  id: index + 1,
+  firstName: faker.person.firstName(),
+  lastName: faker.person.lastName(),
+  age: faker.number.int(40),
+  visits: faker.number.int(1000),
+  progress: faker.number.int(100),
+  createdAt: faker.date.anytime(),
+  status: faker.helpers.shuffle<Person['status']>([
+    'relationship',
+    'complicated',
+    'single',
+  ])[0]!,
+})
+
+export function makeData(...lens: Array<number>) {
+  const makeDataLevel = (depth = 0): Array<Person> => {
+    const len = lens[depth]!
+    return range(len).map((d): Person => ({ ...newPerson(d) }))
+  }
+  return makeDataLevel()
+}
diff --git a/examples/svelte/virtualized-rows/src/vite-env.d.ts b/examples/svelte/virtualized-rows/src/vite-env.d.ts
new file mode 100644
index 0000000000..4078e7476a
--- /dev/null
+++ b/examples/svelte/virtualized-rows/src/vite-env.d.ts
@@ -0,0 +1,2 @@
+/// <reference types="svelte" />
+/// <reference types="vite/client" />
diff --git a/examples/svelte/virtualized-rows/svelte.config.js b/examples/svelte/virtualized-rows/svelte.config.js
new file mode 100644
index 0000000000..8abe4369b8
--- /dev/null
+++ b/examples/svelte/virtualized-rows/svelte.config.js
@@ -0,0 +1,5 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  preprocess: vitePreprocess(),
+}
diff --git a/examples/svelte/virtualized-rows/tsconfig.json b/examples/svelte/virtualized-rows/tsconfig.json
new file mode 100644
index 0000000000..e44d928411
--- /dev/null
+++ b/examples/svelte/virtualized-rows/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/examples/svelte/virtualized-rows/vite.config.js b/examples/svelte/virtualized-rows/vite.config.js
new file mode 100644
index 0000000000..c6ced40a24
--- /dev/null
+++ b/examples/svelte/virtualized-rows/vite.config.js
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import rollupReplace from '@rollup/plugin-replace'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    rollupReplace({
+      preventAssignment: true,
+      values: {
+        __DEV__: JSON.stringify(true),
+        'process.env.NODE_ENV': JSON.stringify('development'),
+      },
+    }),
+    svelte(),
+  ],
+})
diff --git a/examples/svelte/with-tanstack-form/.gitignore b/examples/svelte/with-tanstack-form/.gitignore
new file mode 100644
index 0000000000..2de1736a62
--- /dev/null
+++ b/examples/svelte/with-tanstack-form/.gitignore
@@ -0,0 +1,8 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+src/**/*.d.ts
+src/**/*.map
diff --git a/examples/svelte/with-tanstack-form/index.html b/examples/svelte/with-tanstack-form/index.html
new file mode 100644
index 0000000000..6ab1dd7e51
--- /dev/null
+++ b/examples/svelte/with-tanstack-form/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+    <script type="module" src="https://cdn.skypack.dev/twind/shim"></script>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/svelte/with-tanstack-form/package.json b/examples/svelte/with-tanstack-form/package.json
new file mode 100644
index 0000000000..a9df0b6604
--- /dev/null
+++ b/examples/svelte/with-tanstack-form/package.json
@@ -0,0 +1,29 @@
+{
+  "name": "tanstack-table-example-svelte-with-tanstack-form",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint ./src"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^10.4.0",
+    "@rollup/plugin-replace": "^6.0.3",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@tsconfig/svelte": "^5.0.8",
+    "svelte": "^5.55.1",
+    "svelte-check": "^4.4.6",
+    "typescript": "6.0.2",
+    "vite": "^8.0.3"
+  },
+  "dependencies": {
+    "@tanstack/form-core": "^1.12.2",
+    "@tanstack/svelte-form": "^1.12.2",
+    "@tanstack/svelte-table": "^9.0.0-alpha.10",
+    "zod": "^3.24.4"
+  }
+}
diff --git a/examples/svelte/with-tanstack-form/src/App.svelte b/examples/svelte/with-tanstack-form/src/App.svelte
new file mode 100644
index 0000000000..86cbbe100a
--- /dev/null
+++ b/examples/svelte/with-tanstack-form/src/App.svelte
@@ -0,0 +1,374 @@
+<script lang="ts">
+  import {
+    columnFilteringFeature,
+    createColumnHelper,
+    createFilteredRowModel,
+    createPaginatedRowModel,
+    createTable,
+    filterFns,
+    FlexRender,
+    renderComponent,
+    rowPaginationFeature,
+    Subscribe,
+    tableFeatures,
+  } from '@tanstack/svelte-table'
+  import type { Column, Table } from '@tanstack/svelte-table'
+  import { z } from 'zod'
+  import { makeData } from './makeData'
+  import type { Person } from './makeData'
+  import { createAppForm } from './form'
+  import TextFieldCell from './TextFieldCell.svelte'
+  import NumberFieldCell from './NumberFieldCell.svelte'
+  import SelectFieldCell from './SelectFieldCell.svelte'
+  import './index.css'
+
+  // Define table features
+  const _features = tableFeatures({
+    rowPaginationFeature,
+    columnFilteringFeature,
+  })
+
+  // Create column helper with features and Person type
+  const columnHelper = createColumnHelper<typeof _features, Person>()
+
+  // Zod validation schema for a person
+  const personSchema = z.object({
+    firstName: z.string().min(1, 'First name is required'),
+    lastName: z.string().min(1, 'Last name is required'),
+    age: z
+      .number()
+      .min(0, 'Age must be positive')
+      .max(150, 'Age must be realistic'),
+    visits: z.number().min(0, 'Visits must be positive'),
+    progress: z
+      .number()
+      .min(0, 'Progress must be 0-100')
+      .max(100, 'Progress must be 0-100'),
+    status: z.enum(['relationship', 'complicated', 'single']),
+  })
+
+  // Form data schema
+  const formSchema = z.object({
+    data: z.array(personSchema),
+  })
+
+  type FormData = z.infer<typeof formSchema>
+
+  // Initialize form with makeData
+  const form = createAppForm(() => ({
+    defaultValues: {
+      data: makeData(100),
+    } as FormData,
+    onSubmit: ({ value }: { value: FormData }) => {
+      alert(
+        `Submitted ${value.data.length} records!\n\nFirst record: ${JSON.stringify(value.data[0], null, 2)}`,
+      )
+    },
+    validators: {
+      onChange: formSchema,
+    },
+  }))
+
+  // Create columns with form fields for editing
+  const columns = columnHelper.columns([
+    columnHelper.accessor('firstName', {
+      header: 'First Name',
+      footer: (props) => props.column.id,
+      cell: ({ row }) =>
+        renderComponent(TextFieldCell, {
+          form,
+          rowIndex: row.index,
+          fieldName: 'firstName',
+        }),
+    }),
+    columnHelper.accessor('lastName', {
+      header: 'Last Name',
+      footer: (props) => props.column.id,
+      cell: ({ row }) =>
+        renderComponent(TextFieldCell, {
+          form,
+          rowIndex: row.index,
+          fieldName: 'lastName',
+        }),
+    }),
+    columnHelper.accessor('age', {
+      header: 'Age',
+      footer: (props) => props.column.id,
+      cell: ({ row }) =>
+        renderComponent(NumberFieldCell, {
+          form,
+          rowIndex: row.index,
+          fieldName: 'age',
+        }),
+    }),
+    columnHelper.accessor('visits', {
+      header: 'Visits',
+      footer: (props) => props.column.id,
+      cell: ({ row }) =>
+        renderComponent(NumberFieldCell, {
+          form,
+          rowIndex: row.index,
+          fieldName: 'visits',
+        }),
+    }),
+    columnHelper.accessor('status', {
+      header: 'Status',
+      footer: (props) => props.column.id,
+      cell: ({ row }) =>
+        renderComponent(SelectFieldCell, {
+          form,
+          rowIndex: row.index,
+        }),
+    }),
+    columnHelper.accessor('progress', {
+      header: 'Profile Progress',
+      footer: (props) => props.column.id,
+      cell: ({ row }) =>
+        renderComponent(NumberFieldCell, {
+          form,
+          rowIndex: row.index,
+          fieldName: 'progress',
+          max: 100,
+        }),
+    }),
+  ])
+
+  // Create table using form state as data source
+  const table = createTable(
+    {
+      _features,
+      _rowModels: {
+        filteredRowModel: createFilteredRowModel(filterFns),
+        paginatedRowModel: createPaginatedRowModel(),
+      },
+      columns,
+      get data() {
+        return form.state.values.data
+      },
+      debugTable: true,
+    },
+    (state) => state,
+  )
+
+  const refreshData = () => {
+    form.reset({ data: makeData(100) })
+  }
+
+  const addRow = () => {
+    form.pushFieldValue('data', {
+      firstName: '',
+      lastName: '',
+      age: 0,
+      visits: 0,
+      progress: 0,
+      status: 'single',
+    })
+  }
+
+  function getFilterValue(column: Column<typeof _features, Person>): unknown {
+    return column.getFilterValue()
+  }
+
+  function getFirstValue(
+    tbl: Table<typeof _features, Person>,
+    columnId: string,
+  ): unknown {
+    return tbl.getPreFilteredRowModel().flatRows[0]?.getValue(columnId)
+  }
+</script>
+
+{#snippet filterSnippet(column: Column<typeof _features, Person>)}
+  {@const firstValue = getFirstValue(table, column.id)}
+  {@const filterValue = getFilterValue(column)}
+  {#if typeof firstValue === 'number'}
+    <div class="flex space-x-2">
+      <input
+        type="number"
+        value={((filterValue as [number, number] | undefined)?.[0] ?? '') as any}
+        oninput={(e: Event) =>
+          column.setFilterValue((old: [number, number]) => [
+            (e.target as HTMLInputElement).value,
+            old?.[1],
+          ])}
+        placeholder="Min"
+        class="w-24 border shadow rounded"
+      />
+      <input
+        type="number"
+        value={((filterValue as [number, number] | undefined)?.[1] ?? '') as any}
+        oninput={(e: Event) =>
+          column.setFilterValue((old: [number, number]) => [
+            old?.[0],
+            (e.target as HTMLInputElement).value,
+          ])}
+        placeholder="Max"
+        class="w-24 border shadow rounded"
+      />
+    </div>
+  {:else}
+    <input
+      class="w-36 border shadow rounded"
+      oninput={(e: Event) =>
+        column.setFilterValue((e.target as HTMLInputElement).value)}
+      placeholder="Search..."
+      type="text"
+      value={(filterValue ?? '') as string}
+    />
+  {/if}
+{/snippet}
+
+<div class="p-2">
+  <form
+    onsubmit={(e) => {
+      e.preventDefault()
+      e.stopPropagation()
+      void form.handleSubmit()
+    }}
+  >
+    <!-- Form state indicators -->
+    <div class="mb-4 flex items-center gap-4">
+      <form.AppForm>
+        {#snippet children()}
+          <form.FormStateIndicator />
+        {/snippet}
+      </form.AppForm>
+      <form.AppForm>
+        {#snippet children()}
+          <form.SubmitButton label="Save All Changes" />
+        {/snippet}
+      </form.AppForm>
+      <button
+        type="button"
+        onclick={addRow}
+        class="border rounded px-4 py-2 bg-green-500 text-white"
+      >
+        Add Row
+      </button>
+      <button
+        type="button"
+        onclick={refreshData}
+        class="border rounded px-4 py-2 bg-gray-500 text-white"
+      >
+        Reset Data
+      </button>
+    </div>
+
+    <!-- Table -->
+    <div>
+      <div class="h-2"></div>
+      <table>
+        <thead>
+          {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+            <tr>
+              {#each headerGroup.headers as header (header.id)}
+                <th colSpan={header.colSpan}>
+                  {#if !header.isPlaceholder}
+                    <div>
+                      <FlexRender
+                        content={header.column.columnDef.header}
+                        context={header.getContext()}
+                      />
+                      {#if header.column.getCanFilter()}
+                        <div>
+                          {@render filterSnippet(header.column)}
+                        </div>
+                      {/if}
+                    </div>
+                  {/if}
+                </th>
+              {/each}
+            </tr>
+          {/each}
+        </thead>
+        <tbody>
+          {#each table.getRowModel().rows as row (row.id)}
+            <tr>
+              {#each row.getAllCells() as cell (cell.id)}
+                <td>
+                  <FlexRender
+                    content={cell.column.columnDef.cell}
+                    context={cell.getContext()}
+                  />
+                </td>
+              {/each}
+            </tr>
+          {/each}
+        </tbody>
+      </table>
+
+      <!-- Pagination controls -->
+      <div class="h-2"></div>
+      <div class="flex items-center gap-2">
+        <button
+          type="button"
+          class="border rounded p-1"
+          onclick={() => table.firstPage()}
+          disabled={!table.getCanPreviousPage()}
+        >
+          {'<<'}
+        </button>
+        <button
+          type="button"
+          class="border rounded p-1"
+          onclick={() => table.previousPage()}
+          disabled={!table.getCanPreviousPage()}
+        >
+          {'<'}
+        </button>
+        <button
+          type="button"
+          class="border rounded p-1"
+          onclick={() => table.nextPage()}
+          disabled={!table.getCanNextPage()}
+        >
+          {'>'}
+        </button>
+        <button
+          type="button"
+          class="border rounded p-1"
+          onclick={() => table.lastPage()}
+          disabled={!table.getCanNextPage()}
+        >
+          {'>>'}
+        </button>
+        <span class="flex items-center gap-1">
+          <div>Page</div>
+          <strong>
+            {table.state.pagination.pageIndex + 1} of{' '}
+            {table.getPageCount().toLocaleString()}
+          </strong>
+        </span>
+        <span class="flex items-center gap-1">
+          | Go to page:
+          <input
+            type="number"
+            min="1"
+            max={table.getPageCount()}
+            value={table.state.pagination.pageIndex + 1}
+            oninput={(e: Event) => {
+              const page = (e.target as HTMLInputElement).value
+                ? Number((e.target as HTMLInputElement).value) - 1
+                : 0
+              table.setPageIndex(page)
+            }}
+            class="border p-1 rounded w-16"
+          />
+        </span>
+        <select
+          value={table.state.pagination.pageSize}
+          onchange={(e: Event) => {
+            table.setPageSize(Number((e.target as HTMLSelectElement).value))
+          }}
+        >
+          {#each [10, 20, 30, 40, 50] as pageSize}
+            <option value={pageSize}>Show {pageSize}</option>
+          {/each}
+        </select>
+      </div>
+      <div>
+        Showing {table.getRowModel().rows.length.toLocaleString()} of{' '}
+        {table.getRowCount().toLocaleString()} Rows
+      </div>
+    </div>
+  </form>
+</div>
diff --git a/examples/svelte/with-tanstack-form/src/FormStateIndicator.svelte b/examples/svelte/with-tanstack-form/src/FormStateIndicator.svelte
new file mode 100644
index 0000000000..0b7759c6a6
--- /dev/null
+++ b/examples/svelte/with-tanstack-form/src/FormStateIndicator.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+  import { useFormContext } from './form-context.js'
+
+  const form = useFormContext()
+</script>
+
+<form.Subscribe
+  selector={(state) => ({
+    isDirty: state.isDirty,
+    isValid: state.isValid,
+    errorMap: state.errorMap,
+  })}
+>
+  {#snippet children({ isDirty, isValid, errorMap })}
+    <div class="flex gap-4 text-sm">
+      <span class={isDirty ? 'text-yellow-600' : 'text-gray-400'}>
+        {isDirty ? '● Modified' : '○ Pristine'}
+      </span>
+      <span class={isValid ? 'text-green-600' : 'text-red-600'}>
+        {isValid ? '✓ Valid' : '✗ Invalid'}
+      </span>
+      {#if Object.keys(errorMap).length > 0}
+        <span class="text-red-600">
+          Errors: {JSON.stringify(errorMap)}
+        </span>
+      {/if}
+    </div>
+  {/snippet}
+</form.Subscribe>
diff --git a/examples/svelte/with-tanstack-form/src/NumberField.svelte b/examples/svelte/with-tanstack-form/src/NumberField.svelte
new file mode 100644
index 0000000000..3da71f2bc8
--- /dev/null
+++ b/examples/svelte/with-tanstack-form/src/NumberField.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+  import { useFieldContext } from './form-context.js'
+
+  const field = useFieldContext<number>()
+</script>
+
+<div>
+  <input
+    type="number"
+    class="border rounded px-1 w-20"
+    value={field.state.value}
+    oninput={(e: Event) =>
+      field.handleChange(Number((e.target as HTMLInputElement).value))}
+    onblur={() => field.handleBlur()}
+  />
+  {#if field.state.meta.errors.length > 0}
+    <div class="text-red-500 text-xs">{field.state.meta.errors.join(', ')}</div>
+  {/if}
+</div>
diff --git a/examples/svelte/with-tanstack-form/src/NumberFieldCell.svelte b/examples/svelte/with-tanstack-form/src/NumberFieldCell.svelte
new file mode 100644
index 0000000000..fda51276aa
--- /dev/null
+++ b/examples/svelte/with-tanstack-form/src/NumberFieldCell.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+  import { z } from 'zod'
+  import type { AnyFormApi } from '@tanstack/form-core'
+
+  const { form, rowIndex, fieldName, min, max }: {
+    form: any
+    rowIndex: number
+    fieldName: string
+    min?: number
+    max?: number
+  } = $props()
+
+  const validator = $derived(
+    max !== undefined
+      ? z.number().min(min ?? 0, 'Must be positive').max(max, `Must be 0-${max}`)
+      : z.number().min(min ?? 0, 'Must be positive'),
+  )
+</script>
+
+<form.AppField
+  name={`data[${rowIndex}].${fieldName}`}
+  validators={{
+    onChange: validator,
+  }}
+>
+  {#snippet children(field: any)}
+    <field.NumberField />
+  {/snippet}
+</form.AppField>
diff --git a/examples/svelte/with-tanstack-form/src/SelectField.svelte b/examples/svelte/with-tanstack-form/src/SelectField.svelte
new file mode 100644
index 0000000000..61a9c1a19d
--- /dev/null
+++ b/examples/svelte/with-tanstack-form/src/SelectField.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+  import { useFieldContext } from './form-context.js'
+
+  const field = useFieldContext<string>()
+
+  const statusOptions = ['relationship', 'complicated', 'single'] as const
+</script>
+
+<div>
+  <select
+    class="border rounded px-1"
+    value={field.state.value}
+    onchange={(e: Event) =>
+      field.handleChange((e.target as HTMLSelectElement).value)}
+    onblur={() => field.handleBlur()}
+  >
+    {#each statusOptions as status}
+      <option value={status}>{status}</option>
+    {/each}
+  </select>
+  {#if field.state.meta.errors.length > 0}
+    <div class="text-red-500 text-xs">{field.state.meta.errors.join(', ')}</div>
+  {/if}
+</div>
diff --git a/examples/svelte/with-tanstack-form/src/SelectFieldCell.svelte b/examples/svelte/with-tanstack-form/src/SelectFieldCell.svelte
new file mode 100644
index 0000000000..6d3192dafa
--- /dev/null
+++ b/examples/svelte/with-tanstack-form/src/SelectFieldCell.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+  import type { AnyFormApi } from '@tanstack/form-core'
+
+  const { form, rowIndex }: {
+    form: any
+    rowIndex: number
+  } = $props()
+</script>
+
+<form.AppField name={`data[${rowIndex}].status`}>
+  {#snippet children(field: any)}
+    <field.SelectField />
+  {/snippet}
+</form.AppField>
diff --git a/examples/svelte/with-tanstack-form/src/SubmitButton.svelte b/examples/svelte/with-tanstack-form/src/SubmitButton.svelte
new file mode 100644
index 0000000000..26bfb3a56d
--- /dev/null
+++ b/examples/svelte/with-tanstack-form/src/SubmitButton.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+  import { useFormContext } from './form-context.js'
+
+  const form = useFormContext()
+
+  const { label }: { label: string } = $props()
+</script>
+
+<form.Subscribe
+  selector={(state) => ({
+    isSubmitting: state.isSubmitting,
+    canSubmit: state.canSubmit,
+  })}
+>
+  {#snippet children({ isSubmitting, canSubmit })}
+    <button
+      type="submit"
+      disabled={!canSubmit || isSubmitting}
+      class="border rounded px-4 py-2 bg-blue-500 text-white disabled:opacity-50"
+    >
+      {isSubmitting ? 'Submitting...' : label}
+    </button>
+  {/snippet}
+</form.Subscribe>
diff --git a/examples/svelte/with-tanstack-form/src/TextField.svelte b/examples/svelte/with-tanstack-form/src/TextField.svelte
new file mode 100644
index 0000000000..9ebd865f26
--- /dev/null
+++ b/examples/svelte/with-tanstack-form/src/TextField.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+  import { useFieldContext } from './form-context.js'
+
+  const field = useFieldContext<string>()
+</script>
+
+<div>
+  <input
+    class="border rounded px-1 w-full"
+    value={field.state.value}
+    oninput={(e: Event) =>
+      field.handleChange((e.target as HTMLInputElement).value)}
+    onblur={() => field.handleBlur()}
+  />
+  {#if field.state.meta.errors.length > 0}
+    <div class="text-red-500 text-xs">{field.state.meta.errors.join(', ')}</div>
+  {/if}
+</div>
diff --git a/examples/svelte/with-tanstack-form/src/TextFieldCell.svelte b/examples/svelte/with-tanstack-form/src/TextFieldCell.svelte
new file mode 100644
index 0000000000..fe28f99e79
--- /dev/null
+++ b/examples/svelte/with-tanstack-form/src/TextFieldCell.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+  import { z } from 'zod'
+  import type { AnyFormApi } from '@tanstack/form-core'
+
+  const { form, rowIndex, fieldName }: {
+    form: any
+    rowIndex: number
+    fieldName: string
+  } = $props()
+</script>
+
+<form.AppField
+  name={`data[${rowIndex}].${fieldName}`}
+  validators={{
+    onChange: z.string().min(1, 'Required'),
+  }}
+>
+  {#snippet children(field: any)}
+    <field.TextField />
+  {/snippet}
+</form.AppField>
diff --git a/examples/svelte/with-tanstack-form/src/form-context.ts b/examples/svelte/with-tanstack-form/src/form-context.ts
new file mode 100644
index 0000000000..40989db7f5
--- /dev/null
+++ b/examples/svelte/with-tanstack-form/src/form-context.ts
@@ -0,0 +1,3 @@
+import { createFormCreatorContexts } from '@tanstack/svelte-form'
+
+export const { useFieldContext, useFormContext } = createFormCreatorContexts()
diff --git a/examples/svelte/with-tanstack-form/src/form.ts b/examples/svelte/with-tanstack-form/src/form.ts
new file mode 100644
index 0000000000..c796c870e1
--- /dev/null
+++ b/examples/svelte/with-tanstack-form/src/form.ts
@@ -0,0 +1,18 @@
+import { createFormCreator } from '@tanstack/svelte-form'
+import TextField from './TextField.svelte'
+import NumberField from './NumberField.svelte'
+import SelectField from './SelectField.svelte'
+import SubmitButton from './SubmitButton.svelte'
+import FormStateIndicator from './FormStateIndicator.svelte'
+
+export const { createAppForm } = createFormCreator({
+  fieldComponents: {
+    TextField,
+    NumberField,
+    SelectField,
+  },
+  formComponents: {
+    SubmitButton,
+    FormStateIndicator,
+  },
+})
diff --git a/examples/svelte/with-tanstack-form/src/index.css b/examples/svelte/with-tanstack-form/src/index.css
new file mode 100644
index 0000000000..43c09e0f6b
--- /dev/null
+++ b/examples/svelte/with-tanstack-form/src/index.css
@@ -0,0 +1,26 @@
+html {
+  font-family: sans-serif;
+  font-size: 14px;
+}
+
+table {
+  border: 1px solid lightgray;
+}
+
+tbody {
+  border-bottom: 1px solid lightgray;
+}
+
+th {
+  border-bottom: 1px solid lightgray;
+  border-right: 1px solid lightgray;
+  padding: 2px 4px;
+}
+
+tfoot {
+  color: gray;
+}
+
+tfoot th {
+  font-weight: normal;
+}
diff --git a/examples/svelte/with-tanstack-form/src/main.ts b/examples/svelte/with-tanstack-form/src/main.ts
new file mode 100644
index 0000000000..2f4dd54dc3
--- /dev/null
+++ b/examples/svelte/with-tanstack-form/src/main.ts
@@ -0,0 +1,9 @@
+// @ts-ignore
+import { mount } from 'svelte'
+import App from './App.svelte'
+
+const app = mount(App, {
+  target: document.getElementById('root')!,
+})
+
+export default app
diff --git a/examples/svelte/with-tanstack-form/src/makeData.ts b/examples/svelte/with-tanstack-form/src/makeData.ts
new file mode 100644
index 0000000000..b9055b2d8c
--- /dev/null
+++ b/examples/svelte/with-tanstack-form/src/makeData.ts
@@ -0,0 +1,48 @@
+import { faker } from '@faker-js/faker'
+
+export type Person = {
+  firstName: string
+  lastName: string
+  age: number
+  visits: number
+  progress: number
+  status: 'relationship' | 'complicated' | 'single'
+  subRows?: Array<Person>
+}
+
+const range = (len: number) => {
+  const arr: Array<number> = []
+  for (let i = 0; i < len; i++) {
+    arr.push(i)
+  }
+  return arr
+}
+
+const newPerson = (): Person => {
+  return {
+    firstName: faker.person.firstName(),
+    lastName: faker.person.lastName(),
+    age: faker.number.int(40),
+    visits: faker.number.int(1000),
+    progress: faker.number.int(100),
+    status: faker.helpers.shuffle<Person['status']>([
+      'relationship',
+      'complicated',
+      'single',
+    ])[0],
+  }
+}
+
+export function makeData(...lens: Array<number>) {
+  const makeDataLevel = (depth = 0): Array<Person> => {
+    const len = lens[depth]
+    return range(len).map((_d): Person => {
+      return {
+        ...newPerson(),
+        subRows: lens[depth + 1] ? makeDataLevel(depth + 1) : undefined,
+      }
+    })
+  }
+
+  return makeDataLevel()
+}
diff --git a/examples/svelte/with-tanstack-form/svelte.config.js b/examples/svelte/with-tanstack-form/svelte.config.js
new file mode 100644
index 0000000000..8abe4369b8
--- /dev/null
+++ b/examples/svelte/with-tanstack-form/svelte.config.js
@@ -0,0 +1,5 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  preprocess: vitePreprocess(),
+}
diff --git a/examples/svelte/with-tanstack-form/tsconfig.json b/examples/svelte/with-tanstack-form/tsconfig.json
new file mode 100644
index 0000000000..e44d928411
--- /dev/null
+++ b/examples/svelte/with-tanstack-form/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/examples/svelte/with-tanstack-form/vite.config.js b/examples/svelte/with-tanstack-form/vite.config.js
new file mode 100644
index 0000000000..c6ced40a24
--- /dev/null
+++ b/examples/svelte/with-tanstack-form/vite.config.js
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import rollupReplace from '@rollup/plugin-replace'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    rollupReplace({
+      preventAssignment: true,
+      values: {
+        __DEV__: JSON.stringify(true),
+        'process.env.NODE_ENV': JSON.stringify('development'),
+      },
+    }),
+    svelte(),
+  ],
+})
diff --git a/examples/svelte/with-tanstack-query/.gitignore b/examples/svelte/with-tanstack-query/.gitignore
new file mode 100644
index 0000000000..2de1736a62
--- /dev/null
+++ b/examples/svelte/with-tanstack-query/.gitignore
@@ -0,0 +1,8 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+src/**/*.d.ts
+src/**/*.map
diff --git a/examples/svelte/with-tanstack-query/index.html b/examples/svelte/with-tanstack-query/index.html
new file mode 100644
index 0000000000..6ab1dd7e51
--- /dev/null
+++ b/examples/svelte/with-tanstack-query/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+    <script type="module" src="https://cdn.skypack.dev/twind/shim"></script>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/svelte/with-tanstack-query/package.json b/examples/svelte/with-tanstack-query/package.json
new file mode 100644
index 0000000000..8fe71d9d7a
--- /dev/null
+++ b/examples/svelte/with-tanstack-query/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "tanstack-table-example-svelte-with-tanstack-query",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "lint": "eslint ./src"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^10.4.0",
+    "@rollup/plugin-replace": "^6.0.3",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@tsconfig/svelte": "^5.0.8",
+    "svelte": "^5.55.1",
+    "svelte-check": "^4.4.6",
+    "typescript": "6.0.2",
+    "vite": "^8.0.3"
+  },
+  "dependencies": {
+    "@tanstack/svelte-query": "^6.1.13",
+    "@tanstack/svelte-table": "^9.0.0-alpha.10"
+  }
+}
diff --git a/examples/svelte/with-tanstack-query/src/App.svelte b/examples/svelte/with-tanstack-query/src/App.svelte
new file mode 100644
index 0000000000..482ed6ac75
--- /dev/null
+++ b/examples/svelte/with-tanstack-query/src/App.svelte
@@ -0,0 +1,190 @@
+<script lang="ts">
+  import { createQuery, keepPreviousData } from '@tanstack/svelte-query'
+  import {
+    createColumnHelper,
+    createTable,
+    FlexRender,
+    rowPaginationFeature,
+    Subscribe,
+    tableFeatures,
+  } from '@tanstack/svelte-table'
+  import type { PaginationState } from '@tanstack/svelte-table'
+  import { fetchData } from './fetchData'
+  import type { Person } from './fetchData'
+  import './index.css'
+
+  const _features = tableFeatures({
+    rowPaginationFeature,
+  })
+
+  const columnHelper = createColumnHelper<typeof _features, Person>()
+
+  const columns = columnHelper.columns([
+    columnHelper.accessor('firstName', {
+      header: 'First Name',
+      cell: (info) => info.getValue(),
+    }),
+    columnHelper.accessor('lastName', {
+      header: 'Last Name',
+      cell: (info) => info.getValue(),
+    }),
+    columnHelper.accessor('age', {
+      header: 'Age',
+    }),
+    columnHelper.accessor('visits', {
+      header: 'Visits',
+    }),
+    columnHelper.accessor('status', {
+      header: 'Status',
+    }),
+    columnHelper.accessor('progress', {
+      header: 'Profile Progress',
+    }),
+  ])
+
+  let pagination: PaginationState = $state({ pageIndex: 0, pageSize: 10 })
+
+  const defaultData: Array<Person> = []
+
+  const dataQuery = createQuery<{
+    rows: Array<Person>
+    pageCount: number
+    rowCount: number
+  }>(() => ({
+    queryKey: ['data', pagination],
+    queryFn: () => fetchData(pagination),
+    placeholderData: keepPreviousData,
+  }))
+
+  const table = createTable(
+    {
+      _features,
+      _rowModels: {},
+      columns,
+      get data() {
+        return dataQuery.data?.rows ?? defaultData
+      },
+      get rowCount() {
+        return dataQuery.data?.rowCount
+      },
+      state: {
+        get pagination() {
+          return pagination
+        },
+      },
+      onPaginationChange: (updater) => {
+        pagination =
+          typeof updater === 'function' ? updater(pagination) : updater
+      },
+      manualPagination: true,
+      debugTable: true,
+    },
+    (state) => state,
+  )
+</script>
+
+<div class="p-2">
+  <div class="h-2"></div>
+  <table>
+    <thead>
+      {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
+        <tr>
+          {#each headerGroup.headers as header (header.id)}
+            <th colSpan={header.colSpan}>
+              {#if !header.isPlaceholder}
+                <FlexRender header={header} />
+              {/if}
+            </th>
+          {/each}
+        </tr>
+      {/each}
+    </thead>
+    <tbody>
+      {#each table.getRowModel().rows as row (row.id)}
+        <tr>
+          {#each row.getAllCells() as cell (cell.id)}
+            <td>
+              <FlexRender cell={cell} />
+            </td>
+          {/each}
+        </tr>
+      {/each}
+    </tbody>
+  </table>
+  <div class="h-2"></div>
+  <div class="flex items-center gap-2">
+    <button
+      class="border rounded p-1"
+      onclick={() => table.firstPage()}
+      disabled={!table.getCanPreviousPage()}
+    >
+      {'<<'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.previousPage()}
+      disabled={!table.getCanPreviousPage()}
+    >
+      {'<'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.nextPage()}
+      disabled={!table.getCanNextPage()}
+    >
+      {'>'}
+    </button>
+    <button
+      class="border rounded p-1"
+      onclick={() => table.lastPage()}
+      disabled={!table.getCanNextPage()}
+    >
+      {'>>'}
+    </button>
+    <span class="flex items-center gap-1">
+      <div>Page</div>
+      <strong>
+        {pagination.pageIndex + 1} of{' '}
+        {table.getPageCount().toLocaleString()}
+      </strong>
+    </span>
+    <span class="flex items-center gap-1">
+      | Go to page:
+      <input
+        type="number"
+        min="1"
+        max={table.getPageCount()}
+        value={pagination.pageIndex + 1}
+        oninput={(e: Event) => {
+          const page = (e.target as HTMLInputElement).value
+            ? Number((e.target as HTMLInputElement).value) - 1
+            : 0
+          table.setPageIndex(page)
+        }}
+        class="border p-1 rounded w-16"
+      />
+    </span>
+    <select
+      value={pagination.pageSize}
+      onchange={(e: Event) => {
+        table.setPageSize(Number((e.target as HTMLSelectElement).value))
+      }}
+    >
+      {#each [10, 20, 30, 40, 50] as pageSize}
+        <option value={pageSize}>Show {pageSize}</option>
+      {/each}
+    </select>
+    {#if dataQuery.isFetching}
+      Loading...
+    {/if}
+  </div>
+  <div>
+    Showing {table.getRowModel().rows.length.toLocaleString()} of{' '}
+    {dataQuery.data?.rowCount?.toLocaleString() ?? 0} Rows
+  </div>
+  <Subscribe selector={(state) => state} {table}>
+    {#snippet children(state)}
+      <pre>{JSON.stringify(state, null, 2)}</pre>
+    {/snippet}
+  </Subscribe>
+</div>
diff --git a/examples/svelte/with-tanstack-query/src/Root.svelte b/examples/svelte/with-tanstack-query/src/Root.svelte
new file mode 100644
index 0000000000..0f8018b132
--- /dev/null
+++ b/examples/svelte/with-tanstack-query/src/Root.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+  import { QueryClientProvider, QueryClient } from '@tanstack/svelte-query'
+  import App from './App.svelte'
+
+  const queryClient = new QueryClient()
+</script>
+
+<QueryClientProvider client={queryClient}>
+  <App />
+</QueryClientProvider>
diff --git a/examples/svelte/with-tanstack-query/src/fetchData.ts b/examples/svelte/with-tanstack-query/src/fetchData.ts
new file mode 100644
index 0000000000..0ad745b375
--- /dev/null
+++ b/examples/svelte/with-tanstack-query/src/fetchData.ts
@@ -0,0 +1,66 @@
+import { faker } from '@faker-js/faker'
+
+export type Person = {
+  firstName: string
+  lastName: string
+  age: number
+  visits: number
+  progress: number
+  status: 'relationship' | 'complicated' | 'single'
+  subRows?: Array<Person>
+}
+
+const range = (len: number) => {
+  const arr: Array<number> = []
+  for (let i = 0; i < len; i++) {
+    arr.push(i)
+  }
+  return arr
+}
+
+const newPerson = (): Person => {
+  return {
+    firstName: faker.person.firstName(),
+    lastName: faker.person.lastName(),
+    age: faker.number.int(40),
+    visits: faker.number.int(1000),
+    progress: faker.number.int(100),
+    status: faker.helpers.shuffle<Person['status']>([
+      'relationship',
+      'complicated',
+      'single',
+    ])[0],
+  }
+}
+
+function makeData(...lens: Array<number>) {
+  const makeDataLevel = (depth = 0): Array<Person> => {
+    const len = lens[depth]
+    return range(len).map((): Person => {
+      return {
+        ...newPerson(),
+        subRows: lens[depth + 1] ? makeDataLevel(depth + 1) : undefined,
+      }
+    })
+  }
+
+  return makeDataLevel()
+}
+
+const data = makeData(10000)
+
+export async function fetchData(options: {
+  pageIndex: number
+  pageSize: number
+}) {
+  await new Promise((resolve) => setTimeout(resolve, 500))
+
+  return {
+    rows: data.slice(
+      options.pageIndex * options.pageSize,
+      (options.pageIndex + 1) * options.pageSize,
+    ),
+    pageCount: Math.ceil(data.length / options.pageSize),
+    rowCount: data.length,
+  }
+}
diff --git a/examples/svelte/with-tanstack-query/src/index.css b/examples/svelte/with-tanstack-query/src/index.css
new file mode 100644
index 0000000000..43c09e0f6b
--- /dev/null
+++ b/examples/svelte/with-tanstack-query/src/index.css
@@ -0,0 +1,26 @@
+html {
+  font-family: sans-serif;
+  font-size: 14px;
+}
+
+table {
+  border: 1px solid lightgray;
+}
+
+tbody {
+  border-bottom: 1px solid lightgray;
+}
+
+th {
+  border-bottom: 1px solid lightgray;
+  border-right: 1px solid lightgray;
+  padding: 2px 4px;
+}
+
+tfoot {
+  color: gray;
+}
+
+tfoot th {
+  font-weight: normal;
+}
diff --git a/examples/svelte/with-tanstack-query/src/main.ts b/examples/svelte/with-tanstack-query/src/main.ts
new file mode 100644
index 0000000000..147baab20e
--- /dev/null
+++ b/examples/svelte/with-tanstack-query/src/main.ts
@@ -0,0 +1,9 @@
+// @ts-ignore
+import { mount } from 'svelte'
+import Root from './Root.svelte'
+
+const app = mount(Root, {
+  target: document.getElementById('root')!,
+})
+
+export default app
diff --git a/examples/svelte/with-tanstack-query/svelte.config.js b/examples/svelte/with-tanstack-query/svelte.config.js
new file mode 100644
index 0000000000..8abe4369b8
--- /dev/null
+++ b/examples/svelte/with-tanstack-query/svelte.config.js
@@ -0,0 +1,5 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+export default {
+  preprocess: vitePreprocess(),
+}
diff --git a/examples/svelte/with-tanstack-query/tsconfig.json b/examples/svelte/with-tanstack-query/tsconfig.json
new file mode 100644
index 0000000000..e44d928411
--- /dev/null
+++ b/examples/svelte/with-tanstack-query/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/examples/svelte/with-tanstack-query/vite.config.js b/examples/svelte/with-tanstack-query/vite.config.js
new file mode 100644
index 0000000000..c6ced40a24
--- /dev/null
+++ b/examples/svelte/with-tanstack-query/vite.config.js
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import rollupReplace from '@rollup/plugin-replace'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    rollupReplace({
+      preventAssignment: true,
+      values: {
+        __DEV__: JSON.stringify(true),
+        'process.env.NODE_ENV': JSON.stringify('development'),
+      },
+    }),
+    svelte(),
+  ],
+})
diff --git a/examples/vue/basic/src/App.vue b/examples/vue/basic/src/App.vue
index 923ff0bfa6..ee43aaa070 100644
--- a/examples/vue/basic/src/App.vue
+++ b/examples/vue/basic/src/App.vue
@@ -123,21 +123,14 @@ const table = useTable({
             :key="header.id"
             :colSpan="header.colSpan"
           >
-            <FlexRender
-              v-if="!header.isPlaceholder"
-              :render="header.column.columnDef.header"
-              :props="header.getContext()"
-            />
+            <FlexRender v-if="!header.isPlaceholder" :header="header" />
           </th>
         </tr>
       </thead>
       <tbody>
         <tr v-for="row in table.getRowModel().rows" :key="row.id">
           <td v-for="cell in row.getAllCells()" :key="cell.id">
-            <FlexRender
-              :render="cell.column.columnDef.cell"
-              :props="cell.getContext()"
-            />
+            <FlexRender :cell="cell" />
           </td>
         </tr>
       </tbody>
@@ -151,11 +144,7 @@ const table = useTable({
             :key="header.id"
             :colSpan="header.colSpan"
           >
-            <FlexRender
-              v-if="!header.isPlaceholder"
-              :render="header.column.columnDef.footer"
-              :props="header.getContext()"
-            />
+            <FlexRender v-if="!header.isPlaceholder" :footer="header" />
           </th>
         </tr>
       </tfoot>
diff --git a/examples/vue/column-ordering/src/App.vue b/examples/vue/column-ordering/src/App.vue
index a45f96d7fa..f827e12f00 100644
--- a/examples/vue/column-ordering/src/App.vue
+++ b/examples/vue/column-ordering/src/App.vue
@@ -158,21 +158,14 @@ function toggleAllColumnsVisibility() {
             :key="header.id"
             :colSpan="header.colSpan"
           >
-            <FlexRender
-              v-if="!header.isPlaceholder"
-              :render="header.column.columnDef.header"
-              :props="header.getContext()"
-            />
+            <FlexRender v-if="!header.isPlaceholder" :header="header" />
           </th>
         </tr>
       </thead>
       <tbody>
         <tr v-for="row in table.getRowModel().rows" :key="row.id">
           <td v-for="cell in row.getVisibleCells()" :key="cell.id">
-            <FlexRender
-              :render="cell.column.columnDef.cell"
-              :props="cell.getContext()"
-            />
+            <FlexRender :cell="cell" />
           </td>
         </tr>
       </tbody>
@@ -186,11 +179,7 @@ function toggleAllColumnsVisibility() {
             :key="header.id"
             :colSpan="header.colSpan"
           >
-            <FlexRender
-              v-if="!header.isPlaceholder"
-              :render="header.column.columnDef.footer"
-              :props="header.getContext()"
-            />
+            <FlexRender v-if="!header.isPlaceholder" :footer="header" />
           </th>
         </tr>
       </tfoot>
diff --git a/examples/vue/column-pinning/src/App.vue b/examples/vue/column-pinning/src/App.vue
index 6dcd00d65f..db9f7f0027 100644
--- a/examples/vue/column-pinning/src/App.vue
+++ b/examples/vue/column-pinning/src/App.vue
@@ -170,11 +170,7 @@ function toggleAllColumnsVisibility() {
               :colSpan="header.colSpan"
             >
               <div class="whitespace-nowrap">
-                <FlexRender
-                  v-if="!header.isPlaceholder"
-                  :render="header.column.columnDef.header"
-                  :props="header.getContext()"
-                />
+                <FlexRender v-if="!header.isPlaceholder" :header="header" />
               </div>
               <div
                 v-if="!header.isPlaceholder && header.column.getCanPin()"
@@ -211,10 +207,7 @@ function toggleAllColumnsVisibility() {
             :key="row.id"
           >
             <td v-for="cell in row.getLeftVisibleCells()" :key="cell.id">
-              <FlexRender
-                :render="cell.column.columnDef.cell"
-                :props="cell.getContext()"
-              />
+              <FlexRender :cell="cell" />
             </td>
           </tr>
         </tbody>
@@ -234,11 +227,7 @@ function toggleAllColumnsVisibility() {
               :colSpan="header.colSpan"
             >
               <div class="whitespace-nowrap">
-                <FlexRender
-                  v-if="!header.isPlaceholder"
-                  :render="header.column.columnDef.header"
-                  :props="header.getContext()"
-                />
+                <FlexRender v-if="!header.isPlaceholder" :header="header" />
               </div>
               <div
                 v-if="!header.isPlaceholder && header.column.getCanPin()"
@@ -280,10 +269,7 @@ function toggleAllColumnsVisibility() {
                 : row.getVisibleCells()"
               :key="cell.id"
             >
-              <FlexRender
-                :render="cell.column.columnDef.cell"
-                :props="cell.getContext()"
-              />
+              <FlexRender :cell="cell" />
             </td>
           </tr>
         </tbody>
@@ -301,11 +287,7 @@ function toggleAllColumnsVisibility() {
               :colSpan="header.colSpan"
             >
               <div class="whitespace-nowrap">
-                <FlexRender
-                  v-if="!header.isPlaceholder"
-                  :render="header.column.columnDef.header"
-                  :props="header.getContext()"
-                />
+                <FlexRender v-if="!header.isPlaceholder" :header="header" />
               </div>
               <div
                 v-if="!header.isPlaceholder && header.column.getCanPin()"
@@ -342,10 +324,7 @@ function toggleAllColumnsVisibility() {
             :key="row.id"
           >
             <td v-for="cell in row.getRightVisibleCells()" :key="cell.id">
-              <FlexRender
-                :render="cell.column.columnDef.cell"
-                :props="cell.getContext()"
-              />
+              <FlexRender :cell="cell" />
             </td>
           </tr>
         </tbody>
diff --git a/examples/vue/pagination-controlled/src/App.vue b/examples/vue/pagination-controlled/src/App.vue
index c457c4a364..e4b78f0611 100644
--- a/examples/vue/pagination-controlled/src/App.vue
+++ b/examples/vue/pagination-controlled/src/App.vue
@@ -115,21 +115,14 @@ function handlePageSizeChange(e: any) {
             :key="header.id"
             :colSpan="header.colSpan"
           >
-            <FlexRender
-              v-if="!header.isPlaceholder"
-              :render="header.column.columnDef.header"
-              :props="header.getContext()"
-            />
+            <FlexRender v-if="!header.isPlaceholder" :header="header" />
           </th>
         </tr>
       </thead>
       <tbody>
         <tr v-for="row in table.getRowModel().rows" :key="row.id">
           <td v-for="cell in row.getAllCells()" :key="cell.id">
-            <FlexRender
-              :render="cell.column.columnDef.cell"
-              :props="cell.getContext()"
-            />
+            <FlexRender :cell="cell" />
           </td>
         </tr>
       </tbody>
diff --git a/examples/vue/pagination/src/App.vue b/examples/vue/pagination/src/App.vue
index c4bca2bc44..3d6c07bb16 100644
--- a/examples/vue/pagination/src/App.vue
+++ b/examples/vue/pagination/src/App.vue
@@ -115,21 +115,14 @@ function handlePageSizeChange(e: any) {
             :key="header.id"
             :colSpan="header.colSpan"
           >
-            <FlexRender
-              v-if="!header.isPlaceholder"
-              :render="header.column.columnDef.header"
-              :props="header.getContext()"
-            />
+            <FlexRender v-if="!header.isPlaceholder" :header="header" />
           </th>
         </tr>
       </thead>
       <tbody>
         <tr v-for="row in table.getRowModel().rows" :key="row.id">
           <td v-for="cell in row.getAllCells()" :key="cell.id">
-            <FlexRender
-              :render="cell.column.columnDef.cell"
-              :props="cell.getContext()"
-            />
+            <FlexRender :cell="cell" />
           </td>
         </tr>
       </tbody>
@@ -143,11 +136,7 @@ function handlePageSizeChange(e: any) {
             :key="header.id"
             :colSpan="header.colSpan"
           >
-            <FlexRender
-              v-if="!header.isPlaceholder"
-              :render="header.column.columnDef.footer"
-              :props="header.getContext()"
-            />
+            <FlexRender v-if="!header.isPlaceholder" :footer="header" />
           </th>
         </tr>
       </tfoot>
diff --git a/examples/vue/row-selection/src/App.vue b/examples/vue/row-selection/src/App.vue
index f821ba692e..833b1c2cc9 100644
--- a/examples/vue/row-selection/src/App.vue
+++ b/examples/vue/row-selection/src/App.vue
@@ -127,21 +127,14 @@ const table = useTable(
             :key="header.id"
             :colSpan="header.colSpan"
           >
-            <FlexRender
-              v-if="!header.isPlaceholder"
-              :render="header.column.columnDef.header"
-              :props="header.getContext()"
-            />
+            <FlexRender v-if="!header.isPlaceholder" :header="header" />
           </th>
         </tr>
       </thead>
       <tbody>
         <tr v-for="row in table.getRowModel().rows" :key="row.id">
           <td v-for="cell in row.getAllCells()" :key="cell.id">
-            <FlexRender
-              :render="cell.column.columnDef.cell"
-              :props="cell.getContext()"
-            />
+            <FlexRender :cell="cell" />
           </td>
         </tr>
       </tbody>
diff --git a/examples/vue/sorting/src/App.vue b/examples/vue/sorting/src/App.vue
index 0d163a5382..1a7e56d724 100644
--- a/examples/vue/sorting/src/App.vue
+++ b/examples/vue/sorting/src/App.vue
@@ -88,10 +88,7 @@ const table = useTable(
             @click="header.column.getToggleSortingHandler()?.($event)"
           >
             <template v-if="!header.isPlaceholder">
-              <FlexRender
-                :render="header.column.columnDef.header"
-                :props="header.getContext()"
-              />
+              <FlexRender :header="header" />
 
               {{
                 { asc: ' 🔼', desc: ' 🔽' }[
@@ -106,10 +103,7 @@ const table = useTable(
       <tbody>
         <tr v-for="row in table.getRowModel().rows.slice(0, 10)" :key="row.id">
           <td v-for="cell in row.getAllCells()" :key="cell.id">
-            <FlexRender
-              :render="cell.column.columnDef.cell"
-              :props="cell.getContext()"
-            />
+            <FlexRender :cell="cell" />
           </td>
         </tr>
       </tbody>
@@ -124,11 +118,7 @@ const table = useTable(
             :key="header.id"
             :colSpan="header.colSpan"
           >
-            <FlexRender
-              v-if="!header.isPlaceholder"
-              :render="header.column.columnDef.footer"
-              :props="header.getContext()"
-            />
+            <FlexRender v-if="!header.isPlaceholder" :footer="header" />
           </th>
         </tr>
       </tfoot>
diff --git a/examples/vue/virtualized-rows/src/App.vue b/examples/vue/virtualized-rows/src/App.vue
index 23284d9241..f9136ea3c2 100644
--- a/examples/vue/virtualized-rows/src/App.vue
+++ b/examples/vue/virtualized-rows/src/App.vue
@@ -187,10 +187,7 @@ function measureElement(el?: Element) {
                 }"
                 @click="(e) => header.column.getToggleSortingHandler()?.(e)"
               >
-                <FlexRender
-                  :render="header.column.columnDef.header"
-                  :props="header.getContext()"
-                />
+                <FlexRender :header="header" />
                 <span v-if="header.column.getIsSorted() === 'asc'"> 🔼</span>
                 <span v-if="header.column.getIsSorted() === 'desc'"> 🔽</span>
               </div>
@@ -226,10 +223,7 @@ function measureElement(el?: Element) {
                 width: `${cell.column.getSize()}px`,
               }"
             >
-              <FlexRender
-                :render="cell.column.columnDef.cell"
-                :props="cell.getContext()"
-              />
+              <FlexRender :cell="cell" />
             </td>
           </tr>
         </tbody>
diff --git a/package.json b/package.json
index abfb20732c..9d04b8526a 100644
--- a/package.json
+++ b/package.json
@@ -8,8 +8,8 @@
   "packageManager": "pnpm@10.33.0",
   "type": "module",
   "scripts": {
-    "build": "nx run-many --targets=build -p @tanstack/table-core @tanstack/react-table @tanstack/table-devtools @tanstack/react-table-devtools @tanstack/preact-table @tanstack/angular-table @tanstack/solid-table @tanstack/solid-table-devtools @tanstack/vue-table && size-limit",
-    "build:all": "nx run-many --targets=build -p @tanstack/table-core @tanstack/react-table @tanstack/table-devtools @tanstack/react-table-devtools @tanstack/preact-table @tanstack/angular-table @tanstack/solid-table @tanstack/solid-table-devtools @tanstack/vue-table && size-limit",
+    "build": "nx run-many --targets=build -p @tanstack/table-core @tanstack/react-table @tanstack/table-devtools @tanstack/react-table-devtools @tanstack/preact-table @tanstack/angular-table @tanstack/solid-table @tanstack/solid-table-devtools @tanstack/svelte-table @tanstack/vue-table && size-limit",
+    "build:all": "nx run-many --targets=build -p @tanstack/table-core @tanstack/react-table @tanstack/table-devtools @tanstack/react-table-devtools @tanstack/preact-table @tanstack/angular-table @tanstack/solid-table @tanstack/solid-table-devtools @tanstack/svelte-table @tanstack/vue-table && size-limit",
     "build:core": "nx build @tanstack/table-core && size-limit",
     "cipublish": "node scripts/publish.js",
     "clean": "find . -name 'dist' -type d -prune -exec rm -rf {} +",
@@ -18,21 +18,21 @@
     "copy:readme": "cp README.md packages/table-core/README.md && cp README.md packages/table-devtools/README.md && cp README.md packages/react-table/README.md && cp README.md packages/react-table-devtools/README.md && cp README.md packages/preact-table/README.md && cp README.md packages/angular-table/README.md && cp README.md packages/solid-table/README.md && cp README.md packages/solid-table-devtools/README.md && cp README.md packages/vue-table/README.md && cp README.md packages/lit-table/README.md && cp README.md packages/svelte-table/README.md && cp README.md packages/match-sorter-utils/README.md",
     "generate-docs": "node scripts/generateDocs.js && pnpm run copy:readme",
     "format": "prettier --experimental-cli --ignore-unknown '**/*' --write",
-    "lint:fix:all": "pnpm run format && nx run-many --targets=lint --fix --exclude=packages/{lit-table,svelte-table,match-sorter-utils}",
-    "lint:fix": "nx affected --target=lint:fix --exclude=examples/**,packages/{lit-table,svelte-table,match-sorter-utils}",
+    "lint:fix:all": "pnpm run format && nx run-many --targets=lint --fix --exclude=packages/{lit-table,match-sorter-utils}",
+    "lint:fix": "nx affected --target=lint:fix --exclude=examples/**,packages/{lit-table,match-sorter-utils}",
     "preinstall": "node -e \"if(process.env.CI == 'true') {console.log('Skipping preinstall...'); process.exit(1)}\" || npx -y only-allow pnpm",
     "size": "size-limit",
     "test": "pnpm run test:ci",
-    "test:build": "nx affected --target=test:build --exclude='examples/{lit,svelte,vanilla,vue}/**' --exclude='packages/{lit-table,svelte-table,match-sorter-utils}'",
-    "test:ci": "nx run-many --targets=test:eslint,test:sherif,test:knip,test:lib,test:types,test:build,build -p @tanstack/table-core @tanstack/react-table @tanstack/table-devtools @tanstack/react-table-devtools @tanstack/preact-table @tanstack/angular-table @tanstack/solid-table @tanstack/solid-table-devtools @tanstack/vue-table 'examples/react/**' 'examples/preact/**' 'examples/angular/**' 'examples/solid/**'",
+    "test:build": "nx affected --target=test:build --exclude='examples/{lit,svelte,vanilla,vue}/**' --exclude='packages/{lit-table,match-sorter-utils}'",
+    "test:ci": "nx run-many --targets=test:eslint,test:sherif,test:knip,test:lib,test:types,test:build,build -p @tanstack/table-core @tanstack/react-table @tanstack/table-devtools @tanstack/react-table-devtools @tanstack/preact-table @tanstack/angular-table @tanstack/solid-table @tanstack/solid-table-devtools @tanstack/svelte-table @tanstack/vue-table 'examples/react/**' 'examples/preact/**' 'examples/angular/**' 'examples/solid/**'",
     "test:docs": "node scripts/verify-links.ts",
-    "test:eslint": "nx affected --target=test:eslint --exclude='examples/{lit,svelte,vanilla,vue}/**' --exclude='packages/{lit-table,svelte-table,match-sorter-utils}'",
+    "test:eslint": "nx affected --target=test:eslint --exclude='examples/{lit,svelte,vanilla,vue}/**' --exclude='packages/{lit-table,match-sorter-utils}'",
     "test:knip": "NODE_OPTIONS='--max-old-space-size=4096' knip",
-    "test:lib": "nx affected --targets=test:lib --exclude='examples/{lit,svelte,vanilla,vue}/**' --exclude='packages/{lit-table,svelte-table,match-sorter-utils}'",
+    "test:lib": "nx affected --targets=test:lib --exclude='examples/{lit,svelte,vanilla,vue}/**' --exclude='packages/{lit-table,match-sorter-utils}'",
     "test:lib:dev": "pnpm test:lib && nx watch --all -- pnpm test:lib",
-    "test:pr": "nx affected --targets=test:eslint,test:sherif,test:knip,test:lib,test:types,test:build,build --exclude='examples/{lit,svelte,vanilla,vue}/**' --exclude='packages/{lit-table,svelte-table,match-sorter-utils}'",
+    "test:pr": "nx affected --targets=test:eslint,test:sherif,test:knip,test:lib,test:types,test:build,build --exclude='examples/{lit,svelte,vanilla,vue}/**' --exclude='packages/{lit-table,match-sorter-utils}'",
     "test:sherif": "sherif",
-    "test:types": "nx affected --targets=test:types --exclude='examples/{lit,svelte,vanilla,vue}/**' --exclude='packages/{lit-table,svelte-table,match-sorter-utils}'",
+    "test:types": "nx affected --targets=test:types --exclude='examples/{lit,svelte,vanilla,vue}/**' --exclude='packages/{lit-table,match-sorter-utils}'",
     "watch": "pnpm run build:all && nx watch --all -- pnpm run build:all"
   },
   "nx": {
diff --git a/packages/svelte-table/eslint.config.js b/packages/svelte-table/eslint.config.js
index d0e37929b0..622f1b805d 100644
--- a/packages/svelte-table/eslint.config.js
+++ b/packages/svelte-table/eslint.config.js
@@ -7,10 +7,22 @@ export default [
   ...rootConfig,
   ...pluginSvelte.configs['flat/recommended'],
   {
+    files: ['**/*.svelte', '**/*.svelte.ts'],
     rules: {
       'svelte/block-lang': ['error', { script: ['ts'] }],
       'svelte/no-svelte-internal': 'error',
       'svelte/valid-compile': 'off',
+      // These rules don't work well with the svelte parser context
+      '@typescript-eslint/no-unnecessary-condition': 'off',
+      'import/newline-after-import': 'off',
+    },
+  },
+  {
+    files: ['**/*.svelte'],
+    languageOptions: {
+      parserOptions: {
+        parser: '@typescript-eslint/parser',
+      },
     },
   },
 ]
diff --git a/packages/svelte-table/src/AppCell.svelte b/packages/svelte-table/src/AppCell.svelte
new file mode 100644
index 0000000000..4818989dbe
--- /dev/null
+++ b/packages/svelte-table/src/AppCell.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte'
+
+  interface Props {
+    cell: any
+    cellComponents: any
+    children: Snippet<[any]>
+  }
+
+  let { children, cell, cellComponents }: Props = $props()
+</script>
+
+{@render children?.(Object.assign(cell, cellComponents))}
diff --git a/packages/svelte-table/src/AppHeader.svelte b/packages/svelte-table/src/AppHeader.svelte
new file mode 100644
index 0000000000..fd7d091d09
--- /dev/null
+++ b/packages/svelte-table/src/AppHeader.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte'
+
+  interface Props {
+    header: any
+    headerComponents: any
+    children: Snippet<[any]>
+  }
+
+  let { children, header, headerComponents }: Props = $props()
+</script>
+
+{@render children?.(Object.assign(header, headerComponents))}
diff --git a/packages/svelte-table/src/AppTable.svelte b/packages/svelte-table/src/AppTable.svelte
new file mode 100644
index 0000000000..c335d17674
--- /dev/null
+++ b/packages/svelte-table/src/AppTable.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte'
+
+  interface Props {
+    children: Snippet
+  }
+
+  let { children }: Props = $props()
+</script>
+
+{@render children?.()}
diff --git a/packages/svelte-table/src/FlexRender.svelte b/packages/svelte-table/src/FlexRender.svelte
index 652ff6ad7a..dbe33cb15a 100644
--- a/packages/svelte-table/src/FlexRender.svelte
+++ b/packages/svelte-table/src/FlexRender.svelte
@@ -1,6 +1,6 @@
 <script
   lang="ts"
-  generics="TFeatures extends TableFeatures, TData extends RowData, TValue extends CellData, TContext extends HeaderContext<TFeatures, TData, TValue> | CellContext<TFeatures, TData, TValue>"
+  generics="TFeatures extends TableFeatures, TData extends RowData, TValue extends CellData"
 >
   import { isFunction } from '@tanstack/table-core'
   import {
@@ -8,39 +8,96 @@
     RenderSnippetConfig,
   } from './render-component'
   import type {
+    Cell,
     CellContext,
     CellData,
     ColumnDefTemplate,
+    Header,
     HeaderContext,
     RowData,
     TableFeatures,
   } from '@tanstack/table-core'
 
-  type Props = {
-    /** The cell or header field of the current cell's column definition. */
-    content?: TContext extends HeaderContext<TFeatures, TData, TValue>
-      ? ColumnDefTemplate<HeaderContext<TFeatures, TData, TValue>>
-      : TContext extends CellContext<TFeatures, TData, TValue>
-        ? ColumnDefTemplate<CellContext<TFeatures, TData, TValue>>
-        : never
-    /** The result of the `getContext()` function of the header or cell */
-    context: TContext
-  }
+  type Props =
+    | {
+        /** The cell or header field of the current cell's column definition. */
+        content?: ColumnDefTemplate<
+          | HeaderContext<TFeatures, TData, TValue>
+          | CellContext<TFeatures, TData, TValue>
+        >
+        /** The result of the `getContext()` function of the header or cell */
+        context:
+          | HeaderContext<TFeatures, TData, TValue>
+          | CellContext<TFeatures, TData, TValue>
+        cell?: never
+        header?: never
+        footer?: never
+      }
+    | {
+        cell: Cell<TFeatures, TData, TValue>
+        content?: never
+        context?: never
+        header?: never
+        footer?: never
+      }
+    | {
+        header: Header<TFeatures, TData, TValue>
+        content?: never
+        context?: never
+        cell?: never
+        footer?: never
+      }
+    | {
+        footer: Header<TFeatures, TData, TValue>
+        content?: never
+        context?: never
+        cell?: never
+        header?: never
+      }
 
-  const { content, context }: Props = $props()
+  let props: Props = $props()
+
+  // Resolve content and context from either the new cell/header/footer props
+  // or the legacy content/context props.
+  const resolved = $derived.by(() => {
+    if ('cell' in props && props.cell) {
+      return {
+        content: props.cell.column.columnDef.cell,
+        context: props.cell.getContext(),
+      }
+    }
+    if ('header' in props && props.header) {
+      return {
+        content: props.header.column.columnDef.header,
+        context: props.header.getContext(),
+      }
+    }
+    if ('footer' in props && props.footer) {
+      return {
+        content: props.footer.column.columnDef.footer,
+        context: props.footer.getContext(),
+      }
+    }
+    return {
+      content: props.content,
+      context: props.context,
+    }
+  })
+
+  // Compute the render result reactively
+  const result = $derived(
+    isFunction(resolved.content)
+      ? resolved.content(resolved.context as any)
+      : undefined,
+  )
 </script>
 
-{#if typeof content === 'string'}
-  {content}
-{:else if isFunction(content)}
-  {@const result = content(context as any)}
-  {#if result instanceof RenderComponentConfig}
-    {@const { component: Component, props } = result}
-    <Component {...props} />
-  {:else if result instanceof RenderSnippetConfig}
-    {@const { snippet, params } = result}
-    {@render snippet(params)}
-  {:else}
-    {result}
-  {/if}
+{#if typeof resolved.content === 'string'}
+  {resolved.content}
+{:else if result instanceof RenderComponentConfig}
+  <result.component {...result.props} />
+{:else if result instanceof RenderSnippetConfig}
+  {@render result.snippet(result.params)}
+{:else if result !== undefined}
+  {result}
 {/if}
diff --git a/packages/svelte-table/src/Subscribe.svelte b/packages/svelte-table/src/Subscribe.svelte
index 2dd2afb34e..d0c27749cd 100644
--- a/packages/svelte-table/src/Subscribe.svelte
+++ b/packages/svelte-table/src/Subscribe.svelte
@@ -2,7 +2,6 @@
   lang="ts"
   generics="TFeatures extends TableFeatures, TData extends RowData, TSelected = unknown"
 >
-  import { useStore } from '@tanstack/svelte-store'
   import type {
     NoInfer,
     RowData,
@@ -34,14 +33,13 @@
     table: SvelteTable<TFeatures, TData, unknown>
   }
 
-  const props: Props<TFeatures, TData, TSelected> = $props()
-
-  // Subscribe to the store and get the selected state
-  // Access table and selector from props object to avoid closure warnings
-  const selectedState = useStore(
-    props.table.store,
-    props.selector as (state: any) => any,
-  )
+  let { table, selector, children }: Props<TFeatures, TData, TSelected> =
+    $props()
 </script>
 
-{@render props.children(selectedState.current)}
+<!--
+  Access table.store.state in the template (a reactive context).
+  The constructReactivityFeature interceptor makes this trigger
+  the $state-based notifier, so Svelte tracks it automatically.
+-->
+{@render children(selector(table.store.state as TableState<TFeatures>))}
diff --git a/packages/svelte-table/src/context-keys.ts b/packages/svelte-table/src/context-keys.ts
new file mode 100644
index 0000000000..6790f31727
--- /dev/null
+++ b/packages/svelte-table/src/context-keys.ts
@@ -0,0 +1,3 @@
+export const tableContextKey = '__tanstack_table_context_key'
+export const cellContextKey = '__tanstack_cell_context_key'
+export const headerContextKey = '__tanstack_header_context_key'
diff --git a/packages/svelte-table/src/createTable.svelte.ts b/packages/svelte-table/src/createTable.svelte.ts
index e46681c4c5..67e877cb7d 100644
--- a/packages/svelte-table/src/createTable.svelte.ts
+++ b/packages/svelte-table/src/createTable.svelte.ts
@@ -1,5 +1,10 @@
-import { constructTable } from '@tanstack/table-core'
+import {
+  constructReactivityFeature,
+  constructTable,
+} from '@tanstack/table-core'
 import { useStore } from '@tanstack/svelte-store'
+import { untrack } from 'svelte'
+import { mergeObjects } from './merge-objects'
 import type {
   NoInfer,
   RowData,
@@ -53,10 +58,25 @@ export function createTable<
   selector: (state: TableState<TFeatures>) => TSelected = () =>
     ({}) as TSelected,
 ): SvelteTable<TFeatures, TData, TSelected> {
-  const statefulOptions: TableOptions<TFeatures, TData> = mergeObjects(
-    tableOptions,
+  // 1. Create $state-based notifier for reactivity feature
+  let notifierValue = $state(0)
+
+  // 2. Construct reactivity feature (same pattern as solid/vue/angular)
+  const svelteReactivityFeature = constructReactivityFeature<TFeatures, TData>({
+    stateNotifier: () => notifierValue,
+    optionsNotifier: () => notifierValue,
+  })
+
+  // 3. Merge reactivity feature into options using mergeObjects (preserves getters)
+  const mergedOptions = mergeObjects(tableOptions, {
+    _features: mergeObjects(tableOptions._features, {
+      svelteReactivityFeature,
+    }),
+  }) as any
+
+  // 4. Set up resolved options with mergeOptions handler
+  const resolvedOptions = mergeObjects(
     {
-      // Remove state and onStateChange - store handles it internally
       mergeOptions: (
         defaultOptions: TableOptions<TFeatures, TData>,
         newOptions: Partial<TableOptions<TFeatures, TData>>,
@@ -64,44 +84,64 @@ export function createTable<
         return mergeObjects(defaultOptions, newOptions)
       },
     },
-  )
+    mergedOptions,
+  ) as TableOptions<TFeatures, TData>
 
-  const table = constructTable(statefulOptions) as SvelteTable<
+  // 5. Construct table
+  const table = constructTable(resolvedOptions) as SvelteTable<
     TFeatures,
     TData,
     TSelected
   >
 
-  function updateOptions() {
-    table.setOptions((prev) => {
-      return mergeObjects(prev, tableOptions)
-    })
-  }
-
-  updateOptions()
-
-  /**
-   * Temp force reactivity to all state changes on every table.get* method
-   */
+  // 6. Subscribe to all state and options via useStore
   const allState = useStore(table.store, (state) => state)
+  const allOptions = useStore(table.optionsStore, (options) => options)
 
-  // Wrap all "get*" methods to make them reactive
-  // Access allState.current directly to create reactive dependency
-  Object.keys(table).forEach((key) => {
-    const value = (table as any)[key]
-    if (typeof value === 'function' && key.startsWith('get')) {
-      const originalMethod = value.bind(table)
-      ;(table as any)[key] = (...args: Array<any>) => {
-        // Access state to create reactive dependency
-        allState.current
-        return originalMethod(...args)
+  // 7. Sync store changes -> notifier.
+  // Use $effect.pre so this runs before DOM updates (like Solid's createComputed).
+  // Use untrack for the write so the effect only depends on allState/allOptions,
+  // not on notifierValue itself (which would cause an infinite loop).
+  $effect.pre(() => {
+    allState.current
+    allOptions.current
+    untrack(() => {
+      notifierValue++
+    })
+  })
+
+  // 8. Sync options reactively. When controlled state changes (e.g., $state
+  // inside createTableState), the effect re-runs and calls setOptions.
+  // Use $effect.pre so the table sees updated options BEFORE the DOM renders,
+  // ensuring getRowModel() returns current data (not stale, one-frame-behind data).
+  // The reactive reads (state getters, data getter) happen OUTSIDE untrack
+  // so they become dependencies. The setOptions call is INSIDE untrack to
+  // prevent tracking notifierValue (read via store.state's stateNotifier
+  // interceptor inside setOptions), which would cause an infinite loop.
+  $effect.pre(() => {
+    // Read reactive getters to create $effect dependencies on external state
+    const state = mergedOptions.state
+    if (state) {
+      for (const key in state) {
+        void state[key]
       }
     }
+    void mergedOptions.data
+
+    untrack(() => {
+      table.setOptions((prev) => {
+        return mergeObjects(prev, mergedOptions) as TableOptions<
+          TFeatures,
+          TData
+        >
+      })
+    })
   })
 
-  table.Subscribe = function Subscribe<TSelected>(props: {
-    selector: (state: TableState<TFeatures>) => TSelected
-    children: ((state: Readonly<TSelected>) => Snippet) | Snippet
+  // 9. Subscribe component
+  table.Subscribe = function Subscribe<TSel>(props: {
+    selector: (state: TableState<TFeatures>) => TSel
+    children: ((state: Readonly<TSel>) => Snippet) | Snippet
   }): any {
     const selected = useStore(table.store, props.selector)
     if (typeof props.children === 'function') {
@@ -110,52 +150,16 @@ export function createTable<
     return props.children
   }
 
+  // 10. State selector
   const stateStore = useStore(table.store, selector)
 
-  return {
-    ...table,
-    get state() {
+  Object.defineProperty(table, 'state', {
+    get() {
       return stateStore.current
     },
-  } as SvelteTable<TFeatures, TData, TSelected>
-}
+    configurable: true,
+    enumerable: true,
+  })
 
-/**
- * Merges objects together while keeping their getters alive.
- * Taken from SolidJS: {https://github.com/solidjs/solid/blob/24abc825c0996fd2bc8c1de1491efe9a7e743aff/packages/solid/src/server/rendering.ts#L82-L115}
- * */
-function mergeObjects<T>(source: T): T
-function mergeObjects<T, U>(source: T, source1: U): T & U
-function mergeObjects<T, U, V>(source: T, source1: U, source2: V): T & U & V
-function mergeObjects<T, U, V, W>(
-  source: T,
-  source1: U,
-  source2: V,
-  source3: W,
-): T & U & V & W
-function mergeObjects(...sources: any): any {
-  const target = {}
-  for (let source of sources) {
-    if (typeof source === 'function') source = source()
-    if (source) {
-      const descriptors = Object.getOwnPropertyDescriptors(source)
-      for (const key in descriptors) {
-        if (key in target) continue
-        Object.defineProperty(target, key, {
-          enumerable: true,
-          get() {
-            for (let i = sources.length - 1; i >= 0; i--) {
-              let v,
-                s = sources[i]
-              if (typeof s === 'function') s = s()
-              // eslint-disable-next-line prefer-const
-              v = (s || {})[key]
-              if (v !== undefined) return v
-            }
-          },
-        })
-      }
-    }
-  }
-  return target
+  return table
 }
diff --git a/packages/svelte-table/src/createTableHelper.ts b/packages/svelte-table/src/createTableHelper.ts
deleted file mode 100644
index ec81e8dcfc..0000000000
--- a/packages/svelte-table/src/createTableHelper.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { constructTableHelper } from '@tanstack/table-core'
-import { createTable } from './createTable.svelte'
-import type {
-  RowData,
-  Table,
-  TableFeatures,
-  TableHelperOptions,
-  TableHelper_Core,
-  TableOptions,
-} from '@tanstack/table-core'
-
-export type TableHelper<
-  TFeatures extends TableFeatures,
-  TData extends RowData = any,
-> = Omit<TableHelper_Core<TFeatures, TData>, 'tableCreator'> & {
-  createTable: (
-    tableOptions: Omit<
-      TableOptions<TFeatures, TData>,
-      '_features' | '_rowModels'
-    >,
-  ) => Table<TFeatures, TData>
-}
-
-export function createTableHelper<
-  TFeatures extends TableFeatures,
-  TData extends RowData = any,
->(
-  tableHelperOptions: TableHelperOptions<TFeatures, TData>,
-): TableHelper<TFeatures, TData> {
-  const tableHelper = constructTableHelper(createTable, tableHelperOptions)
-  return {
-    ...tableHelper,
-    createTable: tableHelper.tableCreator,
-  } as any
-}
-
-// test
-
-// type Person = {
-//   firstName: string
-//   lastName: string
-//   age: number
-// }
-
-// const tableHelper = createTableHelper({
-//   _features: { rowSelectionFeature: {} },
-//   TData: {} as Person,
-// })
-
-// const columns = [
-//   tableHelper.columnHelper.accessor('firstName', { header: 'First Name' }),
-//   tableHelper.columnHelper.accessor('lastName', { header: 'Last Name' }),
-//   tableHelper.columnHelper.accessor('age', { header: 'Age' }),
-//   tableHelper.columnHelper.display({ header: 'Actions', id: 'actions' }),
-// ] as Array<ColumnDef<typeof tableHelper.features, Person, unknown>>
-
-// const data: Array<Person> = []
-
-// tableHelper.createTable({
-//   columns,
-//   data,
-// })
diff --git a/packages/svelte-table/src/createTableHook.svelte.ts b/packages/svelte-table/src/createTableHook.svelte.ts
new file mode 100644
index 0000000000..53311173f9
--- /dev/null
+++ b/packages/svelte-table/src/createTableHook.svelte.ts
@@ -0,0 +1,636 @@
+import { getContext, setContext } from 'svelte'
+import { createColumnHelper as coreCreateColumnHelper } from '@tanstack/table-core'
+import { createTable } from './createTable.svelte'
+import { mergeObjects } from './merge-objects'
+import {
+  cellContextKey,
+  headerContextKey,
+  tableContextKey,
+} from './context-keys.js'
+import AppTableSvelte from './AppTable.svelte'
+import AppCellSvelte from './AppCell.svelte'
+import AppHeaderSvelte from './AppHeader.svelte'
+import FlexRenderSvelte from './FlexRender.svelte'
+import type { SvelteTable } from './createTable.svelte'
+import type { Component, Snippet } from 'svelte'
+import type {
+  AccessorFn,
+  AccessorFnColumnDef,
+  AccessorKeyColumnDef,
+  Cell,
+  CellContext,
+  CellData,
+  Column,
+  ColumnDef,
+  DeepKeys,
+  DeepValue,
+  DisplayColumnDef,
+  GroupColumnDef,
+  Header,
+  IdentifiedColumnDef,
+  NoInfer,
+  Row,
+  RowData,
+  Table,
+  TableFeatures,
+  TableOptions,
+  TableState,
+} from '@tanstack/table-core'
+
+type ComponentType<T extends Record<string, any>> = Component<T>
+
+// =============================================================================
+// Enhanced Context Types with Pre-bound Components
+// =============================================================================
+
+/**
+ * Enhanced CellContext with pre-bound cell components.
+ * The `cell` property includes the registered cellComponents.
+ */
+export type AppCellContext<
+  TFeatures extends TableFeatures,
+  TData extends RowData,
+  TValue extends CellData,
+  TCellComponents extends Record<string, ComponentType<any>>,
+> = {
+  cell: Cell<TFeatures, TData, TValue> &
+    TCellComponents & { FlexRender: typeof FlexRenderSvelte }
+  column: Column<TFeatures, TData, TValue>
+  getValue: CellContext<TFeatures, TData, TValue>['getValue']
+  renderValue: CellContext<TFeatures, TData, TValue>['renderValue']
+  row: Row<TFeatures, TData>
+  table: Table<TFeatures, TData>
+}
+
+/**
+ * Enhanced HeaderContext with pre-bound header components.
+ * The `header` property includes the registered headerComponents.
+ */
+export type AppHeaderContext<
+  TFeatures extends TableFeatures,
+  TData extends RowData,
+  TValue extends CellData,
+  THeaderComponents extends Record<string, ComponentType<any>>,
+> = {
+  column: Column<TFeatures, TData, TValue>
+  header: Header<TFeatures, TData, TValue> &
+    THeaderComponents & { FlexRender: typeof FlexRenderSvelte }
+  table: Table<TFeatures, TData>
+}
+
+// =============================================================================
+// Enhanced Column Definition Types
+// =============================================================================
+
+/**
+ * Template type for column definitions that can be a string or a function.
+ */
+type AppColumnDefTemplate<TProps extends object> =
+  | string
+  | ((props: TProps) => any)
+
+/**
+ * Enhanced column definition base with pre-bound components in cell/header/footer contexts.
+ */
+type AppColumnDefBase<
+  TFeatures extends TableFeatures,
+  TData extends RowData,
+  TValue extends CellData,
+  TCellComponents extends Record<string, ComponentType<any>>,
+  THeaderComponents extends Record<string, ComponentType<any>>,
+> = Omit<
+  IdentifiedColumnDef<TFeatures, TData, TValue>,
+  'cell' | 'header' | 'footer'
+> & {
+  cell?: AppColumnDefTemplate<
+    AppCellContext<TFeatures, TData, TValue, TCellComponents>
+  >
+  header?: AppColumnDefTemplate<
+    AppHeaderContext<TFeatures, TData, TValue, THeaderComponents>
+  >
+  footer?: AppColumnDefTemplate<
+    AppHeaderContext<TFeatures, TData, TValue, THeaderComponents>
+  >
+}
+
+/**
+ * Enhanced display column definition with pre-bound components.
+ */
+type AppDisplayColumnDef<
+  TFeatures extends TableFeatures,
+  TData extends RowData,
+  TCellComponents extends Record<string, ComponentType<any>>,
+  THeaderComponents extends Record<string, ComponentType<any>>,
+> = Omit<
+  DisplayColumnDef<TFeatures, TData, unknown>,
+  'cell' | 'header' | 'footer'
+> & {
+  cell?: AppColumnDefTemplate<
+    AppCellContext<TFeatures, TData, unknown, TCellComponents>
+  >
+  header?: AppColumnDefTemplate<
+    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>
+  >
+  footer?: AppColumnDefTemplate<
+    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>
+  >
+}
+
+/**
+ * Enhanced group column definition with pre-bound components.
+ */
+type AppGroupColumnDef<
+  TFeatures extends TableFeatures,
+  TData extends RowData,
+  TCellComponents extends Record<string, ComponentType<any>>,
+  THeaderComponents extends Record<string, ComponentType<any>>,
+> = Omit<
+  GroupColumnDef<TFeatures, TData, unknown>,
+  'cell' | 'header' | 'footer' | 'columns'
+> & {
+  cell?: AppColumnDefTemplate<
+    AppCellContext<TFeatures, TData, unknown, TCellComponents>
+  >
+  header?: AppColumnDefTemplate<
+    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>
+  >
+  footer?: AppColumnDefTemplate<
+    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>
+  >
+  columns?: Array<ColumnDef<TFeatures, TData, unknown>>
+}
+
+// =============================================================================
+// Enhanced Column Helper Type
+// =============================================================================
+
+/**
+ * Enhanced column helper with pre-bound components in cell/header/footer contexts.
+ * This enables TypeScript to know about the registered components when defining columns.
+ */
+export type AppColumnHelper<
+  TFeatures extends TableFeatures,
+  TData extends RowData,
+  TCellComponents extends Record<string, ComponentType<any>>,
+  THeaderComponents extends Record<string, ComponentType<any>>,
+> = {
+  /**
+   * Creates a data column definition with an accessor key or function.
+   * The cell, header, and footer contexts include pre-bound components.
+   */
+  accessor: <
+    TAccessor extends AccessorFn<TData> | DeepKeys<TData>,
+    TValue extends TAccessor extends AccessorFn<TData, infer TReturn>
+      ? TReturn
+      : TAccessor extends DeepKeys<TData>
+        ? DeepValue<TData, TAccessor>
+        : never,
+  >(
+    accessor: TAccessor,
+    column: TAccessor extends AccessorFn<TData>
+      ? AppColumnDefBase<
+          TFeatures,
+          TData,
+          TValue,
+          TCellComponents,
+          THeaderComponents
+        > & { id: string }
+      : AppColumnDefBase<
+          TFeatures,
+          TData,
+          TValue,
+          TCellComponents,
+          THeaderComponents
+        >,
+  ) => TAccessor extends AccessorFn<TData>
+    ? AccessorFnColumnDef<TFeatures, TData, TValue>
+    : AccessorKeyColumnDef<TFeatures, TData, TValue>
+
+  /**
+   * Wraps an array of column definitions to preserve each column's individual TValue type.
+   */
+  columns: <TColumns extends ReadonlyArray<ColumnDef<TFeatures, TData, any>>>(
+    columns: [...TColumns],
+  ) => Array<ColumnDef<TFeatures, TData, any>> & [...TColumns]
+
+  /**
+   * Creates a display column definition for non-data columns.
+   * The cell, header, and footer contexts include pre-bound components.
+   */
+  display: (
+    column: AppDisplayColumnDef<
+      TFeatures,
+      TData,
+      TCellComponents,
+      THeaderComponents
+    >,
+  ) => DisplayColumnDef<TFeatures, TData, unknown>
+
+  /**
+   * Creates a group column definition with nested child columns.
+   * The cell, header, and footer contexts include pre-bound components.
+   */
+  group: (
+    column: AppGroupColumnDef<
+      TFeatures,
+      TData,
+      TCellComponents,
+      THeaderComponents
+    >,
+  ) => GroupColumnDef<TFeatures, TData, unknown>
+}
+
+// =============================================================================
+// CreateTableHook Options
+// =============================================================================
+
+/**
+ * Options for creating a table hook with pre-bound components and default table options.
+ * Extends all TableOptions except 'columns' | 'data' | 'store' | 'state' | 'initialState'.
+ */
+export type CreateTableHookOptions<
+  TFeatures extends TableFeatures,
+  TTableComponents extends Record<string, ComponentType<any>>,
+  TCellComponents extends Record<string, ComponentType<any>>,
+  THeaderComponents extends Record<string, ComponentType<any>>,
+> = Omit<
+  TableOptions<TFeatures, any>,
+  'columns' | 'data' | 'store' | 'state' | 'initialState'
+> & {
+  /**
+   * Table-level components that need access to the table instance.
+   * These are available directly on the table object returned by createAppTable.
+   * Use `useTableContext()` inside these components.
+   * @example { PaginationControls, GlobalFilter, RowCount }
+   */
+  tableComponents?: TTableComponents
+  /**
+   * Cell-level components that need access to the cell instance.
+   * These are available on the cell object passed to AppCell's children.
+   * Use `useCellContext()` inside these components.
+   * @example { TextCell, NumberCell, DateCell, CurrencyCell }
+   */
+  cellComponents?: TCellComponents
+  /**
+   * Header-level components that need access to the header instance.
+   * These are available on the header object passed to AppHeader/AppFooter's children.
+   * Use `useHeaderContext()` inside these components.
+   * @example { SortIndicator, ColumnFilter, ResizeHandle }
+   */
+  headerComponents?: THeaderComponents
+}
+
+// =============================================================================
+// Extended Table Type
+// =============================================================================
+
+/**
+ * Extended table API returned by createAppTable with all App wrapper components.
+ */
+export type AppSvelteTable<
+  TFeatures extends TableFeatures,
+  TData extends RowData,
+  TSelected,
+  TTableComponents extends Record<string, ComponentType<any>>,
+  TCellComponents extends Record<string, ComponentType<any>>,
+  THeaderComponents extends Record<string, ComponentType<any>>,
+> = SvelteTable<TFeatures, TData, TSelected> &
+  NoInfer<TTableComponents> & {
+    /**
+     * Root wrapper component that provides table context.
+     * @example
+     * ```svelte
+     * <table.AppTable>
+     *   <table>...</table>
+     * </table.AppTable>
+     * ```
+     */
+    AppTable: Component<{ children: Snippet }>
+    /**
+     * Wraps a cell and provides cell context with pre-bound cellComponents.
+     * @example
+     * ```svelte
+     * <table.AppCell cell={cell}>
+     *   {#snippet children(c)}
+     *     <td><c.TextCell /></td>
+     *   {/snippet}
+     * </table.AppCell>
+     * ```
+     */
+    AppCell: Component<{
+      cell: Cell<TFeatures, TData, any>
+      children: Snippet<
+        [
+          Cell<TFeatures, TData, any> &
+            NoInfer<TCellComponents> & { FlexRender: typeof FlexRenderSvelte },
+        ]
+      >
+    }>
+    /**
+     * Wraps a header and provides header context with pre-bound headerComponents.
+     * @example
+     * ```svelte
+     * <table.AppHeader header={header}>
+     *   {#snippet children(h)}
+     *     <th><h.SortIndicator /></th>
+     *   {/snippet}
+     * </table.AppHeader>
+     * ```
+     */
+    AppHeader: Component<{
+      header: Header<TFeatures, TData, any>
+      children: Snippet<
+        [
+          Header<TFeatures, TData, any> &
+            NoInfer<THeaderComponents> & {
+              FlexRender: typeof FlexRenderSvelte
+            },
+        ]
+      >
+    }>
+    /**
+     * Wraps a footer and provides header context with pre-bound headerComponents.
+     * @example
+     * ```svelte
+     * <table.AppFooter header={footer}>
+     *   {#snippet children(f)}
+     *     <td><f.FlexRender /></td>
+     *   {/snippet}
+     * </table.AppFooter>
+     * ```
+     */
+    AppFooter: Component<{
+      header: Header<TFeatures, TData, any>
+      children: Snippet<
+        [
+          Header<TFeatures, TData, any> &
+            NoInfer<THeaderComponents> & {
+              FlexRender: typeof FlexRenderSvelte
+            },
+        ]
+      >
+    }>
+    /**
+     * Convenience FlexRender component attached to the table instance.
+     */
+    FlexRender: typeof FlexRenderSvelte
+  }
+
+// =============================================================================
+// createTableHook Factory
+// =============================================================================
+
+/**
+ * Creates a custom table hook with pre-bound components for composition.
+ *
+ * This is the table equivalent of TanStack Form's `createFormHook`. It allows you to:
+ * - Define features, row models, and default options once, shared across all tables
+ * - Register reusable table, cell, and header components
+ * - Access table/cell/header instances via context in those components
+ * - Get a `createAppTable` hook that returns an extended table with App wrapper components
+ * - Get a `createAppColumnHelper` function pre-bound to your features
+ *
+ * @example
+ * ```ts
+ * // hooks/table.ts
+ * export const {
+ *   createAppTable,
+ *   createAppColumnHelper,
+ *   useTableContext,
+ *   useCellContext,
+ *   useHeaderContext,
+ * } = createTableHook({
+ *   _features: tableFeatures({
+ *     rowPaginationFeature,
+ *     rowSortingFeature,
+ *     columnFilteringFeature,
+ *   }),
+ *   _rowModels: {
+ *     paginatedRowModel: createPaginatedRowModel(),
+ *     sortedRowModel: createSortedRowModel(sortFns),
+ *     filteredRowModel: createFilteredRowModel(filterFns),
+ *   },
+ *   tableComponents: { PaginationControls, RowCount },
+ *   cellComponents: { TextCell, NumberCell },
+ *   headerComponents: { SortIndicator, ColumnFilter },
+ * })
+ * ```
+ */
+export function createTableHook<
+  TFeatures extends TableFeatures,
+  const TTableComponents extends Record<string, ComponentType<any>>,
+  const TCellComponents extends Record<string, ComponentType<any>>,
+  const THeaderComponents extends Record<string, ComponentType<any>>,
+>({
+  tableComponents,
+  cellComponents,
+  headerComponents,
+  ...defaultTableOptions
+}: CreateTableHookOptions<
+  TFeatures,
+  TTableComponents,
+  TCellComponents,
+  THeaderComponents
+>) {
+  /**
+   * Create a column helper pre-bound to the features and components configured in this table hook.
+   * The cell, header, and footer contexts include pre-bound components (e.g., `cell.TextCell`).
+   */
+  function createAppColumnHelper<TData extends RowData>(): AppColumnHelper<
+    TFeatures,
+    TData,
+    TCellComponents,
+    THeaderComponents
+  > {
+    return coreCreateColumnHelper<TFeatures, TData>() as AppColumnHelper<
+      TFeatures,
+      TData,
+      TCellComponents,
+      THeaderComponents
+    >
+  }
+
+  /**
+   * Access the table instance from within an `AppTable` wrapper.
+   * Use this in custom `tableComponents` passed to `createTableHook`.
+   * TFeatures is already known from the createTableHook call.
+   */
+  function useTableContext<TData extends RowData = RowData>(): SvelteTable<
+    TFeatures,
+    TData
+  > {
+    const table = getContext(tableContextKey)
+
+    if (!table) {
+      throw new Error(
+        '`useTableContext` must be used within an `AppTable` component. ' +
+          'Make sure your component is wrapped with `<table.AppTable>...</table.AppTable>`.',
+      )
+    }
+
+    return table as SvelteTable<TFeatures, TData>
+  }
+
+  /**
+   * Access the cell instance from within an `AppCell` wrapper.
+   * Use this in custom `cellComponents` passed to `createTableHook`.
+   * TFeatures is already known from the createTableHook call.
+   */
+  function useCellContext<TValue extends CellData = CellData>(): Cell<
+    TFeatures,
+    any,
+    TValue
+  > {
+    const cell = getContext(cellContextKey)
+
+    if (!cell) {
+      throw new Error(
+        '`useCellContext` must be used within an `AppCell` component. ' +
+          'Make sure your component is wrapped with `<table.AppCell cell={cell}>...</table.AppCell>`.',
+      )
+    }
+
+    return cell as Cell<TFeatures, any, TValue>
+  }
+
+  /**
+   * Access the header instance from within an `AppHeader` or `AppFooter` wrapper.
+   * Use this in custom `headerComponents` passed to `createTableHook`.
+   * TFeatures is already known from the createTableHook call.
+   */
+  function useHeaderContext<TValue extends CellData = CellData>(): Header<
+    TFeatures,
+    any,
+    TValue
+  > {
+    const header = getContext(headerContextKey)
+
+    if (!header) {
+      throw new Error(
+        '`useHeaderContext` must be used within an `AppHeader` or `AppFooter` component.',
+      )
+    }
+
+    return header as Header<TFeatures, any, TValue>
+  }
+
+  /**
+   * Enhanced createTable hook that returns a table with App wrapper components
+   * and pre-bound tableComponents attached directly to the table object.
+   *
+   * Default options from createTableHook are automatically merged with
+   * the options passed here. Options passed here take precedence.
+   *
+   * TFeatures is already known from the createTableHook call; TData is inferred from the data prop.
+   */
+  function createAppTable<TData extends RowData, TSelected = {}>(
+    tableOptions: Omit<
+      TableOptions<TFeatures, TData>,
+      '_features' | '_rowModels'
+    >,
+    selector?: (state: TableState<TFeatures>) => TSelected,
+  ): AppSvelteTable<
+    TFeatures,
+    TData,
+    TSelected,
+    TTableComponents,
+    TCellComponents,
+    THeaderComponents
+  > {
+    // Merge default options with provided options (provided takes precedence)
+    const mergedTableOptions = mergeObjects(
+      defaultTableOptions,
+      tableOptions,
+    ) as TableOptions<TFeatures, TData>
+
+    const table = createTable<TFeatures, TData, TSelected>(
+      mergedTableOptions,
+      selector,
+    )
+
+    // Build cellComponents with FlexRender included
+    const cellComponentsWithFlexRender = {
+      FlexRender: FlexRenderSvelte,
+      ...(cellComponents ?? {}),
+    }
+
+    // Build headerComponents with FlexRender included
+    const headerComponentsWithFlexRender = {
+      FlexRender: FlexRenderSvelte,
+      ...(headerComponents ?? {}),
+    }
+
+    // Create wrapper components using the svelte-form (internal, props) => pattern.
+    // setContext is called in the closure — this runs during component
+    // initialization, so Svelte's context API works correctly.
+    // With keyed {#each} blocks, components are recreated on reorder,
+    // so context is always fresh.
+    const AppTable = ((internal: any, props: any) => {
+      setContext(tableContextKey, table)
+      return AppTableSvelte(internal, { ...props })
+    }) as Component<{ children: Snippet }>
+
+    const AppCell = ((internal: any, { children, cell, ...rest }: any) => {
+      setContext(cellContextKey, cell)
+      return AppCellSvelte(internal, {
+        cell,
+        cellComponents: cellComponentsWithFlexRender,
+        children,
+      })
+    }) as Component<{
+      cell: Cell<TFeatures, TData, any>
+      children: Snippet<[any]>
+    }>
+
+    const AppHeader = ((internal: any, { children, header, ...rest }: any) => {
+      setContext(headerContextKey, header)
+      return AppHeaderSvelte(internal, {
+        header,
+        headerComponents: headerComponentsWithFlexRender,
+        children,
+      })
+    }) as Component<{
+      header: Header<TFeatures, TData, any>
+      children: Snippet<[any]>
+    }>
+
+    // AppFooter reuses AppHeaderSvelte (footers use Header type in table-core)
+    const AppFooter = ((internal: any, { children, header, ...rest }: any) => {
+      setContext(headerContextKey, header)
+      return AppHeaderSvelte(internal, {
+        header,
+        headerComponents: headerComponentsWithFlexRender,
+        children,
+      })
+    }) as Component<{
+      header: Header<TFeatures, TData, any>
+      children: Snippet<[any]>
+    }>
+
+    // Combine everything into the extended table API
+    return Object.assign(table, {
+      AppTable,
+      AppCell,
+      AppHeader,
+      AppFooter,
+      FlexRender: FlexRenderSvelte,
+      ...(tableComponents ?? {}),
+    }) as AppSvelteTable<
+      TFeatures,
+      TData,
+      TSelected,
+      TTableComponents,
+      TCellComponents,
+      THeaderComponents
+    >
+  }
+
+  return {
+    appFeatures: defaultTableOptions._features as TFeatures,
+    createAppColumnHelper,
+    createAppTable,
+    useTableContext,
+    useCellContext,
+    useHeaderContext,
+  }
+}
diff --git a/packages/svelte-table/src/index.ts b/packages/svelte-table/src/index.ts
index 54bd9bc859..fbc5110c57 100644
--- a/packages/svelte-table/src/index.ts
+++ b/packages/svelte-table/src/index.ts
@@ -1,7 +1,15 @@
 export * from '@tanstack/table-core'
 
 export { createTable } from './createTable.svelte'
-export { createTableHelper, type TableHelper } from './createTableHelper'
+export type { SvelteTable } from './createTable.svelte'
+export { createTableHook } from './createTableHook.svelte'
+export type {
+  AppCellContext,
+  AppColumnHelper,
+  AppHeaderContext,
+  AppSvelteTable,
+  CreateTableHookOptions,
+} from './createTableHook.svelte'
 export { createTableState } from './createTableState.svelte'
 export { default as FlexRender } from './FlexRender.svelte'
 export { default as Subscribe } from './Subscribe.svelte'
diff --git a/packages/svelte-table/src/merge-objects.ts b/packages/svelte-table/src/merge-objects.ts
new file mode 100644
index 0000000000..ca11d524d3
--- /dev/null
+++ b/packages/svelte-table/src/merge-objects.ts
@@ -0,0 +1,43 @@
+/**
+ * Merges objects together while keeping their getters alive.
+ * Taken from SolidJS: {https://github.com/solidjs/solid/blob/24abc825c0996fd2bc8c1de1491efe9a7e743aff/packages/solid/src/server/rendering.ts#L82-L115}
+ * */
+export function mergeObjects<T>(source: T): T
+export function mergeObjects<T, U>(source: T, source1: U): T & U
+export function mergeObjects<T, U, V>(
+  source: T,
+  source1: U,
+  source2: V,
+): T & U & V
+export function mergeObjects<T, U, V, W>(
+  source: T,
+  source1: U,
+  source2: V,
+  source3: W,
+): T & U & V & W
+export function mergeObjects(...sources: any): any {
+  const target = {}
+  for (let source of sources) {
+    if (typeof source === 'function') source = source()
+    if (source) {
+      const descriptors = Object.getOwnPropertyDescriptors(source)
+      for (const key in descriptors) {
+        if (key in target) continue
+        Object.defineProperty(target, key, {
+          enumerable: true,
+          get() {
+            for (let i = sources.length - 1; i >= 0; i--) {
+              let v,
+                s = sources[i]
+              if (typeof s === 'function') s = s()
+              // eslint-disable-next-line prefer-const
+              v = (s || {})[key]
+              if (v !== undefined) return v
+            }
+          },
+        })
+      }
+    }
+  }
+  return target
+}
diff --git a/packages/svelte-table/src/render-component.ts b/packages/svelte-table/src/render-component.ts
index 5f483ca0df..bf25d4744c 100644
--- a/packages/svelte-table/src/render-component.ts
+++ b/packages/svelte-table/src/render-component.ts
@@ -19,7 +19,7 @@ import type { Component, ComponentProps, Snippet } from 'svelte'
 export class RenderComponentConfig<TComponent extends Component> {
   constructor(
     public component: TComponent,
-    public props: ComponentProps<TComponent> | Record<string, never> = {},
+    public props?: ComponentProps<TComponent> | Record<string, never>,
   ) {}
 }
 
@@ -41,7 +41,7 @@ export class RenderComponentConfig<TComponent extends Component> {
 export class RenderSnippetConfig<TProps> {
   constructor(
     public snippet: Snippet<[TProps]>,
-    public params: TProps,
+    public params?: TProps,
   ) {}
 }
 
@@ -72,7 +72,7 @@ export const renderComponent = <
   TProps extends ComponentProps<TComponent>,
 >(
   component: TComponent,
-  props: TProps,
+  props?: TProps,
 ) => new RenderComponentConfig(component, props)
 
 /**
@@ -101,5 +101,5 @@ export const renderComponent = <
  */
 export const renderSnippet = <TProps>(
   snippet: Snippet<[TProps]>,
-  params: TProps,
+  params?: TProps,
 ) => new RenderSnippetConfig(snippet, params)
diff --git a/packages/vue-table/src/FlexRender.ts b/packages/vue-table/src/FlexRender.ts
index 4e96a78992..2d096df805 100644
--- a/packages/vue-table/src/FlexRender.ts
+++ b/packages/vue-table/src/FlexRender.ts
@@ -1,28 +1,109 @@
 import { defineComponent, h, isVNode } from 'vue'
+import type { PropType } from 'vue'
+import type {
+  Cell,
+  CellData,
+  Header,
+  RowData,
+  TableFeatures,
+} from '@tanstack/table-core'
 
-export const FlexRender = defineComponent({
-  props: ['render', 'props'],
-  setup: (props: { render: any; props: any }) => {
-    return () => {
-      if (typeof props.render === 'function') {
-        const rendered = props.render(props.props)
+/**
+ * If rendering headers, cells, or footers with custom markup, use flexRender instead of `cell.getValue()` or `cell.renderValue()`.
+ * @example flexRender(cell.column.columnDef.cell, cell.getContext())
+ */
+export function flexRender(render: any, props: any): any {
+  if (typeof render === 'function') {
+    const rendered = render(props)
+
+    if (isVNode(rendered)) {
+      return rendered
+    }
+
+    if (typeof rendered === 'function' || typeof rendered === 'object') {
+      return h(rendered, props)
+    }
 
-        if (isVNode(rendered)) {
-          return rendered
-        }
+    return rendered
+  }
 
-        if (typeof rendered === 'function' || typeof rendered === 'object') {
-          return h(rendered, props.props)
-        }
+  if (typeof render === 'object') {
+    return h(render, props)
+  }
+
+  return render
+}
+
+/**
+ * Simplified component for rendering headers, cells, or footers.
+ *
+ * Supports both the new shorthand pattern and the legacy `:render`/`:props` pattern:
+ * @example
+ * ```vue
+ * <!-- New shorthand pattern -->
+ * <FlexRender :cell="cell" />
+ * <FlexRender :header="header" />
+ * <FlexRender :footer="header" />
+ *
+ * <!-- Legacy pattern (still supported) -->
+ * <FlexRender :render="cell.column.columnDef.cell" :props="cell.getContext()" />
+ * ```
+ */
+export const FlexRender = defineComponent({
+  props: {
+    render: {
+      type: [Function, Object, String] as PropType<any>,
+      default: undefined,
+    },
+    props: {
+      type: Object as PropType<any>,
+      default: undefined,
+    },
+    cell: {
+      type: Object as PropType<Cell<any, any, any>>,
+      default: undefined,
+    },
+    header: {
+      type: Object as PropType<Header<any, any, any>>,
+      default: undefined,
+    },
+    footer: {
+      type: Object as PropType<Header<any, any, any>>,
+      default: undefined,
+    },
+  },
+  setup: (props: {
+    render?: any
+    props?: any
+    cell?: Cell<any, any, any>
+    header?: Header<any, any, any>
+    footer?: Header<any, any, any>
+  }) => {
+    return () => {
+      // New shorthand pattern: extract render and props from cell/header/footer
+      if (props.cell) {
+        return flexRender(
+          props.cell.column.columnDef.cell,
+          props.cell.getContext(),
+        )
+      }
 
-        return rendered
+      if (props.header) {
+        return flexRender(
+          props.header.column.columnDef.header,
+          props.header.getContext(),
+        )
       }
 
-      if (typeof props.render === 'object') {
-        return h(props.render, props.props)
+      if (props.footer) {
+        return flexRender(
+          props.footer.column.columnDef.footer,
+          props.footer.getContext(),
+        )
       }
 
-      return props.render
+      // Legacy pattern: use render and props directly
+      return flexRender(props.render, props.props)
     }
   },
 })
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cb83b90c0c..1027577ffb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -78,7 +78,7 @@ importers:
         specifier: ^4.1.2
         version: 4.1.2(@types/node@25.5.0)(jsdom@29.0.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
-  examples/angular/basic:
+  examples/angular/basic-app-table:
     dependencies:
       '@angular/common':
         specifier: ^21.2.7
@@ -95,9 +95,6 @@ importers:
       '@angular/platform-browser':
         specifier: ^21.2.7
         version: 21.2.7(@angular/animations@21.2.7(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0)))(@angular/common@21.2.7(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0))(rxjs@7.8.2))(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0))
-      '@angular/router':
-        specifier: ^21.2.7
-        version: 21.2.7(@angular/common@21.2.7(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0))(rxjs@7.8.2))(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0))(@angular/platform-browser@21.2.7(@angular/animations@21.2.7(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0)))(@angular/common@21.2.7(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0))(rxjs@7.8.2))(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0)))(rxjs@7.8.2)
       '@tanstack/angular-table':
         specifier: ^9.0.0-alpha.24
         version: link:../../../packages/angular-table
@@ -121,7 +118,7 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
 
-  examples/angular/basic-app-table:
+  examples/angular/basic-inject-table:
     dependencies:
       '@angular/common':
         specifier: ^21.2.7
@@ -138,6 +135,9 @@ importers:
       '@angular/platform-browser':
         specifier: ^21.2.7
         version: 21.2.7(@angular/animations@21.2.7(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0)))(@angular/common@21.2.7(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0))(rxjs@7.8.2))(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0))
+      '@angular/router':
+        specifier: ^21.2.7
+        version: 21.2.7(@angular/common@21.2.7(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0))(rxjs@7.8.2))(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0))(@angular/platform-browser@21.2.7(@angular/animations@21.2.7(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0)))(@angular/common@21.2.7(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0))(rxjs@7.8.2))(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0)))(rxjs@7.8.2)
       '@tanstack/angular-table':
         specifier: ^9.0.0-alpha.24
         version: link:../../../packages/angular-table
@@ -3171,155 +3171,740 @@ importers:
       vite:
         specifier: ^8.0.3
         version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
-      vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      vite-plugin-solid:
+        specifier: ^2.11.11
+        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+
+  examples/solid/virtualized-infinite-scrolling:
+    dependencies:
+      '@tanstack/solid-query':
+        specifier: ^5.96.1
+        version: 5.96.1(solid-js@1.9.12)
+      '@tanstack/solid-store':
+        specifier: ^0.9.3
+        version: 0.9.3(solid-js@1.9.12)
+      '@tanstack/solid-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/solid-table
+      '@tanstack/solid-virtual':
+        specifier: ^3.13.13
+        version: 3.13.23(solid-js@1.9.12)
+      solid-js:
+        specifier: ^1.9.12
+        version: 1.9.12
+    devDependencies:
+      '@faker-js/faker':
+        specifier: ^10.4.0
+        version: 10.4.0
+      typescript:
+        specifier: 6.0.2
+        version: 6.0.2
+      vite:
+        specifier: ^8.0.3
+        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vite-plugin-solid:
+        specifier: ^2.11.11
+        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+
+  examples/solid/virtualized-rows:
+    dependencies:
+      '@tanstack/solid-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/solid-table
+      '@tanstack/solid-virtual':
+        specifier: ^3.13.13
+        version: 3.13.23(solid-js@1.9.12)
+      solid-js:
+        specifier: ^1.9.12
+        version: 1.9.12
+    devDependencies:
+      '@faker-js/faker':
+        specifier: ^10.4.0
+        version: 10.4.0
+      typescript:
+        specifier: 6.0.2
+        version: 6.0.2
+      vite:
+        specifier: ^8.0.3
+        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vite-plugin-solid:
+        specifier: ^2.11.11
+        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+
+  examples/solid/with-tanstack-form:
+    dependencies:
+      '@tanstack/solid-form':
+        specifier: ^1.28.6
+        version: 1.28.6(solid-js@1.9.12)
+      '@tanstack/solid-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/solid-table
+      solid-js:
+        specifier: ^1.9.12
+        version: 1.9.12
+      zod:
+        specifier: ^4.3.6
+        version: 4.3.6
+    devDependencies:
+      '@faker-js/faker':
+        specifier: ^10.4.0
+        version: 10.4.0
+      typescript:
+        specifier: 6.0.2
+        version: 6.0.2
+      vite:
+        specifier: ^8.0.3
+        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vite-plugin-solid:
+        specifier: ^2.11.11
+        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+
+  examples/solid/with-tanstack-query:
+    dependencies:
+      '@tanstack/solid-query':
+        specifier: ^5.96.1
+        version: 5.96.1(solid-js@1.9.12)
+      '@tanstack/solid-store':
+        specifier: ^0.9.3
+        version: 0.9.3(solid-js@1.9.12)
+      '@tanstack/solid-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/solid-table
+      solid-js:
+        specifier: ^1.9.12
+        version: 1.9.12
+    devDependencies:
+      '@faker-js/faker':
+        specifier: ^10.4.0
+        version: 10.4.0
+      typescript:
+        specifier: 6.0.2
+        version: 6.0.2
+      vite:
+        specifier: ^8.0.3
+        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vite-plugin-solid:
+        specifier: ^2.11.11
+        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+
+  examples/solid/with-tanstack-router:
+    dependencies:
+      '@tanstack/solid-query':
+        specifier: ^5.96.1
+        version: 5.96.1(solid-js@1.9.12)
+      '@tanstack/solid-router':
+        specifier: ^1.168.9
+        version: 1.168.9(solid-js@1.9.12)
+      '@tanstack/solid-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/solid-table
+      solid-js:
+        specifier: ^1.9.12
+        version: 1.9.12
+    devDependencies:
+      '@faker-js/faker':
+        specifier: ^10.4.0
+        version: 10.4.0
+      '@tanstack/router-vite-plugin':
+        specifier: ^1.166.27
+        version: 1.166.27(@tanstack/react-router@1.168.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite-plugin-solid@2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)))(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(webpack@5.105.2(esbuild@0.27.4))
+      typescript:
+        specifier: 6.0.2
+        version: 6.0.2
+      vite:
+        specifier: ^8.0.3
+        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vite-plugin-solid:
+        specifier: ^2.11.11
+        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+
+  examples/svelte/basic-app-table:
+    devDependencies:
+      '@rollup/plugin-replace':
+        specifier: ^6.0.3
+        version: 6.0.3(rollup@4.53.3)
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^7.0.0
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@tanstack/svelte-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/svelte-table
+      '@tsconfig/svelte':
+        specifier: ^5.0.8
+        version: 5.0.8
+      svelte:
+        specifier: ^5.55.1
+        version: 5.55.1
+      svelte-check:
+        specifier: ^4.4.6
+        version: 4.4.6(picomatch@4.0.4)(svelte@5.55.1)(typescript@6.0.2)
+      typescript:
+        specifier: 6.0.2
+        version: 6.0.2
+      vite:
+        specifier: ^8.0.3
+        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+
+  examples/svelte/basic-create-table:
+    devDependencies:
+      '@rollup/plugin-replace':
+        specifier: ^6.0.3
+        version: 6.0.3(rollup@4.53.3)
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^7.0.0
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@tanstack/svelte-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/svelte-table
+      '@tsconfig/svelte':
+        specifier: ^5.0.8
+        version: 5.0.8
+      svelte:
+        specifier: ^5.55.1
+        version: 5.55.1
+      svelte-check:
+        specifier: ^4.4.6
+        version: 4.4.6(picomatch@4.0.4)(svelte@5.55.1)(typescript@6.0.2)
+      typescript:
+        specifier: 6.0.2
+        version: 6.0.2
+      vite:
+        specifier: ^8.0.3
+        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+
+  examples/svelte/basic-external-state:
+    devDependencies:
+      '@faker-js/faker':
+        specifier: ^10.4.0
+        version: 10.4.0
+      '@rollup/plugin-replace':
+        specifier: ^6.0.3
+        version: 6.0.3(rollup@4.53.3)
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^7.0.0
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@tanstack/svelte-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/svelte-table
+      '@tsconfig/svelte':
+        specifier: ^5.0.8
+        version: 5.0.8
+      svelte:
+        specifier: ^5.55.1
+        version: 5.55.1
+      svelte-check:
+        specifier: ^4.4.6
+        version: 4.4.6(picomatch@4.0.4)(svelte@5.55.1)(typescript@6.0.2)
+      typescript:
+        specifier: 6.0.2
+        version: 6.0.2
+      vite:
+        specifier: ^8.0.3
+        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+
+  examples/svelte/basic-external-store:
+    devDependencies:
+      '@faker-js/faker':
+        specifier: ^10.4.0
+        version: 10.4.0
+      '@rollup/plugin-replace':
+        specifier: ^6.0.3
+        version: 6.0.3(rollup@4.53.3)
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^7.0.0
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@tanstack/svelte-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/svelte-table
+      '@tsconfig/svelte':
+        specifier: ^5.0.8
+        version: 5.0.8
+      svelte:
+        specifier: ^5.55.1
+        version: 5.55.1
+      svelte-check:
+        specifier: ^4.4.6
+        version: 4.4.6(picomatch@4.0.4)(svelte@5.55.1)(typescript@6.0.2)
+      typescript:
+        specifier: 6.0.2
+        version: 6.0.2
+      vite:
+        specifier: ^8.0.3
+        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+
+  examples/svelte/basic-snippets:
+    devDependencies:
+      '@rollup/plugin-replace':
+        specifier: ^6.0.3
+        version: 6.0.3(rollup@4.53.3)
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^7.0.0
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@tanstack/svelte-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/svelte-table
+      '@tsconfig/svelte':
+        specifier: ^5.0.8
+        version: 5.0.8
+      svelte:
+        specifier: ^5.55.1
+        version: 5.55.1
+      svelte-check:
+        specifier: ^4.4.6
+        version: 4.4.6(picomatch@4.0.4)(svelte@5.55.1)(typescript@6.0.2)
+      typescript:
+        specifier: 6.0.2
+        version: 6.0.2
+      vite:
+        specifier: ^8.0.3
+        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+
+  examples/svelte/column-groups:
+    devDependencies:
+      '@rollup/plugin-replace':
+        specifier: ^6.0.3
+        version: 6.0.3(rollup@4.53.3)
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^7.0.0
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@tanstack/svelte-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/svelte-table
+      '@tsconfig/svelte':
+        specifier: ^5.0.8
+        version: 5.0.8
+      svelte:
+        specifier: ^5.55.1
+        version: 5.55.1
+      svelte-check:
+        specifier: ^4.4.6
+        version: 4.4.6(picomatch@4.0.4)(svelte@5.55.1)(typescript@6.0.2)
+      typescript:
+        specifier: 6.0.2
+        version: 6.0.2
+      vite:
+        specifier: ^8.0.3
+        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+
+  examples/svelte/column-ordering:
+    devDependencies:
+      '@faker-js/faker':
+        specifier: ^10.4.0
+        version: 10.4.0
+      '@rollup/plugin-replace':
+        specifier: ^6.0.3
+        version: 6.0.3(rollup@4.53.3)
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^7.0.0
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@tanstack/svelte-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/svelte-table
+      '@tsconfig/svelte':
+        specifier: ^5.0.8
+        version: 5.0.8
+      svelte:
+        specifier: ^5.55.1
+        version: 5.55.1
+      svelte-check:
+        specifier: ^4.4.6
+        version: 4.4.6(picomatch@4.0.4)(svelte@5.55.1)(typescript@6.0.2)
+      typescript:
+        specifier: 6.0.2
+        version: 6.0.2
+      vite:
+        specifier: ^8.0.3
+        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+
+  examples/svelte/column-pinning:
+    devDependencies:
+      '@faker-js/faker':
+        specifier: ^10.4.0
+        version: 10.4.0
+      '@rollup/plugin-replace':
+        specifier: ^6.0.3
+        version: 6.0.3(rollup@4.53.3)
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^7.0.0
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@tanstack/svelte-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/svelte-table
+      '@tsconfig/svelte':
+        specifier: ^5.0.8
+        version: 5.0.8
+      svelte:
+        specifier: ^5.55.1
+        version: 5.55.1
+      svelte-check:
+        specifier: ^4.4.6
+        version: 4.4.6(picomatch@4.0.4)(svelte@5.55.1)(typescript@6.0.2)
+      typescript:
+        specifier: 6.0.2
+        version: 6.0.2
+      vite:
+        specifier: ^8.0.3
+        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+
+  examples/svelte/column-pinning-split:
+    devDependencies:
+      '@faker-js/faker':
+        specifier: ^10.4.0
+        version: 10.4.0
+      '@rollup/plugin-replace':
+        specifier: ^6.0.3
+        version: 6.0.3(rollup@4.53.3)
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^7.0.0
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@tanstack/svelte-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/svelte-table
+      '@tsconfig/svelte':
+        specifier: ^5.0.8
+        version: 5.0.8
+      svelte:
+        specifier: ^5.55.1
+        version: 5.55.1
+      svelte-check:
+        specifier: ^4.4.6
+        version: 4.4.6(picomatch@4.0.4)(svelte@5.55.1)(typescript@6.0.2)
+      typescript:
+        specifier: 6.0.2
+        version: 6.0.2
+      vite:
+        specifier: ^8.0.3
+        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+
+  examples/svelte/column-pinning-sticky:
+    devDependencies:
+      '@faker-js/faker':
+        specifier: ^10.4.0
+        version: 10.4.0
+      '@rollup/plugin-replace':
+        specifier: ^6.0.3
+        version: 6.0.3(rollup@4.53.3)
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^7.0.0
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@tanstack/svelte-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/svelte-table
+      '@tsconfig/svelte':
+        specifier: ^5.0.8
+        version: 5.0.8
+      svelte:
+        specifier: ^5.55.1
+        version: 5.55.1
+      svelte-check:
+        specifier: ^4.4.6
+        version: 4.4.6(picomatch@4.0.4)(svelte@5.55.1)(typescript@6.0.2)
+      typescript:
+        specifier: 6.0.2
+        version: 6.0.2
+      vite:
+        specifier: ^8.0.3
+        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+
+  examples/svelte/column-resizing:
+    devDependencies:
+      '@rollup/plugin-replace':
+        specifier: ^6.0.3
+        version: 6.0.3(rollup@4.53.3)
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^7.0.0
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@tanstack/svelte-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/svelte-table
+      '@tsconfig/svelte':
+        specifier: ^5.0.8
+        version: 5.0.8
+      svelte:
+        specifier: ^5.55.1
+        version: 5.55.1
+      svelte-check:
+        specifier: ^4.4.6
+        version: 4.4.6(picomatch@4.0.4)(svelte@5.55.1)(typescript@6.0.2)
+      typescript:
+        specifier: 6.0.2
+        version: 6.0.2
+      vite:
+        specifier: ^8.0.3
+        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+
+  examples/svelte/column-resizing-performant:
+    devDependencies:
+      '@faker-js/faker':
+        specifier: ^10.4.0
+        version: 10.4.0
+      '@rollup/plugin-replace':
+        specifier: ^6.0.3
+        version: 6.0.3(rollup@4.53.3)
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^7.0.0
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@tanstack/svelte-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/svelte-table
+      '@tsconfig/svelte':
+        specifier: ^5.0.8
+        version: 5.0.8
+      svelte:
+        specifier: ^5.55.1
+        version: 5.55.1
+      svelte-check:
+        specifier: ^4.4.6
+        version: 4.4.6(picomatch@4.0.4)(svelte@5.55.1)(typescript@6.0.2)
+      typescript:
+        specifier: 6.0.2
+        version: 6.0.2
+      vite:
+        specifier: ^8.0.3
+        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+
+  examples/svelte/column-sizing:
+    devDependencies:
+      '@rollup/plugin-replace':
+        specifier: ^6.0.3
+        version: 6.0.3(rollup@4.53.3)
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^7.0.0
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@tanstack/svelte-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/svelte-table
+      '@tsconfig/svelte':
+        specifier: ^5.0.8
+        version: 5.0.8
+      svelte:
+        specifier: ^5.55.1
+        version: 5.55.1
+      svelte-check:
+        specifier: ^4.4.6
+        version: 4.4.6(picomatch@4.0.4)(svelte@5.55.1)(typescript@6.0.2)
+      typescript:
+        specifier: 6.0.2
+        version: 6.0.2
+      vite:
+        specifier: ^8.0.3
+        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+
+  examples/svelte/column-visibility:
+    devDependencies:
+      '@rollup/plugin-replace':
+        specifier: ^6.0.3
+        version: 6.0.3(rollup@4.53.3)
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^7.0.0
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@tanstack/svelte-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/svelte-table
+      '@tsconfig/svelte':
+        specifier: ^5.0.8
+        version: 5.0.8
+      svelte:
+        specifier: ^5.55.1
+        version: 5.55.1
+      svelte-check:
+        specifier: ^4.4.6
+        version: 4.4.6(picomatch@4.0.4)(svelte@5.55.1)(typescript@6.0.2)
+      typescript:
+        specifier: 6.0.2
+        version: 6.0.2
+      vite:
+        specifier: ^8.0.3
+        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+
+  examples/svelte/composable-tables:
+    devDependencies:
+      '@faker-js/faker':
+        specifier: ^10.4.0
+        version: 10.4.0
+      '@rollup/plugin-replace':
+        specifier: ^6.0.3
+        version: 6.0.3(rollup@4.53.3)
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^7.0.0
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@tanstack/svelte-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/svelte-table
+      '@tsconfig/svelte':
+        specifier: ^5.0.8
+        version: 5.0.8
+      svelte:
+        specifier: ^5.55.1
+        version: 5.55.1
+      svelte-check:
+        specifier: ^4.4.6
+        version: 4.4.6(picomatch@4.0.4)(svelte@5.55.1)(typescript@6.0.2)
+      typescript:
+        specifier: 6.0.2
+        version: 6.0.2
+      vite:
+        specifier: ^8.0.3
+        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
-  examples/solid/virtualized-infinite-scrolling:
-    dependencies:
-      '@tanstack/solid-query':
-        specifier: ^5.96.1
-        version: 5.96.1(solid-js@1.9.12)
-      '@tanstack/solid-store':
-        specifier: ^0.9.3
-        version: 0.9.3(solid-js@1.9.12)
-      '@tanstack/solid-table':
-        specifier: ^9.0.0-alpha.10
-        version: link:../../../packages/solid-table
-      '@tanstack/solid-virtual':
-        specifier: ^3.13.13
-        version: 3.13.23(solid-js@1.9.12)
-      solid-js:
-        specifier: ^1.9.12
-        version: 1.9.12
+  examples/svelte/expanding:
     devDependencies:
       '@faker-js/faker':
         specifier: ^10.4.0
         version: 10.4.0
+      '@rollup/plugin-replace':
+        specifier: ^6.0.3
+        version: 6.0.3(rollup@4.53.3)
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^7.0.0
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@tanstack/svelte-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/svelte-table
+      '@tsconfig/svelte':
+        specifier: ^5.0.8
+        version: 5.0.8
+      svelte:
+        specifier: ^5.55.1
+        version: 5.55.1
+      svelte-check:
+        specifier: ^4.4.6
+        version: 4.4.6(picomatch@4.0.4)(svelte@5.55.1)(typescript@6.0.2)
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
         specifier: ^8.0.3
         version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
-      vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
-  examples/solid/virtualized-rows:
-    dependencies:
-      '@tanstack/solid-table':
-        specifier: ^9.0.0-alpha.10
-        version: link:../../../packages/solid-table
-      '@tanstack/solid-virtual':
-        specifier: ^3.13.13
-        version: 3.13.23(solid-js@1.9.12)
-      solid-js:
-        specifier: ^1.9.12
-        version: 1.9.12
+  examples/svelte/filtering:
     devDependencies:
       '@faker-js/faker':
         specifier: ^10.4.0
         version: 10.4.0
+      '@rollup/plugin-replace':
+        specifier: ^6.0.3
+        version: 6.0.3(rollup@4.53.3)
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^7.0.0
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@tanstack/svelte-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/svelte-table
+      '@tsconfig/svelte':
+        specifier: ^5.0.8
+        version: 5.0.8
+      svelte:
+        specifier: ^5.55.1
+        version: 5.55.1
+      svelte-check:
+        specifier: ^4.4.6
+        version: 4.4.6(picomatch@4.0.4)(svelte@5.55.1)(typescript@6.0.2)
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
         specifier: ^8.0.3
         version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
-      vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
-  examples/solid/with-tanstack-form:
-    dependencies:
-      '@tanstack/solid-form':
-        specifier: ^1.28.6
-        version: 1.28.6(solid-js@1.9.12)
-      '@tanstack/solid-table':
-        specifier: ^9.0.0-alpha.10
-        version: link:../../../packages/solid-table
-      solid-js:
-        specifier: ^1.9.12
-        version: 1.9.12
-      zod:
-        specifier: ^4.3.6
-        version: 4.3.6
+  examples/svelte/filters-faceted:
     devDependencies:
       '@faker-js/faker':
         specifier: ^10.4.0
         version: 10.4.0
+      '@rollup/plugin-replace':
+        specifier: ^6.0.3
+        version: 6.0.3(rollup@4.53.3)
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^7.0.0
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@tanstack/svelte-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/svelte-table
+      '@tsconfig/svelte':
+        specifier: ^5.0.8
+        version: 5.0.8
+      svelte:
+        specifier: ^5.55.1
+        version: 5.55.1
+      svelte-check:
+        specifier: ^4.4.6
+        version: 4.4.6(picomatch@4.0.4)(svelte@5.55.1)(typescript@6.0.2)
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
         specifier: ^8.0.3
         version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
-      vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
-  examples/solid/with-tanstack-query:
-    dependencies:
-      '@tanstack/solid-query':
-        specifier: ^5.96.1
-        version: 5.96.1(solid-js@1.9.12)
-      '@tanstack/solid-store':
-        specifier: ^0.9.3
-        version: 0.9.3(solid-js@1.9.12)
-      '@tanstack/solid-table':
-        specifier: ^9.0.0-alpha.10
-        version: link:../../../packages/solid-table
-      solid-js:
-        specifier: ^1.9.12
-        version: 1.9.12
+  examples/svelte/filters-fuzzy:
     devDependencies:
       '@faker-js/faker':
         specifier: ^10.4.0
         version: 10.4.0
+      '@rollup/plugin-replace':
+        specifier: ^6.0.3
+        version: 6.0.3(rollup@4.53.3)
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^7.0.0
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@tanstack/match-sorter-utils':
+        specifier: ^9.0.0-alpha.4
+        version: link:../../../packages/match-sorter-utils
+      '@tanstack/svelte-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/svelte-table
+      '@tsconfig/svelte':
+        specifier: ^5.0.8
+        version: 5.0.8
+      svelte:
+        specifier: ^5.55.1
+        version: 5.55.1
+      svelte-check:
+        specifier: ^4.4.6
+        version: 4.4.6(picomatch@4.0.4)(svelte@5.55.1)(typescript@6.0.2)
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
         specifier: ^8.0.3
         version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
-      vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
-  examples/solid/with-tanstack-router:
-    dependencies:
-      '@tanstack/solid-query':
-        specifier: ^5.96.1
-        version: 5.96.1(solid-js@1.9.12)
-      '@tanstack/solid-router':
-        specifier: ^1.168.9
-        version: 1.168.9(solid-js@1.9.12)
-      '@tanstack/solid-table':
-        specifier: ^9.0.0-alpha.10
-        version: link:../../../packages/solid-table
-      solid-js:
-        specifier: ^1.9.12
-        version: 1.9.12
+  examples/svelte/grouping:
     devDependencies:
       '@faker-js/faker':
         specifier: ^10.4.0
         version: 10.4.0
-      '@tanstack/router-vite-plugin':
-        specifier: ^1.166.27
-        version: 1.166.27(@tanstack/react-router@1.168.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite-plugin-solid@2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)))(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(webpack@5.105.2(esbuild@0.27.4))
+      '@rollup/plugin-replace':
+        specifier: ^6.0.3
+        version: 6.0.3(rollup@4.53.3)
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^7.0.0
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@tanstack/svelte-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/svelte-table
+      '@tsconfig/svelte':
+        specifier: ^5.0.8
+        version: 5.0.8
+      svelte:
+        specifier: ^5.55.1
+        version: 5.55.1
+      svelte-check:
+        specifier: ^4.4.6
+        version: 4.4.6(picomatch@4.0.4)(svelte@5.55.1)(typescript@6.0.2)
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
         specifier: ^8.0.3
         version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
-      vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
-  examples/svelte/basic:
+  examples/svelte/pagination:
     devDependencies:
+      '@faker-js/faker':
+        specifier: ^10.4.0
+        version: 10.4.0
       '@rollup/plugin-replace':
         specifier: ^6.0.3
         version: 6.0.3(rollup@4.53.3)
@@ -3345,8 +3930,11 @@ importers:
         specifier: ^8.0.3
         version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
-  examples/svelte/basic-snippets:
+  examples/svelte/row-pinning:
     devDependencies:
+      '@faker-js/faker':
+        specifier: ^10.4.0
+        version: 10.4.0
       '@rollup/plugin-replace':
         specifier: ^6.0.3
         version: 6.0.3(rollup@4.53.3)
@@ -3372,8 +3960,11 @@ importers:
         specifier: ^8.0.3
         version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
-  examples/svelte/basic-table-helper:
+  examples/svelte/row-selection:
     devDependencies:
+      '@faker-js/faker':
+        specifier: ^10.4.0
+        version: 10.4.0
       '@rollup/plugin-replace':
         specifier: ^6.0.3
         version: 6.0.3(rollup@4.53.3)
@@ -3399,8 +3990,11 @@ importers:
         specifier: ^8.0.3
         version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
-  examples/svelte/column-groups:
+  examples/svelte/sorting:
     devDependencies:
+      '@faker-js/faker':
+        specifier: ^10.4.0
+        version: 10.4.0
       '@rollup/plugin-replace':
         specifier: ^6.0.3
         version: 6.0.3(rollup@4.53.3)
@@ -3426,7 +4020,7 @@ importers:
         specifier: ^8.0.3
         version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
-  examples/svelte/column-ordering:
+  examples/svelte/sub-components:
     devDependencies:
       '@faker-js/faker':
         specifier: ^10.4.0
@@ -3456,7 +4050,7 @@ importers:
         specifier: ^8.0.3
         version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
-  examples/svelte/column-pinning:
+  examples/svelte/virtualized-columns:
     devDependencies:
       '@faker-js/faker':
         specifier: ^10.4.0
@@ -3470,6 +4064,9 @@ importers:
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
+      '@tanstack/svelte-virtual':
+        specifier: ^3.13.23
+        version: 3.13.23(svelte@5.55.1)
       '@tsconfig/svelte':
         specifier: ^5.0.8
         version: 5.0.8
@@ -3486,17 +4083,26 @@ importers:
         specifier: ^8.0.3
         version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
-  examples/svelte/column-visibility:
+  examples/svelte/virtualized-infinite-scrolling:
     devDependencies:
+      '@faker-js/faker':
+        specifier: ^10.4.0
+        version: 10.4.0
       '@rollup/plugin-replace':
         specifier: ^6.0.3
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
         version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@tanstack/svelte-query':
+        specifier: ^6.1.13
+        version: 6.1.13(svelte@5.55.1)
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
+      '@tanstack/svelte-virtual':
+        specifier: ^3.13.23
+        version: 3.13.23(svelte@5.55.1)
       '@tsconfig/svelte':
         specifier: ^5.0.8
         version: 5.0.8
@@ -3513,7 +4119,7 @@ importers:
         specifier: ^8.0.3
         version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
-  examples/svelte/filtering:
+  examples/svelte/virtualized-rows:
     devDependencies:
       '@faker-js/faker':
         specifier: ^10.4.0
@@ -3524,12 +4130,12 @@ importers:
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
         version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
-      '@tanstack/match-sorter-utils':
-        specifier: ^9.0.0-alpha.4
-        version: link:../../../packages/match-sorter-utils
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
+      '@tanstack/svelte-virtual':
+        specifier: ^3.13.23
+        version: 3.13.23(svelte@5.55.1)
       '@tsconfig/svelte':
         specifier: ^5.0.8
         version: 5.0.8
@@ -3546,7 +4152,20 @@ importers:
         specifier: ^8.0.3
         version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
-  examples/svelte/row-selection:
+  examples/svelte/with-tanstack-form:
+    dependencies:
+      '@tanstack/form-core':
+        specifier: ^1.12.2
+        version: 1.28.6
+      '@tanstack/svelte-form':
+        specifier: ^1.12.2
+        version: 1.28.6(svelte@5.55.1)
+      '@tanstack/svelte-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/svelte-table
+      zod:
+        specifier: ^3.24.4
+        version: 3.25.76
     devDependencies:
       '@faker-js/faker':
         specifier: ^10.4.0
@@ -3557,9 +4176,6 @@ importers:
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
         version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
-      '@tanstack/svelte-table':
-        specifier: ^9.0.0-alpha.10
-        version: link:../../../packages/svelte-table
       '@tsconfig/svelte':
         specifier: ^5.0.8
         version: 5.0.8
@@ -3576,7 +4192,14 @@ importers:
         specifier: ^8.0.3
         version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
-  examples/svelte/sorting:
+  examples/svelte/with-tanstack-query:
+    dependencies:
+      '@tanstack/svelte-query':
+        specifier: ^6.1.13
+        version: 6.1.13(svelte@5.55.1)
+      '@tanstack/svelte-table':
+        specifier: ^9.0.0-alpha.10
+        version: link:../../../packages/svelte-table
     devDependencies:
       '@faker-js/faker':
         specifier: ^10.4.0
@@ -3587,9 +4210,6 @@ importers:
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
         version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
-      '@tanstack/svelte-table':
-        specifier: ^9.0.0-alpha.10
-        version: link:../../../packages/svelte-table
       '@tsconfig/svelte':
         specifier: ^5.0.8
         version: 5.0.8
@@ -4222,6 +4842,12 @@ importers:
       '@tanstack/solid-store':
         specifier: ^0.9.3
         version: 0.9.3(solid-js@1.9.12)
+      '@tanstack/solid-table':
+        specifier: workspace:*
+        version: link:../solid-table
+      '@tanstack/solid-virtual':
+        specifier: ^3.13.23
+        version: 3.13.23(solid-js@1.9.12)
       '@tanstack/table-core':
         specifier: workspace:*
         version: link:../table-core
@@ -8078,6 +8704,9 @@ packages:
   '@tanstack/query-core@5.96.1':
     resolution: {integrity: sha512-u1yBgtavSy+N8wgtW3PiER6UpxcplMje65yXnnVgiHTqiMwLlxiw4WvQDrXyn+UD6lnn8kHaxmerJUzQcV/MMg==}
 
+  '@tanstack/query-core@5.96.2':
+    resolution: {integrity: sha512-hzI6cTVh4KNRk8UtoIBS7Lv9g6BnJPXvBKsvYH1aGWvv0347jT3BnSvztOE+kD76XGvZnRC/t6qdW1CaIfwCeA==}
+
   '@tanstack/react-devtools@0.10.1':
     resolution: {integrity: sha512-cvcd0EqN7Q2LYatQXxFhOkEa9RUQXZlhXnM1mwuibxmyRX+CMyohUZcgjodtIfgh+RT0Pmvt49liTdZby5ovZw==}
     engines: {node: '>=18'}
@@ -8195,11 +8824,26 @@ packages:
   '@tanstack/store@0.9.3':
     resolution: {integrity: sha512-8reSzl/qGWGGVKhBoxXPMWzATSbZLZFWhwBAFO9NAyp0TxzfBP0mIrGb8CP8KrQTmvzXlR/vFPPUrHTLBGyFyw==}
 
+  '@tanstack/svelte-form@1.28.6':
+    resolution: {integrity: sha512-SdR6rfRSQ5H3WZBxW8CStvOC5w0dv1ew0+UB/mNsb06WDTpabEqKEkoA8fLvo8LOQ2XGplC3R0h1g2So1fBOTQ==}
+    peerDependencies:
+      svelte: ^5.0.0
+
+  '@tanstack/svelte-query@6.1.13':
+    resolution: {integrity: sha512-A/BB9BuRoPSEJZqVUU5sqcAgi13XdfldlJtd8XmbwAXr/fxEMfpSEMYmIxLmUb/s9EVYRJi3bew9OjZddkx0cg==}
+    peerDependencies:
+      svelte: ^5.25.0
+
   '@tanstack/svelte-store@0.10.3':
     resolution: {integrity: sha512-9gM4mc+a42PQtydeFvq+BYqO1NYp85YocKFybV1mis9kCg8XbpwVfwbTkiiKDPdtnSMCc5nUqzcxmvvNJAVF8A==}
     peerDependencies:
       svelte: ^5.0.0
 
+  '@tanstack/svelte-virtual@3.13.23':
+    resolution: {integrity: sha512-kUFdKtevYPhuv9bN2/NhE8zCr6pO3lP2a4xYwyzwqvNZim0EMHdq9nKMFgS4rMHE9Iacdj4+PwMYDfRZ45a/+Q==}
+    peerDependencies:
+      svelte: ^3.48.0 || ^4.0.0 || ^5.0.0
+
   '@tanstack/typedoc-config@0.3.3':
     resolution: {integrity: sha512-wVT2YfKDSpd+4f7fk6UaPIP3a2J7LSovlyVuFF1PH2yQb7gjqehod5zdFiwFyEXgvI9XGuFvvs1OehkKNYcr6A==}
     engines: {node: '>=18'}
@@ -16991,6 +17635,8 @@ snapshots:
 
   '@tanstack/query-core@5.96.1': {}
 
+  '@tanstack/query-core@5.96.2': {}
+
   '@tanstack/react-devtools@0.10.1(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(solid-js@1.9.12)':
     dependencies:
       '@tanstack/devtools': 0.11.1(csstype@3.2.3)(solid-js@1.9.12)
@@ -17149,11 +17795,27 @@ snapshots:
 
   '@tanstack/store@0.9.3': {}
 
+  '@tanstack/svelte-form@1.28.6(svelte@5.55.1)':
+    dependencies:
+      '@tanstack/form-core': 1.28.6
+      '@tanstack/svelte-store': 0.10.3(svelte@5.55.1)
+      svelte: 5.55.1
+
+  '@tanstack/svelte-query@6.1.13(svelte@5.55.1)':
+    dependencies:
+      '@tanstack/query-core': 5.96.2
+      svelte: 5.55.1
+
   '@tanstack/svelte-store@0.10.3(svelte@5.55.1)':
     dependencies:
       '@tanstack/store': 0.9.3
       svelte: 5.55.1
 
+  '@tanstack/svelte-virtual@3.13.23(svelte@5.55.1)':
+    dependencies:
+      '@tanstack/virtual-core': 3.13.23
+      svelte: 5.55.1
+
   '@tanstack/typedoc-config@0.3.3(typescript@6.0.2)':
     dependencies:
       typedoc: 0.28.14(typescript@6.0.2)
diff --git a/scripts/config.js b/scripts/config.js
index 3a82c55b7f..c36d450dfe 100644
--- a/scripts/config.js
+++ b/scripts/config.js
@@ -40,10 +40,10 @@ export const packages = [
     name: '@tanstack/solid-table',
     packageDir: 'packages/solid-table',
   },
-  // {
-  //   name: '@tanstack/svelte-table',
-  //   packageDir: 'packages/svelte-table',
-  // },
+  {
+    name: '@tanstack/svelte-table',
+    packageDir: 'packages/svelte-table',
+  },
   {
     name: '@tanstack/vue-table',
     packageDir: 'packages/vue-table',

From 583f19bce31b46558c5d3d55c73c496d6cc409ce Mon Sep 17 00:00:00 2001
From: Kevin Van Cott <kevinvandy656@gmail.com>
Date: Tue, 7 Apr 2026 11:33:10 -0500
Subject: [PATCH 2/3] update lock file

---
 pnpm-lock.yaml | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1027577ffb..ad4ab1d734 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -4842,12 +4842,6 @@ importers:
       '@tanstack/solid-store':
         specifier: ^0.9.3
         version: 0.9.3(solid-js@1.9.12)
-      '@tanstack/solid-table':
-        specifier: workspace:*
-        version: link:../solid-table
-      '@tanstack/solid-virtual':
-        specifier: ^3.13.23
-        version: 3.13.23(solid-js@1.9.12)
       '@tanstack/table-core':
         specifier: workspace:*
         version: link:../table-core

From ad4a12af3d681c108ab2a0b1851ea9dbbdff87b0 Mon Sep 17 00:00:00 2001
From: Kevin Van Cott <kevinvandy656@gmail.com>
Date: Tue, 7 Apr 2026 11:53:27 -0500
Subject: [PATCH 3/3] fix sherif issues

---
 examples/angular/remote-data/package.json     |    2 +-
 examples/lit/basic/package.json               |    2 +-
 examples/lit/column-sizing/package.json       |    2 +-
 examples/lit/filters/package.json             |    2 +-
 examples/lit/row-selection/package.json       |    2 +-
 .../lit/sorting-dynamic-data/package.json     |    2 +-
 examples/lit/sorting/package.json             |    2 +-
 examples/lit/virtualized-rows/package.json    |    2 +-
 examples/preact/basic/package.json            |    4 +-
 examples/preact/sorting/package.json          |    4 +-
 .../react/basic-external-state/package.json   |    2 +-
 .../react/basic-external-store/package.json   |    2 +-
 examples/react/basic-shadcn/package.json      |    2 +-
 .../react/basic-use-app-table/package.json    |    2 +-
 .../react/basic-use-legacy-table/package.json |    2 +-
 examples/react/basic-use-table/package.json   |    2 +-
 examples/react/column-dnd/package.json        |    2 +-
 examples/react/column-groups/package.json     |    2 +-
 examples/react/column-ordering/package.json   |    2 +-
 .../react/column-pinning-split/package.json   |    2 +-
 .../react/column-pinning-sticky/package.json  |    2 +-
 examples/react/column-pinning/package.json    |    2 +-
 .../column-resizing-performant/package.json   |    2 +-
 examples/react/column-resizing/package.json   |    2 +-
 examples/react/column-sizing/package.json     |    2 +-
 examples/react/column-visibility/package.json |    2 +-
 examples/react/composable-tables/package.json |    2 +-
 examples/react/custom-plugin/package.json     |    2 +-
 examples/react/expanding/package.json         |    2 +-
 examples/react/filters-faceted/package.json   |    2 +-
 examples/react/filters-fuzzy/package.json     |    2 +-
 examples/react/filters/package.json           |    2 +-
 examples/react/grouping/package.json          |    2 +-
 .../react/kitchen-sink-shadcn/package.json    |    2 +-
 examples/react/pagination/package.json        |    2 +-
 examples/react/row-dnd/package.json           |    2 +-
 examples/react/row-pinning/package.json       |    2 +-
 examples/react/row-selection/package.json     |    2 +-
 examples/react/sorting/package.json           |    2 +-
 examples/react/sub-components/package.json    |    2 +-
 .../package.json                              |    2 +-
 .../react/virtualized-columns/package.json    |    2 +-
 .../package.json                              |    4 +-
 .../package.json                              |    2 +-
 examples/react/virtualized-rows/package.json  |    2 +-
 .../react/with-tanstack-form/package.json     |    2 +-
 .../react/with-tanstack-query/package.json    |    4 +-
 .../react/with-tanstack-router/package.json   |    4 +-
 examples/solid/basic-app-table/package.json   |    4 +-
 .../solid/basic-external-state/package.json   |    4 +-
 .../solid/basic-external-store/package.json   |    4 +-
 examples/solid/basic-use-table/package.json   |    4 +-
 examples/solid/column-groups/package.json     |    4 +-
 examples/solid/column-ordering/package.json   |    4 +-
 .../solid/column-pinning-split/package.json   |    4 +-
 .../solid/column-pinning-sticky/package.json  |    4 +-
 examples/solid/column-pinning/package.json    |    4 +-
 .../column-resizing-performant/package.json   |    4 +-
 examples/solid/column-resizing/package.json   |    4 +-
 examples/solid/column-sizing/package.json     |    4 +-
 examples/solid/column-visibility/package.json |    4 +-
 examples/solid/composable-tables/package.json |    4 +-
 examples/solid/expanding/package.json         |    4 +-
 examples/solid/filters-faceted/package.json   |    4 +-
 examples/solid/filters-fuzzy/package.json     |    6 +-
 examples/solid/filters/package.json           |    4 +-
 examples/solid/grouping/package.json          |    4 +-
 examples/solid/pagination/package.json        |    4 +-
 examples/solid/row-pinning/package.json       |    4 +-
 examples/solid/row-selection/package.json     |    4 +-
 examples/solid/sorting/package.json           |    4 +-
 examples/solid/sub-components/package.json    |    4 +-
 .../solid/virtualized-columns/package.json    |    6 +-
 .../package.json                              |    8 +-
 examples/solid/virtualized-rows/package.json  |    6 +-
 .../solid/with-tanstack-form/package.json     |    4 +-
 .../solid/with-tanstack-query/package.json    |    6 +-
 .../solid/with-tanstack-router/package.json   |    6 +-
 examples/svelte/basic-app-table/package.json  |    2 +-
 .../svelte/basic-create-table/package.json    |    2 +-
 .../svelte/basic-external-state/package.json  |    2 +-
 .../svelte/basic-external-store/package.json  |    2 +-
 examples/svelte/basic-snippets/package.json   |    2 +-
 examples/svelte/column-groups/package.json    |    2 +-
 examples/svelte/column-ordering/package.json  |    2 +-
 .../svelte/column-pinning-split/package.json  |    2 +-
 .../svelte/column-pinning-sticky/package.json |    2 +-
 examples/svelte/column-pinning/package.json   |    2 +-
 .../column-resizing-performant/package.json   |    2 +-
 examples/svelte/column-resizing/package.json  |    2 +-
 examples/svelte/column-sizing/package.json    |    2 +-
 .../svelte/column-visibility/package.json     |    2 +-
 .../svelte/composable-tables/package.json     |    2 +-
 examples/svelte/expanding/package.json        |    2 +-
 examples/svelte/filtering/package.json        |    2 +-
 examples/svelte/filters-faceted/package.json  |    2 +-
 examples/svelte/filters-fuzzy/package.json    |    2 +-
 examples/svelte/grouping/package.json         |    2 +-
 examples/svelte/pagination/package.json       |    2 +-
 examples/svelte/row-pinning/package.json      |    2 +-
 examples/svelte/row-selection/package.json    |    2 +-
 examples/svelte/sorting/package.json          |    2 +-
 examples/svelte/sub-components/package.json   |    2 +-
 .../svelte/virtualized-columns/package.json   |    2 +-
 .../package.json                              |    2 +-
 examples/svelte/virtualized-rows/package.json |    2 +-
 .../svelte/with-tanstack-form/package.json    |    8 +-
 .../svelte/with-tanstack-query/package.json   |    2 +-
 examples/vanilla/basic/package.json           |    4 +-
 examples/vanilla/pagination/package.json      |    4 +-
 examples/vanilla/sorting/package.json         |    4 +-
 examples/vue/basic-use-app-table/package.json |    6 +-
 examples/vue/basic/package.json               |    6 +-
 examples/vue/column-ordering/package.json     |    6 +-
 examples/vue/column-pinning/package.json      |    6 +-
 examples/vue/composable-tables/package.json   |    6 +-
 examples/vue/filters/package.json             |    6 +-
 .../vue/pagination-controlled/package.json    |    6 +-
 examples/vue/pagination/package.json          |    6 +-
 examples/vue/row-selection/package.json       |    6 +-
 examples/vue/sorting/package.json             |    6 +-
 examples/vue/sub-components/package.json      |    6 +-
 examples/vue/virtualized-rows/package.json    |    6 +-
 package.json                                  |   12 +-
 packages/angular-table/package.json           |    4 +-
 packages/preact-table/package.json            |    2 +-
 packages/react-table-devtools/package.json    |    2 +-
 packages/react-table/package.json             |    2 +-
 packages/solid-table-devtools/package.json    |    2 +-
 packages/solid-table/package.json             |    2 +-
 packages/svelte-table/package.json            |    2 +-
 packages/table-devtools/package.json          |    2 +-
 packages/vue-table/package.json               |    2 +-
 pnpm-lock.yaml                                | 2476 +++++++++--------
 134 files changed, 1540 insertions(+), 1358 deletions(-)

diff --git a/examples/angular/remote-data/package.json b/examples/angular/remote-data/package.json
index 6173621ca8..b1c560407e 100644
--- a/examples/angular/remote-data/package.json
+++ b/examples/angular/remote-data/package.json
@@ -31,7 +31,7 @@
     "@angular/cli": "^21.2.6",
     "@angular/compiler-cli": "^21.2.7",
     "@types/express": "^5.0.6",
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.5.2",
     "tslib": "^2.8.1",
     "typescript": "6.0.2"
   }
diff --git a/examples/lit/basic/package.json b/examples/lit/basic/package.json
index b5514f75bd..a00241ae43 100644
--- a/examples/lit/basic/package.json
+++ b/examples/lit/basic/package.json
@@ -20,6 +20,6 @@
   "devDependencies": {
     "@rollup/plugin-replace": "^6.0.3",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/lit/column-sizing/package.json b/examples/lit/column-sizing/package.json
index e0021733c6..23a9a86feb 100644
--- a/examples/lit/column-sizing/package.json
+++ b/examples/lit/column-sizing/package.json
@@ -17,6 +17,6 @@
   "devDependencies": {
     "@rollup/plugin-replace": "^6.0.3",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/lit/filters/package.json b/examples/lit/filters/package.json
index ab78c3430d..03b99607a0 100644
--- a/examples/lit/filters/package.json
+++ b/examples/lit/filters/package.json
@@ -17,6 +17,6 @@
   "devDependencies": {
     "@rollup/plugin-replace": "^6.0.3",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/lit/row-selection/package.json b/examples/lit/row-selection/package.json
index 6f6f0b6394..b398cf50b9 100644
--- a/examples/lit/row-selection/package.json
+++ b/examples/lit/row-selection/package.json
@@ -17,6 +17,6 @@
   "devDependencies": {
     "@rollup/plugin-replace": "^6.0.3",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/lit/sorting-dynamic-data/package.json b/examples/lit/sorting-dynamic-data/package.json
index 0e23906a7a..edc3f6535d 100644
--- a/examples/lit/sorting-dynamic-data/package.json
+++ b/examples/lit/sorting-dynamic-data/package.json
@@ -16,6 +16,6 @@
   "devDependencies": {
     "@rollup/plugin-replace": "^6.0.3",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/lit/sorting/package.json b/examples/lit/sorting/package.json
index b504a49f62..0634b5fea8 100644
--- a/examples/lit/sorting/package.json
+++ b/examples/lit/sorting/package.json
@@ -17,6 +17,6 @@
   "devDependencies": {
     "@rollup/plugin-replace": "^6.0.3",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/lit/virtualized-rows/package.json b/examples/lit/virtualized-rows/package.json
index 026297bbcc..0a57175050 100644
--- a/examples/lit/virtualized-rows/package.json
+++ b/examples/lit/virtualized-rows/package.json
@@ -18,6 +18,6 @@
   "devDependencies": {
     "@rollup/plugin-replace": "^6.0.3",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/preact/basic/package.json b/examples/preact/basic/package.json
index ceeff84f96..8e64c458f3 100644
--- a/examples/preact/basic/package.json
+++ b/examples/preact/basic/package.json
@@ -12,11 +12,11 @@
   },
   "dependencies": {
     "@tanstack/preact-table": "^9.0.0-alpha.23",
-    "preact": "^10.29.0"
+    "preact": "^10.29.1"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.10.5",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/preact/sorting/package.json b/examples/preact/sorting/package.json
index 333effdb80..58b701072c 100644
--- a/examples/preact/sorting/package.json
+++ b/examples/preact/sorting/package.json
@@ -13,11 +13,11 @@
   "dependencies": {
     "@faker-js/faker": "^10.4.0",
     "@tanstack/preact-table": "^9.0.0-alpha.23",
-    "preact": "^10.29.0"
+    "preact": "^10.29.1"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.10.5",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/basic-external-state/package.json b/examples/react/basic-external-state/package.json
index a6a53b7634..e2f716ef97 100644
--- a/examples/react/basic-external-state/package.json
+++ b/examples/react/basic-external-state/package.json
@@ -23,6 +23,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/basic-external-store/package.json b/examples/react/basic-external-store/package.json
index 316184d1ae..73e9b98dde 100644
--- a/examples/react/basic-external-store/package.json
+++ b/examples/react/basic-external-store/package.json
@@ -23,6 +23,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/basic-shadcn/package.json b/examples/react/basic-shadcn/package.json
index 8595c2fc0e..d745112da0 100644
--- a/examples/react/basic-shadcn/package.json
+++ b/examples/react/basic-shadcn/package.json
@@ -30,6 +30,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/basic-use-app-table/package.json b/examples/react/basic-use-app-table/package.json
index 470dbe3af9..a245a892b7 100644
--- a/examples/react/basic-use-app-table/package.json
+++ b/examples/react/basic-use-app-table/package.json
@@ -21,6 +21,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/basic-use-legacy-table/package.json b/examples/react/basic-use-legacy-table/package.json
index a4daeb5e0a..b389dc733b 100644
--- a/examples/react/basic-use-legacy-table/package.json
+++ b/examples/react/basic-use-legacy-table/package.json
@@ -22,6 +22,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/basic-use-table/package.json b/examples/react/basic-use-table/package.json
index c68dc7ff9d..e7febe2b8d 100644
--- a/examples/react/basic-use-table/package.json
+++ b/examples/react/basic-use-table/package.json
@@ -21,6 +21,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/column-dnd/package.json b/examples/react/column-dnd/package.json
index 86b6c4f9b8..3c9a930c6b 100644
--- a/examples/react/column-dnd/package.json
+++ b/examples/react/column-dnd/package.json
@@ -26,6 +26,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/column-groups/package.json b/examples/react/column-groups/package.json
index 07cf34c42f..bf49a7147e 100644
--- a/examples/react/column-groups/package.json
+++ b/examples/react/column-groups/package.json
@@ -21,6 +21,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/column-ordering/package.json b/examples/react/column-ordering/package.json
index 23f3b8c70a..e916e4973c 100644
--- a/examples/react/column-ordering/package.json
+++ b/examples/react/column-ordering/package.json
@@ -22,6 +22,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/column-pinning-split/package.json b/examples/react/column-pinning-split/package.json
index adcae78e03..49964f441b 100644
--- a/examples/react/column-pinning-split/package.json
+++ b/examples/react/column-pinning-split/package.json
@@ -22,6 +22,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/column-pinning-sticky/package.json b/examples/react/column-pinning-sticky/package.json
index aa6570adb4..ca5c76c7a8 100644
--- a/examples/react/column-pinning-sticky/package.json
+++ b/examples/react/column-pinning-sticky/package.json
@@ -22,6 +22,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/column-pinning/package.json b/examples/react/column-pinning/package.json
index 1fe201c3c5..db457e979c 100644
--- a/examples/react/column-pinning/package.json
+++ b/examples/react/column-pinning/package.json
@@ -22,6 +22,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/column-resizing-performant/package.json b/examples/react/column-resizing-performant/package.json
index 1b026cf115..064029d283 100644
--- a/examples/react/column-resizing-performant/package.json
+++ b/examples/react/column-resizing-performant/package.json
@@ -22,6 +22,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/column-resizing/package.json b/examples/react/column-resizing/package.json
index 23fb2068d7..4fc1e86f10 100644
--- a/examples/react/column-resizing/package.json
+++ b/examples/react/column-resizing/package.json
@@ -21,6 +21,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/column-sizing/package.json b/examples/react/column-sizing/package.json
index aaa9fec833..700a1d0c4c 100644
--- a/examples/react/column-sizing/package.json
+++ b/examples/react/column-sizing/package.json
@@ -21,6 +21,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/column-visibility/package.json b/examples/react/column-visibility/package.json
index 0a3a7b3fb6..d9eda97878 100644
--- a/examples/react/column-visibility/package.json
+++ b/examples/react/column-visibility/package.json
@@ -21,6 +21,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/composable-tables/package.json b/examples/react/composable-tables/package.json
index 64e281057d..f50a6da20b 100644
--- a/examples/react/composable-tables/package.json
+++ b/examples/react/composable-tables/package.json
@@ -23,6 +23,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/custom-plugin/package.json b/examples/react/custom-plugin/package.json
index ae4743c2da..f926988be4 100644
--- a/examples/react/custom-plugin/package.json
+++ b/examples/react/custom-plugin/package.json
@@ -22,6 +22,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/expanding/package.json b/examples/react/expanding/package.json
index 3203373d10..6cd1155fa7 100644
--- a/examples/react/expanding/package.json
+++ b/examples/react/expanding/package.json
@@ -22,6 +22,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/filters-faceted/package.json b/examples/react/filters-faceted/package.json
index 8b4bf9ff1e..1d03deb132 100644
--- a/examples/react/filters-faceted/package.json
+++ b/examples/react/filters-faceted/package.json
@@ -23,6 +23,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/filters-fuzzy/package.json b/examples/react/filters-fuzzy/package.json
index d8b55ddb2e..e3c89847b3 100644
--- a/examples/react/filters-fuzzy/package.json
+++ b/examples/react/filters-fuzzy/package.json
@@ -23,6 +23,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/filters/package.json b/examples/react/filters/package.json
index 3d04736927..d8b2507aa6 100644
--- a/examples/react/filters/package.json
+++ b/examples/react/filters/package.json
@@ -23,6 +23,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/grouping/package.json b/examples/react/grouping/package.json
index 7afc6cf25c..f09d74865f 100644
--- a/examples/react/grouping/package.json
+++ b/examples/react/grouping/package.json
@@ -22,6 +22,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/kitchen-sink-shadcn/package.json b/examples/react/kitchen-sink-shadcn/package.json
index ea5b5b1c7e..ea88163e8b 100644
--- a/examples/react/kitchen-sink-shadcn/package.json
+++ b/examples/react/kitchen-sink-shadcn/package.json
@@ -45,6 +45,6 @@
     "@vitejs/plugin-react": "^6.0.1",
     "tailwindcss": "^4.2.2",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/pagination/package.json b/examples/react/pagination/package.json
index 28dbd4662f..d81b71128d 100644
--- a/examples/react/pagination/package.json
+++ b/examples/react/pagination/package.json
@@ -23,6 +23,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/row-dnd/package.json b/examples/react/row-dnd/package.json
index 3a9ffb6372..ff66d2ca4c 100644
--- a/examples/react/row-dnd/package.json
+++ b/examples/react/row-dnd/package.json
@@ -26,6 +26,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/row-pinning/package.json b/examples/react/row-pinning/package.json
index 794b6698e4..8062047a84 100644
--- a/examples/react/row-pinning/package.json
+++ b/examples/react/row-pinning/package.json
@@ -22,6 +22,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/row-selection/package.json b/examples/react/row-selection/package.json
index 15e58105cb..44d5443cd0 100644
--- a/examples/react/row-selection/package.json
+++ b/examples/react/row-selection/package.json
@@ -25,6 +25,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/sorting/package.json b/examples/react/sorting/package.json
index f759f1ed94..3cecc826d7 100644
--- a/examples/react/sorting/package.json
+++ b/examples/react/sorting/package.json
@@ -22,6 +22,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/sub-components/package.json b/examples/react/sub-components/package.json
index be7f354bc3..f201e46724 100644
--- a/examples/react/sub-components/package.json
+++ b/examples/react/sub-components/package.json
@@ -22,6 +22,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/virtualized-columns-experimental/package.json b/examples/react/virtualized-columns-experimental/package.json
index 18490bcb0c..a7a74042bb 100644
--- a/examples/react/virtualized-columns-experimental/package.json
+++ b/examples/react/virtualized-columns-experimental/package.json
@@ -22,6 +22,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/virtualized-columns/package.json b/examples/react/virtualized-columns/package.json
index 50fe6bc810..f9532f9647 100644
--- a/examples/react/virtualized-columns/package.json
+++ b/examples/react/virtualized-columns/package.json
@@ -23,6 +23,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/virtualized-infinite-scrolling/package.json b/examples/react/virtualized-infinite-scrolling/package.json
index abd406b7c3..1b40876d81 100644
--- a/examples/react/virtualized-infinite-scrolling/package.json
+++ b/examples/react/virtualized-infinite-scrolling/package.json
@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@faker-js/faker": "^10.4.0",
-    "@tanstack/react-query": "^5.96.1",
+    "@tanstack/react-query": "^5.96.2",
     "@tanstack/react-table": "^9.0.0-alpha.23",
     "@tanstack/react-virtual": "^3.13.23",
     "react": "^19.2.4",
@@ -24,6 +24,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/virtualized-rows-experimental/package.json b/examples/react/virtualized-rows-experimental/package.json
index e8ade7767b..a093949c79 100644
--- a/examples/react/virtualized-rows-experimental/package.json
+++ b/examples/react/virtualized-rows-experimental/package.json
@@ -22,6 +22,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/virtualized-rows/package.json b/examples/react/virtualized-rows/package.json
index c8751c01fb..4844523ffe 100644
--- a/examples/react/virtualized-rows/package.json
+++ b/examples/react/virtualized-rows/package.json
@@ -23,6 +23,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/with-tanstack-form/package.json b/examples/react/with-tanstack-form/package.json
index 0f825254ce..57e735eb90 100644
--- a/examples/react/with-tanstack-form/package.json
+++ b/examples/react/with-tanstack-form/package.json
@@ -24,6 +24,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/with-tanstack-query/package.json b/examples/react/with-tanstack-query/package.json
index b5521cd718..fe28e6d55c 100644
--- a/examples/react/with-tanstack-query/package.json
+++ b/examples/react/with-tanstack-query/package.json
@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@faker-js/faker": "^10.4.0",
-    "@tanstack/react-query": "^5.96.1",
+    "@tanstack/react-query": "^5.96.2",
     "@tanstack/react-store": "^0.9.3",
     "@tanstack/react-table": "^9.0.0-alpha.23",
     "react": "^19.2.4",
@@ -24,6 +24,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/react/with-tanstack-router/package.json b/examples/react/with-tanstack-router/package.json
index 092ae030a9..002735c56c 100644
--- a/examples/react/with-tanstack-router/package.json
+++ b/examples/react/with-tanstack-router/package.json
@@ -11,7 +11,7 @@
     "test:types": "tsc"
   },
   "dependencies": {
-    "@tanstack/react-query": "^5.96.1",
+    "@tanstack/react-query": "^5.96.2",
     "@tanstack/react-router": "^1.168.10",
     "@tanstack/react-table": "^9.0.0-alpha.23",
     "react": "^19.2.4",
@@ -25,6 +25,6 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/solid/basic-app-table/package.json b/examples/solid/basic-app-table/package.json
index 6eb09eb48a..f84efac73a 100644
--- a/examples/solid/basic-app-table/package.json
+++ b/examples/solid/basic-app-table/package.json
@@ -12,8 +12,8 @@
   "license": "MIT",
   "devDependencies": {
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-table": "^9.0.0-alpha.10",
diff --git a/examples/solid/basic-external-state/package.json b/examples/solid/basic-external-state/package.json
index b6ba3c1137..d961003e78 100644
--- a/examples/solid/basic-external-state/package.json
+++ b/examples/solid/basic-external-state/package.json
@@ -13,8 +13,8 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-table": "^9.0.0-alpha.10",
diff --git a/examples/solid/basic-external-store/package.json b/examples/solid/basic-external-store/package.json
index 7e03b28b3f..2c3be2f1f9 100644
--- a/examples/solid/basic-external-store/package.json
+++ b/examples/solid/basic-external-store/package.json
@@ -13,8 +13,8 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-table": "^9.0.0-alpha.10",
diff --git a/examples/solid/basic-use-table/package.json b/examples/solid/basic-use-table/package.json
index 2e0885bfaa..df13f097a7 100644
--- a/examples/solid/basic-use-table/package.json
+++ b/examples/solid/basic-use-table/package.json
@@ -12,8 +12,8 @@
   "license": "MIT",
   "devDependencies": {
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-table": "^9.0.0-alpha.10",
diff --git a/examples/solid/column-groups/package.json b/examples/solid/column-groups/package.json
index c296b1e9fb..02576b5715 100644
--- a/examples/solid/column-groups/package.json
+++ b/examples/solid/column-groups/package.json
@@ -12,8 +12,8 @@
   "license": "MIT",
   "devDependencies": {
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-table": "^9.0.0-alpha.10",
diff --git a/examples/solid/column-ordering/package.json b/examples/solid/column-ordering/package.json
index 7d4617bd40..e5455e8291 100644
--- a/examples/solid/column-ordering/package.json
+++ b/examples/solid/column-ordering/package.json
@@ -13,8 +13,8 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-table": "^9.0.0-alpha.10",
diff --git a/examples/solid/column-pinning-split/package.json b/examples/solid/column-pinning-split/package.json
index ebffd5306b..0af477e68d 100644
--- a/examples/solid/column-pinning-split/package.json
+++ b/examples/solid/column-pinning-split/package.json
@@ -13,8 +13,8 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-table": "^9.0.0-alpha.10",
diff --git a/examples/solid/column-pinning-sticky/package.json b/examples/solid/column-pinning-sticky/package.json
index ef71d178da..7fffdb8d39 100644
--- a/examples/solid/column-pinning-sticky/package.json
+++ b/examples/solid/column-pinning-sticky/package.json
@@ -13,8 +13,8 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-table": "^9.0.0-alpha.10",
diff --git a/examples/solid/column-pinning/package.json b/examples/solid/column-pinning/package.json
index 9b1371da4e..0d984a87c8 100644
--- a/examples/solid/column-pinning/package.json
+++ b/examples/solid/column-pinning/package.json
@@ -13,8 +13,8 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-table": "^9.0.0-alpha.10",
diff --git a/examples/solid/column-resizing-performant/package.json b/examples/solid/column-resizing-performant/package.json
index 62f57538f2..4d12652ee1 100644
--- a/examples/solid/column-resizing-performant/package.json
+++ b/examples/solid/column-resizing-performant/package.json
@@ -13,8 +13,8 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-table": "^9.0.0-alpha.10",
diff --git a/examples/solid/column-resizing/package.json b/examples/solid/column-resizing/package.json
index 89ef909f29..21c3e409ed 100644
--- a/examples/solid/column-resizing/package.json
+++ b/examples/solid/column-resizing/package.json
@@ -12,8 +12,8 @@
   "license": "MIT",
   "devDependencies": {
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-table": "^9.0.0-alpha.10",
diff --git a/examples/solid/column-sizing/package.json b/examples/solid/column-sizing/package.json
index 8e60005bae..56afff48a5 100644
--- a/examples/solid/column-sizing/package.json
+++ b/examples/solid/column-sizing/package.json
@@ -12,8 +12,8 @@
   "license": "MIT",
   "devDependencies": {
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-table": "^9.0.0-alpha.10",
diff --git a/examples/solid/column-visibility/package.json b/examples/solid/column-visibility/package.json
index 8574b09ea9..400a72d1b3 100644
--- a/examples/solid/column-visibility/package.json
+++ b/examples/solid/column-visibility/package.json
@@ -12,8 +12,8 @@
   "license": "MIT",
   "devDependencies": {
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-table": "^9.0.0-alpha.10",
diff --git a/examples/solid/composable-tables/package.json b/examples/solid/composable-tables/package.json
index b9e45fb100..2be82ff501 100644
--- a/examples/solid/composable-tables/package.json
+++ b/examples/solid/composable-tables/package.json
@@ -12,8 +12,8 @@
   "license": "MIT",
   "devDependencies": {
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-table": "^9.0.0-alpha.10",
diff --git a/examples/solid/expanding/package.json b/examples/solid/expanding/package.json
index 4db97aab1b..3d41f689f4 100644
--- a/examples/solid/expanding/package.json
+++ b/examples/solid/expanding/package.json
@@ -13,8 +13,8 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-table": "^9.0.0-alpha.10",
diff --git a/examples/solid/filters-faceted/package.json b/examples/solid/filters-faceted/package.json
index e79034d0b1..8ae31a84f9 100644
--- a/examples/solid/filters-faceted/package.json
+++ b/examples/solid/filters-faceted/package.json
@@ -13,8 +13,8 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@solid-primitives/scheduled": "^1.5.3",
diff --git a/examples/solid/filters-fuzzy/package.json b/examples/solid/filters-fuzzy/package.json
index dce9a3c3a9..61f1c9074d 100644
--- a/examples/solid/filters-fuzzy/package.json
+++ b/examples/solid/filters-fuzzy/package.json
@@ -13,11 +13,11 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
-    "@tanstack/match-sorter-utils": "^8.19.4",
+    "@tanstack/match-sorter-utils": "^9.0.0-alpha.4",
     "@tanstack/solid-table": "^9.0.0-alpha.10",
     "solid-js": "^1.9.12"
   }
diff --git a/examples/solid/filters/package.json b/examples/solid/filters/package.json
index 5c2fef522c..1dfe73929c 100644
--- a/examples/solid/filters/package.json
+++ b/examples/solid/filters/package.json
@@ -13,8 +13,8 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@solid-primitives/scheduled": "^1.5.3",
diff --git a/examples/solid/grouping/package.json b/examples/solid/grouping/package.json
index 2506310a22..bb900fa96b 100644
--- a/examples/solid/grouping/package.json
+++ b/examples/solid/grouping/package.json
@@ -13,8 +13,8 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-table": "^9.0.0-alpha.10",
diff --git a/examples/solid/pagination/package.json b/examples/solid/pagination/package.json
index 1fbd3b2cbe..160b9fcb0f 100644
--- a/examples/solid/pagination/package.json
+++ b/examples/solid/pagination/package.json
@@ -13,8 +13,8 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-table": "^9.0.0-alpha.10",
diff --git a/examples/solid/row-pinning/package.json b/examples/solid/row-pinning/package.json
index 67b1570f93..a70dc88ceb 100644
--- a/examples/solid/row-pinning/package.json
+++ b/examples/solid/row-pinning/package.json
@@ -13,8 +13,8 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-table": "^9.0.0-alpha.10",
diff --git a/examples/solid/row-selection/package.json b/examples/solid/row-selection/package.json
index ef76ef8b48..a43ae28a86 100644
--- a/examples/solid/row-selection/package.json
+++ b/examples/solid/row-selection/package.json
@@ -13,8 +13,8 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-devtools": "^0.8.1",
diff --git a/examples/solid/sorting/package.json b/examples/solid/sorting/package.json
index d8ea4cc47a..2f7d5da114 100644
--- a/examples/solid/sorting/package.json
+++ b/examples/solid/sorting/package.json
@@ -13,8 +13,8 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-table": "^9.0.0-alpha.10",
diff --git a/examples/solid/sub-components/package.json b/examples/solid/sub-components/package.json
index 2d993b87ac..6c2bc65a1f 100644
--- a/examples/solid/sub-components/package.json
+++ b/examples/solid/sub-components/package.json
@@ -13,8 +13,8 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-table": "^9.0.0-alpha.10",
diff --git a/examples/solid/virtualized-columns/package.json b/examples/solid/virtualized-columns/package.json
index f12ae01653..b1fc895624 100644
--- a/examples/solid/virtualized-columns/package.json
+++ b/examples/solid/virtualized-columns/package.json
@@ -13,12 +13,12 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-table": "^9.0.0-alpha.10",
-    "@tanstack/solid-virtual": "^3.13.13",
+    "@tanstack/solid-virtual": "^3.13.23",
     "solid-js": "^1.9.12"
   }
 }
diff --git a/examples/solid/virtualized-infinite-scrolling/package.json b/examples/solid/virtualized-infinite-scrolling/package.json
index 2fc2cfc672..d9943e6482 100644
--- a/examples/solid/virtualized-infinite-scrolling/package.json
+++ b/examples/solid/virtualized-infinite-scrolling/package.json
@@ -13,14 +13,14 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
-    "@tanstack/solid-query": "^5.96.1",
+    "@tanstack/solid-query": "^5.96.2",
     "@tanstack/solid-store": "^0.9.3",
     "@tanstack/solid-table": "^9.0.0-alpha.10",
-    "@tanstack/solid-virtual": "^3.13.13",
+    "@tanstack/solid-virtual": "^3.13.23",
     "solid-js": "^1.9.12"
   }
 }
diff --git a/examples/solid/virtualized-rows/package.json b/examples/solid/virtualized-rows/package.json
index a072724559..6310af4cb2 100644
--- a/examples/solid/virtualized-rows/package.json
+++ b/examples/solid/virtualized-rows/package.json
@@ -13,12 +13,12 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-table": "^9.0.0-alpha.10",
-    "@tanstack/solid-virtual": "^3.13.13",
+    "@tanstack/solid-virtual": "^3.13.23",
     "solid-js": "^1.9.12"
   }
 }
diff --git a/examples/solid/with-tanstack-form/package.json b/examples/solid/with-tanstack-form/package.json
index 72afa12363..1df9d6bb58 100644
--- a/examples/solid/with-tanstack-form/package.json
+++ b/examples/solid/with-tanstack-form/package.json
@@ -13,8 +13,8 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
     "@tanstack/solid-form": "^1.28.6",
diff --git a/examples/solid/with-tanstack-query/package.json b/examples/solid/with-tanstack-query/package.json
index a45cfc66e8..89642aa921 100644
--- a/examples/solid/with-tanstack-query/package.json
+++ b/examples/solid/with-tanstack-query/package.json
@@ -13,11 +13,11 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
-    "@tanstack/solid-query": "^5.96.1",
+    "@tanstack/solid-query": "^5.96.2",
     "@tanstack/solid-store": "^0.9.3",
     "@tanstack/solid-table": "^9.0.0-alpha.10",
     "solid-js": "^1.9.12"
diff --git a/examples/solid/with-tanstack-router/package.json b/examples/solid/with-tanstack-router/package.json
index 370e76b112..1bc44db512 100644
--- a/examples/solid/with-tanstack-router/package.json
+++ b/examples/solid/with-tanstack-router/package.json
@@ -14,11 +14,11 @@
     "@faker-js/faker": "^10.4.0",
     "@tanstack/router-vite-plugin": "^1.166.27",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vite-plugin-solid": "^2.11.11"
+    "vite": "^8.0.7",
+    "vite-plugin-solid": "^2.11.12"
   },
   "dependencies": {
-    "@tanstack/solid-query": "^5.96.1",
+    "@tanstack/solid-query": "^5.96.2",
     "@tanstack/solid-router": "^1.168.9",
     "@tanstack/solid-table": "^9.0.0-alpha.10",
     "solid-js": "^1.9.12"
diff --git a/examples/svelte/basic-app-table/package.json b/examples/svelte/basic-app-table/package.json
index 183b91e671..76fcb02ea6 100644
--- a/examples/svelte/basic-app-table/package.json
+++ b/examples/svelte/basic-app-table/package.json
@@ -18,6 +18,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/basic-create-table/package.json b/examples/svelte/basic-create-table/package.json
index 0856ef3fad..3c8945846c 100644
--- a/examples/svelte/basic-create-table/package.json
+++ b/examples/svelte/basic-create-table/package.json
@@ -18,6 +18,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/basic-external-state/package.json b/examples/svelte/basic-external-state/package.json
index ceb3a231b8..1cae72570b 100644
--- a/examples/svelte/basic-external-state/package.json
+++ b/examples/svelte/basic-external-state/package.json
@@ -19,6 +19,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/basic-external-store/package.json b/examples/svelte/basic-external-store/package.json
index 16084910d9..47e123deae 100644
--- a/examples/svelte/basic-external-store/package.json
+++ b/examples/svelte/basic-external-store/package.json
@@ -19,6 +19,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/basic-snippets/package.json b/examples/svelte/basic-snippets/package.json
index cf492807da..016c5c536c 100644
--- a/examples/svelte/basic-snippets/package.json
+++ b/examples/svelte/basic-snippets/package.json
@@ -18,6 +18,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/column-groups/package.json b/examples/svelte/column-groups/package.json
index ce9251d978..438a838515 100644
--- a/examples/svelte/column-groups/package.json
+++ b/examples/svelte/column-groups/package.json
@@ -18,6 +18,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/column-ordering/package.json b/examples/svelte/column-ordering/package.json
index b6045aa542..893346c790 100644
--- a/examples/svelte/column-ordering/package.json
+++ b/examples/svelte/column-ordering/package.json
@@ -19,6 +19,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/column-pinning-split/package.json b/examples/svelte/column-pinning-split/package.json
index b7b3773896..31ce8afcbc 100644
--- a/examples/svelte/column-pinning-split/package.json
+++ b/examples/svelte/column-pinning-split/package.json
@@ -19,6 +19,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/column-pinning-sticky/package.json b/examples/svelte/column-pinning-sticky/package.json
index 6660dd8069..bbd3ac74a9 100644
--- a/examples/svelte/column-pinning-sticky/package.json
+++ b/examples/svelte/column-pinning-sticky/package.json
@@ -19,6 +19,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/column-pinning/package.json b/examples/svelte/column-pinning/package.json
index da505200cb..894ecc546d 100644
--- a/examples/svelte/column-pinning/package.json
+++ b/examples/svelte/column-pinning/package.json
@@ -19,6 +19,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/column-resizing-performant/package.json b/examples/svelte/column-resizing-performant/package.json
index 3aaa534c17..82a3930f1b 100644
--- a/examples/svelte/column-resizing-performant/package.json
+++ b/examples/svelte/column-resizing-performant/package.json
@@ -19,6 +19,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/column-resizing/package.json b/examples/svelte/column-resizing/package.json
index 5a67e27942..7b570eec44 100644
--- a/examples/svelte/column-resizing/package.json
+++ b/examples/svelte/column-resizing/package.json
@@ -18,6 +18,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/column-sizing/package.json b/examples/svelte/column-sizing/package.json
index a48f8c8649..3d257a2bfe 100644
--- a/examples/svelte/column-sizing/package.json
+++ b/examples/svelte/column-sizing/package.json
@@ -18,6 +18,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/column-visibility/package.json b/examples/svelte/column-visibility/package.json
index 6ea60bdea0..f970c99b35 100644
--- a/examples/svelte/column-visibility/package.json
+++ b/examples/svelte/column-visibility/package.json
@@ -18,6 +18,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/composable-tables/package.json b/examples/svelte/composable-tables/package.json
index 150095a24c..4149a36446 100644
--- a/examples/svelte/composable-tables/package.json
+++ b/examples/svelte/composable-tables/package.json
@@ -19,6 +19,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/expanding/package.json b/examples/svelte/expanding/package.json
index 53b1263fbc..e933bb2b71 100644
--- a/examples/svelte/expanding/package.json
+++ b/examples/svelte/expanding/package.json
@@ -19,6 +19,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/filtering/package.json b/examples/svelte/filtering/package.json
index df28dba0fa..044475773f 100644
--- a/examples/svelte/filtering/package.json
+++ b/examples/svelte/filtering/package.json
@@ -19,6 +19,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/filters-faceted/package.json b/examples/svelte/filters-faceted/package.json
index edaa44cb9e..c7b0be99fe 100644
--- a/examples/svelte/filters-faceted/package.json
+++ b/examples/svelte/filters-faceted/package.json
@@ -19,6 +19,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/filters-fuzzy/package.json b/examples/svelte/filters-fuzzy/package.json
index 3f10191673..a04803fb71 100644
--- a/examples/svelte/filters-fuzzy/package.json
+++ b/examples/svelte/filters-fuzzy/package.json
@@ -20,6 +20,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/grouping/package.json b/examples/svelte/grouping/package.json
index ea060791bc..16e4391dc2 100644
--- a/examples/svelte/grouping/package.json
+++ b/examples/svelte/grouping/package.json
@@ -19,6 +19,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/pagination/package.json b/examples/svelte/pagination/package.json
index 5d5be5a465..69ac88e8ea 100644
--- a/examples/svelte/pagination/package.json
+++ b/examples/svelte/pagination/package.json
@@ -19,6 +19,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/row-pinning/package.json b/examples/svelte/row-pinning/package.json
index 42cb61b5ec..d942a7d8a6 100644
--- a/examples/svelte/row-pinning/package.json
+++ b/examples/svelte/row-pinning/package.json
@@ -19,6 +19,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/row-selection/package.json b/examples/svelte/row-selection/package.json
index 99837a8412..2121bcc48c 100644
--- a/examples/svelte/row-selection/package.json
+++ b/examples/svelte/row-selection/package.json
@@ -19,6 +19,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/sorting/package.json b/examples/svelte/sorting/package.json
index 5ef1fcbbd2..9949c3550a 100644
--- a/examples/svelte/sorting/package.json
+++ b/examples/svelte/sorting/package.json
@@ -19,6 +19,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/sub-components/package.json b/examples/svelte/sub-components/package.json
index 896afb59fe..2a10abcfdc 100644
--- a/examples/svelte/sub-components/package.json
+++ b/examples/svelte/sub-components/package.json
@@ -19,6 +19,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/virtualized-columns/package.json b/examples/svelte/virtualized-columns/package.json
index f49ccc007a..dfb990a605 100644
--- a/examples/svelte/virtualized-columns/package.json
+++ b/examples/svelte/virtualized-columns/package.json
@@ -20,6 +20,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/virtualized-infinite-scrolling/package.json b/examples/svelte/virtualized-infinite-scrolling/package.json
index 3bf4948581..c9565b8e4a 100644
--- a/examples/svelte/virtualized-infinite-scrolling/package.json
+++ b/examples/svelte/virtualized-infinite-scrolling/package.json
@@ -21,6 +21,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/virtualized-rows/package.json b/examples/svelte/virtualized-rows/package.json
index e492a5fe17..53674ba7b4 100644
--- a/examples/svelte/virtualized-rows/package.json
+++ b/examples/svelte/virtualized-rows/package.json
@@ -20,6 +20,6 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   }
 }
diff --git a/examples/svelte/with-tanstack-form/package.json b/examples/svelte/with-tanstack-form/package.json
index a9df0b6604..83403697ef 100644
--- a/examples/svelte/with-tanstack-form/package.json
+++ b/examples/svelte/with-tanstack-form/package.json
@@ -18,12 +18,12 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   },
   "dependencies": {
-    "@tanstack/form-core": "^1.12.2",
-    "@tanstack/svelte-form": "^1.12.2",
+    "@tanstack/form-core": "^1.28.6",
+    "@tanstack/svelte-form": "^1.28.6",
     "@tanstack/svelte-table": "^9.0.0-alpha.10",
-    "zod": "^3.24.4"
+    "zod": "^4.3.6"
   }
 }
diff --git a/examples/svelte/with-tanstack-query/package.json b/examples/svelte/with-tanstack-query/package.json
index 8fe71d9d7a..a910a68e1e 100644
--- a/examples/svelte/with-tanstack-query/package.json
+++ b/examples/svelte/with-tanstack-query/package.json
@@ -18,7 +18,7 @@
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   },
   "dependencies": {
     "@tanstack/svelte-query": "^6.1.13",
diff --git a/examples/vanilla/basic/package.json b/examples/vanilla/basic/package.json
index 774fb57e3b..90655fb669 100644
--- a/examples/vanilla/basic/package.json
+++ b/examples/vanilla/basic/package.json
@@ -10,9 +10,9 @@
   },
   "devDependencies": {
     "@rollup/plugin-replace": "^6.0.3",
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.5.2",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   },
   "dependencies": {
     "@tanstack/table-core": "^9.0.0-alpha.23",
diff --git a/examples/vanilla/pagination/package.json b/examples/vanilla/pagination/package.json
index 22f3285da6..40e5c4f029 100644
--- a/examples/vanilla/pagination/package.json
+++ b/examples/vanilla/pagination/package.json
@@ -11,9 +11,9 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "@rollup/plugin-replace": "^6.0.3",
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.5.2",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   },
   "dependencies": {
     "@tanstack/table-core": "^9.0.0-alpha.23",
diff --git a/examples/vanilla/sorting/package.json b/examples/vanilla/sorting/package.json
index a7768ca59e..cb9ca9d387 100644
--- a/examples/vanilla/sorting/package.json
+++ b/examples/vanilla/sorting/package.json
@@ -11,9 +11,9 @@
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
     "@rollup/plugin-replace": "^6.0.3",
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.5.2",
     "typescript": "6.0.2",
-    "vite": "^8.0.3"
+    "vite": "^8.0.7"
   },
   "dependencies": {
     "@tanstack/table-core": "^9.0.0-alpha.23",
diff --git a/examples/vue/basic-use-app-table/package.json b/examples/vue/basic-use-app-table/package.json
index a62458e9d7..9b4f3f6e95 100644
--- a/examples/vue/basic-use-app-table/package.json
+++ b/examples/vue/basic-use-app-table/package.json
@@ -11,13 +11,13 @@
   },
   "dependencies": {
     "@tanstack/vue-table": "^9.0.0-alpha.25",
-    "vue": "^3.5.31"
+    "vue": "^3.5.32"
   },
   "devDependencies": {
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.5.2",
     "@vitejs/plugin-vue": "^6.0.5",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
+    "vite": "^8.0.7",
     "vue-tsc": "^3.2.6"
   }
 }
diff --git a/examples/vue/basic/package.json b/examples/vue/basic/package.json
index 97549a127d..bb6ecdb242 100644
--- a/examples/vue/basic/package.json
+++ b/examples/vue/basic/package.json
@@ -11,13 +11,13 @@
   },
   "dependencies": {
     "@tanstack/vue-table": "^9.0.0-alpha.25",
-    "vue": "^3.5.31"
+    "vue": "^3.5.32"
   },
   "devDependencies": {
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.5.2",
     "@vitejs/plugin-vue": "^6.0.5",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
+    "vite": "^8.0.7",
     "vue-tsc": "^3.2.6"
   }
 }
diff --git a/examples/vue/column-ordering/package.json b/examples/vue/column-ordering/package.json
index 0d6122da59..d6ce0faa50 100644
--- a/examples/vue/column-ordering/package.json
+++ b/examples/vue/column-ordering/package.json
@@ -10,13 +10,13 @@
   "dependencies": {
     "@faker-js/faker": "^10.4.0",
     "@tanstack/vue-table": "^9.0.0-alpha.25",
-    "vue": "^3.5.31"
+    "vue": "^3.5.32"
   },
   "devDependencies": {
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.5.2",
     "@vitejs/plugin-vue": "^6.0.5",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
+    "vite": "^8.0.7",
     "vue-tsc": "^3.2.6"
   }
 }
diff --git a/examples/vue/column-pinning/package.json b/examples/vue/column-pinning/package.json
index fa36c912c1..f80527611c 100644
--- a/examples/vue/column-pinning/package.json
+++ b/examples/vue/column-pinning/package.json
@@ -11,13 +11,13 @@
   "dependencies": {
     "@faker-js/faker": "^10.4.0",
     "@tanstack/vue-table": "^9.0.0-alpha.25",
-    "vue": "^3.5.31"
+    "vue": "^3.5.32"
   },
   "devDependencies": {
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.5.2",
     "@vitejs/plugin-vue": "^6.0.5",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
+    "vite": "^8.0.7",
     "vue-tsc": "^3.2.6"
   }
 }
diff --git a/examples/vue/composable-tables/package.json b/examples/vue/composable-tables/package.json
index 2081068854..413341e466 100644
--- a/examples/vue/composable-tables/package.json
+++ b/examples/vue/composable-tables/package.json
@@ -11,13 +11,13 @@
   },
   "dependencies": {
     "@tanstack/vue-table": "^9.0.0-alpha.25",
-    "vue": "^3.5.31"
+    "vue": "^3.5.32"
   },
   "devDependencies": {
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.5.2",
     "@vitejs/plugin-vue": "^6.0.5",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
+    "vite": "^8.0.7",
     "vue-tsc": "^3.2.6"
   }
 }
diff --git a/examples/vue/filters/package.json b/examples/vue/filters/package.json
index 1f75688150..ca6cc0a760 100644
--- a/examples/vue/filters/package.json
+++ b/examples/vue/filters/package.json
@@ -12,13 +12,13 @@
   "dependencies": {
     "@faker-js/faker": "^10.4.0",
     "@tanstack/vue-table": "^9.0.0-alpha.25",
-    "vue": "^3.5.31"
+    "vue": "^3.5.32"
   },
   "devDependencies": {
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.5.2",
     "@vitejs/plugin-vue": "^6.0.5",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
+    "vite": "^8.0.7",
     "vue-tsc": "^3.2.6"
   }
 }
diff --git a/examples/vue/pagination-controlled/package.json b/examples/vue/pagination-controlled/package.json
index 2e4007192e..412450777d 100644
--- a/examples/vue/pagination-controlled/package.json
+++ b/examples/vue/pagination-controlled/package.json
@@ -12,13 +12,13 @@
   "dependencies": {
     "@faker-js/faker": "^10.4.0",
     "@tanstack/vue-table": "^9.0.0-alpha.25",
-    "vue": "^3.5.31"
+    "vue": "^3.5.32"
   },
   "devDependencies": {
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.5.2",
     "@vitejs/plugin-vue": "^6.0.5",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
+    "vite": "^8.0.7",
     "vue-tsc": "^3.2.6"
   }
 }
diff --git a/examples/vue/pagination/package.json b/examples/vue/pagination/package.json
index bee2dd1616..b303cb4277 100644
--- a/examples/vue/pagination/package.json
+++ b/examples/vue/pagination/package.json
@@ -12,13 +12,13 @@
   "dependencies": {
     "@faker-js/faker": "^10.4.0",
     "@tanstack/vue-table": "^9.0.0-alpha.25",
-    "vue": "^3.5.31"
+    "vue": "^3.5.32"
   },
   "devDependencies": {
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.5.2",
     "@vitejs/plugin-vue": "^6.0.5",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
+    "vite": "^8.0.7",
     "vue-tsc": "^3.2.6"
   }
 }
diff --git a/examples/vue/row-selection/package.json b/examples/vue/row-selection/package.json
index 41cfc5204e..e2456f3587 100644
--- a/examples/vue/row-selection/package.json
+++ b/examples/vue/row-selection/package.json
@@ -11,14 +11,14 @@
   "dependencies": {
     "@faker-js/faker": "^10.4.0",
     "@tanstack/vue-table": "^9.0.0-alpha.25",
-    "vue": "^3.5.31"
+    "vue": "^3.5.32"
   },
   "devDependencies": {
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.5.2",
     "@vitejs/plugin-vue": "^6.0.5",
     "@vitejs/plugin-vue-jsx": "^5.1.5",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
+    "vite": "^8.0.7",
     "vue-tsc": "^3.2.6"
   }
 }
diff --git a/examples/vue/sorting/package.json b/examples/vue/sorting/package.json
index 1175ebbc1f..88a43e600d 100644
--- a/examples/vue/sorting/package.json
+++ b/examples/vue/sorting/package.json
@@ -12,13 +12,13 @@
   "dependencies": {
     "@faker-js/faker": "^10.4.0",
     "@tanstack/vue-table": "^9.0.0-alpha.25",
-    "vue": "^3.5.31"
+    "vue": "^3.5.32"
   },
   "devDependencies": {
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.5.2",
     "@vitejs/plugin-vue": "^6.0.5",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
+    "vite": "^8.0.7",
     "vue-tsc": "^3.2.6"
   }
 }
diff --git a/examples/vue/sub-components/package.json b/examples/vue/sub-components/package.json
index 95df39f051..ea0752c182 100644
--- a/examples/vue/sub-components/package.json
+++ b/examples/vue/sub-components/package.json
@@ -12,13 +12,13 @@
   "dependencies": {
     "@faker-js/faker": "^10.4.0",
     "@tanstack/vue-table": "^9.0.0-alpha.25",
-    "vue": "^3.5.31"
+    "vue": "^3.5.32"
   },
   "devDependencies": {
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.5.2",
     "@vitejs/plugin-vue": "^6.0.5",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
+    "vite": "^8.0.7",
     "vue-tsc": "^3.2.6"
   }
 }
diff --git a/examples/vue/virtualized-rows/package.json b/examples/vue/virtualized-rows/package.json
index 4e028a7592..4973452f22 100644
--- a/examples/vue/virtualized-rows/package.json
+++ b/examples/vue/virtualized-rows/package.json
@@ -11,14 +11,14 @@
   "dependencies": {
     "@tanstack/vue-table": "^9.0.0-alpha.25",
     "@tanstack/vue-virtual": "^3.13.23",
-    "vue": "^3.5.31"
+    "vue": "^3.5.32"
   },
   "devDependencies": {
     "@faker-js/faker": "^10.4.0",
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.5.2",
     "@vitejs/plugin-vue": "^6.0.5",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
+    "vite": "^8.0.7",
     "vue-tsc": "^3.2.6"
   }
 }
diff --git a/package.json b/package.json
index 9d04b8526a..99888a79b8 100644
--- a/package.json
+++ b/package.json
@@ -55,10 +55,10 @@
     "@tanstack/publish-config": "0.2.7",
     "@tanstack/typedoc-config": "0.3.3",
     "@testing-library/jest-dom": "^6.9.1",
-    "@types/node": "^25.5.0",
-    "eslint": "^10.1.0",
-    "jsdom": "^29.0.1",
-    "knip": "^6.2.0",
+    "@types/node": "^25.5.2",
+    "eslint": "^10.2.0",
+    "jsdom": "^29.0.2",
+    "knip": "^6.3.0",
     "markdown-link-extractor": "^4.0.3",
     "nx": "^22.6.4",
     "prettier": "^3.8.1",
@@ -70,8 +70,8 @@
     "tinyglobby": "^0.2.15",
     "tsdown": "^0.21.7",
     "typescript": "6.0.2",
-    "vite": "^8.0.3",
-    "vitest": "^4.1.2"
+    "vite": "^8.0.7",
+    "vitest": "^4.1.3"
   },
   "overrides": {
     "@tanstack/angular-table": "workspace:*",
diff --git a/packages/angular-table/package.json b/packages/angular-table/package.json
index b977790fe5..79543baa9f 100644
--- a/packages/angular-table/package.json
+++ b/packages/angular-table/package.json
@@ -56,8 +56,8 @@
     "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@analogjs/vite-plugin-angular": "^2.4.0",
-    "@analogjs/vitest-angular": "^2.4.0",
+    "@analogjs/vite-plugin-angular": "^2.4.1",
+    "@analogjs/vitest-angular": "^2.4.1",
     "@angular/core": "^21.2.7",
     "@angular/platform-browser": "^21.2.7",
     "ng-packagr": "^21.2.2",
diff --git a/packages/preact-table/package.json b/packages/preact-table/package.json
index 1eaa78eca0..bba9a594de 100644
--- a/packages/preact-table/package.json
+++ b/packages/preact-table/package.json
@@ -54,7 +54,7 @@
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.10.5",
-    "preact": "^10.29.0"
+    "preact": "^10.29.1"
   },
   "peerDependencies": {
     "preact": ">=10"
diff --git a/packages/react-table-devtools/package.json b/packages/react-table-devtools/package.json
index 638c9dfaad..f9a4ee6bb1 100644
--- a/packages/react-table-devtools/package.json
+++ b/packages/react-table-devtools/package.json
@@ -51,7 +51,7 @@
     "@tanstack/table-devtools": "workspace:*"
   },
   "devDependencies": {
-    "@eslint-react/eslint-plugin": "^4.2.1",
+    "@eslint-react/eslint-plugin": "^4.2.3",
     "@tanstack/react-devtools": "^0.10.1",
     "@tanstack/table-core": "workspace:*",
     "@types/react": "^19.2.14",
diff --git a/packages/react-table/package.json b/packages/react-table/package.json
index 380622ec9c..79679c96e2 100644
--- a/packages/react-table/package.json
+++ b/packages/react-table/package.json
@@ -57,7 +57,7 @@
     "@tanstack/table-core": "workspace:*"
   },
   "devDependencies": {
-    "@eslint-react/eslint-plugin": "^4.2.1",
+    "@eslint-react/eslint-plugin": "^4.2.3",
     "@types/react": "^19.2.14",
     "@vitejs/plugin-react": "^6.0.1",
     "eslint-plugin-react-compiler": "19.1.0-rc.2",
diff --git a/packages/solid-table-devtools/package.json b/packages/solid-table-devtools/package.json
index b0123e3740..65461a9643 100644
--- a/packages/solid-table-devtools/package.json
+++ b/packages/solid-table-devtools/package.json
@@ -54,7 +54,7 @@
   "devDependencies": {
     "@tanstack/table-core": "workspace:*",
     "solid-js": "^1.9.12",
-    "vite-plugin-solid": "^2.11.11"
+    "vite-plugin-solid": "^2.11.12"
   },
   "peerDependencies": {
     "@tanstack/table-core": "workspace:*",
diff --git a/packages/solid-table/package.json b/packages/solid-table/package.json
index 8ead099be9..70b6bbb3ce 100644
--- a/packages/solid-table/package.json
+++ b/packages/solid-table/package.json
@@ -52,7 +52,7 @@
   },
   "devDependencies": {
     "solid-js": "^1.9.12",
-    "vite-plugin-solid": "^2.11.11"
+    "vite-plugin-solid": "^2.11.12"
   },
   "peerDependencies": {
     "solid-js": ">=1.3"
diff --git a/packages/svelte-table/package.json b/packages/svelte-table/package.json
index 70b40d25f8..90d59a7369 100644
--- a/packages/svelte-table/package.json
+++ b/packages/svelte-table/package.json
@@ -53,7 +53,7 @@
   "devDependencies": {
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^7.0.0",
-    "eslint-plugin-svelte": "^3.16.0",
+    "eslint-plugin-svelte": "^3.17.0",
     "svelte": "^5.55.1",
     "svelte-check": "^4.4.6"
   },
diff --git a/packages/table-devtools/package.json b/packages/table-devtools/package.json
index eedaa57184..16e53f3ee4 100644
--- a/packages/table-devtools/package.json
+++ b/packages/table-devtools/package.json
@@ -56,6 +56,6 @@
     "@tanstack/table-core": "workspace:*"
   },
   "devDependencies": {
-    "vite-plugin-solid": "^2.11.11"
+    "vite-plugin-solid": "^2.11.12"
   }
 }
diff --git a/packages/vue-table/package.json b/packages/vue-table/package.json
index 7a615f6901..3748e142b8 100644
--- a/packages/vue-table/package.json
+++ b/packages/vue-table/package.json
@@ -53,7 +53,7 @@
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.5",
     "eslint-plugin-vue": "^10.8.0",
-    "vue": "^3.5.31"
+    "vue": "^3.5.32"
   },
   "peerDependencies": {
     "vue": ">=3.2"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ad4ab1d734..df8de3246a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,7 +16,7 @@ importers:
         version: 12.0.1(size-limit@12.0.1(jiti@2.6.1))
       '@tanstack/eslint-config':
         specifier: 0.4.0
-        version: 0.4.0(@typescript-eslint/utils@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint-import-resolver-node@0.3.9)(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+        version: 0.4.0(@typescript-eslint/utils@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2))(eslint-import-resolver-node@0.3.9)(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       '@tanstack/publish-config':
         specifier: 0.2.7
         version: 0.2.7
@@ -27,17 +27,17 @@ importers:
         specifier: ^6.9.1
         version: 6.9.1
       '@types/node':
-        specifier: ^25.5.0
-        version: 25.5.0
+        specifier: ^25.5.2
+        version: 25.5.2
       eslint:
-        specifier: ^10.1.0
-        version: 10.1.0(jiti@2.6.1)
+        specifier: ^10.2.0
+        version: 10.2.0(jiti@2.6.1)
       jsdom:
-        specifier: ^29.0.1
-        version: 29.0.1
+        specifier: ^29.0.2
+        version: 29.0.2
       knip:
-        specifier: ^6.2.0
-        version: 6.2.0
+        specifier: ^6.3.0
+        version: 6.3.0
       markdown-link-extractor:
         specifier: ^4.0.3
         version: 4.0.3
@@ -72,11 +72,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vitest:
-        specifier: ^4.1.2
-        version: 4.1.2(@types/node@25.5.0)(jsdom@29.0.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^4.1.3
+        version: 4.1.3(@types/node@25.5.2)(jsdom@29.0.2)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/angular/basic-app-table:
     dependencies:
@@ -107,10 +107,10 @@ importers:
     devDependencies:
       '@angular/build':
         specifier: ^21.2.6
-        version: 21.2.6(4681cf48d2b835d94252045f36734a84)
+        version: 21.2.6(ad1a2777598f49867136ef7c28258c75)
       '@angular/cli':
         specifier: ^21.2.6
-        version: 21.2.6(@types/node@25.5.0)(chokidar@5.0.0)
+        version: 21.2.6(@types/node@25.5.2)(chokidar@5.0.0)
       '@angular/compiler-cli':
         specifier: ^21.2.7
         version: 21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2)
@@ -150,10 +150,10 @@ importers:
     devDependencies:
       '@angular/build':
         specifier: ^21.2.6
-        version: 21.2.6(d3b360ec193e51d51b79ef3f770335f6)
+        version: 21.2.6(4cee6253c5b25265b24ef43a54e938c2)
       '@angular/cli':
         specifier: ^21.2.6
-        version: 21.2.6(@types/node@25.5.0)(chokidar@5.0.0)
+        version: 21.2.6(@types/node@25.5.2)(chokidar@5.0.0)
       '@angular/compiler-cli':
         specifier: ^21.2.7
         version: 21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2)
@@ -196,10 +196,10 @@ importers:
     devDependencies:
       '@angular/build':
         specifier: ^21.2.6
-        version: 21.2.6(d3b360ec193e51d51b79ef3f770335f6)
+        version: 21.2.6(4cee6253c5b25265b24ef43a54e938c2)
       '@angular/cli':
         specifier: ^21.2.6
-        version: 21.2.6(@types/node@25.5.0)(chokidar@5.0.0)
+        version: 21.2.6(@types/node@25.5.2)(chokidar@5.0.0)
       '@angular/compiler-cli':
         specifier: ^21.2.7
         version: 21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2)
@@ -242,10 +242,10 @@ importers:
     devDependencies:
       '@angular/build':
         specifier: ^21.2.6
-        version: 21.2.6(d3b360ec193e51d51b79ef3f770335f6)
+        version: 21.2.6(4cee6253c5b25265b24ef43a54e938c2)
       '@angular/cli':
         specifier: ^21.2.6
-        version: 21.2.6(@types/node@25.5.0)(chokidar@5.0.0)
+        version: 21.2.6(@types/node@25.5.2)(chokidar@5.0.0)
       '@angular/compiler-cli':
         specifier: ^21.2.7
         version: 21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2)
@@ -288,10 +288,10 @@ importers:
     devDependencies:
       '@angular/build':
         specifier: ^21.2.6
-        version: 21.2.6(d3b360ec193e51d51b79ef3f770335f6)
+        version: 21.2.6(4cee6253c5b25265b24ef43a54e938c2)
       '@angular/cli':
         specifier: ^21.2.6
-        version: 21.2.6(@types/node@25.5.0)(chokidar@5.0.0)
+        version: 21.2.6(@types/node@25.5.2)(chokidar@5.0.0)
       '@angular/compiler-cli':
         specifier: ^21.2.7
         version: 21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2)
@@ -334,10 +334,10 @@ importers:
     devDependencies:
       '@angular/build':
         specifier: ^21.2.6
-        version: 21.2.6(d3b360ec193e51d51b79ef3f770335f6)
+        version: 21.2.6(4cee6253c5b25265b24ef43a54e938c2)
       '@angular/cli':
         specifier: ^21.2.6
-        version: 21.2.6(@types/node@25.5.0)(chokidar@5.0.0)
+        version: 21.2.6(@types/node@25.5.2)(chokidar@5.0.0)
       '@angular/compiler-cli':
         specifier: ^21.2.7
         version: 21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2)
@@ -380,10 +380,10 @@ importers:
     devDependencies:
       '@angular/build':
         specifier: ^21.2.6
-        version: 21.2.6(d3b360ec193e51d51b79ef3f770335f6)
+        version: 21.2.6(4cee6253c5b25265b24ef43a54e938c2)
       '@angular/cli':
         specifier: ^21.2.6
-        version: 21.2.6(@types/node@25.5.0)(chokidar@5.0.0)
+        version: 21.2.6(@types/node@25.5.2)(chokidar@5.0.0)
       '@angular/compiler-cli':
         specifier: ^21.2.7
         version: 21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2)
@@ -426,10 +426,10 @@ importers:
     devDependencies:
       '@angular/build':
         specifier: ^21.2.6
-        version: 21.2.6(d3b360ec193e51d51b79ef3f770335f6)
+        version: 21.2.6(4cee6253c5b25265b24ef43a54e938c2)
       '@angular/cli':
         specifier: ^21.2.6
-        version: 21.2.6(@types/node@25.5.0)(chokidar@5.0.0)
+        version: 21.2.6(@types/node@25.5.2)(chokidar@5.0.0)
       '@angular/compiler-cli':
         specifier: ^21.2.7
         version: 21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2)
@@ -469,10 +469,10 @@ importers:
     devDependencies:
       '@angular/build':
         specifier: ^21.2.6
-        version: 21.2.6(d3b360ec193e51d51b79ef3f770335f6)
+        version: 21.2.6(4cee6253c5b25265b24ef43a54e938c2)
       '@angular/cli':
         specifier: ^21.2.6
-        version: 21.2.6(@types/node@25.5.0)(chokidar@5.0.0)
+        version: 21.2.6(@types/node@25.5.2)(chokidar@5.0.0)
       '@angular/compiler-cli':
         specifier: ^21.2.7
         version: 21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2)
@@ -515,10 +515,10 @@ importers:
     devDependencies:
       '@angular/build':
         specifier: ^21.2.6
-        version: 21.2.6(d3b360ec193e51d51b79ef3f770335f6)
+        version: 21.2.6(4cee6253c5b25265b24ef43a54e938c2)
       '@angular/cli':
         specifier: ^21.2.6
-        version: 21.2.6(@types/node@25.5.0)(chokidar@5.0.0)
+        version: 21.2.6(@types/node@25.5.2)(chokidar@5.0.0)
       '@angular/compiler-cli':
         specifier: ^21.2.7
         version: 21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2)
@@ -561,10 +561,10 @@ importers:
     devDependencies:
       '@angular/build':
         specifier: ^21.2.6
-        version: 21.2.6(d3b360ec193e51d51b79ef3f770335f6)
+        version: 21.2.6(4cee6253c5b25265b24ef43a54e938c2)
       '@angular/cli':
         specifier: ^21.2.6
-        version: 21.2.6(@types/node@25.5.0)(chokidar@5.0.0)
+        version: 21.2.6(@types/node@25.5.2)(chokidar@5.0.0)
       '@angular/compiler-cli':
         specifier: ^21.2.7
         version: 21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2)
@@ -607,10 +607,10 @@ importers:
     devDependencies:
       '@angular/build':
         specifier: ^21.2.6
-        version: 21.2.6(d3b360ec193e51d51b79ef3f770335f6)
+        version: 21.2.6(4cee6253c5b25265b24ef43a54e938c2)
       '@angular/cli':
         specifier: ^21.2.6
-        version: 21.2.6(@types/node@25.5.0)(chokidar@5.0.0)
+        version: 21.2.6(@types/node@25.5.2)(chokidar@5.0.0)
       '@angular/compiler-cli':
         specifier: ^21.2.7
         version: 21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2)
@@ -653,10 +653,10 @@ importers:
     devDependencies:
       '@angular/build':
         specifier: ^21.2.6
-        version: 21.2.6(d3b360ec193e51d51b79ef3f770335f6)
+        version: 21.2.6(4cee6253c5b25265b24ef43a54e938c2)
       '@angular/cli':
         specifier: ^21.2.6
-        version: 21.2.6(@types/node@25.5.0)(chokidar@5.0.0)
+        version: 21.2.6(@types/node@25.5.2)(chokidar@5.0.0)
       '@angular/compiler-cli':
         specifier: ^21.2.7
         version: 21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2)
@@ -705,10 +705,10 @@ importers:
     devDependencies:
       '@angular-devkit/build-angular':
         specifier: ^21.2.6
-        version: 21.2.6(e11c714d0ec0728f5ad4f23cc5f219fa)
+        version: 21.2.6(94a8d7facc63d2b636da72db756fba85)
       '@angular/cli':
         specifier: ^21.2.6
-        version: 21.2.6(@types/node@25.5.0)(chokidar@5.0.0)
+        version: 21.2.6(@types/node@25.5.2)(chokidar@5.0.0)
       '@angular/compiler-cli':
         specifier: ^21.2.7
         version: 21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2)
@@ -716,8 +716,8 @@ importers:
         specifier: ^5.0.6
         version: 5.0.6
       '@types/node':
-        specifier: ^25.5.0
-        version: 25.5.0
+        specifier: ^25.5.2
+        version: 25.5.2
       tslib:
         specifier: ^2.8.1
         version: 2.8.1
@@ -763,10 +763,10 @@ importers:
     devDependencies:
       '@angular/build':
         specifier: ^21.2.6
-        version: 21.2.6(d3b360ec193e51d51b79ef3f770335f6)
+        version: 21.2.6(4cee6253c5b25265b24ef43a54e938c2)
       '@angular/cli':
         specifier: ^21.2.6
-        version: 21.2.6(@types/node@25.5.0)(chokidar@5.0.0)
+        version: 21.2.6(@types/node@25.5.2)(chokidar@5.0.0)
       '@angular/compiler-cli':
         specifier: ^21.2.7
         version: 21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2)
@@ -812,10 +812,10 @@ importers:
     devDependencies:
       '@angular/build':
         specifier: ^21.2.6
-        version: 21.2.6(d3b360ec193e51d51b79ef3f770335f6)
+        version: 21.2.6(4cee6253c5b25265b24ef43a54e938c2)
       '@angular/cli':
         specifier: ^21.2.6
-        version: 21.2.6(@types/node@25.5.0)(chokidar@5.0.0)
+        version: 21.2.6(@types/node@25.5.2)(chokidar@5.0.0)
       '@angular/compiler-cli':
         specifier: ^21.2.7
         version: 21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2)
@@ -861,10 +861,10 @@ importers:
     devDependencies:
       '@angular/build':
         specifier: ^21.2.6
-        version: 21.2.6(d3b360ec193e51d51b79ef3f770335f6)
+        version: 21.2.6(4cee6253c5b25265b24ef43a54e938c2)
       '@angular/cli':
         specifier: ^21.2.6
-        version: 21.2.6(@types/node@25.5.0)(chokidar@5.0.0)
+        version: 21.2.6(@types/node@25.5.2)(chokidar@5.0.0)
       '@angular/compiler-cli':
         specifier: ^21.2.7
         version: 21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2)
@@ -910,10 +910,10 @@ importers:
     devDependencies:
       '@angular/build':
         specifier: ^21.2.6
-        version: 21.2.6(d3b360ec193e51d51b79ef3f770335f6)
+        version: 21.2.6(4cee6253c5b25265b24ef43a54e938c2)
       '@angular/cli':
         specifier: ^21.2.6
-        version: 21.2.6(@types/node@25.5.0)(chokidar@5.0.0)
+        version: 21.2.6(@types/node@25.5.2)(chokidar@5.0.0)
       '@angular/compiler-cli':
         specifier: ^21.2.7
         version: 21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2)
@@ -956,10 +956,10 @@ importers:
     devDependencies:
       '@angular/build':
         specifier: ^21.2.6
-        version: 21.2.6(d3b360ec193e51d51b79ef3f770335f6)
+        version: 21.2.6(4cee6253c5b25265b24ef43a54e938c2)
       '@angular/cli':
         specifier: ^21.2.6
-        version: 21.2.6(@types/node@25.5.0)(chokidar@5.0.0)
+        version: 21.2.6(@types/node@25.5.2)(chokidar@5.0.0)
       '@angular/compiler-cli':
         specifier: ^21.2.7
         version: 21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2)
@@ -995,8 +995,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/lit/column-sizing:
     dependencies:
@@ -1017,8 +1017,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/lit/filters:
     dependencies:
@@ -1039,8 +1039,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/lit/row-selection:
     dependencies:
@@ -1061,8 +1061,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/lit/sorting:
     dependencies:
@@ -1083,8 +1083,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/lit/sorting-dynamic-data:
     dependencies:
@@ -1105,8 +1105,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/lit/virtualized-rows:
     dependencies:
@@ -1130,8 +1130,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/preact/basic:
     dependencies:
@@ -1139,18 +1139,18 @@ importers:
         specifier: ^9.0.0-alpha.23
         version: link:../../../packages/preact-table
       preact:
-        specifier: ^10.29.0
-        version: 10.29.0
+        specifier: ^10.29.1
+        version: 10.29.1
     devDependencies:
       '@preact/preset-vite':
         specifier: ^2.10.5
-        version: 2.10.5(@babel/core@7.29.0)(preact@10.29.0)(rollup@4.53.3)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 2.10.5(@babel/core@7.29.0)(preact@10.29.1)(rollup@4.53.3)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/preact/sorting:
     dependencies:
@@ -1161,18 +1161,18 @@ importers:
         specifier: ^9.0.0-alpha.23
         version: link:../../../packages/preact-table
       preact:
-        specifier: ^10.29.0
-        version: 10.29.0
+        specifier: ^10.29.1
+        version: 10.29.1
     devDependencies:
       '@preact/preset-vite':
         specifier: ^2.10.5
-        version: 2.10.5(@babel/core@7.29.0)(preact@10.29.0)(rollup@4.53.3)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 2.10.5(@babel/core@7.29.0)(preact@10.29.1)(rollup@4.53.3)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/basic-external-state:
     dependencies:
@@ -1203,13 +1203,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/basic-external-store:
     dependencies:
@@ -1240,13 +1240,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/basic-shadcn:
     dependencies:
@@ -1255,7 +1255,7 @@ importers:
         version: 1.2.4(@types/react@19.2.14)(react@19.2.4)
       '@tailwindcss/vite':
         specifier: ^4.2.2
-        version: 4.2.2(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 4.2.2(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/react-table':
         specifier: ^9.0.0-alpha.23
         version: link:../../../packages/react-table
@@ -1295,13 +1295,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/basic-use-app-table:
     dependencies:
@@ -1326,13 +1326,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/basic-use-legacy-table:
     dependencies:
@@ -1360,13 +1360,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/basic-use-table:
     dependencies:
@@ -1391,13 +1391,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/column-dnd:
     dependencies:
@@ -1437,13 +1437,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/column-groups:
     dependencies:
@@ -1468,13 +1468,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/column-ordering:
     dependencies:
@@ -1502,13 +1502,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/column-pinning:
     dependencies:
@@ -1536,13 +1536,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/column-pinning-split:
     dependencies:
@@ -1570,13 +1570,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/column-pinning-sticky:
     dependencies:
@@ -1604,13 +1604,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/column-resizing:
     dependencies:
@@ -1635,13 +1635,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/column-resizing-performant:
     dependencies:
@@ -1669,13 +1669,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/column-sizing:
     dependencies:
@@ -1700,13 +1700,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/column-visibility:
     dependencies:
@@ -1731,13 +1731,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/composable-tables:
     dependencies:
@@ -1768,13 +1768,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/custom-plugin:
     dependencies:
@@ -1802,13 +1802,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/expanding:
     dependencies:
@@ -1836,13 +1836,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/filters:
     dependencies:
@@ -1873,13 +1873,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/filters-faceted:
     dependencies:
@@ -1910,13 +1910,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/filters-fuzzy:
     dependencies:
@@ -1947,13 +1947,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/grouping:
     dependencies:
@@ -1981,13 +1981,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/kitchen-sink-shadcn:
     dependencies:
@@ -2032,7 +2032,7 @@ importers:
         version: 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@tailwindcss/vite':
         specifier: ^4.2.2
-        version: 4.2.2(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 4.2.2(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/react-table':
         specifier: ^9.0.0-alpha.23
         version: link:../../../packages/react-table
@@ -2078,7 +2078,7 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       tailwindcss:
         specifier: ^4.2.2
         version: 4.2.2
@@ -2086,8 +2086,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/pagination:
     dependencies:
@@ -2118,13 +2118,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/row-dnd:
     dependencies:
@@ -2164,13 +2164,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/row-pinning:
     dependencies:
@@ -2198,13 +2198,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/row-selection:
     dependencies:
@@ -2241,13 +2241,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/sorting:
     dependencies:
@@ -2275,13 +2275,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/sub-components:
     dependencies:
@@ -2309,13 +2309,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/virtualized-columns:
     dependencies:
@@ -2346,13 +2346,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/virtualized-columns-experimental:
     dependencies:
@@ -2383,13 +2383,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/virtualized-infinite-scrolling:
     dependencies:
@@ -2397,8 +2397,8 @@ importers:
         specifier: ^10.4.0
         version: 10.4.0
       '@tanstack/react-query':
-        specifier: ^5.96.1
-        version: 5.96.1(react@19.2.4)
+        specifier: ^5.96.2
+        version: 5.96.2(react@19.2.4)
       '@tanstack/react-table':
         specifier: ^9.0.0-alpha.23
         version: link:../../../packages/react-table
@@ -2423,13 +2423,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/virtualized-rows:
     dependencies:
@@ -2460,13 +2460,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/virtualized-rows-experimental:
     dependencies:
@@ -2497,13 +2497,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/with-tanstack-form:
     dependencies:
@@ -2537,13 +2537,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/with-tanstack-query:
     dependencies:
@@ -2551,8 +2551,8 @@ importers:
         specifier: ^10.4.0
         version: 10.4.0
       '@tanstack/react-query':
-        specifier: ^5.96.1
-        version: 5.96.1(react@19.2.4)
+        specifier: ^5.96.2
+        version: 5.96.2(react@19.2.4)
       '@tanstack/react-store':
         specifier: ^0.9.3
         version: 0.9.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -2577,19 +2577,19 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/react/with-tanstack-router:
     dependencies:
       '@tanstack/react-query':
-        specifier: ^5.96.1
-        version: 5.96.1(react@19.2.4)
+        specifier: ^5.96.2
+        version: 5.96.2(react@19.2.4)
       '@tanstack/react-router':
         specifier: ^1.168.10
         version: 1.168.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -2611,7 +2611,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@tanstack/router-vite-plugin':
         specifier: ^1.166.27
-        version: 1.166.27(@tanstack/react-router@1.168.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite-plugin-solid@2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)))(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(webpack@5.105.2(esbuild@0.27.4))
+        version: 1.166.27(@tanstack/react-router@1.168.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite-plugin-solid@2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)))(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(webpack@5.105.2(esbuild@0.27.4))
       '@types/react':
         specifier: ^19.2.14
         version: 19.2.14
@@ -2620,13 +2620,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/solid/basic-app-table:
     dependencies:
@@ -2641,11 +2641,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/basic-external-state:
     dependencies:
@@ -2663,11 +2663,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/basic-external-store:
     dependencies:
@@ -2685,11 +2685,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/basic-use-table:
     dependencies:
@@ -2704,11 +2704,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/column-groups:
     dependencies:
@@ -2723,11 +2723,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/column-ordering:
     dependencies:
@@ -2745,11 +2745,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/column-pinning:
     dependencies:
@@ -2767,11 +2767,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/column-pinning-split:
     dependencies:
@@ -2789,11 +2789,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/column-pinning-sticky:
     dependencies:
@@ -2811,11 +2811,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/column-resizing:
     dependencies:
@@ -2830,11 +2830,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/column-resizing-performant:
     dependencies:
@@ -2852,11 +2852,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/column-sizing:
     dependencies:
@@ -2871,11 +2871,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/column-visibility:
     dependencies:
@@ -2890,11 +2890,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/composable-tables:
     dependencies:
@@ -2909,11 +2909,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/expanding:
     dependencies:
@@ -2931,11 +2931,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/filters:
     dependencies:
@@ -2956,11 +2956,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/filters-faceted:
     dependencies:
@@ -2981,17 +2981,17 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/filters-fuzzy:
     dependencies:
       '@tanstack/match-sorter-utils':
-        specifier: ^8.19.4
-        version: 8.19.4
+        specifier: ^9.0.0-alpha.4
+        version: link:../../../packages/match-sorter-utils
       '@tanstack/solid-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/solid-table
@@ -3006,11 +3006,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/grouping:
     dependencies:
@@ -3028,11 +3028,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/pagination:
     dependencies:
@@ -3050,11 +3050,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/row-pinning:
     dependencies:
@@ -3072,11 +3072,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/row-selection:
     dependencies:
@@ -3100,11 +3100,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/sorting:
     dependencies:
@@ -3122,11 +3122,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/sub-components:
     dependencies:
@@ -3144,11 +3144,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/virtualized-columns:
     dependencies:
@@ -3156,7 +3156,7 @@ importers:
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/solid-table
       '@tanstack/solid-virtual':
-        specifier: ^3.13.13
+        specifier: ^3.13.23
         version: 3.13.23(solid-js@1.9.12)
       solid-js:
         specifier: ^1.9.12
@@ -3169,17 +3169,17 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/virtualized-infinite-scrolling:
     dependencies:
       '@tanstack/solid-query':
-        specifier: ^5.96.1
-        version: 5.96.1(solid-js@1.9.12)
+        specifier: ^5.96.2
+        version: 5.96.2(solid-js@1.9.12)
       '@tanstack/solid-store':
         specifier: ^0.9.3
         version: 0.9.3(solid-js@1.9.12)
@@ -3187,7 +3187,7 @@ importers:
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/solid-table
       '@tanstack/solid-virtual':
-        specifier: ^3.13.13
+        specifier: ^3.13.23
         version: 3.13.23(solid-js@1.9.12)
       solid-js:
         specifier: ^1.9.12
@@ -3200,11 +3200,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/virtualized-rows:
     dependencies:
@@ -3212,7 +3212,7 @@ importers:
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/solid-table
       '@tanstack/solid-virtual':
-        specifier: ^3.13.13
+        specifier: ^3.13.23
         version: 3.13.23(solid-js@1.9.12)
       solid-js:
         specifier: ^1.9.12
@@ -3225,11 +3225,11 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/with-tanstack-form:
     dependencies:
@@ -3253,17 +3253,17 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/with-tanstack-query:
     dependencies:
       '@tanstack/solid-query':
-        specifier: ^5.96.1
-        version: 5.96.1(solid-js@1.9.12)
+        specifier: ^5.96.2
+        version: 5.96.2(solid-js@1.9.12)
       '@tanstack/solid-store':
         specifier: ^0.9.3
         version: 0.9.3(solid-js@1.9.12)
@@ -3281,17 +3281,17 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/solid/with-tanstack-router:
     dependencies:
       '@tanstack/solid-query':
-        specifier: ^5.96.1
-        version: 5.96.1(solid-js@1.9.12)
+        specifier: ^5.96.2
+        version: 5.96.2(solid-js@1.9.12)
       '@tanstack/solid-router':
         specifier: ^1.168.9
         version: 1.168.9(solid-js@1.9.12)
@@ -3307,16 +3307,16 @@ importers:
         version: 10.4.0
       '@tanstack/router-vite-plugin':
         specifier: ^1.166.27
-        version: 1.166.27(@tanstack/react-router@1.168.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite-plugin-solid@2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)))(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(webpack@5.105.2(esbuild@0.27.4))
+        version: 1.166.27(@tanstack/react-router@1.168.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite-plugin-solid@2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)))(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(webpack@5.105.2(esbuild@0.27.4))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   examples/svelte/basic-app-table:
     devDependencies:
@@ -3325,7 +3325,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -3342,8 +3342,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/basic-create-table:
     devDependencies:
@@ -3352,7 +3352,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -3369,8 +3369,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/basic-external-state:
     devDependencies:
@@ -3382,7 +3382,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -3399,8 +3399,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/basic-external-store:
     devDependencies:
@@ -3412,7 +3412,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -3429,8 +3429,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/basic-snippets:
     devDependencies:
@@ -3439,7 +3439,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -3456,8 +3456,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/column-groups:
     devDependencies:
@@ -3466,7 +3466,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -3483,8 +3483,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/column-ordering:
     devDependencies:
@@ -3496,7 +3496,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -3513,8 +3513,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/column-pinning:
     devDependencies:
@@ -3526,7 +3526,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -3543,8 +3543,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/column-pinning-split:
     devDependencies:
@@ -3556,7 +3556,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -3573,8 +3573,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/column-pinning-sticky:
     devDependencies:
@@ -3586,7 +3586,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -3603,8 +3603,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/column-resizing:
     devDependencies:
@@ -3613,7 +3613,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -3630,8 +3630,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/column-resizing-performant:
     devDependencies:
@@ -3643,7 +3643,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -3660,8 +3660,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/column-sizing:
     devDependencies:
@@ -3670,7 +3670,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -3687,8 +3687,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/column-visibility:
     devDependencies:
@@ -3697,7 +3697,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -3714,8 +3714,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/composable-tables:
     devDependencies:
@@ -3727,7 +3727,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -3744,8 +3744,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/expanding:
     devDependencies:
@@ -3757,7 +3757,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -3774,8 +3774,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/filtering:
     devDependencies:
@@ -3787,7 +3787,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -3804,8 +3804,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/filters-faceted:
     devDependencies:
@@ -3817,7 +3817,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -3834,8 +3834,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/filters-fuzzy:
     devDependencies:
@@ -3847,7 +3847,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/match-sorter-utils':
         specifier: ^9.0.0-alpha.4
         version: link:../../../packages/match-sorter-utils
@@ -3867,8 +3867,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/grouping:
     devDependencies:
@@ -3880,7 +3880,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -3897,8 +3897,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/pagination:
     devDependencies:
@@ -3910,7 +3910,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -3927,8 +3927,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/row-pinning:
     devDependencies:
@@ -3940,7 +3940,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -3957,8 +3957,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/row-selection:
     devDependencies:
@@ -3970,7 +3970,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -3987,8 +3987,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/sorting:
     devDependencies:
@@ -4000,7 +4000,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -4017,8 +4017,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/sub-components:
     devDependencies:
@@ -4030,7 +4030,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -4047,8 +4047,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/virtualized-columns:
     devDependencies:
@@ -4060,7 +4060,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -4080,8 +4080,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/virtualized-infinite-scrolling:
     devDependencies:
@@ -4093,7 +4093,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-query':
         specifier: ^6.1.13
         version: 6.1.13(svelte@5.55.1)
@@ -4116,8 +4116,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/virtualized-rows:
     devDependencies:
@@ -4129,7 +4129,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
@@ -4149,23 +4149,23 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/with-tanstack-form:
     dependencies:
       '@tanstack/form-core':
-        specifier: ^1.12.2
+        specifier: ^1.28.6
         version: 1.28.6
       '@tanstack/svelte-form':
-        specifier: ^1.12.2
+        specifier: ^1.28.6
         version: 1.28.6(svelte@5.55.1)
       '@tanstack/svelte-table':
         specifier: ^9.0.0-alpha.10
         version: link:../../../packages/svelte-table
       zod:
-        specifier: ^3.24.4
-        version: 3.25.76
+        specifier: ^4.3.6
+        version: 4.3.6
     devDependencies:
       '@faker-js/faker':
         specifier: ^10.4.0
@@ -4175,7 +4175,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tsconfig/svelte':
         specifier: ^5.0.8
         version: 5.0.8
@@ -4189,8 +4189,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/svelte/with-tanstack-query:
     dependencies:
@@ -4209,7 +4209,7 @@ importers:
         version: 6.0.3(rollup@4.53.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@tsconfig/svelte':
         specifier: ^5.0.8
         version: 5.0.8
@@ -4223,8 +4223,8 @@ importers:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/vanilla/basic:
     dependencies:
@@ -4239,14 +4239,14 @@ importers:
         specifier: ^6.0.3
         version: 6.0.3(rollup@4.53.3)
       '@types/node':
-        specifier: ^25.5.0
-        version: 25.5.0
+        specifier: ^25.5.2
+        version: 25.5.2
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/vanilla/pagination:
     dependencies:
@@ -4264,14 +4264,14 @@ importers:
         specifier: ^6.0.3
         version: 6.0.3(rollup@4.53.3)
       '@types/node':
-        specifier: ^25.5.0
-        version: 25.5.0
+        specifier: ^25.5.2
+        version: 25.5.2
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/vanilla/sorting:
     dependencies:
@@ -4289,14 +4289,14 @@ importers:
         specifier: ^6.0.3
         version: 6.0.3(rollup@4.53.3)
       '@types/node':
-        specifier: ^25.5.0
-        version: 25.5.0
+        specifier: ^25.5.2
+        version: 25.5.2
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   examples/vue/basic:
     dependencies:
@@ -4304,21 +4304,21 @@ importers:
         specifier: ^9.0.0-alpha.25
         version: link:../../../packages/vue-table
       vue:
-        specifier: ^3.5.31
-        version: 3.5.31(typescript@6.0.2)
+        specifier: ^3.5.32
+        version: 3.5.32(typescript@6.0.2)
     devDependencies:
       '@types/node':
-        specifier: ^25.5.0
-        version: 25.5.0
+        specifier: ^25.5.2
+        version: 25.5.2
       '@vitejs/plugin-vue':
         specifier: ^6.0.5
-        version: 6.0.5(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.31(typescript@6.0.2))
+        version: 6.0.5(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.32(typescript@6.0.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vue-tsc:
         specifier: ^3.2.6
         version: 3.2.6(typescript@6.0.2)
@@ -4329,21 +4329,21 @@ importers:
         specifier: ^9.0.0-alpha.25
         version: link:../../../packages/vue-table
       vue:
-        specifier: ^3.5.31
-        version: 3.5.31(typescript@6.0.2)
+        specifier: ^3.5.32
+        version: 3.5.32(typescript@6.0.2)
     devDependencies:
       '@types/node':
-        specifier: ^25.5.0
-        version: 25.5.0
+        specifier: ^25.5.2
+        version: 25.5.2
       '@vitejs/plugin-vue':
         specifier: ^6.0.5
-        version: 6.0.5(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.31(typescript@6.0.2))
+        version: 6.0.5(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.32(typescript@6.0.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vue-tsc:
         specifier: ^3.2.6
         version: 3.2.6(typescript@6.0.2)
@@ -4357,21 +4357,21 @@ importers:
         specifier: ^9.0.0-alpha.25
         version: link:../../../packages/vue-table
       vue:
-        specifier: ^3.5.31
-        version: 3.5.31(typescript@6.0.2)
+        specifier: ^3.5.32
+        version: 3.5.32(typescript@6.0.2)
     devDependencies:
       '@types/node':
-        specifier: ^25.5.0
-        version: 25.5.0
+        specifier: ^25.5.2
+        version: 25.5.2
       '@vitejs/plugin-vue':
         specifier: ^6.0.5
-        version: 6.0.5(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.31(typescript@6.0.2))
+        version: 6.0.5(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.32(typescript@6.0.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vue-tsc:
         specifier: ^3.2.6
         version: 3.2.6(typescript@6.0.2)
@@ -4385,21 +4385,21 @@ importers:
         specifier: ^9.0.0-alpha.25
         version: link:../../../packages/vue-table
       vue:
-        specifier: ^3.5.31
-        version: 3.5.31(typescript@6.0.2)
+        specifier: ^3.5.32
+        version: 3.5.32(typescript@6.0.2)
     devDependencies:
       '@types/node':
-        specifier: ^25.5.0
-        version: 25.5.0
+        specifier: ^25.5.2
+        version: 25.5.2
       '@vitejs/plugin-vue':
         specifier: ^6.0.5
-        version: 6.0.5(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.31(typescript@6.0.2))
+        version: 6.0.5(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.32(typescript@6.0.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vue-tsc:
         specifier: ^3.2.6
         version: 3.2.6(typescript@6.0.2)
@@ -4410,21 +4410,21 @@ importers:
         specifier: ^9.0.0-alpha.25
         version: link:../../../packages/vue-table
       vue:
-        specifier: ^3.5.31
-        version: 3.5.31(typescript@6.0.2)
+        specifier: ^3.5.32
+        version: 3.5.32(typescript@6.0.2)
     devDependencies:
       '@types/node':
-        specifier: ^25.5.0
-        version: 25.5.0
+        specifier: ^25.5.2
+        version: 25.5.2
       '@vitejs/plugin-vue':
         specifier: ^6.0.5
-        version: 6.0.5(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.31(typescript@6.0.2))
+        version: 6.0.5(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.32(typescript@6.0.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vue-tsc:
         specifier: ^3.2.6
         version: 3.2.6(typescript@6.0.2)
@@ -4438,21 +4438,21 @@ importers:
         specifier: ^9.0.0-alpha.25
         version: link:../../../packages/vue-table
       vue:
-        specifier: ^3.5.31
-        version: 3.5.31(typescript@6.0.2)
+        specifier: ^3.5.32
+        version: 3.5.32(typescript@6.0.2)
     devDependencies:
       '@types/node':
-        specifier: ^25.5.0
-        version: 25.5.0
+        specifier: ^25.5.2
+        version: 25.5.2
       '@vitejs/plugin-vue':
         specifier: ^6.0.5
-        version: 6.0.5(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.31(typescript@6.0.2))
+        version: 6.0.5(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.32(typescript@6.0.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vue-tsc:
         specifier: ^3.2.6
         version: 3.2.6(typescript@6.0.2)
@@ -4466,21 +4466,21 @@ importers:
         specifier: ^9.0.0-alpha.25
         version: link:../../../packages/vue-table
       vue:
-        specifier: ^3.5.31
-        version: 3.5.31(typescript@6.0.2)
+        specifier: ^3.5.32
+        version: 3.5.32(typescript@6.0.2)
     devDependencies:
       '@types/node':
-        specifier: ^25.5.0
-        version: 25.5.0
+        specifier: ^25.5.2
+        version: 25.5.2
       '@vitejs/plugin-vue':
         specifier: ^6.0.5
-        version: 6.0.5(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.31(typescript@6.0.2))
+        version: 6.0.5(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.32(typescript@6.0.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vue-tsc:
         specifier: ^3.2.6
         version: 3.2.6(typescript@6.0.2)
@@ -4494,21 +4494,21 @@ importers:
         specifier: ^9.0.0-alpha.25
         version: link:../../../packages/vue-table
       vue:
-        specifier: ^3.5.31
-        version: 3.5.31(typescript@6.0.2)
+        specifier: ^3.5.32
+        version: 3.5.32(typescript@6.0.2)
     devDependencies:
       '@types/node':
-        specifier: ^25.5.0
-        version: 25.5.0
+        specifier: ^25.5.2
+        version: 25.5.2
       '@vitejs/plugin-vue':
         specifier: ^6.0.5
-        version: 6.0.5(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.31(typescript@6.0.2))
+        version: 6.0.5(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.32(typescript@6.0.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vue-tsc:
         specifier: ^3.2.6
         version: 3.2.6(typescript@6.0.2)
@@ -4522,24 +4522,24 @@ importers:
         specifier: ^9.0.0-alpha.25
         version: link:../../../packages/vue-table
       vue:
-        specifier: ^3.5.31
-        version: 3.5.31(typescript@6.0.2)
+        specifier: ^3.5.32
+        version: 3.5.32(typescript@6.0.2)
     devDependencies:
       '@types/node':
-        specifier: ^25.5.0
-        version: 25.5.0
+        specifier: ^25.5.2
+        version: 25.5.2
       '@vitejs/plugin-vue':
         specifier: ^6.0.5
-        version: 6.0.5(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.31(typescript@6.0.2))
+        version: 6.0.5(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.32(typescript@6.0.2))
       '@vitejs/plugin-vue-jsx':
         specifier: ^5.1.5
-        version: 5.1.5(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.31(typescript@6.0.2))
+        version: 5.1.5(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.32(typescript@6.0.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vue-tsc:
         specifier: ^3.2.6
         version: 3.2.6(typescript@6.0.2)
@@ -4553,21 +4553,21 @@ importers:
         specifier: ^9.0.0-alpha.25
         version: link:../../../packages/vue-table
       vue:
-        specifier: ^3.5.31
-        version: 3.5.31(typescript@6.0.2)
+        specifier: ^3.5.32
+        version: 3.5.32(typescript@6.0.2)
     devDependencies:
       '@types/node':
-        specifier: ^25.5.0
-        version: 25.5.0
+        specifier: ^25.5.2
+        version: 25.5.2
       '@vitejs/plugin-vue':
         specifier: ^6.0.5
-        version: 6.0.5(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.31(typescript@6.0.2))
+        version: 6.0.5(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.32(typescript@6.0.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vue-tsc:
         specifier: ^3.2.6
         version: 3.2.6(typescript@6.0.2)
@@ -4581,21 +4581,21 @@ importers:
         specifier: ^9.0.0-alpha.25
         version: link:../../../packages/vue-table
       vue:
-        specifier: ^3.5.31
-        version: 3.5.31(typescript@6.0.2)
+        specifier: ^3.5.32
+        version: 3.5.32(typescript@6.0.2)
     devDependencies:
       '@types/node':
-        specifier: ^25.5.0
-        version: 25.5.0
+        specifier: ^25.5.2
+        version: 25.5.2
       '@vitejs/plugin-vue':
         specifier: ^6.0.5
-        version: 6.0.5(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.31(typescript@6.0.2))
+        version: 6.0.5(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.32(typescript@6.0.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vue-tsc:
         specifier: ^3.2.6
         version: 3.2.6(typescript@6.0.2)
@@ -4607,26 +4607,26 @@ importers:
         version: link:../../../packages/vue-table
       '@tanstack/vue-virtual':
         specifier: ^3.13.23
-        version: 3.13.23(vue@3.5.31(typescript@6.0.2))
+        version: 3.13.23(vue@3.5.32(typescript@6.0.2))
       vue:
-        specifier: ^3.5.31
-        version: 3.5.31(typescript@6.0.2)
+        specifier: ^3.5.32
+        version: 3.5.32(typescript@6.0.2)
     devDependencies:
       '@faker-js/faker':
         specifier: ^10.4.0
         version: 10.4.0
       '@types/node':
-        specifier: ^25.5.0
-        version: 25.5.0
+        specifier: ^25.5.2
+        version: 25.5.2
       '@vitejs/plugin-vue':
         specifier: ^6.0.5
-        version: 6.0.5(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.31(typescript@6.0.2))
+        version: 6.0.5(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.32(typescript@6.0.2))
       typescript:
         specifier: 6.0.2
         version: 6.0.2
       vite:
-        specifier: ^8.0.3
-        version: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+        specifier: ^8.0.7
+        version: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       vue-tsc:
         specifier: ^3.2.6
         version: 3.2.6(typescript@6.0.2)
@@ -4644,11 +4644,11 @@ importers:
         version: 2.8.1
     devDependencies:
       '@analogjs/vite-plugin-angular':
-        specifier: ^2.4.0
-        version: 2.4.0(@angular-devkit/build-angular@21.2.6(e11c714d0ec0728f5ad4f23cc5f219fa))(@angular/build@21.2.6(d3b360ec193e51d51b79ef3f770335f6))
+        specifier: ^2.4.1
+        version: 2.4.1(@angular-devkit/build-angular@21.2.6(94a8d7facc63d2b636da72db756fba85))(@angular/build@21.2.6(4cee6253c5b25265b24ef43a54e938c2))
       '@analogjs/vitest-angular':
-        specifier: ^2.4.0
-        version: 2.4.0(@analogjs/vite-plugin-angular@2.4.0(@angular-devkit/build-angular@21.2.6(e11c714d0ec0728f5ad4f23cc5f219fa))(@angular/build@21.2.6(d3b360ec193e51d51b79ef3f770335f6)))(@angular-devkit/architect@0.2102.6(chokidar@5.0.0))(@angular-devkit/schematics@21.2.6(chokidar@5.0.0))(vitest@4.1.2(@types/node@25.5.0)(jsdom@29.0.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)))(zone.js@0.16.0)
+        specifier: ^2.4.1
+        version: 2.4.1(@analogjs/vite-plugin-angular@2.4.1(@angular-devkit/build-angular@21.2.6(94a8d7facc63d2b636da72db756fba85))(@angular/build@21.2.6(4cee6253c5b25265b24ef43a54e938c2)))(@angular-devkit/architect@0.2102.6(chokidar@5.0.0))(@angular-devkit/schematics@21.2.6(chokidar@5.0.0))(vitest@4.1.3(@types/node@25.5.2)(jsdom@29.0.2)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)))(zone.js@0.16.0)
       '@angular/core':
         specifier: ^21.2.7
         version: 21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0)
@@ -4682,17 +4682,17 @@ importers:
     dependencies:
       '@tanstack/preact-store':
         specifier: ^0.11.3
-        version: 0.11.3(preact@10.29.0)
+        version: 0.11.3(preact@10.29.1)
       '@tanstack/table-core':
         specifier: workspace:*
         version: link:../table-core
     devDependencies:
       '@preact/preset-vite':
         specifier: ^2.10.5
-        version: 2.10.5(@babel/core@7.29.0)(preact@10.29.0)(rollup@4.53.3)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 2.10.5(@babel/core@7.29.0)(preact@10.29.1)(rollup@4.53.3)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       preact:
-        specifier: ^10.29.0
-        version: 10.29.0
+        specifier: ^10.29.1
+        version: 10.29.1
 
   packages/react-table:
     dependencies:
@@ -4704,20 +4704,20 @@ importers:
         version: link:../table-core
     devDependencies:
       '@eslint-react/eslint-plugin':
-        specifier: ^4.2.1
-        version: 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+        specifier: ^4.2.3
+        version: 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       '@types/react':
         specifier: ^19.2.14
         version: 19.2.14
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       eslint-plugin-react-compiler:
         specifier: 19.1.0-rc.2
-        version: 19.1.0-rc.2(eslint@10.1.0(jiti@2.6.1))
+        version: 19.1.0-rc.2(eslint@10.2.0(jiti@2.6.1))
       eslint-plugin-react-hooks:
         specifier: ^7.0.1
-        version: 7.0.1(eslint@10.1.0(jiti@2.6.1))
+        version: 7.0.1(eslint@10.2.0(jiti@2.6.1))
       react:
         specifier: ^19.2.4
         version: 19.2.4
@@ -4726,14 +4726,14 @@ importers:
     dependencies:
       '@tanstack/devtools-utils':
         specifier: ^0.4.0
-        version: 0.4.0(@types/react@19.2.14)(preact@10.29.0)(react@19.2.4)(solid-js@1.9.12)(vue@3.5.31(typescript@6.0.2))
+        version: 0.4.0(@types/react@19.2.14)(preact@10.29.1)(react@19.2.4)(solid-js@1.9.12)(vue@3.5.32(typescript@6.0.2))
       '@tanstack/table-devtools':
         specifier: workspace:*
         version: link:../table-devtools
     devDependencies:
       '@eslint-react/eslint-plugin':
-        specifier: ^4.2.1
-        version: 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+        specifier: ^4.2.3
+        version: 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       '@tanstack/react-devtools':
         specifier: ^0.10.1
         version: 0.10.1(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(solid-js@1.9.12)
@@ -4748,13 +4748,13 @@ importers:
         version: 19.2.3(@types/react@19.2.14)
       '@vitejs/plugin-react':
         specifier: ^6.0.1
-        version: 6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       eslint-plugin-react-compiler:
         specifier: 19.1.0-rc.2
-        version: 19.1.0-rc.2(eslint@10.1.0(jiti@2.6.1))
+        version: 19.1.0-rc.2(eslint@10.2.0(jiti@2.6.1))
       eslint-plugin-react-hooks:
         specifier: ^7.0.1
-        version: 7.0.1(eslint@10.1.0(jiti@2.6.1))
+        version: 7.0.1(eslint@10.2.0(jiti@2.6.1))
       react:
         specifier: ^19.2.4
         version: 19.2.4
@@ -4775,8 +4775,8 @@ importers:
         specifier: ^1.9.12
         version: 1.9.12
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   packages/solid-table-devtools:
     dependencies:
@@ -4785,7 +4785,7 @@ importers:
         version: 0.11.1(csstype@3.2.3)(solid-js@1.9.12)
       '@tanstack/devtools-utils':
         specifier: ^0.4.0
-        version: 0.4.0(@types/react@19.2.14)(preact@10.29.0)(react@19.2.4)(solid-js@1.9.12)(vue@3.5.31(typescript@6.0.2))
+        version: 0.4.0(@types/react@19.2.14)(preact@10.29.1)(react@19.2.4)(solid-js@1.9.12)(vue@3.5.32(typescript@6.0.2))
       '@tanstack/table-devtools':
         specifier: workspace:*
         version: link:../table-devtools
@@ -4797,8 +4797,8 @@ importers:
         specifier: ^1.9.12
         version: 1.9.12
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   packages/svelte-table:
     dependencies:
@@ -4814,10 +4814,10 @@ importers:
         version: 2.5.7(svelte@5.55.1)(typescript@6.0.2)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^7.0.0
-        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       eslint-plugin-svelte:
-        specifier: ^3.16.0
-        version: 3.16.0(eslint@10.1.0(jiti@2.6.1))(svelte@5.55.1)
+        specifier: ^3.17.0
+        version: 3.17.0(eslint@10.2.0(jiti@2.6.1))(svelte@5.55.1)
       svelte:
         specifier: ^5.55.1
         version: 5.55.1
@@ -4838,7 +4838,7 @@ importers:
         version: 0.5.1(csstype@3.2.3)(solid-js@1.9.12)
       '@tanstack/devtools-utils':
         specifier: ^0.4.0
-        version: 0.4.0(@types/react@19.2.14)(preact@10.29.0)(react@19.2.4)(solid-js@1.9.12)(vue@3.5.31(typescript@6.0.2))
+        version: 0.4.0(@types/react@19.2.14)(preact@10.29.1)(react@19.2.4)(solid-js@1.9.12)(vue@3.5.32(typescript@6.0.2))
       '@tanstack/solid-store':
         specifier: ^0.9.3
         version: 0.9.3(solid-js@1.9.12)
@@ -4853,8 +4853,8 @@ importers:
         version: 1.9.12
     devDependencies:
       vite-plugin-solid:
-        specifier: ^2.11.11
-        version: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+        specifier: ^2.11.12
+        version: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   packages/vue-table:
     dependencies:
@@ -4863,17 +4863,17 @@ importers:
         version: link:../table-core
       '@tanstack/vue-store':
         specifier: ^0.9.3
-        version: 0.9.3(vue@3.5.31(typescript@6.0.2))
+        version: 0.9.3(vue@3.5.32(typescript@6.0.2))
     devDependencies:
       '@vitejs/plugin-vue':
         specifier: ^6.0.5
-        version: 6.0.5(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.31(typescript@6.0.2))
+        version: 6.0.5(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.32(typescript@6.0.2))
       eslint-plugin-vue:
         specifier: ^10.8.0
-        version: 10.8.0(@stylistic/eslint-plugin@5.10.0(eslint@10.1.0(jiti@2.6.1)))(@typescript-eslint/parser@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.1.0(jiti@2.6.1))(vue-eslint-parser@10.4.0(eslint@10.1.0(jiti@2.6.1)))
+        version: 10.8.0(@stylistic/eslint-plugin@5.10.0(eslint@10.2.0(jiti@2.6.1)))(@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.2.0(jiti@2.6.1))(vue-eslint-parser@10.4.0(eslint@10.2.0(jiti@2.6.1)))
       vue:
-        specifier: ^3.5.31
-        version: 3.5.31(typescript@6.0.2)
+        specifier: ^3.5.32
+        version: 3.5.32(typescript@6.0.2)
 
 packages:
 
@@ -4940,8 +4940,8 @@ packages:
     resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
 
-  '@analogjs/vite-plugin-angular@2.4.0':
-    resolution: {integrity: sha512-aMDyyI7vOZ39vyMjCifqnkw4854GJtmfNtC4gxws6f6ET2JeXiNQApf6r+HB2M6dP3kAuPLqaQbNEhh0FrunYA==}
+  '@analogjs/vite-plugin-angular@2.4.1':
+    resolution: {integrity: sha512-jXo1cNKSS/mslXA3SfzDro6H7ntCH7wx19uaClKM6Sz0WJx+g3s59338Md4whASxvCsrCJdYG7ptoHQxud7wqg==}
     peerDependencies:
       '@angular-devkit/build-angular': ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0
       '@angular/build': ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0
@@ -4951,8 +4951,8 @@ packages:
       '@angular/build':
         optional: true
 
-  '@analogjs/vitest-angular@2.4.0':
-    resolution: {integrity: sha512-8PJYu1PIvHo+AVquvxsnsjGauEE7rjc443rn1dNpK/CUr1YNLeynswiDt1h9MpnzvRhLiJazMt4LpNu6ieYQwA==}
+  '@analogjs/vitest-angular@2.4.1':
+    resolution: {integrity: sha512-Z7WMAuc3ppedOZM9ACF1FY+tXY5SdvkpOWeK6yOJGrYF/fcCvv2xKX3sd+wId60PwSP+76BcAbjxpiYHc9UGyQ==}
     peerDependencies:
       '@analogjs/vite-plugin-angular': '*'
       '@angular-devkit/architect': '>=0.1500.0 < 0.2200.0'
@@ -5197,12 +5197,12 @@ packages:
       '@angular/platform-server':
         optional: true
 
-  '@asamuzakjp/css-color@5.1.1':
-    resolution: {integrity: sha512-iGWN8E45Ws0XWx3D44Q1t6vX2LqhCKcwfmwBYCDsFrYFS6m4q/Ks61L2veETaLv+ckDC6+dTETJoaAAb7VjLiw==}
+  '@asamuzakjp/css-color@5.1.6':
+    resolution: {integrity: sha512-BXWCh8dHs9GOfpo/fWGDJtDmleta2VePN9rn6WQt3GjEbxzutVF4t0x2pmH+7dbMCLtuv3MlwqRsAuxlzFXqFg==}
     engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
 
-  '@asamuzakjp/dom-selector@7.0.4':
-    resolution: {integrity: sha512-jXR6x4AcT3eIrS2fSNAwJpwirOkGcd+E7F7CP3zjdTqz9B/2huHOL8YJZBgekKwLML+u7qB/6P1LXQuMScsx0w==}
+  '@asamuzakjp/dom-selector@7.0.8':
+    resolution: {integrity: sha512-erMO6FgtM02dC24NGm0xufMzWz5OF0wXKR7BpvGD973bq/GbmR8/DbxNZbj0YevQ5hlToJaWSVK/G9/NDgGEVw==}
     engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
 
   '@asamuzakjp/nwsapi@2.3.9':
@@ -6006,12 +6006,21 @@ packages:
   '@emnapi/core@1.7.1':
     resolution: {integrity: sha512-o1uhUASyo921r2XtHYOHy7gdkGLge8ghBEQHMWmyJFoXlpU58kIrhhN3w26lpQb6dspetweapMn2CSNwQ8I4wg==}
 
+  '@emnapi/core@1.9.1':
+    resolution: {integrity: sha512-mukuNALVsoix/w1BJwFzwXBN/dHeejQtuVzcDsfOEsdpCumXb/E9j8w11h5S54tT1xhifGfbbSm/ICrObRb3KA==}
+
   '@emnapi/runtime@1.7.1':
     resolution: {integrity: sha512-PVtJr5CmLwYAU9PZDMITZoR5iAOShYREoR45EyyLrbntV50mdePTgUn4AmOw90Ifcj+x2kRjdzr1HP3RrNiHGA==}
 
+  '@emnapi/runtime@1.9.1':
+    resolution: {integrity: sha512-VYi5+ZVLhpgK4hQ0TAjiQiZ6ol0oe4mBx7mVv7IflsiEp0OWoVsp/+f9Vc1hOhE0TtkORVrI1GvzyreqpgWtkA==}
+
   '@emnapi/wasi-threads@1.1.0':
     resolution: {integrity: sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==}
 
+  '@emnapi/wasi-threads@1.2.0':
+    resolution: {integrity: sha512-N10dEJNSsUx41Z6pZsXU8FjPjpBEplgH24sfkmITrBED1/U2Esum9F3lfLrMjKHHjmi557zQn7kR9R+XWXu5Rg==}
+
   '@esbuild/aix-ppc64@0.23.1':
     resolution: {integrity: sha512-6VhYk1diRqrhBAqpJEdjASR/+WVRtfjpqKuNw11cLiaWpAT/Uu+nokB+UJnevzy/P9C/ty6AOe0dwueMrGh/iQ==}
     engines: {node: '>=18'}
@@ -6478,58 +6487,58 @@ packages:
     resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
-  '@eslint-react/ast@4.2.1':
-    resolution: {integrity: sha512-c87t5ETHaBQ/41BY+R27BSfXbxpIPAVNYkZwazBM5RNeZx/Nstji250KJh7Il2GJfRzkTVYo62FJpINYSSDFVA==}
+  '@eslint-react/ast@4.2.3':
+    resolution: {integrity: sha512-/XHJPFX8lsp+c/gMzFOnIxqH7YIXVX8SlMHuZ6XTUlYHkGquhydTtgso0VFiLQN1z3dThrybdgBq+JD+LSwK2w==}
     engines: {node: '>=22.0.0'}
     peerDependencies:
       eslint: ^10.0.0
       typescript: '*'
 
-  '@eslint-react/core@4.2.1':
-    resolution: {integrity: sha512-8bV453Hwrl0qcpCs9up0iuMR8/vR53EOGriKDcWxeHeZKyEe01z2Op42aOh/P6QVsBHe1egzOi0u7Q7op5p7cg==}
+  '@eslint-react/core@4.2.3':
+    resolution: {integrity: sha512-r0cgJlCemBb61f0qCrXS95hNq2ajIku5V7Tk45fROQu4HIV55ILJeN2ceea1LKmgRWy/pQw8+SvImronwWo16A==}
     engines: {node: '>=22.0.0'}
     peerDependencies:
       eslint: ^10.0.0
       typescript: '*'
 
-  '@eslint-react/eslint-plugin@4.2.1':
-    resolution: {integrity: sha512-ora2VeZgDfKNY1lj98z85+2Qzpe/fmi4wXogTRpsXWk0SKGGq7gT4FZeQ0SiiXtZ14GkRW6ajy0EmvJbcMit5g==}
+  '@eslint-react/eslint-plugin@4.2.3':
+    resolution: {integrity: sha512-kJP6QWXfwI+T53xlUqWaCf3XrSWx6xnu6e50gpdnjNBJjv2FxQqm25Ef1wTEQWORnSyN7q18LU5i8hl4J/ZSXQ==}
     engines: {node: '>=22.0.0'}
     peerDependencies:
       eslint: ^10.0.0
       typescript: '*'
 
-  '@eslint-react/jsx@4.2.1':
-    resolution: {integrity: sha512-ee2Lp6D8HMGJuG9TNErvDEJ2DEGyz5e+WDrmHHIE/rsxuKUtK0cYhNewlUwT2j8e39xZAMkQjG1mvaakIeiw4w==}
+  '@eslint-react/jsx@4.2.3':
+    resolution: {integrity: sha512-lSwRo/PAwf1EvXRxpXA5yBhPIxahFuC4uHh84nc5OxE0mJ7YEmzmASR+ug3QOnVnfDsJDVo6AWVR7PSL99YkOQ==}
     engines: {node: '>=22.0.0'}
     peerDependencies:
       eslint: ^10.0.0
       typescript: '*'
 
-  '@eslint-react/shared@4.2.1':
-    resolution: {integrity: sha512-I3dLclibenj5IOmhFJtJWXFediSn2Bcv35Qm/1LsO1/4B/x0eMLAu5pxdsXBTS5RZgsgB9SKPGqvq+Q0WqHUiQ==}
+  '@eslint-react/shared@4.2.3':
+    resolution: {integrity: sha512-6HermdKaTWkID0coAK46ynA9XIwUWGgA2Y+NK6qcmL/qbYzyRYs4hq+SmLMvZZ8DV/SFOaHRXl9iCTvjf6DvXQ==}
     engines: {node: '>=22.0.0'}
     peerDependencies:
       eslint: ^10.0.0
       typescript: '*'
 
-  '@eslint-react/var@4.2.1':
-    resolution: {integrity: sha512-vOSTlOMKJC81SJ3bGFZKIBwMxC7r8sv5xYDuA/FY/TbXT5jDnHPL8W7sTuWU+QpYigxbT5wH+Lktj/SjIIenfA==}
+  '@eslint-react/var@4.2.3':
+    resolution: {integrity: sha512-zkQki2eYbQrMW4O6DCZDQzslFvw0sWAlvW/WWjocEIGHqRGC3IHWcRt3xsq8JPNOW4WjF4/LZ8czkyLoINV9rw==}
     engines: {node: '>=22.0.0'}
     peerDependencies:
       eslint: ^10.0.0
       typescript: '*'
 
-  '@eslint/config-array@0.23.3':
-    resolution: {integrity: sha512-j+eEWmB6YYLwcNOdlwQ6L2OsptI/LO6lNBuLIqe5R7RetD658HLoF+Mn7LzYmAWWNNzdC6cqP+L6r8ujeYXWLw==}
+  '@eslint/config-array@0.23.4':
+    resolution: {integrity: sha512-lf19F24LSMfF8weXvW5QEtnLqW70u7kgit5e9PSx0MsHAFclGd1T9ynvWEMDT1w5J4Qt54tomGeAhdoAku1Xow==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  '@eslint/config-helpers@0.5.3':
-    resolution: {integrity: sha512-lzGN0onllOZCGroKJmRwY6QcEHxbjBw1gwB8SgRSqK8YbbtEXMvKynsXc3553ckIEBxsbMBU7oOZXKIPGZNeZw==}
+  '@eslint/config-helpers@0.5.4':
+    resolution: {integrity: sha512-jJhqiY3wPMlWWO3370M86CPJ7pt8GmEwSLglMfQhjXal07RCvhmU0as4IuUEW5SJeunfItiEetHmSxCCe9lDBg==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  '@eslint/core@1.1.1':
-    resolution: {integrity: sha512-QUPblTtE51/7/Zhfv8BDwO0qkkzQL7P/aWWbqcf4xWLEYn1oKjdO0gglQBB4GAsu7u6wjijbCmzsUTy6mnk6oQ==}
+  '@eslint/core@1.2.0':
+    resolution: {integrity: sha512-8FTGbNzTvmSlc4cZBaShkC6YvFMG0riksYWRFKXztqVdXaQbcZLXlFbSpC05s70sGEsXAw0qwhx69JiW7hQS7A==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
   '@eslint/js@10.0.1':
@@ -6541,12 +6550,12 @@ packages:
       eslint:
         optional: true
 
-  '@eslint/object-schema@3.0.3':
-    resolution: {integrity: sha512-iM869Pugn9Nsxbh/YHRqYiqd23AmIbxJOcpUMOuWCVNdoQJ5ZtwL6h3t0bcZzJUlC3Dq9jCFCESBZnX0GTv7iQ==}
+  '@eslint/object-schema@3.0.4':
+    resolution: {integrity: sha512-55lO/7+Yp0ISKRP0PsPtNTeNGapXaO085aELZmWCVc5SH3jfrqpuU6YgOdIxMS99ZHkQN1cXKE+cdIqwww9ptw==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  '@eslint/plugin-kit@0.6.1':
-    resolution: {integrity: sha512-iH1B076HoAshH1mLpHMgwdGeTs0CYwL0SPMkGuSebZrwBp16v415e9NZXg2jtrqPVQjf6IANe2Vtlr5KswtcZQ==}
+  '@eslint/plugin-kit@0.7.0':
+    resolution: {integrity: sha512-ejvBr8MQCbVsWNZnCwDXjUKq40MDmHalq7cJ6e9s/qzTUFIIo/afzt1Vui9T97FM/V/pN4YsFVoed5NIa96RDg==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
   '@exodus/bytes@1.15.0':
@@ -7051,6 +7060,12 @@ packages:
   '@napi-rs/wasm-runtime@1.1.1':
     resolution: {integrity: sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A==}
 
+  '@napi-rs/wasm-runtime@1.1.2':
+    resolution: {integrity: sha512-sNXv5oLJ7ob93xkZ1XnxisYhGYXfaG9f65/ZgYuAu3qt7b3NadcOEhLvx28hv31PgX8SZJRYrAIPQilQmFpLVw==}
+    peerDependencies:
+      '@emnapi/core': ^1.7.1
+      '@emnapi/runtime': ^1.7.1
+
   '@ngtools/webpack@21.2.6':
     resolution: {integrity: sha512-SU6aMvFz/0uM2WhIGrZ/QexEIqT/VdLfcmy7OYAxOd3w7u2wqQao/1uSOEJo+BR+B48QYf7Z5LLpS8t1mWZYKQ==}
     engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0, npm: ^6.11.0 || ^7.5.6 || >=8.0.0, yarn: '>= 1.13.0'}
@@ -7305,6 +7320,9 @@ packages:
   '@oxc-project/types@0.122.0':
     resolution: {integrity: sha512-oLAl5kBpV4w69UtFZ9xqcmTi+GENWOcPF7FCrczTiBbmC0ibXxCwyvZGbO39rCVEuLGAZM84DH0pUIyyv/YJzA==}
 
+  '@oxc-project/types@0.123.0':
+    resolution: {integrity: sha512-YtECP/y8Mj1lSHiUWGSRzy/C6teUKlS87dEfuVKT09LgQbUsBW1rNg+MiJ4buGu3yuADV60gbIvo9/HplA56Ew==}
+
   '@oxc-resolver/binding-android-arm-eabi@11.19.1':
     resolution: {integrity: sha512-aUs47y+xyXHUKlbhqHUjBABjvycq6YSD7bpxSW7vplUmdzAlJ93yXY6ZR0c1o1x5A/QKbENCvs3+NlY8IpIVzg==}
     cpu: [arm]
@@ -7971,6 +7989,12 @@ packages:
     cpu: [arm64]
     os: [android]
 
+  '@rolldown/binding-android-arm64@1.0.0-rc.13':
+    resolution: {integrity: sha512-5ZiiecKH2DXAVJTNN13gNMUcCDg4Jy8ZjbXEsPnqa248wgOVeYRX0iqXXD5Jz4bI9BFHgKsI2qmyJynstbmr+g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
   '@rolldown/binding-android-arm64@1.0.0-rc.4':
     resolution: {integrity: sha512-vRq9f4NzvbdZavhQbjkJBx7rRebDKYR9zHfO/Wg486+I7bSecdUapzCm5cyXoK+LHokTxgSq7A5baAXUZkIz0w==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -7983,6 +8007,12 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
+  '@rolldown/binding-darwin-arm64@1.0.0-rc.13':
+    resolution: {integrity: sha512-tz/v/8G77seu8zAB3A5sK3UFoOl06zcshEzhUO62sAEtrEuW/H1CcyoupOrD+NbQJytYgA4CppXPzlrmp4JZKA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
   '@rolldown/binding-darwin-arm64@1.0.0-rc.4':
     resolution: {integrity: sha512-kFgEvkWLqt3YCgKB5re9RlIrx9bRsvyVUnaTakEpOPuLGzLpLapYxE9BufJNvPg8GjT6mB1alN4yN1NjzoeM8Q==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -7995,6 +8025,12 @@ packages:
     cpu: [x64]
     os: [darwin]
 
+  '@rolldown/binding-darwin-x64@1.0.0-rc.13':
+    resolution: {integrity: sha512-8DakphqOz8JrMYWTJmWA+vDJxut6LijZ8Xcdc4flOlAhU7PNVwo2MaWBF9iXjJAPo5rC/IxEFZDhJ3GC7NHvug==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
   '@rolldown/binding-darwin-x64@1.0.0-rc.4':
     resolution: {integrity: sha512-JXmaOJGsL/+rsmMfutcDjxWM2fTaVgCHGoXS7nE8Z3c9NAYjGqHvXrAhMUZvMpHS/k7Mg+X7n/MVKb7NYWKKww==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -8007,6 +8043,12 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
+  '@rolldown/binding-freebsd-x64@1.0.0-rc.13':
+    resolution: {integrity: sha512-4wBQFfjDuXYN/SVI8inBF3Aa+isq40rc6VMFbk5jcpolUBTe5cYnMsHZ51nFWsx3PVyyNN3vgoESki0Hmr/4BA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
   '@rolldown/binding-freebsd-x64@1.0.0-rc.4':
     resolution: {integrity: sha512-ep3Catd6sPnHTM0P4hNEvIv5arnDvk01PfyJIJ+J3wVCG1eEaPo09tvFqdtcaTrkwQy0VWR24uz+cb4IsK53Qw==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -8019,6 +8061,12 @@ packages:
     cpu: [arm]
     os: [linux]
 
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.13':
+    resolution: {integrity: sha512-JW/e4yPIXLms+jmnbwwy5LA/LxVwZUWLN8xug+V200wzaVi5TEGIWQlh8o91gWYFxW609euI98OCCemmWGuPrw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
   '@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.4':
     resolution: {integrity: sha512-LwA5ayKIpnsgXJEwWc3h8wPiS33NMIHd9BhsV92T8VetVAbGe2qXlJwNVDGHN5cOQ22R9uYvbrQir2AB+ntT2w==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -8032,6 +8080,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-rc.13':
+    resolution: {integrity: sha512-ZfKWpXiUymDnavepCaM6KG/uGydJ4l2nBmMxg60Ci4CbeefpqjPWpfaZM7PThOhk2dssqBAcwLc6rAyr0uTdXg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
   '@rolldown/binding-linux-arm64-gnu@1.0.0-rc.4':
     resolution: {integrity: sha512-AC1WsGdlV1MtGay/OQ4J9T7GRadVnpYRzTcygV1hKnypbYN20Yh4t6O1Sa2qRBMqv1etulUknqXjc3CTIsBu6A==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -8046,6 +8101,13 @@ packages:
     os: [linux]
     libc: [musl]
 
+  '@rolldown/binding-linux-arm64-musl@1.0.0-rc.13':
+    resolution: {integrity: sha512-bmRg3O6Z0gq9yodKKWCIpnlH051sEfdVwt+6m5UDffAQMUUqU0xjnQqqAUm+Gu7ofAAly9DqiQDtKu2nPDEABA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
   '@rolldown/binding-linux-arm64-musl@1.0.0-rc.4':
     resolution: {integrity: sha512-lU+6rgXXViO61B4EudxtVMXSOfiZONR29Sys5VGSetUY7X8mg9FCKIIjcPPj8xNDeYzKl+H8F/qSKOBVFJChCQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -8060,6 +8122,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@rolldown/binding-linux-ppc64-gnu@1.0.0-rc.13':
+    resolution: {integrity: sha512-8Wtnbw4k7pMYN9B/mOEAsQ8HOiq7AZ31Ig4M9BKn2So4xRaFEhtCSa4ZJaOutOWq50zpgR4N5+L/opnlaCx8wQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
   '@rolldown/binding-linux-s390x-gnu@1.0.0-rc.12':
     resolution: {integrity: sha512-nWwpvUSPkoFmZo0kQazZYOrT7J5DGOJ/+QHHzjvNlooDZED8oH82Yg67HvehPPLAg5fUff7TfWFHQS8IV1n3og==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -8067,6 +8136,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@rolldown/binding-linux-s390x-gnu@1.0.0-rc.13':
+    resolution: {integrity: sha512-D/0Nlo8mQuxSMohNJUF2lDXWRsFDsHldfRRgD9bRgktj+EndGPj4DOV37LqDKPYS+osdyhZEH7fTakTAEcW7qg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
   '@rolldown/binding-linux-x64-gnu@1.0.0-rc.12':
     resolution: {integrity: sha512-RNrafz5bcwRy+O9e6P8Z/OCAJW/A+qtBczIqVYwTs14pf4iV1/+eKEjdOUta93q2TsT/FI0XYDP3TCky38LMAg==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -8074,6 +8150,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@rolldown/binding-linux-x64-gnu@1.0.0-rc.13':
+    resolution: {integrity: sha512-eRrPvat2YaVQcwwKi/JzOP6MKf1WRnOCr+VaI3cTWz3ZoLcP/654z90lVCJ4dAuMEpPdke0n+qyAqXDZdIC4rA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
   '@rolldown/binding-linux-x64-gnu@1.0.0-rc.4':
     resolution: {integrity: sha512-DZaN1f0PGp/bSvKhtw50pPsnln4T13ycDq1FrDWRiHmWt1JeW+UtYg9touPFf8yt993p8tS2QjybpzKNTxYEwg==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -8088,6 +8171,13 @@ packages:
     os: [linux]
     libc: [musl]
 
+  '@rolldown/binding-linux-x64-musl@1.0.0-rc.13':
+    resolution: {integrity: sha512-PsdONiFRp8hR8KgVjTWjZ9s7uA3uueWL0t74/cKHfM4dR5zXYv4AjB8BvA+QDToqxAFg4ZkcVEqeu5F7inoz5w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
   '@rolldown/binding-linux-x64-musl@1.0.0-rc.4':
     resolution: {integrity: sha512-RnGxwZLN7fhMMAItnD6dZ7lvy+TI7ba+2V54UF4dhaWa/p8I/ys1E73KO6HmPmgz92ZkfD8TXS1IMV8+uhbR9g==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -8101,6 +8191,12 @@ packages:
     cpu: [arm64]
     os: [openharmony]
 
+  '@rolldown/binding-openharmony-arm64@1.0.0-rc.13':
+    resolution: {integrity: sha512-hCNXgC5dI3TVOLrPT++PKFNZ+1EtS0mLQwfXXXSUD/+rGlB65gZDwN/IDuxLpQP4x8RYYHqGomlUXzpO8aVI2w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
   '@rolldown/binding-openharmony-arm64@1.0.0-rc.4':
     resolution: {integrity: sha512-6lcI79+X8klGiGd8yHuTgQRjuuJYNggmEml+RsyN596P23l/zf9FVmJ7K0KVKkFAeYEdg0iMUKyIxiV5vebDNQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -8112,6 +8208,11 @@ packages:
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
 
+  '@rolldown/binding-wasm32-wasi@1.0.0-rc.13':
+    resolution: {integrity: sha512-viLS5C5et8NFtLWw9Sw3M/w4vvnVkbWkO7wSNh3C+7G1+uCkGpr6PcjNDSFcNtmXY/4trjPBqUfcOL+P3sWy/g==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+
   '@rolldown/binding-wasm32-wasi@1.0.0-rc.4':
     resolution: {integrity: sha512-wz7ohsKCAIWy91blZ/1FlpPdqrsm1xpcEOQVveWoL6+aSPKL4VUcoYmmzuLTssyZxRpEwzuIxL/GDsvpjaBtOw==}
     engines: {node: '>=14.0.0'}
@@ -8123,6 +8224,12 @@ packages:
     cpu: [arm64]
     os: [win32]
 
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-rc.13':
+    resolution: {integrity: sha512-Fqa3Tlt1xL4wzmAYxGNFV36Hb+VfPc9PYU+E25DAnswXv3ODDu/yyWjQDbXMo5AGWkQVjLgQExuVu8I/UaZhPQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
   '@rolldown/binding-win32-arm64-msvc@1.0.0-rc.4':
     resolution: {integrity: sha512-cfiMrfuWCIgsFmcVG0IPuO6qTRHvF7NuG3wngX1RZzc6dU8FuBFb+J3MIR5WrdTNozlumfgL4cvz+R4ozBCvsQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -8135,6 +8242,12 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@rolldown/binding-win32-x64-msvc@1.0.0-rc.13':
+    resolution: {integrity: sha512-/pLI5kPkGEi44TDlnbio3St/5gUFeN51YWNAk/Gnv6mEQBOahRBh52qVFVBpmrnU01n2yysvBML9Ynu7K4kGAQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
   '@rolldown/binding-win32-x64-msvc@1.0.0-rc.4':
     resolution: {integrity: sha512-p6UeR9y7ht82AH57qwGuFYn69S6CZ7LLKdCKy/8T3zS9VTrJei2/CGsTUV45Da4Z9Rbhc7G4gyWQ/Ioamqn09g==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -8144,6 +8257,9 @@ packages:
   '@rolldown/pluginutils@1.0.0-rc.12':
     resolution: {integrity: sha512-HHMwmarRKvoFsJorqYlFeFRzXZqCt2ETQlEDOb9aqssrnVBB1/+xgTGtuTrIk5vzLNX1MjMtTf7W9z3tsSbrxw==}
 
+  '@rolldown/pluginutils@1.0.0-rc.13':
+    resolution: {integrity: sha512-3ngTAv6F/Py35BsYbeeLeecvhMKdsKm4AoOETVhAA+Qc8nrA2I0kF7oa93mE9qnIurngOSpMnQ0x2nQY2FPviA==}
+
   '@rolldown/pluginutils@1.0.0-rc.2':
     resolution: {integrity: sha512-izyXV/v+cHiRfozX62W9htOAvwMo4/bXKDrQ+vom1L1qRuexPock/7VZDAhnpHCLNejd3NJ6hiab+tO0D44Rgw==}
 
@@ -8678,10 +8794,6 @@ packages:
     peerDependencies:
       lit: ^3.1.0
 
-  '@tanstack/match-sorter-utils@8.19.4':
-    resolution: {integrity: sha512-Wo1iKt2b9OT7d+YGhvEPD3DXvPv2etTusIMhMUoG7fbhmxcXCtIjJDEygy91Y2JFlwGyjqiBPRozme7UD8hoqg==}
-    engines: {node: '>=12'}
-
   '@tanstack/pacer-lite@0.1.1':
     resolution: {integrity: sha512-y/xtNPNt/YeyoVxE/JCx+T7yjEzpezmbb+toK8DDD1P4m7Kzs5YR956+7OKexG3f8aXgC3rLZl7b1V+yNUSy5w==}
     engines: {node: '>=18'}
@@ -8695,9 +8807,6 @@ packages:
     resolution: {integrity: sha512-U+G1OIGHvqG/8m0zWHFLhpKazoMcHNoeUywkQnoZZ5VFqzy6d7CP/p2p4uvFNSrXMLEwQka/cjjW/673cDFu0A==}
     engines: {node: '>=18'}
 
-  '@tanstack/query-core@5.96.1':
-    resolution: {integrity: sha512-u1yBgtavSy+N8wgtW3PiER6UpxcplMje65yXnnVgiHTqiMwLlxiw4WvQDrXyn+UD6lnn8kHaxmerJUzQcV/MMg==}
-
   '@tanstack/query-core@5.96.2':
     resolution: {integrity: sha512-hzI6cTVh4KNRk8UtoIBS7Lv9g6BnJPXvBKsvYH1aGWvv0347jT3BnSvztOE+kD76XGvZnRC/t6qdW1CaIfwCeA==}
 
@@ -8719,8 +8828,8 @@ packages:
       '@tanstack/react-start':
         optional: true
 
-  '@tanstack/react-query@5.96.1':
-    resolution: {integrity: sha512-2X7KYK5KKWUKGeWCVcqxXAkYefJtrKB7tSKWgeG++b0H6BRHxQaLSSi8AxcgjmUnnosHuh9WsFZqvE16P1WCzA==}
+  '@tanstack/react-query@5.96.2':
+    resolution: {integrity: sha512-sYyzzJT4G0g02azzJ8o55VFFV31XvFpdUpG+unxS0vSaYsJnSPKGoI6WdPwUucJL1wpgGfwfmntNX/Ub1uOViA==}
     peerDependencies:
       react: ^18 || ^19
 
@@ -8793,8 +8902,8 @@ packages:
     peerDependencies:
       solid-js: '>=1.9.9'
 
-  '@tanstack/solid-query@5.96.1':
-    resolution: {integrity: sha512-cXGBd4LICE2fpnW6Tmk7dCqBcwJyBhWftIXa42ZZrjVMrr6OEl8/HLTif6G/IZ2DxCTk18pZUGRvV+i3mQa/Dg==}
+  '@tanstack/solid-query@5.96.2':
+    resolution: {integrity: sha512-gAJhm/aHtubM4gKrtBJy9lMIQggtG4pN3P47dIbYi7pESm8ud0EY/jWkj18TUIC65e1nbSOerKBtjRvzydz5+Q==}
     peerDependencies:
       solid-js: ^1.6.0
 
@@ -9008,8 +9117,8 @@ packages:
   '@types/mime@1.3.5':
     resolution: {integrity: sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==}
 
-  '@types/node@25.5.0':
-    resolution: {integrity: sha512-jp2P3tQMSxWugkCUKLRPVUpGaL5MVFwF8RDuSRztfwgN1wmqJeMSbKlnEtQqU8UrhTmzEmZdu2I6v2dpp7XIxw==}
+  '@types/node@25.5.2':
+    resolution: {integrity: sha512-tO4ZIRKNC+MDWV4qKVZe3Ql/woTnmHDr5JD8UI5hn2pwBrHEwOEMZK7WlNb5RKB6EoJ02gwmQS9OrjuFnZYdpg==}
 
   '@types/qs@6.9.18':
     resolution: {integrity: sha512-kK7dgTYDyGqS+e2Q4aK9X3D7q234CIZ1Bv0q/7Z5IwRDoADNU81xXJK/YVyLbLTZCoIwUoDoffFeF+p/eIklAA==}
@@ -9251,11 +9360,11 @@ packages:
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
       vue: ^3.2.25
 
-  '@vitest/expect@4.1.2':
-    resolution: {integrity: sha512-gbu+7B0YgUJ2nkdsRJrFFW6X7NTP44WlhiclHniUhxADQJH5Szt9mZ9hWnJPJ8YwOK5zUOSSlSvyzRf0u1DSBQ==}
+  '@vitest/expect@4.1.3':
+    resolution: {integrity: sha512-CW8Q9KMtXDGHj0vCsqui0M5KqRsu0zm0GNDW7Gd3U7nZ2RFpPKSCpeCXoT+/+5zr1TNlsoQRDEz+LzZUyq6gnQ==}
 
-  '@vitest/mocker@4.1.2':
-    resolution: {integrity: sha512-Ize4iQtEALHDttPRCmN+FKqOl2vxTiNUhzobQFFt/BM1lRUTG7zRCLOykG/6Vo4E4hnUdfVLo5/eqKPukcWW7Q==}
+  '@vitest/mocker@4.1.3':
+    resolution: {integrity: sha512-XN3TrycitDQSzGRnec/YWgoofkYRhouyVQj4YNsJ5r/STCUFqMrP4+oxEv3e7ZbLi4og5kIHrZwekDJgw6hcjw==}
     peerDependencies:
       msw: ^2.4.9
       vite: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -9265,20 +9374,20 @@ packages:
       vite:
         optional: true
 
-  '@vitest/pretty-format@4.1.2':
-    resolution: {integrity: sha512-dwQga8aejqeuB+TvXCMzSQemvV9hNEtDDpgUKDzOmNQayl2OG241PSWeJwKRH3CiC+sESrmoFd49rfnq7T4RnA==}
+  '@vitest/pretty-format@4.1.3':
+    resolution: {integrity: sha512-hYqqwuMbpkkBodpRh4k4cQSOELxXky1NfMmQvOfKvV8zQHz8x8Dla+2wzElkMkBvSAJX5TRGHJAQvK0TcOafwg==}
 
-  '@vitest/runner@4.1.2':
-    resolution: {integrity: sha512-Gr+FQan34CdiYAwpGJmQG8PgkyFVmARK8/xSijia3eTFgVfpcpztWLuP6FttGNfPLJhaZVP/euvujeNYar36OQ==}
+  '@vitest/runner@4.1.3':
+    resolution: {integrity: sha512-VwgOz5MmT0KhlUj40h02LWDpUBVpflZ/b7xZFA25F29AJzIrE+SMuwzFf0b7t4EXdwRNX61C3B6auIXQTR3ttA==}
 
-  '@vitest/snapshot@4.1.2':
-    resolution: {integrity: sha512-g7yfUmxYS4mNxk31qbOYsSt2F4m1E02LFqO53Xpzg3zKMhLAPZAjjfyl9e6z7HrW6LvUdTwAQR3HHfLjpko16A==}
+  '@vitest/snapshot@4.1.3':
+    resolution: {integrity: sha512-9l+k/J9KG5wPJDX9BcFFzhhwNjwkRb8RsnYhaT1vPY7OufxmQFc9sZzScRCPTiETzl37mrIWVY9zxzmdVeJwDQ==}
 
-  '@vitest/spy@4.1.2':
-    resolution: {integrity: sha512-DU4fBnbVCJGNBwVA6xSToNXrkZNSiw59H8tcuUspVMsBDBST4nfvsPsEHDHGtWRRnqBERBQu7TrTKskmjqTXKA==}
+  '@vitest/spy@4.1.3':
+    resolution: {integrity: sha512-ujj5Uwxagg4XUIfAUyRQxAg631BP6e9joRiN99mr48Bg9fRs+5mdUElhOoZ6rP5mBr8Bs3lmrREnkrQWkrsTCw==}
 
-  '@vitest/utils@4.1.2':
-    resolution: {integrity: sha512-xw2/TiX82lQHA06cgbqRKFb5lCAy3axQ4H4SoUFhUsg+wztiet+co86IAMDtF6Vm1hc7J6j09oh/rgDn+JdKIQ==}
+  '@vitest/utils@4.1.3':
+    resolution: {integrity: sha512-Pc/Oexse/khOWsGB+w3q4yzA4te7W4gpZZAvk+fr8qXfTURZUMj5i7kuxsNK5mP/dEB6ao3jfr0rs17fHhbHdw==}
 
   '@volar/language-core@2.4.28':
     resolution: {integrity: sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ==}
@@ -9308,49 +9417,49 @@ packages:
   '@vue/compiler-core@3.5.27':
     resolution: {integrity: sha512-gnSBQjZA+//qDZen+6a2EdHqJ68Z7uybrMf3SPjEGgG4dicklwDVmMC1AeIHxtLVPT7sn6sH1KOO+tS6gwOUeQ==}
 
-  '@vue/compiler-core@3.5.31':
-    resolution: {integrity: sha512-k/ueL14aNIEy5Onf0OVzR8kiqF/WThgLdFhxwa4e/KF/0qe38IwIdofoSWBTvvxQOesaz6riAFAUaYjoF9fLLQ==}
+  '@vue/compiler-core@3.5.32':
+    resolution: {integrity: sha512-4x74Tbtqnda8s/NSD6e1Dr5p1c8HdMU5RWSjMSUzb8RTcUQqevDCxVAitcLBKT+ie3o0Dl9crc/S/opJM7qBGQ==}
 
   '@vue/compiler-dom@3.5.27':
     resolution: {integrity: sha512-oAFea8dZgCtVVVTEC7fv3T5CbZW9BxpFzGGxC79xakTr6ooeEqmRuvQydIiDAkglZEAd09LgVf1RoDnL54fu5w==}
 
-  '@vue/compiler-dom@3.5.31':
-    resolution: {integrity: sha512-BMY/ozS/xxjYqRFL+tKdRpATJYDTTgWSo0+AJvJNg4ig+Hgb0dOsHPXvloHQ5hmlivUqw1Yt2pPIqp4e0v1GUw==}
+  '@vue/compiler-dom@3.5.32':
+    resolution: {integrity: sha512-ybHAu70NtiEI1fvAUz3oXZqkUYEe5J98GjMDpTGl5iHb0T15wQYLR4wE3h9xfuTNA+Cm2f4czfe8B4s+CCH57Q==}
 
   '@vue/compiler-sfc@3.5.27':
     resolution: {integrity: sha512-sHZu9QyDPeDmN/MRoshhggVOWE5WlGFStKFwu8G52swATgSny27hJRWteKDSUUzUH+wp+bmeNbhJnEAel/auUQ==}
 
-  '@vue/compiler-sfc@3.5.31':
-    resolution: {integrity: sha512-M8wpPgR9UJ8MiRGjppvx9uWJfLV7A/T+/rL8s/y3QG3u0c2/YZgff3d6SuimKRIhcYnWg5fTfDMlz2E6seUW8Q==}
+  '@vue/compiler-sfc@3.5.32':
+    resolution: {integrity: sha512-8UYUYo71cP/0YHMO814TRZlPuUUw3oifHuMR7Wp9SNoRSrxRQnhMLNlCeaODNn6kNTJsjFoQ/kqIj4qGvya4Xg==}
 
   '@vue/compiler-ssr@3.5.27':
     resolution: {integrity: sha512-Sj7h+JHt512fV1cTxKlYhg7qxBvack+BGncSpH+8vnN+KN95iPIcqB5rsbblX40XorP+ilO7VIKlkuu3Xq2vjw==}
 
-  '@vue/compiler-ssr@3.5.31':
-    resolution: {integrity: sha512-h0xIMxrt/LHOvJKMri+vdYT92BrK3HFLtDqq9Pr/lVVfE4IyKZKvWf0vJFW10Yr6nX02OR4MkJwI0c1HDa1hog==}
+  '@vue/compiler-ssr@3.5.32':
+    resolution: {integrity: sha512-Gp4gTs22T3DgRotZ8aA/6m2jMR+GMztvBXUBEUOYOcST+giyGWJ4WvFd7QLHBkzTxkfOt8IELKNdpzITLbA2rw==}
 
   '@vue/language-core@3.2.6':
     resolution: {integrity: sha512-xYYYX3/aVup576tP/23sEUpgiEnujrENaoNRbaozC1/MA9I6EGFQRJb4xrt/MmUCAGlxTKL2RmT8JLTPqagCkg==}
 
-  '@vue/reactivity@3.5.31':
-    resolution: {integrity: sha512-DtKXxk9E/KuVvt8VxWu+6Luc9I9ETNcqR1T1oW1gf02nXaZ1kuAx58oVu7uX9XxJR0iJCro6fqBLw9oSBELo5g==}
+  '@vue/reactivity@3.5.32':
+    resolution: {integrity: sha512-/ORasxSGvZ6MN5gc+uE364SxFdJ0+WqVG0CENXaGW58TOCdrAW76WWaplDtECeS1qphvtBZtR+3/o1g1zL4xPQ==}
 
-  '@vue/runtime-core@3.5.31':
-    resolution: {integrity: sha512-AZPmIHXEAyhpkmN7aWlqjSfYynmkWlluDNPHMCZKFHH+lLtxP/30UJmoVhXmbDoP1Ng0jG0fyY2zCj1PnSSA6Q==}
+  '@vue/runtime-core@3.5.32':
+    resolution: {integrity: sha512-pDrXCejn4UpFDFmMd27AcJEbHaLemaE5o4pbb7sLk79SRIhc6/t34BQA7SGNgYtbMnvbF/HHOftYBgFJtUoJUQ==}
 
-  '@vue/runtime-dom@3.5.31':
-    resolution: {integrity: sha512-xQJsNRmGPeDCJq/u813tyonNgWBFjzfVkBwDREdEWndBnGdHLHgkwNBQxLtg4zDrzKTEcnikUy1UUNecb3lJ6g==}
+  '@vue/runtime-dom@3.5.32':
+    resolution: {integrity: sha512-1CDVv7tv/IV13V8Nip1k/aaObVbWqRlVCVezTwx3K07p7Vxossp5JU1dcPNhJk3w347gonIUT9jQOGutyJrSVQ==}
 
-  '@vue/server-renderer@3.5.31':
-    resolution: {integrity: sha512-GJuwRvMcdZX/CriUnyIIOGkx3rMV3H6sOu0JhdKbduaeCji6zb60iOGMY7tFoN24NfsUYoFBhshZtGxGpxO4iA==}
+  '@vue/server-renderer@3.5.32':
+    resolution: {integrity: sha512-IOjm2+JQwRFS7W28HNuJeXQle9KdZbODFY7hFGVtnnghF51ta20EWAZJHX+zLGtsHhaU6uC9BGPV52KVpYryMQ==}
     peerDependencies:
-      vue: 3.5.31
+      vue: 3.5.32
 
   '@vue/shared@3.5.27':
     resolution: {integrity: sha512-dXr/3CgqXsJkZ0n9F3I4elY8wM9jMJpP3pvRG52r6m0tu/MsAFIe6JpXVGeNMd/D9F4hQynWT8Rfuj0bdm9kFQ==}
 
-  '@vue/shared@3.5.31':
-    resolution: {integrity: sha512-nBxuiuS9Lj5bPkPbWogPUnjxxWpkRniX7e5UBQDWl6Fsf4roq9wwV+cR7ezQ4zXswNvPIlsdj1slcLB7XCsRAw==}
+  '@vue/shared@3.5.32':
+    resolution: {integrity: sha512-ksNyrmRQzWJJ8n3cRDuSF7zNNontuJg1YHnmWRJd2AMu8Ij2bqwiiri2lH5rHtYPZjj4STkNcgcmiQqlOjiYGg==}
 
   '@webassemblyjs/ast@1.14.1':
     resolution: {integrity: sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==}
@@ -10425,8 +10534,8 @@ packages:
     peerDependencies:
       eslint: '>=7'
 
-  eslint-plugin-react-dom@4.2.1:
-    resolution: {integrity: sha512-hmH1XNRSkusl++vz9B5yZxHoQq9sARE2esCKhpEvQrhjjMi6YBs2b6u6RkfAVfJ4UcLVkrdGA1/N9quSY8Kf3w==}
+  eslint-plugin-react-dom@4.2.3:
+    resolution: {integrity: sha512-7FCB+kx0iwWw2OOb0aDrXU4Eds5ihrq6UACNVMmtv5c4qd82n+wRGQwXBQKlTbwR9gpfn3HRDlaofZX93gShlA==}
     engines: {node: '>=22.0.0'}
     peerDependencies:
       eslint: ^10.0.0
@@ -10438,43 +10547,43 @@ packages:
     peerDependencies:
       eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
 
-  eslint-plugin-react-jsx@4.2.1:
-    resolution: {integrity: sha512-cXUCqdjNmiHFnLnQT4+DncTHUV+5fz+05001D3Vtx0GPi2VuwUz+d4p0dmX973pZwoWGZdsoShMIaZxx97SbgQ==}
+  eslint-plugin-react-jsx@4.2.3:
+    resolution: {integrity: sha512-IUiYO1Qm/NDo/CVBa/nOP6lKJvPtDz7ucKsfcmrDYFS7NGyLJedubB4vFtMGZ2XGBFJeEYLnSo7Y+89b0qdynA==}
     engines: {node: '>=22.0.0'}
     peerDependencies:
       eslint: ^10.0.0
       typescript: '*'
 
-  eslint-plugin-react-naming-convention@4.2.1:
-    resolution: {integrity: sha512-zd9Yov1iUOILUvFtxR1TvDovYtlIAkkCieeTqRLjEL5B4bdLD5a1Aq6cavkmIY7RE5SmHyw+xnhqWIVOVZYXtA==}
+  eslint-plugin-react-naming-convention@4.2.3:
+    resolution: {integrity: sha512-H4eq0ajs+K+tgn6/eeglkLN3HBWm4QyWbJ2jbwPo75gyPmEP7Xvr0jslcnAwnmQfiiKX+KqKuiOMAqOr0SXubg==}
     engines: {node: '>=22.0.0'}
     peerDependencies:
       eslint: ^10.0.0
       typescript: '*'
 
-  eslint-plugin-react-rsc@4.2.1:
-    resolution: {integrity: sha512-LbtKnHtMJ1m0UuXy/b7P0oxGCYP9tRTjena/ug8b3k6N6ITr24CQCMKhUmwmfeQfRPrxwK1tApuEBxey59hqkg==}
+  eslint-plugin-react-rsc@4.2.3:
+    resolution: {integrity: sha512-m8gfimx1o7LRWUYI0dDNCUGgiEqEdUlQyM4I/28RQJEmmrmxj4HVTU6/AX7JCmOlhclghT/JA4C1sAVwOdbw7g==}
     engines: {node: '>=20.19.0'}
     peerDependencies:
       eslint: ^10.0.0
       typescript: '*'
 
-  eslint-plugin-react-web-api@4.2.1:
-    resolution: {integrity: sha512-hYuETrKsNZpBxlG71yXIuWlXyRRe+Hdqq9zi0Gmq3t0c/kcgqZssp5B9fhXA3TafXIsxA3v0RnYBsaDRL5Xjww==}
+  eslint-plugin-react-web-api@4.2.3:
+    resolution: {integrity: sha512-iHXFiURfokcTicZ9DZsQHCV9BuVRqve7GFYNBBD5AVFzEWseCV+lXc6y2EoXxsQW8WfYhAwTZ5Yhr+fKJR7t1w==}
     engines: {node: '>=22.0.0'}
     peerDependencies:
       eslint: ^10.0.0
       typescript: '*'
 
-  eslint-plugin-react-x@4.2.1:
-    resolution: {integrity: sha512-fAQmF1IK/IJ+KLVSKSmQkxUCMTmtdGWk3JacsCWEwPEzIQWeiuNW4KsH4nz59gdp9Covf8SOnAXy8nbngEcztA==}
+  eslint-plugin-react-x@4.2.3:
+    resolution: {integrity: sha512-kJZXa5QsGA4FzuTyKLKjFt9nm78CZcfHshfgfSXjVOshvlVGeg1RWyNZnXDW3hASdZ/REsPg2mGFYqwUPXnJ5Q==}
     engines: {node: '>=22.0.0'}
     peerDependencies:
       eslint: ^10.0.0
       typescript: '*'
 
-  eslint-plugin-svelte@3.16.0:
-    resolution: {integrity: sha512-DJXxqpYZUxcE0SfYo8EJzV2ZC+zAD7fJp1n1HwcEMRR1cOEUYvjT9GuzJeNghMjgb7uxuK3IJAzI+x6zzUxO5A==}
+  eslint-plugin-svelte@3.17.0:
+    resolution: {integrity: sha512-sF6wgd5FLS2P8CCaOy2HdYYYEcZ6TwL251dLHUkNmtLnWECk1Dwc+j6VeulmmnFxr7Xs0WNtjweOA+bJ0PnaFw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.1 || ^9.0.0 || ^10.0.0
@@ -10521,8 +10630,8 @@ packages:
     resolution: {integrity: sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  eslint@10.1.0:
-    resolution: {integrity: sha512-S9jlY/ELKEUwwQnqWDO+f+m6sercqOPSqXM5Go94l7DOmxHVDgmSFGWEzeE/gwgTAr0W103BWt0QLe/7mabIvA==}
+  eslint@10.2.0:
+    resolution: {integrity: sha512-+L0vBFYGIpSNIt/KWTpFonPrqYvgKw1eUI5Vn7mEogrQcWtWYtNQ7dNqC+px/J0idT3BAkiWrhfS7k+Tum8TUA==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
     hasBin: true
     peerDependencies:
@@ -11225,8 +11334,8 @@ packages:
   jsbn@1.1.0:
     resolution: {integrity: sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==}
 
-  jsdom@29.0.1:
-    resolution: {integrity: sha512-z6JOK5gRO7aMybVq/y/MlIpKh8JIi68FBKMUtKkK2KH/wMSRlCxQ682d08LB9fYXplyY/UXG8P4XXTScmdjApg==}
+  jsdom@29.0.2:
+    resolution: {integrity: sha512-9VnGEBosc/ZpwyOsJBCQ/3I5p7Q5ngOY14a9bf5btenAORmZfDse1ZEheMiWcJ3h81+Fv7HmJFdS0szo/waF2w==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24.0.0}
     peerDependencies:
       canvas: ^3.0.0
@@ -11301,8 +11410,8 @@ packages:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
 
-  knip@6.2.0:
-    resolution: {integrity: sha512-4OMUMJARvNble8e8TeFv12flp4fKzAITrQec1eKO4g2eA4HnNqEa8CXy2UOPLjuYuAETpe0N0r25jF9yY9FLig==}
+  knip@6.3.0:
+    resolution: {integrity: sha512-g6dVPoTw6iNm3cubC5IWxVkVsd0r5hXhTBTbAGIEQN53GdA2ZM/slMTPJ7n5l8pBebNQPHpxjmKxuR4xVQ2/hQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
 
@@ -12156,8 +12265,8 @@ packages:
     resolution: {integrity: sha512-dM0jVuXJPsDN6DvRpea484tCUaMiXWjuCn++HGTqUWzGDjv5tZkEZldAJ/UMlqRYGFrD/etByo4/xOuC/snX2A==}
     engines: {node: '>=20'}
 
-  preact@10.29.0:
-    resolution: {integrity: sha512-wSAGyk2bYR1c7t3SZ3jHcM6xy0lcBcDel6lODcs9ME6Th++Dx2KU+6D3HD8wMMKGA8Wpw7OMd3/4RGzYRpzwRg==}
+  preact@10.29.1:
+    resolution: {integrity: sha512-gQCLc/vWroE8lIpleXtdJhTFDogTdZG9AjMUpVkDf2iTCNwYNWA+u16dL41TqUDJO4gm2IgrcMv3uTpjd4Pwmg==}
 
   prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
@@ -12449,6 +12558,11 @@ packages:
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
 
+  rolldown@1.0.0-rc.13:
+    resolution: {integrity: sha512-bvVj8YJmf0rq4pSFmH7laLa6pYrhghv3PRzrCdRAr23g66zOKVJ4wkvFtgohtPLWmthgg8/rkaqRHrpUEh0Zbw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+
   rolldown@1.0.0-rc.4:
     resolution: {integrity: sha512-V2tPDUrY3WSevrvU2E41ijZlpF+5PbZu4giH+VpNraaadsJGHa4fR6IFwsocVwEXDoAdIv5qgPPxgrvKAOIPtA==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -12991,10 +13105,6 @@ packages:
   tinybench@2.9.0:
     resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
 
-  tinyexec@1.0.2:
-    resolution: {integrity: sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg==}
-    engines: {node: '>=18'}
-
   tinyexec@1.0.4:
     resolution: {integrity: sha512-u9r3uZC0bdpGOXtlxUIdwf9pkmvhqJdrVCH9fapQtgy/OeTTMZ1nqH7agtvEfmGui6e1XxjcdrlxvxJvc3sMqw==}
     engines: {node: '>=18'}
@@ -13298,8 +13408,8 @@ packages:
     resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
     engines: {node: '>= 0.8'}
 
-  vite-plugin-solid@2.11.11:
-    resolution: {integrity: sha512-YMZCXsLw9kyuvQFEdwLP27fuTQJLmjNoHy90AOJnbRuJ6DwShUxKFo38gdFrWn9v11hnGicKCZEaeI/TFs6JKw==}
+  vite-plugin-solid@2.11.12:
+    resolution: {integrity: sha512-FgjPcx2OwX9h6f28jli7A4bG7PP3te8uyakE5iqsmpq3Jqi1TWLgSroC9N6cMfGRU2zXsl4Q6ISvTr2VL0QHpA==}
     peerDependencies:
       '@testing-library/jest-dom': ^5.16.6 || ^5.17.0 || ^6.*
       solid-js: ^1.7.2
@@ -13353,14 +13463,14 @@ packages:
       yaml:
         optional: true
 
-  vite@8.0.3:
-    resolution: {integrity: sha512-B9ifbFudT1TFhfltfaIPgjo9Z3mDynBTJSUYxTjOQruf/zHH+ezCQKcoqO+h7a9Pw9Nm/OtlXAiGT1axBgwqrQ==}
+  vite@8.0.7:
+    resolution: {integrity: sha512-P1PbweD+2/udplnThz3btF4cf6AgPky7kk23RtHUkJIU5BIxwPprhRGmOAHs6FTI7UiGbTNrgNP6jSYD6JaRnw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
     peerDependencies:
       '@types/node': ^20.19.0 || >=22.12.0
       '@vitejs/devtools': ^0.1.0
-      esbuild: ^0.27.0
+      esbuild: ^0.27.0 || ^0.28.0
       jiti: '>=1.21.0'
       less: ^4.0.0
       sass: ^1.70.0
@@ -13396,14 +13506,6 @@ packages:
       yaml:
         optional: true
 
-  vitefu@1.1.1:
-    resolution: {integrity: sha512-B/Fegf3i8zh0yFbpzZ21amWzHmuNlLlmJT6n7bu5e+pCHUKQIfXSYokrqOBGEMMe9UG2sostKQF9mml/vYaWJQ==}
-    peerDependencies:
-      vite: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0-beta.0
-    peerDependenciesMeta:
-      vite:
-        optional: true
-
   vitefu@1.1.3:
     resolution: {integrity: sha512-ub4okH7Z5KLjb6hDyjqrGXqWtWvoYdU3IGm/NorpgHncKoLTCfRIbvlhBm7r0YstIaQRYlp4yEbFqDcKSzXSSg==}
     peerDependencies:
@@ -13412,18 +13514,20 @@ packages:
       vite:
         optional: true
 
-  vitest@4.1.2:
-    resolution: {integrity: sha512-xjR1dMTVHlFLh98JE3i/f/WePqJsah4A0FK9cc8Ehp9Udk0AZk6ccpIZhh1qJ/yxVWRZ+Q54ocnD8TXmkhspGg==}
+  vitest@4.1.3:
+    resolution: {integrity: sha512-DBc4Tx0MPNsqb9isoyOq00lHftVx/KIU44QOm2q59npZyLUkENn8TMFsuzuO+4U2FUa9rgbbPt3udrP25GcjXw==}
     engines: {node: ^20.0.0 || ^22.0.0 || >=24.0.0}
     hasBin: true
     peerDependencies:
       '@edge-runtime/vm': '*'
       '@opentelemetry/api': ^1.9.0
       '@types/node': ^20.0.0 || ^22.0.0 || >=24.0.0
-      '@vitest/browser-playwright': 4.1.2
-      '@vitest/browser-preview': 4.1.2
-      '@vitest/browser-webdriverio': 4.1.2
-      '@vitest/ui': 4.1.2
+      '@vitest/browser-playwright': 4.1.3
+      '@vitest/browser-preview': 4.1.3
+      '@vitest/browser-webdriverio': 4.1.3
+      '@vitest/coverage-istanbul': 4.1.3
+      '@vitest/coverage-v8': 4.1.3
+      '@vitest/ui': 4.1.3
       happy-dom: '*'
       jsdom: '*'
       vite: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -13440,6 +13544,10 @@ packages:
         optional: true
       '@vitest/browser-webdriverio':
         optional: true
+      '@vitest/coverage-istanbul':
+        optional: true
+      '@vitest/coverage-v8':
+        optional: true
       '@vitest/ui':
         optional: true
       happy-dom:
@@ -13477,8 +13585,8 @@ packages:
     peerDependencies:
       typescript: '>=5.0.0'
 
-  vue@3.5.31:
-    resolution: {integrity: sha512-iV/sU9SzOlmA/0tygSmjkEN6Jbs3nPoIPFhCMLD2STrjgOU8DX7ZtzMhg4ahVwf5Rp9KoFzcXeB1ZrVbLBp5/Q==}
+  vue@3.5.32:
+    resolution: {integrity: sha512-vM4z4Q9tTafVfMAK7IVzmxg34rSzTFMyIe0UUEijUCkn9+23lj0WRfA83dg7eQZIUlgOSGrkViIaCfqSAUXsMw==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
@@ -13856,20 +13964,20 @@ snapshots:
       '@jridgewell/gen-mapping': 0.3.13
       '@jridgewell/trace-mapping': 0.3.31
 
-  '@analogjs/vite-plugin-angular@2.4.0(@angular-devkit/build-angular@21.2.6(e11c714d0ec0728f5ad4f23cc5f219fa))(@angular/build@21.2.6(d3b360ec193e51d51b79ef3f770335f6))':
+  '@analogjs/vite-plugin-angular@2.4.1(@angular-devkit/build-angular@21.2.6(94a8d7facc63d2b636da72db756fba85))(@angular/build@21.2.6(4cee6253c5b25265b24ef43a54e938c2))':
     dependencies:
       tinyglobby: 0.2.15
       ts-morph: 21.0.1
     optionalDependencies:
-      '@angular-devkit/build-angular': 21.2.6(e11c714d0ec0728f5ad4f23cc5f219fa)
-      '@angular/build': 21.2.6(d3b360ec193e51d51b79ef3f770335f6)
+      '@angular-devkit/build-angular': 21.2.6(94a8d7facc63d2b636da72db756fba85)
+      '@angular/build': 21.2.6(4cee6253c5b25265b24ef43a54e938c2)
 
-  '@analogjs/vitest-angular@2.4.0(@analogjs/vite-plugin-angular@2.4.0(@angular-devkit/build-angular@21.2.6(e11c714d0ec0728f5ad4f23cc5f219fa))(@angular/build@21.2.6(d3b360ec193e51d51b79ef3f770335f6)))(@angular-devkit/architect@0.2102.6(chokidar@5.0.0))(@angular-devkit/schematics@21.2.6(chokidar@5.0.0))(vitest@4.1.2(@types/node@25.5.0)(jsdom@29.0.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)))(zone.js@0.16.0)':
+  '@analogjs/vitest-angular@2.4.1(@analogjs/vite-plugin-angular@2.4.1(@angular-devkit/build-angular@21.2.6(94a8d7facc63d2b636da72db756fba85))(@angular/build@21.2.6(4cee6253c5b25265b24ef43a54e938c2)))(@angular-devkit/architect@0.2102.6(chokidar@5.0.0))(@angular-devkit/schematics@21.2.6(chokidar@5.0.0))(vitest@4.1.3(@types/node@25.5.2)(jsdom@29.0.2)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)))(zone.js@0.16.0)':
     dependencies:
-      '@analogjs/vite-plugin-angular': 2.4.0(@angular-devkit/build-angular@21.2.6(e11c714d0ec0728f5ad4f23cc5f219fa))(@angular/build@21.2.6(d3b360ec193e51d51b79ef3f770335f6))
+      '@analogjs/vite-plugin-angular': 2.4.1(@angular-devkit/build-angular@21.2.6(94a8d7facc63d2b636da72db756fba85))(@angular/build@21.2.6(4cee6253c5b25265b24ef43a54e938c2))
       '@angular-devkit/architect': 0.2102.6(chokidar@5.0.0)
       '@angular-devkit/schematics': 21.2.6(chokidar@5.0.0)
-      vitest: 4.1.2(@types/node@25.5.0)(jsdom@29.0.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      vitest: 4.1.3(@types/node@25.5.2)(jsdom@29.0.2)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
     optionalDependencies:
       zone.js: 0.16.0
 
@@ -13880,13 +13988,13 @@ snapshots:
     transitivePeerDependencies:
       - chokidar
 
-  '@angular-devkit/build-angular@21.2.6(e11c714d0ec0728f5ad4f23cc5f219fa)':
+  '@angular-devkit/build-angular@21.2.6(94a8d7facc63d2b636da72db756fba85)':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@angular-devkit/architect': 0.2102.6(chokidar@5.0.0)
       '@angular-devkit/build-webpack': 0.2102.6(chokidar@5.0.0)(webpack-dev-server@5.2.3(webpack@5.105.2(esbuild@0.27.3)))(webpack@5.105.2(esbuild@0.27.3))
       '@angular-devkit/core': 21.2.6(chokidar@5.0.0)
-      '@angular/build': 21.2.6(ae7c418082ebca81d3ebdd8981799557)
+      '@angular/build': 21.2.6(bd647ccd97d9fe2f4c0baca9f9950777)
       '@angular/compiler-cli': 21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2)
       '@babel/core': 7.29.0
       '@babel/generator': 7.29.1
@@ -14005,7 +14113,7 @@ snapshots:
       '@angular/core': 21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0)
       tslib: 2.8.1
 
-  '@angular/build@21.2.6(4681cf48d2b835d94252045f36734a84)':
+  '@angular/build@21.2.6(4cee6253c5b25265b24ef43a54e938c2)':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@angular-devkit/architect': 0.2102.6(chokidar@5.0.0)
@@ -14014,8 +14122,8 @@ snapshots:
       '@babel/core': 7.29.0
       '@babel/helper-annotate-as-pure': 7.27.3
       '@babel/helper-split-export-declaration': 7.24.7
-      '@inquirer/confirm': 5.1.21(@types/node@25.5.0)
-      '@vitejs/plugin-basic-ssl': 2.1.4(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@inquirer/confirm': 5.1.21(@types/node@25.5.2)
+      '@vitejs/plugin-basic-ssl': 2.1.4(vite@7.3.1(@types/node@25.5.2)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       beasties: 0.4.1
       browserslist: 4.28.1
       esbuild: 0.27.3
@@ -14036,7 +14144,7 @@ snapshots:
       tslib: 2.8.1
       typescript: 6.0.2
       undici: 7.24.4
-      vite: 7.3.1(@types/node@25.5.0)(jiti@2.6.1)(less@4.4.2)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vite: 7.3.1(@types/node@25.5.2)(jiti@2.6.1)(less@4.4.2)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       watchpack: 2.5.1
     optionalDependencies:
       '@angular/core': 21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0)
@@ -14049,7 +14157,7 @@ snapshots:
       ng-packagr: 21.2.2(@angular/compiler-cli@21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2))(tailwindcss@4.2.2)(tslib@2.8.1)(typescript@6.0.2)
       postcss: 8.5.8
       tailwindcss: 4.2.2
-      vitest: 4.1.2(@types/node@25.5.0)(jsdom@29.0.1)(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(less@4.4.2)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      vitest: 4.1.3(@types/node@25.5.2)(jsdom@29.0.2)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
     transitivePeerDependencies:
       - '@types/node'
       - chokidar
@@ -14063,7 +14171,7 @@ snapshots:
       - tsx
       - yaml
 
-  '@angular/build@21.2.6(ae7c418082ebca81d3ebdd8981799557)':
+  '@angular/build@21.2.6(ad1a2777598f49867136ef7c28258c75)':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@angular-devkit/architect': 0.2102.6(chokidar@5.0.0)
@@ -14072,8 +14180,8 @@ snapshots:
       '@babel/core': 7.29.0
       '@babel/helper-annotate-as-pure': 7.27.3
       '@babel/helper-split-export-declaration': 7.24.7
-      '@inquirer/confirm': 5.1.21(@types/node@25.5.0)
-      '@vitejs/plugin-basic-ssl': 2.1.4(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@inquirer/confirm': 5.1.21(@types/node@25.5.2)
+      '@vitejs/plugin-basic-ssl': 2.1.4(vite@7.3.1(@types/node@25.5.2)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       beasties: 0.4.1
       browserslist: 4.28.1
       esbuild: 0.27.3
@@ -14094,7 +14202,7 @@ snapshots:
       tslib: 2.8.1
       typescript: 6.0.2
       undici: 7.24.4
-      vite: 7.3.1(@types/node@25.5.0)(jiti@2.6.1)(less@4.4.2)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vite: 7.3.1(@types/node@25.5.2)(jiti@2.6.1)(less@4.4.2)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       watchpack: 2.5.1
     optionalDependencies:
       '@angular/core': 21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0)
@@ -14105,9 +14213,9 @@ snapshots:
       less: 4.4.2
       lmdb: 3.5.1
       ng-packagr: 21.2.2(@angular/compiler-cli@21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2))(tailwindcss@4.2.2)(tslib@2.8.1)(typescript@6.0.2)
-      postcss: 8.5.6
+      postcss: 8.5.8
       tailwindcss: 4.2.2
-      vitest: 4.1.2(@types/node@25.5.0)(jsdom@29.0.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      vitest: 4.1.3(@types/node@25.5.2)(jsdom@29.0.2)(vite@7.3.1(@types/node@25.5.2)(jiti@2.6.1)(less@4.4.2)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
     transitivePeerDependencies:
       - '@types/node'
       - chokidar
@@ -14121,7 +14229,7 @@ snapshots:
       - tsx
       - yaml
 
-  '@angular/build@21.2.6(d3b360ec193e51d51b79ef3f770335f6)':
+  '@angular/build@21.2.6(bd647ccd97d9fe2f4c0baca9f9950777)':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@angular-devkit/architect': 0.2102.6(chokidar@5.0.0)
@@ -14130,8 +14238,8 @@ snapshots:
       '@babel/core': 7.29.0
       '@babel/helper-annotate-as-pure': 7.27.3
       '@babel/helper-split-export-declaration': 7.24.7
-      '@inquirer/confirm': 5.1.21(@types/node@25.5.0)
-      '@vitejs/plugin-basic-ssl': 2.1.4(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@inquirer/confirm': 5.1.21(@types/node@25.5.2)
+      '@vitejs/plugin-basic-ssl': 2.1.4(vite@7.3.1(@types/node@25.5.2)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       beasties: 0.4.1
       browserslist: 4.28.1
       esbuild: 0.27.3
@@ -14152,7 +14260,7 @@ snapshots:
       tslib: 2.8.1
       typescript: 6.0.2
       undici: 7.24.4
-      vite: 7.3.1(@types/node@25.5.0)(jiti@2.6.1)(less@4.4.2)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vite: 7.3.1(@types/node@25.5.2)(jiti@2.6.1)(less@4.4.2)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       watchpack: 2.5.1
     optionalDependencies:
       '@angular/core': 21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0)
@@ -14163,9 +14271,9 @@ snapshots:
       less: 4.4.2
       lmdb: 3.5.1
       ng-packagr: 21.2.2(@angular/compiler-cli@21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2))(tailwindcss@4.2.2)(tslib@2.8.1)(typescript@6.0.2)
-      postcss: 8.5.8
+      postcss: 8.5.6
       tailwindcss: 4.2.2
-      vitest: 4.1.2(@types/node@25.5.0)(jsdom@29.0.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      vitest: 4.1.3(@types/node@25.5.2)(jsdom@29.0.2)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
     transitivePeerDependencies:
       - '@types/node'
       - chokidar
@@ -14188,13 +14296,13 @@ snapshots:
       rxjs: 7.8.2
       tslib: 2.8.1
 
-  '@angular/cli@21.2.6(@types/node@25.5.0)(chokidar@5.0.0)':
+  '@angular/cli@21.2.6(@types/node@25.5.2)(chokidar@5.0.0)':
     dependencies:
       '@angular-devkit/architect': 0.2102.6(chokidar@5.0.0)
       '@angular-devkit/core': 21.2.6(chokidar@5.0.0)
       '@angular-devkit/schematics': 21.2.6(chokidar@5.0.0)
-      '@inquirer/prompts': 7.10.1(@types/node@25.5.0)
-      '@listr2/prompt-adapter-inquirer': 3.0.5(@inquirer/prompts@7.10.1(@types/node@25.5.0))(@types/node@25.5.0)(listr2@9.0.5)
+      '@inquirer/prompts': 7.10.1(@types/node@25.5.2)
+      '@listr2/prompt-adapter-inquirer': 3.0.5(@inquirer/prompts@7.10.1(@types/node@25.5.2))(@types/node@25.5.2)(listr2@9.0.5)
       '@modelcontextprotocol/sdk': 1.26.0(zod@4.3.6)
       '@schematics/angular': 21.2.6(chokidar@5.0.0)
       '@yarnpkg/lockfile': 1.1.0
@@ -14300,21 +14408,19 @@ snapshots:
     optionalDependencies:
       '@angular/platform-server': 21.2.7(@angular/common@21.2.7(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0))(rxjs@7.8.2))(@angular/compiler@21.2.7)(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0))(@angular/platform-browser@21.2.7(@angular/animations@21.2.7(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0)))(@angular/common@21.2.7(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0))(rxjs@7.8.2))(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0)))(rxjs@7.8.2)
 
-  '@asamuzakjp/css-color@5.1.1':
+  '@asamuzakjp/css-color@5.1.6':
     dependencies:
       '@csstools/css-calc': 3.1.1(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)
       '@csstools/css-color-parser': 4.0.2(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)
       '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
       '@csstools/css-tokenizer': 4.0.0
-      lru-cache: 11.2.7
 
-  '@asamuzakjp/dom-selector@7.0.4':
+  '@asamuzakjp/dom-selector@7.0.8':
     dependencies:
       '@asamuzakjp/nwsapi': 2.3.9
       bidi-js: 1.0.3
       css-tree: 3.2.1
       is-potential-custom-element-name: 1.0.1
-      lru-cache: 11.2.7
 
   '@asamuzakjp/nwsapi@2.3.9': {}
 
@@ -14731,19 +14837,14 @@ snapshots:
       '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.28.5)':
-    dependencies:
-      '@babel/core': 7.28.5
-      '@babel/helper-plugin-utils': 7.28.6
-
   '@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0)':
     dependencies:
       '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-typescript@7.27.1(@babel/core@7.28.5)':
+  '@babel/plugin-syntax-typescript@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.5
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
   '@babel/plugin-syntax-typescript@7.28.6(@babel/core@7.29.0)':
@@ -15390,14 +15491,30 @@ snapshots:
       '@emnapi/wasi-threads': 1.1.0
       tslib: 2.8.1
 
+  '@emnapi/core@1.9.1':
+    dependencies:
+      '@emnapi/wasi-threads': 1.2.0
+      tslib: 2.8.1
+    optional: true
+
   '@emnapi/runtime@1.7.1':
     dependencies:
       tslib: 2.8.1
 
+  '@emnapi/runtime@1.9.1':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
   '@emnapi/wasi-threads@1.1.0':
     dependencies:
       tslib: 2.8.1
 
+  '@emnapi/wasi-threads@1.2.0':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
   '@esbuild/aix-ppc64@0.23.1':
     optional: true
 
@@ -15626,119 +15743,119 @@ snapshots:
   '@esbuild/win32-x64@0.27.4':
     optional: true
 
-  '@eslint-community/eslint-utils@4.9.1(eslint@10.1.0(jiti@2.6.1))':
+  '@eslint-community/eslint-utils@4.9.1(eslint@10.2.0(jiti@2.6.1))':
     dependencies:
-      eslint: 10.1.0(jiti@2.6.1)
+      eslint: 10.2.0(jiti@2.6.1)
       eslint-visitor-keys: 3.4.3
 
   '@eslint-community/regexpp@4.12.2': {}
 
-  '@eslint-react/ast@4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
+  '@eslint-react/ast@4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)':
     dependencies:
       '@typescript-eslint/types': 8.58.0
       '@typescript-eslint/typescript-estree': 8.58.0(typescript@6.0.2)
-      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      eslint: 10.1.0(jiti@2.6.1)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      eslint: 10.2.0(jiti@2.6.1)
       string-ts: 2.3.1
       typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint-react/core@4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
+  '@eslint-react/core@4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)':
     dependencies:
-      '@eslint-react/ast': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/jsx': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/shared': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/var': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/ast': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/jsx': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/shared': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/var': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       '@typescript-eslint/scope-manager': 8.58.0
       '@typescript-eslint/types': 8.58.0
-      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      eslint: 10.1.0(jiti@2.6.1)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      eslint: 10.2.0(jiti@2.6.1)
       ts-pattern: 5.9.0
       typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint-react/eslint-plugin@4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
+  '@eslint-react/eslint-plugin@4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)':
     dependencies:
-      '@eslint-react/shared': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/shared': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       '@typescript-eslint/scope-manager': 8.58.0
-      '@typescript-eslint/type-utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/type-utils': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       '@typescript-eslint/types': 8.58.0
-      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      eslint: 10.1.0(jiti@2.6.1)
-      eslint-plugin-react-dom: 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      eslint-plugin-react-jsx: 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      eslint-plugin-react-naming-convention: 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      eslint-plugin-react-rsc: 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      eslint-plugin-react-web-api: 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      eslint-plugin-react-x: 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      eslint: 10.2.0(jiti@2.6.1)
+      eslint-plugin-react-dom: 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      eslint-plugin-react-jsx: 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      eslint-plugin-react-naming-convention: 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      eslint-plugin-react-rsc: 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      eslint-plugin-react-web-api: 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      eslint-plugin-react-x: 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       ts-api-utils: 2.5.0(typescript@6.0.2)
       typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint-react/jsx@4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
+  '@eslint-react/jsx@4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)':
     dependencies:
-      '@eslint-react/ast': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/shared': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/var': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/ast': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/shared': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/var': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       '@typescript-eslint/types': 8.58.0
-      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      eslint: 10.1.0(jiti@2.6.1)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      eslint: 10.2.0(jiti@2.6.1)
       ts-pattern: 5.9.0
       typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint-react/shared@4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
+  '@eslint-react/shared@4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)':
     dependencies:
-      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      eslint: 10.1.0(jiti@2.6.1)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      eslint: 10.2.0(jiti@2.6.1)
       ts-pattern: 5.9.0
       typescript: 6.0.2
       zod: 4.3.6
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint-react/var@4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
+  '@eslint-react/var@4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)':
     dependencies:
-      '@eslint-react/ast': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/shared': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/ast': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/shared': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       '@typescript-eslint/scope-manager': 8.58.0
       '@typescript-eslint/types': 8.58.0
-      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      eslint: 10.1.0(jiti@2.6.1)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      eslint: 10.2.0(jiti@2.6.1)
       ts-pattern: 5.9.0
       typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/config-array@0.23.3':
+  '@eslint/config-array@0.23.4':
     dependencies:
-      '@eslint/object-schema': 3.0.3
+      '@eslint/object-schema': 3.0.4
       debug: 4.4.3
       minimatch: 10.2.5
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/config-helpers@0.5.3':
+  '@eslint/config-helpers@0.5.4':
     dependencies:
-      '@eslint/core': 1.1.1
+      '@eslint/core': 1.2.0
 
-  '@eslint/core@1.1.1':
+  '@eslint/core@1.2.0':
     dependencies:
       '@types/json-schema': 7.0.15
 
-  '@eslint/js@10.0.1(eslint@10.1.0(jiti@2.6.1))':
+  '@eslint/js@10.0.1(eslint@10.2.0(jiti@2.6.1))':
     optionalDependencies:
-      eslint: 10.1.0(jiti@2.6.1)
+      eslint: 10.2.0(jiti@2.6.1)
 
-  '@eslint/object-schema@3.0.3': {}
+  '@eslint/object-schema@3.0.4': {}
 
-  '@eslint/plugin-kit@0.6.1':
+  '@eslint/plugin-kit@0.7.0':
     dependencies:
-      '@eslint/core': 1.1.1
+      '@eslint/core': 1.2.0
       levn: 0.4.1
 
   '@exodus/bytes@1.15.0': {}
@@ -15792,128 +15909,128 @@ snapshots:
 
   '@inquirer/ansi@1.0.2': {}
 
-  '@inquirer/checkbox@4.3.2(@types/node@25.5.0)':
+  '@inquirer/checkbox@4.3.2(@types/node@25.5.2)':
     dependencies:
       '@inquirer/ansi': 1.0.2
-      '@inquirer/core': 10.3.2(@types/node@25.5.0)
+      '@inquirer/core': 10.3.2(@types/node@25.5.2)
       '@inquirer/figures': 1.0.15
-      '@inquirer/type': 3.0.10(@types/node@25.5.0)
+      '@inquirer/type': 3.0.10(@types/node@25.5.2)
       yoctocolors-cjs: 2.1.3
     optionalDependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
 
-  '@inquirer/confirm@5.1.21(@types/node@25.5.0)':
+  '@inquirer/confirm@5.1.21(@types/node@25.5.2)':
     dependencies:
-      '@inquirer/core': 10.3.2(@types/node@25.5.0)
-      '@inquirer/type': 3.0.10(@types/node@25.5.0)
+      '@inquirer/core': 10.3.2(@types/node@25.5.2)
+      '@inquirer/type': 3.0.10(@types/node@25.5.2)
     optionalDependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
 
-  '@inquirer/core@10.3.2(@types/node@25.5.0)':
+  '@inquirer/core@10.3.2(@types/node@25.5.2)':
     dependencies:
       '@inquirer/ansi': 1.0.2
       '@inquirer/figures': 1.0.15
-      '@inquirer/type': 3.0.10(@types/node@25.5.0)
+      '@inquirer/type': 3.0.10(@types/node@25.5.2)
       cli-width: 4.1.0
       mute-stream: 2.0.0
       signal-exit: 4.1.0
       wrap-ansi: 6.2.0
       yoctocolors-cjs: 2.1.3
     optionalDependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
 
-  '@inquirer/editor@4.2.23(@types/node@25.5.0)':
+  '@inquirer/editor@4.2.23(@types/node@25.5.2)':
     dependencies:
-      '@inquirer/core': 10.3.2(@types/node@25.5.0)
-      '@inquirer/external-editor': 1.0.3(@types/node@25.5.0)
-      '@inquirer/type': 3.0.10(@types/node@25.5.0)
+      '@inquirer/core': 10.3.2(@types/node@25.5.2)
+      '@inquirer/external-editor': 1.0.3(@types/node@25.5.2)
+      '@inquirer/type': 3.0.10(@types/node@25.5.2)
     optionalDependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
 
-  '@inquirer/expand@4.0.23(@types/node@25.5.0)':
+  '@inquirer/expand@4.0.23(@types/node@25.5.2)':
     dependencies:
-      '@inquirer/core': 10.3.2(@types/node@25.5.0)
-      '@inquirer/type': 3.0.10(@types/node@25.5.0)
+      '@inquirer/core': 10.3.2(@types/node@25.5.2)
+      '@inquirer/type': 3.0.10(@types/node@25.5.2)
       yoctocolors-cjs: 2.1.3
     optionalDependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
 
-  '@inquirer/external-editor@1.0.3(@types/node@25.5.0)':
+  '@inquirer/external-editor@1.0.3(@types/node@25.5.2)':
     dependencies:
       chardet: 2.1.1
       iconv-lite: 0.7.1
     optionalDependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
 
   '@inquirer/figures@1.0.15': {}
 
-  '@inquirer/input@4.3.1(@types/node@25.5.0)':
+  '@inquirer/input@4.3.1(@types/node@25.5.2)':
     dependencies:
-      '@inquirer/core': 10.3.2(@types/node@25.5.0)
-      '@inquirer/type': 3.0.10(@types/node@25.5.0)
+      '@inquirer/core': 10.3.2(@types/node@25.5.2)
+      '@inquirer/type': 3.0.10(@types/node@25.5.2)
     optionalDependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
 
-  '@inquirer/number@3.0.23(@types/node@25.5.0)':
+  '@inquirer/number@3.0.23(@types/node@25.5.2)':
     dependencies:
-      '@inquirer/core': 10.3.2(@types/node@25.5.0)
-      '@inquirer/type': 3.0.10(@types/node@25.5.0)
+      '@inquirer/core': 10.3.2(@types/node@25.5.2)
+      '@inquirer/type': 3.0.10(@types/node@25.5.2)
     optionalDependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
 
-  '@inquirer/password@4.0.23(@types/node@25.5.0)':
+  '@inquirer/password@4.0.23(@types/node@25.5.2)':
     dependencies:
       '@inquirer/ansi': 1.0.2
-      '@inquirer/core': 10.3.2(@types/node@25.5.0)
-      '@inquirer/type': 3.0.10(@types/node@25.5.0)
+      '@inquirer/core': 10.3.2(@types/node@25.5.2)
+      '@inquirer/type': 3.0.10(@types/node@25.5.2)
     optionalDependencies:
-      '@types/node': 25.5.0
-
-  '@inquirer/prompts@7.10.1(@types/node@25.5.0)':
-    dependencies:
-      '@inquirer/checkbox': 4.3.2(@types/node@25.5.0)
-      '@inquirer/confirm': 5.1.21(@types/node@25.5.0)
-      '@inquirer/editor': 4.2.23(@types/node@25.5.0)
-      '@inquirer/expand': 4.0.23(@types/node@25.5.0)
-      '@inquirer/input': 4.3.1(@types/node@25.5.0)
-      '@inquirer/number': 3.0.23(@types/node@25.5.0)
-      '@inquirer/password': 4.0.23(@types/node@25.5.0)
-      '@inquirer/rawlist': 4.1.11(@types/node@25.5.0)
-      '@inquirer/search': 3.2.2(@types/node@25.5.0)
-      '@inquirer/select': 4.4.2(@types/node@25.5.0)
+      '@types/node': 25.5.2
+
+  '@inquirer/prompts@7.10.1(@types/node@25.5.2)':
+    dependencies:
+      '@inquirer/checkbox': 4.3.2(@types/node@25.5.2)
+      '@inquirer/confirm': 5.1.21(@types/node@25.5.2)
+      '@inquirer/editor': 4.2.23(@types/node@25.5.2)
+      '@inquirer/expand': 4.0.23(@types/node@25.5.2)
+      '@inquirer/input': 4.3.1(@types/node@25.5.2)
+      '@inquirer/number': 3.0.23(@types/node@25.5.2)
+      '@inquirer/password': 4.0.23(@types/node@25.5.2)
+      '@inquirer/rawlist': 4.1.11(@types/node@25.5.2)
+      '@inquirer/search': 3.2.2(@types/node@25.5.2)
+      '@inquirer/select': 4.4.2(@types/node@25.5.2)
     optionalDependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
 
-  '@inquirer/rawlist@4.1.11(@types/node@25.5.0)':
+  '@inquirer/rawlist@4.1.11(@types/node@25.5.2)':
     dependencies:
-      '@inquirer/core': 10.3.2(@types/node@25.5.0)
-      '@inquirer/type': 3.0.10(@types/node@25.5.0)
+      '@inquirer/core': 10.3.2(@types/node@25.5.2)
+      '@inquirer/type': 3.0.10(@types/node@25.5.2)
       yoctocolors-cjs: 2.1.3
     optionalDependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
 
-  '@inquirer/search@3.2.2(@types/node@25.5.0)':
+  '@inquirer/search@3.2.2(@types/node@25.5.2)':
     dependencies:
-      '@inquirer/core': 10.3.2(@types/node@25.5.0)
+      '@inquirer/core': 10.3.2(@types/node@25.5.2)
       '@inquirer/figures': 1.0.15
-      '@inquirer/type': 3.0.10(@types/node@25.5.0)
+      '@inquirer/type': 3.0.10(@types/node@25.5.2)
       yoctocolors-cjs: 2.1.3
     optionalDependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
 
-  '@inquirer/select@4.4.2(@types/node@25.5.0)':
+  '@inquirer/select@4.4.2(@types/node@25.5.2)':
     dependencies:
       '@inquirer/ansi': 1.0.2
-      '@inquirer/core': 10.3.2(@types/node@25.5.0)
+      '@inquirer/core': 10.3.2(@types/node@25.5.2)
       '@inquirer/figures': 1.0.15
-      '@inquirer/type': 3.0.10(@types/node@25.5.0)
+      '@inquirer/type': 3.0.10(@types/node@25.5.2)
       yoctocolors-cjs: 2.1.3
     optionalDependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
 
-  '@inquirer/type@3.0.10(@types/node@25.5.0)':
+  '@inquirer/type@3.0.10(@types/node@25.5.2)':
     optionalDependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
 
   '@isaacs/balanced-match@4.0.1': {}
 
@@ -16007,10 +16124,10 @@ snapshots:
 
   '@leichtgewicht/ip-codec@2.0.5': {}
 
-  '@listr2/prompt-adapter-inquirer@3.0.5(@inquirer/prompts@7.10.1(@types/node@25.5.0))(@types/node@25.5.0)(listr2@9.0.5)':
+  '@listr2/prompt-adapter-inquirer@3.0.5(@inquirer/prompts@7.10.1(@types/node@25.5.2))(@types/node@25.5.2)(listr2@9.0.5)':
     dependencies:
-      '@inquirer/prompts': 7.10.1(@types/node@25.5.0)
-      '@inquirer/type': 3.0.10(@types/node@25.5.0)
+      '@inquirer/prompts': 7.10.1(@types/node@25.5.2)
+      '@inquirer/type': 3.0.10(@types/node@25.5.2)
       listr2: 9.0.5
     transitivePeerDependencies:
       - '@types/node'
@@ -16176,6 +16293,13 @@ snapshots:
       '@tybys/wasm-util': 0.10.1
     optional: true
 
+  '@napi-rs/wasm-runtime@1.1.2(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)':
+    dependencies:
+      '@emnapi/core': 1.9.1
+      '@emnapi/runtime': 1.9.1
+      '@tybys/wasm-util': 0.10.1
+    optional: true
+
   '@ngtools/webpack@21.2.6(@angular/compiler-cli@21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2))(typescript@6.0.2)(webpack@5.105.2(esbuild@0.27.3))':
     dependencies:
       '@angular/compiler-cli': 21.2.7(@angular/compiler@21.2.7)(typescript@6.0.2)
@@ -16355,6 +16479,8 @@ snapshots:
 
   '@oxc-project/types@0.122.0': {}
 
+  '@oxc-project/types@0.123.0': {}
+
   '@oxc-resolver/binding-android-arm-eabi@11.19.1':
     optional: true
 
@@ -16568,19 +16694,19 @@ snapshots:
       tslib: 2.8.1
       tsyringe: 4.10.0
 
-  '@preact/preset-vite@2.10.5(@babel/core@7.29.0)(preact@10.29.0)(rollup@4.53.3)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))':
+  '@preact/preset-vite@2.10.5(@babel/core@7.29.0)(preact@10.29.1)(rollup@4.53.3)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))':
     dependencies:
       '@babel/core': 7.29.0
       '@babel/plugin-transform-react-jsx': 7.28.6(@babel/core@7.29.0)
       '@babel/plugin-transform-react-jsx-development': 7.27.1(@babel/core@7.29.0)
-      '@prefresh/vite': 2.4.11(preact@10.29.0)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@prefresh/vite': 2.4.11(preact@10.29.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       '@rollup/pluginutils': 5.1.0(rollup@4.53.3)
       babel-plugin-transform-hook-names: 1.0.2(@babel/core@7.29.0)
       debug: 4.4.3
       magic-string: 0.30.21
       picocolors: 1.1.1
-      vite: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
-      vite-prerender-plugin: 0.5.12(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      vite: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vite-prerender-plugin: 0.5.12(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       zimmerframe: 1.1.4
     transitivePeerDependencies:
       - preact
@@ -16589,21 +16715,21 @@ snapshots:
 
   '@prefresh/babel-plugin@0.5.2': {}
 
-  '@prefresh/core@1.5.3(preact@10.29.0)':
+  '@prefresh/core@1.5.3(preact@10.29.1)':
     dependencies:
-      preact: 10.29.0
+      preact: 10.29.1
 
   '@prefresh/utils@1.2.0': {}
 
-  '@prefresh/vite@2.4.11(preact@10.29.0)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))':
+  '@prefresh/vite@2.4.11(preact@10.29.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))':
     dependencies:
       '@babel/core': 7.28.5
       '@prefresh/babel-plugin': 0.5.2
-      '@prefresh/core': 1.5.3(preact@10.29.0)
+      '@prefresh/core': 1.5.3(preact@10.29.1)
       '@prefresh/utils': 1.2.0
       '@rollup/pluginutils': 4.2.1
-      preact: 10.29.0
-      vite: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      preact: 10.29.1
+      vite: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
     transitivePeerDependencies:
       - supports-color
 
@@ -17015,66 +17141,102 @@ snapshots:
   '@rolldown/binding-android-arm64@1.0.0-rc.12':
     optional: true
 
+  '@rolldown/binding-android-arm64@1.0.0-rc.13':
+    optional: true
+
   '@rolldown/binding-android-arm64@1.0.0-rc.4':
     optional: true
 
   '@rolldown/binding-darwin-arm64@1.0.0-rc.12':
     optional: true
 
+  '@rolldown/binding-darwin-arm64@1.0.0-rc.13':
+    optional: true
+
   '@rolldown/binding-darwin-arm64@1.0.0-rc.4':
     optional: true
 
   '@rolldown/binding-darwin-x64@1.0.0-rc.12':
     optional: true
 
+  '@rolldown/binding-darwin-x64@1.0.0-rc.13':
+    optional: true
+
   '@rolldown/binding-darwin-x64@1.0.0-rc.4':
     optional: true
 
   '@rolldown/binding-freebsd-x64@1.0.0-rc.12':
     optional: true
 
+  '@rolldown/binding-freebsd-x64@1.0.0-rc.13':
+    optional: true
+
   '@rolldown/binding-freebsd-x64@1.0.0-rc.4':
     optional: true
 
   '@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.12':
     optional: true
 
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.13':
+    optional: true
+
   '@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.4':
     optional: true
 
   '@rolldown/binding-linux-arm64-gnu@1.0.0-rc.12':
     optional: true
 
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-rc.13':
+    optional: true
+
   '@rolldown/binding-linux-arm64-gnu@1.0.0-rc.4':
     optional: true
 
   '@rolldown/binding-linux-arm64-musl@1.0.0-rc.12':
     optional: true
 
+  '@rolldown/binding-linux-arm64-musl@1.0.0-rc.13':
+    optional: true
+
   '@rolldown/binding-linux-arm64-musl@1.0.0-rc.4':
     optional: true
 
   '@rolldown/binding-linux-ppc64-gnu@1.0.0-rc.12':
     optional: true
 
+  '@rolldown/binding-linux-ppc64-gnu@1.0.0-rc.13':
+    optional: true
+
   '@rolldown/binding-linux-s390x-gnu@1.0.0-rc.12':
     optional: true
 
+  '@rolldown/binding-linux-s390x-gnu@1.0.0-rc.13':
+    optional: true
+
   '@rolldown/binding-linux-x64-gnu@1.0.0-rc.12':
     optional: true
 
+  '@rolldown/binding-linux-x64-gnu@1.0.0-rc.13':
+    optional: true
+
   '@rolldown/binding-linux-x64-gnu@1.0.0-rc.4':
     optional: true
 
   '@rolldown/binding-linux-x64-musl@1.0.0-rc.12':
     optional: true
 
+  '@rolldown/binding-linux-x64-musl@1.0.0-rc.13':
+    optional: true
+
   '@rolldown/binding-linux-x64-musl@1.0.0-rc.4':
     optional: true
 
   '@rolldown/binding-openharmony-arm64@1.0.0-rc.12':
     optional: true
 
+  '@rolldown/binding-openharmony-arm64@1.0.0-rc.13':
+    optional: true
+
   '@rolldown/binding-openharmony-arm64@1.0.0-rc.4':
     optional: true
 
@@ -17083,6 +17245,13 @@ snapshots:
       '@napi-rs/wasm-runtime': 1.1.1
     optional: true
 
+  '@rolldown/binding-wasm32-wasi@1.0.0-rc.13':
+    dependencies:
+      '@emnapi/core': 1.9.1
+      '@emnapi/runtime': 1.9.1
+      '@napi-rs/wasm-runtime': 1.1.2(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)
+    optional: true
+
   '@rolldown/binding-wasm32-wasi@1.0.0-rc.4':
     dependencies:
       '@napi-rs/wasm-runtime': 1.1.1
@@ -17091,17 +17260,25 @@ snapshots:
   '@rolldown/binding-win32-arm64-msvc@1.0.0-rc.12':
     optional: true
 
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-rc.13':
+    optional: true
+
   '@rolldown/binding-win32-arm64-msvc@1.0.0-rc.4':
     optional: true
 
   '@rolldown/binding-win32-x64-msvc@1.0.0-rc.12':
     optional: true
 
+  '@rolldown/binding-win32-x64-msvc@1.0.0-rc.13':
+    optional: true
+
   '@rolldown/binding-win32-x64-msvc@1.0.0-rc.4':
     optional: true
 
   '@rolldown/pluginutils@1.0.0-rc.12': {}
 
+  '@rolldown/pluginutils@1.0.0-rc.13': {}
+
   '@rolldown/pluginutils@1.0.0-rc.2': {}
 
   '@rolldown/pluginutils@1.0.0-rc.4': {}
@@ -17421,11 +17598,11 @@ snapshots:
 
   '@standard-schema/spec@1.1.0': {}
 
-  '@stylistic/eslint-plugin@5.10.0(eslint@10.1.0(jiti@2.6.1))':
+  '@stylistic/eslint-plugin@5.10.0(eslint@10.2.0(jiti@2.6.1))':
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.1(eslint@10.1.0(jiti@2.6.1))
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.2.0(jiti@2.6.1))
       '@typescript-eslint/types': 8.56.0
-      eslint: 10.1.0(jiti@2.6.1)
+      eslint: 10.2.0(jiti@2.6.1)
       eslint-visitor-keys: 4.2.1
       espree: 10.4.0
       estraverse: 5.3.0
@@ -17446,14 +17623,14 @@ snapshots:
     transitivePeerDependencies:
       - typescript
 
-  '@sveltejs/vite-plugin-svelte@7.0.0(svelte@5.55.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))':
+  '@sveltejs/vite-plugin-svelte@7.0.0(svelte@5.55.1)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))':
     dependencies:
       deepmerge: 4.3.1
       magic-string: 0.30.21
       obug: 2.1.1
       svelte: 5.55.1
-      vite: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
-      vitefu: 1.1.3(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      vite: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vitefu: 1.1.3(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
 
   '@tabby_ai/hijri-converter@1.0.5': {}
 
@@ -17518,12 +17695,12 @@ snapshots:
       '@tailwindcss/oxide-win32-arm64-msvc': 4.2.2
       '@tailwindcss/oxide-win32-x64-msvc': 4.2.2
 
-  '@tailwindcss/vite@4.2.2(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))':
+  '@tailwindcss/vite@4.2.2(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))':
     dependencies:
       '@tailwindcss/node': 4.2.2
       '@tailwindcss/oxide': 4.2.2
       tailwindcss: 4.2.2
-      vite: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vite: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
   '@tanstack/angular-store@0.9.3(@angular/common@21.2.7(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0))(rxjs@7.8.2))(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.16.0))':
     dependencies:
@@ -17554,13 +17731,13 @@ snapshots:
     transitivePeerDependencies:
       - csstype
 
-  '@tanstack/devtools-utils@0.4.0(@types/react@19.2.14)(preact@10.29.0)(react@19.2.4)(solid-js@1.9.12)(vue@3.5.31(typescript@6.0.2))':
+  '@tanstack/devtools-utils@0.4.0(@types/react@19.2.14)(preact@10.29.1)(react@19.2.4)(solid-js@1.9.12)(vue@3.5.32(typescript@6.0.2))':
     optionalDependencies:
       '@types/react': 19.2.14
-      preact: 10.29.0
+      preact: 10.29.1
       react: 19.2.4
       solid-js: 1.9.12
-      vue: 3.5.31(typescript@6.0.2)
+      vue: 3.5.32(typescript@6.0.2)
 
   '@tanstack/devtools@0.11.1(csstype@3.2.3)(solid-js@1.9.12)':
     dependencies:
@@ -17578,16 +17755,16 @@ snapshots:
       - csstype
       - utf-8-validate
 
-  '@tanstack/eslint-config@0.4.0(@typescript-eslint/utils@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint-import-resolver-node@0.3.9)(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
+  '@tanstack/eslint-config@0.4.0(@typescript-eslint/utils@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2))(eslint-import-resolver-node@0.3.9)(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)':
     dependencies:
-      '@eslint/js': 10.0.1(eslint@10.1.0(jiti@2.6.1))
-      '@stylistic/eslint-plugin': 5.10.0(eslint@10.1.0(jiti@2.6.1))
-      eslint: 10.1.0(jiti@2.6.1)
-      eslint-plugin-import-x: 4.16.1(@typescript-eslint/utils@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint-import-resolver-node@0.3.9)(eslint@10.1.0(jiti@2.6.1))
-      eslint-plugin-n: 17.24.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint/js': 10.0.1(eslint@10.2.0(jiti@2.6.1))
+      '@stylistic/eslint-plugin': 5.10.0(eslint@10.2.0(jiti@2.6.1))
+      eslint: 10.2.0(jiti@2.6.1)
+      eslint-plugin-import-x: 4.16.1(@typescript-eslint/utils@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2))(eslint-import-resolver-node@0.3.9)(eslint@10.2.0(jiti@2.6.1))
+      eslint-plugin-n: 17.24.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       globals: 17.4.0
-      typescript-eslint: 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      vue-eslint-parser: 10.4.0(eslint@10.1.0(jiti@2.6.1))
+      typescript-eslint: 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      vue-eslint-parser: 10.4.0(eslint@10.2.0(jiti@2.6.1))
     transitivePeerDependencies:
       - '@typescript-eslint/utils'
       - eslint-import-resolver-node
@@ -17607,16 +17784,12 @@ snapshots:
       '@tanstack/virtual-core': 3.13.23
       lit: 3.3.2
 
-  '@tanstack/match-sorter-utils@8.19.4':
-    dependencies:
-      remove-accents: 0.5.0
-
   '@tanstack/pacer-lite@0.1.1': {}
 
-  '@tanstack/preact-store@0.11.3(preact@10.29.0)':
+  '@tanstack/preact-store@0.11.3(preact@10.29.1)':
     dependencies:
       '@tanstack/store': 0.9.3
-      preact: 10.29.0
+      preact: 10.29.1
 
   '@tanstack/publish-config@0.2.7':
     dependencies:
@@ -17627,8 +17800,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@tanstack/query-core@5.96.1': {}
-
   '@tanstack/query-core@5.96.2': {}
 
   '@tanstack/react-devtools@0.10.1(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(solid-js@1.9.12)':
@@ -17652,9 +17823,9 @@ snapshots:
     transitivePeerDependencies:
       - react-dom
 
-  '@tanstack/react-query@5.96.1(react@19.2.4)':
+  '@tanstack/react-query@5.96.2(react@19.2.4)':
     dependencies:
-      '@tanstack/query-core': 5.96.1
+      '@tanstack/query-core': 5.96.2
       react: 19.2.4
 
   '@tanstack/react-router@1.168.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
@@ -17699,11 +17870,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@tanstack/router-plugin@1.167.12(@tanstack/react-router@1.168.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite-plugin-solid@2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)))(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(webpack@5.105.2(esbuild@0.27.4))':
+  '@tanstack/router-plugin@1.167.12(@tanstack/react-router@1.168.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite-plugin-solid@2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)))(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(webpack@5.105.2(esbuild@0.27.4))':
     dependencies:
-      '@babel/core': 7.28.5
-      '@babel/plugin-syntax-jsx': 7.28.6(@babel/core@7.28.5)
-      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.28.5)
+      '@babel/core': 7.29.0
+      '@babel/plugin-syntax-jsx': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.29.0)
       '@babel/template': 7.28.6
       '@babel/traverse': 7.28.6
       '@babel/types': 7.28.6
@@ -17716,15 +17887,15 @@ snapshots:
       zod: 3.25.76
     optionalDependencies:
       '@tanstack/react-router': 1.168.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
-      vite: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
-      vite-plugin-solid: 2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      vite: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vite-plugin-solid: 2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
       webpack: 5.105.2(esbuild@0.27.4)
     transitivePeerDependencies:
       - supports-color
 
   '@tanstack/router-utils@1.161.6':
     dependencies:
-      '@babel/core': 7.28.5
+      '@babel/core': 7.29.0
       '@babel/generator': 7.28.6
       '@babel/parser': 7.28.6
       '@babel/types': 7.28.6
@@ -17736,9 +17907,9 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@tanstack/router-vite-plugin@1.166.27(@tanstack/react-router@1.168.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite-plugin-solid@2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)))(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(webpack@5.105.2(esbuild@0.27.4))':
+  '@tanstack/router-vite-plugin@1.166.27(@tanstack/react-router@1.168.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite-plugin-solid@2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)))(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(webpack@5.105.2(esbuild@0.27.4))':
     dependencies:
-      '@tanstack/router-plugin': 1.167.12(@tanstack/react-router@1.168.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite-plugin-solid@2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)))(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(webpack@5.105.2(esbuild@0.27.4))
+      '@tanstack/router-plugin': 1.167.12(@tanstack/react-router@1.168.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite-plugin-solid@2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)))(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(webpack@5.105.2(esbuild@0.27.4))
     transitivePeerDependencies:
       - '@rsbuild/core'
       - '@tanstack/react-router'
@@ -17762,9 +17933,9 @@ snapshots:
       '@tanstack/solid-store': 0.9.3(solid-js@1.9.12)
       solid-js: 1.9.12
 
-  '@tanstack/solid-query@5.96.1(solid-js@1.9.12)':
+  '@tanstack/solid-query@5.96.2(solid-js@1.9.12)':
     dependencies:
-      '@tanstack/query-core': 5.96.1
+      '@tanstack/query-core': 5.96.2
       solid-js: 1.9.12
 
   '@tanstack/solid-router@1.168.9(solid-js@1.9.12)':
@@ -17822,16 +17993,16 @@ snapshots:
 
   '@tanstack/virtual-file-routes@1.161.7': {}
 
-  '@tanstack/vue-store@0.9.3(vue@3.5.31(typescript@6.0.2))':
+  '@tanstack/vue-store@0.9.3(vue@3.5.32(typescript@6.0.2))':
     dependencies:
       '@tanstack/store': 0.9.3
-      vue: 3.5.31(typescript@6.0.2)
-      vue-demi: 0.14.10(vue@3.5.31(typescript@6.0.2))
+      vue: 3.5.32(typescript@6.0.2)
+      vue-demi: 0.14.10(vue@3.5.32(typescript@6.0.2))
 
-  '@tanstack/vue-virtual@3.13.23(vue@3.5.31(typescript@6.0.2))':
+  '@tanstack/vue-virtual@3.13.23(vue@3.5.32(typescript@6.0.2))':
     dependencies:
       '@tanstack/virtual-core': 3.13.23
-      vue: 3.5.31(typescript@6.0.2)
+      vue: 3.5.32(typescript@6.0.2)
 
   '@testing-library/jest-dom@6.9.1':
     dependencies:
@@ -17894,33 +18065,33 @@ snapshots:
 
   '@types/babel__core@7.20.5':
     dependencies:
-      '@babel/parser': 7.28.6
-      '@babel/types': 7.28.6
+      '@babel/parser': 7.29.2
+      '@babel/types': 7.29.0
       '@types/babel__generator': 7.6.8
       '@types/babel__template': 7.4.4
       '@types/babel__traverse': 7.20.6
 
   '@types/babel__generator@7.6.8':
     dependencies:
-      '@babel/types': 7.28.6
+      '@babel/types': 7.29.0
 
   '@types/babel__template@7.4.4':
     dependencies:
-      '@babel/parser': 7.28.6
-      '@babel/types': 7.28.6
+      '@babel/parser': 7.29.2
+      '@babel/types': 7.29.0
 
   '@types/babel__traverse@7.20.6':
     dependencies:
-      '@babel/types': 7.28.6
+      '@babel/types': 7.29.0
 
   '@types/body-parser@1.19.5':
     dependencies:
       '@types/connect': 3.4.38
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
 
   '@types/bonjour@3.5.13':
     dependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
 
   '@types/chai@5.2.3':
     dependencies:
@@ -17930,15 +18101,15 @@ snapshots:
   '@types/connect-history-api-fallback@1.5.4':
     dependencies:
       '@types/express-serve-static-core': 5.0.5
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
 
   '@types/connect@3.4.38':
     dependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
 
   '@types/cors@2.8.17':
     dependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
     optional: true
 
   '@types/deep-eql@4.0.2': {}
@@ -17963,14 +18134,14 @@ snapshots:
 
   '@types/express-serve-static-core@4.19.6':
     dependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
       '@types/qs': 6.9.18
       '@types/range-parser': 1.2.7
       '@types/send': 0.17.4
 
   '@types/express-serve-static-core@5.0.5':
     dependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
       '@types/qs': 6.9.18
       '@types/range-parser': 1.2.7
       '@types/send': 0.17.4
@@ -17996,7 +18167,7 @@ snapshots:
 
   '@types/http-proxy@1.17.15':
     dependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
 
   '@types/jsesc@2.5.1': {}
 
@@ -18004,7 +18175,7 @@ snapshots:
 
   '@types/mime@1.3.5': {}
 
-  '@types/node@25.5.0':
+  '@types/node@25.5.2':
     dependencies:
       undici-types: 7.18.2
 
@@ -18025,7 +18196,7 @@ snapshots:
   '@types/send@0.17.4':
     dependencies:
       '@types/mime': 1.3.5
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
 
   '@types/serve-index@1.9.4':
     dependencies:
@@ -18034,17 +18205,17 @@ snapshots:
   '@types/serve-static@1.15.7':
     dependencies:
       '@types/http-errors': 2.0.4
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
       '@types/send': 0.17.4
 
   '@types/serve-static@2.2.0':
     dependencies:
       '@types/http-errors': 2.0.4
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
 
   '@types/sockjs@0.3.36':
     dependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
 
   '@types/trusted-types@2.0.7': {}
 
@@ -18052,17 +18223,17 @@ snapshots:
 
   '@types/ws@8.5.14':
     dependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
 
-  '@typescript-eslint/eslint-plugin@8.58.0(@typescript-eslint/parser@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
+  '@typescript-eslint/eslint-plugin@8.58.0(@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/parser': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       '@typescript-eslint/scope-manager': 8.58.0
-      '@typescript-eslint/type-utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/type-utils': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       '@typescript-eslint/visitor-keys': 8.58.0
-      eslint: 10.1.0(jiti@2.6.1)
+      eslint: 10.2.0(jiti@2.6.1)
       ignore: 7.0.5
       natural-compare: 1.4.0
       ts-api-utils: 2.5.0(typescript@6.0.2)
@@ -18070,14 +18241,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
+  '@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)':
     dependencies:
       '@typescript-eslint/scope-manager': 8.58.0
       '@typescript-eslint/types': 8.58.0
       '@typescript-eslint/typescript-estree': 8.58.0(typescript@6.0.2)
       '@typescript-eslint/visitor-keys': 8.58.0
       debug: 4.4.3
-      eslint: 10.1.0(jiti@2.6.1)
+      eslint: 10.2.0(jiti@2.6.1)
       typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
@@ -18100,13 +18271,13 @@ snapshots:
     dependencies:
       typescript: 6.0.2
 
-  '@typescript-eslint/type-utils@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
+  '@typescript-eslint/type-utils@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)':
     dependencies:
       '@typescript-eslint/types': 8.58.0
       '@typescript-eslint/typescript-estree': 8.58.0(typescript@6.0.2)
-      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       debug: 4.4.3
-      eslint: 10.1.0(jiti@2.6.1)
+      eslint: 10.2.0(jiti@2.6.1)
       ts-api-utils: 2.5.0(typescript@6.0.2)
       typescript: 6.0.2
     transitivePeerDependencies:
@@ -18131,13 +18302,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
+  '@typescript-eslint/utils@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.1(eslint@10.1.0(jiti@2.6.1))
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.2.0(jiti@2.6.1))
       '@typescript-eslint/scope-manager': 8.58.0
       '@typescript-eslint/types': 8.58.0
       '@typescript-eslint/typescript-estree': 8.58.0(typescript@6.0.2)
-      eslint: 10.1.0(jiti@2.6.1)
+      eslint: 10.2.0(jiti@2.6.1)
       typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
@@ -18206,80 +18377,80 @@ snapshots:
   '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
     optional: true
 
-  '@vitejs/plugin-basic-ssl@2.1.4(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))':
+  '@vitejs/plugin-basic-ssl@2.1.4(vite@7.3.1(@types/node@25.5.2)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))':
     dependencies:
-      vite: 7.3.1(@types/node@25.5.0)(jiti@2.6.1)(less@4.4.2)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vite: 7.3.1(@types/node@25.5.2)(jiti@2.6.1)(less@4.4.2)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
-  '@vitejs/plugin-react@6.0.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))':
+  '@vitejs/plugin-react@6.0.1(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))':
     dependencies:
       '@rolldown/pluginutils': 1.0.0-rc.7
-      vite: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vite: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
-  '@vitejs/plugin-vue-jsx@5.1.5(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.31(typescript@6.0.2))':
+  '@vitejs/plugin-vue-jsx@5.1.5(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.32(typescript@6.0.2))':
     dependencies:
       '@babel/core': 7.29.0
       '@babel/plugin-syntax-typescript': 7.28.6(@babel/core@7.29.0)
       '@babel/plugin-transform-typescript': 7.28.6(@babel/core@7.29.0)
       '@rolldown/pluginutils': 1.0.0-rc.12
       '@vue/babel-plugin-jsx': 2.0.1(@babel/core@7.29.0)
-      vite: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
-      vue: 3.5.31(typescript@6.0.2)
+      vite: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vue: 3.5.32(typescript@6.0.2)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@6.0.5(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.31(typescript@6.0.2))':
+  '@vitejs/plugin-vue@6.0.5(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))(vue@3.5.32(typescript@6.0.2))':
     dependencies:
       '@rolldown/pluginutils': 1.0.0-rc.2
-      vite: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
-      vue: 3.5.31(typescript@6.0.2)
+      vite: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vue: 3.5.32(typescript@6.0.2)
 
-  '@vitest/expect@4.1.2':
+  '@vitest/expect@4.1.3':
     dependencies:
       '@standard-schema/spec': 1.1.0
       '@types/chai': 5.2.3
-      '@vitest/spy': 4.1.2
-      '@vitest/utils': 4.1.2
+      '@vitest/spy': 4.1.3
+      '@vitest/utils': 4.1.3
       chai: 6.2.2
       tinyrainbow: 3.1.0
 
-  '@vitest/mocker@4.1.2(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(less@4.4.2)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))':
+  '@vitest/mocker@4.1.3(vite@7.3.1(@types/node@25.5.2)(jiti@2.6.1)(less@4.4.2)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))':
     dependencies:
-      '@vitest/spy': 4.1.2
+      '@vitest/spy': 4.1.3
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
-      vite: 7.3.1(@types/node@25.5.0)(jiti@2.6.1)(less@4.4.2)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vite: 7.3.1(@types/node@25.5.2)(jiti@2.6.1)(less@4.4.2)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
     optional: true
 
-  '@vitest/mocker@4.1.2(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))':
+  '@vitest/mocker@4.1.3(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))':
     dependencies:
-      '@vitest/spy': 4.1.2
+      '@vitest/spy': 4.1.3
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
-      vite: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vite: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
-  '@vitest/pretty-format@4.1.2':
+  '@vitest/pretty-format@4.1.3':
     dependencies:
       tinyrainbow: 3.1.0
 
-  '@vitest/runner@4.1.2':
+  '@vitest/runner@4.1.3':
     dependencies:
-      '@vitest/utils': 4.1.2
+      '@vitest/utils': 4.1.3
       pathe: 2.0.3
 
-  '@vitest/snapshot@4.1.2':
+  '@vitest/snapshot@4.1.3':
     dependencies:
-      '@vitest/pretty-format': 4.1.2
-      '@vitest/utils': 4.1.2
+      '@vitest/pretty-format': 4.1.3
+      '@vitest/utils': 4.1.3
       magic-string: 0.30.21
       pathe: 2.0.3
 
-  '@vitest/spy@4.1.2': {}
+  '@vitest/spy@4.1.3': {}
 
-  '@vitest/utils@4.1.2':
+  '@vitest/utils@4.1.3':
     dependencies:
-      '@vitest/pretty-format': 4.1.2
+      '@vitest/pretty-format': 4.1.3
       convert-source-map: 2.0.0
       tinyrainbow: 3.1.0
 
@@ -18332,10 +18503,10 @@ snapshots:
       estree-walker: 2.0.2
       source-map-js: 1.2.1
 
-  '@vue/compiler-core@3.5.31':
+  '@vue/compiler-core@3.5.32':
     dependencies:
       '@babel/parser': 7.29.2
-      '@vue/shared': 3.5.31
+      '@vue/shared': 3.5.32
       entities: 7.0.1
       estree-walker: 2.0.2
       source-map-js: 1.2.1
@@ -18345,10 +18516,10 @@ snapshots:
       '@vue/compiler-core': 3.5.27
       '@vue/shared': 3.5.27
 
-  '@vue/compiler-dom@3.5.31':
+  '@vue/compiler-dom@3.5.32':
     dependencies:
-      '@vue/compiler-core': 3.5.31
-      '@vue/shared': 3.5.31
+      '@vue/compiler-core': 3.5.32
+      '@vue/shared': 3.5.32
 
   '@vue/compiler-sfc@3.5.27':
     dependencies:
@@ -18359,16 +18530,16 @@ snapshots:
       '@vue/shared': 3.5.27
       estree-walker: 2.0.2
       magic-string: 0.30.21
-      postcss: 8.5.6
+      postcss: 8.5.8
       source-map-js: 1.2.1
 
-  '@vue/compiler-sfc@3.5.31':
+  '@vue/compiler-sfc@3.5.32':
     dependencies:
       '@babel/parser': 7.29.2
-      '@vue/compiler-core': 3.5.31
-      '@vue/compiler-dom': 3.5.31
-      '@vue/compiler-ssr': 3.5.31
-      '@vue/shared': 3.5.31
+      '@vue/compiler-core': 3.5.32
+      '@vue/compiler-dom': 3.5.32
+      '@vue/compiler-ssr': 3.5.32
+      '@vue/shared': 3.5.32
       estree-walker: 2.0.2
       magic-string: 0.30.21
       postcss: 8.5.8
@@ -18379,10 +18550,10 @@ snapshots:
       '@vue/compiler-dom': 3.5.27
       '@vue/shared': 3.5.27
 
-  '@vue/compiler-ssr@3.5.31':
+  '@vue/compiler-ssr@3.5.32':
     dependencies:
-      '@vue/compiler-dom': 3.5.31
-      '@vue/shared': 3.5.31
+      '@vue/compiler-dom': 3.5.32
+      '@vue/shared': 3.5.32
 
   '@vue/language-core@3.2.6':
     dependencies:
@@ -18394,31 +18565,31 @@ snapshots:
       path-browserify: 1.0.1
       picomatch: 4.0.3
 
-  '@vue/reactivity@3.5.31':
+  '@vue/reactivity@3.5.32':
     dependencies:
-      '@vue/shared': 3.5.31
+      '@vue/shared': 3.5.32
 
-  '@vue/runtime-core@3.5.31':
+  '@vue/runtime-core@3.5.32':
     dependencies:
-      '@vue/reactivity': 3.5.31
-      '@vue/shared': 3.5.31
+      '@vue/reactivity': 3.5.32
+      '@vue/shared': 3.5.32
 
-  '@vue/runtime-dom@3.5.31':
+  '@vue/runtime-dom@3.5.32':
     dependencies:
-      '@vue/reactivity': 3.5.31
-      '@vue/runtime-core': 3.5.31
-      '@vue/shared': 3.5.31
+      '@vue/reactivity': 3.5.32
+      '@vue/runtime-core': 3.5.32
+      '@vue/shared': 3.5.32
       csstype: 3.2.3
 
-  '@vue/server-renderer@3.5.31(vue@3.5.31(typescript@6.0.2))':
+  '@vue/server-renderer@3.5.32(vue@3.5.32(typescript@6.0.2))':
     dependencies:
-      '@vue/compiler-ssr': 3.5.31
-      '@vue/shared': 3.5.31
-      vue: 3.5.31(typescript@6.0.2)
+      '@vue/compiler-ssr': 3.5.32
+      '@vue/shared': 3.5.32
+      vue: 3.5.32(typescript@6.0.2)
 
   '@vue/shared@3.5.27': {}
 
-  '@vue/shared@3.5.31': {}
+  '@vue/shared@3.5.32': {}
 
   '@webassemblyjs/ast@1.14.1':
     dependencies:
@@ -18693,12 +18864,12 @@ snapshots:
       find-up: 5.0.0
       webpack: 5.105.2(esbuild@0.27.4)
 
-  babel-plugin-jsx-dom-expressions@0.37.23(@babel/core@7.28.5):
+  babel-plugin-jsx-dom-expressions@0.37.23(@babel/core@7.29.0):
     dependencies:
-      '@babel/core': 7.28.5
+      '@babel/core': 7.29.0
       '@babel/helper-module-imports': 7.18.6
-      '@babel/plugin-syntax-jsx': 7.28.6(@babel/core@7.28.5)
-      '@babel/types': 7.28.6
+      '@babel/plugin-syntax-jsx': 7.28.6(@babel/core@7.29.0)
+      '@babel/types': 7.29.0
       html-entities: 2.3.3
       validate-html-nesting: 1.2.2
 
@@ -18738,10 +18909,10 @@ snapshots:
     dependencies:
       '@babel/core': 7.29.0
 
-  babel-preset-solid@1.8.18(@babel/core@7.28.5):
+  babel-preset-solid@1.8.18(@babel/core@7.29.0):
     dependencies:
-      '@babel/core': 7.28.5
-      babel-plugin-jsx-dom-expressions: 0.37.23(@babel/core@7.28.5)
+      '@babel/core': 7.29.0
+      babel-plugin-jsx-dom-expressions: 0.37.23(@babel/core@7.29.0)
 
   balanced-match@1.0.2: {}
 
@@ -19381,7 +19552,7 @@ snapshots:
   engine.io@6.6.4:
     dependencies:
       '@types/cors': 2.8.17
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
       accepts: 1.3.8
       base64id: 2.0.0
       cookie: 0.7.2
@@ -19550,9 +19721,9 @@ snapshots:
 
   escape-string-regexp@4.0.0: {}
 
-  eslint-compat-utils@0.5.1(eslint@10.1.0(jiti@2.6.1)):
+  eslint-compat-utils@0.5.1(eslint@10.2.0(jiti@2.6.1)):
     dependencies:
-      eslint: 10.1.0(jiti@2.6.1)
+      eslint: 10.2.0(jiti@2.6.1)
       semver: 7.7.4
 
   eslint-import-context@0.1.9(unrs-resolver@1.11.1):
@@ -19571,19 +19742,19 @@ snapshots:
       - supports-color
     optional: true
 
-  eslint-plugin-es-x@7.8.0(eslint@10.1.0(jiti@2.6.1)):
+  eslint-plugin-es-x@7.8.0(eslint@10.2.0(jiti@2.6.1)):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.1(eslint@10.1.0(jiti@2.6.1))
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.2.0(jiti@2.6.1))
       '@eslint-community/regexpp': 4.12.2
-      eslint: 10.1.0(jiti@2.6.1)
-      eslint-compat-utils: 0.5.1(eslint@10.1.0(jiti@2.6.1))
+      eslint: 10.2.0(jiti@2.6.1)
+      eslint-compat-utils: 0.5.1(eslint@10.2.0(jiti@2.6.1))
 
-  eslint-plugin-import-x@4.16.1(@typescript-eslint/utils@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint-import-resolver-node@0.3.9)(eslint@10.1.0(jiti@2.6.1)):
+  eslint-plugin-import-x@4.16.1(@typescript-eslint/utils@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2))(eslint-import-resolver-node@0.3.9)(eslint@10.2.0(jiti@2.6.1)):
     dependencies:
       '@typescript-eslint/types': 8.56.0
       comment-parser: 1.4.5
       debug: 4.4.3
-      eslint: 10.1.0(jiti@2.6.1)
+      eslint: 10.2.0(jiti@2.6.1)
       eslint-import-context: 0.1.9(unrs-resolver@1.11.1)
       is-glob: 4.0.3
       minimatch: 10.1.1
@@ -19591,17 +19762,17 @@ snapshots:
       stable-hash-x: 0.2.0
       unrs-resolver: 1.11.1
     optionalDependencies:
-      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       eslint-import-resolver-node: 0.3.9
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-n@17.24.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2):
+  eslint-plugin-n@17.24.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.1(eslint@10.1.0(jiti@2.6.1))
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.2.0(jiti@2.6.1))
       enhanced-resolve: 5.18.4
-      eslint: 10.1.0(jiti@2.6.1)
-      eslint-plugin-es-x: 7.8.0(eslint@10.1.0(jiti@2.6.1))
+      eslint: 10.2.0(jiti@2.6.1)
+      eslint-plugin-es-x: 7.8.0(eslint@10.2.0(jiti@2.6.1))
       get-tsconfig: 4.13.0
       globals: 15.14.0
       globrex: 0.1.2
@@ -19611,125 +19782,125 @@ snapshots:
     transitivePeerDependencies:
       - typescript
 
-  eslint-plugin-react-compiler@19.1.0-rc.2(eslint@10.1.0(jiti@2.6.1)):
+  eslint-plugin-react-compiler@19.1.0-rc.2(eslint@10.2.0(jiti@2.6.1)):
     dependencies:
       '@babel/core': 7.28.5
       '@babel/parser': 7.28.5
       '@babel/plugin-proposal-private-methods': 7.18.6(@babel/core@7.28.5)
-      eslint: 10.1.0(jiti@2.6.1)
+      eslint: 10.2.0(jiti@2.6.1)
       hermes-parser: 0.25.1
       zod: 3.25.76
       zod-validation-error: 3.5.4(zod@3.25.76)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-dom@4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2):
+  eslint-plugin-react-dom@4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2):
     dependencies:
-      '@eslint-react/ast': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/core': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/jsx': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/shared': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/var': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/ast': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/core': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/jsx': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/shared': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/var': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       '@typescript-eslint/scope-manager': 8.58.0
       '@typescript-eslint/types': 8.58.0
-      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       compare-versions: 6.1.1
-      eslint: 10.1.0(jiti@2.6.1)
+      eslint: 10.2.0(jiti@2.6.1)
       ts-pattern: 5.9.0
       typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-hooks@7.0.1(eslint@10.1.0(jiti@2.6.1)):
+  eslint-plugin-react-hooks@7.0.1(eslint@10.2.0(jiti@2.6.1)):
     dependencies:
       '@babel/core': 7.26.0
       '@babel/parser': 7.26.7
-      eslint: 10.1.0(jiti@2.6.1)
+      eslint: 10.2.0(jiti@2.6.1)
       hermes-parser: 0.25.1
       zod: 4.3.6
       zod-validation-error: 4.0.2(zod@4.3.6)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-jsx@4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2):
+  eslint-plugin-react-jsx@4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2):
     dependencies:
-      '@eslint-react/ast': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/core': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/jsx': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/shared': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/var': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/ast': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/core': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/jsx': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/shared': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/var': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       '@typescript-eslint/scope-manager': 8.58.0
       '@typescript-eslint/types': 8.58.0
-      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       compare-versions: 6.1.1
-      eslint: 10.1.0(jiti@2.6.1)
+      eslint: 10.2.0(jiti@2.6.1)
       ts-pattern: 5.9.0
       typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-naming-convention@4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2):
+  eslint-plugin-react-naming-convention@4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2):
     dependencies:
-      '@eslint-react/ast': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/core': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/shared': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/var': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/ast': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/core': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/shared': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/var': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       '@typescript-eslint/scope-manager': 8.58.0
-      '@typescript-eslint/type-utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/type-utils': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       '@typescript-eslint/types': 8.58.0
-      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       compare-versions: 6.1.1
-      eslint: 10.1.0(jiti@2.6.1)
+      eslint: 10.2.0(jiti@2.6.1)
       string-ts: 2.3.1
       ts-pattern: 5.9.0
       typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-rsc@4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2):
+  eslint-plugin-react-rsc@4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2):
     dependencies:
-      '@eslint-react/ast': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/shared': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/var': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/ast': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/shared': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/var': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       '@typescript-eslint/scope-manager': 8.58.0
-      '@typescript-eslint/type-utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/type-utils': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       '@typescript-eslint/types': 8.58.0
-      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      eslint: 10.1.0(jiti@2.6.1)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      eslint: 10.2.0(jiti@2.6.1)
       ts-pattern: 5.9.0
       typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-web-api@4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2):
+  eslint-plugin-react-web-api@4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2):
     dependencies:
-      '@eslint-react/ast': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/core': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/shared': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/var': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/ast': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/core': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/shared': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/var': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       '@typescript-eslint/scope-manager': 8.58.0
       '@typescript-eslint/types': 8.58.0
-      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       birecord: 0.1.1
-      eslint: 10.1.0(jiti@2.6.1)
+      eslint: 10.2.0(jiti@2.6.1)
       ts-pattern: 5.9.0
       typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-x@4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2):
+  eslint-plugin-react-x@4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2):
     dependencies:
-      '@eslint-react/ast': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/core': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/jsx': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/shared': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@eslint-react/var': 4.2.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/ast': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/core': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/jsx': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/shared': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/var': 4.2.3(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       '@typescript-eslint/scope-manager': 8.58.0
-      '@typescript-eslint/type-utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/type-utils': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       '@typescript-eslint/types': 8.58.0
-      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       compare-versions: 6.1.1
-      eslint: 10.1.0(jiti@2.6.1)
+      eslint: 10.2.0(jiti@2.6.1)
       string-ts: 2.3.1
       ts-api-utils: 2.5.0(typescript@6.0.2)
       ts-pattern: 5.9.0
@@ -19737,37 +19908,37 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-svelte@3.16.0(eslint@10.1.0(jiti@2.6.1))(svelte@5.55.1):
+  eslint-plugin-svelte@3.17.0(eslint@10.2.0(jiti@2.6.1))(svelte@5.55.1):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.1(eslint@10.1.0(jiti@2.6.1))
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.2.0(jiti@2.6.1))
       '@jridgewell/sourcemap-codec': 1.5.5
-      eslint: 10.1.0(jiti@2.6.1)
+      eslint: 10.2.0(jiti@2.6.1)
       esutils: 2.0.3
       globals: 16.5.0
       known-css-properties: 0.37.0
-      postcss: 8.5.6
-      postcss-load-config: 3.1.4(postcss@8.5.6)
-      postcss-safe-parser: 7.0.1(postcss@8.5.6)
-      semver: 7.7.3
+      postcss: 8.5.8
+      postcss-load-config: 3.1.4(postcss@8.5.8)
+      postcss-safe-parser: 7.0.1(postcss@8.5.8)
+      semver: 7.7.4
       svelte-eslint-parser: 1.4.1(svelte@5.55.1)
     optionalDependencies:
       svelte: 5.55.1
     transitivePeerDependencies:
       - ts-node
 
-  eslint-plugin-vue@10.8.0(@stylistic/eslint-plugin@5.10.0(eslint@10.1.0(jiti@2.6.1)))(@typescript-eslint/parser@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.1.0(jiti@2.6.1))(vue-eslint-parser@10.4.0(eslint@10.1.0(jiti@2.6.1))):
+  eslint-plugin-vue@10.8.0(@stylistic/eslint-plugin@5.10.0(eslint@10.2.0(jiti@2.6.1)))(@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.2.0(jiti@2.6.1))(vue-eslint-parser@10.4.0(eslint@10.2.0(jiti@2.6.1))):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.1(eslint@10.1.0(jiti@2.6.1))
-      eslint: 10.1.0(jiti@2.6.1)
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.2.0(jiti@2.6.1))
+      eslint: 10.2.0(jiti@2.6.1)
       natural-compare: 1.4.0
       nth-check: 2.1.1
       postcss-selector-parser: 7.1.1
       semver: 7.7.3
-      vue-eslint-parser: 10.4.0(eslint@10.1.0(jiti@2.6.1))
+      vue-eslint-parser: 10.4.0(eslint@10.2.0(jiti@2.6.1))
       xml-name-validator: 4.0.0
     optionalDependencies:
-      '@stylistic/eslint-plugin': 5.10.0(eslint@10.1.0(jiti@2.6.1))
-      '@typescript-eslint/parser': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@stylistic/eslint-plugin': 5.10.0(eslint@10.2.0(jiti@2.6.1))
+      '@typescript-eslint/parser': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
 
   eslint-scope@5.1.1:
     dependencies:
@@ -19792,14 +19963,14 @@ snapshots:
 
   eslint-visitor-keys@5.0.1: {}
 
-  eslint@10.1.0(jiti@2.6.1):
+  eslint@10.2.0(jiti@2.6.1):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.1(eslint@10.1.0(jiti@2.6.1))
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.2.0(jiti@2.6.1))
       '@eslint-community/regexpp': 4.12.2
-      '@eslint/config-array': 0.23.3
-      '@eslint/config-helpers': 0.5.3
-      '@eslint/core': 1.1.1
-      '@eslint/plugin-kit': 0.6.1
+      '@eslint/config-array': 0.23.4
+      '@eslint/config-helpers': 0.5.4
+      '@eslint/core': 1.2.0
+      '@eslint/plugin-kit': 0.7.0
       '@humanfs/node': 0.16.6
       '@humanwhocodes/module-importer': 1.0.1
       '@humanwhocodes/retry': 0.4.3
@@ -20528,7 +20699,7 @@ snapshots:
 
   jest-worker@27.5.1:
     dependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
@@ -20549,10 +20720,10 @@ snapshots:
 
   jsbn@1.1.0: {}
 
-  jsdom@29.0.1:
+  jsdom@29.0.2:
     dependencies:
-      '@asamuzakjp/css-color': 5.1.1
-      '@asamuzakjp/dom-selector': 7.0.4
+      '@asamuzakjp/css-color': 5.1.6
+      '@asamuzakjp/dom-selector': 7.0.8
       '@bramus/specificity': 2.4.2
       '@csstools/css-syntax-patches-for-csstree': 1.1.2(css-tree@3.2.1)
       '@exodus/bytes': 1.15.0
@@ -20655,7 +20826,7 @@ snapshots:
 
   kleur@4.1.5: {}
 
-  knip@6.2.0:
+  knip@6.3.0:
     dependencies:
       '@nodelib/fs.walk': 1.2.8
       fast-glob: 3.3.3
@@ -21573,12 +21744,12 @@ snapshots:
       pvutils: 1.1.5
       tslib: 2.8.1
 
-  postcss-load-config@3.1.4(postcss@8.5.6):
+  postcss-load-config@3.1.4(postcss@8.5.8):
     dependencies:
       lilconfig: 2.1.0
       yaml: 1.10.2
     optionalDependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
 
   postcss-loader@8.2.0(postcss@8.5.6)(typescript@6.0.2)(webpack@5.105.2(esbuild@0.27.3)):
     dependencies:
@@ -21614,17 +21785,13 @@ snapshots:
       icss-utils: 5.1.0(postcss@8.5.8)
       postcss: 8.5.8
 
-  postcss-safe-parser@7.0.1(postcss@8.5.6):
-    dependencies:
-      postcss: 8.5.6
-
   postcss-safe-parser@7.0.1(postcss@8.5.8):
     dependencies:
       postcss: 8.5.8
 
-  postcss-scss@4.0.9(postcss@8.5.6):
+  postcss-scss@4.0.9(postcss@8.5.8):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
 
   postcss-selector-parser@7.1.1:
     dependencies:
@@ -21647,7 +21814,7 @@ snapshots:
 
   powershell-utils@0.1.0: {}
 
-  preact@10.29.0: {}
+  preact@10.29.1: {}
 
   prelude-ls@1.2.1: {}
 
@@ -21942,6 +22109,27 @@ snapshots:
       '@rolldown/binding-win32-arm64-msvc': 1.0.0-rc.12
       '@rolldown/binding-win32-x64-msvc': 1.0.0-rc.12
 
+  rolldown@1.0.0-rc.13:
+    dependencies:
+      '@oxc-project/types': 0.123.0
+      '@rolldown/pluginutils': 1.0.0-rc.13
+    optionalDependencies:
+      '@rolldown/binding-android-arm64': 1.0.0-rc.13
+      '@rolldown/binding-darwin-arm64': 1.0.0-rc.13
+      '@rolldown/binding-darwin-x64': 1.0.0-rc.13
+      '@rolldown/binding-freebsd-x64': 1.0.0-rc.13
+      '@rolldown/binding-linux-arm-gnueabihf': 1.0.0-rc.13
+      '@rolldown/binding-linux-arm64-gnu': 1.0.0-rc.13
+      '@rolldown/binding-linux-arm64-musl': 1.0.0-rc.13
+      '@rolldown/binding-linux-ppc64-gnu': 1.0.0-rc.13
+      '@rolldown/binding-linux-s390x-gnu': 1.0.0-rc.13
+      '@rolldown/binding-linux-x64-gnu': 1.0.0-rc.13
+      '@rolldown/binding-linux-x64-musl': 1.0.0-rc.13
+      '@rolldown/binding-openharmony-arm64': 1.0.0-rc.13
+      '@rolldown/binding-wasm32-wasi': 1.0.0-rc.13
+      '@rolldown/binding-win32-arm64-msvc': 1.0.0-rc.13
+      '@rolldown/binding-win32-x64-msvc': 1.0.0-rc.13
+
   rolldown@1.0.0-rc.4:
     dependencies:
       '@oxc-project/types': 0.113.0
@@ -22351,9 +22539,9 @@ snapshots:
 
   solid-refresh@0.6.3(solid-js@1.9.12):
     dependencies:
-      '@babel/generator': 7.28.6
+      '@babel/generator': 7.29.1
       '@babel/helper-module-imports': 7.28.6
-      '@babel/types': 7.28.6
+      '@babel/types': 7.29.0
       solid-js: 1.9.12
     transitivePeerDependencies:
       - supports-color
@@ -22515,8 +22703,8 @@ snapshots:
       eslint-scope: 8.4.0
       eslint-visitor-keys: 4.2.1
       espree: 10.4.0
-      postcss: 8.5.6
-      postcss-scss: 4.0.9(postcss@8.5.6)
+      postcss: 8.5.8
+      postcss-scss: 4.0.9(postcss@8.5.8)
       postcss-selector-parser: 7.1.1
     optionalDependencies:
       svelte: 5.55.1
@@ -22603,8 +22791,6 @@ snapshots:
 
   tinybench@2.9.0: {}
 
-  tinyexec@1.0.2: {}
-
   tinyexec@1.0.4: {}
 
   tinyglobby@0.2.15:
@@ -22750,13 +22936,13 @@ snapshots:
       typescript: 6.0.2
       yaml: 2.8.2
 
-  typescript-eslint@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2):
+  typescript-eslint@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.58.0(@typescript-eslint/parser@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      '@typescript-eslint/parser': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/eslint-plugin': 8.58.0(@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/parser': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
       '@typescript-eslint/typescript-estree': 8.58.0(typescript@6.0.2)
-      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
-      eslint: 10.1.0(jiti@2.6.1)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@6.0.2)
+      eslint: 10.2.0(jiti@2.6.1)
       typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
@@ -22890,22 +23076,22 @@ snapshots:
 
   vary@1.1.2: {}
 
-  vite-plugin-solid@2.11.11(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)):
+  vite-plugin-solid@2.11.12(@testing-library/jest-dom@6.9.1)(solid-js@1.9.12)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)):
     dependencies:
-      '@babel/core': 7.28.5
+      '@babel/core': 7.29.0
       '@types/babel__core': 7.20.5
-      babel-preset-solid: 1.8.18(@babel/core@7.28.5)
+      babel-preset-solid: 1.8.18(@babel/core@7.29.0)
       merge-anything: 5.1.7
       solid-js: 1.9.12
       solid-refresh: 0.6.3(solid-js@1.9.12)
-      vite: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
-      vitefu: 1.1.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      vite: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vitefu: 1.1.3(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
     optionalDependencies:
       '@testing-library/jest-dom': 6.9.1
     transitivePeerDependencies:
       - supports-color
 
-  vite-prerender-plugin@0.5.12(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)):
+  vite-prerender-plugin@0.5.12(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)):
     dependencies:
       kolorist: 1.8.0
       magic-string: 0.30.21
@@ -22913,9 +23099,9 @@ snapshots:
       simple-code-frame: 1.3.0
       source-map: 0.7.6
       stack-trace: 1.0.0-pre2
-      vite: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vite: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
-  vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(less@4.4.2)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2):
+  vite@7.3.1(@types/node@25.5.2)(jiti@2.6.1)(less@4.4.2)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2):
     dependencies:
       esbuild: 0.27.4
       fdir: 6.5.0(picomatch@4.0.4)
@@ -22924,7 +23110,7 @@ snapshots:
       rollup: 4.53.3
       tinyglobby: 0.2.15
     optionalDependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
       fsevents: 2.3.3
       jiti: 2.6.1
       less: 4.4.2
@@ -22934,15 +23120,15 @@ snapshots:
       tsx: 4.19.2
       yaml: 2.8.2
 
-  vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2):
+  vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2):
     dependencies:
       lightningcss: 1.32.0
       picomatch: 4.0.4
       postcss: 8.5.8
-      rolldown: 1.0.0-rc.12
+      rolldown: 1.0.0-rc.13
       tinyglobby: 0.2.15
     optionalDependencies:
-      '@types/node': 25.5.0
+      '@types/node': 25.5.2
       esbuild: 0.27.4
       fsevents: 2.3.3
       jiti: 2.6.1
@@ -22952,68 +23138,64 @@ snapshots:
       tsx: 4.19.2
       yaml: 2.8.2
 
-  vitefu@1.1.1(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)):
-    optionalDependencies:
-      vite: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
-
-  vitefu@1.1.3(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)):
+  vitefu@1.1.3(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)):
     optionalDependencies:
-      vite: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vite: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
 
-  vitest@4.1.2(@types/node@25.5.0)(jsdom@29.0.1)(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(less@4.4.2)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)):
+  vitest@4.1.3(@types/node@25.5.2)(jsdom@29.0.2)(vite@7.3.1(@types/node@25.5.2)(jiti@2.6.1)(less@4.4.2)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)):
     dependencies:
-      '@vitest/expect': 4.1.2
-      '@vitest/mocker': 4.1.2(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(less@4.4.2)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
-      '@vitest/pretty-format': 4.1.2
-      '@vitest/runner': 4.1.2
-      '@vitest/snapshot': 4.1.2
-      '@vitest/spy': 4.1.2
-      '@vitest/utils': 4.1.2
+      '@vitest/expect': 4.1.3
+      '@vitest/mocker': 4.1.3(vite@7.3.1(@types/node@25.5.2)(jiti@2.6.1)(less@4.4.2)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@vitest/pretty-format': 4.1.3
+      '@vitest/runner': 4.1.3
+      '@vitest/snapshot': 4.1.3
+      '@vitest/spy': 4.1.3
+      '@vitest/utils': 4.1.3
       es-module-lexer: 2.0.0
       expect-type: 1.3.0
       magic-string: 0.30.21
       obug: 2.1.1
       pathe: 2.0.3
-      picomatch: 4.0.3
+      picomatch: 4.0.4
       std-env: 4.0.0
       tinybench: 2.9.0
-      tinyexec: 1.0.2
+      tinyexec: 1.0.4
       tinyglobby: 0.2.15
       tinyrainbow: 3.1.0
-      vite: 7.3.1(@types/node@25.5.0)(jiti@2.6.1)(less@4.4.2)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vite: 7.3.1(@types/node@25.5.2)(jiti@2.6.1)(less@4.4.2)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       why-is-node-running: 2.3.0
     optionalDependencies:
-      '@types/node': 25.5.0
-      jsdom: 29.0.1
+      '@types/node': 25.5.2
+      jsdom: 29.0.2
     transitivePeerDependencies:
       - msw
     optional: true
 
-  vitest@4.1.2(@types/node@25.5.0)(jsdom@29.0.1)(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)):
+  vitest@4.1.3(@types/node@25.5.2)(jsdom@29.0.2)(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)):
     dependencies:
-      '@vitest/expect': 4.1.2
-      '@vitest/mocker': 4.1.2(vite@8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
-      '@vitest/pretty-format': 4.1.2
-      '@vitest/runner': 4.1.2
-      '@vitest/snapshot': 4.1.2
-      '@vitest/spy': 4.1.2
-      '@vitest/utils': 4.1.2
+      '@vitest/expect': 4.1.3
+      '@vitest/mocker': 4.1.3(vite@8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2))
+      '@vitest/pretty-format': 4.1.3
+      '@vitest/runner': 4.1.3
+      '@vitest/snapshot': 4.1.3
+      '@vitest/spy': 4.1.3
+      '@vitest/utils': 4.1.3
       es-module-lexer: 2.0.0
       expect-type: 1.3.0
       magic-string: 0.30.21
       obug: 2.1.1
       pathe: 2.0.3
-      picomatch: 4.0.3
+      picomatch: 4.0.4
       std-env: 4.0.0
       tinybench: 2.9.0
-      tinyexec: 1.0.2
+      tinyexec: 1.0.4
       tinyglobby: 0.2.15
       tinyrainbow: 3.1.0
-      vite: 8.0.3(@types/node@25.5.0)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
+      vite: 8.0.7(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.6.1)(less@4.4.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.19.2)(yaml@2.8.2)
       why-is-node-running: 2.3.0
     optionalDependencies:
-      '@types/node': 25.5.0
-      jsdom: 29.0.1
+      '@types/node': 25.5.2
+      jsdom: 29.0.2
     transitivePeerDependencies:
       - msw
 
@@ -23022,14 +23204,14 @@ snapshots:
 
   vscode-uri@3.0.8: {}
 
-  vue-demi@0.14.10(vue@3.5.31(typescript@6.0.2)):
+  vue-demi@0.14.10(vue@3.5.32(typescript@6.0.2)):
     dependencies:
-      vue: 3.5.31(typescript@6.0.2)
+      vue: 3.5.32(typescript@6.0.2)
 
-  vue-eslint-parser@10.4.0(eslint@10.1.0(jiti@2.6.1)):
+  vue-eslint-parser@10.4.0(eslint@10.2.0(jiti@2.6.1)):
     dependencies:
       debug: 4.4.3
-      eslint: 10.1.0(jiti@2.6.1)
+      eslint: 10.2.0(jiti@2.6.1)
       eslint-scope: 8.4.0
       eslint-visitor-keys: 5.0.1
       espree: 10.4.0
@@ -23044,13 +23226,13 @@ snapshots:
       '@vue/language-core': 3.2.6
       typescript: 6.0.2
 
-  vue@3.5.31(typescript@6.0.2):
+  vue@3.5.32(typescript@6.0.2):
     dependencies:
-      '@vue/compiler-dom': 3.5.31
-      '@vue/compiler-sfc': 3.5.31
-      '@vue/runtime-dom': 3.5.31
-      '@vue/server-renderer': 3.5.31(vue@3.5.31(typescript@6.0.2))
-      '@vue/shared': 3.5.31
+      '@vue/compiler-dom': 3.5.32
+      '@vue/compiler-sfc': 3.5.32
+      '@vue/runtime-dom': 3.5.32
+      '@vue/server-renderer': 3.5.32(vue@3.5.32(typescript@6.0.2))
+      '@vue/shared': 3.5.32
     optionalDependencies:
       typescript: 6.0.2