react-virtual-renderer 1.1.3 → 1.1.5

package/dist/examples/PerfHarness.js

@@ -0,0 +1,131 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import { VirtualList } from "../components/VirtualList";
+// Real cities with approximate populations (2023-era estimates, city
+// proper or metro depending on source - order of magnitude accurate,
+// not intended as an authoritative dataset). 60 real records, tiled
+// below to reach bench scale.
+const REAL_CITIES = [
+    ["Tokyo", "Japan", 37400000],
+    ["Delhi", "India", 32900000],
+    ["Shanghai", "China", 29200000],
+    ["Dhaka", "Bangladesh", 22500000],
+    ["São Paulo", "Brazil", 22400000],
+    ["Cairo", "Egypt", 22200000],
+    ["Mexico City", "Mexico", 22100000],
+    ["Beijing", "China", 21900000],
+    ["Mumbai", "India", 21300000],
+    ["Osaka", "Japan", 19100000],
+    ["Chongqing", "China", 18800000],
+    ["Karachi", "Pakistan", 17000000],
+    ["Istanbul", "Turkey", 16000000],
+    ["Kinshasa", "DR Congo", 15600000],
+    ["Lagos", "Nigeria", 15400000],
+    ["Buenos Aires", "Argentina", 15400000],
+    ["Kolkata", "India", 15100000],
+    ["Manila", "Philippines", 14400000],
+    ["Tianjin", "China", 14000000],
+    ["Guangzhou", "China", 13900000],
+    ["Rio de Janeiro", "Brazil", 13500000],
+    ["Lahore", "Pakistan", 13400000],
+    ["Bangalore", "India", 13200000],
+    ["Shenzhen", "China", 12900000],
+    ["Moscow", "Russia", 12600000],
+    ["Chennai", "India", 11500000],
+    ["Bogotá", "Colombia", 11300000],
+    ["Paris", "France", 11100000],
+    ["Jakarta", "Indonesia", 11000000],
+    ["Lima", "Peru", 10900000],
+    ["Bangkok", "Thailand", 10700000],
+    ["Hyderabad", "India", 10500000],
+    ["Seoul", "South Korea", 9900000],
+    ["Nagoya", "Japan", 9600000],
+    ["London", "United Kingdom", 9500000],
+    ["Chengdu", "China", 9300000],
+    ["Nanjing", "China", 9300000],
+    ["Tehran", "Iran", 9100000],
+    ["Ho Chi Minh City", "Vietnam", 9100000],
+    ["Luanda", "Angola", 8900000],
+    ["Wuhan", "China", 8900000],
+    ["Xi'an", "China", 8700000],
+    ["Ahmedabad", "India", 8500000],
+    ["Kuala Lumpur", "Malaysia", 8400000],
+    ["Hong Kong", "China", 8300000],
+    ["Dongguan", "China", 8300000],
+    ["Foshan", "China", 8200000],
+    ["New York City", "United States", 8100000],
+    ["Hangzhou", "China", 8000000],
+    ["Baghdad", "Iraq", 7700000],
+    ["Shenyang", "China", 7700000],
+    ["Riyadh", "Saudi Arabia", 7600000],
+    ["Santiago", "Chile", 6800000],
+    ["Singapore", "Singapore", 5900000],
+    ["Toronto", "Canada", 6300000],
+    ["Berlin", "Germany", 3700000],
+    ["Nairobi", "Kenya", 4700000],
+    ["Sydney", "Australia", 5300000],
+    ["Madrid", "Spain", 6700000],
+    ["Cape Town", "South Africa", 4600000],
+    ["Amsterdam", "Netherlands", 1150000],
+];
+const ITEM_COUNT = 100000;
+function buildCityRows(count) {
+    return Array.from({ length: count }, (_, i) => {
+        const [city, country, basePopulation] = REAL_CITIES[i % REAL_CITIES.length];
+        // vary population slightly per tile pass so repeated cities aren't
+        // pixel-identical rows - still grounded in the real base figure
+        const cycle = Math.floor(i / REAL_CITIES.length);
+        const population = Math.max(50000, basePopulation - cycle * 137);
+        return { id: i, rank: i + 1, city, country, population };
+    });
+}
+export default function PerfHarnessExample() {
+    const containerRef = React.useRef(null);
+    const [results, setResults] = React.useState(null);
+    const [running, setRunning] = React.useState(false);
+    const items = React.useMemo(() => buildCityRows(ITEM_COUNT), []);
+    const runBenchmark = React.useCallback(() => {
+        const el = containerRef.current;
+        if (!el || running)
+            return;
+        setRunning(true);
+        setResults(null);
+        const frameTimes = [];
+        let lastTime = performance.now();
+        let rafId;
+        const maxScroll = el.scrollHeight - el.clientHeight;
+        const durationMs = 4000;
+        const startTime = performance.now();
+        function tick(now) {
+            frameTimes.push(now - lastTime);
+            lastTime = now;
+            const elapsed = now - startTime;
+            const progress = Math.min(1, elapsed / durationMs);
+            el.scrollTop = progress * maxScroll;
+            if (progress < 1) {
+                rafId = requestAnimationFrame(tick);
+            }
+            else {
+                const sorted = [...frameTimes].sort((a, b) => a - b);
+                const avg = frameTimes.reduce((a, b) => a + b, 0) / frameTimes.length;
+                const p95 = sorted[Math.floor(sorted.length * 0.95)];
+                const max = sorted[sorted.length - 1];
+                const droppedFrames = frameTimes.filter((t) => t > 16.7).length;
+                setResults({ avg, p95, max, droppedFrames, totalFrames: frameTimes.length });
+                setRunning(false);
+            }
+        }
+        rafId = requestAnimationFrame(tick);
+        return () => cancelAnimationFrame(rafId);
+    }, [running]);
+    return (_jsxs("div", { children: [_jsxs("div", { style: { marginBottom: 12, display: "flex", gap: 12, alignItems: "center" }, children: [_jsx("button", { onClick: runBenchmark, disabled: running, children: running ? "Scrolling..." : `Run scroll benchmark (${ITEM_COUNT.toLocaleString()} rows)` }), results && (_jsxs("div", { style: { fontFamily: "monospace", fontSize: 13 }, children: ["avg: ", results.avg.toFixed(2), "ms | p95: ", results.p95.toFixed(2), "ms | max:", " ", results.max.toFixed(2), "ms | dropped frames (>16.7ms):", " ", results.droppedFrames, "/", results.totalFrames] }))] }), _jsx(VirtualList, { ref: containerRef, items: items, height: 600, width: "100%", estimatedItemSize: 40, itemKey: (_, item) => item.id, itemStyle: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 16,
+                    padding: "8px 12px",
+                    borderBottom: "1px solid #f0f0f0",
+                    fontFamily: "monospace",
+                    fontSize: 13,
+                }, renderItem: ({ item }) => (_jsxs(_Fragment, { children: [_jsxs("span", { style: { color: "#999", width: 60 }, children: ["#", item.rank] }), _jsx("span", { style: { width: 180, fontWeight: 600 }, children: item.city }), _jsx("span", { style: { width: 160, color: "#666" }, children: item.country }), _jsxs("span", { style: { marginLeft: "auto" }, children: [item.population.toLocaleString(), " people"] })] })) })] }));
+}
+//# sourceMappingURL=PerfHarness.js.map

