react-virtual-renderer 1.0.3

package/dist/examples/Example.js

@@ -0,0 +1,186 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// examples/Examples.tsx
+import { useRef, useState } from 'react';
+import { VirtualList, VirtualGrid, useVirtualList } from '../index';
+import { CollapsibleRowsExample, CommentThreadExample, EcommerceCatalogExample, SearchableListExample, StockTickerExample } from './AdvancedExamples';
+/**
+ * EXAMPLE 1: Chat Interface with Reverse Scrolling
+ */
+export function ChatExample() {
+    const [messages] = useState(Array.from({ length: 1000 }, (_, i) => ({
+        id: i,
+        author: i % 2 === 0 ? 'Alice' : 'Bob',
+        text: `Message ${i}: ${Math.random().toString(36).substring(7)}`,
+        timestamp: new Date(Date.now() - i * 60000),
+    })));
+    const containerRef = useRef(null);
+    return (_jsxs("div", { style: { padding: 20 }, children: [_jsx("h2", { children: "Chat Interface (Reverse Scrolling)" }), _jsx(VirtualList, { ref: containerRef, items: messages, height: 400, width: 800, scrollDirection: "reverse", estimatedItemSize: 60, renderItem: ({ item, isScrolling }) => (_jsxs("div", { style: {
+                        padding: 12,
+                        borderBottom: '1px solid #eee',
+                        opacity: isScrolling ? 0.7 : 1,
+                    }, children: [_jsxs("strong", { children: [item.author, ":"] }), " ", item.text, _jsx("br", {}), _jsx("small", { children: item.timestamp.toLocaleTimeString() })] })) })] }));
+}
+/**
+ * EXAMPLE 2: Data Table with Variable Row Heights
+ */
+export function DataTableExample() {
+    const [rows] = useState(Array.from({ length: 500 }, (_, i) => ({
+        id: i,
+        name: `User ${i}`,
+        email: `user${i}@example.com`,
+        status: ['Active', 'Inactive', 'Pending'][i % 3],
+        description: `A longer description that varies in length. ${i % 5 === 0
+            ? 'This one is longer with more text content to show variable row heights.'
+            : ''}`,
+    })));
+    const getRowHeight = (index) => {
+        // Some rows are taller due to longer content
+        return rows[index]?.description.length > 50 ? 100 : 60;
+    };
+    return (_jsxs("div", { style: { padding: 20 }, children: [_jsx("h2", { children: "Data Table (Dynamic Heights)" }), _jsx("div", { style: {
+                    width: 800,
+                    border: '1px solid #ddd',
+                    borderBottom: 'none',
+                    backgroundColor: '#f5f5f5',
+                    fontWeight: 600,
+                }, children: _jsxs("div", { style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                    }, children: [_jsx("div", { style: {
+                                width: 180,
+                                padding: 8,
+                                boxSizing: 'border-box',
+                            }, children: "Name" }), _jsx("div", { style: {
+                                width: 240,
+                                padding: 8,
+                                boxSizing: 'border-box',
+                            }, children: "Email" }), _jsx("div", { style: {
+                                width: 160,
+                                padding: 8,
+                                boxSizing: 'border-box',
+                            }, children: "Status" }), _jsx("div", { style: {
+                                flex: 1,
+                                padding: 8,
+                                boxSizing: 'border-box',
+                            }, children: "Description" })] }) }), _jsx(VirtualList, { items: rows, height: 400, width: 800, getItemSize: getRowHeight, estimatedItemSize: 60, scrollDirection: 'forward', renderItem: ({ item, index, style }) => (_jsxs("div", { style: {
+                        ...style,
+                        display: 'flex',
+                        alignItems: 'center',
+                        borderBottom: '1px solid #ddd',
+                        height: getRowHeight(index),
+                        boxSizing: 'border-box',
+                        background: '#fff',
+                    }, children: [_jsx("div", { style: {
+                                width: 180,
+                                padding: 8,
+                                boxSizing: 'border-box',
+                            }, children: item.name }), _jsx("div", { style: {
+                                width: 240,
+                                padding: 8,
+                                boxSizing: 'border-box',
+                            }, children: item.email }), _jsx("div", { style: {
+                                width: 160,
+                                padding: 8,
+                                boxSizing: 'border-box',
+                            }, children: _jsx("span", { style: {
+                                    padding: '4px 8px',
+                                    borderRadius: 4,
+                                    backgroundColor: item.status === 'Active'
+                                        ? '#d4edda'
+                                        : item.status === 'Inactive'
+                                            ? '#f8d7da'
+                                            : '#fff3cd',
+                                }, children: item.status }) }), _jsx("div", { style: {
+                                flex: 1,
+                                padding: 8,
+                                fontSize: 12,
+                                boxSizing: 'border-box',
+                            }, children: item.description })] })) })] }));
+}
+/**
+ * EXAMPLE 3: Image Grid with Masonry Layout
+ */
+export function MasonryGridExample() {
+    const [images] = useState(Array.from({ length: 200 }, (_, i) => ({
+        id: i,
+        url: `https://picsum.photos/300/${200 + (i % 4) * 50}?random=${i}`,
+        title: `Image ${i}`,
+        height: 200 + (i % 4) * 50,
+    })));
+    return (_jsxs("div", { style: { padding: 20 }, children: [_jsx("h2", { children: "Masonry Grid (Pinterest-style)" }), _jsx(VirtualGrid, { items: images, height: 600, width: 800, columnCount: 3, rowHeight: (index) => images[index]?.height || 200, layout: "masonry", gap: 16, renderItem: ({ item, isScrolling }) => (_jsxs("div", { style: {
+                        backgroundColor: '#f0f0f0',
+                        borderRadius: 8,
+                        overflow: 'hidden',
+                        opacity: isScrolling ? 0.7 : 1,
+                    }, children: [_jsx("img", { src: item.url, alt: item.title, style: { width: '100%', height: '100%', objectFit: 'cover' } }), _jsx("div", { style: { padding: 8, fontSize: 12 }, children: item.title })] })) })] }));
+}
+/**
+ * EXAMPLE 4: Traditional Grid Layout
+ */
+export function GridLayoutExample() {
+    const [items] = useState(Array.from({ length: 300 }, (_, i) => ({
+        id: i,
+        title: `Product ${i}`,
+        price: Math.floor(Math.random() * 1000),
+        image: `https://picsum.photos/200/200?random=${i}`,
+    })));
+    return (_jsxs("div", { style: { padding: 20 }, children: [_jsx("h2", { children: "Product Grid (Traditional Layout)" }), _jsx(VirtualGrid, { items: items, height: 600, width: 1000, columnCount: 5, rowHeight: 280, gap: 16, renderItem: ({ item }) => (_jsxs("div", { style: {
+                        border: '1px solid #ddd',
+                        borderRadius: 8,
+                        padding: 12,
+                        textAlign: 'center',
+                    }, children: [_jsx("img", { src: item.image, alt: item.title, style: { width: '100%', height: 180, objectFit: 'cover' } }), _jsx("h4", { children: item.title }), _jsxs("p", { style: { color: '#e74c3c', fontSize: 18, fontWeight: 'bold' }, children: ["$", item.price] })] })) })] }));
+}
+/**
+ * EXAMPLE 5: Using Hook Directly for Custom Layouts
+ */
+export function HookExample() {
+    const [items] = useState(Array.from({ length: 100 }, (_, i) => ({
+        id: i,
+        value: Math.random() * 100,
+    })));
+    const { virtualItems, scrollToItem, containerRef, getItemStyle } = useVirtualList({
+        items,
+        containerHeight: 400,
+        estimatedItemSize: 40,
+    });
+    return (_jsxs("div", { style: { padding: 20 }, children: [_jsx("h2", { children: "Using Hook Directly" }), _jsxs("div", { style: { marginBottom: 10 }, children: [_jsx("button", { onClick: () => scrollToItem(0), children: "Go to Start" }), _jsx("button", { onClick: () => scrollToItem(50, 'center'), children: "Jump to 50" }), _jsx("button", { onClick: () => scrollToItem(items.length - 1, 'end'), children: "Go to End" })] }), _jsx("div", { ref: containerRef, style: {
+                    height: 400,
+                    border: '1px solid #ccc',
+                    overflow: 'auto',
+                    position: 'relative',
+                }, children: virtualItems.map((vItem) => (_jsxs("div", { style: {
+                        ...getItemStyle(vItem.index, vItem.size),
+                        padding: 8,
+                        borderBottom: '1px solid #eee',
+                        background: vItem.index % 2 === 0 ? '#f9f9f9' : 'white',
+                    }, children: ["Item ", vItem.index, ": Value = ", items[vItem.index].value.toFixed(2)] }, vItem.index))) })] }));
+}
+/**
+ * Main Demo Component
+ */
+export function VirtualizeDemo() {
+    const [activeExample, setActiveExample] = useState('chat');
+    return (_jsxs("div", { style: { fontFamily: 'Arial, sans-serif', padding: 20 }, children: [_jsx("h1", { children: "Virtualize Library - Complete Examples" }), _jsx("div", { style: { marginBottom: 20, borderBottom: '2px solid #ddd' }, children: [
+                    { key: 'ecommerce', label: 'E-Commerce' },
+                    { key: 'search', label: 'Search' },
+                    { key: 'ticker', label: 'Stock Ticker' },
+                    { key: 'collapsible', label: 'Collapsible' },
+                    { key: 'comments', label: 'Comments' },
+                    { key: 'chat', label: 'Chat' },
+                    { key: 'table', label: 'Data Table' },
+                    { key: 'masonry', label: 'Masonry' },
+                    { key: 'grid', label: 'Grid' },
+                    { key: 'hook', label: 'Hooks' },
+                ].map(({ key, label }) => (_jsx("button", { onClick: () => setActiveExample(key), style: {
+                        padding: 10,
+                        margin: 5,
+                        backgroundColor: activeExample === key ? '#007bff' : '#f0f0f0',
+                        color: activeExample === key ? 'white' : 'black',
+                        border: 'none',
+                        borderRadius: 4,
+                        cursor: 'pointer',
+                    }, children: label }, key))) }), activeExample === 'chat' && _jsx(ChatExample, {}), activeExample === 'table' && _jsx(DataTableExample, {}), activeExample === 'masonry' && _jsx(MasonryGridExample, {}), activeExample === 'grid' && _jsx(GridLayoutExample, {}), activeExample === 'hook' && _jsx(HookExample, {}), activeExample === 'ecommerce' && _jsx(EcommerceCatalogExample, {}), activeExample === 'search' && _jsx(SearchableListExample, {}), activeExample === 'ticker' && _jsx(StockTickerExample, {}), activeExample === 'collapsible' && _jsx(CollapsibleRowsExample, {}), activeExample === 'comments' && _jsx(CommentThreadExample, {})] }));
+}
+export default VirtualizeDemo;
+//# sourceMappingURL=Example.js.map

