react-virtual-renderer 1.1.2 → 1.1.4

package/dist/App.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AAEA,iBAAS,GAAG,4CAOX;AAED,eAAe,GAAG,CAAA"}
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AA2CA,iBAAS,GAAG,4CAoDX;AAED,eAAe,GAAG,CAAC"}

package/dist/App.js

@@ -1,7 +1,69 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import VirtualizeDemo from "./examples/Example";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+// Components
+import DynamicHeightLists from "./examples/DynamicHeightLists";
+import MasonryGrid from "./examples/MasonaryGrid";
+import InfiniteScroll from "./examples/InfiniteScrollLists";
+import FixedGrid from "./examples/FixedGrid";
+import PerformanceHarness from "./examples/PerfHarness";
+import GroupedContactListExample from "./examples/GroupedContactList";
+const tabs = [
+    {
+        id: "dynamic-height",
+        label: "Dynamic Height",
+        component: _jsx(DynamicHeightLists, {}),
+    },
+    {
+        id: "masonry-grid",
+        label: "Masonry Grid",
+        component: _jsx(MasonryGrid, {}),
+    },
+    {
+        id: "infinite-scroll",
+        label: "Infinite Scroll",
+        component: _jsx(InfiniteScroll, {}),
+    },
+    {
+        id: "fixed-grid",
+        label: "Fixed Grid",
+        component: _jsx(FixedGrid, {}),
+    },
+    {
+        id: "performance-harness",
+        label: "Performance Harness",
+        component: _jsx(PerformanceHarness, {}),
+    },
+    {
+        id: "grouped",
+        label: "Grouped Contact List",
+        component: _jsx(GroupedContactListExample, {}),
+    }
+];
 function App() {
-    return (_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 20, padding: 20 }, children: _jsx(VirtualizeDemo, {}) }));
+    const [activeTab, setActiveTab] = useState(tabs[0].id);
+    const activeComponent = tabs.find(tab => tab.id === activeTab)?.component;
+    return (_jsxs("div", { style: {
+            maxWidth: "1400px",
+            margin: "0 auto",
+            padding: "24px",
+            fontFamily: "sans-serif",
+        }, children: [_jsx("h1", { children: "React Virtual Renderer Demos" }), _jsx("div", { style: {
+                    display: "flex",
+                    gap: "8px",
+                    borderBottom: "1px solid #ddd",
+                    marginBottom: "24px",
+                    flexWrap: "wrap",
+                }, children: tabs.map(tab => (_jsx("button", { onClick: () => setActiveTab(tab.id), style: {
+                        padding: "12px 18px",
+                        cursor: "pointer",
+                        border: "none",
+                        borderBottom: activeTab === tab.id
+                            ? "3px solid #2563eb"
+                            : "3px solid transparent",
+                        background: "transparent",
+                        fontWeight: activeTab === tab.id ? 600 : 400,
+                        fontSize: "15px",
+                    }, children: tab.label }, tab.id))) }), _jsx("div", { children: activeComponent })] }));
 }
 export default App;
 //# sourceMappingURL=App.js.map

