react-anchorlist 0.3.4 → 0.3.5

package/dist/index.js

@@ -1,7 +1,7 @@
-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 {
+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);
   }
@@ -48,7 +48,7 @@ class ve {
     return this.sizes;
   }
 }
-class Te {
+class ye {
   constructor() {
     this.cache = /* @__PURE__ */ new Map();
   }
@@ -75,240 +75,241 @@ class Te {
     }
   }
 }
-function ie(i, e) {
-  if (i.length === 0) return 0;
-  let t = 0, s = i.length - 1;
+function ue(a, e) {
+  if (a.length === 0) return 0;
+  let t = 0, s = a.length - 1;
   for (; t < s; ) {
     const c = t + s >> 1;
-    (i[c] ?? 0) < e ? t = c + 1 : s = c;
+    (a[c] ?? 0) < e ? t = c + 1 : s = c;
   }
-  return Math.max(0, t > 0 && (i[t] ?? 0) > e ? t - 1 : t);
+  return Math.max(0, t > 0 && (a[t] ?? 0) > e ? t - 1 : t);
 }
-function ye(i, e, t) {
-  if (i.length === 0) return 0;
-  let s = 0, c = i.length - 1, n = 0;
+function Se(a, e, t) {
+  if (a.length === 0) return 0;
+  let s = 0, c = a.length - 1, n = 0;
   for (; s <= c; ) {
     const r = s + c >> 1;
-    (i[r] ?? 0) < t ? (n = r, s = r + 1) : c = r - 1;
+    (a[r] ?? 0) < t ? (n = r, s = r + 1) : c = r - 1;
   }
   return n;
 }
-function Ae(i) {
-  const { firstVisible: e, lastVisible: t, itemCount: s, overscan: c } = i;
+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(s - 1, t + c)
   };
 }
-function Se(i, e, t, s) {
-  const c = s == null ? void 0 : s.reconcile, n = g(null);
-  return C(
-    (r, S) => {
-      const l = i.current, f = e.current;
-      if (!l || !f) return;
+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 y, a;
-      if (typeof r == "object" && r !== null ? (y = r.index, a = {
+      let v, f;
+      if (typeof r == "object" && r !== null ? (v = r.index, f = {
         align: r.align,
         behavior: r.behavior,
         offset: r.offset
-      }) : (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, u = i.current;
+      }) : (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 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();
+        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), b);
-      const M = performance.now();
-      let A = 0;
-      const L = 12, q = 300, N = 1, k = () => {
+      })(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 = i.current;
+        const H = a.current;
         if (!H) return;
-        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));
+        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));
       };
-      n.current = requestAnimationFrame(k);
+      n.current = requestAnimationFrame(L);
     },
-    [i, e, t, c]
+    [a, e, t, c]
   );
 }
-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 !== 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)
+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)
       o.resize(0);
     else if (I === 0)
