@aiquants/virtualscroll 1.15.0 → 1.18.0

package/dist/index.js

@@ -1,6 +1,6 @@
-import { jsx as $, jsxs as re, Fragment as ke } from "react/jsx-runtime";
-import He, { memo as Be, forwardRef as Me, useState as Bt, useRef as P, useCallback as I, useImperativeHandle as ye, useMemo as Vt, useLayoutEffect as ae, useEffect as B, useId as Xe } from "react";
-import { twMerge as ee } from "tailwind-merge";
+import { jsx as $, jsxs as ne, Fragment as _e } from "react/jsx-runtime";
+import He, { memo as Xe, forwardRef as ye, useState as Bt, useRef as T, useCallback as P, useImperativeHandle as we, useMemo as At, useLayoutEffect as oe, useEffect as Y, useId as Be } from "react";
+import { twMerge as re } from "tailwind-merge";
 class _ {
   level;
   prefix;
@@ -97,7 +97,7 @@ class _ {
     this.level <= 3 && this.impl.error(...this.formatMessage(t), ...e);
   }
 }
-const Re = {
+const Ve = {
   active: !1,
   offsetX: 0,
   offsetY: 0,
@@ -105,8 +105,8 @@ const Re = {
   direction: 0,
   pointerId: null
 }, Te = 6, Ue = 8, $e = ({ dragState: n, normalizedDistance: t }) => {
-  const e = 1 + t * 0.18, r = 0.16 + t * 0.24, s = 0.38 + t * 0.28, l = n.active ? "80ms ease-out" : "220ms ease";
-  return /* @__PURE__ */ re(ke, { children: [
+  const e = 1 + t * 0.18, r = 0.16 + t * 0.24, i = 0.38 + t * 0.28, l = n.active ? "80ms ease-out" : "220ms ease";
+  return /* @__PURE__ */ ne(_e, { children: [
     /* @__PURE__ */ $(
       "div",
       {
@@ -126,104 +126,104 @@ const Re = {
         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: s,
+          opacity: i,
           transition: n.active ? "120ms opacity ease-out" : "220ms opacity ease"
         }
       }
     )
   ] });
-}, _e = Be(
-  Me(({ onDragChange: n, className: t, maxVisualDistance: e = 160, size: r = 40, style: s, opacity: l = 1, renderVisual: c }, d) => {
-    const [f, p] = Bt(Re), m = P(null), g = P({ x: 0, y: 0 }), E = P(null), x = P(0), A = I(
-      (D) => {
-        p(D), n(D);
+}, Fe = Xe(
+  ye(({ onDragChange: n, className: t, maxVisualDistance: e = 160, size: r = 40, style: i, opacity: l = 1, renderVisual: c }, d) => {
+    const [f, h] = Bt(Ve), m = T(null), g = T({ x: 0, y: 0 }), N = T(null), x = T(0), k = P(
+      (I) => {
+        h(I), n(I);
       },
       [n]
-    ), U = I(
-      (D, Z, J = !1) => {
-        const { x: W, y: F } = g.current, It = D - W, ct = Z - F, vt = Math.abs(ct), T = vt < Te ? 0 : ct < 0 ? -1 : 1, Mt = x.current;
-        let b = T;
-        const St = Te + Ue;
-        T === 0 ? Mt !== 0 && vt < St ? b = Mt : (b = 0, J || (x.current = 0)) : T !== Mt && Mt !== 0 && vt < St ? b = Mt : x.current = T, A({
-          active: J || vt >= Te,
-          offsetX: It,
-          offsetY: ct,
-          distance: vt,
-          direction: b,
+    ), B = P(
+      (I, W, St = !1) => {
+        const { x: Dt, y: ot } = g.current, A = I - Dt, G = W - ot, dt = Math.abs(G), It = dt < Te ? 0 : G < 0 ? -1 : 1, v = x.current;
+        let kt = It;
+        const S = Te + Ue;
+        It === 0 ? v !== 0 && dt < S ? kt = v : (kt = 0, St || (x.current = 0)) : It !== v && v !== 0 && dt < S ? kt = v : x.current = It, k({
+          active: St || dt >= Te,
+          offsetX: A,
+          offsetY: G,
+          distance: dt,
+          direction: kt,
           pointerId: m.current
         });
       },
-      [A]
-    ), q = I((D) => {
-      if (D === null)
+      [k]
+    ), z = P((I) => {
+      if (I === null)
         return;
-      const Z = E.current;
-      Z?.hasPointerCapture(D) && Z.releasePointerCapture(D);
-    }, []), Q = I(
-      (D = !1) => {
-        D && q(m.current), m.current = null, x.current = 0, A(Re);
+      const W = N.current;
+      W?.hasPointerCapture(I) && W.releasePointerCapture(I);
+    }, []), Q = P(
+      (I = !1) => {
+        I && z(m.current), m.current = null, x.current = 0, k(Ve);
       },
-      [A, q]
-    ), bt = I(
-      (D) => {
-        D.preventDefault(), D.stopPropagation();
-        const Z = E.current ?? D.currentTarget, { left: J, top: W, width: F, height: It } = Z.getBoundingClientRect();
-        g.current = { x: J + F / 2, y: W + It / 2 }, m.current = D.pointerId, Z.setPointerCapture(D.pointerId), U(D.clientX, D.clientY, !0);
+      [k, z]
+    ), pt = P(
+      (I) => {
+        I.preventDefault(), I.stopPropagation();
+        const W = N.current ?? I.currentTarget, { left: St, top: Dt, width: ot, height: A } = W.getBoundingClientRect();
+        g.current = { x: St + ot / 2, y: Dt + A / 2 }, m.current = I.pointerId, W.setPointerCapture(I.pointerId), B(I.clientX, I.clientY, !0);
       },
-      [U]
-    ), lt = I(
-      (D) => {
-        m.current === D.pointerId && (D.preventDefault(), U(D.clientX, D.clientY));
+      [B]
+    ), ct = P(
+      (I) => {
+        m.current === I.pointerId && (I.preventDefault(), B(I.clientX, I.clientY));
       },
-      [U]
-    ), it = I(
-      (D) => {
-        m.current === D.pointerId && (D.preventDefault(), D.stopPropagation(), Q(!0));
+      [B]
+    ), st = P(
+      (I) => {
+        m.current === I.pointerId && (I.preventDefault(), I.stopPropagation(), Q(!0));
       },
       [Q]
     );
-    ye(
+    we(
       d,
       () => ({
         reset: () => {
           Q(!0);
         },
-        getElement: () => E.current
+        getElement: () => N.current
       }),
       [Q]
     );
-    const Y = Math.min(Math.max(l, 0), 1), tt = r / 64, C = Math.min(f.distance, e) / e, K = f.direction * C * 10 * tt, G = c ?? $e, Tt = {
+    const L = Math.min(Math.max(l, 0), 1), tt = r / 64, et = Math.min(f.distance, e) / e, E = f.direction * et * 10 * tt, ut = c ?? $e, Pt = {
       dragState: f,
-      normalizedDistance: C,
+      normalizedDistance: et,
       sizeScale: tt,
       size: r,
-      opacity: Y
-    }, L = {
-      ...s,
+      opacity: L
+    }, ht = {
+      ...i,
       width: r,
       height: r,
-      transform: `translateY(${K}px)`
+      transform: `translateY(${E}px)`
     };
-    return L.opacity = Y, /* @__PURE__ */ $(
+    return ht.opacity = L, /* @__PURE__ */ $(
       "div",
       {
-        ref: E,
+        ref: N,
         "data-testid": "virtual-scroll-tap-circle",
-        className: ee("aqvs-tap-scroll-circle", t),
-        style: L,
+        className: re("aqvs-tap-scroll-circle", t),
+        style: ht,
         tabIndex: -1,
-        onPointerDown: bt,
-        onPointerMove: lt,
-        onPointerUp: it,
-        onPointerCancel: it,
+        onPointerDown: pt,
+        onPointerMove: ct,
+        onPointerUp: st,
+        onPointerCancel: st,
         role: "presentation",
-        children: G(Tt)
+        children: ut(Pt)
       }
     );
   })
 );
-_e.displayName = "TapScrollCircle";
-const pt = (n, t, e) => Math.min(e, Math.max(t, n)), Pe = "virtualscroll:tap-scroll-cancel", Ve = 20, Ke = 250, We = 60, je = 20, Ge = 20, Ze = 240, Ce = { active: !1, offsetX: 0, offsetY: 0, distance: 0, direction: 0, pointerId: null }, Ie = 2.2, Je = 8, Qe = 120, tr = 1 / 60, Ht = {
+Fe.displayName = "TapScrollCircle";
+const xt = (n, t, e) => Math.min(e, Math.max(t, n)), Me = "virtualscroll:tap-scroll-cancel", Ce = 20, Ke = 250, We = 60, je = 20, Ge = 20, Ze = 240, Ee = { active: !1, offsetX: 0, offsetY: 0, distance: 0, direction: 0, pointerId: null }, Pe = 2.2, Je = 8, Qe = 120, tr = 1 / 60, Xt = {
   enabled: !0,
   size: 40,
   offsetX: -80,
@@ -257,267 +257,267 @@ const pt = (n, t, e) => Math.min(e, Math.max(t, n)), Pe = "virtualscroll:tap-scr
 }, rr = (n, t) => {
   const e = n?.maxSpeedMultiplier, r = typeof e == "number" ? e : sr(t);
   return {
-    enabled: n?.enabled ?? Ht.enabled,
-    size: n?.size ?? Ht.size,
-    offsetX: n?.offsetX ?? Ht.offsetX,
-    offsetY: n?.offsetY ?? Ht.offsetY,
-    className: n?.className ?? Ht.className,
-    maxVisualDistance: n?.maxVisualDistance ?? Ht.maxVisualDistance,
+    enabled: n?.enabled ?? Xt.enabled,
+    size: n?.size ?? Xt.size,
+    offsetX: n?.offsetX ?? Xt.offsetX,
+    offsetY: n?.offsetY ?? Xt.offsetY,
+    className: n?.className ?? Xt.className,
+    maxVisualDistance: n?.maxVisualDistance ?? Xt.maxVisualDistance,
     maxSpeedMultiplier: r,
-    minSpeedMultiplier: Math.max(n?.minSpeedMultiplier ?? Ht.minSpeedMultiplier, 0),
-    opacity: pt(n?.opacity ?? Ht.opacity, 0, 1),
-    renderVisual: n?.renderVisual ?? Ht.renderVisual,
-    maxSpeedCurve: n?.maxSpeedCurve ?? Ht.maxSpeedCurve
+    minSpeedMultiplier: Math.max(n?.minSpeedMultiplier ?? Xt.minSpeedMultiplier, 0),
+    opacity: xt(n?.opacity ?? Xt.opacity, 0, 1),
+    renderVisual: n?.renderVisual ?? Xt.renderVisual,
+    maxSpeedCurve: n?.maxSpeedCurve ?? Xt.maxSpeedCurve
   };
-}, nr = ({ isDragging: n, isThumbHovered: t, enableThumbDrag: e }) => Vt(() => e ? n ? "dragging" : t ? "hover" : "idle" : "disabled", [e, n, t]), ir = ({ canUseArrowButtons: n, enableArrowButtons: t, resetTapScroll: e, scrollByStep: r }) => {
-  const s = P(null), l = P(null), c = I(() => {
-    s.current !== null && (window.clearInterval(s.current), s.current = null), l.current !== null && (window.clearTimeout(l.current), l.current = null);
-  }, []), d = I(() => {
+}, nr = ({ isDragging: n, isThumbHovered: t, enableThumbDrag: e }) => At(() => e ? n ? "dragging" : t ? "hover" : "idle" : "disabled", [e, n, t]), ir = ({ canUseArrowButtons: n, enableArrowButtons: t, resetTapScroll: e, scrollByStep: r }) => {
+  const i = T(null), l = T(null), c = P(() => {
+    i.current !== null && (window.clearInterval(i.current), i.current = null), l.current !== null && (window.clearTimeout(l.current), l.current = null);
+  }, []), d = P(() => {
     c();
-  }, [c]), f = I(
+  }, [c]), f = P(
     (m) => (g) => {
-      n && (g.preventDefault(), g.stopPropagation(), e(), c(), r(m), l.current = window.setTimeout(() => {
-        s.current = window.setInterval(() => {
+      n && (g.cancelable && g.preventDefault(), g.stopPropagation(), e(), c(), r(m), l.current = window.setTimeout(() => {
+        i.current = window.setInterval(() => {
           r(m);
         }, We);
       }, Ke));
     },
     [n, c, e, r]
-  ), p = I(
+  ), h = P(
     (m) => (g) => {
       t && (g.key === "Enter" || g.key === " " || g.key === "Spacebar") && (g.preventDefault(), r(m));
     },
     [t, r]
   );
-  return B(() => () => {
+  return Y(() => () => {
     c();
-  }, [c]), { handleArrowPointerDown: f, handleArrowPointerUp: d, handleArrowKeyDown: p };
+  }, [c]), { handleArrowPointerDown: f, handleArrowPointerUp: d, handleArrowKeyDown: h };
 }, sr = (n) => {
   if (!n || n <= 0)
-    return Ie;
-  const t = Math.max(1, n), e = Math.log10(t), r = Ie + e * Je;
-  return pt(r, Ie, Qe);
+    return Pe;
+  const t = Math.max(1, n), e = Math.log10(t), r = Pe + e * Je;
+  return xt(r, Pe, Qe);
 }, or = ({
   contentSize: n,
   viewportSize: t,
   scrollPosition: e,
   onScroll: r,
-  enableThumbDrag: s = !0,
+  enableThumbDrag: i = !0,
   enableTrackClick: l = !0,
   enableArrowButtons: c = !0,
   horizontal: d = !1,
   scrollBarWidth: f = 12,
-  className: p,
+  className: h,
   ariaControls: m,
   tapScrollCircleOptions: g,
-  itemCount: E,
+  itemCount: N,
   renderThumbOverlay: x,
-  visibleStartIndex: A,
-  visibleEndIndex: U
+  visibleStartIndex: k,
+  visibleEndIndex: B
 }) => {
-  const [q, Q] = Bt(!1), [bt, lt] = Bt(!1), [it, Y] = Bt(!1), tt = P(null), C = P({ pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }), K = P({ pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }), G = P(e), Tt = P(r), L = P(Ce), D = P(null), Z = P(null), J = P(null), W = Vt(() => rr(g, E), [E, g]), F = Vt(() => er(d), [d]), {
-    enabled: It,
-    size: ct,
-    offsetX: vt,
-    offsetY: T,
-    className: Mt,
-    maxVisualDistance: b,
-    maxSpeedMultiplier: St,
-    minSpeedMultiplier: yt,
-    opacity: Ot,
-    renderVisual: v,
-    maxSpeedCurve: N
-  } = W, k = P({
+  const [z, Q] = Bt(!1), [pt, ct] = Bt(!1), [st, L] = Bt(!1), tt = T(null), et = T({ pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }), E = T({ pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }), ut = T(e), Pt = T(r), ht = T(Ee), I = T(null), W = T(null), St = T(null), Dt = At(() => rr(g, N), [N, g]), ot = At(() => er(d), [d]), {
+    enabled: A,
+    size: G,
+    offsetX: dt,
+    offsetY: It,
+    className: v,
+    maxVisualDistance: kt,
+    maxSpeedMultiplier: S,
+    minSpeedMultiplier: rt,
+    opacity: Vt,
+    renderVisual: Gt,
+    maxSpeedCurve: Mt
+  } = Dt, b = T({
     viewportSize: t,
     maxScrollPosition: Math.max(n - t, 0),
     scrollBarVisible: n > t,
-    effectiveTapMaxDistance: Math.max(b, 1),
-    tapCircleMaxSpeedMultiplier: St,
-    tapCircleMinSpeedMultiplier: yt,
-    tapCircleMaxSpeedCurve: N,
+    effectiveTapMaxDistance: Math.max(kt, 1),
+    tapCircleMaxSpeedMultiplier: S,
+    tapCircleMinSpeedMultiplier: rt,
+    tapCircleMaxSpeedCurve: Mt,
     tapScrollCircleOptions: g,
     effectiveTrackLength: 0,
     onScroll: r,
     scrollPosition: e
-  }), { mainSizeKey: et, crossSizeKey: ut, positionKey: Dt, selectDelta: mt, getPointerCoordinate: st, arrowLabels: ot, arrowIcons: Ct, directionClass: Et, orientation: wt } = F, At = Math.max(b, 1), Xt = t / n, ht = Math.max(t - f * 2, 0), h = Xt * ht, M = Math.min(Math.max(Ve, h || 0), ht || Ve), j = n - t, at = Math.max(ht - M, 0), dt = j <= 0 || at <= 0 ? 0 : e / j * at, Yt = dt + M / 2, ft = n > t || q, zt = ft && c;
-  ae(() => {
-    k.current = {
+  }), { mainSizeKey: M, crossSizeKey: q, positionKey: ft, selectDelta: j, getPointerCoordinate: mt, arrowLabels: Z, arrowIcons: J, directionClass: bt, orientation: qt } = ot, yt = Math.max(kt, 1), Tt = t / n, Ct = Math.max(t - f * 2, 0), _t = Tt * Ct, at = Math.min(Math.max(Ce, _t || 0), Ct || Ce), p = n - t, y = Math.max(Ct - at, 0), nt = p <= 0 || y <= 0 ? 0 : e / p * y, Lt = nt + at / 2, H = n > t || z, Zt = H && c;
+  oe(() => {
+    b.current = {
       viewportSize: t,
-      maxScrollPosition: j,
-      scrollBarVisible: ft,
-      effectiveTapMaxDistance: At,
-      tapCircleMaxSpeedMultiplier: St,
-      tapCircleMinSpeedMultiplier: yt,
-      tapCircleMaxSpeedCurve: N,
+      maxScrollPosition: p,
+      scrollBarVisible: H,
+      effectiveTapMaxDistance: yt,
+      tapCircleMaxSpeedMultiplier: S,
+      tapCircleMinSpeedMultiplier: rt,
+      tapCircleMaxSpeedCurve: Mt,
       tapScrollCircleOptions: g,
-      effectiveTrackLength: at,
+      effectiveTrackLength: y,
       onScroll: r,
       scrollPosition: e
     };
-  }), ae(() => {
-    G.current = e;
-  }, [e]), ae(() => {
-    Tt.current = r;
-  }, [r]), B(() => {
-    s || lt(!1);
-  }, [s]);
-  const Zt = nr({ isDragging: q, isThumbHovered: bt, enableThumbDrag: s }), Nt = I((o, S) => {
-    const R = k.current, i = S ?? G.current;
-    if (Tt.current) {
-      const w = Tt.current(o, i);
-      if (typeof w == "number" && Number.isFinite(w))
-        return G.current = w, w;
+  }), oe(() => {
+    ut.current = e;
+  }, [e]), oe(() => {
+    Pt.current = r;
+  }, [r]), Y(() => {
+    i || ct(!1);
+  }, [i]);
+  const Ft = nr({ isDragging: z, isThumbHovered: pt, enableThumbDrag: i }), wt = P((o, w) => {
+    const V = b.current, K = w ?? ut.current;
+    if (Pt.current) {
+      const R = Pt.current(o, K);
+      if (typeof R == "number" && Number.isFinite(R))
+        return ut.current = R, R;
     }
-    const a = typeof o == "function" ? o(i) : o, u = Math.max(R.maxScrollPosition, 0), y = R.scrollBarVisible ? pt(a, 0, u) : 0;
-    return G.current = y, y;
-  }, []), Ut = I(
+    const s = typeof o == "function" ? o(K) : o, a = Math.max(V.maxScrollPosition, 0), u = V.scrollBarVisible ? xt(s, 0, a) : 0;
+    return ut.current = u, u;
+  }, []), Ht = P(
     (o) => {
-      const S = k.current, R = G.current;
-      if (!S.scrollBarVisible || S.maxScrollPosition <= 0) {
-        const w = Nt(0, R), V = w - R;
-        return { nextPosition: w, actualDelta: V, reachedBoundary: !0 };
+      const w = b.current, V = ut.current;
+      if (!w.scrollBarVisible || w.maxScrollPosition <= 0) {
+        const R = wt(0, V), D = R - V;
+        return { nextPosition: R, actualDelta: D, reachedBoundary: !0 };
       }
       if (o === 0)
-        return { nextPosition: R, actualDelta: 0, reachedBoundary: !1 };
-      const a = Nt((w) => pt(w + o, 0, S.maxScrollPosition), R), u = a - R, y = u === 0 || o < 0 && a <= 0 || o > 0 && a >= S.maxScrollPosition;
-      return { nextPosition: a, actualDelta: u, reachedBoundary: y };
+        return { nextPosition: V, actualDelta: 0, reachedBoundary: !1 };
+      const s = wt((R) => xt(R + o, 0, w.maxScrollPosition), V), a = s - V, u = a === 0 || o < 0 && s <= 0 || o > 0 && s >= w.maxScrollPosition;
+      return { nextPosition: s, actualDelta: a, reachedBoundary: u };
     },
-    [Nt]
-  ), Pt = I(() => {
-    Z.current !== null && (window.cancelAnimationFrame(Z.current), Z.current = null), J.current = null;
-  }, []), Rt = I(() => {
-    L.current = { ...Ce }, Y(!1), D.current?.reset(), Pt();
-  }, [Pt]), Qt = I(
+    [wt]
+  ), gt = P(() => {
+    W.current !== null && (window.cancelAnimationFrame(W.current), W.current = null), St.current = null;
+  }, []), Rt = P(() => {
+    ht.current = { ...Ee }, L(!1), I.current?.reset(), gt();
+  }, [gt]), Jt = P(
     (o) => {
-      const S = L.current, R = k.current;
-      if (!S.active || S.direction === 0) {
-        Pt();
+      const w = ht.current, V = b.current;
+      if (!w.active || w.direction === 0) {
+        gt();
         return;
       }
-      if (!R.scrollBarVisible || R.maxScrollPosition <= 0) {
-        Pt();
+      if (!V.scrollBarVisible || V.maxScrollPosition <= 0) {
+        gt();
         return;
       }
-      const i = J.current ?? o, a = Math.max((o - i) / 1e3, 0), u = Math.min(a, tr);
-      if (J.current = o, u <= 0) {
-        Z.current = window.requestAnimationFrame(Qt);
+      const K = St.current ?? o, s = Math.max((o - K) / 1e3, 0), a = Math.min(s, tr);
+      if (St.current = o, a <= 0) {
+        W.current = window.requestAnimationFrame(Jt);
         return;
       }
-      const y = Math.min(S.distance, R.effectiveTapMaxDistance) / R.effectiveTapMaxDistance, w = y ** 1.1, V = typeof R.tapScrollCircleOptions?.maxSpeedMultiplier == "number", z = Math.max(R.viewportSize * R.tapCircleMinSpeedMultiplier, 40), X = V ? z : 1200;
-      let H = Math.max(R.viewportSize * R.tapCircleMaxSpeedMultiplier, X);
-      const gt = R.tapCircleMaxSpeedCurve;
-      if (gt) {
-        const he = Math.max(gt.exponentialSteepness, 0), Oe = Math.max(gt.exponentialScale ?? R.tapCircleMaxSpeedMultiplier, 0), Ye = he === 0 ? y : Math.expm1(he * y), we = he === 0 ? 1 : Math.expm1(he) || 1, ze = we === 0 ? y : Math.min(Math.max(Ye / we, 0), 1), qe = R.viewportSize * Oe * ze;
-        H = Math.min(H, Math.max(qe, z));
+      const u = Math.min(w.distance, V.effectiveTapMaxDistance) / V.effectiveTapMaxDistance, R = u ** 1.1, D = typeof V.tapScrollCircleOptions?.maxSpeedMultiplier == "number", C = Math.max(V.viewportSize * V.tapCircleMinSpeedMultiplier, 40), X = D ? C : 1200;
+      let F = Math.max(V.viewportSize * V.tapCircleMaxSpeedMultiplier, X);
+      const O = V.tapCircleMaxSpeedCurve;
+      if (O) {
+        const xe = Math.max(O.exponentialSteepness, 0), Oe = Math.max(O.exponentialScale ?? V.tapCircleMaxSpeedMultiplier, 0), Ye = xe === 0 ? u : Math.expm1(xe * u), Re = xe === 0 ? 1 : Math.expm1(xe) || 1, ze = Re === 0 ? u : Math.min(Math.max(Ye / Re, 0), 1), qe = V.viewportSize * Oe * ze;
+        F = Math.min(F, Math.max(qe, C));
       }
-      const xt = Math.max(H, z), Lt = Math.max(gt?.easedOffset ?? 0, 0), Jt = Math.min(1, w + Lt), ce = z + (xt - z) * Jt, ue = S.direction * ce * u, { actualDelta: Fe, reachedBoundary: Le } = Ut(ue);
-      if (Le || Fe === 0) {
-        Pt();
+      const Et = Math.max(F, C), vt = Math.max(O?.easedOffset ?? 0, 0), zt = Math.min(1, R + vt), te = C + (Et - C) * zt, ue = w.direction * te * a, { actualDelta: de, reachedBoundary: Le } = Ht(ue);
+      if (Le || de === 0) {
+        gt();
         return;
       }
-      Z.current = window.requestAnimationFrame(Qt);
+      W.current = window.requestAnimationFrame(Jt);
     },
-    [Ut, Pt]
-  ), rt = I(() => {
-    Z.current === null && (J.current = null, Z.current = window.requestAnimationFrame(Qt));
-  }, [Qt]);
-  B(() => () => {
-    Pt();
-  }, [Pt]);
-  const fe = I(
+    [Ht, gt]
+  ), ae = P(() => {
+    W.current === null && (St.current = null, W.current = window.requestAnimationFrame(Jt));
+  }, [Jt]);
+  Y(() => () => {
+    gt();
+  }, [gt]);
+  const lt = P(
     (o) => {
-      L.current = o, Y(o.active), o.active && o.direction !== 0 ? rt() : Pt();
+      ht.current = o, L(o.active), o.active && o.direction !== 0 ? ae() : gt();
     },
-    [rt, Pt]
+    [ae, gt]
   );
-  B(() => {
-    It || Rt();
-  }, [Rt, It]), B(() => {
-    const o = (S) => {
-      const i = S.detail?.paneId;
-      i && m && i !== m || Rt();
+  Y(() => {
+    A || Rt();
+  }, [Rt, A]), Y(() => {
+    const o = (w) => {
+      const K = w.detail?.paneId;
+      K && m && K !== m || Rt();
     };
-    return window.addEventListener(Pe, o), () => {
-      window.removeEventListener(Pe, o);
+    return window.addEventListener(Me, o), () => {
+      window.removeEventListener(Me, o);
     };
-  }, [m, Rt]), B(() => {
-    if (!It)
+  }, [m, Rt]), Y(() => {
+    if (!A)
       return;
-    const o = (S) => {
-      if (!L.current.active || L.current.pointerId === S.pointerId)
+    const o = (w) => {
+      if (!ht.current.active || ht.current.pointerId === w.pointerId)
         return;
-      const R = S.target;
-      if (!(R instanceof Node)) {
+      const V = w.target;
+      if (!(V instanceof Node)) {
         Rt();
         return;
       }
-      D.current?.getElement()?.contains(R) || Rt();
+      I.current?.getElement()?.contains(V) || Rt();
     };
     return document.addEventListener("pointerdown", o, !0), () => {
       document.removeEventListener("pointerdown", o, !0);
     };
-  }, [Rt, It]);
+  }, [Rt, A]);
   const le = (o) => {
-    if (!ft || at <= 0 || j <= 0)
+    if (!H || y <= 0 || p <= 0)
       return 0;
-    const S = pt(o, 0, at);
-    return pt(S / at * j, 0, j);
-  }, kt = I((o) => {
-    const { scrollBarVisible: S, effectiveTrackLength: R, maxScrollPosition: i } = k.current;
-    if (_.debug("[ScrollBar] calculateScrollPositionFromThumb", { thumbPos: o, trackLen: R, maxScroll: i }), R <= 0 || i <= 0)
+    const w = xt(o, 0, y);
+    return xt(w / y * p, 0, p);
+  }, ce = P((o) => {
+    const { scrollBarVisible: w, effectiveTrackLength: V, maxScrollPosition: K } = b.current;
+    if (_.debug("[ScrollBar] calculateScrollPositionFromThumb", { thumbPos: o, trackLen: V, maxScroll: K }), V <= 0 || K <= 0)
       return null;
-    const a = pt(o, 0, R);
-    return pt(a / R * i, 0, i);
-  }, []), ne = I(
+    const s = xt(o, 0, V);
+    return xt(s / V * K, 0, K);
+  }, []), Nt = P(
     (o) => {
-      const S = C.current;
-      if (S.pointerId !== o.pointerId)
+      const w = et.current;
+      if (w.pointerId !== o.pointerId)
         return;
-      const R = o.clientX - S.startClientX, i = o.clientY - S.startClientY, a = mt(R, i);
+      const V = o.clientX - w.startClientX, K = o.clientY - w.startClientY, s = j(V, K);
       _.debug("[ScrollBar] handleThumbPointerMove", {
-        delta: a,
-        startThumbPosition: S.startThumbPosition,
+        delta: s,
+        startThumbPosition: w.startThumbPosition,
         clientY: o.clientY,
-        startClientY: S.startClientY,
-        metrics: k.current
+        startClientY: w.startClientY,
+        metrics: b.current
       });
-      const u = kt(S.startThumbPosition + a);
-      u !== null && Nt(u), o.cancelable && o.preventDefault();
+      const a = ce(w.startThumbPosition + s);
+      a !== null && wt(a), o.cancelable && o.preventDefault();
     },
-    [mt, kt, Nt]
-  ), te = I(
+    [j, ce, wt]
+  ), ee = P(
     (o) => {
-      if (C.current.pointerId === o.pointerId)
-        if (document.removeEventListener("pointermove", ne), document.removeEventListener("pointerup", te), document.removeEventListener("pointercancel", te), C.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, Q(!1), tt.current) {
-          const R = tt.current.getBoundingClientRect();
-          o.clientX >= R.left && o.clientX <= R.right && o.clientY >= R.top && o.clientY <= R.bottom || lt(!1);
+      if (et.current.pointerId === o.pointerId)
+        if (document.removeEventListener("pointermove", Nt), document.removeEventListener("pointerup", ee), document.removeEventListener("pointercancel", ee), et.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, Q(!1), tt.current) {
+          const V = tt.current.getBoundingClientRect();
+          o.clientX >= V.left && o.clientX <= V.right && o.clientY >= V.top && o.clientY <= V.bottom || ct(!1);
         } else
-          lt(!1);
+          ct(!1);
     },
-    [ne]
-  ), be = (o) => {
-    const S = Math.max(Math.round(t / Ge), je);
-    Ut(o * S);
-  }, { handleArrowPointerDown: qt, handleArrowPointerUp: _t, handleArrowKeyDown: $t } = ir({
-    canUseArrowButtons: zt,
+    [Nt]
+  ), me = (o) => {
+    const w = Math.max(Math.round(t / Ge), je);
+    Ht(o * w);
+  }, { handleArrowPointerDown: Ie, handleArrowPointerUp: Ot, handleArrowKeyDown: Qt } = ir({
+    canUseArrowButtons: Zt,
     enableArrowButtons: c,
     resetTapScroll: Rt,
-    scrollByStep: be
-  }), Kt = (o) => {
-    if (ft) {
-      if (!s) {
+    scrollByStep: me
+  }), Ut = (o) => {
+    if (H) {
+      if (!i) {
         o.preventDefault(), o.stopPropagation();
         return;
       }
-      o.pointerType === "mouse" && o.button !== 0 || o.ctrlKey || (Rt(), C.current = {
+      o.pointerType === "mouse" && o.button !== 0 || o.ctrlKey || (Rt(), et.current = {
         pointerId: o.pointerId,
-        startThumbPosition: dt,
+        startThumbPosition: nt,
         startClientX: o.clientX,
         startClientY: o.clientY
-      }, document.addEventListener("pointermove", ne), document.addEventListener("pointerup", te), document.addEventListener("pointercancel", te), Q(!0), lt(!0), o.preventDefault(), o.stopPropagation());
+      }, document.addEventListener("pointermove", Nt), document.addEventListener("pointerup", ee), document.addEventListener("pointercancel", ee), Q(!0), ct(!0), o.preventDefault(), o.stopPropagation());
     }
-  }, Ft = (o) => {
-    if (!ft)
+  }, $t = (o) => {
+    if (!H)
       return;
     if (!l) {
       o.preventDefault(), o.stopPropagation();
@@ -525,152 +525,150 @@ const pt = (n, t, e) => Math.min(e, Math.max(t, n)), Pe = "virtualscroll:tap-scr
     }
     if (o.pointerType === "mouse" && o.button !== 0 || o.ctrlKey)
       return;
-    const S = o.currentTarget, R = S.getBoundingClientRect(), a = st(o) - (d ? R.left : R.top);
+    const w = o.currentTarget, V = w.getBoundingClientRect(), s = mt(o) - (d ? V.left : V.top);
     Rt();
-    const u = a - M / 2, y = le(u);
-    Nt(y), S.setPointerCapture && S.setPointerCapture(o.pointerId), K.current = {
+    const a = s - at / 2, u = le(a);
+    wt(u), w.setPointerCapture && w.setPointerCapture(o.pointerId), E.current = {
       pointerId: o.pointerId,
-      startThumbPosition: u,
+      startThumbPosition: a,
       startClientX: o.clientX,
       startClientY: o.clientY
     }, o.preventDefault(), o.stopPropagation();
-  }, Wt = (o) => {
-    const S = K.current;
-    if (S.pointerId !== o.pointerId)
+  }, Yt = (o) => {
+    const w = E.current;
+    if (w.pointerId !== o.pointerId)
       return;
-    const R = o.clientX - S.startClientX, i = o.clientY - S.startClientY, a = mt(R, i), u = le(S.startThumbPosition + a);
-    Nt(u), o.cancelable && o.preventDefault();
-  }, jt = (o) => {
-    if (K.current.pointerId !== o.pointerId)
+    const V = o.clientX - w.startClientX, K = o.clientY - w.startClientY, s = j(V, K), a = le(w.startThumbPosition + s);
+    wt(a), o.cancelable && o.preventDefault();
+  }, Kt = (o) => {
+    if (E.current.pointerId !== o.pointerId)
       return;
-    const S = o.currentTarget;
-    S.hasPointerCapture(o.pointerId) && S.releasePointerCapture(o.pointerId), K.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, o.preventDefault(), o.stopPropagation();
-  }, me = (o) => {
-    if (K.current.pointerId !== o.pointerId)
+    const w = o.currentTarget;
+    w.hasPointerCapture(o.pointerId) && w.releasePointerCapture(o.pointerId), E.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 }, o.preventDefault(), o.stopPropagation();
+  }, Wt = (o) => {
+    if (E.current.pointerId !== o.pointerId)
       return;
-    const S = o.currentTarget;
-    S.hasPointerCapture(o.pointerId) && S.releasePointerCapture(o.pointerId), K.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 };
-  }, pe = Vt(() => pt((it ? 1 : 0.8) * Ot, 0, 1), [it, Ot]), ve = Vt(() => {
-    const S = `calc(50% - ${ct / 2}px + ${T}px)`;
+    const w = o.currentTarget;
+    w.hasPointerCapture(o.pointerId) && w.releasePointerCapture(o.pointerId), E.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0 };
+  }, pe = At(() => xt((st ? 1 : 0.8) * Vt, 0, 1), [st, Vt]), he = At(() => {
+    const w = `calc(50% - ${G / 2}px + ${It}px)`;
     return {
-      left: vt,
-      top: S
+      left: dt,
+      top: w
     };
-  }, [vt, T, ct]), ie = (o, S, R, i) => /* @__PURE__ */ $(
+  }, [dt, It, G]), ge = (o, w, V, K) => /* @__PURE__ */ $(
     "button",
     {
       type: "button",
       tabIndex: -1,
       className: "aqvs-scrollbar-arrow-button",
       style: {
-        [et]: f,
-        [ut]: f
+        [M]: f,
+        [q]: f
       },
-      "aria-label": S,
-      onMouseDown: qt(o),
-      onTouchStart: qt(o),
-      onMouseUp: _t,
-      onMouseLeave: _t,
-      onTouchEnd: _t,
-      onTouchCancel: _t,
-      onKeyDown: $t(o),
+      "aria-label": w,
+      onPointerDown: Ie(o),
+      onPointerUp: Ot,
+      onPointerLeave: Ot,
+      onPointerCancel: Ot,
+      onKeyDown: Qt(o),
       "aria-disabled": !c,
-      disabled: !zt,
-      children: /* @__PURE__ */ $("span", { "aria-hidden": "true", children: R })
+      disabled: !Zt,
+      children: /* @__PURE__ */ $("span", { "aria-hidden": "true", children: V })
     },
-    i
-  ), se = x && ft ? {
-    orientation: wt,
+    K
+  ), ie = x && H ? {
+    orientation: qt,
     scrollPosition: e,
-    maxScrollPosition: j,
+    maxScrollPosition: p,
     contentSize: n,
     viewportSize: t,
-    thumbSize: M,
-    thumbPosition: dt,
-    thumbCenter: Yt,
-    trackSize: ht,
-    isDragging: q,
-    isTapScrollActive: it,
-    visibleStartIndex: A,
-    visibleEndIndex: U
+    thumbSize: at,
+    thumbPosition: nt,
+    thumbCenter: Lt,
+    trackSize: Ct,
+    isDragging: z,
+    isTapScrollActive: st,
+    visibleStartIndex: k,
+    visibleEndIndex: B
   } : null;
-  return /* @__PURE__ */ re(
+  return /* @__PURE__ */ ne(
     "div",
     {
-      className: ee("aqvs-scrollbar", Et, !ft && "pointer-events-none opacity-0", p),
+      className: re("aqvs-scrollbar", bt, !H && "pointer-events-none opacity-0", h),
       style: {
-        [et]: t,
-        [ut]: f
+        [M]: t,
+        [q]: f
       },
       role: "scrollbar",
       tabIndex: -1,
       "aria-controls": m,
       "aria-valuenow": e,
       "aria-valuemin": 0,
-      "aria-valuemax": j,
+      "aria-valuemax": p,
       "aria-orientation": d ? "horizontal" : "vertical",
       children: [
-        !d && ft && It && /* @__PURE__ */ $(
-          _e,
+        !d && H && A && /* @__PURE__ */ $(
+          Fe,
           {
-            ref: D,
-            className: ee("aqvs-scrollbar-tap-circle-wrapper", Mt),
-            size: ct,
-            maxVisualDistance: At,
-            style: ve,
+            ref: I,
+            className: re("aqvs-scrollbar-tap-circle-wrapper", v),
+            size: G,
+            maxVisualDistance: yt,
+            style: he,
             opacity: pe,
-            renderVisual: v,
-            onDragChange: fe
+            renderVisual: Gt,
+            onDragChange: lt
           },
           "tap-circle"
         ),
-        ie(-1, ot[0], Ct[0], "arrow-start"),
-        /* @__PURE__ */ re(
+        ge(-1, Z[0], J[0], "arrow-start"),
+        /* @__PURE__ */ ne(
           "div",
           {
             className: "aqvs-scrollbar-track",
             style: {
               borderRadius: f / 2
             },
-            onPointerDown: Ft,
-            onPointerMove: Wt,
-            onPointerUp: jt,
-            onPointerCancel: me,
+            onPointerDown: $t,
+            onPointerMove: Yt,
+            onPointerUp: Kt,
+            onPointerCancel: Wt,
             "aria-disabled": !l,
             children: [
-              se && /* @__PURE__ */ $("div", { className: "aqvs-scrollbar-overlay", "aria-hidden": !0, children: x?.(se) }, "overlay"),
+              ie && /* @__PURE__ */ $("div", { className: "aqvs-scrollbar-overlay", "aria-hidden": !0, children: x?.(ie) }, "overlay"),
               /* @__PURE__ */ $(
                 "div",
                 {
-                  className: ee("aqvs-scrollbar-thumb-wrapper", !(ft || q) && "pointer-events-none opacity-0"),
+                  className: re("aqvs-scrollbar-thumb-wrapper", !(H || z) && "pointer-events-none opacity-0"),
                   style: {
-                    [et]: M,
-                    [Dt]: dt,
+                    [M]: at,
+                    [ft]: nt,
                     ...d ? { top: 0, bottom: 0 } : { left: 0, right: 0 }
                   },
-                  onPointerDown: Kt,
+                  onPointerDown: Ut,
                   role: "slider",
                   "aria-orientation": d ? "horizontal" : "vertical",
                   "aria-valuenow": e,
                   "aria-valuemin": 0,
-                  "aria-valuemax": j,
-                  "aria-disabled": !s,
+                  "aria-valuemax": p,
+                  "aria-disabled": !i,
                   tabIndex: -1,
                   children: /* @__PURE__ */ $(
                     "div",
                     {
                       ref: tt,
-                      className: ee("aqvs-scrollbar-thumb", d ? "aqvs-scrollbar-thumb-horizontal" : "aqvs-scrollbar-thumb-vertical"),
-                      "data-thumb-state": Zt,
+                      className: re("aqvs-scrollbar-thumb", d ? "aqvs-scrollbar-thumb-horizontal" : "aqvs-scrollbar-thumb-vertical"),
+                      "data-thumb-state": Ft,
                       style: {
                         borderRadius: f - 1,
-                        cursor: s ? "pointer" : "default"
+                        cursor: i ? "pointer" : "default"
                       },
                       onMouseEnter: () => {
-                        s && lt(!0);
+                        i && ct(!0);
                       },
                       onMouseLeave: () => {
-                        s && lt(!1);
+                        i && ct(!1);
                       }
                     },
                     "thumb"
@@ -682,172 +680,186 @@ const pt = (n, t, e) => Math.min(e, Math.max(t, n)), Pe = "virtualscroll:tap-scr
           },
           "track"
         ),
-        ie(1, ot[1], Ct[1], "arrow-end")
+        ge(1, Z[1], J[1], "arrow-end")
       ]
     }
   );
-}, de = {
+}, fe = {
   maxVelocity: 6,
   minVelocity: 0.02,
   deceleration: 25e-4,
   velocitySampleWindow: 90,
   startVelocityThreshold: 0.04
-}, ge = (n, t, e) => {
-  for (const [r, s, l] of t)
-    e === "add" ? n.addEventListener(r, s, l) : n.removeEventListener(r, s, l);
-}, ar = Me(
+}, be = (n, t, e) => {
+  for (const [r, i, l] of t)
+    e === "add" ? n.addEventListener(r, i, l) : n.removeEventListener(r, i, l);
+}, ar = ye(
   ({
     children: n,
     contentSize: t,
     viewportSize: e,
     scrollBarWidth: r = 12,
-    enableThumbDrag: s = !0,
+    enableThumbDrag: i = !0,
     enableTrackClick: l = !0,
     enableArrowButtons: c = !0,
     enablePointerDrag: d = !0,
     onScroll: f,
-    className: p,
+    className: h,
     style: m,
     background: g,
-    tapScrollCircleOptions: E,
+    tapScrollCircleOptions: N,
     inertiaOptions: x,
-    itemCount: A,
-    renderThumbOverlay: U,
-    wheelSpeedMultiplier: q = 1,
-    contentInsets: Q,
-    visibleStartIndex: bt,
-    visibleEndIndex: lt,
-    renderOverlay: it,
-    initialScrollPosition: Y = 0
-  }, tt) => {
-    const C = P(Y), K = P(null), G = P(null), Tt = P({
+    itemCount: k,
+    renderThumbOverlay: B,
+    wheelSpeedMultiplier: z = 1,
+    onWheelHorizontal: Q,
+    contentInsets: pt,
+    visibleStartIndex: ct,
+    visibleEndIndex: st,
+    renderOverlay: L,
+    initialScrollPosition: tt = 0
+  }, et) => {
+    const E = T(tt), ut = T(null), Pt = T(null), ht = T(Q);
+    Y(() => {
+      ht.current = Q;
+    }, [Q]);
+    const I = T({
       frame: null,
       velocity: 0,
       lastTimestamp: null
-    }), L = Vt(
+    }), W = At(
       () => ({
-        maxVelocity: x?.maxVelocity ?? de.maxVelocity,
-        minVelocity: x?.minVelocity ?? de.minVelocity,
-        deceleration: x?.deceleration ?? de.deceleration,
-        velocitySampleWindow: x?.velocitySampleWindow ?? de.velocitySampleWindow,
-        startVelocityThreshold: x?.startVelocityThreshold ?? de.startVelocityThreshold
+        maxVelocity: x?.maxVelocity ?? fe.maxVelocity,
+        minVelocity: x?.minVelocity ?? fe.minVelocity,
+        deceleration: x?.deceleration ?? fe.deceleration,
+        velocitySampleWindow: x?.velocitySampleWindow ?? fe.velocitySampleWindow,
+        startVelocityThreshold: x?.startVelocityThreshold ?? fe.startVelocityThreshold
       }),
       [x]
-    ), D = Vt(() => ({
-      top: Math.max(0, Q?.top ?? 0),
-      bottom: Math.max(0, Q?.bottom ?? 0)
-    }), [Q]);
+    ), St = At(() => ({
+      top: Math.max(0, pt?.top ?? 0),
+      bottom: Math.max(0, pt?.bottom ?? 0)
+    }), [pt]);
     _.debug("[ScrollPane] ScrollPane rendered", {
       contentSize: t,
       viewportSize: e,
       scrollBarWidth: r,
-      className: p,
+      className: h,
       style: m,
-      tapScrollCircleOptions: E,
+      tapScrollCircleOptions: N,
       inertiaOptions: x,
       enablePointerDrag: d,
-      contentInsets: D
+      contentInsets: St
     });
-    const Z = P({ contentSize: t, viewportSize: e });
-    Z.current = { contentSize: t, viewportSize: e };
-    const J = Vt(() => t > e, [t, e]), W = I(
-      (v) => {
-        const { contentSize: N, viewportSize: k } = Z.current, et = N > k, ut = C.current;
-        if (_.debug("[ScrollPane] scrollTo called", { newPosition: v, contentSize: N, viewportSize: k, currentIsScrollable: et, prevPosition: ut }), !et)
-          return C.current !== 0 && (C.current = 0, f?.(0, ut)), C.current;
-        const Dt = typeof v == "function" ? v(C.current) : v, mt = Math.max(N - k, 0), st = pt(Dt, 0, mt);
-        return C.current !== st && (C.current = st, f?.(st, ut)), C.current;
+    const Dt = T({ contentSize: t, viewportSize: e });
+    Dt.current = { contentSize: t, viewportSize: e };
+    const ot = At(() => t > e, [t, e]), A = P(
+      (b) => {
+        const { contentSize: M, viewportSize: q } = Dt.current, ft = M > q, j = E.current;
+        if (_.debug("[ScrollPane] scrollTo called", { newPosition: b, contentSize: M, viewportSize: q, currentIsScrollable: ft, prevPosition: j }), !ft)
+          return E.current !== 0 && (E.current = 0, f?.(0, j)), E.current;
+        const mt = typeof b == "function" ? b(E.current) : b, Z = Math.max(M - q, 0), J = xt(mt, 0, Z);
+        return E.current !== J && (E.current = J, f?.(J, j)), E.current;
       },
       [f]
-    ), F = I(() => {
-      const v = Tt.current;
-      v.frame !== null && cancelAnimationFrame(v.frame), v.frame = null, v.velocity = 0, v.lastTimestamp = null;
-    }, []), It = P(F);
-    B(() => {
-      It.current = F;
-    }, [F]);
-    const ct = I(
-      (v) => {
-        if (!J)
+    ), G = P(() => {
+      const b = I.current;
+      b.frame !== null && cancelAnimationFrame(b.frame), b.frame = null, b.velocity = 0, b.lastTimestamp = null;
+    }, []), dt = T(G);
+    Y(() => {
+      dt.current = G;
+    }, [G]);
+    const It = P(
+      (b) => {
+        if (!ot)
           return;
-        const { maxVelocity: N, minVelocity: k, deceleration: et, startVelocityThreshold: ut } = L, Dt = pt(v, -N, N);
-        if (Math.abs(Dt) < ut)
+        const { maxVelocity: M, minVelocity: q, deceleration: ft, startVelocityThreshold: j } = W, mt = xt(b, -M, M);
+        if (Math.abs(mt) < j)
           return;
-        F(), Tt.current.velocity = Dt, Tt.current.lastTimestamp = null;
-        const mt = (st) => {
-          const ot = Tt.current;
-          if (ot.lastTimestamp === null) {
-            ot.lastTimestamp = st, ot.frame = requestAnimationFrame(mt);
+        G(), I.current.velocity = mt, I.current.lastTimestamp = null;
+        const Z = (J) => {
+          const bt = I.current;
+          if (bt.lastTimestamp === null) {
+            bt.lastTimestamp = J, bt.frame = requestAnimationFrame(Z);
             return;
           }
-          const Ct = st - ot.lastTimestamp;
-          if (ot.lastTimestamp = st, Ct <= 0) {
-            ot.frame = requestAnimationFrame(mt);
+          const qt = J - bt.lastTimestamp;
+          if (bt.lastTimestamp = J, qt <= 0) {
+            bt.frame = requestAnimationFrame(Z);
             return;
           }
-          const Et = ot.velocity;
-          let wt = Et;
-          const At = et * Ct;
-          Et > 0 ? wt = Math.max(0, Et - At) : Et < 0 && (wt = Math.min(0, Et + At));
-          const ht = (Et + wt) / 2 * Ct, h = C.current;
-          ht !== 0 && W((ft) => ft + ht);
-          const M = C.current, { contentSize: j, viewportSize: at } = Z.current, dt = Math.max(j - at, 0);
-          ot.velocity = wt;
-          const Yt = M === h || M <= 0 && wt <= 0 || M >= dt && wt >= 0;
-          if (Math.abs(wt) < k || Yt) {
-            F();
+          const yt = bt.velocity;
+          let Tt = yt;
+          const Ct = ft * qt;
+          yt > 0 ? Tt = Math.max(0, yt - Ct) : yt < 0 && (Tt = Math.min(0, yt + Ct));
+          const at = (yt + Tt) / 2 * qt, p = E.current;
+          at !== 0 && A((Ft) => Ft + at);
+          const y = E.current, { contentSize: nt, viewportSize: Lt } = Dt.current, H = Math.max(nt - Lt, 0);
+          bt.velocity = Tt;
+          const Zt = y === p || y <= 0 && Tt <= 0 || y >= H && Tt >= 0;
+          if (Math.abs(Tt) < q || Zt) {
+            G();
             return;
           }
-          ot.frame = requestAnimationFrame(mt);
+          bt.frame = requestAnimationFrame(Z);
         };
-        Tt.current.frame = requestAnimationFrame(mt);
+        I.current.frame = requestAnimationFrame(Z);
       },
-      [J, L, W, F]
-    ), vt = P(ct);
-    B(() => {
-      vt.current = ct;
-    }, [ct]), ae(() => {
-      Z.current = { contentSize: t, viewportSize: e };
-    }, [t, e]), ae(() => {
-      const v = G.current;
-      if (!v) return;
-      const N = () => {
-        v.scrollTop !== 0 && (_.debug("[ScrollPane] Native scroll detected, resetting to 0", { scrollTop: v.scrollTop }), v.scrollTop = 0), v.scrollLeft !== 0 && (v.scrollLeft = 0);
+      [ot, W, A, G]
+    ), v = T(It);
+    Y(() => {
+      v.current = It;
+    }, [It]), oe(() => {
+      Dt.current = { contentSize: t, viewportSize: e };
+    }, [t, e]), oe(() => {
+      const b = Pt.current;
+      if (!b) return;
+      const M = () => {
+        b.scrollTop !== 0 && (_.debug("[ScrollPane] Native scroll detected, resetting to 0", { scrollTop: b.scrollTop }), b.scrollTop = 0), b.scrollLeft !== 0 && (b.scrollLeft = 0);
       };
-      return v.addEventListener("scroll", N), () => v.removeEventListener("scroll", N);
-    }, []), ae(() => {
-      if (J) {
-        _.debug("[ScrollPane] Adjusting scroll position due to content or viewport size change", { contentSize: t, viewportSize: e, scrollPosition: C.current });
-        const v = pt(t - e, 0, t);
-        C.current > v && W(v);
+      return b.addEventListener("scroll", M), () => b.removeEventListener("scroll", M);
+    }, []), oe(() => {
+      if (ot) {
+        _.debug("[ScrollPane] Adjusting scroll position due to content or viewport size change", { contentSize: t, viewportSize: e, scrollPosition: E.current });
+        const b = xt(t - e, 0, t);
+        E.current > b && A(b);
       } else
-        W(0);
-    }, [J, W, t, e]), B(() => {
-      const v = (k) => {
-        if (!J)
+        A(0);
+    }, [ot, A, t, e]), Y(() => {
+      const b = (q) => {
+        if (ht.current) {
+          const j = q.shiftKey && q.deltaX === 0, mt = j ? q.deltaY : q.deltaX, Z = j ? 0 : q.deltaY;
+          if (mt !== 0 && Math.abs(mt) >= Math.abs(Z)) {
+            q.preventDefault(), G();
+            let J = mt;
+            q.deltaMode === 1 ? J *= 16 : q.deltaMode === 2 && (J *= e), ht.current(J);
+            return;
+          }
+        }
+        if (!ot)
           return;
-        k.preventDefault(), F();
-        let et = k.deltaY;
-        k.deltaMode === 1 ? et *= 16 : k.deltaMode === 2 && (et *= e), q !== 1 && (et *= q), _.debug("[ScrollPane] wheel event", { deltaY: et, scrollPosition: C.current, wheelSpeedMultiplier: q, deltaMode: k.deltaMode, scrollTop: G.current?.scrollTop }), W((ut) => ut + et);
-      }, N = K.current;
-      return N && N.addEventListener("wheel", v, { passive: !1 }), () => {
-        N && N.removeEventListener("wheel", v);
+        q.preventDefault(), G();
+        let ft = q.deltaY;
+        q.deltaMode === 1 ? ft *= 16 : q.deltaMode === 2 && (ft *= e), z !== 1 && (ft *= z), _.debug("[ScrollPane] wheel event", { deltaY: ft, scrollPosition: E.current, wheelSpeedMultiplier: z, deltaMode: q.deltaMode, scrollTop: Pt.current?.scrollTop }), A((j) => j + ft);
+      }, M = ut.current;
+      return M && M.addEventListener("wheel", b, { passive: !1 }), () => {
+        M && M.removeEventListener("wheel", b);
       };
-    }, [J, W, F, e, q]), ye(
-      tt,
+    }, [ot, A, G, e, z]), we(
+      et,
       () => ({
-        scrollTo: (v) => (F(), W(v)),
-        getScrollPosition: () => C.current,
+        scrollTo: (b) => (G(), A(b)),
+        getScrollPosition: () => E.current,
         getContentSize: () => t,
         getViewportSize: () => e
       }),
-      [W, t, e, F]
+      [A, t, e, G]
     );
-    const T = P(W);
-    B(() => {
-      T.current = W;
-    }, [W]);
-    const Mt = Xe(), b = P({
+    const kt = T(A);
+    Y(() => {
+      kt.current = A;
+    }, [A]);
+    const S = Be(), rt = T({
       pointerId: null,
       startClientY: 0,
       startScroll: 0,
@@ -855,110 +867,110 @@ const pt = (n, t, e) => Math.min(e, Math.max(t, n)), Pe = "virtualscroll:tap-scr
       shouldCancelNextClick: !1,
       clickResetTimer: null,
       velocitySamples: []
-    }), St = P(d);
-    B(() => {
-      St.current = d;
+    }), Vt = T(d);
+    Y(() => {
+      Vt.current = d;
     }, [d]);
-    const yt = P(J);
-    B(() => {
-      yt.current = J;
-    }, [J]);
-    const Ot = P(L);
-    return B(() => {
-      Ot.current = L;
-    }, [L]), B(() => {
+    const Gt = T(ot);
+    Y(() => {
+      Gt.current = ot;
+    }, [ot]);
+    const Mt = T(W);
+    return Y(() => {
+      Mt.current = W;
+    }, [W]), Y(() => {
       if (d)
         return;
-      const v = G.current, N = b.current;
-      N.pointerId !== null && v && v.hasPointerCapture(N.pointerId) && v.releasePointerCapture(N.pointerId), N.clickResetTimer !== null && (window.clearTimeout(N.clickResetTimer), N.clickResetTimer = null), N.pointerId = null, N.startClientY = 0, N.startScroll = 0, N.isDragging = !1, N.shouldCancelNextClick = !1, N.velocitySamples = [];
-    }, [d]), B(() => {
-      const v = G.current;
-      if (!v)
+      const b = Pt.current, M = rt.current;
+      M.pointerId && b?.hasPointerCapture(M.pointerId) && b.releasePointerCapture(M.pointerId), M.clickResetTimer !== null && (window.clearTimeout(M.clickResetTimer), M.clickResetTimer = null), M.pointerId = null, M.startClientY = 0, M.startScroll = 0, M.isDragging = !1, M.shouldCancelNextClick = !1, M.velocitySamples = [];
+    }, [d]), Y(() => {
+      const b = Pt.current;
+      if (!b)
         return;
-      const N = 6, k = () => typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now(), et = () => {
-        const h = b.current;
-        h.pointerId = null, h.startClientY = 0, h.startScroll = 0, h.isDragging = !1, h.velocitySamples = [];
-      }, ut = () => {
-        const h = b.current;
-        h.clickResetTimer !== null && (window.clearTimeout(h.clickResetTimer), h.clickResetTimer = null);
-      }, Dt = (h) => {
-        const M = b.current, j = k();
-        M.velocitySamples.push({ clientY: h, time: j });
-        const at = Ot.current.velocitySampleWindow;
-        M.velocitySamples = M.velocitySamples.filter((dt) => j - dt.time <= at);
-      }, mt = (h) => h instanceof HTMLElement && h.closest("[data-scrollpane-ignore-drag='true']") !== null, st = (h) => {
-        const M = b.current;
-        M.shouldCancelNextClick && (h.preventDefault(), h.stopPropagation(), M.shouldCancelNextClick = !1);
-      }, ot = (h) => {
-        const M = b.current;
-        M.isDragging || (M.isDragging = !0, M.shouldCancelNextClick = !0, v.hasPointerCapture(h.pointerId) || v.setPointerCapture(h.pointerId), Dt(h.clientY));
-      }, Ct = (h) => {
-        const M = b.current;
-        if (M.pointerId !== h.pointerId || !(St.current && yt.current) || !M.isDragging && (Math.abs(h.clientY - M.startClientY) < N || (ot(h), !M.isDragging)))
+      const M = 6, q = () => typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now(), ft = () => {
+        const p = rt.current;
+        p.pointerId = null, p.startClientY = 0, p.startScroll = 0, p.isDragging = !1, p.velocitySamples = [];
+      }, j = () => {
+        const p = rt.current;
+        p.clickResetTimer !== null && (window.clearTimeout(p.clickResetTimer), p.clickResetTimer = null);
+      }, mt = (p) => {
+        const y = rt.current, nt = q();
+        y.velocitySamples.push({ clientY: p, time: nt });
+        const Lt = Mt.current.velocitySampleWindow;
+        y.velocitySamples = y.velocitySamples.filter((H) => nt - H.time <= Lt);
+      }, Z = (p) => p instanceof HTMLElement && p.closest("[data-scrollpane-ignore-drag='true']") !== null, J = (p) => {
+        const y = rt.current;
+        y.shouldCancelNextClick && (p.preventDefault(), p.stopPropagation(), y.shouldCancelNextClick = !1);
+      }, bt = (p) => {
+        const y = rt.current;
+        y.isDragging || (y.isDragging = !0, y.shouldCancelNextClick = !0, b.hasPointerCapture(p.pointerId) || b.setPointerCapture(p.pointerId), mt(p.clientY));
+      }, qt = (p) => {
+        const y = rt.current;
+        if (y.pointerId !== p.pointerId || !(Vt.current && Gt.current) || !y.isDragging && (Math.abs(p.clientY - y.startClientY) < M || (bt(p), !y.isDragging)))
           return;
-        Dt(h.clientY);
-        const j = h.clientY - M.startClientY, at = M.startScroll - j;
-        T.current(at), h.cancelable && h.preventDefault();
-      }, Et = (h) => {
-        const M = b.current;
-        if (M.pointerId !== h.pointerId)
+        mt(p.clientY);
+        const nt = p.clientY - y.startClientY, Lt = y.startScroll - nt;
+        kt.current(Lt), p.cancelable && p.preventDefault();
+      }, yt = (p) => {
+        const y = rt.current;
+        if (y.pointerId !== p.pointerId)
           return;
-        M.isDragging && M.shouldCancelNextClick && h.cancelable && (h.preventDefault(), h.stopPropagation()), v.hasPointerCapture(h.pointerId) && v.releasePointerCapture(h.pointerId);
-        let j = 0;
-        if (M.isDragging && M.velocitySamples.length >= 2) {
-          const dt = M.velocitySamples, Yt = Ot.current.velocitySampleWindow, ft = dt[dt.length - 1], zt = dt.find((Zt) => ft.time - Zt.time <= Yt) ?? dt[0];
-          if (ft && zt && ft.time !== zt.time) {
-            const Zt = ft.clientY - zt.clientY, Nt = ft.time - zt.time;
-            j = -(Zt / Nt);
+        y.isDragging && y.shouldCancelNextClick && p.cancelable && (p.preventDefault(), p.stopPropagation()), b.hasPointerCapture(p.pointerId) && b.releasePointerCapture(p.pointerId);
+        let nt = 0;
+        if (y.isDragging && y.velocitySamples.length >= 2) {
+          const H = y.velocitySamples, Zt = Mt.current.velocitySampleWindow, Ft = H[H.length - 1], wt = H.find((Ht) => Ft.time - Ht.time <= Zt) ?? H[0];
+          if (Ft && wt && Ft.time !== wt.time) {
+            const Ht = Ft.clientY - wt.clientY, gt = Ft.time - wt.time;
+            nt = -(Ht / gt);
           }
         }
-        ut(), M.shouldCancelNextClick && (M.clickResetTimer = window.setTimeout(() => {
-          const dt = b.current;
-          dt.shouldCancelNextClick = !1, dt.clickResetTimer = null;
+        j(), y.shouldCancelNextClick && (y.clickResetTimer = window.setTimeout(() => {
+          const H = rt.current;
+          H.shouldCancelNextClick = !1, H.clickResetTimer = null;
         }, 0));
-        const at = Ot.current.startVelocityThreshold;
-        et(), Math.abs(j) >= at && vt.current?.(j);
-      }, wt = (h) => {
-        if (!(St.current && yt.current) || h.button !== 0 && h.pointerType === "mouse" || h.ctrlKey || h.metaKey || h.altKey || mt(h.target))
+        const Lt = Mt.current.startVelocityThreshold;
+        ft(), Math.abs(nt) >= Lt && v.current?.(nt);
+      }, Tt = (p) => {
+        if (!(Vt.current && Gt.current) || p.button !== 0 && p.pointerType === "mouse" || p.ctrlKey || p.metaKey || p.altKey || Z(p.target))
           return;
-        window.dispatchEvent(new CustomEvent(Pe, { detail: { paneId: Mt } })), It.current?.();
-        const M = b.current;
-        ut(), M.pointerId = h.pointerId, M.startClientY = h.clientY, M.startScroll = C.current, M.isDragging = !1, M.shouldCancelNextClick = !1, M.velocitySamples = [];
-      }, At = (h) => {
-        const M = b.current;
-        M.pointerId === h.pointerId && (M.shouldCancelNextClick = !1, v.hasPointerCapture(h.pointerId) && v.releasePointerCapture(h.pointerId), ut(), et());
-      }, Xt = [
-        ["click", st, !0],
-        ["pointerdown", wt, { passive: !1 }],
-        ["pointermove", Ct, { passive: !1 }],
-        ["pointerup", Et, void 0],
-        ["pointercancel", At, void 0]
-      ], ht = [
-        ["pointermove", Ct, { passive: !1 }],
-        ["pointerup", Et, void 0],
-        ["pointercancel", At, void 0]
+        window.dispatchEvent(new CustomEvent(Me, { detail: { paneId: S } })), dt.current?.();
+        const y = rt.current;
+        j(), y.pointerId = p.pointerId, y.startClientY = p.clientY, y.startScroll = E.current, y.isDragging = !1, y.shouldCancelNextClick = !1, y.velocitySamples = [];
+      }, Ct = (p) => {
+        const y = rt.current;
+        y.pointerId === p.pointerId && (y.shouldCancelNextClick = !1, b.hasPointerCapture(p.pointerId) && b.releasePointerCapture(p.pointerId), j(), ft());
+      }, _t = [
+        ["click", J, !0],
+        ["pointerdown", Tt, { passive: !1 }],
+        ["pointermove", qt, { passive: !1 }],
+        ["pointerup", yt, void 0],
+        ["pointercancel", Ct, void 0]
+      ], at = [
+        ["pointermove", qt, { passive: !1 }],
+        ["pointerup", yt, void 0],
+        ["pointercancel", Ct, void 0]
       ];
-      return ge(v, Xt, "add"), ge(window, ht, "add"), () => {
-        ge(v, Xt, "remove"), ge(window, ht, "remove");
-        const h = b.current;
-        h.pointerId !== null && v.hasPointerCapture(h.pointerId) && v.releasePointerCapture(h.pointerId), ut(), et();
+      return be(b, _t, "add"), be(window, at, "add"), () => {
+        be(b, _t, "remove"), be(window, at, "remove");
+        const p = rt.current;
+        p.pointerId !== null && b.hasPointerCapture(p.pointerId) && b.releasePointerCapture(p.pointerId), j(), ft();
       };
-    }, [Mt]), /* @__PURE__ */ re("div", { ref: K, className: ee("aqvs-scroll-pane", p), style: m, children: [
-      /* @__PURE__ */ re(
+    }, [S]), /* @__PURE__ */ ne("div", { ref: ut, className: re("aqvs-scroll-pane", h), style: m, children: [
+      /* @__PURE__ */ ne(
         "div",
         {
-          ref: G,
-          className: ee("aqvs-scroll-pane-content"),
+          ref: Pt,
+          className: re("aqvs-scroll-pane-content"),
           style: {
             height: e,
-            paddingTop: D.top,
-            paddingBottom: D.bottom,
+            paddingTop: St.top,
+            paddingBottom: St.bottom,
             ...d ? { touchAction: "none" } : {}
           },
-          id: Mt,
+          id: S,
           children: [
             g,
-            n(C.current)
+            n(E.current)
           ]
         }
       ),
@@ -967,34 +979,34 @@ const pt = (n, t, e) => Math.min(e, Math.max(t, n)), Pe = "virtualscroll:tap-scr
         {
           contentSize: t,
           viewportSize: e,
-          scrollPosition: C.current,
-          onScroll: W,
-          enableThumbDrag: s,
+          scrollPosition: E.current,
+          onScroll: A,
+          enableThumbDrag: i,
           enableTrackClick: l,
           enableArrowButtons: c,
           scrollBarWidth: r,
-          ariaControls: Mt,
-          tapScrollCircleOptions: E,
-          itemCount: A,
-          renderThumbOverlay: U,
-          visibleStartIndex: bt,
-          visibleEndIndex: lt
+          ariaControls: S,
+          tapScrollCircleOptions: N,
+          itemCount: k,
+          renderThumbOverlay: B,
+          visibleStartIndex: ct,
+          visibleEndIndex: st
         },
         "scrollbar"
       ),
-      it?.()
+      L?.()
     ] });
   }
-), Ee = (n, t, e) => Math.min(Math.max(n, t), e), Ir = ({ dragState: n, normalizedDistance: t, sizeScale: e, size: r }) => {
-  const s = Math.max(r / 2, 1), l = 1 + t * 0.65, c = Math.max(0.65, 1 - t * 0.25), d = n.direction * t * 26 * e, f = 0.8 + t * 0.18, p = 3 * e, m = 6 * e, g = 22 * e, E = Math.abs(d) + m, x = d > 0 ? p : -Math.abs(d) - p, A = Math.max(2.5, 3 * e), U = Ee(n.offsetX, -s, s), q = Ee(n.offsetY, -s, s), Q = s * 0.35, bt = U / s * Q, lt = q / s * Q, it = bt * 0.45, Y = lt * 0.45, tt = Math.max(g * 0.38, 6), C = 0.65 + t * 0.2, K = n.active;
-  return /* @__PURE__ */ re(ke, { children: [
+), Ae = (n, t, e) => Math.min(Math.max(n, t), e), Tr = ({ dragState: n, normalizedDistance: t, sizeScale: e, size: r }) => {
+  const i = Math.max(r / 2, 1), l = 1 + t * 0.65, c = Math.max(0.65, 1 - t * 0.25), d = n.direction * t * 26 * e, f = 0.8 + t * 0.18, h = 3 * e, m = 6 * e, g = 22 * e, N = Math.abs(d) + m, x = d > 0 ? h : -Math.abs(d) - h, k = Math.max(2.5, 3 * e), B = Ae(n.offsetX, -i, i), z = Ae(n.offsetY, -i, i), Q = i * 0.35, pt = B / i * Q, ct = z / i * Q, st = pt * 0.45, L = ct * 0.45, tt = Math.max(g * 0.38, 6), et = 0.65 + t * 0.2, E = n.active;
+  return /* @__PURE__ */ ne(_e, { children: [
     /* @__PURE__ */ $(
       "div",
       {
         className: "aqvs-tap-scroll-circle-gradient",
         style: {
           transform: `scale(${c}, ${l})`,
-          transition: K ? "40ms transform ease-out" : "200ms ease transform"
+          transition: E ? "40ms transform ease-out" : "200ms ease transform"
         }
       }
     ),
@@ -1005,8 +1017,8 @@ const pt = (n, t, e) => Math.min(e, Math.max(t, n)), Pe = "virtualscroll:tap-scr
         style: {
           width: g,
           height: g,
-          transform: `translate(calc(-50% + ${bt}px), calc(-50% + ${lt}px)) scale(${c}, ${f * l})`,
-          transition: K ? "70ms transform ease-out" : "200ms ease transform"
+          transform: `translate(calc(-50% + ${pt}px), calc(-50% + ${ct}px)) scale(${c}, ${f * l})`,
+          transition: E ? "70ms transform ease-out" : "200ms ease transform"
         }
       }
     ),
@@ -1017,10 +1029,10 @@ const pt = (n, t, e) => Math.min(e, Math.max(t, n)), Pe = "virtualscroll:tap-scr
         style: {
           width: tt,
           height: tt,
-          transform: `translate(calc(-50% + ${it}px), calc(-50% + ${Y}px)) scale(${c}, ${l})`,
-          opacity: C,
+          transform: `translate(calc(-50% + ${st}px), calc(-50% + ${L}px)) scale(${c}, ${l})`,
+          opacity: et,
           boxShadow: "0 0 8px rgba(255,255,255,0.45)",
-          transition: K ? "120ms opacity 150ms, 120ms transform ease-out ease-out" : "220ms ease transform, 240ms opacity ease"
+          transition: E ? "120ms opacity 150ms, 120ms transform ease-out ease-out" : "220ms ease transform, 240ms opacity ease"
         }
       }
     ),
@@ -1029,11 +1041,11 @@ const pt = (n, t, e) => Math.min(e, Math.max(t, n)), Pe = "virtualscroll:tap-scr
       {
         className: "aqvs-sample-visual-highlight",
         style: {
-          width: A,
-          height: E,
+          width: k,
+          height: N,
           transform: `translate(-50%, ${x}px)`,
           opacity: t,
-          transition: K ? "40ms height, 60ms opacity ease-out ease-out" : "200ms ease height, 120ms ease opacity"
+          transition: E ? "40ms height, 60ms opacity ease-out ease-out" : "200ms ease height, 120ms ease opacity"
         }
       }
     )
@@ -1043,7 +1055,7 @@ const pt = (n, t, e) => Math.min(e, Math.max(t, n)), Pe = "virtualscroll:tap-scr
     return 0n;
   const t = Math.trunc(n);
   return t <= 0 ? 0n : BigInt(t);
-}, xe = (n) => {
+}, ve = (n) => {
   if (n <= 0 || !Number.isFinite(n))
     return 0;
   const t = Math.trunc(n), e = BigInt(t) & -BigInt(t);
@@ -1109,10 +1121,10 @@ class cr {
         }, { mode: c, materializedValues: d } = this._calculateMode(l.from, l.to);
         if (this.baseValue = c, r?.materialize)
           for (let f = 0; f < d.length; f++) {
-            const p = d[f], m = l.from + f;
+            const h = d[f], m = l.from + f;
             if (m >= this.size)
               break;
-            const g = p - this.baseValue;
+            const g = h - this.baseValue;
             this.deltas.set(m, g), this._updateTree(m, g);
           }
       } else
@@ -1148,29 +1160,29 @@ class cr {
     if (!this.valueFn)
       return { mode: 0, materializedValues: [] };
     const r = [];
-    for (let p = t; p <= e && !(p >= this.size); p++)
-      r.push(this.valueFn(p));
-    const s = [...r];
+    for (let h = t; h <= e && !(h >= this.size); h++)
+      r.push(this.valueFn(h));
+    const i = [...r];
     if (r.length === 0)
       return { mode: 0, materializedValues: [] };
-    r.sort((p, m) => p - m);
+    r.sort((h, m) => h - m);
     const l = Math.floor(r.length / 2);
     let c;
     r.length % 2 === 0 ? c = Math.floor((r[l - 1] + r[l]) / 2) : c = r[l];
     const d = /* @__PURE__ */ new Map();
     let f = 0;
-    for (const p of r) {
-      const m = (d.get(p) ?? 0) + 1;
-      d.set(p, m), m > f && (f = m);
+    for (const h of r) {
+      const m = (d.get(h) ?? 0) + 1;
+      d.set(h, m), m > f && (f = m);
     }
     if (f > r.length * 0.2) {
-      const p = [];
-      for (const [g, E] of d.entries())
-        E === f && p.push(g);
-      const m = p.reduce((g, E) => g + E, 0);
-      c = Math.floor(m / p.length);
+      const h = [];
+      for (const [g, N] of d.entries())
+        N === f && h.push(g);
+      const m = h.reduce((g, N) => g + N, 0);
+      c = Math.floor(m / h.length);
     }
-    return { mode: c, materializedValues: s };
+    return { mode: c, materializedValues: i };
   }
   /**
    * @method update
@@ -1212,8 +1224,8 @@ class cr {
     for (const { index: e, change: r } of t) {
       if (e < 0 || e >= this.size)
         throw new Error(`Index ${e} out of bounds`);
-      const s = this.deltas.get(e) ?? 0;
-      this.deltas.set(e, s + r), this._updateTree(e, r);
+      const i = this.deltas.get(e) ?? 0;
+      this.deltas.set(e, i + r), this._updateTree(e, r);
     }
     return this.total;
   }
@@ -1231,10 +1243,10 @@ class cr {
     let r = t + 1;
     for (; r <= this.size; ) {
       this.tree.set(r, (this.tree.get(r) ?? 0) + e);
-      const s = xe(r);
-      if (s === 0)
+      const i = ve(r);
+      if (i === 0)
         break;
-      r += s;
+      r += i;
     }
     this.total !== void 0 && (this.total += e);
   }
@@ -1248,12 +1260,12 @@ class cr {
    */
   _buildDeltaUpdates(t) {
     const e = [];
-    for (const { index: r, value: s } of t) {
+    for (const { index: r, value: i } of t) {
       if (r < 0 || r >= this.size)
         throw new Error(`Index ${r} out of bounds`);
-      if (s < 0)
+      if (i < 0)
         throw new Error("Value cannot be negative.");
-      const l = this.deltas.has(r) ? (this.deltas.get(r) ?? 0) + this.baseValue : this.baseValue, c = s - l;
+      const l = this.deltas.has(r) ? (this.deltas.get(r) ?? 0) + this.baseValue : this.baseValue, c = i - l;
       c !== 0 && e.push({ index: r, change: c });
     }
     return e;
@@ -1271,7 +1283,7 @@ class cr {
     let t = 0, e = this.size;
     for (; e > 0; ) {
       t += this.tree.get(e) ?? 0;
-      const r = xe(e);
+      const r = ve(e);
       if (r === 0)
         break;
       e -= r;
@@ -1307,11 +1319,11 @@ class cr {
   _materializeRanges(t, e, r = !1) {
     if (!(t?.materialize && this.valueFn))
       return;
-    const s = t.ranges;
-    if (s && s.length > 0) {
-      for (const d of s) {
-        const f = d.from, p = Math.min(d.to, this.size - 1);
-        for (let m = f; m <= p; m++)
+    const i = t.ranges;
+    if (i && i.length > 0) {
+      for (const d of i) {
+        const f = d.from, h = Math.min(d.to, this.size - 1);
+        for (let m = f; m <= h; m++)
           this._materialize(m);
       }
       if (e === void 0)
@@ -1320,7 +1332,7 @@ class cr {
         this._materialize(e);
         return;
       }
-      const l = s[0].from, c = s[s.length - 1].to;
+      const l = i[0].from, c = i[i.length - 1].to;
       e >= l && e <= c && this._materialize(e);
       return;
     }
@@ -1341,17 +1353,17 @@ class cr {
       return this._findIndexLarge(t, e, r);
     if (this.size === 0)
       return { index: -1, total: this.total ?? 0, cumulative: void 0, currentValue: void 0, safeIndex: void 0 };
-    let s = 0, l = 0, c = 1;
+    let i = 0, l = 0, c = 1;
     for (; c << 1 <= this.size; )
       c <<= 1;
     for (; c > 0; c >>= 1) {
-      const p = s + c;
-      if (p <= this.size) {
-        const g = (this.tree.get(p) ?? 0) + this.baseValue * c;
-        (r ? l + g < t : l + g <= t) && (s = p, l += g);
+      const h = i + c;
+      if (h <= this.size) {
+        const g = (this.tree.get(h) ?? 0) + this.baseValue * c;
+        (r ? l + g < t : l + g <= t) && (i = h, l += g);
       }
     }
-    const d = r ? s : s - 1;
+    const d = r ? i : i - 1;
     if (d < 0 || d >= this.size)
       return { index: -1, total: this.total ?? this.getTotal(), cumulative: void 0, currentValue: void 0, safeIndex: void 0 };
     const f = this.prefixSum(d, e);
@@ -1371,14 +1383,14 @@ class cr {
   _findIndexLarge(t, e, r) {
     if (this.size === 0)
       return { index: -1, total: this.total ?? 0, cumulative: void 0, currentValue: void 0, safeIndex: void 0 };
-    const s = lr(this.size);
-    if (s === 0n)
+    const i = lr(this.size);
+    if (i === 0n)
       return { index: -1, total: this.total ?? 0, cumulative: void 0, currentValue: void 0, safeIndex: void 0 };
-    let l = 0n, c = s - 1n, d, f, p, m = this.total;
+    let l = 0n, c = i - 1n, d, f, h, m = this.total;
     for (; l <= c; ) {
-      const x = l + c >> 1n, A = Number(x), U = this.prefixSum(A, e);
-      if (p = U, m = U.total, r ? U.cumulative >= t : U.cumulative <= t)
-        if (d = x, f = U, r) {
+      const x = l + c >> 1n, k = Number(x), B = this.prefixSum(k, e);
+      if (h = B, m = B.total, r ? B.cumulative >= t : B.cumulative <= t)
+        if (d = x, f = B, r) {
           if (x === 0n)
             break;
           c = x - 1n;
@@ -1392,7 +1404,7 @@ class cr {
         c = x - 1n;
       }
     }
-    const g = f ?? p;
+    const g = f ?? h;
     return {
       index: d !== void 0 ? Number(d) : -1,
       total: m,
@@ -1412,18 +1424,18 @@ class cr {
   prefixSum(t, e) {
     if (t < 0)
       return { cumulative: 0, total: this.total, currentValue: 0, safeIndex: 0 };
-    const r = pt(t, 0, this.size - 1), s = e?.materializeOption;
-    this._materializeRanges(s, r, !0);
+    const r = xt(t, 0, this.size - 1), i = e?.materializeOption;
+    this._materializeRanges(i, r, !0);
     let l = 0, c = r + 1;
     for (; c > 0; ) {
       const f = this.tree.get(c) ?? 0;
       l += f;
-      const p = xe(c);
-      if (p === 0)
+      const h = ve(c);
+      if (h === 0)
         break;
-      c -= p;
+      c -= h;
     }
-    const d = s?.materialize ? this.get(r) : (this.deltas.get(r) || 0) + this.baseValue;
+    const d = i?.materialize ? this.get(r) : (this.deltas.get(r) || 0) + this.baseValue;
     return { cumulative: l + this.baseValue * (r + 1), total: this.total, currentValue: d, safeIndex: r };
   }
   /**
@@ -1469,17 +1481,17 @@ class cr {
   rebuildTree(t) {
     if (t?.materialize && this.valueFn) {
       const r = this.valueFn;
-      this.reset(this.size, (s) => r(s), { materialize: !0 });
+      this.reset(this.size, (i) => r(i), { materialize: !0 });
       return;
     }
     const e = /* @__PURE__ */ new Map();
-    for (const [r, s] of this.deltas.entries()) {
-      if (s === 0)
+    for (const [r, i] of this.deltas.entries()) {
+      if (i === 0)
         continue;
       let l = r + 1;
       for (; l <= this.size; ) {
-        e.set(l, (e.get(l) ?? 0) + s);
-        const c = xe(l);
+        e.set(l, (e.get(l) ?? 0) + i);
+        const c = ve(l);
         if (c === 0)
           break;
         l += c;
@@ -1512,8 +1524,8 @@ class cr {
     if (t === e)
       return;
     if (t < e)
-      for (const s of this.deltas.keys())
-        s >= t && this.deltas.delete(s);
+      for (const i of this.deltas.keys())
+        i >= t && this.deltas.delete(i);
     this.size = t, this.rebuildTree();
     const r = this.prefixSum(this.getSize() - 1);
     r.cumulative !== r.total && _.error("Inconsistent Fenwick Tree state");
@@ -1557,12 +1569,12 @@ class cr {
   }
 }
 const ur = (n, t, e) => {
-  const r = Math.max(0, n), s = P(null), l = P({ size: r, valueOrFn: t, options: e });
-  s.current === null && (s.current = new cr(r, t, e));
-  const c = s.current, d = l.current, f = d.size !== r, p = d.valueOrFn !== t, m = d.options !== e;
-  if (p || m) {
+  const r = Math.max(0, n), i = T(null), l = T({ size: r, valueOrFn: t, options: e });
+  i.current === null && (i.current = new cr(r, t, e));
+  const c = i.current, d = l.current, f = d.size !== r, h = d.valueOrFn !== t, m = d.options !== e;
+  if (h || m) {
     const g = e?.resetOnValueFnChange ?? !0;
-    m || p && g ? (e?.debug && _.debug("[useFenwickMapTree] reset", { valueOrFnChanged: p, optionsChanged: m }), c.reset(r, t, e)) : (f && (e?.debug && _.debug("[useFenwickMapTree] resize (with valueFn change)", { from: d.size, to: r }), c.changeSize(r)), e?.debug && _.debug("[useFenwickMapTree] setValueFn (no reset)", { valueOrFnChanged: p }), c.setValueFn(t, { reset: !1 })), l.current = { size: r, valueOrFn: t, options: e };
+    m || h && g ? (e?.debug && _.debug("[useFenwickMapTree] reset", { valueOrFnChanged: h, optionsChanged: m }), c.reset(r, t, e)) : (f && (e?.debug && _.debug("[useFenwickMapTree] resize (with valueFn change)", { from: d.size, to: r }), c.changeSize(r)), e?.debug && _.debug("[useFenwickMapTree] setValueFn (no reset)", { valueOrFnChanged: h }), c.setValueFn(t, { reset: !1 })), l.current = { size: r, valueOrFn: t, options: e };
   } else f && (e?.debug && _.debug("[useFenwickMapTree] resize", { from: d.size, to: r }), d.size === 0 && r > 0 ? c.reset(r, t, e) : c.changeSize(r), l.current = { size: r, valueOrFn: t, options: e });
   return c;
 };
@@ -1575,7 +1587,7 @@ class dr {
     this.key = t, this.value = e;
   }
 }
-class Ae {
+class De {
   head = null;
   tail = null;
   /**
@@ -1617,8 +1629,8 @@ class Ae {
   }
 }
 function fr(n) {
-  const t = P(/* @__PURE__ */ new Map()), e = P(new Ae());
-  B(() => {
+  const t = T(/* @__PURE__ */ new Map()), e = T(new De());
+  Y(() => {
     for (; t.current.size > n; ) {
       const m = e.current.removeHead();
       if (m)
@@ -1627,140 +1639,140 @@ function fr(n) {
         break;
     }
   }, [n]);
-  const r = I((m) => {
+  const r = P((m) => {
     const g = t.current.get(m);
     if (g)
       return e.current.moveToTail(g), g.value;
-  }, []), s = I(
+  }, []), i = P(
     (m, g) => {
       if (n <= 0)
         return;
-      let E = t.current.get(m);
-      if (E)
-        E.value = g, e.current.moveToTail(E);
+      let N = t.current.get(m);
+      if (N)
+        N.value = g, e.current.moveToTail(N);
       else {
         if (t.current.size >= n) {
           const x = e.current.removeHead();
           x && t.current.delete(x.key);
         }
-        E = new dr(m, g), t.current.set(m, E), e.current.addToTail(E);
+        N = new dr(m, g), t.current.set(m, N), e.current.addToTail(N);
       }
     },
     [n]
-  ), l = I((m) => t.current.has(m), []), c = I((m) => {
+  ), l = P((m) => t.current.has(m), []), c = P((m) => {
     const g = t.current.get(m);
     g && (e.current.remove(g), t.current.delete(m));
-  }, []), d = I(() => {
-    t.current.clear(), e.current = new Ae();
-  }, []), [f, p] = Bt(() => ({ get: r, set: s, has: l, remove: c, clear: d }));
-  return B(() => p({ get: r, set: s, has: l, remove: c, clear: d }), [r, s, l, c, d]), f;
+  }, []), d = P(() => {
+    t.current.clear(), e.current = new De();
+  }, []), [f, h] = Bt(() => ({ get: r, set: i, has: l, remove: c, clear: d }));
+  return Y(() => h({ get: r, set: i, has: l, remove: c, clear: d }), [r, i, l, c, d]), f;
 }
-const mr = 1e4, Sr = () => {
+const mr = 1e4, Pr = () => {
   const { get: n, set: t, has: e, clear: r } = fr(mr);
   return { get: n, set: t, has: e, clear: r };
-}, nt = (n, t) => t <= 0 ? 0 : pt(n, 0, t - 1), De = (n) => ({
+}, it = (n, t) => t <= 0 ? 0 : xt(n, 0, t - 1), Ne = (n) => ({
   top: Math.max(0, n?.top ?? 0),
   bottom: Math.max(0, n?.bottom ?? 0)
-}), Gt = (n, t) => n <= t ? 0 : n - t, oe = (n, t) => n <= 0 ? t : n + t, Se = (n) => {
+}), jt = (n, t) => n <= t ? 0 : n - t, se = (n, t) => n <= 0 ? t : n + t, Se = (n) => {
   if (!Number.isFinite(n)) return 0n;
   const t = Math.trunc(n);
   return t <= 0 ? 0n : BigInt(t);
-}, pr = (n, t, e, r, s, l, c, d) => {
+}, pr = (n, t, e, r, i, l, c, d) => {
   const f = Se(r);
   if (f === 0n)
     return { renderingStartIndex: 0, renderingEndIndex: 0, visibleStartIndex: 0, visibleEndIndex: 0 };
-  const p = (Y) => Y < 0n ? 0n : Y >= f ? f - 1n : Y, m = { materializeOption: { materialize: !1 } }, { index: g, cumulative: E } = l.findIndexAtOrAfter(n, m);
+  const h = (L) => L < 0n ? 0n : L >= f ? f - 1n : L, m = { materializeOption: { materialize: !1 } }, { index: g, cumulative: N } = l.findIndexAtOrAfter(n, m);
   let x;
-  g === -1 ? x = f - 1n : (E === n ? x = Se(g + 1) : x = Se(g), x >= f && (x = f - 1n)), n <= 0 && (x = 0n), d && n >= c && (x = f - 1n);
-  const A = (Y) => {
-    let tt = 0, C = Y, K = Y, G = 0n;
-    for (; C < f && tt < t; ) {
-      const Tt = Number(C), L = s(Tt);
-      if (tt += L, K = C, C += 1n, G += 1n, !Number.isFinite(L) || L <= 0)
+  g === -1 ? x = f - 1n : (N === n ? x = Se(g + 1) : x = Se(g), x >= f && (x = f - 1n)), n <= 0 && (x = 0n), d && n >= c && (x = f - 1n);
+  const k = (L) => {
+    let tt = 0, et = L, E = L, ut = 0n;
+    for (; et < f && tt < t; ) {
+      const Pt = Number(et), ht = i(Pt);
+      if (tt += ht, E = et, et += 1n, ut += 1n, !Number.isFinite(ht) || ht <= 0)
         break;
     }
-    return G === 0n && (K = Y), { height: tt, end: K };
+    return ut === 0n && (E = L), { height: tt, end: E };
   };
-  let { height: U, end: q } = A(x);
-  if (U < t && x > 0n) {
-    let Y = x, tt = U;
-    for (; Y > 0n && tt < t; ) {
-      Y -= 1n;
-      const K = Number(Y), G = s(K);
-      if (tt += G, !Number.isFinite(G) || G <= 0)
+  let { height: B, end: z } = k(x);
+  if (B < t && x > 0n) {
+    let L = x, tt = B;
+    for (; L > 0n && tt < t; ) {
+      L -= 1n;
+      const E = Number(L), ut = i(E);
+      if (tt += ut, !Number.isFinite(ut) || ut <= 0)
         break;
     }
-    x = p(Y);
-    const C = A(x);
-    U = C.height, q = C.end;
+    x = h(L);
+    const et = k(x);
+    B = et.height, z = et.end;
   }
-  const Q = p(x), bt = p(q), lt = p(Q - BigInt(Math.max(0, e))), it = p(bt + BigInt(Math.max(0, e)));
+  const Q = h(x), pt = h(z), ct = h(Q - BigInt(Math.max(0, e))), st = h(pt + BigInt(Math.max(0, e)));
   return {
-    renderingStartIndex: nt(Number(lt), r),
-    renderingEndIndex: nt(Number(it), r),
-    visibleStartIndex: nt(Number(Q), r),
-    visibleEndIndex: nt(Number(bt), r)
+    renderingStartIndex: it(Number(ct), r),
+    renderingEndIndex: it(Number(st), r),
+    visibleStartIndex: it(Number(Q), r),
+    visibleEndIndex: it(Number(pt), r)
   };
-}, hr = (n, t, e, r, s, l, c) => {
+}, hr = (n, t, e, r, i, l, c) => {
   if (r === 0)
     return { renderingStartIndex: 0, renderingEndIndex: 0, visibleStartIndex: 0, visibleEndIndex: 0 };
   const d = Number.isFinite(c), f = d ? Math.min(Math.max(0, n), c) : Math.max(0, n);
   if (r >= Number.MAX_SAFE_INTEGER)
-    return pr(f, t, e, r, s, l, c, d);
-  const { index: p, cumulative: m, currentValue: g } = l.findIndexAtOrAfter(f, { materializeOption: { materialize: !1 } }), E = p === -1 ? t <= 0 || (m ?? 0) < f + (g ?? 0) ? r - 1 : 0 : p;
-  let x = nt(E, r), A = 0;
-  if (p !== -1 && m === f)
-    x = nt(p + 1, r), A = 0;
-  else if (x === p && m !== void 0 && g !== void 0)
-    A = m - g - f;
+    return pr(f, t, e, r, i, l, c, d);
+  const { index: h, cumulative: m, currentValue: g } = l.findIndexAtOrAfter(f, { materializeOption: { materialize: !1 } }), N = h === -1 ? t <= 0 || (m ?? 0) < f + (g ?? 0) ? r - 1 : 0 : h;
+  let x = it(N, r), k = 0;
+  if (h !== -1 && m === f)
+    x = it(h + 1, r), k = 0;
+  else if (x === h && m !== void 0 && g !== void 0)
+    k = m - g - f;
   else {
-    const { cumulative: it, currentValue: Y } = l.prefixSum(x, { materializeOption: { materialize: !1 } });
-    A = (it ?? 0) - (Y ?? 0) - f;
+    const { cumulative: st, currentValue: L } = l.prefixSum(x, { materializeOption: { materialize: !1 } });
+    k = (st ?? 0) - (L ?? 0) - f;
   }
-  const U = A;
-  let q = x;
-  for (; q < r && A < t; )
-    A += s(q), q++;
-  if (A < t && x > 0) {
-    let it = A + Math.abs(Math.min(0, U)), Y = x - 1;
-    for (; Y >= 0 && it < t; )
-      it += s(Y), Y--;
-    for (x = nt(Y + 1, r), A = 0, q = x; q < r && A < t; )
-      A += s(q), q++;
+  const B = k;
+  let z = x;
+  for (; z < r && k < t; )
+    k += i(z), z++;
+  if (k < t && x > 0) {
+    let st = k + Math.abs(Math.min(0, B)), L = x - 1;
+    for (; L >= 0 && st < t; )
+      st += i(L), L--;
+    for (x = it(L + 1, r), k = 0, z = x; z < r && k < t; )
+      k += i(z), z++;
   }
-  const Q = nt(x - e, r), bt = nt(Math.max(q - 1, x), r), lt = nt(bt + e, r);
-  return { renderingStartIndex: Q, renderingEndIndex: lt, visibleStartIndex: x, visibleEndIndex: bt };
-}, Ne = (n, t, e) => {
-  const r = Math.max(0, t ?? 0), s = P({ last: 0, id: null, arg: null }).current;
-  return B(
+  const Q = it(x - e, r), pt = it(Math.max(z - 1, x), r), ct = it(pt + e, r);
+  return { renderingStartIndex: Q, renderingEndIndex: ct, visibleStartIndex: x, visibleEndIndex: pt };
+}, ke = (n, t, e) => {
+  const r = Math.max(0, t ?? 0), i = T({ last: 0, id: null, arg: null }).current;
+  return Y(
     () => () => {
-      s.id !== null && (cancelAnimationFrame(s.id), s.id = null);
+      i.id !== null && (cancelAnimationFrame(i.id), i.id = null);
     },
-    [s]
-  ), I(
+    [i]
+  ), P(
     (l) => {
-      if (s.arg = l, s.id !== null) return;
+      if (i.arg = l, i.id !== null) return;
       const c = (d) => {
-        if (s.id = null, s.arg === null) return;
-        const f = d - s.last;
-        if (r === 0 || s.last === 0 || f >= r) {
+        if (i.id = null, i.arg === null) return;
+        const f = d - i.last;
+        if (r === 0 || i.last === 0 || f >= r) {
           if (n.current)
             try {
-              e(n.current, s.arg);
-            } catch (p) {
-              console.error("[useThrottledInvoker] Error invoking callback", p);
+              e(n.current, i.arg);
+            } catch (h) {
+              console.error("[useThrottledInvoker] Error invoking callback", h);
             }
-          s.arg = null, s.last = d;
+          i.arg = null, i.last = d;
         }
-        s.arg !== null && (s.id = requestAnimationFrame(c));
+        i.arg !== null && (i.id = requestAnimationFrame(c));
       };
-      s.id = requestAnimationFrame(c);
+      i.id = requestAnimationFrame(c);
     },
-    [r, e, n, s]
+    [r, e, n, i]
   );
-}, gr = He.memo(({ index: n, top: t, height: e, item: r, children: s, clipItemHeight: l, enableKeyboardNavigation: c, onKeyDown: d, onFocus: f, registerItemRef: p }) => {
-  const m = I((A) => p(n, A), [n, p]), g = I((A) => d(A, n), [n, d]), E = I(() => f(n), [n, f]), x = I((A) => {
-    A.currentTarget.focus({ preventScroll: !0 });
+}, gr = He.memo(({ index: n, top: t, height: e, item: r, children: i, clipItemHeight: l, enableKeyboardNavigation: c, onKeyDown: d, onFocus: f, registerItemRef: h }) => {
+  const m = P((k) => h(n, k), [n, h]), g = P((k) => d(k, n), [n, d]), N = P(() => f(n), [n, f]), x = P((k) => {
+    k.currentTarget.focus({ preventScroll: !0 });
   }, []);
   return /* @__PURE__ */ $(
     "div",
@@ -1777,8 +1789,8 @@ const mr = 1e4, Sr = () => {
       tabIndex: c ? -1 : void 0,
       onPointerDown: c ? x : void 0,
       onKeyDownCapture: c ? g : void 0,
-      onFocusCapture: c ? E : void 0,
-      children: s(r, n)
+      onFocusCapture: c ? N : void 0,
+      children: i(r, n)
     }
   );
 }), xr = ({
@@ -1786,333 +1798,334 @@ const mr = 1e4, Sr = () => {
   getItem: t,
   getItemKey: e,
   getItemHeight: r,
-  viewportSize: s,
+  viewportSize: i,
   overscanCount: l = 15,
   className: c,
   onScroll: d,
   onRangeChange: f,
-  children: p,
+  children: h,
   background: m,
   initialScrollIndex: g,
-  initialScrollOffset: E,
+  initialScrollOffset: N,
   callbackThrottleMs: x = 5,
-  contentInsets: A,
-  onItemFocus: U,
-  scrollBarOptions: q,
-  behaviorOptions: Q
-}, bt) => {
-  const { width: lt, enableThumbDrag: it, enableTrackClick: Y, enableArrowButtons: tt, enableScrollToTopBottomButtons: C, renderThumbOverlay: K, tapScrollCircleOptions: G } = q ?? {}, { enablePointerDrag: Tt, enableKeyboardNavigation: L = !0, wheelSpeedMultiplier: D, inertiaOptions: Z, clipItemHeight: J = !1, resetOnGetItemHeightChange: W = !1 } = Q ?? {}, F = P(null), It = P({
+  contentInsets: k,
+  onItemFocus: B,
+  scrollBarOptions: z,
+  behaviorOptions: Q,
+  onWheelHorizontal: pt
+}, ct) => {
+  const { width: st, enableThumbDrag: L, enableTrackClick: tt, enableArrowButtons: et, enableScrollToTopBottomButtons: E, renderThumbOverlay: ut, tapScrollCircleOptions: Pt } = z ?? {}, { enablePointerDrag: ht, enableKeyboardNavigation: I = !0, wheelSpeedMultiplier: W, inertiaOptions: St, clipItemHeight: Dt = !1, resetOnGetItemHeightChange: ot = !1 } = Q ?? {}, A = T(null), G = T({
     renderingStartIndex: 0,
     renderingEndIndex: 0,
     visibleStartIndex: 0,
     visibleEndIndex: 0,
     scrollPosition: 0,
     totalHeight: 0
-  }), ct = P(null), vt = P(!1);
-  B(() => {
-    W && (ct.current = null);
-  }, [W]);
-  const T = Vt(() => De(A), [A]), Mt = Vt(
+  }), dt = T(null), It = T(!1);
+  Y(() => {
+    ot && (dt.current = null);
+  }, [ot]);
+  const v = At(() => Ne(k), [k]), kt = At(
     // 目的: Fenwick Tree のオプション設定
     // 依存関係: resetOnGetItemHeightChange
     () => ({
       sampleRange: { from: 0, to: 100 },
-      resetOnValueFnChange: W,
+      resetOnValueFnChange: ot,
       materialize: !0
     }),
-    [W]
-  ), b = ur(n, r, Mt), [St] = Bt(() => {
-    let i = T.top, a = 0;
+    [ot]
+  ), S = ur(n, r, kt), [rt] = Bt(() => {
+    let s = v.top, a = 0;
     if (typeof g == "number") {
-      const u = pt(g, 0, n - 1), y = pt(u - l * 2, 0, n - 1), w = pt(u + l * 2, 0, n - 1), V = g > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: y, to: w }] } } : void 0, { cumulative: z, total: X, currentValue: O } = b.prefixSum(g, V), H = Math.max(z - O, 0);
-      i = oe(H, T.top), a = X ?? b.getTotal();
-    } else typeof E == "number" && (i = oe(Math.max(E, 0), T.top)), a = b.getTotal();
-    return { position: i, total: a };
-  }), [yt, Ot] = Bt(St.position), [v, N] = Bt(St.total), k = P(St.position), et = P(T.top), ut = P(d ?? void 0), Dt = P(f ?? void 0), mt = P(/* @__PURE__ */ new Map()), st = P(null), ot = P(null), [Ct, Et] = Bt(null), [wt, At] = Bt(!1), Xt = P(null), ht = P(!1), h = P(0), M = P(!1), j = P(n);
-  j.current !== n && (j.current = n, M.current = !0), B(() => {
-    ut.current = d ?? void 0, Dt.current = f ?? void 0;
+      const u = xt(g, 0, n - 1), R = xt(u - l * 2, 0, n - 1), D = xt(u + l * 2, 0, n - 1), C = g > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: R, to: D }] } } : void 0, { cumulative: X, total: U, currentValue: F } = S.prefixSum(g, C), O = Math.max(X - F, 0);
+      s = se(O, v.top), a = U ?? S.getTotal();
+    } else typeof N == "number" && (s = se(Math.max(N, 0), v.top)), a = S.getTotal();
+    return { position: s, total: a };
+  }), [Vt, Gt] = Bt(rt.position), [Mt, b] = Bt(rt.total), M = T(rt.position), q = T(v.top), ft = T(d ?? void 0), j = T(f ?? void 0), mt = T(/* @__PURE__ */ new Map()), Z = T(null), J = T(null), [bt, qt] = Bt(null), [yt, Tt] = Bt(!1), Ct = T(null), _t = T(!1), at = T(0), p = T(!1), y = T(n);
+  y.current !== n && (y.current = n, p.current = !0), Y(() => {
+    ft.current = d ?? void 0, j.current = f ?? void 0;
   }, [f, d]);
-  const at = I(
-    (i) => {
-      if (L && i && typeof i.focus == "function")
+  const nt = P(
+    (s) => {
+      if (I && s && typeof s.focus == "function")
         try {
-          i.focus({ preventScroll: !0 });
+          s.focus({ preventScroll: !0 });
         } catch {
-          i.focus();
+          s.focus();
         }
     },
-    [L]
-  ), dt = I((i, { position: a, totalHeight: u }) => {
-    i(a, u);
-  }, []), Yt = Ne(ut, x, dt), ft = I((i, a) => {
-    i(a);
-  }, []), zt = Ne(Dt, x, ft);
-  B(() => (vt.current = !0, () => {
-    vt.current = !1;
-  }), []), B(() => {
-    L || (mt.current.clear(), st.current = null, ot.current = null);
-  }, [L]);
-  const Zt = I(
-    (i, a) => {
+    [I]
+  ), Lt = P((s, { position: a, totalHeight: u }) => {
+    s(a, u);
+  }, []), H = ke(ft, x, Lt), Zt = P((s, a) => {
+    s(a);
+  }, []), Ft = ke(j, x, Zt);
+  Y(() => (It.current = !0, () => {
+    It.current = !1;
+  }), []), Y(() => {
+    I || (mt.current.clear(), Z.current = null, J.current = null);
+  }, [I]);
+  const wt = P(
+    (s, a) => {
       if (!a) {
-        mt.current.delete(i);
+        mt.current.delete(s);
         return;
       }
-      L && (mt.current.set(i, a), st.current === i && (st.current = null, ot.current = i, at(a)));
+      I && (mt.current.set(s, a), Z.current === s && (Z.current = null, J.current = s, nt(a)));
     },
-    [L, at]
-  ), Nt = 0.01, Ut = P({
+    [I, nt]
+  ), Ht = 0.01, gt = T({
     rafId: null,
     loopActive: !1,
     idleFrames: 0,
-    lastRenderedPosition: St.position
-  }), Pt = I(() => {
-    const i = Ut.current;
-    i.rafId !== null && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(i.rafId), i.rafId = null, i.loopActive = !1, i.idleFrames = 0;
+    lastRenderedPosition: rt.position
+  }), Rt = P(() => {
+    const s = gt.current;
+    s.rafId !== null && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(s.rafId), s.rafId = null, s.loopActive = !1, s.idleFrames = 0;
   }, []);
-  B(
+  Y(
     () => () => {
-      Pt();
+      Rt();
     },
-    [Pt]
+    [Rt]
   );
-  const Rt = I(() => {
-    const i = Ut.current;
-    i.rafId = null;
-    const a = k.current, u = Gt(a, T.top), y = b.getTotal();
-    if (Ot((V) => Math.abs(V - a) < Nt ? V : a), Yt({ position: u, totalHeight: y }), Math.abs(i.lastRenderedPosition - a) >= Nt ? (i.lastRenderedPosition = a, i.idleFrames = 0) : i.idleFrames += 1, i.idleFrames >= 2) {
-      Pt();
+  const Jt = P(() => {
+    const s = gt.current;
+    s.rafId = null;
+    const a = M.current, u = jt(a, v.top), R = S.getTotal();
+    if (Gt((C) => Math.abs(C - a) < Ht ? C : a), H({ position: u, totalHeight: R }), Math.abs(s.lastRenderedPosition - a) >= Ht ? (s.lastRenderedPosition = a, s.idleFrames = 0) : s.idleFrames += 1, s.idleFrames >= 2) {
+      Rt();
       return;
     }
     if (typeof requestAnimationFrame == "function") {
-      i.rafId = requestAnimationFrame(Rt);
+      s.rafId = requestAnimationFrame(Jt);
       return;
     }
-    i.loopActive = !1;
-  }, [b, T.top, Yt, Pt]), Qt = I(() => {
-    const i = Ut.current;
-    if (i.idleFrames = 0, !i.loopActive) {
-      if (i.loopActive = !0, typeof requestAnimationFrame == "function") {
-        i.rafId = requestAnimationFrame(Rt);
+    s.loopActive = !1;
+  }, [S, v.top, H, Rt]), ae = P(() => {
+    const s = gt.current;
+    if (s.idleFrames = 0, !s.loopActive) {
+      if (s.loopActive = !0, typeof requestAnimationFrame == "function") {
+        s.rafId = requestAnimationFrame(Jt);
         return;
       }
-      i.loopActive = !1;
+      s.loopActive = !1;
     }
-  }, [Rt]), rt = I(
-    (i, a) => {
-      const u = a?.immediate ?? !1, y = Gt(i, T.top);
-      if (k.current = i, u) {
-        Ut.current.lastRenderedPosition = i, Ut.current.idleFrames = 0, Ot(i), Yt({ position: y, totalHeight: b.getTotal() });
+  }, [Jt]), lt = P(
+    (s, a) => {
+      const u = a?.immediate ?? !1, R = jt(s, v.top);
+      if (M.current = s, u) {
+        gt.current.lastRenderedPosition = s, gt.current.idleFrames = 0, Gt(s), H({ position: R, totalHeight: S.getTotal() });
         return;
       }
-      Qt();
+      ae();
     },
-    [Qt, b, T.top, Yt]
-  ), fe = P(!1);
-  B(() => {
-    if (!fe.current)
-      if (fe.current = !0, typeof E == "number") {
-        const i = oe(Math.max(E, 0), T.top), a = Math.abs(i - k.current) > 0.5;
-        rt(i, { immediate: !0 }), a && F.current?.scrollTo(i);
+    [ae, S, v.top, H]
+  ), le = T(!1);
+  Y(() => {
+    if (!le.current)
+      if (le.current = !0, typeof N == "number") {
+        const s = se(Math.max(N, 0), v.top), a = Math.abs(s - M.current) > 0.5;
+        lt(s, { immediate: !0 }), a && A.current?.scrollTo(s);
       } else
-        rt(k.current, { immediate: !0 });
-  }, [E, T.top, rt]), B(() => {
-    const i = b.getTotal();
-    v !== i && N(i);
-  }, [b, v, n]), B(() => {
-    if (ct.current !== null) {
-      const { index: i, align: a, offset: u } = ct.current, y = nt(i, n), { cumulative: w, currentValue: V } = b.prefixSum(y, { materializeOption: { materialize: !1 } });
-      if (w !== void 0 && V !== void 0) {
-        const z = Math.max(w - V, 0);
-        let X = z;
-        a === "bottom" ? X = w - s : a === "center" && (X = z + V / 2 - s / 2), u && (X -= u), X = Math.max(0, X);
-        const O = Math.max(0, v + T.top + T.bottom - s), H = Math.min(oe(X, T.top), O);
-        Math.abs(H - k.current) > 1 && (_.debug("[VirtualScroll] Drift correction", {
-          from: k.current,
-          to: H,
-          targetIndex: y
-        }), h.current === 0 && (h.current += 1), F.current?.scrollTo(H), rt(H, { immediate: !0 }));
+        lt(M.current, { immediate: !0 });
+  }, [N, v.top, lt]), Y(() => {
+    const s = S.getTotal();
+    Mt !== s && b(s);
+  }, [S, Mt, n]), Y(() => {
+    if (dt.current !== null) {
+      const { index: s, align: a, offset: u } = dt.current, R = it(s, n), { cumulative: D, currentValue: C } = S.prefixSum(R, { materializeOption: { materialize: !1 } });
+      if (D !== void 0 && C !== void 0) {
+        const X = Math.max(D - C, 0);
+        let U = X;
+        a === "bottom" ? U = D - i : a === "center" && (U = X + C / 2 - i / 2), u && (U -= u), U = Math.max(0, U);
+        const F = Math.max(0, Mt + v.top + v.bottom - i), O = Math.min(se(U, v.top), F);
+        Math.abs(O - M.current) > 1 && (_.debug("[VirtualScroll] Drift correction", {
+          from: M.current,
+          to: O,
+          targetIndex: R
+        }), at.current === 0 && (at.current += 1), A.current?.scrollTo(O), lt(O, { immediate: !0 }));
       }
     }
-    M.current = !1;
-  }, [v, b, n, T.top, rt, s, T.bottom]), B(() => {
-    const i = et.current;
-    if (i === T.top) return;
-    const a = Gt(k.current, i), u = oe(a, T.top);
-    et.current = T.top, k.current = u, F.current?.scrollTo(u), rt(u, { immediate: !0 });
-  }, [T.top, rt]);
-  const le = I(
-    (i, a) => {
-      const u = nt(i, n), y = b.get(u), w = a - y, V = b.update(u, a);
-      V !== void 0 && N(V), _.debug("[VirtualScroll] Updated item size manually", { index: u, size: a, total: V });
-      let z = ct.current ? ct.current.index : null;
-      if (z === null) {
-        const X = k.current, O = De(A).top, H = Gt(X, O), { index: gt } = b.findIndexAtOrAfter(H, { materializeOption: { materialize: !1 } });
-        z = gt;
+    p.current = !1;
+  }, [Mt, S, n, v.top, lt, i, v.bottom]), Y(() => {
+    const s = q.current;
+    if (s === v.top) return;
+    const a = jt(M.current, s), u = se(a, v.top);
+    q.current = v.top, M.current = u, A.current?.scrollTo(u), lt(u, { immediate: !0 });
+  }, [v.top, lt]);
+  const ce = P(
+    (s, a) => {
+      const u = it(s, n), R = S.get(u), D = a - R, C = S.update(u, a);
+      C !== void 0 && b(C), _.debug("[VirtualScroll] Updated item size manually", { index: u, size: a, total: C });
+      let X = dt.current ? dt.current.index : null;
+      if (X === null) {
+        const U = M.current, F = Ne(k).top, O = jt(U, F), { index: Et } = S.findIndexAtOrAfter(O, { materializeOption: { materialize: !1 } });
+        X = Et;
       }
-      if (z !== -1 && u < z && w !== 0) {
-        const X = k.current, O = X + w;
-        h.current += 1, rt(O, { immediate: !0 }), F.current?.scrollTo(O), _.debug("[VirtualScroll] Adjusted scroll for layout shift (manual update)", { from: X, to: O, causedByIndex: u, delta: w, activeVisibleStartIndex: z });
+      if (X !== -1 && u < X && D !== 0) {
+        const U = M.current, F = U + D;
+        at.current += 1, lt(F, { immediate: !0 }), A.current?.scrollTo(F), _.debug("[VirtualScroll] Adjusted scroll for layout shift (manual update)", { from: U, to: F, causedByIndex: u, delta: D, activeVisibleStartIndex: X });
       }
     },
-    [b, n, rt, A]
-  ), kt = I(
-    (i, a) => {
-      if (!F.current)
+    [S, n, lt, k]
+  ), Nt = P(
+    (s, a) => {
+      if (!A.current)
         return;
-      const u = nt(i, n), y = nt(u - l * 2, n), w = nt(u + l * 2, n), { cumulative: V, total: z, currentValue: X } = b.prefixSum(u, { materializeOption: { materialize: !0, ranges: [{ from: y, to: w }] } });
-      if (_.debug("[VirtualScroll] Scrolling to index:", u, "ItemBottom:", V, "Total height:", z, "ItemHeight:", X, "safeIndexFrom:", y, "safeIndexTo:", w), !z)
+      const u = it(s, n), R = it(u - l * 2, n), D = it(u + l * 2, n), { cumulative: C, total: X, currentValue: U } = S.prefixSum(u, { materializeOption: { materialize: !0, ranges: [{ from: R, to: D }] } });
+      if (_.debug("[VirtualScroll] Scrolling to index:", u, "ItemBottom:", C, "Total height:", X, "ItemHeight:", U, "safeIndexFrom:", R, "safeIndexTo:", D), !X)
         return;
-      const O = Math.max(V - X, 0);
-      let H = O;
-      a?.align === "bottom" ? H = V - s : a?.align === "center" && (H = O + X / 2 - s / 2), a?.offset && (H -= a.offset), H = Math.max(0, H);
-      const gt = oe(H, T.top), xt = F.current?.getContentSize() ?? z + T.top + T.bottom, Lt = Math.max(0, xt - s), Jt = Math.min(gt, Lt);
-      ct.current = {
+      const F = Math.max(C - U, 0);
+      let O = F;
+      a?.align === "bottom" ? O = C - i : a?.align === "center" && (O = F + U / 2 - i / 2), a?.offset && (O -= a.offset), O = Math.max(0, O);
+      const Et = se(O, v.top), vt = A.current?.getContentSize() ?? X + v.top + v.bottom, zt = Math.max(0, vt - i), te = Math.min(Et, zt);
+      dt.current = {
         index: u,
         align: a?.align,
         offset: a?.offset
       };
-      const ce = F.current?.getScrollPosition() ?? -1, ue = Math.abs(ce - Jt) > 0.5;
-      ht.current = !1, h.current = 0, ue && (ht.current = !0, h.current += 1, F.current?.scrollTo(Jt)), N(z), rt(Jt, { immediate: !0 }), _.debug("[VirtualScroll] Setting scroll position to:", Jt, { original: gt, max: Lt });
+      const ue = A.current?.getScrollPosition() ?? -1, de = Math.abs(ue - te) > 0.5;
+      _t.current = !1, at.current = 0, de && (_t.current = !0, at.current += 1, A.current?.scrollTo(te)), b(X), lt(te, { immediate: !0 }), _.debug("[VirtualScroll] Setting scroll position to:", te, { original: Et, max: zt });
     },
-    [b, l, n, T.top, T.bottom, s, rt]
-  ), ne = I(
-    (i) => {
-      if (!F.current)
+    [S, l, n, v.top, v.bottom, i, lt]
+  ), ee = P(
+    (s) => {
+      if (!A.current)
         return;
-      const a = b.getTotal(), u = pt(Math.floor(i), 0, a), { index: y, cumulative: w, currentValue: V } = b.findIndexAtOrAfter(u, { materializeOption: { materialize: !1 } }), X = (w ?? 0) - (V ?? 0) - u;
-      kt(y, { offset: X });
+      const a = S.getTotal(), u = xt(Math.floor(s), 0, a), { index: R, cumulative: D, currentValue: C } = S.findIndexAtOrAfter(u, { materializeOption: { materialize: !1 } }), U = (D ?? 0) - (C ?? 0) - u;
+      Nt(R, { offset: U });
     },
-    [b, kt]
-  ), te = I(
-    (i) => {
-      const a = Gt(k.current, T.top), u = typeof i == "function" ? i(a) : i;
-      ne(u);
-      const y = F.current?.getScrollPosition(), w = typeof y == "number" ? y : k.current;
-      return rt(w), w;
+    [S, Nt]
+  ), me = P(
+    (s) => {
+      const a = jt(M.current, v.top), u = typeof s == "function" ? s(a) : s;
+      ee(u);
+      const R = A.current?.getScrollPosition(), D = typeof R == "number" ? R : M.current;
+      return lt(D), D;
     },
-    [T.top, ne, rt]
-  ), be = I(
-    (i, a) => {
-      _.debug("[VirtualScroll] Scroll position changed:", i);
-      const u = ht.current;
-      u && (ht.current = !1);
-      const y = h.current > 0;
-      if (y && (h.current = 0), u || y || M.current || (ct.current = null), rt(i), C) {
-        if (u || y)
+    [v.top, ee, lt]
+  ), Ie = P(
+    (s, a) => {
+      _.debug("[VirtualScroll] Scroll position changed:", s);
+      const u = _t.current;
+      u && (_t.current = !1);
+      const R = at.current > 0;
+      if (R && (at.current = 0), u || R || p.current || (dt.current = null), lt(s), E) {
+        if (u || R)
           return;
-        const w = i - a;
-        if (_.debug("[VirtualScroll] Scroll diff:", w, "New:", i, "Prev:", a), Math.abs(w) > 1) {
-          const V = w > 0 ? "down" : "up";
-          Et(V), At(!0), _.debug("[VirtualScroll] Showing scroll buttons. Direction:", V), Xt.current && clearTimeout(Xt.current), Xt.current = setTimeout(() => {
-            At(!1), _.debug("[VirtualScroll] Hiding scroll buttons");
+        const D = s - a;
+        if (_.debug("[VirtualScroll] Scroll diff:", D, "New:", s, "Prev:", a), Math.abs(D) > 1) {
+          const C = D > 0 ? "down" : "up";
+          qt(C), Tt(!0), _.debug("[VirtualScroll] Showing scroll buttons. Direction:", C), Ct.current && clearTimeout(Ct.current), Ct.current = setTimeout(() => {
+            Tt(!1), _.debug("[VirtualScroll] Hiding scroll buttons");
           }, 2e3);
         }
       }
     },
-    [rt, C]
-  ), qt = Vt(() => Gt(yt, T.top), [T.top, yt]), _t = Vt(() => {
-    const i = b.getTotal(), a = hr(qt, s, l, n, r, b, i);
+    [lt, E]
+  ), Ot = At(() => jt(Vt, v.top), [v.top, Vt]), Qt = At(() => {
+    const s = S.getTotal(), a = hr(Ot, i, l, n, r, S, s);
     return _.debug("[VirtualScroll] Calculated rendering range:", {
       ...a,
-      scrollPosition: qt,
-      renderingContentSize: i,
+      scrollPosition: Ot,
+      renderingContentSize: s,
       overscanCount: l,
-      viewportSize: s
+      viewportSize: i
     }), a;
-  }, [qt, s, l, n, r, b]), { renderingStartIndex: $t, renderingEndIndex: Kt, visibleStartIndex: Ft, visibleEndIndex: Wt } = _t, jt = I(
-    (i, a) => {
-      if (!L || n === 0)
+  }, [Ot, i, l, n, r, S]), { renderingStartIndex: Ut, renderingEndIndex: $t, visibleStartIndex: Yt, visibleEndIndex: Kt } = Qt, Wt = P(
+    (s, a) => {
+      if (!I || n === 0)
         return;
-      const u = nt(i, n);
+      const u = it(s, n);
       if (!(a?.ensureVisible ?? !0)) {
-        const Lt = mt.current.get(u);
-        Lt && (st.current = null, ot.current = u, at(Lt));
+        const zt = mt.current.get(u);
+        zt && (Z.current = null, J.current = u, nt(zt));
         return;
       }
-      const w = b.prefixSum(u, { materializeOption: { materialize: !1 } }), V = w.currentValue, z = Math.max(w.cumulative - V, 0), X = z + V, O = Gt(k.current, T.top), H = O + s;
-      if (z < O || X > H) {
-        st.current = u, kt(u);
+      const D = S.prefixSum(u, { materializeOption: { materialize: !1 } }), C = D.currentValue, X = Math.max(D.cumulative - C, 0), U = X + C, F = jt(M.current, v.top), O = F + i;
+      if (X < F || U > O) {
+        Z.current = u, Nt(u);
         return;
       }
-      const xt = mt.current.get(u);
-      if (xt) {
-        st.current = null, ot.current = u, at(xt);
+      const vt = mt.current.get(u);
+      if (vt) {
+        Z.current = null, J.current = u, nt(vt);
         return;
       }
-      st.current = u;
+      Z.current = u;
     },
-    [L, n, b, T.top, kt, at, s]
-  ), me = I(
-    (i, a) => {
-      if (!L || i.defaultPrevented || i.altKey || i.metaKey || i.ctrlKey)
+    [I, n, S, v.top, Nt, nt, i]
+  ), pe = P(
+    (s, a) => {
+      if (!I || s.defaultPrevented || s.altKey || s.metaKey || s.ctrlKey)
         return;
-      const u = i.target;
+      const u = s.target;
       if (u) {
-        const y = u.tagName;
-        if (y === "INPUT" || y === "TEXTAREA" || y === "SELECT" || u.isContentEditable)
+        const R = u.tagName;
+        if (R === "INPUT" || R === "TEXTAREA" || R === "SELECT" || u.isContentEditable)
           return;
       }
-      if (i.key === "ArrowDown") {
-        a < n - 1 && (i.preventDefault(), jt(a + 1));
+      if (s.key === "ArrowDown") {
+        a < n - 1 && (s.preventDefault(), Wt(a + 1));
         return;
       }
-      if (i.key === "ArrowUp") {
-        a > 0 && (i.preventDefault(), jt(a - 1));
+      if (s.key === "ArrowUp") {
+        a > 0 && (s.preventDefault(), Wt(a - 1));
         return;
       }
-      if (i.key === "PageDown") {
+      if (s.key === "PageDown") {
         if (a < n - 1) {
-          i.preventDefault();
-          const y = Math.max(Wt - Ft + 1, 1), w = Math.max(y, 1), V = nt(Math.min(a + w, n - 1), n);
-          jt(V);
+          s.preventDefault();
+          const R = Math.max(Kt - Yt + 1, 1), D = Math.max(R, 1), C = it(Math.min(a + D, n - 1), n);
+          Wt(C);
         }
         return;
       }
-      if (i.key === "PageUp" && a > 0) {
-        i.preventDefault();
-        const y = Math.max(Wt - Ft + 1, 1), w = Math.max(y, 1), V = nt(a - w, n);
-        jt(V);
+      if (s.key === "PageUp" && a > 0) {
+        s.preventDefault();
+        const R = Math.max(Kt - Yt + 1, 1), D = Math.max(R, 1), C = it(a - D, n);
+        Wt(C);
       }
     },
-    [L, n, jt, Wt, Ft]
-  ), pe = I(
-    (i) => {
-      if (!L)
+    [I, n, Wt, Kt, Yt]
+  ), he = P(
+    (s) => {
+      if (!I)
         return;
-      const a = nt(i, n);
-      st.current = null, ot.current = a, U?.(a);
+      const a = it(s, n);
+      Z.current = null, J.current = a, B?.(a);
     },
-    [L, n, U]
+    [I, n, B]
   );
-  B(() => {
-    const i = F.current?.getScrollPosition() ?? 0, a = k.current, u = Gt(a, T.top);
+  Y(() => {
+    const s = A.current?.getScrollPosition() ?? 0, a = M.current, u = jt(a, v.top);
     _.debug("[VirtualScroll] Range change effect triggered", {
-      renderingStartIndex: $t,
-      renderingEndIndex: Kt,
-      visibleStartIndex: Ft,
-      visibleEndIndex: Wt,
-      scrollPositionState: yt,
+      renderingStartIndex: Ut,
+      renderingEndIndex: $t,
+      visibleStartIndex: Yt,
+      visibleEndIndex: Kt,
+      scrollPositionState: Vt,
       paneScrollPosition: a,
       logicalScrollPosition: u,
-      contentSize: v,
-      scrollPaneScrollPosition: i
-    }), zt({
-      renderingStartIndex: $t,
-      renderingEndIndex: Kt,
-      visibleStartIndex: Ft,
-      visibleEndIndex: Wt,
+      contentSize: Mt,
+      scrollPaneScrollPosition: s
+    }), Ft({
+      renderingStartIndex: Ut,
+      renderingEndIndex: $t,
+      visibleStartIndex: Yt,
+      visibleEndIndex: Kt,
       scrollPosition: u,
-      totalHeight: v
+      totalHeight: Mt
     });
-  }, [v, Kt, $t, T.top, zt, yt, Wt, Ft]);
-  const ve = I(() => C ? /* @__PURE__ */ $("div", { className: "aqvs-scroll-to-edge-overlay", "data-visible": wt && Ct !== null, children: Ct === "up" ? /* @__PURE__ */ $("div", { className: "aqvs-scroll-to-edge-button-container aqvs-scroll-to-edge-button-container-top", children: /* @__PURE__ */ $(
+  }, [Mt, $t, Ut, v.top, Ft, Vt, Kt, Yt]);
+  const ge = P(() => E ? /* @__PURE__ */ $("div", { className: "aqvs-scroll-to-edge-overlay", "data-visible": yt && bt !== null, children: bt === "up" ? /* @__PURE__ */ $("div", { className: "aqvs-scroll-to-edge-button-container aqvs-scroll-to-edge-button-container-top", children: /* @__PURE__ */ $(
     "button",
     {
       type: "button",
       className: "aqvs-scroll-to-edge-button",
       onClick: (u) => {
-        u.stopPropagation(), ht.current = !0, kt(0), At(!1);
+        u.stopPropagation(), _t.current = !0, Nt(0), Tt(!1);
       },
       children: "Top"
     }
@@ -2122,181 +2135,182 @@ const mr = 1e4, Sr = () => {
       type: "button",
       className: "aqvs-scroll-to-edge-button",
       onClick: (u) => {
-        u.stopPropagation(), ht.current = !0, kt(n - 1), At(!1);
+        u.stopPropagation(), _t.current = !0, Nt(n - 1), Tt(!1);
       },
       children: "Bottom"
     }
-  ) }) }) : null, [C, wt, Ct, kt, n]), { visibleItems: ie, startPosition: se } = Vt(() => {
+  ) }) }) : null, [E, yt, bt, Nt, n]), { visibleItems: ie, startPosition: o } = At(() => {
     if (n === 0)
       return {
         visibleItems: /* @__PURE__ */ $("div", { className: "aqvs-no-items-container", children: /* @__PURE__ */ $("div", { className: "aqvs-no-items-text", children: "No items" }) }),
         startPosition: 0
       };
-    const i = nt($t, n), a = nt(Kt, n), { cumulative: u, currentValue: y } = b.prefixSum(i, { materializeOption: { materialize: !1 } }), w = u - y, V = [], z = [];
-    let X = 0;
-    for (let O = i; O <= a; O++) {
-      const H = r(O), gt = b.get(O), xt = H - gt;
-      xt !== 0 && V.push({ index: O, value: H });
-      const { cumulative: Lt, currentValue: Jt } = b.prefixSum(O, { materializeOption: { materialize: !1 } }), ce = Lt - Jt + X, ue = e ? e(O) : O;
-      z.push(
+    const s = it(Ut, n), a = it($t, n), { cumulative: u, currentValue: R } = S.prefixSum(s, { materializeOption: { materialize: !1 } }), D = u - R, C = [], X = [];
+    let U = 0;
+    for (let F = s; F <= a; F++) {
+      const O = r(F), Et = S.get(F), vt = O - Et;
+      vt !== 0 && C.push({ index: F, value: O });
+      const { cumulative: zt, currentValue: te } = S.prefixSum(F, { materializeOption: { materialize: !1 } }), ue = zt - te + U, de = e ? e(F) : F;
+      X.push(
         /* @__PURE__ */ $(
           gr,
           {
-            index: O,
-            top: ce - w + T.top,
-            height: H,
-            item: t(O),
-            clipItemHeight: J,
-            enableKeyboardNavigation: L,
-            onKeyDown: me,
-            onFocus: pe,
-            registerItemRef: Zt,
-            children: p
+            index: F,
+            top: ue - D + v.top,
+            height: O,
+            item: t(F),
+            clipItemHeight: Dt,
+            enableKeyboardNavigation: I,
+            onKeyDown: pe,
+            onFocus: he,
+            registerItemRef: wt,
+            children: h
           },
-          ue
+          de
         )
-      ), X += xt;
+      ), U += vt;
     }
-    return V.length > 0 && Promise.resolve().then(() => {
-      if (!vt.current)
+    return C.length > 0 && Promise.resolve().then(() => {
+      if (!It.current)
         return;
-      let O = 0;
-      for (const xt of V)
-        if (xt.index < Ft) {
-          const Lt = b.get(xt.index);
-          O += xt.value - Lt;
+      let F = 0;
+      for (const vt of C)
+        if (vt.index < Yt) {
+          const zt = S.get(vt.index);
+          F += vt.value - zt;
         }
-      const H = b.updates(V);
-      if (!vt.current || typeof H != "number")
+      const O = S.updates(C);
+      if (!It.current || typeof O != "number")
         return;
-      N(H), _.debug("[VirtualScroll] Updated heights for items", V, "New total height:", H);
-      const gt = F.current?.getScrollPosition() ?? k.current;
-      if (O !== 0) {
-        const xt = gt + O;
-        h.current += 1, rt(xt, { immediate: !0 }), F.current?.scrollTo(xt), _.debug("[VirtualScroll] Adjusted scroll for layout shift (auto update)", { from: gt, to: xt, shiftAmount: O });
-      } else gt !== k.current && rt(gt);
-    }), { visibleItems: z, startPosition: w };
+      b(O), _.debug("[VirtualScroll] Updated heights for items", C, "New total height:", O);
+      const Et = A.current?.getScrollPosition() ?? M.current;
+      if (F !== 0) {
+        const vt = Et + F;
+        at.current += 1, lt(vt, { immediate: !0 }), A.current?.scrollTo(vt), _.debug("[VirtualScroll] Adjusted scroll for layout shift (auto update)", { from: Et, to: vt, shiftAmount: F });
+      } else Et !== M.current && lt(Et);
+    }), { visibleItems: X, startPosition: D };
   }, [
-    p,
-    J,
-    L,
+    h,
+    Dt,
+    I,
     n,
-    b,
+    S,
     t,
     e,
     r,
+    he,
     pe,
-    me,
-    Zt,
-    Kt,
+    wt,
     $t,
-    T.top,
-    rt,
-    Ft
-  ]), o = I(
-    (i) => {
-      const a = (x ?? 0) > 0, u = Math.abs(i - yt), y = a && u > 0.5 ? yt : i, w = Gt(y, T.top);
+    Ut,
+    v.top,
+    lt,
+    Yt
+  ]), w = P(
+    (s) => {
+      const a = (x ?? 0) > 0, u = Math.abs(s - Vt), R = a && u > 0.5 ? Vt : s, D = jt(R, v.top);
       if (_.debug("[VirtualScroll] Rendering visible items", {
-        currentScrollPosition: i,
-        effectiveScrollPosition: w,
-        renderingStartIndex: $t,
-        renderingEndIndex: Kt,
+        currentScrollPosition: s,
+        effectiveScrollPosition: D,
+        renderingStartIndex: Ut,
+        renderingEndIndex: $t,
         itemCount: n,
-        viewportSize: s,
+        viewportSize: i,
         callbackThrottleMs: x,
         diff: u,
-        rawEffectiveScrollPosition: y
+        rawEffectiveScrollPosition: R
       }), n === 0)
         return ie;
-      const V = se - w, z = T.bottom > 0 ? /* @__PURE__ */ $(
+      const C = o - D, X = v.bottom > 0 ? /* @__PURE__ */ $(
         "div",
         {
           className: "aqvs-bottom-inset",
           style: {
-            top: b.getTotal() + T.top - se,
-            height: T.bottom
+            top: S.getTotal() + v.top - o,
+            height: v.bottom
           }
         },
         "virtualscroll-bottom-inset"
       ) : null;
       return _.debug("[VirtualScroll] Rendering items", {
-        containerTop: V,
-        logicalScrollPosition: qt,
-        resolvedInsets: T,
-        effectiveScrollPosition: w
-      }), /* @__PURE__ */ re("div", { className: "aqvs-items-wrapper", style: { top: V, position: "relative" }, children: [
+        containerTop: C,
+        logicalScrollPosition: Ot,
+        resolvedInsets: v,
+        effectiveScrollPosition: D
+      }), /* @__PURE__ */ ne("div", { className: "aqvs-items-wrapper", style: { top: C, position: "relative" }, children: [
         ie,
-        z
+        X
       ] });
     },
-    [x, n, b, qt, Kt, $t, T, yt, se, s, ie]
-  ), S = Vt(
+    [x, n, S, Ot, $t, Ut, v, Vt, o, i, ie]
+  ), V = At(
     () => ({
-      renderingStartIndex: _t.renderingStartIndex,
-      renderingEndIndex: _t.renderingEndIndex,
-      visibleStartIndex: _t.visibleStartIndex,
-      visibleEndIndex: _t.visibleEndIndex,
-      scrollPosition: qt,
-      totalHeight: b.getTotal()
+      renderingStartIndex: Qt.renderingStartIndex,
+      renderingEndIndex: Qt.renderingEndIndex,
+      visibleStartIndex: Qt.visibleStartIndex,
+      visibleEndIndex: Qt.visibleEndIndex,
+      scrollPosition: Ot,
+      totalHeight: S.getTotal()
       // contentSize (State) ではなく最新値を反映
     }),
-    [_t, qt, b]
+    [Qt, Ot, S]
   );
-  B(() => {
-    It.current = S;
-  }, [S]), ye(
-    bt,
+  Y(() => {
+    G.current = V;
+  }, [V]), we(
+    ct,
     () => ({
-      getScrollPosition: () => F.current?.getScrollPosition() ?? -1,
-      getContentSize: () => F.current?.getContentSize() ?? -1,
-      getViewportSize: () => F.current?.getViewportSize() ?? -1,
-      scrollTo: te,
-      scrollToIndex: kt,
-      getFenwickTreeTotalHeight: () => b.getTotal(),
-      getFenwickSize: () => b.getSize(),
-      focusItemAtIndex: jt,
-      getRange: () => It.current,
-      updateItemSize: le
+      getScrollPosition: () => A.current?.getScrollPosition() ?? -1,
+      getContentSize: () => A.current?.getContentSize() ?? -1,
+      getViewportSize: () => A.current?.getViewportSize() ?? -1,
+      scrollTo: me,
+      scrollToIndex: Nt,
+      getFenwickTreeTotalHeight: () => S.getTotal(),
+      getFenwickSize: () => S.getSize(),
+      focusItemAtIndex: Wt,
+      getRange: () => G.current,
+      updateItemSize: ce
     }),
-    [te, kt, b, jt, le]
+    [me, Nt, S, Wt, ce]
   );
-  const R = b.getTotal() + T.top + T.bottom;
+  const K = S.getTotal() + v.top + v.bottom;
   return /* @__PURE__ */ $(
     ar,
     {
-      ref: F,
-      contentSize: R,
-      viewportSize: s,
+      ref: A,
+      contentSize: K,
+      viewportSize: i,
       className: c,
-      onScroll: be,
+      onScroll: Ie,
       background: m,
-      tapScrollCircleOptions: G,
-      inertiaOptions: Z,
+      tapScrollCircleOptions: Pt,
+      inertiaOptions: St,
       itemCount: n,
-      scrollBarWidth: lt,
-      enableThumbDrag: it,
-      enableTrackClick: Y,
-      enableArrowButtons: tt,
-      enablePointerDrag: Tt,
-      renderThumbOverlay: K,
-      wheelSpeedMultiplier: D,
-      contentInsets: T,
-      visibleStartIndex: Ft,
-      visibleEndIndex: Wt,
-      renderOverlay: ve,
-      initialScrollPosition: St.position,
-      children: o
+      scrollBarWidth: st,
+      enableThumbDrag: L,
+      enableTrackClick: tt,
+      enableArrowButtons: et,
+      enablePointerDrag: ht,
+      renderThumbOverlay: ut,
+      wheelSpeedMultiplier: W,
+      onWheelHorizontal: pt,
+      contentInsets: v,
+      visibleStartIndex: Yt,
+      visibleEndIndex: Kt,
+      renderOverlay: ge,
+      initialScrollPosition: rt.position,
+      children: w
     }
   );
-}, Pr = Me(xr);
+}, Sr = ye(xr);
 export {
   cr as FenwickMapTree,
   or as ScrollBar,
   ar as ScrollPane,
-  Pr as VirtualScroll,
-  pt as minmax,
-  Ir as tapScrollCircleSampleVisual,
+  Sr as VirtualScroll,
+  xt as minmax,
+  Tr as tapScrollCircleSampleVisual,
   ur as useFenwickMapTree,
-  Sr as useHeightCache,
+  Pr as useHeightCache,
   fr as useLruCache
 };