@aiquants/virtualscroll 1.11.0 → 1.13.0

package/dist/index.js

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