package/dist/examples/PerfHarness.js.map

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

package/dist/hooks/useBidirectionalInfiniteScroll.d.ts

@@ -0,0 +1,32 @@
+export interface UseBidirectionalInfiniteScrollParams {
+    onLoadOlder?: () => void | Promise<void>;
+    onLoadNewer?: () => void | Promise<void>;
+    isLoadingOlder?: boolean;
+    isLoadingNewer?: boolean;
+    root?: React.RefObject<HTMLElement | null>;
+    rootMargin?: string;
+}
+/**
+ * Chat/feed-style bidirectional infinite scroll: sentinels at both
+ * ends trigger loading older (prepend) or newer (append) content.
+ *
+ * THE HARD PART: prepending items above the viewport makes native
+ * browser scroll-anchoring behave inconsistently (or not fire at all,
+ * if content changes async after the anchor point is chosen), causing
+ * a visible jump. This hook manually anchors on a specific existing
+ * DOM node's offset before the prepend, then restores scrollTop after
+ * the DOM updates so that node stays visually fixed.
+ *
+ * KNOWN LIMITATION: the anchored node can itself get unmounted by
+ * virtualization between capture and restore (e.g. a very large,
+ * very fast prepend). When that happens the anchor is dropped rather
+ * than silently producing a wrong position - noted in restoreAnchor()
+ * below. A fully bulletproof version would need to anchor on an
+ * offset-based position rather than a DOM node reference; that's a
+ * larger change than this hook makes.
+ */
+export declare function useBidirectionalInfiniteScroll({ onLoadOlder, onLoadNewer, isLoadingOlder, isLoadingNewer, root, rootMargin, }: UseBidirectionalInfiniteScrollParams): {
+    topSentinelRef: import("react").MutableRefObject<HTMLDivElement | null>;
+    bottomSentinelRef: import("react").MutableRefObject<HTMLDivElement | null>;
+};
+//# sourceMappingURL=useBidirectionalInfiniteScroll.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBidirectionalInfiniteScroll.d.ts","sourceRoot":"","sources":["../../src/hooks/useBidirectionalInfiniteScroll.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,oCAAoC;IACjD,WAAW,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,8BAA8B,CAAC,EAC3C,WAAW,EACX,WAAW,EACX,cAAsB,EACtB,cAAsB,EACtB,IAAI,EACJ,UAAoB,GACvB,EAAE,oCAAoC;;;EAmFtC"}

package/dist/hooks/useBidirectionalInfiniteScroll.js