-      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;
+      o.resize(P);
+    else if (P > I) {
+      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 z = k(() => {
+    L.current === null && (L.current = requestAnimationFrame(() => {
+      L.current = null;
       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());
+      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());
     }));
-  }, [m]);
-  X(() => {
+  }, [T]);
+  $(() => {
     const o = r.current;
     if (!o) return;
     const d = () => {
-      T.current === null && (T.current = requestAnimationFrame(() => {
-        T.current = null, h.current = o.scrollTop, E.current = o.clientHeight, H.current && (H.current = !1, q.current = 0, N.current = 0), m();
+      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 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);
+      o.removeEventListener("scroll", d), g.current !== null && (cancelAnimationFrame(g.current), g.current = null), L.current !== null && (cancelAnimationFrame(L.current), L.current = null);
     };
-  }, [m]), X(() => {
+  }, [T]), $(() => {
     const o = r.current;
     if (!o) return;
-    E.current = o.clientHeight, h.current = o.scrollTop;
+    E.current = o.clientHeight, i.current = o.scrollTop;
     const d = new ResizeObserver(([x]) => {
-      x && (E.current = x.contentRect.height, m());
+      x && (E.current = x.contentRect.height, T());
     });
     return d.observe(o), () => d.disconnect();
-  }, [m]), Z(() => {
-    if (P.current || e.length === 0) return;
+  }, [T]), Z(() => {
+    if (K.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);
+        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 K = () => {
-          if (!M.current) {
-            A.current = null;
+        const P = () => {
+          if (!b.current) {
+            S.current = null;
             return;
           }
-          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, A.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;
           }
-          A.current = requestAnimationFrame(K);
+          S.current = requestAnimationFrame(P);
         };
-        A.current = requestAnimationFrame(K);
+        S.current = requestAnimationFrame(P);
       }
-      P.current = !0;
+      K.current = !0;
     }
-  }, [n, e.length]), X(() => {
-    e.length === 0 && (P.current = !1, M.current = !1, A.current !== null && (cancelAnimationFrame(A.current), A.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 j = C((o, d) => {
-    var $;
+  const O = k((o, d) => {
+    var Q;
     const x = l.current;
-    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(
+    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 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: o, behavior: d });
     },
     []
-  ), G = Se(r, l, S, {
+  ), G = ze(r, l, y, {
     reconcile: !0
-  }), Q = C(() => {
-    var re;
+  }), q = k(() => {
+    var ne;
     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($)
+    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: V,
-      offsetWithinItem: I - d.getOffset(z),
-      candidates: _,
+      offsetWithinItem: I - d.getOffset(R),
+      candidates: W,
       scrollTop: o.scrollTop,
       scrollHeight: o.scrollHeight
     };
-  }, []), W = C(
+  }, []), ee = k(
     (o, d) => {
-      var z;
+      var R;
       const x = l.current;
       if (!x) return null;
-      const I = a.current.get(o);
-      return I === void 0 ? null : (((z = S.current) == null ? void 0 : z.offsetTop) ?? 0) + x.getOffset(I) + d;
+      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, 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(
+  ), _ = 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,
-      ce + oe
-    ), K = Ae({
+      le + ce
+    ), P = Ae({
       firstVisible: x,
       lastVisible: I,
-      itemCount: O.count,
+      itemCount: _.count,
       overscan: c
     });
-    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]
+    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) {
+  } 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++)
-      te.push({
-        key: y.current[I] ?? t(e[I], 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 de = 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: te,
-    totalSize: he,
-    measureItem: j,
+    innerRef: y,
+    virtualItems: re,
+    totalSize: me,
+    measureItem: O,
     scrollToIndex: G,
-    scrollToOffset: D,
-    captureAnchorSnapshot: Q,
-    resolveAnchorTop: W,
-    isAtTop: ee <= 1,
-    isAtBottom: de <= 1,
-    scrollTop: ee
+    scrollToOffset: N,
+    captureAnchorSnapshot: q,
+    resolveAnchorTop: ee,
+    isAtTop: te <= 1,
+    isAtBottom: pe <= 1,
+    scrollTop: te,
+    jumpSuppressedRef: u
   };
 }
-function ze(i) {
+function Re(a) {
   var c;
-  const { snapshot: e, currentScrollHeight: t, resolveAnchorTop: s } = i;
+  const { snapshot: e, currentScrollHeight: t, resolveAnchorTop: s } = a;
   if (e.key !== null) {
     const n = s(e.key, e.offsetWithinItem);
     if (n !== null) return n;
@@ -320,95 +321,95 @@ function ze(i) {
     }
   return e.scrollTop + (t - e.scrollHeight);
 }
-function Re(i) {
+function xe(a) {
   const {
     scrollerRef: e,
     itemCount: t,
     captureAnchorSnapshot: s,
     resolveAnchorTop: c,
     onRestored: n
-  } = i, r = g(null), S = g(!1), l = g({
+  } = a, r = m(null), y = m(!1), l = m({
     first: null,
     second: null,
     timeout: null
-  }), f = C(() => {
-    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 a = e.current;
-    if (!a) return;
-    const v = s();
-    r.current = v ?? {
+  }), 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: a.scrollTop,
-      scrollHeight: a.scrollHeight
-    }, S.current = !0;
+      scrollTop: f.scrollTop,
+      scrollHeight: f.scrollHeight
+    }, y.current = !0;
   }, [e, s]);
   return Z(() => {
-    if (!S.current) return;
-    const a = e.current, v = r.current;
-    if (!a || !v) return;
-    S.current = !1;
+    if (!y.current) return;
+    const f = e.current, p = r.current;
+    if (!f || !p) return;
+    y.current = !1;
     const F = () => {
-      const b = ze({
-        snapshot: v,
-        currentScrollHeight: a.scrollHeight,
+      const M = Re({
+        snapshot: p,
+        currentScrollHeight: f.scrollHeight,
         resolveAnchorTop: c
       });
-      Number.isFinite(b) && Math.abs(a.scrollTop - b) > 1 && (a.scrollTop = b);
+      Number.isFinite(M) && Math.abs(f.scrollTop - M) > 1 && (f.scrollTop = M);
     };
-    return f(), F(), n == null || n(), l.current.first = requestAnimationFrame(() => {
+    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, F();
-    }, 90), () => f();
-  }, [t, e, c, f, n]), { prepareAnchor: y };
+    }, 90), () => h();
+  }, [t, e, c, h, n]), { prepareAnchor: v };
 }
-function xe(i) {
-  const { previous: e, distanceFromBottom: t, threshold: s, hysteresis: c } = i;
+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 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 = i.current;
+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 a = l.scrollHeight - l.scrollTop - l.clientHeight, v = xe({
-        previous: S.current,
-        distanceFromBottom: a,
+    const h = () => {
+      const f = l.scrollHeight - l.scrollTop - l.clientHeight, p = Ie({
+        previous: y.current,
+        distanceFromBottom: f,
         threshold: t,
         hysteresis: s
       });
-      S.current = v, n(v);
-    }, 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);
     };
-  }, [i, t, s == null ? void 0 : s.enter, s == null ? void 0 : s.leave]), c;
+  }, [a, t, s == null ? void 0 : s.enter, s == null ? void 0 : s.leave]), c;
 }
