@aiquants/virtualscroll 2.3.0 → 2.5.0

package/dist/index.js

@@ -1,7 +1,7 @@
-import { jsx as ot, jsxs as Te, Fragment as tr } from "react/jsx-runtime";
-import nr, { memo as ir, forwardRef as $e, useState as re, useRef as x, useCallback as S, useImperativeHandle as Ue, useMemo as Ft, useLayoutEffect as Me, useEffect as Y, useId as sr } from "react";
-import { twMerge as ye } from "tailwind-merge";
-class N {
+import { jsx as le, jsxs as wt, Fragment as ur } from "react/jsx-runtime";
+import br, { memo as xr, forwardRef as Gt, useState as nt, useRef as g, useCallback as S, useImperativeHandle as Zt, useMemo as Fe, useLayoutEffect as ot, useEffect as H, useId as Ir } from "react";
+import { twMerge as Rt } from "tailwind-merge";
+class w {
   level;
   prefix;
   impl;
@@ -11,18 +11,18 @@ class N {
    * @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]", n = console) {
-    this.level = t, this.prefix = e, this.impl = n;
+  constructor(e = 2, t = "[virtualscroll]", n = console) {
+    this.level = e, this.prefix = t, this.impl = n;
   }
-  static instance = new N(2, "[virtualscroll]");
+  static instance = new w(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) {
-    N.instance.setLevel(t);
+  static setLevel(e) {
+    w.instance.setLevel(e);
   }
   /**
    * @method setLevel
@@ -30,8 +30,8 @@ class N {
    * @description 現在のログレベルを更新します。
    * @param {LogLevel} level - The new log level.
    */
-  setLevel(t) {
-    this.level = t;
+  setLevel(e) {
+    this.level = e;
   }
   /**
    * @method setImplementation
@@ -39,8 +39,8 @@ class N {
    * @description 静的インスタンスのロガーの実装を更新します。
    * @param {ILogger} impl - The new logger implementation.
    */
-  static setImplementation(t) {
-    N.instance.setImplementation(t);
+  static setImplementation(e) {
+    w.instance.setImplementation(e);
   }
   /**
    * @method setImplementation
@@ -48,8 +48,8 @@ class N {
    * @description ロガーの実装を更新します。
    * @param {ILogger} impl - The new logger implementation.
    */
-  setImplementation(t) {
-    this.impl = t;
+  setImplementation(e) {
+    this.impl = e;
   }
   /**
    * @method setPrefix
@@ -57,8 +57,8 @@ class N {
    * @description 静的インスタンスのログのプレフィックスを更新します。
    * @param {string} prefix - The new prefix.
    */
-  static setPrefix(t) {
-    N.instance.setPrefix(t);
+  static setPrefix(e) {
+    w.instance.setPrefix(e);
   }
   /**
    * @method setPrefix
@@ -66,8 +66,8 @@ class N {
    * @description ログのプレフィックスを更新します。
    * @param {string} prefix - The new prefix.
    */
-  setPrefix(t) {
-    this.prefix = t;
+  setPrefix(e) {
+    this.prefix = e;
   }
   /**
    * @method isEnabled
@@ -76,8 +76,8 @@ class N {
    * @param {LogLevel} level - The level to query. / 問い合わせるレベル。
    * @returns {boolean} True if a message at `level` would be emitted. / `level` のメッセージが出力されるなら true。
    */
-  static isEnabled(t) {
-    return N.instance.isEnabled(t);
+  static isEnabled(e) {
+    return w.instance.isEnabled(e);
   }
   /**
    * @method isEnabled
@@ -90,8 +90,8 @@ class N {
    * @param {LogLevel} level - The level to query. / 問い合わせるレベル。
    * @returns {boolean} True if a message at `level` would be emitted. / `level` のメッセージが出力されるなら true。
    */
-  isEnabled(t) {
-    return this.level <= t;
+  isEnabled(e) {
+    return this.level <= e;
   }
   /**
    * Resolves a possibly-lazy log argument.
@@ -109,66 +109,66 @@ class N {
    * ログ呼び出しが呼び出し元をクラッシュさせないよう元の関数値をそのまま返す (握り潰さず出力は残る)。
    * 関数を値としてログしたい場合は `() => fn` とラップする。非関数値はそのまま素通しするため後方互換。
    */
-  static resolveLazy(t) {
-    if (typeof t != "function")
-      return t;
+  static resolveLazy(e) {
+    if (typeof e != "function")
+      return e;
     try {
-      return t();
+      return e();
     } catch {
-      return t;
+      return e;
     }
   }
-  formatMessage(t) {
-    return typeof t == "string" ? [`${this.prefix} ${t}`] : [this.prefix, t];
+  formatMessage(e) {
+    return typeof e == "string" ? [`${this.prefix} ${e}`] : [this.prefix, e];
   }
-  static debug(t, ...e) {
-    N.instance.debug(t, ...e);
+  static debug(e, ...t) {
+    w.instance.debug(e, ...t);
   }
-  debug(t, ...e) {
-    this.level <= 0 && this.impl.debug(...this.formatMessage(N.resolveLazy(t)), ...e.map(N.resolveLazy));
+  debug(e, ...t) {
+    this.level <= 0 && this.impl.debug(...this.formatMessage(w.resolveLazy(e)), ...t.map(w.resolveLazy));
   }
-  static info(t, ...e) {
-    N.instance.info(t, ...e);
+  static info(e, ...t) {
+    w.instance.info(e, ...t);
   }
-  info(t, ...e) {
-    this.level <= 1 && this.impl.info(...this.formatMessage(N.resolveLazy(t)), ...e.map(N.resolveLazy));
+  info(e, ...t) {
+    this.level <= 1 && this.impl.info(...this.formatMessage(w.resolveLazy(e)), ...t.map(w.resolveLazy));
   }
-  static warn(t, ...e) {
-    N.instance.warn(t, ...e);
+  static warn(e, ...t) {
+    w.instance.warn(e, ...t);
   }
-  warn(t, ...e) {
-    this.level <= 2 && this.impl.warn(...this.formatMessage(N.resolveLazy(t)), ...e.map(N.resolveLazy));
+  warn(e, ...t) {
+    this.level <= 2 && this.impl.warn(...this.formatMessage(w.resolveLazy(e)), ...t.map(w.resolveLazy));
   }
-  static error(t, ...e) {
-    N.instance.error(t, ...e);
+  static error(e, ...t) {
+    w.instance.error(e, ...t);
   }
-  error(t, ...e) {
-    this.level <= 3 && this.impl.error(...this.formatMessage(N.resolveLazy(t)), ...e.map(N.resolveLazy));
+  error(e, ...t) {
+    this.level <= 3 && this.impl.error(...this.formatMessage(w.resolveLazy(e)), ...t.map(w.resolveLazy));
   }
 }
-const Ke = {
+const tr = {
   active: !1,
   offsetX: 0,
   offsetY: 0,
   distance: 0,
   direction: 0,
   pointerId: null
-}, ze = 6, or = 8, ar = ({ dragState: r, normalizedDistance: t }) => {
-  const e = 1 + t * 0.18, n = 0.16 + t * 0.24, i = 0.38 + t * 0.28, s = r.active ? "80ms ease-out" : "220ms ease";
-  return /* @__PURE__ */ Te(tr, { children: [
-    /* @__PURE__ */ ot(
+}, Xt = 6, vr = 8, Sr = ({ dragState: r, normalizedDistance: e }) => {
+  const t = 1 + e * 0.18, n = 0.16 + e * 0.24, i = 0.38 + e * 0.28, s = r.active ? "80ms ease-out" : "220ms ease";
+  return /* @__PURE__ */ wt(ur, { children: [
+    /* @__PURE__ */ le(
       "div",
       {
         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})`,
-          transform: `scale(${e})`,
+          transform: `scale(${t})`,
           transition: `${s}, ${r.active ? "80ms" : "260ms"} box-shadow ease`
         }
       }
     ),
-    /* @__PURE__ */ ot(
+    /* @__PURE__ */ le(
       "div",
       {
         className: "aqvs-tap-scroll-circle-inner",
@@ -181,159 +181,159 @@ const Ke = {
       }
     )
   ] });
-}, er = ir(
-  $e(({ onDragChange: r, className: t, maxVisualDistance: e = 160, size: n = 40, style: i, opacity: s = 1, renderVisual: l }, c) => {
-    const [d, b] = re(Ke), I = x(null), v = x(null), C = x({ x: 0, y: 0 }), p = x(null), V = x(0), z = S(
-      (T) => {
-        b(T), r(T);
+}, dr = xr(
+  Gt(({ onDragChange: r, className: e, maxVisualDistance: t = 160, size: n = 40, style: i, opacity: s = 1, renderVisual: a }, u) => {
+    const [p, b] = nt(tr), I = g(null), T = g(null), C = g({ x: 0, y: 0 }), h = g(null), D = g(0), Z = S(
+      (v) => {
+        b(v), r(v);
       },
       [r]
-    ), W = S(
-      (T, q, H = !1) => {
-        const { x: Ht, y: Dt } = C.current, et = T - Ht, nt = q - Dt, G = Math.abs(nt), J = G < ze ? 0 : nt < 0 ? -1 : 1, vt = V.current;
-        let Lt = J;
-        const jt = ze + or;
-        J === 0 ? vt !== 0 && G < jt ? Lt = vt : (Lt = 0, H || (V.current = 0)) : J !== vt && vt !== 0 && G < jt ? Lt = vt : V.current = J, z({
-          active: H || G >= ze,
-          offsetX: et,
-          offsetY: nt,
-          distance: G,
-          direction: Lt,
+    ), Y = S(
+      (v, q, Ee = !1) => {
+        const { x: Qe, y: N } = C.current, De = v - Qe, Ge = q - N, Pe = Math.abs(Ge), Ne = Pe < Xt ? 0 : Ge < 0 ? -1 : 1, Ze = D.current;
+        let $e = Ne;
+        const X = Xt + vr;
+        Ne === 0 ? Ze !== 0 && Pe < X ? $e = Ze : ($e = 0, Ee || (D.current = 0)) : Ne !== Ze && Ze !== 0 && Pe < X ? $e = Ze : D.current = Ne, Z({
+          active: Ee || Pe >= Xt,
+          offsetX: De,
+          offsetY: Ge,
+          distance: Pe,
+          direction: $e,
           pointerId: I.current
         });
       },
-      [z]
-    ), at = S((T) => {
-      if (T === null)
+      [Z]
+    ), ue = S((v) => {
+      if (v === null)
         return;
-      const q = p.current;
-      q?.hasPointerCapture(T) && q.releasePointerCapture(T);
-    }, []), Q = S(
-      (T = !1) => {
-        T && at(I.current), I.current = null, v.current = null, V.current = 0, z(Ke);
+      const q = h.current;
+      q?.hasPointerCapture(v) && q.releasePointerCapture(v);
+    }, []), de = S(
+      (v = !1) => {
+        v && ue(I.current), I.current = null, T.current = null, D.current = 0, Z(tr);
       },
-      [z, at]
-    ), tt = S(
-      (T) => {
-        if (I.current !== null && I.current !== T.pointerId) {
-          v.current = { pointerId: T.pointerId, clientX: T.clientX, clientY: T.clientY }, T.preventDefault(), T.stopPropagation();
+      [Z, ue]
+    ), oe = S(
+      (v) => {
+        if (I.current !== null && I.current !== v.pointerId) {
+          T.current = { pointerId: v.pointerId, clientX: v.clientX, clientY: v.clientY }, v.preventDefault(), v.stopPropagation();
           return;
         }
-        T.preventDefault(), T.stopPropagation();
-        const q = p.current ?? T.currentTarget, { left: H, top: Ht, width: Dt, height: et } = q.getBoundingClientRect();
-        C.current = { x: H + Dt / 2, y: Ht + et / 2 }, I.current = T.pointerId;
+        v.preventDefault(), v.stopPropagation();
+        const q = h.current ?? v.currentTarget, { left: Ee, top: Qe, width: N, height: De } = q.getBoundingClientRect();
+        C.current = { x: Ee + N / 2, y: Qe + De / 2 }, I.current = v.pointerId;
         try {
-          q.setPointerCapture(T.pointerId);
+          q.setPointerCapture(v.pointerId);
         } catch {
         }
-        W(T.clientX, T.clientY, !0);
+        Y(v.clientX, v.clientY, !0);
       },
-      [W]
-    ), xt = S(
-      (T) => {
-        if (I.current !== T.pointerId) {
-          v.current !== null && v.current.pointerId === T.pointerId && (v.current = { pointerId: T.pointerId, clientX: T.clientX, clientY: T.clientY });
+      [Y]
+    ), ae = S(
+      (v) => {
+        if (I.current !== v.pointerId) {
+          T.current !== null && T.current.pointerId === v.pointerId && (T.current = { pointerId: v.pointerId, clientX: v.clientX, clientY: v.clientY });
           return;
         }
-        T.preventDefault(), W(T.clientX, T.clientY);
+        v.preventDefault(), Y(v.clientX, v.clientY);
       },
-      [W]
-    ), Et = S(
-      (T) => {
-        if (I.current !== T.pointerId) {
-          v.current !== null && v.current.pointerId === T.pointerId && (v.current = null);
+      [Y]
+    ), fe = S(
+      (v) => {
+        if (I.current !== v.pointerId) {
+          T.current !== null && T.current.pointerId === v.pointerId && (T.current = null);
           return;
         }
-        T.preventDefault(), T.stopPropagation();
-        const q = v.current;
-        if (v.current = null, q !== null) {
-          at(T.pointerId);
-          const H = p.current;
-          let Ht = !0;
-          if (H !== null && typeof H.setPointerCapture == "function")
+        v.preventDefault(), v.stopPropagation();
+        const q = T.current;
+        if (T.current = null, q !== null) {
+          ue(v.pointerId);
+          const Ee = h.current;
+          let Qe = !0;
+          if (Ee !== null && typeof Ee.setPointerCapture == "function")
             try {
-              H.setPointerCapture(q.pointerId);
-            } catch (Dt) {
-              (typeof Dt == "object" && Dt !== null && "name" in Dt ? Dt.name : void 0) === "NotFoundError" && (Ht = !1);
+              Ee.setPointerCapture(q.pointerId);
+            } catch (N) {
+              (typeof N == "object" && N !== null && "name" in N ? N.name : void 0) === "NotFoundError" && (Qe = !1);
             }
-          if (Ht) {
-            I.current = q.pointerId, W(q.clientX, q.clientY, !0);
+          if (Qe) {
+            I.current = q.pointerId, Y(q.clientX, q.clientY, !0);
             return;
           }
         }
-        Q(!0);
+        de(!0);
       },
-      [Q, at, W]
-    ), A = S(
-      (T) => {
-        T.target === T.currentTarget && I.current === T.pointerId && Q(!1);
+      [de, ue, Y]
+    ), P = S(
+      (v) => {
+        v.target === v.currentTarget && I.current === v.pointerId && de(!1);
       },
-      [Q]
+      [de]
     );
-    Ue(
-      c,
+    Zt(
+      u,
       () => ({
         reset: () => {
-          Q(!0);
+          de(!0);
         },
-        getElement: () => p.current
+        getElement: () => h.current
       }),
-      [Q]
+      [de]
     );
-    const O = Math.min(Math.max(s, 0), 1), P = n / 64, U = Math.min(d.distance, e) / e, Z = d.direction * U * 10 * P, w = l ?? ar, lt = {
-      dragState: d,
-      normalizedDistance: U,
-      sizeScale: P,
+    const O = Math.min(Math.max(s, 0), 1), M = n / 64, K = Math.min(p.distance, t) / t, te = p.direction * K * 10 * M, j = a ?? Sr, _ = {
+      dragState: p,
+      normalizedDistance: K,
+      sizeScale: M,
       size: n,
       opacity: O
-    }, j = {
+    }, G = {
       ...i,
       width: n,
       height: n,
-      transform: `translateY(${Z}px)`
+      transform: `translateY(${te}px)`
     };
-    return j.opacity = O, /* @__PURE__ */ ot(
+    return G.opacity = O, /* @__PURE__ */ le(
       "div",
       {
-        ref: p,
+        ref: h,
         "data-testid": "virtual-scroll-tap-circle",
-        className: ye("aqvs-tap-scroll-circle", t),
-        style: j,
+        className: Rt("aqvs-tap-scroll-circle", e),
+        style: G,
         tabIndex: -1,
-        onPointerDown: tt,
-        onPointerMove: xt,
-        onPointerUp: Et,
-        onPointerCancel: Et,
-        onLostPointerCapture: A,
+        onPointerDown: oe,
+        onPointerMove: ae,
+        onPointerUp: fe,
+        onPointerCancel: fe,
+        onLostPointerCapture: P,
         role: "presentation",
-        children: w(lt)
+        children: j(_)
       }
     );
   })
 );
-er.displayName = "TapScrollCircle";
-const rt = (r, t, e) => Math.max(t, Math.min(e, r)), Xe = "virtualscroll:tap-scroll-cancel", We = 20, lr = 250, cr = 60, ur = 20, dr = 20, rr = {
+dr.displayName = "TapScrollCircle";
+const se = (r, e, t) => Math.max(e, Math.min(t, r)), jt = "virtualscroll:tap-scroll-cancel", rr = 20, Tr = 250, wr = 60, Mr = 20, Pr = 20, fr = {
   /** 速度が最大に達する引き距離 (px)。`maxVisualDistance` の既定値。 */
   maxDistance: 240,
   /** 最小速度倍率 (ビューポート比)。 */
   minSpeedMultiplier: 0.2
-}, fr = rr.maxDistance, je = { active: !1, offsetX: 0, offsetY: 0, distance: 0, direction: 0, pointerId: null }, Ye = 2.2, mr = 8, pr = 120, hr = 1 / 10, ee = {
+}, yr = fr.maxDistance, nr = { active: !1, offsetX: 0, offsetY: 0, distance: 0, direction: 0, pointerId: null }, $t = 2.2, Rr = 8, Er = 120, Nr = 1 / 10, ut = {
   enabled: !0,
   size: 40,
   offsetX: -80,
   offsetY: 0,
   className: void 0,
-  maxVisualDistance: fr,
-  minSpeedMultiplier: rr.minSpeedMultiplier,
+  maxVisualDistance: yr,
+  minSpeedMultiplier: fr.minSpeedMultiplier,
   opacity: 0.9,
   renderVisual: void 0,
   maxSpeedCurve: void 0
-}, gr = (r) => r ? {
+}, Vr = (r) => r ? {
   mainSizeKey: "width",
   crossSizeKey: "height",
   positionKey: "left",
-  selectDelta: (t, e) => t,
-  getPointerCoordinate: ({ clientX: t }) => t,
+  selectDelta: (e, t) => e,
+  getPointerCoordinate: ({ clientX: e }) => e,
   arrowLabels: ["Scroll left", "Scroll right"],
   arrowIcons: ["◀", "▶"],
   directionClass: "aqvs-scrollbar-horizontal",
@@ -342,199 +342,199 @@ const rt = (r, t, e) => Math.max(t, Math.min(e, r)), Xe = "virtualscroll:tap-scr
   mainSizeKey: "height",
   crossSizeKey: "width",
   positionKey: "top",
-  selectDelta: (t, e) => e,
-  getPointerCoordinate: ({ clientY: t }) => t,
+  selectDelta: (e, t) => t,
+  getPointerCoordinate: ({ clientY: e }) => e,
   arrowLabels: ["Scroll up", "Scroll down"],
   arrowIcons: ["▲", "▼"],
   directionClass: "aqvs-scrollbar-vertical",
   orientation: "vertical"
-}, br = (r, t) => {
-  const e = r?.maxSpeedMultiplier, n = typeof e == "number" ? e : vr(t);
+}, Cr = (r, e) => {
+  const t = r?.maxSpeedMultiplier, n = typeof t == "number" ? t : Or(e);
   return {
-    enabled: r?.enabled ?? ee.enabled,
-    size: r?.size ?? ee.size,
-    offsetX: r?.offsetX ?? ee.offsetX,
-    offsetY: r?.offsetY ?? ee.offsetY,
-    className: r?.className ?? ee.className,
-    maxVisualDistance: r?.maxVisualDistance ?? ee.maxVisualDistance,
+    enabled: r?.enabled ?? ut.enabled,
+    size: r?.size ?? ut.size,
+    offsetX: r?.offsetX ?? ut.offsetX,
+    offsetY: r?.offsetY ?? ut.offsetY,
+    className: r?.className ?? ut.className,
+    maxVisualDistance: r?.maxVisualDistance ?? ut.maxVisualDistance,
     maxSpeedMultiplier: n,
-    minSpeedMultiplier: Math.max(r?.minSpeedMultiplier ?? ee.minSpeedMultiplier, 0),
-    opacity: rt(r?.opacity ?? ee.opacity, 0, 1),
-    renderVisual: r?.renderVisual ?? ee.renderVisual,
-    maxSpeedCurve: r?.maxSpeedCurve ?? ee.maxSpeedCurve
+    minSpeedMultiplier: Math.max(r?.minSpeedMultiplier ?? ut.minSpeedMultiplier, 0),
+    opacity: se(r?.opacity ?? ut.opacity, 0, 1),
+    renderVisual: r?.renderVisual ?? ut.renderVisual,
+    maxSpeedCurve: r?.maxSpeedCurve ?? ut.maxSpeedCurve
   };
-}, xr = ({ isDragging: r, isThumbHovered: t, enableThumbDrag: e }) => Ft(() => e ? r ? "dragging" : t ? "hover" : "idle" : "disabled", [e, r, t]), Ir = ({ canUseArrowButtons: r, enableArrowButtons: t, resetTapScroll: e, scrollByStep: n }) => {
-  const i = x(null), s = x(null), l = x(null), c = S(() => {
-    i.current !== null && (window.clearInterval(i.current), i.current = null), s.current !== null && (window.clearTimeout(s.current), s.current = null), l.current !== null && (window.removeEventListener("pointerup", l.current), window.removeEventListener("pointercancel", l.current), window.removeEventListener("blur", l.current), l.current = null);
-  }, []), d = S(() => {
-    c();
-  }, [c]), b = S(
-    (v) => (C) => {
+}, Dr = ({ isDragging: r, isThumbHovered: e, enableThumbDrag: t }) => Fe(() => t ? r ? "dragging" : e ? "hover" : "idle" : "disabled", [t, r, e]), zr = ({ canUseArrowButtons: r, enableArrowButtons: e, resetTapScroll: t, scrollByStep: n }) => {
+  const i = g(null), s = g(null), a = g(null), u = S(() => {
+    i.current !== null && (window.clearInterval(i.current), i.current = null), s.current !== null && (window.clearTimeout(s.current), s.current = null), a.current !== null && (window.removeEventListener("pointerup", a.current), window.removeEventListener("pointercancel", a.current), window.removeEventListener("blur", a.current), a.current = null);
+  }, []), p = S(() => {
+    u();
+  }, [u]), b = S(
+    (T) => (C) => {
       if (!r)
         return;
-      C.cancelable && C.preventDefault(), C.stopPropagation(), e(), c(), n(v), s.current = window.setTimeout(() => {
+      C.cancelable && C.preventDefault(), C.stopPropagation(), t(), u(), n(T), s.current = window.setTimeout(() => {
         i.current = window.setInterval(() => {
-          n(v);
-        }, cr);
-      }, lr);
-      const p = () => c();
-      l.current = p, window.addEventListener("pointerup", p), window.addEventListener("pointercancel", p), window.addEventListener("blur", p);
+          n(T);
+        }, wr);
+      }, Tr);
+      const h = () => u();
+      a.current = h, window.addEventListener("pointerup", h), window.addEventListener("pointercancel", h), window.addEventListener("blur", h);
     },
-    [r, c, e, n]
+    [r, u, t, n]
   ), I = S(
-    (v) => (C) => {
-      t && (C.key === "Enter" || C.key === " " || C.key === "Spacebar") && (C.preventDefault(), n(v));
+    (T) => (C) => {
+      e && (C.key === "Enter" || C.key === " " || C.key === "Spacebar") && (C.preventDefault(), n(T));
     },
-    [t, n]
+    [e, n]
   );
-  return Y(() => {
-    r || c();
-  }, [r, c]), Y(() => () => {
-    c();
-  }, [c]), { handleArrowPointerDown: b, handleArrowPointerUp: d, handleArrowKeyDown: I };
-}, Tr = 700, he = (r, t) => typeof r == "number" && Number.isFinite(r) ? r : t, Sr = ({ distance: r, maxDistance: t, viewportSize: e, minSpeedMultiplier: n, maxSpeedMultiplier: i, hasCustomMaxSpeedMultiplier: s, curve: l }) => {
-  const c = Math.max(he(r, 0), 0), d = he(t, 0), b = d > 0 ? Math.min(c, d) / d : 1, I = Math.max(he(e, 0), 0), v = Math.max(he(n, 0), 0), C = Math.max(he(i, 0), 0), p = Math.max(I * v, 40), V = s ? p : 1200, z = Math.max(I * C, V), W = l ? Math.max(he(l.exponentialScale, C), 0) : 0, at = l ? Math.min(z, Math.max(I * W, p)) : z, Q = Math.max(at, p);
-  let tt = b ** 1.1;
-  if (l) {
-    const Et = Math.min(Math.max(he(l.exponentialSteepness, 0), 0), Tr);
-    if (Et === 0)
-      tt = b;
+  return H(() => {
+    r || u();
+  }, [r, u]), H(() => () => {
+    u();
+  }, [u]), { handleArrowPointerDown: b, handleArrowPointerUp: p, handleArrowKeyDown: I };
+}, Ar = 700, It = (r, e) => typeof r == "number" && Number.isFinite(r) ? r : e, Lr = ({ distance: r, maxDistance: e, viewportSize: t, minSpeedMultiplier: n, maxSpeedMultiplier: i, hasCustomMaxSpeedMultiplier: s, curve: a }) => {
+  const u = Math.max(It(r, 0), 0), p = It(e, 0), b = p > 0 ? Math.min(u, p) / p : 1, I = Math.max(It(t, 0), 0), T = Math.max(It(n, 0), 0), C = Math.max(It(i, 0), 0), h = Math.max(I * T, 40), D = s ? h : 1200, Z = Math.max(I * C, D), Y = a ? Math.max(It(a.exponentialScale, C), 0) : 0, ue = a ? Math.min(Z, Math.max(I * Y, h)) : Z, de = Math.max(ue, h);
+  let oe = b ** 1.1;
+  if (a) {
+    const fe = Math.min(Math.max(It(a.exponentialSteepness, 0), 0), Ar);
+    if (fe === 0)
+      oe = b;
     else {
-      const A = Math.expm1(Et) || 1;
-      tt = Math.min(Math.max(Math.expm1(Et * b) / A, 0), 1);
+      const P = Math.expm1(fe) || 1;
+      oe = Math.min(Math.max(Math.expm1(fe * b) / P, 0), 1);
     }
   }
-  const xt = Math.min(Math.max(he(l?.easedOffset, 0), 0), 1);
-  return p + (Q - p) * (xt + (1 - xt) * tt);
-}, vr = (r) => {
+  const ae = Math.min(Math.max(It(a?.easedOffset, 0), 0), 1);
+  return h + (de - h) * (ae + (1 - ae) * oe);
+}, Or = (r) => {
   if (!r || r <= 0)
-    return Ye;
-  const t = Math.max(1, r), e = Math.log10(t), n = Ye + e * mr;
-  return rt(n, Ye, pr);
-}, Pr = ({
+    return $t;
+  const e = Math.max(1, r), t = Math.log10(e), n = $t + t * Rr;
+  return se(n, $t, Er);
+}, _r = ({
   contentSize: r,
-  viewportSize: t,
-  scrollPosition: e,
+  viewportSize: e,
+  scrollPosition: t,
   onScroll: n,
   enableThumbDrag: i = !0,
   enableTrackClick: s = !0,
-  enableArrowButtons: l = !0,
-  horizontal: c = !1,
-  scrollBarWidth: d = 12,
+  enableArrowButtons: a = !0,
+  horizontal: u = !1,
+  scrollBarWidth: p = 12,
   className: b,
   ariaControls: I,
-  tapScrollCircleOptions: v,
+  tapScrollCircleOptions: T,
   itemCount: C,
-  renderThumbOverlay: p,
-  visibleStartIndex: V,
-  visibleEndIndex: z
+  renderThumbOverlay: h,
+  visibleStartIndex: D,
+  visibleEndIndex: Z
 }) => {
-  const [W, at] = re(!1), [Q, tt] = re(!1), [xt, Et] = re(!1), A = x(null), O = x({
+  const [Y, ue] = nt(!1), [de, oe] = nt(!1), [ae, fe] = nt(!1), P = g(null), O = g({
     pointerId: null,
     startThumbPosition: 0,
     startClientX: 0,
     startClientY: 0,
     scale: 1,
     captureTarget: null
-  }), P = x({ pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0, scale: 1 }), U = x(e), Z = x(n), w = x(je), lt = x(null), j = x(null), T = x(null), q = x(0), H = x(0), Ht = Ft(() => br(v, C), [C, v]), Dt = Ft(() => gr(c), [c]), {
-    enabled: et,
-    size: nt,
-    offsetX: G,
-    offsetY: J,
-    className: vt,
-    maxVisualDistance: Lt,
-    maxSpeedMultiplier: jt,
-    minSpeedMultiplier: R,
-    opacity: de,
-    renderVisual: it,
-    maxSpeedCurve: E
-  } = Ht, Vt = x({
-    viewportSize: t,
-    maxScrollPosition: Math.max(r - t, 0),
-    scrollBarVisible: r > t,
-    effectiveTapMaxDistance: Math.max(Lt, 1),
-    tapCircleMaxSpeedMultiplier: jt,
-    tapCircleMinSpeedMultiplier: R,
-    tapCircleMaxSpeedCurve: E,
-    tapScrollCircleOptions: v,
+  }), M = g({ pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0, scale: 1 }), K = g(t), te = g(n), j = g(nr), _ = g(null), G = g(null), v = g(null), q = g(0), Ee = g(0), Qe = Fe(() => Cr(T, C), [C, T]), N = Fe(() => Vr(u), [u]), {
+    enabled: De,
+    size: Ge,
+    offsetX: Pe,
+    offsetY: Ne,
+    className: Ze,
+    maxVisualDistance: $e,
+    maxSpeedMultiplier: X,
+    minSpeedMultiplier: ze,
+    opacity: ne,
+    renderVisual: he,
+    maxSpeedCurve: Ye
+  } = Qe, Ae = g({
+    viewportSize: e,
+    maxScrollPosition: Math.max(r - e, 0),
+    scrollBarVisible: r > e,
+    effectiveTapMaxDistance: Math.max($e, 1),
+    tapCircleMaxSpeedMultiplier: X,
+    tapCircleMinSpeedMultiplier: ze,
+    tapCircleMaxSpeedCurve: Ye,
+    tapScrollCircleOptions: T,
     effectiveTrackLength: 0,
     onScroll: n,
-    scrollPosition: e
-  }), { mainSizeKey: zt, crossSizeKey: Jt, positionKey: $t, selectDelta: h, getPointerCoordinate: k, arrowLabels: gt, arrowIcons: X, directionClass: Pt, orientation: ct } = Dt, It = Math.max(Lt, 1), Mt = t / r, yt = Math.max(t - d * 2, 0), ut = Mt * yt, At = Math.min(Math.max(We, ut || 0), yt || We), dt = r - t, st = Math.max(yt - At, 0), _t = dt <= 0 || st <= 0 ? 0 : rt(e / dt * st, 0, st), Xt = _t + At / 2, Nt = r > t || W, ne = Nt && l;
-  Me(() => {
-    Vt.current = {
-      viewportSize: t,
-      maxScrollPosition: dt,
-      scrollBarVisible: Nt,
-      effectiveTapMaxDistance: It,
-      tapCircleMaxSpeedMultiplier: jt,
-      tapCircleMinSpeedMultiplier: R,
-      tapCircleMaxSpeedCurve: E,
-      tapScrollCircleOptions: v,
-      effectiveTrackLength: st,
+    scrollPosition: t
+  }), { mainSizeKey: dt, crossSizeKey: R, positionKey: ft, selectDelta: pt, getPointerCoordinate: V, arrowLabels: J, arrowIcons: We, directionClass: gt, orientation: Be } = N, et = Math.max($e, 1), ce = e / r, d = Math.max(e - p * 2, 0), Q = ce * d, $ = Math.min(Math.max(rr, Q || 0), d || rr), k = r - e, B = Math.max(d - $, 0), ge = k <= 0 || B <= 0 ? 0 : se(t / k * B, 0, B), Le = ge + $ / 2, ee = r > e || Y, He = ee && a;
+  ot(() => {
+    Ae.current = {
+      viewportSize: e,
+      maxScrollPosition: k,
+      scrollBarVisible: ee,
+      effectiveTapMaxDistance: et,
+      tapCircleMaxSpeedMultiplier: X,
+      tapCircleMinSpeedMultiplier: ze,
+      tapCircleMaxSpeedCurve: Ye,
+      tapScrollCircleOptions: T,
+      effectiveTrackLength: B,
       onScroll: n,
-      scrollPosition: e
+      scrollPosition: t
     };
-  }), Me(() => {
-    U.current = e;
-  }, [e]), Me(() => {
-    Z.current = n;
-  }, [n]), Y(() => {
-    i || tt(!1);
+  }), ot(() => {
+    K.current = t;
+  }, [t]), ot(() => {
+    te.current = n;
+  }, [n]), H(() => {
+    i || oe(!1);
   }, [i]);
-  const Gt = xr({ isDragging: W, isThumbHovered: Q, enableThumbDrag: i }), Ct = S((o, g) => {
-    const y = Vt.current, L = g ?? U.current;
-    if (Z.current) {
-      const Yt = Z.current(o, L);
-      if (typeof Yt == "number" && Number.isFinite(Yt))
-        return U.current = Yt, Yt;
+  const Ve = Dr({ isDragging: Y, isThumbHovered: de, enableThumbDrag: i }), Ce = S((l, x) => {
+    const y = Ae.current, A = x ?? K.current;
+    if (te.current) {
+      const ve = te.current(l, A);
+      if (typeof ve == "number" && Number.isFinite(ve))
+        return K.current = ve, ve;
     }
-    const B = typeof o == "function" ? o(L) : o, bt = Math.max(y.maxScrollPosition, 0), Ot = y.scrollBarVisible ? rt(B, 0, bt) : 0;
-    return U.current = Ot, Ot;
-  }, []), f = S(
-    (o) => {
-      const g = Vt.current, y = U.current;
-      if (!g.scrollBarVisible || g.maxScrollPosition <= 0) {
-        const ue = Ct(0, y), a = ue - y;
-        return { nextPosition: ue, actualDelta: a, reachedBoundary: !0 };
+    const U = typeof l == "function" ? l(A) : l, ie = Math.max(y.maxScrollPosition, 0), Re = y.scrollBarVisible ? se(U, 0, ie) : 0;
+    return K.current = Re, Re;
+  }, []), Ue = S(
+    (l) => {
+      const x = Ae.current, y = K.current;
+      if (!x.scrollBarVisible || x.maxScrollPosition <= 0) {
+        const Ke = Ce(0, y), Pt = Ke - y;
+        return { nextPosition: Ke, actualDelta: Pt, reachedBoundary: !0 };
       }
-      if (o === 0)
+      if (l === 0)
         return { nextPosition: y, actualDelta: 0, reachedBoundary: !1 };
-      const B = Ct((ue) => rt(ue + o, 0, g.maxScrollPosition), y), bt = B - y, Ot = o < 0 && y + o <= 0, Yt = o > 0 && y + o >= g.maxScrollPosition, ve = o < 0 && (B <= 0 || Ot && bt === 0) || o > 0 && (B >= g.maxScrollPosition || Yt && bt === 0);
-      return { nextPosition: B, actualDelta: bt, reachedBoundary: ve };
+      const U = Ce((Ke) => se(Ke + l, 0, x.maxScrollPosition), y), ie = U - y, Re = l < 0 && y + l <= 0, ve = l > 0 && y + l >= x.maxScrollPosition, st = l < 0 && (U <= 0 || Re && ie === 0) || l > 0 && (U >= x.maxScrollPosition || ve && ie === 0);
+      return { nextPosition: U, actualDelta: ie, reachedBoundary: st };
     },
-    [Ct]
-  ), M = S(
-    (o, g) => {
-      o.current += g;
-      const y = Math.max(Vt.current.maxScrollPosition, 0);
-      y > 0 && (o.current = rt(o.current, -y, y));
-      const L = f(o.current);
-      return o.current -= L.actualDelta, L.reachedBoundary && (o.current = 0), L;
+    [Ce]
+  ), Te = S(
+    (l, x) => {
+      l.current += x;
+      const y = Math.max(Ae.current.maxScrollPosition, 0);
+      y > 0 && (l.current = se(l.current, -y, y));
+      const A = Ue(l.current);
+      return l.current -= A.actualDelta, A.reachedBoundary && (l.current = 0), A;
     },
-    [f]
-  ), ft = S(() => {
-    j.current !== null && (window.cancelAnimationFrame(j.current), j.current = null), T.current = null, q.current = 0, H.current = 0;
-  }, []), Tt = S(() => {
-    w.current = { ...je }, Et(!1), lt.current?.reset(), ft();
-  }, [ft]), wt = S(
-    (o) => {
-      const g = w.current, y = Vt.current;
-      if (!g.active || g.direction === 0) {
-        ft();
+    [Ue]
+  ), be = S(() => {
+    G.current !== null && (window.cancelAnimationFrame(G.current), G.current = null), v.current = null, q.current = 0, Ee.current = 0;
+  }, []), we = S(() => {
+    j.current = { ...nr }, fe(!1), _.current?.reset(), be();
+  }, [be]), ye = S(
+    (l) => {
+      const x = j.current, y = Ae.current;
+      if (!x.active || x.direction === 0) {
+        be();
         return;
       }
       if (!y.scrollBarVisible || y.maxScrollPosition <= 0) {
-        ft();
+        be();
         return;
       }
-      const L = T.current ?? o, B = Math.max((o - L) / 1e3, 0), bt = Math.min(B, hr);
-      if (T.current = o, bt <= 0) {
-        j.current = window.requestAnimationFrame(wt);
+      const A = v.current ?? l, U = Math.max((l - A) / 1e3, 0), ie = Math.min(U, Nr);
+      if (v.current = l, ie <= 0) {
+        G.current = window.requestAnimationFrame(ye);
         return;
       }
-      const Ot = Sr({
-        distance: g.distance,
+      const Re = Lr({
+        distance: x.distance,
         maxDistance: y.effectiveTapMaxDistance,
         viewportSize: y.viewportSize,
         minSpeedMultiplier: y.tapCircleMinSpeedMultiplier,
@@ -542,320 +542,320 @@ const rt = (r, t, e) => Math.max(t, Math.min(e, r)), Xe = "virtualscroll:tap-scr
         hasCustomMaxSpeedMultiplier: typeof y.tapScrollCircleOptions?.maxSpeedMultiplier == "number",
         curve: y.tapCircleMaxSpeedCurve
       });
-      H.current !== g.direction && (H.current = g.direction, q.current = 0);
-      const { reachedBoundary: Yt } = M(q, g.direction * Ot * bt);
-      if (Yt) {
-        ft();
+      Ee.current !== x.direction && (Ee.current = x.direction, q.current = 0);
+      const { reachedBoundary: ve } = Te(q, x.direction * Re * ie);
+      if (ve) {
+        be();
         return;
       }
-      j.current = window.requestAnimationFrame(wt);
+      G.current = window.requestAnimationFrame(ye);
     },
-    [M, ft]
-  ), ie = S(() => {
-    j.current === null && (T.current = null, q.current = 0, j.current = window.requestAnimationFrame(wt));
-  }, [wt]);
-  Y(() => {
-    const o = w.current;
-    !o.active || o.direction === 0 || ie();
-  }, [r, t, ie]), Y(() => () => {
-    ft();
-  }, [ft]);
-  const Qt = S(
-    (o) => {
-      w.current = o, Et(o.active), o.active && o.direction !== 0 ? ie() : ft();
+    [Te, be]
+  ), tt = S(() => {
+    G.current === null && (v.current = null, q.current = 0, G.current = window.requestAnimationFrame(ye));
+  }, [ye]);
+  H(() => {
+    const l = j.current;
+    !l.active || l.direction === 0 || tt();
+  }, [r, e, tt]), H(() => () => {
+    be();
+  }, [be]);
+  const rt = S(
+    (l) => {
+      j.current = l, fe(l.active), l.active && l.direction !== 0 ? tt() : be();
     },
-    [ie, ft]
+    [tt, be]
   );
-  Y(() => {
-    et || Tt();
-  }, [Tt, et]), Y(() => {
-    const o = (g) => {
-      const L = g.detail?.paneId;
-      L && I && L !== I || Tt();
+  H(() => {
+    De || we();
+  }, [we, De]), H(() => {
+    const l = (x) => {
+      const A = x.detail?.paneId;
+      A && I && A !== I || we();
     };
-    return window.addEventListener(Xe, o), () => {
-      window.removeEventListener(Xe, o);
+    return window.addEventListener(jt, l), () => {
+      window.removeEventListener(jt, l);
     };
-  }, [I, Tt]), Y(() => {
-    if (!et)
+  }, [I, we]), H(() => {
+    if (!De)
       return;
-    const o = (g) => {
-      if (!w.current.active || w.current.pointerId === g.pointerId)
+    const l = (x) => {
+      if (!j.current.active || j.current.pointerId === x.pointerId)
         return;
-      const y = g.target;
+      const y = x.target;
       if (!(y instanceof Node)) {
-        Tt();
+        we();
         return;
       }
-      lt.current?.getElement()?.contains(y) || Tt();
+      _.current?.getElement()?.contains(y) || we();
     };
-    return document.addEventListener("pointerdown", o, !0), () => {
-      document.removeEventListener("pointerdown", o, !0);
+    return document.addEventListener("pointerdown", l, !0), () => {
+      document.removeEventListener("pointerdown", l, !0);
     };
-  }, [Tt, et]);
-  const te = (o) => {
-    if (!Nt || st <= 0 || dt <= 0)
+  }, [we, De]);
+  const at = (l) => {
+    if (!ee || B <= 0 || k <= 0)
       return 0;
-    const g = rt(o, 0, st);
-    return rt(g / st * dt, 0, dt);
-  }, Kt = S((o) => {
-    const { scrollBarVisible: g, effectiveTrackLength: y, maxScrollPosition: L } = Vt.current;
-    if (N.debug("[ScrollBar] calculateScrollPositionFromThumb", () => ({ thumbPos: o, trackLen: y, maxScroll: L })), y <= 0 || L <= 0)
+    const x = se(l, 0, B);
+    return se(x / B * k, 0, k);
+  }, f = S((l) => {
+    const { scrollBarVisible: x, effectiveTrackLength: y, maxScrollPosition: A } = Ae.current;
+    if (w.debug("[ScrollBar] calculateScrollPositionFromThumb", () => ({ thumbPos: l, trackLen: y, maxScroll: A })), y <= 0 || A <= 0)
       return null;
-    const B = rt(o, 0, y);
-    return rt(B / y * L, 0, L);
-  }, []), se = S(
-    (o) => {
-      const g = o.getBoundingClientRect(), y = c ? g.width : g.height, L = (ve) => {
-        const ue = Number.parseFloat(ve);
-        return Number.isFinite(ue) ? ue : 0;
-      }, B = window.getComputedStyle(o), bt = L(c ? B.width : B.height), Ot = bt > 0 ? bt + L(c ? B.paddingLeft : B.paddingTop) + L(c ? B.paddingRight : B.paddingBottom) + L(c ? B.borderLeftWidth : B.borderTopWidth) + L(c ? B.borderRightWidth : B.borderBottomWidth) : 0, Yt = Ot > 0 ? Ot : c ? o.offsetWidth : o.offsetHeight;
-      return Yt <= 0 || y <= 0 ? 1 : y / Yt;
+    const U = se(l, 0, y);
+    return se(U / y * A, 0, A);
+  }, []), E = S(
+    (l) => {
+      const x = l.getBoundingClientRect(), y = u ? x.width : x.height, A = (st) => {
+        const Ke = Number.parseFloat(st);
+        return Number.isFinite(Ke) ? Ke : 0;
+      }, U = window.getComputedStyle(l), ie = A(u ? U.width : U.height), Re = ie > 0 ? ie + A(u ? U.paddingLeft : U.paddingTop) + A(u ? U.paddingRight : U.paddingBottom) + A(u ? U.borderLeftWidth : U.borderTopWidth) + A(u ? U.borderRightWidth : U.borderBottomWidth) : 0, ve = Re > 0 ? Re : u ? l.offsetWidth : l.offsetHeight;
+      return ve <= 0 || y <= 0 ? 1 : y / ve;
     },
-    [c]
-  ), fe = S(
-    (o) => {
-      const g = O.current;
-      if (g.pointerId !== o.pointerId)
+    [u]
+  ), Ie = S(
+    (l) => {
+      const x = O.current;
+      if (x.pointerId !== l.pointerId)
         return;
-      const y = o.clientX - g.startClientX, L = o.clientY - g.startClientY, B = h(y, L) / (g.scale || 1);
-      N.debug("[ScrollBar] handleThumbPointerMove", () => ({
-        delta: B,
-        startThumbPosition: g.startThumbPosition,
-        clientY: o.clientY,
-        startClientY: g.startClientY,
-        metrics: Vt.current
+      const y = l.clientX - x.startClientX, A = l.clientY - x.startClientY, U = pt(y, A) / (x.scale || 1);
+      w.debug("[ScrollBar] handleThumbPointerMove", () => ({
+        delta: U,
+        startThumbPosition: x.startThumbPosition,
+        clientY: l.clientY,
+        startClientY: x.startClientY,
+        metrics: Ae.current
       }));
-      const bt = Kt(g.startThumbPosition + B);
-      bt !== null && Ct(bt), o.cancelable && o.preventDefault();
+      const ie = f(x.startThumbPosition + U);
+      ie !== null && Ce(ie), l.cancelable && l.preventDefault();
     },
-    [h, Kt, Ct]
-  ), Zt = S(
-    (o) => {
-      const g = O.current;
-      if (g.pointerId !== o.pointerId)
+    [pt, f, Ce]
+  ), Oe = S(
+    (l) => {
+      const x = O.current;
+      if (x.pointerId !== l.pointerId)
         return;
-      document.removeEventListener("pointermove", fe), document.removeEventListener("pointerup", Zt), document.removeEventListener("pointercancel", Zt);
-      const y = g.captureTarget;
-      if (y?.hasPointerCapture?.(o.pointerId) && y.releasePointerCapture(o.pointerId), O.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0, scale: 1, captureTarget: null }, at(!1), A.current) {
-        const L = A.current.getBoundingClientRect();
-        o.clientX >= L.left && o.clientX <= L.right && o.clientY >= L.top && o.clientY <= L.bottom || tt(!1);
+      document.removeEventListener("pointermove", Ie), document.removeEventListener("pointerup", Oe), document.removeEventListener("pointercancel", Oe);
+      const y = x.captureTarget;
+      if (y?.hasPointerCapture?.(l.pointerId) && y.releasePointerCapture(l.pointerId), O.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0, scale: 1, captureTarget: null }, ue(!1), P.current) {
+        const A = P.current.getBoundingClientRect();
+        l.clientX >= A.left && l.clientX <= A.right && l.clientY >= A.top && l.clientY <= A.bottom || oe(!1);
       } else
-        tt(!1);
+        oe(!1);
     },
-    [fe]
+    [Ie]
   );
-  Y(() => () => {
-    document.removeEventListener("pointermove", fe), document.removeEventListener("pointerup", Zt), document.removeEventListener("pointercancel", Zt);
-  }, [fe, Zt]);
-  const we = x(0), mt = x(0), me = S(
-    (o) => {
-      const g = Math.max(Math.round(Vt.current.viewportSize / dr), ur);
-      mt.current !== o && (mt.current = o, we.current = 0), M(we, o * g);
+  H(() => () => {
+    document.removeEventListener("pointermove", Ie), document.removeEventListener("pointerup", Oe), document.removeEventListener("pointercancel", Oe);
+  }, [Ie, Oe]);
+  const _e = g(0), it = g(0), lt = S(
+    (l) => {
+      const x = Math.max(Math.round(Ae.current.viewportSize / Pr), Mr);
+      it.current !== l && (it.current = l, _e.current = 0), Te(_e, l * x);
     },
-    [M]
-  ), { handleArrowPointerDown: Ce, handleArrowPointerUp: Se, handleArrowKeyDown: Ut } = Ir({
-    canUseArrowButtons: ne,
-    enableArrowButtons: l,
-    resetTapScroll: Tt,
-    scrollByStep: me
-  }), Ve = (o) => {
-    if (!Nt)
+    [Te]
+  ), { handleArrowPointerDown: mt, handleArrowPointerUp: ct, handleArrowKeyDown: ht } = zr({
+    canUseArrowButtons: He,
+    enableArrowButtons: a,
+    resetTapScroll: we,
+    scrollByStep: lt
+  }), Mt = (l) => {
+    if (!ee)
       return;
     if (!i) {
-      o.preventDefault(), o.stopPropagation();
+      l.preventDefault(), l.stopPropagation();
       return;
     }
-    if (o.pointerType === "mouse" && o.button !== 0 || o.ctrlKey)
+    if (l.pointerType === "mouse" && l.button !== 0 || l.ctrlKey)
       return;
-    Tt();
-    const g = o.currentTarget, y = se(g);
-    let L = null;
-    if (g.setPointerCapture)
+    we();
+    const x = l.currentTarget, y = E(x);
+    let A = null;
+    if (x.setPointerCapture)
       try {
-        g.setPointerCapture(o.pointerId), L = g;
+        x.setPointerCapture(l.pointerId), A = x;
       } catch {
-        L = null;
+        A = null;
       }
     O.current = {
-      pointerId: o.pointerId,
-      startThumbPosition: _t,
-      startClientX: o.clientX,
-      startClientY: o.clientY,
+      pointerId: l.pointerId,
+      startThumbPosition: ge,
+      startClientX: l.clientX,
+      startClientY: l.clientY,
       scale: y,
-      captureTarget: L
-    }, document.addEventListener("pointermove", fe), document.addEventListener("pointerup", Zt), document.addEventListener("pointercancel", Zt), at(!0), tt(!0), o.preventDefault(), o.stopPropagation();
-  }, De = (o) => {
-    if (!Nt)
+      captureTarget: A
+    }, document.addEventListener("pointermove", Ie), document.addEventListener("pointerup", Oe), document.addEventListener("pointercancel", Oe), ue(!0), oe(!0), l.preventDefault(), l.stopPropagation();
+  }, zt = (l) => {
+    if (!ee)
       return;
     if (!s) {
-      o.preventDefault(), o.stopPropagation();
+      l.preventDefault(), l.stopPropagation();
       return;
     }
-    if (o.pointerType === "mouse" && o.button !== 0 || o.ctrlKey)
+    if (l.pointerType === "mouse" && l.button !== 0 || l.ctrlKey)
       return;
-    const g = o.currentTarget, y = g.getBoundingClientRect(), L = k(o), B = se(g), bt = (L - (c ? y.left : y.top)) / B;
-    Tt();
-    const Ot = bt - At / 2, Yt = te(Ot);
-    if (Ct(Yt), g.setPointerCapture)
+    const x = l.currentTarget, y = x.getBoundingClientRect(), A = V(l), U = E(x), ie = (A - (u ? y.left : y.top)) / U;
+    we();
+    const Re = ie - $ / 2, ve = at(Re);
+    if (Ce(ve), x.setPointerCapture)
       try {
-        g.setPointerCapture(o.pointerId);
+        x.setPointerCapture(l.pointerId);
       } catch {
       }
-    P.current = {
-      pointerId: o.pointerId,
-      startThumbPosition: Ot,
-      startClientX: o.clientX,
-      startClientY: o.clientY,
-      scale: B
-    }, o.preventDefault(), o.stopPropagation();
-  }, be = () => {
-    P.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0, scale: 1 };
-  }, Ae = (o) => {
-    const g = P.current;
-    if (g.pointerId !== o.pointerId)
+    M.current = {
+      pointerId: l.pointerId,
+      startThumbPosition: Re,
+      startClientX: l.clientX,
+      startClientY: l.clientY,
+      scale: U
+    }, l.preventDefault(), l.stopPropagation();
+  }, bt = () => {
+    M.current = { pointerId: null, startThumbPosition: 0, startClientX: 0, startClientY: 0, scale: 1 };
+  }, At = (l) => {
+    const x = M.current;
+    if (x.pointerId !== l.pointerId)
       return;
-    if (o.pointerType === "mouse" && o.buttons === 0) {
-      be();
+    if (l.pointerType === "mouse" && l.buttons === 0) {
+      bt();
       return;
     }
-    const y = o.clientX - g.startClientX, L = o.clientY - g.startClientY, B = h(y, L) / (g.scale || 1), bt = te(g.startThumbPosition + B);
-    Ct(bt), o.cancelable && o.preventDefault();
-  }, ke = (o) => {
-    if (P.current.pointerId !== o.pointerId)
+    const y = l.clientX - x.startClientX, A = l.clientY - x.startClientY, U = pt(y, A) / (x.scale || 1), ie = at(x.startThumbPosition + U);
+    Ce(ie), l.cancelable && l.preventDefault();
+  }, xe = (l) => {
+    if (M.current.pointerId !== l.pointerId)
       return;
-    const g = o.currentTarget;
-    g.hasPointerCapture?.(o.pointerId) && g.releasePointerCapture(o.pointerId), be(), o.preventDefault(), o.stopPropagation();
-  }, oe = (o) => {
-    if (P.current.pointerId !== o.pointerId)
+    const x = l.currentTarget;
+    x.hasPointerCapture?.(l.pointerId) && x.releasePointerCapture(l.pointerId), bt(), l.preventDefault(), l.stopPropagation();
+  }, xt = (l) => {
+    if (M.current.pointerId !== l.pointerId)
       return;
-    const g = o.currentTarget;
-    g.hasPointerCapture?.(o.pointerId) && g.releasePointerCapture(o.pointerId), be();
-  }, pe = (o) => {
-    o.target === o.currentTarget && P.current.pointerId === o.pointerId && be();
-  }, ae = Ft(() => rt((xt ? 1 : 0.8) * de, 0, 1), [xt, de]), le = Ft(() => {
-    const g = `calc(50% - ${nt / 2}px + ${J}px)`;
+    const x = l.currentTarget;
+    x.hasPointerCapture?.(l.pointerId) && x.releasePointerCapture(l.pointerId), bt();
+  }, Lt = (l) => {
+    l.target === l.currentTarget && M.current.pointerId === l.pointerId && bt();
+  }, Ot = Fe(() => se((ae ? 1 : 0.8) * ne, 0, 1), [ae, ne]), Je = Fe(() => {
+    const x = `calc(50% - ${Ge / 2}px + ${Ne}px)`;
     return {
-      left: G,
-      top: g
+      left: Pe,
+      top: x
     };
-  }, [G, J, nt]), ce = (o, g, y, L) => /* @__PURE__ */ ot(
+  }, [Pe, Ne, Ge]), Et = (l, x, y, A) => /* @__PURE__ */ le(
     "button",
     {
       type: "button",
       tabIndex: 0,
       className: "aqvs-scrollbar-arrow-button",
       style: {
-        [zt]: d,
-        [Jt]: d
+        [dt]: p,
+        [R]: p
       },
-      "aria-label": g,
-      onPointerDown: Ce(o),
-      onPointerUp: Se,
-      onPointerLeave: Se,
-      onPointerCancel: Se,
-      onKeyDown: Ut(o),
-      "aria-disabled": !l,
-      disabled: !ne,
-      children: /* @__PURE__ */ ot("span", { "aria-hidden": "true", children: y })
+      "aria-label": x,
+      onPointerDown: mt(l),
+      onPointerUp: ct,
+      onPointerLeave: ct,
+      onPointerCancel: ct,
+      onKeyDown: ht(l),
+      "aria-disabled": !a,
+      disabled: !He,
+      children: /* @__PURE__ */ le("span", { "aria-hidden": "true", children: y })
     },
-    L
-  ), xe = p && Nt ? {
-    orientation: ct,
-    scrollPosition: e,
-    maxScrollPosition: dt,
+    A
+  ), Nt = h && ee ? {
+    orientation: Be,
+    scrollPosition: t,
+    maxScrollPosition: k,
     contentSize: r,
-    viewportSize: t,
-    thumbSize: At,
-    thumbPosition: _t,
-    thumbCenter: Xt,
-    trackSize: yt,
-    isDragging: W,
-    isTapScrollActive: xt,
-    visibleStartIndex: V,
-    visibleEndIndex: z
+    viewportSize: e,
+    thumbSize: $,
+    thumbPosition: ge,
+    thumbCenter: Le,
+    trackSize: d,
+    isDragging: Y,
+    isTapScrollActive: ae,
+    visibleStartIndex: D,
+    visibleEndIndex: Z
   } : null;
-  return /* @__PURE__ */ Te(
+  return /* @__PURE__ */ wt(
     "div",
     {
-      className: ye("aqvs-scrollbar", Pt, b),
+      className: Rt("aqvs-scrollbar", gt, b),
       style: {
-        [zt]: t,
-        [Jt]: d
+        [dt]: e,
+        [R]: p
       },
-      "data-visible": Nt ? "true" : "false",
+      "data-visible": ee ? "true" : "false",
       role: "scrollbar",
       tabIndex: -1,
       "aria-controls": I,
-      "aria-valuenow": e,
+      "aria-valuenow": t,
       "aria-valuemin": 0,
-      "aria-valuemax": dt,
-      "aria-orientation": c ? "horizontal" : "vertical",
+      "aria-valuemax": k,
+      "aria-orientation": u ? "horizontal" : "vertical",
       children: [
-        !c && Nt && et && /* @__PURE__ */ ot(
-          er,
+        !u && ee && De && /* @__PURE__ */ le(
+          dr,
           {
-            ref: lt,
-            className: ye("aqvs-scrollbar-tap-circle-wrapper", vt),
-            size: nt,
-            maxVisualDistance: It,
-            style: le,
-            opacity: ae,
-            renderVisual: it,
-            onDragChange: Qt
+            ref: _,
+            className: Rt("aqvs-scrollbar-tap-circle-wrapper", Ze),
+            size: Ge,
+            maxVisualDistance: et,
+            style: Je,
+            opacity: Ot,
+            renderVisual: he,
+            onDragChange: rt
           },
           "tap-circle"
         ),
-        ce(-1, gt[0], X[0], "arrow-start"),
-        /* @__PURE__ */ Te(
+        Et(-1, J[0], We[0], "arrow-start"),
+        /* @__PURE__ */ wt(
           "div",
           {
             className: "aqvs-scrollbar-track",
             style: {
-              borderRadius: d / 2
+              borderRadius: p / 2
             },
-            onPointerDown: De,
-            onPointerMove: Ae,
-            onPointerUp: ke,
-            onPointerCancel: oe,
-            onLostPointerCapture: pe,
+            onPointerDown: zt,
+            onPointerMove: At,
+            onPointerUp: xe,
+            onPointerCancel: xt,
+            onLostPointerCapture: Lt,
             "aria-disabled": !s,
             children: [
-              xe && /* @__PURE__ */ ot("div", { className: "aqvs-scrollbar-overlay", "aria-hidden": !0, children: p?.(xe) }, "overlay"),
-              /* @__PURE__ */ ot(
+              Nt && /* @__PURE__ */ le("div", { className: "aqvs-scrollbar-overlay", "aria-hidden": !0, children: h?.(Nt) }, "overlay"),
+              /* @__PURE__ */ le(
                 "div",
                 {
                   className: "aqvs-scrollbar-thumb-wrapper",
                   style: {
-                    [zt]: At,
-                    [$t]: _t,
-                    ...c ? { top: 0, bottom: 0 } : { left: 0, right: 0 }
+                    [dt]: $,
+                    [ft]: ge,
+                    ...u ? { top: 0, bottom: 0 } : { left: 0, right: 0 }
                   },
-                  "data-visible": Nt || W ? "true" : "false",
-                  onPointerDown: Ve,
+                  "data-visible": ee || Y ? "true" : "false",
+                  onPointerDown: Mt,
                   role: "slider",
-                  "aria-orientation": c ? "horizontal" : "vertical",
-                  "aria-valuenow": e,
+                  "aria-orientation": u ? "horizontal" : "vertical",
+                  "aria-valuenow": t,
                   "aria-valuemin": 0,
-                  "aria-valuemax": dt,
+                  "aria-valuemax": k,
                   "aria-disabled": !i,
                   tabIndex: -1,
-                  children: /* @__PURE__ */ ot(
+                  children: /* @__PURE__ */ le(
                     "div",
                     {
-                      ref: A,
-                      className: ye("aqvs-scrollbar-thumb", c ? "aqvs-scrollbar-thumb-horizontal" : "aqvs-scrollbar-thumb-vertical"),
+                      ref: P,
+                      className: Rt("aqvs-scrollbar-thumb", u ? "aqvs-scrollbar-thumb-horizontal" : "aqvs-scrollbar-thumb-vertical"),
                       "data-testid": "aqvs-scrollbar-thumb",
-                      "data-thumb-state": Gt,
+                      "data-thumb-state": Ve,
                       style: {
-                        borderRadius: d - 1,
+                        borderRadius: p - 1,
                         cursor: i ? "pointer" : "default"
                       },
                       onMouseEnter: () => {
-                        i && tt(!0);
+                        i && oe(!0);
                       },
                       onMouseLeave: () => {
-                        i && tt(!1);
+                        i && oe(!1);
                       }
                     },
                     "thumb"
@@ -867,202 +867,268 @@ const rt = (r, t, e) => Math.max(t, Math.min(e, r)), Xe = "virtualscroll:tap-scr
           },
           "track"
         ),
-        ce(1, gt[1], X[1], "arrow-end")
+        Et(1, J[1], We[1], "arrow-end")
       ]
     }
   );
-}, Mr = ["mouse", "pen", "touch"], Be = (r, t) => !(r === "mouse" || r === "pen" || r === "touch") || t.includes(r), yr = (r) => r === "mouse" || r === "pen", Ee = {
+}, kr = 16, ir = (r, e, t) => e === 1 ? r * kr : e === 2 ? r * t : r, Fr = (r, e) => {
+  const t = r.shiftKey && r.deltaX === 0, n = t ? r.deltaY : r.deltaX, i = t ? 0 : r.deltaY, s = n !== 0 && Math.abs(n) >= Math.abs(i);
+  return {
+    // ❗ ズームでもデルタは潰さない。ここは**事実だけ**を報告し、「横取りしない」という
+    // 判断は適用側 (applyWheel) が下す。ここで 0 を詰めると適用側の ctrl 判定が
+    // 到達不能な飾りになり、`ctrl+shift+ホイール` を横スクロールとして食う退行を
+    // どのテストも検出できなくなる (変異解析で実証済み)。
+    isZoomGesture: r.ctrlKey,
+    isHorizontalDominant: s,
+    horizontalDelta: ir(n, r.deltaMode, e),
+    verticalDelta: ir(i, r.deltaMode, e)
+  };
+}, pr = /* @__PURE__ */ new WeakSet(), sr = (r) => {
+  pr.add(r);
+}, Yr = (r) => pr.has(r), Br = ["mouse", "pen", "touch"], Wt = (r, e) => !(r === "mouse" || r === "pen" || r === "touch") || e.includes(r), Hr = (r) => r === "mouse" || r === "pen", Ct = {
   maxVelocity: 6,
   minVelocity: 0.02,
   deceleration: 25e-4,
   velocitySampleWindow: 90,
   startVelocityThreshold: 0.04
-}, Le = (r, t, e) => {
-  for (const [n, i, s] of t)
-    e === "add" ? r.addEventListener(n, i, s) : r.removeEventListener(n, i, s);
-}, wr = $e(
+}, _t = (r, e, t) => {
+  for (const [n, i, s] of e)
+    t === "add" ? r.addEventListener(n, i, s) : r.removeEventListener(n, i, s);
+}, qr = Gt(
   ({
     children: r,
-    contentSize: t,
-    viewportSize: e,
-    scrollBarWidth: n = 12,
-    enableThumbDrag: i = !0,
-    enableTrackClick: s = !0,
-    enableArrowButtons: l = !0,
-    enablePointerDrag: c = !0,
-    pointerDragInputs: d = Mr,
-    onScroll: b,
-    className: I,
-    testId: v,
-    style: C,
-    background: p,
-    tapScrollCircleOptions: V,
-    inertiaOptions: z,
-    itemCount: W,
-    renderThumbOverlay: at,
-    wheelSpeedMultiplier: Q = 1,
-    onWheelHorizontal: tt,
-    contentInsets: xt,
-    visibleStartIndex: Et,
-    visibleEndIndex: A,
-    renderOverlay: O,
-    initialScrollPosition: P = 0,
-    contentProps: U
-  }, Z) => {
-    const w = x(Number.isFinite(P) ? Math.max(0, P) : 0), lt = x(null), j = x(null), T = x(tt);
-    Y(() => {
-      T.current = tt;
-    }, [tt]);
-    const q = x({
+    contentSize: e,
+    viewportSize: t,
+    onViewportSizeChange: n,
+    scrollBarWidth: i = 12,
+    enableThumbDrag: s = !0,
+    enableTrackClick: a = !0,
+    enableArrowButtons: u = !0,
+    enablePointerDrag: p = !0,
+    pointerDragInputs: b = Br,
+    onScroll: I,
+    className: T,
+    testId: C,
+    style: h,
+    background: D,
+    tapScrollCircleOptions: Z,
+    inertiaOptions: Y,
+    itemCount: ue,
+    renderThumbOverlay: de,
+    wheelSpeedMultiplier: oe = 1,
+    onWheelHorizontal: ae,
+    contentInsets: fe,
+    visibleStartIndex: P,
+    visibleEndIndex: O,
+    renderOverlay: M,
+    initialScrollPosition: K = 0,
+    contentProps: te
+  }, j) => {
+    const _ = g(Number.isFinite(K) ? Math.max(0, K) : 0), G = g(null), v = g(null), q = t === void 0, [Ee, Qe] = nt(0), N = t ?? Ee, De = g(null);
+    ot(() => {
+      if (!q)
+        return;
+      const d = v.current;
+      if (!d)
+        return;
+      const Q = () => {
+        const k = d.offsetHeight;
+        if (k > 0) {
+          Qe((B) => B === k ? B : k);
+          return;
+        }
+        d.offsetParent !== null && e > 0 && De.current !== "zero" && (De.current = "zero", w.warn("[ScrollPane] The self-measured viewport is 0px. Give the scroll pane's host element a definite height (e.g. h-full, flex-1 + min-h-0, an explicit px height), or pass viewportSize explicitly."));
+      };
+      if (Q(), typeof ResizeObserver != "function")
+        return;
+      const $ = new ResizeObserver(Q);
+      return $.observe(d), () => {
+        $.disconnect();
+      };
+    }, [e, q]), ot(() => {
+      q && n?.(Ee);
+    }, [q, Ee, n]), ot(() => {
+      if (q)
+        return;
+      const d = G.current;
+      if (!d)
+        return;
+      const Q = () => {
+        const k = d.clientHeight;
+        if (k <= 0 || Math.abs(k - N) <= 1)
+          return;
+        const B = `${N}/${k}`;
+        De.current !== B && (De.current = B, w.warn(
+          `[ScrollPane] viewportSize=${N} but the host band is ${k}px. The clip window, max scroll position, thumb mapping, rendered row count and scrollability all derive from viewportSize, so they are now wrong. Omit viewportSize to let the pane measure itself.`
+        ));
+      };
+      if (Q(), typeof ResizeObserver != "function")
+        return;
+      const $ = new ResizeObserver(Q);
+      return $.observe(d), () => {
+        $.disconnect();
+      };
+    }, [q, N]);
+    const Ge = g(ae);
+    H(() => {
+      Ge.current = ae;
+    }, [ae]);
+    const Pe = g({
       frame: null,
       velocity: 0,
       lastTimestamp: null,
       generation: 0
-    }), H = Ft(
+    }), Ne = Fe(
       () => ({
-        maxVelocity: z?.maxVelocity ?? Ee.maxVelocity,
-        minVelocity: z?.minVelocity ?? Ee.minVelocity,
-        deceleration: z?.deceleration ?? Ee.deceleration,
-        velocitySampleWindow: z?.velocitySampleWindow ?? Ee.velocitySampleWindow,
-        startVelocityThreshold: z?.startVelocityThreshold ?? Ee.startVelocityThreshold
+        maxVelocity: Y?.maxVelocity ?? Ct.maxVelocity,
+        minVelocity: Y?.minVelocity ?? Ct.minVelocity,
+        deceleration: Y?.deceleration ?? Ct.deceleration,
+        velocitySampleWindow: Y?.velocitySampleWindow ?? Ct.velocitySampleWindow,
+        startVelocityThreshold: Y?.startVelocityThreshold ?? Ct.startVelocityThreshold
       }),
-      [z]
-    ), Ht = Ft(() => ({
-      top: Math.max(0, xt?.top ?? 0),
-      bottom: Math.max(0, xt?.bottom ?? 0)
-    }), [xt]);
-    N.debug("[ScrollPane] ScrollPane rendered", () => ({
-      contentSize: t,
-      viewportSize: e,
-      scrollBarWidth: n,
-      className: I,
-      style: C,
-      tapScrollCircleOptions: V,
-      inertiaOptions: z,
-      enablePointerDrag: c,
-      contentInsets: Ht
+      [Y]
+    ), Ze = Fe(() => ({
+      top: Math.max(0, fe?.top ?? 0),
+      bottom: Math.max(0, fe?.bottom ?? 0)
+    }), [fe]);
+    w.debug("[ScrollPane] ScrollPane rendered", () => ({
+      contentSize: e,
+      viewportSize: N,
+      scrollBarWidth: i,
+      className: T,
+      style: h,
+      tapScrollCircleOptions: Z,
+      inertiaOptions: Y,
+      enablePointerDrag: p,
+      contentInsets: Ze
     }));
-    const Dt = x({ contentSize: t, viewportSize: e });
-    Dt.current = { contentSize: t, viewportSize: e };
-    const et = Ft(() => t > e, [t, e]), nt = S(
-      (h) => {
-        const { contentSize: k, viewportSize: gt } = Dt.current, X = k > gt, Pt = w.current;
-        if (N.debug("[ScrollPane] scrollTo called", () => ({ newPosition: h, contentSize: k, viewportSize: gt, currentIsScrollable: X, prevPosition: Pt })), !X)
-          return w.current !== 0 && (w.current = 0, b?.(0, Pt)), w.current;
-        const ct = typeof h == "function" ? h(w.current) : h;
-        if (!Number.isFinite(ct))
-          return N.warn("[ScrollPane] scrollTo received a non-finite position; keeping the current position", { nextPosition: ct }), w.current;
-        const It = Math.max(k - gt, 0), Mt = rt(ct, 0, It);
-        return w.current !== Mt && (w.current = Mt, b?.(Mt, Pt)), w.current;
+    const $e = g({ contentSize: e, viewportSize: N });
+    $e.current = { contentSize: e, viewportSize: N };
+    const X = Fe(() => e > N, [e, N]), ze = S(
+      (d) => {
+        const { contentSize: Q, viewportSize: $ } = $e.current, k = Q > $, B = _.current;
+        if (w.debug("[ScrollPane] scrollTo called", () => ({ newPosition: d, contentSize: Q, viewportSize: $, currentIsScrollable: k, prevPosition: B })), !k)
+          return _.current !== 0 && (_.current = 0, I?.(0, B)), _.current;
+        const ge = typeof d == "function" ? d(_.current) : d;
+        if (!Number.isFinite(ge))
+          return w.warn("[ScrollPane] scrollTo received a non-finite position; keeping the current position", { nextPosition: ge }), _.current;
+        const Le = Math.max(Q - $, 0), ee = se(ge, 0, Le);
+        return _.current !== ee && (_.current = ee, I?.(ee, B)), _.current;
       },
-      [b]
-    ), G = x(nt);
-    Y(() => {
-      G.current = nt;
-    }, [nt]);
-    const J = S(() => {
-      const h = q.current;
-      h.generation += 1, h.frame !== null && cancelAnimationFrame(h.frame), h.frame = null, h.velocity = 0, h.lastTimestamp = null;
-    }, []), vt = x(J);
-    Y(() => {
-      vt.current = J;
-    }, [J]), Y(() => () => {
-      vt.current();
+      [I]
+    ), ne = g(ze);
+    H(() => {
+      ne.current = ze;
+    }, [ze]);
+    const he = S(() => {
+      const d = Pe.current;
+      d.generation += 1, d.frame !== null && cancelAnimationFrame(d.frame), d.frame = null, d.velocity = 0, d.lastTimestamp = null;
+    }, []), Ye = g(he);
+    H(() => {
+      Ye.current = he;
+    }, [he]), H(() => () => {
+      Ye.current();
     }, []);
-    const Lt = S(
-      (h) => {
-        if (!et)
+    const Ae = S(
+      (d) => {
+        if (!X)
           return;
-        const { maxVelocity: k, minVelocity: gt, deceleration: X, startVelocityThreshold: Pt } = H, ct = rt(h, -k, k);
-        if (Math.abs(ct) < Pt)
+        const { maxVelocity: Q, minVelocity: $, deceleration: k, startVelocityThreshold: B } = Ne, ge = se(d, -Q, Q);
+        if (Math.abs(ge) < B)
           return;
-        J(), q.current.velocity = ct, q.current.lastTimestamp = null;
-        const It = q.current.generation, Mt = (yt) => {
-          const ut = q.current;
-          if (ut.generation !== It)
+        he(), Pe.current.velocity = ge, Pe.current.lastTimestamp = null;
+        const Le = Pe.current.generation, ee = (He) => {
+          const Ve = Pe.current;
+          if (Ve.generation !== Le)
             return;
-          if (ut.lastTimestamp === null) {
-            ut.lastTimestamp = yt, ut.frame = requestAnimationFrame(Mt);
+          if (Ve.lastTimestamp === null) {
+            Ve.lastTimestamp = He, Ve.frame = requestAnimationFrame(ee);
             return;
           }
-          const At = yt - ut.lastTimestamp;
-          if (ut.lastTimestamp = yt, At <= 0) {
-            ut.frame = requestAnimationFrame(Mt);
+          const Ce = He - Ve.lastTimestamp;
+          if (Ve.lastTimestamp = He, Ce <= 0) {
+            Ve.frame = requestAnimationFrame(ee);
             return;
           }
-          const dt = ut.velocity;
-          let st = dt;
-          const _t = X * At;
-          dt > 0 ? st = Math.max(0, dt - _t) : dt < 0 && (st = Math.min(0, dt + _t));
-          const Nt = (dt + st) / 2 * At, ne = w.current;
-          if (Nt !== 0 && G.current((Tt) => Tt + Nt), q.current.generation !== It)
+          const Ue = Ve.velocity;
+          let Te = Ue;
+          const be = k * Ce;
+          Ue > 0 ? Te = Math.max(0, Ue - be) : Ue < 0 && (Te = Math.min(0, Ue + be));
+          const ye = (Ue + Te) / 2 * Ce, tt = _.current;
+          if (ye !== 0 && ne.current((Oe) => Oe + ye), Pe.current.generation !== Le)
             return;
-          const Gt = w.current, { contentSize: Ct, viewportSize: f } = Dt.current, M = Math.max(Ct - f, 0);
-          ut.velocity = st;
-          const ft = Gt === ne || Gt <= 0 && st <= 0 || Gt >= M && st >= 0;
-          if (Math.abs(st) < gt || ft) {
-            J();
+          const rt = _.current, { contentSize: at, viewportSize: f } = $e.current, E = Math.max(at - f, 0);
+          Ve.velocity = Te;
+          const Ie = rt === tt || rt <= 0 && Te <= 0 || rt >= E && Te >= 0;
+          if (Math.abs(Te) < $ || Ie) {
+            he();
             return;
           }
-          ut.frame = requestAnimationFrame(Mt);
+          Ve.frame = requestAnimationFrame(ee);
         };
-        q.current.frame = requestAnimationFrame(Mt);
+        Pe.current.frame = requestAnimationFrame(ee);
       },
-      [et, H, J]
-    ), jt = x(Lt);
-    Y(() => {
-      jt.current = Lt;
-    }, [Lt]), Me(() => {
-      Dt.current = { contentSize: t, viewportSize: e };
-    }, [t, e]), Me(() => {
-      const h = j.current;
-      if (!h) return;
-      const k = () => {
-        h.scrollTop !== 0 && (N.debug("[ScrollPane] Native scroll detected, resetting to 0", () => ({ scrollTop: h.scrollTop })), h.scrollTop = 0), h.scrollLeft !== 0 && (h.scrollLeft = 0);
+      [X, Ne, he]
+    ), dt = g(Ae);
+    H(() => {
+      dt.current = Ae;
+    }, [Ae]), ot(() => {
+      $e.current = { contentSize: e, viewportSize: N };
+    }, [e, N]), ot(() => {
+      const d = v.current;
+      if (!d) return;
+      const Q = () => {
+        d.scrollTop !== 0 && (w.debug("[ScrollPane] Native scroll detected, resetting to 0", () => ({ scrollTop: d.scrollTop })), d.scrollTop = 0), d.scrollLeft !== 0 && (d.scrollLeft = 0);
       };
-      return h.addEventListener("scroll", k), () => h.removeEventListener("scroll", k);
-    }, []), Me(() => {
-      if (et) {
-        N.debug("[ScrollPane] Adjusting scroll position due to content or viewport size change", () => ({ contentSize: t, viewportSize: e, scrollPosition: w.current }));
-        const h = rt(t - e, 0, t);
-        w.current > h && nt(h);
+      return d.addEventListener("scroll", Q), () => d.removeEventListener("scroll", Q);
+    }, []), ot(() => {
+      if (X) {
+        w.debug("[ScrollPane] Adjusting scroll position due to content or viewport size change", () => ({ contentSize: e, viewportSize: N, scrollPosition: _.current }));
+        const d = se(e - N, 0, e);
+        _.current > d && ze(d);
       } else
-        nt(0);
-    }, [et, nt, t, e]), Y(() => {
-      const h = (X) => {
-        if (X.ctrlKey)
-          return;
-        const Pt = X.shiftKey && X.deltaX === 0, ct = Pt ? X.deltaY : X.deltaX, It = Pt ? 0 : X.deltaY;
-        if (ct !== 0 && Math.abs(ct) >= Math.abs(It)) {
-          if (T.current) {
-            X.preventDefault(), J();
-            let ut = ct;
-            X.deltaMode === 1 ? ut *= 16 : X.deltaMode === 2 && (ut *= e), T.current(ut);
-          }
-          return;
-        }
-        if (!et || X.deltaY === 0)
-          return;
-        X.preventDefault(), J();
-        let yt = X.deltaY;
-        X.deltaMode === 1 ? yt *= 16 : X.deltaMode === 2 && (yt *= e), Q !== 1 && (yt *= Q), N.debug("[ScrollPane] wheel event", () => ({ deltaY: yt, scrollPosition: w.current, wheelSpeedMultiplier: Q, deltaMode: X.deltaMode, scrollTop: j.current?.scrollTop })), nt((ut) => ut + yt);
-      }, k = () => {
-        J();
-      }, gt = lt.current;
-      return gt && (gt.addEventListener("wheel", h, { passive: !1 }), gt.addEventListener("pointerdown", k, { capture: !0, passive: !0 })), () => {
-        gt && (gt.removeEventListener("wheel", h), gt.removeEventListener("pointerdown", k, { capture: !0 }));
+        ze(0);
+    }, [X, ze, e, N]);
+    const R = g({ isScrollable: X, viewportSize: N, wheelSpeedMultiplier: oe });
+    R.current = { isScrollable: X, viewportSize: N, wheelSpeedMultiplier: oe };
+    const ft = S(
+      (d) => {
+        if (Yr(d))
+          return !1;
+        const { isScrollable: Q, viewportSize: $, wheelSpeedMultiplier: k } = R.current, B = Fr(d, $);
+        if (B.isZoomGesture)
+          return !1;
+        if (B.isHorizontalDominant)
+          return Ge.current ? (sr(d), d.preventDefault(), he(), Ge.current(B.horizontalDelta), !0) : !1;
+        if (!Q || B.verticalDelta === 0)
+          return !1;
+        sr(d), d.preventDefault(), he();
+        let ge = B.verticalDelta;
+        return k !== 1 && (ge *= k), w.debug("[ScrollPane] wheel event", () => ({ deltaY: ge, scrollPosition: _.current, wheelSpeedMultiplier: k, deltaMode: d.deltaMode, scrollTop: v.current?.scrollTop })), ze((Le) => Le + ge), !0;
+      },
+      [ze, he]
+    );
+    H(() => {
+      const d = (k) => {
+        ft(k);
+      }, Q = () => {
+        he();
+      }, $ = G.current;
+      return $ && ($.addEventListener("wheel", d, { passive: !1 }), $.addEventListener("pointerdown", Q, { capture: !0, passive: !0 })), () => {
+        $ && ($.removeEventListener("wheel", d), $.removeEventListener("pointerdown", Q, { capture: !0 }));
       };
-    }, [et, nt, J, e, Q]), Ue(
-      Z,
+    }, [ft, he]), Zt(
+      j,
       () => ({
-        scrollTo: (h) => (J(), nt(h)),
-        getScrollPosition: () => w.current,
-        getContentSize: () => t,
-        getViewportSize: () => e
+        scrollTo: (d) => (he(), ze(d)),
+        getScrollPosition: () => _.current,
+        getContentSize: () => e,
+        getViewportSize: () => N,
+        applyWheel: ft
       }),
-      [nt, t, e, J]
+      [ze, e, N, he, ft]
     );
-    const R = sr(), de = U?.id ?? R, it = x({
+    const pt = Ir(), V = te?.id ?? pt, J = g({
       pointerType: "",
       pointerId: null,
       startClientY: 0,
@@ -1071,147 +1137,151 @@ const rt = (r, t, e) => Math.max(t, Math.min(e, r)), Xe = "virtualscroll:tap-scr
       shouldCancelNextClick: !1,
       clickResetTimer: null,
       velocitySamples: []
-    }), E = x(c), Vt = x(d);
-    Y(() => {
-      E.current = c;
-    }, [c]), Y(() => {
-      Vt.current = d;
-    }, [d]);
-    const zt = x(et);
-    Y(() => {
-      zt.current = et;
-    }, [et]);
-    const Jt = x(H);
-    Y(() => {
-      Jt.current = H;
-    }, [H]), Y(() => {
-      const h = it.current;
-      if (c && et && (h.pointerId === null || Be(h.pointerType, d)) || h.pointerId === null)
+    }), We = g(p), gt = g(b);
+    H(() => {
+      We.current = p;
+    }, [p]), H(() => {
+      gt.current = b;
+    }, [b]);
+    const Be = g(X);
+    H(() => {
+      Be.current = X;
+    }, [X]);
+    const et = g(Ne);
+    H(() => {
+      et.current = Ne;
+    }, [Ne]), H(() => {
+      const d = J.current;
+      if (p && X && (d.pointerId === null || Wt(d.pointerType, b)) || d.pointerId === null)
         return;
-      const k = j.current;
-      h.clickResetTimer !== null && (window.clearTimeout(h.clickResetTimer), h.clickResetTimer = null);
-      const gt = h.isDragging && h.shouldCancelNextClick, X = h.pointerId;
-      h.pointerId = null, h.pointerType = "", h.startClientY = 0, h.startScroll = 0, h.isDragging = !1, h.shouldCancelNextClick = gt, h.velocitySamples = [], k?.hasPointerCapture(X) && k.releasePointerCapture(X);
-    }, [c, d, et]), Y(() => {
-      const h = j.current;
-      if (!h)
+      const Q = v.current;
+      d.clickResetTimer !== null && (window.clearTimeout(d.clickResetTimer), d.clickResetTimer = null);
+      const $ = d.isDragging && d.shouldCancelNextClick, k = d.pointerId;
+      d.pointerId = null, d.pointerType = "", d.startClientY = 0, d.startScroll = 0, d.isDragging = !1, d.shouldCancelNextClick = $, d.velocitySamples = [], Q?.hasPointerCapture(k) && Q.releasePointerCapture(k);
+    }, [p, b, X]), H(() => {
+      const d = v.current;
+      if (!d)
         return;
-      const k = 6, gt = () => typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now(), X = () => {
-        const f = it.current;
+      const Q = 6, $ = () => typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now(), k = () => {
+        const f = J.current;
         f.pointerId = null, f.pointerType = "", f.startClientY = 0, f.startScroll = 0, f.isDragging = !1, f.velocitySamples = [];
-      }, Pt = () => {
-        const f = it.current;
+      }, B = () => {
+        const f = J.current;
         f.clickResetTimer !== null && (window.clearTimeout(f.clickResetTimer), f.clickResetTimer = null);
-      }, ct = (f) => {
-        const M = it.current, ft = gt();
-        M.velocitySamples.push({ clientY: f, time: ft });
-        const Tt = Jt.current.velocitySampleWindow;
-        M.velocitySamples = M.velocitySamples.filter((wt) => ft - wt.time <= Tt);
-      }, It = (f) => f instanceof HTMLElement && f.closest("[data-scrollpane-ignore-drag='true']") !== null, Mt = (f) => {
-        const M = it.current;
-        M.shouldCancelNextClick && (f.preventDefault(), f.stopPropagation(), M.shouldCancelNextClick = !1);
-      }, yt = (f) => {
-        const M = it.current;
-        if (!M.isDragging) {
-          if (M.isDragging = !0, M.shouldCancelNextClick = !0, !h.hasPointerCapture(f.pointerId))
+      }, ge = (f) => {
+        const E = J.current, Ie = $();
+        E.velocitySamples.push({ clientY: f, time: Ie });
+        const Oe = et.current.velocitySampleWindow;
+        E.velocitySamples = E.velocitySamples.filter((_e) => Ie - _e.time <= Oe);
+      }, Le = (f) => f instanceof HTMLElement && f.closest("[data-scrollpane-ignore-drag='true']") !== null, ee = (f) => {
+        const E = J.current;
+        E.shouldCancelNextClick && (f.preventDefault(), f.stopPropagation(), E.shouldCancelNextClick = !1);
+      }, He = (f) => {
+        const E = J.current;
+        if (!E.isDragging) {
+          if (E.isDragging = !0, E.shouldCancelNextClick = !0, !d.hasPointerCapture(f.pointerId))
             try {
-              h.setPointerCapture(f.pointerId);
+              d.setPointerCapture(f.pointerId);
             } catch {
             }
-          ct(f.clientY);
+          ge(f.clientY);
         }
-      }, ut = (f) => f.isTrusted || f.target === h, At = (f) => {
-        const M = it.current;
-        h.hasPointerCapture(f) && h.releasePointerCapture(f), M.shouldCancelNextClick = !1, Pt(), X();
-      }, dt = (f) => {
-        const M = it.current;
-        if (M.pointerId !== f.pointerId)
+      }, Ve = (f) => f.isTrusted || f.target === d, Ce = (f) => {
+        const E = J.current;
+        d.hasPointerCapture(f) && d.releasePointerCapture(f), E.shouldCancelNextClick = !1, B(), k();
+      }, Ue = (f) => {
+        const E = J.current;
+        if (E.pointerId !== f.pointerId)
           return;
-        if (f.buttons === 0 && yr(f.pointerType)) {
-          At(f.pointerId);
+        if (f.buttons === 0 && Hr(f.pointerType)) {
+          Ce(f.pointerId);
           return;
         }
-        if (!(E.current && zt.current) || !Be(f.pointerType, Vt.current) || !M.isDragging && (Math.abs(f.clientY - M.startClientY) < k || (yt(f), !M.isDragging)))
+        if (!(We.current && Be.current) || !Wt(f.pointerType, gt.current) || !E.isDragging && (Math.abs(f.clientY - E.startClientY) < Q || (He(f), !E.isDragging)))
           return;
-        ct(f.clientY);
-        const ft = f.clientY - M.startClientY, Tt = M.startScroll - ft;
-        G.current(Tt), f.cancelable && f.preventDefault();
-      }, st = () => {
-        const f = it.current;
-        return f.pointerId !== null || !f.shouldCancelNextClick ? !1 : (Pt(), f.clickResetTimer = window.setTimeout(() => {
-          const M = it.current;
-          M.shouldCancelNextClick = !1, M.clickResetTimer = null;
+        ge(f.clientY);
+        const Ie = f.clientY - E.startClientY, Oe = E.startScroll - Ie;
+        ne.current(Oe), f.cancelable && f.preventDefault();
+      }, Te = () => {
+        const f = J.current;
+        return f.pointerId !== null || !f.shouldCancelNextClick ? !1 : (B(), f.clickResetTimer = window.setTimeout(() => {
+          const E = J.current;
+          E.shouldCancelNextClick = !1, E.clickResetTimer = null;
         }, 0), !0);
-      }, _t = (f) => {
-        const M = it.current;
-        if (M.pointerId !== f.pointerId) {
-          st();
+      }, be = (f) => {
+        const E = J.current;
+        if (E.pointerId !== f.pointerId) {
+          Te();
           return;
         }
-        M.isDragging && M.shouldCancelNextClick && f.cancelable && (f.preventDefault(), f.stopPropagation()), M.isDragging && ct(f.clientY);
-        let ft = 0;
-        if (M.isDragging && M.velocitySamples.length >= 2) {
-          const wt = M.velocitySamples, ie = Jt.current.velocitySampleWindow, Qt = wt[wt.length - 1], te = wt.find((Kt) => Qt.time - Kt.time <= ie) ?? wt[0];
-          if (Qt && te && Qt.time !== te.time) {
-            const Kt = Qt.clientY - te.clientY, se = Qt.time - te.time;
-            ft = -(Kt / se);
+        E.isDragging && E.shouldCancelNextClick && f.cancelable && (f.preventDefault(), f.stopPropagation()), E.isDragging && ge(f.clientY);
+        let Ie = 0;
+        if (E.isDragging && E.velocitySamples.length >= 2) {
+          const _e = E.velocitySamples, it = et.current.velocitySampleWindow, lt = _e[_e.length - 1], mt = _e.find((ct) => lt.time - ct.time <= it) ?? _e[0];
+          if (lt && mt && lt.time !== mt.time) {
+            const ct = lt.clientY - mt.clientY, ht = lt.time - mt.time;
+            Ie = -(ct / ht);
           }
         }
-        Pt(), M.shouldCancelNextClick && (M.clickResetTimer = window.setTimeout(() => {
-          const wt = it.current;
-          wt.shouldCancelNextClick = !1, wt.clickResetTimer = null;
+        B(), E.shouldCancelNextClick && (E.clickResetTimer = window.setTimeout(() => {
+          const _e = J.current;
+          _e.shouldCancelNextClick = !1, _e.clickResetTimer = null;
         }, 0));
-        const Tt = Jt.current.startVelocityThreshold;
-        X(), h.hasPointerCapture(f.pointerId) && h.releasePointerCapture(f.pointerId), Math.abs(ft) >= Tt && jt.current?.(ft);
-      }, Xt = (f) => {
-        if (it.current.pointerId !== null) {
-          if (!f.isPrimary || f.pointerType !== it.current.pointerType)
+        const Oe = et.current.startVelocityThreshold;
+        k(), d.hasPointerCapture(f.pointerId) && d.releasePointerCapture(f.pointerId), Math.abs(Ie) >= Oe && dt.current?.(Ie);
+      }, we = (f) => {
+        if (J.current.pointerId !== null) {
+          if (!f.isPrimary || f.pointerType !== J.current.pointerType)
             return;
-          At(it.current.pointerId);
+          Ce(J.current.pointerId);
         }
-        if (it.current.shouldCancelNextClick && (Pt(), it.current.shouldCancelNextClick = !1), !(E.current && zt.current) || !Be(f.pointerType, Vt.current) || f.button !== 0 && f.pointerType === "mouse" || f.ctrlKey || f.metaKey || f.altKey || It(f.target))
+        if (J.current.shouldCancelNextClick && (B(), J.current.shouldCancelNextClick = !1), !(We.current && Be.current) || !Wt(f.pointerType, gt.current) || f.button !== 0 && f.pointerType === "mouse" || f.ctrlKey || f.metaKey || f.altKey || Le(f.target))
           return;
-        window.dispatchEvent(new CustomEvent(Xe, { detail: { paneId: R } })), vt.current?.();
-        const M = it.current;
-        Pt(), M.pointerId = f.pointerId, M.pointerType = f.pointerType, M.startClientY = f.clientY, M.startScroll = w.current, M.isDragging = !1, M.shouldCancelNextClick = !1, M.velocitySamples = [];
-      }, Nt = (f) => {
-        if (it.current.pointerId !== f.pointerId) {
-          st();
+        window.dispatchEvent(new CustomEvent(jt, { detail: { paneId: pt } })), Ye.current?.();
+        const E = J.current;
+        B(), E.pointerId = f.pointerId, E.pointerType = f.pointerType, E.startClientY = f.clientY, E.startScroll = _.current, E.isDragging = !1, E.shouldCancelNextClick = !1, E.velocitySamples = [];
+      }, ye = (f) => {
+        if (J.current.pointerId !== f.pointerId) {
+          Te();
           return;
         }
-        ut(f) && At(f.pointerId);
-      }, Gt = [
-        ["click", Mt, !0],
-        ["pointerdown", Xt, { passive: !1 }],
+        Ve(f) && Ce(f.pointerId);
+      }, rt = [
+        ["click", ee, !0],
+        ["pointerdown", we, { passive: !1 }],
         ["lostpointercapture", (f) => {
-          f.target !== h || it.current.pointerId !== f.pointerId || At(f.pointerId);
+          f.target !== d || J.current.pointerId !== f.pointerId || Ce(f.pointerId);
         }, void 0]
-      ], Ct = [
-        ["pointermove", dt, { passive: !1 }],
-        ["pointerup", _t, void 0],
-        ["pointercancel", Nt, void 0]
+      ], at = [
+        ["pointermove", Ue, { passive: !1 }],
+        ["pointerup", be, void 0],
+        ["pointercancel", ye, void 0]
       ];
-      return Le(h, Gt, "add"), Le(window, Ct, "add"), () => {
-        Le(h, Gt, "remove"), Le(window, Ct, "remove");
-        const f = it.current;
-        f.pointerId !== null && h.hasPointerCapture(f.pointerId) && h.releasePointerCapture(f.pointerId), Pt(), X();
+      return _t(d, rt, "add"), _t(window, at, "add"), () => {
+        _t(d, rt, "remove"), _t(window, at, "remove");
+        const f = J.current;
+        f.pointerId !== null && d.hasPointerCapture(f.pointerId) && d.releasePointerCapture(f.pointerId), B(), k();
       };
-    }, [R]);
-    const $t = S(
-      (h) => (J(), nt(h)),
-      [nt, J]
+    }, [pt]);
+    const ce = S(
+      (d) => (he(), ze(d)),
+      [ze, he]
     );
-    return /* @__PURE__ */ Te("div", { ref: lt, "data-testid": v, className: ye("aqvs-scroll-pane", I), style: C, children: [
-      /* @__PURE__ */ Te(
+    return /* @__PURE__ */ wt("div", { ref: G, "data-testid": C, "data-self-measured": q ? "true" : void 0, className: Rt("aqvs-scroll-pane", T), style: h, children: [
+      /* @__PURE__ */ wt(
         "div",
         {
-          ref: j,
-          className: ye("aqvs-scroll-pane-content"),
+          ref: v,
+          className: Rt("aqvs-scroll-pane-content"),
           "data-testid": "aqvs-scroll-pane-content",
           style: {
-            height: e,
-            paddingTop: Ht.top,
-            paddingBottom: Ht.bottom,
+            // ❗ 自己計測モードでは高さを書かない。CSS の `height: 100%` (= ルートの確定高さ) が
+            // レイアウトを所有することで、「計測した値を書き戻して自分のサイズを変える」
+            // フィードバックループが構造的に起こらず、初回 paint の時点でも帯は実寸で正しい
+            // (数値の反映だけが 1 コミット遅れる)。明示モードは従来どおり px を書く。
+            height: q ? void 0 : N,
+            paddingTop: Ze.top,
+            paddingBottom: Ze.bottom,
             // スクロール不能時 (contentSize <= viewportSize) は touch-action を通常に戻し、
             // 短いリスト上のタッチがページ全体のパンを妨げるデッドゾーン化を防ぐ。
             // 直接操作 (指・ペン) のドラッグを許可していない場合も付けない。
@@ -1225,111 +1295,111 @@ const rt = (r, t, e) => Math.max(t, Math.min(e, r)), Xe = "virtualscroll:tap-scr
             // 同一条件で揃えてあるため状態としても一貫している。
             // 非同期コンテンツを先読みして確保する挙動は意図的に入れていない
             // (空のペインがページのパンを殺すデッドゾーンになり、そちらの実害の方が大きいため)。
-            ...c && et && d.some((h) => h === "touch" || h === "pen") ? { touchAction: "none" } : {}
+            ...p && X && b.some((d) => d === "touch" || d === "pen") ? { touchAction: "none" } : {}
           },
-          ...U,
-          id: de,
+          ...te,
+          id: V,
           children: [
-            p,
-            r(w.current)
+            D,
+            r(_.current)
           ]
         }
       ),
-      /* @__PURE__ */ ot(
-        Pr,
+      /* @__PURE__ */ le(
+        _r,
         {
-          contentSize: t,
-          viewportSize: e,
-          scrollPosition: w.current,
-          onScroll: $t,
-          enableThumbDrag: i,
-          enableTrackClick: s,
-          enableArrowButtons: l,
-          scrollBarWidth: n,
-          ariaControls: de,
-          tapScrollCircleOptions: V,
-          itemCount: W,
-          renderThumbOverlay: at,
-          visibleStartIndex: Et,
-          visibleEndIndex: A
+          contentSize: e,
+          viewportSize: N,
+          scrollPosition: _.current,
+          onScroll: ce,
+          enableThumbDrag: s,
+          enableTrackClick: a,
+          enableArrowButtons: u,
+          scrollBarWidth: i,
+          ariaControls: V,
+          tapScrollCircleOptions: Z,
+          itemCount: ue,
+          renderThumbOverlay: de,
+          visibleStartIndex: P,
+          visibleEndIndex: O
         },
         "scrollbar"
       ),
-      O?.()
+      M?.()
     ] });
   }
-), Ge = (r, t, e) => Math.min(Math.max(r, t), e), Br = ({ dragState: r, normalizedDistance: t, sizeScale: e, size: n }) => {
-  const i = Math.max(n / 2, 1), s = 1 + t * 0.65, l = Math.max(0.65, 1 - t * 0.25), c = r.direction * t * 26 * e, d = 0.8 + t * 0.18, b = 3 * e, I = 6 * e, v = 22 * e, C = Math.abs(c) + I, p = c > 0 ? b : -Math.abs(c) - b, V = Math.max(2.5, 3 * e), z = Ge(r.offsetX, -i, i), W = Ge(r.offsetY, -i, i), at = i * 0.35, Q = z / i * at, tt = W / i * at, xt = Q * 0.45, Et = tt * 0.45, A = Math.max(v * 0.38, 6), O = 0.65 + t * 0.2, P = r.active;
-  return /* @__PURE__ */ Te(tr, { children: [
-    /* @__PURE__ */ ot(
+), or = (r, e, t) => Math.min(Math.max(r, e), t), an = ({ dragState: r, normalizedDistance: e, sizeScale: t, size: n }) => {
+  const i = Math.max(n / 2, 1), s = 1 + e * 0.65, a = Math.max(0.65, 1 - e * 0.25), u = r.direction * e * 26 * t, p = 0.8 + e * 0.18, b = 3 * t, I = 6 * t, T = 22 * t, C = Math.abs(u) + I, h = u > 0 ? b : -Math.abs(u) - b, D = Math.max(2.5, 3 * t), Z = or(r.offsetX, -i, i), Y = or(r.offsetY, -i, i), ue = i * 0.35, de = Z / i * ue, oe = Y / i * ue, ae = de * 0.45, fe = oe * 0.45, P = Math.max(T * 0.38, 6), O = 0.65 + e * 0.2, M = r.active;
+  return /* @__PURE__ */ wt(ur, { children: [
+    /* @__PURE__ */ le(
       "div",
       {
         className: "aqvs-tap-scroll-circle-gradient",
         style: {
-          transform: `scale(${l}, ${s})`,
-          transition: P ? "40ms transform ease-out" : "200ms ease transform"
+          transform: `scale(${a}, ${s})`,
+          transition: M ? "40ms transform ease-out" : "200ms ease transform"
         }
       }
     ),
-    /* @__PURE__ */ ot(
+    /* @__PURE__ */ le(
       "div",
       {
         className: "aqvs-sample-visual-pupil",
         style: {
-          width: v,
-          height: v,
-          transform: `translate(calc(-50% + ${Q}px), calc(-50% + ${tt}px)) scale(${l}, ${d * s})`,
-          transition: P ? "70ms transform ease-out" : "200ms ease transform"
+          width: T,
+          height: T,
+          transform: `translate(calc(-50% + ${de}px), calc(-50% + ${oe}px)) scale(${a}, ${p * s})`,
+          transition: M ? "70ms transform ease-out" : "200ms ease transform"
         }
       }
     ),
-    /* @__PURE__ */ ot(
+    /* @__PURE__ */ le(
       "div",
       {
         className: "aqvs-sample-visual-highlight",
         style: {
-          width: A,
-          height: A,
-          transform: `translate(calc(-50% + ${xt}px), calc(-50% + ${Et}px)) scale(${l}, ${s})`,
+          width: P,
+          height: P,
+          transform: `translate(calc(-50% + ${ae}px), calc(-50% + ${fe}px)) scale(${a}, ${s})`,
           opacity: O,
           boxShadow: "0 0 8px rgba(255,255,255,0.45)",
-          transition: P ? "120ms opacity 150ms, 120ms transform ease-out ease-out" : "220ms ease transform, 240ms opacity ease"
+          transition: M ? "120ms opacity 150ms, 120ms transform ease-out ease-out" : "220ms ease transform, 240ms opacity ease"
         }
       }
     ),
-    /* @__PURE__ */ ot(
+    /* @__PURE__ */ le(
       "div",
       {
         className: "aqvs-sample-visual-rod",
         style: {
-          width: V,
+          width: D,
           height: C,
-          transform: `translate(-50%, ${p}px)`,
-          opacity: t,
-          transition: P ? "40ms height, 60ms opacity ease-out ease-out" : "200ms ease height, 120ms ease opacity"
+          transform: `translate(-50%, ${h}px)`,
+          opacity: e,
+          transition: M ? "40ms height, 60ms opacity ease-out ease-out" : "200ms ease height, 120ms ease opacity"
         }
       }
     )
   ] });
-}, _e = 100, Rr = (r) => {
+}, kt = 100, Xr = (r) => {
   if (!Number.isFinite(r))
     return 0n;
-  const t = Math.trunc(r);
-  return t <= 0 ? 0n : BigInt(t);
-}, qe = (r, t) => {
+  const e = Math.trunc(r);
+  return e <= 0 ? 0n : BigInt(e);
+}, Ut = (r, e) => {
   if (!Number.isFinite(r))
-    throw new Error(`valueFn returned a non-finite value at index ${t}: ${r}`);
+    throw new Error(`valueFn returned a non-finite value at index ${e}: ${r}`);
   return r;
-}, Pe = (r) => {
+}, yt = (r) => {
   if (r <= 0 || !Number.isFinite(r))
     return 0;
-  const t = Math.trunc(r);
-  if (t <= 2147483647)
-    return t & -t;
-  const e = BigInt(t) & -BigInt(t);
-  return Number(e);
+  const e = Math.trunc(r);
+  if (e <= 2147483647)
+    return e & -e;
+  const t = BigInt(e) & -BigInt(e);
+  return Number(t);
 };
-class ge {
+class vt {
   /**
    * @private
    * @property {Map<number, number>} tree - The Map storing the Fenwick tree structure, specifically the sums of deltas. It is 1-indexed.
@@ -1369,8 +1439,8 @@ class ge {
    * @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(e, t, n) {
+    this.reset(e, t, n);
   }
   /**
    * @method reset
@@ -1387,33 +1457,33 @@ class ge {
    * @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) {
-    const i = Number.isFinite(t) && t > 0 ? Math.trunc(t) : 0;
-    if (typeof e != "function") {
-      this.size = i, this.tree = /* @__PURE__ */ new Map(), this.deltas = /* @__PURE__ */ new Map(), this.valueFn = void 0, this.baseValue = e, this.total = this.baseValue * this.size;
+  reset(e, t, n) {
+    const i = Number.isFinite(e) && e > 0 ? Math.trunc(e) : 0;
+    if (typeof t != "function") {
+      this.size = i, this.tree = /* @__PURE__ */ new Map(), this.deltas = /* @__PURE__ */ new Map(), this.valueFn = void 0, this.baseValue = t, this.total = this.baseValue * this.size;
       return;
     }
-    let s = 0, l;
+    let s = 0, a;
     if (i > 0) {
-      const c = n?.sampleRange ?? {
+      const u = n?.sampleRange ?? {
         from: 0,
-        to: Math.min(_e - 1, i - 1)
+        to: Math.min(kt - 1, i - 1)
       };
-      let d = Math.max(0, Math.trunc(c.from)), b = Math.min(Math.trunc(c.to), i - 1);
-      if (d > b && (d = 0, b = Math.min(_e - 1, i - 1)), i > _e)
-        s = ge._sampleBaseValueStrided(e, i, _e), n?.materialize && (l = { from: d, values: ge._collectValidatedValues(e, d, b) });
+      let p = Math.max(0, Math.trunc(u.from)), b = Math.min(Math.trunc(u.to), i - 1);
+      if (p > b && (p = 0, b = Math.min(kt - 1, i - 1)), i > kt)
+        s = vt._sampleBaseValueStrided(t, i, kt), n?.materialize && (a = { from: p, values: vt._collectValidatedValues(t, p, b) });
       else {
-        const I = ge._collectValidatedValues(e, d, b);
-        s = ge._modeOrMedian([...I]), n?.materialize && (l = { from: d, values: I });
+        const I = vt._collectValidatedValues(t, p, b);
+        s = vt._modeOrMedian([...I]), n?.materialize && (a = { from: p, values: I });
       }
     }
-    if (this.size = i, this.tree = /* @__PURE__ */ new Map(), this.deltas = /* @__PURE__ */ new Map(), this.total = void 0, this.valueFn = e, this.baseValue = s, l)
-      for (let c = 0; c < l.values.length; c++) {
-        const d = l.from + c;
-        if (d >= this.size)
+    if (this.size = i, this.tree = /* @__PURE__ */ new Map(), this.deltas = /* @__PURE__ */ new Map(), this.total = void 0, this.valueFn = t, this.baseValue = s, a)
+      for (let u = 0; u < a.values.length; u++) {
+        const p = a.from + u;
+        if (p >= this.size)
           break;
-        const b = l.values[c] - this.baseValue;
-        b !== 0 && (this.deltas.set(d, b), this._updateTree(d, b));
+        const b = a.values[u] - this.baseValue;
+        b !== 0 && (this.deltas.set(p, b), this._updateTree(p, b));
       }
     this.total = this.getTotal();
   }
@@ -1424,12 +1494,12 @@ class ge {
    * @param {number | ((index: number) => number)} valueOrFn - The new value for all elements, or a function to generate values.
    * @param {{ reset?: boolean }} [options] - Optional settings. If reset is true, the tree is reset with the new value function.
    */
-  setValueFn(t, e) {
-    if (e?.reset) {
-      this.reset(this.size, t);
+  setValueFn(e, t) {
+    if (t?.reset) {
+      this.reset(this.size, e);
       return;
     }
-    typeof t == "function" ? this.valueFn = t : (this.valueFn = void 0, this.baseValue = t, this.total = this._computeTreeTotal());
+    typeof e == "function" ? this.valueFn = e : (this.valueFn = void 0, this.baseValue = e, this.total = this._computeTreeTotal());
   }
   /**
    * @private
@@ -1441,10 +1511,10 @@ class ge {
    * @param {number} to - The ending index of the range (inclusive).
    * @returns {number[]} The validated (finite-only) values in index order.
    */
-  static _collectValidatedValues(t, e, n) {
+  static _collectValidatedValues(e, t, n) {
     const i = [];
-    for (let s = e; s <= n; s++)
-      i.push(qe(t(s), s));
+    for (let s = t; s <= n; s++)
+      i.push(Ut(e(s), s));
     return i;
   }
   /**
@@ -1455,25 +1525,25 @@ class ge {
    * @param {number[]} values - The sampled values (mutated in place by sorting).
    * @returns {number} The representative base value.
    */
-  static _modeOrMedian(t) {
-    if (t.length === 0)
+  static _modeOrMedian(e) {
+    if (e.length === 0)
       return 0;
-    t.sort((l, c) => l - c);
-    const e = Math.floor(t.length / 2);
+    e.sort((a, u) => a - u);
+    const t = Math.floor(e.length / 2);
     let n;
-    t.length % 2 === 0 ? n = Math.floor((t[e - 1] + t[e]) / 2) : n = t[e];
+    e.length % 2 === 0 ? n = Math.floor((e[t - 1] + e[t]) / 2) : n = e[t];
     const i = /* @__PURE__ */ new Map();
     let s = 0;
-    for (const l of t) {
-      const c = (i.get(l) ?? 0) + 1;
-      i.set(l, c), c > s && (s = c);
+    for (const a of e) {
+      const u = (i.get(a) ?? 0) + 1;
+      i.set(a, u), u > s && (s = u);
     }
-    if (s > t.length * 0.2) {
-      const l = [];
-      for (const [d, b] of i.entries())
-        b === s && l.push(d);
-      const c = l.reduce((d, b) => d + b, 0);
-      n = Math.floor(c / l.length);
+    if (s > e.length * 0.2) {
+      const a = [];
+      for (const [p, b] of i.entries())
+        b === s && a.push(p);
+      const u = a.reduce((p, b) => p + b, 0);
+      n = Math.floor(u / a.length);
     }
     return n;
   }
@@ -1487,15 +1557,15 @@ class ge {
    * @param {number} sampleCount - Maximum number of points to evaluate.
    * @returns {number} The estimated base value.
    */
-  static _sampleBaseValueStrided(t, e, n) {
-    if (e <= 0)
+  static _sampleBaseValueStrided(e, t, n) {
+    if (t <= 0)
       return 0;
-    let i = Math.max(1, Math.ceil(e / n));
+    let i = Math.max(1, Math.ceil(t / n));
     i % 2 === 0 && (i += 1);
     const s = [];
-    for (let l = 0; l < e && s.length < n; l += i)
-      s.push(qe(t(l), l));
-    return ge._modeOrMedian(s);
+    for (let a = 0; a < t && s.length < n; a += i)
+      s.push(Ut(e(a), a));
+    return vt._modeOrMedian(s);
   }
   /**
    * @method update
@@ -1504,8 +1574,8 @@ class ge {
    * @param {number} index - The 0-based index to update.
    * @param {number} value - The new value.
    */
-  update(t, e) {
-    return this.updates([{ index: t, value: e }]);
+  update(e, t) {
+    return this.updates([{ index: e, value: t }]);
   }
   /**
    * @method updates
@@ -1513,9 +1583,9 @@ class ge {
    * @description 指定されたインデックスの値を更新。
    * @param {ValueUpdate[]} updates - An array of updates, each with an index and the new value.
    */
-  updates(t) {
-    const e = this._buildDeltaUpdates(t);
-    return e.length > 0 ? this.updateDeltas(e) : this.total;
+  updates(e) {
+    const t = this._buildDeltaUpdates(e);
+    return t.length > 0 ? this.updateDeltas(t) : this.total;
   }
   /**
    * @method updateDelta
@@ -1524,8 +1594,8 @@ class ge {
    * @param {number} index - The 0-based index to update.
    * @param {number} change - The value to add to the delta at the given index.
    */
-  updateDelta(t, e) {
-    return this.updateDeltas([{ index: t, change: e }]);
+  updateDelta(e, t) {
+    return this.updateDeltas([{ index: e, change: t }]);
   }
   /**
    * @method updateDeltas
@@ -1533,23 +1603,23 @@ class ge {
    * @description 指定されたインデックスのデルタを更新し、変更をツリーに伝播させる。全件を先に検証してから適用する (アトミック性): 範囲外/非整数の index、非有限の change、適用後の実効値 (`baseValue` + delta) が負になる変更はいずれも適用前に throw で拒否。負の実効値は `_descend`/`_findIndexLarge` が前提とする累積和の単調性を破壊するため。
    * @param {DeltaUpdate[]} updates - An array of updates, each with an index and the change to apply.
    */
-  updateDeltas(t) {
-    const e = /* @__PURE__ */ new Map();
-    for (const { index: n, change: i } of t) {
+  updateDeltas(e) {
+    const t = /* @__PURE__ */ new Map();
+    for (const { index: n, change: i } of e) {
       if (n < 0 || n >= this.size)
         throw new Error(`Index ${n} out of bounds`);
       if (!Number.isInteger(n))
         throw new Error(`Index must be an integer: ${n}`);
       if (!Number.isFinite(i))
         throw new Error(`Change must be a finite number: ${i}`);
-      const l = (e.get(n) ?? this.deltas.get(n) ?? 0) + i;
-      if (l + this.baseValue < -1e-9)
-        throw new Error(`Change would make the value at index ${n} negative: ${l + this.baseValue}`);
-      e.set(n, l);
+      const a = (t.get(n) ?? this.deltas.get(n) ?? 0) + i;
+      if (a + this.baseValue < -1e-9)
+        throw new Error(`Change would make the value at index ${n} negative: ${a + this.baseValue}`);
+      t.set(n, a);
     }
-    for (const { index: n, change: i } of t) {
-      const l = (this.deltas.get(n) ?? 0) + i;
-      l === 0 ? this.deltas.delete(n) : this.deltas.set(n, l), this._updateTree(n, i);
+    for (const { index: n, change: i } of e) {
+      const a = (this.deltas.get(n) ?? 0) + i;
+      a === 0 ? this.deltas.delete(n) : this.deltas.set(n, a), this._updateTree(n, i);
     }
     return this.total;
   }
@@ -1561,18 +1631,18 @@ class ge {
    * @param {number} index - The 0-based index that changed.
    * @param {number} change - The change in value.
    */
-  _updateTree(t, e) {
-    if (e === 0)
+  _updateTree(e, t) {
+    if (t === 0)
       return;
-    let n = t + 1;
+    let n = e + 1;
     for (; n <= this.size; ) {
-      this.tree.set(n, (this.tree.get(n) ?? 0) + e);
-      const i = Pe(n);
+      this.tree.set(n, (this.tree.get(n) ?? 0) + t);
+      const i = yt(n);
       if (i === 0)
         break;
       n += i;
     }
-    this.total !== void 0 && (this.total += e);
+    this.total !== void 0 && (this.total += t);
   }
   /**
    * @private
@@ -1582,9 +1652,9 @@ class ge {
    * @param {ValueUpdate[]} updates - Requested value updates.
    * @returns {DeltaUpdate[]} Sanitized delta updates ready to apply.
    */
-  _buildDeltaUpdates(t) {
-    const e = [], n = /* @__PURE__ */ new Map();
-    for (const { index: i, value: s } of t) {
+  _buildDeltaUpdates(e) {
+    const t = [], n = /* @__PURE__ */ new Map();
+    for (const { index: i, value: s } of e) {
       if (i < 0 || i >= this.size)
         throw new Error(`Index ${i} out of bounds`);
       if (!Number.isInteger(i))
@@ -1593,10 +1663,10 @@ class ge {
         throw new Error(`Value must be a finite number: ${s}`);
       if (s < 0)
         throw new Error("Value cannot be negative.");
-      const l = n.has(i) ? n.get(i) ?? 0 : this.deltas.get(i) ?? 0, c = l + this.baseValue, d = s - c;
-      d !== 0 && e.push({ index: i, change: d }), n.set(i, l + d);
+      const a = n.has(i) ? n.get(i) ?? 0 : this.deltas.get(i) ?? 0, u = a + this.baseValue, p = s - u;
+      p !== 0 && t.push({ index: i, change: p }), n.set(i, a + p);
     }
-    return e;
+    return t;
   }
   /**
    * @private
@@ -1608,15 +1678,15 @@ class ge {
   _computeTreeTotal() {
     if (this.size <= 0)
       return 0;
-    let t = 0, e = this.size;
-    for (; e > 0; ) {
-      t += this.tree.get(e) ?? 0;
-      const n = Pe(e);
+    let e = 0, t = this.size;
+    for (; t > 0; ) {
+      e += this.tree.get(t) ?? 0;
+      const n = yt(t);
       if (n === 0)
         break;
-      e -= n;
+      t -= n;
     }
-    return t + this.baseValue * this.size;
+    return e + this.baseValue * this.size;
   }
   /**
    * @private
@@ -1626,12 +1696,12 @@ class ge {
    * @param {number} index - The 0-based index to materialize.
    * @param {boolean} [updateTree=true] - Whether to update the Fenwick tree after materialization.
    */
-  _materialize(t, e = !0) {
+  _materialize(e, t = !0) {
     if (this.valueFn) {
-      const n = this.deltas.get(t) ?? 0, s = qe(this.valueFn(t), t) - this.baseValue;
-      if (s !== n && (s === 0 ? this.deltas.delete(t) : this.deltas.set(t, s), e)) {
-        const l = s - n;
-        this._updateTree(t, l);
+      const n = this.deltas.get(e) ?? 0, s = Ut(this.valueFn(e), e) - this.baseValue;
+      if (s !== n && (s === 0 ? this.deltas.delete(e) : this.deltas.set(e, s), t)) {
+        const a = s - n;
+        this._updateTree(e, a);
       }
     }
   }
@@ -1644,27 +1714,27 @@ class ge {
    * @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) {
-    if (!(t?.materialize && this.valueFn))
+  _materializeRanges(e, t, n = !1) {
+    if (!(e?.materialize && this.valueFn))
       return;
-    const i = t.ranges;
+    const i = e.ranges;
     if (i && i.length > 0) {
-      for (const c of i) {
-        const d = Math.max(0, Math.trunc(c.from)), b = Math.min(Math.trunc(c.to), this.size - 1);
-        for (let I = d; I <= b; I++)
+      for (const u of i) {
+        const p = Math.max(0, Math.trunc(u.from)), b = Math.min(Math.trunc(u.to), this.size - 1);
+        for (let I = p; I <= b; I++)
           this._materialize(I);
       }
-      if (e === void 0)
+      if (t === void 0)
         return;
       if (n) {
-        this._materialize(e);
+        this._materialize(t);
         return;
       }
-      const s = i[0].from, l = i[i.length - 1].to;
-      e >= s && e <= l && this._materialize(e);
+      const s = i[0].from, a = i[i.length - 1].to;
+      t >= s && t <= a && this._materialize(t);
       return;
     }
-    e !== void 0 && this._materialize(e);
+    t !== void 0 && this._materialize(t);
   }
   /**
    * @private
@@ -1676,30 +1746,30 @@ class ge {
    * @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) {
+  _findIndex(e, t = {}, n) {
     if (this.size >= 1073741824)
-      return this._findIndexLarge(t, e, n);
+      return this._findIndexLarge(e, t, n);
     if (this.size === 0)
       return { index: -1, total: this.total ?? 0, cumulative: void 0, currentValue: void 0, safeIndex: void 0 };
-    this._materializeRanges(e.materializeOption);
-    const i = e.materializeOption?.materialize === !0;
+    this._materializeRanges(t.materializeOption);
+    const i = t.materializeOption?.materialize === !0;
     let s;
     for (; ; ) {
-      if (s = this._descend(t, n), s < 0 || s >= this.size)
+      if (s = this._descend(e, n), s < 0 || s >= this.size)
         return { index: -1, total: this.total ?? this.getTotal(), cumulative: void 0, currentValue: void 0, safeIndex: void 0 };
       if (!i)
         break;
-      const c = this.deltas.get(s) ?? 0;
-      if (this._materialize(s), (this.deltas.get(s) ?? 0) === c)
+      const u = this.deltas.get(s) ?? 0;
+      if (this._materialize(s), (this.deltas.get(s) ?? 0) === u)
         break;
     }
-    const l = this.prefixSum(s);
+    const a = this.prefixSum(s);
     return {
       index: s,
-      total: this.total ?? l.total,
-      cumulative: l.cumulative,
-      currentValue: l.currentValue,
-      safeIndex: l.safeIndex
+      total: this.total ?? a.total,
+      cumulative: a.cumulative,
+      currentValue: a.currentValue,
+      safeIndex: a.safeIndex
     };
   }
   /**
@@ -1711,63 +1781,63 @@ class ge {
    * @param {boolean} chooseLowerBound - When true, finds the smallest index meeting or exceeding the target; otherwise finds the largest index not exceeding it.
    * @returns {number} The candidate index (may be out of range when no index satisfies the condition).
    */
-  _descend(t, e) {
+  _descend(e, t) {
     let n = 0, i = 0, s = 1;
     for (; s << 1 <= this.size; )
       s <<= 1;
     for (; s > 0; s >>= 1) {
-      const l = n + s;
-      if (l <= this.size) {
-        const d = (this.tree.get(l) ?? 0) + this.baseValue * s;
-        (e ? i + d < t : i + d <= t) && (n = l, i += d);
+      const a = n + s;
+      if (a <= this.size) {
+        const p = (this.tree.get(a) ?? 0) + this.baseValue * s;
+        (t ? i + p < e : i + p <= e) && (n = a, i += p);
       }
     }
-    return e ? n : n - 1;
+    return t ? n : n - 1;
   }
   /**
    * Executes a binary search using bigint arithmetic for extremely large sizes.
    *
    * 非常に大きなサイズに対して bigint 演算を用いた二分探索を実施。
    */
-  _findIndexLarge(t, e, n) {
+  _findIndexLarge(e, t, n) {
     if (this.size === 0)
       return { index: -1, total: this.total ?? 0, cumulative: void 0, currentValue: void 0, safeIndex: void 0 };
-    const i = Rr(this.size);
+    const i = Xr(this.size);
     if (i === 0n)
       return { index: -1, total: this.total ?? 0, cumulative: void 0, currentValue: void 0, safeIndex: void 0 };
-    this._materializeRanges(e.materializeOption);
-    const s = e.materializeOption?.materialize === !0;
+    this._materializeRanges(t.materializeOption);
+    const s = t.materializeOption?.materialize === !0;
     for (; ; ) {
-      let l = 0n, c = i - 1n, d, b, I = this.total;
-      for (; l <= c; ) {
-        const p = l + c >> 1n, V = Number(p), z = this.prefixSum(V);
-        if (I = z.total, n ? z.cumulative >= t : z.cumulative <= t)
-          if (d = p, b = z, n) {
-            if (p === 0n)
+      let a = 0n, u = i - 1n, p, b, I = this.total;
+      for (; a <= u; ) {
+        const h = a + u >> 1n, D = Number(h), Z = this.prefixSum(D);
+        if (I = Z.total, n ? Z.cumulative >= e : Z.cumulative <= e)
+          if (p = h, b = Z, n) {
+            if (h === 0n)
               break;
-            c = p - 1n;
+            u = h - 1n;
           } else
-            l = p + 1n;
+            a = h + 1n;
         else if (n)
-          l = p + 1n;
+          a = h + 1n;
         else {
-          if (p === 0n)
+          if (h === 0n)
             break;
-          c = p - 1n;
+          u = h - 1n;
         }
       }
-      const v = b, C = d !== void 0 ? Number(d) : -1;
+      const T = b, C = p !== void 0 ? Number(p) : -1;
       if (s && C >= 0) {
-        const p = this.deltas.get(C) ?? 0;
-        if (this._materialize(C), (this.deltas.get(C) ?? 0) !== p)
+        const h = this.deltas.get(C) ?? 0;
+        if (this._materialize(C), (this.deltas.get(C) ?? 0) !== h)
           continue;
       }
       return {
         index: C,
         total: I,
-        cumulative: v?.cumulative,
-        currentValue: v?.currentValue,
-        safeIndex: v?.safeIndex
+        cumulative: T?.cumulative,
+        currentValue: T?.currentValue,
+        safeIndex: T?.safeIndex
       };
     }
   }
@@ -1779,24 +1849,24 @@ class ge {
    * @param {MaterializeConfig} [options] - Optional settings for materializing values.
    * @returns {{ cumulative: number; total: number | undefined; currentValue: number; safeIndex: number }} The cumulative sum of values from index 0 to the given index, the total sum, and the value at the given index.
    */
-  prefixSum(t, e) {
-    if (t < 0 || Number.isNaN(t))
+  prefixSum(e, t) {
+    if (e < 0 || Number.isNaN(e))
       return { cumulative: 0, total: this.total, currentValue: 0, safeIndex: 0 };
     if (this.size === 0)
       return { cumulative: 0, total: this.total ?? 0, currentValue: 0, safeIndex: 0 };
-    const n = rt(Math.trunc(t), 0, this.size - 1), i = e?.materializeOption;
+    const n = se(Math.trunc(e), 0, this.size - 1), i = t?.materializeOption;
     this._materializeRanges(i, n, !0);
-    let s = 0, l = n + 1;
-    for (; l > 0; ) {
-      const d = this.tree.get(l) ?? 0;
-      s += d;
-      const b = Pe(l);
+    let s = 0, a = n + 1;
+    for (; a > 0; ) {
+      const p = this.tree.get(a) ?? 0;
+      s += p;
+      const b = yt(a);
       if (b === 0)
         break;
-      l -= b;
+      a -= b;
     }
-    const c = i?.materialize ? this.get(n) : (this.deltas.get(n) || 0) + this.baseValue;
-    return { cumulative: s + this.baseValue * (n + 1), total: this.total, currentValue: c, safeIndex: n };
+    const u = i?.materialize ? this.get(n) : (this.deltas.get(n) || 0) + this.baseValue;
+    return { cumulative: s + this.baseValue * (n + 1), total: this.total, currentValue: u, safeIndex: n };
   }
   /**
    * @method get
@@ -1806,13 +1876,13 @@ class ge {
    * @param {MaterializeConfig} [options] - Optional settings for materializing values.
    * @returns {number} The value at the given index.
    */
-  get(t, e) {
+  get(e, t) {
     if (this.size === 0)
       return 0;
-    if (!Number.isInteger(t) || t < 0 || t >= this.size)
+    if (!Number.isInteger(e) || e < 0 || e >= 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 n = t?.materializeOption;
+    return this._materializeRanges(n, e), (this.deltas.get(e) ?? 0) + this.baseValue;
   }
   /**
    * @method getTotal
@@ -1821,15 +1891,15 @@ class ge {
    * @param {MaterializeConfig} [options] - Optional settings for materializing values.
    * @returns {number} The total sum of all values.
    */
-  getTotal(t) {
-    const e = t?.materializeOption;
-    if (this._materializeRanges(e), this.total === void 0)
+  getTotal(e) {
+    const t = e?.materializeOption;
+    if (this._materializeRanges(t), this.total === void 0)
       if (this.size === 0)
         this.total = 0;
       else {
         this.total = this._computeTreeTotal();
         const n = this.prefixSum(this.getSize() - 1);
-        n.cumulative !== n.total && N.error("Inconsistent Fenwick Tree state");
+        n.cumulative !== n.total && w.error("Inconsistent Fenwick Tree state");
       }
     return this.total;
   }
@@ -1840,26 +1910,26 @@ class ge {
    * @param {object} [options] - Optional settings for rebuilding.
    * @param {boolean} [options.materialize=false] - If true and `valueFn` is provided, re-materializes all values, recalculating `deltas` and `baseValue`.
    */
-  rebuildTree(t) {
-    if (t?.materialize && this.valueFn) {
+  rebuildTree(e) {
+    if (e?.materialize && this.valueFn) {
       const n = this.valueFn;
       this.reset(this.size, (i) => n(i), { materialize: !0 });
       return;
     }
-    const e = /* @__PURE__ */ new Map();
+    const t = /* @__PURE__ */ new Map();
     for (const [n, i] of this.deltas.entries()) {
       if (i === 0)
         continue;
       let s = n + 1;
       for (; s <= this.size; ) {
-        e.set(s, (e.get(s) ?? 0) + i);
-        const l = Pe(s);
-        if (l === 0)
+        t.set(s, (t.get(s) ?? 0) + i);
+        const a = yt(s);
+        if (a === 0)
           break;
-        s += l;
+        s += a;
       }
     }
-    this.tree = e, this.total = this._computeTreeTotal();
+    this.tree = t, this.total = this._computeTreeTotal();
   }
   /**
    * @method calculateAccumulatedError
@@ -1875,10 +1945,10 @@ class ge {
   calculateAccumulatedError() {
     if (this.total === void 0)
       return 0;
-    let t = this.baseValue * this.size;
-    for (const [e, n] of this.deltas)
-      e < this.size && (t += n);
-    return this.total - t;
+    let e = this.baseValue * this.size;
+    for (const [t, n] of this.deltas)
+      t < this.size && (e += n);
+    return this.total - e;
   }
   /**
    * @method changeSize
@@ -1916,27 +1986,27 @@ class ge {
    * throw。小数は切り捨て、負値は 0 に縮退 (`reset` の正規化規則と同一)。
    * @param {number} newSize - The new size of the tree.
    */
-  changeSize(t) {
-    if (!Number.isFinite(t))
-      throw new Error(`Size must be a finite number: ${t}`);
-    const e = Math.max(0, Math.trunc(t)), n = this.size;
-    if (e === n)
+  changeSize(e) {
+    if (!Number.isFinite(e))
+      throw new Error(`Size must be a finite number: ${e}`);
+    const t = Math.max(0, Math.trunc(e)), n = this.size;
+    if (t === n)
       return;
-    if (e > n)
+    if (t > n)
       if (n === 0 && this.deltas.size > 0) {
         for (const s of this.deltas.keys())
-          s >= e && this.deltas.delete(s);
-        this.size = e, this.rebuildTree();
+          s >= t && this.deltas.delete(s);
+        this.size = t, this.rebuildTree();
       } else
-        this._growSize(n, e);
+        this._growSize(n, t);
     else {
-      if (e > 0)
+      if (t > 0)
         for (const s of this.deltas.keys())
-          s >= e && this.deltas.delete(s);
-      this.size = e, this.rebuildTree();
+          s >= t && this.deltas.delete(s);
+      this.size = t, this.rebuildTree();
     }
     const i = this.prefixSum(this.getSize() - 1);
-    i.cumulative !== i.total && N.error("Inconsistent Fenwick Tree state");
+    i.cumulative !== i.total && w.error("Inconsistent Fenwick Tree state");
   }
   /**
    * @private
@@ -1947,15 +2017,15 @@ class ge {
    * @param {number} newSize - The new size (inclusive upper bound of the new node range).
    * @returns {number} The minimum left boundary `t - lowestSetBit(t)` of the newly-activated nodes.
    */
-  static _minCoveredLowBound(t, e) {
+  static _minCoveredLowBound(e, t) {
     let n = 1;
     for (; ; ) {
       const i = n * 2;
-      if (Math.floor(e / i) * i <= t)
+      if (Math.floor(t / i) * i <= e)
         break;
       n = i;
     }
-    return n * Math.floor(t / n);
+    return n * Math.floor(e / n);
   }
   /**
    * @private
@@ -1967,20 +2037,20 @@ class ge {
    * @param {number} oldSize - The previous size.
    * @param {number} newSize - The new (larger) size.
    */
-  _propagateDeltaToGrownNodes(t, e, n, i) {
-    let s = t + 1;
+  _propagateDeltaToGrownNodes(e, t, n, i) {
+    let s = e + 1;
     for (; s <= n; ) {
-      const l = Pe(s);
-      if (l === 0)
+      const a = yt(s);
+      if (a === 0)
         break;
-      s += l;
+      s += a;
     }
     for (; s <= i; ) {
-      this.tree.set(s, (this.tree.get(s) ?? 0) + e);
-      const l = Pe(s);
-      if (l === 0)
+      this.tree.set(s, (this.tree.get(s) ?? 0) + t);
+      const a = yt(s);
+      if (a === 0)
         break;
-      s += l;
+      s += a;
     }
   }
   /**
@@ -1991,17 +2061,17 @@ class ge {
    * @param {number} oldSize - The previous size.
    * @param {number} newSize - The new (larger) size.
    */
-  _growSize(t, e) {
-    if (this.size = e, this.deltas.size > 0) {
-      const n = ge._minCoveredLowBound(t, e);
-      if (t - n < this.deltas.size)
-        for (let s = n; s < t; s++) {
-          const l = this.deltas.get(s);
-          l === void 0 || l === 0 || this._propagateDeltaToGrownNodes(s, l, t, e);
+  _growSize(e, t) {
+    if (this.size = t, this.deltas.size > 0) {
+      const n = vt._minCoveredLowBound(e, t);
+      if (e - n < this.deltas.size)
+        for (let s = n; s < e; s++) {
+          const a = this.deltas.get(s);
+          a === void 0 || a === 0 || this._propagateDeltaToGrownNodes(s, a, e, t);
         }
       else
-        for (const [s, l] of this.deltas.entries())
-          l === 0 || s < n || this._propagateDeltaToGrownNodes(s, l, t, e);
+        for (const [s, a] of this.deltas.entries())
+          a === 0 || s < n || this._propagateDeltaToGrownNodes(s, a, e, t);
     }
     this.total = this._computeTreeTotal();
   }
@@ -2053,8 +2123,8 @@ class ge {
    * @param {MaterializeRange[]} [options.materializeOption.ranges] - Optional ranges for eager materialization.
    * @returns {{ index: number, total: number | undefined, cumulative: number | undefined, currentValue: number | undefined, safeIndex: number | undefined }} The 0-based index and the total sum, or -1 if not found.
    */
-  findIndexAtOrAfter(t, e) {
-    return this._findIndex(t, e ?? {}, !0);
+  findIndexAtOrAfter(e, t) {
+    return this._findIndex(e, t ?? {}, !0);
   }
   /**
    * @method findIndexAtOrBefore
@@ -2067,33 +2137,33 @@ class ge {
    * @param {MaterializeRange[]} [options.materializeOption.ranges] - Optional ranges for eager materialization。
    * @returns {{ index: number, total: number | undefined, cumulative: number | undefined, currentValue: number | undefined, safeIndex: number | undefined }} The 0-based index and the total sum, or -1 if not found.
    */
-  findIndexAtOrBefore(t, e) {
-    return this._findIndex(t, e ?? {}, !1);
+  findIndexAtOrBefore(e, t) {
+    return this._findIndex(e, t ?? {}, !1);
   }
 }
-const Er = (r, t) => {
-  const e = r?.sampleRange, n = t?.sampleRange;
-  return e === n ? !1 : e && n ? e.from !== n.from || e.to !== n.to : !0;
-}, Nr = (r, t, e) => {
-  const n = Number.isFinite(r) && r > 0 ? Math.trunc(r) : 0, i = x(null), s = x({ size: n, valueOrFn: t, options: e });
-  i.current === null && (i.current = new ge(n, t, e));
-  const l = i.current, c = s.current, d = c.size !== n, b = c.valueOrFn !== t, I = Er(c.options, e), v = c.size === 0 && n > 0 && (!i.current || i.current.base === 0);
+const $r = (r, e) => {
+  const t = r?.sampleRange, n = e?.sampleRange;
+  return t === n ? !1 : t && n ? t.from !== n.from || t.to !== n.to : !0;
+}, Wr = (r, e, t) => {
+  const n = Number.isFinite(r) && r > 0 ? Math.trunc(r) : 0, i = g(null), s = g({ size: n, valueOrFn: e, options: t });
+  i.current === null && (i.current = new vt(n, e, t));
+  const a = i.current, u = s.current, p = u.size !== n, b = u.valueOrFn !== e, I = $r(u.options, t), T = u.size === 0 && n > 0 && (!i.current || i.current.base === 0);
   if (b || I) {
-    const C = e?.resetOnValueFnChange ?? !0;
-    I || b && C || v ? (e?.debug && N.debug("[useFenwickMapTree] reset", { valueOrFnChanged: b, optionsChanged: I }), l.reset(n, t, e)) : (d && (e?.debug && N.debug("[useFenwickMapTree] resize (with valueFn change)", { from: c.size, to: n }), l.changeSize(n)), e?.debug && N.debug("[useFenwickMapTree] setValueFn (no reset)", { valueOrFnChanged: b }), l.setValueFn(t, { reset: !1 })), s.current = { size: n, valueOrFn: t, options: e };
-  } else d && (e?.debug && N.debug("[useFenwickMapTree] resize", { from: c.size, to: n }), v ? l.reset(n, t, e) : l.changeSize(n), s.current = { size: n, valueOrFn: t, options: e });
-  return l;
+    const C = t?.resetOnValueFnChange ?? !0;
+    I || b && C || T ? (t?.debug && w.debug("[useFenwickMapTree] reset", { valueOrFnChanged: b, optionsChanged: I }), a.reset(n, e, t)) : (p && (t?.debug && w.debug("[useFenwickMapTree] resize (with valueFn change)", { from: u.size, to: n }), a.changeSize(n)), t?.debug && w.debug("[useFenwickMapTree] setValueFn (no reset)", { valueOrFnChanged: b }), a.setValueFn(e, { reset: !1 })), s.current = { size: n, valueOrFn: e, options: t };
+  } else p && (t?.debug && w.debug("[useFenwickMapTree] resize", { from: u.size, to: n }), T ? a.reset(n, e, t) : a.changeSize(n), s.current = { size: n, valueOrFn: e, options: t });
+  return a;
 };
-class Cr {
+class Ur {
   key;
   value;
   prev = null;
   next = null;
-  constructor(t, e) {
-    this.key = t, this.value = e;
+  constructor(e, t) {
+    this.key = e, this.value = t;
   }
 }
-class He {
+class Kt {
   head = null;
   tail = null;
   /**
@@ -2102,8 +2172,8 @@ class He {
    * @description ノードをリストの末尾に追加し、最も最近使用されたものとしてマークします。
    * @param {DoublyLinkedListNode<K, V>} node - The node to add.
    */
-  addToTail(t) {
-    this.tail ? (this.tail.next = t, t.prev = this.tail, this.tail = t) : this.head = this.tail = t;
+  addToTail(e) {
+    this.tail ? (this.tail.next = e, e.prev = this.tail, this.tail = e) : this.head = this.tail = e;
   }
   /**
    * @method remove
@@ -2111,8 +2181,8 @@ class He {
    * @description 指定されたノードをリストから削除します。
    * @param {DoublyLinkedListNode<K, V>} node - The node to remove.
    */
-  remove(t) {
-    t.prev ? t.prev.next = t.next : this.head = t.next, t.next ? t.next.prev = t.prev : this.tail = t.prev, t.prev = null, t.next = null;
+  remove(e) {
+    e.prev ? e.prev.next = e.next : this.head = e.next, e.next ? e.next.prev = e.prev : this.tail = e.prev, e.prev = null, e.next = null;
   }
   /**
    * @method removeHead
@@ -2121,8 +2191,8 @@ class He {
    * @returns {DoublyLinkedListNode<K, V> | null} The removed head node, or null if the list is empty.
    */
   removeHead() {
-    const t = this.head;
-    return t && this.remove(t), t;
+    const e = this.head;
+    return e && this.remove(e), e;
   }
   /**
    * @method moveToTail
@@ -2130,250 +2200,274 @@ class He {
    * @description 既存のノードをリストの末尾に移動し、最も最近使用されたものとしてマークします。
    * @param {DoublyLinkedListNode<K, V>} node - The node to move.
    */
-  moveToTail(t) {
-    this.remove(t), this.addToTail(t);
+  moveToTail(e) {
+    this.remove(e), this.addToTail(e);
   }
 }
-function Vr(r) {
-  const t = x(/* @__PURE__ */ new Map()), e = x(new He()), n = Math.floor(r), i = x(n);
-  Y(() => {
+function Kr(r) {
+  const e = g(/* @__PURE__ */ new Map()), t = g(new Kt()), n = Math.floor(r), i = g(n);
+  H(() => {
     if (i.current = n, Number.isNaN(n) || n < 0) {
-      N.warn(`useLruCache: invalid capacity ${r}; the cache will not store any entries.`), t.current.clear(), e.current = new He();
+      w.warn(`useLruCache: invalid capacity ${r}; the cache will not store any entries.`), e.current.clear(), t.current = new Kt();
       return;
     }
     if (Number.isFinite(n))
-      for (; t.current.size > n; ) {
-        const I = e.current.removeHead();
+      for (; e.current.size > n; ) {
+        const I = t.current.removeHead();
         if (I)
-          t.current.delete(I.key);
+          e.current.delete(I.key);
         else
           break;
       }
   }, [r, n]);
   const s = S((I) => {
-    const v = t.current.get(I);
-    if (v)
-      return e.current.moveToTail(v), v.value;
-  }, []), l = S((I, v) => {
+    const T = e.current.get(I);
+    if (T)
+      return t.current.moveToTail(T), T.value;
+  }, []), a = S((I, T) => {
     const C = i.current;
     if (Number.isNaN(C) || C <= 0)
       return;
-    let p = t.current.get(I);
-    if (p)
-      p.value = v, e.current.moveToTail(p);
+    let h = e.current.get(I);
+    if (h)
+      h.value = T, t.current.moveToTail(h);
     else {
-      if (t.current.size >= C) {
-        const V = e.current.removeHead();
-        V && t.current.delete(V.key);
+      if (e.current.size >= C) {
+        const D = t.current.removeHead();
+        D && e.current.delete(D.key);
       }
-      p = new Cr(I, v), t.current.set(I, p), e.current.addToTail(p);
+      h = new Ur(I, T), e.current.set(I, h), t.current.addToTail(h);
     }
-  }, []), c = S((I) => t.current.has(I), []), d = S((I) => {
-    const v = t.current.get(I);
-    v && (e.current.remove(v), t.current.delete(I));
+  }, []), u = S((I) => e.current.has(I), []), p = S((I) => {
+    const T = e.current.get(I);
+    T && (t.current.remove(T), e.current.delete(I));
   }, []), b = S(() => {
-    t.current.clear(), e.current = new He();
+    e.current.clear(), t.current = new Kt();
   }, []);
-  return Ft(() => ({ get: s, set: l, has: c, remove: d, clear: b }), [s, l, c, d, b]);
+  return Fe(() => ({ get: s, set: a, has: u, remove: p, clear: b }), [s, a, u, p, b]);
 }
-const Dr = 1e4, qr = () => {
-  const { get: r, set: t, has: e, clear: n } = Vr(Dr);
-  return Ft(() => ({ get: r, set: t, has: e, clear: n }), [r, t, e, n]);
-}, St = (r, t) => t <= 0 ? 0 : rt(r, 0, t - 1), Ze = (r) => ({
+const jr = 1e4, ln = () => {
+  const { get: r, set: e, has: t, clear: n } = Kr(jr);
+  return Fe(() => ({ get: r, set: e, has: t, clear: n }), [r, e, t, n]);
+}, cn = (r, e) => {
+  const t = g(e), n = g(r);
+  ot(() => {
+    t.current = e, n.current = r;
+  }, [e, r]);
+  const i = g(/* @__PURE__ */ new WeakMap());
+  return S((s) => {
+    if (!s || i.current.has(s))
+      return;
+    const a = (u) => {
+      t.current?.enableBridge !== !1 && n.current.current?.applyWheel(u);
+    };
+    return s.addEventListener("wheel", a, { passive: !1 }), i.current.set(s, a), () => {
+      i.current.get(s) === a && (s.removeEventListener("wheel", a), i.current.delete(s));
+    };
+  }, []);
+}, Se = (r, e) => e <= 0 ? 0 : se(r, 0, e - 1), ar = (r) => ({
   top: Math.max(0, r?.top ?? 0),
   bottom: Math.max(0, r?.bottom ?? 0)
-}), Wt = (r, t) => r <= t ? 0 : r - t, Ie = (r, t) => r <= 0 ? 0 : r + t, Oe = 1e3, Je = 2e3, Ar = 1048576, Ne = (r) => {
+}), je = (r, e) => r <= e ? 0 : r - e, Tt = (r, e) => r <= 0 ? 0 : r + e, Ft = 1e3, lr = 2e3, Gr = 1048576, Zr = 40, Jr = (r) => {
+  const e = r.ownerDocument.defaultView?.getSelection();
+  if (!e || e.isCollapsed || e.rangeCount === 0)
+    return !1;
+  for (let t = 0; t < e.rangeCount; t += 1)
+    if (e.getRangeAt(t).intersectsNode(r))
+      return !0;
+  return !1;
+}, Dt = (r) => {
   if (!Number.isFinite(r)) return 0n;
-  const t = Math.trunc(r);
-  return t <= 0 ? 0n : BigInt(t);
-}, Lr = (r, t, e, n, i, s, l, c) => {
-  const d = Ne(n);
-  if (d === 0n)
+  const e = Math.trunc(r);
+  return e <= 0 ? 0n : BigInt(e);
+}, Qr = (r, e, t, n, i, s, a, u) => {
+  const p = Dt(n);
+  if (p === 0n)
     return { renderingStartIndex: 0, renderingEndIndex: 0, visibleStartIndex: 0, visibleEndIndex: 0 };
-  const b = (A) => A < 0n ? 0n : A >= d ? d - 1n : A, I = { materializeOption: { materialize: !1 } }, { index: v, cumulative: C } = s.findIndexAtOrAfter(r, I);
-  let p;
-  v === -1 ? p = d - 1n : (C === r ? p = Ne(v + 1) : p = Ne(v), p >= d && (p = d - 1n)), r <= 0 && (p = 0n), c && r >= l && (p = d - 1n);
-  const V = (A) => {
-    const O = Number(A);
+  const b = (P) => P < 0n ? 0n : P >= p ? p - 1n : P, I = { materializeOption: { materialize: !1 } }, { index: T, cumulative: C } = s.findIndexAtOrAfter(r, I);
+  let h;
+  T === -1 ? h = p - 1n : (C === r ? h = Dt(T + 1) : h = Dt(T), h >= p && (h = p - 1n)), r <= 0 && (h = 0n), u && r >= a && (h = p - 1n);
+  const D = (P) => {
+    const O = Number(P);
     if (!Number.isSafeInteger(O))
       return null;
-    const { cumulative: P } = s.prefixSum(O, { materializeOption: { materialize: !1 } });
-    if (!Number.isFinite(P))
+    const { cumulative: M } = s.prefixSum(O, { materializeOption: { materialize: !1 } });
+    if (!Number.isFinite(M))
       return null;
-    const { index: U } = s.findIndexAtOrAfter(P + 0.5, { materializeOption: { materialize: !1 } });
-    if (U === -1)
+    const { index: K } = s.findIndexAtOrAfter(M + 0.5, { materializeOption: { materialize: !1 } });
+    if (K === -1)
       return null;
-    const Z = Ne(U);
-    return Z > A ? Z : null;
-  }, z = (A) => {
-    let O = 0, P = A, U = A, Z = 0n, w = 0;
-    for (; P < d && O < t; ) {
-      const lt = Number(P), j = i(lt);
-      if (O += j, U = P, P += 1n, Z += 1n, !Number.isFinite(j) || j < 0)
+    const te = Dt(K);
+    return te > P ? te : null;
+  }, Z = (P) => {
+    let O = 0, M = P, K = P, te = 0n, j = 0;
+    for (; M < p && O < e; ) {
+      const _ = Number(M), G = i(_);
+      if (O += G, K = M, M += 1n, te += 1n, !Number.isFinite(G) || G < 0)
         break;
-      if (j === 0) {
-        if (w += 1, w > Oe) {
-          const T = V(U);
-          if (T !== null && T > P)
-            P = T, w = 0;
-          else if (T !== null && T === P && i(Number(P)) > 0)
-            w = 0;
+      if (G === 0) {
+        if (j += 1, j > Ft) {
+          const v = D(K);
+          if (v !== null && v > M)
+            M = v, j = 0;
+          else if (v !== null && v === M && i(Number(M)) > 0)
+            j = 0;
           else
             break;
         }
       } else
-        w = 0;
+        j = 0;
     }
-    return Z === 0n && (U = A), { height: O, end: U };
+    return te === 0n && (K = P), { height: O, end: K };
   };
-  let { height: W, end: at } = z(p);
-  if (W < t && p > 0n) {
-    let A = p, O = W, P = 0;
-    for (; A > 0n && O < t; ) {
-      A -= 1n;
-      const Z = Number(A), w = i(Z);
-      if (O += w, !Number.isFinite(w) || w < 0)
+  let { height: Y, end: ue } = Z(h);
+  if (Y < e && h > 0n) {
+    let P = h, O = Y, M = 0;
+    for (; P > 0n && O < e; ) {
+      P -= 1n;
+      const te = Number(P), j = i(te);
+      if (O += j, !Number.isFinite(j) || j < 0)
         break;
-      if (w === 0) {
-        if (P += 1, P > Oe) {
-          const lt = Number(A);
-          if (!Number.isSafeInteger(lt))
+      if (j === 0) {
+        if (M += 1, M > Ft) {
+          const _ = Number(P);
+          if (!Number.isSafeInteger(_))
             break;
-          const { cumulative: j } = s.prefixSum(lt, { materializeOption: { materialize: !1 } });
-          if (!Number.isFinite(j))
+          const { cumulative: G } = s.prefixSum(_, { materializeOption: { materialize: !1 } });
+          if (!Number.isFinite(G))
             break;
-          const { index: T } = s.findIndexAtOrAfter(j - 0.5, { materializeOption: { materialize: !1 } }), q = T === -1 ? -1n : Ne(T);
-          if (q >= 0n && q < A)
-            A = q + 1n, P = 0;
-          else if (q === A && A >= 1n && i(Number(A - 1n)) > 0)
-            P = 0;
+          const { index: v } = s.findIndexAtOrAfter(G - 0.5, { materializeOption: { materialize: !1 } }), q = v === -1 ? -1n : Dt(v);
+          if (q >= 0n && q < P)
+            P = q + 1n, M = 0;
+          else if (q === P && P >= 1n && i(Number(P - 1n)) > 0)
+            M = 0;
           else
             break;
         }
       } else
-        P = 0;
+        M = 0;
     }
-    p = b(A);
-    const U = z(p);
-    W = U.height, at = U.end;
+    h = b(P);
+    const K = Z(h);
+    Y = K.height, ue = K.end;
   }
-  const Q = b(p), tt = b(at), xt = b(Q - BigInt(Math.max(0, e))), Et = b(tt + BigInt(Math.max(0, e)));
+  const de = b(h), oe = b(ue), ae = b(de - BigInt(Math.max(0, t))), fe = b(oe + BigInt(Math.max(0, t)));
   return {
-    renderingStartIndex: St(Number(xt), n),
-    renderingEndIndex: St(Number(Et), n),
-    visibleStartIndex: St(Number(Q), n),
-    visibleEndIndex: St(Number(tt), n)
+    renderingStartIndex: Se(Number(ae), n),
+    renderingEndIndex: Se(Number(fe), n),
+    visibleStartIndex: Se(Number(de), n),
+    visibleEndIndex: Se(Number(oe), n)
   };
-}, _r = (r, t, e, n, i, s, l) => {
+}, en = (r, e, t, n, i, s, a) => {
   if (n === 0)
     return { renderingStartIndex: 0, renderingEndIndex: 0, visibleStartIndex: 0, visibleEndIndex: 0 };
-  const c = Number.isFinite(l), d = c ? Math.min(Math.max(0, r), l) : Math.max(0, r);
+  const u = Number.isFinite(a), p = u ? Math.min(Math.max(0, r), a) : Math.max(0, r);
   if (n >= Number.MAX_SAFE_INTEGER)
-    return Lr(d, t, e, n, i, s, l, c);
-  const { index: b, cumulative: I, currentValue: v } = s.findIndexAtOrAfter(d, { materializeOption: { materialize: !1 } }), C = b === -1 ? t <= 0 || (I ?? 0) < d + (v ?? 0) ? n - 1 : 0 : b;
-  let p = St(C, n), V = 0;
-  if (b !== -1 && I === d)
-    p = St(b + 1, n), V = 0;
-  else if (p === b && I !== void 0 && v !== void 0)
-    V = I - v - d;
+    return Qr(p, e, t, n, i, s, a, u);
+  const { index: b, cumulative: I, currentValue: T } = s.findIndexAtOrAfter(p, { materializeOption: { materialize: !1 } }), C = b === -1 ? e <= 0 || (I ?? 0) < p + (T ?? 0) ? n - 1 : 0 : b;
+  let h = Se(C, n), D = 0;
+  if (b !== -1 && I === p)
+    h = Se(b + 1, n), D = 0;
+  else if (h === b && I !== void 0 && T !== void 0)
+    D = I - T - p;
   else {
-    const { cumulative: A, currentValue: O } = s.prefixSum(p, { materializeOption: { materialize: !1 } });
-    V = (A ?? 0) - (O ?? 0) - d;
+    const { cumulative: P, currentValue: O } = s.prefixSum(h, { materializeOption: { materialize: !1 } });
+    D = (P ?? 0) - (O ?? 0) - p;
   }
-  const z = V, W = (A, O) => {
-    let P = A, U = O, Z = 0;
-    for (; P < n && U < t; ) {
-      const w = i(P);
-      if (U += w, P++, !Number.isFinite(w) || w < 0)
+  const Z = D, Y = (P, O) => {
+    let M = P, K = O, te = 0;
+    for (; M < n && K < e; ) {
+      const j = i(M);
+      if (K += j, M++, !Number.isFinite(j) || j < 0)
         break;
-      if (w === 0) {
-        if (Z++, Z > Oe) {
-          const { cumulative: lt } = s.prefixSum(P - 1, { materializeOption: { materialize: !1 } }), { index: j } = Number.isFinite(lt) ? s.findIndexAtOrAfter(lt + 0.5, { materializeOption: { materialize: !1 } }) : { index: -1 };
-          if (j > P)
-            P = j, Z = 0;
-          else if (j === P && i(P) > 0)
-            Z = 0;
+      if (j === 0) {
+        if (te++, te > Ft) {
+          const { cumulative: _ } = s.prefixSum(M - 1, { materializeOption: { materialize: !1 } }), { index: G } = Number.isFinite(_) ? s.findIndexAtOrAfter(_ + 0.5, { materializeOption: { materialize: !1 } }) : { index: -1 };
+          if (G > M)
+            M = G, te = 0;
+          else if (G === M && i(M) > 0)
+            te = 0;
           else
             break;
         }
       } else
-        Z = 0;
+        te = 0;
     }
-    return { cursor: P, height: U };
-  }, at = W(p, V);
-  let Q = at.cursor;
-  if (V = at.height, V < t && p > 0) {
-    let A = V + Math.abs(Math.min(0, z)), O = p - 1, P = 0;
-    for (; O >= 0 && A < t; ) {
-      const Z = i(O);
-      if (A += Z, !Number.isFinite(Z) || Z < 0) {
+    return { cursor: M, height: K };
+  }, ue = Y(h, D);
+  let de = ue.cursor;
+  if (D = ue.height, D < e && h > 0) {
+    let P = D + Math.abs(Math.min(0, Z)), O = h - 1, M = 0;
+    for (; O >= 0 && P < e; ) {
+      const te = i(O);
+      if (P += te, !Number.isFinite(te) || te < 0) {
         O--;
         break;
       }
-      if (Z === 0) {
-        if (P++, P > Oe) {
-          const { cumulative: w } = s.prefixSum(O, { materializeOption: { materialize: !1 } }), { index: lt } = Number.isFinite(w) ? s.findIndexAtOrAfter(w - 0.5, { materializeOption: { materialize: !1 } }) : { index: -1 };
-          if (lt !== -1 && lt < O) {
-            O = lt, P = 0;
+      if (te === 0) {
+        if (M++, M > Ft) {
+          const { cumulative: j } = s.prefixSum(O, { materializeOption: { materialize: !1 } }), { index: _ } = Number.isFinite(j) ? s.findIndexAtOrAfter(j - 0.5, { materializeOption: { materialize: !1 } }) : { index: -1 };
+          if (_ !== -1 && _ < O) {
+            O = _, M = 0;
             continue;
           }
-          if (lt === O && O >= 1 && i(O - 1) > 0)
-            P = 0;
+          if (_ === O && O >= 1 && i(O - 1) > 0)
+            M = 0;
           else {
             O--;
             break;
           }
         }
       } else
-        P = 0;
+        M = 0;
       O--;
     }
-    p = St(O + 1, n);
-    const U = W(p, 0);
-    Q = U.cursor, V = U.height;
+    h = Se(O + 1, n);
+    const K = Y(h, 0);
+    de = K.cursor, D = K.height;
   }
-  const tt = St(p - e, n), xt = St(Math.max(Q - 1, p), n), Et = St(xt + e, n);
-  return { renderingStartIndex: tt, renderingEndIndex: Et, visibleStartIndex: p, visibleEndIndex: xt };
-}, Qe = (r, t, e) => {
-  const n = Math.max(0, t ?? 0), i = x({ last: 0, id: null, arg: null }).current;
-  return Y(
+  const oe = Se(h - t, n), ae = Se(Math.max(de - 1, h), n), fe = Se(ae + t, n);
+  return { renderingStartIndex: oe, renderingEndIndex: fe, visibleStartIndex: h, visibleEndIndex: ae };
+}, cr = (r, e, t) => {
+  const n = Math.max(0, e ?? 0), i = g({ last: 0, id: null, arg: null }).current;
+  return H(
     () => () => {
       if (i.id !== null && (cancelAnimationFrame(i.id), i.id = null), i.arg !== null && r.current) {
         try {
-          e(r.current, i.arg);
+          t(r.current, i.arg);
         } catch (s) {
           console.error("[useThrottledInvoker] Error flushing pending callback on unmount", s);
         }
         i.arg = null;
       }
     },
-    [i, r, e]
+    [i, r, t]
   ), S(
     (s) => {
       if (i.arg = s, i.id !== null) return;
-      const l = (c) => {
+      const a = (u) => {
         if (i.id = null, i.arg === null) return;
-        const d = c - i.last;
-        if (n === 0 || i.last === 0 || d >= n) {
+        const p = u - i.last;
+        if (n === 0 || i.last === 0 || p >= n) {
           if (r.current)
             try {
-              e(r.current, i.arg);
+              t(r.current, i.arg);
             } catch (b) {
               console.error("[useThrottledInvoker] Error invoking callback", b);
             }
-          i.arg = null, i.last = c;
+          i.arg = null, i.last = u;
         }
-        i.arg !== null && (i.id = requestAnimationFrame(l));
+        i.arg !== null && (i.id = requestAnimationFrame(a));
       };
-      i.id = requestAnimationFrame(l);
+      i.id = requestAnimationFrame(a);
     },
-    [n, e, r, i]
+    [n, t, r, i]
   );
-}, Or = nr.memo(({ index: r, top: t, height: e, item: n, children: i, clipItemHeight: s, enableKeyboardNavigation: l, onKeyDown: c, onFocus: d, registerItemRef: b }) => {
-  const I = S((V) => b(r, V), [r, b]), v = S((V) => c(V, r), [r, c]), C = S(() => d(r), [r, d]), p = S((V) => {
-    V.currentTarget.focus({ preventScroll: !0 });
+}, tn = br.memo(({ index: r, top: e, height: t, item: n, children: i, clipItemHeight: s, enableKeyboardNavigation: a, onKeyDown: u, onFocus: p, registerItemRef: b }) => {
+  const I = S((D) => b(r, D), [r, b]), T = S((D) => u(D, r), [r, u]), C = S(() => p(r), [r, p]), h = S((D) => {
+    D.currentTarget.focus({ preventScroll: !0 });
   }, []);
-  return /* @__PURE__ */ ot(
+  return /* @__PURE__ */ le(
     "div",
     {
       ref: I,
@@ -2381,621 +2475,643 @@ const Dr = 1e4, qr = () => {
       "data-virtualscroll-item": "true",
       className: "aqvs-item-container",
       style: {
-        top: t,
-        height: e,
+        top: e,
+        height: t,
         overflow: s ? "hidden" : void 0
       },
-      tabIndex: l ? -1 : void 0,
-      onPointerDown: l ? p : void 0,
-      onKeyDownCapture: l ? v : void 0,
-      onFocusCapture: l ? C : void 0,
+      tabIndex: a ? -1 : void 0,
+      onPointerDown: a ? h : void 0,
+      onKeyDownCapture: a ? T : void 0,
+      onFocusCapture: a ? C : void 0,
       children: i(n, r)
     }
   );
-}), kr = ({
+}), rn = ({
   itemCount: r,
-  getItem: t,
-  getItemKey: e,
+  getItem: e,
+  getItemKey: t,
   getItemHeight: n,
   viewportSize: i,
   overscanCount: s = 15,
-  className: l,
-  testId: c,
-  onScroll: d,
+  className: a,
+  testId: u,
+  onScroll: p,
   onRangeChange: b,
   children: I,
-  background: v,
+  background: T,
   initialScrollIndex: C,
-  initialScrollOffset: p,
-  initialScrollAnchor: V,
-  callbackThrottleMs: z = 5,
-  contentInsets: W,
-  onItemFocus: at,
-  scrollBarOptions: Q,
-  behaviorOptions: tt,
-  onWheelHorizontal: xt,
-  contentProps: Et
-}, A) => {
-  const { width: O, enableThumbDrag: P, enableTrackClick: U, enableArrowButtons: Z, enableScrollToTopBottomButtons: w, renderThumbOverlay: lt, tapScrollCircleOptions: j } = Q ?? {}, { enablePointerDrag: T, pointerDragInputs: q, enableKeyboardNavigation: H = !0, wheelSpeedMultiplier: Ht, inertiaOptions: Dt, clipItemHeight: et = !1, resetOnGetItemHeightChange: nt = !1 } = tt ?? {}, G = x(null), J = x({
+  initialScrollOffset: h,
+  initialScrollAnchor: D,
+  callbackThrottleMs: Z = 5,
+  contentInsets: Y,
+  onItemFocus: ue,
+  scrollBarOptions: de,
+  behaviorOptions: oe,
+  onWheelHorizontal: ae,
+  horizontalKeyInputs: fe,
+  horizontalKeyStep: P = Zr,
+  contentProps: O
+}, M) => {
+  const { width: K, enableThumbDrag: te, enableTrackClick: j, enableArrowButtons: _, enableScrollToTopBottomButtons: G, renderThumbOverlay: v, tapScrollCircleOptions: q } = de ?? {}, { enablePointerDrag: Ee, pointerDragInputs: Qe, enableKeyboardNavigation: N = !0, wheelSpeedMultiplier: De, inertiaOptions: Ge, clipItemHeight: Pe = !1, resetOnGetItemHeightChange: Ne = !1 } = oe ?? {}, [Ze, $e] = nt(0), X = i ?? Ze, ze = S((o) => {
+    $e((c) => c === o ? c : o);
+  }, []), ne = g(null), he = g({
     renderingStartIndex: 0,
     renderingEndIndex: 0,
     visibleStartIndex: 0,
     visibleEndIndex: 0,
     scrollPosition: 0,
     totalHeight: 0
-  }), vt = x(V && r > 0 ? { index: rt(Math.trunc(V.index), 0, r - 1), align: "top", offset: -Math.max(0, V.offsetPx ?? 0) } : null), Lt = x(!1), jt = x(!0);
-  Y(() => {
-    if (jt.current) {
-      jt.current = !1;
+  }), Ye = g(D && r > 0 ? { index: se(Math.trunc(D.index), 0, r - 1), align: "top", offset: -Math.max(0, D.offsetPx ?? 0) } : null), Ae = g(!1), dt = g(!0);
+  H(() => {
+    if (dt.current) {
+      dt.current = !1;
       return;
     }
-    nt && (vt.current = null);
-  }, [nt, n]);
-  const R = Ft(() => Ze(W), [W]), [de] = re(() => {
-    const u = V?.index ?? C, m = typeof u == "number" && Number.isFinite(u) ? Math.max(0, Math.trunc(u)) : 0;
+    Ne && (Ye.current = null);
+  }, [Ne, n]);
+  const R = Fe(() => ar(Y), [Y]), [ft] = nt(() => {
+    const c = D?.index ?? C, m = typeof c == "number" && Number.isFinite(c) ? Math.max(0, Math.trunc(c)) : 0;
     return { from: Math.max(0, m - 50), to: m + 50 };
-  }), it = Ft(
+  }), pt = Fe(
     // 目的: Fenwick Tree のオプション設定
     // 依存関係: resetOnGetItemHeightChange, initialSampleRange (マウント時固定)
     // itemCount には依存させない (依存させると追記のたびに options 参照が変わり、計測済み高さが全消去される)。
     // この useMemo により sampleRange を毎レンダー新規生成しない = 参照同一性由来の破壊的 reset を防ぐ。
     () => ({
-      sampleRange: de,
-      resetOnValueFnChange: nt,
+      sampleRange: ft,
+      resetOnValueFnChange: Ne,
       materialize: !0
     }),
-    [nt, de]
-  ), E = Nr(r, n, it), [Vt] = re(() => {
-    let a = 0, u = 0;
-    if (V && r > 0) {
-      const m = rt(Math.trunc(V.index), 0, r - 1), D = Math.max(0, V.offsetPx ?? 0), _ = rt(m - s * 2, 0, r - 1), F = rt(m + s * 2, 0, r - 1), $ = m > 0 || D > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: _, to: F }] } } : void 0, { cumulative: K, total: Rt, currentValue: pt } = E.prefixSum(m, $), ht = Math.max(K - pt + D, 0);
-      a = Ie(ht, R.top), u = Rt ?? E.getTotal();
+    [Ne, ft]
+  ), V = Wr(r, n, pt), [J] = nt(() => {
+    let o = 0, c = 0;
+    if (D && r > 0) {
+      const m = se(Math.trunc(D.index), 0, r - 1), z = Math.max(0, D.offsetPx ?? 0), L = se(m - s * 2, 0, r - 1), F = se(m + s * 2, 0, r - 1), W = m > 0 || z > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: L, to: F }] } } : void 0, { cumulative: re, total: Me, currentValue: pe } = V.prefixSum(m, W), me = Math.max(re - pe + z, 0);
+      o = Tt(me, R.top), c = Me ?? V.getTotal();
     } else if (typeof C == "number") {
-      const m = rt(C, 0, r - 1), D = rt(m - s * 2, 0, r - 1), _ = rt(m + s * 2, 0, r - 1), F = C > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: D, to: _ }] } } : void 0, { cumulative: $, total: K, currentValue: Rt } = E.prefixSum(C, F), pt = Math.max($ - Rt, 0);
-      a = Ie(pt, R.top), u = K ?? E.getTotal();
-    } else typeof p == "number" && (a = Ie(Math.max(p, 0), R.top)), u = E.getTotal();
-    return { position: a, total: u };
-  }), [zt, Jt] = re(Vt.position), [$t, h] = re(Vt.total), k = x(Vt.position), gt = x(R.top), X = x(d ?? void 0), Pt = x(b ?? void 0), ct = x(/* @__PURE__ */ new Map()), It = x(null), Mt = x(null), [yt, ut] = re(null), [At, dt] = re(!1), st = x(null), _t = x(!1), Xt = x(0), Nt = x(!1), ne = x(!1), Gt = x(r);
-  Gt.current !== r && (Gt.current = r, ne.current = !0), Y(() => {
-    X.current = d ?? void 0, Pt.current = b ?? void 0;
-  }, [b, d]);
-  const Ct = S(
-    (a) => {
-      if (H && a && typeof a.focus == "function")
+      const m = se(C, 0, r - 1), z = se(m - s * 2, 0, r - 1), L = se(m + s * 2, 0, r - 1), F = C > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: z, to: L }] } } : void 0, { cumulative: W, total: re, currentValue: Me } = V.prefixSum(C, F), pe = Math.max(W - Me, 0);
+      o = Tt(pe, R.top), c = re ?? V.getTotal();
+    } else typeof h == "number" && (o = Tt(Math.max(h, 0), R.top)), c = V.getTotal();
+    return { position: o, total: c };
+  }), [We, gt] = nt(J.position), [Be, et] = nt(J.total), ce = g(J.position), d = g(R.top), Q = g(p ?? void 0), $ = g(b ?? void 0), k = g(ae), B = (fe?.length ?? 0) > 0, ge = !!ae;
+  H(() => {
+    B && (N || w.warn("[VirtualScroll] horizontalKeyInputs is set but behaviorOptions.enableKeyboardNavigation is false; horizontal keyboard scrolling is disabled because the row key handler is not mounted."), ge || w.warn("[VirtualScroll] horizontalKeyInputs is set but onWheelHorizontal is missing; horizontal keyboard scrolling is disabled because the package does not own the horizontal axis."), Number.isFinite(P) && P > 0 || w.warn(`[VirtualScroll] horizontalKeyStep must be a finite positive number, received ${P}. Horizontal arrow keys are left untouched.`));
+  }, [B, ge, N, P]);
+  const Le = g(/* @__PURE__ */ new Map()), ee = g(null), He = g(null), [Ve, Ce] = nt(null), [Ue, Te] = nt(!1), be = g(null), we = g(!1), ye = g(0), tt = g(!1), rt = g(!1), at = g(r);
+  at.current !== r && (at.current = r, rt.current = !0), ot(() => {
+    Q.current = p ?? void 0, $.current = b ?? void 0, k.current = ae;
+  }, [b, p, ae]);
+  const f = S(
+    (o) => {
+      if (N && o && typeof o.focus == "function")
         try {
-          a.focus({ preventScroll: !0 });
+          o.focus({ preventScroll: !0 });
         } catch {
-          a.focus();
+          o.focus();
         }
     },
-    [H]
-  ), f = S((a, { position: u, totalHeight: m }) => {
-    a(u, m);
-  }, []), M = Qe(X, z, f), ft = S((a, u) => {
-    a(u);
-  }, []), Tt = Qe(Pt, z, ft), wt = x(R.top);
-  wt.current = R.top;
-  const ie = x(M);
-  ie.current = M, Y(() => (Lt.current = !1, () => {
-    Lt.current = !0, st.current && (clearTimeout(st.current), st.current = null);
-  }), []), Y(() => {
-    H || (ct.current.clear(), It.current = null, Mt.current = null);
-  }, [H]);
-  const Qt = S(
-    (a, u) => {
-      if (!u) {
-        ct.current.delete(a);
+    [N]
+  ), E = S((o, { position: c, totalHeight: m }) => {
+    o(c, m);
+  }, []), Ie = cr(Q, Z, E), Oe = S((o, c) => {
+    o(c);
+  }, []), _e = cr($, Z, Oe), it = g(R.top);
+  it.current = R.top;
+  const lt = g(Ie);
+  lt.current = Ie, H(() => (Ae.current = !1, () => {
+    Ae.current = !0, be.current && (clearTimeout(be.current), be.current = null);
+  }), []), H(() => {
+    N || (Le.current.clear(), ee.current = null, He.current = null);
+  }, [N]);
+  const mt = S(
+    (o, c) => {
+      if (!c) {
+        Le.current.delete(o);
         return;
       }
-      H && (ct.current.set(a, u), It.current === a && (It.current = null, Mt.current = a, Ct(u)));
+      N && (Le.current.set(o, c), ee.current === o && (ee.current = null, He.current = o, f(c)));
     },
-    [H, Ct]
-  ), te = 0.01, Kt = x({
+    [N, f]
+  ), ct = 0.01, ht = g({
     rafId: null,
     loopActive: !1,
     idleFrames: 0,
-    lastRenderedPosition: Vt.position
-  }), se = S(() => {
-    const a = Kt.current;
-    a.rafId !== null && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(a.rafId), a.rafId = null, a.loopActive = !1, a.idleFrames = 0;
+    lastRenderedPosition: J.position
+  }), Mt = S(() => {
+    const o = ht.current;
+    o.rafId !== null && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(o.rafId), o.rafId = null, o.loopActive = !1, o.idleFrames = 0;
   }, []);
-  Y(
+  H(
     () => () => {
-      se();
+      Mt();
     },
-    [se]
+    [Mt]
   );
-  const fe = x(() => {
-  }), Zt = S(() => {
-    const a = Kt.current;
-    a.rafId = null;
-    const u = k.current, m = Wt(u, wt.current), D = E.getTotal();
-    if (Jt((F) => Math.abs(F - u) < te ? F : u), Math.abs(a.lastRenderedPosition - u) >= te ? (ie.current({ position: m, totalHeight: D }), a.lastRenderedPosition = u, a.idleFrames = 0) : a.idleFrames += 1, a.idleFrames >= 2) {
-      se();
+  const zt = g(() => {
+  }), bt = S(() => {
+    const o = ht.current;
+    o.rafId = null;
+    const c = ce.current, m = je(c, it.current), z = V.getTotal();
+    if (gt((F) => Math.abs(F - c) < ct ? F : c), Math.abs(o.lastRenderedPosition - c) >= ct ? (lt.current({ position: m, totalHeight: z }), o.lastRenderedPosition = c, o.idleFrames = 0) : o.idleFrames += 1, o.idleFrames >= 2) {
+      Mt();
       return;
     }
     if (typeof requestAnimationFrame == "function") {
-      a.rafId = requestAnimationFrame((F) => fe.current(F));
+      o.rafId = requestAnimationFrame((F) => zt.current(F));
       return;
     }
-    a.loopActive = !1;
-  }, [E, se]);
-  fe.current = Zt;
-  const we = S(() => {
-    const a = Kt.current;
-    if (a.idleFrames = 0, !a.loopActive) {
-      if (a.loopActive = !0, typeof requestAnimationFrame == "function") {
-        a.rafId = requestAnimationFrame(Zt);
+    o.loopActive = !1;
+  }, [V, Mt]);
+  zt.current = bt;
+  const At = S(() => {
+    const o = ht.current;
+    if (o.idleFrames = 0, !o.loopActive) {
+      if (o.loopActive = !0, typeof requestAnimationFrame == "function") {
+        o.rafId = requestAnimationFrame(bt);
         return;
       }
-      a.loopActive = !1;
+      o.loopActive = !1;
     }
-  }, [Zt]), mt = S(
-    (a, u) => {
-      const m = u?.immediate ?? !1, D = Wt(a, R.top);
-      if (k.current = a, m) {
-        Kt.current.lastRenderedPosition = a, Kt.current.idleFrames = 0, Jt(a), M({ position: D, totalHeight: E.getTotal() });
+  }, [bt]), xe = S(
+    (o, c) => {
+      const m = c?.immediate ?? !1, z = je(o, R.top);
+      if (ce.current = o, m) {
+        ht.current.lastRenderedPosition = o, ht.current.idleFrames = 0, gt(o), Ie({ position: z, totalHeight: V.getTotal() });
         return;
       }
-      we();
+      At();
     },
-    [we, E, R.top, M]
-  ), me = S((a) => {
-    const u = G.current;
-    if (!u)
-      return a;
-    const m = u.getScrollPosition();
-    Xt.current += 1;
-    const D = u.scrollTo(a);
-    return D === m && (Xt.current = Math.max(0, Xt.current - 1)), Math.abs(D - a) > 0.5 && (Nt.current = !0), D;
-  }, []), Ce = x(!1);
-  Y(() => {
-    if (!Ce.current)
-      if (Ce.current = !0, V == null && typeof C != "number" && typeof p == "number") {
-        const a = Ie(Math.max(p, 0), R.top), u = Math.abs(a - k.current) > 0.5;
-        mt(a, { immediate: !0 }), u && G.current?.scrollTo(a);
+    [At, V, R.top, Ie]
+  ), xt = S((o) => {
+    const c = ne.current;
+    if (!c)
+      return o;
+    const m = c.getScrollPosition();
+    ye.current += 1;
+    const z = c.scrollTo(o);
+    return z === m && (ye.current = Math.max(0, ye.current - 1)), Math.abs(z - o) > 0.5 && (tt.current = !0), z;
+  }, []), Lt = g(!1);
+  H(() => {
+    if (!Lt.current)
+      if (Lt.current = !0, D == null && typeof C != "number" && typeof h == "number") {
+        const o = Tt(Math.max(h, 0), R.top), c = Math.abs(o - ce.current) > 0.5;
+        xe(o, { immediate: !0 }), c && ne.current?.scrollTo(o);
       } else
-        mt(k.current, { immediate: !0 });
-  }, [V, C, p, R.top, mt]), Y(() => {
-    const a = E.getTotal();
-    if ($t !== a) {
-      h(a);
+        xe(ce.current, { immediate: !0 });
+  }, [D, C, h, R.top, xe]), H(() => {
+    const o = V.getTotal();
+    if (Be !== o) {
+      et(o);
       return;
     }
-    if (Nt.current) {
-      Nt.current = !1;
-      const u = G.current;
-      if (u && Math.abs(u.getScrollPosition() - k.current) > 0.5) {
-        const m = me(k.current);
-        Nt.current = !1, mt(m, { immediate: !0 });
+    if (tt.current) {
+      tt.current = !1;
+      const c = ne.current;
+      if (c && Math.abs(c.getScrollPosition() - ce.current) > 0.5) {
+        const m = xt(ce.current);
+        tt.current = !1, xe(m, { immediate: !0 });
       }
     }
-  }, [E, $t, r, me, mt]), Y(() => {
-    if (vt.current !== null) {
-      const { index: a, align: u, offset: m } = vt.current, D = St(a, r), { cumulative: _, currentValue: F } = E.prefixSum(D, { materializeOption: { materialize: !1 } });
-      if (_ !== void 0 && F !== void 0) {
-        const $ = Math.max(_ - F, 0);
-        let K = $;
-        u === "bottom" ? K = _ - i : u === "center" && (K = $ + F / 2 - i / 2), m && (K -= m), K = Math.max(0, K);
-        const Rt = Math.max(0, $t + R.top + R.bottom - i), pt = Math.min(Ie(K, R.top), Rt);
-        Math.abs(pt - k.current) > 1 && (N.debug("[VirtualScroll] Drift correction", {
-          from: k.current,
-          to: pt,
-          targetIndex: D
-        }), Xt.current === 0 && (Xt.current += 1), G.current?.scrollTo(pt), mt(pt, { immediate: !0 }));
+  }, [V, Be, r, xt, xe]), H(() => {
+    if (Ye.current !== null) {
+      const { index: o, align: c, offset: m } = Ye.current, z = Se(o, r), { cumulative: L, currentValue: F } = V.prefixSum(z, { materializeOption: { materialize: !1 } });
+      if (L !== void 0 && F !== void 0) {
+        const W = Math.max(L - F, 0);
+        let re = W;
+        c === "bottom" ? re = L - X : c === "center" && (re = W + F / 2 - X / 2), m && (re -= m), re = Math.max(0, re);
+        const Me = Math.max(0, Be + R.top + R.bottom - X), pe = Math.min(Tt(re, R.top), Me);
+        Math.abs(pe - ce.current) > 1 && (w.debug("[VirtualScroll] Drift correction", {
+          from: ce.current,
+          to: pe,
+          targetIndex: z
+        }), ye.current === 0 && (ye.current += 1), ne.current?.scrollTo(pe), xe(pe, { immediate: !0 }));
       }
     }
-    ne.current = !1;
-  }, [$t, E, r, R.top, mt, i, R.bottom]), Y(() => {
-    const a = gt.current;
-    if (a === R.top || (gt.current = R.top, vt.current))
+    rt.current = !1;
+  }, [Be, V, r, R.top, xe, X, R.bottom]), H(() => {
+    const o = d.current;
+    if (o === R.top || (d.current = R.top, Ye.current))
       return;
-    const u = Wt(k.current, a), m = Ie(u, R.top);
-    k.current = m, G.current?.scrollTo(m), mt(m, { immediate: !0 });
-  }, [R.top, mt]);
-  const Se = S(
-    (a, u) => {
+    const c = je(ce.current, o), m = Tt(c, R.top);
+    ce.current = m, ne.current?.scrollTo(m), xe(m, { immediate: !0 });
+  }, [R.top, xe]);
+  const Ot = S(
+    (o, c) => {
       if (r === 0)
         return;
-      const m = St(a, r), D = E.get(m), _ = u - D, F = E.update(m, u);
-      F !== void 0 && h(F), N.debug("[VirtualScroll] Updated item size manually", { index: m, size: u, total: F });
-      let $ = vt.current ? vt.current.index : null;
-      if ($ === null) {
-        const K = k.current, Rt = Ze(W).top, pt = Wt(K, Rt), { index: ht, cumulative: Bt } = E.findIndexAtOrAfter(pt, { materializeOption: { materialize: !1 } });
-        $ = Bt !== void 0 && Bt === pt ? ht + 1 : ht;
+      const m = Se(o, r), z = V.get(m), L = c - z, F = V.update(m, c);
+      F !== void 0 && et(F), w.debug("[VirtualScroll] Updated item size manually", { index: m, size: c, total: F });
+      let W = Ye.current ? Ye.current.index : null;
+      if (W === null) {
+        const re = ce.current, Me = ar(Y).top, pe = je(re, Me), { index: me, cumulative: qe } = V.findIndexAtOrAfter(pe, { materializeOption: { materialize: !1 } });
+        W = qe !== void 0 && qe === pe ? me + 1 : me;
       }
-      if ($ !== -1 && m < $ && _ !== 0) {
-        const K = k.current, Rt = K + _;
-        me(Rt), mt(Rt, { immediate: !0 }), N.debug("[VirtualScroll] Adjusted scroll for layout shift (manual update)", { from: K, to: Rt, causedByIndex: m, delta: _, activeVisibleStartIndex: $ });
+      if (W !== -1 && m < W && L !== 0) {
+        const re = ce.current, Me = re + L;
+        xt(Me), xe(Me, { immediate: !0 }), w.debug("[VirtualScroll] Adjusted scroll for layout shift (manual update)", { from: re, to: Me, causedByIndex: m, delta: L, activeVisibleStartIndex: W });
       }
     },
-    [E, r, me, mt, W]
-  ), Ut = S(
-    (a, u) => {
-      if (!G.current || r === 0)
+    [V, r, xt, xe, Y]
+  ), Je = S(
+    (o, c) => {
+      if (!ne.current || r === 0)
         return;
-      const m = St(a, r), D = St(m - s * 2, r), _ = St(m + s * 2, r), { cumulative: F, total: $, currentValue: K } = E.prefixSum(m, { materializeOption: { materialize: !0, ranges: [{ from: D, to: _ }] } });
-      if (N.debug("[VirtualScroll] Scrolling to index:", m, "ItemBottom:", F, "Total height:", $, "ItemHeight:", K, "safeIndexFrom:", D, "safeIndexTo:", _), !$)
+      const m = Se(o, r), z = Se(m - s * 2, r), L = Se(m + s * 2, r), { cumulative: F, total: W, currentValue: re } = V.prefixSum(m, { materializeOption: { materialize: !0, ranges: [{ from: z, to: L }] } });
+      if (w.debug("[VirtualScroll] Scrolling to index:", m, "ItemBottom:", F, "Total height:", W, "ItemHeight:", re, "safeIndexFrom:", z, "safeIndexTo:", L), !W)
         return;
-      const Rt = Math.max(F - K, 0);
-      let pt = Rt;
-      u?.align === "bottom" ? pt = F - i : u?.align === "center" && (pt = Rt + K / 2 - i / 2), u?.offset && (pt -= u.offset), pt = Math.max(0, pt);
-      const ht = Ie(pt, R.top), Bt = G.current?.getContentSize() ?? $ + R.top + R.bottom, kt = Math.max(0, Bt - i), qt = Math.min(ht, kt);
-      vt.current = {
+      const Me = Math.max(F - re, 0);
+      let pe = Me;
+      c?.align === "bottom" ? pe = F - X : c?.align === "center" && (pe = Me + re / 2 - X / 2), c?.offset && (pe -= c.offset), pe = Math.max(0, pe);
+      const me = Tt(pe, R.top), qe = ne.current?.getContentSize() ?? W + R.top + R.bottom, ke = Math.max(0, qe - X), Xe = Math.min(me, ke);
+      Ye.current = {
         index: m,
-        align: u?.align,
-        offset: u?.offset
+        align: c?.align,
+        offset: c?.offset
       };
-      const Re = G.current?.getScrollPosition() ?? -1, Fe = Math.abs(Re - qt) > 0.5;
-      _t.current = !1, Xt.current = 0, Fe && (_t.current = !0, Xt.current += 1, G.current?.scrollTo(qt)), h($), mt(qt, { immediate: !0 }), N.debug("[VirtualScroll] Setting scroll position to:", qt, { original: ht, max: kt });
+      const Vt = ne.current?.getScrollPosition() ?? -1, qt = Math.abs(Vt - Xe) > 0.5;
+      we.current = !1, ye.current = 0, qt && (we.current = !0, ye.current += 1, ne.current?.scrollTo(Xe)), et(W), xe(Xe, { immediate: !0 }), w.debug("[VirtualScroll] Setting scroll position to:", Xe, { original: me, max: ke });
     },
-    [E, s, r, R.top, R.bottom, i, mt]
-  ), Ve = x(V && r === 0 ? V : null);
-  Y(() => {
-    const a = Ve.current;
-    !a || r === 0 || (Ve.current = null, Ut(rt(Math.trunc(a.index), 0, r - 1), { align: "top", offset: -Math.max(0, a.offsetPx ?? 0) }));
-  }, [r, Ut]);
-  const De = S(
-    (a) => {
-      if (!G.current || r === 0)
+    [V, s, r, R.top, R.bottom, X, xe]
+  ), Et = g(D && r === 0 ? D : null);
+  H(() => {
+    const o = Et.current;
+    !o || r === 0 || (Et.current = null, Je(se(Math.trunc(o.index), 0, r - 1), { align: "top", offset: -Math.max(0, o.offsetPx ?? 0) }));
+  }, [r, Je]);
+  const Nt = S(
+    (o) => {
+      if (!ne.current || r === 0)
         return;
-      const u = E.getTotal(), m = rt(Math.floor(a), 0, u), { index: D, cumulative: _, currentValue: F } = E.findIndexAtOrAfter(m, { materializeOption: { materialize: !1 } }), K = (_ ?? 0) - (F ?? 0) - m;
-      Ut(D, { offset: K });
+      const c = V.getTotal(), m = se(Math.floor(o), 0, c), { index: z, cumulative: L, currentValue: F } = V.findIndexAtOrAfter(m, { materializeOption: { materialize: !1 } }), re = (L ?? 0) - (F ?? 0) - m;
+      Je(z, { offset: re });
     },
-    [E, r, Ut]
-  ), be = S(() => {
+    [V, r, Je]
+  ), l = S(() => {
     if (r === 0)
       return null;
-    const a = Wt(k.current, R.top), { index: u, cumulative: m, currentValue: D } = E.findIndexAtOrAfter(a, { materializeOption: { materialize: !1 } });
-    if (u === -1)
+    const o = je(ce.current, R.top), { index: c, cumulative: m, currentValue: z } = V.findIndexAtOrAfter(o, { materializeOption: { materialize: !1 } });
+    if (c === -1)
       return { index: r - 1, offsetPx: 0 };
-    if (m === a)
-      return { index: rt(u + 1, 0, r - 1), offsetPx: 0 };
-    const _ = (m ?? 0) - (D ?? 0);
-    return { index: u, offsetPx: Math.max(0, a - _) };
-  }, [E, r, R.top]), Ae = S(
-    (a) => {
-      const u = Wt(k.current, R.top), m = typeof a == "function" ? a(u) : a;
-      De(m);
-      const D = G.current?.getScrollPosition(), _ = typeof D == "number" ? D : k.current;
-      return mt(_), Wt(_, wt.current);
+    if (m === o)
+      return { index: se(c + 1, 0, r - 1), offsetPx: 0 };
+    const L = (m ?? 0) - (z ?? 0);
+    return { index: c, offsetPx: Math.max(0, o - L) };
+  }, [V, r, R.top]), x = S(
+    (o) => {
+      const c = je(ce.current, R.top), m = typeof o == "function" ? o(c) : o;
+      Nt(m);
+      const z = ne.current?.getScrollPosition(), L = typeof z == "number" ? z : ce.current;
+      return xe(L), je(L, it.current);
     },
-    [R.top, De, mt]
-  ), ke = S(
-    (a, u) => {
-      N.debug("[VirtualScroll] Scroll position changed:", a);
-      const m = _t.current;
-      m && (_t.current = !1);
-      const D = Xt.current > 0;
-      if (D && (Xt.current = 0), m || D || ne.current || (vt.current = null), mt(a), w) {
-        if (m || D)
+    [R.top, Nt, xe]
+  ), y = S((o) => {
+    const c = ne.current;
+    if (!c)
+      return je(ce.current, it.current);
+    const m = c.scrollTo((z) => z + o);
+    return je(m, it.current);
+  }, []), A = S((o) => ne.current?.applyWheel(o) ?? !1, []), U = S(
+    (o, c) => {
+      w.debug("[VirtualScroll] Scroll position changed:", o);
+      const m = we.current;
+      m && (we.current = !1);
+      const z = ye.current > 0;
+      if (z && (ye.current = 0), m || z || rt.current || (Ye.current = null), xe(o), G) {
+        if (m || z)
           return;
-        const _ = a - u;
-        if (N.debug("[VirtualScroll] Scroll diff:", _, "New:", a, "Prev:", u), Math.abs(_) > 1) {
-          const F = _ > 0 ? "down" : "up";
-          ut(F), dt(!0), N.debug("[VirtualScroll] Showing scroll buttons. Direction:", F), st.current && clearTimeout(st.current), st.current = setTimeout(() => {
-            dt(!1), N.debug("[VirtualScroll] Hiding scroll buttons");
+        const L = o - c;
+        if (w.debug("[VirtualScroll] Scroll diff:", L, "New:", o, "Prev:", c), Math.abs(L) > 1) {
+          const F = L > 0 ? "down" : "up";
+          Ce(F), Te(!0), w.debug("[VirtualScroll] Showing scroll buttons. Direction:", F), be.current && clearTimeout(be.current), be.current = setTimeout(() => {
+            Te(!1), w.debug("[VirtualScroll] Hiding scroll buttons");
           }, 2e3);
         }
       }
     },
-    [mt, w]
-  ), oe = Ft(() => Wt(zt, R.top), [R.top, zt]), pe = Ft(() => {
-    const a = E.getTotal(), u = _r(oe, i, s, r, n, E, a);
-    return N.debug("[VirtualScroll] Calculated rendering range:", () => ({
-      ...u,
-      scrollPosition: oe,
-      renderingContentSize: a,
+    [xe, G]
+  ), ie = Fe(() => je(We, R.top), [R.top, We]), Re = Fe(() => {
+    const o = V.getTotal(), c = en(ie, X, s, r, n, V, o);
+    return w.debug("[VirtualScroll] Calculated rendering range:", () => ({
+      ...c,
+      scrollPosition: ie,
+      renderingContentSize: o,
       overscanCount: s,
-      viewportSize: i
-    })), u;
-  }, [oe, i, s, r, n, E]), { renderingStartIndex: ae, renderingEndIndex: le, visibleStartIndex: ce, visibleEndIndex: xe } = pe, o = S(
-    (a, u) => {
-      if (!H || r === 0)
+      viewportSize: X
+    })), c;
+  }, [ie, X, s, r, n, V]), { renderingStartIndex: ve, renderingEndIndex: st, visibleStartIndex: Ke, visibleEndIndex: Pt } = Re, St = S(
+    (o, c) => {
+      if (!N || r === 0)
         return;
-      const m = St(a, r);
-      if (!(u?.ensureVisible ?? !0)) {
-        const kt = ct.current.get(m);
-        kt && (It.current = null, Mt.current = m, Ct(kt));
+      const m = Se(o, r);
+      if (!(c?.ensureVisible ?? !0)) {
+        const ke = Le.current.get(m);
+        ke && (ee.current = null, He.current = m, f(ke));
         return;
       }
-      const _ = E.prefixSum(m, { materializeOption: { materialize: !1 } }), F = _.currentValue, $ = Math.max(_.cumulative - F, 0), K = $ + F, Rt = Wt(k.current, R.top), pt = Rt + i;
-      if ($ < Rt || K > pt) {
-        Ut(m);
-        const kt = ct.current.get(m);
-        kt ? (It.current = null, Mt.current = m, Ct(kt)) : It.current = m;
+      const L = V.prefixSum(m, { materializeOption: { materialize: !1 } }), F = L.currentValue, W = Math.max(L.cumulative - F, 0), re = W + F, Me = je(ce.current, R.top), pe = Me + X;
+      if (W < Me || re > pe) {
+        Je(m);
+        const ke = Le.current.get(m);
+        ke ? (ee.current = null, He.current = m, f(ke)) : ee.current = m;
         return;
       }
-      const Bt = ct.current.get(m);
-      if (Bt) {
-        It.current = null, Mt.current = m, Ct(Bt);
+      const qe = Le.current.get(m);
+      if (qe) {
+        ee.current = null, He.current = m, f(qe);
         return;
       }
-      It.current = m;
+      ee.current = m;
     },
-    [H, r, E, R.top, Ut, Ct, i]
-  ), g = S(
-    (a, u) => {
-      if (!H || a.defaultPrevented || a.altKey || a.metaKey || a.ctrlKey)
-        return;
-      const m = a.target;
-      if (m) {
-        const D = m.tagName;
-        if (D === "INPUT" || D === "TEXTAREA" || D === "SELECT" || m.isContentEditable)
+    [N, r, V, R.top, Je, f, X]
+  ), Jt = S(
+    (o, c) => {
+      if (!(!N || o.defaultPrevented) && !(o.altKey || o.metaKey || o.ctrlKey) && o.target === o.currentTarget && !o.currentTarget.isContentEditable) {
+        if (o.key === "ArrowLeft" || o.key === "ArrowRight") {
+          const m = k.current;
+          if (!m)
+            return;
+          const z = o.shiftKey ? "shift-arrow" : "arrow";
+          if (!fe?.includes(z) || o.shiftKey && Jr(o.currentTarget) || !(Number.isFinite(P) && P > 0))
+            return;
+          o.preventDefault(), m(o.key === "ArrowLeft" ? -P : P);
           return;
-      }
-      if (a.key === "ArrowDown") {
-        u < r - 1 && (a.preventDefault(), o(u + 1));
-        return;
-      }
-      if (a.key === "ArrowUp") {
-        u > 0 && (a.preventDefault(), o(u - 1));
-        return;
-      }
-      if (a.key === "PageDown") {
-        if (u < r - 1) {
-          a.preventDefault();
-          const { visibleStartIndex: D, visibleEndIndex: _ } = J.current, F = Math.max(_ - D + 1, 1), $ = Math.max(F, 1), K = St(Math.min(u + $, r - 1), r);
-          o(K);
         }
-        return;
-      }
-      if (a.key === "PageUp" && u > 0) {
-        a.preventDefault();
-        const { visibleStartIndex: D, visibleEndIndex: _ } = J.current, F = Math.max(_ - D + 1, 1), $ = Math.max(F, 1), K = St(u - $, r);
-        o(K);
+        if (o.key === "ArrowDown") {
+          c < r - 1 && (o.preventDefault(), St(c + 1));
+          return;
+        }
+        if (o.key === "ArrowUp") {
+          c > 0 && (o.preventDefault(), St(c - 1));
+          return;
+        }
+        if (o.key === "PageDown") {
+          if (c < r - 1) {
+            o.preventDefault();
+            const { visibleStartIndex: m, visibleEndIndex: z } = he.current, L = Math.max(z - m + 1, 1), F = Math.max(L, 1), W = Se(Math.min(c + F, r - 1), r);
+            St(W);
+          }
+          return;
+        }
+        if (o.key === "PageUp" && c > 0) {
+          o.preventDefault();
+          const { visibleStartIndex: m, visibleEndIndex: z } = he.current, L = Math.max(z - m + 1, 1), F = Math.max(L, 1), W = Se(c - F, r);
+          St(W);
+        }
       }
     },
-    [H, r, o]
-  ), y = S(
-    (a) => {
-      if (!H)
+    [N, r, St, fe, P]
+  ), Qt = S(
+    (o) => {
+      if (!N)
         return;
-      const u = St(a, r);
-      It.current = null, Mt.current = u, at?.(u);
+      const c = Se(o, r);
+      ee.current = null, He.current = c, ue?.(c);
     },
-    [H, r, at]
+    [N, r, ue]
   );
-  Y(() => {
-    const a = G.current?.getScrollPosition() ?? 0, u = k.current, m = Wt(u, R.top);
-    N.debug("[VirtualScroll] Range change effect triggered", () => ({
-      renderingStartIndex: ae,
-      renderingEndIndex: le,
-      visibleStartIndex: ce,
-      visibleEndIndex: xe,
-      scrollPositionState: zt,
-      paneScrollPosition: u,
+  H(() => {
+    const o = ne.current?.getScrollPosition() ?? 0, c = ce.current, m = je(c, R.top);
+    w.debug("[VirtualScroll] Range change effect triggered", () => ({
+      renderingStartIndex: ve,
+      renderingEndIndex: st,
+      visibleStartIndex: Ke,
+      visibleEndIndex: Pt,
+      scrollPositionState: We,
+      paneScrollPosition: c,
       logicalScrollPosition: m,
-      contentSize: $t,
-      scrollPaneScrollPosition: a
-    })), Tt({
-      renderingStartIndex: ae,
-      renderingEndIndex: le,
-      visibleStartIndex: ce,
-      visibleEndIndex: xe,
+      contentSize: Be,
+      scrollPaneScrollPosition: o
+    })), _e({
+      renderingStartIndex: ve,
+      renderingEndIndex: st,
+      visibleStartIndex: Ke,
+      visibleEndIndex: Pt,
       scrollPosition: m,
-      totalHeight: $t
+      totalHeight: Be
     });
-  }, [$t, le, ae, R.top, Tt, zt, xe, ce]);
-  const L = S(() => {
-    if (!w)
+  }, [Be, st, ve, R.top, _e, We, Pt, Ke]);
+  const mr = S(() => {
+    if (!G)
       return null;
-    const a = At && yt !== null;
-    return /* @__PURE__ */ ot("div", { className: "aqvs-scroll-to-edge-overlay", "data-visible": a, inert: !a, children: yt === "up" ? /* @__PURE__ */ ot("div", { className: "aqvs-scroll-to-edge-button-container aqvs-scroll-to-edge-button-container-top", children: /* @__PURE__ */ ot(
+    const o = Ue && Ve !== null;
+    return /* @__PURE__ */ le("div", { className: "aqvs-scroll-to-edge-overlay", "data-visible": o, inert: !o, children: Ve === "up" ? /* @__PURE__ */ le("div", { className: "aqvs-scroll-to-edge-button-container aqvs-scroll-to-edge-button-container-top", children: /* @__PURE__ */ le(
       "button",
       {
         type: "button",
         className: "aqvs-scroll-to-edge-button",
-        tabIndex: a ? 0 : -1,
+        tabIndex: o ? 0 : -1,
         onClick: (m) => {
-          m.stopPropagation(), _t.current = !0, Ut(0), dt(!1);
+          m.stopPropagation(), we.current = !0, Je(0), Te(!1);
         },
         children: "Top"
       }
-    ) }) : /* @__PURE__ */ ot("div", { className: "aqvs-scroll-to-edge-button-container aqvs-scroll-to-edge-button-container-bottom", children: /* @__PURE__ */ ot(
+    ) }) : /* @__PURE__ */ le("div", { className: "aqvs-scroll-to-edge-button-container aqvs-scroll-to-edge-button-container-bottom", children: /* @__PURE__ */ le(
       "button",
       {
         type: "button",
         className: "aqvs-scroll-to-edge-button",
-        tabIndex: a ? 0 : -1,
+        tabIndex: o ? 0 : -1,
         onClick: (m) => {
-          m.stopPropagation(), _t.current = !0, Ut(r - 1), dt(!1);
+          m.stopPropagation(), we.current = !0, Je(r - 1), Te(!1);
         },
         children: "Bottom"
       }
     ) }) });
-  }, [w, At, yt, Ut, r]), B = x(0), { visibleItems: bt, renderAnchor: Ot } = Ft(() => {
+  }, [G, Ue, Ve, Je, r]), Yt = g(0), { visibleItems: Bt, renderAnchor: Ht } = Fe(() => {
     if (r === 0)
       return {
-        visibleItems: /* @__PURE__ */ ot("div", { className: "aqvs-no-items-container", children: /* @__PURE__ */ ot("div", { className: "aqvs-no-items-text", children: "No items" }) }),
+        visibleItems: /* @__PURE__ */ le("div", { className: "aqvs-no-items-container", children: /* @__PURE__ */ le("div", { className: "aqvs-no-items-text", children: "No items" }) }),
         renderAnchor: 0
       };
-    const a = St(ae, r), u = St(le, r), { cumulative: m, currentValue: D } = E.prefixSum(a, { materializeOption: { materialize: !1 } }), _ = m - D;
-    Number.isFinite(_) && Math.abs(_ - B.current) > Ar && (B.current = _);
-    const F = B.current, $ = [], K = [];
-    let Rt = 0, pt = _;
-    for (let ht = a; ht <= u; ht++) {
-      if (K.length >= Je) {
-        N.warn("[VirtualScroll] Rendered item count reached the safety cap; truncating render window.", { cap: Je, safeRenderingStartIndex: a, safeRenderingEndIndex: u });
+    const o = Se(ve, r), c = Se(st, r), { cumulative: m, currentValue: z } = V.prefixSum(o, { materializeOption: { materialize: !1 } }), L = m - z;
+    Number.isFinite(L) && Math.abs(L - Yt.current) > Gr && (Yt.current = L);
+    const F = Yt.current, W = [], re = [];
+    let Me = 0, pe = L;
+    for (let me = o; me <= c; me++) {
+      if (re.length >= lr) {
+        w.warn("[VirtualScroll] Rendered item count reached the safety cap; truncating render window.", { cap: lr, safeRenderingStartIndex: o, safeRenderingEndIndex: c });
         break;
       }
-      const Bt = n(ht), kt = E.get(ht), qt = Bt - kt;
-      qt !== 0 && $.push({ index: ht, value: Bt });
-      const Re = pt + Rt, Fe = e ? e(ht) : ht;
-      K.push(
-        /* @__PURE__ */ ot(
-          Or,
+      const qe = n(me), ke = V.get(me), Xe = qe - ke;
+      Xe !== 0 && W.push({ index: me, value: qe });
+      const Vt = pe + Me, qt = t ? t(me) : me;
+      re.push(
+        /* @__PURE__ */ le(
+          tn,
           {
-            index: ht,
-            top: Re - F,
-            height: Bt,
-            item: t(ht),
-            clipItemHeight: et,
-            enableKeyboardNavigation: H,
-            onKeyDown: g,
-            onFocus: y,
-            registerItemRef: Qt,
+            index: me,
+            top: Vt - F,
+            height: qe,
+            item: e(me),
+            clipItemHeight: Pe,
+            enableKeyboardNavigation: N,
+            onKeyDown: Jt,
+            onFocus: Qt,
+            registerItemRef: mt,
             children: I
           },
-          Fe
+          qt
         )
-      ), Rt += qt, pt += kt;
+      ), Me += Xe, pe += ke;
     }
-    return $.length > 0 && Promise.resolve().then(() => {
-      if (Lt.current)
+    return W.length > 0 && Promise.resolve().then(() => {
+      if (Ae.current)
         return;
-      let ht = 0;
-      for (const qt of $)
-        if (qt.index < ce) {
-          const Re = E.get(qt.index);
-          ht += qt.value - Re;
+      let me = 0;
+      for (const Xe of W)
+        if (Xe.index < Ke) {
+          const Vt = V.get(Xe.index);
+          me += Xe.value - Vt;
         }
-      const Bt = E.updates($);
-      if (Lt.current || typeof Bt != "number")
+      const qe = V.updates(W);
+      if (Ae.current || typeof qe != "number")
         return;
-      h(Bt), N.debug("[VirtualScroll] Updated heights for items", $, "New total height:", Bt);
-      const kt = G.current?.getScrollPosition() ?? k.current;
-      if (ht !== 0) {
-        const qt = kt + ht;
-        me(qt), mt(qt, { immediate: !0 }), N.debug("[VirtualScroll] Adjusted scroll for layout shift (auto update)", { from: kt, to: qt, shiftAmount: ht });
-      } else kt !== k.current && mt(kt);
-    }), { visibleItems: K, renderAnchor: F };
+      et(qe), w.debug("[VirtualScroll] Updated heights for items", W, "New total height:", qe);
+      const ke = ne.current?.getScrollPosition() ?? ce.current;
+      if (me !== 0) {
+        const Xe = ke + me;
+        xt(Xe), xe(Xe, { immediate: !0 }), w.debug("[VirtualScroll] Adjusted scroll for layout shift (auto update)", { from: ke, to: Xe, shiftAmount: me });
+      } else ke !== ce.current && xe(ke);
+    }), { visibleItems: re, renderAnchor: F };
   }, [
     I,
-    et,
-    $t,
-    H,
+    Pe,
+    Be,
+    N,
     r,
-    E,
-    t,
+    V,
     e,
+    t,
     n,
-    y,
-    g,
-    me,
     Qt,
-    le,
-    ae,
+    Jt,
+    xt,
     mt,
-    ce
-  ]), Yt = S(
-    (a) => {
-      const u = (z ?? 0) > 0, m = Math.abs(a - zt), D = u && m > 0.5 ? zt : a, _ = Wt(D, R.top);
-      if (N.debug("[VirtualScroll] Rendering visible items", () => ({
-        currentScrollPosition: a,
-        effectiveScrollPosition: _,
-        renderingStartIndex: ae,
-        renderingEndIndex: le,
+    st,
+    ve,
+    xe,
+    Ke
+  ]), hr = S(
+    (o) => {
+      const c = (Z ?? 0) > 0, m = Math.abs(o - We), z = c && m > 0.5 ? We : o, L = je(z, R.top);
+      if (w.debug("[VirtualScroll] Rendering visible items", () => ({
+        currentScrollPosition: o,
+        effectiveScrollPosition: L,
+        renderingStartIndex: ve,
+        renderingEndIndex: st,
         itemCount: r,
-        viewportSize: i,
-        callbackThrottleMs: z,
+        viewportSize: X,
+        callbackThrottleMs: Z,
         diff: m,
-        rawEffectiveScrollPosition: D
+        rawEffectiveScrollPosition: z
       })), r === 0)
-        return bt;
-      const F = R.top + Ot - D, $ = R.bottom > 0 ? /* @__PURE__ */ ot(
+        return Bt;
+      const F = R.top + Ht - z, W = R.bottom > 0 ? /* @__PURE__ */ le(
         "div",
         {
           className: "aqvs-bottom-inset",
           style: {
             // ラッパー座標での bottom インセット位置 = コンテンツ総高さ (最終行の下端) - アンカー。
-            top: E.getTotal() - Ot,
+            top: V.getTotal() - Ht,
             height: R.bottom
           }
         },
         "virtualscroll-bottom-inset"
       ) : null;
-      return N.debug("[VirtualScroll] Rendering items", () => ({
+      return w.debug("[VirtualScroll] Rendering items", () => ({
         containerTop: F,
-        logicalScrollPosition: oe,
+        logicalScrollPosition: ie,
         resolvedInsets: R,
-        effectiveScrollPosition: _
-      })), /* @__PURE__ */ Te("div", { className: "aqvs-items-wrapper", style: { top: 0, transform: `translateY(${F}px)`, willChange: "transform" }, children: [
-        bt,
-        $
+        effectiveScrollPosition: L
+      })), /* @__PURE__ */ wt("div", { className: "aqvs-items-wrapper", style: { top: 0, transform: `translateY(${F}px)`, willChange: "transform" }, children: [
+        Bt,
+        W
       ] });
     },
-    [z, r, E, oe, Ot, le, ae, R, zt, i, bt]
-  ), ve = Ft(
+    [Z, r, V, ie, Ht, st, ve, R, We, X, Bt]
+  ), er = Fe(
     () => ({
-      renderingStartIndex: pe.renderingStartIndex,
-      renderingEndIndex: pe.renderingEndIndex,
-      visibleStartIndex: pe.visibleStartIndex,
-      visibleEndIndex: pe.visibleEndIndex,
-      scrollPosition: oe,
-      totalHeight: E.getTotal()
+      renderingStartIndex: Re.renderingStartIndex,
+      renderingEndIndex: Re.renderingEndIndex,
+      visibleStartIndex: Re.visibleStartIndex,
+      visibleEndIndex: Re.visibleEndIndex,
+      scrollPosition: ie,
+      totalHeight: V.getTotal()
       // contentSize (State) ではなく最新値を反映
     }),
     // contentSize を依存に含めることで、updateItemSize/updates 等で木の総高さが変わった際に
     // (fenwickTree は安定参照のため getTotal() の変化だけでは再計算されない) 総高さを再取得する。
-    [pe, oe, E, $t]
+    [Re, ie, V, Be]
   );
-  Y(() => {
-    J.current = ve;
-  }, [ve]), Ue(
-    A,
+  H(() => {
+    he.current = er;
+  }, [er]), Zt(
+    M,
     () => ({
       getScrollPosition: () => {
-        const a = G.current?.getScrollPosition();
-        return typeof a == "number" ? Wt(a, wt.current) : -1;
+        const o = ne.current?.getScrollPosition();
+        return typeof o == "number" ? je(o, it.current) : -1;
       },
-      getContentSize: () => G.current?.getContentSize() ?? -1,
-      getViewportSize: () => G.current?.getViewportSize() ?? -1,
-      scrollTo: Ae,
-      scrollToIndex: Ut,
-      getFenwickTreeTotalHeight: () => E.getTotal(),
-      getFenwickSize: () => E.getSize(),
-      focusItemAtIndex: o,
-      getRange: () => J.current,
-      getScrollAnchor: be,
-      updateItemSize: Se
+      getContentSize: () => ne.current?.getContentSize() ?? -1,
+      getViewportSize: () => ne.current?.getViewportSize() ?? -1,
+      scrollTo: x,
+      scrollBy: y,
+      applyWheel: A,
+      scrollToIndex: Je,
+      getFenwickTreeTotalHeight: () => V.getTotal(),
+      getFenwickSize: () => V.getSize(),
+      focusItemAtIndex: St,
+      getRange: () => he.current,
+      getScrollAnchor: l,
+      updateItemSize: Ot
     }),
-    [Ae, Ut, E, o, be, Se]
+    [x, y, A, Je, V, St, l, Ot]
   );
-  const ue = E.getTotal() + R.top + R.bottom;
-  return /* @__PURE__ */ ot(
-    wr,
+  const gr = V.getTotal() + R.top + R.bottom;
+  return /* @__PURE__ */ le(
+    qr,
     {
-      ref: G,
-      contentSize: ue,
+      ref: ne,
+      contentSize: gr,
       viewportSize: i,
-      className: l,
-      testId: c,
-      onScroll: ke,
-      background: v,
-      tapScrollCircleOptions: j,
-      inertiaOptions: Dt,
+      onViewportSizeChange: ze,
+      className: a,
+      testId: u,
+      onScroll: U,
+      background: T,
+      tapScrollCircleOptions: q,
+      inertiaOptions: Ge,
       itemCount: r,
-      scrollBarWidth: O,
-      enableThumbDrag: P,
-      enableTrackClick: U,
-      enableArrowButtons: Z,
-      enablePointerDrag: T,
-      pointerDragInputs: q,
-      renderThumbOverlay: lt,
-      wheelSpeedMultiplier: Ht,
-      onWheelHorizontal: xt,
+      scrollBarWidth: K,
+      enableThumbDrag: te,
+      enableTrackClick: j,
+      enableArrowButtons: _,
+      enablePointerDrag: Ee,
+      pointerDragInputs: Qe,
+      renderThumbOverlay: v,
+      wheelSpeedMultiplier: De,
+      onWheelHorizontal: ae,
       contentInsets: R,
-      contentProps: Et,
-      visibleStartIndex: ce,
-      visibleEndIndex: xe,
-      renderOverlay: L,
-      initialScrollPosition: Vt.position,
-      children: Yt
+      contentProps: O,
+      visibleStartIndex: Ke,
+      visibleEndIndex: Pt,
+      renderOverlay: mr,
+      initialScrollPosition: J.position,
+      children: hr
     }
   );
-}, Hr = $e(kr);
+}, un = Gt(rn);
 export {
-  ge as FenwickMapTree,
-  Pr as ScrollBar,
-  wr as ScrollPane,
-  rr as TAP_SCROLL_SPEED_DEFAULTS,
-  Hr as VirtualScroll,
-  vr as computeAutoTapScrollMaxSpeedMultiplier,
-  Sr as computeTapScrollSpeed,
-  rt as minmax,
-  Br as tapScrollCircleSampleVisual,
-  Nr as useFenwickMapTree,
-  qr as useHeightCache,
-  Vr as useLruCache
+  vt as FenwickMapTree,
+  _r as ScrollBar,
+  qr as ScrollPane,
+  fr as TAP_SCROLL_SPEED_DEFAULTS,
+  un as VirtualScroll,
+  Or as computeAutoTapScrollMaxSpeedMultiplier,
+  Lr as computeTapScrollSpeed,
+  se as minmax,
+  an as tapScrollCircleSampleVisual,
+  Wr as useFenwickMapTree,
+  ln as useHeightCache,
+  Kr as useLruCache,
+  cn as useWheelBridge
 };