react-anchorlist 0.2.1 → 0.2.3

package/dist/index.js

@@ -1,6 +1,6 @@
-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";
+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);
@@ -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);
   }
@@ -69,521 +69,552 @@ 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, i] of this.cache) {
+      const r = t.get(n);
+      r !== void 0 && e.setSize(r, i);
     }
   }
 }
-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 ee(l, e) {
+  if (l.length === 0) return 0;
+  let t = 0, n = l.length - 1;
+  for (; t < n; ) {
+    const i = t + n >> 1;
+    (l[i] ?? 0) < e ? t = i + 1 : n = i;
   }
-  return Math.max(0, t > 0 && (o[t] ?? 0) > e ? t - 1 : t);
+  return Math.max(0, t > 0 && (l[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 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 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 re(l) {
+  const { firstVisible: e, lastVisible: t, itemCount: n, overscan: i } = l;
+  return n === 0 ? { start: 0, end: -1 } : {
+    start: Math.max(0, e - i),
+    end: Math.min(n - 1, t + i)
   };
 }
-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;
+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;
-      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 });
+      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 });
     },
-    [o, e, t]
+    [l, 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 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 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 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;
   }
   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();
+    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 c.addEventListener("scroll", f, { passive: !0 }), () => {
-      c.removeEventListener("scroll", f), l.current !== null && (cancelAnimationFrame(l.current), l.current = null);
+    return a.addEventListener("scroll", h, { passive: !0 }), () => {
+      a.removeEventListener("scroll", h), u.current !== null && (cancelAnimationFrame(u.current), u.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());
+  }, [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 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 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 = 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);
+  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;
-    g.setSize(E, f) && R();
-  }, [R]), T = K(
-    (c, f = "auto") => {
-      var g;
-      (g = s.current) == null || g.scrollTo({ top: c, behavior: f });
+    z.setSize(E, h) && v();
+  }, [v]), I = L(
+    (a, h = "auto") => {
+      var z;
+      (z = o.current) == null || z.scrollTo({ top: a, behavior: h });
     },
     []
-  ), 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
+  ), 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: g,
-      lastVisible: V,
-      itemCount: a.count,
-      overscan: r
+      firstVisible: z,
+      lastVisible: k,
+      itemCount: b.count,
+      overscan: i
     });
-    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 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 (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 (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 _ = P ? P.scrollHeight - P.scrollTop - P.clientHeight : 1 / 0;
+  const j = w ? w.scrollHeight - w.scrollTop - w.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
+    scrollerRef: o,
+    innerRef: m,
+    virtualItems: P,
+    totalSize: _,
+    measureItem: F,
+    scrollToIndex: C,
+    scrollToOffset: I,
+    isAtTop: p <= 1,
+    isAtBottom: j <= 1,
+    scrollTop: p
   };
 }
-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]);
-  return $(() => {
-    if (!r.current) return;
-    const s = o.current;
+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 D(() => {
+    if (!i.current) return;
+    const s = l.current;
     if (!s) return;
-    const y = s.scrollHeight - i.current;
-    y > 0 && (s.scrollTop = t.current + y), r.current = !1;
-  }, [e, o]), { prepareAnchor: n };
+    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 ie(o, e) {
-  const [t, i] = k(!0), r = x(null);
+function oe(l, e) {
+  const [t, n] = V(!0), i = y(null);
   return N(() => {
-    const n = o.current;
-    if (!n) 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 r = l.current;
+    if (!r) return;
+    const o = () => {
+      const s = r.scrollHeight - r.scrollTop - r.clientHeight;
+      n(s <= e);
+    }, m = () => {
+      i.current !== null && cancelAnimationFrame(i.current), i.current = requestAnimationFrame(o);
     };
-    return n.addEventListener("scroll", y, { passive: !0 }), s(), () => {
-      n.removeEventListener("scroll", y), r.current !== null && cancelAnimationFrame(r.current);
+    return r.addEventListener("scroll", m, { passive: !0 }), o(), () => {
+      r.removeEventListener("scroll", m), i.current !== null && cancelAnimationFrame(i.current);
     };
-  }, [o, e]), t;
+  }, [l, e]), t;
 }
-function oe(o) {
-  const { itemCount: e, isAtBottom: t, scrollToIndex: i, mode: r } = o, n = x(e);
-  $(() => {
-    r && (e > n.current && t && e > 0 && i(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: r === "smooth" ? "smooth" : "auto"
-    }), n.current = e);
-  }, [e, t, i, r]);
+      behavior: o === "smooth" ? "smooth" : "auto"
+    }), m.current = e, s.current = t, d.current = n;
+  }, [e, t, n, i, r, o]);
 }