package/dist/examples/Example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Example.js","sourceRoot":"","sources":["../../src/examples/Example.tsx"],"names":[],"mappings":"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"}

package/dist/hooks/useInfiniteScroll.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+interface UseInfiniteScrollParams {
+    onLoadMore: () => Promise<void>;
+    threshold?: number;
+    isLoading?: boolean;
+}
+/**
+ * Hook for infinite scroll pagination
+ * Automatically loads more items when user scrolls near the bottom
+ */
+export declare function useInfiniteScroll({ onLoadMore, threshold, isLoading, }: UseInfiniteScrollParams): {
+    containerRef: import("react").RefObject<HTMLDivElement>;
+    isAtBottom: boolean;
+    isLoading: boolean;
+};
+export {};
+//# sourceMappingURL=useInfiniteScroll.d.ts.map

package/dist/hooks/useInfiniteScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInfiniteScroll.d.ts","sourceRoot":"","sources":["../../src/hooks/useInfiniteScroll.ts"],"names":[],"mappings":";AAEA,UAAU,uBAAuB;IAC7B,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAC9B,UAAU,EACV,SAAe,EACf,SAAiB,GACpB,EAAE,uBAAuB;;;;EAwCzB"}

package/dist/hooks/useInfiniteScroll.js

@@ -0,0 +1,41 @@
+import { useCallback, useRef, useEffect, useState } from 'react';
+/**
+ * Hook for infinite scroll pagination
+ * Automatically loads more items when user scrolls near the bottom
+ */
+export function useInfiniteScroll({ onLoadMore, threshold = 500, isLoading = false, }) {
+    const containerRef = useRef(null);
+    const [isAtBottom, setIsAtBottom] = useState(false);
+    const hasCalledRef = useRef(false);
+    const checkIfAtBottom = useCallback(() => {
+        if (!containerRef.current || isLoading)
+            return;
+        const { scrollTop, scrollHeight, clientHeight } = containerRef.current;
+        const distanceFromBottom = scrollHeight - scrollTop - clientHeight;
+        const atBottom = distanceFromBottom < threshold;
+        setIsAtBottom(atBottom);
+        // Trigger load when at bottom
+        if (atBottom && !hasCalledRef.current && !isLoading) {
+            hasCalledRef.current = true;
+            onLoadMore().finally(() => {
+                hasCalledRef.current = false;
+            });
+        }
+    }, [onLoadMore, threshold, isLoading]);
+    useEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const handleScroll = () => {
+            checkIfAtBottom();
+        };
+        container.addEventListener('scroll', handleScroll);
+        return () => container.removeEventListener('scroll', handleScroll);
+    }, [checkIfAtBottom]);
+    return {
+        containerRef,
+        isAtBottom,
+        isLoading,
+    };
+}
+//# sourceMappingURL=useInfiniteScroll.js.map

