@humanspeak/svelte-virtual-list 0.3.1-beta.1 → 0.3.2

package/dist/{reactive-height-manager → reactive-list-manager}/benchmark.js

@@ -1,6 +1,6 @@
-import { createHeightManager } from './index.js';
-export function benchmarkHeightManager(itemCount, dirtyCount, iterations = 100) {
-    const manager = createHeightManager(itemCount);
+import { createListManager } from './index.js';
+export function benchmarkListManager(itemCount, dirtyCount, iterations = 100) {
+    const manager = createListManager(itemCount);
     const times = [];
     for (let i = 0; i < iterations; i++) {
         const dirtyResults = Array.from({ length: dirtyCount }, (_, idx) => ({

package/dist/{reactive-height-manager → reactive-list-manager}/index.d.ts

@@ -12,11 +12,11 @@
  *
  * @example Basic Usage
  * ```typescript
- * import { ReactiveHeightManager } from './reactive-height-manager'
+ * import { ReactiveListManager } from './reactive-list-manager'
  *
- * const manager = new ReactiveHeightManager({
+ * const manager = new ReactiveListManager({
  *   itemLength: 10000,
- *   estimatedHeight: 40
+ *   itemHeight: 40
  * })
  *
  * // Process height changes incrementally
@@ -33,18 +33,14 @@
  * console.log(`Measured: ${debugInfo.measuredCount}/${debugInfo.itemLength}`)
  * ```
  */
-export { ReactiveHeightManager } from './ReactiveHeightManager.svelte.js';
-import { ReactiveHeightManager as ReactiveHeightManagerType } from './ReactiveHeightManager.svelte.js';
-export type { HeightChange, HeightManagerConfig, HeightManagerDebugInfo } from './types.js';
+export { ReactiveListManager } from './ReactiveListManager.svelte.js';
+import { ReactiveListManager as ReactiveListManagerType } from './ReactiveListManager.svelte.js';
+export type { HeightChange, ListManagerConfig, ListManagerDebugInfo } from './types.js';
 export declare const VERSION = "1.0.0";
 export declare const DEFAULT_ESTIMATED_HEIGHT = 40;
 export declare const DEFAULT_MEASUREMENT_THRESHOLD = 10;
-/**
- * Factory function for creating ReactiveHeightManager instances
- * with common configurations
- */
-export declare function createHeightManager(itemLength: number, itemHeight?: number): ReactiveHeightManagerType;
+export declare function createListManager(itemLength: number, itemHeight?: number): ReactiveListManagerType;
 /**
  * Performance benchmarking utility
  */
-export { benchmarkHeightManager } from './benchmark.js';
+export { benchmarkListManager } from './benchmark.js';

package/dist/{reactive-height-manager → reactive-list-manager}/index.js

@@ -12,11 +12,11 @@
  *
  * @example Basic Usage
  * ```typescript
- * import { ReactiveHeightManager } from './reactive-height-manager'
+ * import { ReactiveListManager } from './reactive-list-manager'
  *
- * const manager = new ReactiveHeightManager({
+ * const manager = new ReactiveListManager({
  *   itemLength: 10000,
- *   estimatedHeight: 40
+ *   itemHeight: 40
  * })
  *
  * // Process height changes incrementally
@@ -33,23 +33,20 @@
  * console.log(`Measured: ${debugInfo.measuredCount}/${debugInfo.itemLength}`)
  * ```
  */
-// Export the main class
-export { ReactiveHeightManager } from './ReactiveHeightManager.svelte.js';
-import { ReactiveHeightManager as ReactiveHeightManagerType } from './ReactiveHeightManager.svelte.js';
+// Export the main class under the new name; keep legacy name as alias
+export { ReactiveListManager } from './ReactiveListManager.svelte.js';
+import { ReactiveListManager as ReactiveListManagerType } from './ReactiveListManager.svelte.js';
 // Export version for potential npm package
 export const VERSION = '1.0.0';
 // Export utility constants
 export const DEFAULT_ESTIMATED_HEIGHT = 40;
 export const DEFAULT_MEASUREMENT_THRESHOLD = 10; // percentage
-/**
- * Factory function for creating ReactiveHeightManager instances
- * with common configurations
- */
-export function createHeightManager(itemLength, itemHeight = DEFAULT_ESTIMATED_HEIGHT) {
-    return new ReactiveHeightManagerType({ itemLength, itemHeight });
+// New factory alias with the renamed type
+export function createListManager(itemLength, itemHeight = DEFAULT_ESTIMATED_HEIGHT) {
+    return new ReactiveListManagerType({ itemLength, itemHeight });
 }
 /**
  * Performance benchmarking utility
  */
 // Moved out to keep index clean; re-exported from benchmark.ts
-export { benchmarkHeightManager } from './benchmark.js';
+export { benchmarkListManager } from './benchmark.js';

package/dist/{reactive-height-manager → reactive-list-manager}/test/TestComponent.svelte

@@ -1,25 +1,25 @@
 <script lang="ts">
-    import { untrack } from 'svelte'
-    import { ReactiveHeightManager } from '../ReactiveHeightManager.svelte.js'
-    import type { HeightChange, HeightManagerConfig } from '../types.js'
+    // untrack not used in this test component
+    import { ReactiveListManager } from '../../index.js'
+    import type { HeightChange, ListManagerConfig } from '../types.js'
 
     interface Props {
-        config: HeightManagerConfig
-        onReactiveUpdate?: (data: {
+        config: ListManagerConfig
+        onReactiveUpdate?: (_data: {
             totalHeight: number
             measuredCount: number
             effectRuns: number
         }) => void
     }
 
-    let { config, onReactiveUpdate }: Props = $props()
+    const { config, onReactiveUpdate }: Props = $props()
 
     // Create the manager
-    const manager = new ReactiveHeightManager(config)
+    const manager = new ReactiveListManager(config)
 
     // Derived reactive values (clean, no side effects)
-    let currentTotalHeight = $derived(manager.totalHeight)
-    let currentMeasuredCount = $derived(manager.measuredCount)
+    const currentTotalHeight = $derived(manager.totalHeight)
+    const currentMeasuredCount = $derived(manager.measuredCount)
 
     // Effect run counter (non-reactive - just for tracking)
     let effectRunCount = 0

package/dist/{reactive-height-manager → reactive-list-manager}/test/TestComponent.svelte.d.ts

@@ -1,8 +1,8 @@
-import { ReactiveHeightManager } from '../ReactiveHeightManager.svelte.js';
-import type { HeightChange, HeightManagerConfig } from '../types.js';
+import { ReactiveListManager } from '../../index.js';
+import type { HeightChange, ListManagerConfig } from '../types.js';
 interface Props {
-    config: HeightManagerConfig;
-    onReactiveUpdate?: (data: {
+    config: ListManagerConfig;
+    onReactiveUpdate?: (_data: {
         totalHeight: number;
         measuredCount: number;
         effectRuns: number;
@@ -17,7 +17,7 @@ declare const TestComponent: import("svelte").Component<Props, {
         measuredCount: number;
         effectRuns: number;
     };
-    getManager: () => ReactiveHeightManager;
+    getManager: () => ReactiveListManager;
 }, "">;
 type TestComponent = ReturnType<typeof TestComponent>;
 export default TestComponent;

package/dist/{reactive-height-manager → reactive-list-manager}/types.d.ts

@@ -12,18 +12,20 @@ export interface HeightChange {
     readonly newHeight: number | undefined;
 }
 /**
- * Configuration options for ReactiveHeightManager
+ * Configuration options for ReactiveListManager (formerly ReactiveListManager)
  */
-export interface HeightManagerConfig {
+export interface ListManagerConfig {
     /** Total number of items in the list */
     itemLength: number;
     /** Height to use for unmeasured items */
     itemHeight: number;
+    /** Whether to enable internal debug logging */
+    internalDebug?: boolean;
 }
 /**
  * Debug information about the height manager state
  */
-export interface HeightManagerDebugInfo {
+export interface ListManagerDebugInfo {
     /** Total measured height of all measured items */
     totalMeasuredHeight: number;
     /** Number of items that have been measured */
@@ -38,4 +40,8 @@ export interface HeightManagerDebugInfo {
     averageHeight: number;
     /** Current total height (measured + estimated) */
     totalHeight: number;
+    /** Whether CSS grid detected on items wrapper */
+    gridDetected: boolean;
+    /** Number of columns when grid detected */
+    gridColumns: number;
 }

package/dist/utils/virtualList.d.ts

@@ -28,7 +28,7 @@ export declare const calculateScrollPosition: (totalItems: number, itemHeight: n
  * @param {SvelteVirtualListMode} mode - Scroll direction mode
  * @returns {SvelteVirtualListPreviousVisibleRange} Range of indices to render
  */
-export declare const calculateVisibleRange: (scrollTop: number, viewportHeight: number, itemHeight: number, totalItems: number, bufferSize: number, mode: SvelteVirtualListMode, atBottom: boolean, wasAtBottomBeforeHeightChange: boolean, lastVisibleRange: SvelteVirtualListPreviousVisibleRange | null, totalContentHeight?: number) => SvelteVirtualListPreviousVisibleRange;
+export declare const calculateVisibleRange: (scrollTop: number, viewportHeight: number, itemHeight: number, totalItems: number, bufferSize: number, mode: SvelteVirtualListMode, atBottom: boolean, wasAtBottomBeforeHeightChange: boolean, lastVisibleRange: SvelteVirtualListPreviousVisibleRange | null, totalContentHeight?: number, heightCache?: Record<number, number>) => SvelteVirtualListPreviousVisibleRange;
 /**
  * Calculates the CSS transform value for positioning the virtual list items.
  *
@@ -44,7 +44,7 @@ export declare const calculateVisibleRange: (scrollTop: number, viewportHeight:
  * @param {number} viewportHeight - Height of the viewport in pixels
  * @returns {number} The calculated transform Y value in pixels
  */
-export declare const calculateTransformY: (mode: SvelteVirtualListMode, totalItems: number, visibleEnd: number, visibleStart: number, itemHeight: number, viewportHeight: number, totalContentHeight?: number) => number;
+export declare const calculateTransformY: (mode: SvelteVirtualListMode, totalItems: number, visibleEnd: number, visibleStart: number, itemHeight: number, viewportHeight: number, totalContentHeight?: number, heightCache?: Record<number, number>, measuredFallbackHeight?: number) => number;
 /**
  * Updates the virtual list's height and scroll position when necessary.
  *

package/dist/utils/virtualList.js

@@ -31,7 +31,7 @@ export const calculateScrollPosition = (totalItems, itemHeight, containerHeight)
  * @param {SvelteVirtualListMode} mode - Scroll direction mode
  * @returns {SvelteVirtualListPreviousVisibleRange} Range of indices to render
  */
-export const calculateVisibleRange = (scrollTop, viewportHeight, itemHeight, totalItems, bufferSize, mode, atBottom, wasAtBottomBeforeHeightChange, lastVisibleRange, totalContentHeight) => {
+export const calculateVisibleRange = (scrollTop, viewportHeight, itemHeight, totalItems, bufferSize, mode, atBottom, wasAtBottomBeforeHeightChange, lastVisibleRange, totalContentHeight, heightCache) => {
     if (mode === 'bottomToTop') {
         const visibleCount = Math.ceil(viewportHeight / itemHeight) + 1;
         // In bottomToTop mode, scrollTop represents distance from the total content end
@@ -60,16 +60,25 @@ export const calculateVisibleRange = (scrollTop, viewportHeight, itemHeight, tot
         // Safeguard for topToBottom: ensure last item is fully visible when at max scroll
         const totalHeight = totalContentHeight ?? totalItems * itemHeight;
         const maxScrollTop = Math.max(0, totalHeight - viewportHeight);
-        // Add dynamic tolerance based on item height for browser rendering precision
-        const tolerance = Math.max(itemHeight, 10); // At least one full item height or 10px minimum
+        // Use strict tolerance to avoid premature bottom anchoring that leaves a visible gap
+        const tolerance = Math.max(1, Math.floor(itemHeight * 0.25)); // pixels, adaptive for wrong initial sizes
         const isAtBottom = Math.abs(scrollTop - maxScrollTop) <= tolerance;
         if (isAtBottom) {
-            // When at the bottom, ensure we include all items up to the end
+            // Pack from the end using measured heights when available: walk backward until viewport filled
             const adjustedEnd = totalItems;
-            const visibleItemCount = Math.ceil(viewportHeight / itemHeight) + bufferSize + 1;
-            const adjustedStart = Math.max(0, adjustedEnd - visibleItemCount);
+            let startCore = adjustedEnd;
+            let acc = 0;
+            const getH = (i) => {
+                const v = heightCache ? heightCache[i] : undefined;
+                return Number.isFinite(v) && v > 0 ? v : itemHeight;
+            };
+            while (startCore > 0 && acc < viewportHeight) {
+                const h = getH(startCore - 1);
+                acc += h;
+                startCore -= 1;
+            }
             return {
-                start: adjustedStart,
+                start: Math.max(0, startCore - bufferSize),
                 end: adjustedEnd
             };
         }
@@ -97,17 +106,23 @@ export const calculateVisibleRange = (scrollTop, viewportHeight, itemHeight, tot
  * @param {number} viewportHeight - Height of the viewport in pixels
  * @returns {number} The calculated transform Y value in pixels
  */
-export const calculateTransformY = (mode, totalItems, visibleEnd, visibleStart, itemHeight, viewportHeight, totalContentHeight) => {
+export const calculateTransformY = (mode, totalItems, visibleEnd, visibleStart, itemHeight, viewportHeight, totalContentHeight, heightCache, measuredFallbackHeight) => {
+    const effectiveViewport = viewportHeight || measuredFallbackHeight || 0;
     if (mode === 'bottomToTop') {
         // In bottomToTop mode, position items so they stack from bottom up
         const actualTotalHeight = totalContentHeight ?? totalItems * itemHeight;
         // Calculate transform to position visible items correctly
         const basicTransform = (totalItems - visibleEnd) * itemHeight;
         // When content is smaller than viewport, push to bottom
-        const bottomOffset = Math.max(0, viewportHeight - actualTotalHeight);
+        const bottomOffset = Math.max(0, effectiveViewport - actualTotalHeight);
         return basicTransform + bottomOffset;
     }
     else {
+        // For topToBottom, prefer precise offset using measured heights when available
+        if (heightCache) {
+            const offset = getScrollOffsetForIndex(heightCache, itemHeight, visibleStart);
+            return Math.max(0, Math.round(offset));
+        }
         return visibleStart * itemHeight;
     }
 };
@@ -247,7 +262,9 @@ export const calculateAverageHeight = (itemElements, visibleRange, heightCache,
     else {
         // Original behavior: process all visible items
         validElements.forEach((el, i) => {
-            const itemIndex = visibleRange.start + i;
+            const itemIndex = mode === 'bottomToTop'
+                ? Math.max(0, (visibleRange.end ?? visibleRange.start + validElements.length) - 1 - i)
+                : visibleRange.start + i;
             if (!newHeightCache[itemIndex]) {
                 try {
                     const height = el.getBoundingClientRect().height;
@@ -340,22 +357,32 @@ onComplete) => {
  * const offset = getScrollOffsetForIndex(heightCache, calculatedItemHeight, 12345, blockSums);
  */
 export const getScrollOffsetForIndex = (heightCache, calculatedItemHeight, idx, blockSums, blockSize = 1000) => {
-    if (idx <= 0)
+    // normalize and clamp index
+    const safeIdx = Math.max(0, Math.floor(idx));
+    if (safeIdx <= 0)
         return 0;
     if (!blockSums) {
         // Fallback: O(n) for a single query
         let offset = 0;
-        for (let i = 0; i < idx; i++) {
-            const height = heightCache[i] ?? calculatedItemHeight;
+        for (let i = 0; i < safeIdx; i++) {
+            const raw = heightCache[i];
+            const height = Number.isFinite(raw) && raw > 0 ? raw : calculatedItemHeight;
             offset += height;
         }
         return offset;
     }
-    const blockIdx = Math.floor(idx / blockSize);
-    let offset = blockIdx > 0 ? blockSums[blockIdx - 1] : 0;
+    const blockIdx = Math.floor(safeIdx / blockSize);
+    let offsetBase = 0;
+    if (blockIdx > 0) {
+        const base = blockSums[blockIdx - 1];
+        offsetBase = Number.isFinite(base) ? base : 0;
+    }
+    let offset = offsetBase;
     const start = blockIdx * blockSize;
-    for (let i = start; i < idx; i++) {
-        offset += heightCache[i] ?? calculatedItemHeight;
+    for (let i = start; i < safeIdx; i++) {
+        const raw = heightCache[i];
+        const height = Number.isFinite(raw) && raw > 0 ? raw : calculatedItemHeight;
+        offset += height;
     }
     return offset;
 };

package/package.json

@@ -1,134 +1,135 @@
 {
-    "name": "@humanspeak/svelte-virtual-list",
-    "version": "0.3.1-beta.1",
-    "description": "A lightweight, high-performance virtual list component for Svelte 5 that renders large datasets with minimal memory usage. Features include dynamic height support, smooth scrolling, TypeScript support, and efficient DOM recycling. Ideal for infinite scrolling lists, data tables, chat interfaces, and any application requiring the rendering of thousands of items without compromising performance. Zero dependencies and fully customizable.",
-    "keywords": [
-        "svelte",
-        "virtual-list",
-        "virtual-scroll",
-        "infinite-scroll",
-        "performance",
-        "ui-component",
-        "svelte5",
-        "dom-recycling",
-        "large-lists",
-        "scroll-optimization"
-    ],
-    "homepage": "https://virtuallist.svelte.page",
-    "bugs": {
-        "url": "https://github.com/humanspeak/svelte-virtual-list/issues"
-    },
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/humanspeak/svelte-virtual-list.git"
-    },
-    "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/humanspeak"
-    },
-    "license": "MIT",
-    "author": "Humanspeak, Inc.",
-    "sideEffects": [
-        "**/*.css"
-    ],
-    "type": "module",
-    "exports": {
-        ".": {
-            "types": "./dist/index.d.ts",
-            "svelte": "./dist/index.js"
-        }
-    },
-    "svelte": "./dist/index.js",
-    "types": "./dist/index.d.ts",
-    "files": [
-        "dist",
-        "!dist/**/*.test.*",
-        "!dist/**/*.spec.*",
-        "!dist/test/**/*"
-    ],
-    "scripts": {
-        "build": "vite build && npm run package",
-        "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-        "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-        "dev": "vite dev",
-        "format": "prettier --write .",
-        "lint": "prettier --check . && eslint .",
-        "lint:fix": "npm run format && eslint . --fix",
-        "package": "svelte-kit sync && svelte-package && publint",
-        "prepare": "husky",
-        "prepublishOnly": "npm run package",
-        "preview": "vite preview",
-        "test": "vitest run --coverage --",
-        "test:all": "npm run test && npm run test:e2e",
-        "test:e2e": "playwright test --",
-        "test:e2e:debug": "playwright test --debug --",
-        "test:e2e:report": "playwright show-report",
-        "test:e2e:ui": "playwright test --ui --",
-        "test:only": "vitest run --",
-        "test:watch": "vitest --"
-    },
-    "overrides": {
-        "@sveltejs/kit": {
-            "cookie": "^0.7.0"
-        }
-    },
-    "dependencies": {
-        "esm-env": "^1.2.2"
-    },
-    "devDependencies": {
-        "@eslint/compat": "^1.3.1",
-        "@eslint/js": "^9.32.0",
-        "@faker-js/faker": "^9.9.0",
-        "@playwright/test": "^1.54.2",
-        "@sveltejs/adapter-auto": "^6.0.2",
-        "@sveltejs/kit": "^2.27.3",
-        "@sveltejs/package": "^2.4.1",
-        "@sveltejs/vite-plugin-svelte": "^6.1.0",
-        "@testing-library/jest-dom": "^6.6.4",
-        "@testing-library/svelte": "^5.2.8",
-        "@testing-library/user-event": "^14.6.1",
-        "@types/node": "^24.2.0",
-        "@typescript-eslint/eslint-plugin": "^8.39.0",
-        "@typescript-eslint/parser": "^8.39.0",
-        "@vitest/coverage-v8": "^3.2.4",
-        "eslint": "^9.32.0",
-        "eslint-config-prettier": "^10.1.8",
-        "eslint-plugin-import": "^2.32.0",
-        "eslint-plugin-svelte": "^3.11.0",
-        "eslint-plugin-unused-imports": "^4.1.4",
-        "globals": "^16.3.0",
-        "husky": "^9.1.7",
-        "jsdom": "^26.1.0",
-        "prettier": "^3.6.2",
-        "prettier-plugin-organize-imports": "^4.2.0",
-        "prettier-plugin-sort-json": "^4.1.1",
-        "prettier-plugin-svelte": "^3.4.0",
-        "prettier-plugin-tailwindcss": "^0.6.14",
-        "publint": "^0.3.12",
-        "svelte": "^5.38.0",
-        "svelte-check": "^4.3.1",
-        "typescript": "^5.9.2",
-        "typescript-eslint": "^8.39.0",
-        "vite": "^7.1.1",
-        "vitest": "^3.2.4"
-    },
-    "peerDependencies": {
-        "svelte": "^5.0.0"
-    },
-    "volta": {
-        "node": "22.18.0"
-    },
-    "publishConfig": {
-        "access": "public"
-    },
-    "tags": [
-        "svelte",
-        "virtual-list",
-        "virtual-scroll",
-        "virtual-scroller",
-        "infinite-scroll",
-        "performance",
-        "ui-component",
-        "svelte5"
-    ]
-}
+  "name": "@humanspeak/svelte-virtual-list",
+  "version": "0.3.2",
+  "description": "A lightweight, high-performance virtual list component for Svelte 5 that renders large datasets with minimal memory usage. Features include dynamic height support, smooth scrolling, TypeScript support, and efficient DOM recycling. Ideal for infinite scrolling lists, data tables, chat interfaces, and any application requiring the rendering of thousands of items without compromising performance. Zero dependencies and fully customizable.",
+  "keywords": [
+    "svelte",
+    "virtual-list",
+    "virtual-scroll",
+    "infinite-scroll",
+    "performance",
+    "ui-component",
+    "svelte5",
+    "dom-recycling",
+    "large-lists",
+    "scroll-optimization"
+  ],
+  "homepage": "https://virtuallist.svelte.page",
+  "bugs": {
+    "url": "https://github.com/humanspeak/svelte-virtual-list/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/humanspeak/svelte-virtual-list.git"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/humanspeak"
+  },
+  "license": "MIT",
+  "author": "Humanspeak, Inc.",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    }
+  },
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*",
+    "!dist/test/**/*"
+  ],
+  "overrides": {
+    "@sveltejs/kit": {
+      "cookie": "^0.7.0"
+    }
+  },
+  "dependencies": {
+    "esm-env": "^1.2.2"
+  },
+  "devDependencies": {
+    "@eslint/compat": "^1.3.2",
+    "@eslint/js": "^9.34.0",
+    "@faker-js/faker": "^10.0.0",
+    "@playwright/test": "^1.55.0",
+    "@sveltejs/adapter-auto": "^6.1.0",
+    "@sveltejs/kit": "^2.37.0",
+    "@sveltejs/package": "^2.5.0",
+    "@sveltejs/vite-plugin-svelte": "^6.1.3",
+    "@tailwindcss/vite": "^4.1.12",
+    "@testing-library/jest-dom": "^6.8.0",
+    "@testing-library/svelte": "^5.2.8",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^24.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.41.0",
+    "@typescript-eslint/parser": "^8.41.0",
+    "@vitest/coverage-v8": "^3.2.4",
+    "eslint": "^9.34.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-svelte": "^3.11.0",
+    "eslint-plugin-unused-imports": "^4.2.0",
+    "globals": "^16.3.0",
+    "husky": "^9.1.7",
+    "jsdom": "^26.1.0",
+    "prettier": "^3.6.2",
+    "prettier-plugin-organize-imports": "^4.2.0",
+    "prettier-plugin-sort-json": "^4.1.1",
+    "prettier-plugin-svelte": "^3.4.0",
+    "prettier-plugin-tailwindcss": "^0.6.14",
+    "publint": "^0.3.12",
+    "svelte": "^5.38.6",
+    "svelte-check": "^4.3.1",
+    "tailwindcss": "^4.1.12",
+    "tw-animate-css": "^1.3.7",
+    "typescript": "^5.9.2",
+    "typescript-eslint": "^8.41.0",
+    "vite": "^7.1.3",
+    "vitest": "^3.2.4"
+  },
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "volta": {
+    "node": "22.18.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "tags": [
+    "svelte",
+    "virtual-list",
+    "virtual-scroll",
+    "virtual-scroller",
+    "infinite-scroll",
+    "performance",
+    "ui-component",
+    "svelte5"
+  ],
+  "scripts": {
+    "build": "vite build && pnpm run package",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "dev": "vite dev",
+    "format": "prettier --write .",
+    "lint": "prettier --check . && eslint .",
+    "lint:fix": "pnpm run format && eslint . --fix",
+    "package": "svelte-kit sync && svelte-package && publint",
+    "preview": "vite preview",
+    "test": "vitest run --coverage --",
+    "test:all": "pnpm run test && pnpm run test:e2e",
+    "test:e2e": "playwright test",
+    "test:e2e:debug": "playwright test --debug",
+    "test:e2e:report": "playwright show-report",
+    "test:e2e:ui": "playwright test --ui",
+    "test:only": "vitest run --",
+    "test:watch": "vitest --"
+  }
+}