-function ce(o) {
+function ce(l) {
   const {
     items: e,
     getKey: t,
-    estimatedItemSize: i = 80,
-    overscan: r = 20,
-    atBottomThreshold: n = 200,
-    followOutput: s = "auto",
-    initialAlignment: y = "bottom",
-    onStartReached: h,
-    onEndReached: I,
-    startReachedThreshold: m = 300,
-    endReachedThreshold: H = 300,
-    scrollToMessageKey: p,
-    onScrollToMessageComplete: v
-  } = o, l = J({
+    estimatedItemSize: n = 80,
+    overscan: i = 20,
+    atBottomThreshold: r = 200,
+    followOutput: o = "auto",
+    initialAlignment: m = "bottom",
+    onStartReached: s,
+    onEndReached: d,
+    startReachedThreshold: f = 300,
+    endReachedThreshold: A = 300,
+    scrollToMessageKey: T,
+    onScrollToMessageComplete: R
+  } = l, u = G({
     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: i,
+    initialAlignment: m
+  }), 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,
-    scrollToIndex: l.scrollToIndex,
-    mode: s ?? !1
+    firstKey: K,
+    lastKey: S,
+    isAtBottom: H,
+    scrollToIndex: u.scrollToIndex,
+    mode: o ?? !1
   });
-  const F = x(!1);
+  const F = y(!1), I = y(m === "top");
   N(() => {
-    const a = l.scrollerRef.current;
-    if (!a || !h) return;
-    const w = () => {
-      a.scrollTop <= m && !F.current && (F.current = !0, Promise.resolve(h()).finally(() => {
+    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 a.addEventListener("scroll", w, { passive: !0 }), () => a.removeEventListener("scroll", w);
-  }, [l.scrollerRef, h, m]);
-  const d = x(!1);
+    return p.addEventListener("scroll", c, { passive: !0 }), () => p.removeEventListener("scroll", c);
+  }, [u.scrollerRef, s, f, m]);
+  const C = y(!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;
+    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 a.addEventListener("scroll", w, { passive: !0 }), () => a.removeEventListener("scroll", w);
-  }, [l.scrollerRef, I, H]);
-  const A = x(null);
+    return p.addEventListener("scroll", c, { passive: !0 }), () => p.removeEventListener("scroll", c);
+  }, [u.scrollerRef, d, A]);
+  const b = y(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 });
+    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, l]
-  ), M = K(
-    (a, w) => {
-      const P = e.findIndex((L, u) => t(L, u) === a);
-      P !== -1 && l.scrollToIndex(P, w);
+    [e.length, u]
+  ), w = L(
+    (p, c) => {
+      const g = e.findIndex((x, P) => t(x, P) === p);
+      g !== -1 && u.scrollToIndex(g, c);
     },
-    [e, t, l]
+    [e, t, u]
   );
   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: u.scrollerRef,
+    innerRef: u.innerRef,
+    virtualItems: u.virtualItems,
+    totalSize: u.totalSize,
+    measureItem: u.measureItem,
+    scrollToIndex: u.scrollToIndex,
+    scrollToBottom: _,
+    scrollToKey: w,
+    isAtBottom: H,
+    prepareAnchor: v
   };
 }
