@kayord/ui 4.0.0 → 4.0.2

package/dist/components/custom/data-table/Pagination.svelte

@@ -26,10 +26,8 @@
 			</p>
 		{/if}
 		<p>
-			{#if !table.options.manualPagination}
-				{table.getPrePaginatedRowModel().rows.length.toLocaleString()}
-				of {table.options.data.length.toLocaleString()} rows
-			{/if}
+			{table.getRowModel().rows.length.toLocaleString()}
+			of {table.getRowCount().toLocaleString()} rows
 		</p>
 	</div>
 	<div class="flex items-center gap-6 lg:gap-8">

package/dist/components/custom/data-table/shad-table.svelte.d.ts

@@ -5,7 +5,7 @@ export type ControlledState = Partial<TableState<DataTableFeatures>>;
 export type ShadTableOptions<TData extends RowData> = BaseOptions<TData> & {
     enableRowSelectionUI?: boolean;
     controlledState?: ControlledState;
-    resetPageIndexOn?: Array<keyof ControlledState>;
+    resetPageIndexOn?: Array<keyof ControlledState> | undefined;
 };
 export declare function createShadTable<TData extends RowData>(shadOptions: ShadTableOptions<TData>): Table<DataTableFeatures, TData>;
 export { features };

package/dist/components/custom/data-table/shad-table.svelte.js

@@ -3,15 +3,18 @@ import DataTableCheckbox from "./DataTableCheckbox.svelte";
 import { renderComponent } from "../../ui/data-table";
 import { features } from "./features";
 export function createShadTable(shadOptions) {
-    const { enableRowSelectionUI = true, controlledState, resetPageIndexOn = [], ...rest } = shadOptions;
+    const { enableRowSelectionUI = true, controlledState, resetPageIndexOn, ...rest } = shadOptions;
     const externalHandlers = {};
     if (controlledState) {
+        // Default: reset the page index on any controlled state change.
+        const resetKeys = resetPageIndexOn ?? Object.keys(controlledState);
         for (const key of Object.keys(controlledState)) {
-            const resetPage = resetPageIndexOn.includes(key);
+            const resetPage = resetKeys.includes(key);
             externalHandlers[`on${key.charAt(0).toUpperCase()}${key.slice(1)}Change`] = (updater) => {
                 const record = controlledState;
                 record[key] = functionalUpdate(updater, record[key]);
-                if (resetPage && controlledState.pagination) {
+                // Never reset the page because the page itself changed.
+                if (resetPage && key !== "pagination" && controlledState.pagination) {
                     controlledState.pagination = { ...controlledState.pagination, pageIndex: 0 };
                 }
             };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kayord/ui",
   "private": false,
-  "version": "4.0.0",
+  "version": "4.0.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/kayordDX/ui.git"
@@ -107,7 +107,7 @@
     }
   },
   "dependencies": {
-    "bits-ui": "2.18.1",
+    "bits-ui": "2.19.0",
     "clsx": "^2.1.1",
     "runed": "^0.37.1",
     "tailwind-merge": "^3.6.0",
@@ -118,46 +118,46 @@
     "@eslint/compat": "^2.1.0",
     "@eslint/js": "^10.0.1",
     "@internationalized/date": "^3.12.3",
-    "@lucide/svelte": "^1.31.0",
+    "@lucide/svelte": "^1.34.0",
     "@sveltejs/adapter-auto": "^7.0.1",
-    "@sveltejs/kit": "^2.70.2",
+    "@sveltejs/kit": "^2.70.3",
     "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "7.3.0",
     "@tailwindcss/vite": "^4.3.3",
     "@tanstack/svelte-table": "^9.1.2",
     "@types/d3-scale": "^4.0.9",
-    "@types/d3-shape": "^3.1.8",
-    "@vitest/browser": "^4.1.10",
-    "@vitest/browser-playwright": "^4.1.10",
+    "@types/d3-shape": "^3.2.0",
+    "@vitest/browser": "^4.1.11",
+    "@vitest/browser-playwright": "^4.1.11",
     "d3-scale": "^4.0.2",
     "d3-shape": "^3.2.0",
     "embla-carousel-svelte": "^8.6.0",
-    "eslint": "^10.8.1",
+    "eslint": "^10.9.1",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-svelte": "^3.23.0",
     "formsnap": "^2.0.1",
     "globals": "^17.11.0",
-    "layerchart": "^2.2.0",
+    "layerchart": "^2.3.0",
     "mode-watcher": "^1.1.0",
     "paneforge": "^1.0.2",
-    "playwright": "^1.60.0",
+    "playwright": "^1.62.1",
     "prettier": "^3.9.6",
     "prettier-plugin-svelte": "4.1.1",
     "prettier-plugin-tailwindcss": "^0.8.1",
-    "publint": "^0.3.23",
+    "publint": "^0.3.24",
     "shadcn-svelte": "^1.5.0",
-    "svelte": "^5.56.9",
+    "svelte": "^5.56.10",
     "svelte-check": "^4.7.6",
-    "svelte-sonner": "^1.1.1",
+    "svelte-sonner": "^1.2.1",
     "sveltekit-superforms": "^2.30.2",
     "tailwindcss": "^4.3.3",
     "tslib": "^2.8.1",
     "tw-animate-css": "1.4.0",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.67.0",
+    "typescript-eslint": "^8.68.0",
     "vaul-svelte": "1.0.0-next.7",
-    "vite": "^8.2.1",
-    "vitest": "^4.1.10",
+    "vite": "^8.2.2",
+    "vitest": "^4.1.11",
     "vitest-browser-svelte": "^3.0.0"
   },
   "svelte": "./dist/index.js",