@aiquants/virtualscroll 1.1.0 → 1.3.0

package/dist/index.js

@@ -1,722 +1,929 @@
-import { jsx as $, jsxs as Se, Fragment as Je } from "react/jsx-runtime";
-import { forwardRef as ke, useState as de, useRef as k, useCallback as A, useImperativeHandle as Oe, useMemo as xe, useEffect as se, useReducer as st, useLayoutEffect as Ee, useId as ot } from "react";
-import { twMerge as we } from "tailwind-merge";
-const Ke = {
+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
-}, qe = 6, it = ({ dragState: o, normalizedDistance: e }) => {
-  const t = 1 + e * 0.18, n = 0.16 + e * 0.24, r = 0.38 + e * 0.28, i = o.active ? "80ms ease-out" : "220ms ease";
-  return /* @__PURE__ */ Se(Je, { children: [
-    /* @__PURE__ */ $(
+}, 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: `${i}, ${o.active ? "80ms" : "260ms"} box-shadow ease`
+          transform: `scale(${e})`,
+          transition: `${a}, ${r.active ? "80ms" : "260ms"} box-shadow ease`
         }
       }
     ),
-    /* @__PURE__ */ $(
+    /* @__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: o.active ? "120ms opacity ease-out" : "220ms opacity ease"
+          opacity: o,
+          transition: r.active ? "120ms opacity ease-out" : "220ms opacity ease"
         }
       }
     )
   ] });
-}, Qe = ke(({ onDragChange: o, className: e, maxVisualDistance: t = 160, size: n = 40, style: r, opacity: i = 1, renderVisual: l }, a) => {
-  const [h, u] = de(Ke), d = k(null), p = k({ x: 0, y: 0 }), R = k(null), V = A((m) => {
-    u(m), o(m);
-  }, [o]), X = A(
-    (m, D, f = !1) => {
-      const { x: F, y: g } = p.current, N = m - F, L = D - g, C = Math.abs(L), M = C < qe ? 0 : L < 0 ? -1 : 1;
-      V({
-        active: f || C >= qe,
-        offsetX: N,
-        offsetY: L,
-        distance: C,
-        direction: M
+}, 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
       });
     },
-    [V]
-  ), ee = A((m) => {
-    if (m === null)
+    [k]
+  ), tt = M((C) => {
+    if (C === null)
       return;
-    const D = R.current;
-    D?.hasPointerCapture(m) && D.releasePointerCapture(m);
-  }, []), b = A(
-    (m = !1) => {
-      m && ee(d.current), d.current = null, V(Ke);
+    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);
     },
-    [V, ee]
-  ), ae = A(
-    (m) => {
-      m.preventDefault(), m.stopPropagation();
-      const D = R.current ?? m.currentTarget, { left: f, top: F, width: g, height: N } = D.getBoundingClientRect();
-      p.current = { x: f + g / 2, y: F + N / 2 }, d.current = m.pointerId, D.setPointerCapture(m.pointerId), X(m.clientX, m.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);
     },
-    [X]
-  ), le = A(
-    (m) => {
-      d.current === m.pointerId && (m.preventDefault(), X(m.clientX, m.clientY));
+    [_]
+  ), V = M(
+    (C) => {
+      d.current === C.pointerId && (C.preventDefault(), _(C.clientX, C.clientY));
     },
-    [X]
-  ), Z = A(
-    (m) => {
-      d.current === m.pointerId && (m.preventDefault(), m.stopPropagation(), b(!0));
+    [_]
+  ), D = M(
+    (C) => {
+      d.current === C.pointerId && (C.preventDefault(), C.stopPropagation(), Y(!0));
     },
-    [b]
+    [Y]
   );
-  Oe(
-    a,
+  he(
+    f,
     () => ({
       reset: () => {
-        b(!0);
+        Y(!0);
       },
-      getElement: () => R.current
+      getElement: () => b.current
     }),
-    [b]
+    [Y]
   );
-  const _ = Math.min(Math.max(i, 0), 1), U = n / 64, O = Math.min(h.distance, t) / t, x = h.direction * O * 10 * U, P = l ?? it, w = {
-    dragState: h,
-    normalizedDistance: O,
-    sizeScale: U,
+  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: _
-  }, H = {
-    ...r,
+    opacity: X
+  }, g = {
+    ...o,
     width: n,
     height: n,
-    transform: `translateY(${x}px)`
+    transform: `translateY(${H}px)`
   };
-  return H.opacity = _, /* @__PURE__ */ $(
+  return g.opacity = X, /* @__PURE__ */ Q(
     "div",
     {
-      ref: R,
-      className: we(
-        "relative flex touch-none select-none items-center justify-center",
-        "transition-transform duration-100 ease-out",
-        e
-      ),
-      style: H,
-      onPointerDown: ae,
-      onPointerMove: le,
-      onPointerUp: Z,
-      onPointerCancel: Z,
+      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: P(w)
+      children: q(N)
     }
   );
 });
-Qe.displayName = "TapScrollCircle";
-const G = (o, e, t) => Math.min(t, Math.max(e, o)), je = (o, e, t) => {
-  const n = "touches" in o.nativeEvent, r = n ? o.nativeEvent.touches[0] : o.nativeEvent, i = (a) => {
-    n && a.cancelable && a.preventDefault();
-    const h = "touches" in a ? a.touches[0] : a;
-    e({
-      deltaX: h.clientX - r.clientX,
-      deltaY: h.clientY - r.clientY
-    });
-  }, l = () => {
-    n ? (document.removeEventListener("touchmove", i), document.removeEventListener("touchend", l)) : (document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", l)), t?.();
-  };
-  n ? (document.addEventListener("touchmove", i, { passive: !1 }), document.addEventListener("touchend", l)) : (document.addEventListener("mousemove", i), document.addEventListener("mouseup", l));
-}, Ne = "virtualscroll:tap-scroll-cancel", We = 20, at = 250, lt = 60, ct = 20, ut = 20, dt = 220, Be = { active: !1, offsetX: 0, offsetY: 0, distance: 0, direction: 0 }, De = 2.2, ft = 8, ht = 120, pe = {
+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: dt,
-  opacity: 1,
-  renderVisual: void 0
-}, mt = (o) => {
-  if (!o || o <= 0)
-    return De;
-  const e = Math.max(1, o), t = Math.log10(e), n = De + t * ft;
-  return G(n, De, ht);
-}, pt = ({ contentSize: o, viewportSize: e, scrollPosition: t, onScroll: n, enableThumbDrag: r = !0, enableTrackClick: i = !0, enableArrowButtons: l = !0, horizontal: a = !1, scrollBarWidth: h = 12, className: u, ariaControls: d, tapScrollCircleOptions: p, itemCount: R }) => {
-  const [V, X] = de(!1), [ee, b] = de(!1), [ae, le] = de(!1), Z = k(null), _ = k(t), U = k(null), O = k(null), x = k(Be), P = k(null), w = k(null), H = k(null), m = xe(() => {
-    const s = p?.maxSpeedMultiplier, v = typeof s == "number" ? s : mt(R);
-    return {
-      enabled: p?.enabled ?? pe.enabled,
-      size: p?.size ?? pe.size,
-      offsetX: p?.offsetX ?? pe.offsetX,
-      offsetY: p?.offsetY ?? pe.offsetY,
-      className: p?.className ?? pe.className,
-      maxVisualDistance: p?.maxVisualDistance ?? pe.maxVisualDistance,
-      maxSpeedMultiplier: v,
-      opacity: G(p?.opacity ?? pe.opacity, 0, 1),
-      renderVisual: p?.renderVisual ?? pe.renderVisual
-    };
-  }, [R, p]), {
-    enabled: D,
-    size: f,
-    offsetX: F,
-    offsetY: g,
-    className: N,
-    maxVisualDistance: L,
-    maxSpeedMultiplier: C,
-    opacity: M,
-    renderVisual: y
-  } = m, I = a ? "width" : "height", T = a ? "height" : "width", S = a ? "left" : "top", E = a ? "clientX" : "clientY", q = (s, v) => a ? s : v, oe = (s) => s[E], j = a ? ["Scroll left", "Scroll right"] : ["Scroll up", "Scroll down"], W = a ? ["◀", "▶"] : ["▲", "▼"], ne = a ? "flex flex-row items-stretch" : "flex flex-col items-stretch", B = Math.max(L, 1), fe = e / o, Y = h, c = Math.max(e - Y * 2, 0), J = fe * c, Q = Math.min(Math.max(We, J || 0), c || We), z = o - e, ie = Math.max(c - Q, 0), ge = z <= 0 || ie <= 0 ? 0 : t / z * ie, he = o > e, Ye = he && l;
-  se(() => {
-    _.current = t;
-  }, [t]), se(() => {
-    r || b(!1);
-  }, [r]), se(() => {
-    const s = Z.current;
-    if (!s)
-      return;
-    const v = a ? "scaleY(1.06)" : "scaleX(1.06)", K = a ? "scaleY(1.12)" : "scaleX(1.12)";
-    if (!r) {
-      s.style.removeProperty("transform"), s.style.backgroundColor = "#7F7F7F", s.style.removeProperty("transition");
-      return;
-    }
-    if (V) {
-      s.style.transform = K, s.style.backgroundColor = "#4F4F4F", s.style.transition = "transform 60ms ease-out";
-      return;
-    }
-    s.style.transition = "transform 80ms ease-out", ee ? (s.style.transform = v, s.style.backgroundColor = "#5F5F5F") : (s.style.removeProperty("transform"), s.style.backgroundColor = "#7F7F7F");
-  }, [r, a, V, ee]);
-  const Ie = A(() => {
-    U.current !== null && (window.clearInterval(U.current), U.current = null), O.current !== null && (window.clearTimeout(O.current), O.current = null);
-  }, []), ce = A(() => {
-    w.current !== null && (window.cancelAnimationFrame(w.current), w.current = null), H.current = null;
-  }, []), ue = A(() => {
-    x.current = { ...Be }, le(!1), P.current?.reset(), ce();
-  }, [ce]), Ve = A(
-    (s) => {
-      const v = x.current;
-      if (!v.active || v.direction === 0) {
-        ce();
+  maxVisualDistance: Be,
+  minSpeedMultiplier: 0.2,
+  opacity: 0.9,
+  renderVisual: void 0,
+  maxSpeedCurve: void 0
+}, je = (r) => r ? {
+  mainSizeKey: "width",
+  crossSizeKey: "height",
+  positionKey: "left",
+  selectDelta: (t, e) => t,
+  getPointerCoordinate: ({ clientX: t }) => t,
+  arrowLabels: ["Scroll left", "Scroll right"],
+  arrowIcons: ["◀", "▶"],
+  directionClass: "flex flex-row items-stretch",
+  orientation: "horizontal"
+} : {
+  mainSizeKey: "height",
+  crossSizeKey: "width",
+  positionKey: "top",
+  selectDelta: (t, e) => e,
+  getPointerCoordinate: ({ clientY: t }) => t,
+  arrowLabels: ["Scroll up", "Scroll down"],
+  arrowIcons: ["▲", "▼"],
+  directionClass: "flex flex-col items-stretch",
+  orientation: "vertical"
+}, Ge = (r, t) => {
+  const e = r?.maxSpeedMultiplier, n = typeof e == "number" ? e : Qe(t);
+  return {
+    enabled: r?.enabled ?? Lt.enabled,
+    size: r?.size ?? Lt.size,
+    offsetX: r?.offsetX ?? Lt.offsetX,
+    offsetY: r?.offsetY ?? Lt.offsetY,
+    className: r?.className ?? Lt.className,
+    maxVisualDistance: r?.maxVisualDistance ?? Lt.maxVisualDistance,
+    maxSpeedMultiplier: n,
+    minSpeedMultiplier: Math.max(r?.minSpeedMultiplier ?? Lt.minSpeedMultiplier, 0),
+    opacity: pt(r?.opacity ?? Lt.opacity, 0, 1),
+    renderVisual: r?.renderVisual ?? Lt.renderVisual,
+    maxSpeedCurve: r?.maxSpeedCurve ?? Lt.maxSpeedCurve
+  };
+}, 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));
+    },
+    [r, u, e, n]
+  ), c = M(
+    (d) => (h) => {
+      t && (h.key === "Enter" || h.key === " " || h.key === "Spacebar") && (h.preventDefault(), n(d));
+    },
+    [t, n]
+  );
+  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: o = !0,
+  enableTrackClick: a = !0,
+  enableArrowButtons: u = !0,
+  horizontal: f = !1,
+  scrollBarWidth: l = 12,
+  className: c,
+  ariaControls: d,
+  tapScrollCircleOptions: h,
+  itemCount: b,
+  renderThumbOverlay: T
+}) => {
+  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 (!he || z <= 0) {
-        ce();
+      if (!E.scrollBarVisible || E.maxScrollPosition <= 0) {
+        at();
         return;
       }
-      const K = H.current ?? s, te = Math.max((s - K) / 1e3, 0);
-      if (H.current = s, te <= 0) {
-        w.current = window.requestAnimationFrame(Ve);
+      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 _e = (Math.min(v.distance, B) / B) ** 1.1, be = Math.max(e * 0.2, 40), Fe = Math.max(e * C, 1200), Le = be + (Fe - be) * _e, Te = _.current, Ce = G(Te + v.direction * Le * te, 0, z);
-      if (Ce === Te) {
-        ce();
+      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 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;
       }
-      _.current = Ce, n?.(Ce, Te), w.current = window.requestAnimationFrame(Ve);
+      N.current = window.requestAnimationFrame(Bt);
     },
-    [B, z, n, he, ce, C, e]
-  ), ze = A(() => {
-    w.current === null && (H.current = null, w.current = window.requestAnimationFrame(Ve));
-  }, [Ve]);
-  se(() => () => {
-    Ie(), ce();
-  }, [Ie, ce]);
-  const et = A(
-    (s) => {
-      x.current = s, le(s.active), s.active && s.direction !== 0 ? ze() : ce();
+    [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();
     },
-    [ze, ce]
+    [te, at]
   );
-  se(() => {
-    D || ue();
-  }, [ue, D]), se(() => {
-    const s = (v) => {
-      const te = v.detail?.paneId;
-      te && d && te !== d || ue();
+  L(() => {
+    j || yt();
+  }, [yt, j]), L(() => {
+    const i = (x) => {
+      const J = x.detail?.paneId;
+      J && d && J !== d || yt();
     };
-    return window.addEventListener(Ne, s), () => {
-      window.removeEventListener(Ne, s);
+    return window.addEventListener(pe, i), () => {
+      window.removeEventListener(pe, i);
     };
-  }, [d, ue]), se(() => {
-    if (!D)
+  }, [d, yt]), L(() => {
+    if (!j)
       return;
-    const s = (v) => {
-      if (!x.current.active)
+    const i = (x) => {
+      if (!H.current.active)
         return;
-      const K = v.target;
-      if (!(K instanceof Node)) {
-        ue();
+      const E = x.target;
+      if (!(E instanceof Node)) {
+        yt();
         return;
       }
-      P.current?.getElement()?.contains(K) || ue();
+      q.current?.getElement()?.contains(E) || yt();
     };
-    return document.addEventListener("pointerdown", s, !0), () => {
-      document.removeEventListener("pointerdown", s, !0);
+    return document.addEventListener("pointerdown", i, !0), () => {
+      document.removeEventListener("pointerdown", i, !0);
     };
-  }, [ue, D]);
-  const Ae = (s) => {
-    if (!he || ie <= 0 || z <= 0)
+  }, [yt, j]);
+  const s = (i) => {
+    if (!Tt || Rt <= 0 || z <= 0)
       return 0;
-    const v = G(s, 0, ie);
-    return G(v / ie * z, 0, z);
-  }, Re = (s) => {
-    if (!he || z <= 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 v = Math.max(Math.round(e / ut), ct), K = _.current, te = G(K + s * v, 0, z);
-    te !== K && (_.current = te, n?.(te, K));
-  }, Pe = () => {
-    Ie();
-  }, He = (s) => (v) => {
-    Ye && (v.preventDefault(), v.stopPropagation(), ue(), Ie(), Re(s), O.current = window.setTimeout(() => {
-      U.current = window.setInterval(() => {
-        Re(s);
-      }, lt);
-    }, at));
-  }, tt = (s) => (v) => {
-    l && (v.key === "Enter" || v.key === " " || v.key === "Spacebar") && (v.preventDefault(), Re(s));
-  }, $e = (s) => {
-    if (!he)
-      return;
-    if (!r) {
-      s.preventDefault(), s.stopPropagation();
+    if (!o) {
+      i.preventDefault(), i.stopPropagation();
       return;
     }
-    if ("button" in s && s.button !== 0 || s.ctrlKey)
+    if (i.pointerType === "mouse" && i.button !== 0 || i.ctrlKey)
       return;
-    s.stopPropagation(), ue();
-    const v = ge;
-    X(!0), b(!0), je(
-      s,
-      ({ deltaX: K, deltaY: te }) => {
-        const ve = q(K, te);
-        n?.(Ae(v + ve), ge);
-      },
-      () => {
-        X(!1), Z.current && !Z.current.matches(":hover") && b(!1);
-      }
-    );
-  }, Xe = (s) => {
-    if (!he)
+    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 (!i) {
-      s.preventDefault(), s.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 s && s.button !== 0 || s.ctrlKey)
+    if (i.pointerType === "mouse" && i.button !== 0 || i.ctrlKey)
       return;
-    const K = "touches" in s.nativeEvent ? s.nativeEvent.touches[0] : s.nativeEvent, te = oe(K), ve = s.currentTarget.getBoundingClientRect(), _e = te - (a ? ve.left : ve.top);
-    ue();
-    const be = _e - Q / 2;
-    n?.(Ae(be), ge), je(s, ({ deltaX: Fe, deltaY: Le }) => {
-      const Te = q(Fe, Le);
-      n?.(Ae(be + Te), ge);
-    });
-  }, nt = xe(() => G((ae ? 1 : 0.8) * M, 0, 1), [ae, M]), rt = xe(() => {
-    const v = `calc(50% - ${f / 2}px + ${g}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: F,
-      top: v
+      left: Ct,
+      top: x
     };
-  }, [F, g, f]), Ue = (s, v, K) => /* @__PURE__ */ $(
+  }, [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: {
-        [I]: Y,
-        [T]: h,
-        backgroundColor: "#E0E0E0"
+        [G]: p,
+        [ft]: l
       },
-      "aria-label": v,
-      onMouseDown: He(s),
-      onTouchStart: He(s),
-      onMouseUp: Pe,
-      onMouseLeave: Pe,
-      onTouchEnd: Pe,
-      onTouchCancel: Pe,
-      onKeyDown: tt(s),
-      "aria-disabled": !l,
-      disabled: !Ye,
-      children: /* @__PURE__ */ $("span", { "aria-hidden": "true", children: K })
+      "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 })
     }
-  );
-  return /* @__PURE__ */ Se(
+  ), 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__ */ Gt(
     "div",
     {
-      className: we(
-        "group relative cursor-default select-none",
-        ne,
-        u
-      ),
+      className: jt("group relative cursor-default select-none", xt, c),
       style: {
-        [I]: e,
-        [T]: h,
+        [G]: t,
+        [ft]: l,
         backgroundColor: "white",
         userSelect: "none",
-        position: "relative"
+        position: "relative",
+        touchAction: "none"
       },
       role: "scrollbar",
       tabIndex: -1,
       "aria-controls": d,
-      "aria-valuenow": t,
+      "aria-valuenow": e,
       "aria-valuemin": 0,
       "aria-valuemax": z,
-      "aria-orientation": a ? "horizontal" : "vertical",
+      "aria-orientation": f ? "horizontal" : "vertical",
       children: [
-        !a && he && D && /* @__PURE__ */ $(
-          Qe,
+        !f && Tt && j && /* @__PURE__ */ Q(
+          Me,
           {
-            ref: P,
-            className: we(
-              "pointer-events-auto absolute transition-opacity duration-150",
-              N
-            ),
-            size: f,
-            maxVisualDistance: B,
-            style: rt,
-            opacity: nt,
-            renderVisual: y,
-            onDragChange: et
+            ref: q,
+            className: jt("pointer-events-auto absolute transition-opacity duration-150", $),
+            size: rt,
+            maxVisualDistance: Et,
+            style: Kt,
+            opacity: U,
+            renderVisual: v,
+            onDragChange: ae
           }
         ),
-        Ue(-1, j[0], W[0]),
-        /* @__PURE__ */ $(
+        le(-1, gt[0], mt[0]),
+        /* @__PURE__ */ Gt(
           "div",
           {
-            className: "relative flex-1",
+            className: "aqvs:scrollbar-track relative flex-1",
             style: {
-              backgroundColor: "#F5F5F5",
-              borderRadius: h / 2
+              borderRadius: l / 2,
+              touchAction: "none"
             },
-            onMouseDown: Xe,
-            onTouchStart: Xe,
-            "aria-disabled": !i,
-            children: he && // スクロールバーのつまみの当たり判定を広げるためのラッパー
-            /* @__PURE__ */ $(
-              "div",
-              {
-                className: "group absolute",
-                style: {
-                  [I]: Q,
-                  [S]: ge,
-                  ...a ? { top: 0, bottom: 0 } : { left: 0, right: 0 }
-                },
-                onMouseDown: $e,
-                onTouchStart: $e,
-                role: "slider",
-                "aria-orientation": a ? "horizontal" : "vertical",
-                "aria-valuenow": t,
-                "aria-valuemin": 0,
-                "aria-valuemax": z,
-                "aria-disabled": !r,
-                tabIndex: r ? 0 : -1,
-                children: /* @__PURE__ */ $(
-                  "div",
-                  {
-                    ref: Z,
-                    className: we(
-                      "absolute",
-                      a ? `inset-x-0 inset-y-[1.5px] group-hover:inset-y-[-0.5px] ${V ? "-inset-y-0.5" : "group-active:-inset-y-0.5"}` : `inset-x-[1.5px] inset-y-0 group-hover:inset-x-[-0.5px] ${V ? "-inset-x-0.5" : "group-active:-inset-x-0.5"}`
-                    ),
-                    style: {
-                      backgroundColor: "#7F7F7F",
-                      borderRadius: h - 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
+            onPointerDown: Xt,
+            onPointerMove: $t,
+            onPointerUp: Ht,
+            onPointerCancel: Wt,
+            "aria-disabled": !a,
+            children: [
+              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: {
+                    [G]: Z,
+                    [et]: It,
+                    ...f ? { top: 0, bottom: 0 } : { left: 0, right: 0 },
+                    touchAction: "none"
+                  },
+                  onPointerDown: K,
+                  onPointerMove: Mt,
+                  onPointerUp: zt,
+                  onPointerCancel: Ft,
+                  role: "slider",
+                  "aria-orientation": f ? "horizontal" : "vertical",
+                  "aria-valuenow": e,
+                  "aria-valuemin": 0,
+                  "aria-valuemax": z,
+                  "aria-disabled": !o,
+                  tabIndex: -1,
+                  children: /* @__PURE__ */ Q(
+                    "div",
+                    {
+                      ref: D,
+                      className: jt("aqvs:scrollbar-thumb absolute", f ? "aqvs:scrollbar-thumb-horizontal" : "aqvs:scrollbar-thumb-vertical"),
+                      "data-thumb-state": Ut,
+                      style: {
+                        borderRadius: l - 1,
+                        cursor: o ? "pointer" : "default"
+                      },
+                      onMouseEnter: () => {
+                        o && Y(!0);
+                      },
+                      onMouseLeave: () => {
+                        o && Y(!1);
                       }
-                    },
-                    onMouseEnter: () => {
-                      r && b(!0);
-                    },
-                    onMouseLeave: () => {
-                      r && b(!1);
                     }
-                  }
-                )
-              }
-            )
+                  )
+                }
+              )
+            ]
           }
         ),
-        Ue(1, j[1], W[1])
+        le(1, gt[1], mt[1])
       ]
     }
   );
-}, re = {
-  debug(o, ...e) {
-    typeof window < "u" && window.localStorage?.getItem("debug") === "true" && console.debug(`[VirtualScroll] ${o}`, ...e);
+}, wt = {
+  debug(r, ...t) {
+    typeof window < "u" && window.localStorage?.getItem("debug") === "true" && console.debug(`[VirtualScroll] ${r}`, ...t);
   },
-  warn(o, ...e) {
-    console.warn(`[VirtualScroll] ${o}`, ...e);
+  warn(r, ...t) {
+    console.warn(`[VirtualScroll] ${r}`, ...t);
   },
-  error(o, ...e) {
-    console.error(`[VirtualScroll] ${o}`, ...e);
+  error(r, ...t) {
+    console.error(`[VirtualScroll] ${r}`, ...t);
   }
-}, ye = {
+}, Jt = {
   maxVelocity: 6,
   minVelocity: 0.02,
   deceleration: 25e-4,
   velocitySampleWindow: 90,
   startVelocityThreshold: 0.04
-}, Me = (o, e, t) => {
-  for (const [n, r, i] of e)
-    t === "add" ? o.addEventListener(n, r, i) : o.removeEventListener(n, r, i);
-}, gt = ke(({ children: o, contentSize: e, viewportSize: t, scrollBarWidth: n = 12, enableThumbDrag: r = !0, enableTrackClick: i = !0, enableArrowButtons: l = !0, enablePointerDrag: a = !0, onScroll: h, className: u, style: d, background: p, tapScrollCircleOptions: R, inertiaOptions: V, itemCount: X }, ee) => {
-  const b = k(0), [ae, le] = st((f) => f + 1, 0), Z = k(null), _ = k(null), U = k({
-    frame: null,
-    velocity: 0,
-    lastTimestamp: null
-  }), O = xe(
-    () => ({
-      maxVelocity: V?.maxVelocity ?? ye.maxVelocity,
-      minVelocity: V?.minVelocity ?? ye.minVelocity,
-      deceleration: V?.deceleration ?? ye.deceleration,
-      velocitySampleWindow: V?.velocitySampleWindow ?? ye.velocitySampleWindow,
-      startVelocityThreshold: V?.startVelocityThreshold ?? ye.startVelocityThreshold
-    }),
-    [V]
-  );
-  re.debug("[ScrollPane] ScrollPane rendered", { contentSize: e, viewportSize: t, scrollBarWidth: n, className: u, style: d, tapScrollCircleOptions: R, inertiaOptions: V, enablePointerDrag: a });
-  const x = k({ contentSize: e, viewportSize: t }), P = xe(() => e > t, [e, t]), w = A(
-    (f) => {
-      const { contentSize: F, viewportSize: g } = x.current, N = F > g, L = b.current;
-      if (re.debug("[ScrollPane] scrollTo called", { newPosition: f, contentSize: F, viewportSize: g, currentIsScrollable: N, prevPosition: L }), !N) {
-        b.current !== 0 && (b.current = 0, h?.(0, L));
-        return;
-      }
-      const C = typeof f == "function" ? f(b.current) : f, M = G(C, 0, F - g);
-      b.current !== M && (b.current = M, h?.(M, L));
-    },
-    [h]
-  ), H = A(() => {
-    const f = U.current;
-    f.frame !== null && cancelAnimationFrame(f.frame), f.frame = null, f.velocity = 0, f.lastTimestamp = null;
-  }, []), m = A(
-    (f) => {
-      if (!P)
+}, 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: F, minVelocity: g, deceleration: N, startVelocityThreshold: L } = O, C = G(f, -F, F);
-      if (Math.abs(C) < L)
+      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;
-      H(), U.current.velocity = C, U.current.lastTimestamp = null;
-      const M = (y) => {
-        const I = U.current;
-        if (I.lastTimestamp === null) {
-          I.lastTimestamp = y, I.frame = requestAnimationFrame(M);
+      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 T = y - I.lastTimestamp;
-        if (I.lastTimestamp = y, T <= 0) {
-          I.frame = requestAnimationFrame(M);
+        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 S = I.velocity;
-        let E = S;
-        const q = N * T;
-        S > 0 ? E = Math.max(0, S - q) : S < 0 && (E = Math.min(0, S + q));
-        const j = (S + E) / 2 * T, W = b.current;
-        j !== 0 && w((J) => J + j);
-        const ne = b.current, { contentSize: B, viewportSize: fe } = x.current, Y = Math.max(B - fe, 0);
-        I.velocity = E;
-        const c = ne === W || ne <= 0 && E <= 0 || ne >= Y && E >= 0;
-        if (Math.abs(E) < g || c) {
-          H();
+        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;
-        }
-        I.frame = requestAnimationFrame(M);
+        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();
       };
-      U.current.frame = requestAnimationFrame(M);
-    },
-    [P, O, w, H]
-  );
-  Ee(() => {
-    x.current = { contentSize: e, viewportSize: t };
-  }, [e, t]), Ee(() => {
-    if (P) {
-      re.debug("[ScrollPane] Adjusting scroll position due to content or viewport size change", { contentSize: e, viewportSize: t, scrollPosition: b.current });
-      const f = G(e - t, 0, e);
-      b.current > f && w(f);
-    } else
-      w(0);
-  }, [P, w, e, t]), se(() => {
-    const f = (g) => {
-      if (!P)
-        return;
-      g.preventDefault(), H();
-      let N = g.deltaY;
-      g.deltaMode === 1 ? N *= 16 : g.deltaMode === 2 && (N *= t), re.debug("[ScrollPane] wheel event", { deltaY: N, scrollPosition: b.current }), w((L) => L + N);
-    }, F = Z.current;
-    return F && F.addEventListener("wheel", f, { passive: !1 }), () => {
-      F && F.removeEventListener("wheel", f);
-    };
-  }, [P, w, H, t]), Oe(
-    ee,
-    () => ({
-      scrollTo: w,
-      getScrollPosition: () => b.current,
-      getContentSize: () => e,
-      getViewportSize: () => t
-    }),
-    [w, e, t]
-  );
-  const D = ot();
-  return se(() => {
-    const f = _.current;
-    if (!f)
-      return;
-    if (!a) {
-      H();
-      return;
-    }
-    const F = 6;
-    let g = null, N = 0, L = 0, C = !1, M = !1, y = null, I = [];
-    const T = () => {
-      g = null, N = 0, L = 0, C = !1, I = [];
-    }, S = (c) => {
-      const J = performance.now();
-      I.push({ clientY: c, time: J }), I = I.filter((Q) => J - Q.time <= O.velocitySampleWindow);
-    }, E = (c) => c instanceof HTMLElement && c.closest("[data-scrollpane-ignore-drag='true']") !== null, q = (c) => {
-      M && (c.preventDefault(), c.stopPropagation(), M = !1);
-    }, oe = (c) => {
-      C || (C = !0, M = !0, f.hasPointerCapture(c.pointerId) || f.setPointerCapture(c.pointerId), S(c.clientY));
-    }, j = (c) => {
-      if (g !== c.pointerId || !C && (Math.abs(c.clientY - N) < F || (oe(c), !C)))
-        return;
-      S(c.clientY);
-      const J = c.clientY - N, Q = L - J;
-      w(Q), c.cancelable && c.preventDefault();
-    }, W = (c) => {
-      if (g !== c.pointerId)
-        return;
-      C && M && c.cancelable && (c.preventDefault(), c.stopPropagation()), f.hasPointerCapture(c.pointerId) && f.releasePointerCapture(c.pointerId);
-      let J = 0;
-      if (C && I.length >= 2) {
-        const Q = I[I.length - 1], z = I.find((ie) => Q.time - ie.time <= O.velocitySampleWindow) ?? I[0];
-        if (Q && z && Q.time !== z.time) {
-          const ie = Q.clientY - z.clientY, ge = Q.time - z.time;
-          J = -(ie / ge);
+    }, [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)
+          ]
         }
-      }
-      T(), y !== null && window.clearTimeout(y), M && (y = window.setTimeout(() => {
-        M = !1, y = null;
-      }, 0)), Math.abs(J) >= O.startVelocityThreshold && m(J);
-    }, ne = (c) => {
-      P && (c.button !== 0 && c.pointerType === "mouse" || c.ctrlKey || c.metaKey || c.altKey || E(c.target) || (window.dispatchEvent(new CustomEvent(Ne, { detail: { paneId: D } })), H(), g = c.pointerId, N = c.clientY, L = b.current, C = !1, M = !1, I = []));
-    }, B = (c) => {
-      g === c.pointerId && (M = !1, f.hasPointerCapture(c.pointerId) && f.releasePointerCapture(c.pointerId), y !== null && (window.clearTimeout(y), y = null), T());
-    }, fe = [
-      ["click", q, !0],
-      ["pointerdown", ne, { passive: !1 }],
-      ["pointermove", j, { passive: !1 }],
-      ["pointerup", W, void 0],
-      ["pointercancel", B, void 0]
-    ], Y = [
-      ["pointermove", j, { passive: !1 }],
-      ["pointerup", W, void 0],
-      ["pointercancel", B, void 0]
-    ];
-    return Me(f, fe, "add"), Me(window, Y, "add"), () => {
-      Me(f, fe, "remove"), Me(window, Y, "remove"), g !== null && f.hasPointerCapture(g) && f.releasePointerCapture(g), y !== null && window.clearTimeout(y), H();
-    };
-  }, [a, D, P, O, w, m, H]), /* @__PURE__ */ Se("div", { ref: Z, className: we("flex", u), style: d, children: [
-    /* @__PURE__ */ Se(
-      "div",
-      {
-        ref: _,
-        className: "relative h-full flex-1 overflow-hidden",
-        style: { height: t, ...a ? { touchAction: "none" } : {} },
-        id: D,
-        children: [
-          p,
-          o(b.current)
-        ]
-      }
-    ),
-    P && /* @__PURE__ */ $(
-      pt,
-      {
-        contentSize: e,
-        viewportSize: t,
-        scrollPosition: b.current,
-        onScroll: w,
-        enableThumbDrag: r,
-        enableTrackClick: i,
-        enableArrowButtons: l,
-        scrollBarWidth: n,
-        ariaControls: D,
-        tapScrollCircleOptions: R,
-        itemCount: X
-      }
-    )
-  ] });
-}), Ge = (o, e, t) => Math.min(Math.max(o, e), t), Mt = ({ dragState: o, normalizedDistance: e, sizeScale: t, size: n }) => {
-  const r = Math.max(n / 2, 1), i = 1 + e * 0.65, l = Math.max(0.65, 1 - e * 0.25), a = o.direction * e * 26 * t, h = 0.8 + e * 0.18, u = 3 * t, d = 6 * t, p = 22 * t, R = Math.abs(a) + d, V = a > 0 ? u : -Math.abs(a) - u, X = Math.max(2.5, 3 * t), ee = Ge(o.offsetX, -r, r), b = Ge(o.offsetY, -r, r), ae = r * 0.35, le = ee / r * ae, Z = b / r * ae, _ = le * 0.45, U = Z * 0.45, O = Math.max(p * 0.38, 6), x = 0.65 + e * 0.2, P = o.active;
-  return /* @__PURE__ */ Se(Je, { children: [
-    /* @__PURE__ */ $(
+      ),
+      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(${l}, ${i})`,
-          transition: P ? "40ms transform ease-out" : "200ms ease transform"
+          transform: `scale(${u}, ${a})`,
+          transition: H ? "40ms transform ease-out" : "200ms ease transform"
         }
       }
     ),
-    /* @__PURE__ */ $(
+    /* @__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% + ${le}px), calc(-50% + ${Z}px)) scale(${l}, ${h * i})`,
-          transition: P ? "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__ */ $(
+    /* @__PURE__ */ Q(
       "div",
       {
         className: "absolute top-1/2 left-1/2 rounded-full bg-white/80",
         style: {
           width: O,
           height: O,
-          transform: `translate(calc(-50% + ${_}px), calc(-50% + ${U}px)) scale(${l}, ${i})`,
-          opacity: x,
+          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: P ? "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__ */ $(
+    /* @__PURE__ */ Q(
       "div",
       {
         className: "absolute top-1/2 left-1/2 rounded-full bg-white/50",
         style: {
-          width: X,
-          height: R,
-          transform: `translate(-50%, ${V}px)`,
-          opacity: e,
-          transition: P ? "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 xt {
+class rn {
   /**
    * @private
    * @property {Map<number, number>} tree - The Map storing the Fenwick tree structure, specifically the sums of deltas. It is 1-indexed.
@@ -756,8 +963,8 @@ class xt {
    * @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
@@ -767,26 +974,26 @@ class xt {
    * @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 i = 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: l, materializedValues: a } = this._calculateMode(i.from, i.to);
-        if (this.baseValue = l, n?.materialize)
-          for (let h = 0; h < a.length; h++) {
-            const u = a[h], d = i.from + h;
+        }, { 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 = u - this.baseValue;
-            this.deltas.set(d, p), this._updateTree(d, 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
@@ -794,8 +1001,8 @@ class xt {
    * @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
@@ -806,33 +1013,33 @@ class xt {
    * @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 u = e; u <= t && !(u >= this.size); u++)
-      n.push(this.valueFn(u));
-    const r = [...n];
+    for (let c = t; c <= e && !(c >= this.size); c++)
+      n.push(this.valueFn(c));
+    const o = [...n];
     if (n.length === 0)
       return { mode: 0, materializedValues: [] };
-    n.sort((u, d) => u - d);
-    const i = Math.floor(n.length / 2);
-    let l;
-    n.length % 2 === 0 ? l = Math.floor((n[i - 1] + n[i]) / 2) : l = n[i];
-    const a = /* @__PURE__ */ new Map();
-    let h = 0;
-    for (const u of n) {
-      const d = (a.get(u) ?? 0) + 1;
-      a.set(u, d), d > h && (h = d);
+    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 d = (f.get(c) ?? 0) + 1;
+      f.set(c, d), d > l && (l = d);
     }
-    if (h > 1) {
-      const u = [];
-      for (const [p, R] of a.entries())
-        R === h && u.push(p);
-      const d = u.reduce((p, R) => p + R, 0);
-      l = Math.floor(d / u.length);
+    if (l > 1) {
+      const c = [];
+      for (const [h, b] of f.entries())
+        b === l && c.push(h);
+      const d = c.reduce((h, b) => h + b, 0);
+      u = Math.floor(d / c.length);
     }
-    return { mode: l, materializedValues: r };
+    return { mode: u, materializedValues: o };
   }
   /**
    * @method update
@@ -841,18 +1048,18 @@ class xt {
    * @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
@@ -861,21 +1068,21 @@ class xt {
    * @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;
   }
@@ -887,13 +1094,18 @@ class xt {
    * @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
@@ -903,17 +1115,37 @@ class xt {
    * @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 i = this.deltas.has(n) ? (this.deltas.get(n) ?? 0) + this.baseValue : this.baseValue, l = r - i;
-      l !== 0 && t.push({ index: n, change: l });
+      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
@@ -923,12 +1155,12 @@ class xt {
    * @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, i = this.valueFn(e) - this.baseValue;
-      if (i !== n && (this.deltas.set(e, i), t)) {
-        const l = i - n;
-        this._updateTree(e, l);
+      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);
       }
     }
   }
@@ -941,27 +1173,27 @@ class xt {
    * @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 h = a.from, u = Math.min(a.to, this.size - 1);
-        for (let d = h; d <= u; d++)
+    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 i = r[0].from, l = r[r.length - 1].to;
-      t >= i && t <= l && 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
@@ -973,15 +1205,55 @@ class xt {
    * @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, i = this.size - 1, l = -1, a, h = this.total;
-    for (; r <= i; ) {
-      const u = Math.floor((r + i) / 2);
-      a = this.prefixSum(u, t), h = a.total, (n ? a.cumulative >= e : a.cumulative <= e) ? (l = u, n ? i = u - 1 : r = u + 1) : n ? r = u + 1 : i = u - 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: l, total: h, 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
@@ -991,18 +1263,22 @@ class xt {
    * @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 = G(e, 0, this.size - 1), r = t?.materializeOption;
-    this._materializeRanges(r, n, !0);
-    let i = 0, l = n + 1;
-    for (; l > 0; ) {
-      const h = this.tree.get(l) ?? 0;
-      i += h, l -= l & -l;
+    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: i + 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
@@ -1012,11 +1288,11 @@ class xt {
    * @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
@@ -1025,18 +1301,15 @@ class xt {
    * @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 i of this.deltas.values())
-          n += i;
-        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;
   }
@@ -1047,22 +1320,26 @@ class xt {
    * @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, (i) => r(i), { 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, i] of this.deltas.entries()) {
-      if (n += i, i === 0)
+    const e = /* @__PURE__ */ new Map();
+    for (const [n, o] of this.deltas.entries()) {
+      if (o === 0)
         continue;
-      let l = r + 1;
-      for (; l <= this.size; )
-        t.set(l, (t.get(l) ?? 0) + i), l += l & -l;
+      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
@@ -1073,10 +1350,10 @@ class xt {
   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
@@ -1084,14 +1361,14 @@ class xt {
    * @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");
   }
@@ -1109,44 +1386,44 @@ class xt {
    * @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 vt = (o, e, t) => {
-  const n = Math.max(0, o), r = k(null), i = xe(() => new xt(n, e, t), [n, e, t]);
-  return Object.is(r.current, i) || console.warn("[useFenwickMapTree] instance changed"), r.current = i, i;
+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 bt {
+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 Ze {
+class Pe {
   head = null;
   tail = null;
   /**
@@ -1155,8 +1432,8 @@ class Ze {
    * @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
@@ -1164,8 +1441,8 @@ class Ze {
    * @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
@@ -1174,8 +1451,8 @@ class Ze {
    * @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
@@ -1183,197 +1460,566 @@ class Ze {
    * @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 Tt(o) {
-  const e = k(/* @__PURE__ */ new Map()), t = k(new Ze());
-  se(() => {
-    for (; e.current.size > o; ) {
-      const u = t.current.removeHead();
-      if (u)
-        e.current.delete(u.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;
     }
-  }, [o]);
-  const n = A((u) => {
-    const d = e.current.get(u);
-    if (d)
-      return t.current.moveToTail(d), d.value;
-  }, []), r = A(
-    (u, d) => {
-      if (o <= 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(u);
-      if (p)
-        p.value = d, t.current.moveToTail(p);
+      let b = t.current.get(d);
+      if (b)
+        b.value = h, e.current.moveToTail(b);
       else {
-        if (e.current.size >= o) {
-          const R = t.current.removeHead();
-          R && e.current.delete(R.key);
+        if (t.current.size >= r) {
+          const T = e.current.removeHead();
+          T && t.current.delete(T.key);
         }
-        p = new bt(u, d), e.current.set(u, p), t.current.addToTail(p);
+        b = new sn(d, h), t.current.set(d, b), e.current.addToTail(b);
       }
     },
-    [o]
-  ), i = A((u) => e.current.has(u), []), l = A(() => {
-    e.current.clear(), t.current = new Ze();
-  }, []), [a, h] = de(() => ({ get: n, set: r, has: i, clear: l }));
-  return se(() => h({ get: n, set: r, has: i, clear: l }), [n, r, i, l]), 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, Et = () => {
-  const { get: o, set: e, has: t, clear: n } = Tt(yt);
-  return { get: o, set: e, has: t, clear: n };
-}, me = (o, e) => e <= 0 ? 0 : G(o, 0, e - 1), wt = (o, e, t, n, r, i) => {
+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: l, cumulative: a, currentValue: h } = i.findIndexAtOrAfter(o, { materializeOption: { materialize: !1 } }), u = l === -1 ? 0 : l, d = l !== -1 && (a ?? 0) < o + (h ?? 0) ? u + 1 : u, p = me(d, n), R = me(p - t, n);
-  let V = 0, X = p;
-  for (; X < n && V < e; )
-    V += r(X), X++;
-  const ee = me(X - 1, n), b = me(ee + t, n);
-  return { renderingStartIndex: R, renderingEndIndex: b, visibleStartIndex: p, visibleEndIndex: ee };
-};
-function St({ itemCount: o, getItem: e, getItemHeight: t, viewportSize: n, overscanCount: r = 5, className: i, onScroll: l, onRangeChange: a, children: h, background: u, initialScrollIndex: d, initialScrollOffset: p, tapScrollCircleOptions: R, scrollBarWidth: V, enableThumbDrag: X, enableTrackClick: ee, enableArrowButtons: b, enablePointerDrag: ae, inertiaOptions: le }, Z) {
-  const _ = k(null), U = k(!1);
-  se(() => (U.current = !0, () => {
-    U.current = !1;
-  }), []);
-  const O = k({ size: o, valueOrFn: t, options: { sampleRange: { from: 0, to: 100 } } }), x = vt(O.current.size, O.current.valueOrFn, O.current.options), [P] = de(() => {
-    let T = 0, S = 0;
+  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;
+      }
+      c.loopActive = !1;
+    },
+    [r, e]
+  ), f = M(() => {
+    const l = o.current;
+    if (!l.loopActive) {
+      if (l.loopActive = !0, typeof requestAnimationFrame == "function") {
+        l.rafId = requestAnimationFrame(u);
+        return;
+      }
+      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();
+    },
+    [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 E = G(d, 0, o - 1), q = G(E - r * 2, 0, o - 1), oe = G(E + r * 2, 0, o - 1), j = d > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: q, to: oe }] } } : void 0, { cumulative: W, total: ne, currentValue: B } = x.prefixSum(d, j);
-      T = W - B, S = ne ?? x.getTotal();
-    } else typeof p == "number" && (T = p), S = x.getTotal();
-    return { position: T, total: S };
-  }), [w, H] = de(P.position), [m, D] = de(P.total), [f, F] = de(P.position), [g, N] = de(o);
-  Ee(() => {
-    x.setValueFn(t), g !== o && (x.changeSize(o), N(o));
-    const T = x.getTotal();
-    m !== T && D(T);
-  }, [x, g, o, m, t]), Ee(() => {
-    f !== null && _.current && (re.debug("[VirtualScroll] Scrolling to position:", f), _.current.scrollTo(f), F(null));
-  }, [f]);
-  const L = A(
-    (T) => {
-      if (!_.current)
+      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();
+        }
+    },
+    [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 S = me(T, g), E = me(S - r * 2, g), q = me(S + r * 2, g), { cumulative: oe, total: j, currentValue: W } = x.prefixSum(S, { materializeOption: { materialize: !0, ranges: [{ from: E, to: q }] } });
-      re.debug("[VirtualScroll] Scrolling to index:", S, "Offset:", oe, "Total height:", j, "Current value:", W, "safeIndexFrom:", E, "safeIndexTo:", q), j && (D(j), F(oe - W), re.debug("[VirtualScroll] Setting scroll position to:", oe - W));
+      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);
     },
-    [x, r, g]
-  ), C = A(
-    (T) => {
-      if (!_.current)
+    [P, o, A, g.top]
+  ), z = M(
+    (s) => {
+      if (!q.current)
         return;
-      const S = x.getTotal(), E = G(Math.floor(T), 0, S), q = x.findIndexAtOrAfter(E, { materializeOption: { materialize: !1 } }).index;
-      L(q);
+      const I = P.getTotal(), y = pt(Math.floor(s), 0, I), F = P.findIndexAtOrAfter(y, { materializeOption: { materialize: !1 } }).index;
+      Z(F);
     },
-    [x, L]
-  ), M = A(
-    (T, S) => {
-      re.debug("[VirtualScroll] Scroll position changed:", T), H(T);
-      const E = x.getTotal();
-      l?.(T, E);
+    [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;
     },
-    [x, l]
-  ), y = xe(() => {
-    const T = wt(w, n, r, g, t, x);
-    return re.debug("[VirtualScroll] Calculated rendering range:", {
-      ...T,
-      scrollPosition: w,
-      renderingContentSize: x.getTotal(),
-      overscanCount: r,
+    [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
-    }), T;
-  }, [w, n, r, g, t, x]);
-  se(() => {
-    const T = _.current?.getScrollPosition() ?? 0;
-    re.debug("[VirtualScroll] Range change effect triggered", {
-      renderingStartIndex: y.renderingStartIndex,
-      renderingEndIndex: y.renderingEndIndex,
-      visibleStartIndex: y.visibleStartIndex,
-      visibleEndIndex: y.visibleEndIndex,
-      scrollPosition: w,
-      contentSize: m,
-      scrollPaneScrollPosition: T
-    }), a?.(y.renderingStartIndex, y.renderingEndIndex, y.visibleStartIndex, y.visibleEndIndex, w, m);
-  }, [y.renderingStartIndex, y.renderingEndIndex, y.visibleStartIndex, y.visibleEndIndex, a, w, m]);
-  const I = A(
-    (T) => {
-      const { renderingStartIndex: S, renderingEndIndex: E } = y;
-      if (re.debug("[VirtualScroll] Rendering visible items", { currentScrollPosition: T, renderingStartIndex: S, renderingEndIndex: E, fenwickSize: g, viewportSize: n }), g === 0)
-        return /* @__PURE__ */ $("div", { className: "absolute w-full", style: { top: 0 }, children: /* @__PURE__ */ $("div", { className: "text-center text-gray-500", children: "No items" }) });
-      const q = me(S, g), { cumulative: oe, currentValue: j } = x.prefixSum(q, { materializeOption: { materialize: !1 } }), W = oe - j, ne = [], B = [];
-      for (let Y = S; Y <= E; Y++) {
-        const c = t(Y);
-        ne.push({ item: e(Y), height: c, index: Y }), x.get(Y) !== c && B.push({ index: Y, value: c });
+    }), 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;
       }
-      B.length > 0 && Promise.resolve().then(() => {
-        const Y = x.updates(B);
-        Y && (D(Y), re.debug("[VirtualScroll] Updated heights for items", B, "New total height:", Y));
+      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
+          )
+        );
+      }
+      $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 fe = m < n ? 0 : W - T;
-      return re.debug("[VirtualScroll] Rendering items", { visibleItems: ne, containerTop: fe }), /* @__PURE__ */ $("div", { className: "absolute w-full", style: { top: fe }, children: ne.map(({ item: Y, index: c }) => {
-        const J = me(c, g), { cumulative: Q, currentValue: z } = x.prefixSum(J, { materializeOption: { materialize: !1 } }), ie = Q - z;
-        return /* @__PURE__ */ $(
-          "div",
-          {
-            "data-index": c,
-            style: {
-              position: "absolute",
-              top: ie - W,
-              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: h(Y, c)
-          },
-          c
+            "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, h, m, n, y, x, g, t]
+    [
+      V,
+      l,
+      R,
+      P,
+      A,
+      t,
+      e,
+      Bt,
+      yt,
+      At,
+      Ut,
+      _t,
+      g,
+      rt,
+      nt,
+      m,
+      n
+    ]
+  );
+  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]
   );
-  return Oe(Z, () => ({
-    getScrollPosition: () => _.current?.getScrollPosition() ?? -1,
-    getContentSize: () => _.current?.getContentSize() ?? -1,
-    getViewportSize: () => _.current?.getViewportSize() ?? -1,
-    scrollTo: C,
-    scrollToIndex: L,
-    getFenwickTreeTotalHeight: () => x.getTotal(),
-    getFenwickSize: () => x.getSize()
-  }), [C, L, x]), /* @__PURE__ */ $(
-    gt,
+  const ae = ot + g.top + g.bottom;
+  return /* @__PURE__ */ Q(
+    en,
     {
-      ref: _,
-      contentSize: m,
+      ref: q,
+      contentSize: ae,
       viewportSize: n,
-      className: i,
-      onScroll: M,
-      background: u,
-      tapScrollCircleOptions: R,
-      inertiaOptions: le,
-      itemCount: o,
-      scrollBarWidth: V,
-      enableThumbDrag: X,
-      enableTrackClick: ee,
-      enableArrowButtons: b,
-      enablePointerDrag: ae,
-      children: I
+      className: a,
+      onScroll: It,
+      background: c,
+      tapScrollCircleOptions: b,
+      inertiaOptions: ut,
+      itemCount: r,
+      scrollBarWidth: T,
+      enableThumbDrag: k,
+      enableTrackClick: _,
+      enableArrowButtons: tt,
+      enablePointerDrag: Y,
+      renderThumbOverlay: D,
+      wheelSpeedMultiplier: X,
+      contentInsets: g,
+      children: te
     }
   );
-}
-const At = ke(St);
+}, bn = me(pn);
 export {
-  xt as FenwickMapTree,
-  pt as ScrollBar,
-  gt as ScrollPane,
-  At as VirtualScroll,
-  G as minmax,
-  Mt as tapScrollCircleSampleVisual,
-  vt as useFenwickMapTree,
-  Et as useHeightCache,
-  Tt 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