@aiquants/virtualscroll 1.10.0 → 1.12.0

package/dist/index.js

@@ -1,6 +1,6 @@
-import { jsx as U, jsxs as te, Fragment as Re } from "react/jsx-runtime";
-import { memo as Xe, forwardRef as Ie, useState as Nt, useRef as M, useCallback as C, useImperativeHandle as be, useMemo as kt, useEffect as Y, useLayoutEffect as oe, useId as He } from "react";
-import { twMerge as Qt } from "tailwind-merge";
+import { jsx as B, jsxs as Bt, Fragment as Ce } from "react/jsx-runtime";
+import ze, { memo as Xe, forwardRef as xe, useState as Vt, useRef as P, useCallback as T, useImperativeHandle as Ie, useMemo as yt, useEffect as X, useLayoutEffect as ee, useId as qe } 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, Ue = 8, qe = ({ dragState: n, normalizedDistance: t }) => {
-  const e = 1 + t * 0.18, r = 0.16 + t * 0.24, s = 0.38 + t * 0.28, a = n.active ? "80ms ease-out" : "220ms ease";
-  return /* @__PURE__ */ te(Re, { children: [
-    /* @__PURE__ */ U(
+}, me = 6, He = 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__ */ Bt(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__ */ U(
+    /* @__PURE__ */ B(
       "div",
       {
         className: "aqvs:tap-scroll-circle-inner absolute rounded-full",
@@ -31,114 +31,114 @@ 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 = M(null), f = M({ x: 0, y: 0 }), P = M(null), v = M(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 = P(null), p = P({ x: 0, y: 0 }), R = P(null), b = P(0), A = T(
+      (C) => {
+        d(C), o(C);
       },
-      [n]
-    ), q = C(
-      (I, O, g = !1) => {
-        const { x: et, y: w } = f.current, ut = I - et, dt = O - w, Tt = Math.abs(dt), rt = Tt < he ? 0 : dt < 0 ? -1 : 1, X = v.current;
-        let mt = rt;
-        const vt = he + Ue;
-        rt === 0 ? X !== 0 && Tt < vt ? mt = X : (mt = 0, g || (v.current = 0)) : rt !== X && X !== 0 && Tt < vt ? mt = X : v.current = rt, N({
-          active: g || Tt >= he,
-          offsetX: ut,
-          offsetY: dt,
-          distance: Tt,
-          direction: mt,
-          pointerId: c.current
+      [o]
+    ), U = T(
+      (C, q, K = !1) => {
+        const { x: L, y: st } = p.current, v = C - L, vt = q - st, y = Math.abs(vt), lt = y < me ? 0 : vt < 0 ? -1 : 1, k = b.current;
+        let bt = lt;
+        const it = me + He;
+        lt === 0 ? k !== 0 && y < it ? bt = k : (bt = 0, K || (b.current = 0)) : lt !== k && k !== 0 && y < it ? bt = k : b.current = lt, A({
+          active: K || y >= me,
+          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);
-    }, []), K = C(
-      (I = !1) => {
-        I && L(c.current), c.current = null, v.current = 0, N(ve);
+      const q = R.current;
+      q?.hasPointerCapture(C) && q.releasePointerCapture(C);
+    }, []), G = 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), q(I.clientX, I.clientY, !0);
+      [A, Y]
+    ), dt = T(
+      (C) => {
+        C.preventDefault(), C.stopPropagation();
+        const q = R.current ?? C.currentTarget, { left: K, top: L, width: st, height: v } = q.getBoundingClientRect();
+        p.current = { x: K + st / 2, y: L + v / 2 }, f.current = C.pointerId, q.setPointerCapture(C.pointerId), U(C.clientX, C.clientY, !0);
       },
-      [q]
-    ), $ = C(
-      (I) => {
-        c.current === I.pointerId && (I.preventDefault(), q(I.clientX, I.clientY));
+      [U]
+    ), rt = T(
+      (C) => {
+        f.current === C.pointerId && (C.preventDefault(), U(C.clientX, C.clientY));
       },
-      [q]
-    ), k = C(
-      (I) => {
-        c.current === I.pointerId && (I.preventDefault(), I.stopPropagation(), K(!0));
+      [U]
+    ), Q = T(
+      (C) => {
+        f.current === C.pointerId && (C.preventDefault(), C.stopPropagation(), G(!0));
       },
-      [K]
+      [G]
     );
-    be(
-      m,
+    Ie(
+      h,
       () => ({
         reset: () => {
-          K(!0);
+          G(!0);
         },
-        getElement: () => P.current
+        getElement: () => R.current
       }),
-      [K]
+      [G]
     );
-    const z = Math.min(Math.max(a, 0), 1), A = r / 64, V = Math.min(l.distance, e) / e, F = l.direction * V * 10 * A, at = u ?? qe, G = {
+    const N = Math.min(Math.max(c, 0), 1), w = n / 64, $ = Math.min(l.distance, e) / e, z = l.direction * $ * 10 * w, Z = u ?? Be, _ = {
       dragState: l,
-      normalizedDistance: V,
-      sizeScale: A,
-      size: r,
-      opacity: z
-    }, Ct = {
+      normalizedDistance: $,
+      sizeScale: w,
+      size: n,
+      opacity: N
+    }, ft = {
       ...s,
-      width: r,
-      height: r,
-      transform: `translateY(${F}px)`
+      width: n,
+      height: n,
+      transform: `translateY(${z}px)`
     };
-    return Ct.opacity = z, /* @__PURE__ */ U(
+    return ft.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: ft,
         tabIndex: -1,
-        onPointerDown: It,
-        onPointerMove: $,
-        onPointerUp: k,
-        onPointerCancel: k,
+        onPointerDown: dt,
+        onPointerMove: rt,
+        onPointerUp: Q,
+        onPointerCancel: Q,
         role: "presentation",
-        children: at(G)
+        children: Z(_)
       }
     );
   })
 );
-Ae.displayName = "TapScrollCircle";
-const xt = (n, t, e) => Math.min(e, Math.max(t, n)), xe = "virtualscroll:tap-scroll-cancel", Pe = 20, $e = 250, Be = 60, We = 20, je = 20, Ke = 240, Se = { active: !1, offsetX: 0, offsetY: 0, distance: 0, direction: 0, pointerId: null }, ge = 2.2, Ge = 8, Ze = 120, Je = 1 / 60, Xt = {
+Re.displayName = "TapScrollCircle";
+const ht = (o, t, e) => Math.min(e, Math.max(t, o)), be = "virtualscroll:tap-scroll-cancel", Se = 20, Ue = 250, $e = 60, Ke = 20, We = 20, je = 240, Pe = { 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,
   offsetY: 0,
   className: void 0,
-  maxVisualDistance: Ke,
+  maxVisualDistance: je,
   minSpeedMultiplier: 0.2,
   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 }) => kt(() => e ? n ? "dragging" : t ? "hover" : "idle" : "disabled", [e, n, t]), rr = ({ canUseArrowButtons: n, enableArrowButtons: t, resetTapScroll: e, scrollByStep: r }) => {
-  const s = M(null), a = M(null), u = C(() => {
-    s.current !== null && (window.clearInterval(s.current), s.current = null), a.current !== null && (window.clearTimeout(a.current), a.current = null);
-  }, []), m = C(() => {
+}, 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 = P(null), c = P(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) => (p) => {
+      o && (p.preventDefault(), p.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) => (p) => {
+      t && (p.key === "Enter" || p.key === " " || p.key === "Spacebar") && (p.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,
-  visibleEndIndex: q
+  ariaControls: f,
+  tapScrollCircleOptions: p,
+  itemCount: R,
+  renderThumbOverlay: b,
+  visibleStartIndex: A,
+  visibleEndIndex: U
 }) => {
-  const [L, K] = Nt(!1), [It, $] = Nt(!1), [k, z] = Nt(!1), A = M(null), V = M({ pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }), F = M({ pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }), at = M(e), G = M(Se), Ct = M(null), I = M(null), O = M(null), g = kt(() => tr(f, P), [P, f]), et = kt(() => Qe(m), [m]), {
-    enabled: w,
-    size: ut,
-    offsetX: dt,
-    offsetY: Tt,
-    className: rt,
-    maxVisualDistance: X,
-    maxSpeedMultiplier: mt,
-    minSpeedMultiplier: vt,
-    opacity: D,
-    renderVisual: T,
-    maxSpeedCurve: S
-  } = g, J = M({
+  const [Y, G] = Vt(!1), [dt, rt] = Vt(!1), [Q, N] = Vt(!1), w = P(null), $ = P({ pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }), z = P({ pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }), Z = P(e), _ = P(Pe), ft = P(null), C = P(null), q = P(null), K = yt(() => tr(p, R), [R, p]), L = yt(() => Qe(h), [h]), {
+    enabled: st,
+    size: v,
+    offsetX: vt,
+    offsetY: y,
+    className: lt,
+    maxVisualDistance: k,
+    maxSpeedMultiplier: bt,
+    minSpeedMultiplier: it,
+    opacity: At,
+    renderVisual: I,
+    maxSpeedCurve: D
+  } = K, M = P({
     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: Ft, directionClass: Pt, orientation: ht } = et, Rt = Math.max(X, 1), Lt = t / n, St = l, p = Math.max(t - St * 2, 0), y = Lt * p, it = Math.min(Math.max(Pe, y || 0), p || Pe), B = n - t, W = Math.max(p - it, 0), At = B <= 0 || W <= 0 ? 0 : e / B * W, Vt = At + it / 2, H = n > t, Ht = H && u;
-  J.current = {
+    maxScrollPosition: Math.max(o - t, 0),
+    scrollBarVisible: o > t,
+    effectiveTapMaxDistance: Math.max(k, 1),
+    tapCircleMaxSpeedMultiplier: bt,
+    tapCircleMinSpeedMultiplier: it,
+    tapCircleMaxSpeedCurve: D,
+    tapScrollCircleOptions: p
+  }), { mainSizeKey: tt, crossSizeKey: F, positionKey: Mt, selectDelta: xt, getPointerCoordinate: It, arrowLabels: et, arrowIcons: at, directionClass: ct, orientation: gt } = L, Et = Math.max(k, 1), zt = t / o, St = l, g = Math.max(t - St * 2, 0), S = zt * g, nt = Math.min(Math.max(Se, S || 0), g || Se), W = o - t, j = Math.max(g - nt, 0), Dt = W <= 0 || j <= 0 ? 0 : e / W * j, wt = Dt + nt / 2, pt = o > t, Ct = pt && u;
+  M.current = {
     viewportSize: t,
-    maxScrollPosition: B,
-    scrollBarVisible: H,
-    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: it,
+    tapCircleMaxSpeedCurve: D,
+    tapScrollCircleOptions: p
+  }, X(() => {
+    Z.current = e;
+  }, [e]), X(() => {
+    s || rt(!1);
   }, [s]);
-  const yt = er({ isDragging: L, isThumbHovered: It, enableThumbDrag: s }), Ut = C(
-    (o, h) => {
-      const R = J.current, ot = h ?? at.current;
-      if (r) {
-        const wt = r(o, ot);
-        if (typeof wt == "number" && Number.isFinite(wt))
-          return at.current = wt, wt;
+  const Xt = er({ isDragging: Y, isThumbHovered: dt, enableThumbDrag: s }), Nt = T(
+    (r, a) => {
+      const x = M.current, V = a ?? Z.current;
+      if (n) {
+        const mt = n(r, V);
+        if (typeof mt == "number" && Number.isFinite(mt))
+          return Z.current = mt, mt;
       }
-      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 O = typeof r == "function" ? r(V) : r, E = Math.max(x.maxScrollPosition, 0), H = x.scrollBarVisible ? ht(O, 0, E) : 0;
+      return Z.current = H, H;
     },
-    [r]
-  ), Zt = C(
-    (o) => {
-      const h = J.current, R = at.current;
-      if (!h.scrollBarVisible || h.maxScrollPosition <= 0) {
-        const wt = Ut(0, R), ee = wt - R;
-        return { nextPosition: wt, actualDelta: ee, reachedBoundary: !0 };
+    [n]
+  ), Ut = T(
+    (r) => {
+      const a = M.current, x = Z.current;
+      if (!a.scrollBarVisible || a.maxScrollPosition <= 0) {
+        const mt = Nt(0, x), $t = mt - x;
+        return { nextPosition: mt, actualDelta: $t, reachedBoundary: !0 };
       }
-      if (o === 0)
-        return { nextPosition: R, actualDelta: 0, reachedBoundary: !1 };
-      const E = Ut((wt) => xt(wt + o, 0, h.maxScrollPosition), R), tt = E - R, _t = tt === 0 || o < 0 && E <= 0 || o > 0 && E >= h.maxScrollPosition;
-      return { nextPosition: E, actualDelta: tt, reachedBoundary: _t };
+      if (r === 0)
+        return { nextPosition: x, actualDelta: 0, reachedBoundary: !1 };
+      const O = Nt((mt) => ht(mt + r, 0, a.maxScrollPosition), x), E = O - x, H = E === 0 || r < 0 && O <= 0 || r > 0 && O >= a.maxScrollPosition;
+      return { nextPosition: O, actualDelta: E, reachedBoundary: H };
     },
-    [Ut]
-  ), Et = C(() => {
-    I.current !== null && (window.cancelAnimationFrame(I.current), I.current = null), O.current = null;
-  }, []), gt = C(() => {
-    G.current = { ...Se }, z(!1), Ct.current?.reset(), Et();
-  }, [Et]), Jt = C(
-    (o) => {
-      const h = G.current, R = J.current;
-      if (!h.active || h.direction === 0) {
-        Et();
+    [Nt]
+  ), J = T(() => {
+    C.current !== null && (window.cancelAnimationFrame(C.current), C.current = null), q.current = null;
+  }, []), Pt = T(() => {
+    _.current = { ...Pe }, N(!1), ft.current?.reset(), J();
+  }, [J]), Tt = T(
+    (r) => {
+      const a = _.current, x = M.current;
+      if (!a.active || a.direction === 0) {
+        J();
         return;
       }
-      if (!R.scrollBarVisible || R.maxScrollPosition <= 0) {
-        Et();
+      if (!x.scrollBarVisible || x.maxScrollPosition <= 0) {
+        J();
         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 = q.current ?? r, O = Math.max((r - V) / 1e3, 0), E = Math.min(O, Je);
+      if (q.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 H = Math.min(a.distance, x.effectiveTapMaxDistance) / x.effectiveTapMaxDistance, mt = H ** 1.1, $t = typeof x.tapScrollCircleOptions?.maxSpeedMultiplier == "number", _t = Math.max(x.viewportSize * x.tapCircleMinSpeedMultiplier, 40), Kt = $t ? _t : 1200;
+      let pe = 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), Oe = ae === 0 ? H : Math.expm1(ae * H), Te = ae === 0 ? 1 : Math.expm1(ae) || 1, Le = Te === 0 ? H : Math.min(Math.max(Oe / Te, 0), 1), Ye = x.viewportSize * Fe * Le;
+        pe = Math.min(pe, 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: ke, reachedBoundary: Fe } = Zt(Ne);
-      if (Fe || ke === 0) {
-        Et();
+      const Ve = Math.max(pe, _t), Ae = Math.max(ie?.easedOffset ?? 0, 0), De = Math.min(1, mt + Ae), Ee = _t + (Ve - _t) * De, Ne = a.direction * Ee * E, { actualDelta: _e, reachedBoundary: ke } = Ut(Ne);
+      if (ke || _e === 0) {
+        J();
         return;
       }
-      I.current = window.requestAnimationFrame(Jt);
+      C.current = window.requestAnimationFrame(Tt);
     },
-    [Zt, Et]
-  ), qt = C(() => {
-    I.current === null && (O.current = null, I.current = window.requestAnimationFrame(Jt));
-  }, [Jt]);
-  Y(() => () => {
-    Et();
-  }, [Et]);
-  const Bt = C(
-    (o) => {
-      G.current = o, z(o.active), o.active && o.direction !== 0 ? qt() : Et();
+    [Ut, J]
+  ), jt = T(() => {
+    C.current === null && (q.current = null, C.current = window.requestAnimationFrame(Tt));
+  }, [Tt]);
+  X(() => () => {
+    J();
+  }, [J]);
+  const re = T(
+    (r) => {
+      _.current = r, N(r.active), r.active && r.direction !== 0 ? jt() : J();
     },
-    [qt, Et]
+    [jt, J]
   );
-  Y(() => {
-    w || gt();
-  }, [gt, w]), Y(() => {
-    const o = (h) => {
-      const ot = h.detail?.paneId;
-      ot && c && ot !== c || gt();
+  X(() => {
+    st || Pt();
+  }, [Pt, st]), X(() => {
+    const r = (a) => {
+      const V = a.detail?.paneId;
+      V && f && V !== f || Pt();
     };
-    return window.addEventListener(xe, o), () => {
-      window.removeEventListener(xe, o);
+    return window.addEventListener(be, r), () => {
+      window.removeEventListener(be, r);
     };
-  }, [c, gt]), Y(() => {
-    if (!w)
+  }, [f, Pt]), X(() => {
+    if (!st)
       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)) {
+        Pt();
         return;
       }
-      Ct.current?.getElement()?.contains(R) || gt();
+      ft.current?.getElement()?.contains(x) || Pt();
     };
-    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 (!H || W <= 0 || B <= 0)
+  }, [Pt, st]);
+  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 / je), We);
-    Zt(o * h);
-  }, { handleArrowPointerDown: Yt, handleArrowPointerUp: Kt, handleArrowKeyDown: se } = rr({
-    canUseArrowButtons: Ht,
+    const a = ht(r, 0, j);
+    return ht(a / j * W, 0, W);
+  }, Ht = (r) => {
+    const a = Math.max(Math.round(t / We), Ke);
+    Ut(r * a);
+  }, { handleArrowPointerDown: ne, handleArrowPointerUp: Rt, handleArrowKeyDown: Ft } = rr({
+    canUseArrowButtons: Ct,
     enableArrowButtons: u,
-    resetTapScroll: gt,
-    scrollByStep: $t
-  }), ue = (o) => {
-    if (!H)
+    resetTapScroll: Pt,
+    scrollByStep: Ht
+  }), Ot = (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
-    }, K(!0), $(!0), o.preventDefault(), o.stopPropagation();
-  }, de = (o) => {
-    const h = V.current;
-    if (h.pointerId !== o.pointerId)
+    Pt();
+    const a = r.currentTarget;
+    a.setPointerCapture && a.setPointerCapture(r.pointerId), $.current = {
+      pointerId: r.pointerId,
+      startThumbPosition: Dt,
+      startClientX: r.clientX,
+      startClientY: r.clientY
+    }, G(!0), rt(!0), r.preventDefault(), r.stopPropagation();
+  }, Lt = (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);
-    Ut(tt), o.cancelable && o.preventDefault();
-  }, fe = (o) => {
-    if (V.current.pointerId !== o.pointerId)
+    const x = r.clientX - a.startClientX, V = r.clientY - a.startClientY, O = xt(x, V), E = Gt(a.startThumbPosition + O);
+    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 }, K(!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 }, G(!1), w.current && !w.current.matches(":hover") && rt(!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 }, K(!1), A.current && !A.current.matches(":hover") && $(!1);
-  }, x = (o) => {
-    if (!H)
+    const a = r.currentTarget;
+    a.hasPointerCapture(r.pointerId) && a.releasePointerCapture(r.pointerId), $.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, G(!1), w.current && !w.current.matches(":hover") && rt(!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);
-    Ut(_t), h.setPointerCapture && h.setPointerCapture(o.pointerId), F.current = {
-      pointerId: o.pointerId,
-      startThumbPosition: tt,
-      startClientX: o.clientX,
-      startClientY: o.clientY
-    }, o.preventDefault(), o.stopPropagation();
-  }, b = (o) => {
-    const h = F.current;
-    if (h.pointerId !== o.pointerId)
+    const a = r.currentTarget, x = a.getBoundingClientRect(), O = It(r) - (h ? x.left : x.top);
+    Pt();
+    const E = O - nt / 2, H = Gt(E);
+    Nt(H), 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);
-    Ut(tt), o.cancelable && o.preventDefault();
-  }, _ = (o) => {
-    if (F.current.pointerId !== o.pointerId)
+    const x = r.clientX - a.startClientX, V = r.clientY - a.startClientY, O = xt(x, V), E = Gt(a.startThumbPosition + O);
+    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), F.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, o.preventDefault(), o.stopPropagation();
-  }, j = (o) => {
-    if (F.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), F.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 };
-  }, Z = kt(() => xt((k ? 1 : 0.8) * D, 0, 1), [k, D]), Mt = kt(() => {
-    const h = `calc(50% - ${ut / 2}px + ${Tt}px)`;
+    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((Q ? 1 : 0.8) * At, 0, 1), [Q, 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__ */ U(
+  }, [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
+        [tt]: St,
+        [F]: l
       },
-      "aria-label": h,
-      onMouseDown: Yt(o),
-      onTouchStart: Yt(o),
-      onMouseUp: Kt,
-      onMouseLeave: Kt,
-      onTouchEnd: Kt,
-      onTouchCancel: Kt,
-      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: !Ht,
-      children: /* @__PURE__ */ U("span", { "aria-hidden": "true", children: R })
+      disabled: !Ct,
+      children: /* @__PURE__ */ B("span", { "aria-hidden": "true", children: x })
     }
-  ), Dt = v && H ? {
-    orientation: ht,
+  ), m = 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: k,
-    visibleStartIndex: N,
-    visibleEndIndex: q
+    thumbSize: nt,
+    thumbPosition: Dt,
+    thumbCenter: wt,
+    trackSize: g,
+    isDragging: Y,
+    isTapScrollActive: Q,
+    visibleStartIndex: A,
+    visibleEndIndex: U
   } : null;
-  return /* @__PURE__ */ te(
+  return /* @__PURE__ */ Bt(
     "div",
     {
-      className: Qt("group relative cursor-default select-none", Pt, d),
+      className: Wt("group relative cursor-default select-none", ct, d),
       style: {
-        [Q]: t,
-        [st]: l,
+        [tt]: t,
+        [F]: 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 && H && w && /* @__PURE__ */ U(
-          Ae,
+        !h && pt && st && /* @__PURE__ */ B(
+          Re,
           {
-            ref: Ct,
-            className: Qt("pointer-events-auto absolute transition-opacity duration-150", rt),
-            size: ut,
-            maxVisualDistance: Rt,
-            style: Mt,
-            opacity: Z,
-            renderVisual: T,
-            onDragChange: Bt
+            ref: ft,
+            className: Wt("pointer-events-auto absolute transition-opacity duration-150", lt),
+            size: v,
+            maxVisualDistance: Et,
+            style: fe,
+            opacity: de,
+            renderVisual: I,
+            onDragChange: re
           }
         ),
-        zt(-1, lt[0], Ft[0]),
-        /* @__PURE__ */ te(
+        i(-1, et[0], at[0]),
+        /* @__PURE__ */ Bt(
           "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: j,
-            "aria-disabled": !a,
+            onPointerDown: se,
+            onPointerMove: ue,
+            onPointerUp: Zt,
+            onPointerCancel: Jt,
+            "aria-disabled": !c,
             children: [
-              Dt && /* @__PURE__ */ U("div", { className: "pointer-events-none absolute inset-0", "aria-hidden": !0, children: v?.(Dt) }),
-              H && // スクロールバーのつまみの当たり判定を広げるためのラッパー
-              /* @__PURE__ */ U(
+              m && /* @__PURE__ */ B("div", { className: "pointer-events-none absolute inset-0", "aria-hidden": !0, children: b?.(m) }),
+              pt && // スクロールバーのつまみの当たり判定を広げるためのラッパー
+              /* @__PURE__ */ B(
                 "div",
                 {
                   className: "group absolute",
                   style: {
-                    [Q]: it,
-                    [bt]: At,
-                    ...m ? { top: 0, bottom: 0 } : { left: 0, right: 0 },
+                    [tt]: nt,
+                    [Mt]: Dt,
+                    ...h ? { top: 0, bottom: 0 } : { left: 0, right: 0 },
                     touchAction: "none"
                   },
-                  onPointerDown: ue,
-                  onPointerMove: de,
-                  onPointerUp: fe,
-                  onPointerCancel: i,
+                  onPointerDown: Ot,
+                  onPointerMove: Lt,
+                  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__ */ U(
+                  children: /* @__PURE__ */ B(
                     "div",
                     {
-                      ref: A,
-                      className: Qt("aqvs:scrollbar-thumb absolute", m ? "aqvs:scrollbar-thumb-horizontal" : "aqvs:scrollbar-thumb-vertical"),
-                      "data-thumb-state": yt,
+                      ref: w,
+                      className: Wt("aqvs:scrollbar-thumb absolute", h ? "aqvs:scrollbar-thumb-horizontal" : "aqvs:scrollbar-thumb-vertical"),
+                      "data-thumb-state": Xt,
                       style: {
                         borderRadius: l - 1,
                         cursor: s ? "pointer" : "default"
                       },
                       onMouseEnter: () => {
-                        s && $(!0);
+                        s && rt(!0);
                       },
                       onMouseLeave: () => {
-                        s && $(!1);
+                        s && rt(!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], Ft[1])
+        i(1, et[1], at[1])
       ]
     }
   );
-}, pt = {
-  debug(n, ...t) {
-    process.env.NODE_ENV === "___" && console.debug(`[VirtualScroll] ${n}`, ...t);
+}, ut = {
+  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,
-    renderThumbOverlay: q,
-    wheelSpeedMultiplier: L = 1,
-    contentInsets: K,
-    visibleStartIndex: It,
-    visibleEndIndex: $,
-    renderOverlay: k
-  }, z) => {
-    const A = M(0), V = M(null), F = M(null), at = M({
+    style: f,
+    background: p,
+    tapScrollCircleOptions: R,
+    inertiaOptions: b,
+    itemCount: A,
+    renderThumbOverlay: U,
+    wheelSpeedMultiplier: Y = 1,
+    contentInsets: G,
+    visibleStartIndex: dt,
+    visibleEndIndex: rt,
+    renderOverlay: Q
+  }, N) => {
+    const w = P(0), $ = P(null), z = P(null), Z = P({
       frame: null,
       velocity: 0,
       lastTimestamp: null
-    }), G = kt(
+    }), _ = 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 = kt(() => ({
-      top: Math.max(0, K?.top ?? 0),
-      bottom: Math.max(0, K?.bottom ?? 0)
-    }), [K]);
-    pt.debug("[ScrollPane] ScrollPane rendered", {
+      [b]
+    ), ft = yt(() => ({
+      top: Math.max(0, G?.top ?? 0),
+      bottom: Math.max(0, G?.bottom ?? 0)
+    }), [G]);
+    ut.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: ft
     });
-    const I = M({ contentSize: t, viewportSize: e }), O = kt(() => t > e, [t, e]), g = C(
-      (T) => {
-        const { contentSize: S, viewportSize: J } = I.current, Q = S > J, st = A.current;
-        if (pt.debug("[ScrollPane] scrollTo called", { newPosition: T, contentSize: S, viewportSize: J, currentIsScrollable: Q, prevPosition: st }), !Q)
-          return A.current !== 0 && (A.current = 0, l?.(0, st)), A.current;
-        const bt = typeof T == "function" ? T(A.current) : T, nt = Math.max(S - J, 0), ft = xt(bt, 0, nt);
-        return A.current !== ft && (A.current = ft, l?.(ft, st)), A.current;
+    const C = P({ contentSize: t, viewportSize: e }), q = yt(() => t > e, [t, e]), K = T(
+      (I) => {
+        const { contentSize: D, viewportSize: M } = C.current, tt = D > M, F = w.current;
+        if (ut.debug("[ScrollPane] scrollTo called", { newPosition: I, contentSize: D, viewportSize: M, currentIsScrollable: tt, prevPosition: F }), !tt)
+          return w.current !== 0 && (w.current = 0, l?.(0, F)), 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, F)), 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 = M(et);
-    Y(() => {
-      w.current = et;
-    }, [et]);
-    const ut = C(
-      (T) => {
-        if (!O)
+    ), L = T(() => {
+      const I = Z.current;
+      I.frame !== null && cancelAnimationFrame(I.frame), I.frame = null, I.velocity = 0, I.lastTimestamp = null;
+    }, []), st = P(L);
+    X(() => {
+      st.current = L;
+    }, [L]);
+    const v = T(
+      (I) => {
+        if (!q)
           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: tt, startVelocityThreshold: F } = _, Mt = ht(I, -D, D);
+        if (Math.abs(Mt) < F)
           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);
+        L(), Z.current.velocity = Mt, Z.current.lastTimestamp = null;
+        const xt = (It) => {
+          const et = Z.current;
+          if (et.lastTimestamp === null) {
+            et.lastTimestamp = It, et.frame = requestAnimationFrame(xt);
             return;
           }
-          const Ft = ft - lt.lastTimestamp;
-          if (lt.lastTimestamp = ft, Ft <= 0) {
-            lt.frame = requestAnimationFrame(nt);
+          const at = It - et.lastTimestamp;
+          if (et.lastTimestamp = It, at <= 0) {
+            et.frame = requestAnimationFrame(xt);
             return;
           }
-          const Pt = lt.velocity;
-          let ht = Pt;
-          const Rt = Q * Ft;
-          Pt > 0 ? ht = Math.max(0, Pt - Rt) : Pt < 0 && (ht = Math.min(0, Pt + Rt));
-          const St = (Pt + ht) / 2 * Ft, p = A.current;
-          St !== 0 && g((Vt) => Vt + St);
-          const y = A.current, { contentSize: it, viewportSize: B } = I.current, W = Math.max(it - B, 0);
-          lt.velocity = ht;
-          const At = y === p || y <= 0 && ht <= 0 || y >= W && ht >= 0;
-          if (Math.abs(ht) < J || At) {
-            et();
+          const ct = et.velocity;
+          let gt = ct;
+          const Et = tt * at;
+          ct > 0 ? gt = Math.max(0, ct - Et) : ct < 0 && (gt = Math.min(0, ct + Et));
+          const St = (ct + gt) / 2 * at, g = w.current;
+          St !== 0 && K((wt) => wt + St);
+          const S = w.current, { contentSize: nt, viewportSize: W } = C.current, j = Math.max(nt - W, 0);
+          et.velocity = gt;
+          const Dt = S === g || S <= 0 && gt <= 0 || S >= j && gt >= 0;
+          if (Math.abs(gt) < M || Dt) {
+            L();
             return;
           }
-          lt.frame = requestAnimationFrame(nt);
+          et.frame = requestAnimationFrame(xt);
         };
-        at.current.frame = requestAnimationFrame(nt);
+        Z.current.frame = requestAnimationFrame(xt);
       },
-      [O, G, g, et]
-    ), dt = M(ut);
-    Y(() => {
-      dt.current = ut;
-    }, [ut]), oe(() => {
-      I.current = { contentSize: t, viewportSize: e };
-    }, [t, e]), oe(() => {
-      const T = F.current;
-      if (!T) return;
-      const S = () => {
-        T.scrollTop !== 0 && (pt.debug("[ScrollPane] Native scroll detected, resetting to 0", { scrollTop: T.scrollTop }), T.scrollTop = 0), T.scrollLeft !== 0 && (T.scrollLeft = 0);
+      [q, _, K, L]
+    ), vt = P(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 && (ut.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 (q) {
+        ut.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);
+    }, [q, K, t, e]), X(() => {
+      const I = (M) => {
+        if (!q)
           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: F.current?.scrollTop }), g((st) => st + Q);
-      }, S = V.current;
-      return S && S.addEventListener("wheel", T, { passive: !1 }), () => {
-        S && S.removeEventListener("wheel", T);
+        M.preventDefault(), L();
+        let tt = M.deltaY;
+        M.deltaMode === 1 ? tt *= 16 : M.deltaMode === 2 && (tt *= e), Y !== 1 && (tt *= Y), ut.debug("[ScrollPane] wheel event", { deltaY: tt, scrollPosition: w.current, wheelSpeedMultiplier: Y, deltaMode: M.deltaMode, scrollTop: z.current?.scrollTop }), K((F) => F + tt);
+      }, D = $.current;
+      return D && D.addEventListener("wheel", I, { passive: !1 }), () => {
+        D && D.removeEventListener("wheel", I);
       };
-    }, [O, g, et, e, L]), be(
-      z,
+    }, [q, K, L, e, Y]), Ie(
+      N,
       () => ({
-        scrollTo: (T) => (et(), g(T)),
-        getScrollPosition: () => A.current,
+        scrollTo: (I) => (L(), K(I)),
+        getScrollPosition: () => w.current,
         getContentSize: () => t,
         getViewportSize: () => e
       }),
-      [g, t, e, et]
+      [K, t, e, L]
     );
-    const Tt = M(g);
-    Y(() => {
-      Tt.current = g;
-    }, [g]);
-    const rt = He(), X = M({
+    const y = P(K);
+    X(() => {
+      y.current = K;
+    }, [K]);
+    const lt = qe(), k = P({
       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 = M(m);
-    Y(() => {
-      mt.current = m;
-    }, [m]);
-    const vt = M(O);
-    Y(() => {
-      vt.current = O;
-    }, [O]);
-    const D = M(G);
-    return Y(() => {
-      D.current = G;
-    }, [G]), Y(() => {
-      if (m)
+    }), bt = P(h);
+    X(() => {
+      bt.current = h;
+    }, [h]);
+    const it = P(q);
+    X(() => {
+      it.current = q;
+    }, [q]);
+    const At = P(_);
+    return X(() => {
+      At.current = _;
+    }, [_]), X(() => {
+      if (h)
         return;
-      const T = F.current, S = X.current;
-      S.pointerId !== null && T && T.hasPointerCapture(S.pointerId) && T.releasePointerCapture(S.pointerId), S.clickResetTimer !== null && (window.clearTimeout(S.clickResetTimer), S.clickResetTimer = null), S.pointerId = null, S.startClientY = 0, S.startScroll = 0, S.isDragging = !1, S.shouldCancelNextClick = !1, S.velocitySamples = [];
-    }, [m]), Y(() => {
-      const T = F.current;
-      if (!T)
+      const I = z.current, D = k.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 y = X.current, it = J();
-        y.velocitySamples.push({ clientY: p, time: it });
-        const B = D.current.velocitySampleWindow;
-        y.velocitySamples = y.velocitySamples.filter((W) => it - W.time <= B);
-      }, nt = (p) => p instanceof HTMLElement && p.closest("[data-scrollpane-ignore-drag='true']") !== null, ft = (p) => {
-        const y = X.current;
-        y.shouldCancelNextClick && (p.preventDefault(), p.stopPropagation(), y.shouldCancelNextClick = !1);
-      }, lt = (p) => {
-        const y = X.current;
-        y.isDragging || (y.isDragging = !0, y.shouldCancelNextClick = !0, T.hasPointerCapture(p.pointerId) || T.setPointerCapture(p.pointerId), bt(p.clientY));
-      }, Ft = (p) => {
-        const y = X.current;
-        if (y.pointerId !== p.pointerId || !(mt.current && vt.current) || !y.isDragging && (Math.abs(p.clientY - y.startClientY) < S || (lt(p), !y.isDragging)))
+      const D = 6, M = () => typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now(), tt = () => {
+        const g = k.current;
+        g.pointerId = null, g.startClientY = 0, g.startScroll = 0, g.isDragging = !1, g.velocitySamples = [];
+      }, F = () => {
+        const g = k.current;
+        g.clickResetTimer !== null && (window.clearTimeout(g.clickResetTimer), g.clickResetTimer = null);
+      }, Mt = (g) => {
+        const S = k.current, nt = M();
+        S.velocitySamples.push({ clientY: g, time: nt });
+        const W = At.current.velocitySampleWindow;
+        S.velocitySamples = S.velocitySamples.filter((j) => nt - j.time <= W);
+      }, xt = (g) => g instanceof HTMLElement && g.closest("[data-scrollpane-ignore-drag='true']") !== null, It = (g) => {
+        const S = k.current;
+        S.shouldCancelNextClick && (g.preventDefault(), g.stopPropagation(), S.shouldCancelNextClick = !1);
+      }, et = (g) => {
+        const S = k.current;
+        S.isDragging || (S.isDragging = !0, S.shouldCancelNextClick = !0, I.hasPointerCapture(g.pointerId) || I.setPointerCapture(g.pointerId), Mt(g.clientY));
+      }, at = (g) => {
+        const S = k.current;
+        if (S.pointerId !== g.pointerId || !(bt.current && it.current) || !S.isDragging && (Math.abs(g.clientY - S.startClientY) < D || (et(g), !S.isDragging)))
           return;
-        bt(p.clientY);
-        const it = p.clientY - y.startClientY, B = y.startScroll - it;
-        Tt.current(B), p.cancelable && p.preventDefault();
-      }, Pt = (p) => {
-        const y = X.current;
-        if (y.pointerId !== p.pointerId)
+        Mt(g.clientY);
+        const nt = g.clientY - S.startClientY, W = S.startScroll - nt;
+        y.current(W), g.cancelable && g.preventDefault();
+      }, ct = (g) => {
+        const S = k.current;
+        if (S.pointerId !== g.pointerId)
           return;
-        y.isDragging && y.shouldCancelNextClick && p.cancelable && (p.preventDefault(), p.stopPropagation()), T.hasPointerCapture(p.pointerId) && T.releasePointerCapture(p.pointerId);
-        let it = 0;
-        if (y.isDragging && y.velocitySamples.length >= 2) {
-          const W = y.velocitySamples, At = D.current.velocitySampleWindow, Vt = W[W.length - 1], H = W.find((Ht) => Vt.time - Ht.time <= At) ?? W[0];
-          if (Vt && H && Vt.time !== H.time) {
-            const Ht = Vt.clientY - H.clientY, yt = Vt.time - H.time;
-            it = -(Ht / yt);
+        S.isDragging && S.shouldCancelNextClick && g.cancelable && (g.preventDefault(), g.stopPropagation()), I.hasPointerCapture(g.pointerId) && I.releasePointerCapture(g.pointerId);
+        let nt = 0;
+        if (S.isDragging && S.velocitySamples.length >= 2) {
+          const j = S.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, Xt = wt.time - pt.time;
+            nt = -(Ct / Xt);
           }
         }
-        st(), y.shouldCancelNextClick && (y.clickResetTimer = window.setTimeout(() => {
-          const W = X.current;
-          W.shouldCancelNextClick = !1, W.clickResetTimer = null;
+        F(), S.shouldCancelNextClick && (S.clickResetTimer = window.setTimeout(() => {
+          const j = k.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;
+        tt(), Math.abs(nt) >= W && vt.current?.(nt);
+      }, gt = (g) => {
+        if (!(bt.current && it.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 y = X.current;
-        st(), y.pointerId = p.pointerId, y.startClientY = p.clientY, y.startScroll = A.current, y.isDragging = !1, y.shouldCancelNextClick = !1, y.velocitySamples = [];
-      }, Rt = (p) => {
-        const y = X.current;
-        y.pointerId === p.pointerId && (y.shouldCancelNextClick = !1, T.hasPointerCapture(p.pointerId) && T.releasePointerCapture(p.pointerId), st(), Q());
-      }, Lt = [
-        ["click", ft, !0],
-        ["pointerdown", ht, { passive: !1 }],
-        ["pointermove", Ft, { passive: !1 }],
-        ["pointerup", Pt, void 0],
-        ["pointercancel", Rt, void 0]
+        window.dispatchEvent(new CustomEvent(be, { detail: { paneId: lt } })), st.current?.();
+        const S = k.current;
+        F(), S.pointerId = g.pointerId, S.startClientY = g.clientY, S.startScroll = w.current, S.isDragging = !1, S.shouldCancelNextClick = !1, S.velocitySamples = [];
+      }, Et = (g) => {
+        const S = k.current;
+        S.pointerId === g.pointerId && (S.shouldCancelNextClick = !1, I.hasPointerCapture(g.pointerId) && I.releasePointerCapture(g.pointerId), F(), tt());
+      }, zt = [
+        ["click", It, !0],
+        ["pointerdown", gt, { passive: !1 }],
+        ["pointermove", at, { passive: !1 }],
+        ["pointerup", ct, void 0],
+        ["pointercancel", Et, void 0]
       ], St = [
-        ["pointermove", Ft, { passive: !1 }],
-        ["pointerup", Pt, void 0],
-        ["pointercancel", Rt, void 0]
+        ["pointermove", at, { passive: !1 }],
+        ["pointerup", ct, 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, zt, "add"), le(window, St, "add"), () => {
+        le(I, zt, "remove"), le(window, St, "remove");
+        const g = k.current;
+        g.pointerId !== null && I.hasPointerCapture(g.pointerId) && I.releasePointerCapture(g.pointerId), F(), tt();
       };
-    }, [rt]), /* @__PURE__ */ te("div", { ref: V, className: Qt("relative flex", d), style: c, children: [
-      /* @__PURE__ */ te(
+    }, [lt]), /* @__PURE__ */ Bt("div", { ref: $, className: Wt("relative flex", d), style: f, children: [
+      /* @__PURE__ */ Bt(
         "div",
         {
-          ref: F,
-          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: ft.top,
+            paddingBottom: ft.bottom,
+            ...h ? { touchAction: "none" } : {}
           },
-          id: rt,
+          id: lt,
           children: [
-            f,
-            n(A.current)
+            p,
+            o(w.current)
           ]
         }
       ),
-      O && /* @__PURE__ */ U(
+      q && /* @__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,
-          renderThumbOverlay: q,
-          visibleStartIndex: It,
-          visibleEndIndex: $
+          scrollBarWidth: n,
+          ariaControls: lt,
+          tapScrollCircleOptions: R,
+          itemCount: A,
+          renderThumbOverlay: U,
+          visibleStartIndex: dt,
+          visibleEndIndex: rt
         }
       ),
-      k?.()
+      Q?.()
     ] });
   }
-), ye = (n, t, e) => Math.min(Math.max(n, t), e), Tr = ({ dragState: n, normalizedDistance: t, sizeScale: e, size: r }) => {
-  const s = Math.max(r / 2, 1), a = 1 + t * 0.65, u = Math.max(0.65, 1 - t * 0.25), m = n.direction * t * 26 * e, l = 0.8 + t * 0.18, d = 3 * e, c = 6 * e, f = 22 * e, P = Math.abs(m) + c, v = m > 0 ? d : -Math.abs(m) - d, N = Math.max(2.5, 3 * e), q = ye(n.offsetX, -s, s), L = ye(n.offsetY, -s, s), K = s * 0.35, It = q / s * K, $ = L / s * K, k = It * 0.45, z = $ * 0.45, A = Math.max(f * 0.38, 6), V = 0.65 + t * 0.2, F = n.active;
-  return /* @__PURE__ */ te(Re, { children: [
-    /* @__PURE__ */ U(
+), ye = (o, t, e) => Math.min(Math.max(o, t), e), Sr = ({ 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, p = 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), G = s * 0.35, dt = U / s * G, rt = Y / s * G, Q = dt * 0.45, N = rt * 0.45, w = Math.max(p * 0.38, 6), $ = 0.65 + t * 0.2, z = o.active;
+  return /* @__PURE__ */ Bt(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: F ? "40ms transform ease-out" : "200ms ease transform"
+          transform: `scale(${u}, ${c})`,
+          transition: z ? "40ms transform ease-out" : "200ms ease transform"
         }
       }
     ),
-    /* @__PURE__ */ U(
+    /* @__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: F ? "70ms transform ease-out" : "200ms ease transform"
+          width: p,
+          height: p,
+          transform: `translate(calc(-50% + ${dt}px), calc(-50% + ${rt}px)) scale(${u}, ${l * c})`,
+          transition: z ? "70ms transform ease-out" : "200ms ease transform"
         }
       }
     ),
-    /* @__PURE__ */ U(
+    /* @__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% + ${k}px), calc(-50% + ${z}px)) scale(${u}, ${a})`,
-          opacity: V,
+          width: w,
+          height: w,
+          transform: `translate(calc(-50% + ${Q}px), calc(-50% + ${N}px)) scale(${u}, ${c})`,
+          opacity: $,
           boxShadow: "0 0 8px rgba(255,255,255,0.45)",
-          transition: F ? "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__ */ U(
+    /* @__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: F ? "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 p = d - this.baseValue;
+            this.deltas.set(f, p), this._updateTree(f, p);
           }
       } 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 [p, R] of h.entries())
+        R === l && d.push(p);
+      const f = d.reduce((p, R) => p + 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 p = (this.tree.get(d) ?? 0) + this.baseValue * u;
+        (n ? c + p < t : c + p <= t) && (s = d, c += p);
+      }
     }
-    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), q = this.prefixSum(N, e);
-      if (d = q, c = q.total, r ? q.cumulative >= t : q.cumulative <= t)
-        if (m = v, l = q, r) {
-          if (v === 0n)
+    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 p = 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: p?.cumulative,
+      currentValue: p?.currentValue,
+      safeIndex: p?.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 = M(null), a = kt(() => new ar(r, t, e), [r, t, e]);
-  return Object.is(s.current, a) || console.warn("[useFenwickMapTree] instance changed"), s.current = a, a;
+const lr = (o, t, e) => {
+  const n = Math.max(0, o), s = P(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;
@@ -1486,137 +1505,139 @@ class Me {
     this.remove(t), this.addToTail(t);
   }
 }
-function ur(n) {
-  const t = M(/* @__PURE__ */ new Map()), e = M(new Me());
-  Y(() => {
-    for (; t.current.size > n; ) {
-      const c = e.current.removeHead();
-      if (c)
-        t.current.delete(c.key);
+function ur(o) {
+  const t = P(/* @__PURE__ */ new Map()), e = P(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 p = t.current.get(f);
+    if (p)
+      return e.current.moveToTail(p), p.value;
+  }, []), s = T(
+    (f, p) => {
+      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 = p, 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, p), 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(() => {
+    [o]
+  ), c = T((f) => t.current.has(f), []), u = T((f) => {
+    const p = t.current.get(f);
+    p && (e.current.remove(p), t.current.delete(f));
+  }, []), h = T(() => {
     t.current.clear(), e.current = new Me();
-  }, []), [l, d] = Nt(() => ({ get: r, set: s, has: a, remove: u, clear: m }));
-  return Y(() => d({ get: r, set: s, has: a, remove: u, clear: m }), [r, s, a, u, m]), l;
+  }, []), [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)
-}), jt = (n, t) => n <= t ? 0 : n - t, ne = (n, t) => n <= 0 ? t : n + t, we = (n) => {
-  if (!Number.isFinite(n))
+const dr = 1e4, Pr = () => {
+  const { get: o, set: t, has: e, clear: n } = ur(dr);
+  return { get: o, set: t, has: e, clear: n };
+}, ot = (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);
+}, pr = (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 = (k) => k < 0n ? 0n : k >= l ? l - 1n : k, c = { materializeOption: { materialize: !1 } }, { index: f } = a.findIndexAtOrAfter(n, c);
-  let P;
-  f === -1 ? P = l - 1n : (P = we(f), P >= l && (P = l - 1n)), n <= 0 && (P = 0n), m && n >= u && (P = l - 1n);
-  const v = (k) => {
-    let z = 0, A = k, V = k, F = 0n;
-    for (; A < l && z < t; ) {
-      const at = Number(A), G = s(at);
-      if (z += G, V = A, A += 1n, F += 1n, !Number.isFinite(G) || G <= 0)
+  const d = (N) => N < 0n ? 0n : N >= l ? l - 1n : N, f = { materializeOption: { materialize: !1 } }, { index: p, cumulative: R } = c.findIndexAtOrAfter(o, f);
+  let b;
+  p === -1 ? b = l - 1n : (R === o ? b = ge(p + 1) : b = ge(p), b >= l && (b = l - 1n)), o <= 0 && (b = 0n), h && o >= u && (b = l - 1n);
+  const A = (N) => {
+    let w = 0, $ = N, z = N, Z = 0n;
+    for (; $ < l && w < t; ) {
+      const _ = Number($), ft = s(_);
+      if (w += ft, z = $, $ += 1n, Z += 1n, !Number.isFinite(ft) || ft <= 0)
         break;
     }
-    return F === 0n && (V = k), { height: z, end: V };
+    return Z === 0n && (z = N), { height: w, end: z };
   };
-  let { height: N, end: q } = v(P);
-  if (N < t && P > 0n) {
-    let k = P, z = N;
-    for (; k > 0n && z < t; ) {
-      k -= 1n;
-      const V = Number(k), F = s(V);
-      if (z += F, !Number.isFinite(F) || F <= 0)
+  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), Z = s(z);
+      if (w += Z, !Number.isFinite(Z) || Z <= 0)
         break;
     }
-    P = d(k);
-    const A = v(P);
-    N = A.height, q = A.end;
+    b = d(N);
+    const $ = A(b);
+    U = $.height, Y = $.end;
   }
-  const L = d(P), K = d(q), It = d(L - BigInt(Math.max(0, e))), $ = d(K + BigInt(Math.max(0, e)));
+  const G = d(b), dt = d(Y), rt = d(G - BigInt(Math.max(0, e))), Q = d(dt + BigInt(Math.max(0, e)));
   return {
-    renderingStartIndex: ct(Number(It), r),
-    renderingEndIndex: ct(Number($), r),
-    visibleStartIndex: ct(Number(L), r),
-    visibleEndIndex: ct(Number(K), r)
+    renderingStartIndex: ot(Number(rt), n),
+    renderingEndIndex: ot(Number(Q), n),
+    visibleStartIndex: ot(Number(G), n),
+    visibleEndIndex: ot(Number(dt), n)
   };
-}, mr = (n, t, e, r, s, a, u) => {
-  if (r === 0)
+}, mr = (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 pr(l, t, e, n, s, c, u, h);
+  const { index: d, cumulative: f, currentValue: p } = c.findIndexAtOrAfter(l, { materializeOption: { materialize: !1 } }), R = d === -1 ? t <= 0 || (f ?? 0) < l + (p ?? 0) ? n - 1 : 0 : d;
+  let b = ot(R, n), A = 0;
+  if (d !== -1 && f === l)
+    b = ot(d + 1, n), A = 0;
+  else if (b === d && f !== void 0 && p !== void 0)
+    A = f - p - l;
   else {
-    const { cumulative: k, currentValue: z } = a.prefixSum(v, { materializeOption: { materialize: !1 } });
-    N = (k ?? 0) - (z ?? 0) - l;
+    const { cumulative: Q, currentValue: N } = c.prefixSum(b, { materializeOption: { materialize: !1 } });
+    A = (Q ?? 0) - (N ?? 0) - l;
   }
-  const q = N;
-  let L = v;
-  for (; L < r && N < t; )
-    N += s(L), L++;
-  if (N < t && v > 0) {
-    let k = N + Math.abs(Math.min(0, q)), z = v - 1;
-    for (; z >= 0 && k < t; )
-      k += s(z), z--;
-    for (v = ct(z + 1, r), N = 0, L = v; L < r && N < t; )
-      N += s(L), L++;
+  const U = A;
+  let Y = b;
+  for (; Y < n && A < t; )
+    A += s(Y), Y++;
+  if (A < t && b > 0) {
+    let Q = A + Math.abs(Math.min(0, U)), N = b - 1;
+    for (; N >= 0 && Q < t; )
+      Q += s(N), N--;
+    for (b = ot(N + 1, n), A = 0, Y = b; Y < n && A < t; )
+      A += s(Y), Y++;
   }
-  const K = ct(v - e, r), It = ct(Math.max(L - 1, v), r), $ = ct(It + e, r);
-  return { renderingStartIndex: K, renderingEndIndex: $, visibleStartIndex: v, visibleEndIndex: It };
-}, hr = () => typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now(), Ce = (n, t, e) => {
-  const r = Math.max(0, t ?? 0), s = M({
+  const G = ot(b - e, n), dt = ot(Math.max(Y - 1, b), n), rt = ot(dt + e, n);
+  return { renderingStartIndex: G, renderingEndIndex: rt, visibleStartIndex: b, visibleEndIndex: dt };
+}, hr = () => typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now(), we = (o, t, e) => {
+  const n = Math.max(0, t ?? 0), s = P({
     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(), p = d.normalizedThrottle, R = d.pendingPayload, b = o.current;
+      if (R !== null && b) {
+        const A = f - d.lastInvokeAt;
+        (p === 0 || d.lastInvokeAt === 0 || A >= p) && (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,465 +1656,456 @@ 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 = 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]), p = 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 ? p : void 0,
+      onFocusCapture: u ? R : void 0,
+      children: s(n, o)
+    }
   );
-}, gr = ({
-  itemCount: n,
+}), 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: q,
-  enableArrowButtons: L,
-  enablePointerDrag: K,
-  inertiaOptions: It,
-  callbackThrottleMs: $ = 5,
-  renderThumbOverlay: k,
-  wheelSpeedMultiplier: z,
-  contentInsets: A,
-  enableKeyboardNavigation: V = !0,
-  onItemFocus: F,
-  clipItemHeight: at = !1,
-  enableScrollToTopBottomButtons: G
-}, Ct) => {
-  const I = M(null), O = M(!1), g = kt(() => fr(A), [A]), et = M({ size: n, valueOrFn: e, options: { sampleRange: { from: 0, to: 100 } } }), w = lr(et.current.size, et.current.valueOrFn, et.current.options), [ut] = Nt(() => {
-    let i = g.top, x = 0;
-    if (typeof c == "number") {
-      const b = xt(c, 0, n - 1), _ = xt(b - s * 2, 0, n - 1), j = xt(b + s * 2, 0, n - 1), Z = c > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: _, to: j }] } } : void 0, { cumulative: Mt, total: zt, currentValue: Dt } = w.prefixSum(c, Z), o = Math.max(Mt - Dt, 0);
-      i = ne(o, g.top), x = zt ?? w.getTotal();
-    } else typeof f == "number" && (i = ne(Math.max(f, 0), g.top)), x = w.getTotal();
-    return { position: i, total: x };
-  }), [dt, Tt] = Nt(ut.position), [rt, X] = Nt(ut.total), [mt, vt] = Nt(ut.position), [D, T] = Nt(n), S = M(ut.position), J = M(g.top), Q = M(u ?? void 0), st = M(m ?? void 0), bt = M(/* @__PURE__ */ new Map()), nt = M(null), ft = M(null), [lt, Ft] = Nt(null), [Pt, ht] = Nt(!1), Rt = M(null), Lt = M(!1);
-  Y(() => {
-    Q.current = u ?? void 0, st.current = m ?? void 0;
-  }, [m, u]);
-  const St = C(
+  initialScrollIndex: f,
+  initialScrollOffset: p,
+  callbackThrottleMs: R = 5,
+  contentInsets: b,
+  onItemFocus: A,
+  scrollBarOptions: U,
+  behaviorOptions: Y
+}, G) => {
+  const { width: dt, enableThumbDrag: rt, enableTrackClick: Q, enableArrowButtons: N, enableScrollToTopBottomButtons: w, renderThumbOverlay: $, tapScrollCircleOptions: z } = U ?? {}, { enablePointerDrag: Z, enableKeyboardNavigation: _ = !0, wheelSpeedMultiplier: ft, inertiaOptions: C, clipItemHeight: q = !1, resetOnGetItemHeightChange: K = !1 } = Y ?? {}, L = P(null), st = P(!1), v = yt(() => fr(b), [b]), vt = P({ size: o, valueOrFn: e, options: { sampleRange: { from: 0, to: 100 } } }), y = lr(vt.current.size, vt.current.valueOrFn, vt.current.options), [lt] = Vt(() => {
+    let i = v.top, m = 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: O, total: E, currentValue: H } = y.prefixSum(f, V), mt = Math.max(O - H, 0);
+      i = te(mt, v.top), m = E ?? y.getTotal();
+    } else typeof p == "number" && (i = te(Math.max(p, 0), v.top)), m = y.getTotal();
+    return { position: i, total: m };
+  }), [k, bt] = Vt(lt.position), [it, At] = Vt(lt.total), [I, D] = Vt(lt.position), [M, tt] = Vt(o), F = P(lt.position), Mt = P(v.top), xt = P(u ?? void 0), It = P(h ?? void 0), et = P(/* @__PURE__ */ new Map()), at = P(null), ct = P(null), [gt, Et] = Vt(null), [zt, St] = Vt(!1), g = P(null), S = P(!1), nt = P(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);
-  }), y = Ce(st, $, (i, { renderingStartIndex: x, renderingEndIndex: b, visibleStartIndex: _, visibleEndIndex: j, scrollPosition: Z, totalHeight: Mt }) => {
-    i(x, b, _, j, Z, Mt);
+    [_]
+  ), j = we(xt, R, (i, { position: m, totalHeight: r }) => {
+    i(m, r);
+  }), Dt = we(It, R, (i, { renderingStartIndex: m, renderingEndIndex: r, visibleStartIndex: a, visibleEndIndex: x, scrollPosition: V, totalHeight: O }) => {
+    i(m, r, a, x, V, O);
   });
-  Y(() => (O.current = !0, () => {
-    O.current = !1;
-  }), []), Y(() => {
-    V || (bt.current.clear(), nt.current = null, ft.current = null);
-  }, [V]);
-  const it = 0.01, B = M({
+  X(() => (st.current = !0, () => {
+    st.current = !1;
+  }), []), X(() => {
+    _ || (et.current.clear(), at.current = null, ct.current = null);
+  }, [_]);
+  const wt = T(
+    (i, m) => {
+      if (!m) {
+        et.current.delete(i);
+        return;
+      }
+      _ && (et.current.set(i, m), at.current === i && (at.current = null, ct.current = i, W(m)));
+    },
+    [_, W]
+  ), pt = 0.01, Ct = P({
     rafId: null,
     loopActive: !1,
     idleFrames: 0,
-    lastRenderedPosition: ut.position
-  }), W = C(() => {
-    const i = B.current;
+    lastRenderedPosition: lt.position
+  }), Xt = 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();
+      Xt();
     },
-    [W]
+    [Xt]
   );
-  const At = C(() => {
-    const i = B.current;
+  const Nt = T(() => {
+    const i = Ct.current;
     i.rafId = null;
-    const x = S.current, b = jt(x, g.top), _ = w.getTotal();
-    if (Tt((Z) => Math.abs(Z - x) < it ? Z : x), p({ position: b, totalHeight: _ }), Math.abs(i.lastRenderedPosition - x) >= it ? (i.lastRenderedPosition = x, i.idleFrames = 0) : i.idleFrames += 1, i.idleFrames >= 2) {
-      W();
+    const m = F.current, r = qt(m, v.top), a = y.getTotal();
+    if (bt((V) => Math.abs(V - m) < pt ? V : m), j({ position: r, totalHeight: a }), Math.abs(i.lastRenderedPosition - m) >= pt ? (i.lastRenderedPosition = m, i.idleFrames = 0) : i.idleFrames += 1, i.idleFrames >= 2) {
+      Xt();
       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, Xt]), Ut = 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]), H = C(
-    (i, x) => {
-      const b = x?.immediate ?? !1, _ = jt(i, g.top);
-      if (S.current = i, b) {
-        B.current.lastRenderedPosition = i, B.current.idleFrames = 0, Tt(i), p({ position: _, totalHeight: w.getTotal() });
+  }, [Nt]), J = T(
+    (i, m) => {
+      const r = m?.immediate ?? !1, a = qt(i, v.top);
+      if (F.current = i, r) {
+        Ct.current.lastRenderedPosition = i, Ct.current.idleFrames = 0, bt(i), j({ position: a, totalHeight: y.getTotal() });
         return;
       }
-      Vt();
+      Ut();
     },
-    [Vt, w, g.top, p]
-  ), Ht = M(!1);
-  Y(() => {
-    if (!Ht.current)
-      if (Ht.current = !0, typeof f == "number") {
-        const i = ne(Math.max(f, 0), g.top), x = Math.abs(i - S.current) > 0.5;
-        H(i, { immediate: !0 }), x && vt(i);
+    [Ut, y, v.top, j]
+  ), Pt = P(!1);
+  X(() => {
+    if (!Pt.current)
+      if (Pt.current = !0, typeof p == "number") {
+        const i = te(Math.max(p, 0), v.top), m = Math.abs(i - F.current) > 0.5;
+        J(i, { immediate: !0 }), m && D(i);
       } else
-        H(S.current, { immediate: !0 });
-  }, [f, g.top, H]), oe(() => {
-    w.setValueFn(e), D !== n && (w.changeSize(n), T(n));
-    const i = w.getTotal();
-    rt !== i && X(i);
-  }, [w, D, n, rt, e]), oe(() => {
-    mt !== null && I.current && (pt.debug("[VirtualScroll] Scrolling to position:", mt), I.current.scrollTo(mt), vt(null));
-  }, [mt]), Y(() => {
-    const i = J.current;
-    if (i === g.top)
+        J(F.current, { immediate: !0 });
+  }, [p, v.top, J]), ee(() => {
+    nt.current !== e ? (y.setValueFn(e, { reset: K }), nt.current = e) : y.setValueFn(e, { reset: !1 }), M !== o && (y.changeSize(o), tt(o));
+    const m = y.getTotal();
+    it !== m && At(m);
+  }, [y, M, o, it, e, K]), ee(() => {
+    I !== null && L.current && (ut.debug("[VirtualScroll] Scrolling to position:", I), L.current.scrollTo(I), D(null));
+  }, [I]), X(() => {
+    const i = Mt.current;
+    if (i === v.top)
       return;
-    const x = jt(S.current, i), b = ne(x, g.top);
-    J.current = g.top, S.current = b, vt(b), H(b, { immediate: !0 });
-  }, [g.top, H]);
-  const yt = C(
+    const m = qt(F.current, i), r = te(m, v.top);
+    Mt.current = v.top, F.current = r, D(r), J(r, { immediate: !0 });
+  }, [v.top, J]);
+  const Tt = T(
     (i) => {
-      if (!I.current)
+      if (!L.current)
         return;
-      const x = ct(i, D), b = ct(x - s * 2, D), _ = ct(x + s * 2, D), { cumulative: j, total: Z, currentValue: Mt } = w.prefixSum(x, { materializeOption: { materialize: !0, ranges: [{ from: b, to: _ }] } });
-      if (pt.debug("[VirtualScroll] Scrolling to index:", x, "Offset:", j, "Total height:", Z, "Current value:", Mt, "safeIndexFrom:", b, "safeIndexTo:", _), !Z)
+      const m = ot(i, M), r = ot(m - s * 2, M), a = ot(m + s * 2, M), { cumulative: x, total: V, currentValue: O } = y.prefixSum(m, { materializeOption: { materialize: !0, ranges: [{ from: r, to: a }] } });
+      if (ut.debug("[VirtualScroll] Scrolling to index:", m, "Offset:", x, "Total height:", V, "Current value:", O, "safeIndexFrom:", r, "safeIndexTo:", a), !V)
         return;
-      const zt = Math.max(j - Mt, 0), Dt = ne(zt, g.top);
-      X(Z), vt(Dt), pt.debug("[VirtualScroll] Setting scroll position to:", Dt);
+      const E = Math.max(x - O, 0), H = te(E, v.top);
+      At(V), D(H), ut.debug("[VirtualScroll] Setting scroll position to:", H);
     },
-    [w, s, D, g.top]
-  ), Ut = C(
+    [y, s, M, v.top]
+  ), jt = T(
     (i) => {
-      if (!I.current)
+      if (!L.current)
         return;
-      const x = w.getTotal(), b = xt(Math.floor(i), 0, x), _ = w.findIndexAtOrAfter(b, { materializeOption: { materialize: !1 } }).index;
-      yt(_);
+      const m = y.getTotal(), r = ht(Math.floor(i), 0, m), a = y.findIndexAtOrAfter(r, { materializeOption: { materialize: !1 } }).index;
+      Tt(a);
     },
-    [w, yt]
-  ), Zt = C(
+    [y, Tt]
+  ), re = T(
     (i) => {
-      const x = jt(S.current, g.top), b = typeof i == "function" ? i(x) : i;
-      Ut(b);
-      const _ = I.current?.getScrollPosition(), j = typeof _ == "number" ? _ : S.current;
-      return H(j), j;
+      const m = qt(F.current, v.top), r = typeof i == "function" ? i(m) : i;
+      jt(r);
+      const a = L.current?.getScrollPosition(), x = typeof a == "number" ? a : F.current;
+      return J(x), x;
     },
-    [g.top, Ut, H]
-  ), Et = C(
-    (i, x) => {
-      if (pt.debug("[VirtualScroll] Scroll position changed:", i), H(i), G) {
-        if (Lt.current) {
-          Lt.current = !1;
+    [v.top, jt, J]
+  ), Gt = T(
+    (i, m) => {
+      if (ut.debug("[VirtualScroll] Scroll position changed:", i), J(i), w) {
+        if (S.current) {
+          S.current = !1;
           return;
         }
-        const b = i - x;
-        if (pt.debug("[VirtualScroll] Scroll diff:", b, "New:", i, "Prev:", x), Math.abs(b) > 1) {
-          const _ = b > 0 ? "down" : "up";
-          Ft(_), ht(!0), pt.debug("[VirtualScroll] Showing scroll buttons. Direction:", _), Rt.current && clearTimeout(Rt.current), Rt.current = setTimeout(() => {
-            ht(!1), pt.debug("[VirtualScroll] Hiding scroll buttons");
+        const r = i - m;
+        if (ut.debug("[VirtualScroll] Scroll diff:", r, "New:", i, "Prev:", m), Math.abs(r) > 1) {
+          const a = r > 0 ? "down" : "up";
+          Et(a), St(!0), ut.debug("[VirtualScroll] Showing scroll buttons. Direction:", a), g.current && clearTimeout(g.current), g.current = setTimeout(() => {
+            St(!1), ut.debug("[VirtualScroll] Hiding scroll buttons");
           }, 2e3);
         }
       }
     },
-    [H, G]
-  ), gt = kt(() => jt(dt, g.top), [g.top, dt]), Jt = kt(() => {
-    const i = mr(gt, r, s, D, e, w, rt);
-    return pt.debug("[VirtualScroll] Calculated rendering range:", {
+    [J, w]
+  ), Ht = yt(() => qt(k, v.top), [v.top, k]), ne = yt(() => {
+    const i = mr(Ht, n, s, M, e, y, it);
+    return ut.debug("[VirtualScroll] Calculated rendering range:", {
       ...i,
-      scrollPosition: gt,
-      renderingContentSize: w.getTotal(),
+      scrollPosition: Ht,
+      renderingContentSize: y.getTotal(),
       overscanCount: s,
-      viewportSize: r
+      viewportSize: n
     }), i;
-  }, [gt, r, s, D, e, w, rt]), { renderingStartIndex: qt, renderingEndIndex: Bt, visibleStartIndex: Ot, visibleEndIndex: $t } = Jt, Yt = C(
-    (i, x) => {
-      if (!V || D === 0)
+  }, [Ht, n, s, M, e, y, it]), { renderingStartIndex: Rt, renderingEndIndex: Ft, visibleStartIndex: Ot, visibleEndIndex: Lt } = ne, Yt = T(
+    (i, m) => {
+      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 = ot(i, M);
+      if (!(m?.ensureVisible ?? !0)) {
+        const Kt = et.current.get(r);
+        Kt && (at.current = null, ct.current = r, W(Kt));
         return;
       }
-      const j = w.prefixSum(b, { materializeOption: { materialize: !1 } }), Z = j.currentValue, Mt = Math.max(j.cumulative - Z, 0), zt = Mt + Z, Dt = jt(S.current, g.top), o = Dt + r;
-      if (Mt < Dt || zt > o) {
-        nt.current = b, yt(b);
+      const x = y.prefixSum(r, { materializeOption: { materialize: !1 } }), V = x.currentValue, O = Math.max(x.cumulative - V, 0), E = O + V, H = qt(F.current, v.top), mt = H + n;
+      if (O < H || E > mt) {
+        at.current = r, Tt(r);
         return;
       }
-      const R = bt.current.get(b);
-      if (R) {
-        nt.current = null, ft.current = b, St(R);
+      const _t = et.current.get(r);
+      if (_t) {
+        at.current = null, ct.current = r, W(_t);
         return;
       }
-      nt.current = b;
+      at.current = r;
     },
-    [V, D, w, g.top, yt, St, r]
-  ), Kt = C(
-    (i, x) => {
-      if (!V || i.defaultPrevented || i.altKey || i.metaKey || i.ctrlKey)
+    [_, M, y, v.top, Tt, W, n]
+  ), oe = T(
+    (i, m) => {
+      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));
+        m < M - 1 && (i.preventDefault(), Yt(m + 1));
         return;
       }
       if (i.key === "ArrowUp") {
-        x > 0 && (i.preventDefault(), Yt(x - 1));
+        m > 0 && (i.preventDefault(), Yt(m - 1));
         return;
       }
       if (i.key === "PageDown") {
-        if (x < D - 1) {
+        if (m < M - 1) {
           i.preventDefault();
-          const _ = Math.max($t - Ot + 1, 1), j = Math.max(_, 1), Z = ct(Math.min(x + j, D - 1), D);
-          Yt(Z);
+          const a = Math.max(Lt - Ot + 1, 1), x = Math.max(a, 1), V = ot(Math.min(m + x, M - 1), M);
+          Yt(V);
         }
         return;
       }
-      if (i.key === "PageUp" && x > 0) {
+      if (i.key === "PageUp" && m > 0) {
         i.preventDefault();
-        const _ = Math.max($t - Ot + 1, 1), j = Math.max(_, 1), Z = ct(x - j, D);
-        Yt(Z);
+        const a = Math.max(Lt - Ot + 1, 1), x = Math.max(a, 1), V = ot(m - x, M);
+        Yt(V);
       }
     },
-    [V, D, Yt, $t, Ot]
-  ), se = C(
+    [_, M, Yt, Lt, Ot]
+  ), se = T(
     (i) => {
-      if (!V)
+      if (!_)
         return;
-      const x = ct(i, D);
-      nt.current = null, ft.current = x, F?.(x);
+      const m = ot(i, M);
+      at.current = null, ct.current = m, A?.(m);
     },
-    [V, D, F]
+    [_, M, A]
   );
-  Y(() => {
-    const i = I.current?.getScrollPosition() ?? 0, x = S.current, b = jt(x, g.top);
-    pt.debug("[VirtualScroll] Range change effect triggered", {
-      renderingStartIndex: qt,
-      renderingEndIndex: Bt,
+  X(() => {
+    const i = L.current?.getScrollPosition() ?? 0, m = F.current, r = qt(m, v.top);
+    ut.debug("[VirtualScroll] Range change effect triggered", {
+      renderingStartIndex: Rt,
+      renderingEndIndex: Ft,
       visibleStartIndex: Ot,
-      visibleEndIndex: $t,
-      scrollPositionState: dt,
-      paneScrollPosition: x,
-      logicalScrollPosition: b,
-      contentSize: rt,
+      visibleEndIndex: Lt,
+      scrollPositionState: k,
+      paneScrollPosition: m,
+      logicalScrollPosition: r,
+      contentSize: it,
       scrollPaneScrollPosition: i
-    }), y({
-      renderingStartIndex: qt,
-      renderingEndIndex: Bt,
+    }), Dt({
+      renderingStartIndex: Rt,
+      renderingEndIndex: Ft,
       visibleStartIndex: Ot,
-      visibleEndIndex: $t,
-      scrollPosition: b,
-      totalHeight: rt
+      visibleEndIndex: Lt,
+      scrollPosition: r,
+      totalHeight: it
     });
-  }, [rt, Bt, qt, g.top, y, dt, $t, Ot]);
-  const ue = C(() => G ? /* @__PURE__ */ U("div", { className: `pointer-events-none absolute inset-0 transition-opacity duration-500 ${Pt && lt !== null ? "opacity-100" : "opacity-0"}`, style: { zIndex: 10 }, children: lt === "up" ? /* @__PURE__ */ U("div", { className: "absolute top-2 right-0 left-0 flex justify-center", children: /* @__PURE__ */ U(
+  }, [it, Ft, Rt, v.top, Dt, k, Lt, Ot]);
+  const ue = T(() => w ? /* @__PURE__ */ B("div", { className: "aqvs:scroll-to-edge-overlay", "data-visible": zt && 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: "pointer-events-auto transform rounded-full bg-gray-800/80 px-12 py-1 font-medium text-[10px] text-white uppercase tracking-wider shadow-md backdrop-blur-sm transition-transform hover:bg-gray-700 active:scale-95",
-      onClick: (b) => {
-        b.stopPropagation(), Lt.current = !0, yt(0), ht(!1);
+      className: "aqvs:scroll-to-edge-button",
+      onClick: (r) => {
+        r.stopPropagation(), S.current = !0, Tt(0), St(!1);
       },
       children: "Top"
     }
-  ) }) : /* @__PURE__ */ U("div", { className: "absolute right-0 bottom-2 left-0 flex justify-center", children: /* @__PURE__ */ U(
+  ) }) : /* @__PURE__ */ B("div", { className: "aqvs:scroll-to-edge-button-container aqvs:scroll-to-edge-button-container-bottom", children: /* @__PURE__ */ B(
     "button",
     {
       type: "button",
-      className: "pointer-events-auto transform rounded-full bg-gray-800/80 px-12 py-1 font-medium text-[10px] text-white uppercase tracking-wider shadow-md backdrop-blur-sm transition-transform hover:bg-gray-700 active:scale-95",
-      onClick: (b) => {
-        b.stopPropagation(), Lt.current = !0, yt(n - 1), ht(!1);
+      className: "aqvs:scroll-to-edge-button",
+      onClick: (r) => {
+        r.stopPropagation(), S.current = !0, Tt(o - 1), St(!1);
       },
       children: "Bottom"
     }
-  ) }) }) : null, [G, Pt, lt, yt, n]), de = C(
+  ) }) }) : null, [w, zt, 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 = ot(Rt, M), m = ot(Ft, M), { cumulative: r, currentValue: a } = y.prefixSum(i, { materializeOption: { materialize: !1 } }), x = r - a, V = [], O = [];
+    for (let E = i; E <= m; E++) {
+      const H = e(E);
+      y.get(E) !== H && V.push({ index: E, value: H });
+      const { cumulative: $t, currentValue: _t } = y.prefixSum(E, { materializeOption: { materialize: !1 } }), Kt = $t - _t;
+      O.push(
+        /* @__PURE__ */ B(
+          gr,
+          {
+            index: E,
+            top: Kt - x + v.top,
+            height: H,
+            item: t(E),
+            children: l,
+            clipItemHeight: q,
+            enableKeyboardNavigation: _,
+            onKeyDown: oe,
+            onFocus: se,
+            registerItemRef: wt
+          },
+          E
+        )
+      );
+    }
+    return V.length > 0 && Promise.resolve().then(() => {
+      if (!st.current)
+        return;
+      const E = y.updates(V);
+      if (!st.current || typeof E != "number")
+        return;
+      At(E), ut.debug("[VirtualScroll] Updated heights for items", V, "New total height:", E);
+      const H = L.current?.getScrollPosition() ?? F.current;
+      H === F.current || !st.current || J(H);
+    }), { visibleItems: O, startPosition: x };
+  }, [l, q, _, M, y, t, e, se, oe, wt, Ft, Rt, v.top, J]), de = T(
     (i) => {
-      const x = ($ ?? 0) > 0, b = Math.abs(i - dt), _ = x && b > 0.5 ? dt : i, j = jt(_, g.top);
-      if (pt.debug("[VirtualScroll] Rendering visible items", {
+      const m = (R ?? 0) > 0, r = Math.abs(i - k), a = m && r > 0.5 ? k : i, x = qt(a, v.top);
+      if (ut.debug("[VirtualScroll] Rendering visible items", {
         currentScrollPosition: i,
-        effectiveScrollPosition: j,
-        renderingStartIndex: qt,
-        renderingEndIndex: Bt,
-        fenwickSize: D,
-        viewportSize: r,
-        callbackThrottleMs: $,
-        diff: b,
-        rawEffectiveScrollPosition: _
-      }), D === 0)
-        return /* @__PURE__ */ U("div", { className: "absolute w-full", style: { top: 0 }, children: /* @__PURE__ */ U("div", { className: "text-center text-gray-500", children: "No items" }) });
-      const Z = ct(qt, D), Mt = ct(Bt, D), { cumulative: zt, currentValue: Dt } = w.prefixSum(Z, { materializeOption: { materialize: !1 } }), o = zt - Dt, h = [], R = [];
-      for (let E = Z; E <= Mt; E++) {
-        const tt = e(E);
-        w.get(E) !== tt && h.push({ index: E, value: tt });
-        const { cumulative: wt, currentValue: ee } = w.prefixSum(E, { materializeOption: { materialize: !1 } }), Gt = wt - ee, pe = (Wt) => {
-          if (!Wt) {
-            bt.current.delete(E);
-            return;
+        effectiveScrollPosition: x,
+        renderingStartIndex: Rt,
+        renderingEndIndex: Ft,
+        fenwickSize: M,
+        viewportSize: n,
+        callbackThrottleMs: R,
+        diff: r,
+        rawEffectiveScrollPosition: a
+      }), M === 0)
+        return Zt;
+      const V = Jt - x, O = 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__ */ U(
-            "div",
-            {
-              ref: pe,
-              "data-index": E,
-              "data-virtualscroll-item": "true",
-              style: {
-                position: "absolute",
-                top: Gt - o + g.top,
-                width: "100%",
-                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) => Kt(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 || H(tt);
-      });
-      const ot = o - j;
-      if (g.bottom > 0) {
-        const E = w.getTotal() + g.top - o;
-        R.push(
-          /* @__PURE__ */ U(
-            "div",
-            {
-              style: {
-                position: "absolute",
-                top: E,
-                height: g.bottom,
-                width: "100%"
-              }
-            },
-            "virtualscroll-bottom-inset"
-          )
-        );
-      }
-      return pt.debug("[VirtualScroll] Rendering items", {
-        nodeCount: R.length,
-        containerTop: ot,
-        logicalScrollPosition: gt,
-        resolvedInsets: g,
-        effectiveScrollPosition: j
-      }), /* @__PURE__ */ U("div", { className: "absolute w-full", style: { top: ot }, children: R });
+        },
+        "virtualscroll-bottom-inset"
+      ) : null;
+      return ut.debug("[VirtualScroll] Rendering items", {
+        containerTop: V,
+        logicalScrollPosition: Ht,
+        resolvedInsets: v,
+        effectiveScrollPosition: x
+      }), /* @__PURE__ */ Bt("div", { className: "aqvs:items-wrapper", style: { top: V }, children: [
+        Zt,
+        O
+      ] });
     },
-    [
-      $,
-      l,
-      V,
-      w,
-      D,
-      t,
-      e,
-      se,
-      Kt,
-      gt,
-      Bt,
-      qt,
-      g,
-      dt,
-      St,
-      H,
-      r,
-      at
-    ]
+    [R, M, y, Ht, Ft, Rt, v, k, Jt, n, Zt]
   );
-  be(
-    Ct,
+  Ie(
+    G,
     () => ({
-      getScrollPosition: () => I.current?.getScrollPosition() ?? -1,
-      getContentSize: () => I.current?.getContentSize() ?? -1,
-      getViewportSize: () => I.current?.getViewportSize() ?? -1,
-      scrollTo: Zt,
-      scrollToIndex: yt,
-      getFenwickTreeTotalHeight: () => w.getTotal(),
-      getFenwickSize: () => w.getSize(),
+      getScrollPosition: () => L.current?.getScrollPosition() ?? -1,
+      getContentSize: () => L.current?.getContentSize() ?? -1,
+      getViewportSize: () => L.current?.getViewportSize() ?? -1,
+      scrollTo: re,
+      scrollToIndex: Tt,
+      getFenwickTreeTotalHeight: () => y.getTotal(),
+      getFenwickSize: () => y.getSize(),
       focusItemAtIndex: Yt
     }),
-    [Zt, yt, w, Yt]
+    [re, Tt, y, Yt]
   );
-  const fe = rt + g.top + g.bottom;
-  return /* @__PURE__ */ U(
+  const fe = it + v.top + v.bottom;
+  return /* @__PURE__ */ B(
     sr,
     {
-      ref: I,
+      ref: L,
       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: q,
-      enableArrowButtons: L,
-      enablePointerDrag: K,
-      renderThumbOverlay: k,
-      wheelSpeedMultiplier: z,
-      contentInsets: g,
+      tapScrollCircleOptions: z,
+      inertiaOptions: C,
+      itemCount: o,
+      scrollBarWidth: dt,
+      enableThumbDrag: rt,
+      enableTrackClick: Q,
+      enableArrowButtons: N,
+      enablePointerDrag: Z,
+      renderThumbOverlay: $,
+      wheelSpeedMultiplier: ft,
+      contentInsets: v,
       visibleStartIndex: Ot,
-      visibleEndIndex: $t,
+      visibleEndIndex: Lt,
       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,
+  Sr as tapScrollCircleSampleVisual,
   lr as useFenwickMapTree,
-  vr as useHeightCache,
+  Pr as useHeightCache,
   ur as useLruCache
 };