@@ -0,0 +1,89 @@
+// hooks/useBidirectionalInfiniteScroll.ts
+import { useCallback, useEffect, useRef } from 'react';
+/**
+ * Chat/feed-style bidirectional infinite scroll: sentinels at both
+ * ends trigger loading older (prepend) or newer (append) content.
+ *
+ * THE HARD PART: prepending items above the viewport makes native
+ * browser scroll-anchoring behave inconsistently (or not fire at all,
+ * if content changes async after the anchor point is chosen), causing
+ * a visible jump. This hook manually anchors on a specific existing
+ * DOM node's offset before the prepend, then restores scrollTop after
+ * the DOM updates so that node stays visually fixed.
+ *
+ * KNOWN LIMITATION: the anchored node can itself get unmounted by
+ * virtualization between capture and restore (e.g. a very large,
+ * very fast prepend). When that happens the anchor is dropped rather
+ * than silently producing a wrong position - noted in restoreAnchor()
+ * below. A fully bulletproof version would need to anchor on an
+ * offset-based position rather than a DOM node reference; that's a
+ * larger change than this hook makes.
+ */
+export function useBidirectionalInfiniteScroll({ onLoadOlder, onLoadNewer, isLoadingOlder = false, isLoadingNewer = false, root, rootMargin = '400px', }) {
+    const topSentinelRef = useRef(null);
+    const bottomSentinelRef = useRef(null);
+    const anchorRef = useRef(null);
+    const loadingOlderRef = useRef(false);
+    const loadingNewerRef = useRef(false);
+    const captureAnchor = useCallback(() => {
+        const scrollRoot = root?.current;
+        if (!scrollRoot)
+            return;
+        const children = Array.from(scrollRoot.querySelectorAll('[data-virtualize-index]'));
+        const rootRect = scrollRoot.getBoundingClientRect();
+        for (const child of children) {
+            const rect = child.getBoundingClientRect();
+            if (rect.top >= rootRect.top) {
+                anchorRef.current = { node: child, offsetFromTop: rect.top - rootRect.top };
+                return;
+            }
+        }
+    }, [root]);
+    const restoreAnchor = useCallback(() => {
+        const scrollRoot = root?.current;
+        const anchor = anchorRef.current;
+        if (!scrollRoot || !anchor)
+            return;
+        if (!scrollRoot.contains(anchor.node)) {
+            // anchored node was unmounted by virtualization before we
+            // could restore - drop it rather than guess
+            anchorRef.current = null;
+            return;
+        }
+        const newRect = anchor.node.getBoundingClientRect();
+        const rootRect = scrollRoot.getBoundingClientRect();
+        const delta = (newRect.top - rootRect.top) - anchor.offsetFromTop;
+        scrollRoot.scrollTop += delta;
+        anchorRef.current = null;
+    }, [root]);
+    useEffect(() => {
+        if (typeof window === 'undefined' || !('IntersectionObserver' in window))
+            return;
+        const observers = [];
+        if (onLoadOlder && topSentinelRef.current) {
+            const obs = new IntersectionObserver((entries) => {
+                if (entries[0]?.isIntersecting && !loadingOlderRef.current && !isLoadingOlder) {
+                    loadingOlderRef.current = true;
+                    captureAnchor();
+                    Promise.resolve(onLoadOlder()).finally(() => { loadingOlderRef.current = false; });
+                }
+            }, { root: root?.current ?? null, rootMargin, threshold: 0 });
+            obs.observe(topSentinelRef.current);
+            observers.push(obs);
+        }
+        if (onLoadNewer && bottomSentinelRef.current) {
+            const obs = new IntersectionObserver((entries) => {
+                if (entries[0]?.isIntersecting && !loadingNewerRef.current && !isLoadingNewer) {
+                    loadingNewerRef.current = true;
+                    Promise.resolve(onLoadNewer()).finally(() => { loadingNewerRef.current = false; });
+                }
+            }, { root: root?.current ?? null, rootMargin, threshold: 0 });
+            obs.observe(bottomSentinelRef.current);
+            observers.push(obs);
+        }
+        return () => observers.forEach((o) => o.disconnect());
+    }, [onLoadOlder, onLoadNewer, isLoadingOlder, isLoadingNewer, root, rootMargin, captureAnchor]);
+    useEffect(() => { restoreAnchor(); });
+    return { topSentinelRef, bottomSentinelRef };
+}
+//# sourceMappingURL=useBidirectionalInfiniteScroll.js.map

