react-anchorlist 0.3.2 → 0.3.4

package/dist/index.js

@@ -1,7 +1,7 @@
-import { jsx as W, jsxs as le } from "react/jsx-runtime";
-import * as te from "react";
-import { useRef as g, useCallback as C, useState as U, useEffect as X, useLayoutEffect as Q, forwardRef as me, useImperativeHandle as de } from "react";
-class ge {
+import { jsx as J, jsxs as ue } from "react/jsx-runtime";
+import * as se from "react";
+import { useRef as g, useCallback as C, useState as U, useEffect as X, useLayoutEffect as Z, forwardRef as ge, useImperativeHandle as pe } from "react";
+class ve {
   constructor(e, t) {
     this.defaultSize = t, this.sizes = e > 0 ? Array(e).fill(t) : [], this.offsets = e > 0 ? Array(e).fill(0) : [], e > 0 && this._recalcFrom(0);
   }
@@ -25,7 +25,7 @@ class ge {
   }
   append(e) {
     const t = this.sizes.length;
-    for (let n = 0; n < e; n++)
+    for (let s = 0; s < e; s++)
       this.sizes.push(this.defaultSize), this.offsets.push(0);
     this._recalcFrom(t);
   }
@@ -48,7 +48,7 @@ class ge {
     return this.sizes;
   }
 }
-class pe {
+class Te {
   constructor() {
     this.cache = /* @__PURE__ */ new Map();
   }
@@ -69,212 +69,220 @@ class pe {
   }
   /** Re-applies all cached sizes to the OffsetMap using a key→index map */
   applyToOffsetMap(e, t) {
-    for (const [n, c] of this.cache) {
-      const o = t.get(n);
-      o !== void 0 && e.setSize(o, c);
+    for (const [s, c] of this.cache) {
+      const n = t.get(s);
+      n !== void 0 && e.setSize(n, c);
     }
   }
 }
-function ce(a, e) {
-  if (a.length === 0) return 0;
-  let t = 0, n = a.length - 1;
-  for (; t < n; ) {
-    const c = t + n >> 1;
-    (a[c] ?? 0) < e ? t = c + 1 : n = c;
+function ie(i, e) {
+  if (i.length === 0) return 0;
+  let t = 0, s = i.length - 1;
+  for (; t < s; ) {
+    const c = t + s >> 1;
+    (i[c] ?? 0) < e ? t = c + 1 : s = c;
   }
-  return Math.max(0, t > 0 && (a[t] ?? 0) > e ? t - 1 : t);
+  return Math.max(0, t > 0 && (i[t] ?? 0) > e ? t - 1 : t);
 }
-function ve(a, e, t) {
-  if (a.length === 0) return 0;
-  let n = 0, c = a.length - 1, o = 0;
-  for (; n <= c; ) {
-    const r = n + c >> 1;
-    (a[r] ?? 0) < t ? (o = r, n = r + 1) : c = r - 1;
+function ye(i, e, t) {
+  if (i.length === 0) return 0;
+  let s = 0, c = i.length - 1, n = 0;
+  for (; s <= c; ) {
+    const r = s + c >> 1;
+    (i[r] ?? 0) < t ? (n = r, s = r + 1) : c = r - 1;
   }
-  return o;
+  return n;
 }
-function Te(a) {
-  const { firstVisible: e, lastVisible: t, itemCount: n, overscan: c } = a;
-  return n === 0 ? { start: 0, end: -1 } : {
+function Ae(i) {
+  const { firstVisible: e, lastVisible: t, itemCount: s, overscan: c } = i;
+  return s === 0 ? { start: 0, end: -1 } : {
     start: Math.max(0, e - c),
-    end: Math.min(n - 1, t + c)
+    end: Math.min(s - 1, t + c)
   };
 }
-function ye(a, e, t, n) {
-  const c = n == null ? void 0 : n.reconcile, o = g(null);
+function Se(i, e, t, s) {
+  const c = s == null ? void 0 : s.reconcile, n = g(null);
   return C(
     (r, S) => {
-      const l = a.current, f = e.current;
+      const l = i.current, f = e.current;
       if (!l || !f) return;
-      o.current !== null && (cancelAnimationFrame(o.current), o.current = null);
-      let y, u;
-      if (typeof r == "object" && r !== null ? (y = r.index, u = {
+      n.current !== null && (cancelAnimationFrame(n.current), n.current = null);
+      let y, a;
+      if (typeof r == "object" && r !== null ? (y = r.index, a = {
         align: r.align,
         behavior: r.behavior,
         offset: r.offset
-      }) : (y = r, u = S), !Number.isFinite(y)) return;
-      const m = Math.max(0, Math.min(Math.floor(y), f.count - 1));
-      f.getOffset(m), f.getSize(m);
-      const b = (u == null ? void 0 : u.align) ?? "start", A = (u == null ? void 0 : u.behavior) ?? "auto", K = (u == null ? void 0 : u.offset) ?? 0, h = () => {
+      }) : (y = r, a = S), !Number.isFinite(y)) return;
+      const v = Math.max(0, Math.min(Math.floor(y), f.count - 1));
+      f.getOffset(v), f.getSize(v);
+      const F = (a == null ? void 0 : a.align) ?? "start", b = (a == null ? void 0 : a.behavior) ?? "auto", P = (a == null ? void 0 : a.offset) ?? 0, h = () => {
         var p;
-        const H = e.current, i = a.current;
-        if (!H || !i) return 0;
-        const d = ((p = t == null ? void 0 : t.current) == null ? void 0 : p.offsetTop) ?? 0, R = H.getOffset(m), w = H.getSize(m);
-        return b === "start" ? d + R + K : b === "center" ? d + R - i.clientHeight / 2 + w / 2 + K : d + R - i.clientHeight + w + K;
+        const H = e.current, u = i.current;
+        if (!H || !u) return 0;
+        const m = ((p = t == null ? void 0 : t.current) == null ? void 0 : p.offsetTop) ?? 0, R = H.getOffset(v), w = H.getSize(v);
+        return F === "start" ? m + R + P : F === "center" ? m + R - u.clientHeight / 2 + w / 2 + P : m + R - u.clientHeight + w + P;
       }, E = h();
-      ((H, i) => {
-        typeof l.scrollTo == "function" ? l.scrollTo({ top: H, behavior: i }) : l.scrollTop = H;
-      })(Math.max(0, E), A);
+      ((H, u) => {
+        typeof l.scrollTo == "function" ? l.scrollTo({ top: H, behavior: u }) : l.scrollTop = H;
+      })(Math.max(0, E), b);
       const M = performance.now();
-      let z = 0;
-      const L = 12, q = 300, V = 1, k = () => {
-        o.current = null;
-        const H = a.current;
+      let A = 0;
+      const L = 12, q = 300, N = 1, k = () => {
+        n.current = null;
+        const H = i.current;
         if (!H) return;
-        const i = Math.max(0, h()), d = Math.abs(H.scrollTop - i), R = performance.now() - M >= q, w = z >= L;
-        d <= V || R || w || (typeof H.scrollTo == "function" ? H.scrollTo({ top: i, behavior: "auto" }) : H.scrollTop = i, z += 1, o.current = requestAnimationFrame(k));
+        const u = Math.max(0, h()), m = Math.abs(H.scrollTop - u), R = performance.now() - M >= q, w = A >= L;
+        m <= N || R || w || (typeof H.scrollTo == "function" ? H.scrollTo({ top: u, behavior: "auto" }) : H.scrollTop = u, A += 1, n.current = requestAnimationFrame(k));
       };
-      o.current = requestAnimationFrame(k);
+      n.current = requestAnimationFrame(k);
     },
-    [a, e, t, c]
+    [i, e, t, c]
   );
 }
-function ie(a) {
-  var se;
-  const { items: e, getKey: t, estimatedItemSize: n, overscan: c, initialAlignment: o } = a, r = g(null), S = g(null), l = g(null), f = g(new pe()), y = g([]), u = g(/* @__PURE__ */ new Map()), m = g(e.length), b = g(null), A = g(null), K = g(!1), h = g(0), E = g(0), T = g(null), M = g(!1), z = g(null), L = g(0), q = g(0), V = g(0), k = g(null), H = g(!1), [, i] = U(0), d = C(() => i((s) => s + 1), []);
-  l.current || (l.current = new ge(e.length, n));
+function ae(i) {
+  var le;
+  const { items: e, getKey: t, estimatedItemSize: s, overscan: c, initialAlignment: n } = i, r = g(null), S = g(null), l = g(null), f = g(new Te()), y = g([]), a = g(/* @__PURE__ */ new Map()), v = g(e.length), F = g(null), b = g(null), P = g(!1), h = g(0), E = g(0), T = g(null), M = g(!1), A = g(null), L = g(0), q = g(0), N = g(0), k = g(null), H = g(!1), [, u] = U(0), m = C(() => u((o) => o + 1), []);
+  l.current || (l.current = new ve(e.length, s));
   const R = e.length > 0 ? t(e[0], 0) : null, w = e.length > 0 ? t(e[e.length - 1], e.length - 1) : null;
-  if (e.length !== m.current || R !== b.current || w !== A.current) {
-    const s = l.current, v = e.map((j, _) => t(j, _)), x = y.current, I = x.length, P = v.length;
-    if (P === 0)
-      s.resize(0);
+  if (e.length !== v.current || R !== F.current || w !== b.current) {
+    const o = l.current, d = e.map((V, _) => t(V, _)), x = y.current, I = x.length, K = d.length;
+    if (K === 0)
+      o.resize(0);
     else if (I === 0)
-      s.resize(P);
-    else if (P > I) {
-      const j = P - I;
-      x.length > 0 && j >= 0 && v[j] === x[0] ? s.prepend(j) : s.resize(P);
-    } else P < I, s.resize(P);
-    const F = /* @__PURE__ */ new Map();
-    v.forEach((j, _) => F.set(j, _)), u.current = F, f.current.applyToOffsetMap(s, F), y.current = v, m.current = e.length, b.current = R, A.current = w;
+      o.resize(K);
+    else if (K > I) {
+      const V = K - I;
+      x.length > 0 && V >= 0 && d[V] === x[0] ? o.prepend(V) : o.resize(K);
+    } else K < I, o.resize(K);
+    const z = /* @__PURE__ */ new Map();
+    d.forEach((V, _) => z.set(V, _)), a.current = z, f.current.applyToOffsetMap(o, z), y.current = d, v.current = e.length, F.current = R, b.current = w;
   }
   const B = C(() => {
     k.current === null && (k.current = requestAnimationFrame(() => {
       k.current = null;
-      const s = r.current;
-      if (!s) return;
-      const v = L.current;
-      Math.abs(v) < 0.01 || (L.current = 0, q.current += v, V.current += v, s.scrollTop += v, h.current = s.scrollTop, H.current = !0, d());
+      const o = r.current;
+      if (!o) return;
+      const d = L.current;
+      Math.abs(d) < 0.01 || (L.current = 0, q.current += d, N.current += d, o.scrollTop += d, h.current = o.scrollTop, H.current = !0, m());
     }));
-  }, [d]);
+  }, [m]);
   X(() => {
-    const s = r.current;
-    if (!s) return;
-    const v = () => {
+    const o = r.current;
+    if (!o) return;
+    const d = () => {
       T.current === null && (T.current = requestAnimationFrame(() => {
-        T.current = null, h.current = s.scrollTop, E.current = s.clientHeight, H.current && (H.current = !1, q.current = 0, V.current = 0), d();
+        T.current = null, h.current = o.scrollTop, E.current = o.clientHeight, H.current && (H.current = !1, q.current = 0, N.current = 0), m();
       }));
     };
-    return s.addEventListener("scroll", v, { passive: !0 }), () => {
-      s.removeEventListener("scroll", v), T.current !== null && (cancelAnimationFrame(T.current), T.current = null), k.current !== null && (cancelAnimationFrame(k.current), k.current = null);
+    return o.addEventListener("scroll", d, { passive: !0 }), () => {
+      o.removeEventListener("scroll", d), T.current !== null && (cancelAnimationFrame(T.current), T.current = null), k.current !== null && (cancelAnimationFrame(k.current), k.current = null);
     };
-  }, [d]), X(() => {
-    const s = r.current;
-    if (!s) return;
-    E.current = s.clientHeight, h.current = s.scrollTop;
-    const v = new ResizeObserver(([x]) => {
-      x && (E.current = x.contentRect.height, d());
+  }, [m]), X(() => {
+    const o = r.current;
+    if (!o) return;
+    E.current = o.clientHeight, h.current = o.scrollTop;
+    const d = new ResizeObserver(([x]) => {
+      x && (E.current = x.contentRect.height, m());
     });
-    return v.observe(s), () => v.disconnect();
-  }, [d]), Q(() => {
-    if (K.current || e.length === 0) return;
-    const s = r.current;
-    if (s) {
-      if (o === "bottom") {
-        s.scrollTop = s.scrollHeight, h.current = s.scrollTop, E.current = s.clientHeight, M.current = !0, z.current !== null && cancelAnimationFrame(z.current);
-        const v = performance.now();
-        let x = 0, I = s.scrollHeight;
-        const P = () => {
+    return d.observe(o), () => d.disconnect();
+  }, [m]), Z(() => {
+    if (P.current || e.length === 0) return;
+    const o = r.current;
+    if (o) {
+      if (n === "bottom") {
+        o.scrollTop = o.scrollHeight, h.current = o.scrollTop, E.current = o.clientHeight, M.current = !0, A.current !== null && cancelAnimationFrame(A.current);
+        const d = performance.now();
+        let x = 0, I = o.scrollHeight;
+        const K = () => {
           if (!M.current) {
-            z.current = null;
+            A.current = null;
             return;
           }
-          const F = s.scrollHeight, j = Math.abs(F - I);
-          I = F, j < 1 ? x += 1 : x = 0, s.scrollTop = s.scrollHeight, h.current = s.scrollTop;
-          const _ = performance.now() - v;
+          const z = o.scrollHeight, V = Math.abs(z - I);
+          I = z, V < 1 ? x += 1 : x = 0, o.scrollTop = o.scrollHeight, h.current = o.scrollTop;
+          const _ = performance.now() - d;
           if (x >= 3 || _ >= 500) {
-            M.current = !1, z.current = null;
+            M.current = !1, A.current = null;
             return;
           }
-          z.current = requestAnimationFrame(P);
+          A.current = requestAnimationFrame(K);
         };
-        z.current = requestAnimationFrame(P);
+        A.current = requestAnimationFrame(K);
       }
-      K.current = !0;
+      P.current = !0;
     }
-  }, [o, e.length]), X(() => {
-    e.length === 0 && (K.current = !1, M.current = !1, z.current !== null && (cancelAnimationFrame(z.current), z.current = null));
+  }, [n, e.length]), X(() => {
+    e.length === 0 && (P.current = !1, M.current = !1, A.current !== null && (cancelAnimationFrame(A.current), A.current = null));
   }, [e.length]);
-  const N = C((s, v) => {
-    var oe;
+  const j = C((o, d) => {
+    var $;
     const x = l.current;
-    if (!x || f.current.get(s) === v) return;
-    f.current.set(s, v);
-    const P = u.current.get(s);
-    if (P === void 0) return;
-    const F = x.getSize(P), j = v - F, _ = r.current;
-    _ && !M.current && j !== 0 && x.getOffset(P) + F + (((oe = S.current) == null ? void 0 : oe.offsetTop) ?? 0) < _.scrollTop && (L.current += j, B()), x.setSize(P, v) && d();
-  }, [B, d]), D = C(
-    (s, v = "auto") => {
+    if (!x || f.current.get(o) === d) return;
+    f.current.set(o, d);
+    const K = a.current.get(o);
+    if (K === void 0) return;
+    const z = x.getSize(K), V = d - z, _ = r.current;
+    _ && !M.current && V !== 0 && x.getOffset(K) + z + ((($ = S.current) == null ? void 0 : $.offsetTop) ?? 0) < _.scrollTop && (L.current += V, B()), x.setSize(K, d) && m();
+  }, [B, m]), D = C(
+    (o, d = "auto") => {
       var x;
-      (x = r.current) == null || x.scrollTo({ top: s, behavior: v });
+      (x = r.current) == null || x.scrollTo({ top: o, behavior: d });
     },
     []
-  ), $ = ye(r, l, S, {
+  ), G = Se(r, l, S, {
     reconcile: !0
-  }), G = C(() => {
-    var _;
-    const s = r.current, v = l.current;
-    if (!s || !v || v.count === 0) return null;
-    const x = ((_ = S.current) == null ? void 0 : _.offsetTop) ?? 0, I = Math.max(0, s.scrollTop - x), P = v.getOffsets(), F = ce(P, I);
+  }), Q = C(() => {
+    var re;
+    const o = r.current, d = l.current;
+    if (!o || !d || d.count === 0) return null;
+    const x = ((re = S.current) == null ? void 0 : re.offsetTop) ?? 0, I = Math.max(0, o.scrollTop - x), K = d.getOffsets(), z = ie(K, I), V = y.current[z] ?? null, _ = [];
+    for (let $ = z; $ < Math.min(d.count, z + 6); $++) {
+      const ne = y.current[$] ?? null;
+      ne !== null && _.push({
+        key: ne,
+        offsetWithinItem: I - d.getOffset($)
+      });
+    }
     return {
-      key: y.current[F] ?? null,
-      offsetWithinItem: I - v.getOffset(F),
-      scrollTop: s.scrollTop,
-      scrollHeight: s.scrollHeight
+      key: V,
+      offsetWithinItem: I - d.getOffset(z),
+      candidates: _,
+      scrollTop: o.scrollTop,
+      scrollHeight: o.scrollHeight
     };
-  }, []), J = C(
-    (s, v) => {
-      var F;
+  }, []), W = C(
+    (o, d) => {
+      var z;
       const x = l.current;
       if (!x) return null;
-      const I = u.current.get(s);
-      return I === void 0 ? null : (((F = S.current) == null ? void 0 : F.offsetTop) ?? 0) + x.getOffset(I) + v;
+      const I = a.current.get(o);
+      return I === void 0 ? null : (((z = S.current) == null ? void 0 : z.offsetTop) ?? 0) + x.getOffset(I) + d;
     },
     []
-  ), O = l.current, ae = O ? O.totalSize() : 0, Y = r.current, Z = (Y == null ? void 0 : Y.scrollTop) ?? h.current, re = (Y == null ? void 0 : Y.clientHeight) ?? E.current, fe = ((se = S.current) == null ? void 0 : se.offsetTop) ?? 0, ne = Math.max(0, Z - fe), ee = [];
-  if (O && O.count > 0 && re > 0) {
-    const s = O.getOffsets(), v = O.getSizes(), x = ce(s, ne), I = ve(
-      s,
-      v,
-      ne + re
-    ), P = Te({
+  ), O = l.current, he = O ? O.totalSize() : 0, Y = r.current, ee = (Y == null ? void 0 : Y.scrollTop) ?? h.current, oe = (Y == null ? void 0 : Y.clientHeight) ?? E.current, me = ((le = S.current) == null ? void 0 : le.offsetTop) ?? 0, ce = Math.max(0, ee - me), te = [];
+  if (O && O.count > 0 && oe > 0) {
+    const o = O.getOffsets(), d = O.getSizes(), x = ie(o, ce), I = ye(
+      o,
+      d,
+      ce + oe
+    ), K = Ae({
       firstVisible: x,
       lastVisible: I,
       itemCount: O.count,
       overscan: c
     });
-    for (let F = P.start; F <= P.end && F < e.length; F++)
-      ee.push({
-        key: y.current[F] ?? t(e[F], F),
-        index: F,
-        start: O.getOffset(F),
-        size: O.getSize(F),
-        data: e[F]
+    for (let z = K.start; z <= K.end && z < e.length; z++)
+      te.push({
+        key: y.current[z] ?? t(e[z], z),
+        index: z,
+        start: O.getOffset(z),
+        size: O.getSize(z),
+        data: e[z]
       });
   } else if (O && O.count > 0) {
-    const s = Math.min(e.length, c * 2 + 1), v = o === "bottom" ? Math.max(0, e.length - s) : 0, x = v + s - 1;
-    for (let I = v; I <= x; I++)
-      ee.push({
+    const o = Math.min(e.length, c * 2 + 1), d = n === "bottom" ? Math.max(0, e.length - o) : 0, x = d + o - 1;
+    for (let I = d; I <= x; I++)
+      te.push({
         key: y.current[I] ?? t(e[I], I),
         index: I,
         start: O.getOffset(I),
@@ -282,140 +290,158 @@ function ie(a) {
         data: e[I]
       });
   }
-  const he = Y ? Y.scrollHeight - Y.scrollTop - Y.clientHeight : 1 / 0;
+  const de = Y ? Y.scrollHeight - Y.scrollTop - Y.clientHeight : 1 / 0;
   return {
     scrollerRef: r,
     innerRef: S,
-    virtualItems: ee,
-    totalSize: ae,
-    measureItem: N,
-    scrollToIndex: $,
+    virtualItems: te,
+    totalSize: he,
+    measureItem: j,
+    scrollToIndex: G,
     scrollToOffset: D,
-    captureAnchorSnapshot: G,
-    resolveAnchorTop: J,
-    isAtTop: Z <= 1,
-    isAtBottom: he <= 1,
-    scrollTop: Z
+    captureAnchorSnapshot: Q,
+    resolveAnchorTop: W,
+    isAtTop: ee <= 1,
+    isAtBottom: de <= 1,
+    scrollTop: ee
   };
 }
-function ze(a) {
+function ze(i) {
+  var c;
+  const { snapshot: e, currentScrollHeight: t, resolveAnchorTop: s } = i;
+  if (e.key !== null) {
+    const n = s(e.key, e.offsetWithinItem);
+    if (n !== null) return n;
+  }
+  if ((c = e.candidates) != null && c.length)
+    for (const n of e.candidates) {
+      const r = s(n.key, n.offsetWithinItem);
+      if (r !== null) return r;
+    }
+  return e.scrollTop + (t - e.scrollHeight);
+}
+function Re(i) {
   const {
     scrollerRef: e,
     itemCount: t,
-    captureAnchorSnapshot: n,
+    captureAnchorSnapshot: s,
     resolveAnchorTop: c,
-    onRestored: o
-  } = a, r = g(null), S = g(!1), l = g({
+    onRestored: n
+  } = i, r = g(null), S = g(!1), l = g({
     first: null,
     second: null,
     timeout: null
   }), f = C(() => {
-    const { first: u, second: m, timeout: b } = l.current;
-    u && cancelAnimationFrame(u), m && cancelAnimationFrame(m), b && clearTimeout(b), l.current = { first: null, second: null, timeout: null };
+    const { first: a, second: v, timeout: F } = l.current;
+    a && cancelAnimationFrame(a), v && cancelAnimationFrame(v), F && clearTimeout(F), l.current = { first: null, second: null, timeout: null };
   }, []), y = C(() => {
-    const u = e.current;
-    if (!u) return;
-    const m = n();
-    r.current = m ?? {
+    const a = e.current;
+    if (!a) return;
+    const v = s();
+    r.current = v ?? {
       key: null,
       offsetWithinItem: 0,
-      scrollTop: u.scrollTop,
-      scrollHeight: u.scrollHeight
+      scrollTop: a.scrollTop,
+      scrollHeight: a.scrollHeight
     }, S.current = !0;
-  }, [e, n]);
-  return Q(() => {
+  }, [e, s]);
+  return Z(() => {
     if (!S.current) return;
-    const u = e.current, m = r.current;
-    if (!u || !m) return;
+    const a = e.current, v = r.current;
+    if (!a || !v) return;
     S.current = !1;
-    const b = () => {
-      let A = null;
-      m.key !== null && (A = c(m.key, m.offsetWithinItem)), A === null && (A = m.scrollTop + (u.scrollHeight - m.scrollHeight)), Number.isFinite(A) && Math.abs(u.scrollTop - A) > 1 && (u.scrollTop = A);
+    const F = () => {
+      const b = ze({
+        snapshot: v,
+        currentScrollHeight: a.scrollHeight,
+        resolveAnchorTop: c
+      });
+      Number.isFinite(b) && Math.abs(a.scrollTop - b) > 1 && (a.scrollTop = b);
     };
-    return f(), b(), o == null || o(), l.current.first = requestAnimationFrame(() => {
-      l.current.first = null, b(), l.current.second = requestAnimationFrame(() => {
-        l.current.second = null, b();
+    return f(), F(), n == null || n(), l.current.first = requestAnimationFrame(() => {
+      l.current.first = null, F(), l.current.second = requestAnimationFrame(() => {
+        l.current.second = null, F();
       });
     }), l.current.timeout = setTimeout(() => {
-      l.current.timeout = null, b();
+      l.current.timeout = null, F();
     }, 90), () => f();
-  }, [t, e, c, f, o]), { prepareAnchor: y };
+  }, [t, e, c, f, n]), { prepareAnchor: y };
 }
-function Se(a) {
-  const { previous: e, distanceFromBottom: t, threshold: n, hysteresis: c } = a;
-  if (!c) return t <= n;
-  const o = Math.max(0, c.enter), r = Math.max(o, c.leave);
-  return e ? t <= r : t <= o;
+function xe(i) {
+  const { previous: e, distanceFromBottom: t, threshold: s, hysteresis: c } = i;
+  if (!c) return t <= s;
+  const n = Math.max(0, c.enter), r = Math.max(n, c.leave);
+  return e ? t <= r : t <= n;
 }
-function Ae(a, e) {
-  const t = typeof e == "number" ? e : e.threshold ?? 200, n = typeof e == "number" ? void 0 : e.hysteresis, [c, o] = U(!0), r = g(null), S = g(!0);
+function Ie(i, e) {
+  const t = typeof e == "number" ? e : e.threshold ?? 200, s = typeof e == "number" ? void 0 : e.hysteresis, [c, n] = U(!0), r = g(null), S = g(!0);
   return X(() => {
-    const l = a.current;
+    const l = i.current;
     if (!l) return;
     const f = () => {
-      const u = l.scrollHeight - l.scrollTop - l.clientHeight, m = Se({
+      const a = l.scrollHeight - l.scrollTop - l.clientHeight, v = xe({
         previous: S.current,
-        distanceFromBottom: u,
+        distanceFromBottom: a,
         threshold: t,
-        hysteresis: n
+        hysteresis: s
       });
-      S.current = m, o(m);
+      S.current = v, n(v);
     }, y = () => {
       r.current !== null && cancelAnimationFrame(r.current), r.current = requestAnimationFrame(f);
     };
     return l.addEventListener("scroll", y, { passive: !0 }), f(), () => {
       l.removeEventListener("scroll", y), r.current !== null && cancelAnimationFrame(r.current);
     };
-  }, [a, t, n == null ? void 0 : n.enter, n == null ? void 0 : n.leave]), c;
+  }, [i, t, s == null ? void 0 : s.enter, s == null ? void 0 : s.leave]), c;
 }
-function Re(a) {
-  const { itemCount: e, firstKey: t, lastKey: n, isAtBottom: c, scrollToIndex: o, mode: r } = a, S = g(e), l = g(t), f = g(n);
-  Q(() => {
+function Fe(i) {
+  const { itemCount: e, firstKey: t, lastKey: s, isAtBottom: c, scrollToIndex: n, mode: r } = i, S = g(e), l = g(t), f = g(s);
+  Z(() => {
     if (!r) {
-      S.current = e, l.current = t, f.current = n;
+      S.current = e, l.current = t, f.current = s;
       return;
     }
-    const y = S.current, u = l.current, m = f.current;
-    e > y && t === u && n !== m && c && e > 0 && o(e - 1, {
+    const y = S.current, a = l.current, v = f.current;
+    e > y && t === a && s !== v && c && e > 0 && n(e - 1, {
       align: "end",
       behavior: r === "smooth" ? "smooth" : "auto"
-    }), S.current = e, l.current = t, f.current = n;
-  }, [e, t, n, c, o, r]);
+    }), S.current = e, l.current = t, f.current = s;
+  }, [e, t, s, c, n, r]);
 }
-function xe(a) {
+function be(i) {
   const {
     items: e,
     getKey: t,
-    estimatedItemSize: n = 80,
+    estimatedItemSize: s = 80,
     overscan: c = 20,
-    atBottomThreshold: o = 200,
+    atBottomThreshold: n = 200,
     atBottomHysteresis: r,
     followOutput: S = "auto",
     initialAlignment: l = "bottom",
     scrollModifier: f = null,
     onStartReached: y,
-    onEndReached: u,
-    startReachedThreshold: m = 300,
-    endReachedThreshold: b = 300,
-    scrollToMessageKey: A,
-    onScrollToMessageComplete: K
-  } = a, h = ie({
+    onEndReached: a,
+    startReachedThreshold: v = 300,
+    endReachedThreshold: F = 300,
+    scrollToMessageKey: b,
+    onScrollToMessageComplete: P
+  } = i, h = ae({
     items: e,
     getKey: t,
-    estimatedItemSize: n,
+    estimatedItemSize: s,
     overscan: c,
     initialAlignment: l
-  }), E = Ae(h.scrollerRef, {
-    threshold: o,
+  }), E = Ie(h.scrollerRef, {
+    threshold: n,
     hysteresis: r ?? { enter: 80, leave: 160 }
-  }), [, T] = U(0), M = C(() => T((p) => p + 1), []), { prepareAnchor: z } = ze({
+  }), [, T] = U(0), M = C(() => T((p) => p + 1), []), { prepareAnchor: A } = Re({
     scrollerRef: h.scrollerRef,
     itemCount: e.length,
     captureAnchorSnapshot: h.captureAnchorSnapshot,
     resolveAnchorTop: h.resolveAnchorTop,
     onRestored: M
   }), L = e.length > 0 ? t(e[0], 0) : null, q = e.length > 0 ? t(e[e.length - 1], e.length - 1) : null;
-  Re({
+  Fe({
     itemCount: e.length,
     firstKey: L,
     lastKey: q,
@@ -423,31 +449,31 @@ function xe(a) {
     scrollToIndex: h.scrollToIndex,
     mode: S ?? !1
   });
-  const V = C(
+  const N = C(
     (p = "auto") => {
       e.length !== 0 && h.scrollToIndex(e.length - 1, { align: "end", behavior: p });
     },
     [e.length, h]
   ), k = C(
     (p, B) => {
-      const N = e.findIndex((D, $) => t(D, $) === p);
-      N !== -1 && h.scrollToIndex(N, B);
+      const j = e.findIndex((D, G) => t(D, G) === p);
+      j !== -1 && h.scrollToIndex(j, B);
     },
     [e, t, h]
   ), H = g(null);
-  Q(() => {
+  Z(() => {
     if (f && H.current !== f.id) {
       if (H.current = f.id, f.type === "prepend") {
-        z();
+        A();
         return;
       }
       if (f.type === "append") {
         if (f.ifAtBottomOnly && !E) return;
-        V(f.behavior ?? "auto");
+        N(f.behavior ?? "auto");
         return;
       }
       if (f.type === "items-change") {
-        E && V("auto");
+        E && N("auto");
         return;
       }
       k(f.key, {
@@ -455,212 +481,215 @@ function xe(a) {
         behavior: f.behavior ?? "auto"
       });
     }
-  }, [f, E, z, V, k]);
-  const i = g(!1), d = g(l === "top");
+  }, [f, E, A, N, k]);
+  const u = g(!1), m = g(l === "top");
   X(() => {
     const p = h.scrollerRef.current;
     if (!p || !y) return;
     const B = () => {
-      const N = p.scrollTop;
-      d.current || (p.scrollHeight <= p.clientHeight + m || N > m) && (d.current = !0), d.current && N <= m && !i.current && (i.current = !0, Promise.resolve(y()).finally(() => {
-        i.current = !1;
+      const j = p.scrollTop;
+      m.current || (p.scrollHeight <= p.clientHeight + v || j > v) && (m.current = !0), m.current && j <= v && !u.current && (u.current = !0, Promise.resolve(y()).finally(() => {
+        u.current = !1;
       }));
     };
     return p.addEventListener("scroll", B, { passive: !0 }), B(), () => p.removeEventListener("scroll", B);
-  }, [h.scrollerRef, y, m, l]);
+  }, [h.scrollerRef, y, v, l]);
   const R = g(!1);
   X(() => {
     const p = h.scrollerRef.current;
-    if (!p || !u) return;
+    if (!p || !a) return;
     const B = () => {
-      p.scrollHeight - p.scrollTop - p.clientHeight <= b && !R.current && (R.current = !0, Promise.resolve(u()).finally(() => {
+      p.scrollHeight - p.scrollTop - p.clientHeight <= F && !R.current && (R.current = !0, Promise.resolve(a()).finally(() => {
         R.current = !1;
       }));
     };
     return p.addEventListener("scroll", B, { passive: !0 }), () => p.removeEventListener("scroll", B);
-  }, [h.scrollerRef, u, b]);
+  }, [h.scrollerRef, a, F]);
   const w = g(null);
   return X(() => {
-    if (!A || w.current === A) return;
-    const p = e.findIndex((B, N) => t(B, N) === A);
-    p !== -1 && (w.current = A, h.scrollToIndex(p, { align: "center", behavior: "auto" }), K == null || K());
-  }, [A, e, t, h, K]), {
+    if (!b || w.current === b) return;
+    const p = e.findIndex((B, j) => t(B, j) === b);
+    p !== -1 && (w.current = b, h.scrollToIndex(p, { align: "center", behavior: "auto" }), P == null || P());
+  }, [b, e, t, h, P]), {
     scrollerRef: h.scrollerRef,
     innerRef: h.innerRef,
     virtualItems: h.virtualItems,
     totalSize: h.totalSize,
     measureItem: h.measureItem,
     scrollToIndex: h.scrollToIndex,
-    scrollToBottom: V,
+    scrollToBottom: N,
     scrollToKey: k,
     isAtBottom: E,
-    prepareAnchor: z
+    prepareAnchor: A
   };
 }
-function ue({
-  virtualItem: a,
+function fe({
+  virtualItem: i,
   measureItem: e,
   children: t
 }) {
-  const n = g(null), c = g(!1);
+  const s = g(null), c = g(!1);
   return X(() => {
-    const o = n.current;
-    if (!o) return;
+    const n = s.current;
+    if (!n) return;
     c.current = !1;
     const r = new ResizeObserver(([S]) => {
-      S && (c.current = !0, e(a.key, S.contentRect.height));
+      S && (c.current = !0, e(i.key, S.contentRect.height));
     });
-    return r.observe(o), () => r.disconnect();
-  }, [a.key, e]), /* @__PURE__ */ W(
+    return r.observe(n), () => r.disconnect();
+  }, [i.key, e]), /* @__PURE__ */ J(
     "div",
     {
-      ref: n,
+      ref: s,
       style: {
         position: "absolute",
         top: 0,
         // transform instead of top: avoids reflow, uses GPU compositor layer
-        transform: `translateY(${a.start}px)`,
+        transform: `translateY(${i.start}px)`,
         width: "100%",
         // Only reserve estimated height before first measurement.
         // After measurement, let the item take its natural height so
         // ResizeObserver can accurately report the real size.
         // Without this, items can never be smaller than estimatedItemSize,
         // which distorts offsets and total height.
-        minHeight: c.current ? void 0 : a.size
+        minHeight: c.current ? void 0 : i.size
       },
       children: t
     }
   );
 }
-function Ie(a, e) {
+function He(i, e) {
   const {
     data: t,
-    itemContent: n,
+    itemContent: s,
     computeItemKey: c,
-    estimatedItemSize: o = 80,
+    estimatedItemSize: n = 80,
     overscan: r = 20,
     followOutput: S = "auto",
     atBottomThreshold: l = 200,
     atBottomHysteresis: f,
     initialAlignment: y = "bottom",
-    scrollModifier: u,
-    onStartReached: m,
-    onEndReached: b,
-    startReachedThreshold: A = 300,
-    endReachedThreshold: K = 300,
+    scrollModifier: a,
+    onStartReached: v,
+    onEndReached: F,
+    startReachedThreshold: b = 300,
+    endReachedThreshold: P = 300,
     scrollToMessageKey: h,
     onScrollToMessageComplete: E,
     onAtBottomChange: T,
     components: M = {},
-    className: z,
+    className: A,
     style: L
-  } = a, {
+  } = i, {
     scrollerRef: q,
-    innerRef: V,
+    innerRef: N,
     virtualItems: k,
     totalSize: H,
-    measureItem: i,
-    scrollToIndex: d,
+    measureItem: u,
+    scrollToIndex: m,
     scrollToBottom: R,
     scrollToKey: w,
     isAtBottom: p,
     prepareAnchor: B
-  } = xe({
+  } = be({
     items: t,
-    getKey: (J, O) => c(O, J),
-    estimatedItemSize: o,
+    getKey: (W, O) => c(O, W),
+    estimatedItemSize: n,
     overscan: r,
     atBottomThreshold: l,
     atBottomHysteresis: f,
     followOutput: S,
     initialAlignment: y,
-    scrollModifier: u,
-    onStartReached: m,
-    onEndReached: b,
-    startReachedThreshold: A,
-    endReachedThreshold: K,
+    scrollModifier: a,
+    onStartReached: v,
+    onEndReached: F,
+    startReachedThreshold: b,
+    endReachedThreshold: P,
     scrollToMessageKey: h,
     onScrollToMessageComplete: E
-  }), N = te.useRef(p);
-  te.useEffect(() => {
-    N.current !== p && (N.current = p, T == null || T(p));
-  }, [p, T]), de(
+  }), j = se.useRef(p);
+  se.useEffect(() => {
+    j.current !== p && (j.current = p, T == null || T(p));
+  }, [p, T]), pe(
     e,
     () => ({
       scrollToBottom: R,
-      scrollToIndex: d,
+      scrollToIndex: m,
       scrollToKey: w,
       getScrollTop: () => {
-        var J;
-        return ((J = q.current) == null ? void 0 : J.scrollTop) ?? 0;
+        var W;
+        return ((W = q.current) == null ? void 0 : W.scrollTop) ?? 0;
       },
       isAtBottom: () => p,
       prepareAnchor: B
     }),
-    [R, d, w, q, p, B]
+    [R, m, w, q, p, B]
   );
-  const { Header: D, Footer: $, EmptyPlaceholder: G } = M;
-  return t.length === 0 && G ? /* @__PURE__ */ W(G, {}) : /* @__PURE__ */ le(
+  const { Header: D, Footer: G, EmptyPlaceholder: Q } = M;
+  return t.length === 0 && Q ? /* @__PURE__ */ J(Q, {}) : /* @__PURE__ */ ue(
     "div",
     {
       ref: q,
-      className: z,
+      className: A,
       style: {
         overflow: "auto",
         height: "100%",
         position: "relative",
+        // Prevent browser native scroll anchoring from fighting
+        // the library prepend compensation logic.
+        overflowAnchor: "none",
         overscrollBehaviorY: "contain",
         ...L
       },
       children: [
-        D && /* @__PURE__ */ W(D, {}),
-        /* @__PURE__ */ W("div", { ref: V, style: { height: H, position: "relative", width: "100%" }, children: k.map((J) => /* @__PURE__ */ W(
-          ue,
+        D && /* @__PURE__ */ J(D, {}),
+        /* @__PURE__ */ J("div", { ref: N, style: { height: H, position: "relative", width: "100%" }, children: k.map((W) => /* @__PURE__ */ J(
+          fe,
           {
-            virtualItem: J,
-            measureItem: i,
-            children: n(J.index, J.data)
+            virtualItem: W,
+            measureItem: u,
+            children: s(W.index, W.data)
           },
-          J.key
+          W.key
         )) }),
-        $ && /* @__PURE__ */ W($, {})
+        G && /* @__PURE__ */ J(G, {})
       ]
     }
   );
 }
-const we = me(Ie);
+const Ke = ge(He);
 function Pe({
-  data: a,
+  data: i,
   itemContent: e,
   computeItemKey: t,
-  estimatedItemSize: n = 60,
+  estimatedItemSize: s = 60,
   overscan: c = 20,
-  onEndReached: o,
+  onEndReached: n,
   endReachedThreshold: r = 300,
   components: S = {},
   className: l,
   style: f
 }) {
-  const { scrollerRef: y, innerRef: u, virtualItems: m, totalSize: b, measureItem: A } = ie({
-    items: a,
+  const { scrollerRef: y, innerRef: a, virtualItems: v, totalSize: F, measureItem: b } = ae({
+    items: i,
     getKey: (T, M) => t(M, T),
-    estimatedItemSize: n,
+    estimatedItemSize: s,
     overscan: c,
     initialAlignment: "top"
   });
-  te.useEffect(() => {
+  se.useEffect(() => {
     const T = y.current;
-    if (!T || !o) return;
+    if (!T || !n) return;
     let M = !1;
-    const z = () => {
-      T.scrollHeight - T.scrollTop - T.clientHeight <= r && !M && (M = !0, Promise.resolve(o()).finally(() => {
+    const A = () => {
+      T.scrollHeight - T.scrollTop - T.clientHeight <= r && !M && (M = !0, Promise.resolve(n()).finally(() => {
         M = !1;
       }));
     };
-    return T.addEventListener("scroll", z, { passive: !0 }), () => T.removeEventListener("scroll", z);
-  }, [y, o, r]);
-  const { Header: K, Footer: h, EmptyPlaceholder: E } = S;
-  return a.length === 0 && E ? /* @__PURE__ */ W(E, {}) : /* @__PURE__ */ le(
+    return T.addEventListener("scroll", A, { passive: !0 }), () => T.removeEventListener("scroll", A);
+  }, [y, n, r]);
+  const { Header: P, Footer: h, EmptyPlaceholder: E } = S;
+  return i.length === 0 && E ? /* @__PURE__ */ J(E, {}) : /* @__PURE__ */ ue(
     "div",
     {
       ref: y,
@@ -669,95 +698,97 @@ function Pe({
         overflow: "auto",
         height: "100%",
         position: "relative",
+        // Keep scrolling behavior deterministic when items are inserted above.
+        overflowAnchor: "none",
         overscrollBehaviorY: "contain",
         ...f
       },
       children: [
-        K && /* @__PURE__ */ W(K, {}),
-        /* @__PURE__ */ W("div", { ref: u, style: { height: b, position: "relative", width: "100%" }, children: m.map((T) => /* @__PURE__ */ W(
-          ue,
+        P && /* @__PURE__ */ J(P, {}),
+        /* @__PURE__ */ J("div", { ref: a, style: { height: F, position: "relative", width: "100%" }, children: v.map((T) => /* @__PURE__ */ J(
+          fe,
           {
             virtualItem: T,
-            measureItem: A,
+            measureItem: b,
             children: e(T.index, T.data)
           },
           T.key
         )) }),
-        h && /* @__PURE__ */ W(h, {})
+        h && /* @__PURE__ */ J(h, {})
       ]
     }
   );
 }
-function Ke(a) {
+function Ee(i) {
   const {
     fetcher: e,
     initialPage: t = 1,
-    direction: n = "append",
+    direction: s = "append",
     getKey: c,
-    onPageLoaded: o,
+    onPageLoaded: n,
     onError: r
-  } = a, [S, l] = U([]), [f, y] = U(t), [u, m] = U(!0), [b, A] = U(!1), [K, h] = U(!1), [E, T] = U(!1), M = g(/* @__PURE__ */ new Set()), z = g(!1), L = C(
-    (i) => c ? i.filter((d) => {
-      const R = c(d);
+  } = i, [S, l] = U([]), [f, y] = U(t), [a, v] = U(!0), [F, b] = U(!1), [P, h] = U(!1), [E, T] = U(!1), M = g(/* @__PURE__ */ new Set()), A = g(!1), L = C(
+    (u) => c ? u.filter((m) => {
+      const R = c(m);
       return M.current.has(R) ? !1 : (M.current.add(R), !0);
-    }) : i,
+    }) : u,
     [c]
   ), q = C(async () => {
-    if (!(z.current || !u)) {
-      z.current = !0, T(!0);
+    if (!(A.current || !a)) {
+      A.current = !0, T(!0);
       try {
-        const i = f + 1, d = await e(i), R = L(d.data);
+        const u = f + 1, m = await e(u), R = L(m.data);
         l(
-          (w) => n === "prepend" ? [...R, ...w] : [...w, ...R]
-        ), y(i), m(d.hasNextPage), A(d.hasPrevPage), o == null || o(i, R);
-      } catch (i) {
-        r == null || r(i instanceof Error ? i : new Error(String(i)));
+          (w) => s === "prepend" ? [...R, ...w] : [...w, ...R]
+        ), y(u), v(m.hasNextPage), b(m.hasPrevPage), n == null || n(u, R);
+      } catch (u) {
+        r == null || r(u instanceof Error ? u : new Error(String(u)));
       } finally {
-        T(!1), z.current = !1;
+        T(!1), A.current = !1;
       }
     }
-  }, [f, u, e, L, n, o, r]), V = C(async () => {
-    if (!(z.current || !b)) {
-      z.current = !0, T(!0);
+  }, [f, a, e, L, s, n, r]), N = C(async () => {
+    if (!(A.current || !F)) {
+      A.current = !0, T(!0);
       try {
-        const i = f - 1, d = await e(i), R = L(d.data);
-        l((w) => [...R, ...w]), y(i), A(d.hasPrevPage), m(d.hasNextPage), o == null || o(i, R);
-      } catch (i) {
-        r == null || r(i instanceof Error ? i : new Error(String(i)));
+        const u = f - 1, m = await e(u), R = L(m.data);
+        l((w) => [...R, ...w]), y(u), b(m.hasPrevPage), v(m.hasNextPage), n == null || n(u, R);
+      } catch (u) {
+        r == null || r(u instanceof Error ? u : new Error(String(u)));
       } finally {
-        T(!1), z.current = !1;
+        T(!1), A.current = !1;
       }
     }
-  }, [f, b, e, L, o, r]), k = C(async () => {
-    if (!z.current) {
-      z.current = !0, h(!0);
+  }, [f, F, e, L, n, r]), k = C(async () => {
+    if (!A.current) {
+      A.current = !0, h(!0);
       try {
-        const i = await e(t), d = i.data;
+        const u = await e(t), m = u.data;
         if (c) {
-          const R = new Set(d.map(c));
-          d.forEach((w) => M.current.add(c(w))), l((w) => {
+          const R = new Set(m.map(c));
+          m.forEach((w) => M.current.add(c(w))), l((w) => {
             const p = w.filter((B) => !R.has(c(B)));
-            return n === "prepend" ? [...d, ...p] : [...p, ...d];
+            return s === "prepend" ? [...m, ...p] : [...p, ...m];
           });
         } else
-          l(d);
-        y(t), m(i.hasNextPage), A(i.hasPrevPage), o == null || o(t, d);
-      } catch (i) {
-        r == null || r(i instanceof Error ? i : new Error(String(i)));
+          l(m);
+        y(t), v(u.hasNextPage), b(u.hasPrevPage), n == null || n(t, m);
+      } catch (u) {
+        r == null || r(u instanceof Error ? u : new Error(String(u)));
       } finally {
-        h(!1), z.current = !1;
+        h(!1), A.current = !1;
       }
     }
-  }, [e, t, c, n, o, r]), H = C(() => {
-    l([]), y(t), m(!0), A(!1), h(!1), T(!1), M.current.clear(), z.current = !1;
+  }, [e, t, c, s, n, r]), H = C(() => {
+    l([]), y(t), v(!0), b(!1), h(!1), T(!1), M.current.clear(), A.current = !1;
   }, [t]);
   return {
     items: S,
     loadNextPage: q,
-    loadPrevPage: V,
-    hasNextPage: u,
-    hasPrevPage: b,
-    loading: K,
+    loadPrevPage: N,
+    hasNextPage: a,
+    hasPrevPage: F,
+    loading: P,
     loadingMore: E,
     refresh: k,
     reset: H,
@@ -765,8 +796,8 @@ function Ke(a) {
   };
 }
 export {
-  we as ChatVirtualList,
+  Ke as ChatVirtualList,
   Pe as VirtualList,
-  xe as useChatVirtualizer,
-  Ke as usePagination
+  be as useChatVirtualizer,
+  Ee as usePagination
 };