@aiquants/virtualscroll 1.5.0 → 1.7.0

package/dist/index.js

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