@aiquants/virtualscroll 1.2.0 → 1.3.0

package/dist/index.js

@@ -1,154 +1,145 @@
-import { jsx as H, jsxs as Se, Fragment as rt } from "react/jsx-runtime";
-import { forwardRef as ke, useState as pe, useRef as F, useCallback as y, useImperativeHandle as Ye, useMemo as Te, useEffect as se, useReducer as bt, useLayoutEffect as Ae, useId as Tt } from "react";
-import { twMerge as Ie } from "tailwind-merge";
-const Ze = {
+import { jsx as Q, jsxs as Gt, Fragment as ye } from "react/jsx-runtime";
+import { forwardRef as me, useState as Yt, useRef as w, useCallback as M, useImperativeHandle as he, useMemo as Vt, useEffect as L, useLayoutEffect as se, useId as Le } from "react";
+import { twMerge as jt } from "tailwind-merge";
+const xe = {
   active: !1,
   offsetX: 0,
   offsetY: 0,
   distance: 0,
   direction: 0
-}, Je = 6, yt = ({ dragState: s, normalizedDistance: e }) => {
-  const t = 1 + e * 0.18, n = 0.16 + e * 0.24, r = 0.38 + e * 0.28, o = s.active ? "80ms ease-out" : "220ms ease";
-  return /* @__PURE__ */ Se(rt, { children: [
-    /* @__PURE__ */ H(
+}, de = 6, Ye = 8, ze = ({ dragState: r, normalizedDistance: t }) => {
+  const e = 1 + t * 0.18, n = 0.16 + t * 0.24, o = 0.38 + t * 0.28, a = r.active ? "80ms ease-out" : "220ms ease";
+  return /* @__PURE__ */ Gt(ye, { children: [
+    /* @__PURE__ */ Q(
       "div",
       {
         className: "absolute inset-0 rounded-full",
         style: {
           background: "linear-gradient(140deg, rgba(255,255,255,0.62), rgba(72,72,72,0.48))",
           boxShadow: `0 0 0 1px rgba(255,255,255,0.28), 0 10px 22px rgba(0,0,0,${n})`,
-          transform: `scale(${t})`,
-          transition: `${o}, ${s.active ? "80ms" : "260ms"} box-shadow ease`
+          transform: `scale(${e})`,
+          transition: `${a}, ${r.active ? "80ms" : "260ms"} box-shadow ease`
         }
       }
     ),
-    /* @__PURE__ */ H(
+    /* @__PURE__ */ Q(
       "div",
       {
-        className: "absolute inset-[18%] rounded-full",
+        className: "aqvs:tap-scroll-circle-inner absolute rounded-full",
         style: {
           background: "linear-gradient(140deg, rgba(255,255,255,0.72), rgba(28,28,28,0.58))",
           boxShadow: "inset 0 4px 10px rgba(0,0,0,0.24), inset 0 0 2px rgba(255,255,255,0.55)",
-          opacity: r,
-          transition: s.active ? "120ms opacity ease-out" : "220ms opacity ease"
+          opacity: o,
+          transition: r.active ? "120ms opacity ease-out" : "220ms opacity ease"
         }
       }
     )
   ] });
-}, st = ke(({ onDragChange: s, className: e, maxVisualDistance: t = 160, size: n = 40, style: r, opacity: o = 1, renderVisual: i }, a) => {
-  const [f, c] = pe(Ze), u = F(null), p = F({ x: 0, y: 0 }), E = F(null), A = y((d) => {
-    c(d), s(d);
-  }, [s]), O = y(
-    (d, M, z = !1) => {
-      const { x: Z, y: h } = p.current, _ = d - Z, g = M - h, P = Math.abs(g), R = P < Je ? 0 : g < 0 ? -1 : 1;
-      A({
-        active: z || P >= Je,
-        offsetX: _,
-        offsetY: g,
-        distance: P,
-        direction: R
+}, Me = me(({ onDragChange: r, className: t, maxVisualDistance: e = 160, size: n = 40, style: o, opacity: a = 1, renderVisual: u }, f) => {
+  const [l, c] = Yt(xe), d = w(null), h = w({ x: 0, y: 0 }), b = w(null), T = w(0), k = M(
+    (C) => {
+      c(C), r(C);
+    },
+    [r]
+  ), _ = M(
+    (C, P, j = !1) => {
+      const { x: rt, y: Ct } = h.current, ot = C - rt, $ = P - Ct, ct = Math.abs($), dt = ct < de ? 0 : $ < 0 ? -1 : 1, A = T.current;
+      let S = dt;
+      const v = de + Ye;
+      dt === 0 ? A !== 0 && ct < v ? S = A : (S = 0, j || (T.current = 0)) : dt !== A && A !== 0 && ct < v ? S = A : T.current = dt, k({
+        active: j || ct >= de,
+        offsetX: ot,
+        offsetY: $,
+        distance: ct,
+        direction: S
       });
     },
-    [A]
-  ), te = y((d) => {
-    if (d === null)
+    [k]
+  ), tt = M((C) => {
+    if (C === null)
       return;
-    const M = E.current;
-    M?.hasPointerCapture(d) && M.releasePointerCapture(d);
-  }, []), X = y(
-    (d = !1) => {
-      d && te(u.current), u.current = null, A(Ze);
+    const P = b.current;
+    P?.hasPointerCapture(C) && P.releasePointerCapture(C);
+  }, []), Y = M(
+    (C = !1) => {
+      C && tt(d.current), d.current = null, T.current = 0, k(xe);
     },
-    [A, te]
-  ), ne = y(
-    (d) => {
-      d.preventDefault(), d.stopPropagation();
-      const M = E.current ?? d.currentTarget, { left: z, top: Z, width: h, height: _ } = M.getBoundingClientRect();
-      p.current = { x: z + h / 2, y: Z + _ / 2 }, u.current = d.pointerId, M.setPointerCapture(d.pointerId), O(d.clientX, d.clientY, !0);
+    [k, tt]
+  ), ut = M(
+    (C) => {
+      C.preventDefault(), C.stopPropagation();
+      const P = b.current ?? C.currentTarget, { left: j, top: rt, width: Ct, height: ot } = P.getBoundingClientRect();
+      h.current = { x: j + Ct / 2, y: rt + ot / 2 }, d.current = C.pointerId, P.setPointerCapture(C.pointerId), _(C.clientX, C.clientY, !0);
     },
-    [O]
-  ), S = y(
-    (d) => {
-      u.current === d.pointerId && (d.preventDefault(), O(d.clientX, d.clientY));
+    [_]
+  ), V = M(
+    (C) => {
+      d.current === C.pointerId && (C.preventDefault(), _(C.clientX, C.clientY));
     },
-    [O]
-  ), ce = y(
-    (d) => {
-      u.current === d.pointerId && (d.preventDefault(), d.stopPropagation(), X(!0));
+    [_]
+  ), D = M(
+    (C) => {
+      d.current === C.pointerId && (C.preventDefault(), C.stopPropagation(), Y(!0));
     },
-    [X]
+    [Y]
   );
-  Ye(
-    a,
+  he(
+    f,
     () => ({
       reset: () => {
-        X(!0);
+        Y(!0);
       },
-      getElement: () => E.current
+      getElement: () => b.current
     }),
-    [X]
+    [Y]
   );
-  const le = Math.min(Math.max(o, 0), 1), G = n / 64, C = Math.min(f.distance, t) / t, K = f.direction * C * 10 * G, I = i ?? yt, x = {
-    dragState: f,
-    normalizedDistance: C,
-    sizeScale: G,
+  const X = Math.min(Math.max(a, 0), 1), O = n / 64, R = Math.min(l.distance, e) / e, H = l.direction * R * 10 * O, q = u ?? ze, N = {
+    dragState: l,
+    normalizedDistance: R,
+    sizeScale: O,
     size: n,
-    opacity: le
-  }, $ = {
-    ...r,
+    opacity: X
+  }, g = {
+    ...o,
     width: n,
     height: n,
-    transform: `translateY(${K}px)`
+    transform: `translateY(${H}px)`
   };
-  return $.opacity = le, /* @__PURE__ */ H(
+  return g.opacity = X, /* @__PURE__ */ Q(
     "div",
     {
-      ref: E,
-      className: Ie(
-        "relative flex touch-none select-none items-center justify-center",
-        "transition-transform duration-100 ease-out",
-        e
-      ),
-      style: $,
-      onPointerDown: ne,
-      onPointerMove: S,
-      onPointerUp: ce,
-      onPointerCancel: ce,
+      ref: b,
+      "data-testid": "virtual-scroll-tap-circle",
+      className: jt("relative flex touch-none select-none items-center justify-center", "transition-transform duration-100 ease-out", t),
+      style: g,
+      tabIndex: -1,
+      onPointerDown: ut,
+      onPointerMove: V,
+      onPointerUp: D,
+      onPointerCancel: D,
       role: "presentation",
-      children: I(x)
+      children: q(N)
     }
   );
 });
-st.displayName = "TapScrollCircle";
-const W = (s, e, t) => Math.min(t, Math.max(e, s)), Qe = (s, e, t) => {
-  const n = "touches" in s.nativeEvent, r = n ? s.nativeEvent.touches[0] : s.nativeEvent, o = (a) => {
-    n && a.cancelable && a.preventDefault();
-    const f = "touches" in a ? a.touches[0] : a;
-    e({
-      deltaX: f.clientX - r.clientX,
-      deltaY: f.clientY - r.clientY
-    });
-  }, i = () => {
-    n ? (document.removeEventListener("touchmove", o), document.removeEventListener("touchend", i)) : (document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", i)), t?.();
-  };
-  n ? (document.addEventListener("touchmove", o, { passive: !1 }), document.addEventListener("touchend", i)) : (document.addEventListener("mousemove", o), document.addEventListener("mouseup", i));
-}, ze = "virtualscroll:tap-scroll-cancel", Be = 20, St = 250, wt = 60, It = 20, Mt = 20, Pt = 220, et = { active: !1, offsetX: 0, offsetY: 0, distance: 0, direction: 0 }, Oe = 2.2, Vt = 8, Et = 120, me = {
+Me.displayName = "TapScrollCircle";
+const pt = (r, t, e) => Math.min(e, Math.max(t, r)), pe = "virtualscroll:tap-scroll-cancel", Ie = 20, Xe = 250, He = 60, Ue = 20, qe = 20, Be = 240, Te = { active: !1, offsetX: 0, offsetY: 0, distance: 0, direction: 0 }, fe = 2.2, $e = 8, We = 120, Ke = 1 / 60, Lt = {
   enabled: !0,
   size: 40,
   offsetX: -80,
   offsetY: 0,
   className: void 0,
-  maxVisualDistance: Pt,
+  maxVisualDistance: Be,
   minSpeedMultiplier: 0.2,
-  opacity: 1,
+  opacity: 0.9,
   renderVisual: void 0,
   maxSpeedCurve: void 0
-}, Ct = (s) => s ? {
+}, je = (r) => r ? {
   mainSizeKey: "width",
   crossSizeKey: "height",
   positionKey: "left",
-  selectDelta: (e, t) => e,
-  getPointerCoordinate: ({ clientX: e }) => e,
+  selectDelta: (t, e) => t,
+  getPointerCoordinate: ({ clientX: t }) => t,
   arrowLabels: ["Scroll left", "Scroll right"],
   arrowIcons: ["◀", "▶"],
   directionClass: "flex flex-row items-stretch",
@@ -157,365 +148,413 @@ const W = (s, e, t) => Math.min(t, Math.max(e, s)), Qe = (s, e, t) => {
   mainSizeKey: "height",
   crossSizeKey: "width",
   positionKey: "top",
-  selectDelta: (e, t) => t,
-  getPointerCoordinate: ({ clientY: e }) => e,
+  selectDelta: (t, e) => e,
+  getPointerCoordinate: ({ clientY: t }) => t,
   arrowLabels: ["Scroll up", "Scroll down"],
   arrowIcons: ["▲", "▼"],
   directionClass: "flex flex-col items-stretch",
   orientation: "vertical"
-}, At = (s, e) => {
-  const t = s?.maxSpeedMultiplier, n = typeof t == "number" ? t : Ft(e);
+}, Ge = (r, t) => {
+  const e = r?.maxSpeedMultiplier, n = typeof e == "number" ? e : Qe(t);
   return {
-    enabled: s?.enabled ?? me.enabled,
-    size: s?.size ?? me.size,
-    offsetX: s?.offsetX ?? me.offsetX,
-    offsetY: s?.offsetY ?? me.offsetY,
-    className: s?.className ?? me.className,
-    maxVisualDistance: s?.maxVisualDistance ?? me.maxVisualDistance,
+    enabled: r?.enabled ?? Lt.enabled,
+    size: r?.size ?? Lt.size,
+    offsetX: r?.offsetX ?? Lt.offsetX,
+    offsetY: r?.offsetY ?? Lt.offsetY,
+    className: r?.className ?? Lt.className,
+    maxVisualDistance: r?.maxVisualDistance ?? Lt.maxVisualDistance,
     maxSpeedMultiplier: n,
-    minSpeedMultiplier: Math.max(s?.minSpeedMultiplier ?? me.minSpeedMultiplier, 0),
-    opacity: W(s?.opacity ?? me.opacity, 0, 1),
-    renderVisual: s?.renderVisual ?? me.renderVisual,
-    maxSpeedCurve: s?.maxSpeedCurve ?? me.maxSpeedCurve
+    minSpeedMultiplier: Math.max(r?.minSpeedMultiplier ?? Lt.minSpeedMultiplier, 0),
+    opacity: pt(r?.opacity ?? Lt.opacity, 0, 1),
+    renderVisual: r?.renderVisual ?? Lt.renderVisual,
+    maxSpeedCurve: r?.maxSpeedCurve ?? Lt.maxSpeedCurve
   };
-}, _t = ({ thumbRef: s, isDragging: e, isThumbHovered: t, enableThumbDrag: n, horizontal: r }) => {
-  se(() => {
-    const o = s.current;
-    if (!o)
-      return;
-    const i = r ? "scaleY(1.06)" : "scaleX(1.06)", a = r ? "scaleY(1.12)" : "scaleX(1.12)";
-    if (!n) {
-      o.style.removeProperty("transform"), o.style.backgroundColor = "#7F7F7F", o.style.removeProperty("transition");
-      return;
-    }
-    if (e) {
-      o.style.transform = a, o.style.backgroundColor = "#4F4F4F", o.style.transition = "transform 60ms ease-out";
-      return;
-    }
-    o.style.transition = "transform 80ms ease-out", t ? (o.style.transform = i, o.style.backgroundColor = "#5F5F5F") : (o.style.removeProperty("transform"), o.style.backgroundColor = "#7F7F7F");
-  }, [n, r, e, t, s]);
-}, Rt = ({ canUseArrowButtons: s, enableArrowButtons: e, resetTapScroll: t, scrollByStep: n }) => {
-  const r = F(null), o = F(null), i = y(() => {
-    r.current !== null && (window.clearInterval(r.current), r.current = null), o.current !== null && (window.clearTimeout(o.current), o.current = null);
-  }, []), a = y(() => {
-    i();
-  }, [i]), f = y(
-    (u) => (p) => {
-      s && (p.preventDefault(), p.stopPropagation(), t(), i(), n(u), o.current = window.setTimeout(() => {
-        r.current = window.setInterval(() => {
-          n(u);
-        }, wt);
-      }, St));
+}, Ze = ({ isDragging: r, isThumbHovered: t, enableThumbDrag: e }) => Vt(() => e ? r ? "dragging" : t ? "hover" : "idle" : "disabled", [e, r, t]), Je = ({ canUseArrowButtons: r, enableArrowButtons: t, resetTapScroll: e, scrollByStep: n }) => {
+  const o = w(null), a = w(null), u = M(() => {
+    o.current !== null && (window.clearInterval(o.current), o.current = null), a.current !== null && (window.clearTimeout(a.current), a.current = null);
+  }, []), f = M(() => {
+    u();
+  }, [u]), l = M(
+    (d) => (h) => {
+      r && (h.preventDefault(), h.stopPropagation(), e(), u(), n(d), a.current = window.setTimeout(() => {
+        o.current = window.setInterval(() => {
+          n(d);
+        }, He);
+      }, Xe));
     },
-    [s, i, t, n]
-  ), c = y(
-    (u) => (p) => {
-      e && (p.key === "Enter" || p.key === " " || p.key === "Spacebar") && (p.preventDefault(), n(u));
+    [r, u, e, n]
+  ), c = M(
+    (d) => (h) => {
+      t && (h.key === "Enter" || h.key === " " || h.key === "Spacebar") && (h.preventDefault(), n(d));
     },
-    [e, n]
+    [t, n]
   );
-  return se(() => () => {
-    i();
-  }, [i]), { handleArrowPointerDown: f, handleArrowPointerUp: a, handleArrowKeyDown: c };
-}, Ft = (s) => {
-  if (!s || s <= 0)
-    return Oe;
-  const e = Math.max(1, s), t = Math.log10(e), n = Oe + t * Vt;
-  return W(n, Oe, Et);
-}, Lt = ({
-  contentSize: s,
-  viewportSize: e,
-  scrollPosition: t,
+  return L(() => () => {
+    u();
+  }, [u]), { handleArrowPointerDown: l, handleArrowPointerUp: f, handleArrowKeyDown: c };
+}, Qe = (r) => {
+  if (!r || r <= 0)
+    return fe;
+  const t = Math.max(1, r), e = Math.log10(t), n = fe + e * $e;
+  return pt(n, fe, We);
+}, tn = ({
+  contentSize: r,
+  viewportSize: t,
+  scrollPosition: e,
   onScroll: n,
-  enableThumbDrag: r = !0,
-  enableTrackClick: o = !0,
-  enableArrowButtons: i = !0,
-  horizontal: a = !1,
-  scrollBarWidth: f = 12,
+  enableThumbDrag: o = !0,
+  enableTrackClick: a = !0,
+  enableArrowButtons: u = !0,
+  horizontal: f = !1,
+  scrollBarWidth: l = 12,
   className: c,
-  ariaControls: u,
-  tapScrollCircleOptions: p,
-  itemCount: E,
-  renderThumbOverlay: A
+  ariaControls: d,
+  tapScrollCircleOptions: h,
+  itemCount: b,
+  renderThumbOverlay: T
 }) => {
-  const [O, te] = pe(!1), [X, ne] = pe(!1), [S, ce] = pe(!1), le = F(null), G = F(t), C = F(et), K = F(null), I = F(null), x = F(null), $ = Te(() => At(p, E), [E, p]), d = Te(() => Ct(a), [a]), {
-    enabled: M,
-    size: z,
-    offsetX: Z,
-    offsetY: h,
-    className: _,
-    maxVisualDistance: g,
-    maxSpeedMultiplier: P,
-    minSpeedMultiplier: R,
-    opacity: k,
-    renderVisual: L,
-    maxSpeedCurve: v
-  } = $, { mainSizeKey: w, crossSizeKey: b, positionKey: T, selectDelta: V, getPointerCoordinate: J, arrowLabels: oe, arrowIcons: q, directionClass: Q, orientation: ie } = d, j = Math.max(g, 1), ge = e / s, D = f, l = Math.max(e - D * 2, 0), B = ge * l, U = Math.min(Math.max(Be, B || 0), l || Be), N = s - e, ue = Math.max(l - U, 0), xe = N <= 0 || ue <= 0 ? 0 : t / N * ue, ot = xe + U / 2, de = s > e, He = de && i;
-  se(() => {
-    G.current = t;
-  }, [t]), se(() => {
-    r || ne(!1);
-  }, [r]), _t({ thumbRef: le, isDragging: O, isThumbHovered: X, enableThumbDrag: r, horizontal: a });
-  const fe = y(() => {
-    I.current !== null && (window.cancelAnimationFrame(I.current), I.current = null), x.current = null;
-  }, []), he = y(() => {
-    C.current = { ...et }, ce(!1), K.current?.reset(), fe();
-  }, [fe]), Me = y(
-    (m) => {
-      const Y = C.current;
-      if (!Y.active || Y.direction === 0) {
-        fe();
+  const [k, _] = Yt(!1), [tt, Y] = Yt(!1), [ut, V] = Yt(!1), D = w(null), X = w({ pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }), O = w({ pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }), R = w(e), H = w(Te), q = w(null), N = w(null), g = w(null), C = Vt(() => Ge(h, b), [b, h]), P = Vt(() => je(f), [f]), {
+    enabled: j,
+    size: rt,
+    offsetX: Ct,
+    offsetY: ot,
+    className: $,
+    maxVisualDistance: ct,
+    maxSpeedMultiplier: dt,
+    minSpeedMultiplier: A,
+    opacity: S,
+    renderVisual: v,
+    maxSpeedCurve: it
+  } = C, W = w({
+    viewportSize: t,
+    maxScrollPosition: Math.max(r - t, 0),
+    scrollBarVisible: r > t,
+    effectiveTapMaxDistance: Math.max(ct, 1),
+    tapCircleMaxSpeedMultiplier: dt,
+    tapCircleMinSpeedMultiplier: A,
+    tapCircleMaxSpeedCurve: it,
+    tapScrollCircleOptions: h
+  }), { mainSizeKey: G, crossSizeKey: ft, positionKey: et, selectDelta: st, getPointerCoordinate: nt, arrowLabels: gt, arrowIcons: mt, directionClass: xt, orientation: St } = P, Et = Math.max(ct, 1), Dt = t / r, p = l, m = Math.max(t - p * 2, 0), ht = Dt * m, Z = Math.min(Math.max(Ie, ht || 0), m || Ie), z = r - t, Rt = Math.max(m - Z, 0), It = z <= 0 || Rt <= 0 ? 0 : e / z * Rt, At = It + Z / 2, Tt = r > t, _t = Tt && u;
+  W.current = {
+    viewportSize: t,
+    maxScrollPosition: z,
+    scrollBarVisible: Tt,
+    effectiveTapMaxDistance: Et,
+    tapCircleMaxSpeedMultiplier: dt,
+    tapCircleMinSpeedMultiplier: A,
+    tapCircleMaxSpeedCurve: it,
+    tapScrollCircleOptions: h
+  }, L(() => {
+    R.current = e;
+  }, [e]), L(() => {
+    o || Y(!1);
+  }, [o]);
+  const Ut = Ze({ isDragging: k, isThumbHovered: tt, enableThumbDrag: o }), vt = M(
+    (i, x) => {
+      const E = W.current, J = x ?? R.current;
+      if (n) {
+        const kt = n(i, J);
+        if (typeof kt == "number" && Number.isFinite(kt))
+          return R.current = kt, kt;
+      }
+      const bt = typeof i == "function" ? i(J) : i, Pt = Math.max(E.maxScrollPosition, 0), Nt = E.scrollBarVisible ? pt(bt, 0, Pt) : 0;
+      return R.current = Nt, Nt;
+    },
+    [n]
+  ), Ot = M(
+    (i) => {
+      const x = W.current, E = R.current;
+      if (!x.scrollBarVisible || x.maxScrollPosition <= 0) {
+        const kt = vt(0, E), ce = kt - E;
+        return { nextPosition: kt, actualDelta: ce, reachedBoundary: !0 };
+      }
+      if (i === 0)
+        return { nextPosition: E, actualDelta: 0, reachedBoundary: !1 };
+      const bt = vt((kt) => pt(kt + i, 0, x.maxScrollPosition), E), Pt = bt - E, Nt = Pt === 0 || i < 0 && bt <= 0 || i > 0 && bt >= x.maxScrollPosition;
+      return { nextPosition: bt, actualDelta: Pt, reachedBoundary: Nt };
+    },
+    [vt]
+  ), at = M(() => {
+    N.current !== null && (window.cancelAnimationFrame(N.current), N.current = null), g.current = null;
+  }, []), yt = M(() => {
+    H.current = { ...Te }, V(!1), q.current?.reset(), at();
+  }, [at]), Bt = M(
+    (i) => {
+      const x = H.current, E = W.current;
+      if (!x.active || x.direction === 0) {
+        at();
         return;
       }
-      if (!de || N <= 0) {
-        fe();
+      if (!E.scrollBarVisible || E.maxScrollPosition <= 0) {
+        at();
         return;
       }
-      const ee = x.current ?? m, re = Math.max((m - ee) / 1e3, 0);
-      if (x.current = m, re <= 0) {
-        I.current = window.requestAnimationFrame(Me);
+      const J = g.current ?? i, bt = Math.max((i - J) / 1e3, 0), Pt = Math.min(bt, Ke);
+      if (g.current = i, Pt <= 0) {
+        N.current = window.requestAnimationFrame(Bt);
         return;
       }
-      const ve = Math.min(Y.distance, j) / j, Re = ve ** 1.1, Ve = typeof p?.maxSpeedMultiplier == "number", ye = Math.max(e * R, 40), Fe = Ve ? ye : 1200;
-      let Le = Math.max(e * P, Fe);
-      if (v) {
-        const Ee = Math.max(v.exponentialSteepness, 0), pt = Math.max(v.exponentialScale ?? P, 0), gt = Ee === 0 ? ve : Math.expm1(Ee * ve), Ge = Ee === 0 ? 1 : Math.expm1(Ee) || 1, xt = Ge === 0 ? ve : Math.min(Math.max(gt / Ge, 0), 1), vt = e * pt * xt;
-        Le = Math.min(Le, Math.max(vt, ye));
+      const Nt = Math.min(x.distance, E.effectiveTapMaxDistance) / E.effectiveTapMaxDistance, kt = Nt ** 1.1, ce = typeof E.tapScrollCircleOptions?.maxSpeedMultiplier == "number", Zt = Math.max(E.viewportSize * E.tapCircleMinSpeedMultiplier, 40), we = ce ? Zt : 1200;
+      let ue = Math.max(E.viewportSize * E.tapCircleMaxSpeedMultiplier, we);
+      const ne = E.tapCircleMaxSpeedCurve;
+      if (ne) {
+        const re = Math.max(ne.exponentialSteepness, 0), Fe = Math.max(ne.exponentialScale ?? E.tapCircleMaxSpeedMultiplier, 0), Ne = re === 0 ? Nt : Math.expm1(re * Nt), ge = re === 0 ? 1 : Math.expm1(re) || 1, ke = ge === 0 ? Nt : Math.min(Math.max(Ne / ge, 0), 1), Oe = E.viewportSize * Fe * ke;
+        ue = Math.min(ue, Math.max(Oe, Zt));
       }
-      const dt = Math.max(Le, ye), ft = Math.max(v?.easedOffset ?? 0, 0), ht = Math.min(1, Re + ft), mt = ye + (dt - ye) * ht, De = G.current, Ne = W(De + Y.direction * mt * re, 0, N);
-      if (Ne === De) {
-        fe();
+      const Ce = Math.max(ue, Zt), Re = Math.max(ne?.easedOffset ?? 0, 0), Ae = Math.min(1, kt + Re), Ve = Zt + (Ce - Zt) * Ae, Ee = x.direction * Ve * Pt, { actualDelta: De, reachedBoundary: _e } = Ot(Ee);
+      if (_e || De === 0) {
+        at();
         return;
       }
-      G.current = Ne, n?.(Ne, De), I.current = window.requestAnimationFrame(Me);
+      N.current = window.requestAnimationFrame(Bt);
     },
-    [j, N, n, de, fe, v, P, R, p, e]
-  ), $e = y(() => {
-    I.current === null && (x.current = null, I.current = window.requestAnimationFrame(Me));
-  }, [Me]);
-  se(() => () => {
-    fe();
-  }, [fe]);
-  const it = y(
-    (m) => {
-      C.current = m, ce(m.active), m.active && m.direction !== 0 ? $e() : fe();
+    [Ot, at]
+  ), te = M(() => {
+    N.current === null && (g.current = null, N.current = window.requestAnimationFrame(Bt));
+  }, [Bt]);
+  L(() => () => {
+    at();
+  }, [at]);
+  const ae = M(
+    (i) => {
+      H.current = i, V(i.active), i.active && i.direction !== 0 ? te() : at();
     },
-    [$e, fe]
+    [te, at]
   );
-  se(() => {
-    M || he();
-  }, [he, M]), se(() => {
-    const m = (Y) => {
-      const re = Y.detail?.paneId;
-      re && u && re !== u || he();
+  L(() => {
+    j || yt();
+  }, [yt, j]), L(() => {
+    const i = (x) => {
+      const J = x.detail?.paneId;
+      J && d && J !== d || yt();
     };
-    return window.addEventListener(ze, m), () => {
-      window.removeEventListener(ze, m);
+    return window.addEventListener(pe, i), () => {
+      window.removeEventListener(pe, i);
     };
-  }, [u, he]), se(() => {
-    if (!M)
+  }, [d, yt]), L(() => {
+    if (!j)
       return;
-    const m = (Y) => {
-      if (!C.current.active)
+    const i = (x) => {
+      if (!H.current.active)
         return;
-      const ee = Y.target;
-      if (!(ee instanceof Node)) {
-        he();
+      const E = x.target;
+      if (!(E instanceof Node)) {
+        yt();
         return;
       }
-      K.current?.getElement()?.contains(ee) || he();
+      q.current?.getElement()?.contains(E) || yt();
     };
-    return document.addEventListener("pointerdown", m, !0), () => {
-      document.removeEventListener("pointerdown", m, !0);
+    return document.addEventListener("pointerdown", i, !0), () => {
+      document.removeEventListener("pointerdown", i, !0);
     };
-  }, [he, M]);
-  const _e = (m) => {
-    if (!de || ue <= 0 || N <= 0)
+  }, [yt, j]);
+  const s = (i) => {
+    if (!Tt || Rt <= 0 || z <= 0)
       return 0;
-    const Y = W(m, 0, ue);
-    return W(Y / ue * N, 0, N);
-  }, at = (m) => {
-    if (!de || N <= 0)
+    const x = pt(i, 0, Rt);
+    return pt(x / Rt * z, 0, z);
+  }, I = (i) => {
+    const x = Math.max(Math.round(t / qe), Ue);
+    Ot(i * x);
+  }, { handleArrowPointerDown: y, handleArrowPointerUp: F, handleArrowKeyDown: B } = Je({
+    canUseArrowButtons: _t,
+    enableArrowButtons: u,
+    resetTapScroll: yt,
+    scrollByStep: I
+  }), K = (i) => {
+    if (!Tt)
       return;
-    const Y = Math.max(Math.round(e / Mt), It), ee = G.current, re = W(ee + m * Y, 0, N);
-    re !== ee && (G.current = re, n?.(re, ee));
-  }, { handleArrowPointerDown: Xe, handleArrowPointerUp: Pe, handleArrowKeyDown: lt } = Rt({
-    canUseArrowButtons: He,
-    enableArrowButtons: i,
-    resetTapScroll: he,
-    scrollByStep: at
-  }), Ue = (m) => {
-    if (!de)
-      return;
-    if (!r) {
-      m.preventDefault(), m.stopPropagation();
+    if (!o) {
+      i.preventDefault(), i.stopPropagation();
       return;
     }
-    if ("button" in m && m.button !== 0 || m.ctrlKey)
+    if (i.pointerType === "mouse" && i.button !== 0 || i.ctrlKey)
       return;
-    m.stopPropagation(), he();
-    const Y = xe;
-    te(!0), ne(!0), Qe(
-      m,
-      ({ deltaX: ee, deltaY: re }) => {
-        const ve = V(ee, re);
-        n?.(_e(Y + ve), xe);
-      },
-      () => {
-        te(!1), le.current && !le.current.matches(":hover") && ne(!1);
-      }
-    );
-  }, Ke = (m) => {
-    if (!de)
+    yt();
+    const x = i.currentTarget;
+    x.setPointerCapture && x.setPointerCapture(i.pointerId), X.current = {
+      pointerId: i.pointerId,
+      startThumbPosition: It,
+      startClientX: i.clientX,
+      startClientY: i.clientY
+    }, _(!0), Y(!0), i.preventDefault(), i.stopPropagation();
+  }, Mt = (i) => {
+    const x = X.current;
+    if (x.pointerId !== i.pointerId)
       return;
-    if (!o) {
-      m.preventDefault(), m.stopPropagation();
+    const E = i.clientX - x.startClientX, J = i.clientY - x.startClientY, bt = st(E, J), Pt = s(x.startThumbPosition + bt);
+    vt(Pt), i.cancelable && i.preventDefault();
+  }, zt = (i) => {
+    if (X.current.pointerId !== i.pointerId)
+      return;
+    const x = i.currentTarget;
+    x.hasPointerCapture(i.pointerId) && x.releasePointerCapture(i.pointerId), X.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, _(!1), D.current && !D.current.matches(":hover") && Y(!1), i.preventDefault(), i.stopPropagation();
+  }, Ft = (i) => {
+    if (X.current.pointerId !== i.pointerId)
+      return;
+    const x = i.currentTarget;
+    x.hasPointerCapture(i.pointerId) && x.releasePointerCapture(i.pointerId), X.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, _(!1), D.current && !D.current.matches(":hover") && Y(!1);
+  }, Xt = (i) => {
+    if (!Tt)
+      return;
+    if (!a) {
+      i.preventDefault(), i.stopPropagation();
       return;
     }
-    if ("button" in m && m.button !== 0 || m.ctrlKey)
+    if (i.pointerType === "mouse" && i.button !== 0 || i.ctrlKey)
       return;
-    const ee = "touches" in m.nativeEvent ? m.nativeEvent.touches[0] : m.nativeEvent, re = J(ee), ve = m.currentTarget.getBoundingClientRect(), Re = re - (a ? ve.left : ve.top);
-    he();
-    const Ve = Re - U / 2;
-    n?.(_e(Ve), xe), Qe(m, ({ deltaX: ye, deltaY: Fe }) => {
-      const We = V(ye, Fe);
-      n?.(_e(Ve + We), xe);
-    });
-  }, ct = Te(() => W((S ? 1 : 0.8) * k, 0, 1), [S, k]), ut = Te(() => {
-    const Y = `calc(50% - ${z / 2}px + ${h}px)`;
+    const x = i.currentTarget, E = x.getBoundingClientRect(), bt = nt(i) - (f ? E.left : E.top);
+    yt();
+    const Pt = bt - Z / 2, Nt = s(Pt);
+    vt(Nt), x.setPointerCapture && x.setPointerCapture(i.pointerId), O.current = {
+      pointerId: i.pointerId,
+      startThumbPosition: Pt,
+      startClientX: i.clientX,
+      startClientY: i.clientY
+    }, i.preventDefault(), i.stopPropagation();
+  }, $t = (i) => {
+    const x = O.current;
+    if (x.pointerId !== i.pointerId)
+      return;
+    const E = i.clientX - x.startClientX, J = i.clientY - x.startClientY, bt = st(E, J), Pt = s(x.startThumbPosition + bt);
+    vt(Pt), i.cancelable && i.preventDefault();
+  }, Ht = (i) => {
+    if (O.current.pointerId !== i.pointerId)
+      return;
+    const x = i.currentTarget;
+    x.hasPointerCapture(i.pointerId) && x.releasePointerCapture(i.pointerId), O.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, i.preventDefault(), i.stopPropagation();
+  }, Wt = (i) => {
+    if (O.current.pointerId !== i.pointerId)
+      return;
+    const x = i.currentTarget;
+    x.hasPointerCapture(i.pointerId) && x.releasePointerCapture(i.pointerId), O.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 };
+  }, U = Vt(() => pt((ut ? 1 : 0.8) * S, 0, 1), [ut, S]), Kt = Vt(() => {
+    const x = `calc(50% - ${rt / 2}px + ${ot}px)`;
     return {
-      left: Z,
-      top: Y
+      left: Ct,
+      top: x
     };
-  }, [Z, h, z]), qe = (m, Y, ee) => /* @__PURE__ */ H(
+  }, [Ct, ot, rt]), le = (i, x, E) => /* @__PURE__ */ Q(
     "button",
     {
       type: "button",
-      className: "flex items-center justify-center text-[#313131] text-xs transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[#60a5fa] focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50",
+      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: {
-        [w]: D,
-        [b]: f,
-        backgroundColor: "#E0E0E0"
+        [G]: p,
+        [ft]: l
       },
-      "aria-label": Y,
-      onMouseDown: Xe(m),
-      onTouchStart: Xe(m),
-      onMouseUp: Pe,
-      onMouseLeave: Pe,
-      onTouchEnd: Pe,
-      onTouchCancel: Pe,
-      onKeyDown: lt(m),
-      "aria-disabled": !i,
-      disabled: !He,
-      children: /* @__PURE__ */ H("span", { "aria-hidden": "true", children: ee })
+      "aria-label": x,
+      onMouseDown: y(i),
+      onTouchStart: y(i),
+      onMouseUp: F,
+      onMouseLeave: F,
+      onTouchEnd: F,
+      onTouchCancel: F,
+      onKeyDown: B(i),
+      "aria-disabled": !u,
+      disabled: !_t,
+      children: /* @__PURE__ */ Q("span", { "aria-hidden": "true", children: E })
     }
-  ), je = A && de ? {
-    orientation: ie,
-    scrollPosition: t,
-    maxScrollPosition: N,
-    contentSize: s,
-    viewportSize: e,
-    thumbSize: U,
-    thumbPosition: xe,
-    thumbCenter: ot,
-    trackSize: l,
-    isDragging: O,
-    isTapScrollActive: S
+  ), ee = T && Tt ? {
+    orientation: St,
+    scrollPosition: e,
+    maxScrollPosition: z,
+    contentSize: r,
+    viewportSize: t,
+    thumbSize: Z,
+    thumbPosition: It,
+    thumbCenter: At,
+    trackSize: m,
+    isDragging: k,
+    isTapScrollActive: ut
   } : null;
-  return /* @__PURE__ */ Se(
+  return /* @__PURE__ */ Gt(
     "div",
     {
-      className: Ie("group relative cursor-default select-none", Q, c),
+      className: jt("group relative cursor-default select-none", xt, c),
       style: {
-        [w]: e,
-        [b]: f,
+        [G]: t,
+        [ft]: l,
         backgroundColor: "white",
         userSelect: "none",
-        position: "relative"
+        position: "relative",
+        touchAction: "none"
       },
       role: "scrollbar",
       tabIndex: -1,
-      "aria-controls": u,
-      "aria-valuenow": t,
+      "aria-controls": d,
+      "aria-valuenow": e,
       "aria-valuemin": 0,
-      "aria-valuemax": N,
-      "aria-orientation": a ? "horizontal" : "vertical",
+      "aria-valuemax": z,
+      "aria-orientation": f ? "horizontal" : "vertical",
       children: [
-        !a && de && M && /* @__PURE__ */ H(
-          st,
+        !f && Tt && j && /* @__PURE__ */ Q(
+          Me,
           {
-            ref: K,
-            className: Ie("pointer-events-auto absolute transition-opacity duration-150", _),
-            size: z,
-            maxVisualDistance: j,
-            style: ut,
-            opacity: ct,
-            renderVisual: L,
-            onDragChange: it
+            ref: q,
+            className: jt("pointer-events-auto absolute transition-opacity duration-150", $),
+            size: rt,
+            maxVisualDistance: Et,
+            style: Kt,
+            opacity: U,
+            renderVisual: v,
+            onDragChange: ae
           }
         ),
-        qe(-1, oe[0], q[0]),
-        /* @__PURE__ */ Se(
+        le(-1, gt[0], mt[0]),
+        /* @__PURE__ */ Gt(
           "div",
           {
-            className: "relative flex-1",
+            className: "aqvs:scrollbar-track relative flex-1",
             style: {
-              backgroundColor: "#F5F5F5",
-              borderRadius: f / 2
+              borderRadius: l / 2,
+              touchAction: "none"
             },
-            onMouseDown: Ke,
-            onTouchStart: Ke,
-            "aria-disabled": !o,
+            onPointerDown: Xt,
+            onPointerMove: $t,
+            onPointerUp: Ht,
+            onPointerCancel: Wt,
+            "aria-disabled": !a,
             children: [
-              je && /* @__PURE__ */ H("div", { className: "pointer-events-none absolute inset-0", "aria-hidden": !0, children: A?.(je) }),
-              de && // スクロールバーのつまみの当たり判定を広げるためのラッパー
-              /* @__PURE__ */ H(
+              ee && /* @__PURE__ */ Q("div", { className: "pointer-events-none absolute inset-0", "aria-hidden": !0, children: T?.(ee) }),
+              Tt && // スクロールバーのつまみの当たり判定を広げるためのラッパー
+              /* @__PURE__ */ Q(
                 "div",
                 {
                   className: "group absolute",
                   style: {
-                    [w]: U,
-                    [T]: xe,
-                    ...a ? { top: 0, bottom: 0 } : { left: 0, right: 0 }
+                    [G]: Z,
+                    [et]: It,
+                    ...f ? { top: 0, bottom: 0 } : { left: 0, right: 0 },
+                    touchAction: "none"
                   },
-                  onMouseDown: Ue,
-                  onTouchStart: Ue,
+                  onPointerDown: K,
+                  onPointerMove: Mt,
+                  onPointerUp: zt,
+                  onPointerCancel: Ft,
                   role: "slider",
-                  "aria-orientation": a ? "horizontal" : "vertical",
-                  "aria-valuenow": t,
+                  "aria-orientation": f ? "horizontal" : "vertical",
+                  "aria-valuenow": e,
                   "aria-valuemin": 0,
-                  "aria-valuemax": N,
-                  "aria-disabled": !r,
-                  tabIndex: r ? 0 : -1,
-                  children: /* @__PURE__ */ H(
+                  "aria-valuemax": z,
+                  "aria-disabled": !o,
+                  tabIndex: -1,
+                  children: /* @__PURE__ */ Q(
                     "div",
                     {
-                      ref: le,
-                      className: Ie(
-                        "absolute",
-                        a ? `inset-x-0 inset-y-[1.5px] group-hover:inset-y-[-0.5px] ${O ? "-inset-y-0.5" : "group-active:-inset-y-0.5"}` : `inset-x-[1.5px] inset-y-0 group-hover:inset-x-[-0.5px] ${O ? "-inset-x-0.5" : "group-active:-inset-x-0.5"}`
-                      ),
+                      ref: D,
+                      className: jt("aqvs:scrollbar-thumb absolute", f ? "aqvs:scrollbar-thumb-horizontal" : "aqvs:scrollbar-thumb-vertical"),
+                      "data-thumb-state": Ut,
                       style: {
-                        backgroundColor: "#7F7F7F",
-                        borderRadius: f - 1,
-                        cursor: r ? "pointer" : "default",
-                        ...a ? {
-                          left: 0,
-                          right: 0,
-                          top: 1.5,
-                          bottom: 1.5
-                        } : {
-                          top: 0,
-                          bottom: 0,
-                          left: 1.5,
-                          right: 1.5
-                        }
+                        borderRadius: l - 1,
+                        cursor: o ? "pointer" : "default"
                       },
                       onMouseEnter: () => {
-                        r && ne(!0);
+                        o && Y(!0);
                       },
                       onMouseLeave: () => {
-                        r && ne(!1);
+                        o && Y(!1);
                       }
                     }
                   )
@@ -524,273 +563,367 @@ const W = (s, e, t) => Math.min(t, Math.max(e, s)), Qe = (s, e, t) => {
             ]
           }
         ),
-        qe(1, oe[1], q[1])
+        le(1, gt[1], mt[1])
       ]
     }
   );
-}, ae = {
-  debug(s, ...e) {
-    typeof window < "u" && window.localStorage?.getItem("debug") === "true" && console.debug(`[VirtualScroll] ${s}`, ...e);
+}, wt = {
+  debug(r, ...t) {
+    typeof window < "u" && window.localStorage?.getItem("debug") === "true" && console.debug(`[VirtualScroll] ${r}`, ...t);
   },
-  warn(s, ...e) {
-    console.warn(`[VirtualScroll] ${s}`, ...e);
+  warn(r, ...t) {
+    console.warn(`[VirtualScroll] ${r}`, ...t);
   },
-  error(s, ...e) {
-    console.error(`[VirtualScroll] ${s}`, ...e);
+  error(r, ...t) {
+    console.error(`[VirtualScroll] ${r}`, ...t);
   }
-}, we = {
+}, Jt = {
   maxVelocity: 6,
   minVelocity: 0.02,
   deceleration: 25e-4,
   velocitySampleWindow: 90,
   startVelocityThreshold: 0.04
-}, Ce = (s, e, t) => {
-  for (const [n, r, o] of e)
-    t === "add" ? s.addEventListener(n, r, o) : s.removeEventListener(n, r, o);
-}, Dt = ke(({ children: s, contentSize: e, viewportSize: t, scrollBarWidth: n = 12, enableThumbDrag: r = !0, enableTrackClick: o = !0, enableArrowButtons: i = !0, enablePointerDrag: a = !0, onScroll: f, className: c, style: u, background: p, tapScrollCircleOptions: E, inertiaOptions: A, itemCount: O, renderThumbOverlay: te, wheelSpeedMultiplier: X = 1 }, ne) => {
-  const S = F(0), [ce, le] = bt((h) => h + 1, 0), G = F(null), C = F(null), K = F({
-    frame: null,
-    velocity: 0,
-    lastTimestamp: null
-  }), I = Te(
-    () => ({
-      maxVelocity: A?.maxVelocity ?? we.maxVelocity,
-      minVelocity: A?.minVelocity ?? we.minVelocity,
-      deceleration: A?.deceleration ?? we.deceleration,
-      velocitySampleWindow: A?.velocitySampleWindow ?? we.velocitySampleWindow,
-      startVelocityThreshold: A?.startVelocityThreshold ?? we.startVelocityThreshold
-    }),
-    [A]
-  );
-  ae.debug("[ScrollPane] ScrollPane rendered", { contentSize: e, viewportSize: t, scrollBarWidth: n, className: c, style: u, tapScrollCircleOptions: E, inertiaOptions: A, enablePointerDrag: a });
-  const x = F({ contentSize: e, viewportSize: t }), $ = Te(() => e > t, [e, t]), d = y(
-    (h) => {
-      const { contentSize: _, viewportSize: g } = x.current, P = _ > g, R = S.current;
-      if (ae.debug("[ScrollPane] scrollTo called", { newPosition: h, contentSize: _, viewportSize: g, currentIsScrollable: P, prevPosition: R }), !P) {
-        S.current !== 0 && (S.current = 0, f?.(0, R));
-        return;
-      }
-      const k = typeof h == "function" ? h(S.current) : h, L = W(k, 0, _ - g);
-      S.current !== L && (S.current = L, f?.(L, R));
-    },
-    [f]
-  ), M = y(() => {
-    const h = K.current;
-    h.frame !== null && cancelAnimationFrame(h.frame), h.frame = null, h.velocity = 0, h.lastTimestamp = null;
-  }, []), z = y(
-    (h) => {
-      if (!$)
+}, oe = (r, t, e) => {
+  for (const [n, o, a] of t)
+    e === "add" ? r.addEventListener(n, o, a) : r.removeEventListener(n, o, a);
+}, en = me(
+  ({
+    children: r,
+    contentSize: t,
+    viewportSize: e,
+    scrollBarWidth: n = 12,
+    enableThumbDrag: o = !0,
+    enableTrackClick: a = !0,
+    enableArrowButtons: u = !0,
+    enablePointerDrag: f = !0,
+    onScroll: l,
+    className: c,
+    style: d,
+    background: h,
+    tapScrollCircleOptions: b,
+    inertiaOptions: T,
+    itemCount: k,
+    renderThumbOverlay: _,
+    wheelSpeedMultiplier: tt = 1,
+    contentInsets: Y
+  }, ut) => {
+    const V = w(0), D = w(null), X = w(null), O = w({
+      frame: null,
+      velocity: 0,
+      lastTimestamp: null
+    }), R = Vt(
+      () => ({
+        maxVelocity: T?.maxVelocity ?? Jt.maxVelocity,
+        minVelocity: T?.minVelocity ?? Jt.minVelocity,
+        deceleration: T?.deceleration ?? Jt.deceleration,
+        velocitySampleWindow: T?.velocitySampleWindow ?? Jt.velocitySampleWindow,
+        startVelocityThreshold: T?.startVelocityThreshold ?? Jt.startVelocityThreshold
+      }),
+      [T]
+    ), H = Vt(() => ({
+      top: Math.max(0, Y?.top ?? 0),
+      bottom: Math.max(0, Y?.bottom ?? 0)
+    }), [Y]);
+    wt.debug("[ScrollPane] ScrollPane rendered", {
+      contentSize: t,
+      viewportSize: e,
+      scrollBarWidth: n,
+      className: c,
+      style: d,
+      tapScrollCircleOptions: b,
+      inertiaOptions: T,
+      enablePointerDrag: f,
+      contentInsets: H
+    });
+    const q = w({ contentSize: t, viewportSize: e }), N = Vt(() => t > e, [t, e]), g = M(
+      (S) => {
+        const { contentSize: v, viewportSize: it } = q.current, W = v > it, G = V.current;
+        if (wt.debug("[ScrollPane] scrollTo called", { newPosition: S, contentSize: v, viewportSize: it, currentIsScrollable: W, prevPosition: G }), !W)
+          return V.current !== 0 && (V.current = 0, l?.(0, G)), V.current;
+        const ft = typeof S == "function" ? S(V.current) : S, et = Math.max(v - it, 0), st = pt(ft, 0, et);
+        return V.current !== st && (V.current = st, l?.(st, G)), V.current;
+      },
+      [l]
+    ), C = M(() => {
+      const S = O.current;
+      S.frame !== null && cancelAnimationFrame(S.frame), S.frame = null, S.velocity = 0, S.lastTimestamp = null;
+    }, []), P = w(C);
+    L(() => {
+      P.current = C;
+    }, [C]);
+    const j = M(
+      (S) => {
+        if (!N)
+          return;
+        const { maxVelocity: v, minVelocity: it, deceleration: W, startVelocityThreshold: G } = R, ft = pt(S, -v, v);
+        if (Math.abs(ft) < G)
+          return;
+        C(), O.current.velocity = ft, O.current.lastTimestamp = null;
+        const et = (st) => {
+          const nt = O.current;
+          if (nt.lastTimestamp === null) {
+            nt.lastTimestamp = st, nt.frame = requestAnimationFrame(et);
+            return;
+          }
+          const gt = st - nt.lastTimestamp;
+          if (nt.lastTimestamp = st, gt <= 0) {
+            nt.frame = requestAnimationFrame(et);
+            return;
+          }
+          const mt = nt.velocity;
+          let xt = mt;
+          const St = W * gt;
+          mt > 0 ? xt = Math.max(0, mt - St) : mt < 0 && (xt = Math.min(0, mt + St));
+          const Dt = (mt + xt) / 2 * gt, p = V.current;
+          Dt !== 0 && g((It) => It + Dt);
+          const m = V.current, { contentSize: ht, viewportSize: Z } = q.current, z = Math.max(ht - Z, 0);
+          nt.velocity = xt;
+          const Rt = m === p || m <= 0 && xt <= 0 || m >= z && xt >= 0;
+          if (Math.abs(xt) < it || Rt) {
+            C();
+            return;
+          }
+          nt.frame = requestAnimationFrame(et);
+        };
+        O.current.frame = requestAnimationFrame(et);
+      },
+      [N, R, g, C]
+    ), rt = w(j);
+    L(() => {
+      rt.current = j;
+    }, [j]), se(() => {
+      q.current = { contentSize: t, viewportSize: e };
+    }, [t, e]), se(() => {
+      if (N) {
+        wt.debug("[ScrollPane] Adjusting scroll position due to content or viewport size change", { contentSize: t, viewportSize: e, scrollPosition: V.current });
+        const S = pt(t - e, 0, t);
+        V.current > S && g(S);
+      } else
+        g(0);
+    }, [N, g, t, e]), L(() => {
+      const S = (it) => {
+        if (!N)
+          return;
+        it.preventDefault(), C();
+        let W = it.deltaY;
+        it.deltaMode === 1 ? W *= 16 : it.deltaMode === 2 && (W *= e), tt !== 1 && (W *= tt), wt.debug("[ScrollPane] wheel event", { deltaY: W, scrollPosition: V.current, wheelSpeedMultiplier: tt }), g((G) => G + W);
+      }, v = D.current;
+      return v && v.addEventListener("wheel", S, { passive: !1 }), () => {
+        v && v.removeEventListener("wheel", S);
+      };
+    }, [N, g, C, e, tt]), he(
+      ut,
+      () => ({
+        scrollTo: g,
+        getScrollPosition: () => V.current,
+        getContentSize: () => t,
+        getViewportSize: () => e
+      }),
+      [g, t, e]
+    );
+    const Ct = w(g);
+    L(() => {
+      Ct.current = g;
+    }, [g]);
+    const ot = Le(), $ = w({
+      pointerId: null,
+      startClientY: 0,
+      startScroll: 0,
+      isDragging: !1,
+      shouldCancelNextClick: !1,
+      clickResetTimer: null,
+      velocitySamples: []
+    }), ct = w(f);
+    L(() => {
+      ct.current = f;
+    }, [f]);
+    const dt = w(N);
+    L(() => {
+      dt.current = N;
+    }, [N]);
+    const A = w(R);
+    return L(() => {
+      A.current = R;
+    }, [R]), L(() => {
+      if (f)
         return;
-      const { maxVelocity: _, minVelocity: g, deceleration: P, startVelocityThreshold: R } = I, k = W(h, -_, _);
-      if (Math.abs(k) < R)
+      const S = X.current, v = $.current;
+      v.pointerId !== null && S && S.hasPointerCapture(v.pointerId) && S.releasePointerCapture(v.pointerId), v.clickResetTimer !== null && (window.clearTimeout(v.clickResetTimer), v.clickResetTimer = null), v.pointerId = null, v.startClientY = 0, v.startScroll = 0, v.isDragging = !1, v.shouldCancelNextClick = !1, v.velocitySamples = [];
+    }, [f]), L(() => {
+      const S = X.current;
+      if (!S)
         return;
-      M(), K.current.velocity = k, K.current.lastTimestamp = null;
-      const L = (v) => {
-        const w = K.current;
-        if (w.lastTimestamp === null) {
-          w.lastTimestamp = v, w.frame = requestAnimationFrame(L);
+      const v = 6, it = () => typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now(), W = () => {
+        const p = $.current;
+        p.pointerId = null, p.startClientY = 0, p.startScroll = 0, p.isDragging = !1, p.velocitySamples = [];
+      }, G = () => {
+        const p = $.current;
+        p.clickResetTimer !== null && (window.clearTimeout(p.clickResetTimer), p.clickResetTimer = null);
+      }, ft = (p) => {
+        const m = $.current, ht = it();
+        m.velocitySamples.push({ clientY: p, time: ht });
+        const Z = A.current.velocitySampleWindow;
+        m.velocitySamples = m.velocitySamples.filter((z) => ht - z.time <= Z);
+      }, et = (p) => p instanceof HTMLElement && p.closest("[data-scrollpane-ignore-drag='true']") !== null, st = (p) => {
+        const m = $.current;
+        m.shouldCancelNextClick && (p.preventDefault(), p.stopPropagation(), m.shouldCancelNextClick = !1);
+      }, nt = (p) => {
+        const m = $.current;
+        m.isDragging || (m.isDragging = !0, m.shouldCancelNextClick = !0, S.hasPointerCapture(p.pointerId) || S.setPointerCapture(p.pointerId), ft(p.clientY));
+      }, gt = (p) => {
+        const m = $.current;
+        if (m.pointerId !== p.pointerId || !(ct.current && dt.current) || !m.isDragging && (Math.abs(p.clientY - m.startClientY) < v || (nt(p), !m.isDragging)))
           return;
-        }
-        const b = v - w.lastTimestamp;
-        if (w.lastTimestamp = v, b <= 0) {
-          w.frame = requestAnimationFrame(L);
+        ft(p.clientY);
+        const ht = p.clientY - m.startClientY, Z = m.startScroll - ht;
+        Ct.current(Z), p.cancelable && p.preventDefault();
+      }, mt = (p) => {
+        const m = $.current;
+        if (m.pointerId !== p.pointerId)
           return;
+        m.isDragging && m.shouldCancelNextClick && p.cancelable && (p.preventDefault(), p.stopPropagation()), S.hasPointerCapture(p.pointerId) && S.releasePointerCapture(p.pointerId);
+        let ht = 0;
+        if (m.isDragging && m.velocitySamples.length >= 2) {
+          const z = m.velocitySamples, Rt = A.current.velocitySampleWindow, It = z[z.length - 1], At = z.find((Tt) => It.time - Tt.time <= Rt) ?? z[0];
+          if (It && At && It.time !== At.time) {
+            const Tt = It.clientY - At.clientY, _t = It.time - At.time;
+            ht = -(Tt / _t);
+          }
         }
-        const T = w.velocity;
-        let V = T;
-        const J = P * b;
-        T > 0 ? V = Math.max(0, T - J) : T < 0 && (V = Math.min(0, T + J));
-        const q = (T + V) / 2 * b, Q = S.current;
-        q !== 0 && d((B) => B + q);
-        const ie = S.current, { contentSize: j, viewportSize: ge } = x.current, D = Math.max(j - ge, 0);
-        w.velocity = V;
-        const l = ie === Q || ie <= 0 && V <= 0 || ie >= D && V >= 0;
-        if (Math.abs(V) < g || l) {
-          M();
+        G(), m.shouldCancelNextClick && (m.clickResetTimer = window.setTimeout(() => {
+          const z = $.current;
+          z.shouldCancelNextClick = !1, z.clickResetTimer = null;
+        }, 0));
+        const Z = A.current.startVelocityThreshold;
+        W(), Math.abs(ht) >= Z && rt.current?.(ht);
+      }, xt = (p) => {
+        if (!(ct.current && dt.current) || p.button !== 0 && p.pointerType === "mouse" || p.ctrlKey || p.metaKey || p.altKey || et(p.target))
           return;
-        }
-        w.frame = requestAnimationFrame(L);
+        window.dispatchEvent(new CustomEvent(pe, { detail: { paneId: ot } })), P.current?.();
+        const m = $.current;
+        G(), m.pointerId = p.pointerId, m.startClientY = p.clientY, m.startScroll = V.current, m.isDragging = !1, m.shouldCancelNextClick = !1, m.velocitySamples = [];
+      }, St = (p) => {
+        const m = $.current;
+        m.pointerId === p.pointerId && (m.shouldCancelNextClick = !1, S.hasPointerCapture(p.pointerId) && S.releasePointerCapture(p.pointerId), G(), W());
+      }, Et = [
+        ["click", st, !0],
+        ["pointerdown", xt, { passive: !1 }],
+        ["pointermove", gt, { passive: !1 }],
+        ["pointerup", mt, void 0],
+        ["pointercancel", St, void 0]
+      ], Dt = [
+        ["pointermove", gt, { passive: !1 }],
+        ["pointerup", mt, void 0],
+        ["pointercancel", St, void 0]
+      ];
+      return oe(S, Et, "add"), oe(window, Dt, "add"), () => {
+        oe(S, Et, "remove"), oe(window, Dt, "remove");
+        const p = $.current;
+        p.pointerId !== null && S.hasPointerCapture(p.pointerId) && S.releasePointerCapture(p.pointerId), G(), W();
       };
-      K.current.frame = requestAnimationFrame(L);
-    },
-    [$, I, d, M]
-  );
-  Ae(() => {
-    x.current = { contentSize: e, viewportSize: t };
-  }, [e, t]), Ae(() => {
-    if ($) {
-      ae.debug("[ScrollPane] Adjusting scroll position due to content or viewport size change", { contentSize: e, viewportSize: t, scrollPosition: S.current });
-      const h = W(e - t, 0, e);
-      S.current > h && d(h);
-    } else
-      d(0);
-  }, [$, d, e, t]), se(() => {
-    const h = (g) => {
-      if (!$)
-        return;
-      g.preventDefault(), M();
-      let P = g.deltaY;
-      g.deltaMode === 1 ? P *= 16 : g.deltaMode === 2 && (P *= t), X !== 1 && (P *= X), ae.debug("[ScrollPane] wheel event", { deltaY: P, scrollPosition: S.current, wheelSpeedMultiplier: X }), d((R) => R + P);
-    }, _ = G.current;
-    return _ && _.addEventListener("wheel", h, { passive: !1 }), () => {
-      _ && _.removeEventListener("wheel", h);
-    };
-  }, [$, d, M, t, X]), Ye(
-    ne,
-    () => ({
-      scrollTo: d,
-      getScrollPosition: () => S.current,
-      getContentSize: () => e,
-      getViewportSize: () => t
-    }),
-    [d, e, t]
-  );
-  const Z = Tt();
-  return se(() => {
-    const h = C.current;
-    if (!h)
-      return;
-    if (!a) {
-      M();
-      return;
-    }
-    const _ = 6;
-    let g = null, P = 0, R = 0, k = !1, L = !1, v = null, w = [];
-    const b = () => {
-      g = null, P = 0, R = 0, k = !1, w = [];
-    }, T = (l) => {
-      const B = performance.now();
-      w.push({ clientY: l, time: B }), w = w.filter((U) => B - U.time <= I.velocitySampleWindow);
-    }, V = (l) => l instanceof HTMLElement && l.closest("[data-scrollpane-ignore-drag='true']") !== null, J = (l) => {
-      L && (l.preventDefault(), l.stopPropagation(), L = !1);
-    }, oe = (l) => {
-      k || (k = !0, L = !0, h.hasPointerCapture(l.pointerId) || h.setPointerCapture(l.pointerId), T(l.clientY));
-    }, q = (l) => {
-      if (g !== l.pointerId || !k && (Math.abs(l.clientY - P) < _ || (oe(l), !k)))
-        return;
-      T(l.clientY);
-      const B = l.clientY - P, U = R - B;
-      d(U), l.cancelable && l.preventDefault();
-    }, Q = (l) => {
-      if (g !== l.pointerId)
-        return;
-      k && L && l.cancelable && (l.preventDefault(), l.stopPropagation()), h.hasPointerCapture(l.pointerId) && h.releasePointerCapture(l.pointerId);
-      let B = 0;
-      if (k && w.length >= 2) {
-        const U = w[w.length - 1], N = w.find((ue) => U.time - ue.time <= I.velocitySampleWindow) ?? w[0];
-        if (U && N && U.time !== N.time) {
-          const ue = U.clientY - N.clientY, xe = U.time - N.time;
-          B = -(ue / xe);
+    }, [ot]), /* @__PURE__ */ Gt("div", { ref: D, className: jt("flex", c), style: d, children: [
+      /* @__PURE__ */ Gt(
+        "div",
+        {
+          ref: X,
+          className: jt("relative h-full flex-1 overflow-hidden"),
+          style: {
+            height: e,
+            paddingTop: H.top,
+            paddingBottom: H.bottom,
+            ...f ? { touchAction: "none" } : {}
+          },
+          id: ot,
+          children: [
+            h,
+            r(V.current)
+          ]
         }
-      }
-      b(), v !== null && window.clearTimeout(v), L && (v = window.setTimeout(() => {
-        L = !1, v = null;
-      }, 0)), Math.abs(B) >= I.startVelocityThreshold && z(B);
-    }, ie = (l) => {
-      $ && (l.button !== 0 && l.pointerType === "mouse" || l.ctrlKey || l.metaKey || l.altKey || V(l.target) || (window.dispatchEvent(new CustomEvent(ze, { detail: { paneId: Z } })), M(), g = l.pointerId, P = l.clientY, R = S.current, k = !1, L = !1, w = []));
-    }, j = (l) => {
-      g === l.pointerId && (L = !1, h.hasPointerCapture(l.pointerId) && h.releasePointerCapture(l.pointerId), v !== null && (window.clearTimeout(v), v = null), b());
-    }, ge = [
-      ["click", J, !0],
-      ["pointerdown", ie, { passive: !1 }],
-      ["pointermove", q, { passive: !1 }],
-      ["pointerup", Q, void 0],
-      ["pointercancel", j, void 0]
-    ], D = [
-      ["pointermove", q, { passive: !1 }],
-      ["pointerup", Q, void 0],
-      ["pointercancel", j, void 0]
-    ];
-    return Ce(h, ge, "add"), Ce(window, D, "add"), () => {
-      Ce(h, ge, "remove"), Ce(window, D, "remove"), g !== null && h.hasPointerCapture(g) && h.releasePointerCapture(g), v !== null && window.clearTimeout(v), M();
-    };
-  }, [a, Z, $, I, d, z, M]), /* @__PURE__ */ Se("div", { ref: G, className: Ie("flex", c), style: u, children: [
-    /* @__PURE__ */ Se(
-      "div",
-      {
-        ref: C,
-        className: "relative h-full flex-1 overflow-hidden",
-        style: { height: t, ...a ? { touchAction: "none" } : {} },
-        id: Z,
-        children: [
-          p,
-          s(S.current)
-        ]
-      }
-    ),
-    $ && /* @__PURE__ */ H(
-      Lt,
-      {
-        contentSize: e,
-        viewportSize: t,
-        scrollPosition: S.current,
-        onScroll: d,
-        enableThumbDrag: r,
-        enableTrackClick: o,
-        enableArrowButtons: i,
-        scrollBarWidth: n,
-        ariaControls: Z,
-        tapScrollCircleOptions: E,
-        itemCount: O,
-        renderThumbOverlay: te
-      }
-    )
-  ] });
-}), tt = (s, e, t) => Math.min(Math.max(s, e), t), qt = ({ dragState: s, normalizedDistance: e, sizeScale: t, size: n }) => {
-  const r = Math.max(n / 2, 1), o = 1 + e * 0.65, i = Math.max(0.65, 1 - e * 0.25), a = s.direction * e * 26 * t, f = 0.8 + e * 0.18, c = 3 * t, u = 6 * t, p = 22 * t, E = Math.abs(a) + u, A = a > 0 ? c : -Math.abs(a) - c, O = Math.max(2.5, 3 * t), te = tt(s.offsetX, -r, r), X = tt(s.offsetY, -r, r), ne = r * 0.35, S = te / r * ne, ce = X / r * ne, le = S * 0.45, G = ce * 0.45, C = Math.max(p * 0.38, 6), K = 0.65 + e * 0.2, I = s.active;
-  return /* @__PURE__ */ Se(rt, { children: [
-    /* @__PURE__ */ H(
+      ),
+      N && /* @__PURE__ */ Q(
+        tn,
+        {
+          contentSize: t,
+          viewportSize: e,
+          scrollPosition: V.current,
+          onScroll: g,
+          enableThumbDrag: o,
+          enableTrackClick: a,
+          enableArrowButtons: u,
+          scrollBarWidth: n,
+          ariaControls: ot,
+          tapScrollCircleOptions: b,
+          itemCount: k,
+          renderThumbOverlay: _
+        }
+      )
+    ] });
+  }
+), be = (r, t, e) => Math.min(Math.max(r, t), e), In = ({ dragState: r, normalizedDistance: t, sizeScale: e, size: n }) => {
+  const o = Math.max(n / 2, 1), a = 1 + t * 0.65, u = Math.max(0.65, 1 - t * 0.25), f = r.direction * t * 26 * e, l = 0.8 + t * 0.18, c = 3 * e, d = 6 * e, h = 22 * e, b = Math.abs(f) + d, T = f > 0 ? c : -Math.abs(f) - c, k = Math.max(2.5, 3 * e), _ = be(r.offsetX, -o, o), tt = be(r.offsetY, -o, o), Y = o * 0.35, ut = _ / o * Y, V = tt / o * Y, D = ut * 0.45, X = V * 0.45, O = Math.max(h * 0.38, 6), R = 0.65 + t * 0.2, H = r.active;
+  return /* @__PURE__ */ Gt(ye, { children: [
+    /* @__PURE__ */ Q(
       "div",
       {
-        className: "absolute inset-0 rounded-full border border-white/40 bg-linear-to-br from-[#1d4ed8]/60 via-[#60a5fa]/55 to-[#bfdbfe]/40 shadow-md",
+        className: "aqvs:tap-scroll-circle-gradient absolute inset-0 rounded-full border border-white/40 shadow-md",
         style: {
-          transform: `scale(${i}, ${o})`,
-          transition: I ? "40ms transform ease-out" : "200ms ease transform"
+          transform: `scale(${u}, ${a})`,
+          transition: H ? "40ms transform ease-out" : "200ms ease transform"
         }
       }
     ),
-    /* @__PURE__ */ H(
+    /* @__PURE__ */ Q(
       "div",
       {
         className: "absolute top-1/2 left-1/2 rounded-full border border-white/50 bg-white/85",
         style: {
-          width: p,
-          height: p,
-          transform: `translate(calc(-50% + ${S}px), calc(-50% + ${ce}px)) scale(${i}, ${f * o})`,
-          transition: I ? "70ms transform ease-out" : "200ms ease transform"
+          width: h,
+          height: h,
+          transform: `translate(calc(-50% + ${ut}px), calc(-50% + ${V}px)) scale(${u}, ${l * a})`,
+          transition: H ? "70ms transform ease-out" : "200ms ease transform"
         }
       }
     ),
-    /* @__PURE__ */ H(
+    /* @__PURE__ */ Q(
       "div",
       {
         className: "absolute top-1/2 left-1/2 rounded-full bg-white/80",
         style: {
-          width: C,
-          height: C,
-          transform: `translate(calc(-50% + ${le}px), calc(-50% + ${G}px)) scale(${i}, ${o})`,
-          opacity: K,
+          width: O,
+          height: O,
+          transform: `translate(calc(-50% + ${D}px), calc(-50% + ${X}px)) scale(${u}, ${a})`,
+          opacity: R,
           boxShadow: "0 0 8px rgba(255,255,255,0.45)",
-          transition: I ? "120ms opacity 150ms, 120ms transform ease-out ease-out" : "220ms ease transform, 240ms opacity ease"
+          transition: H ? "120ms opacity 150ms, 120ms transform ease-out ease-out" : "220ms ease transform, 240ms opacity ease"
         }
       }
     ),
-    /* @__PURE__ */ H(
+    /* @__PURE__ */ Q(
       "div",
       {
         className: "absolute top-1/2 left-1/2 rounded-full bg-white/50",
         style: {
-          width: O,
-          height: E,
-          transform: `translate(-50%, ${A}px)`,
-          opacity: e,
-          transition: I ? "40ms height, 60ms opacity ease-out ease-out" : "200ms ease height, 120ms ease opacity"
+          width: k,
+          height: b,
+          transform: `translate(-50%, ${T}px)`,
+          opacity: t,
+          transition: H ? "40ms height, 60ms opacity ease-out ease-out" : "200ms ease height, 120ms ease opacity"
         }
       }
     )
   ] });
+}, nn = (r) => {
+  if (!Number.isFinite(r))
+    return 0n;
+  const t = Math.trunc(r);
+  return t <= 0 ? 0n : BigInt(t);
+}, ie = (r) => {
+  if (r <= 0 || !Number.isFinite(r))
+    return 0;
+  const t = Math.trunc(r), e = BigInt(t) & -BigInt(t);
+  return Number(e);
 };
-class Nt {
+class rn {
   /**
    * @private
    * @property {Map<number, number>} tree - The Map storing the Fenwick tree structure, specifically the sums of deltas. It is 1-indexed.
@@ -830,8 +963,8 @@ class Nt {
    * @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(e, t, n) {
-    this.reset(e, t, n);
+  constructor(t, e, n) {
+    this.reset(t, e, n);
   }
   /**
    * @method reset
@@ -841,26 +974,26 @@ class Nt {
    * @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(e, t, n) {
-    if (this.size = e, this.tree = /* @__PURE__ */ new Map(), this.deltas = /* @__PURE__ */ new Map(), this.total = void 0, typeof t == "function") {
-      if (this.valueFn = t, this.size > 0) {
-        const o = n?.sampleRange ?? {
+  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 = n?.sampleRange ?? {
           from: 0,
           to: Math.min(99, this.size - 1)
-        }, { mode: i, materializedValues: a } = this._calculateMode(o.from, o.to);
-        if (this.baseValue = i, n?.materialize)
-          for (let f = 0; f < a.length; f++) {
-            const c = a[f], u = o.from + f;
-            if (u >= this.size)
+        }, { mode: u, materializedValues: f } = this._calculateMode(a.from, a.to);
+        if (this.baseValue = u, n?.materialize)
+          for (let l = 0; l < f.length; l++) {
+            const c = f[l], d = a.from + l;
+            if (d >= this.size)
               break;
-            const p = c - this.baseValue;
-            this.deltas.set(u, p), this._updateTree(u, p);
+            const h = c - this.baseValue;
+            this.deltas.set(d, h), this._updateTree(d, h);
           }
       } else
         this.baseValue = 0;
       this.total = this.getTotal();
     } else
-      this.valueFn = void 0, this.baseValue = t, this.total = this.baseValue * this.size;
+      this.valueFn = void 0, this.baseValue = e, this.total = this.baseValue * this.size;
   }
   /**
    * @method setValueFn
@@ -868,8 +1001,8 @@ class Nt {
    * @description 値関数を更新し、ツリーを再初期化する。
    * @param {number | ((index: number) => number)} valueOrFn - The new value for all elements, or a function to generate values.
    */
-  setValueFn(e) {
-    typeof e == "function" ? this.valueFn = e : (this.valueFn = void 0, this.baseValue = e);
+  setValueFn(t) {
+    typeof t == "function" ? this.valueFn = t : (this.valueFn = void 0, this.baseValue = t);
   }
   /**
    * @private
@@ -880,33 +1013,33 @@ class Nt {
    * @param {number} to - The ending index of the range (inclusive).
    * @returns {{ mode: number; materializedValues: number[] }} An object containing the calculated mode and the array of generated values.
    */
-  _calculateMode(e, t) {
+  _calculateMode(t, e) {
     if (!this.valueFn)
       return { mode: 0, materializedValues: [] };
     const n = [];
-    for (let c = e; c <= t && !(c >= this.size); c++)
+    for (let c = t; c <= e && !(c >= this.size); c++)
       n.push(this.valueFn(c));
-    const r = [...n];
+    const o = [...n];
     if (n.length === 0)
       return { mode: 0, materializedValues: [] };
-    n.sort((c, u) => c - u);
-    const o = Math.floor(n.length / 2);
-    let i;
-    n.length % 2 === 0 ? i = Math.floor((n[o - 1] + n[o]) / 2) : i = n[o];
-    const a = /* @__PURE__ */ new Map();
-    let f = 0;
+    n.sort((c, d) => c - d);
+    const a = Math.floor(n.length / 2);
+    let u;
+    n.length % 2 === 0 ? u = Math.floor((n[a - 1] + n[a]) / 2) : u = n[a];
+    const f = /* @__PURE__ */ new Map();
+    let l = 0;
     for (const c of n) {
-      const u = (a.get(c) ?? 0) + 1;
-      a.set(c, u), u > f && (f = u);
+      const d = (f.get(c) ?? 0) + 1;
+      f.set(c, d), d > l && (l = d);
     }
-    if (f > 1) {
+    if (l > 1) {
       const c = [];
-      for (const [p, E] of a.entries())
-        E === f && c.push(p);
-      const u = c.reduce((p, E) => p + E, 0);
-      i = Math.floor(u / c.length);
+      for (const [h, b] of f.entries())
+        b === l && c.push(h);
+      const d = c.reduce((h, b) => h + b, 0);
+      u = Math.floor(d / c.length);
     }
-    return { mode: i, materializedValues: r };
+    return { mode: u, materializedValues: o };
   }
   /**
    * @method update
@@ -915,18 +1048,18 @@ class Nt {
    * @param {number} index - The 0-based index to update.
    * @param {number} value - The new value.
    */
-  update(e, t) {
-    return this.updates([{ index: e, value: t }]);
+  update(t, e) {
+    return this.updates([{ index: t, value: e }]);
   }
   /**
    * @method updates
    * @description Updates the values at given indices.
    * @description 指定されたインデックスの値を更新。
-  * @param {ValueUpdate[]} updates - An array of updates, each with an index and the new value.
+   * @param {ValueUpdate[]} updates - An array of updates, each with an index and the new value.
    */
-  updates(e) {
-    const t = this._buildDeltaUpdates(e);
-    return t.length > 0 ? this.updateDeltas(t) : this.total;
+  updates(t) {
+    const e = this._buildDeltaUpdates(t);
+    return e.length > 0 ? this.updateDeltas(e) : this.total;
   }
   /**
    * @method updateDelta
@@ -935,21 +1068,21 @@ class Nt {
    * @param {number} index - The 0-based index to update.
    * @param {number} change - The value to add to the delta at the given index.
    */
-  updateDelta(e, t) {
-    return this.updateDeltas([{ index: e, change: t }]);
+  updateDelta(t, e) {
+    return this.updateDeltas([{ index: t, change: e }]);
   }
   /**
    * @method updateDeltas
    * @description Updates the deltas at given indices and propagates the changes through the tree.
    * @description 指定されたインデックスのデルタを更新し、変更をツリーに伝播させる。
-  * @param {DeltaUpdate[]} updates - An array of updates, each with an index and the change to apply.
+   * @param {DeltaUpdate[]} updates - An array of updates, each with an index and the change to apply.
    */
-  updateDeltas(e) {
-    for (const { index: t, change: n } of e) {
-      if (t < 0 || t >= this.size)
-        throw new Error(`Index ${t} out of bounds`);
-      const r = this.deltas.get(t) ?? 0;
-      this.deltas.set(t, r + n), this._updateTree(t, n);
+  updateDeltas(t) {
+    for (const { index: e, change: n } of t) {
+      if (e < 0 || e >= this.size)
+        throw new Error(`Index ${e} out of bounds`);
+      const o = this.deltas.get(e) ?? 0;
+      this.deltas.set(e, o + n), this._updateTree(e, n);
     }
     return this.total;
   }
@@ -961,13 +1094,18 @@ class Nt {
    * @param {number} index - The 0-based index that changed.
    * @param {number} change - The change in value.
    */
-  _updateTree(e, t) {
-    if (t === 0)
+  _updateTree(t, e) {
+    if (e === 0)
       return;
-    let n = e + 1;
-    for (; n <= this.size; )
-      this.tree.set(n, (this.tree.get(n) ?? 0) + t), n += n & -n;
-    this.total !== void 0 && (this.total += t);
+    let n = t + 1;
+    for (; n <= this.size; ) {
+      this.tree.set(n, (this.tree.get(n) ?? 0) + e);
+      const o = ie(n);
+      if (o === 0)
+        break;
+      n += o;
+    }
+    this.total !== void 0 && (this.total += e);
   }
   /**
    * @private
@@ -977,17 +1115,37 @@ class Nt {
    * @param {ValueUpdate[]} updates - Requested value updates.
    * @returns {DeltaUpdate[]} Sanitized delta updates ready to apply.
    */
-  _buildDeltaUpdates(e) {
-    const t = [];
-    for (const { index: n, value: r } of e) {
+  _buildDeltaUpdates(t) {
+    const e = [];
+    for (const { index: n, value: o } of t) {
       if (n < 0 || n >= this.size)
         throw new Error(`Index ${n} out of bounds`);
-      if (r < 0)
+      if (o < 0)
         throw new Error("Value cannot be negative.");
-      const o = this.deltas.has(n) ? (this.deltas.get(n) ?? 0) + this.baseValue : this.baseValue, i = r - o;
-      i !== 0 && t.push({ index: n, change: i });
+      const a = this.deltas.has(n) ? (this.deltas.get(n) ?? 0) + this.baseValue : this.baseValue, u = o - a;
+      u !== 0 && e.push({ index: n, change: u });
+    }
+    return e;
+  }
+  /**
+   * @private
+   * @method _computeTreeTotal
+   * @description Calculates the total height represented by the current Fenwick tree structure, reproducing the same traversal used by `prefixSum` at the last index to avoid floating-point drift.
+   * @description Fenwick 木が保持する合計値を算出する。末尾インデックスでの `prefixSum` と同一の走査手順を再現し、浮動小数点の誤差を防ぐ。
+   * @returns {number} The total height encoded in the Fenwick tree.
+   */
+  _computeTreeTotal() {
+    if (this.size <= 0)
+      return 0;
+    let t = 0, e = this.size;
+    for (; e > 0; ) {
+      t += this.tree.get(e) ?? 0;
+      const n = ie(e);
+      if (n === 0)
+        break;
+      e -= n;
     }
-    return t;
+    return t + this.baseValue * this.size;
   }
   /**
    * @private
@@ -997,12 +1155,12 @@ class Nt {
    * @param {number} index - The 0-based index to materialize.
    * @param {boolean} [updateTree=true] - Whether to update the Fenwick tree after materialization.
    */
-  _materialize(e, t = !0) {
+  _materialize(t, e = !0) {
     if (this.valueFn) {
-      const n = this.deltas.get(e) ?? 0, o = this.valueFn(e) - this.baseValue;
-      if (o !== n && (this.deltas.set(e, o), t)) {
-        const i = o - n;
-        this._updateTree(e, i);
+      const n = this.deltas.get(t) ?? 0, a = this.valueFn(t) - this.baseValue;
+      if (a !== n && (this.deltas.set(t, a), e)) {
+        const u = a - n;
+        this._updateTree(t, u);
       }
     }
   }
@@ -1015,27 +1173,27 @@ class Nt {
    * @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(e, t, n = !1) {
-    if (!(e?.materialize && this.valueFn))
+  _materializeRanges(t, e, n = !1) {
+    if (!(t?.materialize && this.valueFn))
       return;
-    const r = e.ranges;
-    if (r && r.length > 0) {
-      for (const a of r) {
-        const f = a.from, c = Math.min(a.to, this.size - 1);
-        for (let u = f; u <= c; u++)
-          this._materialize(u);
+    const o = t.ranges;
+    if (o && o.length > 0) {
+      for (const f of o) {
+        const l = f.from, c = Math.min(f.to, this.size - 1);
+        for (let d = l; d <= c; d++)
+          this._materialize(d);
       }
-      if (t === void 0)
+      if (e === void 0)
         return;
       if (n) {
-        this._materialize(t);
+        this._materialize(e);
         return;
       }
-      const o = r[0].from, i = r[r.length - 1].to;
-      t >= o && t <= i && this._materialize(t);
+      const a = o[0].from, u = o[o.length - 1].to;
+      e >= a && e <= u && this._materialize(e);
       return;
     }
-    t !== void 0 && this._materialize(t);
+    e !== void 0 && this._materialize(e);
   }
   /**
    * @private
@@ -1047,15 +1205,55 @@ class Nt {
    * @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(e, t = {}, n) {
+  _findIndex(t, e = {}, n) {
+    if (this.size >= Number.MAX_SAFE_INTEGER)
+      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 r = 0, o = this.size - 1, i = -1, a, f = this.total;
-    for (; r <= o; ) {
-      const c = Math.floor((r + o) / 2);
-      a = this.prefixSum(c, t), f = a.total, (n ? a.cumulative >= e : a.cumulative <= e) ? (i = c, n ? o = c - 1 : r = c + 1) : n ? r = c + 1 : o = c - 1;
+    let o = 0, a = this.size - 1, u = -1, f, l = this.total;
+    for (; o <= a; ) {
+      const c = Math.floor((o + a) / 2);
+      f = this.prefixSum(c, e), l = f.total, (n ? f.cumulative >= t : f.cumulative <= t) ? (u = c, n ? a = c - 1 : o = c + 1) : n ? o = c + 1 : a = c - 1;
     }
-    return { index: i, total: f, cumulative: a?.cumulative, currentValue: a?.currentValue, safeIndex: a?.safeIndex };
+    return { index: u, total: l, cumulative: f?.cumulative, currentValue: f?.currentValue, safeIndex: f?.safeIndex };
+  }
+  /**
+   * Executes a binary search using bigint arithmetic for extremely large sizes.
+   *
+   * 非常に大きなサイズに対して bigint 演算を用いた二分探索を実施。
+   */
+  _findIndexLarge(t, e, n) {
+    if (this.size === 0)
+      return { index: -1, total: this.total ?? 0, cumulative: void 0, currentValue: void 0, safeIndex: void 0 };
+    const o = nn(this.size);
+    if (o === 0n)
+      return { index: -1, total: this.total ?? 0, cumulative: void 0, currentValue: void 0, safeIndex: void 0 };
+    let a = 0n, u = o - 1n, f, l, c, d = this.total;
+    for (; a <= u; ) {
+      const T = a + u >> 1n, k = Number(T), _ = this.prefixSum(k, e);
+      if (c = _, d = _.total, n ? _.cumulative >= t : _.cumulative <= t)
+        if (f = T, l = _, n) {
+          if (T === 0n)
+            break;
+          u = T - 1n;
+        } else
+          a = T + 1n;
+      else if (n)
+        a = T + 1n;
+      else {
+        if (T === 0n)
+          break;
+        u = T - 1n;
+      }
+    }
+    const h = l ?? c;
+    return {
+      index: f !== void 0 ? Number(f) : -1,
+      total: d,
+      cumulative: h?.cumulative,
+      currentValue: h?.currentValue,
+      safeIndex: h?.safeIndex
+    };
   }
   /**
    * @method prefixSum
@@ -1065,18 +1263,22 @@ class Nt {
    * @param {MaterializeConfig} [options] - Optional settings for materializing values.
    * @returns {{ cumulative: number; total: number | undefined; currentValue: number; safeIndex: number }} The cumulative sum of values from index 0 to the given index, the total sum, and the value at the given index.
    */
-  prefixSum(e, t) {
-    if (e < 0)
+  prefixSum(t, e) {
+    if (t < 0)
       return { cumulative: 0, total: this.total, currentValue: 0, safeIndex: 0 };
-    const n = W(e, 0, this.size - 1), r = t?.materializeOption;
-    this._materializeRanges(r, n, !0);
-    let o = 0, i = n + 1;
-    for (; i > 0; ) {
-      const f = this.tree.get(i) ?? 0;
-      o += f, i -= i & -i;
+    const n = pt(t, 0, this.size - 1), o = e?.materializeOption;
+    this._materializeRanges(o, n, !0);
+    let a = 0, u = n + 1;
+    for (; u > 0; ) {
+      const l = this.tree.get(u) ?? 0;
+      a += l;
+      const c = ie(u);
+      if (c === 0)
+        break;
+      u -= c;
     }
-    const a = r?.materialize ? this.get(n) : (this.deltas.get(n) || 0) + this.baseValue;
-    return { cumulative: o + this.baseValue * (n + 1), total: this.total, currentValue: a, safeIndex: n };
+    const f = o?.materialize ? this.get(n) : (this.deltas.get(n) || 0) + this.baseValue;
+    return { cumulative: a + this.baseValue * (n + 1), total: this.total, currentValue: f, safeIndex: n };
   }
   /**
    * @method get
@@ -1086,11 +1288,11 @@ class Nt {
    * @param {MaterializeConfig} [options] - Optional settings for materializing values.
    * @returns {number} The value at the given index.
    */
-  get(e, t) {
-    if (e < 0 || e >= this.size)
+  get(t, e) {
+    if (t < 0 || t >= this.size)
       throw new Error("Index out of bounds");
-    const n = t?.materializeOption;
-    return this._materializeRanges(n, e), (this.deltas.get(e) ?? 0) + this.baseValue;
+    const n = e?.materializeOption;
+    return this._materializeRanges(n, t), (this.deltas.get(t) ?? 0) + this.baseValue;
   }
   /**
    * @method getTotal
@@ -1099,18 +1301,15 @@ class Nt {
    * @param {MaterializeConfig} [options] - Optional settings for materializing values.
    * @returns {number} The total sum of all values.
    */
-  getTotal(e) {
-    const t = e?.materializeOption;
-    if (this._materializeRanges(t), this.total === void 0)
+  getTotal(t) {
+    const e = t?.materializeOption;
+    if (this._materializeRanges(e), this.total === void 0)
       if (this.size === 0)
         this.total = 0;
       else {
-        let n = this.baseValue * this.size;
-        for (const o of this.deltas.values())
-          n += o;
-        this.total = n;
-        const r = this.prefixSum(this.getSize() - 1);
-        console.assert(r.cumulative === r.total, "Inconsistent Fenwick Tree state");
+        this.total = this._computeTreeTotal();
+        const n = this.prefixSum(this.getSize() - 1);
+        console.assert(n.cumulative === n.total, "Inconsistent Fenwick Tree state");
       }
     return this.total;
   }
@@ -1121,22 +1320,26 @@ class Nt {
    * @param {object} [options] - Optional settings for rebuilding.
    * @param {boolean} [options.materialize=false] - If true and `valueFn` is provided, re-materializes all values, recalculating `deltas` and `baseValue`.
    */
-  rebuildTree(e) {
-    if (e?.materialize && this.valueFn) {
-      const r = this.valueFn;
-      this.reset(this.size, (o) => r(o), { materialize: !0 });
+  rebuildTree(t) {
+    if (t?.materialize && this.valueFn) {
+      const n = this.valueFn;
+      this.reset(this.size, (o) => n(o), { materialize: !0 });
       return;
     }
-    const t = /* @__PURE__ */ new Map();
-    let n = this.baseValue * this.size;
-    for (const [r, o] of this.deltas.entries()) {
-      if (n += o, o === 0)
+    const e = /* @__PURE__ */ new Map();
+    for (const [n, o] of this.deltas.entries()) {
+      if (o === 0)
         continue;
-      let i = r + 1;
-      for (; i <= this.size; )
-        t.set(i, (t.get(i) ?? 0) + o), i += i & -i;
+      let a = n + 1;
+      for (; a <= this.size; ) {
+        e.set(a, (e.get(a) ?? 0) + o);
+        const u = ie(a);
+        if (u === 0)
+          break;
+        a += u;
+      }
     }
-    this.tree = t, this.total = n;
+    this.tree = e, this.total = this._computeTreeTotal();
   }
   /**
    * @method calculateAccumulatedError
@@ -1147,10 +1350,10 @@ class Nt {
   calculateAccumulatedError() {
     if (this.total === void 0)
       return 0;
-    let e = this.baseValue * this.size;
-    for (const t of this.deltas.values())
-      e += t;
-    return this.total - e;
+    let t = this.baseValue * this.size;
+    for (const e of this.deltas.values())
+      t += e;
+    return this.total - t;
   }
   /**
    * @method changeSize
@@ -1158,14 +1361,14 @@ class Nt {
    * @description Fenwick Tree のサイズを変更する。
    * @param {number} newSize - The new size of the tree.
    */
-  changeSize(e) {
-    const t = this.size;
-    if (e === t)
+  changeSize(t) {
+    const e = this.size;
+    if (t === e)
       return;
-    if (e < t)
-      for (const r of this.deltas.keys())
-        r >= e && this.deltas.delete(r);
-    this.size = e, this.rebuildTree();
+    if (t < e)
+      for (const o of this.deltas.keys())
+        o >= t && this.deltas.delete(o);
+    this.size = t, this.rebuildTree();
     const n = this.prefixSum(this.getSize() - 1);
     console.assert(n.cumulative === n.total, "Inconsistent Fenwick Tree state");
   }
@@ -1183,44 +1386,44 @@ class Nt {
    * @description Finds the first index where the cumulative sum is greater than or equal to a target value.
    * @description 累積和がターゲット値以上になる最初のインデックスを検索。
    * @param {number} target - The target cumulative sum.
-  * @param {MaterializeConfig} [options] - Optional settings for materializing values.
-  * @param {MaterializeOption} [options.materializeOption] - Options to control materialization.
-  * @param {boolean} [options.materializeOption.materialize=false] - Whether to materialize values.
-  * @param {MaterializeRange[]} [options.materializeOption.ranges] - Optional ranges for eager materialization.
+   * @param {MaterializeConfig} [options] - Optional settings for materializing values.
+   * @param {MaterializeOption} [options.materializeOption] - Options to control materialization.
+   * @param {boolean} [options.materializeOption.materialize=false] - Whether to materialize values.
+   * @param {MaterializeRange[]} [options.materializeOption.ranges] - Optional ranges for eager materialization.
    * @returns {{ index: number, total: number | undefined, cumulative: number | undefined, currentValue: number | undefined, safeIndex: number | undefined }} The 0-based index and the total sum, or -1 if not found.
    */
-  findIndexAtOrAfter(e, t) {
-    return this._findIndex(e, t ?? {}, !0);
+  findIndexAtOrAfter(t, e) {
+    return this._findIndex(t, e ?? {}, !0);
   }
   /**
    * @method findIndexAtOrBefore
    * @description Finds the last index where the cumulative sum is less than or equal to a target value.
    * @description 累積和がターゲット値以下になる最後のインデックスを検索。
    * @param {number} target - The target cumulative sum.
-  * @param {MaterializeConfig} [options] - Optional settings for materializing values.
-  * @param {MaterializeOption} [options.materializeOption] - Options to control materialization。
-  * @param {boolean} [options.materializeOption.materialize=false] - Whether to materialize values。
-  * @param {MaterializeRange[]} [options.materializeOption.ranges] - Optional ranges for eager materialization。
+   * @param {MaterializeConfig} [options] - Optional settings for materializing values.
+   * @param {MaterializeOption} [options.materializeOption] - Options to control materialization。
+   * @param {boolean} [options.materializeOption.materialize=false] - Whether to materialize values。
+   * @param {MaterializeRange[]} [options.materializeOption.ranges] - Optional ranges for eager materialization。
    * @returns {{ index: number, total: number | undefined, cumulative: number | undefined, currentValue: number | undefined, safeIndex: number | undefined }} The 0-based index and the total sum, or -1 if not found.
    */
-  findIndexAtOrBefore(e, t) {
-    return this._findIndex(e, t ?? {}, !1);
+  findIndexAtOrBefore(t, e) {
+    return this._findIndex(t, e ?? {}, !1);
   }
 }
-const Ot = (s, e, t) => {
-  const n = Math.max(0, s), r = F(null), o = Te(() => new Nt(n, e, t), [n, e, t]);
-  return Object.is(r.current, o) || console.warn("[useFenwickMapTree] instance changed"), r.current = o, o;
+const on = (r, t, e) => {
+  const n = Math.max(0, r), o = w(null), a = Vt(() => new rn(n, t, e), [n, t, e]);
+  return Object.is(o.current, a) || console.warn("[useFenwickMapTree] instance changed"), o.current = a, a;
 };
-class zt {
+class sn {
   key;
   value;
   prev = null;
   next = null;
-  constructor(e, t) {
-    this.key = e, this.value = t;
+  constructor(t, e) {
+    this.key = t, this.value = e;
   }
 }
-class nt {
+class Pe {
   head = null;
   tail = null;
   /**
@@ -1229,8 +1432,8 @@ class nt {
    * @description ノードをリストの末尾に追加し、最も最近使用されたものとしてマークします。
    * @param {DoublyLinkedListNode<K, V>} node - The node to add.
    */
-  addToTail(e) {
-    this.tail ? (this.tail.next = e, e.prev = this.tail, this.tail = e) : this.head = this.tail = e;
+  addToTail(t) {
+    this.tail ? (this.tail.next = t, t.prev = this.tail, this.tail = t) : this.head = this.tail = t;
   }
   /**
    * @method remove
@@ -1238,8 +1441,8 @@ class nt {
    * @description 指定されたノードをリストから削除します。
    * @param {DoublyLinkedListNode<K, V>} node - The node to remove.
    */
-  remove(e) {
-    e.prev ? e.prev.next = e.next : this.head = e.next, e.next ? e.next.prev = e.prev : this.tail = e.prev, e.prev = null, e.next = null;
+  remove(t) {
+    t.prev ? t.prev.next = t.next : this.head = t.next, t.next ? t.next.prev = t.prev : this.tail = t.prev, t.prev = null, t.next = null;
   }
   /**
    * @method removeHead
@@ -1248,8 +1451,8 @@ class nt {
    * @returns {DoublyLinkedListNode<K, V> | null} The removed head node, or null if the list is empty.
    */
   removeHead() {
-    const e = this.head;
-    return e && this.remove(e), e;
+    const t = this.head;
+    return t && this.remove(t), t;
   }
   /**
    * @method moveToTail
@@ -1257,199 +1460,566 @@ class nt {
    * @description 既存のノードをリストの末尾に移動し、最も最近使用されたものとしてマークします。
    * @param {DoublyLinkedListNode<K, V>} node - The node to move.
    */
-  moveToTail(e) {
-    this.remove(e), this.addToTail(e);
+  moveToTail(t) {
+    this.remove(t), this.addToTail(t);
   }
 }
-function kt(s) {
-  const e = F(/* @__PURE__ */ new Map()), t = F(new nt());
-  se(() => {
-    for (; e.current.size > s; ) {
-      const c = t.current.removeHead();
-      if (c)
-        e.current.delete(c.key);
+function an(r) {
+  const t = w(/* @__PURE__ */ new Map()), e = w(new Pe());
+  L(() => {
+    for (; t.current.size > r; ) {
+      const d = e.current.removeHead();
+      if (d)
+        t.current.delete(d.key);
       else
         break;
     }
-  }, [s]);
-  const n = y((c) => {
-    const u = e.current.get(c);
-    if (u)
-      return t.current.moveToTail(u), u.value;
-  }, []), r = y(
-    (c, u) => {
-      if (s <= 0)
+  }, [r]);
+  const n = M((d) => {
+    const h = t.current.get(d);
+    if (h)
+      return e.current.moveToTail(h), h.value;
+  }, []), o = M(
+    (d, h) => {
+      if (r <= 0)
         return;
-      let p = e.current.get(c);
-      if (p)
-        p.value = u, t.current.moveToTail(p);
+      let b = t.current.get(d);
+      if (b)
+        b.value = h, e.current.moveToTail(b);
       else {
-        if (e.current.size >= s) {
-          const E = t.current.removeHead();
-          E && e.current.delete(E.key);
+        if (t.current.size >= r) {
+          const T = e.current.removeHead();
+          T && t.current.delete(T.key);
         }
-        p = new zt(c, u), e.current.set(c, p), t.current.addToTail(p);
+        b = new sn(d, h), t.current.set(d, b), e.current.addToTail(b);
       }
     },
-    [s]
-  ), o = y((c) => e.current.has(c), []), i = y(() => {
-    e.current.clear(), t.current = new nt();
-  }, []), [a, f] = pe(() => ({ get: n, set: r, has: o, clear: i }));
-  return se(() => f({ get: n, set: r, has: o, clear: i }), [n, r, o, i]), a;
+    [r]
+  ), a = M((d) => t.current.has(d), []), u = M((d) => {
+    const h = t.current.get(d);
+    h && (e.current.remove(h), t.current.delete(d));
+  }, []), f = M(() => {
+    t.current.clear(), e.current = new Pe();
+  }, []), [l, c] = Yt(() => ({ get: n, set: o, has: a, remove: u, clear: f }));
+  return L(() => c({ get: n, set: o, has: a, remove: u, clear: f }), [n, o, a, u, f]), l;
 }
-const Yt = 1e4, jt = () => {
-  const { get: s, set: e, has: t, clear: n } = kt(Yt);
-  return { get: s, set: e, has: t, clear: n };
-}, be = (s, e) => e <= 0 ? 0 : W(s, 0, e - 1), Ht = (s, e, t, n, r, o) => {
+const ln = 1e4, Tn = () => {
+  const { get: r, set: t, has: e, clear: n } = an(ln);
+  return { get: r, set: t, has: e, clear: n };
+}, lt = (r, t) => t <= 0 ? 0 : pt(r, 0, t - 1), cn = (r) => ({
+  top: Math.max(0, r?.top ?? 0),
+  bottom: Math.max(0, r?.bottom ?? 0)
+}), qt = (r, t) => r <= t ? 0 : r - t, Qt = (r, t) => r <= 0 ? t : r + t, Se = (r) => {
+  if (!Number.isFinite(r))
+    return 0n;
+  const t = Math.trunc(r);
+  return t <= 0 ? 0n : BigInt(t);
+}, un = (r, t, e, n, o, a, u, f) => {
+  const l = Se(n);
+  if (l === 0n)
+    return { renderingStartIndex: 0, renderingEndIndex: 0, visibleStartIndex: 0, visibleEndIndex: 0 };
+  const c = (D) => D < 0n ? 0n : D >= l ? l - 1n : D, d = { materializeOption: { materialize: !1 } }, { index: h } = a.findIndexAtOrAfter(r, d);
+  let b;
+  h === -1 ? b = l - 1n : (b = Se(h), b >= l && (b = l - 1n)), r <= 0 && (b = 0n), f && r >= u && (b = l - 1n);
+  const T = (D) => {
+    let X = 0, O = D, R = D, H = 0n;
+    for (; O < l && X < t; ) {
+      const q = Number(O), N = o(q);
+      if (X += N, R = O, O += 1n, H += 1n, !Number.isFinite(N) || N <= 0)
+        break;
+    }
+    return H === 0n && (R = D), { height: X, end: R };
+  };
+  let { height: k, end: _ } = T(b);
+  if (k < t && b > 0n) {
+    let D = b, X = k;
+    for (; D > 0n && X < t; ) {
+      D -= 1n;
+      const R = Number(D), H = o(R);
+      if (X += H, !Number.isFinite(H) || H <= 0)
+        break;
+    }
+    b = c(D);
+    const O = T(b);
+    k = O.height, _ = O.end;
+  }
+  const tt = c(b), Y = c(_), ut = c(tt - BigInt(Math.max(0, e))), V = c(Y + BigInt(Math.max(0, e)));
+  return {
+    renderingStartIndex: lt(Number(ut), n),
+    renderingEndIndex: lt(Number(V), n),
+    visibleStartIndex: lt(Number(tt), n),
+    visibleEndIndex: lt(Number(Y), n)
+  };
+}, dn = (r, t, e, n, o, a) => {
   if (n === 0)
     return { renderingStartIndex: 0, renderingEndIndex: 0, visibleStartIndex: 0, visibleEndIndex: 0 };
-  const { index: i, cumulative: a, currentValue: f } = o.findIndexAtOrAfter(s, { materializeOption: { materialize: !1 } }), c = i === -1 ? 0 : i, u = i !== -1 && (a ?? 0) < s + (f ?? 0) ? c + 1 : c, p = be(u, n), E = be(p - t, n);
-  let A = 0, O = p;
-  for (; O < n && A < e; )
-    A += r(O), O++;
-  const te = be(O - 1, n), X = be(te + t, n);
-  return { renderingStartIndex: E, renderingEndIndex: X, visibleStartIndex: p, visibleEndIndex: te };
-};
-function $t({ itemCount: s, getItem: e, getItemHeight: t, viewportSize: n, overscanCount: r = 5, className: o, onScroll: i, onRangeChange: a, children: f, background: c, initialScrollIndex: u, initialScrollOffset: p, tapScrollCircleOptions: E, scrollBarWidth: A, enableThumbDrag: O, enableTrackClick: te, enableArrowButtons: X, enablePointerDrag: ne, inertiaOptions: S, renderThumbOverlay: ce, wheelSpeedMultiplier: le }, G) {
-  const C = F(null), K = F(!1);
-  se(() => (K.current = !0, () => {
-    K.current = !1;
-  }), []);
-  const I = F({ size: s, valueOrFn: t, options: { sampleRange: { from: 0, to: 100 } } }), x = Ot(I.current.size, I.current.valueOrFn, I.current.options), [$] = pe(() => {
-    let b = 0, T = 0;
-    if (typeof u == "number") {
-      const V = W(u, 0, s - 1), J = W(V - r * 2, 0, s - 1), oe = W(V + r * 2, 0, s - 1), q = u > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: J, to: oe }] } } : void 0, { cumulative: Q, total: ie, currentValue: j } = x.prefixSum(u, q);
-      b = Q - j, T = ie ?? x.getTotal();
-    } else typeof p == "number" && (b = p), T = x.getTotal();
-    return { position: b, total: T };
-  }), [d, M] = pe($.position), [z, Z] = pe($.total), [h, _] = pe($.position), [g, P] = pe(s);
-  Ae(() => {
-    x.setValueFn(t), g !== s && (x.changeSize(s), P(s));
-    const b = x.getTotal();
-    z !== b && Z(b);
-  }, [x, g, s, z, t]), Ae(() => {
-    h !== null && C.current && (ae.debug("[VirtualScroll] Scrolling to position:", h), C.current.scrollTo(h), _(null));
-  }, [h]);
-  const R = y(
-    (b) => {
-      if (!C.current)
+  const u = a.getTotal(), f = Number.isFinite(u), l = f ? Math.min(r, u) : r;
+  if (n > Number.MAX_SAFE_INTEGER)
+    return un(l, t, e, n, o, a, u, f);
+  const { index: c, cumulative: d, currentValue: h } = a.findIndexAtOrAfter(l, { materializeOption: { materialize: !1 } }), b = c === -1 ? t <= 0 || (d ?? 0) < l + (h ?? 0) ? n - 1 : 0 : c;
+  let T = lt(b, n), k = 0, _ = T;
+  for (; _ < n && k < t; )
+    k += o(_), _++;
+  if (k < t && T > 0) {
+    let V = k, D = T - 1;
+    for (; D >= 0 && V < t; )
+      V += o(D), D--;
+    for (T = lt(D + 1, n), k = 0, _ = T; _ < n && k < t; )
+      k += o(_), _++;
+  }
+  const tt = lt(T - e, n), Y = lt(Math.max(_ - 1, T), n), ut = lt(Y + e, n);
+  return { renderingStartIndex: tt, renderingEndIndex: ut, visibleStartIndex: T, visibleEndIndex: Y };
+}, fn = () => typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now(), ve = (r, t, e) => {
+  const n = Math.max(0, t ?? 0), o = w({
+    lastInvokeAt: 0,
+    rafId: null,
+    pendingPayload: null,
+    loopActive: !1,
+    normalizedThrottle: n
+  }), a = M(() => {
+    const l = o.current;
+    l.rafId !== null && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(l.rafId), l.rafId = null, l.loopActive = !1;
+  }, []), u = M(
+    (l) => {
+      const c = o.current;
+      c.rafId = null;
+      const d = typeof l == "number" ? l : fn(), h = c.normalizedThrottle, b = c.pendingPayload, T = r.current;
+      if (b !== null && T) {
+        const k = d - c.lastInvokeAt;
+        (h === 0 || c.lastInvokeAt === 0 || k >= h) && (c.pendingPayload = null, c.lastInvokeAt = d, e(T, b));
+      }
+      if (c.pendingPayload !== null) {
+        typeof requestAnimationFrame == "function" ? c.rafId = requestAnimationFrame(u) : c.loopActive = !1;
         return;
-      const T = be(b, g), V = be(T - r * 2, g), J = be(T + r * 2, g), { cumulative: oe, total: q, currentValue: Q } = x.prefixSum(T, { materializeOption: { materialize: !0, ranges: [{ from: V, to: J }] } });
-      ae.debug("[VirtualScroll] Scrolling to index:", T, "Offset:", oe, "Total height:", q, "Current value:", Q, "safeIndexFrom:", V, "safeIndexTo:", J), q && (Z(q), _(oe - Q), ae.debug("[VirtualScroll] Setting scroll position to:", oe - Q));
+      }
+      c.loopActive = !1;
     },
-    [x, r, g]
-  ), k = y(
-    (b) => {
-      if (!C.current)
+    [r, e]
+  ), f = M(() => {
+    const l = o.current;
+    if (!l.loopActive) {
+      if (l.loopActive = !0, typeof requestAnimationFrame == "function") {
+        l.rafId = requestAnimationFrame(u);
         return;
-      const T = x.getTotal(), V = W(Math.floor(b), 0, T), J = x.findIndexAtOrAfter(V, { materializeOption: { materialize: !1 } }).index;
-      R(J);
+      }
+      l.loopActive = !1;
+    }
+  }, [u]);
+  return L(() => () => {
+    a(), o.current.pendingPayload = null;
+  }, [a]), L(() => {
+    a();
+    const l = o.current;
+    l.lastInvokeAt = 0, l.pendingPayload = null, l.normalizedThrottle = n;
+  }, [n, a]), M(
+    (l) => {
+      const c = o.current;
+      c.pendingPayload = l, f();
     },
-    [x, R]
-  ), L = y(
-    (b, T) => {
-      ae.debug("[VirtualScroll] Scroll position changed:", b), M(b);
-      const V = x.getTotal();
-      i?.(b, V);
+    [f]
+  );
+}, pn = ({
+  itemCount: r,
+  getItem: t,
+  getItemHeight: e,
+  viewportSize: n,
+  overscanCount: o = 15,
+  className: a,
+  onScroll: u,
+  onRangeChange: f,
+  children: l,
+  background: c,
+  initialScrollIndex: d,
+  initialScrollOffset: h,
+  tapScrollCircleOptions: b,
+  scrollBarWidth: T,
+  enableThumbDrag: k,
+  enableTrackClick: _,
+  enableArrowButtons: tt,
+  enablePointerDrag: Y,
+  inertiaOptions: ut,
+  callbackThrottleMs: V = 5,
+  renderThumbOverlay: D,
+  wheelSpeedMultiplier: X,
+  contentInsets: O,
+  enableKeyboardNavigation: R = !0
+}, H) => {
+  const q = w(null), N = w(!1), g = Vt(() => cn(O), [O]), C = w({ size: r, valueOrFn: e, options: { sampleRange: { from: 0, to: 100 } } }), P = on(C.current.size, C.current.valueOrFn, C.current.options), [j] = Yt(() => {
+    let s = g.top, I = 0;
+    if (typeof d == "number") {
+      const y = pt(d, 0, r - 1), F = pt(y - o * 2, 0, r - 1), B = pt(y + o * 2, 0, r - 1), K = d > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: F, to: B }] } } : void 0, { cumulative: Mt, total: zt, currentValue: Ft } = P.prefixSum(d, K), Xt = Math.max(Mt - Ft, 0);
+      s = Qt(Xt, g.top), I = zt ?? P.getTotal();
+    } else typeof h == "number" && (s = Qt(Math.max(h, 0), g.top)), I = P.getTotal();
+    return { position: s, total: I };
+  }), [rt, Ct] = Yt(j.position), [ot, $] = Yt(j.total), [ct, dt] = Yt(j.position), [A, S] = Yt(r), v = w(j.position), it = w(g.top), W = w(u ?? void 0), G = w(f ?? void 0), ft = w(/* @__PURE__ */ new Map()), et = w(null), st = w(null);
+  L(() => {
+    W.current = u ?? void 0, G.current = f ?? void 0;
+  }, [f, u]);
+  const nt = M(
+    (s) => {
+      if (R && s && typeof s.focus == "function")
+        try {
+          s.focus({ preventScroll: !0 });
+        } catch {
+          s.focus();
+        }
     },
-    [x, i]
-  ), v = Te(() => {
-    const b = Ht(d, n, r, g, t, x);
-    return ae.debug("[VirtualScroll] Calculated rendering range:", {
-      ...b,
-      scrollPosition: d,
-      renderingContentSize: x.getTotal(),
-      overscanCount: r,
+    [R]
+  ), gt = ve(W, V, (s, { position: I, totalHeight: y }) => {
+    s(I, y);
+  }), mt = ve(G, V, (s, { renderingStartIndex: I, renderingEndIndex: y, visibleStartIndex: F, visibleEndIndex: B, scrollPosition: K, totalHeight: Mt }) => {
+    s(I, y, F, B, K, Mt);
+  });
+  L(() => (N.current = !0, () => {
+    N.current = !1;
+  }), []), L(() => {
+    R || (ft.current.clear(), et.current = null, st.current = null);
+  }, [R]);
+  const xt = 0.01, St = w({
+    rafId: null,
+    loopActive: !1,
+    idleFrames: 0,
+    lastRenderedPosition: j.position
+  }), Et = M(() => {
+    const s = St.current;
+    s.rafId !== null && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(s.rafId), s.rafId = null, s.loopActive = !1, s.idleFrames = 0;
+  }, []);
+  L(
+    () => () => {
+      Et();
+    },
+    [Et]
+  );
+  const Dt = M(() => {
+    const s = St.current;
+    s.rafId = null;
+    const I = v.current, y = qt(I, g.top), F = P.getTotal();
+    if (Ct((K) => Math.abs(K - I) < xt ? K : I), gt({ position: y, totalHeight: F }), Math.abs(s.lastRenderedPosition - I) >= xt ? (s.lastRenderedPosition = I, s.idleFrames = 0) : s.idleFrames += 1, s.idleFrames >= 2) {
+      Et();
+      return;
+    }
+    if (typeof requestAnimationFrame == "function") {
+      s.rafId = requestAnimationFrame(Dt);
+      return;
+    }
+    s.loopActive = !1;
+  }, [P, g.top, gt, Et]), p = M(() => {
+    const s = St.current;
+    if (s.idleFrames = 0, !s.loopActive) {
+      if (s.loopActive = !0, typeof requestAnimationFrame == "function") {
+        s.rafId = requestAnimationFrame(Dt);
+        return;
+      }
+      s.loopActive = !1;
+    }
+  }, [Dt]), m = M(
+    (s, I) => {
+      const y = I?.immediate ?? !1, F = qt(s, g.top);
+      if (v.current = s, y) {
+        St.current.lastRenderedPosition = s, St.current.idleFrames = 0, Ct(s), gt({ position: F, totalHeight: P.getTotal() });
+        return;
+      }
+      p();
+    },
+    [p, P, g.top, gt]
+  ), ht = w(!1);
+  L(() => {
+    if (!ht.current)
+      if (ht.current = !0, typeof h == "number") {
+        const s = Qt(Math.max(h, 0), g.top), I = Math.abs(s - v.current) > 0.5;
+        m(s, { immediate: !0 }), I && dt(s);
+      } else
+        m(v.current, { immediate: !0 });
+  }, [h, g.top, m]), se(() => {
+    P.setValueFn(e), A !== r && (P.changeSize(r), S(r));
+    const s = P.getTotal();
+    ot !== s && $(s);
+  }, [P, A, r, ot, e]), se(() => {
+    ct !== null && q.current && (wt.debug("[VirtualScroll] Scrolling to position:", ct), q.current.scrollTo(ct), dt(null));
+  }, [ct]), L(() => {
+    const s = it.current;
+    if (s === g.top)
+      return;
+    const I = qt(v.current, s), y = Qt(I, g.top);
+    it.current = g.top, v.current = y, dt(y), m(y, { immediate: !0 });
+  }, [g.top, m]);
+  const Z = M(
+    (s) => {
+      if (!q.current)
+        return;
+      const I = lt(s, A), y = lt(I - o * 2, A), F = lt(I + o * 2, A), { cumulative: B, total: K, currentValue: Mt } = P.prefixSum(I, { materializeOption: { materialize: !0, ranges: [{ from: y, to: F }] } });
+      if (wt.debug("[VirtualScroll] Scrolling to index:", I, "Offset:", B, "Total height:", K, "Current value:", Mt, "safeIndexFrom:", y, "safeIndexTo:", F), !K)
+        return;
+      const zt = Math.max(B - Mt, 0), Ft = Qt(zt, g.top);
+      $(K), dt(Ft), wt.debug("[VirtualScroll] Setting scroll position to:", Ft);
+    },
+    [P, o, A, g.top]
+  ), z = M(
+    (s) => {
+      if (!q.current)
+        return;
+      const I = P.getTotal(), y = pt(Math.floor(s), 0, I), F = P.findIndexAtOrAfter(y, { materializeOption: { materialize: !1 } }).index;
+      Z(F);
+    },
+    [P, Z]
+  ), Rt = M(
+    (s) => {
+      const I = qt(v.current, g.top), y = typeof s == "function" ? s(I) : s;
+      z(y);
+      const F = q.current?.getScrollPosition(), B = typeof F == "number" ? F : v.current;
+      return m(B), B;
+    },
+    [g.top, z, m]
+  ), It = M(
+    (s, I) => {
+      wt.debug("[VirtualScroll] Scroll position changed:", s), m(s);
+    },
+    [m]
+  ), At = Vt(() => qt(rt, g.top), [g.top, rt]), Tt = Vt(() => {
+    const s = dn(At, n, o, A, e, P);
+    return wt.debug("[VirtualScroll] Calculated rendering range:", {
+      ...s,
+      scrollPosition: At,
+      renderingContentSize: P.getTotal(),
+      overscanCount: o,
       viewportSize: n
-    }), b;
-  }, [d, n, r, g, t, x]);
-  se(() => {
-    const b = C.current?.getScrollPosition() ?? 0;
-    ae.debug("[VirtualScroll] Range change effect triggered", {
-      renderingStartIndex: v.renderingStartIndex,
-      renderingEndIndex: v.renderingEndIndex,
-      visibleStartIndex: v.visibleStartIndex,
-      visibleEndIndex: v.visibleEndIndex,
-      scrollPosition: d,
-      contentSize: z,
-      scrollPaneScrollPosition: b
-    }), a?.(v.renderingStartIndex, v.renderingEndIndex, v.visibleStartIndex, v.visibleEndIndex, d, z);
-  }, [v.renderingStartIndex, v.renderingEndIndex, v.visibleStartIndex, v.visibleEndIndex, a, d, z]);
-  const w = y(
-    (b) => {
-      const { renderingStartIndex: T, renderingEndIndex: V } = v;
-      if (ae.debug("[VirtualScroll] Rendering visible items", { currentScrollPosition: b, renderingStartIndex: T, renderingEndIndex: V, fenwickSize: g, viewportSize: n }), g === 0)
-        return /* @__PURE__ */ H("div", { className: "absolute w-full", style: { top: 0 }, children: /* @__PURE__ */ H("div", { className: "text-center text-gray-500", children: "No items" }) });
-      const J = be(T, g), { cumulative: oe, currentValue: q } = x.prefixSum(J, { materializeOption: { materialize: !1 } }), Q = oe - q, ie = [], j = [];
-      for (let D = T; D <= V; D++) {
-        const l = t(D);
-        ie.push({ item: e(D), height: l, index: D }), x.get(D) !== l && j.push({ index: D, value: l });
+    }), s;
+  }, [At, n, o, A, e, P]), { renderingStartIndex: _t, renderingEndIndex: Ut, visibleStartIndex: vt, visibleEndIndex: Ot } = Tt, at = M(
+    (s, I) => {
+      if (!R || A === 0)
+        return;
+      const y = lt(s, A);
+      if (!(I?.ensureVisible ?? !0)) {
+        const Wt = ft.current.get(y);
+        Wt && (et.current = null, st.current = y, nt(Wt));
+        return;
+      }
+      const B = P.prefixSum(y, { materializeOption: { materialize: !1 } }), K = B.currentValue, Mt = Math.max(B.cumulative - K, 0), zt = Mt + K, Ft = qt(v.current, g.top), Xt = Ft + n;
+      if (Mt < Ft || zt > Xt) {
+        et.current = y, Z(y);
+        return;
+      }
+      const Ht = ft.current.get(y);
+      if (Ht) {
+        et.current = null, st.current = y, nt(Ht);
+        return;
+      }
+      et.current = y;
+    },
+    [R, A, P, g.top, Z, nt, n]
+  ), yt = M(
+    (s, I) => {
+      if (!R || s.defaultPrevented || s.altKey || s.metaKey || s.ctrlKey)
+        return;
+      const y = s.target;
+      if (y) {
+        const F = y.tagName;
+        if (F === "INPUT" || F === "TEXTAREA" || F === "SELECT" || y.isContentEditable)
+          return;
+      }
+      if (s.key === "ArrowDown") {
+        I < A - 1 && (s.preventDefault(), at(I + 1));
+        return;
+      }
+      if (s.key === "ArrowUp") {
+        I > 0 && (s.preventDefault(), at(I - 1));
+        return;
+      }
+      if (s.key === "PageDown") {
+        if (I < A - 1) {
+          s.preventDefault();
+          const F = Math.max(Ot - vt + 1, 1), B = Math.max(F, 1), K = lt(Math.min(I + B, A - 1), A);
+          at(K);
+        }
+        return;
+      }
+      if (s.key === "PageUp" && I > 0) {
+        s.preventDefault();
+        const F = Math.max(Ot - vt + 1, 1), B = Math.max(F, 1), K = lt(I - B, A);
+        at(K);
+      }
+    },
+    [R, A, at, Ot, vt]
+  ), Bt = M(
+    (s) => {
+      if (!R)
+        return;
+      const I = lt(s, A);
+      et.current = null, st.current = I;
+    },
+    [R, A]
+  );
+  L(() => {
+    const s = q.current?.getScrollPosition() ?? 0, I = v.current, y = qt(I, g.top);
+    wt.debug("[VirtualScroll] Range change effect triggered", {
+      renderingStartIndex: _t,
+      renderingEndIndex: Ut,
+      visibleStartIndex: vt,
+      visibleEndIndex: Ot,
+      scrollPositionState: rt,
+      paneScrollPosition: I,
+      logicalScrollPosition: y,
+      contentSize: ot,
+      scrollPaneScrollPosition: s
+    }), mt({
+      renderingStartIndex: _t,
+      renderingEndIndex: Ut,
+      visibleStartIndex: vt,
+      visibleEndIndex: Ot,
+      scrollPosition: y,
+      totalHeight: ot
+    });
+  }, [ot, Ut, _t, g.top, mt, rt, Ot, vt]);
+  const te = M(
+    (s) => {
+      const I = (V ?? 0) > 0, y = Math.abs(s - rt), F = I && y > 0.5 ? rt : s, B = qt(F, g.top);
+      if (wt.debug("[VirtualScroll] Rendering visible items", {
+        currentScrollPosition: s,
+        effectiveScrollPosition: B,
+        renderingStartIndex: _t,
+        renderingEndIndex: Ut,
+        fenwickSize: A,
+        viewportSize: n,
+        callbackThrottleMs: V,
+        diff: y,
+        rawEffectiveScrollPosition: F
+      }), A === 0)
+        return /* @__PURE__ */ Q("div", { className: "absolute w-full", style: { top: 0 }, children: /* @__PURE__ */ Q("div", { className: "text-center text-gray-500", children: "No items" }) });
+      const K = lt(_t, A), Mt = lt(Ut, A), { cumulative: zt, currentValue: Ft } = P.prefixSum(K, { materializeOption: { materialize: !1 } }), Xt = zt - Ft, $t = [], Ht = [];
+      for (let U = K; U <= Mt; U++) {
+        const Kt = e(U);
+        P.get(U) !== Kt && $t.push({ index: U, value: Kt });
+        const { cumulative: ee, currentValue: i } = P.prefixSum(U, { materializeOption: { materialize: !1 } }), x = ee - i, E = (J) => {
+          if (!J) {
+            ft.current.delete(U);
+            return;
+          }
+          R && (ft.current.set(U, J), et.current === U && (et.current = null, st.current = U, nt(J)));
+        };
+        Ht.push(
+          /* @__PURE__ */ Q(
+            "div",
+            {
+              ref: E,
+              "data-index": U,
+              "data-virtualscroll-item": "true",
+              style: {
+                position: "absolute",
+                top: x - Xt + g.top,
+                width: "100%"
+              },
+              tabIndex: R ? -1 : void 0,
+              onKeyDownCapture: R ? (J) => yt(J, U) : void 0,
+              onFocusCapture: R ? () => Bt(U) : void 0,
+              children: l(t(U), U)
+            },
+            U
+          )
+        );
       }
-      j.length > 0 && Promise.resolve().then(() => {
-        const D = x.updates(j);
-        D && (Z(D), ae.debug("[VirtualScroll] Updated heights for items", j, "New total height:", D));
+      $t.length > 0 && Promise.resolve().then(() => {
+        if (!N.current)
+          return;
+        const U = P.updates($t);
+        if (!N.current || typeof U != "number")
+          return;
+        $(U), wt.debug("[VirtualScroll] Updated heights for items", $t, "New total height:", U);
+        const Kt = q.current?.getScrollPosition() ?? v.current;
+        Kt === v.current || !N.current || m(Kt);
       });
-      const ge = z < n ? 0 : Q - b;
-      return ae.debug("[VirtualScroll] Rendering items", { visibleItems: ie, containerTop: ge }), /* @__PURE__ */ H("div", { className: "absolute w-full", style: { top: ge }, children: ie.map(({ item: D, index: l }) => {
-        const B = be(l, g), { cumulative: U, currentValue: N } = x.prefixSum(B, { materializeOption: { materialize: !1 } }), ue = U - N;
-        return /* @__PURE__ */ H(
-          "div",
-          {
-            "data-index": l,
-            style: {
-              position: "absolute",
-              top: ue - Q,
-              width: "100%"
+      const Wt = Xt - B;
+      if (g.bottom > 0) {
+        const U = P.getTotal() + g.top - Xt;
+        Ht.push(
+          /* @__PURE__ */ Q(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                top: U,
+                height: g.bottom,
+                width: "100%"
+              }
             },
-            children: f(D, l)
-          },
-          l
+            "virtualscroll-bottom-inset"
+          )
         );
-      }) });
+      }
+      return wt.debug("[VirtualScroll] Rendering items", {
+        nodeCount: Ht.length,
+        containerTop: Wt,
+        logicalScrollPosition: At,
+        resolvedInsets: g,
+        effectiveScrollPosition: B
+      }), /* @__PURE__ */ Q("div", { className: "absolute w-full", style: { top: Wt }, children: Ht });
     },
-    [e, f, z, n, v, x, g, t]
+    [
+      V,
+      l,
+      R,
+      P,
+      A,
+      t,
+      e,
+      Bt,
+      yt,
+      At,
+      Ut,
+      _t,
+      g,
+      rt,
+      nt,
+      m,
+      n
+    ]
   );
-  return Ye(G, () => ({
-    getScrollPosition: () => C.current?.getScrollPosition() ?? -1,
-    getContentSize: () => C.current?.getContentSize() ?? -1,
-    getViewportSize: () => C.current?.getViewportSize() ?? -1,
-    scrollTo: k,
-    scrollToIndex: R,
-    getFenwickTreeTotalHeight: () => x.getTotal(),
-    getFenwickSize: () => x.getSize()
-  }), [k, R, x]), /* @__PURE__ */ H(
-    Dt,
+  he(
+    H,
+    () => ({
+      getScrollPosition: () => q.current?.getScrollPosition() ?? -1,
+      getContentSize: () => q.current?.getContentSize() ?? -1,
+      getViewportSize: () => q.current?.getViewportSize() ?? -1,
+      scrollTo: Rt,
+      scrollToIndex: Z,
+      getFenwickTreeTotalHeight: () => P.getTotal(),
+      getFenwickSize: () => P.getSize(),
+      focusItemAtIndex: at
+    }),
+    [Rt, Z, P, at]
+  );
+  const ae = ot + g.top + g.bottom;
+  return /* @__PURE__ */ Q(
+    en,
     {
-      ref: C,
-      contentSize: z,
+      ref: q,
+      contentSize: ae,
       viewportSize: n,
-      className: o,
-      onScroll: L,
+      className: a,
+      onScroll: It,
       background: c,
-      tapScrollCircleOptions: E,
-      inertiaOptions: S,
-      itemCount: s,
-      scrollBarWidth: A,
-      enableThumbDrag: O,
-      enableTrackClick: te,
-      enableArrowButtons: X,
-      enablePointerDrag: ne,
-      renderThumbOverlay: ce,
-      wheelSpeedMultiplier: le,
-      children: w
+      tapScrollCircleOptions: b,
+      inertiaOptions: ut,
+      itemCount: r,
+      scrollBarWidth: T,
+      enableThumbDrag: k,
+      enableTrackClick: _,
+      enableArrowButtons: tt,
+      enablePointerDrag: Y,
+      renderThumbOverlay: D,
+      wheelSpeedMultiplier: X,
+      contentInsets: g,
+      children: te
     }
   );
-}
-const Wt = ke($t);
+}, bn = me(pn);
 export {
-  Nt as FenwickMapTree,
-  Lt as ScrollBar,
-  Dt as ScrollPane,
-  Wt as VirtualScroll,
-  W as minmax,
-  qt as tapScrollCircleSampleVisual,
-  Ot as useFenwickMapTree,
-  jt as useHeightCache,
-  kt as useLruCache
+  rn as FenwickMapTree,
+  tn as ScrollBar,
+  en as ScrollPane,
+  bn as VirtualScroll,
+  pt as minmax,
+  In as tapScrollCircleSampleVisual,
+  on as useFenwickMapTree,
+  Tn as useHeightCache,
+  an as useLruCache
 };
-//# sourceMappingURL=index.js.map