package/dist/hooks/useInfiniteScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInfiniteScroll.js","sourceRoot":"","sources":["../../src/hooks/useInfiniteScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQjE;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAC9B,UAAU,EACV,SAAS,GAAG,GAAG,EACf,SAAS,GAAG,KAAK,GACK;IACtB,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEnC,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,SAAS;YAAE,OAAO;QAE/C,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC;QACvE,MAAM,kBAAkB,GAAG,YAAY,GAAG,SAAS,GAAG,YAAY,CAAC;QAEnE,MAAM,QAAQ,GAAG,kBAAkB,GAAG,SAAS,CAAC;QAChD,aAAa,CAAC,QAAQ,CAAC,CAAC;QAExB,8BAA8B;QAC9B,IAAI,QAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,SAAS,EAAE;YACjD,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;YAC5B,UAAU,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE;gBACtB,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;YACjC,CAAC,CAAC,CAAC;SACN;IACL,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,YAAY,GAAG,GAAG,EAAE;YACtB,eAAe,EAAE,CAAC;QACtB,CAAC,CAAC;QAEF,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACnD,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO;QACH,YAAY;QACZ,UAAU;QACV,SAAS;KACZ,CAAC;AACN,CAAC"}

package/dist/hooks/useLazyLoad.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+interface UseLazyLoadParams {
+    threshold?: number;
+    onVisible?: () => void;
+}
+/**
+ * Hook for lazy loading items as they become visible
+ * Integrates with IntersectionObserver for efficiency
+ */
+export declare function useLazyLoad({ threshold, onVisible }: UseLazyLoadParams): {
+    ref: import("react").RefObject<HTMLDivElement>;
+    isVisible: boolean;
+    setupObserver: () => (() => void) | undefined;
+};
+export {};
+//# sourceMappingURL=useLazyLoad.d.ts.map

