react-anchorlist 0.2.5 → 0.3.1

package/dist/index.js

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