@aiquants/virtualscroll 1.7.0 → 1.9.0

package/dist/index.js

@@ -1,16 +1,17 @@
-import { jsx as J, jsxs as Gt, Fragment as we } from "react/jsx-runtime";
-import { forwardRef as me, useState as Ot, useRef as y, useCallback as w, useImperativeHandle as he, useMemo as Vt, useEffect as Y, useLayoutEffect as se, useId as Le } from "react";
-import { twMerge as jt } from "tailwind-merge";
-const xe = {
+import { jsx as Q, jsxs as Jt, Fragment as we } from "react/jsx-runtime";
+import { memo as ze, forwardRef as ge, useState as Xt, useRef as w, useCallback as y, useImperativeHandle as xe, useMemo as Dt, useEffect as O, useLayoutEffect as ne, useId as Xe } from "react";
+import { twMerge as Zt } from "tailwind-merge";
+const Te = {
   active: !1,
   offsetX: 0,
   offsetY: 0,
   distance: 0,
-  direction: 0
-}, de = 6, Ye = 8, ze = ({ dragState: r, normalizedDistance: t }) => {
+  direction: 0,
+  pointerId: null
+}, pe = 6, He = 8, Ue = ({ dragState: r, normalizedDistance: t }) => {
   const e = 1 + t * 0.18, n = 0.16 + t * 0.24, o = 0.38 + t * 0.28, a = r.active ? "80ms ease-out" : "220ms ease";
-  return /* @__PURE__ */ Gt(we, { children: [
-    /* @__PURE__ */ J(
+  return /* @__PURE__ */ Jt(we, { children: [
+    /* @__PURE__ */ Q(
       "div",
       {
         className: "absolute inset-0 rounded-full",
@@ -22,7 +23,7 @@ const xe = {
         }
       }
     ),
-    /* @__PURE__ */ J(
+    /* @__PURE__ */ Q(
       "div",
       {
         className: "aqvs:tap-scroll-circle-inner absolute rounded-full",
@@ -35,106 +36,109 @@ const xe = {
       }
     )
   ] });
-}, ye = me(({ onDragChange: r, className: t, maxVisualDistance: e = 160, size: n = 40, style: o, opacity: a = 1, renderVisual: d }, m) => {
-  const [l, u] = Ot(xe), p = y(null), g = y({ x: 0, y: 0 }), v = y(null), b = y(0), _ = w(
-    (c) => {
-      u(c), r(c);
-    },
-    [r]
-  ), D = w(
-    (c, ct, P = !1) => {
-      const { x: ut, y: it } = g.current, Tt = c - ut, H = ct - it, dt = Math.abs(H), ft = dt < de ? 0 : H < 0 ? -1 : 1, et = b.current;
-      let f = ft;
-      const E = de + Ye;
-      ft === 0 ? et !== 0 && dt < E ? f = et : (f = 0, P || (b.current = 0)) : ft !== et && et !== 0 && dt < E ? f = et : b.current = ft, _({
-        active: P || dt >= de,
-        offsetX: Tt,
-        offsetY: H,
-        distance: dt,
-        direction: f
-      });
-    },
-    [_]
-  ), Q = w((c) => {
-    if (c === null)
-      return;
-    const ct = v.current;
-    ct?.hasPointerCapture(c) && ct.releasePointerCapture(c);
-  }, []), z = w(
-    (c = !1) => {
-      c && Q(p.current), p.current = null, b.current = 0, _(xe);
-    },
-    [_, Q]
-  ), lt = w(
-    (c) => {
-      c.preventDefault(), c.stopPropagation();
-      const ct = v.current ?? c.currentTarget, { left: P, top: ut, width: it, height: Tt } = ct.getBoundingClientRect();
-      g.current = { x: P + it / 2, y: ut + Tt / 2 }, p.current = c.pointerId, ct.setPointerCapture(c.pointerId), D(c.clientX, c.clientY, !0);
-    },
-    [D]
-  ), C = w(
-    (c) => {
-      p.current === c.pointerId && (c.preventDefault(), D(c.clientX, c.clientY));
-    },
-    [D]
-  ), V = w(
-    (c) => {
-      p.current === c.pointerId && (c.preventDefault(), c.stopPropagation(), z(!0));
-    },
-    [z]
-  );
-  he(
-    m,
-    () => ({
-      reset: () => {
-        z(!0);
+}, Ce = ze(
+  ge(({ onDragChange: r, className: t, maxVisualDistance: e = 160, size: n = 40, style: o, opacity: a = 1, renderVisual: u }, p) => {
+    const [l, d] = Xt(Te), c = w(null), f = w({ x: 0, y: 0 }), S = w(null), b = w(0), _ = y(
+      (I) => {
+        d(I), r(I);
       },
-      getElement: () => v.current
-    }),
-    [z]
-  );
-  const U = Math.min(Math.max(a, 0), 1), F = n / 64, M = Math.min(l.distance, e) / e, X = l.direction * M * 10 * F, St = d ?? ze, R = {
-    dragState: l,
-    normalizedDistance: M,
-    sizeScale: F,
-    size: n,
-    opacity: U
-  }, L = {
-    ...o,
-    width: n,
-    height: n,
-    transform: `translateY(${X}px)`
-  };
-  return L.opacity = U, /* @__PURE__ */ J(
-    "div",
-    {
-      ref: v,
-      "data-testid": "virtual-scroll-tap-circle",
-      className: jt("relative flex touch-none select-none items-center justify-center", "transition-transform duration-100 ease-out", t),
-      style: L,
-      tabIndex: -1,
-      onPointerDown: lt,
-      onPointerMove: C,
-      onPointerUp: V,
-      onPointerCancel: V,
-      role: "presentation",
-      children: St(R)
-    }
-  );
-});
-ye.displayName = "TapScrollCircle";
-const gt = (r, t, e) => Math.min(e, Math.max(t, r)), pe = "virtualscroll:tap-scroll-cancel", Ie = 20, Xe = 250, He = 60, Ue = 20, qe = 20, Be = 240, Te = { active: !1, offsetX: 0, offsetY: 0, distance: 0, direction: 0 }, fe = 2.2, $e = 8, We = 120, Ke = 1 / 60, kt = {
+      [r]
+    ), X = y(
+      (I, m, tt = !1) => {
+        const { x: A, y: et } = f.current, it = I - A, At = m - et, W = Math.abs(At), U = W < pe ? 0 : At < 0 ? -1 : 1, dt = b.current;
+        let ft = U;
+        const E = pe + He;
+        U === 0 ? dt !== 0 && W < E ? ft = dt : (ft = 0, tt || (b.current = 0)) : U !== dt && dt !== 0 && W < E ? ft = dt : b.current = U, _({
+          active: tt || W >= pe,
+          offsetX: it,
+          offsetY: At,
+          distance: W,
+          direction: ft,
+          pointerId: c.current
+        });
+      },
+      [_]
+    ), k = y((I) => {
+      if (I === null)
+        return;
+      const m = S.current;
+      m?.hasPointerCapture(I) && m.releasePointerCapture(I);
+    }, []), B = y(
+      (I = !1) => {
+        I && k(c.current), c.current = null, b.current = 0, _(Te);
+      },
+      [_, k]
+    ), ht = y(
+      (I) => {
+        I.preventDefault(), I.stopPropagation();
+        const m = S.current ?? I.currentTarget, { left: tt, top: A, width: et, height: it } = m.getBoundingClientRect();
+        f.current = { x: tt + et / 2, y: A + it / 2 }, c.current = I.pointerId, m.setPointerCapture(I.pointerId), X(I.clientX, I.clientY, !0);
+      },
+      [X]
+    ), H = y(
+      (I) => {
+        c.current === I.pointerId && (I.preventDefault(), X(I.clientX, I.clientY));
+      },
+      [X]
+    ), F = y(
+      (I) => {
+        c.current === I.pointerId && (I.preventDefault(), I.stopPropagation(), B(!0));
+      },
+      [B]
+    );
+    xe(
+      p,
+      () => ({
+        reset: () => {
+          B(!0);
+        },
+        getElement: () => S.current
+      }),
+      [B]
+    );
+    const C = Math.min(Math.max(a, 0), 1), L = n / 64, R = Math.min(l.distance, e) / e, N = l.direction * R * 10 * L, st = u ?? Ue, ut = {
+      dragState: l,
+      normalizedDistance: R,
+      sizeScale: L,
+      size: n,
+      opacity: C
+    }, $ = {
+      ...o,
+      width: n,
+      height: n,
+      transform: `translateY(${N}px)`
+    };
+    return $.opacity = C, /* @__PURE__ */ Q(
+      "div",
+      {
+        ref: S,
+        "data-testid": "virtual-scroll-tap-circle",
+        className: Zt("relative flex touch-none select-none items-center justify-center", "transition-transform duration-100 ease-out", t),
+        style: $,
+        tabIndex: -1,
+        onPointerDown: ht,
+        onPointerMove: H,
+        onPointerUp: F,
+        onPointerCancel: F,
+        role: "presentation",
+        children: st(ut)
+      }
+    );
+  })
+);
+Ce.displayName = "TapScrollCircle";
+const mt = (r, t, e) => Math.min(e, Math.max(t, r)), he = "virtualscroll:tap-scroll-cancel", be = 20, qe = 250, Be = 60, $e = 20, We = 20, Ke = 240, Pe = { active: !1, offsetX: 0, offsetY: 0, distance: 0, direction: 0, pointerId: null }, me = 2.2, je = 8, Ge = 120, Ze = 1 / 60, zt = {
   enabled: !0,
   size: 40,
   offsetX: -80,
   offsetY: 0,
   className: void 0,
-  maxVisualDistance: Be,
+  maxVisualDistance: Ke,
   minSpeedMultiplier: 0.2,
   opacity: 0.9,
   renderVisual: void 0,
   maxSpeedCurve: void 0
-}, je = (r) => r ? {
+}, Je = (r) => r ? {
   mainSizeKey: "width",
   crossSizeKey: "height",
   positionKey: "left",
@@ -154,287 +158,289 @@ const gt = (r, t, e) => Math.min(e, Math.max(t, r)), pe = "virtualscroll:tap-scr
   arrowIcons: ["▲", "▼"],
   directionClass: "flex flex-col items-stretch",
   orientation: "vertical"
-}, Ge = (r, t) => {
-  const e = r?.maxSpeedMultiplier, n = typeof e == "number" ? e : Qe(t);
+}, Qe = (r, t) => {
+  const e = r?.maxSpeedMultiplier, n = typeof e == "number" ? e : nn(t);
   return {
-    enabled: r?.enabled ?? kt.enabled,
-    size: r?.size ?? kt.size,
-    offsetX: r?.offsetX ?? kt.offsetX,
-    offsetY: r?.offsetY ?? kt.offsetY,
-    className: r?.className ?? kt.className,
-    maxVisualDistance: r?.maxVisualDistance ?? kt.maxVisualDistance,
+    enabled: r?.enabled ?? zt.enabled,
+    size: r?.size ?? zt.size,
+    offsetX: r?.offsetX ?? zt.offsetX,
+    offsetY: r?.offsetY ?? zt.offsetY,
+    className: r?.className ?? zt.className,
+    maxVisualDistance: r?.maxVisualDistance ?? zt.maxVisualDistance,
     maxSpeedMultiplier: n,
-    minSpeedMultiplier: Math.max(r?.minSpeedMultiplier ?? kt.minSpeedMultiplier, 0),
-    opacity: gt(r?.opacity ?? kt.opacity, 0, 1),
-    renderVisual: r?.renderVisual ?? kt.renderVisual,
-    maxSpeedCurve: r?.maxSpeedCurve ?? kt.maxSpeedCurve
+    minSpeedMultiplier: Math.max(r?.minSpeedMultiplier ?? zt.minSpeedMultiplier, 0),
+    opacity: mt(r?.opacity ?? zt.opacity, 0, 1),
+    renderVisual: r?.renderVisual ?? zt.renderVisual,
+    maxSpeedCurve: r?.maxSpeedCurve ?? zt.maxSpeedCurve
   };
-}, Ze = ({ isDragging: r, isThumbHovered: t, enableThumbDrag: e }) => Vt(() => e ? r ? "dragging" : t ? "hover" : "idle" : "disabled", [e, r, t]), Je = ({ canUseArrowButtons: r, enableArrowButtons: t, resetTapScroll: e, scrollByStep: n }) => {
-  const o = y(null), a = y(null), d = w(() => {
+}, tn = ({ isDragging: r, isThumbHovered: t, enableThumbDrag: e }) => Dt(() => e ? r ? "dragging" : t ? "hover" : "idle" : "disabled", [e, r, t]), en = ({ canUseArrowButtons: r, enableArrowButtons: t, resetTapScroll: e, scrollByStep: n }) => {
+  const o = w(null), a = w(null), u = y(() => {
     o.current !== null && (window.clearInterval(o.current), o.current = null), a.current !== null && (window.clearTimeout(a.current), a.current = null);
-  }, []), m = w(() => {
-    d();
-  }, [d]), l = w(
-    (p) => (g) => {
-      r && (g.preventDefault(), g.stopPropagation(), e(), d(), n(p), a.current = window.setTimeout(() => {
+  }, []), p = y(() => {
+    u();
+  }, [u]), l = y(
+    (c) => (f) => {
+      r && (f.preventDefault(), f.stopPropagation(), e(), u(), n(c), a.current = window.setTimeout(() => {
         o.current = window.setInterval(() => {
-          n(p);
-        }, He);
-      }, Xe));
+          n(c);
+        }, Be);
+      }, qe));
     },
-    [r, d, e, n]
-  ), u = w(
-    (p) => (g) => {
-      t && (g.key === "Enter" || g.key === " " || g.key === "Spacebar") && (g.preventDefault(), n(p));
+    [r, u, e, n]
+  ), d = y(
+    (c) => (f) => {
+      t && (f.key === "Enter" || f.key === " " || f.key === "Spacebar") && (f.preventDefault(), n(c));
     },
     [t, n]
   );
-  return Y(() => () => {
-    d();
-  }, [d]), { handleArrowPointerDown: l, handleArrowPointerUp: m, handleArrowKeyDown: u };
-}, Qe = (r) => {
+  return O(() => () => {
+    u();
+  }, [u]), { handleArrowPointerDown: l, handleArrowPointerUp: p, handleArrowKeyDown: d };
+}, nn = (r) => {
   if (!r || r <= 0)
-    return fe;
-  const t = Math.max(1, r), e = Math.log10(t), n = fe + e * $e;
-  return gt(n, fe, We);
-}, tn = ({
+    return me;
+  const t = Math.max(1, r), e = Math.log10(t), n = me + e * je;
+  return mt(n, me, Ge);
+}, rn = ({
   contentSize: r,
   viewportSize: t,
   scrollPosition: e,
   onScroll: n,
   enableThumbDrag: o = !0,
   enableTrackClick: a = !0,
-  enableArrowButtons: d = !0,
-  horizontal: m = !1,
+  enableArrowButtons: u = !0,
+  horizontal: p = !1,
   scrollBarWidth: l = 12,
-  className: u,
-  ariaControls: p,
-  tapScrollCircleOptions: g,
-  itemCount: v,
-  renderThumbOverlay: b
+  className: d,
+  ariaControls: c,
+  tapScrollCircleOptions: f,
+  itemCount: S,
+  renderThumbOverlay: b,
+  visibleStartIndex: _,
+  visibleEndIndex: X
 }) => {
-  const [_, D] = Ot(!1), [Q, z] = Ot(!1), [lt, C] = Ot(!1), V = y(null), U = y({ pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }), F = y({ pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }), M = y(e), X = y(Te), St = y(null), R = y(null), L = y(null), c = Vt(() => Ge(g, v), [v, g]), ct = Vt(() => je(m), [m]), {
-    enabled: P,
-    size: ut,
-    offsetX: it,
-    offsetY: Tt,
-    className: H,
+  const [k, B] = Xt(!1), [ht, H] = Xt(!1), [F, C] = Xt(!1), L = w(null), R = w({ pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }), N = w({ pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }), st = w(e), ut = w(Pe), $ = w(null), I = w(null), m = w(null), tt = Dt(() => Qe(f, S), [S, f]), A = Dt(() => Je(p), [p]), {
+    enabled: et,
+    size: it,
+    offsetX: At,
+    offsetY: W,
+    className: U,
     maxVisualDistance: dt,
     maxSpeedMultiplier: ft,
-    minSpeedMultiplier: et,
-    opacity: f,
-    renderVisual: E,
-    maxSpeedCurve: O
-  } = c, W = y({
+    minSpeedMultiplier: E,
+    opacity: P,
+    renderVisual: v,
+    maxSpeedCurve: nt
+  } = tt, K = w({
     viewportSize: t,
     maxScrollPosition: Math.max(r - t, 0),
     scrollBarVisible: r > t,
     effectiveTapMaxDistance: Math.max(dt, 1),
     tapCircleMaxSpeedMultiplier: ft,
-    tapCircleMinSpeedMultiplier: et,
-    tapCircleMaxSpeedCurve: O,
-    tapScrollCircleOptions: g
-  }), { mainSizeKey: Z, crossSizeKey: vt, positionKey: pt, selectDelta: G, getPointerCoordinate: tt, arrowLabels: xt, arrowIcons: st, directionClass: bt, orientation: Ft } = ct, Ct = Math.max(dt, 1), Rt = t / r, h = l, T = Math.max(t - h * 2, 0), q = Rt * T, mt = Math.min(Math.max(Ie, q || 0), T || Ie), N = r - t, At = Math.max(T - mt, 0), It = N <= 0 || At <= 0 ? 0 : e / N * At, Xt = It + mt / 2, nt = r > t, Kt = nt && d;
-  W.current = {
+    tapCircleMinSpeedMultiplier: E,
+    tapCircleMaxSpeedCurve: nt,
+    tapScrollCircleOptions: f
+  }), { mainSizeKey: Z, crossSizeKey: pt, positionKey: rt, selectDelta: at, getPointerCoordinate: ot, arrowLabels: It, arrowIcons: gt, directionClass: Tt, orientation: wt } = A, _t = Math.max(dt, 1), Ft = t / r, h = l, g = Math.max(t - h * 2, 0), xt = Ft * g, J = Math.min(Math.max(be, xt || 0), g || be), Y = r - t, Vt = Math.max(g - J, 0), bt = Y <= 0 || Vt <= 0 ? 0 : e / Y * Vt, Et = bt + J / 2, Pt = r > t, Nt = Pt && u;
+  K.current = {
     viewportSize: t,
-    maxScrollPosition: N,
-    scrollBarVisible: nt,
-    effectiveTapMaxDistance: Ct,
+    maxScrollPosition: Y,
+    scrollBarVisible: Pt,
+    effectiveTapMaxDistance: _t,
     tapCircleMaxSpeedMultiplier: ft,
-    tapCircleMinSpeedMultiplier: et,
-    tapCircleMaxSpeedCurve: O,
-    tapScrollCircleOptions: g
-  }, Y(() => {
-    M.current = e;
-  }, [e]), Y(() => {
-    o || z(!1);
+    tapCircleMinSpeedMultiplier: E,
+    tapCircleMaxSpeedCurve: nt,
+    tapScrollCircleOptions: f
+  }, O(() => {
+    st.current = e;
+  }, [e]), O(() => {
+    o || H(!1);
   }, [o]);
-  const Ht = Ze({ isDragging: _, isThumbHovered: Q, enableThumbDrag: o }), wt = w(
-    (i, x) => {
-      const A = W.current, ht = x ?? M.current;
+  const Bt = tn({ isDragging: k, isThumbHovered: ht, enableThumbDrag: o }), St = y(
+    (s, x) => {
+      const V = K.current, G = x ?? st.current;
       if (n) {
-        const _t = n(i, ht);
-        if (typeof _t == "number" && Number.isFinite(_t))
-          return M.current = _t, _t;
+        const Yt = n(s, G);
+        if (typeof Yt == "number" && Number.isFinite(Yt))
+          return st.current = Yt, Yt;
       }
-      const j = typeof i == "function" ? i(ht) : i, Pt = Math.max(A.maxScrollPosition, 0), Dt = A.scrollBarVisible ? gt(j, 0, Pt) : 0;
-      return M.current = Dt, Dt;
+      const vt = typeof s == "function" ? s(G) : s, Mt = Math.max(V.maxScrollPosition, 0), Lt = V.scrollBarVisible ? mt(vt, 0, Mt) : 0;
+      return st.current = Lt, Lt;
     },
     [n]
-  ), Nt = w(
-    (i) => {
-      const x = W.current, A = M.current;
+  ), kt = y(
+    (s) => {
+      const x = K.current, V = st.current;
       if (!x.scrollBarVisible || x.maxScrollPosition <= 0) {
-        const _t = wt(0, A), ce = _t - A;
-        return { nextPosition: _t, actualDelta: ce, reachedBoundary: !0 };
+        const Yt = St(0, V), de = Yt - V;
+        return { nextPosition: Yt, actualDelta: de, reachedBoundary: !0 };
       }
-      if (i === 0)
-        return { nextPosition: A, actualDelta: 0, reachedBoundary: !1 };
-      const j = wt((_t) => gt(_t + i, 0, x.maxScrollPosition), A), Pt = j - A, Dt = Pt === 0 || i < 0 && j <= 0 || i > 0 && j >= x.maxScrollPosition;
-      return { nextPosition: j, actualDelta: Pt, reachedBoundary: Dt };
+      if (s === 0)
+        return { nextPosition: V, actualDelta: 0, reachedBoundary: !1 };
+      const vt = St((Yt) => mt(Yt + s, 0, x.maxScrollPosition), V), Mt = vt - V, Lt = Mt === 0 || s < 0 && vt <= 0 || s > 0 && vt >= x.maxScrollPosition;
+      return { nextPosition: vt, actualDelta: Mt, reachedBoundary: Lt };
     },
-    [wt]
-  ), at = w(() => {
-    R.current !== null && (window.cancelAnimationFrame(R.current), R.current = null), L.current = null;
-  }, []), rt = w(() => {
-    X.current = { ...Te }, C(!1), St.current?.reset(), at();
-  }, [at]), Bt = w(
-    (i) => {
-      const x = X.current, A = W.current;
+    [St]
+  ), lt = y(() => {
+    I.current !== null && (window.cancelAnimationFrame(I.current), I.current = null), m.current = null;
+  }, []), Ct = y(() => {
+    ut.current = { ...Pe }, C(!1), $.current?.reset(), lt();
+  }, [lt]), Kt = y(
+    (s) => {
+      const x = ut.current, V = K.current;
       if (!x.active || x.direction === 0) {
-        at();
+        lt();
         return;
       }
-      if (!A.scrollBarVisible || A.maxScrollPosition <= 0) {
-        at();
+      if (!V.scrollBarVisible || V.maxScrollPosition <= 0) {
+        lt();
         return;
       }
-      const ht = L.current ?? i, j = Math.max((i - ht) / 1e3, 0), Pt = Math.min(j, Ke);
-      if (L.current = i, Pt <= 0) {
-        R.current = window.requestAnimationFrame(Bt);
+      const G = m.current ?? s, vt = Math.max((s - G) / 1e3, 0), Mt = Math.min(vt, Ze);
+      if (m.current = s, Mt <= 0) {
+        I.current = window.requestAnimationFrame(Kt);
         return;
       }
-      const Dt = Math.min(x.distance, A.effectiveTapMaxDistance) / A.effectiveTapMaxDistance, _t = Dt ** 1.1, ce = typeof A.tapScrollCircleOptions?.maxSpeedMultiplier == "number", Qt = Math.max(A.viewportSize * A.tapCircleMinSpeedMultiplier, 40), Me = ce ? Qt : 1200;
-      let ue = Math.max(A.viewportSize * A.tapCircleMaxSpeedMultiplier, Me);
-      const ne = A.tapCircleMaxSpeedCurve;
-      if (ne) {
-        const re = Math.max(ne.exponentialSteepness, 0), Fe = Math.max(ne.exponentialScale ?? A.tapCircleMaxSpeedMultiplier, 0), Ne = re === 0 ? Dt : Math.expm1(re * Dt), ge = re === 0 ? 1 : Math.expm1(re) || 1, ke = ge === 0 ? Dt : Math.min(Math.max(Ne / ge, 0), 1), Oe = A.viewportSize * Fe * ke;
-        ue = Math.min(ue, Math.max(Oe, Qt));
+      const Lt = Math.min(x.distance, V.effectiveTapMaxDistance) / V.effectiveTapMaxDistance, Yt = Lt ** 1.1, de = typeof V.tapScrollCircleOptions?.maxSpeedMultiplier == "number", Qt = Math.max(V.viewportSize * V.tapCircleMinSpeedMultiplier, 40), Re = de ? Qt : 1200;
+      let fe = Math.max(V.viewportSize * V.tapCircleMaxSpeedMultiplier, Re);
+      const se = V.tapCircleMaxSpeedCurve;
+      if (se) {
+        const ie = Math.max(se.exponentialSteepness, 0), ke = Math.max(se.exponentialScale ?? V.tapCircleMaxSpeedMultiplier, 0), Oe = ie === 0 ? Lt : Math.expm1(ie * Lt), Ie = ie === 0 ? 1 : Math.expm1(ie) || 1, Le = Ie === 0 ? Lt : Math.min(Math.max(Oe / Ie, 0), 1), Ye = V.viewportSize * ke * Le;
+        fe = Math.min(fe, Math.max(Ye, Qt));
       }
-      const Ce = Math.max(ue, Qt), Re = Math.max(ne?.easedOffset ?? 0, 0), Ae = Math.min(1, _t + Re), Ve = Qt + (Ce - Qt) * Ae, Ee = x.direction * Ve * Pt, { actualDelta: De, reachedBoundary: _e } = Nt(Ee);
-      if (_e || De === 0) {
-        at();
+      const Ae = Math.max(fe, Qt), Ve = Math.max(se?.easedOffset ?? 0, 0), Ee = Math.min(1, Yt + Ve), De = Qt + (Ae - Qt) * Ee, _e = x.direction * De * Mt, { actualDelta: Fe, reachedBoundary: Ne } = kt(_e);
+      if (Ne || Fe === 0) {
+        lt();
         return;
       }
-      R.current = window.requestAnimationFrame(Bt);
+      I.current = window.requestAnimationFrame(Kt);
     },
-    [Nt, at]
-  ), Zt = w(() => {
-    R.current === null && (L.current = null, R.current = window.requestAnimationFrame(Bt));
-  }, [Bt]);
-  Y(() => () => {
-    at();
-  }, [at]);
-  const ae = w(
-    (i) => {
-      X.current = i, C(i.active), i.active && i.direction !== 0 ? Zt() : at();
+    [kt, lt]
+  ), re = y(() => {
+    I.current === null && (m.current = null, I.current = window.requestAnimationFrame(Kt));
+  }, [Kt]);
+  O(() => () => {
+    lt();
+  }, [lt]);
+  const ce = y(
+    (s) => {
+      ut.current = s, C(s.active), s.active && s.direction !== 0 ? re() : lt();
     },
-    [Zt, at]
+    [re, lt]
   );
-  Y(() => {
-    P || rt();
-  }, [rt, P]), Y(() => {
-    const i = (x) => {
-      const ht = x.detail?.paneId;
-      ht && p && ht !== p || rt();
+  O(() => {
+    et || Ct();
+  }, [Ct, et]), O(() => {
+    const s = (x) => {
+      const G = x.detail?.paneId;
+      G && c && G !== c || Ct();
     };
-    return window.addEventListener(pe, i), () => {
-      window.removeEventListener(pe, i);
+    return window.addEventListener(he, s), () => {
+      window.removeEventListener(he, s);
     };
-  }, [p, rt]), Y(() => {
-    if (!P)
+  }, [c, Ct]), O(() => {
+    if (!et)
       return;
-    const i = (x) => {
-      if (!X.current.active)
+    const s = (x) => {
+      if (!ut.current.active || ut.current.pointerId === x.pointerId)
         return;
-      const A = x.target;
-      if (!(A instanceof Node)) {
-        rt();
+      const V = x.target;
+      if (!(V instanceof Node)) {
+        Ct();
         return;
       }
-      St.current?.getElement()?.contains(A) || rt();
+      $.current?.getElement()?.contains(V) || Ct();
     };
-    return document.addEventListener("pointerdown", i, !0), () => {
-      document.removeEventListener("pointerdown", i, !0);
+    return document.addEventListener("pointerdown", s, !0), () => {
+      document.removeEventListener("pointerdown", s, !0);
     };
-  }, [rt, P]);
-  const Jt = (i) => {
-    if (!nt || At <= 0 || N <= 0)
+  }, [Ct, et]);
+  const i = (s) => {
+    if (!Pt || Vt <= 0 || Y <= 0)
       return 0;
-    const x = gt(i, 0, At);
-    return gt(x / At * N, 0, N);
-  }, s = (i) => {
-    const x = Math.max(Math.round(t / qe), Ue);
-    Nt(i * x);
-  }, { handleArrowPointerDown: I, handleArrowPointerUp: S, handleArrowKeyDown: k } = Je({
-    canUseArrowButtons: Kt,
-    enableArrowButtons: d,
-    resetTapScroll: rt,
-    scrollByStep: s
-  }), $ = (i) => {
-    if (!nt)
+    const x = mt(s, 0, Vt);
+    return mt(x / Vt * Y, 0, Y);
+  }, T = (s) => {
+    const x = Math.max(Math.round(t / We), $e);
+    kt(s * x);
+  }, { handleArrowPointerDown: M, handleArrowPointerUp: D, handleArrowKeyDown: q } = en({
+    canUseArrowButtons: Nt,
+    enableArrowButtons: u,
+    resetTapScroll: Ct,
+    scrollByStep: T
+  }), j = (s) => {
+    if (!Pt)
       return;
     if (!o) {
-      i.preventDefault(), i.stopPropagation();
+      s.preventDefault(), s.stopPropagation();
       return;
     }
-    if (i.pointerType === "mouse" && i.button !== 0 || i.ctrlKey)
+    if (s.pointerType === "mouse" && s.button !== 0 || s.ctrlKey)
       return;
-    rt();
-    const x = i.currentTarget;
-    x.setPointerCapture && x.setPointerCapture(i.pointerId), U.current = {
-      pointerId: i.pointerId,
-      startThumbPosition: It,
-      startClientX: i.clientX,
-      startClientY: i.clientY
-    }, D(!0), z(!0), i.preventDefault(), i.stopPropagation();
-  }, K = (i) => {
-    const x = U.current;
-    if (x.pointerId !== i.pointerId)
+    Ct();
+    const x = s.currentTarget;
+    x.setPointerCapture && x.setPointerCapture(s.pointerId), R.current = {
+      pointerId: s.pointerId,
+      startThumbPosition: bt,
+      startClientX: s.clientX,
+      startClientY: s.clientY
+    }, B(!0), H(!0), s.preventDefault(), s.stopPropagation();
+  }, Rt = (s) => {
+    const x = R.current;
+    if (x.pointerId !== s.pointerId)
       return;
-    const A = i.clientX - x.startClientX, ht = i.clientY - x.startClientY, j = G(A, ht), Pt = Jt(x.startThumbPosition + j);
-    wt(Pt), i.cancelable && i.preventDefault();
-  }, yt = (i) => {
-    if (U.current.pointerId !== i.pointerId)
+    const V = s.clientX - x.startClientX, G = s.clientY - x.startClientY, vt = at(V, G), Mt = i(x.startThumbPosition + vt);
+    St(Mt), s.cancelable && s.preventDefault();
+  }, Ht = (s) => {
+    if (R.current.pointerId !== s.pointerId)
       return;
-    const x = i.currentTarget;
-    x.hasPointerCapture(i.pointerId) && x.releasePointerCapture(i.pointerId), U.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, D(!1), V.current && !V.current.matches(":hover") && z(!1), i.preventDefault(), i.stopPropagation();
-  }, Lt = (i) => {
-    if (U.current.pointerId !== i.pointerId)
+    const x = s.currentTarget;
+    x.hasPointerCapture(s.pointerId) && x.releasePointerCapture(s.pointerId), R.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, B(!1), L.current && !L.current.matches(":hover") && H(!1), s.preventDefault(), s.stopPropagation();
+  }, Ot = (s) => {
+    if (R.current.pointerId !== s.pointerId)
       return;
-    const x = i.currentTarget;
-    x.hasPointerCapture(i.pointerId) && x.releasePointerCapture(i.pointerId), U.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, D(!1), V.current && !V.current.matches(":hover") && z(!1);
-  }, Et = (i) => {
-    if (!nt)
+    const x = s.currentTarget;
+    x.hasPointerCapture(s.pointerId) && x.releasePointerCapture(s.pointerId), R.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, B(!1), L.current && !L.current.matches(":hover") && H(!1);
+  }, Ut = (s) => {
+    if (!Pt)
       return;
     if (!a) {
-      i.preventDefault(), i.stopPropagation();
+      s.preventDefault(), s.stopPropagation();
       return;
     }
-    if (i.pointerType === "mouse" && i.button !== 0 || i.ctrlKey)
+    if (s.pointerType === "mouse" && s.button !== 0 || s.ctrlKey)
       return;
-    const x = i.currentTarget, A = x.getBoundingClientRect(), j = tt(i) - (m ? A.left : A.top);
-    rt();
-    const Pt = j - mt / 2, Dt = Jt(Pt);
-    wt(Dt), x.setPointerCapture && x.setPointerCapture(i.pointerId), F.current = {
-      pointerId: i.pointerId,
-      startThumbPosition: Pt,
-      startClientX: i.clientX,
-      startClientY: i.clientY
-    }, i.preventDefault(), i.stopPropagation();
-  }, Yt = (i) => {
-    const x = F.current;
-    if (x.pointerId !== i.pointerId)
+    const x = s.currentTarget, V = x.getBoundingClientRect(), vt = ot(s) - (p ? V.left : V.top);
+    Ct();
+    const Mt = vt - J / 2, Lt = i(Mt);
+    St(Lt), x.setPointerCapture && x.setPointerCapture(s.pointerId), N.current = {
+      pointerId: s.pointerId,
+      startThumbPosition: Mt,
+      startClientX: s.clientX,
+      startClientY: s.clientY
+    }, s.preventDefault(), s.stopPropagation();
+  }, jt = (s) => {
+    const x = N.current;
+    if (x.pointerId !== s.pointerId)
       return;
-    const A = i.clientX - x.startClientX, ht = i.clientY - x.startClientY, j = G(A, ht), Pt = Jt(x.startThumbPosition + j);
-    wt(Pt), i.cancelable && i.preventDefault();
-  }, $t = (i) => {
-    if (F.current.pointerId !== i.pointerId)
+    const V = s.clientX - x.startClientX, G = s.clientY - x.startClientY, vt = at(V, G), Mt = i(x.startThumbPosition + vt);
+    St(Mt), s.cancelable && s.preventDefault();
+  }, qt = (s) => {
+    if (N.current.pointerId !== s.pointerId)
       return;
-    const x = i.currentTarget;
-    x.hasPointerCapture(i.pointerId) && x.releasePointerCapture(i.pointerId), F.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, i.preventDefault(), i.stopPropagation();
-  }, zt = (i) => {
-    if (F.current.pointerId !== i.pointerId)
+    const x = s.currentTarget;
+    x.hasPointerCapture(s.pointerId) && x.releasePointerCapture(s.pointerId), N.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, s.preventDefault(), s.stopPropagation();
+  }, Gt = (s) => {
+    if (N.current.pointerId !== s.pointerId)
       return;
-    const x = i.currentTarget;
-    x.hasPointerCapture(i.pointerId) && x.releasePointerCapture(i.pointerId), F.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 };
-  }, Wt = Vt(() => gt((lt ? 1 : 0.8) * f, 0, 1), [lt, f]), B = Vt(() => {
-    const x = `calc(50% - ${ut / 2}px + ${Tt}px)`;
+    const x = s.currentTarget;
+    x.hasPointerCapture(s.pointerId) && x.releasePointerCapture(s.pointerId), N.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 };
+  }, z = Dt(() => mt((F ? 1 : 0.8) * P, 0, 1), [F, P]), $t = Dt(() => {
+    const x = `calc(50% - ${it / 2}px + ${W}px)`;
     return {
-      left: it,
+      left: At,
       top: x
     };
-  }, [it, Tt, ut]), Ut = (i, x, A) => /* @__PURE__ */ J(
+  }, [At, W, it]), ue = (s, x, V) => /* @__PURE__ */ Q(
     "button",
     {
       type: "button",
@@ -442,40 +448,42 @@ const gt = (r, t, e) => Math.min(e, Math.max(t, r)), pe = "virtualscroll:tap-scr
       className: "aqvs:scrollbar-arrow-button flex items-center justify-center text-xs transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50",
       style: {
         [Z]: h,
-        [vt]: l
+        [pt]: l
       },
       "aria-label": x,
-      onMouseDown: I(i),
-      onTouchStart: I(i),
-      onMouseUp: S,
-      onMouseLeave: S,
-      onTouchEnd: S,
-      onTouchCancel: S,
-      onKeyDown: k(i),
-      "aria-disabled": !d,
-      disabled: !Kt,
-      children: /* @__PURE__ */ J("span", { "aria-hidden": "true", children: A })
+      onMouseDown: M(s),
+      onTouchStart: M(s),
+      onMouseUp: D,
+      onMouseLeave: D,
+      onTouchEnd: D,
+      onTouchCancel: D,
+      onKeyDown: q(s),
+      "aria-disabled": !u,
+      disabled: !Nt,
+      children: /* @__PURE__ */ Q("span", { "aria-hidden": "true", children: V })
     }
-  ), le = b && nt ? {
-    orientation: Ft,
+  ), oe = b && Pt ? {
+    orientation: wt,
     scrollPosition: e,
-    maxScrollPosition: N,
+    maxScrollPosition: Y,
     contentSize: r,
     viewportSize: t,
-    thumbSize: mt,
-    thumbPosition: It,
-    thumbCenter: Xt,
-    trackSize: T,
-    isDragging: _,
-    isTapScrollActive: lt
+    thumbSize: J,
+    thumbPosition: bt,
+    thumbCenter: Et,
+    trackSize: g,
+    isDragging: k,
+    isTapScrollActive: F,
+    visibleStartIndex: _,
+    visibleEndIndex: X
   } : null;
-  return /* @__PURE__ */ Gt(
+  return /* @__PURE__ */ Jt(
     "div",
     {
-      className: jt("group relative cursor-default select-none", bt, u),
+      className: Zt("group relative cursor-default select-none", Tt, d),
       style: {
         [Z]: t,
-        [vt]: l,
+        [pt]: l,
         backgroundColor: "white",
         userSelect: "none",
         position: "relative",
@@ -483,27 +491,27 @@ const gt = (r, t, e) => Math.min(e, Math.max(t, r)), pe = "virtualscroll:tap-scr
       },
       role: "scrollbar",
       tabIndex: -1,
-      "aria-controls": p,
+      "aria-controls": c,
       "aria-valuenow": e,
       "aria-valuemin": 0,
-      "aria-valuemax": N,
-      "aria-orientation": m ? "horizontal" : "vertical",
+      "aria-valuemax": Y,
+      "aria-orientation": p ? "horizontal" : "vertical",
       children: [
-        !m && nt && P && /* @__PURE__ */ J(
-          ye,
+        !p && Pt && et && /* @__PURE__ */ Q(
+          Ce,
           {
-            ref: St,
-            className: jt("pointer-events-auto absolute transition-opacity duration-150", H),
-            size: ut,
-            maxVisualDistance: Ct,
-            style: B,
-            opacity: Wt,
-            renderVisual: E,
-            onDragChange: ae
+            ref: $,
+            className: Zt("pointer-events-auto absolute transition-opacity duration-150", U),
+            size: it,
+            maxVisualDistance: _t,
+            style: $t,
+            opacity: z,
+            renderVisual: v,
+            onDragChange: ce
           }
         ),
-        Ut(-1, xt[0], st[0]),
-        /* @__PURE__ */ Gt(
+        ue(-1, It[0], gt[0]),
+        /* @__PURE__ */ Jt(
           "div",
           {
             className: "aqvs:scrollbar-track relative flex-1",
@@ -511,50 +519,50 @@ const gt = (r, t, e) => Math.min(e, Math.max(t, r)), pe = "virtualscroll:tap-scr
               borderRadius: l / 2,
               touchAction: "none"
             },
-            onPointerDown: Et,
-            onPointerMove: Yt,
-            onPointerUp: $t,
-            onPointerCancel: zt,
+            onPointerDown: Ut,
+            onPointerMove: jt,
+            onPointerUp: qt,
+            onPointerCancel: Gt,
             "aria-disabled": !a,
             children: [
-              le && /* @__PURE__ */ J("div", { className: "pointer-events-none absolute inset-0", "aria-hidden": !0, children: b?.(le) }),
-              nt && // スクロールバーのつまみの当たり判定を広げるためのラッパー
-              /* @__PURE__ */ J(
+              oe && /* @__PURE__ */ Q("div", { className: "pointer-events-none absolute inset-0", "aria-hidden": !0, children: b?.(oe) }),
+              Pt && // スクロールバーのつまみの当たり判定を広げるためのラッパー
+              /* @__PURE__ */ Q(
                 "div",
                 {
                   className: "group absolute",
                   style: {
-                    [Z]: mt,
-                    [pt]: It,
-                    ...m ? { top: 0, bottom: 0 } : { left: 0, right: 0 },
+                    [Z]: J,
+                    [rt]: bt,
+                    ...p ? { top: 0, bottom: 0 } : { left: 0, right: 0 },
                     touchAction: "none"
                   },
-                  onPointerDown: $,
-                  onPointerMove: K,
-                  onPointerUp: yt,
-                  onPointerCancel: Lt,
+                  onPointerDown: j,
+                  onPointerMove: Rt,
+                  onPointerUp: Ht,
+                  onPointerCancel: Ot,
                   role: "slider",
-                  "aria-orientation": m ? "horizontal" : "vertical",
+                  "aria-orientation": p ? "horizontal" : "vertical",
                   "aria-valuenow": e,
                   "aria-valuemin": 0,
-                  "aria-valuemax": N,
+                  "aria-valuemax": Y,
                   "aria-disabled": !o,
                   tabIndex: -1,
-                  children: /* @__PURE__ */ J(
+                  children: /* @__PURE__ */ Q(
                     "div",
                     {
-                      ref: V,
-                      className: jt("aqvs:scrollbar-thumb absolute", m ? "aqvs:scrollbar-thumb-horizontal" : "aqvs:scrollbar-thumb-vertical"),
-                      "data-thumb-state": Ht,
+                      ref: L,
+                      className: Zt("aqvs:scrollbar-thumb absolute", p ? "aqvs:scrollbar-thumb-horizontal" : "aqvs:scrollbar-thumb-vertical"),
+                      "data-thumb-state": Bt,
                       style: {
                         borderRadius: l - 1,
                         cursor: o ? "pointer" : "default"
                       },
                       onMouseEnter: () => {
-                        o && z(!0);
+                        o && H(!0);
                       },
                       onMouseLeave: () => {
-                        o && z(!1);
+                        o && H(!1);
                       }
                     }
                   )
@@ -563,13 +571,13 @@ const gt = (r, t, e) => Math.min(e, Math.max(t, r)), pe = "virtualscroll:tap-scr
             ]
           }
         ),
-        Ut(1, xt[1], st[1])
+        ue(1, It[1], gt[1])
       ]
     }
   );
-}, Mt = {
+}, yt = {
   debug(r, ...t) {
-    typeof window < "u" && window.localStorage?.getItem("debug") === "true" && console.debug(`[VirtualScroll] ${r}`, ...t);
+    process.env.NODE_ENV === "___" && console.debug(`[VirtualScroll] ${r}`, ...t);
   },
   warn(r, ...t) {
     console.warn(`[VirtualScroll] ${r}`, ...t);
@@ -583,10 +591,10 @@ const gt = (r, t, e) => Math.min(e, Math.max(t, r)), pe = "virtualscroll:tap-scr
   deceleration: 25e-4,
   velocitySampleWindow: 90,
   startVelocityThreshold: 0.04
-}, oe = (r, t, e) => {
+}, ae = (r, t, e) => {
   for (const [n, o, a] of t)
     e === "add" ? r.addEventListener(n, o, a) : r.removeEventListener(n, o, a);
-}, en = me(
+}, on = ge(
   ({
     children: r,
     contentSize: t,
@@ -594,24 +602,26 @@ const gt = (r, t, e) => Math.min(e, Math.max(t, r)), pe = "virtualscroll:tap-scr
     scrollBarWidth: n = 12,
     enableThumbDrag: o = !0,
     enableTrackClick: a = !0,
-    enableArrowButtons: d = !0,
-    enablePointerDrag: m = !0,
+    enableArrowButtons: u = !0,
+    enablePointerDrag: p = !0,
     onScroll: l,
-    className: u,
-    style: p,
-    background: g,
-    tapScrollCircleOptions: v,
+    className: d,
+    style: c,
+    background: f,
+    tapScrollCircleOptions: S,
     inertiaOptions: b,
     itemCount: _,
-    renderThumbOverlay: D,
-    wheelSpeedMultiplier: Q = 1,
-    contentInsets: z
-  }, lt) => {
-    const C = y(0), V = y(null), U = y(null), F = y({
+    renderThumbOverlay: X,
+    wheelSpeedMultiplier: k = 1,
+    contentInsets: B,
+    visibleStartIndex: ht,
+    visibleEndIndex: H
+  }, F) => {
+    const C = w(0), L = w(null), R = w(null), N = w({
       frame: null,
       velocity: 0,
       lastTimestamp: null
-    }), M = Vt(
+    }), st = Dt(
       () => ({
         maxVelocity: b?.maxVelocity ?? te.maxVelocity,
         minVelocity: b?.minVelocity ?? te.minVelocity,
@@ -620,112 +630,119 @@ const gt = (r, t, e) => Math.min(e, Math.max(t, r)), pe = "virtualscroll:tap-scr
         startVelocityThreshold: b?.startVelocityThreshold ?? te.startVelocityThreshold
       }),
       [b]
-    ), X = Vt(() => ({
-      top: Math.max(0, z?.top ?? 0),
-      bottom: Math.max(0, z?.bottom ?? 0)
-    }), [z]);
-    Mt.debug("[ScrollPane] ScrollPane rendered", {
+    ), ut = Dt(() => ({
+      top: Math.max(0, B?.top ?? 0),
+      bottom: Math.max(0, B?.bottom ?? 0)
+    }), [B]);
+    yt.debug("[ScrollPane] ScrollPane rendered", {
       contentSize: t,
       viewportSize: e,
       scrollBarWidth: n,
-      className: u,
-      style: p,
-      tapScrollCircleOptions: v,
+      className: d,
+      style: c,
+      tapScrollCircleOptions: S,
       inertiaOptions: b,
-      enablePointerDrag: m,
-      contentInsets: X
+      enablePointerDrag: p,
+      contentInsets: ut
     });
-    const St = y({ contentSize: t, viewportSize: e }), R = Vt(() => t > e, [t, e]), L = w(
-      (f) => {
-        const { contentSize: E, viewportSize: O } = St.current, W = E > O, Z = C.current;
-        if (Mt.debug("[ScrollPane] scrollTo called", { newPosition: f, contentSize: E, viewportSize: O, currentIsScrollable: W, prevPosition: Z }), !W)
+    const $ = w({ contentSize: t, viewportSize: e }), I = Dt(() => t > e, [t, e]), m = y(
+      (P) => {
+        const { contentSize: v, viewportSize: nt } = $.current, K = v > nt, Z = C.current;
+        if (yt.debug("[ScrollPane] scrollTo called", { newPosition: P, contentSize: v, viewportSize: nt, currentIsScrollable: K, prevPosition: Z }), !K)
           return C.current !== 0 && (C.current = 0, l?.(0, Z)), C.current;
-        const vt = typeof f == "function" ? f(C.current) : f, pt = Math.max(E - O, 0), G = gt(vt, 0, pt);
-        return C.current !== G && (C.current = G, l?.(G, Z)), C.current;
+        const pt = typeof P == "function" ? P(C.current) : P, rt = Math.max(v - nt, 0), at = mt(pt, 0, rt);
+        return C.current !== at && (C.current = at, l?.(at, Z)), C.current;
       },
       [l]
-    ), c = w(() => {
-      const f = F.current;
-      f.frame !== null && cancelAnimationFrame(f.frame), f.frame = null, f.velocity = 0, f.lastTimestamp = null;
-    }, []), ct = y(c);
-    Y(() => {
-      ct.current = c;
-    }, [c]);
-    const P = w(
-      (f) => {
-        if (!R)
+    ), tt = y(() => {
+      const P = N.current;
+      P.frame !== null && cancelAnimationFrame(P.frame), P.frame = null, P.velocity = 0, P.lastTimestamp = null;
+    }, []), A = w(tt);
+    O(() => {
+      A.current = tt;
+    }, [tt]);
+    const et = y(
+      (P) => {
+        if (!I)
           return;
-        const { maxVelocity: E, minVelocity: O, deceleration: W, startVelocityThreshold: Z } = M, vt = gt(f, -E, E);
-        if (Math.abs(vt) < Z)
+        const { maxVelocity: v, minVelocity: nt, deceleration: K, startVelocityThreshold: Z } = st, pt = mt(P, -v, v);
+        if (Math.abs(pt) < Z)
           return;
-        c(), F.current.velocity = vt, F.current.lastTimestamp = null;
-        const pt = (G) => {
-          const tt = F.current;
-          if (tt.lastTimestamp === null) {
-            tt.lastTimestamp = G, tt.frame = requestAnimationFrame(pt);
+        tt(), N.current.velocity = pt, N.current.lastTimestamp = null;
+        const rt = (at) => {
+          const ot = N.current;
+          if (ot.lastTimestamp === null) {
+            ot.lastTimestamp = at, ot.frame = requestAnimationFrame(rt);
             return;
           }
-          const xt = G - tt.lastTimestamp;
-          if (tt.lastTimestamp = G, xt <= 0) {
-            tt.frame = requestAnimationFrame(pt);
+          const It = at - ot.lastTimestamp;
+          if (ot.lastTimestamp = at, It <= 0) {
+            ot.frame = requestAnimationFrame(rt);
             return;
           }
-          const st = tt.velocity;
-          let bt = st;
-          const Ft = W * xt;
-          st > 0 ? bt = Math.max(0, st - Ft) : st < 0 && (bt = Math.min(0, st + Ft));
-          const Rt = (st + bt) / 2 * xt, h = C.current;
-          Rt !== 0 && L((It) => It + Rt);
-          const T = C.current, { contentSize: q, viewportSize: mt } = St.current, N = Math.max(q - mt, 0);
-          tt.velocity = bt;
-          const At = T === h || T <= 0 && bt <= 0 || T >= N && bt >= 0;
-          if (Math.abs(bt) < O || At) {
-            c();
+          const gt = ot.velocity;
+          let Tt = gt;
+          const wt = K * It;
+          gt > 0 ? Tt = Math.max(0, gt - wt) : gt < 0 && (Tt = Math.min(0, gt + wt));
+          const Ft = (gt + Tt) / 2 * It, h = C.current;
+          Ft !== 0 && m((bt) => bt + Ft);
+          const g = C.current, { contentSize: xt, viewportSize: J } = $.current, Y = Math.max(xt - J, 0);
+          ot.velocity = Tt;
+          const Vt = g === h || g <= 0 && Tt <= 0 || g >= Y && Tt >= 0;
+          if (Math.abs(Tt) < nt || Vt) {
+            tt();
             return;
           }
-          tt.frame = requestAnimationFrame(pt);
+          ot.frame = requestAnimationFrame(rt);
         };
-        F.current.frame = requestAnimationFrame(pt);
+        N.current.frame = requestAnimationFrame(rt);
       },
-      [R, M, L, c]
-    ), ut = y(P);
-    Y(() => {
-      ut.current = P;
-    }, [P]), se(() => {
-      St.current = { contentSize: t, viewportSize: e };
-    }, [t, e]), se(() => {
-      if (R) {
-        Mt.debug("[ScrollPane] Adjusting scroll position due to content or viewport size change", { contentSize: t, viewportSize: e, scrollPosition: C.current });
-        const f = gt(t - e, 0, t);
-        C.current > f && L(f);
+      [I, st, m, tt]
+    ), it = w(et);
+    O(() => {
+      it.current = et;
+    }, [et]), ne(() => {
+      $.current = { contentSize: t, viewportSize: e };
+    }, [t, e]), ne(() => {
+      const P = R.current;
+      if (!P) return;
+      const v = () => {
+        P.scrollTop !== 0 && (yt.debug("[ScrollPane] Native scroll detected, resetting to 0", { scrollTop: P.scrollTop }), P.scrollTop = 0), P.scrollLeft !== 0 && (P.scrollLeft = 0);
+      };
+      return P.addEventListener("scroll", v), () => P.removeEventListener("scroll", v);
+    }, []), ne(() => {
+      if (I) {
+        yt.debug("[ScrollPane] Adjusting scroll position due to content or viewport size change", { contentSize: t, viewportSize: e, scrollPosition: C.current });
+        const P = mt(t - e, 0, t);
+        C.current > P && m(P);
       } else
-        L(0);
-    }, [R, L, t, e]), Y(() => {
-      const f = (O) => {
-        if (!R)
+        m(0);
+    }, [I, m, t, e]), O(() => {
+      const P = (nt) => {
+        if (!I)
           return;
-        O.preventDefault(), c();
-        let W = O.deltaY;
-        O.deltaMode === 1 ? W *= 16 : O.deltaMode === 2 && (W *= e), Q !== 1 && (W *= Q), Mt.debug("[ScrollPane] wheel event", { deltaY: W, scrollPosition: C.current, wheelSpeedMultiplier: Q }), L((Z) => Z + W);
-      }, E = V.current;
-      return E && E.addEventListener("wheel", f, { passive: !1 }), () => {
-        E && E.removeEventListener("wheel", f);
+        nt.preventDefault(), tt();
+        let K = nt.deltaY;
+        nt.deltaMode === 1 ? K *= 16 : nt.deltaMode === 2 && (K *= e), k !== 1 && (K *= k), yt.debug("[ScrollPane] wheel event", { deltaY: K, scrollPosition: C.current, wheelSpeedMultiplier: k, deltaMode: nt.deltaMode, scrollTop: R.current?.scrollTop }), m((Z) => Z + K);
+      }, v = L.current;
+      return v && v.addEventListener("wheel", P, { passive: !1 }), () => {
+        v && v.removeEventListener("wheel", P);
       };
-    }, [R, L, c, e, Q]), he(
-      lt,
+    }, [I, m, tt, e, k]), xe(
+      F,
       () => ({
-        scrollTo: L,
+        scrollTo: m,
         getScrollPosition: () => C.current,
         getContentSize: () => t,
         getViewportSize: () => e
       }),
-      [L, t, e]
+      [m, t, e]
     );
-    const it = y(L);
-    Y(() => {
-      it.current = L;
-    }, [L]);
-    const Tt = Le(), H = y({
+    const At = w(m);
+    O(() => {
+      At.current = m;
+    }, [m]);
+    const W = Xe(), U = w({
       pointerId: null,
       startClientY: 0,
       startScroll: 0,
@@ -733,197 +750,199 @@ const gt = (r, t, e) => Math.min(e, Math.max(t, r)), pe = "virtualscroll:tap-scr
       shouldCancelNextClick: !1,
       clickResetTimer: null,
       velocitySamples: []
-    }), dt = y(m);
-    Y(() => {
-      dt.current = m;
-    }, [m]);
-    const ft = y(R);
-    Y(() => {
-      ft.current = R;
-    }, [R]);
-    const et = y(M);
-    return Y(() => {
-      et.current = M;
-    }, [M]), Y(() => {
-      if (m)
+    }), dt = w(p);
+    O(() => {
+      dt.current = p;
+    }, [p]);
+    const ft = w(I);
+    O(() => {
+      ft.current = I;
+    }, [I]);
+    const E = w(st);
+    return O(() => {
+      E.current = st;
+    }, [st]), O(() => {
+      if (p)
         return;
-      const f = U.current, E = H.current;
-      E.pointerId !== null && f && f.hasPointerCapture(E.pointerId) && f.releasePointerCapture(E.pointerId), E.clickResetTimer !== null && (window.clearTimeout(E.clickResetTimer), E.clickResetTimer = null), E.pointerId = null, E.startClientY = 0, E.startScroll = 0, E.isDragging = !1, E.shouldCancelNextClick = !1, E.velocitySamples = [];
-    }, [m]), Y(() => {
-      const f = U.current;
-      if (!f)
+      const P = R.current, v = U.current;
+      v.pointerId !== null && P && P.hasPointerCapture(v.pointerId) && P.releasePointerCapture(v.pointerId), v.clickResetTimer !== null && (window.clearTimeout(v.clickResetTimer), v.clickResetTimer = null), v.pointerId = null, v.startClientY = 0, v.startScroll = 0, v.isDragging = !1, v.shouldCancelNextClick = !1, v.velocitySamples = [];
+    }, [p]), O(() => {
+      const P = R.current;
+      if (!P)
         return;
-      const E = 6, O = () => typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now(), W = () => {
-        const h = H.current;
+      const v = 6, nt = () => typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now(), K = () => {
+        const h = U.current;
         h.pointerId = null, h.startClientY = 0, h.startScroll = 0, h.isDragging = !1, h.velocitySamples = [];
       }, Z = () => {
-        const h = H.current;
+        const h = U.current;
         h.clickResetTimer !== null && (window.clearTimeout(h.clickResetTimer), h.clickResetTimer = null);
-      }, vt = (h) => {
-        const T = H.current, q = O();
-        T.velocitySamples.push({ clientY: h, time: q });
-        const mt = et.current.velocitySampleWindow;
-        T.velocitySamples = T.velocitySamples.filter((N) => q - N.time <= mt);
-      }, pt = (h) => h instanceof HTMLElement && h.closest("[data-scrollpane-ignore-drag='true']") !== null, G = (h) => {
-        const T = H.current;
-        T.shouldCancelNextClick && (h.preventDefault(), h.stopPropagation(), T.shouldCancelNextClick = !1);
-      }, tt = (h) => {
-        const T = H.current;
-        T.isDragging || (T.isDragging = !0, T.shouldCancelNextClick = !0, f.hasPointerCapture(h.pointerId) || f.setPointerCapture(h.pointerId), vt(h.clientY));
-      }, xt = (h) => {
-        const T = H.current;
-        if (T.pointerId !== h.pointerId || !(dt.current && ft.current) || !T.isDragging && (Math.abs(h.clientY - T.startClientY) < E || (tt(h), !T.isDragging)))
+      }, pt = (h) => {
+        const g = U.current, xt = nt();
+        g.velocitySamples.push({ clientY: h, time: xt });
+        const J = E.current.velocitySampleWindow;
+        g.velocitySamples = g.velocitySamples.filter((Y) => xt - Y.time <= J);
+      }, rt = (h) => h instanceof HTMLElement && h.closest("[data-scrollpane-ignore-drag='true']") !== null, at = (h) => {
+        const g = U.current;
+        g.shouldCancelNextClick && (h.preventDefault(), h.stopPropagation(), g.shouldCancelNextClick = !1);
+      }, ot = (h) => {
+        const g = U.current;
+        g.isDragging || (g.isDragging = !0, g.shouldCancelNextClick = !0, P.hasPointerCapture(h.pointerId) || P.setPointerCapture(h.pointerId), pt(h.clientY));
+      }, It = (h) => {
+        const g = U.current;
+        if (g.pointerId !== h.pointerId || !(dt.current && ft.current) || !g.isDragging && (Math.abs(h.clientY - g.startClientY) < v || (ot(h), !g.isDragging)))
           return;
-        vt(h.clientY);
-        const q = h.clientY - T.startClientY, mt = T.startScroll - q;
-        it.current(mt), h.cancelable && h.preventDefault();
-      }, st = (h) => {
-        const T = H.current;
-        if (T.pointerId !== h.pointerId)
+        pt(h.clientY);
+        const xt = h.clientY - g.startClientY, J = g.startScroll - xt;
+        At.current(J), h.cancelable && h.preventDefault();
+      }, gt = (h) => {
+        const g = U.current;
+        if (g.pointerId !== h.pointerId)
           return;
-        T.isDragging && T.shouldCancelNextClick && h.cancelable && (h.preventDefault(), h.stopPropagation()), f.hasPointerCapture(h.pointerId) && f.releasePointerCapture(h.pointerId);
-        let q = 0;
-        if (T.isDragging && T.velocitySamples.length >= 2) {
-          const N = T.velocitySamples, At = et.current.velocitySampleWindow, It = N[N.length - 1], Xt = N.find((nt) => It.time - nt.time <= At) ?? N[0];
-          if (It && Xt && It.time !== Xt.time) {
-            const nt = It.clientY - Xt.clientY, Kt = It.time - Xt.time;
-            q = -(nt / Kt);
+        g.isDragging && g.shouldCancelNextClick && h.cancelable && (h.preventDefault(), h.stopPropagation()), P.hasPointerCapture(h.pointerId) && P.releasePointerCapture(h.pointerId);
+        let xt = 0;
+        if (g.isDragging && g.velocitySamples.length >= 2) {
+          const Y = g.velocitySamples, Vt = E.current.velocitySampleWindow, bt = Y[Y.length - 1], Et = Y.find((Pt) => bt.time - Pt.time <= Vt) ?? Y[0];
+          if (bt && Et && bt.time !== Et.time) {
+            const Pt = bt.clientY - Et.clientY, Nt = bt.time - Et.time;
+            xt = -(Pt / Nt);
           }
         }
-        Z(), T.shouldCancelNextClick && (T.clickResetTimer = window.setTimeout(() => {
-          const N = H.current;
-          N.shouldCancelNextClick = !1, N.clickResetTimer = null;
+        Z(), g.shouldCancelNextClick && (g.clickResetTimer = window.setTimeout(() => {
+          const Y = U.current;
+          Y.shouldCancelNextClick = !1, Y.clickResetTimer = null;
         }, 0));
-        const mt = et.current.startVelocityThreshold;
-        W(), Math.abs(q) >= mt && ut.current?.(q);
-      }, bt = (h) => {
-        if (!(dt.current && ft.current) || h.button !== 0 && h.pointerType === "mouse" || h.ctrlKey || h.metaKey || h.altKey || pt(h.target))
+        const J = E.current.startVelocityThreshold;
+        K(), Math.abs(xt) >= J && it.current?.(xt);
+      }, Tt = (h) => {
+        if (!(dt.current && ft.current) || h.button !== 0 && h.pointerType === "mouse" || h.ctrlKey || h.metaKey || h.altKey || rt(h.target))
           return;
-        window.dispatchEvent(new CustomEvent(pe, { detail: { paneId: Tt } })), ct.current?.();
-        const T = H.current;
-        Z(), T.pointerId = h.pointerId, T.startClientY = h.clientY, T.startScroll = C.current, T.isDragging = !1, T.shouldCancelNextClick = !1, T.velocitySamples = [];
-      }, Ft = (h) => {
-        const T = H.current;
-        T.pointerId === h.pointerId && (T.shouldCancelNextClick = !1, f.hasPointerCapture(h.pointerId) && f.releasePointerCapture(h.pointerId), Z(), W());
-      }, Ct = [
-        ["click", G, !0],
-        ["pointerdown", bt, { passive: !1 }],
-        ["pointermove", xt, { passive: !1 }],
-        ["pointerup", st, void 0],
-        ["pointercancel", Ft, void 0]
-      ], Rt = [
-        ["pointermove", xt, { passive: !1 }],
-        ["pointerup", st, void 0],
-        ["pointercancel", Ft, void 0]
+        window.dispatchEvent(new CustomEvent(he, { detail: { paneId: W } })), A.current?.();
+        const g = U.current;
+        Z(), g.pointerId = h.pointerId, g.startClientY = h.clientY, g.startScroll = C.current, g.isDragging = !1, g.shouldCancelNextClick = !1, g.velocitySamples = [];
+      }, wt = (h) => {
+        const g = U.current;
+        g.pointerId === h.pointerId && (g.shouldCancelNextClick = !1, P.hasPointerCapture(h.pointerId) && P.releasePointerCapture(h.pointerId), Z(), K());
+      }, _t = [
+        ["click", at, !0],
+        ["pointerdown", Tt, { passive: !1 }],
+        ["pointermove", It, { passive: !1 }],
+        ["pointerup", gt, void 0],
+        ["pointercancel", wt, void 0]
+      ], Ft = [
+        ["pointermove", It, { passive: !1 }],
+        ["pointerup", gt, void 0],
+        ["pointercancel", wt, void 0]
       ];
-      return oe(f, Ct, "add"), oe(window, Rt, "add"), () => {
-        oe(f, Ct, "remove"), oe(window, Rt, "remove");
-        const h = H.current;
-        h.pointerId !== null && f.hasPointerCapture(h.pointerId) && f.releasePointerCapture(h.pointerId), Z(), W();
+      return ae(P, _t, "add"), ae(window, Ft, "add"), () => {
+        ae(P, _t, "remove"), ae(window, Ft, "remove");
+        const h = U.current;
+        h.pointerId !== null && P.hasPointerCapture(h.pointerId) && P.releasePointerCapture(h.pointerId), Z(), K();
       };
-    }, [Tt]), /* @__PURE__ */ Gt("div", { ref: V, className: jt("flex", u), style: p, children: [
-      /* @__PURE__ */ Gt(
+    }, [W]), /* @__PURE__ */ Jt("div", { ref: L, className: Zt("flex", d), style: c, children: [
+      /* @__PURE__ */ Jt(
         "div",
         {
-          ref: U,
-          className: jt("relative h-full flex-1 overflow-hidden"),
+          ref: R,
+          className: Zt("relative h-full flex-1 overflow-hidden"),
           style: {
             height: e,
-            paddingTop: X.top,
-            paddingBottom: X.bottom,
-            ...m ? { touchAction: "none" } : {}
+            paddingTop: ut.top,
+            paddingBottom: ut.bottom,
+            ...p ? { touchAction: "none" } : {}
           },
-          id: Tt,
+          id: W,
           children: [
-            g,
+            f,
             r(C.current)
           ]
         }
       ),
-      R && /* @__PURE__ */ J(
-        tn,
+      I && /* @__PURE__ */ Q(
+        rn,
         {
           contentSize: t,
           viewportSize: e,
           scrollPosition: C.current,
-          onScroll: L,
+          onScroll: m,
           enableThumbDrag: o,
           enableTrackClick: a,
-          enableArrowButtons: d,
+          enableArrowButtons: u,
           scrollBarWidth: n,
-          ariaControls: Tt,
-          tapScrollCircleOptions: v,
+          ariaControls: W,
+          tapScrollCircleOptions: S,
           itemCount: _,
-          renderThumbOverlay: D
+          renderThumbOverlay: X,
+          visibleStartIndex: ht,
+          visibleEndIndex: H
         }
       )
     ] });
   }
-), be = (r, t, e) => Math.min(Math.max(r, t), e), In = ({ dragState: r, normalizedDistance: t, sizeScale: e, size: n }) => {
-  const o = Math.max(n / 2, 1), a = 1 + t * 0.65, d = Math.max(0.65, 1 - t * 0.25), m = r.direction * t * 26 * e, l = 0.8 + t * 0.18, u = 3 * e, p = 6 * e, g = 22 * e, v = Math.abs(m) + p, b = m > 0 ? u : -Math.abs(m) - u, _ = Math.max(2.5, 3 * e), D = be(r.offsetX, -o, o), Q = be(r.offsetY, -o, o), z = o * 0.35, lt = D / o * z, C = Q / o * z, V = lt * 0.45, U = C * 0.45, F = Math.max(g * 0.38, 6), M = 0.65 + t * 0.2, X = r.active;
-  return /* @__PURE__ */ Gt(we, { children: [
-    /* @__PURE__ */ J(
+), Se = (r, t, e) => Math.min(Math.max(r, t), e), Pn = ({ dragState: r, normalizedDistance: t, sizeScale: e, size: n }) => {
+  const o = Math.max(n / 2, 1), a = 1 + t * 0.65, u = Math.max(0.65, 1 - t * 0.25), p = r.direction * t * 26 * e, l = 0.8 + t * 0.18, d = 3 * e, c = 6 * e, f = 22 * e, S = Math.abs(p) + c, b = p > 0 ? d : -Math.abs(p) - d, _ = Math.max(2.5, 3 * e), X = Se(r.offsetX, -o, o), k = Se(r.offsetY, -o, o), B = o * 0.35, ht = X / o * B, H = k / o * B, F = ht * 0.45, C = H * 0.45, L = Math.max(f * 0.38, 6), R = 0.65 + t * 0.2, N = r.active;
+  return /* @__PURE__ */ Jt(we, { children: [
+    /* @__PURE__ */ Q(
       "div",
       {
         className: "aqvs:tap-scroll-circle-gradient absolute inset-0 rounded-full border border-white/40 shadow-md",
         style: {
-          transform: `scale(${d}, ${a})`,
-          transition: X ? "40ms transform ease-out" : "200ms ease transform"
+          transform: `scale(${u}, ${a})`,
+          transition: N ? "40ms transform ease-out" : "200ms ease transform"
         }
       }
     ),
-    /* @__PURE__ */ J(
+    /* @__PURE__ */ Q(
       "div",
       {
         className: "absolute top-1/2 left-1/2 rounded-full border border-white/50 bg-white/85",
         style: {
-          width: g,
-          height: g,
-          transform: `translate(calc(-50% + ${lt}px), calc(-50% + ${C}px)) scale(${d}, ${l * a})`,
-          transition: X ? "70ms transform ease-out" : "200ms ease transform"
+          width: f,
+          height: f,
+          transform: `translate(calc(-50% + ${ht}px), calc(-50% + ${H}px)) scale(${u}, ${l * a})`,
+          transition: N ? "70ms transform ease-out" : "200ms ease transform"
         }
       }
     ),
-    /* @__PURE__ */ J(
+    /* @__PURE__ */ Q(
       "div",
       {
         className: "absolute top-1/2 left-1/2 rounded-full bg-white/80",
         style: {
-          width: F,
-          height: F,
-          transform: `translate(calc(-50% + ${V}px), calc(-50% + ${U}px)) scale(${d}, ${a})`,
-          opacity: M,
+          width: L,
+          height: L,
+          transform: `translate(calc(-50% + ${F}px), calc(-50% + ${C}px)) scale(${u}, ${a})`,
+          opacity: R,
           boxShadow: "0 0 8px rgba(255,255,255,0.45)",
-          transition: X ? "120ms opacity 150ms, 120ms transform ease-out ease-out" : "220ms ease transform, 240ms opacity ease"
+          transition: N ? "120ms opacity 150ms, 120ms transform ease-out ease-out" : "220ms ease transform, 240ms opacity ease"
         }
       }
     ),
-    /* @__PURE__ */ J(
+    /* @__PURE__ */ Q(
       "div",
       {
         className: "absolute top-1/2 left-1/2 rounded-full bg-white/50",
         style: {
           width: _,
-          height: v,
+          height: S,
           transform: `translate(-50%, ${b}px)`,
           opacity: t,
-          transition: X ? "40ms height, 60ms opacity ease-out ease-out" : "200ms ease height, 120ms ease opacity"
+          transition: N ? "40ms height, 60ms opacity ease-out ease-out" : "200ms ease height, 120ms ease opacity"
         }
       }
     )
   ] });
-}, nn = (r) => {
+}, sn = (r) => {
   if (!Number.isFinite(r))
     return 0n;
   const t = Math.trunc(r);
   return t <= 0 ? 0n : BigInt(t);
-}, ie = (r) => {
+}, le = (r) => {
   if (r <= 0 || !Number.isFinite(r))
     return 0;
   const t = Math.trunc(r), e = BigInt(t) & -BigInt(t);
   return Number(e);
 };
-class rn {
+class an {
   /**
    * @private
    * @property {Map<number, number>} tree - The Map storing the Fenwick tree structure, specifically the sums of deltas. It is 1-indexed.
@@ -980,14 +999,14 @@ class rn {
         const a = n?.sampleRange ?? {
           from: 0,
           to: Math.min(99, this.size - 1)
-        }, { mode: d, materializedValues: m } = this._calculateMode(a.from, a.to);
-        if (this.baseValue = d, n?.materialize)
-          for (let l = 0; l < m.length; l++) {
-            const u = m[l], p = a.from + l;
-            if (p >= this.size)
+        }, { mode: u, materializedValues: p } = this._calculateMode(a.from, a.to);
+        if (this.baseValue = u, n?.materialize)
+          for (let l = 0; l < p.length; l++) {
+            const d = p[l], c = a.from + l;
+            if (c >= this.size)
               break;
-            const g = u - this.baseValue;
-            this.deltas.set(p, g), this._updateTree(p, g);
+            const f = d - this.baseValue;
+            this.deltas.set(c, f), this._updateTree(c, f);
           }
       } else
         this.baseValue = 0;
@@ -1017,29 +1036,29 @@ class rn {
     if (!this.valueFn)
       return { mode: 0, materializedValues: [] };
     const n = [];
-    for (let u = t; u <= e && !(u >= this.size); u++)
-      n.push(this.valueFn(u));
+    for (let d = t; d <= e && !(d >= this.size); d++)
+      n.push(this.valueFn(d));
     const o = [...n];
     if (n.length === 0)
       return { mode: 0, materializedValues: [] };
-    n.sort((u, p) => u - p);
+    n.sort((d, c) => d - c);
     const a = Math.floor(n.length / 2);
-    let d;
-    n.length % 2 === 0 ? d = Math.floor((n[a - 1] + n[a]) / 2) : d = n[a];
-    const m = /* @__PURE__ */ new Map();
+    let u;
+    n.length % 2 === 0 ? u = Math.floor((n[a - 1] + n[a]) / 2) : u = n[a];
+    const p = /* @__PURE__ */ new Map();
     let l = 0;
-    for (const u of n) {
-      const p = (m.get(u) ?? 0) + 1;
-      m.set(u, p), p > l && (l = p);
+    for (const d of n) {
+      const c = (p.get(d) ?? 0) + 1;
+      p.set(d, c), c > l && (l = c);
     }
-    if (l > 1) {
-      const u = [];
-      for (const [g, v] of m.entries())
-        v === l && u.push(g);
-      const p = u.reduce((g, v) => g + v, 0);
-      d = Math.floor(p / u.length);
+    if (l > n.length * 0.2) {
+      const d = [];
+      for (const [f, S] of p.entries())
+        S === l && d.push(f);
+      const c = d.reduce((f, S) => f + S, 0);
+      u = Math.floor(c / d.length);
     }
-    return { mode: d, materializedValues: o };
+    return { mode: u, materializedValues: o };
   }
   /**
    * @method update
@@ -1100,7 +1119,7 @@ class rn {
     let n = t + 1;
     for (; n <= this.size; ) {
       this.tree.set(n, (this.tree.get(n) ?? 0) + e);
-      const o = ie(n);
+      const o = le(n);
       if (o === 0)
         break;
       n += o;
@@ -1122,8 +1141,8 @@ class rn {
         throw new Error(`Index ${n} out of bounds`);
       if (o < 0)
         throw new Error("Value cannot be negative.");
-      const a = this.deltas.has(n) ? (this.deltas.get(n) ?? 0) + this.baseValue : this.baseValue, d = o - a;
-      d !== 0 && e.push({ index: n, change: d });
+      const a = this.deltas.has(n) ? (this.deltas.get(n) ?? 0) + this.baseValue : this.baseValue, u = o - a;
+      u !== 0 && e.push({ index: n, change: u });
     }
     return e;
   }
@@ -1140,7 +1159,7 @@ class rn {
     let t = 0, e = this.size;
     for (; e > 0; ) {
       t += this.tree.get(e) ?? 0;
-      const n = ie(e);
+      const n = le(e);
       if (n === 0)
         break;
       e -= n;
@@ -1159,8 +1178,8 @@ class rn {
     if (this.valueFn) {
       const n = this.deltas.get(t) ?? 0, a = this.valueFn(t) - this.baseValue;
       if (a !== n && (this.deltas.set(t, a), e)) {
-        const d = a - n;
-        this._updateTree(t, d);
+        const u = a - n;
+        this._updateTree(t, u);
       }
     }
   }
@@ -1178,10 +1197,10 @@ class rn {
       return;
     const o = t.ranges;
     if (o && o.length > 0) {
-      for (const m of o) {
-        const l = m.from, u = Math.min(m.to, this.size - 1);
-        for (let p = l; p <= u; p++)
-          this._materialize(p);
+      for (const p of o) {
+        const l = p.from, d = Math.min(p.to, this.size - 1);
+        for (let c = l; c <= d; c++)
+          this._materialize(c);
       }
       if (e === void 0)
         return;
@@ -1189,8 +1208,8 @@ class rn {
         this._materialize(e);
         return;
       }
-      const a = o[0].from, d = o[o.length - 1].to;
-      e >= a && e <= d && this._materialize(e);
+      const a = o[0].from, u = o[o.length - 1].to;
+      e >= a && e <= u && this._materialize(e);
       return;
     }
     e !== void 0 && this._materialize(e);
@@ -1210,12 +1229,13 @@ class rn {
       return this._findIndexLarge(t, e, n);
     if (this.size === 0)
       return { index: -1, total: this.total ?? 0, cumulative: void 0, currentValue: void 0, safeIndex: void 0 };
-    let o = 0, a = this.size - 1, d = -1, m, l = this.total;
+    let o = 0, a = this.size - 1, u = -1, p, l, d = this.total;
     for (; o <= a; ) {
-      const u = Math.floor((o + a) / 2);
-      m = this.prefixSum(u, e), l = m.total, (n ? m.cumulative >= t : m.cumulative <= t) ? (d = u, n ? a = u - 1 : o = u + 1) : n ? o = u + 1 : a = u - 1;
+      const f = Math.floor((o + a) / 2);
+      p = this.prefixSum(f, e), d = p.total, (n ? p.cumulative >= t : p.cumulative <= t) ? (u = f, l = p, n ? a = f - 1 : o = f + 1) : n ? o = f + 1 : a = f - 1;
     }
-    return { index: d, total: l, cumulative: m?.cumulative, currentValue: m?.currentValue, safeIndex: m?.safeIndex };
+    const c = l ?? p;
+    return { index: u, total: d, cumulative: c?.cumulative, currentValue: c?.currentValue, safeIndex: c?.safeIndex };
   }
   /**
    * Executes a binary search using bigint arithmetic for extremely large sizes.
@@ -1225,17 +1245,17 @@ class rn {
   _findIndexLarge(t, e, n) {
     if (this.size === 0)
       return { index: -1, total: this.total ?? 0, cumulative: void 0, currentValue: void 0, safeIndex: void 0 };
-    const o = nn(this.size);
+    const o = sn(this.size);
     if (o === 0n)
       return { index: -1, total: this.total ?? 0, cumulative: void 0, currentValue: void 0, safeIndex: void 0 };
-    let a = 0n, d = o - 1n, m, l, u, p = this.total;
-    for (; a <= d; ) {
-      const b = a + d >> 1n, _ = Number(b), D = this.prefixSum(_, e);
-      if (u = D, p = D.total, n ? D.cumulative >= t : D.cumulative <= t)
-        if (m = b, l = D, n) {
+    let a = 0n, u = o - 1n, p, l, d, c = this.total;
+    for (; a <= u; ) {
+      const b = a + u >> 1n, _ = Number(b), X = this.prefixSum(_, e);
+      if (d = X, c = X.total, n ? X.cumulative >= t : X.cumulative <= t)
+        if (p = b, l = X, n) {
           if (b === 0n)
             break;
-          d = b - 1n;
+          u = b - 1n;
         } else
           a = b + 1n;
       else if (n)
@@ -1243,16 +1263,16 @@ class rn {
       else {
         if (b === 0n)
           break;
-        d = b - 1n;
+        u = b - 1n;
       }
     }
-    const g = l ?? u;
+    const f = l ?? d;
     return {
-      index: m !== void 0 ? Number(m) : -1,
-      total: p,
-      cumulative: g?.cumulative,
-      currentValue: g?.currentValue,
-      safeIndex: g?.safeIndex
+      index: p !== void 0 ? Number(p) : -1,
+      total: c,
+      cumulative: f?.cumulative,
+      currentValue: f?.currentValue,
+      safeIndex: f?.safeIndex
     };
   }
   /**
@@ -1266,19 +1286,19 @@ class rn {
   prefixSum(t, e) {
     if (t < 0)
       return { cumulative: 0, total: this.total, currentValue: 0, safeIndex: 0 };
-    const n = gt(t, 0, this.size - 1), o = e?.materializeOption;
+    const n = mt(t, 0, this.size - 1), o = e?.materializeOption;
     this._materializeRanges(o, n, !0);
-    let a = 0, d = n + 1;
-    for (; d > 0; ) {
-      const l = this.tree.get(d) ?? 0;
+    let a = 0, u = n + 1;
+    for (; u > 0; ) {
+      const l = this.tree.get(u) ?? 0;
       a += l;
-      const u = ie(d);
-      if (u === 0)
+      const d = le(u);
+      if (d === 0)
         break;
-      d -= u;
+      u -= d;
     }
-    const m = o?.materialize ? this.get(n) : (this.deltas.get(n) || 0) + this.baseValue;
-    return { cumulative: a + this.baseValue * (n + 1), total: this.total, currentValue: m, safeIndex: n };
+    const p = o?.materialize ? this.get(n) : (this.deltas.get(n) || 0) + this.baseValue;
+    return { cumulative: a + this.baseValue * (n + 1), total: this.total, currentValue: p, safeIndex: n };
   }
   /**
    * @method get
@@ -1333,10 +1353,10 @@ class rn {
       let a = n + 1;
       for (; a <= this.size; ) {
         e.set(a, (e.get(a) ?? 0) + o);
-        const d = ie(a);
-        if (d === 0)
+        const u = le(a);
+        if (u === 0)
           break;
-        a += d;
+        a += u;
       }
     }
     this.tree = e, this.total = this._computeTreeTotal();
@@ -1410,11 +1430,11 @@ class rn {
     return this._findIndex(t, e ?? {}, !1);
   }
 }
-const on = (r, t, e) => {
-  const n = Math.max(0, r), o = y(null), a = Vt(() => new rn(n, t, e), [n, t, e]);
+const ln = (r, t, e) => {
+  const n = Math.max(0, r), o = w(null), a = Dt(() => new an(n, t, e), [n, t, e]);
   return Object.is(o.current, a) || console.warn("[useFenwickMapTree] instance changed"), o.current = a, a;
 };
-class sn {
+class cn {
   key;
   value;
   prev = null;
@@ -1423,7 +1443,7 @@ class sn {
     this.key = t, this.value = e;
   }
 }
-class Pe {
+class ve {
   head = null;
   tail = null;
   /**
@@ -1464,484 +1484,495 @@ class Pe {
     this.remove(t), this.addToTail(t);
   }
 }
-function an(r) {
-  const t = y(/* @__PURE__ */ new Map()), e = y(new Pe());
-  Y(() => {
+function un(r) {
+  const t = w(/* @__PURE__ */ new Map()), e = w(new ve());
+  O(() => {
     for (; t.current.size > r; ) {
-      const p = e.current.removeHead();
-      if (p)
-        t.current.delete(p.key);
+      const c = e.current.removeHead();
+      if (c)
+        t.current.delete(c.key);
       else
         break;
     }
   }, [r]);
-  const n = w((p) => {
-    const g = t.current.get(p);
-    if (g)
-      return e.current.moveToTail(g), g.value;
-  }, []), o = w(
-    (p, g) => {
+  const n = y((c) => {
+    const f = t.current.get(c);
+    if (f)
+      return e.current.moveToTail(f), f.value;
+  }, []), o = y(
+    (c, f) => {
       if (r <= 0)
         return;
-      let v = t.current.get(p);
-      if (v)
-        v.value = g, e.current.moveToTail(v);
+      let S = t.current.get(c);
+      if (S)
+        S.value = f, e.current.moveToTail(S);
       else {
         if (t.current.size >= r) {
           const b = e.current.removeHead();
           b && t.current.delete(b.key);
         }
-        v = new sn(p, g), t.current.set(p, v), e.current.addToTail(v);
+        S = new cn(c, f), t.current.set(c, S), e.current.addToTail(S);
       }
     },
     [r]
-  ), a = w((p) => t.current.has(p), []), d = w((p) => {
-    const g = t.current.get(p);
-    g && (e.current.remove(g), t.current.delete(p));
-  }, []), m = w(() => {
-    t.current.clear(), e.current = new Pe();
-  }, []), [l, u] = Ot(() => ({ get: n, set: o, has: a, remove: d, clear: m }));
-  return Y(() => u({ get: n, set: o, has: a, remove: d, clear: m }), [n, o, a, d, m]), l;
+  ), a = y((c) => t.current.has(c), []), u = y((c) => {
+    const f = t.current.get(c);
+    f && (e.current.remove(f), t.current.delete(c));
+  }, []), p = y(() => {
+    t.current.clear(), e.current = new ve();
+  }, []), [l, d] = Xt(() => ({ get: n, set: o, has: a, remove: u, clear: p }));
+  return O(() => d({ get: n, set: o, has: a, remove: u, clear: p }), [n, o, a, u, p]), l;
 }
-const ln = 1e4, Tn = () => {
-  const { get: r, set: t, has: e, clear: n } = an(ln);
+const dn = 1e4, Sn = () => {
+  const { get: r, set: t, has: e, clear: n } = un(dn);
   return { get: r, set: t, has: e, clear: n };
-}, ot = (r, t) => t <= 0 ? 0 : gt(r, 0, t - 1), cn = (r) => ({
+}, ct = (r, t) => t <= 0 ? 0 : mt(r, 0, t - 1), fn = (r) => ({
   top: Math.max(0, r?.top ?? 0),
   bottom: Math.max(0, r?.bottom ?? 0)
-}), qt = (r, t) => r <= t ? 0 : r - t, ee = (r, t) => r <= 0 ? t : r + t, Se = (r) => {
+}), Wt = (r, t) => r <= t ? 0 : r - t, ee = (r, t) => r <= 0 ? t : r + t, Me = (r) => {
   if (!Number.isFinite(r))
     return 0n;
   const t = Math.trunc(r);
   return t <= 0 ? 0n : BigInt(t);
-}, un = (r, t, e, n, o, a, d, m) => {
-  const l = Se(n);
+}, pn = (r, t, e, n, o, a, u, p) => {
+  const l = Me(n);
   if (l === 0n)
     return { renderingStartIndex: 0, renderingEndIndex: 0, visibleStartIndex: 0, visibleEndIndex: 0 };
-  const u = (V) => V < 0n ? 0n : V >= l ? l - 1n : V, p = { materializeOption: { materialize: !1 } }, { index: g } = a.findIndexAtOrAfter(r, p);
-  let v;
-  g === -1 ? v = l - 1n : (v = Se(g), v >= l && (v = l - 1n)), r <= 0 && (v = 0n), m && r >= d && (v = l - 1n);
-  const b = (V) => {
-    let U = 0, F = V, M = V, X = 0n;
-    for (; F < l && U < t; ) {
-      const St = Number(F), R = o(St);
-      if (U += R, M = F, F += 1n, X += 1n, !Number.isFinite(R) || R <= 0)
+  const d = (F) => F < 0n ? 0n : F >= l ? l - 1n : F, c = { materializeOption: { materialize: !1 } }, { index: f } = a.findIndexAtOrAfter(r, c);
+  let S;
+  f === -1 ? S = l - 1n : (S = Me(f), S >= l && (S = l - 1n)), r <= 0 && (S = 0n), p && r >= u && (S = l - 1n);
+  const b = (F) => {
+    let C = 0, L = F, R = F, N = 0n;
+    for (; L < l && C < t; ) {
+      const st = Number(L), ut = o(st);
+      if (C += ut, R = L, L += 1n, N += 1n, !Number.isFinite(ut) || ut <= 0)
         break;
     }
-    return X === 0n && (M = V), { height: U, end: M };
+    return N === 0n && (R = F), { height: C, end: R };
   };
-  let { height: _, end: D } = b(v);
-  if (_ < t && v > 0n) {
-    let V = v, U = _;
-    for (; V > 0n && U < t; ) {
-      V -= 1n;
-      const M = Number(V), X = o(M);
-      if (U += X, !Number.isFinite(X) || X <= 0)
+  let { height: _, end: X } = b(S);
+  if (_ < t && S > 0n) {
+    let F = S, C = _;
+    for (; F > 0n && C < t; ) {
+      F -= 1n;
+      const R = Number(F), N = o(R);
+      if (C += N, !Number.isFinite(N) || N <= 0)
         break;
     }
-    v = u(V);
-    const F = b(v);
-    _ = F.height, D = F.end;
+    S = d(F);
+    const L = b(S);
+    _ = L.height, X = L.end;
   }
-  const Q = u(v), z = u(D), lt = u(Q - BigInt(Math.max(0, e))), C = u(z + BigInt(Math.max(0, e)));
+  const k = d(S), B = d(X), ht = d(k - BigInt(Math.max(0, e))), H = d(B + BigInt(Math.max(0, e)));
   return {
-    renderingStartIndex: ot(Number(lt), n),
-    renderingEndIndex: ot(Number(C), n),
-    visibleStartIndex: ot(Number(Q), n),
-    visibleEndIndex: ot(Number(z), n)
+    renderingStartIndex: ct(Number(ht), n),
+    renderingEndIndex: ct(Number(H), n),
+    visibleStartIndex: ct(Number(k), n),
+    visibleEndIndex: ct(Number(B), n)
   };
-}, dn = (r, t, e, n, o, a) => {
+}, mn = (r, t, e, n, o, a, u) => {
   if (n === 0)
     return { renderingStartIndex: 0, renderingEndIndex: 0, visibleStartIndex: 0, visibleEndIndex: 0 };
-  const d = a.getTotal(), m = Number.isFinite(d), l = m ? Math.min(r, d) : r;
-  if (n > Number.MAX_SAFE_INTEGER)
-    return un(l, t, e, n, o, a, d, m);
-  const { index: u, cumulative: p, currentValue: g } = a.findIndexAtOrAfter(l, { materializeOption: { materialize: !1 } }), v = u === -1 ? t <= 0 || (p ?? 0) < l + (g ?? 0) ? n - 1 : 0 : u;
-  let b = ot(v, n), _ = 0, D = b;
-  for (; D < n && _ < t; )
-    _ += o(D), D++;
+  const p = Number.isFinite(u), l = p ? Math.min(Math.max(0, r), u) : Math.max(0, r);
+  if (n >= Number.MAX_SAFE_INTEGER)
+    return pn(l, t, e, n, o, a, u, p);
+  const { index: d, cumulative: c, currentValue: f } = a.findIndexAtOrAfter(l, { materializeOption: { materialize: !1 } }), S = d === -1 ? t <= 0 || (c ?? 0) < l + (f ?? 0) ? n - 1 : 0 : d;
+  let b = ct(S, n), _ = 0;
+  if (b === d && c !== void 0 && f !== void 0)
+    _ = c - f - l;
+  else {
+    const { cumulative: F, currentValue: C } = a.prefixSum(b, { materializeOption: { materialize: !1 } });
+    _ = (F ?? 0) - (C ?? 0) - l;
+  }
+  const X = _;
+  let k = b;
+  for (; k < n && _ < t; )
+    _ += o(k), k++;
   if (_ < t && b > 0) {
-    let C = _, V = b - 1;
-    for (; V >= 0 && C < t; )
-      C += o(V), V--;
-    for (b = ot(V + 1, n), _ = 0, D = b; D < n && _ < t; )
-      _ += o(D), D++;
+    let F = _ + Math.abs(Math.min(0, X)), C = b - 1;
+    for (; C >= 0 && F < t; )
+      F += o(C), C--;
+    for (b = ct(C + 1, n), _ = 0, k = b; k < n && _ < t; )
+      _ += o(k), k++;
   }
-  const Q = ot(b - e, n), z = ot(Math.max(D - 1, b), n), lt = ot(z + e, n);
-  return { renderingStartIndex: Q, renderingEndIndex: lt, visibleStartIndex: b, visibleEndIndex: z };
-}, fn = () => typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now(), ve = (r, t, e) => {
-  const n = Math.max(0, t ?? 0), o = y({
+  const B = ct(b - e, n), ht = ct(Math.max(k - 1, b), n), H = ct(ht + e, n);
+  return { renderingStartIndex: B, renderingEndIndex: H, visibleStartIndex: b, visibleEndIndex: ht };
+}, hn = () => typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now(), ye = (r, t, e) => {
+  const n = Math.max(0, t ?? 0), o = w({
     lastInvokeAt: 0,
     rafId: null,
     pendingPayload: null,
     loopActive: !1,
     normalizedThrottle: n
-  }), a = w(() => {
+  }), a = y(() => {
     const l = o.current;
     l.rafId !== null && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(l.rafId), l.rafId = null, l.loopActive = !1;
-  }, []), d = w(
+  }, []), u = y(
     (l) => {
-      const u = o.current;
-      u.rafId = null;
-      const p = typeof l == "number" ? l : fn(), g = u.normalizedThrottle, v = u.pendingPayload, b = r.current;
-      if (v !== null && b) {
-        const _ = p - u.lastInvokeAt;
-        (g === 0 || u.lastInvokeAt === 0 || _ >= g) && (u.pendingPayload = null, u.lastInvokeAt = p, e(b, v));
+      const d = o.current;
+      d.rafId = null;
+      const c = typeof l == "number" ? l : hn(), f = d.normalizedThrottle, S = d.pendingPayload, b = r.current;
+      if (S !== null && b) {
+        const _ = c - d.lastInvokeAt;
+        (f === 0 || d.lastInvokeAt === 0 || _ >= f) && (d.pendingPayload = null, d.lastInvokeAt = c, e(b, S));
       }
-      if (u.pendingPayload !== null) {
-        typeof requestAnimationFrame == "function" ? u.rafId = requestAnimationFrame(d) : u.loopActive = !1;
+      if (d.pendingPayload !== null) {
+        typeof requestAnimationFrame == "function" ? d.rafId = requestAnimationFrame(u) : d.loopActive = !1;
         return;
       }
-      u.loopActive = !1;
+      d.loopActive = !1;
     },
     [r, e]
-  ), m = w(() => {
+  ), p = y(() => {
     const l = o.current;
     if (!l.loopActive) {
       if (l.loopActive = !0, typeof requestAnimationFrame == "function") {
-        l.rafId = requestAnimationFrame(d);
+        l.rafId = requestAnimationFrame(u);
         return;
       }
       l.loopActive = !1;
     }
-  }, [d]);
-  return Y(() => () => {
+  }, [u]);
+  return O(() => () => {
     a(), o.current.pendingPayload = null;
-  }, [a]), Y(() => {
+  }, [a]), O(() => {
     a();
     const l = o.current;
     l.lastInvokeAt = 0, l.pendingPayload = null, l.normalizedThrottle = n;
-  }, [n, a]), w(
+  }, [n, a]), y(
     (l) => {
-      const u = o.current;
-      u.pendingPayload = l, m();
+      const d = o.current;
+      d.pendingPayload = l, p();
     },
-    [m]
+    [p]
   );
-}, pn = ({
+}, gn = ({
   itemCount: r,
   getItem: t,
   getItemHeight: e,
   viewportSize: n,
   overscanCount: o = 15,
   className: a,
-  onScroll: d,
-  onRangeChange: m,
+  onScroll: u,
+  onRangeChange: p,
   children: l,
-  background: u,
-  initialScrollIndex: p,
-  initialScrollOffset: g,
-  tapScrollCircleOptions: v,
+  background: d,
+  initialScrollIndex: c,
+  initialScrollOffset: f,
+  tapScrollCircleOptions: S,
   scrollBarWidth: b,
   enableThumbDrag: _,
-  enableTrackClick: D,
-  enableArrowButtons: Q,
-  enablePointerDrag: z,
-  inertiaOptions: lt,
-  callbackThrottleMs: C = 5,
-  renderThumbOverlay: V,
-  wheelSpeedMultiplier: U,
-  contentInsets: F,
-  enableKeyboardNavigation: M = !0,
-  onItemFocus: X
-}, St) => {
-  const R = y(null), L = y(!1), c = Vt(() => cn(F), [F]), ct = y({ size: r, valueOrFn: e, options: { sampleRange: { from: 0, to: 100 } } }), P = on(ct.current.size, ct.current.valueOrFn, ct.current.options), [ut] = Ot(() => {
-    let s = c.top, I = 0;
-    if (typeof p == "number") {
-      const S = gt(p, 0, r - 1), k = gt(S - o * 2, 0, r - 1), $ = gt(S + o * 2, 0, r - 1), K = p > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: k, to: $ }] } } : void 0, { cumulative: yt, total: Lt, currentValue: Et } = P.prefixSum(p, K), Yt = Math.max(yt - Et, 0);
-      s = ee(Yt, c.top), I = Lt ?? P.getTotal();
-    } else typeof g == "number" && (s = ee(Math.max(g, 0), c.top)), I = P.getTotal();
-    return { position: s, total: I };
-  }), [it, Tt] = Ot(ut.position), [H, dt] = Ot(ut.total), [ft, et] = Ot(ut.position), [f, E] = Ot(r), O = y(ut.position), W = y(c.top), Z = y(d ?? void 0), vt = y(m ?? void 0), pt = y(/* @__PURE__ */ new Map()), G = y(null), tt = y(null);
-  Y(() => {
-    Z.current = d ?? void 0, vt.current = m ?? void 0;
-  }, [m, d]);
-  const xt = w(
-    (s) => {
-      if (M && s && typeof s.focus == "function")
+  enableTrackClick: X,
+  enableArrowButtons: k,
+  enablePointerDrag: B,
+  inertiaOptions: ht,
+  callbackThrottleMs: H = 5,
+  renderThumbOverlay: F,
+  wheelSpeedMultiplier: C,
+  contentInsets: L,
+  enableKeyboardNavigation: R = !0,
+  onItemFocus: N,
+  clipItemHeight: st = !1
+}, ut) => {
+  const $ = w(null), I = w(!1), m = Dt(() => fn(L), [L]), tt = w({ size: r, valueOrFn: e, options: { sampleRange: { from: 0, to: 100 } } }), A = ln(tt.current.size, tt.current.valueOrFn, tt.current.options), [et] = Xt(() => {
+    let i = m.top, T = 0;
+    if (typeof c == "number") {
+      const M = mt(c, 0, r - 1), D = mt(M - o * 2, 0, r - 1), q = mt(M + o * 2, 0, r - 1), j = c > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: D, to: q }] } } : void 0, { cumulative: Rt, total: Ht, currentValue: Ot } = A.prefixSum(c, j), Ut = Math.max(Rt - Ot, 0);
+      i = ee(Ut, m.top), T = Ht ?? A.getTotal();
+    } else typeof f == "number" && (i = ee(Math.max(f, 0), m.top)), T = A.getTotal();
+    return { position: i, total: T };
+  }), [it, At] = Xt(et.position), [W, U] = Xt(et.total), [dt, ft] = Xt(et.position), [E, P] = Xt(r), v = w(et.position), nt = w(m.top), K = w(u ?? void 0), Z = w(p ?? void 0), pt = w(/* @__PURE__ */ new Map()), rt = w(null), at = w(null);
+  O(() => {
+    K.current = u ?? void 0, Z.current = p ?? void 0;
+  }, [p, u]);
+  const ot = y(
+    (i) => {
+      if (R && i && typeof i.focus == "function")
         try {
-          s.focus({ preventScroll: !0 });
+          i.focus({ preventScroll: !0 });
         } catch {
-          s.focus();
+          i.focus();
         }
     },
-    [M]
-  ), st = ve(Z, C, (s, { position: I, totalHeight: S }) => {
-    s(I, S);
-  }), bt = ve(vt, C, (s, { renderingStartIndex: I, renderingEndIndex: S, visibleStartIndex: k, visibleEndIndex: $, scrollPosition: K, totalHeight: yt }) => {
-    s(I, S, k, $, K, yt);
+    [R]
+  ), It = ye(K, H, (i, { position: T, totalHeight: M }) => {
+    i(T, M);
+  }), gt = ye(Z, H, (i, { renderingStartIndex: T, renderingEndIndex: M, visibleStartIndex: D, visibleEndIndex: q, scrollPosition: j, totalHeight: Rt }) => {
+    i(T, M, D, q, j, Rt);
   });
-  Y(() => (L.current = !0, () => {
-    L.current = !1;
-  }), []), Y(() => {
-    M || (pt.current.clear(), G.current = null, tt.current = null);
-  }, [M]);
-  const Ft = 0.01, Ct = y({
+  O(() => (I.current = !0, () => {
+    I.current = !1;
+  }), []), O(() => {
+    R || (pt.current.clear(), rt.current = null, at.current = null);
+  }, [R]);
+  const Tt = 0.01, wt = w({
     rafId: null,
     loopActive: !1,
     idleFrames: 0,
-    lastRenderedPosition: ut.position
-  }), Rt = w(() => {
-    const s = Ct.current;
-    s.rafId !== null && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(s.rafId), s.rafId = null, s.loopActive = !1, s.idleFrames = 0;
+    lastRenderedPosition: et.position
+  }), _t = y(() => {
+    const i = wt.current;
+    i.rafId !== null && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(i.rafId), i.rafId = null, i.loopActive = !1, i.idleFrames = 0;
   }, []);
-  Y(
+  O(
     () => () => {
-      Rt();
+      _t();
     },
-    [Rt]
+    [_t]
   );
-  const h = w(() => {
-    const s = Ct.current;
-    s.rafId = null;
-    const I = O.current, S = qt(I, c.top), k = P.getTotal();
-    if (Tt((K) => Math.abs(K - I) < Ft ? K : I), st({ position: S, totalHeight: k }), Math.abs(s.lastRenderedPosition - I) >= Ft ? (s.lastRenderedPosition = I, s.idleFrames = 0) : s.idleFrames += 1, s.idleFrames >= 2) {
-      Rt();
+  const Ft = y(() => {
+    const i = wt.current;
+    i.rafId = null;
+    const T = v.current, M = Wt(T, m.top), D = A.getTotal();
+    if (At((j) => Math.abs(j - T) < Tt ? j : T), It({ position: M, totalHeight: D }), Math.abs(i.lastRenderedPosition - T) >= Tt ? (i.lastRenderedPosition = T, i.idleFrames = 0) : i.idleFrames += 1, i.idleFrames >= 2) {
+      _t();
       return;
     }
     if (typeof requestAnimationFrame == "function") {
-      s.rafId = requestAnimationFrame(h);
+      i.rafId = requestAnimationFrame(Ft);
       return;
     }
-    s.loopActive = !1;
-  }, [P, c.top, st, Rt]), T = w(() => {
-    const s = Ct.current;
-    if (s.idleFrames = 0, !s.loopActive) {
-      if (s.loopActive = !0, typeof requestAnimationFrame == "function") {
-        s.rafId = requestAnimationFrame(h);
+    i.loopActive = !1;
+  }, [A, m.top, It, _t]), h = y(() => {
+    const i = wt.current;
+    if (i.idleFrames = 0, !i.loopActive) {
+      if (i.loopActive = !0, typeof requestAnimationFrame == "function") {
+        i.rafId = requestAnimationFrame(Ft);
         return;
       }
-      s.loopActive = !1;
+      i.loopActive = !1;
     }
-  }, [h]), q = w(
-    (s, I) => {
-      const S = I?.immediate ?? !1, k = qt(s, c.top);
-      if (O.current = s, S) {
-        Ct.current.lastRenderedPosition = s, Ct.current.idleFrames = 0, Tt(s), st({ position: k, totalHeight: P.getTotal() });
+  }, [Ft]), g = y(
+    (i, T) => {
+      const M = T?.immediate ?? !1, D = Wt(i, m.top);
+      if (v.current = i, M) {
+        wt.current.lastRenderedPosition = i, wt.current.idleFrames = 0, At(i), It({ position: D, totalHeight: A.getTotal() });
         return;
       }
-      T();
+      h();
     },
-    [T, P, c.top, st]
-  ), mt = y(!1);
-  Y(() => {
-    if (!mt.current)
-      if (mt.current = !0, typeof g == "number") {
-        const s = ee(Math.max(g, 0), c.top), I = Math.abs(s - O.current) > 0.5;
-        q(s, { immediate: !0 }), I && et(s);
+    [h, A, m.top, It]
+  ), xt = w(!1);
+  O(() => {
+    if (!xt.current)
+      if (xt.current = !0, typeof f == "number") {
+        const i = ee(Math.max(f, 0), m.top), T = Math.abs(i - v.current) > 0.5;
+        g(i, { immediate: !0 }), T && ft(i);
       } else
-        q(O.current, { immediate: !0 });
-  }, [g, c.top, q]), se(() => {
-    P.setValueFn(e), f !== r && (P.changeSize(r), E(r));
-    const s = P.getTotal();
-    H !== s && dt(s);
-  }, [P, f, r, H, e]), se(() => {
-    ft !== null && R.current && (Mt.debug("[VirtualScroll] Scrolling to position:", ft), R.current.scrollTo(ft), et(null));
-  }, [ft]), Y(() => {
-    const s = W.current;
-    if (s === c.top)
+        g(v.current, { immediate: !0 });
+  }, [f, m.top, g]), ne(() => {
+    A.setValueFn(e), E !== r && (A.changeSize(r), P(r));
+    const i = A.getTotal();
+    W !== i && U(i);
+  }, [A, E, r, W, e]), ne(() => {
+    dt !== null && $.current && (yt.debug("[VirtualScroll] Scrolling to position:", dt), $.current.scrollTo(dt), ft(null));
+  }, [dt]), O(() => {
+    const i = nt.current;
+    if (i === m.top)
       return;
-    const I = qt(O.current, s), S = ee(I, c.top);
-    W.current = c.top, O.current = S, et(S), q(S, { immediate: !0 });
-  }, [c.top, q]);
-  const N = w(
-    (s) => {
-      if (!R.current)
+    const T = Wt(v.current, i), M = ee(T, m.top);
+    nt.current = m.top, v.current = M, ft(M), g(M, { immediate: !0 });
+  }, [m.top, g]);
+  const J = y(
+    (i) => {
+      if (!$.current)
         return;
-      const I = ot(s, f), S = ot(I - o * 2, f), k = ot(I + o * 2, f), { cumulative: $, total: K, currentValue: yt } = P.prefixSum(I, { materializeOption: { materialize: !0, ranges: [{ from: S, to: k }] } });
-      if (Mt.debug("[VirtualScroll] Scrolling to index:", I, "Offset:", $, "Total height:", K, "Current value:", yt, "safeIndexFrom:", S, "safeIndexTo:", k), !K)
+      const T = ct(i, E), M = ct(T - o * 2, E), D = ct(T + o * 2, E), { cumulative: q, total: j, currentValue: Rt } = A.prefixSum(T, { materializeOption: { materialize: !0, ranges: [{ from: M, to: D }] } });
+      if (yt.debug("[VirtualScroll] Scrolling to index:", T, "Offset:", q, "Total height:", j, "Current value:", Rt, "safeIndexFrom:", M, "safeIndexTo:", D), !j)
         return;
-      const Lt = Math.max($ - yt, 0), Et = ee(Lt, c.top);
-      dt(K), et(Et), Mt.debug("[VirtualScroll] Setting scroll position to:", Et);
+      const Ht = Math.max(q - Rt, 0), Ot = ee(Ht, m.top);
+      U(j), ft(Ot), yt.debug("[VirtualScroll] Setting scroll position to:", Ot);
     },
-    [P, o, f, c.top]
-  ), At = w(
-    (s) => {
-      if (!R.current)
+    [A, o, E, m.top]
+  ), Y = y(
+    (i) => {
+      if (!$.current)
         return;
-      const I = P.getTotal(), S = gt(Math.floor(s), 0, I), k = P.findIndexAtOrAfter(S, { materializeOption: { materialize: !1 } }).index;
-      N(k);
+      const T = A.getTotal(), M = mt(Math.floor(i), 0, T), D = A.findIndexAtOrAfter(M, { materializeOption: { materialize: !1 } }).index;
+      J(D);
     },
-    [P, N]
-  ), It = w(
-    (s) => {
-      const I = qt(O.current, c.top), S = typeof s == "function" ? s(I) : s;
-      At(S);
-      const k = R.current?.getScrollPosition(), $ = typeof k == "number" ? k : O.current;
-      return q($), $;
+    [A, J]
+  ), Vt = y(
+    (i) => {
+      const T = Wt(v.current, m.top), M = typeof i == "function" ? i(T) : i;
+      Y(M);
+      const D = $.current?.getScrollPosition(), q = typeof D == "number" ? D : v.current;
+      return g(q), q;
     },
-    [c.top, At, q]
-  ), Xt = w(
-    (s, I) => {
-      Mt.debug("[VirtualScroll] Scroll position changed:", s), q(s);
+    [m.top, Y, g]
+  ), bt = y(
+    (i, T) => {
+      yt.debug("[VirtualScroll] Scroll position changed:", i), g(i);
     },
-    [q]
-  ), nt = Vt(() => qt(it, c.top), [c.top, it]), Kt = Vt(() => {
-    const s = dn(nt, n, o, f, e, P);
-    return Mt.debug("[VirtualScroll] Calculated rendering range:", {
-      ...s,
-      scrollPosition: nt,
-      renderingContentSize: P.getTotal(),
+    [g]
+  ), Et = Dt(() => Wt(it, m.top), [m.top, it]), Pt = Dt(() => {
+    const i = mn(Et, n, o, E, e, A, W);
+    return yt.debug("[VirtualScroll] Calculated rendering range:", {
+      ...i,
+      scrollPosition: Et,
+      renderingContentSize: A.getTotal(),
       overscanCount: o,
       viewportSize: n
-    }), s;
-  }, [nt, n, o, f, e, P]), { renderingStartIndex: Ht, renderingEndIndex: wt, visibleStartIndex: Nt, visibleEndIndex: at } = Kt, rt = w(
-    (s, I) => {
-      if (!M || f === 0)
+    }), i;
+  }, [Et, n, o, E, e, A, W]), { renderingStartIndex: Nt, renderingEndIndex: Bt, visibleStartIndex: St, visibleEndIndex: kt } = Pt, lt = y(
+    (i, T) => {
+      if (!R || E === 0)
         return;
-      const S = ot(s, f);
-      if (!(I?.ensureVisible ?? !0)) {
-        const Wt = pt.current.get(S);
-        Wt && (G.current = null, tt.current = S, xt(Wt));
+      const M = ct(i, E);
+      if (!(T?.ensureVisible ?? !0)) {
+        const Gt = pt.current.get(M);
+        Gt && (rt.current = null, at.current = M, ot(Gt));
         return;
       }
-      const $ = P.prefixSum(S, { materializeOption: { materialize: !1 } }), K = $.currentValue, yt = Math.max($.cumulative - K, 0), Lt = yt + K, Et = qt(O.current, c.top), Yt = Et + n;
-      if (yt < Et || Lt > Yt) {
-        G.current = S, N(S);
+      const q = A.prefixSum(M, { materializeOption: { materialize: !1 } }), j = q.currentValue, Rt = Math.max(q.cumulative - j, 0), Ht = Rt + j, Ot = Wt(v.current, m.top), Ut = Ot + n;
+      if (Rt < Ot || Ht > Ut) {
+        rt.current = M, J(M);
         return;
       }
-      const zt = pt.current.get(S);
-      if (zt) {
-        G.current = null, tt.current = S, xt(zt);
+      const qt = pt.current.get(M);
+      if (qt) {
+        rt.current = null, at.current = M, ot(qt);
         return;
       }
-      G.current = S;
+      rt.current = M;
     },
-    [M, f, P, c.top, N, xt, n]
-  ), Bt = w(
-    (s, I) => {
-      if (!M || s.defaultPrevented || s.altKey || s.metaKey || s.ctrlKey)
+    [R, E, A, m.top, J, ot, n]
+  ), Ct = y(
+    (i, T) => {
+      if (!R || i.defaultPrevented || i.altKey || i.metaKey || i.ctrlKey)
         return;
-      const S = s.target;
-      if (S) {
-        const k = S.tagName;
-        if (k === "INPUT" || k === "TEXTAREA" || k === "SELECT" || S.isContentEditable)
+      const M = i.target;
+      if (M) {
+        const D = M.tagName;
+        if (D === "INPUT" || D === "TEXTAREA" || D === "SELECT" || M.isContentEditable)
           return;
       }
-      if (s.key === "ArrowDown") {
-        I < f - 1 && (s.preventDefault(), rt(I + 1));
+      if (i.key === "ArrowDown") {
+        T < E - 1 && (i.preventDefault(), lt(T + 1));
         return;
       }
-      if (s.key === "ArrowUp") {
-        I > 0 && (s.preventDefault(), rt(I - 1));
+      if (i.key === "ArrowUp") {
+        T > 0 && (i.preventDefault(), lt(T - 1));
         return;
       }
-      if (s.key === "PageDown") {
-        if (I < f - 1) {
-          s.preventDefault();
-          const k = Math.max(at - Nt + 1, 1), $ = Math.max(k, 1), K = ot(Math.min(I + $, f - 1), f);
-          rt(K);
+      if (i.key === "PageDown") {
+        if (T < E - 1) {
+          i.preventDefault();
+          const D = Math.max(kt - St + 1, 1), q = Math.max(D, 1), j = ct(Math.min(T + q, E - 1), E);
+          lt(j);
         }
         return;
       }
-      if (s.key === "PageUp" && I > 0) {
-        s.preventDefault();
-        const k = Math.max(at - Nt + 1, 1), $ = Math.max(k, 1), K = ot(I - $, f);
-        rt(K);
+      if (i.key === "PageUp" && T > 0) {
+        i.preventDefault();
+        const D = Math.max(kt - St + 1, 1), q = Math.max(D, 1), j = ct(T - q, E);
+        lt(j);
       }
     },
-    [M, f, rt, at, Nt]
-  ), Zt = w(
-    (s) => {
-      if (!M)
+    [R, E, lt, kt, St]
+  ), Kt = y(
+    (i) => {
+      if (!R)
         return;
-      const I = ot(s, f);
-      G.current = null, tt.current = I, X?.(I);
+      const T = ct(i, E);
+      rt.current = null, at.current = T, N?.(T);
     },
-    [M, f, X]
+    [R, E, N]
   );
-  Y(() => {
-    const s = R.current?.getScrollPosition() ?? 0, I = O.current, S = qt(I, c.top);
-    Mt.debug("[VirtualScroll] Range change effect triggered", {
-      renderingStartIndex: Ht,
-      renderingEndIndex: wt,
-      visibleStartIndex: Nt,
-      visibleEndIndex: at,
+  O(() => {
+    const i = $.current?.getScrollPosition() ?? 0, T = v.current, M = Wt(T, m.top);
+    yt.debug("[VirtualScroll] Range change effect triggered", {
+      renderingStartIndex: Nt,
+      renderingEndIndex: Bt,
+      visibleStartIndex: St,
+      visibleEndIndex: kt,
       scrollPositionState: it,
-      paneScrollPosition: I,
-      logicalScrollPosition: S,
-      contentSize: H,
-      scrollPaneScrollPosition: s
-    }), bt({
-      renderingStartIndex: Ht,
-      renderingEndIndex: wt,
-      visibleStartIndex: Nt,
-      visibleEndIndex: at,
-      scrollPosition: S,
-      totalHeight: H
+      paneScrollPosition: T,
+      logicalScrollPosition: M,
+      contentSize: W,
+      scrollPaneScrollPosition: i
+    }), gt({
+      renderingStartIndex: Nt,
+      renderingEndIndex: Bt,
+      visibleStartIndex: St,
+      visibleEndIndex: kt,
+      scrollPosition: M,
+      totalHeight: W
     });
-  }, [H, wt, Ht, c.top, bt, it, at, Nt]);
-  const ae = w(
-    (s) => {
-      const I = (C ?? 0) > 0, S = Math.abs(s - it), k = I && S > 0.5 ? it : s, $ = qt(k, c.top);
-      if (Mt.debug("[VirtualScroll] Rendering visible items", {
-        currentScrollPosition: s,
-        effectiveScrollPosition: $,
-        renderingStartIndex: Ht,
-        renderingEndIndex: wt,
-        fenwickSize: f,
+  }, [W, Bt, Nt, m.top, gt, it, kt, St]);
+  const re = y(
+    (i) => {
+      const T = (H ?? 0) > 0, M = Math.abs(i - it), D = T && M > 0.5 ? it : i, q = Wt(D, m.top);
+      if (yt.debug("[VirtualScroll] Rendering visible items", {
+        currentScrollPosition: i,
+        effectiveScrollPosition: q,
+        renderingStartIndex: Nt,
+        renderingEndIndex: Bt,
+        fenwickSize: E,
         viewportSize: n,
-        callbackThrottleMs: C,
-        diff: S,
-        rawEffectiveScrollPosition: k
-      }), f === 0)
-        return /* @__PURE__ */ J("div", { className: "absolute w-full", style: { top: 0 }, children: /* @__PURE__ */ J("div", { className: "text-center text-gray-500", children: "No items" }) });
-      const K = ot(Ht, f), yt = ot(wt, f), { cumulative: Lt, currentValue: Et } = P.prefixSum(K, { materializeOption: { materialize: !1 } }), Yt = Lt - Et, $t = [], zt = [];
-      for (let B = K; B <= yt; B++) {
-        const Ut = e(B);
-        P.get(B) !== Ut && $t.push({ index: B, value: Ut });
-        const { cumulative: i, currentValue: x } = P.prefixSum(B, { materializeOption: { materialize: !1 } }), A = i - x, ht = (j) => {
-          if (!j) {
-            pt.current.delete(B);
+        callbackThrottleMs: H,
+        diff: M,
+        rawEffectiveScrollPosition: D
+      }), E === 0)
+        return /* @__PURE__ */ Q("div", { className: "absolute w-full", style: { top: 0 }, children: /* @__PURE__ */ Q("div", { className: "text-center text-gray-500", children: "No items" }) });
+      const j = ct(Nt, E), Rt = ct(Bt, E), { cumulative: Ht, currentValue: Ot } = A.prefixSum(j, { materializeOption: { materialize: !1 } }), Ut = Ht - Ot, jt = [], qt = [];
+      for (let z = j; z <= Rt; z++) {
+        const $t = e(z);
+        A.get(z) !== $t && jt.push({ index: z, value: $t });
+        const { cumulative: oe, currentValue: s } = A.prefixSum(z, { materializeOption: { materialize: !1 } }), x = oe - s, V = (G) => {
+          if (!G) {
+            pt.current.delete(z);
             return;
           }
-          M && (pt.current.set(B, j), G.current === B && (G.current = null, tt.current = B, xt(j)));
+          R && (pt.current.set(z, G), rt.current === z && (rt.current = null, at.current = z, ot(G)));
         };
-        zt.push(
-          /* @__PURE__ */ J(
+        qt.push(
+          /* @__PURE__ */ Q(
             "div",
             {
-              ref: ht,
-              "data-index": B,
+              ref: V,
+              "data-index": z,
               "data-virtualscroll-item": "true",
               style: {
                 position: "absolute",
-                top: A - Yt + c.top,
-                width: "100%"
+                top: x - Ut + m.top,
+                width: "100%",
+                height: $t,
+                overflow: st ? "hidden" : void 0
               },
-              tabIndex: M ? -1 : void 0,
-              onPointerDown: M ? (j) => {
-                j.currentTarget.focus({ preventScroll: !0 });
+              tabIndex: R ? -1 : void 0,
+              onPointerDown: R ? (G) => {
+                G.currentTarget.focus({ preventScroll: !0 });
               } : void 0,
-              onKeyDownCapture: M ? (j) => Bt(j, B) : void 0,
-              onFocusCapture: M ? () => Zt(B) : void 0,
-              children: l(t(B), B)
+              onKeyDownCapture: R ? (G) => Ct(G, z) : void 0,
+              onFocusCapture: R ? () => Kt(z) : void 0,
+              children: l(t(z), z)
             },
-            B
+            z
           )
         );
       }
-      $t.length > 0 && Promise.resolve().then(() => {
-        if (!L.current)
+      jt.length > 0 && Promise.resolve().then(() => {
+        if (!I.current)
           return;
-        const B = P.updates($t);
-        if (!L.current || typeof B != "number")
+        const z = A.updates(jt);
+        if (!I.current || typeof z != "number")
           return;
-        dt(B), Mt.debug("[VirtualScroll] Updated heights for items", $t, "New total height:", B);
-        const Ut = R.current?.getScrollPosition() ?? O.current;
-        Ut === O.current || !L.current || q(Ut);
+        U(z), yt.debug("[VirtualScroll] Updated heights for items", jt, "New total height:", z);
+        const $t = $.current?.getScrollPosition() ?? v.current;
+        $t === v.current || !I.current || g($t);
       });
-      const Wt = Yt - $;
-      if (c.bottom > 0) {
-        const B = P.getTotal() + c.top - Yt;
-        zt.push(
-          /* @__PURE__ */ J(
+      const Gt = Ut - q;
+      if (m.bottom > 0) {
+        const z = A.getTotal() + m.top - Ut;
+        qt.push(
+          /* @__PURE__ */ Q(
             "div",
             {
               style: {
                 position: "absolute",
-                top: B,
-                height: c.bottom,
+                top: z,
+                height: m.bottom,
                 width: "100%"
               }
             },
@@ -1949,81 +1980,84 @@ const ln = 1e4, Tn = () => {
           )
         );
       }
-      return Mt.debug("[VirtualScroll] Rendering items", {
-        nodeCount: zt.length,
-        containerTop: Wt,
-        logicalScrollPosition: nt,
-        resolvedInsets: c,
-        effectiveScrollPosition: $
-      }), /* @__PURE__ */ J("div", { className: "absolute w-full", style: { top: Wt }, children: zt });
+      return yt.debug("[VirtualScroll] Rendering items", {
+        nodeCount: qt.length,
+        containerTop: Gt,
+        logicalScrollPosition: Et,
+        resolvedInsets: m,
+        effectiveScrollPosition: q
+      }), /* @__PURE__ */ Q("div", { className: "absolute w-full", style: { top: Gt }, children: qt });
     },
     [
-      C,
+      H,
       l,
-      M,
-      P,
-      f,
+      R,
+      A,
+      E,
       t,
       e,
-      Zt,
+      Kt,
+      Ct,
+      Et,
       Bt,
-      nt,
-      wt,
-      Ht,
-      c,
+      Nt,
+      m,
       it,
-      xt,
-      q,
-      n
+      ot,
+      g,
+      n,
+      st
     ]
   );
-  he(
-    St,
+  xe(
+    ut,
     () => ({
-      getScrollPosition: () => R.current?.getScrollPosition() ?? -1,
-      getContentSize: () => R.current?.getContentSize() ?? -1,
-      getViewportSize: () => R.current?.getViewportSize() ?? -1,
-      scrollTo: It,
-      scrollToIndex: N,
-      getFenwickTreeTotalHeight: () => P.getTotal(),
-      getFenwickSize: () => P.getSize(),
-      focusItemAtIndex: rt
+      getScrollPosition: () => $.current?.getScrollPosition() ?? -1,
+      getContentSize: () => $.current?.getContentSize() ?? -1,
+      getViewportSize: () => $.current?.getViewportSize() ?? -1,
+      scrollTo: Vt,
+      scrollToIndex: J,
+      getFenwickTreeTotalHeight: () => A.getTotal(),
+      getFenwickSize: () => A.getSize(),
+      focusItemAtIndex: lt
     }),
-    [It, N, P, rt]
+    [Vt, J, A, lt]
   );
-  const Jt = H + c.top + c.bottom;
-  return /* @__PURE__ */ J(
-    en,
+  const ce = W + m.top + m.bottom;
+  return /* @__PURE__ */ Q(
+    on,
     {
-      ref: R,
-      contentSize: Jt,
+      ref: $,
+      contentSize: ce,
       viewportSize: n,
       className: a,
-      onScroll: Xt,
-      background: u,
-      tapScrollCircleOptions: v,
-      inertiaOptions: lt,
+      onScroll: bt,
+      background: d,
+      tapScrollCircleOptions: S,
+      inertiaOptions: ht,
       itemCount: r,
       scrollBarWidth: b,
       enableThumbDrag: _,
-      enableTrackClick: D,
-      enableArrowButtons: Q,
-      enablePointerDrag: z,
-      renderThumbOverlay: V,
-      wheelSpeedMultiplier: U,
-      contentInsets: c,
-      children: ae
+      enableTrackClick: X,
+      enableArrowButtons: k,
+      enablePointerDrag: B,
+      renderThumbOverlay: F,
+      wheelSpeedMultiplier: C,
+      contentInsets: m,
+      visibleStartIndex: St,
+      visibleEndIndex: kt,
+      children: re
     }
   );
-}, bn = me(pn);
+}, vn = ge(gn);
 export {
-  rn as FenwickMapTree,
-  tn as ScrollBar,
-  en as ScrollPane,
-  bn as VirtualScroll,
-  gt as minmax,
-  In as tapScrollCircleSampleVisual,
-  on as useFenwickMapTree,
-  Tn as useHeightCache,
-  an as useLruCache
+  an as FenwickMapTree,
+  rn as ScrollBar,
+  on as ScrollPane,
+  vn as VirtualScroll,
+  mt as minmax,
+  Pn as tapScrollCircleSampleVisual,
+  ln as useFenwickMapTree,
+  Sn as useHeightCache,
+  un as useLruCache
 };