package/dist/hooks/useLazyLoad.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLazyLoad.d.ts","sourceRoot":"","sources":["../../src/hooks/useLazyLoad.ts"],"names":[],"mappings":";AAEA,UAAU,iBAAiB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,SAAe,EAAE,SAAS,EAAE,EAAE,iBAAiB;;;;EAmC5E"}

package/dist/hooks/useLazyLoad.js

@@ -0,0 +1,34 @@
+import { useState, useCallback, useRef } from 'react';
+/**
+ * Hook for lazy loading items as they become visible
+ * Integrates with IntersectionObserver for efficiency
+ */
+export function useLazyLoad({ threshold = 0.1, onVisible }) {
+    const [isVisible, setIsVisible] = useState(false);
+    const elementRef = useRef(null);
+    const setupObserver = useCallback(() => {
+        if (!elementRef.current || !('IntersectionObserver' in window)) {
+            // Fallback: consider visible if IntersectionObserver not supported
+            setIsVisible(true);
+            onVisible?.();
+            return;
+        }
+        const observer = new IntersectionObserver(([entry]) => {
+            if (entry.isIntersecting) {
+                setIsVisible(true);
+                onVisible?.();
+                observer.unobserve(entry.target);
+            }
+        }, { threshold });
+        observer.observe(elementRef.current);
+        return () => observer.disconnect();
+    }, [threshold, onVisible]);
+    // Setup observer when component mounts
+    // (This would be in useEffect in actual usage)
+    return {
+        ref: elementRef,
+        isVisible,
+        setupObserver,
+    };
+}
+//# sourceMappingURL=useLazyLoad.js.map