package/dist/hooks/useBidirectionalInfiniteScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBidirectionalInfiniteScroll.js","sourceRoot":"","sources":["../../src/hooks/useBidirectionalInfiniteScroll.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAWvD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,8BAA8B,CAAC,EAC3C,WAAW,EACX,WAAW,EACX,cAAc,GAAG,KAAK,EACtB,cAAc,GAAG,KAAK,EACtB,IAAI,EACJ,UAAU,GAAG,OAAO,GACe;IACnC,MAAM,cAAc,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC3D,MAAM,iBAAiB,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC9D,MAAM,SAAS,GAAG,MAAM,CAAkD,IAAI,CAAC,CAAC;IAEhF,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,MAAM,UAAU,GAAG,IAAI,EAAE,OAAO,CAAC;QACjC,IAAI,CAAC,UAAU;YAAE,OAAO;QAExB,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,CAAC,CAAC;QACpF,MAAM,QAAQ,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC;QAEpD,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE,CAAC;YAC3B,MAAM,IAAI,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;YAC3C,IAAI,IAAI,CAAC,GAAG,IAAI,QAAQ,CAAC,GAAG,EAAE,CAAC;gBAC3B,SAAS,CAAC,OAAO,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC;gBAC5E,OAAO;YACX,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,MAAM,UAAU,GAAG,IAAI,EAAE,OAAO,CAAC;QACjC,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,UAAU,IAAI,CAAC,MAAM;YAAE,OAAO;QAEnC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;YACpC,0DAA0D;YAC1D,4CAA4C;YAC5C,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;YACzB,OAAO;QACX,CAAC;QAED,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC;QACpD,MAAM,QAAQ,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC;QACpD,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,aAAa,CAAC;QAElE,UAAU,CAAC,SAAS,IAAI,KAAK,CAAC;QAC9B,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;IAC7B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,CAAC,sBAAsB,IAAI,MAAM,CAAC;YAAE,OAAO;QACjF,MAAM,SAAS,GAA2B,EAAE,CAAC;QAE7C,IAAI,WAAW,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YACxC,MAAM,GAAG,GAAG,IAAI,oBAAoB,CAChC,CAAC,OAAO,EAAE,EAAE;gBACR,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,cAAc,IAAI,CAAC,eAAe,CAAC,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;oBAC5E,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;oBAC/B,aAAa,EAAE,CAAC;oBAChB,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;gBACvF,CAAC;YACL,CAAC,EACD,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,IAAI,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,EAAE,CAC5D,CAAC;YACF,GAAG,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YACpC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACxB,CAAC;QAED,IAAI,WAAW,IAAI,iBAAiB,CAAC,OAAO,EAAE,CAAC;YAC3C,MAAM,GAAG,GAAG,IAAI,oBAAoB,CAChC,CAAC,OAAO,EAAE,EAAE;gBACR,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,cAAc,IAAI,CAAC,eAAe,CAAC,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;oBAC5E,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;oBAC/B,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;gBACvF,CAAC;YACL,CAAC,EACD,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,IAAI,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,EAAE,CAC5D,CAAC;YACF,GAAG,CAAC,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;YACvC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACxB,CAAC;QAED,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC;IAC1D,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,IAAI,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IAEhG,SAAS,CAAC,GAAG,EAAE,GAAG,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtC,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC;AACjD,CAAC"}

package/dist/hooks/useInfiniteScroll.d.ts

@@ -1,33 +1,57 @@
+import { RefObject } from "react";
 export interface UseInfiniteScrollParams {
     /**
-     * Callback triggered when user reaches threshold
+     * Called when the sentinel enters the observed root's margin.
      */
     onLoadMore: () => void | Promise<void>;
     /**
-     * Distance from bottom before triggering load
-     * Default: 500px
+     * IntersectionObserver rootMargin - the IO equivalent of the old
+     * pixel "threshold" (how far from the edge to fire early).
+     * Default: "500px", matching the previous default distance.
      */
-    threshold?: number;
+    rootMargin?: string;
     /**
-     * External loading state
+     * External loading state - if the caller is already loading (e.g.
+     * from a data-fetching hook), a new intersection won't re-trigger.
      */
     isLoading?: boolean;
+    /** Enable / disable the observer entirely. */
+    enabled?: boolean;
     /**
-     * Enable / Disable infinite scroll
+     * The scrollable element to use as the IntersectionObserver root.
+     * Pass the same ref you gave VirtualList/VirtualGrid so the
+     * threshold is evaluated against that container, not the browser
+     * viewport. Omit to observe against the viewport.
      */
-    enabled?: boolean;
+    root?: RefObject<Element | null>;
 }
 export interface UseInfiniteScrollReturn<T extends HTMLElement = HTMLDivElement> {
-    containerRef: React.RefObject<T | null>;
+    /**
+     * Attach this to a small sentinel element rendered after your last
+     * item (e.g. `<div ref={sentinelRef} style={{ height: 1 }} />`).
+     * It never needs content or visible size.
+     */
+    sentinelRef: RefObject<T | null>;
     isAtBottom: boolean;
     isLoading: boolean;
-    checkIfAtBottom: () => void;
 }
 /**
  * useInfiniteScroll
  *
- * Automatically calls onLoadMore when the user
- * scrolls near the bottom of a container.
+ * PERFORMANCE: the previous version attached a `scroll` listener and
+ * read `scrollTop` / `scrollHeight` / `clientHeight` on every single
+ * scroll event. Each of those reads can force a synchronous layout
+ * ("layout thrashing") if a style/DOM write happened earlier in the
+ * same frame, and the handler ran on the main thread for every pixel
+ * scrolled, whether or not the user was anywhere near the bottom.
+ *
+ * This version observes a 1px sentinel with IntersectionObserver
+ * instead. The browser computes intersection off the main thread on
+ * its own compositor schedule - there is no per-scroll-event JS cost,
+ * no layout reads, and no manual threshold math at all. This is also
+ * what react-window/react-virtuoso-adjacent "load more" patterns and
+ * most production infinite-scroll implementations converged on for
+ * the same reason.
  */
