@aiquants/virtualscroll 1.6.0 → 1.8.0

package/dist/index.js

@@ -1,15 +1,16 @@
-import { jsx as Q, jsxs as Gt, Fragment as we } from "react/jsx-runtime";
-import { forwardRef as me, useState as Yt, useRef as M, useCallback as y, useImperativeHandle as he, useMemo as Vt, useEffect as L, 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: [
+  return /* @__PURE__ */ Jt(we, { children: [
     /* @__PURE__ */ Q(
       "div",
       {
@@ -35,106 +36,107 @@ const xe = {
       }
     )
   ] });
-}, ye = me(({ onDragChange: r, className: t, maxVisualDistance: e = 160, size: n = 40, style: o, opacity: a = 1, renderVisual: u }, f) => {
-  const [l, c] = Yt(xe), d = M(null), h = M({ x: 0, y: 0 }), b = M(null), T = M(0), k = y(
-    (C) => {
-      c(C), r(C);
+}, 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);
     },
     [r]
-  ), _ = y(
-    (C, P, G = !1) => {
-      const { x: rt, y: Ct } = h.current, ot = C - rt, $ = P - Ct, ct = Math.abs($), dt = ct < de ? 0 : $ < 0 ? -1 : 1, A = T.current;
-      let S = dt;
-      const v = de + Ye;
-      dt === 0 ? A !== 0 && ct < v ? S = A : (S = 0, G || (T.current = 0)) : dt !== A && A !== 0 && ct < v ? S = A : T.current = dt, k({
-        active: G || ct >= de,
-        offsetX: ot,
-        offsetY: $,
-        distance: ct,
-        direction: S
+  ), 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]
-  ), tt = y((C) => {
-    if (C === null)
+    [_]
+  ), k = y((I) => {
+    if (I === null)
       return;
-    const P = b.current;
-    P?.hasPointerCapture(C) && P.releasePointerCapture(C);
-  }, []), Y = y(
-    (C = !1) => {
-      C && tt(d.current), d.current = null, T.current = 0, k(xe);
+    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, tt]
-  ), ut = y(
-    (C) => {
-      C.preventDefault(), C.stopPropagation();
-      const P = b.current ?? C.currentTarget, { left: G, top: rt, width: Ct, height: ot } = P.getBoundingClientRect();
-      h.current = { x: G + Ct / 2, y: rt + ot / 2 }, d.current = C.pointerId, P.setPointerCapture(C.pointerId), _(C.clientX, C.clientY, !0);
+    [_, 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);
     },
-    [_]
-  ), V = y(
-    (C) => {
-      d.current === C.pointerId && (C.preventDefault(), _(C.clientX, C.clientY));
+    [X]
+  ), H = y(
+    (I) => {
+      c.current === I.pointerId && (I.preventDefault(), X(I.clientX, I.clientY));
     },
-    [_]
-  ), D = y(
-    (C) => {
-      d.current === C.pointerId && (C.preventDefault(), C.stopPropagation(), Y(!0));
+    [X]
+  ), F = y(
+    (I) => {
+      c.current === I.pointerId && (I.preventDefault(), I.stopPropagation(), B(!0));
     },
-    [Y]
+    [B]
   );
-  he(
-    f,
+  xe(
+    p,
     () => ({
       reset: () => {
-        Y(!0);
+        B(!0);
       },
-      getElement: () => b.current
+      getElement: () => S.current
     }),
-    [Y]
+    [B]
   );
-  const X = Math.min(Math.max(a, 0), 1), O = n / 64, R = Math.min(l.distance, e) / e, H = l.direction * R * 10 * O, q = u ?? ze, N = {
+  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: O,
+    sizeScale: L,
     size: n,
-    opacity: X
-  }, g = {
+    opacity: C
+  }, $ = {
     ...o,
     width: n,
     height: n,
-    transform: `translateY(${H}px)`
+    transform: `translateY(${N}px)`
   };
-  return g.opacity = X, /* @__PURE__ */ Q(
+  return $.opacity = C, /* @__PURE__ */ Q(
     "div",
     {
-      ref: b,
+      ref: S,
       "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: g,
+      className: Zt("relative flex touch-none select-none items-center justify-center", "transition-transform duration-100 ease-out", t),
+      style: $,
       tabIndex: -1,
-      onPointerDown: ut,
-      onPointerMove: V,
-      onPointerUp: D,
-      onPointerCancel: D,
+      onPointerDown: ht,
+      onPointerMove: H,
+      onPointerUp: F,
+      onPointerCancel: F,
       role: "presentation",
-      children: q(N)
+      children: st(ut)
     }
   );
-});
-ye.displayName = "TapScrollCircle";
-const pt = (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, Lt = {
+}));
+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,50 +156,50 @@ const pt = (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 ?? Lt.enabled,
-    size: r?.size ?? Lt.size,
-    offsetX: r?.offsetX ?? Lt.offsetX,
-    offsetY: r?.offsetY ?? Lt.offsetY,
-    className: r?.className ?? Lt.className,
-    maxVisualDistance: r?.maxVisualDistance ?? Lt.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 ?? Lt.minSpeedMultiplier, 0),
-    opacity: pt(r?.opacity ?? Lt.opacity, 0, 1),
-    renderVisual: r?.renderVisual ?? Lt.renderVisual,
-    maxSpeedCurve: r?.maxSpeedCurve ?? Lt.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 = M(null), a = M(null), u = y(() => {
+}, 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);
-  }, []), f = y(() => {
+  }, []), p = y(() => {
     u();
   }, [u]), l = y(
-    (d) => (h) => {
-      r && (h.preventDefault(), h.stopPropagation(), e(), u(), n(d), a.current = window.setTimeout(() => {
+    (c) => (f) => {
+      r && (f.preventDefault(), f.stopPropagation(), e(), u(), n(c), a.current = window.setTimeout(() => {
         o.current = window.setInterval(() => {
-          n(d);
-        }, He);
-      }, Xe));
+          n(c);
+        }, Be);
+      }, qe));
     },
     [r, u, e, n]
-  ), c = y(
-    (d) => (h) => {
-      t && (h.key === "Enter" || h.key === " " || h.key === "Spacebar") && (h.preventDefault(), n(d));
+  ), d = y(
+    (c) => (f) => {
+      t && (f.key === "Enter" || f.key === " " || f.key === "Spacebar") && (f.preventDefault(), n(c));
     },
     [t, n]
   );
-  return L(() => () => {
+  return O(() => () => {
     u();
-  }, [u]), { handleArrowPointerDown: l, handleArrowPointerUp: f, handleArrowKeyDown: c };
-}, Qe = (r) => {
+  }, [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 pt(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,
@@ -205,277 +207,281 @@ const pt = (r, t, e) => Math.min(e, Math.max(t, r)), pe = "virtualscroll:tap-scr
   enableThumbDrag: o = !0,
   enableTrackClick: a = !0,
   enableArrowButtons: u = !0,
-  horizontal: f = !1,
+  horizontal: p = !1,
   scrollBarWidth: l = 12,
-  className: c,
-  ariaControls: d,
-  tapScrollCircleOptions: h,
-  itemCount: b,
-  renderThumbOverlay: T
+  className: d,
+  ariaControls: c,
+  tapScrollCircleOptions: f,
+  itemCount: S,
+  renderThumbOverlay: b,
+  visibleStartIndex: _,
+  visibleEndIndex: X
 }) => {
-  const [k, _] = Yt(!1), [tt, Y] = Yt(!1), [ut, V] = Yt(!1), D = M(null), X = M({ pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }), O = M({ pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }), R = M(e), H = M(Te), q = M(null), N = M(null), g = M(null), C = Vt(() => Ge(h, b), [b, h]), P = Vt(() => je(f), [f]), {
-    enabled: G,
-    size: rt,
-    offsetX: Ct,
-    offsetY: ot,
-    className: $,
-    maxVisualDistance: ct,
-    maxSpeedMultiplier: dt,
-    minSpeedMultiplier: A,
-    opacity: S,
+  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: E,
+    opacity: P,
     renderVisual: v,
-    maxSpeedCurve: it
-  } = C, W = M({
+    maxSpeedCurve: nt
+  } = tt, K = w({
     viewportSize: t,
     maxScrollPosition: Math.max(r - t, 0),
     scrollBarVisible: r > t,
-    effectiveTapMaxDistance: Math.max(ct, 1),
-    tapCircleMaxSpeedMultiplier: dt,
-    tapCircleMinSpeedMultiplier: A,
-    tapCircleMaxSpeedCurve: it,
-    tapScrollCircleOptions: h
-  }), { mainSizeKey: Z, crossSizeKey: ft, positionKey: et, selectDelta: st, getPointerCoordinate: nt, arrowLabels: gt, arrowIcons: mt, directionClass: xt, orientation: St } = P, Et = Math.max(ct, 1), Dt = t / r, p = l, m = Math.max(t - p * 2, 0), ht = Dt * m, J = Math.min(Math.max(Ie, ht || 0), m || Ie), z = r - t, Rt = Math.max(m - J, 0), It = z <= 0 || Rt <= 0 ? 0 : e / z * Rt, At = It + J / 2, Tt = r > t, _t = Tt && u;
-  W.current = {
+    effectiveTapMaxDistance: Math.max(dt, 1),
+    tapCircleMaxSpeedMultiplier: ft,
+    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: z,
-    scrollBarVisible: Tt,
-    effectiveTapMaxDistance: Et,
-    tapCircleMaxSpeedMultiplier: dt,
-    tapCircleMinSpeedMultiplier: A,
-    tapCircleMaxSpeedCurve: it,
-    tapScrollCircleOptions: h
-  }, L(() => {
-    R.current = e;
-  }, [e]), L(() => {
-    o || Y(!1);
+    maxScrollPosition: Y,
+    scrollBarVisible: Pt,
+    effectiveTapMaxDistance: _t,
+    tapCircleMaxSpeedMultiplier: ft,
+    tapCircleMinSpeedMultiplier: E,
+    tapCircleMaxSpeedCurve: nt,
+    tapScrollCircleOptions: f
+  }, O(() => {
+    st.current = e;
+  }, [e]), O(() => {
+    o || H(!1);
   }, [o]);
-  const Ut = Ze({ isDragging: k, isThumbHovered: tt, enableThumbDrag: o }), vt = y(
-    (i, x) => {
-      const E = W.current, j = x ?? R.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 kt = n(i, j);
-        if (typeof kt == "number" && Number.isFinite(kt))
-          return R.current = kt, kt;
+        const Yt = n(s, G);
+        if (typeof Yt == "number" && Number.isFinite(Yt))
+          return st.current = Yt, Yt;
       }
-      const bt = typeof i == "function" ? i(j) : i, Pt = Math.max(E.maxScrollPosition, 0), Nt = E.scrollBarVisible ? pt(bt, 0, Pt) : 0;
-      return R.current = Nt, Nt;
+      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]
-  ), Ot = y(
-    (i) => {
-      const x = W.current, E = R.current;
+  ), kt = y(
+    (s) => {
+      const x = K.current, V = st.current;
       if (!x.scrollBarVisible || x.maxScrollPosition <= 0) {
-        const kt = vt(0, E), ce = kt - E;
-        return { nextPosition: kt, actualDelta: ce, reachedBoundary: !0 };
+        const Yt = St(0, V), de = Yt - V;
+        return { nextPosition: Yt, actualDelta: de, reachedBoundary: !0 };
       }
-      if (i === 0)
-        return { nextPosition: E, actualDelta: 0, reachedBoundary: !1 };
-      const bt = vt((kt) => pt(kt + i, 0, x.maxScrollPosition), E), Pt = bt - E, Nt = Pt === 0 || i < 0 && bt <= 0 || i > 0 && bt >= x.maxScrollPosition;
-      return { nextPosition: bt, actualDelta: Pt, reachedBoundary: Nt };
+      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 };
     },
-    [vt]
-  ), at = y(() => {
-    N.current !== null && (window.cancelAnimationFrame(N.current), N.current = null), g.current = null;
-  }, []), wt = y(() => {
-    H.current = { ...Te }, V(!1), q.current?.reset(), at();
-  }, [at]), Bt = y(
-    (i) => {
-      const x = H.current, E = 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 (!E.scrollBarVisible || E.maxScrollPosition <= 0) {
-        at();
+      if (!V.scrollBarVisible || V.maxScrollPosition <= 0) {
+        lt();
         return;
       }
-      const j = g.current ?? i, bt = Math.max((i - j) / 1e3, 0), Pt = Math.min(bt, Ke);
-      if (g.current = i, Pt <= 0) {
-        N.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 Nt = Math.min(x.distance, E.effectiveTapMaxDistance) / E.effectiveTapMaxDistance, kt = Nt ** 1.1, ce = typeof E.tapScrollCircleOptions?.maxSpeedMultiplier == "number", Zt = Math.max(E.viewportSize * E.tapCircleMinSpeedMultiplier, 40), Me = ce ? Zt : 1200;
-      let ue = Math.max(E.viewportSize * E.tapCircleMaxSpeedMultiplier, Me);
-      const ne = E.tapCircleMaxSpeedCurve;
-      if (ne) {
-        const re = Math.max(ne.exponentialSteepness, 0), Fe = Math.max(ne.exponentialScale ?? E.tapCircleMaxSpeedMultiplier, 0), Ne = re === 0 ? Nt : Math.expm1(re * Nt), ge = re === 0 ? 1 : Math.expm1(re) || 1, ke = ge === 0 ? Nt : Math.min(Math.max(Ne / ge, 0), 1), Oe = E.viewportSize * Fe * ke;
-        ue = Math.min(ue, Math.max(Oe, Zt));
+      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, Zt), Re = Math.max(ne?.easedOffset ?? 0, 0), Ae = Math.min(1, kt + Re), Ve = Zt + (Ce - Zt) * Ae, Ee = x.direction * Ve * Pt, { actualDelta: De, reachedBoundary: _e } = Ot(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;
       }
-      N.current = window.requestAnimationFrame(Bt);
+      I.current = window.requestAnimationFrame(Kt);
     },
-    [Ot, at]
-  ), te = y(() => {
-    N.current === null && (g.current = null, N.current = window.requestAnimationFrame(Bt));
-  }, [Bt]);
-  L(() => () => {
-    at();
-  }, [at]);
-  const ae = y(
-    (i) => {
-      H.current = i, V(i.active), i.active && i.direction !== 0 ? te() : 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();
     },
-    [te, at]
+    [re, lt]
   );
-  L(() => {
-    G || wt();
-  }, [wt, G]), L(() => {
-    const i = (x) => {
-      const j = x.detail?.paneId;
-      j && d && j !== d || wt();
+  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);
     };
-  }, [d, wt]), L(() => {
-    if (!G)
+  }, [c, Ct]), O(() => {
+    if (!et)
       return;
-    const i = (x) => {
-      if (!H.current.active)
+    const s = (x) => {
+      if (!ut.current.active || ut.current.pointerId === x.pointerId)
         return;
-      const E = x.target;
-      if (!(E instanceof Node)) {
-        wt();
+      const V = x.target;
+      if (!(V instanceof Node)) {
+        Ct();
         return;
       }
-      q.current?.getElement()?.contains(E) || wt();
+      $.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);
     };
-  }, [wt, G]);
-  const s = (i) => {
-    if (!Tt || Rt <= 0 || z <= 0)
+  }, [Ct, et]);
+  const i = (s) => {
+    if (!Pt || Vt <= 0 || Y <= 0)
       return 0;
-    const x = pt(i, 0, Rt);
-    return pt(x / Rt * z, 0, z);
-  }, I = (i) => {
-    const x = Math.max(Math.round(t / qe), Ue);
-    Ot(i * x);
-  }, { handleArrowPointerDown: w, handleArrowPointerUp: F, handleArrowKeyDown: B } = Je({
-    canUseArrowButtons: _t,
+    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: wt,
-    scrollByStep: I
-  }), K = (i) => {
-    if (!Tt)
+    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;
-    wt();
-    const x = i.currentTarget;
-    x.setPointerCapture && x.setPointerCapture(i.pointerId), X.current = {
-      pointerId: i.pointerId,
-      startThumbPosition: It,
-      startClientX: i.clientX,
-      startClientY: i.clientY
-    }, _(!0), Y(!0), i.preventDefault(), i.stopPropagation();
-  }, yt = (i) => {
-    const x = X.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 E = i.clientX - x.startClientX, j = i.clientY - x.startClientY, bt = st(E, j), Pt = s(x.startThumbPosition + bt);
-    vt(Pt), i.cancelable && i.preventDefault();
-  }, zt = (i) => {
-    if (X.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), X.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, _(!1), D.current && !D.current.matches(":hover") && Y(!1), i.preventDefault(), i.stopPropagation();
-  }, Ft = (i) => {
-    if (X.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), X.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, _(!1), D.current && !D.current.matches(":hover") && Y(!1);
-  }, Xt = (i) => {
-    if (!Tt)
+    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, E = x.getBoundingClientRect(), bt = nt(i) - (f ? E.left : E.top);
-    wt();
-    const Pt = bt - J / 2, Nt = s(Pt);
-    vt(Nt), x.setPointerCapture && x.setPointerCapture(i.pointerId), O.current = {
-      pointerId: i.pointerId,
-      startThumbPosition: Pt,
-      startClientX: i.clientX,
-      startClientY: i.clientY
-    }, i.preventDefault(), i.stopPropagation();
-  }, $t = (i) => {
-    const x = O.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 E = i.clientX - x.startClientX, j = i.clientY - x.startClientY, bt = st(E, j), Pt = s(x.startThumbPosition + bt);
-    vt(Pt), i.cancelable && i.preventDefault();
-  }, Ht = (i) => {
-    if (O.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), O.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, i.preventDefault(), i.stopPropagation();
-  }, Wt = (i) => {
-    if (O.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), O.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 };
-  }, U = Vt(() => pt((ut ? 1 : 0.8) * S, 0, 1), [ut, S]), Kt = Vt(() => {
-    const x = `calc(50% - ${rt / 2}px + ${ot}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: Ct,
+      left: At,
       top: x
     };
-  }, [Ct, ot, rt]), le = (i, x, E) => /* @__PURE__ */ Q(
+  }, [At, W, it]), ue = (s, x, V) => /* @__PURE__ */ Q(
     "button",
     {
       type: "button",
       tabIndex: -1,
       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]: p,
-        [ft]: l
+        [Z]: h,
+        [pt]: l
       },
       "aria-label": x,
-      onMouseDown: w(i),
-      onTouchStart: w(i),
-      onMouseUp: F,
-      onMouseLeave: F,
-      onTouchEnd: F,
-      onTouchCancel: F,
-      onKeyDown: B(i),
+      onMouseDown: M(s),
+      onTouchStart: M(s),
+      onMouseUp: D,
+      onMouseLeave: D,
+      onTouchEnd: D,
+      onTouchCancel: D,
+      onKeyDown: q(s),
       "aria-disabled": !u,
-      disabled: !_t,
-      children: /* @__PURE__ */ Q("span", { "aria-hidden": "true", children: E })
+      disabled: !Nt,
+      children: /* @__PURE__ */ Q("span", { "aria-hidden": "true", children: V })
     }
-  ), ee = T && Tt ? {
-    orientation: St,
+  ), oe = b && Pt ? {
+    orientation: wt,
     scrollPosition: e,
-    maxScrollPosition: z,
+    maxScrollPosition: Y,
     contentSize: r,
     viewportSize: t,
     thumbSize: J,
-    thumbPosition: It,
-    thumbCenter: At,
-    trackSize: m,
+    thumbPosition: bt,
+    thumbCenter: Et,
+    trackSize: g,
     isDragging: k,
-    isTapScrollActive: ut
+    isTapScrollActive: F,
+    visibleStartIndex: _,
+    visibleEndIndex: X
   } : null;
-  return /* @__PURE__ */ Gt(
+  return /* @__PURE__ */ Jt(
     "div",
     {
-      className: jt("group relative cursor-default select-none", xt, c),
+      className: Zt("group relative cursor-default select-none", Tt, d),
       style: {
         [Z]: t,
-        [ft]: l,
+        [pt]: l,
         backgroundColor: "white",
         userSelect: "none",
         position: "relative",
@@ -483,27 +489,27 @@ const pt = (r, t, e) => Math.min(e, Math.max(t, r)), pe = "virtualscroll:tap-scr
       },
       role: "scrollbar",
       tabIndex: -1,
-      "aria-controls": d,
+      "aria-controls": c,
       "aria-valuenow": e,
       "aria-valuemin": 0,
-      "aria-valuemax": z,
-      "aria-orientation": f ? "horizontal" : "vertical",
+      "aria-valuemax": Y,
+      "aria-orientation": p ? "horizontal" : "vertical",
       children: [
-        !f && Tt && G && /* @__PURE__ */ Q(
-          ye,
+        !p && Pt && et && /* @__PURE__ */ Q(
+          Ce,
           {
-            ref: q,
-            className: jt("pointer-events-auto absolute transition-opacity duration-150", $),
-            size: rt,
-            maxVisualDistance: Et,
-            style: Kt,
-            opacity: U,
+            ref: $,
+            className: Zt("pointer-events-auto absolute transition-opacity duration-150", U),
+            size: it,
+            maxVisualDistance: _t,
+            style: $t,
+            opacity: z,
             renderVisual: v,
-            onDragChange: ae
+            onDragChange: ce
           }
         ),
-        le(-1, gt[0], mt[0]),
-        /* @__PURE__ */ Gt(
+        ue(-1, It[0], gt[0]),
+        /* @__PURE__ */ Jt(
           "div",
           {
             className: "aqvs:scrollbar-track relative flex-1",
@@ -511,50 +517,50 @@ const pt = (r, t, e) => Math.min(e, Math.max(t, r)), pe = "virtualscroll:tap-scr
               borderRadius: l / 2,
               touchAction: "none"
             },
-            onPointerDown: Xt,
-            onPointerMove: $t,
-            onPointerUp: Ht,
-            onPointerCancel: Wt,
+            onPointerDown: Ut,
+            onPointerMove: jt,
+            onPointerUp: qt,
+            onPointerCancel: Gt,
             "aria-disabled": !a,
             children: [
-              ee && /* @__PURE__ */ Q("div", { className: "pointer-events-none absolute inset-0", "aria-hidden": !0, children: T?.(ee) }),
-              Tt && // スクロールバーのつまみの当たり判定を広げるためのラッパー
+              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]: J,
-                    [et]: It,
-                    ...f ? { top: 0, bottom: 0 } : { left: 0, right: 0 },
+                    [rt]: bt,
+                    ...p ? { top: 0, bottom: 0 } : { left: 0, right: 0 },
                     touchAction: "none"
                   },
-                  onPointerDown: K,
-                  onPointerMove: yt,
-                  onPointerUp: zt,
-                  onPointerCancel: Ft,
+                  onPointerDown: j,
+                  onPointerMove: Rt,
+                  onPointerUp: Ht,
+                  onPointerCancel: Ot,
                   role: "slider",
-                  "aria-orientation": f ? "horizontal" : "vertical",
+                  "aria-orientation": p ? "horizontal" : "vertical",
                   "aria-valuenow": e,
                   "aria-valuemin": 0,
-                  "aria-valuemax": z,
+                  "aria-valuemax": Y,
                   "aria-disabled": !o,
                   tabIndex: -1,
                   children: /* @__PURE__ */ Q(
                     "div",
                     {
-                      ref: D,
-                      className: jt("aqvs:scrollbar-thumb absolute", f ? "aqvs:scrollbar-thumb-horizontal" : "aqvs:scrollbar-thumb-vertical"),
-                      "data-thumb-state": Ut,
+                      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 && Y(!0);
+                        o && H(!0);
                       },
                       onMouseLeave: () => {
-                        o && Y(!1);
+                        o && H(!1);
                       }
                     }
                   )
@@ -563,13 +569,13 @@ const pt = (r, t, e) => Math.min(e, Math.max(t, r)), pe = "virtualscroll:tap-scr
             ]
           }
         ),
-        le(1, gt[1], mt[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);
@@ -577,16 +583,16 @@ const pt = (r, t, e) => Math.min(e, Math.max(t, r)), pe = "virtualscroll:tap-scr
   error(r, ...t) {
     console.error(`[VirtualScroll] ${r}`, ...t);
   }
-}, Jt = {
+}, te = {
   maxVelocity: 6,
   minVelocity: 0.02,
   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,
@@ -595,137 +601,146 @@ const pt = (r, t, e) => Math.min(e, Math.max(t, r)), pe = "virtualscroll:tap-scr
     enableThumbDrag: o = !0,
     enableTrackClick: a = !0,
     enableArrowButtons: u = !0,
-    enablePointerDrag: f = !0,
+    enablePointerDrag: p = !0,
     onScroll: l,
-    className: c,
-    style: d,
-    background: h,
-    tapScrollCircleOptions: b,
-    inertiaOptions: T,
-    itemCount: k,
-    renderThumbOverlay: _,
-    wheelSpeedMultiplier: tt = 1,
-    contentInsets: Y
-  }, ut) => {
-    const V = M(0), D = M(null), X = M(null), O = M({
+    className: d,
+    style: c,
+    background: f,
+    tapScrollCircleOptions: S,
+    inertiaOptions: b,
+    itemCount: _,
+    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
-    }), R = Vt(
+    }), st = Dt(
       () => ({
-        maxVelocity: T?.maxVelocity ?? Jt.maxVelocity,
-        minVelocity: T?.minVelocity ?? Jt.minVelocity,
-        deceleration: T?.deceleration ?? Jt.deceleration,
-        velocitySampleWindow: T?.velocitySampleWindow ?? Jt.velocitySampleWindow,
-        startVelocityThreshold: T?.startVelocityThreshold ?? Jt.startVelocityThreshold
+        maxVelocity: b?.maxVelocity ?? te.maxVelocity,
+        minVelocity: b?.minVelocity ?? te.minVelocity,
+        deceleration: b?.deceleration ?? te.deceleration,
+        velocitySampleWindow: b?.velocitySampleWindow ?? te.velocitySampleWindow,
+        startVelocityThreshold: b?.startVelocityThreshold ?? te.startVelocityThreshold
       }),
-      [T]
-    ), H = Vt(() => ({
-      top: Math.max(0, Y?.top ?? 0),
-      bottom: Math.max(0, Y?.bottom ?? 0)
-    }), [Y]);
-    Mt.debug("[ScrollPane] ScrollPane rendered", {
+      [b]
+    ), 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: c,
-      style: d,
-      tapScrollCircleOptions: b,
-      inertiaOptions: T,
-      enablePointerDrag: f,
-      contentInsets: H
+      className: d,
+      style: c,
+      tapScrollCircleOptions: S,
+      inertiaOptions: b,
+      enablePointerDrag: p,
+      contentInsets: ut
     });
-    const q = M({ contentSize: t, viewportSize: e }), N = Vt(() => t > e, [t, e]), g = y(
-      (S) => {
-        const { contentSize: v, viewportSize: it } = q.current, W = v > it, Z = V.current;
-        if (Mt.debug("[ScrollPane] scrollTo called", { newPosition: S, contentSize: v, viewportSize: it, currentIsScrollable: W, prevPosition: Z }), !W)
-          return V.current !== 0 && (V.current = 0, l?.(0, Z)), V.current;
-        const ft = typeof S == "function" ? S(V.current) : S, et = Math.max(v - it, 0), st = pt(ft, 0, et);
-        return V.current !== st && (V.current = st, l?.(st, Z)), V.current;
+    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 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 = y(() => {
-      const S = O.current;
-      S.frame !== null && cancelAnimationFrame(S.frame), S.frame = null, S.velocity = 0, S.lastTimestamp = null;
-    }, []), P = M(C);
-    L(() => {
-      P.current = C;
-    }, [C]);
-    const G = y(
-      (S) => {
-        if (!N)
+    ), 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: v, minVelocity: it, deceleration: W, startVelocityThreshold: Z } = R, ft = pt(S, -v, v);
-        if (Math.abs(ft) < Z)
+        const { maxVelocity: v, minVelocity: nt, deceleration: K, startVelocityThreshold: Z } = st, pt = mt(P, -v, v);
+        if (Math.abs(pt) < Z)
           return;
-        C(), O.current.velocity = ft, O.current.lastTimestamp = null;
-        const et = (st) => {
-          const nt = O.current;
-          if (nt.lastTimestamp === null) {
-            nt.lastTimestamp = st, nt.frame = requestAnimationFrame(et);
+        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 gt = st - nt.lastTimestamp;
-          if (nt.lastTimestamp = st, gt <= 0) {
-            nt.frame = requestAnimationFrame(et);
+          const It = at - ot.lastTimestamp;
+          if (ot.lastTimestamp = at, It <= 0) {
+            ot.frame = requestAnimationFrame(rt);
             return;
           }
-          const mt = nt.velocity;
-          let xt = mt;
-          const St = W * gt;
-          mt > 0 ? xt = Math.max(0, mt - St) : mt < 0 && (xt = Math.min(0, mt + St));
-          const Dt = (mt + xt) / 2 * gt, p = V.current;
-          Dt !== 0 && g((It) => It + Dt);
-          const m = V.current, { contentSize: ht, viewportSize: J } = q.current, z = Math.max(ht - J, 0);
-          nt.velocity = xt;
-          const Rt = m === p || m <= 0 && xt <= 0 || m >= z && xt >= 0;
-          if (Math.abs(xt) < it || Rt) {
-            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;
           }
-          nt.frame = requestAnimationFrame(et);
+          ot.frame = requestAnimationFrame(rt);
         };
-        O.current.frame = requestAnimationFrame(et);
+        N.current.frame = requestAnimationFrame(rt);
       },
-      [N, R, g, C]
-    ), rt = M(G);
-    L(() => {
-      rt.current = G;
-    }, [G]), se(() => {
-      q.current = { contentSize: t, viewportSize: e };
-    }, [t, e]), se(() => {
-      if (N) {
-        Mt.debug("[ScrollPane] Adjusting scroll position due to content or viewport size change", { contentSize: t, viewportSize: e, scrollPosition: V.current });
-        const S = pt(t - e, 0, t);
-        V.current > S && g(S);
+      [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
-        g(0);
-    }, [N, g, t, e]), L(() => {
-      const S = (it) => {
-        if (!N)
+        m(0);
+    }, [I, m, t, e]), O(() => {
+      const P = (nt) => {
+        if (!I)
           return;
-        it.preventDefault(), C();
-        let W = it.deltaY;
-        it.deltaMode === 1 ? W *= 16 : it.deltaMode === 2 && (W *= e), tt !== 1 && (W *= tt), Mt.debug("[ScrollPane] wheel event", { deltaY: W, scrollPosition: V.current, wheelSpeedMultiplier: tt }), g((Z) => Z + W);
-      }, v = D.current;
-      return v && v.addEventListener("wheel", S, { passive: !1 }), () => {
-        v && v.removeEventListener("wheel", S);
+        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);
       };
-    }, [N, g, C, e, tt]), he(
-      ut,
+    }, [I, m, tt, e, k]), xe(
+      F,
       () => ({
-        scrollTo: g,
-        getScrollPosition: () => V.current,
+        scrollTo: m,
+        getScrollPosition: () => C.current,
         getContentSize: () => t,
         getViewportSize: () => e
       }),
-      [g, t, e]
+      [m, t, e]
     );
-    const Ct = M(g);
-    L(() => {
-      Ct.current = g;
-    }, [g]);
-    const ot = Le(), $ = M({
+    const At = w(m);
+    O(() => {
+      At.current = m;
+    }, [m]);
+    const W = Xe(), U = w({
       pointerId: null,
       startClientY: 0,
       startScroll: 0,
@@ -733,142 +748,144 @@ const pt = (r, t, e) => Math.min(e, Math.max(t, r)), pe = "virtualscroll:tap-scr
       shouldCancelNextClick: !1,
       clickResetTimer: null,
       velocitySamples: []
-    }), ct = M(f);
-    L(() => {
-      ct.current = f;
-    }, [f]);
-    const dt = M(N);
-    L(() => {
-      dt.current = N;
-    }, [N]);
-    const A = M(R);
-    return L(() => {
-      A.current = R;
-    }, [R]), L(() => {
-      if (f)
+    }), 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 S = X.current, v = $.current;
-      v.pointerId !== null && S && S.hasPointerCapture(v.pointerId) && S.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 = [];
-    }, [f]), L(() => {
-      const S = X.current;
-      if (!S)
+      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 v = 6, it = () => typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now(), W = () => {
-        const p = $.current;
-        p.pointerId = null, p.startClientY = 0, p.startScroll = 0, p.isDragging = !1, p.velocitySamples = [];
+      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 p = $.current;
-        p.clickResetTimer !== null && (window.clearTimeout(p.clickResetTimer), p.clickResetTimer = null);
-      }, ft = (p) => {
-        const m = $.current, ht = it();
-        m.velocitySamples.push({ clientY: p, time: ht });
-        const J = A.current.velocitySampleWindow;
-        m.velocitySamples = m.velocitySamples.filter((z) => ht - z.time <= J);
-      }, et = (p) => p instanceof HTMLElement && p.closest("[data-scrollpane-ignore-drag='true']") !== null, st = (p) => {
-        const m = $.current;
-        m.shouldCancelNextClick && (p.preventDefault(), p.stopPropagation(), m.shouldCancelNextClick = !1);
-      }, nt = (p) => {
-        const m = $.current;
-        m.isDragging || (m.isDragging = !0, m.shouldCancelNextClick = !0, S.hasPointerCapture(p.pointerId) || S.setPointerCapture(p.pointerId), ft(p.clientY));
-      }, gt = (p) => {
-        const m = $.current;
-        if (m.pointerId !== p.pointerId || !(ct.current && dt.current) || !m.isDragging && (Math.abs(p.clientY - m.startClientY) < v || (nt(p), !m.isDragging)))
+        const h = U.current;
+        h.clickResetTimer !== null && (window.clearTimeout(h.clickResetTimer), h.clickResetTimer = null);
+      }, 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;
-        ft(p.clientY);
-        const ht = p.clientY - m.startClientY, J = m.startScroll - ht;
-        Ct.current(J), p.cancelable && p.preventDefault();
-      }, mt = (p) => {
-        const m = $.current;
-        if (m.pointerId !== p.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;
-        m.isDragging && m.shouldCancelNextClick && p.cancelable && (p.preventDefault(), p.stopPropagation()), S.hasPointerCapture(p.pointerId) && S.releasePointerCapture(p.pointerId);
-        let ht = 0;
-        if (m.isDragging && m.velocitySamples.length >= 2) {
-          const z = m.velocitySamples, Rt = A.current.velocitySampleWindow, It = z[z.length - 1], At = z.find((Tt) => It.time - Tt.time <= Rt) ?? z[0];
-          if (It && At && It.time !== At.time) {
-            const Tt = It.clientY - At.clientY, _t = It.time - At.time;
-            ht = -(Tt / _t);
+        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(), m.shouldCancelNextClick && (m.clickResetTimer = window.setTimeout(() => {
-          const z = $.current;
-          z.shouldCancelNextClick = !1, z.clickResetTimer = null;
+        Z(), g.shouldCancelNextClick && (g.clickResetTimer = window.setTimeout(() => {
+          const Y = U.current;
+          Y.shouldCancelNextClick = !1, Y.clickResetTimer = null;
         }, 0));
-        const J = A.current.startVelocityThreshold;
-        W(), Math.abs(ht) >= J && rt.current?.(ht);
-      }, xt = (p) => {
-        if (!(ct.current && dt.current) || p.button !== 0 && p.pointerType === "mouse" || p.ctrlKey || p.metaKey || p.altKey || et(p.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: ot } })), P.current?.();
-        const m = $.current;
-        Z(), m.pointerId = p.pointerId, m.startClientY = p.clientY, m.startScroll = V.current, m.isDragging = !1, m.shouldCancelNextClick = !1, m.velocitySamples = [];
-      }, St = (p) => {
-        const m = $.current;
-        m.pointerId === p.pointerId && (m.shouldCancelNextClick = !1, S.hasPointerCapture(p.pointerId) && S.releasePointerCapture(p.pointerId), Z(), W());
-      }, Et = [
-        ["click", st, !0],
-        ["pointerdown", xt, { passive: !1 }],
-        ["pointermove", gt, { passive: !1 }],
-        ["pointerup", mt, void 0],
-        ["pointercancel", St, void 0]
-      ], Dt = [
-        ["pointermove", gt, { passive: !1 }],
-        ["pointerup", mt, void 0],
-        ["pointercancel", St, 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(S, Et, "add"), oe(window, Dt, "add"), () => {
-        oe(S, Et, "remove"), oe(window, Dt, "remove");
-        const p = $.current;
-        p.pointerId !== null && S.hasPointerCapture(p.pointerId) && S.releasePointerCapture(p.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();
       };
-    }, [ot]), /* @__PURE__ */ Gt("div", { ref: D, className: jt("flex", c), style: d, children: [
-      /* @__PURE__ */ Gt(
+    }, [W]), /* @__PURE__ */ Jt("div", { ref: L, className: Zt("flex", d), style: c, children: [
+      /* @__PURE__ */ Jt(
         "div",
         {
-          ref: X,
-          className: jt("relative h-full flex-1 overflow-hidden"),
+          ref: R,
+          className: Zt("relative h-full flex-1 overflow-hidden"),
           style: {
             height: e,
-            paddingTop: H.top,
-            paddingBottom: H.bottom,
-            ...f ? { touchAction: "none" } : {}
+            paddingTop: ut.top,
+            paddingBottom: ut.bottom,
+            ...p ? { touchAction: "none" } : {}
           },
-          id: ot,
+          id: W,
           children: [
-            h,
-            r(V.current)
+            f,
+            r(C.current)
           ]
         }
       ),
-      N && /* @__PURE__ */ Q(
-        tn,
+      I && /* @__PURE__ */ Q(
+        rn,
         {
           contentSize: t,
           viewportSize: e,
-          scrollPosition: V.current,
-          onScroll: g,
+          scrollPosition: C.current,
+          onScroll: m,
           enableThumbDrag: o,
           enableTrackClick: a,
           enableArrowButtons: u,
           scrollBarWidth: n,
-          ariaControls: ot,
-          tapScrollCircleOptions: b,
-          itemCount: k,
-          renderThumbOverlay: _
+          ariaControls: W,
+          tapScrollCircleOptions: S,
+          itemCount: _,
+          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, u = Math.max(0.65, 1 - t * 0.25), f = r.direction * t * 26 * e, l = 0.8 + t * 0.18, c = 3 * e, d = 6 * e, h = 22 * e, b = Math.abs(f) + d, T = f > 0 ? c : -Math.abs(f) - c, k = Math.max(2.5, 3 * e), _ = be(r.offsetX, -o, o), tt = be(r.offsetY, -o, o), Y = o * 0.35, ut = _ / o * Y, V = tt / o * Y, D = ut * 0.45, X = V * 0.45, O = Math.max(h * 0.38, 6), R = 0.65 + t * 0.2, H = r.active;
-  return /* @__PURE__ */ Gt(we, { children: [
+), 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(${u}, ${a})`,
-          transition: H ? "40ms transform ease-out" : "200ms ease transform"
+          transition: N ? "40ms transform ease-out" : "200ms ease transform"
         }
       }
     ),
@@ -877,10 +894,10 @@ const pt = (r, t, e) => Math.min(e, Math.max(t, r)), pe = "virtualscroll:tap-scr
       {
         className: "absolute top-1/2 left-1/2 rounded-full border border-white/50 bg-white/85",
         style: {
-          width: h,
-          height: h,
-          transform: `translate(calc(-50% + ${ut}px), calc(-50% + ${V}px)) scale(${u}, ${l * a})`,
-          transition: H ? "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"
         }
       }
     ),
@@ -889,12 +906,12 @@ const pt = (r, t, e) => Math.min(e, Math.max(t, r)), pe = "virtualscroll:tap-scr
       {
         className: "absolute top-1/2 left-1/2 rounded-full bg-white/80",
         style: {
-          width: O,
-          height: O,
-          transform: `translate(calc(-50% + ${D}px), calc(-50% + ${X}px)) scale(${u}, ${a})`,
+          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: H ? "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"
         }
       }
     ),
@@ -903,27 +920,27 @@ const pt = (r, t, e) => Math.min(e, Math.max(t, r)), pe = "virtualscroll:tap-scr
       {
         className: "absolute top-1/2 left-1/2 rounded-full bg-white/50",
         style: {
-          width: k,
-          height: b,
-          transform: `translate(-50%, ${T}px)`,
+          width: _,
+          height: S,
+          transform: `translate(-50%, ${b}px)`,
           opacity: t,
-          transition: H ? "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 +997,14 @@ class rn {
         const a = n?.sampleRange ?? {
           from: 0,
           to: Math.min(99, this.size - 1)
-        }, { mode: u, materializedValues: f } = this._calculateMode(a.from, a.to);
+        }, { mode: u, materializedValues: p } = this._calculateMode(a.from, a.to);
         if (this.baseValue = u, n?.materialize)
-          for (let l = 0; l < f.length; l++) {
-            const c = f[l], d = a.from + l;
-            if (d >= this.size)
+          for (let l = 0; l < p.length; l++) {
+            const d = p[l], c = a.from + l;
+            if (c >= this.size)
               break;
-            const h = c - this.baseValue;
-            this.deltas.set(d, h), this._updateTree(d, h);
+            const f = d - this.baseValue;
+            this.deltas.set(c, f), this._updateTree(c, f);
           }
       } else
         this.baseValue = 0;
@@ -1017,27 +1034,27 @@ class rn {
     if (!this.valueFn)
       return { mode: 0, materializedValues: [] };
     const n = [];
-    for (let c = t; c <= e && !(c >= this.size); c++)
-      n.push(this.valueFn(c));
+    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((c, d) => c - d);
+    n.sort((d, c) => d - c);
     const a = Math.floor(n.length / 2);
     let u;
     n.length % 2 === 0 ? u = Math.floor((n[a - 1] + n[a]) / 2) : u = n[a];
-    const f = /* @__PURE__ */ new Map();
+    const p = /* @__PURE__ */ new Map();
     let l = 0;
-    for (const c of n) {
-      const d = (f.get(c) ?? 0) + 1;
-      f.set(c, d), d > l && (l = d);
+    for (const d of n) {
+      const c = (p.get(d) ?? 0) + 1;
+      p.set(d, c), c > l && (l = c);
     }
-    if (l > 1) {
-      const c = [];
-      for (const [h, b] of f.entries())
-        b === l && c.push(h);
-      const d = c.reduce((h, b) => h + b, 0);
-      u = Math.floor(d / c.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: u, materializedValues: o };
   }
@@ -1100,7 +1117,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;
@@ -1140,7 +1157,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;
@@ -1178,10 +1195,10 @@ class rn {
       return;
     const o = t.ranges;
     if (o && o.length > 0) {
-      for (const f of o) {
-        const l = f.from, c = Math.min(f.to, this.size - 1);
-        for (let d = l; d <= c; d++)
-          this._materialize(d);
+      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;
@@ -1210,12 +1227,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, u = -1, f, l = this.total;
+    let o = 0, a = this.size - 1, u = -1, p, l, d = this.total;
     for (; o <= a; ) {
-      const c = Math.floor((o + a) / 2);
-      f = this.prefixSum(c, e), l = f.total, (n ? f.cumulative >= t : f.cumulative <= t) ? (u = c, n ? a = c - 1 : o = c + 1) : n ? o = c + 1 : a = c - 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: u, total: l, cumulative: f?.cumulative, currentValue: f?.currentValue, safeIndex: f?.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,34 +1243,34 @@ 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, u = o - 1n, f, l, c, d = this.total;
+    let a = 0n, u = o - 1n, p, l, d, c = this.total;
     for (; a <= u; ) {
-      const T = a + u >> 1n, k = Number(T), _ = this.prefixSum(k, e);
-      if (c = _, d = _.total, n ? _.cumulative >= t : _.cumulative <= t)
-        if (f = T, l = _, n) {
-          if (T === 0n)
+      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;
-          u = T - 1n;
+          u = b - 1n;
         } else
-          a = T + 1n;
+          a = b + 1n;
       else if (n)
-        a = T + 1n;
+        a = b + 1n;
       else {
-        if (T === 0n)
+        if (b === 0n)
           break;
-        u = T - 1n;
+        u = b - 1n;
       }
     }
-    const h = l ?? c;
+    const f = l ?? d;
     return {
-      index: f !== void 0 ? Number(f) : -1,
-      total: d,
-      cumulative: h?.cumulative,
-      currentValue: h?.currentValue,
-      safeIndex: h?.safeIndex
+      index: p !== void 0 ? Number(p) : -1,
+      total: c,
+      cumulative: f?.cumulative,
+      currentValue: f?.currentValue,
+      safeIndex: f?.safeIndex
     };
   }
   /**
@@ -1266,19 +1284,19 @@ class rn {
   prefixSum(t, e) {
     if (t < 0)
       return { cumulative: 0, total: this.total, currentValue: 0, safeIndex: 0 };
-    const n = pt(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, u = n + 1;
     for (; u > 0; ) {
       const l = this.tree.get(u) ?? 0;
       a += l;
-      const c = ie(u);
-      if (c === 0)
+      const d = le(u);
+      if (d === 0)
         break;
-      u -= c;
+      u -= d;
     }
-    const f = o?.materialize ? this.get(n) : (this.deltas.get(n) || 0) + this.baseValue;
-    return { cumulative: a + this.baseValue * (n + 1), total: this.total, currentValue: f, 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,7 +1351,7 @@ class rn {
       let a = n + 1;
       for (; a <= this.size; ) {
         e.set(a, (e.get(a) ?? 0) + o);
-        const u = ie(a);
+        const u = le(a);
         if (u === 0)
           break;
         a += u;
@@ -1410,11 +1428,11 @@ class rn {
     return this._findIndex(t, e ?? {}, !1);
   }
 }
-const on = (r, t, e) => {
-  const n = Math.max(0, r), o = M(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 +1441,7 @@ class sn {
     this.key = t, this.value = e;
   }
 }
-class Pe {
+class ve {
   head = null;
   tail = null;
   /**
@@ -1464,113 +1482,121 @@ class Pe {
     this.remove(t), this.addToTail(t);
   }
 }
-function an(r) {
-  const t = M(/* @__PURE__ */ new Map()), e = M(new Pe());
-  L(() => {
+function un(r) {
+  const t = w(/* @__PURE__ */ new Map()), e = w(new ve());
+  O(() => {
     for (; t.current.size > r; ) {
-      const d = e.current.removeHead();
-      if (d)
-        t.current.delete(d.key);
+      const c = e.current.removeHead();
+      if (c)
+        t.current.delete(c.key);
       else
         break;
     }
   }, [r]);
-  const n = y((d) => {
-    const h = t.current.get(d);
-    if (h)
-      return e.current.moveToTail(h), h.value;
+  const n = y((c) => {
+    const f = t.current.get(c);
+    if (f)
+      return e.current.moveToTail(f), f.value;
   }, []), o = y(
-    (d, h) => {
+    (c, f) => {
       if (r <= 0)
         return;
-      let b = t.current.get(d);
-      if (b)
-        b.value = h, e.current.moveToTail(b);
+      let S = t.current.get(c);
+      if (S)
+        S.value = f, e.current.moveToTail(S);
       else {
         if (t.current.size >= r) {
-          const T = e.current.removeHead();
-          T && t.current.delete(T.key);
+          const b = e.current.removeHead();
+          b && t.current.delete(b.key);
         }
-        b = new sn(d, h), t.current.set(d, b), e.current.addToTail(b);
+        S = new cn(c, f), t.current.set(c, S), e.current.addToTail(S);
       }
     },
     [r]
-  ), a = y((d) => t.current.has(d), []), u = y((d) => {
-    const h = t.current.get(d);
-    h && (e.current.remove(h), t.current.delete(d));
-  }, []), f = y(() => {
-    t.current.clear(), e.current = new Pe();
-  }, []), [l, c] = Yt(() => ({ get: n, set: o, has: a, remove: u, clear: f }));
-  return L(() => c({ get: n, set: o, has: a, remove: u, clear: f }), [n, o, a, u, f]), 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 };
-}, lt = (r, t) => t <= 0 ? 0 : pt(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, Qt = (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, u, f) => {
-  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 c = (D) => D < 0n ? 0n : D >= l ? l - 1n : D, d = { materializeOption: { materialize: !1 } }, { index: h } = a.findIndexAtOrAfter(r, d);
-  let b;
-  h === -1 ? b = l - 1n : (b = Se(h), b >= l && (b = l - 1n)), r <= 0 && (b = 0n), f && r >= u && (b = l - 1n);
-  const T = (D) => {
-    let X = 0, O = D, R = D, H = 0n;
-    for (; O < l && X < t; ) {
-      const q = Number(O), N = o(q);
-      if (X += N, R = O, O += 1n, H += 1n, !Number.isFinite(N) || N <= 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 H === 0n && (R = D), { height: X, end: R };
+    return N === 0n && (R = F), { height: C, end: R };
   };
-  let { height: k, end: _ } = T(b);
-  if (k < t && b > 0n) {
-    let D = b, X = k;
-    for (; D > 0n && X < t; ) {
-      D -= 1n;
-      const R = Number(D), H = o(R);
-      if (X += H, !Number.isFinite(H) || H <= 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;
     }
-    b = c(D);
-    const O = T(b);
-    k = O.height, _ = O.end;
+    S = d(F);
+    const L = b(S);
+    _ = L.height, X = L.end;
   }
-  const tt = c(b), Y = c(_), ut = c(tt - BigInt(Math.max(0, e))), V = c(Y + 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: lt(Number(ut), n),
-    renderingEndIndex: lt(Number(V), n),
-    visibleStartIndex: lt(Number(tt), n),
-    visibleEndIndex: lt(Number(Y), 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 u = a.getTotal(), f = Number.isFinite(u), l = f ? Math.min(r, u) : r;
-  if (n > Number.MAX_SAFE_INTEGER)
-    return un(l, t, e, n, o, a, u, f);
-  const { index: c, cumulative: d, currentValue: h } = a.findIndexAtOrAfter(l, { materializeOption: { materialize: !1 } }), b = c === -1 ? t <= 0 || (d ?? 0) < l + (h ?? 0) ? n - 1 : 0 : c;
-  let T = lt(b, n), k = 0, _ = T;
-  for (; _ < n && k < t; )
-    k += o(_), _++;
-  if (k < t && T > 0) {
-    let V = k, D = T - 1;
-    for (; D >= 0 && V < t; )
-      V += o(D), D--;
-    for (T = lt(D + 1, n), k = 0, _ = T; _ < n && k < t; )
-      k += o(_), _++;
+  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 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 tt = lt(T - e, n), Y = lt(Math.max(_ - 1, T), n), ut = lt(Y + e, n);
-  return { renderingStartIndex: tt, renderingEndIndex: ut, visibleStartIndex: T, visibleEndIndex: Y };
-}, fn = () => typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now(), ve = (r, t, e) => {
-  const n = Math.max(0, t ?? 0), o = M({
+  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,
@@ -1581,21 +1607,21 @@ const ln = 1e4, Tn = () => {
     l.rafId !== null && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(l.rafId), l.rafId = null, l.loopActive = !1;
   }, []), u = y(
     (l) => {
-      const c = o.current;
-      c.rafId = null;
-      const d = typeof l == "number" ? l : fn(), h = c.normalizedThrottle, b = c.pendingPayload, T = r.current;
-      if (b !== null && T) {
-        const k = d - c.lastInvokeAt;
-        (h === 0 || c.lastInvokeAt === 0 || k >= h) && (c.pendingPayload = null, c.lastInvokeAt = d, e(T, b));
+      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 (c.pendingPayload !== null) {
-        typeof requestAnimationFrame == "function" ? c.rafId = requestAnimationFrame(u) : c.loopActive = !1;
+      if (d.pendingPayload !== null) {
+        typeof requestAnimationFrame == "function" ? d.rafId = requestAnimationFrame(u) : d.loopActive = !1;
         return;
       }
-      c.loopActive = !1;
+      d.loopActive = !1;
     },
     [r, e]
-  ), f = y(() => {
+  ), p = y(() => {
     const l = o.current;
     if (!l.loopActive) {
       if (l.loopActive = !0, typeof requestAnimationFrame == "function") {
@@ -1605,20 +1631,20 @@ const ln = 1e4, Tn = () => {
       l.loopActive = !1;
     }
   }, [u]);
-  return L(() => () => {
+  return O(() => () => {
     a(), o.current.pendingPayload = null;
-  }, [a]), L(() => {
+  }, [a]), O(() => {
     a();
     const l = o.current;
     l.lastInvokeAt = 0, l.pendingPayload = null, l.normalizedThrottle = n;
   }, [n, a]), y(
     (l) => {
-      const c = o.current;
-      c.pendingPayload = l, f();
+      const d = o.current;
+      d.pendingPayload = l, p();
     },
-    [f]
+    [p]
   );
-}, pn = ({
+}, gn = ({
   itemCount: r,
   getItem: t,
   getItemHeight: e,
@@ -1626,321 +1652,325 @@ const ln = 1e4, Tn = () => {
   overscanCount: o = 15,
   className: a,
   onScroll: u,
-  onRangeChange: f,
+  onRangeChange: p,
   children: l,
-  background: c,
-  initialScrollIndex: d,
-  initialScrollOffset: h,
-  tapScrollCircleOptions: b,
-  scrollBarWidth: T,
-  enableThumbDrag: k,
-  enableTrackClick: _,
-  enableArrowButtons: tt,
-  enablePointerDrag: Y,
-  inertiaOptions: ut,
-  callbackThrottleMs: V = 5,
-  renderThumbOverlay: D,
-  wheelSpeedMultiplier: X,
-  contentInsets: O,
-  enableKeyboardNavigation: R = !0
-}, H) => {
-  const q = M(null), N = M(!1), g = Vt(() => cn(O), [O]), C = M({ size: r, valueOrFn: e, options: { sampleRange: { from: 0, to: 100 } } }), P = on(C.current.size, C.current.valueOrFn, C.current.options), [G] = Yt(() => {
-    let s = g.top, I = 0;
-    if (typeof d == "number") {
-      const w = pt(d, 0, r - 1), F = pt(w - o * 2, 0, r - 1), B = pt(w + o * 2, 0, r - 1), K = d > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: F, to: B }] } } : void 0, { cumulative: yt, total: zt, currentValue: Ft } = P.prefixSum(d, K), Xt = Math.max(yt - Ft, 0);
-      s = Qt(Xt, g.top), I = zt ?? P.getTotal();
-    } else typeof h == "number" && (s = Qt(Math.max(h, 0), g.top)), I = P.getTotal();
-    return { position: s, total: I };
-  }), [rt, Ct] = Yt(G.position), [ot, $] = Yt(G.total), [ct, dt] = Yt(G.position), [A, S] = Yt(r), v = M(G.position), it = M(g.top), W = M(u ?? void 0), Z = M(f ?? void 0), ft = M(/* @__PURE__ */ new Map()), et = M(null), st = M(null);
-  L(() => {
-    W.current = u ?? void 0, Z.current = f ?? void 0;
-  }, [f, u]);
-  const nt = y(
-    (s) => {
-      if (R && s && typeof s.focus == "function")
+  background: d,
+  initialScrollIndex: c,
+  initialScrollOffset: f,
+  tapScrollCircleOptions: S,
+  scrollBarWidth: b,
+  enableThumbDrag: _,
+  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();
         }
     },
     [R]
-  ), gt = ve(W, V, (s, { position: I, totalHeight: w }) => {
-    s(I, w);
-  }), mt = ve(Z, V, (s, { renderingStartIndex: I, renderingEndIndex: w, visibleStartIndex: F, visibleEndIndex: B, scrollPosition: K, totalHeight: yt }) => {
-    s(I, w, F, B, K, yt);
+  ), 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);
   });
-  L(() => (N.current = !0, () => {
-    N.current = !1;
-  }), []), L(() => {
-    R || (ft.current.clear(), et.current = null, st.current = null);
+  O(() => (I.current = !0, () => {
+    I.current = !1;
+  }), []), O(() => {
+    R || (pt.current.clear(), rt.current = null, at.current = null);
   }, [R]);
-  const xt = 0.01, St = M({
+  const Tt = 0.01, wt = w({
     rafId: null,
     loopActive: !1,
     idleFrames: 0,
-    lastRenderedPosition: G.position
-  }), Et = y(() => {
-    const s = St.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;
   }, []);
-  L(
+  O(
     () => () => {
-      Et();
+      _t();
     },
-    [Et]
+    [_t]
   );
-  const Dt = y(() => {
-    const s = St.current;
-    s.rafId = null;
-    const I = v.current, w = qt(I, g.top), F = P.getTotal();
-    if (Ct((K) => Math.abs(K - I) < xt ? K : I), gt({ position: w, totalHeight: F }), Math.abs(s.lastRenderedPosition - I) >= xt ? (s.lastRenderedPosition = I, s.idleFrames = 0) : s.idleFrames += 1, s.idleFrames >= 2) {
-      Et();
+  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(Dt);
+      i.rafId = requestAnimationFrame(Ft);
       return;
     }
-    s.loopActive = !1;
-  }, [P, g.top, gt, Et]), p = y(() => {
-    const s = St.current;
-    if (s.idleFrames = 0, !s.loopActive) {
-      if (s.loopActive = !0, typeof requestAnimationFrame == "function") {
-        s.rafId = requestAnimationFrame(Dt);
+    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;
     }
-  }, [Dt]), m = y(
-    (s, I) => {
-      const w = I?.immediate ?? !1, F = qt(s, g.top);
-      if (v.current = s, w) {
-        St.current.lastRenderedPosition = s, St.current.idleFrames = 0, Ct(s), gt({ position: F, 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;
       }
-      p();
+      h();
     },
-    [p, P, g.top, gt]
-  ), ht = M(!1);
-  L(() => {
-    if (!ht.current)
-      if (ht.current = !0, typeof h == "number") {
-        const s = Qt(Math.max(h, 0), g.top), I = Math.abs(s - v.current) > 0.5;
-        m(s, { immediate: !0 }), I && dt(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
-        m(v.current, { immediate: !0 });
-  }, [h, g.top, m]), se(() => {
-    P.setValueFn(e), A !== r && (P.changeSize(r), S(r));
-    const s = P.getTotal();
-    ot !== s && $(s);
-  }, [P, A, r, ot, e]), se(() => {
-    ct !== null && q.current && (Mt.debug("[VirtualScroll] Scrolling to position:", ct), q.current.scrollTo(ct), dt(null));
-  }, [ct]), L(() => {
-    const s = it.current;
-    if (s === g.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(v.current, s), w = Qt(I, g.top);
-    it.current = g.top, v.current = w, dt(w), m(w, { immediate: !0 });
-  }, [g.top, m]);
+    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(
-    (s) => {
-      if (!q.current)
+    (i) => {
+      if (!$.current)
         return;
-      const I = lt(s, A), w = lt(I - o * 2, A), F = lt(I + o * 2, A), { cumulative: B, total: K, currentValue: yt } = P.prefixSum(I, { materializeOption: { materialize: !0, ranges: [{ from: w, to: F }] } });
-      if (Mt.debug("[VirtualScroll] Scrolling to index:", I, "Offset:", B, "Total height:", K, "Current value:", yt, "safeIndexFrom:", w, "safeIndexTo:", F), !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 zt = Math.max(B - yt, 0), Ft = Qt(zt, g.top);
-      $(K), dt(Ft), Mt.debug("[VirtualScroll] Setting scroll position to:", Ft);
+      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, A, g.top]
-  ), z = y(
-    (s) => {
-      if (!q.current)
+    [A, o, E, m.top]
+  ), Y = y(
+    (i) => {
+      if (!$.current)
         return;
-      const I = P.getTotal(), w = pt(Math.floor(s), 0, I), F = P.findIndexAtOrAfter(w, { materializeOption: { materialize: !1 } }).index;
-      J(F);
+      const T = A.getTotal(), M = mt(Math.floor(i), 0, T), D = A.findIndexAtOrAfter(M, { materializeOption: { materialize: !1 } }).index;
+      J(D);
     },
-    [P, J]
-  ), Rt = y(
-    (s) => {
-      const I = qt(v.current, g.top), w = typeof s == "function" ? s(I) : s;
-      z(w);
-      const F = q.current?.getScrollPosition(), B = typeof F == "number" ? F : v.current;
-      return m(B), B;
+    [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;
     },
-    [g.top, z, m]
-  ), It = y(
-    (s, I) => {
-      Mt.debug("[VirtualScroll] Scroll position changed:", s), m(s);
+    [m.top, Y, g]
+  ), bt = y(
+    (i, T) => {
+      yt.debug("[VirtualScroll] Scroll position changed:", i), g(i);
     },
-    [m]
-  ), At = Vt(() => qt(rt, g.top), [g.top, rt]), Tt = Vt(() => {
-    const s = dn(At, n, o, A, e, P);
-    return Mt.debug("[VirtualScroll] Calculated rendering range:", {
-      ...s,
-      scrollPosition: At,
-      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;
-  }, [At, n, o, A, e, P]), { renderingStartIndex: _t, renderingEndIndex: Ut, visibleStartIndex: vt, visibleEndIndex: Ot } = Tt, at = y(
-    (s, I) => {
-      if (!R || A === 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 w = lt(s, A);
-      if (!(I?.ensureVisible ?? !0)) {
-        const Wt = ft.current.get(w);
-        Wt && (et.current = null, st.current = w, nt(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 B = P.prefixSum(w, { materializeOption: { materialize: !1 } }), K = B.currentValue, yt = Math.max(B.cumulative - K, 0), zt = yt + K, Ft = qt(v.current, g.top), Xt = Ft + n;
-      if (yt < Ft || zt > Xt) {
-        et.current = w, J(w);
+      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 Ht = ft.current.get(w);
-      if (Ht) {
-        et.current = null, st.current = w, nt(Ht);
+      const qt = pt.current.get(M);
+      if (qt) {
+        rt.current = null, at.current = M, ot(qt);
         return;
       }
-      et.current = w;
+      rt.current = M;
     },
-    [R, A, P, g.top, J, nt, n]
-  ), wt = y(
-    (s, I) => {
-      if (!R || 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 w = s.target;
-      if (w) {
-        const F = w.tagName;
-        if (F === "INPUT" || F === "TEXTAREA" || F === "SELECT" || w.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 < A - 1 && (s.preventDefault(), at(I + 1));
+      if (i.key === "ArrowDown") {
+        T < E - 1 && (i.preventDefault(), lt(T + 1));
         return;
       }
-      if (s.key === "ArrowUp") {
-        I > 0 && (s.preventDefault(), at(I - 1));
+      if (i.key === "ArrowUp") {
+        T > 0 && (i.preventDefault(), lt(T - 1));
         return;
       }
-      if (s.key === "PageDown") {
-        if (I < A - 1) {
-          s.preventDefault();
-          const F = Math.max(Ot - vt + 1, 1), B = Math.max(F, 1), K = lt(Math.min(I + B, A - 1), A);
-          at(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 F = Math.max(Ot - vt + 1, 1), B = Math.max(F, 1), K = lt(I - B, A);
-        at(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);
       }
     },
-    [R, A, at, Ot, vt]
-  ), Bt = y(
-    (s) => {
+    [R, E, lt, kt, St]
+  ), Kt = y(
+    (i) => {
       if (!R)
         return;
-      const I = lt(s, A);
-      et.current = null, st.current = I;
+      const T = ct(i, E);
+      rt.current = null, at.current = T, N?.(T);
     },
-    [R, A]
+    [R, E, N]
   );
-  L(() => {
-    const s = q.current?.getScrollPosition() ?? 0, I = v.current, w = qt(I, g.top);
-    Mt.debug("[VirtualScroll] Range change effect triggered", {
-      renderingStartIndex: _t,
-      renderingEndIndex: Ut,
-      visibleStartIndex: vt,
-      visibleEndIndex: Ot,
-      scrollPositionState: rt,
-      paneScrollPosition: I,
-      logicalScrollPosition: w,
-      contentSize: ot,
-      scrollPaneScrollPosition: s
-    }), mt({
-      renderingStartIndex: _t,
-      renderingEndIndex: Ut,
-      visibleStartIndex: vt,
-      visibleEndIndex: Ot,
-      scrollPosition: w,
-      totalHeight: ot
+  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: T,
+      logicalScrollPosition: M,
+      contentSize: W,
+      scrollPaneScrollPosition: i
+    }), gt({
+      renderingStartIndex: Nt,
+      renderingEndIndex: Bt,
+      visibleStartIndex: St,
+      visibleEndIndex: kt,
+      scrollPosition: M,
+      totalHeight: W
     });
-  }, [ot, Ut, _t, g.top, mt, rt, Ot, vt]);
-  const te = y(
-    (s) => {
-      const I = (V ?? 0) > 0, w = Math.abs(s - rt), F = I && w > 0.5 ? rt : s, B = qt(F, g.top);
-      if (Mt.debug("[VirtualScroll] Rendering visible items", {
-        currentScrollPosition: s,
-        effectiveScrollPosition: B,
-        renderingStartIndex: _t,
-        renderingEndIndex: Ut,
-        fenwickSize: A,
+  }, [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: V,
-        diff: w,
-        rawEffectiveScrollPosition: F
-      }), A === 0)
+        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 K = lt(_t, A), yt = lt(Ut, A), { cumulative: zt, currentValue: Ft } = P.prefixSum(K, { materializeOption: { materialize: !1 } }), Xt = zt - Ft, $t = [], Ht = [];
-      for (let U = K; U <= yt; U++) {
-        const Kt = e(U);
-        P.get(U) !== Kt && $t.push({ index: U, value: Kt });
-        const { cumulative: ee, currentValue: i } = P.prefixSum(U, { materializeOption: { materialize: !1 } }), x = ee - i, E = (j) => {
-          if (!j) {
-            ft.current.delete(U);
+      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;
           }
-          R && (ft.current.set(U, j), et.current === U && (et.current = null, st.current = U, nt(j)));
+          R && (pt.current.set(z, G), rt.current === z && (rt.current = null, at.current = z, ot(G)));
         };
-        Ht.push(
+        qt.push(
           /* @__PURE__ */ Q(
             "div",
             {
-              ref: E,
-              "data-index": U,
+              ref: V,
+              "data-index": z,
               "data-virtualscroll-item": "true",
               style: {
                 position: "absolute",
-                top: x - Xt + g.top,
-                width: "100%"
+                top: x - Ut + m.top,
+                width: "100%",
+                height: $t,
+                overflow: st ? "hidden" : void 0
               },
               tabIndex: R ? -1 : void 0,
-              onPointerDown: R ? (j) => {
-                j.currentTarget.focus({ preventScroll: !0 });
+              onPointerDown: R ? (G) => {
+                G.currentTarget.focus({ preventScroll: !0 });
               } : void 0,
-              onKeyDownCapture: R ? (j) => wt(j, U) : void 0,
-              onFocusCapture: R ? () => Bt(U) : void 0,
-              children: l(t(U), U)
+              onKeyDownCapture: R ? (G) => Ct(G, z) : void 0,
+              onFocusCapture: R ? () => Kt(z) : void 0,
+              children: l(t(z), z)
             },
-            U
+            z
           )
         );
       }
-      $t.length > 0 && Promise.resolve().then(() => {
-        if (!N.current)
+      jt.length > 0 && Promise.resolve().then(() => {
+        if (!I.current)
           return;
-        const U = P.updates($t);
-        if (!N.current || typeof U != "number")
+        const z = A.updates(jt);
+        if (!I.current || typeof z != "number")
           return;
-        $(U), Mt.debug("[VirtualScroll] Updated heights for items", $t, "New total height:", U);
-        const Kt = q.current?.getScrollPosition() ?? v.current;
-        Kt === v.current || !N.current || m(Kt);
+        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 = Xt - B;
-      if (g.bottom > 0) {
-        const U = P.getTotal() + g.top - Xt;
-        Ht.push(
+      const Gt = Ut - q;
+      if (m.bottom > 0) {
+        const z = A.getTotal() + m.top - Ut;
+        qt.push(
           /* @__PURE__ */ Q(
             "div",
             {
               style: {
                 position: "absolute",
-                top: U,
-                height: g.bottom,
+                top: z,
+                height: m.bottom,
                 width: "100%"
               }
             },
@@ -1948,81 +1978,84 @@ const ln = 1e4, Tn = () => {
           )
         );
       }
-      return Mt.debug("[VirtualScroll] Rendering items", {
-        nodeCount: Ht.length,
-        containerTop: Wt,
-        logicalScrollPosition: At,
-        resolvedInsets: g,
-        effectiveScrollPosition: B
-      }), /* @__PURE__ */ Q("div", { className: "absolute w-full", style: { top: Wt }, children: Ht });
+      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 });
     },
     [
-      V,
+      H,
       l,
       R,
-      P,
       A,
+      E,
       t,
       e,
+      Kt,
+      Ct,
+      Et,
       Bt,
-      wt,
-      At,
-      Ut,
-      _t,
-      g,
-      rt,
-      nt,
+      Nt,
       m,
-      n
+      it,
+      ot,
+      g,
+      n,
+      st
     ]
   );
-  he(
-    H,
+  xe(
+    ut,
     () => ({
-      getScrollPosition: () => q.current?.getScrollPosition() ?? -1,
-      getContentSize: () => q.current?.getContentSize() ?? -1,
-      getViewportSize: () => q.current?.getViewportSize() ?? -1,
-      scrollTo: Rt,
+      getScrollPosition: () => $.current?.getScrollPosition() ?? -1,
+      getContentSize: () => $.current?.getContentSize() ?? -1,
+      getViewportSize: () => $.current?.getViewportSize() ?? -1,
+      scrollTo: Vt,
       scrollToIndex: J,
-      getFenwickTreeTotalHeight: () => P.getTotal(),
-      getFenwickSize: () => P.getSize(),
-      focusItemAtIndex: at
+      getFenwickTreeTotalHeight: () => A.getTotal(),
+      getFenwickSize: () => A.getSize(),
+      focusItemAtIndex: lt
     }),
-    [Rt, J, P, at]
+    [Vt, J, A, lt]
   );
-  const ae = ot + g.top + g.bottom;
+  const ce = W + m.top + m.bottom;
   return /* @__PURE__ */ Q(
-    en,
+    on,
     {
-      ref: q,
-      contentSize: ae,
+      ref: $,
+      contentSize: ce,
       viewportSize: n,
       className: a,
-      onScroll: It,
-      background: c,
-      tapScrollCircleOptions: b,
-      inertiaOptions: ut,
+      onScroll: bt,
+      background: d,
+      tapScrollCircleOptions: S,
+      inertiaOptions: ht,
       itemCount: r,
-      scrollBarWidth: T,
-      enableThumbDrag: k,
-      enableTrackClick: _,
-      enableArrowButtons: tt,
-      enablePointerDrag: Y,
-      renderThumbOverlay: D,
-      wheelSpeedMultiplier: X,
-      contentInsets: g,
-      children: te
+      scrollBarWidth: b,
+      enableThumbDrag: _,
+      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,
-  pt 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
 };