package/dist/hooks/useLazyLoad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLazyLoad.js","sourceRoot":"","sources":["../../src/hooks/useLazyLoad.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAOtD;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,GAAG,GAAG,EAAE,SAAS,EAAqB;IACzE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC,sBAAsB,IAAI,MAAM,CAAC,EAAE;YAC5D,mEAAmE;YACnE,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,SAAS,EAAE,EAAE,CAAC;YACd,OAAO;SACV;QAED,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CACrC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;YACR,IAAI,KAAK,CAAC,cAAc,EAAE;gBACtB,YAAY,CAAC,IAAI,CAAC,CAAC;gBACnB,SAAS,EAAE,EAAE,CAAC;gBACd,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;aACpC;QACL,CAAC,EACD,EAAE,SAAS,EAAE,CAChB,CAAC;QAEF,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAErC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3B,uCAAuC;IACvC,+CAA+C;IAC/C,OAAO;QACH,GAAG,EAAE,UAAU;QACf,SAAS;QACT,aAAa;KAChB,CAAC;AACN,CAAC"}

package/dist/hooks/useScrollRestoration.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+/**
+ * Hook for restoring scroll position on navigation
+ * Useful when navigating away and coming back to a list
+ */
+export declare function useScrollRestoration(key: string, containerRef: React.RefObject<HTMLDivElement>): {
+    savePosition: () => void;
+    restorePosition: () => void;
+};
+//# sourceMappingURL=useScrollRestoration.d.ts.map

package/dist/hooks/useScrollRestoration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollRestoration.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollRestoration.ts"],"names":[],"mappings":";AAUA;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;;;EA6D9F"}

package/dist/hooks/useScrollRestoration.js