-function Q({
-  virtualItem: o,
+function J({
+  virtualItem: l,
   measureItem: e,
   children: t
 }) {
-  const i = x(null);
+  const n = y(null);
   return N(() => {
-    const r = i.current;
-    if (!r) return;
-    const n = new ResizeObserver(([s]) => {
-      s && e(o.key, s.contentRect.height);
+    const i = n.current;
+    if (!i) return;
+    const r = new ResizeObserver(([o]) => {
+      o && e(l.key, o.contentRect.height);
     });
-    return n.observe(r), () => n.disconnect();
-  }, [o.key, e]), /* @__PURE__ */ C(
+    return r.observe(i), () => r.disconnect();
+  }, [l.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(${l.start}px)`,
         width: "100%",
         // Reserve estimated height to prevent layout collapse before first measure
-        minHeight: o.size
+        minHeight: l.size
       },
       children: t
     }
   );
 }
-function le(o, e) {
+function le(l, e) {
   const {
     data: t,
-    itemContent: i,
-    computeItemKey: r,
-    estimatedItemSize: n = 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
+    itemContent: n,
+    computeItemKey: i,
+    estimatedItemSize: r = 80,
+    overscan: o = 20,
+    followOutput: m = "auto",
+    atBottomThreshold: s = 200,
+    initialAlignment: d = "bottom",
+    onStartReached: f,
+    onEndReached: A,
+    startReachedThreshold: T = 300,
+    endReachedThreshold: R = 300,
+    scrollToMessageKey: u,
+    onScrollToMessageComplete: H,
+    onAtBottomChange: v,
+    components: K = {},
+    className: S,
+    style: F
+  } = l, {
+    scrollerRef: I,
+    innerRef: C,
+    virtualItems: b,
+    totalSize: _,
+    measureItem: w,
+    scrollToIndex: p,
+    scrollToBottom: c,
+    scrollToKey: g,
+    isAtBottom: x,
+    prepareAnchor: P
   } = ce({
     items: t,
-    getKey: (g, V) => r(V, g),
-    estimatedItemSize: n,
-    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(
+    getKey: (z, k) => i(k, z),
+    estimatedItemSize: r,
+    overscan: o,
+    atBottomThreshold: s,
+    followOutput: m,
+    initialAlignment: d,
+    onStartReached: f,
+    onEndReached: A,
+    startReachedThreshold: T,
+    endReachedThreshold: R,
+    scrollToMessageKey: u,
+    onScrollToMessageComplete: H
+  }), j = U.useRef(x);
+  U.useEffect(() => {
+    j.current !== x && (j.current = x, v == null || v(x));
+  }, [x, v]), W(
     e,
     () => ({
-      scrollToBottom: u,
-      scrollToIndex: L,
-      scrollToKey: S,
+      scrollToBottom: c,
+      scrollToIndex: p,
+      scrollToKey: g,
       getScrollTop: () => {
-        var g;
-        return ((g = T.current) == null ? void 0 : g.scrollTop) ?? 0;
+        var z;
+        return ((z = I.current) == null ? void 0 : z.scrollTop) ?? 0;
       },
-      isAtBottom: () => z,
-      prepareAnchor: b
+      isAtBottom: () => x,
+      prepareAnchor: P
     }),
-    [u, L, S, T, z, b]
+    [c, p, g, I, x, P]
   );
-  const { Header: j, Footer: c, EmptyPlaceholder: f } = F;
-  return t.length === 0 && f ? /* @__PURE__ */ C(f, {}) : /* @__PURE__ */ G(
+  const { Header: q, Footer: a, EmptyPlaceholder: h } = K;
+  return t.length === 0 && h ? /* @__PURE__ */ B(h, {}) : /* @__PURE__ */ $(
     "div",
     {
-      ref: T,
-      className: d,
+      ref: I,
+      className: S,
       style: {
         overflow: "auto",
         height: "100%",
         position: "relative",
         overscrollBehaviorY: "contain",
-        ...A
+        ...F
       },
       children: [
-        j && /* @__PURE__ */ C(j, {}),
-        /* @__PURE__ */ C("div", { ref: M, style: { height: w, position: "relative", width: "100%" }, children: a.map((g) => /* @__PURE__ */ C(
-          Q,
+        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: P,
-            children: i(g.index, g.data)
+            virtualItem: z,
+            measureItem: w,
+            children: n(z.index, z.data)
           },
-          g.key
+          z.key
         )) }),
-        c && /* @__PURE__ */ C(c, {})
+        a && /* @__PURE__ */ B(a, {})
       ]
     }
   );
 }
-const fe = U(le);
+const fe = Q(le);
 function he({
-  data: o,
+  data: l,
   itemContent: e,
   computeItemKey: t,
-  estimatedItemSize: i = 60,
-  overscan: r = 20,
-  onEndReached: n,
-  endReachedThreshold: s = 300,
-  components: y = {},
-  className: h,
-  style: I
+  estimatedItemSize: n = 60,
+  overscan: i = 20,
+  onEndReached: r,
+  endReachedThreshold: o = 300,
+  components: m = {},
+  className: s,
+  style: d
 }) {
-  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: f, innerRef: A, virtualItems: T, totalSize: R, measureItem: u } = G({
+    items: l,
+    getKey: (S, F) => t(F, S),
+    estimatedItemSize: n,
+    overscan: i,
     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;
+  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 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 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: m,
-      className: h,
+      ref: f,
+      className: s,
       style: {
         overflow: "auto",
         height: "100%",
         position: "relative",
         overscrollBehaviorY: "contain",
-        ...I
+        ...d
       },
       children: [
-        B && /* @__PURE__ */ C(B, {}),
-        /* @__PURE__ */ C("div", { ref: H, style: { height: v, position: "relative", width: "100%" }, children: p.map((d) => /* @__PURE__ */ C(
-          Q,
+        H && /* @__PURE__ */ B(H, {}),
+        /* @__PURE__ */ B("div", { ref: A, style: { height: R, position: "relative", width: "100%" }, children: T.map((S) => /* @__PURE__ */ B(
+          J,
           {
-            virtualItem: d,
-            measureItem: l,
-            children: e(d.index, d.data)
+            virtualItem: S,
+            measureItem: u,
+            children: e(S.index, S.data)
           },
-          d.key
+          S.key
         )) }),
-        R && /* @__PURE__ */ C(R, {})
+        v && /* @__PURE__ */ B(v, {})
       ]
     }
   );
 }
-function de(o) {
+function de(l) {
   const {
     fetcher: e,
     initialPage: t = 1,
-    direction: i = "append",
-    getKey: r,
-    onPageLoaded: n,
-    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);
+    direction: n = "append",
+    getKey: i,
+    onPageLoaded: r,
+    onError: o
+  } = 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 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 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 {
-        d(!1), T.current = !1;
+        S(!1), I.current = !1;
       }
     }
-  }, [I, H, e, M, i, n, s]), w = K(async () => {
-    if (!(T.current || !v)) {
-      T.current = !0, d(!0);
+  }, [d, A, e, C, n, r, o]), _ = L(async () => {
+    if (!(I.current || !R)) {
+      I.current = !0, S(!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 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 {
-        d(!1), T.current = !1;
+        S(!1), I.current = !1;
       }
     }
-  }, [I, v, e, M, n, s]), P = K(async () => {
-    if (!T.current) {
-      T.current = !0, R(!0);
+  }, [d, R, e, C, r, o]), w = L(async () => {
+    if (!I.current) {
+      I.current = !0, v(!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 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
-          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)));
+          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 {
-        R(!1), T.current = !1;
+        v(!1), I.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, 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: y,
-    loadNextPage: a,
-    loadPrevPage: w,
-    hasNextPage: H,
-    hasPrevPage: v,
-    loading: B,
-    loadingMore: F,
-    refresh: P,
-    reset: L,
-    currentPage: I
+    items: m,
+    loadNextPage: b,
+    loadPrevPage: _,
+    hasNextPage: A,
+    hasPrevPage: R,
+    loading: H,
+    loadingMore: K,
+    refresh: w,
+    reset: p,
+    currentPage: d
   };
 }
 export {