react-anchorlist 0.3.3 → 0.3.5

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 ae } from "react/jsx-runtime";
+import * as oe from "react";
+import { useRef as m, useCallback as k, useState as X, useEffect as $, useLayoutEffect as Z, forwardRef as ge, useImperativeHandle as ve } from "react";
+class Te {
   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 ye {
   constructor() {
     this.cache = /* @__PURE__ */ new Map();
   }
@@ -69,452 +69,485 @@ 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) {
+function ue(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;
+  let t = 0, s = a.length - 1;
+  for (; t < s; ) {
+    const c = t + s >> 1;
+    (a[c] ?? 0) < e ? t = c + 1 : s = c;
   }
   return Math.max(0, t > 0 && (a[t] ?? 0) > e ? t - 1 : t);
 }
-function ve(a, e, t) {
+function Se(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;
+  let s = 0, c = a.length - 1, n = 0;
+  for (; s <= c; ) {
+    const r = s + c >> 1;
+    (a[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(a) {
+  const { firstVisible: e, lastVisible: t, itemCount: s, overscan: c } = a;
+  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);
-  return C(
-    (r, S) => {
-      const l = a.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 = {
+function ze(a, e, t, s) {
+  const c = s == null ? void 0 : s.reconcile, n = m(null);
+  return k(
+    (r, y) => {
+      const l = a.current, h = e.current;
+      if (!l || !h) return;
+      n.current !== null && (cancelAnimationFrame(n.current), n.current = null);
+      let v, f;
+      if (typeof r == "object" && r !== null ? (v = r.index, f = {
         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 = () => {
-        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;
-      }, E = h();
-      ((H, i) => {
-        typeof l.scrollTo == "function" ? l.scrollTo({ top: H, behavior: i }) : l.scrollTop = H;
-      })(Math.max(0, E), A);
-      const M = performance.now();
-      let z = 0;
-      const L = 12, q = 300, V = 1, k = () => {
-        o.current = null;
+      }) : (v = r, f = y), !Number.isFinite(v)) return;
+      const p = Math.max(0, Math.min(Math.floor(v), h.count - 1));
+      h.getOffset(p), h.getSize(p);
+      const F = (f == null ? void 0 : f.align) ?? "start", M = (f == null ? void 0 : f.behavior) ?? "auto", K = (f == null ? void 0 : f.offset) ?? 0, i = () => {
+        var B;
+        const H = e.current, u = a.current;
+        if (!H || !u) return 0;
+        const A = ((B = t == null ? void 0 : t.current) == null ? void 0 : B.offsetTop) ?? 0, T = H.getOffset(p), w = H.getSize(p);
+        return F === "start" ? A + T + K : F === "center" ? A + T - u.clientHeight / 2 + w / 2 + K : A + T - u.clientHeight + w + K;
+      }, E = i();
+      ((H, u) => {
+        typeof l.scrollTo == "function" ? l.scrollTo({ top: H, behavior: u }) : l.scrollTop = H;
+      })(Math.max(0, E), M);
+      const b = performance.now();
+      let S = 0;
+      const C = 12, j = 300, U = 1, L = () => {
+        n.current = null;
         const H = a.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, i()), A = Math.abs(H.scrollTop - u), T = performance.now() - b >= j, w = S >= C;
+        A <= U || T || w || (typeof H.scrollTo == "function" ? H.scrollTo({ top: u, behavior: "auto" }) : H.scrollTop = u, S += 1, n.current = requestAnimationFrame(L));
       };
-      o.current = requestAnimationFrame(k);
+      n.current = requestAnimationFrame(L);
     },
     [a, 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));
-  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;
+function fe(a) {
+  var ie;
+  const { items: e, getKey: t, estimatedItemSize: s, overscan: c, initialAlignment: n } = a, r = m(null), y = m(null), l = m(null), h = m(new ye()), v = m([]), f = m(/* @__PURE__ */ new Map()), p = m(e.length), F = m(null), M = m(null), K = m(!1), i = m(0), E = m(0), g = m(null), b = m(!1), S = m(null), C = m(0), j = m(0), U = m(0), L = m(null), H = m(!1), u = m(!1), [, A] = X(0), T = k(() => A((o) => o + 1), []);
+  l.current || (l.current = new Te(e.length, s));
+  const w = e.length > 0 ? t(e[0], 0) : null, B = e.length > 0 ? t(e[e.length - 1], e.length - 1) : null;
+  if (e.length !== p.current || w !== F.current || B !== M.current) {
+    const o = l.current, d = e.map((V, W) => t(V, W)), x = v.current, I = x.length, P = d.length;
     if (P === 0)
-      s.resize(0);
+      o.resize(0);
     else if (I === 0)
-      s.resize(P);
+      o.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;
+      const V = P - I;
+      x.length > 0 && V >= 0 && d[V] === x[0] ? o.prepend(V) : o.resize(P);
+    } else P < I, o.resize(P);
+    const R = /* @__PURE__ */ new Map();
+    d.forEach((V, W) => R.set(V, W)), f.current = R, h.current.applyToOffsetMap(o, R), v.current = d, p.current = e.length, F.current = w, M.current = B;
   }
-  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 z = k(() => {
+    L.current === null && (L.current = requestAnimationFrame(() => {
+      L.current = null;
+      const o = r.current;
+      if (!o) return;
+      const d = C.current;
+      Math.abs(d) < 0.01 || (C.current = 0, j.current += d, U.current += d, o.scrollTop += d, i.current = o.scrollTop, H.current = !0, T());
     }));
-  }, [d]);
-  X(() => {
-    const s = r.current;
-    if (!s) return;
-    const v = () => {
-      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]);
+  $(() => {
+    const o = r.current;
+    if (!o) return;
+    const d = () => {
+      g.current === null && (g.current = requestAnimationFrame(() => {
+        g.current = null, i.current = o.scrollTop, E.current = o.clientHeight, H.current && (H.current = !1, j.current = 0, U.current = 0), T();
       }));
     };
-    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), g.current !== null && (cancelAnimationFrame(g.current), g.current = null), L.current !== null && (cancelAnimationFrame(L.current), L.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());
+  }, [T]), $(() => {
+    const o = r.current;
+    if (!o) return;
+    E.current = o.clientHeight, i.current = o.scrollTop;
+    const d = new ResizeObserver(([x]) => {
+      x && (E.current = x.contentRect.height, T());
     });
-    return v.observe(s), () => v.disconnect();
-  }, [d]), Q(() => {
+    return d.observe(o), () => d.disconnect();
+  }, [T]), Z(() => {
     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 o = r.current;
+    if (o) {
+      if (n === "bottom") {
+        o.scrollTop = o.scrollHeight, i.current = o.scrollTop, E.current = o.clientHeight, b.current = !0, S.current !== null && cancelAnimationFrame(S.current);
+        const d = performance.now();
+        let x = 0, I = o.scrollHeight;
         const P = () => {
-          if (!M.current) {
-            z.current = null;
+          if (!b.current) {
+            S.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;
-          if (x >= 3 || _ >= 500) {
-            M.current = !1, z.current = null;
+          const R = o.scrollHeight, V = Math.abs(R - I);
+          I = R, V < 1 ? x += 1 : x = 0, o.scrollTop = o.scrollHeight, i.current = o.scrollTop;
+          const W = performance.now() - d;
+          if (x >= 3 || W >= 500) {
+            b.current = !1, S.current = null;
             return;
           }
-          z.current = requestAnimationFrame(P);
+          S.current = requestAnimationFrame(P);
         };
-        z.current = requestAnimationFrame(P);
+        S.current = requestAnimationFrame(P);
       }
       K.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]), $(() => {
+    e.length === 0 && (K.current = !1, b.current = !1, S.current !== null && (cancelAnimationFrame(S.current), S.current = null));
   }, [e.length]);
-  const N = C((s, v) => {
-    var oe;
+  const O = k((o, d) => {
+    var Q;
     const x = l.current;
-    if (!x || f.current.get(s) === v) return;
-    f.current.set(s, v);
-    const P = u.current.get(s);
+    if (!x || h.current.get(o) === d) return;
+    h.current.set(o, d);
+    const P = f.current.get(o);
     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") => {
+    const R = x.getSize(P), V = d - R, W = r.current;
+    W && !b.current && !u.current && V !== 0 && x.getOffset(P) + R + (((Q = y.current) == null ? void 0 : Q.offsetTop) ?? 0) < W.scrollTop && (C.current += V, z()), x.setSize(P, d) && T();
+  }, [z, T]), N = k(
+    (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 = ze(r, l, y, {
     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 = k(() => {
+    var ne;
+    const o = r.current, d = l.current;
+    if (!o || !d || d.count === 0) return null;
+    const x = ((ne = y.current) == null ? void 0 : ne.offsetTop) ?? 0, I = Math.max(0, o.scrollTop - x), P = d.getOffsets(), R = ue(P, I), V = v.current[R] ?? null, W = [];
+    for (let Q = R; Q < Math.min(d.count, R + 6); Q++) {
+      const se = v.current[Q] ?? null;
+      se !== null && W.push({
+        key: se,
+        offsetWithinItem: I - d.getOffset(Q)
+      });
+    }
     return {
-      key: y.current[F] ?? null,
-      offsetWithinItem: I - v.getOffset(F),
-      scrollTop: s.scrollTop,
-      scrollHeight: s.scrollHeight
+      key: V,
+      offsetWithinItem: I - d.getOffset(R),
+      candidates: W,
+      scrollTop: o.scrollTop,
+      scrollHeight: o.scrollHeight
     };
-  }, []), J = C(
-    (s, v) => {
-      var F;
+  }, []), ee = k(
+    (o, d) => {
+      var R;
       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 = f.current.get(o);
+      return I === void 0 ? null : (((R = y.current) == null ? void 0 : R.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({
+  ), _ = l.current, me = _ ? _.totalSize() : 0, Y = r.current, te = (Y == null ? void 0 : Y.scrollTop) ?? i.current, ce = (Y == null ? void 0 : Y.clientHeight) ?? E.current, de = ((ie = y.current) == null ? void 0 : ie.offsetTop) ?? 0, le = Math.max(0, te - de), re = [];
+  if (_ && _.count > 0 && ce > 0) {
+    const o = _.getOffsets(), d = _.getSizes(), x = ue(o, le), I = Se(
+      o,
+      d,
+      le + ce
+    ), P = Ae({
       firstVisible: x,
       lastVisible: I,
-      itemCount: O.count,
+      itemCount: _.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 R = P.start; R <= P.end && R < e.length; R++)
+      re.push({
+        key: v.current[R] ?? t(e[R], R),
+        index: R,
+        start: _.getOffset(R),
+        size: _.getSize(R),
+        data: e[R]
       });
-  } 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({
-        key: y.current[I] ?? t(e[I], I),
+  } else if (_ && _.count > 0) {
+    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++)
+      re.push({
+        key: v.current[I] ?? t(e[I], I),
         index: I,
-        start: O.getOffset(I),
-        size: O.getSize(I),
+        start: _.getOffset(I),
+        size: _.getSize(I),
         data: e[I]
       });
   }
-  const he = Y ? Y.scrollHeight - Y.scrollTop - Y.clientHeight : 1 / 0;
+  const pe = Y ? Y.scrollHeight - Y.scrollTop - Y.clientHeight : 1 / 0;
   return {
     scrollerRef: r,
-    innerRef: S,
-    virtualItems: ee,
-    totalSize: ae,
-    measureItem: N,
-    scrollToIndex: $,
-    scrollToOffset: D,
-    captureAnchorSnapshot: G,
-    resolveAnchorTop: J,
-    isAtTop: Z <= 1,
-    isAtBottom: he <= 1,
-    scrollTop: Z
+    innerRef: y,
+    virtualItems: re,
+    totalSize: me,
+    measureItem: O,
+    scrollToIndex: G,
+    scrollToOffset: N,
+    captureAnchorSnapshot: q,
+    resolveAnchorTop: ee,
+    isAtTop: te <= 1,
+    isAtBottom: pe <= 1,
+    scrollTop: te,
+    jumpSuppressedRef: u
   };
 }
-function ze(a) {
+function Re(a) {
+  var c;
+  const { snapshot: e, currentScrollHeight: t, resolveAnchorTop: s } = a;
+  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 xe(a) {
   const {
     scrollerRef: e,
     itemCount: t,
-    captureAnchorSnapshot: n,
+    captureAnchorSnapshot: s,
     resolveAnchorTop: c,
-    onRestored: o
-  } = a, r = g(null), S = g(!1), l = g({
+    onRestored: n
+  } = a, r = m(null), y = m(!1), l = m({
     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 };
-  }, []), y = C(() => {
-    const u = e.current;
-    if (!u) return;
-    const m = n();
-    r.current = m ?? {
+  }), h = k(() => {
+    const { first: f, second: p, timeout: F } = l.current;
+    f && cancelAnimationFrame(f), p && cancelAnimationFrame(p), F && clearTimeout(F), l.current = { first: null, second: null, timeout: null };
+  }, []), v = k(() => {
+    const f = e.current;
+    if (!f) return;
+    const p = s();
+    r.current = p ?? {
       key: null,
       offsetWithinItem: 0,
-      scrollTop: u.scrollTop,
-      scrollHeight: u.scrollHeight
-    }, S.current = !0;
-  }, [e, n]);
-  return Q(() => {
-    if (!S.current) return;
-    const u = e.current, m = r.current;
-    if (!u || !m) 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);
+      scrollTop: f.scrollTop,
+      scrollHeight: f.scrollHeight
+    }, y.current = !0;
+  }, [e, s]);
+  return Z(() => {
+    if (!y.current) return;
+    const f = e.current, p = r.current;
+    if (!f || !p) return;
+    y.current = !1;
+    const F = () => {
+      const M = Re({
+        snapshot: p,
+        currentScrollHeight: f.scrollHeight,
+        resolveAnchorTop: c
+      });
+      Number.isFinite(M) && Math.abs(f.scrollTop - M) > 1 && (f.scrollTop = M);
     };
-    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 h(), 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();
-    }, 90), () => f();
-  }, [t, e, c, f, o]), { prepareAnchor: y };
+      l.current.timeout = null, F();
+    }, 90), () => h();
+  }, [t, e, c, h, n]), { prepareAnchor: v };
 }
-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 Ie(a) {
+  const { previous: e, distanceFromBottom: t, threshold: s, hysteresis: c } = a;
+  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);
-  return X(() => {
+function Fe(a, e) {
+  const t = typeof e == "number" ? e : e.threshold ?? 200, s = typeof e == "number" ? void 0 : e.hysteresis, [c, n] = X(!0), r = m(null), y = m(!0);
+  return $(() => {
     const l = a.current;
     if (!l) return;
-    const f = () => {
-      const u = l.scrollHeight - l.scrollTop - l.clientHeight, m = Se({
-        previous: S.current,
-        distanceFromBottom: u,
+    const h = () => {
+      const f = l.scrollHeight - l.scrollTop - l.clientHeight, p = Ie({
+        previous: y.current,
+        distanceFromBottom: f,
         threshold: t,
-        hysteresis: n
+        hysteresis: s
       });
-      S.current = m, o(m);
-    }, y = () => {
-      r.current !== null && cancelAnimationFrame(r.current), r.current = requestAnimationFrame(f);
+      y.current = p, n(p);
+    }, v = () => {
+      r.current !== null && cancelAnimationFrame(r.current), r.current = requestAnimationFrame(h);
     };
-    return l.addEventListener("scroll", y, { passive: !0 }), f(), () => {
-      l.removeEventListener("scroll", y), r.current !== null && cancelAnimationFrame(r.current);
+    return l.addEventListener("scroll", v, { passive: !0 }), h(), () => {
+      l.removeEventListener("scroll", v), r.current !== null && cancelAnimationFrame(r.current);
     };
-  }, [a, t, n == null ? void 0 : n.enter, n == null ? void 0 : n.leave]), c;
+  }, [a, 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 be(a) {
+  const { itemCount: e, firstKey: t, lastKey: s, isAtBottom: c, scrollToIndex: n, mode: r } = a, y = m(e), l = m(t), h = m(s);
+  Z(() => {
     if (!r) {
-      S.current = e, l.current = t, f.current = n;
+      y.current = e, l.current = t, h.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 v = y.current, f = l.current, p = h.current;
+    e > v && t === f && s !== p && 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]);
+    }), y.current = e, l.current = t, h.current = s;
+  }, [e, t, s, c, n, r]);
 }
-function xe(a) {
+function He(a) {
   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",
+    followOutput: y = "auto",
     initialAlignment: l = "bottom",
-    scrollModifier: f = null,
-    onStartReached: y,
-    onEndReached: u,
-    startReachedThreshold: m = 300,
-    endReachedThreshold: b = 300,
-    scrollToMessageKey: A,
+    scrollModifier: h = null,
+    onStartReached: v,
+    onEndReached: f,
+    startReachedThreshold: p = 300,
+    endReachedThreshold: F = 300,
+    scrollToMessageKey: M,
     onScrollToMessageComplete: K
-  } = a, h = ie({
+  } = a, i = fe({
     items: e,
     getKey: t,
-    estimatedItemSize: n,
+    estimatedItemSize: s,
     overscan: c,
     initialAlignment: l
-  }), E = Ae(h.scrollerRef, {
-    threshold: o,
+  }), E = Fe(i.scrollerRef, {
+    threshold: n,
     hysteresis: r ?? { enter: 80, leave: 160 }
-  }), [, T] = U(0), M = C(() => T((p) => p + 1), []), { prepareAnchor: z } = ze({
-    scrollerRef: h.scrollerRef,
+  }), [, g] = X(0), b = m(null), S = k(() => {
+    g((z) => z + 1), b.current && clearTimeout(b.current), b.current = setTimeout(() => {
+      i.jumpSuppressedRef.current = !1, b.current = null;
+    }, 200);
+  }, [i.jumpSuppressedRef]), { prepareAnchor: C } = xe({
+    scrollerRef: i.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({
+    captureAnchorSnapshot: i.captureAnchorSnapshot,
+    resolveAnchorTop: i.resolveAnchorTop,
+    onRestored: S
+  }), j = k(() => {
+    i.jumpSuppressedRef.current = !0, C();
+  }, [C, i.jumpSuppressedRef]), U = e.length > 0 ? t(e[0], 0) : null, L = e.length > 0 ? t(e[e.length - 1], e.length - 1) : null;
+  be({
     itemCount: e.length,
-    firstKey: L,
-    lastKey: q,
+    firstKey: U,
+    lastKey: L,
     isAtBottom: E,
-    scrollToIndex: h.scrollToIndex,
-    mode: S ?? !1
+    scrollToIndex: i.scrollToIndex,
+    mode: y ?? !1
   });
-  const V = C(
-    (p = "auto") => {
-      e.length !== 0 && h.scrollToIndex(e.length - 1, { align: "end", behavior: p });
+  const H = k(
+    (z = "auto") => {
+      e.length !== 0 && i.scrollToIndex(e.length - 1, { align: "end", behavior: z });
     },
-    [e.length, h]
-  ), k = C(
-    (p, B) => {
-      const N = e.findIndex((D, $) => t(D, $) === p);
-      N !== -1 && h.scrollToIndex(N, B);
+    [e.length, i]
+  ), u = k(
+    (z, O) => {
+      const N = e.findIndex((G, q) => t(G, q) === z);
+      N !== -1 && i.scrollToIndex(N, O);
     },
-    [e, t, h]
-  ), H = g(null);
-  Q(() => {
-    if (f && H.current !== f.id) {
-      if (H.current = f.id, f.type === "prepend") {
-        z();
+    [e, t, i]
+  ), A = m(null);
+  Z(() => {
+    if (h && A.current !== h.id) {
+      if (A.current = h.id, h.type === "prepend") {
+        j();
         return;
       }
-      if (f.type === "append") {
-        if (f.ifAtBottomOnly && !E) return;
-        V(f.behavior ?? "auto");
+      if (h.type === "append") {
+        if (h.ifAtBottomOnly && !E) return;
+        H(h.behavior ?? "auto");
         return;
       }
-      if (f.type === "items-change") {
-        E && V("auto");
+      if (h.type === "items-change") {
+        E && H("auto");
         return;
       }
-      k(f.key, {
-        align: f.align ?? "center",
-        behavior: f.behavior ?? "auto"
+      u(h.key, {
+        align: h.align ?? "center",
+        behavior: h.behavior ?? "auto"
       });
     }
-  }, [f, E, z, V, k]);
-  const i = g(!1), d = 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;
+  }, [h, E, j, H, u]);
+  const T = m(!1), w = m(l === "top");
+  $(() => {
+    const z = i.scrollerRef.current;
+    if (!z || !v) return;
+    const O = () => {
+      const N = z.scrollTop;
+      w.current || (z.scrollHeight <= z.clientHeight + p || N > p) && (w.current = !0), w.current && N <= p && !T.current && (T.current = !0, Promise.resolve(v()).finally(() => {
+        T.current = !1;
       }));
     };
-    return p.addEventListener("scroll", B, { passive: !0 }), B(), () => p.removeEventListener("scroll", B);
-  }, [h.scrollerRef, y, m, l]);
-  const R = g(!1);
-  X(() => {
-    const p = h.scrollerRef.current;
-    if (!p || !u) return;
-    const B = () => {
-      p.scrollHeight - p.scrollTop - p.clientHeight <= b && !R.current && (R.current = !0, Promise.resolve(u()).finally(() => {
-        R.current = !1;
+    return z.addEventListener("scroll", O, { passive: !0 }), O(), () => z.removeEventListener("scroll", O);
+  }, [i.scrollerRef, v, p, l]);
+  const B = m(!1);
+  $(() => {
+    const z = i.scrollerRef.current;
+    if (!z || !f) return;
+    const O = () => {
+      z.scrollHeight - z.scrollTop - z.clientHeight <= F && !B.current && (B.current = !0, Promise.resolve(f()).finally(() => {
+        B.current = !1;
       }));
     };
-    return p.addEventListener("scroll", B, { passive: !0 }), () => p.removeEventListener("scroll", B);
-  }, [h.scrollerRef, u, b]);
-  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]), {
-    scrollerRef: h.scrollerRef,
-    innerRef: h.innerRef,
-    virtualItems: h.virtualItems,
-    totalSize: h.totalSize,
-    measureItem: h.measureItem,
-    scrollToIndex: h.scrollToIndex,
-    scrollToBottom: V,
-    scrollToKey: k,
+    return z.addEventListener("scroll", O, { passive: !0 }), () => z.removeEventListener("scroll", O);
+  }, [i.scrollerRef, f, F]);
+  const D = m(null);
+  return $(() => {
+    if (!M || D.current === M) return;
+    const z = e.findIndex((O, N) => t(O, N) === M);
+    z !== -1 && (D.current = M, i.scrollToIndex(z, { align: "center", behavior: "auto" }), K == null || K());
+  }, [M, e, t, i, K]), {
+    scrollerRef: i.scrollerRef,
+    innerRef: i.innerRef,
+    virtualItems: i.virtualItems,
+    totalSize: i.totalSize,
+    measureItem: i.measureItem,
+    scrollToIndex: i.scrollToIndex,
+    scrollToBottom: H,
+    scrollToKey: u,
     isAtBottom: E,
-    prepareAnchor: z
+    prepareAnchor: j
   };
 }
-function ue({
+function he({
   virtualItem: a,
   measureItem: e,
   children: t
 }) {
-  const n = g(null), c = g(!1);
-  return X(() => {
-    const o = n.current;
-    if (!o) return;
+  const s = m(null), c = m(!1);
+  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));
+    const r = new ResizeObserver(([y]) => {
+      y && (c.current = !0, e(a.key, y.contentRect.height));
     });
-    return r.observe(o), () => r.disconnect();
-  }, [a.key, e]), /* @__PURE__ */ W(
+    return r.observe(n), () => r.disconnect();
+  }, [a.key, e]), /* @__PURE__ */ J(
     "div",
     {
-      ref: n,
+      ref: s,
       style: {
         position: "absolute",
         top: 0,
@@ -532,241 +565,246 @@ function ue({
     }
   );
 }
-function Ie(a, e) {
+function Me(a, e) {
   const {
     data: t,
-    itemContent: n,
+    itemContent: s,
     computeItemKey: c,
-    estimatedItemSize: o = 80,
+    estimatedItemSize: n = 80,
     overscan: r = 20,
-    followOutput: S = "auto",
+    followOutput: y = "auto",
     atBottomThreshold: l = 200,
-    atBottomHysteresis: f,
-    initialAlignment: y = "bottom",
-    scrollModifier: u,
-    onStartReached: m,
-    onEndReached: b,
-    startReachedThreshold: A = 300,
+    atBottomHysteresis: h,
+    initialAlignment: v = "bottom",
+    scrollModifier: f,
+    onStartReached: p,
+    onEndReached: F,
+    startReachedThreshold: M = 300,
     endReachedThreshold: K = 300,
-    scrollToMessageKey: h,
+    scrollToMessageKey: i,
     onScrollToMessageComplete: E,
-    onAtBottomChange: T,
-    components: M = {},
-    className: z,
-    style: L
+    onAtBottomChange: g,
+    components: b = {},
+    className: S,
+    style: C
   } = a, {
-    scrollerRef: q,
-    innerRef: V,
-    virtualItems: k,
+    scrollerRef: j,
+    innerRef: U,
+    virtualItems: L,
     totalSize: H,
-    measureItem: i,
-    scrollToIndex: d,
-    scrollToBottom: R,
+    measureItem: u,
+    scrollToIndex: A,
+    scrollToBottom: T,
     scrollToKey: w,
-    isAtBottom: p,
-    prepareAnchor: B
-  } = xe({
+    isAtBottom: B,
+    prepareAnchor: D
+  } = He({
     items: t,
-    getKey: (J, O) => c(O, J),
-    estimatedItemSize: o,
+    getKey: (q, ee) => c(ee, q),
+    estimatedItemSize: n,
     overscan: r,
     atBottomThreshold: l,
-    atBottomHysteresis: f,
-    followOutput: S,
-    initialAlignment: y,
-    scrollModifier: u,
-    onStartReached: m,
-    onEndReached: b,
-    startReachedThreshold: A,
+    atBottomHysteresis: h,
+    followOutput: y,
+    initialAlignment: v,
+    scrollModifier: f,
+    onStartReached: p,
+    onEndReached: F,
+    startReachedThreshold: M,
     endReachedThreshold: K,
-    scrollToMessageKey: h,
+    scrollToMessageKey: i,
     onScrollToMessageComplete: E
-  }), N = te.useRef(p);
-  te.useEffect(() => {
-    N.current !== p && (N.current = p, T == null || T(p));
-  }, [p, T]), de(
+  }), z = oe.useRef(B);
+  oe.useEffect(() => {
+    z.current !== B && (z.current = B, g == null || g(B));
+  }, [B, g]), ve(
     e,
     () => ({
-      scrollToBottom: R,
-      scrollToIndex: d,
+      scrollToBottom: T,
+      scrollToIndex: A,
       scrollToKey: w,
       getScrollTop: () => {
-        var J;
-        return ((J = q.current) == null ? void 0 : J.scrollTop) ?? 0;
+        var q;
+        return ((q = j.current) == null ? void 0 : q.scrollTop) ?? 0;
       },
-      isAtBottom: () => p,
-      prepareAnchor: B
+      isAtBottom: () => B,
+      prepareAnchor: D
     }),
-    [R, d, w, q, p, B]
+    [T, A, w, j, B, D]
   );
-  const { Header: D, Footer: $, EmptyPlaceholder: G } = M;
-  return t.length === 0 && G ? /* @__PURE__ */ W(G, {}) : /* @__PURE__ */ le(
+  const { Header: O, Footer: N, EmptyPlaceholder: G } = b;
+  return t.length === 0 && G ? /* @__PURE__ */ J(G, {}) : /* @__PURE__ */ ae(
     "div",
     {
-      ref: q,
-      className: z,
+      ref: j,
+      className: S,
       style: {
         overflow: "auto",
         height: "100%",
         position: "relative",
+        // Prevent browser native scroll anchoring from fighting
+        // the library prepend compensation logic.
+        overflowAnchor: "none",
         overscrollBehaviorY: "contain",
-        ...L
+        ...C
       },
       children: [
-        D && /* @__PURE__ */ W(D, {}),
-        /* @__PURE__ */ W("div", { ref: V, style: { height: H, position: "relative", width: "100%" }, children: k.map((J) => /* @__PURE__ */ W(
-          ue,
+        O && /* @__PURE__ */ J(O, {}),
+        /* @__PURE__ */ J("div", { ref: U, style: { height: H, position: "relative", width: "100%" }, children: L.map((q) => /* @__PURE__ */ J(
+          he,
           {
-            virtualItem: J,
-            measureItem: i,
-            children: n(J.index, J.data)
+            virtualItem: q,
+            measureItem: u,
+            children: s(q.index, q.data)
           },
-          J.key
+          q.key
         )) }),
-        $ && /* @__PURE__ */ W($, {})
+        N && /* @__PURE__ */ J(N, {})
       ]
     }
   );
 }
-const we = me(Ie);
-function Pe({
+const Ke = ge(Me);
+function Ee({
   data: a,
   itemContent: e,
   computeItemKey: t,
-  estimatedItemSize: n = 60,
+  estimatedItemSize: s = 60,
   overscan: c = 20,
-  onEndReached: o,
+  onEndReached: n,
   endReachedThreshold: r = 300,
-  components: S = {},
+  components: y = {},
   className: l,
-  style: f
+  style: h
 }) {
-  const { scrollerRef: y, innerRef: u, virtualItems: m, totalSize: b, measureItem: A } = ie({
+  const { scrollerRef: v, innerRef: f, virtualItems: p, totalSize: F, measureItem: M } = fe({
     items: a,
-    getKey: (T, M) => t(M, T),
-    estimatedItemSize: n,
+    getKey: (g, b) => t(b, g),
+    estimatedItemSize: s,
     overscan: c,
     initialAlignment: "top"
   });
-  te.useEffect(() => {
-    const T = y.current;
-    if (!T || !o) return;
-    let M = !1;
-    const z = () => {
-      T.scrollHeight - T.scrollTop - T.clientHeight <= r && !M && (M = !0, Promise.resolve(o()).finally(() => {
-        M = !1;
+  oe.useEffect(() => {
+    const g = v.current;
+    if (!g || !n) return;
+    let b = !1;
+    const S = () => {
+      g.scrollHeight - g.scrollTop - g.clientHeight <= r && !b && (b = !0, Promise.resolve(n()).finally(() => {
+        b = !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 g.addEventListener("scroll", S, { passive: !0 }), () => g.removeEventListener("scroll", S);
+  }, [v, n, r]);
+  const { Header: K, Footer: i, EmptyPlaceholder: E } = y;
+  return a.length === 0 && E ? /* @__PURE__ */ J(E, {}) : /* @__PURE__ */ ae(
     "div",
     {
-      ref: y,
+      ref: v,
       className: l,
       style: {
         overflow: "auto",
         height: "100%",
         position: "relative",
+        // Keep scrolling behavior deterministic when items are inserted above.
+        overflowAnchor: "none",
         overscrollBehaviorY: "contain",
-        ...f
+        ...h
       },
       children: [
-        K && /* @__PURE__ */ W(K, {}),
-        /* @__PURE__ */ W("div", { ref: u, style: { height: b, position: "relative", width: "100%" }, children: m.map((T) => /* @__PURE__ */ W(
-          ue,
+        K && /* @__PURE__ */ J(K, {}),
+        /* @__PURE__ */ J("div", { ref: f, style: { height: F, position: "relative", width: "100%" }, children: p.map((g) => /* @__PURE__ */ J(
+          he,
           {
-            virtualItem: T,
-            measureItem: A,
-            children: e(T.index, T.data)
+            virtualItem: g,
+            measureItem: M,
+            children: e(g.index, g.data)
           },
-          T.key
+          g.key
         )) }),
-        h && /* @__PURE__ */ W(h, {})
+        i && /* @__PURE__ */ J(i, {})
       ]
     }
   );
 }
-function Ke(a) {
+function Be(a) {
   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);
-      return M.current.has(R) ? !1 : (M.current.add(R), !0);
-    }) : i,
+  } = a, [y, l] = X([]), [h, v] = X(t), [f, p] = X(!0), [F, M] = X(!1), [K, i] = X(!1), [E, g] = X(!1), b = m(/* @__PURE__ */ new Set()), S = m(!1), C = k(
+    (u) => c ? u.filter((A) => {
+      const T = c(A);
+      return b.current.has(T) ? !1 : (b.current.add(T), !0);
+    }) : u,
     [c]
-  ), q = C(async () => {
-    if (!(z.current || !u)) {
-      z.current = !0, T(!0);
+  ), j = k(async () => {
+    if (!(S.current || !f)) {
+      S.current = !0, g(!0);
       try {
-        const i = f + 1, d = await e(i), R = L(d.data);
+        const u = h + 1, A = await e(u), T = C(A.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" ? [...T, ...w] : [...w, ...T]
+        ), v(u), p(A.hasNextPage), M(A.hasPrevPage), n == null || n(u, T);
+      } catch (u) {
+        r == null || r(u instanceof Error ? u : new Error(String(u)));
       } finally {
-        T(!1), z.current = !1;
+        g(!1), S.current = !1;
       }
     }
-  }, [f, u, e, L, n, o, r]), V = C(async () => {
-    if (!(z.current || !b)) {
-      z.current = !0, T(!0);
+  }, [h, f, e, C, s, n, r]), U = k(async () => {
+    if (!(S.current || !F)) {
+      S.current = !0, g(!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 = h - 1, A = await e(u), T = C(A.data);
+        l((w) => [...T, ...w]), v(u), M(A.hasPrevPage), p(A.hasNextPage), n == null || n(u, T);
+      } catch (u) {
+        r == null || r(u instanceof Error ? u : new Error(String(u)));
       } finally {
-        T(!1), z.current = !1;
+        g(!1), S.current = !1;
       }
     }
-  }, [f, b, e, L, o, r]), k = C(async () => {
-    if (!z.current) {
-      z.current = !0, h(!0);
+  }, [h, F, e, C, n, r]), L = k(async () => {
+    if (!S.current) {
+      S.current = !0, i(!0);
       try {
-        const i = await e(t), d = i.data;
+        const u = await e(t), A = u.data;
         if (c) {
-          const R = new Set(d.map(c));
-          d.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];
+          const T = new Set(A.map(c));
+          A.forEach((w) => b.current.add(c(w))), l((w) => {
+            const B = w.filter((D) => !T.has(c(D)));
+            return s === "prepend" ? [...A, ...B] : [...B, ...A];
           });
         } 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(A);
+        v(t), p(u.hasNextPage), M(u.hasPrevPage), n == null || n(t, A);
+      } catch (u) {
+        r == null || r(u instanceof Error ? u : new Error(String(u)));
       } finally {
-        h(!1), z.current = !1;
+        i(!1), S.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 = k(() => {
+    l([]), v(t), p(!0), M(!1), i(!1), g(!1), b.current.clear(), S.current = !1;
   }, [t]);
   return {
-    items: S,
-    loadNextPage: q,
-    loadPrevPage: V,
-    hasNextPage: u,
-    hasPrevPage: b,
+    items: y,
+    loadNextPage: j,
+    loadPrevPage: U,
+    hasNextPage: f,
+    hasPrevPage: F,
     loading: K,
     loadingMore: E,
-    refresh: k,
+    refresh: L,
     reset: H,
-    currentPage: f
+    currentPage: h
   };
 }
 export {
-  we as ChatVirtualList,
-  Pe as VirtualList,
-  xe as useChatVirtualizer,
-  Ke as usePagination
+  Ke as ChatVirtualList,
+  Ee as VirtualList,
+  He as useChatVirtualizer,
+  Be as usePagination
 };