@@ -0,0 +1,63 @@
+import { useEffect, useRef, useCallback } from 'react';
+const SCROLL_POSITION_STORAGE_KEY = 'virtualize-scroll-positions';
+/**
+ * Hook for restoring scroll position on navigation
+ * Useful when navigating away and coming back to a list
+ */
+export function useScrollRestoration(key, containerRef) {
+    const positionMapRef = useRef(new Map());
+    // Save scroll position to localStorage
+    const savePosition = useCallback(() => {
+        if (!containerRef.current)
+            return;
+        const position = {
+            key,
+            offset: containerRef.current.scrollTop,
+            timestamp: Date.now(),
+        };
+        positionMapRef.current.set(key, position);
+        // Persist to localStorage
+        try {
+            const positions = Array.from(positionMapRef.current.values());
+            localStorage.setItem(SCROLL_POSITION_STORAGE_KEY, JSON.stringify(positions));
+        }
+        catch (e) {
+            console.warn('Failed to save scroll position:', e);
+        }
+    }, [key, containerRef]);
+    // Restore scroll position from localStorage
+    const restorePosition = useCallback(() => {
+        if (!containerRef.current)
+            return;
+        try {
+            const stored = localStorage.getItem(SCROLL_POSITION_STORAGE_KEY);
+            if (!stored)
+                return;
+            const positions = JSON.parse(stored);
+            const savedPosition = positions.find((p) => p.key === key);
+            if (savedPosition) {
+                // Restore with a small delay to ensure DOM is ready
+                requestAnimationFrame(() => {
+                    if (containerRef.current) {
+                        containerRef.current.scrollTop = savedPosition.offset;
+                    }
+                });
+            }
+        }
+        catch (e) {
+            console.warn('Failed to restore scroll position:', e);
+        }
+    }, [key, containerRef]);
+    // Save on unmount, restore on mount
+    useEffect(() => {
+        restorePosition();
+        return () => {
+            savePosition();
+        };
+    }, [restorePosition, savePosition]);
+    return {
+        savePosition,
+        restorePosition,
+    };
+}
+//# sourceMappingURL=useScrollRestoration.js.map

package/dist/hooks/useScrollRestoration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollRestoration.js","sourceRoot":"","sources":["../../src/hooks/useScrollRestoration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAQvD,MAAM,2BAA2B,GAAG,6BAA6B,CAAC;AAElE;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,GAAW,EAAE,YAA6C;IAC3F,MAAM,cAAc,GAAG,MAAM,CAA8B,IAAI,GAAG,EAAE,CAAC,CAAC;IAEtE,uCAAuC;IACvC,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE,OAAO;QAElC,MAAM,QAAQ,GAAmB;YAC7B,GAAG;YACH,MAAM,EAAE,YAAY,CAAC,OAAO,CAAC,SAAS;YACtC,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;SACxB,CAAC;QAEF,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;QAE1C,0BAA0B;QAC1B,IAAI;YACA,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;YAC9D,YAAY,CAAC,OAAO,CAAC,2BAA2B,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;SAChF;QAAC,OAAO,CAAC,EAAE;YACR,OAAO,CAAC,IAAI,CAAC,iCAAiC,EAAE,CAAC,CAAC,CAAC;SACtD;IACL,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC;IAExB,4CAA4C;IAC5C,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE,OAAO;QAElC,IAAI;YACA,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC;YACjE,IAAI,CAAC,MAAM;gBAAE,OAAO;YAEpB,MAAM,SAAS,GAAqB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YACvD,MAAM,aAAa,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;YAE3D,IAAI,aAAa,EAAE;gBACf,oDAAoD;gBACpD,qBAAqB,CAAC,GAAG,EAAE;oBACvB,IAAI,YAAY,CAAC,OAAO,EAAE;wBACtB,YAAY,CAAC,OAAO,CAAC,SAAS,GAAG,aAAa,CAAC,MAAM,CAAC;qBACzD;gBACL,CAAC,CAAC,CAAC;aACN;SACJ;QAAC,OAAO,CAAC,EAAE;YACR,OAAO,CAAC,IAAI,CAAC,oCAAoC,EAAE,CAAC,CAAC,CAAC;SACzD;IACL,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC;IAExB,oCAAoC;IACpC,SAAS,CAAC,GAAG,EAAE;QACX,eAAe,EAAE,CAAC;QAElB,OAAO,GAAG,EAAE;YACR,YAAY,EAAE,CAAC;QACnB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC,CAAC;IAEpC,OAAO;QACH,YAAY;QACZ,eAAe;KAClB,CAAC;AACN,CAAC"}