-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);
+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 = s;
+      y.current = e, l.current = t, h.current = s;
       return;
     }
-    const y = S.current, a = l.current, v = f.current;
-    e > y && t === a && s !== v && c && e > 0 && n(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 = s;
+    }), y.current = e, l.current = t, h.current = s;
   }, [e, t, s, c, n, r]);
 }
-function be(i) {
+function He(a) {
   const {
     items: e,
     getKey: t,
@@ -416,128 +417,134 @@ function be(i) {
     overscan: c = 20,
     atBottomThreshold: n = 200,
     atBottomHysteresis: r,
-    followOutput: S = "auto",
+    followOutput: y = "auto",
     initialAlignment: l = "bottom",
-    scrollModifier: f = null,
-    onStartReached: y,
-    onEndReached: a,
-    startReachedThreshold: v = 300,
+    scrollModifier: h = null,
+    onStartReached: v,
+    onEndReached: f,
+    startReachedThreshold: p = 300,
     endReachedThreshold: F = 300,
-    scrollToMessageKey: b,
-    onScrollToMessageComplete: P
-  } = i, h = ae({
+    scrollToMessageKey: M,
+    onScrollToMessageComplete: K
+  } = a, i = fe({
     items: e,
     getKey: t,
     estimatedItemSize: s,
     overscan: c,
     initialAlignment: l
-  }), E = Ie(h.scrollerRef, {
+  }), E = Fe(i.scrollerRef, {
     threshold: n,
     hysteresis: r ?? { enter: 80, leave: 160 }
-  }), [, T] = U(0), M = C(() => T((p) => p + 1), []), { prepareAnchor: A } = Re({
-    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;
-  Fe({
+    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 N = 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 j = e.findIndex((D, G) => t(D, G) === p);
-      j !== -1 && h.scrollToIndex(j, 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);
+    [e, t, i]
+  ), A = m(null);
   Z(() => {
-    if (f && H.current !== f.id) {
-      if (H.current = f.id, f.type === "prepend") {
-        A();
+    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;
-        N(f.behavior ?? "auto");
+      if (h.type === "append") {
+        if (h.ifAtBottomOnly && !E) return;
+        H(h.behavior ?? "auto");
         return;
       }
-      if (f.type === "items-change") {
-        E && N("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, A, N, k]);
-  const u = g(!1), m = g(l === "top");
-  X(() => {
-    const p = h.scrollerRef.current;
-    if (!p || !y) return;
-    const B = () => {
-      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;
+  }, [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, v, l]);
-  const R = g(!1);
-  X(() => {
-    const p = h.scrollerRef.current;
-    if (!p || !a) return;
-    const B = () => {
-      p.scrollHeight - p.scrollTop - p.clientHeight <= F && !R.current && (R.current = !0, Promise.resolve(a()).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, a, F]);
-  const w = g(null);
-  return X(() => {
-    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: N,
-    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: A
+    prepareAnchor: j
   };
 }
-function fe({
-  virtualItem: i,
+function he({
+  virtualItem: a,
   measureItem: e,
   children: t
 }) {
-  const s = g(null), c = g(!1);
-  return X(() => {
+  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(i.key, S.contentRect.height));
+    const r = new ResizeObserver(([y]) => {
+      y && (c.current = !0, e(a.key, y.contentRect.height));
     });
     return r.observe(n), () => r.disconnect();
-  }, [i.key, e]), /* @__PURE__ */ J(
+  }, [a.key, e]), /* @__PURE__ */ J(
     "div",
     {
       ref: s,
@@ -545,92 +552,92 @@ function fe({
         position: "absolute",
         top: 0,
         // transform instead of top: avoids reflow, uses GPU compositor layer
-        transform: `translateY(${i.start}px)`,
+        transform: `translateY(${a.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 : i.size
+        minHeight: c.current ? void 0 : a.size
       },
       children: t
     }
   );
 }
-function He(i, e) {
+function Me(a, e) {
   const {
     data: t,
     itemContent: s,
     computeItemKey: c,
     estimatedItemSize: n = 80,
     overscan: r = 20,
-    followOutput: S = "auto",
+    followOutput: y = "auto",
     atBottomThreshold: l = 200,
-    atBottomHysteresis: f,
-    initialAlignment: y = "bottom",
-    scrollModifier: a,
-    onStartReached: v,
+    atBottomHysteresis: h,
+    initialAlignment: v = "bottom",
+    scrollModifier: f,
+    onStartReached: p,
     onEndReached: F,
-    startReachedThreshold: b = 300,
-    endReachedThreshold: P = 300,
-    scrollToMessageKey: h,
+    startReachedThreshold: M = 300,
+    endReachedThreshold: K = 300,
+    scrollToMessageKey: i,
     onScrollToMessageComplete: E,
-    onAtBottomChange: T,
-    components: M = {},
-    className: A,
-    style: L
-  } = i, {
-    scrollerRef: q,
-    innerRef: N,
-    virtualItems: k,
+    onAtBottomChange: g,
+    components: b = {},
+    className: S,
+    style: C
+  } = a, {
+    scrollerRef: j,
+    innerRef: U,
+    virtualItems: L,
     totalSize: H,
     measureItem: u,
-    scrollToIndex: m,
-    scrollToBottom: R,
+    scrollToIndex: A,
+    scrollToBottom: T,
     scrollToKey: w,
-    isAtBottom: p,
-    prepareAnchor: B
-  } = be({
+    isAtBottom: B,
+    prepareAnchor: D
+  } = He({
     items: t,
-    getKey: (W, O) => c(O, W),
+    getKey: (q, ee) => c(ee, q),
     estimatedItemSize: n,
     overscan: r,
     atBottomThreshold: l,
-    atBottomHysteresis: f,
-    followOutput: S,
-    initialAlignment: y,
-    scrollModifier: a,
-    onStartReached: v,
+    atBottomHysteresis: h,
+    followOutput: y,
+    initialAlignment: v,
+    scrollModifier: f,
+    onStartReached: p,
     onEndReached: F,
-    startReachedThreshold: b,
-    endReachedThreshold: P,
-    scrollToMessageKey: h,
+    startReachedThreshold: M,
+    endReachedThreshold: K,
+    scrollToMessageKey: i,
     onScrollToMessageComplete: E
-  }), j = se.useRef(p);
-  se.useEffect(() => {
-    j.current !== p && (j.current = p, T == null || T(p));
-  }, [p, T]), pe(
+  }), z = oe.useRef(B);
+  oe.useEffect(() => {
+    z.current !== B && (z.current = B, g == null || g(B));
+  }, [B, g]), ve(
     e,
     () => ({
-      scrollToBottom: R,
-      scrollToIndex: m,
+      scrollToBottom: T,
+      scrollToIndex: A,
       scrollToKey: w,
       getScrollTop: () => {
-        var W;
-        return ((W = q.current) == null ? void 0 : W.scrollTop) ?? 0;
+        var q;
+        return ((q = j.current) == null ? void 0 : q.scrollTop) ?? 0;
       },
-      isAtBottom: () => p,
-      prepareAnchor: B
+      isAtBottom: () => B,
+      prepareAnchor: D
     }),
-    [R, m, w, q, p, B]
+    [T, A, w, j, B, D]
   );
-  const { Header: D, Footer: G, EmptyPlaceholder: Q } = M;
-  return t.length === 0 && Q ? /* @__PURE__ */ J(Q, {}) : /* @__PURE__ */ ue(
+  const { Header: O, Footer: N, EmptyPlaceholder: G } = b;
+  return t.length === 0 && G ? /* @__PURE__ */ J(G, {}) : /* @__PURE__ */ ae(
     "div",
     {
-      ref: q,
-      className: A,
+      ref: j,
+      className: S,
       style: {
         overflow: "auto",
         height: "100%",
@@ -639,60 +646,60 @@ function He(i, e) {
         // the library prepend compensation logic.
         overflowAnchor: "none",
         overscrollBehaviorY: "contain",
-        ...L
+        ...C
       },
       children: [
-        D && /* @__PURE__ */ J(D, {}),
-        /* @__PURE__ */ J("div", { ref: N, style: { height: H, position: "relative", width: "100%" }, children: k.map((W) => /* @__PURE__ */ J(
-          fe,
+        O && /* @__PURE__ */ J(O, {}),
+        /* @__PURE__ */ J("div", { ref: U, style: { height: H, position: "relative", width: "100%" }, children: L.map((q) => /* @__PURE__ */ J(
+          he,
           {
-            virtualItem: W,
+            virtualItem: q,
             measureItem: u,
-            children: s(W.index, W.data)
+            children: s(q.index, q.data)
           },
-          W.key
+          q.key
         )) }),
-        G && /* @__PURE__ */ J(G, {})
+        N && /* @__PURE__ */ J(N, {})
       ]
     }
   );
 }
-const Ke = ge(He);
-function Pe({
-  data: i,
+const Ke = ge(Me);
+function Ee({
+  data: a,
   itemContent: e,
   computeItemKey: t,
   estimatedItemSize: s = 60,
   overscan: c = 20,
   onEndReached: n,
   endReachedThreshold: r = 300,
-  components: S = {},
+  components: y = {},
   className: l,
-  style: f
+  style: h
 }) {
-  const { scrollerRef: y, innerRef: a, virtualItems: v, totalSize: F, measureItem: b } = ae({
-    items: i,
-    getKey: (T, M) => t(M, T),
+  const { scrollerRef: v, innerRef: f, virtualItems: p, totalSize: F, measureItem: M } = fe({
+    items: a,
+    getKey: (g, b) => t(b, g),
     estimatedItemSize: s,
     overscan: c,
     initialAlignment: "top"
   });
-  se.useEffect(() => {
-    const T = y.current;
-    if (!T || !n) return;
-    let M = !1;
-    const A = () => {
-      T.scrollHeight - T.scrollTop - T.clientHeight <= r && !M && (M = !0, Promise.resolve(n()).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", 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(
+    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",
@@ -701,25 +708,25 @@ function Pe({
         // Keep scrolling behavior deterministic when items are inserted above.
         overflowAnchor: "none",
         overscrollBehaviorY: "contain",
-        ...f
+        ...h
       },
       children: [
-        P && /* @__PURE__ */ J(P, {}),
-        /* @__PURE__ */ J("div", { ref: a, style: { height: F, position: "relative", width: "100%" }, children: v.map((T) => /* @__PURE__ */ J(
-          fe,
+        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: b,
-            children: e(T.index, T.data)
+            virtualItem: g,
+            measureItem: M,
+            children: e(g.index, g.data)
           },
-          T.key
+          g.key
         )) }),
-        h && /* @__PURE__ */ J(h, {})
+        i && /* @__PURE__ */ J(i, {})
       ]
     }
   );
 }
-function Ee(i) {
+function Be(a) {
   const {
     fetcher: e,
     initialPage: t = 1,
@@ -727,77 +734,77 @@ function Ee(i) {
     getKey: c,
     onPageLoaded: n,
     onError: r
-  } = 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);
+  } = 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 (!(A.current || !a)) {
-      A.current = !0, T(!0);
+  ), j = k(async () => {
+    if (!(S.current || !f)) {
+      S.current = !0, g(!0);
       try {
-        const u = f + 1, m = await e(u), R = L(m.data);
+        const u = h + 1, A = await e(u), T = C(A.data);
         l(
-          (w) => s === "prepend" ? [...R, ...w] : [...w, ...R]
-        ), y(u), v(m.hasNextPage), b(m.hasPrevPage), n == null || n(u, R);
+          (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), A.current = !1;
+        g(!1), S.current = !1;
       }
     }
-  }, [f, a, e, L, s, n, r]), N = C(async () => {
-    if (!(A.current || !F)) {
-      A.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 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);
+        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), A.current = !1;
+        g(!1), S.current = !1;
       }
     }
-  }, [f, F, e, L, n, r]), k = C(async () => {
-    if (!A.current) {
-      A.current = !0, h(!0);
+  }, [h, F, e, C, n, r]), L = k(async () => {
+    if (!S.current) {
+      S.current = !0, i(!0);
       try {
-        const u = await e(t), m = u.data;
+        const u = await e(t), A = u.data;
         if (c) {
-          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 s === "prepend" ? [...m, ...p] : [...p, ...m];
+          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(m);
-        y(t), v(u.hasNextPage), b(u.hasPrevPage), n == null || n(t, m);
+          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), A.current = !1;
+        i(!1), S.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;
+  }, [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: N,
-    hasNextPage: a,
+    items: y,
+    loadNextPage: j,
+    loadPrevPage: U,
+    hasNextPage: f,
     hasPrevPage: F,
-    loading: P,
+    loading: K,
     loadingMore: E,
-    refresh: k,
+    refresh: L,
     reset: H,
-    currentPage: f
+    currentPage: h
   };
 }
 export {
   Ke as ChatVirtualList,
-  Pe as VirtualList,
-  be as useChatVirtualizer,
-  Ee as usePagination
+  Ee as VirtualList,
+  He as useChatVirtualizer,
+  Be as usePagination
 };