@aiquants/virtualscroll 1.8.0 → 1.10.0

package/dist/index.js

@@ -1,131 +1,133 @@
-import { jsx as Q, jsxs as Jt, Fragment as we } from "react/jsx-runtime";
-import { memo as ze, forwardRef as ge, useState as Xt, useRef as w, useCallback as y, useImperativeHandle as xe, useMemo as Dt, useEffect as O, useLayoutEffect as ne, useId as Xe } from "react";
-import { twMerge as Zt } from "tailwind-merge";
-const Te = {
+import { jsx as U, jsxs as te, Fragment as Re } from "react/jsx-runtime";
+import { memo as Xe, forwardRef as Ie, useState as Nt, useRef as M, useCallback as C, useImperativeHandle as be, useMemo as kt, useEffect as Y, useLayoutEffect as oe, useId as He } from "react";
+import { twMerge as Qt } from "tailwind-merge";
+const ve = {
   active: !1,
   offsetX: 0,
   offsetY: 0,
   distance: 0,
   direction: 0,
   pointerId: null
-}, pe = 6, He = 8, Ue = ({ dragState: r, normalizedDistance: t }) => {
-  const e = 1 + t * 0.18, n = 0.16 + t * 0.24, o = 0.38 + t * 0.28, a = r.active ? "80ms ease-out" : "220ms ease";
-  return /* @__PURE__ */ Jt(we, { children: [
-    /* @__PURE__ */ Q(
+}, he = 6, Ue = 8, qe = ({ dragState: n, normalizedDistance: t }) => {
+  const e = 1 + t * 0.18, r = 0.16 + t * 0.24, s = 0.38 + t * 0.28, a = n.active ? "80ms ease-out" : "220ms ease";
+  return /* @__PURE__ */ te(Re, { children: [
+    /* @__PURE__ */ U(
       "div",
       {
         className: "absolute inset-0 rounded-full",
         style: {
           background: "linear-gradient(140deg, rgba(255,255,255,0.62), rgba(72,72,72,0.48))",
-          boxShadow: `0 0 0 1px rgba(255,255,255,0.28), 0 10px 22px rgba(0,0,0,${n})`,
+          boxShadow: `0 0 0 1px rgba(255,255,255,0.28), 0 10px 22px rgba(0,0,0,${r})`,
           transform: `scale(${e})`,
-          transition: `${a}, ${r.active ? "80ms" : "260ms"} box-shadow ease`
+          transition: `${a}, ${n.active ? "80ms" : "260ms"} box-shadow ease`
         }
       }
     ),
-    /* @__PURE__ */ Q(
+    /* @__PURE__ */ U(
       "div",
       {
         className: "aqvs:tap-scroll-circle-inner absolute rounded-full",
         style: {
           background: "linear-gradient(140deg, rgba(255,255,255,0.72), rgba(28,28,28,0.58))",
           boxShadow: "inset 0 4px 10px rgba(0,0,0,0.24), inset 0 0 2px rgba(255,255,255,0.55)",
-          opacity: o,
-          transition: r.active ? "120ms opacity ease-out" : "220ms opacity ease"
+          opacity: s,
+          transition: n.active ? "120ms opacity ease-out" : "220ms opacity ease"
         }
       }
     )
   ] });
-}, Ce = ze(ge(({ onDragChange: r, className: t, maxVisualDistance: e = 160, size: n = 40, style: o, opacity: a = 1, renderVisual: u }, p) => {
-  const [l, d] = Xt(Te), c = w(null), f = w({ x: 0, y: 0 }), S = w(null), b = w(0), _ = y(
-    (I) => {
-      d(I), r(I);
-    },
-    [r]
-  ), X = y(
-    (I, m, tt = !1) => {
-      const { x: A, y: et } = f.current, it = I - A, At = m - et, W = Math.abs(At), U = W < pe ? 0 : At < 0 ? -1 : 1, dt = b.current;
-      let ft = U;
-      const E = pe + He;
-      U === 0 ? dt !== 0 && W < E ? ft = dt : (ft = 0, tt || (b.current = 0)) : U !== dt && dt !== 0 && W < E ? ft = dt : b.current = U, _({
-        active: tt || W >= pe,
-        offsetX: it,
-        offsetY: At,
-        distance: W,
-        direction: ft,
-        pointerId: c.current
-      });
-    },
-    [_]
-  ), k = y((I) => {
-    if (I === null)
-      return;
-    const m = S.current;
-    m?.hasPointerCapture(I) && m.releasePointerCapture(I);
-  }, []), B = y(
-    (I = !1) => {
-      I && k(c.current), c.current = null, b.current = 0, _(Te);
-    },
-    [_, k]
-  ), ht = y(
-    (I) => {
-      I.preventDefault(), I.stopPropagation();
-      const m = S.current ?? I.currentTarget, { left: tt, top: A, width: et, height: it } = m.getBoundingClientRect();
-      f.current = { x: tt + et / 2, y: A + it / 2 }, c.current = I.pointerId, m.setPointerCapture(I.pointerId), X(I.clientX, I.clientY, !0);
-    },
-    [X]
-  ), H = y(
-    (I) => {
-      c.current === I.pointerId && (I.preventDefault(), X(I.clientX, I.clientY));
-    },
-    [X]
-  ), F = y(
-    (I) => {
-      c.current === I.pointerId && (I.preventDefault(), I.stopPropagation(), B(!0));
-    },
-    [B]
-  );
-  xe(
-    p,
-    () => ({
-      reset: () => {
-        B(!0);
+}, Ae = Xe(
+  Ie(({ onDragChange: n, className: t, maxVisualDistance: e = 160, size: r = 40, style: s, opacity: a = 1, renderVisual: u }, m) => {
+    const [l, d] = Nt(ve), c = M(null), f = M({ x: 0, y: 0 }), P = M(null), v = M(0), N = C(
+      (I) => {
+        d(I), n(I);
       },
-      getElement: () => S.current
-    }),
-    [B]
-  );
-  const C = Math.min(Math.max(a, 0), 1), L = n / 64, R = Math.min(l.distance, e) / e, N = l.direction * R * 10 * L, st = u ?? Ue, ut = {
-    dragState: l,
-    normalizedDistance: R,
-    sizeScale: L,
-    size: n,
-    opacity: C
-  }, $ = {
-    ...o,
-    width: n,
-    height: n,
-    transform: `translateY(${N}px)`
-  };
-  return $.opacity = C, /* @__PURE__ */ Q(
-    "div",
-    {
-      ref: S,
-      "data-testid": "virtual-scroll-tap-circle",
-      className: Zt("relative flex touch-none select-none items-center justify-center", "transition-transform duration-100 ease-out", t),
-      style: $,
-      tabIndex: -1,
-      onPointerDown: ht,
-      onPointerMove: H,
-      onPointerUp: F,
-      onPointerCancel: F,
-      role: "presentation",
-      children: st(ut)
-    }
-  );
-}));
-Ce.displayName = "TapScrollCircle";
-const mt = (r, t, e) => Math.min(e, Math.max(t, r)), he = "virtualscroll:tap-scroll-cancel", be = 20, qe = 250, Be = 60, $e = 20, We = 20, Ke = 240, Pe = { active: !1, offsetX: 0, offsetY: 0, distance: 0, direction: 0, pointerId: null }, me = 2.2, je = 8, Ge = 120, Ze = 1 / 60, zt = {
+      [n]
+    ), q = C(
+      (I, O, g = !1) => {
+        const { x: et, y: w } = f.current, ut = I - et, dt = O - w, Tt = Math.abs(dt), rt = Tt < he ? 0 : dt < 0 ? -1 : 1, X = v.current;
+        let mt = rt;
+        const vt = he + Ue;
+        rt === 0 ? X !== 0 && Tt < vt ? mt = X : (mt = 0, g || (v.current = 0)) : rt !== X && X !== 0 && Tt < vt ? mt = X : v.current = rt, N({
+          active: g || Tt >= he,
+          offsetX: ut,
+          offsetY: dt,
+          distance: Tt,
+          direction: mt,
+          pointerId: c.current
+        });
+      },
+      [N]
+    ), L = C((I) => {
+      if (I === null)
+        return;
+      const O = P.current;
+      O?.hasPointerCapture(I) && O.releasePointerCapture(I);
+    }, []), K = C(
+      (I = !1) => {
+        I && L(c.current), c.current = null, v.current = 0, N(ve);
+      },
+      [N, L]
+    ), It = C(
+      (I) => {
+        I.preventDefault(), I.stopPropagation();
+        const O = P.current ?? I.currentTarget, { left: g, top: et, width: w, height: ut } = O.getBoundingClientRect();
+        f.current = { x: g + w / 2, y: et + ut / 2 }, c.current = I.pointerId, O.setPointerCapture(I.pointerId), q(I.clientX, I.clientY, !0);
+      },
+      [q]
+    ), $ = C(
+      (I) => {
+        c.current === I.pointerId && (I.preventDefault(), q(I.clientX, I.clientY));
+      },
+      [q]
+    ), k = C(
+      (I) => {
+        c.current === I.pointerId && (I.preventDefault(), I.stopPropagation(), K(!0));
+      },
+      [K]
+    );
+    be(
+      m,
+      () => ({
+        reset: () => {
+          K(!0);
+        },
+        getElement: () => P.current
+      }),
+      [K]
+    );
+    const z = Math.min(Math.max(a, 0), 1), A = r / 64, V = Math.min(l.distance, e) / e, F = l.direction * V * 10 * A, at = u ?? qe, G = {
+      dragState: l,
+      normalizedDistance: V,
+      sizeScale: A,
+      size: r,
+      opacity: z
+    }, Ct = {
+      ...s,
+      width: r,
+      height: r,
+      transform: `translateY(${F}px)`
+    };
+    return Ct.opacity = z, /* @__PURE__ */ U(
+      "div",
+      {
+        ref: P,
+        "data-testid": "virtual-scroll-tap-circle",
+        className: Qt("relative flex touch-none select-none items-center justify-center", "transition-transform duration-100 ease-out", t),
+        style: Ct,
+        tabIndex: -1,
+        onPointerDown: It,
+        onPointerMove: $,
+        onPointerUp: k,
+        onPointerCancel: k,
+        role: "presentation",
+        children: at(G)
+      }
+    );
+  })
+);
+Ae.displayName = "TapScrollCircle";
+const xt = (n, t, e) => Math.min(e, Math.max(t, n)), xe = "virtualscroll:tap-scroll-cancel", Pe = 20, $e = 250, Be = 60, We = 20, je = 20, Ke = 240, Se = { active: !1, offsetX: 0, offsetY: 0, distance: 0, direction: 0, pointerId: null }, ge = 2.2, Ge = 8, Ze = 120, Je = 1 / 60, Xt = {
   enabled: !0,
   size: 40,
   offsetX: -80,
@@ -136,7 +138,7 @@ const mt = (r, t, e) => Math.min(e, Math.max(t, r)), he = "virtualscroll:tap-scr
   opacity: 0.9,
   renderVisual: void 0,
   maxSpeedCurve: void 0
-}, Je = (r) => r ? {
+}, Qe = (n) => n ? {
   mainSizeKey: "width",
   crossSizeKey: "height",
   positionKey: "left",
@@ -156,332 +158,332 @@ const mt = (r, t, e) => Math.min(e, Math.max(t, r)), he = "virtualscroll:tap-scr
   arrowIcons: ["▲", "▼"],
   directionClass: "flex flex-col items-stretch",
   orientation: "vertical"
-}, Qe = (r, t) => {
-  const e = r?.maxSpeedMultiplier, n = typeof e == "number" ? e : nn(t);
+}, tr = (n, t) => {
+  const e = n?.maxSpeedMultiplier, r = typeof e == "number" ? e : nr(t);
   return {
-    enabled: r?.enabled ?? zt.enabled,
-    size: r?.size ?? zt.size,
-    offsetX: r?.offsetX ?? zt.offsetX,
-    offsetY: r?.offsetY ?? zt.offsetY,
-    className: r?.className ?? zt.className,
-    maxVisualDistance: r?.maxVisualDistance ?? zt.maxVisualDistance,
-    maxSpeedMultiplier: n,
-    minSpeedMultiplier: Math.max(r?.minSpeedMultiplier ?? zt.minSpeedMultiplier, 0),
-    opacity: mt(r?.opacity ?? zt.opacity, 0, 1),
-    renderVisual: r?.renderVisual ?? zt.renderVisual,
-    maxSpeedCurve: r?.maxSpeedCurve ?? zt.maxSpeedCurve
+    enabled: n?.enabled ?? Xt.enabled,
+    size: n?.size ?? Xt.size,
+    offsetX: n?.offsetX ?? Xt.offsetX,
+    offsetY: n?.offsetY ?? Xt.offsetY,
+    className: n?.className ?? Xt.className,
+    maxVisualDistance: n?.maxVisualDistance ?? Xt.maxVisualDistance,
+    maxSpeedMultiplier: r,
+    minSpeedMultiplier: Math.max(n?.minSpeedMultiplier ?? Xt.minSpeedMultiplier, 0),
+    opacity: xt(n?.opacity ?? Xt.opacity, 0, 1),
+    renderVisual: n?.renderVisual ?? Xt.renderVisual,
+    maxSpeedCurve: n?.maxSpeedCurve ?? Xt.maxSpeedCurve
   };
-}, tn = ({ isDragging: r, isThumbHovered: t, enableThumbDrag: e }) => Dt(() => e ? r ? "dragging" : t ? "hover" : "idle" : "disabled", [e, r, t]), en = ({ canUseArrowButtons: r, enableArrowButtons: t, resetTapScroll: e, scrollByStep: n }) => {
-  const o = w(null), a = w(null), u = y(() => {
-    o.current !== null && (window.clearInterval(o.current), o.current = null), a.current !== null && (window.clearTimeout(a.current), a.current = null);
-  }, []), p = y(() => {
+}, er = ({ isDragging: n, isThumbHovered: t, enableThumbDrag: e }) => kt(() => e ? n ? "dragging" : t ? "hover" : "idle" : "disabled", [e, n, t]), rr = ({ canUseArrowButtons: n, enableArrowButtons: t, resetTapScroll: e, scrollByStep: r }) => {
+  const s = M(null), a = M(null), u = C(() => {
+    s.current !== null && (window.clearInterval(s.current), s.current = null), a.current !== null && (window.clearTimeout(a.current), a.current = null);
+  }, []), m = C(() => {
     u();
-  }, [u]), l = y(
+  }, [u]), l = C(
     (c) => (f) => {
-      r && (f.preventDefault(), f.stopPropagation(), e(), u(), n(c), a.current = window.setTimeout(() => {
-        o.current = window.setInterval(() => {
-          n(c);
+      n && (f.preventDefault(), f.stopPropagation(), e(), u(), r(c), a.current = window.setTimeout(() => {
+        s.current = window.setInterval(() => {
+          r(c);
         }, Be);
-      }, qe));
+      }, $e));
     },
-    [r, u, e, n]
-  ), d = y(
+    [n, u, e, r]
+  ), d = C(
     (c) => (f) => {
-      t && (f.key === "Enter" || f.key === " " || f.key === "Spacebar") && (f.preventDefault(), n(c));
+      t && (f.key === "Enter" || f.key === " " || f.key === "Spacebar") && (f.preventDefault(), r(c));
     },
-    [t, n]
+    [t, r]
   );
-  return O(() => () => {
+  return Y(() => () => {
     u();
-  }, [u]), { handleArrowPointerDown: l, handleArrowPointerUp: p, handleArrowKeyDown: d };
-}, nn = (r) => {
-  if (!r || r <= 0)
-    return me;
-  const t = Math.max(1, r), e = Math.log10(t), n = me + e * je;
-  return mt(n, me, Ge);
-}, rn = ({
-  contentSize: r,
+  }, [u]), { handleArrowPointerDown: l, handleArrowPointerUp: m, handleArrowKeyDown: d };
+}, nr = (n) => {
+  if (!n || n <= 0)
+    return ge;
+  const t = Math.max(1, n), e = Math.log10(t), r = ge + e * Ge;
+  return xt(r, ge, Ze);
+}, or = ({
+  contentSize: n,
   viewportSize: t,
   scrollPosition: e,
-  onScroll: n,
-  enableThumbDrag: o = !0,
+  onScroll: r,
+  enableThumbDrag: s = !0,
   enableTrackClick: a = !0,
   enableArrowButtons: u = !0,
-  horizontal: p = !1,
+  horizontal: m = !1,
   scrollBarWidth: l = 12,
   className: d,
   ariaControls: c,
   tapScrollCircleOptions: f,
-  itemCount: S,
-  renderThumbOverlay: b,
-  visibleStartIndex: _,
-  visibleEndIndex: X
+  itemCount: P,
+  renderThumbOverlay: v,
+  visibleStartIndex: N,
+  visibleEndIndex: q
 }) => {
-  const [k, B] = Xt(!1), [ht, H] = Xt(!1), [F, C] = Xt(!1), L = w(null), R = w({ pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }), N = w({ pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }), st = w(e), ut = w(Pe), $ = w(null), I = w(null), m = w(null), tt = Dt(() => Qe(f, S), [S, f]), A = Dt(() => Je(p), [p]), {
-    enabled: et,
-    size: it,
-    offsetX: At,
-    offsetY: W,
-    className: U,
-    maxVisualDistance: dt,
-    maxSpeedMultiplier: ft,
-    minSpeedMultiplier: E,
-    opacity: P,
-    renderVisual: v,
-    maxSpeedCurve: nt
-  } = tt, K = w({
+  const [L, K] = Nt(!1), [It, $] = Nt(!1), [k, z] = Nt(!1), A = M(null), V = M({ pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }), F = M({ pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }), at = M(e), G = M(Se), Ct = M(null), I = M(null), O = M(null), g = kt(() => tr(f, P), [P, f]), et = kt(() => Qe(m), [m]), {
+    enabled: w,
+    size: ut,
+    offsetX: dt,
+    offsetY: Tt,
+    className: rt,
+    maxVisualDistance: X,
+    maxSpeedMultiplier: mt,
+    minSpeedMultiplier: vt,
+    opacity: D,
+    renderVisual: T,
+    maxSpeedCurve: S
+  } = g, J = M({
     viewportSize: t,
-    maxScrollPosition: Math.max(r - t, 0),
-    scrollBarVisible: r > t,
-    effectiveTapMaxDistance: Math.max(dt, 1),
-    tapCircleMaxSpeedMultiplier: ft,
-    tapCircleMinSpeedMultiplier: E,
-    tapCircleMaxSpeedCurve: nt,
+    maxScrollPosition: Math.max(n - t, 0),
+    scrollBarVisible: n > t,
+    effectiveTapMaxDistance: Math.max(X, 1),
+    tapCircleMaxSpeedMultiplier: mt,
+    tapCircleMinSpeedMultiplier: vt,
+    tapCircleMaxSpeedCurve: S,
     tapScrollCircleOptions: f
-  }), { mainSizeKey: Z, crossSizeKey: pt, positionKey: rt, selectDelta: at, getPointerCoordinate: ot, arrowLabels: It, arrowIcons: gt, directionClass: Tt, orientation: wt } = A, _t = Math.max(dt, 1), Ft = t / r, h = l, g = Math.max(t - h * 2, 0), xt = Ft * g, J = Math.min(Math.max(be, xt || 0), g || be), Y = r - t, Vt = Math.max(g - J, 0), bt = Y <= 0 || Vt <= 0 ? 0 : e / Y * Vt, Et = bt + J / 2, Pt = r > t, Nt = Pt && u;
-  K.current = {
+  }), { mainSizeKey: Q, crossSizeKey: st, positionKey: bt, selectDelta: nt, getPointerCoordinate: ft, arrowLabels: lt, arrowIcons: Ft, directionClass: Pt, orientation: ht } = et, Rt = Math.max(X, 1), Lt = t / n, St = l, p = Math.max(t - St * 2, 0), y = Lt * p, it = Math.min(Math.max(Pe, y || 0), p || Pe), B = n - t, W = Math.max(p - it, 0), At = B <= 0 || W <= 0 ? 0 : e / B * W, Vt = At + it / 2, H = n > t, Ht = H && u;
+  J.current = {
     viewportSize: t,
-    maxScrollPosition: Y,
-    scrollBarVisible: Pt,
-    effectiveTapMaxDistance: _t,
-    tapCircleMaxSpeedMultiplier: ft,
-    tapCircleMinSpeedMultiplier: E,
-    tapCircleMaxSpeedCurve: nt,
+    maxScrollPosition: B,
+    scrollBarVisible: H,
+    effectiveTapMaxDistance: Rt,
+    tapCircleMaxSpeedMultiplier: mt,
+    tapCircleMinSpeedMultiplier: vt,
+    tapCircleMaxSpeedCurve: S,
     tapScrollCircleOptions: f
-  }, O(() => {
-    st.current = e;
-  }, [e]), O(() => {
-    o || H(!1);
-  }, [o]);
-  const Bt = tn({ isDragging: k, isThumbHovered: ht, enableThumbDrag: o }), St = y(
-    (s, x) => {
-      const V = K.current, G = x ?? st.current;
-      if (n) {
-        const Yt = n(s, G);
-        if (typeof Yt == "number" && Number.isFinite(Yt))
-          return st.current = Yt, Yt;
+  }, Y(() => {
+    at.current = e;
+  }, [e]), Y(() => {
+    s || $(!1);
+  }, [s]);
+  const yt = er({ isDragging: L, isThumbHovered: It, enableThumbDrag: s }), Ut = C(
+    (o, h) => {
+      const R = J.current, ot = h ?? at.current;
+      if (r) {
+        const wt = r(o, ot);
+        if (typeof wt == "number" && Number.isFinite(wt))
+          return at.current = wt, wt;
       }
-      const vt = typeof s == "function" ? s(G) : s, Mt = Math.max(V.maxScrollPosition, 0), Lt = V.scrollBarVisible ? mt(vt, 0, Mt) : 0;
-      return st.current = Lt, Lt;
+      const E = typeof o == "function" ? o(ot) : o, tt = Math.max(R.maxScrollPosition, 0), _t = R.scrollBarVisible ? xt(E, 0, tt) : 0;
+      return at.current = _t, _t;
     },
-    [n]
-  ), kt = y(
-    (s) => {
-      const x = K.current, V = st.current;
-      if (!x.scrollBarVisible || x.maxScrollPosition <= 0) {
-        const Yt = St(0, V), de = Yt - V;
-        return { nextPosition: Yt, actualDelta: de, reachedBoundary: !0 };
+    [r]
+  ), Zt = C(
+    (o) => {
+      const h = J.current, R = at.current;
+      if (!h.scrollBarVisible || h.maxScrollPosition <= 0) {
+        const wt = Ut(0, R), ee = wt - R;
+        return { nextPosition: wt, actualDelta: ee, reachedBoundary: !0 };
       }
-      if (s === 0)
-        return { nextPosition: V, actualDelta: 0, reachedBoundary: !1 };
-      const vt = St((Yt) => mt(Yt + s, 0, x.maxScrollPosition), V), Mt = vt - V, Lt = Mt === 0 || s < 0 && vt <= 0 || s > 0 && vt >= x.maxScrollPosition;
-      return { nextPosition: vt, actualDelta: Mt, reachedBoundary: Lt };
+      if (o === 0)
+        return { nextPosition: R, actualDelta: 0, reachedBoundary: !1 };
+      const E = Ut((wt) => xt(wt + o, 0, h.maxScrollPosition), R), tt = E - R, _t = tt === 0 || o < 0 && E <= 0 || o > 0 && E >= h.maxScrollPosition;
+      return { nextPosition: E, actualDelta: tt, reachedBoundary: _t };
     },
-    [St]
-  ), lt = y(() => {
-    I.current !== null && (window.cancelAnimationFrame(I.current), I.current = null), m.current = null;
-  }, []), Ct = y(() => {
-    ut.current = { ...Pe }, C(!1), $.current?.reset(), lt();
-  }, [lt]), Kt = y(
-    (s) => {
-      const x = ut.current, V = K.current;
-      if (!x.active || x.direction === 0) {
-        lt();
+    [Ut]
+  ), Et = C(() => {
+    I.current !== null && (window.cancelAnimationFrame(I.current), I.current = null), O.current = null;
+  }, []), gt = C(() => {
+    G.current = { ...Se }, z(!1), Ct.current?.reset(), Et();
+  }, [Et]), Jt = C(
+    (o) => {
+      const h = G.current, R = J.current;
+      if (!h.active || h.direction === 0) {
+        Et();
         return;
       }
-      if (!V.scrollBarVisible || V.maxScrollPosition <= 0) {
-        lt();
+      if (!R.scrollBarVisible || R.maxScrollPosition <= 0) {
+        Et();
         return;
       }
-      const G = m.current ?? s, vt = Math.max((s - G) / 1e3, 0), Mt = Math.min(vt, Ze);
-      if (m.current = s, Mt <= 0) {
-        I.current = window.requestAnimationFrame(Kt);
+      const ot = O.current ?? o, E = Math.max((o - ot) / 1e3, 0), tt = Math.min(E, Je);
+      if (O.current = o, tt <= 0) {
+        I.current = window.requestAnimationFrame(Jt);
         return;
       }
-      const Lt = Math.min(x.distance, V.effectiveTapMaxDistance) / V.effectiveTapMaxDistance, Yt = Lt ** 1.1, de = typeof V.tapScrollCircleOptions?.maxSpeedMultiplier == "number", Qt = Math.max(V.viewportSize * V.tapCircleMinSpeedMultiplier, 40), Re = de ? Qt : 1200;
-      let fe = Math.max(V.viewportSize * V.tapCircleMaxSpeedMultiplier, Re);
-      const se = V.tapCircleMaxSpeedCurve;
-      if (se) {
-        const ie = Math.max(se.exponentialSteepness, 0), ke = Math.max(se.exponentialScale ?? V.tapCircleMaxSpeedMultiplier, 0), Oe = ie === 0 ? Lt : Math.expm1(ie * Lt), Ie = ie === 0 ? 1 : Math.expm1(ie) || 1, Le = Ie === 0 ? Lt : Math.min(Math.max(Oe / Ie, 0), 1), Ye = V.viewportSize * ke * Le;
-        fe = Math.min(fe, Math.max(Ye, Qt));
+      const _t = Math.min(h.distance, R.effectiveTapMaxDistance) / R.effectiveTapMaxDistance, wt = _t ** 1.1, ee = typeof R.tapScrollCircleOptions?.maxSpeedMultiplier == "number", Gt = Math.max(R.viewportSize * R.tapCircleMinSpeedMultiplier, 40), pe = ee ? Gt : 1200;
+      let me = Math.max(R.viewportSize * R.tapCircleMaxSpeedMultiplier, pe);
+      const ie = R.tapCircleMaxSpeedCurve;
+      if (ie) {
+        const ae = Math.max(ie.exponentialSteepness, 0), Oe = Math.max(ie.exponentialScale ?? R.tapCircleMaxSpeedMultiplier, 0), Le = ae === 0 ? _t : Math.expm1(ae * _t), Te = ae === 0 ? 1 : Math.expm1(ae) || 1, Ye = Te === 0 ? _t : Math.min(Math.max(Le / Te, 0), 1), ze = R.viewportSize * Oe * Ye;
+        me = Math.min(me, Math.max(ze, Gt));
       }
-      const Ae = Math.max(fe, Qt), Ve = Math.max(se?.easedOffset ?? 0, 0), Ee = Math.min(1, Yt + Ve), De = Qt + (Ae - Qt) * Ee, _e = x.direction * De * Mt, { actualDelta: Fe, reachedBoundary: Ne } = kt(_e);
-      if (Ne || Fe === 0) {
-        lt();
+      const Ve = Math.max(me, Gt), Ee = Math.max(ie?.easedOffset ?? 0, 0), De = Math.min(1, wt + Ee), _e = Gt + (Ve - Gt) * De, Ne = h.direction * _e * tt, { actualDelta: ke, reachedBoundary: Fe } = Zt(Ne);
+      if (Fe || ke === 0) {
+        Et();
         return;
       }
-      I.current = window.requestAnimationFrame(Kt);
+      I.current = window.requestAnimationFrame(Jt);
     },
-    [kt, lt]
-  ), re = y(() => {
-    I.current === null && (m.current = null, I.current = window.requestAnimationFrame(Kt));
-  }, [Kt]);
-  O(() => () => {
-    lt();
-  }, [lt]);
-  const ce = y(
-    (s) => {
-      ut.current = s, C(s.active), s.active && s.direction !== 0 ? re() : lt();
+    [Zt, Et]
+  ), qt = C(() => {
+    I.current === null && (O.current = null, I.current = window.requestAnimationFrame(Jt));
+  }, [Jt]);
+  Y(() => () => {
+    Et();
+  }, [Et]);
+  const Bt = C(
+    (o) => {
+      G.current = o, z(o.active), o.active && o.direction !== 0 ? qt() : Et();
     },
-    [re, lt]
+    [qt, Et]
   );
-  O(() => {
-    et || Ct();
-  }, [Ct, et]), O(() => {
-    const s = (x) => {
-      const G = x.detail?.paneId;
-      G && c && G !== c || Ct();
+  Y(() => {
+    w || gt();
+  }, [gt, w]), Y(() => {
+    const o = (h) => {
+      const ot = h.detail?.paneId;
+      ot && c && ot !== c || gt();
     };
-    return window.addEventListener(he, s), () => {
-      window.removeEventListener(he, s);
+    return window.addEventListener(xe, o), () => {
+      window.removeEventListener(xe, o);
     };
-  }, [c, Ct]), O(() => {
-    if (!et)
+  }, [c, gt]), Y(() => {
+    if (!w)
       return;
-    const s = (x) => {
-      if (!ut.current.active || ut.current.pointerId === x.pointerId)
+    const o = (h) => {
+      if (!G.current.active || G.current.pointerId === h.pointerId)
         return;
-      const V = x.target;
-      if (!(V instanceof Node)) {
-        Ct();
+      const R = h.target;
+      if (!(R instanceof Node)) {
+        gt();
         return;
       }
-      $.current?.getElement()?.contains(V) || Ct();
+      Ct.current?.getElement()?.contains(R) || gt();
     };
-    return document.addEventListener("pointerdown", s, !0), () => {
-      document.removeEventListener("pointerdown", s, !0);
+    return document.addEventListener("pointerdown", o, !0), () => {
+      document.removeEventListener("pointerdown", o, !0);
     };
-  }, [Ct, et]);
-  const i = (s) => {
-    if (!Pt || Vt <= 0 || Y <= 0)
+  }, [gt, w]);
+  const Ot = (o) => {
+    if (!H || W <= 0 || B <= 0)
       return 0;
-    const x = mt(s, 0, Vt);
-    return mt(x / Vt * Y, 0, Y);
-  }, T = (s) => {
-    const x = Math.max(Math.round(t / We), $e);
-    kt(s * x);
-  }, { handleArrowPointerDown: M, handleArrowPointerUp: D, handleArrowKeyDown: q } = en({
-    canUseArrowButtons: Nt,
+    const h = xt(o, 0, W);
+    return xt(h / W * B, 0, B);
+  }, $t = (o) => {
+    const h = Math.max(Math.round(t / je), We);
+    Zt(o * h);
+  }, { handleArrowPointerDown: Yt, handleArrowPointerUp: Kt, handleArrowKeyDown: se } = rr({
+    canUseArrowButtons: Ht,
     enableArrowButtons: u,
-    resetTapScroll: Ct,
-    scrollByStep: T
-  }), j = (s) => {
-    if (!Pt)
+    resetTapScroll: gt,
+    scrollByStep: $t
+  }), ue = (o) => {
+    if (!H)
       return;
-    if (!o) {
-      s.preventDefault(), s.stopPropagation();
+    if (!s) {
+      o.preventDefault(), o.stopPropagation();
       return;
     }
-    if (s.pointerType === "mouse" && s.button !== 0 || s.ctrlKey)
+    if (o.pointerType === "mouse" && o.button !== 0 || o.ctrlKey)
       return;
-    Ct();
-    const x = s.currentTarget;
-    x.setPointerCapture && x.setPointerCapture(s.pointerId), R.current = {
-      pointerId: s.pointerId,
-      startThumbPosition: bt,
-      startClientX: s.clientX,
-      startClientY: s.clientY
-    }, B(!0), H(!0), s.preventDefault(), s.stopPropagation();
-  }, Rt = (s) => {
-    const x = R.current;
-    if (x.pointerId !== s.pointerId)
+    gt();
+    const h = o.currentTarget;
+    h.setPointerCapture && h.setPointerCapture(o.pointerId), V.current = {
+      pointerId: o.pointerId,
+      startThumbPosition: At,
+      startClientX: o.clientX,
+      startClientY: o.clientY
+    }, K(!0), $(!0), o.preventDefault(), o.stopPropagation();
+  }, de = (o) => {
+    const h = V.current;
+    if (h.pointerId !== o.pointerId)
       return;
-    const V = s.clientX - x.startClientX, G = s.clientY - x.startClientY, vt = at(V, G), Mt = i(x.startThumbPosition + vt);
-    St(Mt), s.cancelable && s.preventDefault();
-  }, Ht = (s) => {
-    if (R.current.pointerId !== s.pointerId)
+    const R = o.clientX - h.startClientX, ot = o.clientY - h.startClientY, E = nt(R, ot), tt = Ot(h.startThumbPosition + E);
+    Ut(tt), o.cancelable && o.preventDefault();
+  }, fe = (o) => {
+    if (V.current.pointerId !== o.pointerId)
       return;
-    const x = s.currentTarget;
-    x.hasPointerCapture(s.pointerId) && x.releasePointerCapture(s.pointerId), R.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, B(!1), L.current && !L.current.matches(":hover") && H(!1), s.preventDefault(), s.stopPropagation();
-  }, Ot = (s) => {
-    if (R.current.pointerId !== s.pointerId)
+    const h = o.currentTarget;
+    h.hasPointerCapture(o.pointerId) && h.releasePointerCapture(o.pointerId), V.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, K(!1), A.current && !A.current.matches(":hover") && $(!1), o.preventDefault(), o.stopPropagation();
+  }, i = (o) => {
+    if (V.current.pointerId !== o.pointerId)
       return;
-    const x = s.currentTarget;
-    x.hasPointerCapture(s.pointerId) && x.releasePointerCapture(s.pointerId), R.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, B(!1), L.current && !L.current.matches(":hover") && H(!1);
-  }, Ut = (s) => {
-    if (!Pt)
+    const h = o.currentTarget;
+    h.hasPointerCapture(o.pointerId) && h.releasePointerCapture(o.pointerId), V.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, K(!1), A.current && !A.current.matches(":hover") && $(!1);
+  }, x = (o) => {
+    if (!H)
       return;
     if (!a) {
-      s.preventDefault(), s.stopPropagation();
+      o.preventDefault(), o.stopPropagation();
       return;
     }
-    if (s.pointerType === "mouse" && s.button !== 0 || s.ctrlKey)
+    if (o.pointerType === "mouse" && o.button !== 0 || o.ctrlKey)
       return;
-    const x = s.currentTarget, V = x.getBoundingClientRect(), vt = ot(s) - (p ? V.left : V.top);
-    Ct();
-    const Mt = vt - J / 2, Lt = i(Mt);
-    St(Lt), x.setPointerCapture && x.setPointerCapture(s.pointerId), N.current = {
-      pointerId: s.pointerId,
-      startThumbPosition: Mt,
-      startClientX: s.clientX,
-      startClientY: s.clientY
-    }, s.preventDefault(), s.stopPropagation();
-  }, jt = (s) => {
-    const x = N.current;
-    if (x.pointerId !== s.pointerId)
+    const h = o.currentTarget, R = h.getBoundingClientRect(), E = ft(o) - (m ? R.left : R.top);
+    gt();
+    const tt = E - it / 2, _t = Ot(tt);
+    Ut(_t), h.setPointerCapture && h.setPointerCapture(o.pointerId), F.current = {
+      pointerId: o.pointerId,
+      startThumbPosition: tt,
+      startClientX: o.clientX,
+      startClientY: o.clientY
+    }, o.preventDefault(), o.stopPropagation();
+  }, b = (o) => {
+    const h = F.current;
+    if (h.pointerId !== o.pointerId)
       return;
-    const V = s.clientX - x.startClientX, G = s.clientY - x.startClientY, vt = at(V, G), Mt = i(x.startThumbPosition + vt);
-    St(Mt), s.cancelable && s.preventDefault();
-  }, qt = (s) => {
-    if (N.current.pointerId !== s.pointerId)
+    const R = o.clientX - h.startClientX, ot = o.clientY - h.startClientY, E = nt(R, ot), tt = Ot(h.startThumbPosition + E);
+    Ut(tt), o.cancelable && o.preventDefault();
+  }, _ = (o) => {
+    if (F.current.pointerId !== o.pointerId)
       return;
-    const x = s.currentTarget;
-    x.hasPointerCapture(s.pointerId) && x.releasePointerCapture(s.pointerId), N.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, s.preventDefault(), s.stopPropagation();
-  }, Gt = (s) => {
-    if (N.current.pointerId !== s.pointerId)
+    const h = o.currentTarget;
+    h.hasPointerCapture(o.pointerId) && h.releasePointerCapture(o.pointerId), F.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, o.preventDefault(), o.stopPropagation();
+  }, j = (o) => {
+    if (F.current.pointerId !== o.pointerId)
       return;
-    const x = s.currentTarget;
-    x.hasPointerCapture(s.pointerId) && x.releasePointerCapture(s.pointerId), N.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 };
-  }, z = Dt(() => mt((F ? 1 : 0.8) * P, 0, 1), [F, P]), $t = Dt(() => {
-    const x = `calc(50% - ${it / 2}px + ${W}px)`;
+    const h = o.currentTarget;
+    h.hasPointerCapture(o.pointerId) && h.releasePointerCapture(o.pointerId), F.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 };
+  }, Z = kt(() => xt((k ? 1 : 0.8) * D, 0, 1), [k, D]), Mt = kt(() => {
+    const h = `calc(50% - ${ut / 2}px + ${Tt}px)`;
     return {
-      left: At,
-      top: x
+      left: dt,
+      top: h
     };
-  }, [At, W, it]), ue = (s, x, V) => /* @__PURE__ */ Q(
+  }, [dt, Tt, ut]), zt = (o, h, R) => /* @__PURE__ */ U(
     "button",
     {
       type: "button",
       tabIndex: -1,
       className: "aqvs:scrollbar-arrow-button flex items-center justify-center text-xs transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50",
       style: {
-        [Z]: h,
-        [pt]: l
+        [Q]: St,
+        [st]: l
       },
-      "aria-label": x,
-      onMouseDown: M(s),
-      onTouchStart: M(s),
-      onMouseUp: D,
-      onMouseLeave: D,
-      onTouchEnd: D,
-      onTouchCancel: D,
-      onKeyDown: q(s),
+      "aria-label": h,
+      onMouseDown: Yt(o),
+      onTouchStart: Yt(o),
+      onMouseUp: Kt,
+      onMouseLeave: Kt,
+      onTouchEnd: Kt,
+      onTouchCancel: Kt,
+      onKeyDown: se(o),
       "aria-disabled": !u,
-      disabled: !Nt,
-      children: /* @__PURE__ */ Q("span", { "aria-hidden": "true", children: V })
+      disabled: !Ht,
+      children: /* @__PURE__ */ U("span", { "aria-hidden": "true", children: R })
     }
-  ), oe = b && Pt ? {
-    orientation: wt,
+  ), Dt = v && H ? {
+    orientation: ht,
     scrollPosition: e,
-    maxScrollPosition: Y,
-    contentSize: r,
+    maxScrollPosition: B,
+    contentSize: n,
     viewportSize: t,
-    thumbSize: J,
-    thumbPosition: bt,
-    thumbCenter: Et,
-    trackSize: g,
-    isDragging: k,
-    isTapScrollActive: F,
-    visibleStartIndex: _,
-    visibleEndIndex: X
+    thumbSize: it,
+    thumbPosition: At,
+    thumbCenter: Vt,
+    trackSize: p,
+    isDragging: L,
+    isTapScrollActive: k,
+    visibleStartIndex: N,
+    visibleEndIndex: q
   } : null;
-  return /* @__PURE__ */ Jt(
+  return /* @__PURE__ */ te(
     "div",
     {
-      className: Zt("group relative cursor-default select-none", Tt, d),
+      className: Qt("group relative cursor-default select-none", Pt, d),
       style: {
-        [Z]: t,
-        [pt]: l,
+        [Q]: t,
+        [st]: l,
         backgroundColor: "white",
         userSelect: "none",
         position: "relative",
@@ -492,24 +494,24 @@ const mt = (r, t, e) => Math.min(e, Math.max(t, r)), he = "virtualscroll:tap-scr
       "aria-controls": c,
       "aria-valuenow": e,
       "aria-valuemin": 0,
-      "aria-valuemax": Y,
-      "aria-orientation": p ? "horizontal" : "vertical",
+      "aria-valuemax": B,
+      "aria-orientation": m ? "horizontal" : "vertical",
       children: [
-        !p && Pt && et && /* @__PURE__ */ Q(
-          Ce,
+        !m && H && w && /* @__PURE__ */ U(
+          Ae,
           {
-            ref: $,
-            className: Zt("pointer-events-auto absolute transition-opacity duration-150", U),
-            size: it,
-            maxVisualDistance: _t,
-            style: $t,
-            opacity: z,
-            renderVisual: v,
-            onDragChange: ce
+            ref: Ct,
+            className: Qt("pointer-events-auto absolute transition-opacity duration-150", rt),
+            size: ut,
+            maxVisualDistance: Rt,
+            style: Mt,
+            opacity: Z,
+            renderVisual: T,
+            onDragChange: Bt
           }
         ),
-        ue(-1, It[0], gt[0]),
-        /* @__PURE__ */ Jt(
+        zt(-1, lt[0], Ft[0]),
+        /* @__PURE__ */ te(
           "div",
           {
             className: "aqvs:scrollbar-track relative flex-1",
@@ -517,50 +519,50 @@ const mt = (r, t, e) => Math.min(e, Math.max(t, r)), he = "virtualscroll:tap-scr
               borderRadius: l / 2,
               touchAction: "none"
             },
-            onPointerDown: Ut,
-            onPointerMove: jt,
-            onPointerUp: qt,
-            onPointerCancel: Gt,
+            onPointerDown: x,
+            onPointerMove: b,
+            onPointerUp: _,
+            onPointerCancel: j,
             "aria-disabled": !a,
             children: [
-              oe && /* @__PURE__ */ Q("div", { className: "pointer-events-none absolute inset-0", "aria-hidden": !0, children: b?.(oe) }),
-              Pt && // スクロールバーのつまみの当たり判定を広げるためのラッパー
-              /* @__PURE__ */ Q(
+              Dt && /* @__PURE__ */ U("div", { className: "pointer-events-none absolute inset-0", "aria-hidden": !0, children: v?.(Dt) }),
+              H && // スクロールバーのつまみの当たり判定を広げるためのラッパー
+              /* @__PURE__ */ U(
                 "div",
                 {
                   className: "group absolute",
                   style: {
-                    [Z]: J,
-                    [rt]: bt,
-                    ...p ? { top: 0, bottom: 0 } : { left: 0, right: 0 },
+                    [Q]: it,
+                    [bt]: At,
+                    ...m ? { top: 0, bottom: 0 } : { left: 0, right: 0 },
                     touchAction: "none"
                   },
-                  onPointerDown: j,
-                  onPointerMove: Rt,
-                  onPointerUp: Ht,
-                  onPointerCancel: Ot,
+                  onPointerDown: ue,
+                  onPointerMove: de,
+                  onPointerUp: fe,
+                  onPointerCancel: i,
                   role: "slider",
-                  "aria-orientation": p ? "horizontal" : "vertical",
+                  "aria-orientation": m ? "horizontal" : "vertical",
                   "aria-valuenow": e,
                   "aria-valuemin": 0,
-                  "aria-valuemax": Y,
-                  "aria-disabled": !o,
+                  "aria-valuemax": B,
+                  "aria-disabled": !s,
                   tabIndex: -1,
-                  children: /* @__PURE__ */ Q(
+                  children: /* @__PURE__ */ U(
                     "div",
                     {
-                      ref: L,
-                      className: Zt("aqvs:scrollbar-thumb absolute", p ? "aqvs:scrollbar-thumb-horizontal" : "aqvs:scrollbar-thumb-vertical"),
-                      "data-thumb-state": Bt,
+                      ref: A,
+                      className: Qt("aqvs:scrollbar-thumb absolute", m ? "aqvs:scrollbar-thumb-horizontal" : "aqvs:scrollbar-thumb-vertical"),
+                      "data-thumb-state": yt,
                       style: {
                         borderRadius: l - 1,
-                        cursor: o ? "pointer" : "default"
+                        cursor: s ? "pointer" : "default"
                       },
                       onMouseEnter: () => {
-                        o && H(!0);
+                        s && $(!0);
                       },
                       onMouseLeave: () => {
-                        o && H(!1);
+                        s && $(!1);
                       }
                     }
                   )
@@ -569,178 +571,179 @@ const mt = (r, t, e) => Math.min(e, Math.max(t, r)), he = "virtualscroll:tap-scr
             ]
           }
         ),
-        ue(1, It[1], gt[1])
+        zt(1, lt[1], Ft[1])
       ]
     }
   );
-}, yt = {
-  debug(r, ...t) {
-    process.env.NODE_ENV === "___" && console.debug(`[VirtualScroll] ${r}`, ...t);
+}, pt = {
+  debug(n, ...t) {
+    process.env.NODE_ENV === "___" && console.debug(`[VirtualScroll] ${n}`, ...t);
   },
-  warn(r, ...t) {
-    console.warn(`[VirtualScroll] ${r}`, ...t);
+  warn(n, ...t) {
+    console.warn(`[VirtualScroll] ${n}`, ...t);
   },
-  error(r, ...t) {
-    console.error(`[VirtualScroll] ${r}`, ...t);
+  error(n, ...t) {
+    console.error(`[VirtualScroll] ${n}`, ...t);
   }
-}, te = {
+}, re = {
   maxVelocity: 6,
   minVelocity: 0.02,
   deceleration: 25e-4,
   velocitySampleWindow: 90,
   startVelocityThreshold: 0.04
-}, ae = (r, t, e) => {
-  for (const [n, o, a] of t)
-    e === "add" ? r.addEventListener(n, o, a) : r.removeEventListener(n, o, a);
-}, on = ge(
+}, le = (n, t, e) => {
+  for (const [r, s, a] of t)
+    e === "add" ? n.addEventListener(r, s, a) : n.removeEventListener(r, s, a);
+}, sr = Ie(
   ({
-    children: r,
+    children: n,
     contentSize: t,
     viewportSize: e,
-    scrollBarWidth: n = 12,
-    enableThumbDrag: o = !0,
+    scrollBarWidth: r = 12,
+    enableThumbDrag: s = !0,
     enableTrackClick: a = !0,
     enableArrowButtons: u = !0,
-    enablePointerDrag: p = !0,
+    enablePointerDrag: m = !0,
     onScroll: l,
     className: d,
     style: c,
     background: f,
-    tapScrollCircleOptions: S,
-    inertiaOptions: b,
-    itemCount: _,
-    renderThumbOverlay: X,
-    wheelSpeedMultiplier: k = 1,
-    contentInsets: B,
-    visibleStartIndex: ht,
-    visibleEndIndex: H
-  }, F) => {
-    const C = w(0), L = w(null), R = w(null), N = w({
+    tapScrollCircleOptions: P,
+    inertiaOptions: v,
+    itemCount: N,
+    renderThumbOverlay: q,
+    wheelSpeedMultiplier: L = 1,
+    contentInsets: K,
+    visibleStartIndex: It,
+    visibleEndIndex: $,
+    renderOverlay: k
+  }, z) => {
+    const A = M(0), V = M(null), F = M(null), at = M({
       frame: null,
       velocity: 0,
       lastTimestamp: null
-    }), st = Dt(
+    }), G = kt(
       () => ({
-        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
+        maxVelocity: v?.maxVelocity ?? re.maxVelocity,
+        minVelocity: v?.minVelocity ?? re.minVelocity,
+        deceleration: v?.deceleration ?? re.deceleration,
+        velocitySampleWindow: v?.velocitySampleWindow ?? re.velocitySampleWindow,
+        startVelocityThreshold: v?.startVelocityThreshold ?? re.startVelocityThreshold
       }),
-      [b]
-    ), ut = Dt(() => ({
-      top: Math.max(0, B?.top ?? 0),
-      bottom: Math.max(0, B?.bottom ?? 0)
-    }), [B]);
-    yt.debug("[ScrollPane] ScrollPane rendered", {
+      [v]
+    ), Ct = kt(() => ({
+      top: Math.max(0, K?.top ?? 0),
+      bottom: Math.max(0, K?.bottom ?? 0)
+    }), [K]);
+    pt.debug("[ScrollPane] ScrollPane rendered", {
       contentSize: t,
       viewportSize: e,
-      scrollBarWidth: n,
+      scrollBarWidth: r,
       className: d,
       style: c,
-      tapScrollCircleOptions: S,
-      inertiaOptions: b,
-      enablePointerDrag: p,
-      contentInsets: ut
+      tapScrollCircleOptions: P,
+      inertiaOptions: v,
+      enablePointerDrag: m,
+      contentInsets: Ct
     });
-    const $ = w({ contentSize: t, viewportSize: e }), I = Dt(() => t > e, [t, e]), m = y(
-      (P) => {
-        const { contentSize: v, viewportSize: nt } = $.current, K = v > nt, Z = C.current;
-        if (yt.debug("[ScrollPane] scrollTo called", { newPosition: P, contentSize: v, viewportSize: nt, currentIsScrollable: K, prevPosition: Z }), !K)
-          return C.current !== 0 && (C.current = 0, l?.(0, Z)), C.current;
-        const pt = typeof P == "function" ? P(C.current) : P, rt = Math.max(v - nt, 0), at = mt(pt, 0, rt);
-        return C.current !== at && (C.current = at, l?.(at, Z)), C.current;
+    const I = M({ contentSize: t, viewportSize: e }), O = kt(() => t > e, [t, e]), g = C(
+      (T) => {
+        const { contentSize: S, viewportSize: J } = I.current, Q = S > J, st = A.current;
+        if (pt.debug("[ScrollPane] scrollTo called", { newPosition: T, contentSize: S, viewportSize: J, currentIsScrollable: Q, prevPosition: st }), !Q)
+          return A.current !== 0 && (A.current = 0, l?.(0, st)), A.current;
+        const bt = typeof T == "function" ? T(A.current) : T, nt = Math.max(S - J, 0), ft = xt(bt, 0, nt);
+        return A.current !== ft && (A.current = ft, l?.(ft, st)), A.current;
       },
       [l]
-    ), tt = y(() => {
-      const P = N.current;
-      P.frame !== null && cancelAnimationFrame(P.frame), P.frame = null, P.velocity = 0, P.lastTimestamp = null;
-    }, []), A = w(tt);
-    O(() => {
-      A.current = tt;
-    }, [tt]);
-    const et = y(
-      (P) => {
-        if (!I)
+    ), et = C(() => {
+      const T = at.current;
+      T.frame !== null && cancelAnimationFrame(T.frame), T.frame = null, T.velocity = 0, T.lastTimestamp = null;
+    }, []), w = M(et);
+    Y(() => {
+      w.current = et;
+    }, [et]);
+    const ut = C(
+      (T) => {
+        if (!O)
           return;
-        const { maxVelocity: v, minVelocity: nt, deceleration: K, startVelocityThreshold: Z } = st, pt = mt(P, -v, v);
-        if (Math.abs(pt) < Z)
+        const { maxVelocity: S, minVelocity: J, deceleration: Q, startVelocityThreshold: st } = G, bt = xt(T, -S, S);
+        if (Math.abs(bt) < st)
           return;
-        tt(), N.current.velocity = pt, N.current.lastTimestamp = null;
-        const rt = (at) => {
-          const ot = N.current;
-          if (ot.lastTimestamp === null) {
-            ot.lastTimestamp = at, ot.frame = requestAnimationFrame(rt);
+        et(), at.current.velocity = bt, at.current.lastTimestamp = null;
+        const nt = (ft) => {
+          const lt = at.current;
+          if (lt.lastTimestamp === null) {
+            lt.lastTimestamp = ft, lt.frame = requestAnimationFrame(nt);
             return;
           }
-          const It = at - ot.lastTimestamp;
-          if (ot.lastTimestamp = at, It <= 0) {
-            ot.frame = requestAnimationFrame(rt);
+          const Ft = ft - lt.lastTimestamp;
+          if (lt.lastTimestamp = ft, Ft <= 0) {
+            lt.frame = requestAnimationFrame(nt);
             return;
           }
-          const gt = ot.velocity;
-          let Tt = gt;
-          const wt = K * It;
-          gt > 0 ? Tt = Math.max(0, gt - wt) : gt < 0 && (Tt = Math.min(0, gt + wt));
-          const Ft = (gt + Tt) / 2 * It, h = C.current;
-          Ft !== 0 && m((bt) => bt + Ft);
-          const g = C.current, { contentSize: xt, viewportSize: J } = $.current, Y = Math.max(xt - J, 0);
-          ot.velocity = Tt;
-          const Vt = g === h || g <= 0 && Tt <= 0 || g >= Y && Tt >= 0;
-          if (Math.abs(Tt) < nt || Vt) {
-            tt();
+          const Pt = lt.velocity;
+          let ht = Pt;
+          const Rt = Q * Ft;
+          Pt > 0 ? ht = Math.max(0, Pt - Rt) : Pt < 0 && (ht = Math.min(0, Pt + Rt));
+          const St = (Pt + ht) / 2 * Ft, p = A.current;
+          St !== 0 && g((Vt) => Vt + St);
+          const y = A.current, { contentSize: it, viewportSize: B } = I.current, W = Math.max(it - B, 0);
+          lt.velocity = ht;
+          const At = y === p || y <= 0 && ht <= 0 || y >= W && ht >= 0;
+          if (Math.abs(ht) < J || At) {
+            et();
             return;
           }
-          ot.frame = requestAnimationFrame(rt);
+          lt.frame = requestAnimationFrame(nt);
         };
-        N.current.frame = requestAnimationFrame(rt);
+        at.current.frame = requestAnimationFrame(nt);
       },
-      [I, st, m, tt]
-    ), it = w(et);
-    O(() => {
-      it.current = et;
-    }, [et]), ne(() => {
-      $.current = { contentSize: t, viewportSize: e };
-    }, [t, e]), ne(() => {
-      const P = R.current;
-      if (!P) return;
-      const v = () => {
-        P.scrollTop !== 0 && (yt.debug("[ScrollPane] Native scroll detected, resetting to 0", { scrollTop: P.scrollTop }), P.scrollTop = 0), P.scrollLeft !== 0 && (P.scrollLeft = 0);
+      [O, G, g, et]
+    ), dt = M(ut);
+    Y(() => {
+      dt.current = ut;
+    }, [ut]), oe(() => {
+      I.current = { contentSize: t, viewportSize: e };
+    }, [t, e]), oe(() => {
+      const T = F.current;
+      if (!T) return;
+      const S = () => {
+        T.scrollTop !== 0 && (pt.debug("[ScrollPane] Native scroll detected, resetting to 0", { scrollTop: T.scrollTop }), T.scrollTop = 0), T.scrollLeft !== 0 && (T.scrollLeft = 0);
       };
-      return P.addEventListener("scroll", v), () => P.removeEventListener("scroll", v);
-    }, []), ne(() => {
-      if (I) {
-        yt.debug("[ScrollPane] Adjusting scroll position due to content or viewport size change", { contentSize: t, viewportSize: e, scrollPosition: C.current });
-        const P = mt(t - e, 0, t);
-        C.current > P && m(P);
+      return T.addEventListener("scroll", S), () => T.removeEventListener("scroll", S);
+    }, []), oe(() => {
+      if (O) {
+        pt.debug("[ScrollPane] Adjusting scroll position due to content or viewport size change", { contentSize: t, viewportSize: e, scrollPosition: A.current });
+        const T = xt(t - e, 0, t);
+        A.current > T && g(T);
       } else
-        m(0);
-    }, [I, m, t, e]), O(() => {
-      const P = (nt) => {
-        if (!I)
+        g(0);
+    }, [O, g, t, e]), Y(() => {
+      const T = (J) => {
+        if (!O)
           return;
-        nt.preventDefault(), tt();
-        let K = nt.deltaY;
-        nt.deltaMode === 1 ? K *= 16 : nt.deltaMode === 2 && (K *= e), k !== 1 && (K *= k), yt.debug("[ScrollPane] wheel event", { deltaY: K, scrollPosition: C.current, wheelSpeedMultiplier: k, deltaMode: nt.deltaMode, scrollTop: R.current?.scrollTop }), m((Z) => Z + K);
-      }, v = L.current;
-      return v && v.addEventListener("wheel", P, { passive: !1 }), () => {
-        v && v.removeEventListener("wheel", P);
+        J.preventDefault(), et();
+        let Q = J.deltaY;
+        J.deltaMode === 1 ? Q *= 16 : J.deltaMode === 2 && (Q *= e), L !== 1 && (Q *= L), pt.debug("[ScrollPane] wheel event", { deltaY: Q, scrollPosition: A.current, wheelSpeedMultiplier: L, deltaMode: J.deltaMode, scrollTop: F.current?.scrollTop }), g((st) => st + Q);
+      }, S = V.current;
+      return S && S.addEventListener("wheel", T, { passive: !1 }), () => {
+        S && S.removeEventListener("wheel", T);
       };
-    }, [I, m, tt, e, k]), xe(
-      F,
+    }, [O, g, et, e, L]), be(
+      z,
       () => ({
-        scrollTo: m,
-        getScrollPosition: () => C.current,
+        scrollTo: (T) => (et(), g(T)),
+        getScrollPosition: () => A.current,
         getContentSize: () => t,
         getViewportSize: () => e
       }),
-      [m, t, e]
+      [g, t, e, et]
     );
-    const At = w(m);
-    O(() => {
-      At.current = m;
-    }, [m]);
-    const W = Xe(), U = w({
+    const Tt = M(g);
+    Y(() => {
+      Tt.current = g;
+    }, [g]);
+    const rt = He(), X = M({
       pointerId: null,
       startClientY: 0,
       startScroll: 0,
@@ -748,199 +751,200 @@ const mt = (r, t, e) => Math.min(e, Math.max(t, r)), he = "virtualscroll:tap-scr
       shouldCancelNextClick: !1,
       clickResetTimer: null,
       velocitySamples: []
-    }), dt = w(p);
-    O(() => {
-      dt.current = p;
-    }, [p]);
-    const ft = w(I);
-    O(() => {
-      ft.current = I;
-    }, [I]);
-    const E = w(st);
-    return O(() => {
-      E.current = st;
-    }, [st]), O(() => {
-      if (p)
+    }), mt = M(m);
+    Y(() => {
+      mt.current = m;
+    }, [m]);
+    const vt = M(O);
+    Y(() => {
+      vt.current = O;
+    }, [O]);
+    const D = M(G);
+    return Y(() => {
+      D.current = G;
+    }, [G]), Y(() => {
+      if (m)
         return;
-      const P = R.current, v = U.current;
-      v.pointerId !== null && P && P.hasPointerCapture(v.pointerId) && P.releasePointerCapture(v.pointerId), v.clickResetTimer !== null && (window.clearTimeout(v.clickResetTimer), v.clickResetTimer = null), v.pointerId = null, v.startClientY = 0, v.startScroll = 0, v.isDragging = !1, v.shouldCancelNextClick = !1, v.velocitySamples = [];
-    }, [p]), O(() => {
-      const P = R.current;
-      if (!P)
+      const T = F.current, S = X.current;
+      S.pointerId !== null && T && T.hasPointerCapture(S.pointerId) && T.releasePointerCapture(S.pointerId), S.clickResetTimer !== null && (window.clearTimeout(S.clickResetTimer), S.clickResetTimer = null), S.pointerId = null, S.startClientY = 0, S.startScroll = 0, S.isDragging = !1, S.shouldCancelNextClick = !1, S.velocitySamples = [];
+    }, [m]), Y(() => {
+      const T = F.current;
+      if (!T)
         return;
-      const v = 6, nt = () => typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now(), K = () => {
-        const h = U.current;
-        h.pointerId = null, h.startClientY = 0, h.startScroll = 0, h.isDragging = !1, h.velocitySamples = [];
-      }, Z = () => {
-        const h = U.current;
-        h.clickResetTimer !== null && (window.clearTimeout(h.clickResetTimer), h.clickResetTimer = null);
-      }, pt = (h) => {
-        const g = U.current, xt = nt();
-        g.velocitySamples.push({ clientY: h, time: xt });
-        const J = E.current.velocitySampleWindow;
-        g.velocitySamples = g.velocitySamples.filter((Y) => xt - Y.time <= J);
-      }, rt = (h) => h instanceof HTMLElement && h.closest("[data-scrollpane-ignore-drag='true']") !== null, at = (h) => {
-        const g = U.current;
-        g.shouldCancelNextClick && (h.preventDefault(), h.stopPropagation(), g.shouldCancelNextClick = !1);
-      }, ot = (h) => {
-        const g = U.current;
-        g.isDragging || (g.isDragging = !0, g.shouldCancelNextClick = !0, P.hasPointerCapture(h.pointerId) || P.setPointerCapture(h.pointerId), pt(h.clientY));
-      }, It = (h) => {
-        const g = U.current;
-        if (g.pointerId !== h.pointerId || !(dt.current && ft.current) || !g.isDragging && (Math.abs(h.clientY - g.startClientY) < v || (ot(h), !g.isDragging)))
+      const S = 6, J = () => typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now(), Q = () => {
+        const p = X.current;
+        p.pointerId = null, p.startClientY = 0, p.startScroll = 0, p.isDragging = !1, p.velocitySamples = [];
+      }, st = () => {
+        const p = X.current;
+        p.clickResetTimer !== null && (window.clearTimeout(p.clickResetTimer), p.clickResetTimer = null);
+      }, bt = (p) => {
+        const y = X.current, it = J();
+        y.velocitySamples.push({ clientY: p, time: it });
+        const B = D.current.velocitySampleWindow;
+        y.velocitySamples = y.velocitySamples.filter((W) => it - W.time <= B);
+      }, nt = (p) => p instanceof HTMLElement && p.closest("[data-scrollpane-ignore-drag='true']") !== null, ft = (p) => {
+        const y = X.current;
+        y.shouldCancelNextClick && (p.preventDefault(), p.stopPropagation(), y.shouldCancelNextClick = !1);
+      }, lt = (p) => {
+        const y = X.current;
+        y.isDragging || (y.isDragging = !0, y.shouldCancelNextClick = !0, T.hasPointerCapture(p.pointerId) || T.setPointerCapture(p.pointerId), bt(p.clientY));
+      }, Ft = (p) => {
+        const y = X.current;
+        if (y.pointerId !== p.pointerId || !(mt.current && vt.current) || !y.isDragging && (Math.abs(p.clientY - y.startClientY) < S || (lt(p), !y.isDragging)))
           return;
-        pt(h.clientY);
-        const xt = h.clientY - g.startClientY, J = g.startScroll - xt;
-        At.current(J), h.cancelable && h.preventDefault();
-      }, gt = (h) => {
-        const g = U.current;
-        if (g.pointerId !== h.pointerId)
+        bt(p.clientY);
+        const it = p.clientY - y.startClientY, B = y.startScroll - it;
+        Tt.current(B), p.cancelable && p.preventDefault();
+      }, Pt = (p) => {
+        const y = X.current;
+        if (y.pointerId !== p.pointerId)
           return;
-        g.isDragging && g.shouldCancelNextClick && h.cancelable && (h.preventDefault(), h.stopPropagation()), P.hasPointerCapture(h.pointerId) && P.releasePointerCapture(h.pointerId);
-        let xt = 0;
-        if (g.isDragging && g.velocitySamples.length >= 2) {
-          const Y = g.velocitySamples, Vt = E.current.velocitySampleWindow, bt = Y[Y.length - 1], Et = Y.find((Pt) => bt.time - Pt.time <= Vt) ?? Y[0];
-          if (bt && Et && bt.time !== Et.time) {
-            const Pt = bt.clientY - Et.clientY, Nt = bt.time - Et.time;
-            xt = -(Pt / Nt);
+        y.isDragging && y.shouldCancelNextClick && p.cancelable && (p.preventDefault(), p.stopPropagation()), T.hasPointerCapture(p.pointerId) && T.releasePointerCapture(p.pointerId);
+        let it = 0;
+        if (y.isDragging && y.velocitySamples.length >= 2) {
+          const W = y.velocitySamples, At = D.current.velocitySampleWindow, Vt = W[W.length - 1], H = W.find((Ht) => Vt.time - Ht.time <= At) ?? W[0];
+          if (Vt && H && Vt.time !== H.time) {
+            const Ht = Vt.clientY - H.clientY, yt = Vt.time - H.time;
+            it = -(Ht / yt);
           }
         }
-        Z(), g.shouldCancelNextClick && (g.clickResetTimer = window.setTimeout(() => {
-          const Y = U.current;
-          Y.shouldCancelNextClick = !1, Y.clickResetTimer = null;
+        st(), y.shouldCancelNextClick && (y.clickResetTimer = window.setTimeout(() => {
+          const W = X.current;
+          W.shouldCancelNextClick = !1, W.clickResetTimer = null;
         }, 0));
-        const J = E.current.startVelocityThreshold;
-        K(), Math.abs(xt) >= J && it.current?.(xt);
-      }, Tt = (h) => {
-        if (!(dt.current && ft.current) || h.button !== 0 && h.pointerType === "mouse" || h.ctrlKey || h.metaKey || h.altKey || rt(h.target))
+        const B = D.current.startVelocityThreshold;
+        Q(), Math.abs(it) >= B && dt.current?.(it);
+      }, ht = (p) => {
+        if (!(mt.current && vt.current) || p.button !== 0 && p.pointerType === "mouse" || p.ctrlKey || p.metaKey || p.altKey || nt(p.target))
           return;
-        window.dispatchEvent(new CustomEvent(he, { detail: { paneId: W } })), A.current?.();
-        const g = U.current;
-        Z(), g.pointerId = h.pointerId, g.startClientY = h.clientY, g.startScroll = C.current, g.isDragging = !1, g.shouldCancelNextClick = !1, g.velocitySamples = [];
-      }, wt = (h) => {
-        const g = U.current;
-        g.pointerId === h.pointerId && (g.shouldCancelNextClick = !1, P.hasPointerCapture(h.pointerId) && P.releasePointerCapture(h.pointerId), Z(), K());
-      }, _t = [
-        ["click", at, !0],
-        ["pointerdown", Tt, { passive: !1 }],
-        ["pointermove", It, { passive: !1 }],
-        ["pointerup", gt, void 0],
-        ["pointercancel", wt, void 0]
-      ], Ft = [
-        ["pointermove", It, { passive: !1 }],
-        ["pointerup", gt, void 0],
-        ["pointercancel", wt, void 0]
+        window.dispatchEvent(new CustomEvent(xe, { detail: { paneId: rt } })), w.current?.();
+        const y = X.current;
+        st(), y.pointerId = p.pointerId, y.startClientY = p.clientY, y.startScroll = A.current, y.isDragging = !1, y.shouldCancelNextClick = !1, y.velocitySamples = [];
+      }, Rt = (p) => {
+        const y = X.current;
+        y.pointerId === p.pointerId && (y.shouldCancelNextClick = !1, T.hasPointerCapture(p.pointerId) && T.releasePointerCapture(p.pointerId), st(), Q());
+      }, Lt = [
+        ["click", ft, !0],
+        ["pointerdown", ht, { passive: !1 }],
+        ["pointermove", Ft, { passive: !1 }],
+        ["pointerup", Pt, void 0],
+        ["pointercancel", Rt, void 0]
+      ], St = [
+        ["pointermove", Ft, { passive: !1 }],
+        ["pointerup", Pt, void 0],
+        ["pointercancel", Rt, void 0]
       ];
-      return ae(P, _t, "add"), ae(window, Ft, "add"), () => {
-        ae(P, _t, "remove"), ae(window, Ft, "remove");
-        const h = U.current;
-        h.pointerId !== null && P.hasPointerCapture(h.pointerId) && P.releasePointerCapture(h.pointerId), Z(), K();
+      return le(T, Lt, "add"), le(window, St, "add"), () => {
+        le(T, Lt, "remove"), le(window, St, "remove");
+        const p = X.current;
+        p.pointerId !== null && T.hasPointerCapture(p.pointerId) && T.releasePointerCapture(p.pointerId), st(), Q();
       };
-    }, [W]), /* @__PURE__ */ Jt("div", { ref: L, className: Zt("flex", d), style: c, children: [
-      /* @__PURE__ */ Jt(
+    }, [rt]), /* @__PURE__ */ te("div", { ref: V, className: Qt("relative flex", d), style: c, children: [
+      /* @__PURE__ */ te(
         "div",
         {
-          ref: R,
-          className: Zt("relative h-full flex-1 overflow-hidden"),
+          ref: F,
+          className: Qt("relative h-full flex-1 overflow-hidden"),
           style: {
             height: e,
-            paddingTop: ut.top,
-            paddingBottom: ut.bottom,
-            ...p ? { touchAction: "none" } : {}
+            paddingTop: Ct.top,
+            paddingBottom: Ct.bottom,
+            ...m ? { touchAction: "none" } : {}
           },
-          id: W,
+          id: rt,
           children: [
             f,
-            r(C.current)
+            n(A.current)
           ]
         }
       ),
-      I && /* @__PURE__ */ Q(
-        rn,
+      O && /* @__PURE__ */ U(
+        or,
         {
           contentSize: t,
           viewportSize: e,
-          scrollPosition: C.current,
-          onScroll: m,
-          enableThumbDrag: o,
+          scrollPosition: A.current,
+          onScroll: g,
+          enableThumbDrag: s,
           enableTrackClick: a,
           enableArrowButtons: u,
-          scrollBarWidth: n,
-          ariaControls: W,
-          tapScrollCircleOptions: S,
-          itemCount: _,
-          renderThumbOverlay: X,
-          visibleStartIndex: ht,
-          visibleEndIndex: H
+          scrollBarWidth: r,
+          ariaControls: rt,
+          tapScrollCircleOptions: P,
+          itemCount: N,
+          renderThumbOverlay: q,
+          visibleStartIndex: It,
+          visibleEndIndex: $
         }
-      )
+      ),
+      k?.()
     ] });
   }
-), Se = (r, t, e) => Math.min(Math.max(r, t), e), Pn = ({ dragState: r, normalizedDistance: t, sizeScale: e, size: n }) => {
-  const o = Math.max(n / 2, 1), a = 1 + t * 0.65, u = Math.max(0.65, 1 - t * 0.25), p = r.direction * t * 26 * e, l = 0.8 + t * 0.18, d = 3 * e, c = 6 * e, f = 22 * e, S = Math.abs(p) + c, b = p > 0 ? d : -Math.abs(p) - d, _ = Math.max(2.5, 3 * e), X = Se(r.offsetX, -o, o), k = Se(r.offsetY, -o, o), B = o * 0.35, ht = X / o * B, H = k / o * B, F = ht * 0.45, C = H * 0.45, L = Math.max(f * 0.38, 6), R = 0.65 + t * 0.2, N = r.active;
-  return /* @__PURE__ */ Jt(we, { children: [
-    /* @__PURE__ */ Q(
+), ye = (n, t, e) => Math.min(Math.max(n, t), e), Tr = ({ dragState: n, normalizedDistance: t, sizeScale: e, size: r }) => {
+  const s = Math.max(r / 2, 1), a = 1 + t * 0.65, u = Math.max(0.65, 1 - t * 0.25), m = n.direction * t * 26 * e, l = 0.8 + t * 0.18, d = 3 * e, c = 6 * e, f = 22 * e, P = Math.abs(m) + c, v = m > 0 ? d : -Math.abs(m) - d, N = Math.max(2.5, 3 * e), q = ye(n.offsetX, -s, s), L = ye(n.offsetY, -s, s), K = s * 0.35, It = q / s * K, $ = L / s * K, k = It * 0.45, z = $ * 0.45, A = Math.max(f * 0.38, 6), V = 0.65 + t * 0.2, F = n.active;
+  return /* @__PURE__ */ te(Re, { children: [
+    /* @__PURE__ */ U(
       "div",
       {
         className: "aqvs:tap-scroll-circle-gradient absolute inset-0 rounded-full border border-white/40 shadow-md",
         style: {
           transform: `scale(${u}, ${a})`,
-          transition: N ? "40ms transform ease-out" : "200ms ease transform"
+          transition: F ? "40ms transform ease-out" : "200ms ease transform"
         }
       }
     ),
-    /* @__PURE__ */ Q(
+    /* @__PURE__ */ U(
       "div",
       {
         className: "absolute top-1/2 left-1/2 rounded-full border border-white/50 bg-white/85",
         style: {
           width: f,
           height: f,
-          transform: `translate(calc(-50% + ${ht}px), calc(-50% + ${H}px)) scale(${u}, ${l * a})`,
-          transition: N ? "70ms transform ease-out" : "200ms ease transform"
+          transform: `translate(calc(-50% + ${It}px), calc(-50% + ${$}px)) scale(${u}, ${l * a})`,
+          transition: F ? "70ms transform ease-out" : "200ms ease transform"
         }
       }
     ),
-    /* @__PURE__ */ Q(
+    /* @__PURE__ */ U(
       "div",
       {
         className: "absolute top-1/2 left-1/2 rounded-full bg-white/80",
         style: {
-          width: L,
-          height: L,
-          transform: `translate(calc(-50% + ${F}px), calc(-50% + ${C}px)) scale(${u}, ${a})`,
-          opacity: R,
+          width: A,
+          height: A,
+          transform: `translate(calc(-50% + ${k}px), calc(-50% + ${z}px)) scale(${u}, ${a})`,
+          opacity: V,
           boxShadow: "0 0 8px rgba(255,255,255,0.45)",
-          transition: N ? "120ms opacity 150ms, 120ms transform ease-out ease-out" : "220ms ease transform, 240ms opacity ease"
+          transition: F ? "120ms opacity 150ms, 120ms transform ease-out ease-out" : "220ms ease transform, 240ms opacity ease"
         }
       }
     ),
-    /* @__PURE__ */ Q(
+    /* @__PURE__ */ U(
       "div",
       {
         className: "absolute top-1/2 left-1/2 rounded-full bg-white/50",
         style: {
-          width: _,
-          height: S,
-          transform: `translate(-50%, ${b}px)`,
+          width: N,
+          height: P,
+          transform: `translate(-50%, ${v}px)`,
           opacity: t,
-          transition: N ? "40ms height, 60ms opacity ease-out ease-out" : "200ms ease height, 120ms ease opacity"
+          transition: F ? "40ms height, 60ms opacity ease-out ease-out" : "200ms ease height, 120ms ease opacity"
         }
       }
     )
   ] });
-}, sn = (r) => {
-  if (!Number.isFinite(r))
+}, ir = (n) => {
+  if (!Number.isFinite(n))
     return 0n;
-  const t = Math.trunc(r);
+  const t = Math.trunc(n);
   return t <= 0 ? 0n : BigInt(t);
-}, le = (r) => {
-  if (r <= 0 || !Number.isFinite(r))
+}, ce = (n) => {
+  if (n <= 0 || !Number.isFinite(n))
     return 0;
-  const t = Math.trunc(r), e = BigInt(t) & -BigInt(t);
+  const t = Math.trunc(n), e = BigInt(t) & -BigInt(t);
   return Number(e);
 };
-class an {
+class ar {
   /**
    * @private
    * @property {Map<number, number>} tree - The Map storing the Fenwick tree structure, specifically the sums of deltas. It is 1-indexed.
@@ -980,8 +984,8 @@ class an {
    * @param {number | ((index: number) => number)} valueOrFn - The value for all elements, or a function to generate values.
    * @param {{ sampleRange?: { from: number; to: number }, materialize?: boolean }} [options] - Optional settings for initialization.
    */
-  constructor(t, e, n) {
-    this.reset(t, e, n);
+  constructor(t, e, r) {
+    this.reset(t, e, r);
   }
   /**
    * @method reset
@@ -991,16 +995,16 @@ class an {
    * @param {number | ((index: number) => number)} valueOrFn - The value for all elements, or a function to generate values.
    * @param {{ sampleRange?: { from: number; to: number }, materialize?: boolean }} [options] - Optional settings for initialization.
    */
-  reset(t, e, n) {
+  reset(t, e, r) {
     if (this.size = t, this.tree = /* @__PURE__ */ new Map(), this.deltas = /* @__PURE__ */ new Map(), this.total = void 0, typeof e == "function") {
       if (this.valueFn = e, this.size > 0) {
-        const a = n?.sampleRange ?? {
+        const a = r?.sampleRange ?? {
           from: 0,
           to: Math.min(99, this.size - 1)
-        }, { mode: u, materializedValues: p } = this._calculateMode(a.from, a.to);
-        if (this.baseValue = u, n?.materialize)
-          for (let l = 0; l < p.length; l++) {
-            const d = p[l], c = a.from + l;
+        }, { mode: u, materializedValues: m } = this._calculateMode(a.from, a.to);
+        if (this.baseValue = u, r?.materialize)
+          for (let l = 0; l < m.length; l++) {
+            const d = m[l], c = a.from + l;
             if (c >= this.size)
               break;
             const f = d - this.baseValue;
@@ -1033,30 +1037,30 @@ class an {
   _calculateMode(t, e) {
     if (!this.valueFn)
       return { mode: 0, materializedValues: [] };
-    const n = [];
+    const r = [];
     for (let d = t; d <= e && !(d >= this.size); d++)
-      n.push(this.valueFn(d));
-    const o = [...n];
-    if (n.length === 0)
+      r.push(this.valueFn(d));
+    const s = [...r];
+    if (r.length === 0)
       return { mode: 0, materializedValues: [] };
-    n.sort((d, c) => d - c);
-    const a = Math.floor(n.length / 2);
+    r.sort((d, c) => d - c);
+    const a = Math.floor(r.length / 2);
     let u;
-    n.length % 2 === 0 ? u = Math.floor((n[a - 1] + n[a]) / 2) : u = n[a];
-    const p = /* @__PURE__ */ new Map();
+    r.length % 2 === 0 ? u = Math.floor((r[a - 1] + r[a]) / 2) : u = r[a];
+    const m = /* @__PURE__ */ new Map();
     let l = 0;
-    for (const d of n) {
-      const c = (p.get(d) ?? 0) + 1;
-      p.set(d, c), c > l && (l = c);
+    for (const d of r) {
+      const c = (m.get(d) ?? 0) + 1;
+      m.set(d, c), c > l && (l = c);
     }
-    if (l > n.length * 0.2) {
+    if (l > r.length * 0.2) {
       const d = [];
-      for (const [f, S] of p.entries())
-        S === l && d.push(f);
-      const c = d.reduce((f, S) => f + S, 0);
+      for (const [f, P] of m.entries())
+        P === l && d.push(f);
+      const c = d.reduce((f, P) => f + P, 0);
       u = Math.floor(c / d.length);
     }
-    return { mode: u, materializedValues: o };
+    return { mode: u, materializedValues: s };
   }
   /**
    * @method update
@@ -1095,11 +1099,11 @@ class an {
    * @param {DeltaUpdate[]} updates - An array of updates, each with an index and the change to apply.
    */
   updateDeltas(t) {
-    for (const { index: e, change: n } of t) {
+    for (const { index: e, change: r } of t) {
       if (e < 0 || e >= this.size)
         throw new Error(`Index ${e} out of bounds`);
-      const o = this.deltas.get(e) ?? 0;
-      this.deltas.set(e, o + n), this._updateTree(e, n);
+      const s = this.deltas.get(e) ?? 0;
+      this.deltas.set(e, s + r), this._updateTree(e, r);
     }
     return this.total;
   }
@@ -1114,13 +1118,13 @@ class an {
   _updateTree(t, e) {
     if (e === 0)
       return;
-    let n = t + 1;
-    for (; n <= this.size; ) {
-      this.tree.set(n, (this.tree.get(n) ?? 0) + e);
-      const o = le(n);
-      if (o === 0)
+    let r = t + 1;
+    for (; r <= this.size; ) {
+      this.tree.set(r, (this.tree.get(r) ?? 0) + e);
+      const s = ce(r);
+      if (s === 0)
         break;
-      n += o;
+      r += s;
     }
     this.total !== void 0 && (this.total += e);
   }
@@ -1134,13 +1138,13 @@ class an {
    */
   _buildDeltaUpdates(t) {
     const e = [];
-    for (const { index: n, value: o } of t) {
-      if (n < 0 || n >= this.size)
-        throw new Error(`Index ${n} out of bounds`);
-      if (o < 0)
+    for (const { index: r, value: s } of t) {
+      if (r < 0 || r >= this.size)
+        throw new Error(`Index ${r} out of bounds`);
+      if (s < 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(r) ? (this.deltas.get(r) ?? 0) + this.baseValue : this.baseValue, u = s - a;
+      u !== 0 && e.push({ index: r, change: u });
     }
     return e;
   }
@@ -1157,10 +1161,10 @@ class an {
     let t = 0, e = this.size;
     for (; e > 0; ) {
       t += this.tree.get(e) ?? 0;
-      const n = le(e);
-      if (n === 0)
+      const r = ce(e);
+      if (r === 0)
         break;
-      e -= n;
+      e -= r;
     }
     return t + this.baseValue * this.size;
   }
@@ -1174,9 +1178,9 @@ class an {
    */
   _materialize(t, e = !0) {
     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;
+      const r = this.deltas.get(t) ?? 0, a = this.valueFn(t) - this.baseValue;
+      if (a !== r && (this.deltas.set(t, a), e)) {
+        const u = a - r;
         this._updateTree(t, u);
       }
     }
@@ -1190,23 +1194,23 @@ class an {
    * @param {number | undefined} index - Target index for materialization.
    * @param {boolean} [forceIndex=false] - When true, materializes the index even if it is outside the provided ranges.
    */
-  _materializeRanges(t, e, n = !1) {
+  _materializeRanges(t, e, r = !1) {
     if (!(t?.materialize && this.valueFn))
       return;
-    const o = t.ranges;
-    if (o && o.length > 0) {
-      for (const p of o) {
-        const l = p.from, d = Math.min(p.to, this.size - 1);
+    const s = t.ranges;
+    if (s && s.length > 0) {
+      for (const m of s) {
+        const l = m.from, d = Math.min(m.to, this.size - 1);
         for (let c = l; c <= d; c++)
           this._materialize(c);
       }
       if (e === void 0)
         return;
-      if (n) {
+      if (r) {
         this._materialize(e);
         return;
       }
-      const a = o[0].from, u = o[o.length - 1].to;
+      const a = s[0].from, u = s[s.length - 1].to;
       e >= a && e <= u && this._materialize(e);
       return;
     }
@@ -1222,17 +1226,17 @@ class an {
    * @param {boolean} chooseLowerBound - When true, finds the smallest index meeting or exceeding the target; otherwise finds the largest index not exceeding it.
    * @returns {{ index: number; total: number | undefined; cumulative: number | undefined; currentValue: number | undefined; safeIndex: number | undefined }} Binary search result.
    */
-  _findIndex(t, e = {}, n) {
+  _findIndex(t, e = {}, r) {
     if (this.size >= Number.MAX_SAFE_INTEGER)
-      return this._findIndexLarge(t, e, n);
+      return this._findIndexLarge(t, e, r);
     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, p, l, d = this.total;
-    for (; o <= a; ) {
-      const f = Math.floor((o + a) / 2);
-      p = this.prefixSum(f, e), d = p.total, (n ? p.cumulative >= t : p.cumulative <= t) ? (u = f, l = p, n ? a = f - 1 : o = f + 1) : n ? o = f + 1 : a = f - 1;
+    let s = 0, a = this.size - 1, u = -1, m, l, d = this.total;
+    for (; s <= a; ) {
+      const f = Math.floor((s + a) / 2);
+      m = this.prefixSum(f, e), d = m.total, (r ? m.cumulative >= t : m.cumulative <= t) ? (u = f, l = m, r ? a = f - 1 : s = f + 1) : r ? s = f + 1 : a = f - 1;
     }
-    const c = l ?? p;
+    const c = l ?? m;
     return { index: u, total: d, cumulative: c?.cumulative, currentValue: c?.currentValue, safeIndex: c?.safeIndex };
   }
   /**
@@ -1240,33 +1244,33 @@ class an {
    *
    * 非常に大きなサイズに対して bigint 演算を用いた二分探索を実施。
    */
-  _findIndexLarge(t, e, n) {
+  _findIndexLarge(t, e, r) {
     if (this.size === 0)
       return { index: -1, total: this.total ?? 0, cumulative: void 0, currentValue: void 0, safeIndex: void 0 };
-    const o = sn(this.size);
-    if (o === 0n)
+    const s = ir(this.size);
+    if (s === 0n)
       return { index: -1, total: this.total ?? 0, cumulative: void 0, currentValue: void 0, safeIndex: void 0 };
-    let a = 0n, u = o - 1n, p, l, d, c = this.total;
+    let a = 0n, u = s - 1n, m, l, d, c = this.total;
     for (; a <= u; ) {
-      const b = a + u >> 1n, _ = Number(b), X = this.prefixSum(_, e);
-      if (d = X, c = X.total, n ? X.cumulative >= t : X.cumulative <= t)
-        if (p = b, l = X, n) {
-          if (b === 0n)
+      const v = a + u >> 1n, N = Number(v), q = this.prefixSum(N, e);
+      if (d = q, c = q.total, r ? q.cumulative >= t : q.cumulative <= t)
+        if (m = v, l = q, r) {
+          if (v === 0n)
             break;
-          u = b - 1n;
+          u = v - 1n;
         } else
-          a = b + 1n;
-      else if (n)
-        a = b + 1n;
+          a = v + 1n;
+      else if (r)
+        a = v + 1n;
       else {
-        if (b === 0n)
+        if (v === 0n)
           break;
-        u = b - 1n;
+        u = v - 1n;
       }
     }
     const f = l ?? d;
     return {
-      index: p !== void 0 ? Number(p) : -1,
+      index: m !== void 0 ? Number(m) : -1,
       total: c,
       cumulative: f?.cumulative,
       currentValue: f?.currentValue,
@@ -1284,19 +1288,19 @@ class an {
   prefixSum(t, e) {
     if (t < 0)
       return { cumulative: 0, total: this.total, currentValue: 0, safeIndex: 0 };
-    const n = mt(t, 0, this.size - 1), o = e?.materializeOption;
-    this._materializeRanges(o, n, !0);
-    let a = 0, u = n + 1;
+    const r = xt(t, 0, this.size - 1), s = e?.materializeOption;
+    this._materializeRanges(s, r, !0);
+    let a = 0, u = r + 1;
     for (; u > 0; ) {
       const l = this.tree.get(u) ?? 0;
       a += l;
-      const d = le(u);
+      const d = ce(u);
       if (d === 0)
         break;
       u -= d;
     }
-    const p = o?.materialize ? this.get(n) : (this.deltas.get(n) || 0) + this.baseValue;
-    return { cumulative: a + this.baseValue * (n + 1), total: this.total, currentValue: p, safeIndex: n };
+    const m = s?.materialize ? this.get(r) : (this.deltas.get(r) || 0) + this.baseValue;
+    return { cumulative: a + this.baseValue * (r + 1), total: this.total, currentValue: m, safeIndex: r };
   }
   /**
    * @method get
@@ -1309,8 +1313,8 @@ class an {
   get(t, e) {
     if (t < 0 || t >= this.size)
       throw new Error("Index out of bounds");
-    const n = e?.materializeOption;
-    return this._materializeRanges(n, t), (this.deltas.get(t) ?? 0) + this.baseValue;
+    const r = e?.materializeOption;
+    return this._materializeRanges(r, t), (this.deltas.get(t) ?? 0) + this.baseValue;
   }
   /**
    * @method getTotal
@@ -1326,8 +1330,8 @@ class an {
         this.total = 0;
       else {
         this.total = this._computeTreeTotal();
-        const n = this.prefixSum(this.getSize() - 1);
-        console.assert(n.cumulative === n.total, "Inconsistent Fenwick Tree state");
+        const r = this.prefixSum(this.getSize() - 1);
+        console.assert(r.cumulative === r.total, "Inconsistent Fenwick Tree state");
       }
     return this.total;
   }
@@ -1340,18 +1344,18 @@ class an {
    */
   rebuildTree(t) {
     if (t?.materialize && this.valueFn) {
-      const n = this.valueFn;
-      this.reset(this.size, (o) => n(o), { materialize: !0 });
+      const r = this.valueFn;
+      this.reset(this.size, (s) => r(s), { materialize: !0 });
       return;
     }
     const e = /* @__PURE__ */ new Map();
-    for (const [n, o] of this.deltas.entries()) {
-      if (o === 0)
+    for (const [r, s] of this.deltas.entries()) {
+      if (s === 0)
         continue;
-      let a = n + 1;
+      let a = r + 1;
       for (; a <= this.size; ) {
-        e.set(a, (e.get(a) ?? 0) + o);
-        const u = le(a);
+        e.set(a, (e.get(a) ?? 0) + s);
+        const u = ce(a);
         if (u === 0)
           break;
         a += u;
@@ -1384,11 +1388,11 @@ class an {
     if (t === e)
       return;
     if (t < e)
-      for (const o of this.deltas.keys())
-        o >= t && this.deltas.delete(o);
+      for (const s of this.deltas.keys())
+        s >= t && this.deltas.delete(s);
     this.size = t, this.rebuildTree();
-    const n = this.prefixSum(this.getSize() - 1);
-    console.assert(n.cumulative === n.total, "Inconsistent Fenwick Tree state");
+    const r = this.prefixSum(this.getSize() - 1);
+    console.assert(r.cumulative === r.total, "Inconsistent Fenwick Tree state");
   }
   /**
    * @method getSize
@@ -1428,11 +1432,11 @@ class an {
     return this._findIndex(t, e ?? {}, !1);
   }
 }
-const ln = (r, t, e) => {
-  const n = Math.max(0, r), o = w(null), a = Dt(() => new an(n, t, e), [n, t, e]);
-  return Object.is(o.current, a) || console.warn("[useFenwickMapTree] instance changed"), o.current = a, a;
+const lr = (n, t, e) => {
+  const r = Math.max(0, n), s = M(null), a = kt(() => new ar(r, t, e), [r, t, e]);
+  return Object.is(s.current, a) || console.warn("[useFenwickMapTree] instance changed"), s.current = a, a;
 };
-class cn {
+class cr {
   key;
   value;
   prev = null;
@@ -1441,7 +1445,7 @@ class cn {
     this.key = t, this.value = e;
   }
 }
-class ve {
+class Me {
   head = null;
   tail = null;
   /**
@@ -1482,137 +1486,137 @@ class ve {
     this.remove(t), this.addToTail(t);
   }
 }
-function un(r) {
-  const t = w(/* @__PURE__ */ new Map()), e = w(new ve());
-  O(() => {
-    for (; t.current.size > r; ) {
+function ur(n) {
+  const t = M(/* @__PURE__ */ new Map()), e = M(new Me());
+  Y(() => {
+    for (; t.current.size > n; ) {
       const c = e.current.removeHead();
       if (c)
         t.current.delete(c.key);
       else
         break;
     }
-  }, [r]);
-  const n = y((c) => {
+  }, [n]);
+  const r = C((c) => {
     const f = t.current.get(c);
     if (f)
       return e.current.moveToTail(f), f.value;
-  }, []), o = y(
+  }, []), s = C(
     (c, f) => {
-      if (r <= 0)
+      if (n <= 0)
         return;
-      let S = t.current.get(c);
-      if (S)
-        S.value = f, e.current.moveToTail(S);
+      let P = t.current.get(c);
+      if (P)
+        P.value = f, e.current.moveToTail(P);
       else {
-        if (t.current.size >= r) {
-          const b = e.current.removeHead();
-          b && t.current.delete(b.key);
+        if (t.current.size >= n) {
+          const v = e.current.removeHead();
+          v && t.current.delete(v.key);
         }
-        S = new cn(c, f), t.current.set(c, S), e.current.addToTail(S);
+        P = new cr(c, f), t.current.set(c, P), e.current.addToTail(P);
       }
     },
-    [r]
-  ), a = y((c) => t.current.has(c), []), u = y((c) => {
+    [n]
+  ), a = C((c) => t.current.has(c), []), u = C((c) => {
     const f = t.current.get(c);
     f && (e.current.remove(f), t.current.delete(c));
-  }, []), p = y(() => {
-    t.current.clear(), e.current = new ve();
-  }, []), [l, d] = Xt(() => ({ get: n, set: o, has: a, remove: u, clear: p }));
-  return O(() => d({ get: n, set: o, has: a, remove: u, clear: p }), [n, o, a, u, p]), l;
+  }, []), m = C(() => {
+    t.current.clear(), e.current = new Me();
+  }, []), [l, d] = Nt(() => ({ get: r, set: s, has: a, remove: u, clear: m }));
+  return Y(() => d({ get: r, set: s, has: a, remove: u, clear: m }), [r, s, a, u, m]), l;
 }
-const dn = 1e4, Sn = () => {
-  const { get: r, set: t, has: e, clear: n } = un(dn);
-  return { get: r, set: t, has: e, clear: n };
-}, ct = (r, t) => t <= 0 ? 0 : mt(r, 0, t - 1), fn = (r) => ({
-  top: Math.max(0, r?.top ?? 0),
-  bottom: Math.max(0, r?.bottom ?? 0)
-}), Wt = (r, t) => r <= t ? 0 : r - t, ee = (r, t) => r <= 0 ? t : r + t, Me = (r) => {
-  if (!Number.isFinite(r))
+const dr = 1e4, vr = () => {
+  const { get: n, set: t, has: e, clear: r } = ur(dr);
+  return { get: n, set: t, has: e, clear: r };
+}, ct = (n, t) => t <= 0 ? 0 : xt(n, 0, t - 1), fr = (n) => ({
+  top: Math.max(0, n?.top ?? 0),
+  bottom: Math.max(0, n?.bottom ?? 0)
+}), jt = (n, t) => n <= t ? 0 : n - t, ne = (n, t) => n <= 0 ? t : n + t, we = (n) => {
+  if (!Number.isFinite(n))
     return 0n;
-  const t = Math.trunc(r);
+  const t = Math.trunc(n);
   return t <= 0 ? 0n : BigInt(t);
-}, pn = (r, t, e, n, o, a, u, p) => {
-  const l = Me(n);
+}, pr = (n, t, e, r, s, a, u, m) => {
+  const l = we(r);
   if (l === 0n)
     return { renderingStartIndex: 0, renderingEndIndex: 0, visibleStartIndex: 0, visibleEndIndex: 0 };
-  const d = (F) => F < 0n ? 0n : F >= l ? l - 1n : F, c = { materializeOption: { materialize: !1 } }, { index: f } = a.findIndexAtOrAfter(r, c);
-  let S;
-  f === -1 ? S = l - 1n : (S = Me(f), S >= l && (S = l - 1n)), r <= 0 && (S = 0n), p && r >= u && (S = l - 1n);
-  const b = (F) => {
-    let C = 0, L = F, R = F, N = 0n;
-    for (; L < l && C < t; ) {
-      const st = Number(L), ut = o(st);
-      if (C += ut, R = L, L += 1n, N += 1n, !Number.isFinite(ut) || ut <= 0)
+  const d = (k) => k < 0n ? 0n : k >= l ? l - 1n : k, c = { materializeOption: { materialize: !1 } }, { index: f } = a.findIndexAtOrAfter(n, c);
+  let P;
+  f === -1 ? P = l - 1n : (P = we(f), P >= l && (P = l - 1n)), n <= 0 && (P = 0n), m && n >= u && (P = l - 1n);
+  const v = (k) => {
+    let z = 0, A = k, V = k, F = 0n;
+    for (; A < l && z < t; ) {
+      const at = Number(A), G = s(at);
+      if (z += G, V = A, A += 1n, F += 1n, !Number.isFinite(G) || G <= 0)
         break;
     }
-    return N === 0n && (R = F), { height: C, end: R };
+    return F === 0n && (V = k), { height: z, end: V };
   };
-  let { height: _, end: X } = b(S);
-  if (_ < t && S > 0n) {
-    let F = S, C = _;
-    for (; F > 0n && C < t; ) {
-      F -= 1n;
-      const R = Number(F), N = o(R);
-      if (C += N, !Number.isFinite(N) || N <= 0)
+  let { height: N, end: q } = v(P);
+  if (N < t && P > 0n) {
+    let k = P, z = N;
+    for (; k > 0n && z < t; ) {
+      k -= 1n;
+      const V = Number(k), F = s(V);
+      if (z += F, !Number.isFinite(F) || F <= 0)
         break;
     }
-    S = d(F);
-    const L = b(S);
-    _ = L.height, X = L.end;
+    P = d(k);
+    const A = v(P);
+    N = A.height, q = A.end;
   }
-  const k = d(S), B = d(X), ht = d(k - BigInt(Math.max(0, e))), H = d(B + BigInt(Math.max(0, e)));
+  const L = d(P), K = d(q), It = d(L - BigInt(Math.max(0, e))), $ = d(K + BigInt(Math.max(0, e)));
   return {
-    renderingStartIndex: ct(Number(ht), n),
-    renderingEndIndex: ct(Number(H), n),
-    visibleStartIndex: ct(Number(k), n),
-    visibleEndIndex: ct(Number(B), n)
+    renderingStartIndex: ct(Number(It), r),
+    renderingEndIndex: ct(Number($), r),
+    visibleStartIndex: ct(Number(L), r),
+    visibleEndIndex: ct(Number(K), r)
   };
-}, mn = (r, t, e, n, o, a, u) => {
-  if (n === 0)
+}, mr = (n, t, e, r, s, a, u) => {
+  if (r === 0)
     return { renderingStartIndex: 0, renderingEndIndex: 0, visibleStartIndex: 0, visibleEndIndex: 0 };
-  const p = Number.isFinite(u), l = p ? Math.min(Math.max(0, r), u) : Math.max(0, r);
-  if (n >= Number.MAX_SAFE_INTEGER)
-    return pn(l, t, e, n, o, a, u, p);
-  const { index: d, cumulative: c, currentValue: f } = a.findIndexAtOrAfter(l, { materializeOption: { materialize: !1 } }), S = d === -1 ? t <= 0 || (c ?? 0) < l + (f ?? 0) ? n - 1 : 0 : d;
-  let b = ct(S, n), _ = 0;
-  if (b === d && c !== void 0 && f !== void 0)
-    _ = c - f - l;
+  const m = Number.isFinite(u), l = m ? Math.min(Math.max(0, n), u) : Math.max(0, n);
+  if (r >= Number.MAX_SAFE_INTEGER)
+    return pr(l, t, e, r, s, a, u, m);
+  const { index: d, cumulative: c, currentValue: f } = a.findIndexAtOrAfter(l, { materializeOption: { materialize: !1 } }), P = d === -1 ? t <= 0 || (c ?? 0) < l + (f ?? 0) ? r - 1 : 0 : d;
+  let v = ct(P, r), N = 0;
+  if (v === d && c !== void 0 && f !== void 0)
+    N = c - f - l;
   else {
-    const { cumulative: F, currentValue: C } = a.prefixSum(b, { materializeOption: { materialize: !1 } });
-    _ = (F ?? 0) - (C ?? 0) - l;
+    const { cumulative: k, currentValue: z } = a.prefixSum(v, { materializeOption: { materialize: !1 } });
+    N = (k ?? 0) - (z ?? 0) - l;
   }
-  const X = _;
-  let k = b;
-  for (; k < n && _ < t; )
-    _ += o(k), k++;
-  if (_ < t && b > 0) {
-    let F = _ + Math.abs(Math.min(0, X)), C = b - 1;
-    for (; C >= 0 && F < t; )
-      F += o(C), C--;
-    for (b = ct(C + 1, n), _ = 0, k = b; k < n && _ < t; )
-      _ += o(k), k++;
+  const q = N;
+  let L = v;
+  for (; L < r && N < t; )
+    N += s(L), L++;
+  if (N < t && v > 0) {
+    let k = N + Math.abs(Math.min(0, q)), z = v - 1;
+    for (; z >= 0 && k < t; )
+      k += s(z), z--;
+    for (v = ct(z + 1, r), N = 0, L = v; L < r && N < t; )
+      N += s(L), L++;
   }
-  const B = ct(b - e, n), ht = ct(Math.max(k - 1, b), n), H = ct(ht + e, n);
-  return { renderingStartIndex: B, renderingEndIndex: H, visibleStartIndex: b, visibleEndIndex: ht };
-}, hn = () => typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now(), ye = (r, t, e) => {
-  const n = Math.max(0, t ?? 0), o = w({
+  const K = ct(v - e, r), It = ct(Math.max(L - 1, v), r), $ = ct(It + e, r);
+  return { renderingStartIndex: K, renderingEndIndex: $, visibleStartIndex: v, visibleEndIndex: It };
+}, hr = () => typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now(), Ce = (n, t, e) => {
+  const r = Math.max(0, t ?? 0), s = M({
     lastInvokeAt: 0,
     rafId: null,
     pendingPayload: null,
     loopActive: !1,
-    normalizedThrottle: n
-  }), a = y(() => {
-    const l = o.current;
+    normalizedThrottle: r
+  }), a = C(() => {
+    const l = s.current;
     l.rafId !== null && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(l.rafId), l.rafId = null, l.loopActive = !1;
-  }, []), u = y(
+  }, []), u = C(
     (l) => {
-      const d = o.current;
+      const d = s.current;
       d.rafId = null;
-      const c = typeof l == "number" ? l : hn(), f = d.normalizedThrottle, S = d.pendingPayload, b = r.current;
-      if (S !== null && b) {
-        const _ = c - d.lastInvokeAt;
-        (f === 0 || d.lastInvokeAt === 0 || _ >= f) && (d.pendingPayload = null, d.lastInvokeAt = c, e(b, S));
+      const c = typeof l == "number" ? l : hr(), f = d.normalizedThrottle, P = d.pendingPayload, v = n.current;
+      if (P !== null && v) {
+        const N = c - d.lastInvokeAt;
+        (f === 0 || d.lastInvokeAt === 0 || N >= f) && (d.pendingPayload = null, d.lastInvokeAt = c, e(v, P));
       }
       if (d.pendingPayload !== null) {
         typeof requestAnimationFrame == "function" ? d.rafId = requestAnimationFrame(u) : d.loopActive = !1;
@@ -1620,9 +1624,9 @@ const dn = 1e4, Sn = () => {
       }
       d.loopActive = !1;
     },
-    [r, e]
-  ), p = y(() => {
-    const l = o.current;
+    [n, e]
+  ), m = C(() => {
+    const l = s.current;
     if (!l.loopActive) {
       if (l.loopActive = !0, typeof requestAnimationFrame == "function") {
         l.rafId = requestAnimationFrame(u);
@@ -1631,346 +1635,379 @@ const dn = 1e4, Sn = () => {
       l.loopActive = !1;
     }
   }, [u]);
-  return O(() => () => {
-    a(), o.current.pendingPayload = null;
-  }, [a]), O(() => {
+  return Y(() => () => {
+    a(), s.current.pendingPayload = null;
+  }, [a]), Y(() => {
     a();
-    const l = o.current;
-    l.lastInvokeAt = 0, l.pendingPayload = null, l.normalizedThrottle = n;
-  }, [n, a]), y(
+    const l = s.current;
+    l.lastInvokeAt = 0, l.pendingPayload = null, l.normalizedThrottle = r;
+  }, [r, a]), C(
     (l) => {
-      const d = o.current;
-      d.pendingPayload = l, p();
+      const d = s.current;
+      d.pendingPayload = l, m();
     },
-    [p]
+    [m]
   );
-}, gn = ({
-  itemCount: r,
+}, gr = ({
+  itemCount: n,
   getItem: t,
   getItemHeight: e,
-  viewportSize: n,
-  overscanCount: o = 15,
+  viewportSize: r,
+  overscanCount: s = 15,
   className: a,
   onScroll: u,
-  onRangeChange: p,
+  onRangeChange: m,
   children: l,
   background: d,
   initialScrollIndex: c,
   initialScrollOffset: f,
-  tapScrollCircleOptions: S,
-  scrollBarWidth: b,
-  enableThumbDrag: _,
-  enableTrackClick: X,
-  enableArrowButtons: k,
-  enablePointerDrag: B,
-  inertiaOptions: ht,
-  callbackThrottleMs: H = 5,
-  renderThumbOverlay: F,
-  wheelSpeedMultiplier: C,
-  contentInsets: L,
-  enableKeyboardNavigation: R = !0,
-  onItemFocus: N,
-  clipItemHeight: st = !1
-}, ut) => {
-  const $ = w(null), I = w(!1), m = Dt(() => fn(L), [L]), tt = w({ size: r, valueOrFn: e, options: { sampleRange: { from: 0, to: 100 } } }), A = ln(tt.current.size, tt.current.valueOrFn, tt.current.options), [et] = Xt(() => {
-    let i = m.top, T = 0;
+  tapScrollCircleOptions: P,
+  scrollBarWidth: v,
+  enableThumbDrag: N,
+  enableTrackClick: q,
+  enableArrowButtons: L,
+  enablePointerDrag: K,
+  inertiaOptions: It,
+  callbackThrottleMs: $ = 5,
+  renderThumbOverlay: k,
+  wheelSpeedMultiplier: z,
+  contentInsets: A,
+  enableKeyboardNavigation: V = !0,
+  onItemFocus: F,
+  clipItemHeight: at = !1,
+  enableScrollToTopBottomButtons: G
+}, Ct) => {
+  const I = M(null), O = M(!1), g = kt(() => fr(A), [A]), et = M({ size: n, valueOrFn: e, options: { sampleRange: { from: 0, to: 100 } } }), w = lr(et.current.size, et.current.valueOrFn, et.current.options), [ut] = Nt(() => {
+    let i = g.top, x = 0;
     if (typeof c == "number") {
-      const M = mt(c, 0, r - 1), D = mt(M - o * 2, 0, r - 1), q = mt(M + o * 2, 0, r - 1), j = c > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: D, to: q }] } } : void 0, { cumulative: Rt, total: Ht, currentValue: Ot } = A.prefixSum(c, j), Ut = Math.max(Rt - Ot, 0);
-      i = ee(Ut, m.top), T = Ht ?? A.getTotal();
-    } else typeof f == "number" && (i = ee(Math.max(f, 0), m.top)), T = A.getTotal();
-    return { position: i, total: T };
-  }), [it, At] = Xt(et.position), [W, U] = Xt(et.total), [dt, ft] = Xt(et.position), [E, P] = Xt(r), v = w(et.position), nt = w(m.top), K = w(u ?? void 0), Z = w(p ?? void 0), pt = w(/* @__PURE__ */ new Map()), rt = w(null), at = w(null);
-  O(() => {
-    K.current = u ?? void 0, Z.current = p ?? void 0;
-  }, [p, u]);
-  const ot = y(
+      const b = xt(c, 0, n - 1), _ = xt(b - s * 2, 0, n - 1), j = xt(b + s * 2, 0, n - 1), Z = c > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: _, to: j }] } } : void 0, { cumulative: Mt, total: zt, currentValue: Dt } = w.prefixSum(c, Z), o = Math.max(Mt - Dt, 0);
+      i = ne(o, g.top), x = zt ?? w.getTotal();
+    } else typeof f == "number" && (i = ne(Math.max(f, 0), g.top)), x = w.getTotal();
+    return { position: i, total: x };
+  }), [dt, Tt] = Nt(ut.position), [rt, X] = Nt(ut.total), [mt, vt] = Nt(ut.position), [D, T] = Nt(n), S = M(ut.position), J = M(g.top), Q = M(u ?? void 0), st = M(m ?? void 0), bt = M(/* @__PURE__ */ new Map()), nt = M(null), ft = M(null), [lt, Ft] = Nt(null), [Pt, ht] = Nt(!1), Rt = M(null), Lt = M(!1);
+  Y(() => {
+    Q.current = u ?? void 0, st.current = m ?? void 0;
+  }, [m, u]);
+  const St = C(
     (i) => {
-      if (R && i && typeof i.focus == "function")
+      if (V && i && typeof i.focus == "function")
         try {
           i.focus({ preventScroll: !0 });
         } catch {
           i.focus();
         }
     },
-    [R]
-  ), It = ye(K, H, (i, { position: T, totalHeight: M }) => {
-    i(T, M);
-  }), gt = ye(Z, H, (i, { renderingStartIndex: T, renderingEndIndex: M, visibleStartIndex: D, visibleEndIndex: q, scrollPosition: j, totalHeight: Rt }) => {
-    i(T, M, D, q, j, Rt);
+    [V]
+  ), p = Ce(Q, $, (i, { position: x, totalHeight: b }) => {
+    i(x, b);
+  }), y = Ce(st, $, (i, { renderingStartIndex: x, renderingEndIndex: b, visibleStartIndex: _, visibleEndIndex: j, scrollPosition: Z, totalHeight: Mt }) => {
+    i(x, b, _, j, Z, Mt);
   });
-  O(() => (I.current = !0, () => {
-    I.current = !1;
-  }), []), O(() => {
-    R || (pt.current.clear(), rt.current = null, at.current = null);
-  }, [R]);
-  const Tt = 0.01, wt = w({
+  Y(() => (O.current = !0, () => {
+    O.current = !1;
+  }), []), Y(() => {
+    V || (bt.current.clear(), nt.current = null, ft.current = null);
+  }, [V]);
+  const it = 0.01, B = M({
     rafId: null,
     loopActive: !1,
     idleFrames: 0,
-    lastRenderedPosition: et.position
-  }), _t = y(() => {
-    const i = wt.current;
+    lastRenderedPosition: ut.position
+  }), W = C(() => {
+    const i = B.current;
     i.rafId !== null && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(i.rafId), i.rafId = null, i.loopActive = !1, i.idleFrames = 0;
   }, []);
-  O(
+  Y(
     () => () => {
-      _t();
+      W();
     },
-    [_t]
+    [W]
   );
-  const Ft = y(() => {
-    const i = wt.current;
+  const At = C(() => {
+    const i = B.current;
     i.rafId = null;
-    const T = v.current, M = Wt(T, m.top), D = A.getTotal();
-    if (At((j) => Math.abs(j - T) < Tt ? j : T), It({ position: M, totalHeight: D }), Math.abs(i.lastRenderedPosition - T) >= Tt ? (i.lastRenderedPosition = T, i.idleFrames = 0) : i.idleFrames += 1, i.idleFrames >= 2) {
-      _t();
+    const x = S.current, b = jt(x, g.top), _ = w.getTotal();
+    if (Tt((Z) => Math.abs(Z - x) < it ? Z : x), p({ position: b, totalHeight: _ }), Math.abs(i.lastRenderedPosition - x) >= it ? (i.lastRenderedPosition = x, i.idleFrames = 0) : i.idleFrames += 1, i.idleFrames >= 2) {
+      W();
       return;
     }
     if (typeof requestAnimationFrame == "function") {
-      i.rafId = requestAnimationFrame(Ft);
+      i.rafId = requestAnimationFrame(At);
       return;
     }
     i.loopActive = !1;
-  }, [A, m.top, It, _t]), h = y(() => {
-    const i = wt.current;
+  }, [w, g.top, p, W]), Vt = C(() => {
+    const i = B.current;
     if (i.idleFrames = 0, !i.loopActive) {
       if (i.loopActive = !0, typeof requestAnimationFrame == "function") {
-        i.rafId = requestAnimationFrame(Ft);
+        i.rafId = requestAnimationFrame(At);
         return;
       }
       i.loopActive = !1;
     }
-  }, [Ft]), g = y(
-    (i, T) => {
-      const M = T?.immediate ?? !1, D = Wt(i, m.top);
-      if (v.current = i, M) {
-        wt.current.lastRenderedPosition = i, wt.current.idleFrames = 0, At(i), It({ position: D, totalHeight: A.getTotal() });
+  }, [At]), H = C(
+    (i, x) => {
+      const b = x?.immediate ?? !1, _ = jt(i, g.top);
+      if (S.current = i, b) {
+        B.current.lastRenderedPosition = i, B.current.idleFrames = 0, Tt(i), p({ position: _, totalHeight: w.getTotal() });
         return;
       }
-      h();
+      Vt();
     },
-    [h, A, m.top, It]
-  ), xt = w(!1);
-  O(() => {
-    if (!xt.current)
-      if (xt.current = !0, typeof f == "number") {
-        const i = ee(Math.max(f, 0), m.top), T = Math.abs(i - v.current) > 0.5;
-        g(i, { immediate: !0 }), T && ft(i);
+    [Vt, w, g.top, p]
+  ), Ht = M(!1);
+  Y(() => {
+    if (!Ht.current)
+      if (Ht.current = !0, typeof f == "number") {
+        const i = ne(Math.max(f, 0), g.top), x = Math.abs(i - S.current) > 0.5;
+        H(i, { immediate: !0 }), x && vt(i);
       } else
-        g(v.current, { immediate: !0 });
-  }, [f, m.top, g]), ne(() => {
-    A.setValueFn(e), E !== r && (A.changeSize(r), P(r));
-    const i = A.getTotal();
-    W !== i && U(i);
-  }, [A, E, r, W, e]), ne(() => {
-    dt !== null && $.current && (yt.debug("[VirtualScroll] Scrolling to position:", dt), $.current.scrollTo(dt), ft(null));
-  }, [dt]), O(() => {
-    const i = nt.current;
-    if (i === m.top)
+        H(S.current, { immediate: !0 });
+  }, [f, g.top, H]), oe(() => {
+    w.setValueFn(e), D !== n && (w.changeSize(n), T(n));
+    const i = w.getTotal();
+    rt !== i && X(i);
+  }, [w, D, n, rt, e]), oe(() => {
+    mt !== null && I.current && (pt.debug("[VirtualScroll] Scrolling to position:", mt), I.current.scrollTo(mt), vt(null));
+  }, [mt]), Y(() => {
+    const i = J.current;
+    if (i === g.top)
       return;
-    const T = Wt(v.current, i), M = ee(T, m.top);
-    nt.current = m.top, v.current = M, ft(M), g(M, { immediate: !0 });
-  }, [m.top, g]);
-  const J = y(
+    const x = jt(S.current, i), b = ne(x, g.top);
+    J.current = g.top, S.current = b, vt(b), H(b, { immediate: !0 });
+  }, [g.top, H]);
+  const yt = C(
     (i) => {
-      if (!$.current)
+      if (!I.current)
         return;
-      const T = ct(i, E), M = ct(T - o * 2, E), D = ct(T + o * 2, E), { cumulative: q, total: j, currentValue: Rt } = A.prefixSum(T, { materializeOption: { materialize: !0, ranges: [{ from: M, to: D }] } });
-      if (yt.debug("[VirtualScroll] Scrolling to index:", T, "Offset:", q, "Total height:", j, "Current value:", Rt, "safeIndexFrom:", M, "safeIndexTo:", D), !j)
+      const x = ct(i, D), b = ct(x - s * 2, D), _ = ct(x + s * 2, D), { cumulative: j, total: Z, currentValue: Mt } = w.prefixSum(x, { materializeOption: { materialize: !0, ranges: [{ from: b, to: _ }] } });
+      if (pt.debug("[VirtualScroll] Scrolling to index:", x, "Offset:", j, "Total height:", Z, "Current value:", Mt, "safeIndexFrom:", b, "safeIndexTo:", _), !Z)
         return;
-      const Ht = Math.max(q - Rt, 0), Ot = ee(Ht, m.top);
-      U(j), ft(Ot), yt.debug("[VirtualScroll] Setting scroll position to:", Ot);
+      const zt = Math.max(j - Mt, 0), Dt = ne(zt, g.top);
+      X(Z), vt(Dt), pt.debug("[VirtualScroll] Setting scroll position to:", Dt);
     },
-    [A, o, E, m.top]
-  ), Y = y(
+    [w, s, D, g.top]
+  ), Ut = C(
     (i) => {
-      if (!$.current)
+      if (!I.current)
         return;
-      const T = A.getTotal(), M = mt(Math.floor(i), 0, T), D = A.findIndexAtOrAfter(M, { materializeOption: { materialize: !1 } }).index;
-      J(D);
+      const x = w.getTotal(), b = xt(Math.floor(i), 0, x), _ = w.findIndexAtOrAfter(b, { materializeOption: { materialize: !1 } }).index;
+      yt(_);
     },
-    [A, J]
-  ), Vt = y(
+    [w, yt]
+  ), Zt = C(
     (i) => {
-      const T = Wt(v.current, m.top), M = typeof i == "function" ? i(T) : i;
-      Y(M);
-      const D = $.current?.getScrollPosition(), q = typeof D == "number" ? D : v.current;
-      return g(q), q;
+      const x = jt(S.current, g.top), b = typeof i == "function" ? i(x) : i;
+      Ut(b);
+      const _ = I.current?.getScrollPosition(), j = typeof _ == "number" ? _ : S.current;
+      return H(j), j;
     },
-    [m.top, Y, g]
-  ), bt = y(
-    (i, T) => {
-      yt.debug("[VirtualScroll] Scroll position changed:", i), g(i);
+    [g.top, Ut, H]
+  ), Et = C(
+    (i, x) => {
+      if (pt.debug("[VirtualScroll] Scroll position changed:", i), H(i), G) {
+        if (Lt.current) {
+          Lt.current = !1;
+          return;
+        }
+        const b = i - x;
+        if (pt.debug("[VirtualScroll] Scroll diff:", b, "New:", i, "Prev:", x), Math.abs(b) > 1) {
+          const _ = b > 0 ? "down" : "up";
+          Ft(_), ht(!0), pt.debug("[VirtualScroll] Showing scroll buttons. Direction:", _), Rt.current && clearTimeout(Rt.current), Rt.current = setTimeout(() => {
+            ht(!1), pt.debug("[VirtualScroll] Hiding scroll buttons");
+          }, 2e3);
+        }
+      }
     },
-    [g]
-  ), Et = Dt(() => Wt(it, m.top), [m.top, it]), Pt = Dt(() => {
-    const i = mn(Et, n, o, E, e, A, W);
-    return yt.debug("[VirtualScroll] Calculated rendering range:", {
+    [H, G]
+  ), gt = kt(() => jt(dt, g.top), [g.top, dt]), Jt = kt(() => {
+    const i = mr(gt, r, s, D, e, w, rt);
+    return pt.debug("[VirtualScroll] Calculated rendering range:", {
       ...i,
-      scrollPosition: Et,
-      renderingContentSize: A.getTotal(),
-      overscanCount: o,
-      viewportSize: n
+      scrollPosition: gt,
+      renderingContentSize: w.getTotal(),
+      overscanCount: s,
+      viewportSize: r
     }), i;
-  }, [Et, n, o, E, e, A, W]), { renderingStartIndex: Nt, renderingEndIndex: Bt, visibleStartIndex: St, visibleEndIndex: kt } = Pt, lt = y(
-    (i, T) => {
-      if (!R || E === 0)
+  }, [gt, r, s, D, e, w, rt]), { renderingStartIndex: qt, renderingEndIndex: Bt, visibleStartIndex: Ot, visibleEndIndex: $t } = Jt, Yt = C(
+    (i, x) => {
+      if (!V || D === 0)
         return;
-      const M = ct(i, E);
-      if (!(T?.ensureVisible ?? !0)) {
-        const Gt = pt.current.get(M);
-        Gt && (rt.current = null, at.current = M, ot(Gt));
+      const b = ct(i, D);
+      if (!(x?.ensureVisible ?? !0)) {
+        const ot = bt.current.get(b);
+        ot && (nt.current = null, ft.current = b, St(ot));
         return;
       }
-      const q = A.prefixSum(M, { materializeOption: { materialize: !1 } }), j = q.currentValue, Rt = Math.max(q.cumulative - j, 0), Ht = Rt + j, Ot = Wt(v.current, m.top), Ut = Ot + n;
-      if (Rt < Ot || Ht > Ut) {
-        rt.current = M, J(M);
+      const j = w.prefixSum(b, { materializeOption: { materialize: !1 } }), Z = j.currentValue, Mt = Math.max(j.cumulative - Z, 0), zt = Mt + Z, Dt = jt(S.current, g.top), o = Dt + r;
+      if (Mt < Dt || zt > o) {
+        nt.current = b, yt(b);
         return;
       }
-      const qt = pt.current.get(M);
-      if (qt) {
-        rt.current = null, at.current = M, ot(qt);
+      const R = bt.current.get(b);
+      if (R) {
+        nt.current = null, ft.current = b, St(R);
         return;
       }
-      rt.current = M;
+      nt.current = b;
     },
-    [R, E, A, m.top, J, ot, n]
-  ), Ct = y(
-    (i, T) => {
-      if (!R || i.defaultPrevented || i.altKey || i.metaKey || i.ctrlKey)
+    [V, D, w, g.top, yt, St, r]
+  ), Kt = C(
+    (i, x) => {
+      if (!V || i.defaultPrevented || i.altKey || i.metaKey || i.ctrlKey)
         return;
-      const M = i.target;
-      if (M) {
-        const D = M.tagName;
-        if (D === "INPUT" || D === "TEXTAREA" || D === "SELECT" || M.isContentEditable)
+      const b = i.target;
+      if (b) {
+        const _ = b.tagName;
+        if (_ === "INPUT" || _ === "TEXTAREA" || _ === "SELECT" || b.isContentEditable)
           return;
       }
       if (i.key === "ArrowDown") {
-        T < E - 1 && (i.preventDefault(), lt(T + 1));
+        x < D - 1 && (i.preventDefault(), Yt(x + 1));
         return;
       }
       if (i.key === "ArrowUp") {
-        T > 0 && (i.preventDefault(), lt(T - 1));
+        x > 0 && (i.preventDefault(), Yt(x - 1));
         return;
       }
       if (i.key === "PageDown") {
-        if (T < E - 1) {
+        if (x < D - 1) {
           i.preventDefault();
-          const D = Math.max(kt - St + 1, 1), q = Math.max(D, 1), j = ct(Math.min(T + q, E - 1), E);
-          lt(j);
+          const _ = Math.max($t - Ot + 1, 1), j = Math.max(_, 1), Z = ct(Math.min(x + j, D - 1), D);
+          Yt(Z);
         }
         return;
       }
-      if (i.key === "PageUp" && T > 0) {
+      if (i.key === "PageUp" && x > 0) {
         i.preventDefault();
-        const D = Math.max(kt - St + 1, 1), q = Math.max(D, 1), j = ct(T - q, E);
-        lt(j);
+        const _ = Math.max($t - Ot + 1, 1), j = Math.max(_, 1), Z = ct(x - j, D);
+        Yt(Z);
       }
     },
-    [R, E, lt, kt, St]
-  ), Kt = y(
+    [V, D, Yt, $t, Ot]
+  ), se = C(
     (i) => {
-      if (!R)
+      if (!V)
         return;
-      const T = ct(i, E);
-      rt.current = null, at.current = T, N?.(T);
+      const x = ct(i, D);
+      nt.current = null, ft.current = x, F?.(x);
     },
-    [R, E, N]
+    [V, D, F]
   );
-  O(() => {
-    const i = $.current?.getScrollPosition() ?? 0, T = v.current, M = Wt(T, m.top);
-    yt.debug("[VirtualScroll] Range change effect triggered", {
-      renderingStartIndex: Nt,
+  Y(() => {
+    const i = I.current?.getScrollPosition() ?? 0, x = S.current, b = jt(x, g.top);
+    pt.debug("[VirtualScroll] Range change effect triggered", {
+      renderingStartIndex: qt,
       renderingEndIndex: Bt,
-      visibleStartIndex: St,
-      visibleEndIndex: kt,
-      scrollPositionState: it,
-      paneScrollPosition: T,
-      logicalScrollPosition: M,
-      contentSize: W,
+      visibleStartIndex: Ot,
+      visibleEndIndex: $t,
+      scrollPositionState: dt,
+      paneScrollPosition: x,
+      logicalScrollPosition: b,
+      contentSize: rt,
       scrollPaneScrollPosition: i
-    }), gt({
-      renderingStartIndex: Nt,
+    }), y({
+      renderingStartIndex: qt,
       renderingEndIndex: Bt,
-      visibleStartIndex: St,
-      visibleEndIndex: kt,
-      scrollPosition: M,
-      totalHeight: W
+      visibleStartIndex: Ot,
+      visibleEndIndex: $t,
+      scrollPosition: b,
+      totalHeight: rt
     });
-  }, [W, Bt, Nt, m.top, gt, it, kt, St]);
-  const re = y(
+  }, [rt, Bt, qt, g.top, y, dt, $t, Ot]);
+  const ue = C(() => G ? /* @__PURE__ */ U("div", { className: `pointer-events-none absolute inset-0 transition-opacity duration-500 ${Pt && lt !== null ? "opacity-100" : "opacity-0"}`, style: { zIndex: 10 }, children: lt === "up" ? /* @__PURE__ */ U("div", { className: "absolute top-2 right-0 left-0 flex justify-center", children: /* @__PURE__ */ U(
+    "button",
+    {
+      type: "button",
+      className: "pointer-events-auto transform rounded-full bg-gray-800/80 px-12 py-1 font-medium text-[10px] text-white uppercase tracking-wider shadow-md backdrop-blur-sm transition-transform hover:bg-gray-700 active:scale-95",
+      onClick: (b) => {
+        b.stopPropagation(), Lt.current = !0, yt(0), ht(!1);
+      },
+      children: "Top"
+    }
+  ) }) : /* @__PURE__ */ U("div", { className: "absolute right-0 bottom-2 left-0 flex justify-center", children: /* @__PURE__ */ U(
+    "button",
+    {
+      type: "button",
+      className: "pointer-events-auto transform rounded-full bg-gray-800/80 px-12 py-1 font-medium text-[10px] text-white uppercase tracking-wider shadow-md backdrop-blur-sm transition-transform hover:bg-gray-700 active:scale-95",
+      onClick: (b) => {
+        b.stopPropagation(), Lt.current = !0, yt(n - 1), ht(!1);
+      },
+      children: "Bottom"
+    }
+  ) }) }) : null, [G, Pt, lt, yt, n]), de = C(
     (i) => {
-      const T = (H ?? 0) > 0, M = Math.abs(i - it), D = T && M > 0.5 ? it : i, q = Wt(D, m.top);
-      if (yt.debug("[VirtualScroll] Rendering visible items", {
+      const x = ($ ?? 0) > 0, b = Math.abs(i - dt), _ = x && b > 0.5 ? dt : i, j = jt(_, g.top);
+      if (pt.debug("[VirtualScroll] Rendering visible items", {
         currentScrollPosition: i,
-        effectiveScrollPosition: q,
-        renderingStartIndex: Nt,
+        effectiveScrollPosition: j,
+        renderingStartIndex: qt,
         renderingEndIndex: Bt,
-        fenwickSize: E,
-        viewportSize: n,
-        callbackThrottleMs: H,
-        diff: M,
-        rawEffectiveScrollPosition: D
-      }), E === 0)
-        return /* @__PURE__ */ Q("div", { className: "absolute w-full", style: { top: 0 }, children: /* @__PURE__ */ Q("div", { className: "text-center text-gray-500", children: "No items" }) });
-      const j = ct(Nt, E), Rt = ct(Bt, E), { cumulative: Ht, currentValue: Ot } = A.prefixSum(j, { materializeOption: { materialize: !1 } }), Ut = Ht - Ot, jt = [], qt = [];
-      for (let z = j; z <= Rt; z++) {
-        const $t = e(z);
-        A.get(z) !== $t && jt.push({ index: z, value: $t });
-        const { cumulative: oe, currentValue: s } = A.prefixSum(z, { materializeOption: { materialize: !1 } }), x = oe - s, V = (G) => {
-          if (!G) {
-            pt.current.delete(z);
+        fenwickSize: D,
+        viewportSize: r,
+        callbackThrottleMs: $,
+        diff: b,
+        rawEffectiveScrollPosition: _
+      }), D === 0)
+        return /* @__PURE__ */ U("div", { className: "absolute w-full", style: { top: 0 }, children: /* @__PURE__ */ U("div", { className: "text-center text-gray-500", children: "No items" }) });
+      const Z = ct(qt, D), Mt = ct(Bt, D), { cumulative: zt, currentValue: Dt } = w.prefixSum(Z, { materializeOption: { materialize: !1 } }), o = zt - Dt, h = [], R = [];
+      for (let E = Z; E <= Mt; E++) {
+        const tt = e(E);
+        w.get(E) !== tt && h.push({ index: E, value: tt });
+        const { cumulative: wt, currentValue: ee } = w.prefixSum(E, { materializeOption: { materialize: !1 } }), Gt = wt - ee, pe = (Wt) => {
+          if (!Wt) {
+            bt.current.delete(E);
             return;
           }
-          R && (pt.current.set(z, G), rt.current === z && (rt.current = null, at.current = z, ot(G)));
+          V && (bt.current.set(E, Wt), nt.current === E && (nt.current = null, ft.current = E, St(Wt)));
         };
-        qt.push(
-          /* @__PURE__ */ Q(
+        R.push(
+          /* @__PURE__ */ U(
             "div",
             {
-              ref: V,
-              "data-index": z,
+              ref: pe,
+              "data-index": E,
               "data-virtualscroll-item": "true",
               style: {
                 position: "absolute",
-                top: x - Ut + m.top,
+                top: Gt - o + g.top,
                 width: "100%",
-                height: $t,
-                overflow: st ? "hidden" : void 0
+                height: tt,
+                overflow: at ? "hidden" : void 0
               },
-              tabIndex: R ? -1 : void 0,
-              onPointerDown: R ? (G) => {
-                G.currentTarget.focus({ preventScroll: !0 });
+              tabIndex: V ? -1 : void 0,
+              onPointerDown: V ? (Wt) => {
+                Wt.currentTarget.focus({ preventScroll: !0 });
               } : void 0,
-              onKeyDownCapture: R ? (G) => Ct(G, z) : void 0,
-              onFocusCapture: R ? () => Kt(z) : void 0,
-              children: l(t(z), z)
+              onKeyDownCapture: V ? (Wt) => Kt(Wt, E) : void 0,
+              onFocusCapture: V ? () => se(E) : void 0,
+              children: l(t(E), E)
             },
-            z
+            E
           )
         );
       }
-      jt.length > 0 && Promise.resolve().then(() => {
-        if (!I.current)
+      h.length > 0 && Promise.resolve().then(() => {
+        if (!O.current)
           return;
-        const z = A.updates(jt);
-        if (!I.current || typeof z != "number")
+        const E = w.updates(h);
+        if (!O.current || typeof E != "number")
           return;
-        U(z), yt.debug("[VirtualScroll] Updated heights for items", jt, "New total height:", z);
-        const $t = $.current?.getScrollPosition() ?? v.current;
-        $t === v.current || !I.current || g($t);
+        X(E), pt.debug("[VirtualScroll] Updated heights for items", h, "New total height:", E);
+        const tt = I.current?.getScrollPosition() ?? S.current;
+        tt === S.current || !O.current || H(tt);
       });
-      const Gt = Ut - q;
-      if (m.bottom > 0) {
-        const z = A.getTotal() + m.top - Ut;
-        qt.push(
-          /* @__PURE__ */ Q(
+      const ot = o - j;
+      if (g.bottom > 0) {
+        const E = w.getTotal() + g.top - o;
+        R.push(
+          /* @__PURE__ */ U(
             "div",
             {
               style: {
                 position: "absolute",
-                top: z,
-                height: m.bottom,
+                top: E,
+                height: g.bottom,
                 width: "100%"
               }
             },
@@ -1978,84 +2015,85 @@ const dn = 1e4, Sn = () => {
           )
         );
       }
-      return yt.debug("[VirtualScroll] Rendering items", {
-        nodeCount: qt.length,
-        containerTop: Gt,
-        logicalScrollPosition: Et,
-        resolvedInsets: m,
-        effectiveScrollPosition: q
-      }), /* @__PURE__ */ Q("div", { className: "absolute w-full", style: { top: Gt }, children: qt });
+      return pt.debug("[VirtualScroll] Rendering items", {
+        nodeCount: R.length,
+        containerTop: ot,
+        logicalScrollPosition: gt,
+        resolvedInsets: g,
+        effectiveScrollPosition: j
+      }), /* @__PURE__ */ U("div", { className: "absolute w-full", style: { top: ot }, children: R });
     },
     [
-      H,
+      $,
       l,
-      R,
-      A,
-      E,
+      V,
+      w,
+      D,
       t,
       e,
+      se,
       Kt,
-      Ct,
-      Et,
+      gt,
       Bt,
-      Nt,
-      m,
-      it,
-      ot,
+      qt,
       g,
-      n,
-      st
+      dt,
+      St,
+      H,
+      r,
+      at
     ]
   );
-  xe(
-    ut,
+  be(
+    Ct,
     () => ({
-      getScrollPosition: () => $.current?.getScrollPosition() ?? -1,
-      getContentSize: () => $.current?.getContentSize() ?? -1,
-      getViewportSize: () => $.current?.getViewportSize() ?? -1,
-      scrollTo: Vt,
-      scrollToIndex: J,
-      getFenwickTreeTotalHeight: () => A.getTotal(),
-      getFenwickSize: () => A.getSize(),
-      focusItemAtIndex: lt
+      getScrollPosition: () => I.current?.getScrollPosition() ?? -1,
+      getContentSize: () => I.current?.getContentSize() ?? -1,
+      getViewportSize: () => I.current?.getViewportSize() ?? -1,
+      scrollTo: Zt,
+      scrollToIndex: yt,
+      getFenwickTreeTotalHeight: () => w.getTotal(),
+      getFenwickSize: () => w.getSize(),
+      focusItemAtIndex: Yt
     }),
-    [Vt, J, A, lt]
+    [Zt, yt, w, Yt]
   );
-  const ce = W + m.top + m.bottom;
-  return /* @__PURE__ */ Q(
-    on,
+  const fe = rt + g.top + g.bottom;
+  return /* @__PURE__ */ U(
+    sr,
     {
-      ref: $,
-      contentSize: ce,
-      viewportSize: n,
+      ref: I,
+      contentSize: fe,
+      viewportSize: r,
       className: a,
-      onScroll: bt,
+      onScroll: Et,
       background: d,
-      tapScrollCircleOptions: S,
-      inertiaOptions: ht,
-      itemCount: r,
-      scrollBarWidth: b,
-      enableThumbDrag: _,
-      enableTrackClick: X,
-      enableArrowButtons: k,
-      enablePointerDrag: B,
-      renderThumbOverlay: F,
-      wheelSpeedMultiplier: C,
-      contentInsets: m,
-      visibleStartIndex: St,
-      visibleEndIndex: kt,
-      children: re
+      tapScrollCircleOptions: P,
+      inertiaOptions: It,
+      itemCount: n,
+      scrollBarWidth: v,
+      enableThumbDrag: N,
+      enableTrackClick: q,
+      enableArrowButtons: L,
+      enablePointerDrag: K,
+      renderThumbOverlay: k,
+      wheelSpeedMultiplier: z,
+      contentInsets: g,
+      visibleStartIndex: Ot,
+      visibleEndIndex: $t,
+      renderOverlay: ue,
+      children: de
     }
   );
-}, vn = ge(gn);
+}, Pr = Ie(gr);
 export {
-  an as FenwickMapTree,
-  rn as ScrollBar,
-  on as ScrollPane,
-  vn as VirtualScroll,
-  mt as minmax,
-  Pn as tapScrollCircleSampleVisual,
-  ln as useFenwickMapTree,
-  Sn as useHeightCache,
-  un as useLruCache
+  ar as FenwickMapTree,
+  or as ScrollBar,
+  sr as ScrollPane,
+  Pr as VirtualScroll,
+  xt as minmax,
+  Tr as tapScrollCircleSampleVisual,
+  lr as useFenwickMapTree,
+  vr as useHeightCache,
+  ur as useLruCache
 };