package/dist/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,MAAM,oBAAoB,CAAA;AAE/C,SAAS,GAAG;IAEV,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,YAC5E,KAAC,cAAc,KAAG,GACd,CACP,CAAA;AACH,CAAC;AAED,eAAe,GAAG,CAAA"}
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,aAAa;AACb,OAAO,kBAAkB,MAAM,+BAA+B,CAAC;AAC/D,OAAO,WAAW,MAAM,yBAAyB,CAAC;AAClD,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAC7C,OAAO,kBAAkB,MAAM,wBAAwB,CAAC;AACxD,OAAO,yBAAyB,MAAM,+BAA+B,CAAC;AAEtE,MAAM,IAAI,GAAG;IACT;QACI,EAAE,EAAE,gBAAgB;QACpB,KAAK,EAAE,gBAAgB;QACvB,SAAS,EAAE,KAAC,kBAAkB,KAAG;KACpC;IACD;QACI,EAAE,EAAE,cAAc;QAClB,KAAK,EAAE,cAAc;QACrB,SAAS,EAAE,KAAC,WAAW,KAAG;KAC7B;IACD;QACI,EAAE,EAAE,iBAAiB;QACrB,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE,KAAC,cAAc,KAAG;KAChC;IACD;QACI,EAAE,EAAE,YAAY;QAChB,KAAK,EAAE,YAAY;QACnB,SAAS,EAAE,KAAC,SAAS,KAAG;KAC3B;IACD;QACI,EAAE,EAAE,qBAAqB;QACzB,KAAK,EAAE,qBAAqB;QAC5B,SAAS,EAAE,KAAC,kBAAkB,KAAG;KACpC;IACD;QACI,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,sBAAsB;QAC7B,SAAS,EAAE,KAAC,yBAAyB,KAAG;KAC3C;CACJ,CAAC;AAEF,SAAS,GAAG;IACR,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAEvD,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE,SAAS,CAAC;IAE1E,OAAO,CACH,eACI,KAAK,EAAE;YACH,QAAQ,EAAE,QAAQ;YAClB,MAAM,EAAE,QAAQ;YAChB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,YAAY;SAC3B,aAED,wDAAqC,EAGrC,cACI,KAAK,EAAE;oBACH,OAAO,EAAE,MAAM;oBACf,GAAG,EAAE,KAAK;oBACV,YAAY,EAAE,gBAAgB;oBAC9B,YAAY,EAAE,MAAM;oBACpB,QAAQ,EAAE,MAAM;iBACnB,YAEA,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACb,iBAEI,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC,EACnC,KAAK,EAAE;wBACH,OAAO,EAAE,WAAW;wBACpB,MAAM,EAAE,SAAS;wBACjB,MAAM,EAAE,MAAM;wBACd,YAAY,EACR,SAAS,KAAK,GAAG,CAAC,EAAE;4BAChB,CAAC,CAAC,mBAAmB;4BACrB,CAAC,CAAC,uBAAuB;wBACjC,UAAU,EAAE,aAAa;wBACzB,UAAU,EAAE,SAAS,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;wBAC5C,QAAQ,EAAE,MAAM;qBACnB,YAEA,GAAG,CAAC,KAAK,IAfL,GAAG,CAAC,EAAE,CAgBN,CACZ,CAAC,GACA,EAGN,wBAAM,eAAe,GAAO,IAC1B,CACT,CAAC;AACN,CAAC;AAED,eAAe,GAAG,CAAC"}

package/dist/components/VirtualGrid.d.ts

@@ -1,4 +1,34 @@
 import React from "react";
 import { VirtualGridProps } from "../types";
+/**
+ * PERFORMANCE (read this before touching the position math below):
+ *
+ * There are two genuinely different cost profiles here, and this file
+ * intentionally keeps them on separate code paths instead of forcing
+ * everything through one "general" algorithm:
+ *
+ * 1. FAST PATH - layout="grid" with a numeric rowHeight (by far the
+ *    most common real-world case: photo grids, product grids, etc).
+ *    Every item's position is pure arithmetic from its index - no
+ *    array is ever allocated, and the visible range is computed with
+ *    O(1) division, not a scan. This is the single biggest win here:
+ *    the previous version paid O(n) to build a positions array for
+ *    this case even though it never needed one.
+ *
+ * 2. GENERAL PATH - masonry, or layout="grid" with a per-index
+ *    rowHeight function. These genuinely need to remember prior
+ *    layout state (column heights / row offsets), so they go through
+ *    GridLayoutEngine, which appends incrementally (O(k) for k new
+ *    items, not O(n)) rather than recomputing from scratch. Finding
+ *    the visible range over that array is done with binary search
+ *    (O(log n)) instead of the previous linear scan (O(n)).
+ *
+ *    Caveat worth stating plainly: masonry's y-position isn't
+ *    perfectly monotonic in index order (an item can land in a
+ *    shorter column than the item before it), so binary search over
+ *    it is an approximation, same trade-off every masonry-virtualizer
+ *    makes. Overscan is widened by a column's worth of rows in
+ *    masonry mode specifically to absorb that.
+ */
 export declare const VirtualGrid: React.ForwardRefExoticComponent<VirtualGridProps<any> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=VirtualGrid.d.ts.map