package/dist/hooks/useVirtualList.d.ts

@@ -0,0 +1,33 @@
+import { CSSProperties, MutableRefObject } from 'react';
+import { VirtualItem, ScrollDirection } from '../types';
+interface UseVirtualListParams<T> {
+    items: T[];
+    getItemKey?: (index: number, item: T) => string | number;
+    containerHeight: number;
+    containerWidth?: number;
+    itemSize?: number | ((index: number) => number);
+    overscan?: number;
+    scrollDirection?: ScrollDirection;
+    estimatedItemSize?: number;
+    onScroll?: (offset: number, direction: ScrollDirection) => void;
+    onScrollEnd?: () => void;
+    stickyIndices?: number[];
+}
+interface UseVirtualListReturn {
+    virtualItems: VirtualItem[];
+    isScrolling: boolean;
+    scrollOffset: number;
+    totalSize: number;
+    scrollToItem: (index: number, alignment?: 'start' | 'center' | 'end') => void;
+    scrollToOffset: (offset: number) => void;
+    setScrollOffset: (offset: number) => void;
+    containerRef: MutableRefObject<HTMLDivElement | null>;
+    innerRef: MutableRefObject<HTMLDivElement | null>;
+    getItemStyle: (index: number, size: number) => CSSProperties;
+}
+/**
+ * Virtualized list hook
+ */
+export declare function useVirtualList<T = any>(params: UseVirtualListParams<T>): UseVirtualListReturn;
+export {};
+//# sourceMappingURL=useVirtualList.d.ts.map

package/dist/hooks/useVirtualList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualList.d.ts","sourceRoot":"","sources":["../../src/hooks/useVirtualList.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,aAAa,EACb,gBAAgB,EACnB,MAAM,OAAO,CAAC;AAKf,OAAO,EACH,WAAW,EACX,eAAe,EAClB,MAAM,UAAU,CAAC;AAElB,UAAU,oBAAoB,CAAC,CAAC;IAC5B,KAAK,EAAE,CAAC,EAAE,CAAC;IAEX,UAAU,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,CAAC,KACN,MAAM,GAAG,MAAM,CAAC;IAErB,eAAe,EAAE,MAAM,CAAC;IAExB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,QAAQ,CAAC,EACP,MAAM,GACN,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAE9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,eAAe,CAAC,EAAE,eAAe,CAAC;IAElC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,QAAQ,CAAC,EAAE,CACP,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,eAAe,KACzB,IAAI,CAAC;IAEV,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B;AAED,UAAU,oBAAoB;IAC1B,YAAY,EAAE,WAAW,EAAE,CAAC;IAE5B,WAAW,EAAE,OAAO,CAAC;IAErB,YAAY,EAAE,MAAM,CAAC;IAErB,SAAS,EAAE,MAAM,CAAC;IAElB,YAAY,EAAE,CACV,KAAK,EAAE,MAAM,EACb,SAAS,CAAC,EACJ,OAAO,GACP,QAAQ,GACR,KAAK,KACV,IAAI,CAAC;IAEV,cAAc,EAAE,CACZ,MAAM,EAAE,MAAM,KACb,IAAI,CAAC;IAEV,eAAe,EAAE,CACb,MAAM,EAAE,MAAM,KACb,IAAI,CAAC;IAEV,YAAY,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAEtD,QAAQ,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAElD,YAAY,EAAE,CACV,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,KACX,aAAa,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,CAAC,GAAG,GAAG,EAClC,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAChC,oBAAoB,CAuZtB"}