react-anchorlist 0.2.1 → 0.2.4

package/dist/index.js

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