react-anchorlist 0.2.0 → 0.2.3

package/dist/index.js

@@ -1,7 +1,7 @@
-import { jsx as M, jsxs as q } from "react/jsx-runtime";
-import * as _ from "react";
-import { useCallback as C, useRef as I, useState as L, useEffect as V, useLayoutEffect as j, forwardRef as $, useImperativeHandle as G } from "react";
-class J {
+import { jsx as B, jsxs as $ } from "react/jsx-runtime";
+import * as U from "react";
+import { useCallback as L, useRef as y, useState as V, useEffect as N, useLayoutEffect as D, forwardRef as Q, useImperativeHandle as W } from "react";
+class X {
   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 J {
     return this.sizes;
   }
 }
-class Q {
+class Z {
   constructor() {
     this.cache = /* @__PURE__ */ new Map();
   }
@@ -69,271 +69,310 @@ class Q {
   }
   /** Re-applies all cached sizes to the OffsetMap using a key→index map */
   applyToOffsetMap(e, t) {
-    for (const [n, s] of this.cache) {
-      const i = t.get(n);
-      i !== void 0 && e.setSize(i, s);
+    for (const [n, i] of this.cache) {
+      const r = t.get(n);
+      r !== void 0 && e.setSize(r, i);
     }
   }
 }
-function U(l, e) {
+function ee(l, e) {
   if (l.length === 0) return 0;
   let t = 0, n = l.length - 1;
   for (; t < n; ) {
-    const s = t + n >> 1;
-    (l[s] ?? 0) < e ? t = s + 1 : n = s;
+    const i = t + n >> 1;
+    (l[i] ?? 0) < e ? t = i + 1 : n = i;
   }
   return Math.max(0, t > 0 && (l[t] ?? 0) > e ? t - 1 : t);
 }
-function W(l, e, t) {
+function te(l, e, t) {
   if (l.length === 0) return 0;
   for (let n = l.length - 1; n >= 0; n--)
     if ((l[n] ?? 0) < t) return n;
   return 0;
 }
-function X(l) {
-  const { firstVisible: e, lastVisible: t, itemCount: n, overscan: s } = l;
+function re(l) {
+  const { firstVisible: e, lastVisible: t, itemCount: n, overscan: i } = l;
   return n === 0 ? { start: 0, end: -1 } : {
-    start: Math.max(0, e - s),
-    end: Math.min(n - 1, t + s)
+    start: Math.max(0, e - i),
+    end: Math.min(n - 1, t + i)
   };
 }
-function Z(l, e) {
-  return C(
-    (t, n) => {
-      const s = l.current, i = e.current;
-      if (!s || !i) return;
-      const o = i.getOffset(t), m = i.getSize(t), p = (n == null ? void 0 : n.align) ?? "start", v = (n == null ? void 0 : n.behavior) ?? "auto", S = (n == null ? void 0 : n.offset) ?? 0;
-      let x;
-      p === "start" ? x = o + S : p === "center" ? x = o - s.clientHeight / 2 + m / 2 + S : x = o - s.clientHeight + m + S, s.scrollTo({ top: Math.max(0, x), behavior: v });
+function ne(l, e, t) {
+  return L(
+    (n, i) => {
+      var K;
+      const r = l.current, o = e.current;
+      if (!r || !o) return;
+      let m, s;
+      if (typeof n == "object" && n !== null ? (m = n.index, s = {
+        align: n.align,
+        behavior: n.behavior,
+        offset: n.offset
+      }) : (m = n, s = i), !Number.isFinite(m)) return;
+      const d = Math.max(0, Math.min(Math.floor(m), o.count - 1)), f = ((K = t == null ? void 0 : t.current) == null ? void 0 : K.offsetTop) ?? 0, A = o.getOffset(d), T = o.getSize(d), R = (s == null ? void 0 : s.align) ?? "start", u = (s == null ? void 0 : s.behavior) ?? "auto", H = (s == null ? void 0 : s.offset) ?? 0;
+      let v;
+      R === "start" ? v = f + A + H : R === "center" ? v = f + A - r.clientHeight / 2 + T / 2 + H : v = f + A - r.clientHeight + T + H, r.scrollTo({ top: Math.max(0, v), behavior: u });
     },
-    [l, e]
+    [l, e, t]
   );
 }
-function D(l) {
-  const { items: e, getKey: t, estimatedItemSize: n, overscan: s, initialAlignment: i } = l, o = I(null), m = I(null), p = I(new Q()), v = I([]), S = I(!1), x = I(0), R = I(0), P = I(null), [, u] = L(0), b = C(() => u((r) => r + 1), []);
-  m.current || (m.current = new J(e.length, n));
-  const E = I(e.length);
-  if (e.length !== E.current || e.some((r, c) => {
-    const T = t(r, c);
-    return v.current[c] !== T;
+function G(l) {
+  var q;
+  const { items: e, getKey: t, estimatedItemSize: n, overscan: i, initialAlignment: r } = l, o = y(null), m = y(null), s = y(null), d = y(new Z()), f = y([]), A = y(!1), T = y(0), R = y(0), u = y(null), [, H] = V(0), v = L(() => H((a) => a + 1), []);
+  s.current || (s.current = new X(e.length, n));
+  const K = y(e.length);
+  if (e.length !== K.current || e.some((a, h) => {
+    const z = t(a, h);
+    return f.current[h] !== z;
   })) {
-    const r = m.current, c = e.map((k, N) => t(k, N)), T = v.current, K = T.length, w = c.length;
-    w === 0 ? r.resize(0) : K === 0 ? r.resize(w) : w > K ? T.length > 0 && c[w - K] === T[0] ? r.prepend(w - K) : r.resize(w) : w < K && r.resize(w);
-    const g = /* @__PURE__ */ new Map();
-    c.forEach((k, N) => g.set(k, N)), p.current.applyToOffsetMap(r, g), v.current = c, E.current = e.length;
+    const a = s.current, h = e.map((O, Y) => t(O, Y)), z = f.current, k = z.length, E = h.length;
+    E === 0 ? a.resize(0) : k === 0 ? a.resize(E) : E > k ? z.length > 0 && h[E - k] === z[0] ? a.prepend(E - k) : a.resize(E) : E < k && a.resize(E);
+    const M = /* @__PURE__ */ new Map();
+    h.forEach((O, Y) => M.set(O, Y)), d.current.applyToOffsetMap(a, M), f.current = h, K.current = e.length;
   }
-  V(() => {
-    const r = o.current;
-    if (!r) return;
-    const c = () => {
-      P.current === null && (P.current = requestAnimationFrame(() => {
-        P.current = null, x.current = r.scrollTop, R.current = r.clientHeight, b();
+  N(() => {
+    const a = o.current;
+    if (!a) return;
+    const h = () => {
+      u.current === null && (u.current = requestAnimationFrame(() => {
+        u.current = null, T.current = a.scrollTop, R.current = a.clientHeight, v();
       }));
     };
-    return r.addEventListener("scroll", c, { passive: !0 }), () => {
-      r.removeEventListener("scroll", c), P.current !== null && (cancelAnimationFrame(P.current), P.current = null);
+    return a.addEventListener("scroll", h, { passive: !0 }), () => {
+      a.removeEventListener("scroll", h), u.current !== null && (cancelAnimationFrame(u.current), u.current = null);
     };
-  }, [b]), V(() => {
-    const r = o.current;
-    if (!r) return;
-    R.current = r.clientHeight, x.current = r.scrollTop;
-    const c = new ResizeObserver(([T]) => {
-      T && (R.current = T.contentRect.height, b());
+  }, [v]), N(() => {
+    const a = o.current;
+    if (!a) return;
+    R.current = a.clientHeight, T.current = a.scrollTop;
+    const h = new ResizeObserver(([z]) => {
+      z && (R.current = z.contentRect.height, v());
     });
-    return c.observe(r), () => c.disconnect();
-  }, [b]), j(() => {
-    if (S.current || e.length === 0) return;
-    const r = o.current;
-    r && (i === "bottom" && (r.scrollTop = r.scrollHeight, x.current = r.scrollTop), S.current = !0);
-  }, [i, e.length]), V(() => {
-    e.length === 0 && (S.current = !1);
+    return h.observe(a), () => h.disconnect();
+  }, [v]), D(() => {
+    if (A.current || e.length === 0) return;
+    const a = o.current;
+    a && (r === "bottom" && (a.scrollTop = a.scrollHeight, T.current = a.scrollTop), A.current = !0);
+  }, [r, e.length]), N(() => {
+    e.length === 0 && (A.current = !1);
   }, [e.length]);
-  const A = C((r, c) => {
-    const T = m.current;
-    if (!T || p.current.get(r) === c) return;
-    p.current.set(r, c);
-    const w = v.current.indexOf(r);
-    if (w === -1) return;
-    T.setSize(w, c) && b();
-  }, [b]), O = C(
-    (r, c = "auto") => {
-      var T;
-      (T = o.current) == null || T.scrollTo({ top: r, behavior: c });
+  const F = L((a, h) => {
+    const z = s.current;
+    if (!z || d.current.get(a) === h) return;
+    d.current.set(a, h);
+    const E = f.current.indexOf(a);
+    if (E === -1) return;
+    z.setSize(E, h) && v();
+  }, [v]), I = L(
+    (a, h = "auto") => {
+      var z;
+      (z = o.current) == null || z.scrollTo({ top: a, behavior: h });
     },
     []
-  ), H = Z(o, m), y = m.current, h = y ? y.totalSize() : 0, d = o.current, F = (d == null ? void 0 : d.scrollTop) ?? x.current, B = (d == null ? void 0 : d.clientHeight) ?? R.current;
-  let a = [];
-  if (y && y.count > 0 && B > 0) {
-    const r = y.getOffsets(), c = y.getSizes(), T = U(r, F), K = W(r, c, F + B), w = X({
-      firstVisible: T,
-      lastVisible: K,
-      itemCount: y.count,
-      overscan: s
+  ), C = ne(o, s, m), b = s.current, _ = b ? b.totalSize() : 0, w = o.current, p = (w == null ? void 0 : w.scrollTop) ?? T.current, c = (w == null ? void 0 : w.clientHeight) ?? R.current, g = ((q = m.current) == null ? void 0 : q.offsetTop) ?? 0, x = Math.max(0, p - g);
+  let P = [];
+  if (b && b.count > 0 && c > 0) {
+    const a = b.getOffsets(), h = b.getSizes(), z = ee(a, x), k = te(
+      a,
+      h,
+      x + c
+    ), E = re({
+      firstVisible: z,
+      lastVisible: k,
+      itemCount: b.count,
+      overscan: i
     });
-    for (let g = w.start; g <= w.end && g < e.length; g++)
-      a.push({
-        key: v.current[g] ?? t(e[g], g),
-        index: g,
-        start: y.getOffset(g),
-        size: y.getSize(g),
-        data: e[g]
+    for (let M = E.start; M <= E.end && M < e.length; M++)
+      P.push({
+        key: f.current[M] ?? t(e[M], M),
+        index: M,
+        start: b.getOffset(M),
+        size: b.getSize(M),
+        data: e[M]
       });
-  } else if (y && y.count > 0) {
-    const r = Math.min(e.length - 1, s * 2);
-    for (let c = 0; c <= r; c++)
-      a.push({
-        key: v.current[c] ?? t(e[c], c),
-        index: c,
-        start: y.getOffset(c),
-        size: y.getSize(c),
-        data: e[c]
+  } else if (b && b.count > 0) {
+    const a = Math.min(e.length - 1, i * 2);
+    for (let h = 0; h <= a; h++)
+      P.push({
+        key: f.current[h] ?? t(e[h], h),
+        index: h,
+        start: b.getOffset(h),
+        size: b.getSize(h),
+        data: e[h]
       });
   }
-  const f = d ? d.scrollHeight - d.scrollTop - d.clientHeight : 1 / 0;
+  const j = w ? w.scrollHeight - w.scrollTop - w.clientHeight : 1 / 0;
   return {
     scrollerRef: o,
-    virtualItems: a,
-    totalSize: h,
-    measureItem: A,
-    scrollToIndex: H,
-    scrollToOffset: O,
-    isAtTop: F <= 0,
-    isAtBottom: f <= 0,
-    scrollTop: F
+    innerRef: m,
+    virtualItems: P,
+    totalSize: _,
+    measureItem: F,
+    scrollToIndex: C,
+    scrollToOffset: I,
+    isAtTop: p <= 1,
+    isAtBottom: j <= 1,
+    scrollTop: p
   };
 }
-function ee(l, e) {
-  const t = I(0), n = I(0), s = I(!1), i = C(() => {
-    const o = l.current;
-    o && (t.current = o.scrollTop, n.current = o.scrollHeight, s.current = !0);
+function se(l, e) {
+  const t = y(0), n = y(0), i = y(!1), r = y({
+    first: null,
+    second: null,
+    timeout: null
+  }), o = L(() => {
+    const { first: s, second: d, timeout: f } = r.current;
+    s && cancelAnimationFrame(s), d && cancelAnimationFrame(d), f && clearTimeout(f), r.current = { first: null, second: null, timeout: null };
+  }, []), m = L(() => {
+    const s = l.current;
+    s && (t.current = s.scrollTop, n.current = s.scrollHeight, i.current = !0);
   }, [l]);
-  return j(() => {
-    if (!s.current) return;
-    const o = l.current;
-    if (!o) return;
-    const m = o.scrollHeight - n.current;
-    m > 0 && (o.scrollTop = t.current + m), s.current = !1;
-  }, [e, l]), { prepareAnchor: i };
+  return D(() => {
+    if (!i.current) return;
+    const s = l.current;
+    if (!s) return;
+    i.current = !1;
+    const d = () => {
+      const f = t.current + (s.scrollHeight - n.current);
+      Number.isFinite(f) && Math.abs(s.scrollTop - f) > 1 && (s.scrollTop = f);
+    };
+    return o(), d(), r.current.first = requestAnimationFrame(() => {
+      r.current.first = null, d(), r.current.second = requestAnimationFrame(() => {
+        r.current.second = null, d();
+      });
+    }), r.current.timeout = setTimeout(() => {
+      r.current.timeout = null, d();
+    }, 90), () => o();
+  }, [e, l, o]), { prepareAnchor: m };
 }
-function te(l, e) {
-  const [t, n] = L(!0), s = I(null);
-  return V(() => {
-    const i = l.current;
-    if (!i) return;
+function oe(l, e) {
+  const [t, n] = V(!0), i = y(null);
+  return N(() => {
+    const r = l.current;
+    if (!r) return;
     const o = () => {
-      const p = i.scrollHeight - i.scrollTop - i.clientHeight;
-      n(p <= e);
+      const s = r.scrollHeight - r.scrollTop - r.clientHeight;
+      n(s <= e);
     }, m = () => {
-      s.current !== null && cancelAnimationFrame(s.current), s.current = requestAnimationFrame(o);
+      i.current !== null && cancelAnimationFrame(i.current), i.current = requestAnimationFrame(o);
     };
-    return i.addEventListener("scroll", m, { passive: !0 }), o(), () => {
-      i.removeEventListener("scroll", m), s.current !== null && cancelAnimationFrame(s.current);
+    return r.addEventListener("scroll", m, { passive: !0 }), o(), () => {
+      r.removeEventListener("scroll", m), i.current !== null && cancelAnimationFrame(i.current);
     };
   }, [l, e]), t;
 }
-function re(l) {
-  const { itemCount: e, isAtBottom: t, scrollToIndex: n, mode: s } = l, i = I(e);
-  j(() => {
-    s && (e > i.current && t && e > 0 && n(e - 1, {
+function ie(l) {
+  const { itemCount: e, firstKey: t, lastKey: n, isAtBottom: i, scrollToIndex: r, mode: o } = l, m = y(e), s = y(t), d = y(n);
+  D(() => {
+    if (!o) {
+      m.current = e, s.current = t, d.current = n;
+      return;
+    }
+    const f = m.current, A = s.current, T = d.current;
+    e > f && t === A && n !== T && i && e > 0 && r(e - 1, {
       align: "end",
-      behavior: s === "smooth" ? "smooth" : "auto"
-    }), i.current = e);
-  }, [e, t, n, s]);
+      behavior: o === "smooth" ? "smooth" : "auto"
+    }), m.current = e, s.current = t, d.current = n;
+  }, [e, t, n, i, r, o]);
 }
-function ne(l) {
+function ce(l) {
   const {
     items: e,
     getKey: t,
     estimatedItemSize: n = 80,
-    overscan: s = 20,
-    atBottomThreshold: i = 200,
+    overscan: i = 20,
+    atBottomThreshold: r = 200,
     followOutput: o = "auto",
     initialAlignment: m = "bottom",
-    onStartReached: p,
-    onEndReached: v,
-    startReachedThreshold: S = 300,
-    endReachedThreshold: x = 300,
-    scrollToMessageKey: R,
-    onScrollToMessageComplete: P
-  } = l, u = D({
+    onStartReached: s,
+    onEndReached: d,
+    startReachedThreshold: f = 300,
+    endReachedThreshold: A = 300,
+    scrollToMessageKey: T,
+    onScrollToMessageComplete: R
+  } = l, u = G({
     items: e,
     getKey: t,
     estimatedItemSize: n,
-    overscan: s,
+    overscan: i,
     initialAlignment: m
-  }), b = te(u.scrollerRef, i), { prepareAnchor: E } = ee(u.scrollerRef, e.length);
-  re({
+  }), H = oe(u.scrollerRef, r), { prepareAnchor: v } = se(u.scrollerRef, e.length), K = e.length > 0 ? t(e[0], 0) : null, S = e.length > 0 ? t(e[e.length - 1], e.length - 1) : null;
+  ie({
     itemCount: e.length,
-    isAtBottom: b,
+    firstKey: K,
+    lastKey: S,
+    isAtBottom: H,
     scrollToIndex: u.scrollToIndex,
     mode: o ?? !1
   });
-  const z = I(!1);
-  V(() => {
-    const h = u.scrollerRef.current;
-    if (!h || !p) return;
-    const d = () => {
-      h.scrollTop <= S && !z.current && (z.current = !0, Promise.resolve(p()).finally(() => {
-        z.current = !1;
+  const F = y(!1), I = y(m === "top");
+  N(() => {
+    const p = u.scrollerRef.current;
+    if (!p || !s) return;
+    const c = () => {
+      const g = p.scrollTop;
+      !I.current && g > f && (I.current = !0), I.current && g <= f && !F.current && (F.current = !0, Promise.resolve(s()).finally(() => {
+        F.current = !1;
       }));
     };
-    return h.addEventListener("scroll", d, { passive: !0 }), () => h.removeEventListener("scroll", d);
-  }, [u.scrollerRef, p, S]);
-  const A = I(!1);
-  V(() => {
-    const h = u.scrollerRef.current;
-    if (!h || !v) return;
-    const d = () => {
-      h.scrollHeight - h.scrollTop - h.clientHeight <= x && !A.current && (A.current = !0, Promise.resolve(v()).finally(() => {
-        A.current = !1;
+    return p.addEventListener("scroll", c, { passive: !0 }), () => p.removeEventListener("scroll", c);
+  }, [u.scrollerRef, s, f, m]);
+  const C = y(!1);
+  N(() => {
+    const p = u.scrollerRef.current;
+    if (!p || !d) return;
+    const c = () => {
+      p.scrollHeight - p.scrollTop - p.clientHeight <= A && !C.current && (C.current = !0, Promise.resolve(d()).finally(() => {
+        C.current = !1;
       }));
     };
-    return h.addEventListener("scroll", d, { passive: !0 }), () => h.removeEventListener("scroll", d);
-  }, [u.scrollerRef, v, x]);
-  const O = I(null);
-  V(() => {
-    if (!R || O.current === R) return;
-    const h = e.findIndex((d, F) => t(d, F) === R);
-    h !== -1 && (O.current = R, u.scrollToIndex(h, { align: "center", behavior: "smooth" }), P == null || P());
-  }, [R, e, t, u, P]);
-  const H = C(
-    (h = "auto") => {
-      e.length !== 0 && u.scrollToIndex(e.length - 1, { align: "end", behavior: h });
+    return p.addEventListener("scroll", c, { passive: !0 }), () => p.removeEventListener("scroll", c);
+  }, [u.scrollerRef, d, A]);
+  const b = y(null);
+  N(() => {
+    if (!T || b.current === T) return;
+    const p = e.findIndex((c, g) => t(c, g) === T);
+    p !== -1 && (b.current = T, u.scrollToIndex(p, { align: "center", behavior: "smooth" }), R == null || R());
+  }, [T, e, t, u, R]);
+  const _ = L(
+    (p = "auto") => {
+      e.length !== 0 && u.scrollToIndex(e.length - 1, { align: "end", behavior: p });
     },
     [e.length, u]
-  ), y = C(
-    (h, d) => {
-      const F = e.findIndex((B, a) => t(B, a) === h);
-      F !== -1 && u.scrollToIndex(F, d);
+  ), w = L(
+    (p, c) => {
+      const g = e.findIndex((x, P) => t(x, P) === p);
+      g !== -1 && u.scrollToIndex(g, c);
     },
     [e, t, u]
   );
   return {
     scrollerRef: u.scrollerRef,
+    innerRef: u.innerRef,
     virtualItems: u.virtualItems,
     totalSize: u.totalSize,
     measureItem: u.measureItem,
     scrollToIndex: u.scrollToIndex,
-    scrollToBottom: H,
-    scrollToKey: y,
-    isAtBottom: b,
-    prepareAnchor: E
+    scrollToBottom: _,
+    scrollToKey: w,
+    isAtBottom: H,
+    prepareAnchor: v
   };
 }
-function Y({
+function J({
   virtualItem: l,
   measureItem: e,
   children: t
 }) {
-  const n = I(null);
-  return V(() => {
-    const s = n.current;
-    if (!s) return;
-    const i = new ResizeObserver(([o]) => {
+  const n = y(null);
+  return N(() => {
+    const i = n.current;
+    if (!i) return;
+    const r = new ResizeObserver(([o]) => {
       o && e(l.key, o.contentRect.height);
     });
-    return i.observe(s), () => i.disconnect();
-  }, [l.key, e]), /* @__PURE__ */ M(
+    return r.observe(i), () => r.disconnect();
+  }, [l.key, e]), /* @__PURE__ */ B(
     "div",
     {
       ref: n,
@@ -350,234 +389,237 @@ function Y({
     }
   );
 }
-function se(l, e) {
+function le(l, e) {
   const {
     data: t,
     itemContent: n,
-    computeItemKey: s,
-    estimatedItemSize: i = 80,
+    computeItemKey: i,
+    estimatedItemSize: r = 80,
     overscan: o = 20,
     followOutput: m = "auto",
-    atBottomThreshold: p = 200,
-    initialAlignment: v = "bottom",
-    onStartReached: S,
-    onEndReached: x,
-    startReachedThreshold: R = 300,
-    endReachedThreshold: P = 300,
+    atBottomThreshold: s = 200,
+    initialAlignment: d = "bottom",
+    onStartReached: f,
+    onEndReached: A,
+    startReachedThreshold: T = 300,
+    endReachedThreshold: R = 300,
     scrollToMessageKey: u,
-    onScrollToMessageComplete: b,
-    onAtBottomChange: E,
-    components: z = {},
-    className: A,
-    style: O
+    onScrollToMessageComplete: H,
+    onAtBottomChange: v,
+    components: K = {},
+    className: S,
+    style: F
   } = l, {
-    scrollerRef: H,
-    virtualItems: y,
-    totalSize: h,
-    measureItem: d,
-    scrollToIndex: F,
-    scrollToBottom: B,
-    scrollToKey: a,
-    isAtBottom: f,
-    prepareAnchor: r
-  } = ne({
+    scrollerRef: I,
+    innerRef: C,
+    virtualItems: b,
+    totalSize: _,
+    measureItem: w,
+    scrollToIndex: p,
+    scrollToBottom: c,
+    scrollToKey: g,
+    isAtBottom: x,
+    prepareAnchor: P
+  } = ce({
     items: t,
-    getKey: (g, k) => s(k, g),
-    estimatedItemSize: i,
+    getKey: (z, k) => i(k, z),
+    estimatedItemSize: r,
     overscan: o,
-    atBottomThreshold: p,
+    atBottomThreshold: s,
     followOutput: m,
-    initialAlignment: v,
-    onStartReached: S,
-    onEndReached: x,
-    startReachedThreshold: R,
-    endReachedThreshold: P,
+    initialAlignment: d,
+    onStartReached: f,
+    onEndReached: A,
+    startReachedThreshold: T,
+    endReachedThreshold: R,
     scrollToMessageKey: u,
-    onScrollToMessageComplete: b
-  }), c = _.useRef(f);
-  _.useEffect(() => {
-    c.current !== f && (c.current = f, E == null || E(f));
-  }, [f, E]), G(
+    onScrollToMessageComplete: H
+  }), j = U.useRef(x);
+  U.useEffect(() => {
+    j.current !== x && (j.current = x, v == null || v(x));
+  }, [x, v]), W(
     e,
     () => ({
-      scrollToBottom: B,
-      scrollToIndex: F,
-      scrollToKey: a,
+      scrollToBottom: c,
+      scrollToIndex: p,
+      scrollToKey: g,
       getScrollTop: () => {
-        var g;
-        return ((g = H.current) == null ? void 0 : g.scrollTop) ?? 0;
+        var z;
+        return ((z = I.current) == null ? void 0 : z.scrollTop) ?? 0;
       },
-      isAtBottom: () => f,
-      prepareAnchor: r
+      isAtBottom: () => x,
+      prepareAnchor: P
     }),
-    [B, F, a, H, f, r]
+    [c, p, g, I, x, P]
   );
-  const { Header: T, Footer: K, EmptyPlaceholder: w } = z;
-  return t.length === 0 && w ? /* @__PURE__ */ M(w, {}) : /* @__PURE__ */ q(
+  const { Header: q, Footer: a, EmptyPlaceholder: h } = K;
+  return t.length === 0 && h ? /* @__PURE__ */ B(h, {}) : /* @__PURE__ */ $(
     "div",
     {
-      ref: H,
-      className: A,
+      ref: I,
+      className: S,
       style: {
         overflow: "auto",
         height: "100%",
         position: "relative",
-        ...O
+        overscrollBehaviorY: "contain",
+        ...F
       },
       children: [
-        T && /* @__PURE__ */ M(T, {}),
-        /* @__PURE__ */ M("div", { style: { height: h, position: "relative", width: "100%" }, children: y.map((g) => /* @__PURE__ */ M(
-          Y,
+        q && /* @__PURE__ */ B(q, {}),
+        /* @__PURE__ */ B("div", { ref: C, style: { height: _, position: "relative", width: "100%" }, children: b.map((z) => /* @__PURE__ */ B(
+          J,
           {
-            virtualItem: g,
-            measureItem: d,
-            children: n(g.index, g.data)
+            virtualItem: z,
+            measureItem: w,
+            children: n(z.index, z.data)
           },
-          g.key
+          z.key
         )) }),
-        K && /* @__PURE__ */ M(K, {})
+        a && /* @__PURE__ */ B(a, {})
       ]
     }
   );
 }
-const ce = $(se);
-function le({
+const fe = Q(le);
+function he({
   data: l,
   itemContent: e,
   computeItemKey: t,
   estimatedItemSize: n = 60,
-  overscan: s = 20,
-  onEndReached: i,
+  overscan: i = 20,
+  onEndReached: r,
   endReachedThreshold: o = 300,
   components: m = {},
-  className: p,
-  style: v
+  className: s,
+  style: d
 }) {
-  const { scrollerRef: S, virtualItems: x, totalSize: R, measureItem: P } = D({
+  const { scrollerRef: f, innerRef: A, virtualItems: T, totalSize: R, measureItem: u } = G({
     items: l,
-    getKey: (z, A) => t(A, z),
+    getKey: (S, F) => t(F, S),
     estimatedItemSize: n,
-    overscan: s,
+    overscan: i,
     initialAlignment: "top"
   });
-  _.useEffect(() => {
-    const z = S.current;
-    if (!z || !i) return;
-    let A = !1;
-    const O = () => {
-      z.scrollHeight - z.scrollTop - z.clientHeight <= o && !A && (A = !0, Promise.resolve(i()).finally(() => {
-        A = !1;
+  U.useEffect(() => {
+    const S = f.current;
+    if (!S || !r) return;
+    let F = !1;
+    const I = () => {
+      S.scrollHeight - S.scrollTop - S.clientHeight <= o && !F && (F = !0, Promise.resolve(r()).finally(() => {
+        F = !1;
       }));
     };
-    return z.addEventListener("scroll", O, { passive: !0 }), () => z.removeEventListener("scroll", O);
-  }, [S, i, o]);
-  const { Header: u, Footer: b, EmptyPlaceholder: E } = m;
-  return l.length === 0 && E ? /* @__PURE__ */ M(E, {}) : /* @__PURE__ */ q(
+    return S.addEventListener("scroll", I, { passive: !0 }), () => S.removeEventListener("scroll", I);
+  }, [f, r, o]);
+  const { Header: H, Footer: v, EmptyPlaceholder: K } = m;
+  return l.length === 0 && K ? /* @__PURE__ */ B(K, {}) : /* @__PURE__ */ $(
     "div",
     {
-      ref: S,
-      className: p,
+      ref: f,
+      className: s,
       style: {
         overflow: "auto",
         height: "100%",
         position: "relative",
-        ...v
+        overscrollBehaviorY: "contain",
+        ...d
       },
       children: [
-        u && /* @__PURE__ */ M(u, {}),
-        /* @__PURE__ */ M("div", { style: { height: R, position: "relative", width: "100%" }, children: x.map((z) => /* @__PURE__ */ M(
-          Y,
+        H && /* @__PURE__ */ B(H, {}),
+        /* @__PURE__ */ B("div", { ref: A, style: { height: R, position: "relative", width: "100%" }, children: T.map((S) => /* @__PURE__ */ B(
+          J,
           {
-            virtualItem: z,
-            measureItem: P,
-            children: e(z.index, z.data)
+            virtualItem: S,
+            measureItem: u,
+            children: e(S.index, S.data)
           },
-          z.key
+          S.key
         )) }),
-        b && /* @__PURE__ */ M(b, {})
+        v && /* @__PURE__ */ B(v, {})
       ]
     }
   );
 }
-function ae(l) {
+function de(l) {
   const {
     fetcher: e,
     initialPage: t = 1,
     direction: n = "append",
-    getKey: s,
-    onPageLoaded: i,
+    getKey: i,
+    onPageLoaded: r,
     onError: o
-  } = l, [m, p] = L([]), [v, S] = L(t), [x, R] = L(!0), [P, u] = L(!1), [b, E] = L(!1), [z, A] = L(!1), O = I(/* @__PURE__ */ new Set()), H = I(!1), y = C(
-    (a) => s ? a.filter((f) => {
-      const r = s(f);
-      return O.current.has(r) ? !1 : (O.current.add(r), !0);
-    }) : a,
-    [s]
-  ), h = C(async () => {
-    if (!(H.current || !x)) {
-      H.current = !0, A(!0);
+  } = l, [m, s] = V([]), [d, f] = V(t), [A, T] = V(!0), [R, u] = V(!1), [H, v] = V(!1), [K, S] = V(!1), F = y(/* @__PURE__ */ new Set()), I = y(!1), C = L(
+    (c) => i ? c.filter((g) => {
+      const x = i(g);
+      return F.current.has(x) ? !1 : (F.current.add(x), !0);
+    }) : c,
+    [i]
+  ), b = L(async () => {
+    if (!(I.current || !A)) {
+      I.current = !0, S(!0);
       try {
-        const a = v + 1, f = await e(a), r = y(f.data);
-        p(
-          (c) => n === "prepend" ? [...r, ...c] : [...c, ...r]
-        ), S(a), R(f.hasNextPage), u(f.hasPrevPage), i == null || i(a, r);
-      } catch (a) {
-        o == null || o(a instanceof Error ? a : new Error(String(a)));
+        const c = d + 1, g = await e(c), x = C(g.data);
+        s(
+          (P) => n === "prepend" ? [...x, ...P] : [...P, ...x]
+        ), f(c), T(g.hasNextPage), u(g.hasPrevPage), r == null || r(c, x);
+      } catch (c) {
+        o == null || o(c instanceof Error ? c : new Error(String(c)));
       } finally {
-        A(!1), H.current = !1;
+        S(!1), I.current = !1;
       }
     }
-  }, [v, x, e, y, n, i, o]), d = C(async () => {
-    if (!(H.current || !P)) {
-      H.current = !0, A(!0);
+  }, [d, A, e, C, n, r, o]), _ = L(async () => {
+    if (!(I.current || !R)) {
+      I.current = !0, S(!0);
       try {
-        const a = v - 1, f = await e(a), r = y(f.data);
-        p((c) => [...r, ...c]), S(a), u(f.hasPrevPage), R(f.hasNextPage), i == null || i(a, r);
-      } catch (a) {
-        o == null || o(a instanceof Error ? a : new Error(String(a)));
+        const c = d - 1, g = await e(c), x = C(g.data);
+        s((P) => [...x, ...P]), f(c), u(g.hasPrevPage), T(g.hasNextPage), r == null || r(c, x);
+      } catch (c) {
+        o == null || o(c instanceof Error ? c : new Error(String(c)));
       } finally {
-        A(!1), H.current = !1;
+        S(!1), I.current = !1;
       }
     }
-  }, [v, P, e, y, i, o]), F = C(async () => {
-    if (!H.current) {
-      H.current = !0, E(!0);
+  }, [d, R, e, C, r, o]), w = L(async () => {
+    if (!I.current) {
+      I.current = !0, v(!0);
       try {
-        const a = await e(t), f = a.data;
-        if (s) {
-          const r = new Set(f.map(s));
-          f.forEach((c) => O.current.add(s(c))), p((c) => {
-            const T = c.filter((K) => !r.has(s(K)));
-            return n === "prepend" ? [...f, ...T] : [...T, ...f];
+        const c = await e(t), g = c.data;
+        if (i) {
+          const x = new Set(g.map(i));
+          g.forEach((P) => F.current.add(i(P))), s((P) => {
+            const j = P.filter((q) => !x.has(i(q)));
+            return n === "prepend" ? [...g, ...j] : [...j, ...g];
           });
         } else
-          p(f);
-        S(t), R(a.hasNextPage), u(a.hasPrevPage), i == null || i(t, f);
-      } catch (a) {
-        o == null || o(a instanceof Error ? a : new Error(String(a)));
+          s(g);
+        f(t), T(c.hasNextPage), u(c.hasPrevPage), r == null || r(t, g);
+      } catch (c) {
+        o == null || o(c instanceof Error ? c : new Error(String(c)));
       } finally {
-        E(!1), H.current = !1;
+        v(!1), I.current = !1;
       }
     }
-  }, [e, t, s, n, i, o]), B = C(() => {
-    p([]), S(t), R(!0), u(!1), E(!1), A(!1), O.current.clear(), H.current = !1;
+  }, [e, t, i, n, r, o]), p = L(() => {
+    s([]), f(t), T(!0), u(!1), v(!1), S(!1), F.current.clear(), I.current = !1;
   }, [t]);
   return {
     items: m,
-    loadNextPage: h,
-    loadPrevPage: d,
-    hasNextPage: x,
-    hasPrevPage: P,
-    loading: b,
-    loadingMore: z,
-    refresh: F,
-    reset: B,
-    currentPage: v
+    loadNextPage: b,
+    loadPrevPage: _,
+    hasNextPage: A,
+    hasPrevPage: R,
+    loading: H,
+    loadingMore: K,
+    refresh: w,
+    reset: p,
+    currentPage: d
   };
 }
 export {
-  ce as ChatVirtualList,
-  le as VirtualList,
-  ne as useChatVirtualizer,
-  ae as usePagination
+  fe as ChatVirtualList,
+  he as VirtualList,
+  ce as useChatVirtualizer,
+  de as usePagination
 };