-export declare function useInfiniteScroll<T extends HTMLElement = HTMLDivElement>({ onLoadMore, threshold, isLoading, enabled, }: UseInfiniteScrollParams): UseInfiniteScrollReturn<T>;
+export declare function useInfiniteScroll<T extends HTMLElement = HTMLDivElement>({ onLoadMore, rootMargin, isLoading, enabled, root, }: UseInfiniteScrollParams): UseInfiniteScrollReturn<T>;
 //# sourceMappingURL=useInfiniteScroll.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useInfiniteScroll.d.ts","sourceRoot":"","sources":["../../src/hooks/useInfiniteScroll.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,uBAAuB;IACpC;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEvC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,uBAAuB,CACpC,CAAC,SAAS,WAAW,GAAG,cAAc;IAEtC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IACxC,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC7B,CAAC,SAAS,WAAW,GAAG,cAAc,EACxC,EACE,UAAU,EACV,SAAe,EACf,SAAiB,EACjB,OAAc,GACjB,EAAE,uBAAuB,GAAG,uBAAuB,CAAC,CAAC,CAAC,CA6FtD"}
+{"version":3,"file":"useInfiniteScroll.d.ts","sourceRoot":"","sources":["../../src/hooks/useInfiniteScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAIH,SAAS,EACZ,MAAM,OAAO,CAAC;AAEf,MAAM,WAAW,uBAAuB;IACpC;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEvC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,uBAAuB,CAAC,CAAC,SAAS,WAAW,GAAG,cAAc;IAC3E;;;;OAIG;IACH,WAAW,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,cAAc,EAAE,EACtE,UAAU,EACV,UAAoB,EACpB,SAAiB,EACjB,OAAc,EACd,IAAI,GACP,EAAE,uBAAuB,GAAG,uBAAuB,CAAC,CAAC,CAAC,CA4DtD"}

package/dist/hooks/useInfiniteScroll.js

@@ -1,67 +1,68 @@
-import { useCallback, useEffect, useRef, useState, } from "react";
+import { useEffect, useRef, useState, } from "react";
 /**
  * useInfiniteScroll
  *
- * Automatically calls onLoadMore when the user
- * scrolls near the bottom of a container.
+ * PERFORMANCE: the previous version attached a `scroll` listener and
+ * read `scrollTop` / `scrollHeight` / `clientHeight` on every single
+ * scroll event. Each of those reads can force a synchronous layout
+ * ("layout thrashing") if a style/DOM write happened earlier in the
+ * same frame, and the handler ran on the main thread for every pixel
+ * scrolled, whether or not the user was anywhere near the bottom.
+ *
+ * This version observes a 1px sentinel with IntersectionObserver
+ * instead. The browser computes intersection off the main thread on
+ * its own compositor schedule - there is no per-scroll-event JS cost,
+ * no layout reads, and no manual threshold math at all. This is also
+ * what react-window/react-virtuoso-adjacent "load more" patterns and
+ * most production infinite-scroll implementations converged on for
+ * the same reason.
  */
-export function useInfiniteScroll({ onLoadMore, threshold = 500, isLoading = false, enabled = true, }) {
-    const containerRef = useRef(null);
+export function useInfiniteScroll({ onLoadMore, rootMargin = "500px", isLoading = false, enabled = true, root, }) {
+    const sentinelRef = useRef(null);
     const [isAtBottom, setIsAtBottom] = useState(false);
     const loadingRef = useRef(false);
     const onLoadMoreRef = useRef(onLoadMore);
     useEffect(() => {
         onLoadMoreRef.current = onLoadMore;
     }, [onLoadMore]);
-    const checkIfAtBottom = useCallback(() => {
-        if (!enabled)
-            return;
-        const container = containerRef.current;
-        if (!container)
-            return;
-        const { scrollTop, scrollHeight, clientHeight, } = container;
-        const distanceFromBottom = scrollHeight -
-            scrollTop -
-            clientHeight;
-        const reachedBottom = distanceFromBottom <= threshold;
-        setIsAtBottom(reachedBottom);
-        if (reachedBottom &&
-            !loadingRef.current &&
-            !isLoading) {
-            loadingRef.current = true;
-            Promise.resolve(onLoadMoreRef.current()).finally(() => {
-                loadingRef.current = false;
-            });
-        }
-    }, [
-        threshold,
-        enabled,
-        isLoading,
-    ]);
     useEffect(() => {
         if (!enabled)
             return;
-        const container = containerRef.current;
-        if (!container)
+        const sentinel = sentinelRef.current;
+        if (!sentinel)
             return;
-        const handleScroll = () => {
-            checkIfAtBottom();
-        };
-        container.addEventListener("scroll", handleScroll, { passive: true });
-        // Initial check
-        checkIfAtBottom();
+        if (typeof window === "undefined" || !("IntersectionObserver" in window)) {
+            // SSR / very old browser fallback: no polling loop is added -
+            // the consumer can still call onLoadMore manually (e.g. a
+            // "Load more" button) if this environment is a real target.
+            return;
+        }
+        const observer = new IntersectionObserver((entries) => {
+            const entry = entries[0];
+            if (!entry)
+                return;
+            setIsAtBottom(entry.isIntersecting);
+            if (entry.isIntersecting && !loadingRef.current && !isLoading) {
+                loadingRef.current = true;
+                Promise.resolve(onLoadMoreRef.current()).finally(() => {
+                    loadingRef.current = false;
+                });
+            }
+        }, {
+            root: root?.current ?? null,
+            rootMargin,
+            threshold: 0,
+        });
+        observer.observe(sentinel);
         return () => {
-            container.removeEventListener("scroll", handleScroll);
+            observer.disconnect();
         };
-    }, [
-        enabled,
-        checkIfAtBottom,
-    ]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [enabled, rootMargin, isLoading, root?.current]);
     return {
-        containerRef,
+        sentinelRef,
         isAtBottom,
         isLoading,
-        checkIfAtBottom,
     };
 }
 //# sourceMappingURL=useInfiniteScroll.js.map

package/dist/hooks/useInfiniteScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInfiniteScroll.js","sourceRoot":"","sources":["../../src/hooks/useInfiniteScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,GACX,MAAM,OAAO,CAAC;AAkCf;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAE/B,EACE,UAAU,EACV,SAAS,GAAG,GAAG,EACf,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,IAAI,GACQ;IACtB,MAAM,YAAY,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IAE5C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAC7B,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpB,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEjC,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACX,aAAa,CAAC,OAAO,GAAG,UAAU,CAAC;IACvC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QAEvC,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,EACF,SAAS,EACT,YAAY,EACZ,YAAY,GACf,GAAG,SAAS,CAAC;QAEd,MAAM,kBAAkB,GACpB,YAAY;YACZ,SAAS;YACT,YAAY,CAAC;QAEjB,MAAM,aAAa,GACf,kBAAkB,IAAI,SAAS,CAAC;QAEpC,aAAa,CAAC,aAAa,CAAC,CAAC;QAE7B,IACI,aAAa;YACb,CAAC,UAAU,CAAC,OAAO;YACnB,CAAC,SAAS,EACZ,CAAC;YACC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;YAE1B,OAAO,CAAC,OAAO,CACX,aAAa,CAAC,OAAO,EAAE,CAC1B,CAAC,OAAO,CAAC,GAAG,EAAE;gBACX,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;YAC/B,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EAAE;QACC,SAAS;QACT,OAAO;QACP,SAAS;KACZ,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QAEvC,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,YAAY,GAAG,GAAG,EAAE;YACtB,eAAe,EAAE,CAAC;QACtB,CAAC,CAAC;QAEF,SAAS,CAAC,gBAAgB,CACtB,QAAQ,EACR,YAAY,EACZ,EAAE,OAAO,EAAE,IAAI,EAAE,CACpB,CAAC;QAEF,gBAAgB;QAChB,eAAe,EAAE,CAAC;QAElB,OAAO,GAAG,EAAE;YACR,SAAS,CAAC,mBAAmB,CACzB,QAAQ,EACR,YAAY,CACf,CAAC;QACN,CAAC,CAAC;IACN,CAAC,EAAE;QACC,OAAO;QACP,eAAe;KAClB,CAAC,CAAC;IAEH,OAAO;QACH,YAAY;QACZ,UAAU;QACV,SAAS;QACT,eAAe;KAClB,CAAC;AACN,CAAC"}
+{"version":3,"file":"useInfiniteScroll.js","sourceRoot":"","sources":["../../src/hooks/useInfiniteScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,MAAM,EACN,QAAQ,GAEX,MAAM,OAAO,CAAC;AA4Cf;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,iBAAiB,CAAyC,EACtE,UAAU,EACV,UAAU,GAAG,OAAO,EACpB,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,IAAI,EACd,IAAI,GACkB;IACtB,MAAM,WAAW,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IAE3C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACX,aAAa,CAAC,OAAO,GAAG,UAAU,CAAC;IACvC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QACrC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEtB,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,CAAC,sBAAsB,IAAI,MAAM,CAAC,EAAE,CAAC;YACvE,8DAA8D;YAC9D,0DAA0D;YAC1D,4DAA4D;YAC5D,OAAO;QACX,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CACrC,CAAC,OAAO,EAAE,EAAE;YACR,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YACzB,IAAI,CAAC,KAAK;gBAAE,OAAO;YAEnB,aAAa,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;YAEpC,IAAI,KAAK,CAAC,cAAc,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;gBAC5D,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;gBAE1B,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;oBAClD,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;gBAC/B,CAAC,CAAC,CAAC;YACP,CAAC;QACL,CAAC,EACD;YACI,IAAI,EAAE,IAAI,EAAE,OAAO,IAAI,IAAI;YAC3B,UAAU;YACV,SAAS,EAAE,CAAC;SACf,CACJ,CAAC;QAEF,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAE3B,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,UAAU,EAAE,CAAC;QAC1B,CAAC,CAAC;QACF,uDAAuD;IAC3D,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpD,OAAO;QACH,WAAW;QACX,UAAU;QACV,SAAS;KACZ,CAAC;AACN,CAAC"}

package/dist/hooks/useRevoingTabIndex.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Roving tabindex: only the "active" item is in the tab order
+ * (tabIndex 0), everything else is -1. Arrow/Home/End keys move the
+ * active index and scroll it into view.
+ */
+export declare function useRovingTabIndex(itemCount: number, scrollToItem: (index: number) => void): {
+    activeIndex: number;
+    onKeyDown: (e: React.KeyboardEvent) => void;
+    setActiveIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+};
+//# sourceMappingURL=useRevoingTabIndex.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRevoingTabIndex.d.ts","sourceRoot":"","sources":["../../src/hooks/useRevoingTabIndex.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;mBAI9E,KAAK,CAAC,aAAa;;EAgB9B"}

package/dist/hooks/useRevoingTabIndex.js

@@ -0,0 +1,28 @@
+// hooks/useRovingTabIndex.ts
+import { useCallback, useState } from 'react';
+/**
+ * Roving tabindex: only the "active" item is in the tab order
+ * (tabIndex 0), everything else is -1. Arrow/Home/End keys move the
+ * active index and scroll it into view.
+ */
+export function useRovingTabIndex(itemCount, scrollToItem) {
+    const [activeIndex, setActiveIndex] = useState(0);
+    const onKeyDown = useCallback((e) => {
+        let next = activeIndex;
+        if (e.key === 'ArrowDown')
+            next = Math.min(itemCount - 1, activeIndex + 1);
+        else if (e.key === 'ArrowUp')
+            next = Math.max(0, activeIndex - 1);
+        else if (e.key === 'Home')
+            next = 0;
+        else if (e.key === 'End')
+            next = itemCount - 1;
+        else
+            return;
+        e.preventDefault();
+        setActiveIndex(next);
+        scrollToItem(next);
+    }, [activeIndex, itemCount, scrollToItem]);
+    return { activeIndex, onKeyDown, setActiveIndex };
+}
+//# sourceMappingURL=useRevoingTabIndex.js.map

package/dist/hooks/useRevoingTabIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRevoingTabIndex.js","sourceRoot":"","sources":["../../src/hooks/useRevoingTabIndex.ts"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,SAAiB,EAAE,YAAqC;IACtF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElD,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,CAAsB,EAAE,EAAE;QACvB,IAAI,IAAI,GAAG,WAAW,CAAC;QACvB,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW;YAAE,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,CAAC;aACtE,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS;YAAE,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,CAAC;aAC7D,IAAI,CAAC,CAAC,GAAG,KAAK,MAAM;YAAE,IAAI,GAAG,CAAC,CAAC;aAC/B,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK;YAAE,IAAI,GAAG,SAAS,GAAG,CAAC,CAAC;;YAC1C,OAAO;QAEZ,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,YAAY,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,WAAW,EAAE,SAAS,EAAE,YAAY,CAAC,CACzC,CAAC;IAEF,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;AACtD,CAAC"}

package/dist/hooks/useVirtualAllyProps.d.ts

@@ -0,0 +1,23 @@
+export interface VirtualA11yConfig {
+    itemCount: number;
+    role?: 'list' | 'grid';
+}
+/**
+ * ARIA attributes for a virtualized container and its items, so
+ * screen readers understand the FULL collection size even though
+ * only a window of items exists in the DOM at any time. Without
+ * this, a screen reader announces "list, 20 items" (whatever happens
+ * to be mounted) instead of the true count.
+ */
+export declare function useVirtualContainerA11y({ itemCount, role }: VirtualA11yConfig): {
+    role: "grid" | "list";
+    'aria-rowcount': number | undefined;
+    'aria-setsize': number | undefined;
+};
+export declare function useVirtualItemA11y(index: number, itemCount: number, role?: 'list' | 'grid'): {
+    role: string;
+    'aria-posinset': number;
+    'aria-setsize': number;
+    tabIndex: number;
+};
+//# sourceMappingURL=useVirtualAllyProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualAllyProps.d.ts","sourceRoot":"","sources":["../../src/hooks/useVirtualAllyProps.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,iBAAiB;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,IAAa,EAAE,EAAE,iBAAiB;;;;EAStF;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,GAAE,MAAM,GAAG,MAAe;;;;;EAUlG"}

package/dist/hooks/useVirtualAllyProps.js

@@ -0,0 +1,25 @@
+// hooks/useVirtualA11yProps.ts
+import { useMemo } from 'react';
+/**
+ * ARIA attributes for a virtualized container and its items, so
+ * screen readers understand the FULL collection size even though
+ * only a window of items exists in the DOM at any time. Without
+ * this, a screen reader announces "list, 20 items" (whatever happens
+ * to be mounted) instead of the true count.
+ */
+export function useVirtualContainerA11y({ itemCount, role = 'list' }) {
+    return useMemo(() => ({
+        role,
+        'aria-rowcount': role === 'grid' ? itemCount : undefined,
+        'aria-setsize': role === 'list' ? itemCount : undefined,
+    }), [itemCount, role]);
+}
+export function useVirtualItemA11y(index, itemCount, role = 'list') {
+    return useMemo(() => ({
+        role: role === 'grid' ? 'row' : 'listitem',
+        'aria-posinset': index + 1,
+        'aria-setsize': itemCount,
+        tabIndex: -1, // managed by roving tabindex, see below
+    }), [index, itemCount, role]);
+}
+//# sourceMappingURL=useVirtualAllyProps.js.map

package/dist/hooks/useVirtualAllyProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualAllyProps.js","sourceRoot":"","sources":["../../src/hooks/useVirtualAllyProps.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAOhC;;;;;;GAMG;AACH,MAAM,UAAU,uBAAuB,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,MAAM,EAAqB;IACnF,OAAO,OAAO,CACV,GAAG,EAAE,CAAC,CAAC;QACH,IAAI;QACJ,eAAe,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACxD,cAAc,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;KAC1D,CAAC,EACF,CAAC,SAAS,EAAE,IAAI,CAAC,CACpB,CAAC;AACN,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,KAAa,EAAE,SAAiB,EAAE,OAAwB,MAAM;IAC/F,OAAO,OAAO,CACV,GAAG,EAAE,CAAC,CAAC;QACH,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU;QAC1C,eAAe,EAAE,KAAK,GAAG,CAAC;QAC1B,cAAc,EAAE,SAAS;QACzB,QAAQ,EAAE,CAAC,CAAC,EAAE,wCAAwC;KACzD,CAAC,EACF,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,CAC3B,CAAC;AACN,CAAC"}

package/dist/hooks/useVirtualList.d.ts

@@ -97,6 +97,8 @@ export interface UseVirtualListReturn {
      * `getItemKey` when provided and falling back to index.
      */
     getItemKeyForIndex: (index: number) => string | number;
+    observeItem: (index: number, element: HTMLElement) => void;
+    unobserveItem: (element: HTMLElement) => void;
 }
 /**
  * Virtualized list hook. Supports vertical or horizontal axes,

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

@@ -1 +1 @@
-{"version":3,"file":"useVirtualList.d.ts","sourceRoot":"","sources":["../../src/hooks/useVirtualList.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,aAAa,EACb,gBAAgB,EACnB,MAAM,OAAO,CAAC;AAKf,OAAO,EACH,WAAW,EACX,eAAe,EAClB,MAAM,UAAU,CAAC;AAElB;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,YAAY,CAAC;AAEnD,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACnC,KAAK,EAAE,CAAC,EAAE,CAAC;IAEX;;;;OAIG;IACH,UAAU,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,CAAC,KACN,MAAM,GAAG,MAAM,CAAC;IAErB;;;OAGG;IACH,eAAe,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,EACP,MAAM,GACN,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAE9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;;;OAKG;IACH,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;IAEzB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,MAAM,WAAW,oBAAoB;IACjC,YAAY,EAAE,WAAW,EAAE,CAAC;IAE5B,WAAW,EAAE,OAAO,CAAC;IAErB,YAAY,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,eAAe,EAAE,eAAe,CAAC;IAEjC,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;IAEnB;;;;;;;;OAQG;IACH,WAAW,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C;;;OAGG;IACH,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;CAC1D;AAID;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,CAAC,GAAG,GAAG,EAClC,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAChC,oBAAoB,CAwdtB"}
+{"version":3,"file":"useVirtualList.d.ts","sourceRoot":"","sources":["../../src/hooks/useVirtualList.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,aAAa,EACb,gBAAgB,EACnB,MAAM,OAAO,CAAC;AAKf,OAAO,EACH,WAAW,EACX,eAAe,EAClB,MAAM,UAAU,CAAC;AAElB;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,YAAY,CAAC;AAEnD,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACnC,KAAK,EAAE,CAAC,EAAE,CAAC;IAEX;;;;OAIG;IACH,UAAU,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,CAAC,KACN,MAAM,GAAG,MAAM,CAAC;IAErB;;;OAGG;IACH,eAAe,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,EACP,MAAM,GACN,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAE9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;;;OAKG;IACH,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;IAEzB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,MAAM,WAAW,oBAAoB;IACjC,YAAY,EAAE,WAAW,EAAE,CAAC;IAE5B,WAAW,EAAE,OAAO,CAAC;IAErB,YAAY,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,eAAe,EAAE,eAAe,CAAC;IAEjC,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;IAEnB;;;;;;;;OAQG;IACH,WAAW,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C;;;OAGG;IACH,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IACvD,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3D,aAAa,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CACjD;AAID;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,CAAC,GAAG,GAAG,EAClC,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAChC,oBAAoB,CAketB"}