@aiquants/virtualscroll 1.14.1 → 1.17.0

package/dist/index.js

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