package/dist/components/VirtualGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualGrid.d.ts","sourceRoot":"","sources":["../../src/components/VirtualGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,gBAAgB,EAAiC,MAAM,UAAU,CAAC;AAE3E,eAAO,MAAM,WAAW,8FAqTvB,CAAC"}
+{"version":3,"file":"VirtualGrid.d.ts","sourceRoot":"","sources":["../../src/components/VirtualGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,gBAAgB,EAAiC,MAAM,UAAU,CAAC;AAG3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,WAAW,8FAmTvB,CAAC"}

package/dist/components/VirtualGrid.js

@@ -1,162 +1,194 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useMemo, useState, useRef, useEffect, useImperativeHandle, useCallback, } from "react";
-export const VirtualGrid = forwardRef(({ items, renderItem, itemKey, height = 600, width = "100%", columnCount = 3, rowHeight = 200, columnWidth, layout = "grid", overscan = 5, gap = 16, onScroll, onVisibleRangeChange, innerClassName, innerStyle, containerClassName, containerStyle, }, ref) => {
+import { GridLayoutEngine } from "../core/GridLayoutEngine";
+/**
+ * PERFORMANCE (read this before touching the position math below):
+ *
+ * There are two genuinely different cost profiles here, and this file
+ * intentionally keeps them on separate code paths instead of forcing
+ * everything through one "general" algorithm:
+ *
+ * 1. FAST PATH - layout="grid" with a numeric rowHeight (by far the
+ *    most common real-world case: photo grids, product grids, etc).
+ *    Every item's position is pure arithmetic from its index - no
+ *    array is ever allocated, and the visible range is computed with
+ *    O(1) division, not a scan. This is the single biggest win here:
+ *    the previous version paid O(n) to build a positions array for
+ *    this case even though it never needed one.
+ *
+ * 2. GENERAL PATH - masonry, or layout="grid" with a per-index
+ *    rowHeight function. These genuinely need to remember prior
+ *    layout state (column heights / row offsets), so they go through
+ *    GridLayoutEngine, which appends incrementally (O(k) for k new
+ *    items, not O(n)) rather than recomputing from scratch. Finding
+ *    the visible range over that array is done with binary search
+ *    (O(log n)) instead of the previous linear scan (O(n)).
+ *
+ *    Caveat worth stating plainly: masonry's y-position isn't
+ *    perfectly monotonic in index order (an item can land in a
+ *    shorter column than the item before it), so binary search over
+ *    it is an approximation, same trade-off every masonry-virtualizer
+ *    makes. Overscan is widened by a column's worth of rows in
+ *    masonry mode specifically to absorb that.
+ */
+export const VirtualGrid = forwardRef(({ items, renderItem, itemKey, height = 600, width = "100%", columnCount = 3, rowHeight = 200, columnWidth, layout = "grid", overscan = 5, gap = 16, onScroll, onVisibleRangeChange, innerClassName, innerStyle, containerClassName, containerStyle, itemClassName, itemStyle, }, ref) => {
     const containerRef = useRef(null);
     useImperativeHandle(ref, () => containerRef.current);
     const [scrollTop, setScrollTop] = useState(0);
     const [isScrolling, setIsScrolling] = useState(false);
     const [containerWidth, setContainerWidth] = useState(0);
     const scrollTimeout = useRef(null);
-    // ✅ FIX 1: Proper ResizeObserver with validation
     useEffect(() => {
         if (!containerRef.current)
             return;
         const el = containerRef.current;
         const observer = new ResizeObserver((entries) => {
             for (const entry of entries) {
-                const width = entry.contentRect.width;
-                if (width > 0) {
-                    setContainerWidth(width);
-                }
+                const w = entry.contentRect.width;
+                if (w > 0)
+                    setContainerWidth(w);
             }
         });
         observer.observe(el);
         return () => observer.disconnect();
     }, []);
-    // ✅ FIX 2: Cleanup timeout on unmount
     useEffect(() => {
         return () => {
-            if (scrollTimeout.current) {
+            if (scrollTimeout.current)
                 clearTimeout(scrollTimeout.current);
-            }
         };
     }, []);
-    // ✅ FIX 3: Better ready check
     const isReady = containerWidth > 0 && items.length > 0;
-    // ✅ FIX 4: Proper column calculation with gap
     const cols = useMemo(() => {
         if (columnCount === "auto") {
             const minColWidth = 200;
-            const calculatedCols = Math.max(1, Math.floor(containerWidth / (minColWidth + gap)));
-            return calculatedCols;
+            return Math.max(1, Math.floor(containerWidth / (minColWidth + gap)));
         }
         return Math.max(1, Number(columnCount));
     }, [columnCount, containerWidth, gap]);
     const colWidth = useMemo(() => {
-        if (typeof columnWidth === "number") {
+        if (typeof columnWidth === "number")
             return columnWidth;
-        }
         const totalGapWidth = gap * Math.max(0, cols - 1);
-        return Math.max(0, (containerWidth - totalGapWidth) /
-            cols);
+        return Math.max(0, (containerWidth - totalGapWidth) / cols);
+    }, [containerWidth, cols, gap, columnWidth]);
+    const isFastPath = layout === "grid" && typeof rowHeight === "number";
+    const heightNumForRange = typeof height === "string" ? parseInt(height) : Number(height);
+    // ---------- FAST PATH: pure O(1) math, no array ----------
+    const fastRowStep = rowHeight + gap;
+    const fastTotalHeight = useMemo(() => {
+        if (!isFastPath || !isReady)
+            return 0;
+        const numRows = Math.ceil(items.length / cols);
+        return numRows > 0 ? numRows * fastRowStep - gap : 0;
+    }, [isFastPath, isReady, items.length, cols, fastRowStep, gap]);
+    const fastVisibleRange = useMemo(() => {
+        if (!isFastPath || !isReady)
+            return { start: 0, end: -1 };
+        const startRow = Math.max(0, Math.floor(scrollTop / fastRowStep));
+        const endRow = Math.max(0, Math.floor((scrollTop + heightNumForRange) / fastRowStep));
+        const overscanRows = Math.ceil(overscan / cols);
+        const start = Math.max(0, (startRow - overscanRows) * cols);
+        const end = Math.min(items.length - 1, (endRow + overscanRows + 1) * cols - 1);
+        return { start, end };
     }, [
-        containerWidth,
+        isFastPath,
+        isReady,
+        scrollTop,
+        heightNumForRange,
+        fastRowStep,
+        overscan,
         cols,
-        gap,
-        columnWidth,
+        items.length,
     ]);
-    // ✅ FIX 6: Improved position calculation for masonry AND grid
-    const positions = useMemo(() => {
-        if (!isReady)
+    const fastPositionOf = useCallback((index) => {
+        const row = Math.floor(index / cols);
+        const col = index % cols;
+        return {
+            x: col * (colWidth + gap),
+            y: row * fastRowStep,
+            width: colWidth,
+            height: rowHeight,
+        };
+    }, [cols, colWidth, gap, fastRowStep, rowHeight]);
+    // ---------- GENERAL PATH: incremental engine + binary search ----------
+    const gridEngineRef = useRef(null);
+    if (gridEngineRef.current === null) {
+        gridEngineRef.current = new GridLayoutEngine();
+    }
+    const generalPositions = useMemo(() => {
+        if (isFastPath || !isReady)
             return [];
-        const pos = [];
-        if (layout === "masonry") {
-            // Masonry: Fill shortest column
-            const colHeights = Array(cols).fill(0);
-            for (let i = 0; i < items.length; i++) {
-                const itemHeight = typeof rowHeight === "function"
-                    ? rowHeight(i)
-                    : Number(rowHeight);
-                // Find shortest column
-                const minColIndex = colHeights.indexOf(Math.min(...colHeights));
-                const xPos = minColIndex * (colWidth + gap);
-                const yPos = colHeights[minColIndex];
-                pos.push({
-                    x: xPos,
-                    y: yPos,
-                    width: colWidth,
-                    height: itemHeight,
-                });
-                // Update column height
-                colHeights[minColIndex] += itemHeight + gap;
+        return gridEngineRef.current.sync(items.length, {
+            cols,
+            colWidth,
+            gap,
+            layout,
+            rowHeight,
+        });
+    }, [isFastPath, isReady, items.length, cols, colWidth, gap, layout, rowHeight]);
+    const generalTotalHeight = useMemo(() => {
+        if (isFastPath || !isReady)
+            return 0;
+        return gridEngineRef.current.getTotalHeight();
+    }, [isFastPath, isReady, generalPositions]);
+    const generalVisibleRange = useMemo(() => {
+        if (isFastPath || !generalPositions.length)
+            return { start: 0, end: -1 };
+        const scrollBottom = scrollTop + heightNumForRange;
+        const n = generalPositions.length;
+        // widen overscan for masonry to absorb its non-strict y-monotonicity
+        const effectiveOverscan = layout === "masonry" ? overscan + cols : overscan;
+        let lo = 0, hi = n - 1, startIdx = 0;
+        while (lo <= hi) {
+            const mid = (lo + hi) >> 1;
+            if (generalPositions[mid].y + generalPositions[mid].height >= scrollTop) {
+                startIdx = mid;
+                hi = mid - 1;
             }
-        }
-        else {
-            // Grid: Standard rows and columns
-            for (let i = 0; i < items.length; i++) {
-                const row = Math.floor(i / cols);
-                const col = i % cols;
-                const itemHeight = typeof rowHeight === "function"
-                    ? rowHeight(i)
-                    : Number(rowHeight);
-                pos.push({
-                    x: col * (colWidth + gap),
-                    y: row * (itemHeight + gap),
-                    width: colWidth,
-                    height: itemHeight,
-                });
+            else {
+                lo = mid + 1;
             }
         }
-        return pos;
-    }, [items, cols, colWidth, gap, layout, rowHeight, isReady]);
-    // ✅ FIX 7: Better visible range calculation
-    const visibleRange = useMemo(() => {
-        if (!positions.length || !isReady) {
-            return { start: 0, end: 0 };
-        }
-        const heightNum = typeof height === "string" ? parseInt(height) : Number(height);
-        let startIndex = 0;
-        for (let i = 0; i < positions.length; i++) {
-            if (positions[i].y + positions[i].height >= scrollTop) {
-                startIndex = i;
-                break;
+        lo = 0;
+        hi = n - 1;
+        let endIdx = n - 1;
+        while (lo <= hi) {
+            const mid = (lo + hi) >> 1;
+            if (generalPositions[mid].y <= scrollBottom) {
+                endIdx = mid;
+                lo = mid + 1;
             }
-        }
-        let endIndex = positions.length - 1;
-        for (let i = positions.length - 1; i >= 0; i--) {
-            if (positions[i].y <= scrollTop + heightNum) {
-                endIndex = i;
-                break;
+            else {
+                hi = mid - 1;
             }
         }
-        const start = Math.max(0, startIndex - overscan);
-        const end = Math.min(items.length - 1, endIndex + overscan);
-        return { start, end };
-    }, [positions, scrollTop, height, overscan, items.length, isReady]);
-    // ✅ FIX 8: Proper total height calculation
-    const totalHeight = useMemo(() => {
-        if (!positions.length)
-            return 0;
-        const maxHeight = Math.max(...positions.map((p) => p.y + p.height));
-        return maxHeight || 0;
-    }, [positions]);
-    // ✅ FIX 9: Better scroll handler
+        return {
+            start: Math.max(0, startIdx - effectiveOverscan),
+            end: Math.min(n - 1, endIdx + effectiveOverscan),
+        };
+    }, [isFastPath, generalPositions, scrollTop, heightNumForRange, overscan, layout, cols]);
+    // ---------- unify the two paths ----------
+    const totalHeight = isFastPath ? fastTotalHeight : generalTotalHeight;
+    const visibleRange = isFastPath ? fastVisibleRange : generalVisibleRange;
     const handleScroll = useCallback((e) => {
         const target = e.currentTarget;
-        const top = target.scrollTop;
-        const left = target.scrollLeft;
-        setScrollTop(top);
+        setScrollTop(target.scrollTop);
         setIsScrolling(true);
-        onScroll?.(top, left);
-        // Clear previous timeout
-        if (scrollTimeout.current) {
+        onScroll?.(target.scrollTop, target.scrollLeft);
+        if (scrollTimeout.current)
             clearTimeout(scrollTimeout.current);
-        }
-        // Set new timeout
-        scrollTimeout.current = setTimeout(() => {
-            setIsScrolling(false);
-        }, 120);
+        scrollTimeout.current = setTimeout(() => setIsScrolling(false), 120);
     }, [onScroll]);
-    // ✅ FIX 10: Notify visible range change
     useEffect(() => {
         onVisibleRangeChange?.(visibleRange.start, visibleRange.end);
     }, [visibleRange, onVisibleRangeChange]);
-    // ✅ FIX 11: Proper height/width conversion
-    const heightNum = typeof height === "string" ? height : `${height}px`;
-    const widthNum = typeof width === "string" ? width : `${width}px`;
+    const heightCss = typeof height === "string" ? height : `${height}px`;
+    const widthCss = typeof width === "string" ? width : `${width}px`;
+    const cx = (...parts) => parts.filter(Boolean).join(" ").trim();
     const containerStyleComputed = {
-        height: heightNum,
-        width: widthNum,
+        height: heightCss,
+        width: widthCss,
         overflowY: "auto",
         overflowX: "hidden",
         position: "relative",
@@ -168,26 +200,24 @@ export const VirtualGrid = forwardRef(({ items, renderItem, itemKey, height = 60
         width: "100%",
         ...innerStyle,
     };
-    // ✅ FIX 12: Complete render logic
     if (!isReady) {
-        return (_jsx("div", { ref: containerRef, className: containerClassName, style: containerStyleComputed, onScroll: handleScroll, children: _jsx("div", { className: innerClassName, style: innerStyleComputed }) }));
+        return (_jsx("div", { ref: containerRef, className: cx("virtualize-grid-container", containerClassName), style: containerStyleComputed, onScroll: handleScroll, children: _jsx("div", { className: cx("virtualize-grid-inner", innerClassName), style: innerStyleComputed }) }));
     }
-    // ✅ FIX 13: Render visible items properly
     const visibleItems = [];
     for (let i = visibleRange.start; i <= visibleRange.end; i++) {
         if (i >= 0 && i < items.length) {
-            visibleItems.push({
-                index: i,
-                key: itemKey?.(i, items[i]) ?? i,
-            });
+            visibleItems.push({ index: i, key: itemKey?.(i, items[i]) ?? i });
         }
     }
-    return (_jsx("div", { ref: containerRef, className: containerClassName, style: containerStyleComputed, onScroll: handleScroll, children: _jsx("div", { className: innerClassName, style: innerStyleComputed, children: visibleItems.map((vItem) => {
+    return (_jsx("div", { ref: containerRef, className: cx("virtualize-grid-container", containerClassName), style: containerStyleComputed, onScroll: handleScroll, children: _jsx("div", { className: cx("virtualize-grid-inner", innerClassName), style: innerStyleComputed, children: visibleItems.map((vItem) => {
                 const item = items[vItem.index];
-                const pos = positions[vItem.index];
+                const pos = isFastPath
+                    ? fastPositionOf(vItem.index)
+                    : generalPositions[vItem.index];
                 if (!item || !pos)
                     return null;
-                const itemStyle = {
+                const computedItemStyle = {
+                    ...itemStyle,
                     position: "absolute",
                     top: `${pos.y}px`,
                     left: `${pos.x}px`,
@@ -195,7 +225,7 @@ export const VirtualGrid = forwardRef(({ items, renderItem, itemKey, height = 60
                     height: `${pos.height}px`,
                     boxSizing: "border-box",
                 };
-                return (_jsx("div", { style: itemStyle, children: renderItem({
+                return (_jsx("div", { "data-virtualize-index": vItem.index, className: cx("virtualize-grid-item", itemClassName), style: computedItemStyle, children: renderItem({
                         item,
                         index: vItem.index,
                         isScrolling,

package/dist/components/VirtualGrid.js.map

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

package/dist/components/VirtualList.d.ts

@@ -1,8 +1,4 @@
 import React from 'react';
 import { VirtualListProps } from '../types';
-/**
- * VirtualList Component
- * Drop-in replacement for long lists with virtualization support
- */
 export declare const VirtualList: React.ForwardRefExoticComponent<VirtualListProps<any> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=VirtualList.d.ts.map

package/dist/components/VirtualList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../src/components/VirtualList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAGf,OAAO,EACH,gBAAgB,EAEnB,MAAM,UAAU,CAAC;AAElB;;;GAGG;AACH,eAAO,MAAM,WAAW,8FAoPvB,CAAC"}
+{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../src/components/VirtualList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAGf,OAAO,EACH,gBAAgB,EAEnB,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,WAAW,8FA4RvB,CAAC"}