@aiquants/virtualscroll 0.2.2 → 0.4.0

package/dist/index.js

@@ -1,6 +1,6 @@
-import ge, { useState as X, useRef as Y, useEffect as B, forwardRef as de, useReducer as be, useMemo as ne, useCallback as L, useLayoutEffect as oe, useImperativeHandle as he, useId as ve } from "react";
-import { twMerge as ae } from "tailwind-merge";
-var re = { exports: {} }, ee = {};
+import He, { forwardRef as Re, useState as le, useRef as H, useCallback as $, useImperativeHandle as Ae, useMemo as U, useEffect as ae, useReducer as $e, useLayoutEffect as be, useId as Ue } from "react";
+import { twMerge as pe } from "tailwind-merge";
+var Te = { exports: {} }, fe = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -10,29 +10,29 @@ var re = { exports: {} }, ee = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ie;
-function xe() {
-  if (ie) return ee;
-  ie = 1;
-  var l = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
-  function r(t, s, a) {
-    var o = null;
-    if (a !== void 0 && (o = "" + a), s.key !== void 0 && (o = "" + s.key), "key" in s) {
+var Ve;
+function qe() {
+  if (Ve) return fe;
+  Ve = 1;
+  var c = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
+  function n(r, s, a) {
+    var i = null;
+    if (a !== void 0 && (i = "" + a), s.key !== void 0 && (i = "" + s.key), "key" in s) {
       a = {};
-      for (var d in s)
-        d !== "key" && (a[d] = s[d]);
+      for (var f in s)
+        f !== "key" && (a[f] = s[f]);
     } else a = s;
     return s = a.ref, {
-      $$typeof: l,
-      type: t,
-      key: o,
+      $$typeof: c,
+      type: r,
+      key: i,
       ref: s !== void 0 ? s : null,
       props: a
     };
   }
-  return ee.Fragment = e, ee.jsx = r, ee.jsxs = r, ee;
+  return fe.Fragment = e, fe.jsx = n, fe.jsxs = n, fe;
 }
-var te = {};
+var me = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -42,423 +42,874 @@ var te = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var le;
-function pe() {
-  return le || (le = 1, process.env.NODE_ENV !== "production" && (function() {
-    function l(n) {
-      if (n == null) return null;
-      if (typeof n == "function")
-        return n.$$typeof === H ? null : n.displayName || n.name || null;
-      if (typeof n == "string") return n;
-      switch (n) {
-        case j:
+var ke;
+function Xe() {
+  return ke || (ke = 1, process.env.NODE_ENV !== "production" && (function() {
+    function c(t) {
+      if (t == null) return null;
+      if (typeof t == "function")
+        return t.$$typeof === l ? null : t.displayName || t.name || null;
+      if (typeof t == "string") return t;
+      switch (t) {
+        case N:
           return "Fragment";
-        case I:
+        case F:
           return "Profiler";
-        case b:
+        case K:
           return "StrictMode";
-        case V:
+        case k:
           return "Suspense";
         case C:
           return "SuspenseList";
-        case J:
+        case se:
           return "Activity";
       }
-      if (typeof n == "object")
-        switch (typeof n.tag == "number" && console.error(
+      if (typeof t == "object")
+        switch (typeof t.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), n.$$typeof) {
-          case S:
+        ), t.$$typeof) {
+          case ie:
             return "Portal";
-          case f:
-            return (n.displayName || "Context") + ".Provider";
-          case k:
-            return (n._context.displayName || "Context") + ".Consumer";
-          case P:
-            var u = n.render;
-            return n = n.displayName, n || (n = u.displayName || u.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
-          case $:
-            return u = n.displayName || null, u !== null ? u : l(n.type) || "Memo";
-          case w:
-            u = n._payload, n = n._init;
+          case Z:
+            return (t.displayName || "Context") + ".Provider";
+          case m:
+            return (t._context.displayName || "Context") + ".Consumer";
+          case A:
+            var o = t.render;
+            return t = t.displayName, t || (t = o.displayName || o.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case B:
+            return o = t.displayName || null, o !== null ? o : c(t.type) || "Memo";
+          case X:
+            o = t._payload, t = t._init;
             try {
-              return l(n(u));
+              return c(t(o));
             } catch {
             }
         }
       return null;
     }
-    function e(n) {
-      return "" + n;
+    function e(t) {
+      return "" + t;
     }
-    function r(n) {
+    function n(t) {
       try {
-        e(n);
-        var u = !1;
+        e(t);
+        var o = !1;
       } catch {
-        u = !0;
+        o = !0;
       }
-      if (u) {
-        u = console;
-        var h = u.error, x = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
-        return h.call(
-          u,
+      if (o) {
+        o = console;
+        var T = o.error, y = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return T.call(
+          o,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          x
-        ), e(n);
+          y
+        ), e(t);
       }
     }
-    function t(n) {
-      if (n === j) return "<>";
-      if (typeof n == "object" && n !== null && n.$$typeof === w)
+    function r(t) {
+      if (t === N) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === X)
         return "<...>";
       try {
-        var u = l(n);
-        return u ? "<" + u + ">" : "<...>";
+        var o = c(t);
+        return o ? "<" + o + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function s() {
-      var n = U.A;
-      return n === null ? null : n.getOwner();
+      var t = Y.A;
+      return t === null ? null : t.getOwner();
     }
     function a() {
       return Error("react-stack-top-frame");
     }
-    function o(n) {
-      if (Z.call(n, "key")) {
-        var u = Object.getOwnPropertyDescriptor(n, "key").get;
-        if (u && u.isReactWarning) return !1;
+    function i(t) {
+      if (j.call(t, "key")) {
+        var o = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (o && o.isReactWarning) return !1;
       }
-      return n.key !== void 0;
+      return t.key !== void 0;
     }
-    function d(n, u) {
-      function h() {
-        g || (g = !0, console.error(
+    function f(t, o) {
+      function T() {
+        E || (E = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          u
+          o
         ));
       }
-      h.isReactWarning = !0, Object.defineProperty(n, "key", {
-        get: h,
+      T.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: T,
         configurable: !0
       });
     }
-    function i() {
-      var n = l(this.type);
-      return E[n] || (E[n] = !0, console.error(
+    function p() {
+      var t = c(this.type);
+      return M[t] || (M[t] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), n = this.props.ref, n !== void 0 ? n : null;
+      )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function c(n, u, h, x, z, T, q, G) {
-      return h = T.ref, n = {
-        $$typeof: p,
-        type: n,
-        key: u,
-        props: T,
-        _owner: z
-      }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(n, "ref", {
+    function g(t, o, T, y, w, V, D, _) {
+      return T = V.ref, t = {
+        $$typeof: ne,
+        type: t,
+        key: o,
+        props: V,
+        _owner: w
+      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: i
-      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
+        get: p
+      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(n, "_debugInfo", {
+      }), Object.defineProperty(t, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(n, "_debugStack", {
+      }), Object.defineProperty(t, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: q
-      }), Object.defineProperty(n, "_debugTask", {
+        value: D
+      }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: G
-      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
+        value: _
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function m(n, u, h, x, z, T, q, G) {
-      var R = u.children;
+    function x(t, o, T, y, w, V, D, _) {
+      var R = o.children;
       if (R !== void 0)
-        if (x)
-          if (F(R)) {
-            for (x = 0; x < R.length; x++)
-              v(R[x]);
+        if (y)
+          if (L(R)) {
+            for (y = 0; y < R.length; y++)
+              P(R[y]);
             Object.freeze && Object.freeze(R);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else v(R);
-      if (Z.call(u, "key")) {
-        R = l(n);
-        var W = Object.keys(u).filter(function(se) {
-          return se !== "key";
+        else P(R);
+      if (j.call(o, "key")) {
+        R = c(t);
+        var G = Object.keys(o).filter(function(u) {
+          return u !== "key";
         });
-        x = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", M[R + x] || (W = 0 < W.length ? "{" + W.join(": ..., ") + ": ...}" : "{}", console.error(
+        y = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", I[R + y] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          x,
+          y,
           R,
-          W,
+          G,
           R
-        ), M[R + x] = !0);
+        ), I[R + y] = !0);
       }
-      if (R = null, h !== void 0 && (r(h), R = "" + h), o(u) && (r(u.key), R = "" + u.key), "key" in u) {
-        h = {};
-        for (var K in u)
-          K !== "key" && (h[K] = u[K]);
-      } else h = u;
-      return R && d(
-        h,
-        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
-      ), c(
-        n,
-        R,
+      if (R = null, T !== void 0 && (n(T), R = "" + T), i(o) && (n(o.key), R = "" + o.key), "key" in o) {
+        T = {};
+        for (var J in o)
+          J !== "key" && (T[J] = o[J]);
+      } else T = o;
+      return R && f(
         T,
-        z,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), g(
+        t,
+        R,
+        V,
+        w,
         s(),
-        h,
-        q,
-        G
+        T,
+        D,
+        _
       );
     }
-    function v(n) {
-      typeof n == "object" && n !== null && n.$$typeof === p && n._store && (n._store.validated = 1);
+    function P(t) {
+      typeof t == "object" && t !== null && t.$$typeof === ne && t._store && (t._store.validated = 1);
     }
-    var _ = ge, p = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), j = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), I = Symbol.for("react.profiler"), k = Symbol.for("react.consumer"), f = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), V = Symbol.for("react.suspense"), C = Symbol.for("react.suspense_list"), $ = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), J = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), U = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, F = Array.isArray, Q = console.createTask ? console.createTask : function() {
+    var S = He, ne = Symbol.for("react.transitional.element"), ie = Symbol.for("react.portal"), N = Symbol.for("react.fragment"), K = Symbol.for("react.strict_mode"), F = Symbol.for("react.profiler"), m = Symbol.for("react.consumer"), Z = Symbol.for("react.context"), A = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), C = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), X = Symbol.for("react.lazy"), se = Symbol.for("react.activity"), l = Symbol.for("react.client.reference"), Y = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, j = Object.prototype.hasOwnProperty, L = Array.isArray, b = console.createTask ? console.createTask : function() {
       return null;
     };
-    _ = {
-      react_stack_bottom_frame: function(n) {
-        return n();
+    S = {
+      react_stack_bottom_frame: function(t) {
+        return t();
       }
     };
-    var g, E = {}, y = _.react_stack_bottom_frame.bind(
-      _,
+    var E, M = {}, h = S.react_stack_bottom_frame.bind(
+      S,
       a
-    )(), O = Q(t(a)), M = {};
-    te.Fragment = j, te.jsx = function(n, u, h, x, z) {
-      var T = 1e4 > U.recentlyCreatedOwnerStacks++;
-      return m(
-        n,
-        u,
-        h,
+    )(), v = b(r(a)), I = {};
+    me.Fragment = N, me.jsx = function(t, o, T, y, w) {
+      var V = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return x(
+        t,
+        o,
+        T,
         !1,
-        x,
-        z,
-        T ? Error("react-stack-top-frame") : y,
-        T ? Q(t(n)) : O
+        y,
+        w,
+        V ? Error("react-stack-top-frame") : h,
+        V ? b(r(t)) : v
       );
-    }, te.jsxs = function(n, u, h, x, z) {
-      var T = 1e4 > U.recentlyCreatedOwnerStacks++;
-      return m(
-        n,
-        u,
-        h,
+    }, me.jsxs = function(t, o, T, y, w) {
+      var V = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return x(
+        t,
+        o,
+        T,
         !0,
-        x,
-        z,
-        T ? Error("react-stack-top-frame") : y,
-        T ? Q(t(n)) : O
+        y,
+        w,
+        V ? Error("react-stack-top-frame") : h,
+        V ? b(r(t)) : v
       );
     };
-  })()), te;
+  })()), me;
 }
-var ue;
-function Te() {
-  return ue || (ue = 1, process.env.NODE_ENV === "production" ? re.exports = xe() : re.exports = pe()), re.exports;
+var Le;
+function We() {
+  return Le || (Le = 1, process.env.NODE_ENV === "production" ? Te.exports = qe() : Te.exports = Xe()), Te.exports;
 }
-var D = Te();
-const N = {
-  debug(l, ...e) {
-    typeof window < "u" && window.localStorage?.getItem("debug") === "true" && console.debug(`[VirtualScroll] ${l}`, ...e);
+var q = We();
+const re = {
+  debug(c, ...e) {
+    typeof window < "u" && window.localStorage?.getItem("debug") === "true" && console.debug(`[VirtualScroll] ${c}`, ...e);
   },
-  warn(l, ...e) {
-    console.warn(`[VirtualScroll] ${l}`, ...e);
+  warn(c, ...e) {
+    console.warn(`[VirtualScroll] ${c}`, ...e);
   },
-  error(l, ...e) {
-    console.error(`[VirtualScroll] ${l}`, ...e);
+  error(c, ...e) {
+    console.error(`[VirtualScroll] ${c}`, ...e);
   }
-}, A = (l, e, r) => Math.min(r, Math.max(e, l)), ce = (l, e, r) => {
-  const t = "touches" in l.nativeEvent, s = t ? l.nativeEvent.touches[0] : l.nativeEvent, a = (d) => {
-    t && d.cancelable && d.preventDefault();
-    const i = "touches" in d ? d.touches[0] : d;
+}, z = (c, e, n) => Math.min(n, Math.max(e, c)), Ie = {
+  active: !1,
+  offsetY: 0,
+  distance: 0,
+  direction: 0
+}, Oe = 6, je = Re(({ onDragChange: c, className: e, maxVisualDistance: n = 160, size: r = 64, style: s, opacity: a = 1 }, i) => {
+  const [f, p] = le(Ie), g = H(null), x = H({ x: 0, y: 0 }), P = H(null), S = $(
+    (b, E = !1) => {
+      const { y: M } = x.current, h = b - M, v = Math.abs(h), I = v < Oe ? 0 : h < 0 ? -1 : 1, t = {
+        active: E || v >= Oe,
+        offsetY: h,
+        distance: v,
+        direction: I
+      };
+      p(t), c(t);
+    },
+    [c]
+  ), ne = $(
+    (b = !1) => {
+      if (b && g.current !== null) {
+        const E = P.current;
+        E?.hasPointerCapture(g.current) && E.releasePointerCapture(g.current);
+      }
+      g.current = null, p(Ie), c(Ie);
+    },
+    [c]
+  ), ie = $(
+    (b) => {
+      b.preventDefault(), b.stopPropagation();
+      const E = P.current ?? b.currentTarget, M = E.getBoundingClientRect();
+      x.current = {
+        x: M.left + M.width / 2,
+        y: M.top + M.height / 2
+      }, g.current = b.pointerId, E.setPointerCapture(b.pointerId), S(b.clientY, !0);
+    },
+    [S]
+  ), N = $(
+    (b) => {
+      g.current === b.pointerId && (b.preventDefault(), S(b.clientY));
+    },
+    [S]
+  ), K = $(
+    (b) => {
+      g.current === b.pointerId && (b.preventDefault(), b.stopPropagation(), ne(!0));
+    },
+    [ne]
+  );
+  Ae(
+    i,
+    () => ({
+      reset: () => {
+        ne(!0);
+      },
+      getElement: () => P.current
+    }),
+    [ne]
+  );
+  const F = U(() => Math.min(f.distance, n) / n, [f.distance, n]), m = U(() => r / 64, [r]), Z = U(() => 1 + F * 0.4, [F]), A = U(() => f.direction * F * 10 * m, [f.direction, F, m]), k = U(() => f.direction * F * 26 * m, [f.direction, F, m]), C = U(() => 22 * m, [m]), B = U(() => Math.max(2.5, 3 * m), [m]), X = U(() => 6 * m, [m]), se = U(() => 3 * m, [m]), l = U(() => Math.min(Math.max(a, 0), 1), [a]), Y = U(() => {
+    const b = {
+      ...s,
+      width: r,
+      height: r,
+      transform: `translateY(${A}px)`
+    };
+    return b.opacity = l, b;
+  }, [l, A, r, s]), j = U(() => Math.abs(k) + X, [X, k]), L = U(() => k > 0 ? se : -Math.abs(k) - se, [se, k]);
+  return /* @__PURE__ */ q.jsxs(
+    "div",
+    {
+      ref: P,
+      className: pe(
+        "relative flex items-center justify-center touch-none select-none",
+        "transition-transform duration-100 ease-out",
+        e
+      ),
+      style: Y,
+      onPointerDown: ie,
+      onPointerMove: N,
+      onPointerUp: K,
+      onPointerCancel: K,
+      role: "presentation",
+      children: [
+        /* @__PURE__ */ q.jsx(
+          "div",
+          {
+            className: "absolute inset-0 rounded-full border border-white/40 bg-gradient-to-br from-[#1d4ed8]/60 via-[#60a5fa]/55 to-[#bfdbfe]/40 shadow-md",
+            style: {
+              transform: `scaleY(${Z})`,
+              transition: f.active ? "transform 40ms ease-out" : "transform 200ms ease"
+            }
+          }
+        ),
+        /* @__PURE__ */ q.jsx(
+          "div",
+          {
+            className: "absolute left-1/2 top-1/2 h-6 w-6 -translate-x-1/2 -translate-y-1/2 rounded-full border border-white/50 bg-white/85",
+            style: {
+              width: C,
+              height: C,
+              transform: `translate(-50%, calc(-50% + ${k * 0.3}px)) scale(${1 + F * 0.2})`,
+              transition: f.active ? "transform 40ms ease-out" : "transform 200ms ease"
+            }
+          }
+        ),
+        /* @__PURE__ */ q.jsx(
+          "div",
+          {
+            className: "absolute left-1/2 top-1/2 w-1 rounded-full bg-white/50",
+            style: {
+              width: B,
+              height: j,
+              transform: `translate(-50%, ${L}px)`,
+              opacity: F,
+              transition: f.active ? "height 40ms ease-out, opacity 60ms" : "height 200ms ease, opacity 120ms"
+            }
+          }
+        )
+      ]
+    }
+  );
+});
+je.displayName = "TapScrollCircle";
+const De = (c, e, n) => {
+  const r = "touches" in c.nativeEvent, s = r ? c.nativeEvent.touches[0] : c.nativeEvent, a = (f) => {
+    r && f.cancelable && f.preventDefault();
+    const p = "touches" in f ? f.touches[0] : f;
     e({
-      deltaX: i.clientX - s.clientX,
-      deltaY: i.clientY - s.clientY
+      deltaX: p.clientX - s.clientX,
+      deltaY: p.clientY - s.clientY
     });
-  }, o = () => {
-    t ? (document.removeEventListener("touchmove", a), document.removeEventListener("touchend", o)) : (document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", o)), r?.();
+  }, i = () => {
+    r ? (document.removeEventListener("touchmove", a), document.removeEventListener("touchend", i)) : (document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", i)), n?.();
   };
-  t ? (document.addEventListener("touchmove", a, { passive: !1 }), document.addEventListener("touchend", o)) : (document.addEventListener("mousemove", a), document.addEventListener("mouseup", o));
-}, Ee = 20, _e = ({ contentSize: l, viewportSize: e, scrollPosition: r, onScroll: t, horizontal: s = !1, scrollBarWidth: a = 12, className: o, ariaControls: d }) => {
-  const [i, c] = X(!1), m = Y(null), v = e / l, _ = Math.max(Ee, v * e), p = l - e, S = r / p * (e - _), j = l > e;
-  B(() => {
-    m.current && (i ? m.current.style.backgroundColor = "#4F4F4F" : m.current.style.backgroundColor = "#7F7F7F");
-  }, [i]);
-  const b = (f) => A(f / (e - _) * p, 0, p), I = (f) => {
-    if (!j || "button" in f && f.button !== 0 || f.ctrlKey)
+  r ? (document.addEventListener("touchmove", a, { passive: !1 }), document.addEventListener("touchend", i)) : (document.addEventListener("mousemove", a), document.addEventListener("mouseup", i));
+}, Pe = "virtualscroll:tap-scroll-cancel", Fe = 20, Ge = 250, Je = 60, Be = 20, Ke = 20, Ze = 220, Ne = { active: !1, offsetY: 0, distance: 0, direction: 0 }, _e = 2.2, Qe = 8, et = 120, ce = {
+  enabled: !0,
+  size: 64,
+  offsetX: -80,
+  offsetY: 0,
+  className: void 0,
+  maxVisualDistance: Ze,
+  opacity: 1
+}, tt = (c) => {
+  if (!c || c <= 0)
+    return _e;
+  const e = Math.max(1, c), n = Math.log10(e), r = _e + n * Qe;
+  return z(r, _e, et);
+}, rt = ({ contentSize: c, viewportSize: e, scrollPosition: n, onScroll: r, horizontal: s = !1, scrollBarWidth: a = 12, className: i, ariaControls: f, tapScrollCircleOptions: p, itemCount: g }) => {
+  const [x, P] = le(!1), [S, ne] = le(!1), ie = H(null), N = H(n), K = H(null), F = H(null), m = H(Ne), Z = H(null), A = H(null), k = H(null), C = U(() => {
+    const d = p?.maxSpeedMultiplier, O = typeof d == "number" ? d : tt(g);
+    return {
+      enabled: p?.enabled ?? ce.enabled,
+      size: p?.size ?? ce.size,
+      offsetX: p?.offsetX ?? ce.offsetX,
+      offsetY: p?.offsetY ?? ce.offsetY,
+      className: p?.className ?? ce.className,
+      maxVisualDistance: p?.maxVisualDistance ?? ce.maxVisualDistance,
+      maxSpeedMultiplier: O,
+      opacity: z(p?.opacity ?? ce.opacity, 0, 1)
+    };
+  }, [g, p]), {
+    enabled: B,
+    size: X,
+    offsetX: se,
+    offsetY: l,
+    className: Y,
+    maxVisualDistance: j,
+    maxSpeedMultiplier: L,
+    opacity: b
+  } = C, E = Math.max(j, 1), M = e / c, h = a, v = Math.max(e - h * 2, 0), I = M * v, t = Math.min(Math.max(Fe, I || 0), v || Fe), o = c - e, T = Math.max(v - t, 0), y = o <= 0 || T <= 0 ? 0 : n / o * T, w = c > e;
+  ae(() => {
+    N.current = n;
+  }, [n]), ae(() => {
+    ie.current && (x ? ie.current.style.backgroundColor = "#4F4F4F" : ie.current.style.backgroundColor = "#7F7F7F");
+  }, [x]);
+  const V = $(() => {
+    K.current !== null && (window.clearInterval(K.current), K.current = null), F.current !== null && (window.clearTimeout(F.current), F.current = null);
+  }, []), D = $(() => {
+    A.current !== null && (window.cancelAnimationFrame(A.current), A.current = null), k.current = null;
+  }, []), _ = $(() => {
+    m.current = { ...Ne }, ne(!1), Z.current?.reset(), D();
+  }, [D]), R = $(
+    (d) => {
+      const O = m.current;
+      if (!O.active || O.direction === 0) {
+        D();
+        return;
+      }
+      if (!w || o <= 0) {
+        D();
+        return;
+      }
+      const te = k.current ?? d, Q = Math.max((d - te) / 1e3, 0);
+      if (k.current = d, Q <= 0) {
+        A.current = window.requestAnimationFrame(R);
+        return;
+      }
+      const Ee = (Math.min(O.distance, E) / E) ** 1.1, de = Math.max(e * 0.2, 40), we = Math.max(e * L, 1200), Se = de + (we - de) * Ee, xe = N.current, ye = z(xe + O.direction * Se * Q, 0, o);
+      if (ye === xe) {
+        D();
+        return;
+      }
+      N.current = ye, r?.(ye, xe), A.current = window.requestAnimationFrame(R);
+    },
+    [E, o, r, w, D, L, e]
+  ), G = $(() => {
+    A.current === null && (k.current = null, A.current = window.requestAnimationFrame(R));
+  }, [R]);
+  ae(() => () => {
+    V(), D();
+  }, [V, D]);
+  const J = $(
+    (d) => {
+      m.current = d, ne(d.active), d.active && d.direction !== 0 ? G() : D();
+    },
+    [G, D]
+  );
+  ae(() => {
+    B || _();
+  }, [_, B]), ae(() => {
+    const d = (O) => {
+      const Q = O.detail?.paneId;
+      Q && f && Q !== f || _();
+    };
+    return window.addEventListener(Pe, d), () => {
+      window.removeEventListener(Pe, d);
+    };
+  }, [f, _]), ae(() => {
+    if (!B)
       return;
-    f.stopPropagation();
-    const P = S;
-    c(!0), ce(
-      f,
-      ({ deltaX: V, deltaY: C }) => {
-        t?.(b(P + (s ? V : C)), S);
+    const d = (O) => {
+      if (!m.current.active)
+        return;
+      const te = O.target;
+      if (!(te instanceof Node)) {
+        _();
+        return;
+      }
+      Z.current?.getElement()?.contains(te) || _();
+    };
+    return document.addEventListener("pointerdown", d, !0), () => {
+      document.removeEventListener("pointerdown", d, !0);
+    };
+  }, [_, B]);
+  const u = (d) => {
+    if (!w || T <= 0 || o <= 0)
+      return 0;
+    const O = z(d, 0, T);
+    return z(O / T * o, 0, o);
+  }, ee = (d) => {
+    if (!w || o <= 0)
+      return;
+    const O = Math.max(Math.round(e / Ke), Be), te = N.current, Q = z(te + d * O, 0, o);
+    Q !== te && (N.current = Q, r?.(Q, te));
+  }, W = () => {
+    V();
+  }, oe = (d) => (O) => {
+    w && (O.preventDefault(), O.stopPropagation(), _(), V(), ee(d), F.current = window.setTimeout(() => {
+      K.current = window.setInterval(() => {
+        ee(d);
+      }, Je);
+    }, Ge));
+  }, ue = (d) => (O) => {
+    (O.key === "Enter" || O.key === " " || O.key === "Spacebar") && (O.preventDefault(), ee(d));
+  }, ge = (d) => {
+    if (!w || "button" in d && d.button !== 0 || d.ctrlKey)
+      return;
+    d.stopPropagation(), _();
+    const O = y;
+    P(!0), De(
+      d,
+      ({ deltaX: te, deltaY: Q }) => {
+        r?.(u(O + (s ? te : Q)), y);
       },
       () => {
-        c(!1);
+        P(!1);
       }
     );
-  }, k = (f) => {
-    if (!j || "button" in f && f.button !== 0 || f.ctrlKey)
+  }, Me = (d) => {
+    if (!w || "button" in d && d.button !== 0 || d.ctrlKey)
       return;
-    const V = "touches" in f.nativeEvent ? f.nativeEvent.touches[0] : f.nativeEvent, C = s ? V.clientX : V.clientY, $ = f.currentTarget.getBoundingClientRect(), J = (s ? C - $.left : C - $.top) - _ / 2;
-    t?.(b(J), S), ce(f, ({ deltaX: H, deltaY: U }) => {
-      t?.(b(J + (s ? H : U)), S);
+    const te = "touches" in d.nativeEvent ? d.nativeEvent.touches[0] : d.nativeEvent, Q = s ? te.clientX : te.clientY, ve = d.currentTarget.getBoundingClientRect(), Ee = s ? Q - ve.left : Q - ve.top;
+    _();
+    const de = Ee - t / 2;
+    r?.(u(de), y), De(d, ({ deltaX: we, deltaY: Se }) => {
+      r?.(u(de + (s ? we : Se)), y);
     });
-  };
-  return (
-    // スクロールバーのコンテナ
-    /* @__PURE__ */ D.jsx(
-      "div",
-      {
-        className: ae("group relative cursor-default select-none", o),
-        style: {
-          [s ? "width" : "height"]: e,
-          [s ? "height" : "width"]: a,
-          backgroundColor: "white",
-          userSelect: "none"
-        },
-        onMouseDown: k,
-        onTouchStart: k,
-        role: "scrollbar",
-        tabIndex: -1,
-        "aria-controls": d,
-        "aria-valuenow": r,
-        "aria-valuemin": 0,
-        "aria-valuemax": p,
-        "aria-orientation": s ? "horizontal" : "vertical",
-        children: l > e && // スクロールバーのつまみの当たり判定を広げるためのラッパー
-        /* @__PURE__ */ D.jsx(
+  }, Ye = U(() => z((S ? 1 : 0.8) * b, 0, 1), [S, b]), ze = U(() => {
+    const O = `calc(50% - ${X / 2}px + ${l}px)`;
+    return {
+      left: se,
+      top: O
+    };
+  }, [se, l, X]);
+  return /* @__PURE__ */ q.jsxs(
+    "div",
+    {
+      className: pe(
+        "group relative cursor-default select-none",
+        s ? "flex flex-row items-stretch" : "flex flex-col items-stretch",
+        i
+      ),
+      style: {
+        [s ? "width" : "height"]: e,
+        [s ? "height" : "width"]: a,
+        backgroundColor: "white",
+        userSelect: "none",
+        position: "relative"
+      },
+      role: "scrollbar",
+      tabIndex: -1,
+      "aria-controls": f,
+      "aria-valuenow": n,
+      "aria-valuemin": 0,
+      "aria-valuemax": o,
+      "aria-orientation": s ? "horizontal" : "vertical",
+      children: [
+        !s && w && B && /* @__PURE__ */ q.jsx(
+          je,
+          {
+            ref: Z,
+            className: pe(
+              "pointer-events-auto absolute transition-opacity duration-150",
+              Y
+            ),
+            size: X,
+            maxVisualDistance: E,
+            style: ze,
+            opacity: Ye,
+            onDragChange: J
+          }
+        ),
+        /* @__PURE__ */ q.jsx(
+          "button",
+          {
+            type: "button",
+            className: "flex items-center justify-center text-xs text-[#313131] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[#60a5fa] focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50",
+            style: {
+              [s ? "width" : "height"]: h,
+              [s ? "height" : "width"]: a,
+              backgroundColor: "#E0E0E0"
+            },
+            "aria-label": s ? "Scroll left" : "Scroll up",
+            onMouseDown: oe(-1),
+            onTouchStart: oe(-1),
+            onMouseUp: W,
+            onMouseLeave: W,
+            onTouchEnd: W,
+            onTouchCancel: W,
+            onKeyDown: ue(-1),
+            disabled: !w,
+            children: /* @__PURE__ */ q.jsx("span", { "aria-hidden": "true", children: s ? "◀" : "▲" })
+          }
+        ),
+        /* @__PURE__ */ q.jsx(
           "div",
           {
-            className: "group absolute",
+            className: "relative flex-1",
             style: {
-              [s ? "width" : "height"]: _,
-              [s ? "left" : "top"]: S,
-              // 当たり判定を上下または左右に広げる
-              ...s ? { top: 0, bottom: 0 } : { left: 0, right: 0 }
+              backgroundColor: "#F5F5F5",
+              borderRadius: a / 2
             },
-            onMouseDown: I,
-            onTouchStart: I,
-            role: "slider",
-            "aria-orientation": s ? "horizontal" : "vertical",
-            "aria-valuenow": r,
-            "aria-valuemin": 0,
-            "aria-valuemax": p,
-            tabIndex: 0,
-            children: /* @__PURE__ */ D.jsx(
+            onMouseDown: Me,
+            onTouchStart: Me,
+            children: c > e && // スクロールバーのつまみの当たり判定を広げるためのラッパー
+            /* @__PURE__ */ q.jsx(
               "div",
               {
-                ref: m,
-                className: ae(
-                  "absolute",
-                  s ? `inset-x-0 inset-y-[1.5px] group-hover:inset-y-[-0.5px] ${i ? "inset-y-[-2px]" : "group-active:inset-y-[-2px]"}` : `inset-x-[1.5px] inset-y-0 group-hover:inset-x-[-0.5px] ${i ? "inset-x-[-2px]" : "group-active:inset-x-[-2px]"}`
-                ),
+                className: "group absolute",
                 style: {
-                  backgroundColor: "#7F7F7F",
-                  borderRadius: a - 1,
-                  // Tailwind が適用されない場合のフォールバック
-                  ...s ? {
-                    left: 0,
-                    right: 0,
-                    top: i ? -2 : 1.5,
-                    bottom: i ? -2 : 1.5
-                  } : {
-                    top: 0,
-                    bottom: 0,
-                    left: i ? -2 : 1.5,
-                    right: i ? -2 : 1.5
-                  }
+                  [s ? "width" : "height"]: t,
+                  [s ? "left" : "top"]: y,
+                  ...s ? { top: 0, bottom: 0 } : { left: 0, right: 0 }
                 },
-                onMouseEnter: (f) => {
-                  s ? (f.currentTarget.style.top = "-0.5px", f.currentTarget.style.bottom = "-0.5px") : (f.currentTarget.style.left = "-0.5px", f.currentTarget.style.right = "-0.5px"), i || (f.currentTarget.style.backgroundColor = "#5F5F5F");
-                },
-                onMouseLeave: (f) => {
-                  s ? (f.currentTarget.style.top = i ? "-2px" : "1.5px", f.currentTarget.style.bottom = i ? "-2px" : "1.5px") : (f.currentTarget.style.left = i ? "-2px" : "1.5px", f.currentTarget.style.right = i ? "-2px" : "1.5px"), i || (f.currentTarget.style.backgroundColor = "#7F7F7F");
-                }
+                onMouseDown: ge,
+                onTouchStart: ge,
+                role: "slider",
+                "aria-orientation": s ? "horizontal" : "vertical",
+                "aria-valuenow": n,
+                "aria-valuemin": 0,
+                "aria-valuemax": o,
+                tabIndex: 0,
+                children: /* @__PURE__ */ q.jsx(
+                  "div",
+                  {
+                    ref: ie,
+                    className: pe(
+                      "absolute",
+                      s ? `inset-x-0 inset-y-[1.5px] group-hover:inset-y-[-0.5px] ${x ? "inset-y-[-2px]" : "group-active:inset-y-[-2px]"}` : `inset-x-[1.5px] inset-y-0 group-hover:inset-x-[-0.5px] ${x ? "inset-x-[-2px]" : "group-active:inset-x-[-2px]"}`
+                    ),
+                    style: {
+                      backgroundColor: "#7F7F7F",
+                      borderRadius: a - 1,
+                      ...s ? {
+                        left: 0,
+                        right: 0,
+                        top: x ? -2 : 1.5,
+                        bottom: x ? -2 : 1.5
+                      } : {
+                        top: 0,
+                        bottom: 0,
+                        left: x ? -2 : 1.5,
+                        right: x ? -2 : 1.5
+                      }
+                    },
+                    onMouseEnter: (d) => {
+                      s ? (d.currentTarget.style.top = "-0.5px", d.currentTarget.style.bottom = "-0.5px") : (d.currentTarget.style.left = "-0.5px", d.currentTarget.style.right = "-0.5px"), x || (d.currentTarget.style.backgroundColor = "#5F5F5F");
+                    },
+                    onMouseLeave: (d) => {
+                      s ? (d.currentTarget.style.top = x ? "-2px" : "1.5px", d.currentTarget.style.bottom = x ? "-2px" : "1.5px") : (d.currentTarget.style.left = x ? "-2px" : "1.5px", d.currentTarget.style.right = x ? "-2px" : "1.5px"), x || (d.currentTarget.style.backgroundColor = "#7F7F7F");
+                    }
+                  }
+                )
               }
             )
           }
+        ),
+        /* @__PURE__ */ q.jsx(
+          "button",
+          {
+            type: "button",
+            className: "flex items-center justify-center text-xs text-[#313131] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[#60a5fa] focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50",
+            style: {
+              [s ? "width" : "height"]: h,
+              [s ? "height" : "width"]: a,
+              backgroundColor: "#E0E0E0"
+            },
+            "aria-label": s ? "Scroll right" : "Scroll down",
+            onMouseDown: oe(1),
+            onTouchStart: oe(1),
+            onMouseUp: W,
+            onMouseLeave: W,
+            onTouchEnd: W,
+            onTouchCancel: W,
+            onKeyDown: ue(1),
+            disabled: !w,
+            children: /* @__PURE__ */ q.jsx("span", { "aria-hidden": "true", children: s ? "▶" : "▼" })
+          }
         )
-      }
-    )
+      ]
+    }
+  );
+}, he = {
+  maxVelocity: 6,
+  minVelocity: 0.02,
+  deceleration: 25e-4,
+  velocitySampleWindow: 90,
+  startVelocityThreshold: 0.04
+}, nt = Re(({ children: c, contentSize: e, viewportSize: n, scrollBarWidth: r = 12, onScroll: s, className: a, style: i, background: f, tapScrollCircleOptions: p, inertiaOptions: g, itemCount: x }, P) => {
+  const S = H(0), [ne, ie] = $e((l) => l + 1, 0), N = H(null), K = H(null), F = H({
+    frame: null,
+    velocity: 0,
+    lastTimestamp: null
+  }), m = U(
+    () => ({
+      maxVelocity: g?.maxVelocity ?? he.maxVelocity,
+      minVelocity: g?.minVelocity ?? he.minVelocity,
+      deceleration: g?.deceleration ?? he.deceleration,
+      velocitySampleWindow: g?.velocitySampleWindow ?? he.velocitySampleWindow,
+      startVelocityThreshold: g?.startVelocityThreshold ?? he.startVelocityThreshold
+    }),
+    [g]
   );
-}, Ie = de(({ children: l, contentSize: e, viewportSize: r, scrollBarWidth: t = 12, onScroll: s, className: a, style: o, background: d }, i) => {
-  const c = Y(0), [m, v] = be((I) => I + 1, 0), _ = Y(null);
-  N.debug("[ScrollPane] ScrollPane rendered", { contentSize: e, viewportSize: r, scrollBarWidth: t, className: a, style: o });
-  const p = ne(() => e > r, [e, r]), S = L(
-    (I) => {
-      const k = e > r, f = c.current;
-      if (N.debug("[ScrollPane] scrollTo called", { newPosition: I, contentSize: e, viewportSize: r, currentIsScrollable: k, prevPosition: f }), !k) {
-        c.current !== 0 && (c.current = 0, s?.(0, f));
+  re.debug("[ScrollPane] ScrollPane rendered", { contentSize: e, viewportSize: n, scrollBarWidth: r, className: a, style: i, tapScrollCircleOptions: p, inertiaOptions: g });
+  const Z = H({ contentSize: e, viewportSize: n }), A = U(() => e > n, [e, n]), k = $(
+    (l) => {
+      const { contentSize: Y, viewportSize: j } = Z.current, L = Y > j, b = S.current;
+      if (re.debug("[ScrollPane] scrollTo called", { newPosition: l, contentSize: Y, viewportSize: j, currentIsScrollable: L, prevPosition: b }), !L) {
+        S.current !== 0 && (S.current = 0, s?.(0, b));
         return;
       }
-      const P = typeof I == "function" ? I(c.current) : I, V = A(P, 0, e - r);
-      c.current !== V && (c.current = V, s?.(V, f));
+      const E = typeof l == "function" ? l(S.current) : l, M = z(E, 0, Y - j);
+      S.current !== M && (S.current = M, s?.(M, b));
     },
-    [s, e, r]
+    [s]
+  ), C = $(() => {
+    const l = F.current;
+    l.frame !== null && cancelAnimationFrame(l.frame), l.frame = null, l.velocity = 0, l.lastTimestamp = null;
+  }, []), B = $(
+    (l) => {
+      if (!A)
+        return;
+      const { maxVelocity: Y, minVelocity: j, deceleration: L, startVelocityThreshold: b } = m, E = z(l, -Y, Y);
+      if (Math.abs(E) < b)
+        return;
+      C(), F.current.velocity = E, F.current.lastTimestamp = null;
+      const M = (h) => {
+        const v = F.current;
+        if (v.lastTimestamp === null) {
+          v.lastTimestamp = h, v.frame = requestAnimationFrame(M);
+          return;
+        }
+        const I = h - v.lastTimestamp;
+        if (v.lastTimestamp = h, I <= 0) {
+          v.frame = requestAnimationFrame(M);
+          return;
+        }
+        const t = v.velocity;
+        let o = t;
+        const T = L * I;
+        t > 0 ? o = Math.max(0, t - T) : t < 0 && (o = Math.min(0, t + T));
+        const w = (t + o) / 2 * I, V = S.current;
+        w !== 0 && k((u) => u + w);
+        const D = S.current, { contentSize: _, viewportSize: R } = Z.current, G = Math.max(_ - R, 0);
+        v.velocity = o;
+        const J = D === V || D <= 0 && o <= 0 || D >= G && o >= 0;
+        if (Math.abs(o) < j || J) {
+          C();
+          return;
+        }
+        v.frame = requestAnimationFrame(M);
+      };
+      F.current.frame = requestAnimationFrame(M);
+    },
+    [A, m, k, C]
   );
-  oe(() => {
-    if (p) {
-      N.debug("[ScrollPane] Adjusting scroll position due to content or viewport size change", { contentSize: e, viewportSize: r, scrollPosition: c.current });
-      const I = A(e - r, 0, e);
-      c.current > I && S(I);
+  be(() => {
+    Z.current = { contentSize: e, viewportSize: n };
+  }, [e, n]), be(() => {
+    if (A) {
+      re.debug("[ScrollPane] Adjusting scroll position due to content or viewport size change", { contentSize: e, viewportSize: n, scrollPosition: S.current });
+      const l = z(e - n, 0, e);
+      S.current > l && k(l);
     } else
-      S(0);
-  }, [p, S, e, r]), B(() => {
-    const I = (f) => {
-      if (!p)
+      k(0);
+  }, [A, k, e, n]), ae(() => {
+    const l = (j) => {
+      if (!A)
         return;
-      f.preventDefault();
-      let P = f.deltaY;
-      f.deltaMode === 1 ? P *= 16 : f.deltaMode === 2 && (P *= r), N.debug("[ScrollPane] wheel event", { deltaY: P, scrollPosition: c.current }), S((V) => V + P);
-    }, k = _.current;
-    return k && k.addEventListener("wheel", I, { passive: !1 }), () => {
-      k && k.removeEventListener("wheel", I);
+      j.preventDefault(), C();
+      let L = j.deltaY;
+      j.deltaMode === 1 ? L *= 16 : j.deltaMode === 2 && (L *= n), re.debug("[ScrollPane] wheel event", { deltaY: L, scrollPosition: S.current }), k((b) => b + L);
+    }, Y = N.current;
+    return Y && Y.addEventListener("wheel", l, { passive: !1 }), () => {
+      Y && Y.removeEventListener("wheel", l);
     };
-  }, [p, S, r]), he(
-    i,
+  }, [A, k, C, n]), Ae(
+    P,
     () => ({
-      scrollTo: S,
-      getScrollPosition: () => c.current,
+      scrollTo: k,
+      getScrollPosition: () => S.current,
       getContentSize: () => e,
-      getViewportSize: () => r
+      getViewportSize: () => n
     }),
-    [S, e, r]
+    [k, e, n]
   );
-  const j = ve();
-  return ne(() => /* @__PURE__ */ D.jsxs("div", { ref: _, className: ae("flex", a), style: o, children: [
-    /* @__PURE__ */ D.jsxs("div", { className: "relative h-full flex-1 overflow-hidden", style: { height: r }, id: j, children: [
-      d,
-      l(c.current)
+  const X = Ue(), se = U(() => /* @__PURE__ */ q.jsxs("div", { ref: N, className: pe("flex", a), style: i, children: [
+    /* @__PURE__ */ q.jsxs("div", { ref: K, className: "relative h-full flex-1 overflow-hidden", style: { height: n, touchAction: "none" }, id: X, children: [
+      f,
+      c(S.current)
     ] }),
-    p && /* @__PURE__ */ D.jsx(_e, { contentSize: e, viewportSize: r, scrollPosition: c.current, onScroll: S, scrollBarWidth: t, ariaControls: j })
-  ] }), [l, e, r, t, a, o, p, S, j, d]);
+    A && /* @__PURE__ */ q.jsx(
+      rt,
+      {
+        contentSize: e,
+        viewportSize: n,
+        scrollPosition: S.current,
+        onScroll: k,
+        scrollBarWidth: r,
+        ariaControls: X,
+        tapScrollCircleOptions: p,
+        itemCount: x
+      }
+    )
+  ] }), [c, e, n, r, a, i, A, k, X, f, p, x]);
+  return ae(() => {
+    const l = K.current;
+    if (!l)
+      return;
+    const Y = 6, j = "input, textarea, select, button, a[href], [role='button']";
+    let L = null, b = 0, E = 0, M = !1, h = !1, v = !1, I = null, t = [];
+    const o = () => {
+      L = null, b = 0, E = 0, M = !1, h = !1, t = [];
+    }, T = (u) => {
+      const ee = performance.now();
+      t.push({ clientY: u, time: ee }), t = t.filter((W) => ee - W.time <= m.velocitySampleWindow);
+    }, y = (u) => u instanceof HTMLElement ? u.closest("[data-scrollpane-ignore-drag='true']") !== null : !1, w = (u) => u instanceof HTMLElement ? u.closest(j) !== null : !1, V = (u) => {
+      v && (u.preventDefault(), u.stopPropagation(), v = !1);
+    }, D = (u) => {
+      M || (M = !0, h = !1, v = !0, l.hasPointerCapture(u.pointerId) || l.setPointerCapture(u.pointerId), T(u.clientY));
+    }, _ = (u) => {
+      if (L !== u.pointerId)
+        return;
+      if (!M) {
+        const oe = Math.abs(u.clientY - b);
+        if (h && oe < Y)
+          return;
+        D(u);
+      }
+      if (!M)
+        return;
+      T(u.clientY);
+      const ee = u.clientY - b, W = E - ee;
+      k(W), u.cancelable && u.preventDefault();
+    }, R = (u) => {
+      if (L !== u.pointerId)
+        return;
+      M && v && u.cancelable && (u.preventDefault(), u.stopPropagation()), l.hasPointerCapture(u.pointerId) && l.releasePointerCapture(u.pointerId);
+      let ee = 0;
+      if (M && t.length >= 2) {
+        const W = t[t.length - 1], oe = t.find((ue) => W.time - ue.time <= m.velocitySampleWindow) ?? t[0];
+        if (W && oe && W.time !== oe.time) {
+          const ue = W.clientY - oe.clientY, ge = W.time - oe.time;
+          ee = -(ue / ge);
+        }
+      }
+      o(), I !== null && window.clearTimeout(I), v && (I = window.setTimeout(() => {
+        v = !1, I = null;
+      }, 0)), Math.abs(ee) >= m.startVelocityThreshold && B(ee);
+    }, G = (u) => {
+      A && (u.button !== 0 && u.pointerType === "mouse" || u.ctrlKey || u.metaKey || u.altKey || y(u.target) || (window.dispatchEvent(new CustomEvent(Pe, { detail: { paneId: X } })), C(), L = u.pointerId, b = u.clientY, E = S.current, h = w(u.target), M = !1, v = !1, t = [], h || (v = !0, D(u), T(u.clientY), u.cancelable && u.preventDefault())));
+    }, J = (u) => {
+      L === u.pointerId && (v = !1, l.hasPointerCapture(u.pointerId) && l.releasePointerCapture(u.pointerId), I !== null && (window.clearTimeout(I), I = null), o());
+    };
+    return l.addEventListener("click", V, !0), l.addEventListener("pointerdown", G, { passive: !1 }), l.addEventListener("pointermove", _, { passive: !1 }), l.addEventListener("pointerup", R), l.addEventListener("pointercancel", J), window.addEventListener("pointermove", _, { passive: !1 }), window.addEventListener("pointerup", R), window.addEventListener("pointercancel", J), () => {
+      l.removeEventListener("click", V, !0), l.removeEventListener("pointerdown", G), l.removeEventListener("pointermove", _), l.removeEventListener("pointerup", R), l.removeEventListener("pointercancel", J), window.removeEventListener("pointermove", _), window.removeEventListener("pointerup", R), window.removeEventListener("pointercancel", J), L !== null && l.hasPointerCapture(L) && l.releasePointerCapture(L), I !== null && window.clearTimeout(I), C();
+    };
+  }, [X, A, m, k, B, C]), se;
 });
-class Re {
+class st {
   /**
    * @private
    * @property {Map<number, number>} tree - The Map storing the Fenwick tree structure, specifically the sums of deltas. It is 1-indexed.
@@ -498,8 +949,8 @@ class Re {
    * @param {number | ((index: number) => number)} valueOrFn - The value for all elements, or a function to generate values.
    * @param {{ sampleRange?: { from: number; to: number }, materialize?: boolean }} [options] - Optional settings for initialization.
    */
-  constructor(e, r, t) {
-    this.reset(e, r, t);
+  constructor(e, n, r) {
+    this.reset(e, n, r);
   }
   /**
    * @method reset
@@ -509,26 +960,26 @@ class Re {
    * @param {number | ((index: number) => number)} valueOrFn - The value for all elements, or a function to generate values.
    * @param {{ sampleRange?: { from: number; to: number }, materialize?: boolean }} [options] - Optional settings for initialization.
    */
-  reset(e, r, t) {
-    if (this.size = e, this.tree = /* @__PURE__ */ new Map(), this.deltas = /* @__PURE__ */ new Map(), this.total = void 0, typeof r == "function") {
-      if (this.valueFn = r, this.size > 0) {
-        const a = t?.sampleRange ?? {
+  reset(e, n, r) {
+    if (this.size = e, this.tree = /* @__PURE__ */ new Map(), this.deltas = /* @__PURE__ */ new Map(), this.total = void 0, typeof n == "function") {
+      if (this.valueFn = n, this.size > 0) {
+        const a = r?.sampleRange ?? {
           from: 0,
           to: Math.min(99, this.size - 1)
-        }, { mode: o, materializedValues: d } = this._calculateMode(a.from, a.to);
-        if (this.baseValue = o, t?.materialize)
-          for (let i = 0; i < d.length; i++) {
-            const c = d[i], m = a.from + i;
-            if (m >= this.size)
+        }, { mode: i, materializedValues: f } = this._calculateMode(a.from, a.to);
+        if (this.baseValue = i, r?.materialize)
+          for (let p = 0; p < f.length; p++) {
+            const g = f[p], x = a.from + p;
+            if (x >= this.size)
               break;
-            const v = c - this.baseValue;
-            this.deltas.set(m, v), this._updateTree(m, v);
+            const P = g - this.baseValue;
+            this.deltas.set(x, P), this._updateTree(x, P);
           }
       } else
         this.baseValue = 0;
       this.total = this.getTotal();
     } else
-      this.valueFn = void 0, this.baseValue = r, this.total = this.baseValue * this.size;
+      this.valueFn = void 0, this.baseValue = n, this.total = this.baseValue * this.size;
   }
   /**
    * @method setValueFn
@@ -548,33 +999,33 @@ class Re {
    * @param {number} to - The ending index of the range (inclusive).
    * @returns {{ mode: number; materializedValues: number[] }} An object containing the calculated mode and the array of generated values.
    */
-  _calculateMode(e, r) {
+  _calculateMode(e, n) {
     if (!this.valueFn)
       return { mode: 0, materializedValues: [] };
-    const t = [];
-    for (let c = e; c <= r && !(c >= this.size); c++)
-      t.push(this.valueFn(c));
-    const s = [...t];
-    if (t.length === 0)
+    const r = [];
+    for (let g = e; g <= n && !(g >= this.size); g++)
+      r.push(this.valueFn(g));
+    const s = [...r];
+    if (r.length === 0)
       return { mode: 0, materializedValues: [] };
-    t.sort((c, m) => c - m);
-    const a = Math.floor(t.length / 2);
-    let o;
-    t.length % 2 === 0 ? o = Math.floor((t[a - 1] + t[a]) / 2) : o = t[a];
-    const d = /* @__PURE__ */ new Map();
-    let i = 0;
-    for (const c of t) {
-      const m = (d.get(c) ?? 0) + 1;
-      d.set(c, m), m > i && (i = m);
+    r.sort((g, x) => g - x);
+    const a = Math.floor(r.length / 2);
+    let i;
+    r.length % 2 === 0 ? i = Math.floor((r[a - 1] + r[a]) / 2) : i = r[a];
+    const f = /* @__PURE__ */ new Map();
+    let p = 0;
+    for (const g of r) {
+      const x = (f.get(g) ?? 0) + 1;
+      f.set(g, x), x > p && (p = x);
     }
-    if (i > 1) {
-      const c = [];
-      for (const [v, _] of d.entries())
-        _ === i && c.push(v);
-      const m = c.reduce((v, _) => v + _, 0);
-      o = Math.floor(m / c.length);
+    if (p > 1) {
+      const g = [];
+      for (const [P, S] of f.entries())
+        S === p && g.push(P);
+      const x = g.reduce((P, S) => P + S, 0);
+      i = Math.floor(x / g.length);
     }
-    return { mode: o, materializedValues: s };
+    return { mode: i, materializedValues: s };
   }
   /**
    * @method update
@@ -583,8 +1034,8 @@ class Re {
    * @param {number} index - The 0-based index to update.
    * @param {number} value - The new value.
    */
-  update(e, r) {
-    return this.updates([{ index: e, value: r }]);
+  update(e, n) {
+    return this.updates([{ index: e, value: n }]);
   }
   /**
    * @method updates
@@ -593,15 +1044,15 @@ class Re {
    * @param {{ index: number; value: number }[]} updates - An array of updates, each with an index and the new value.
    */
   updates(e) {
-    const r = e.map(({ index: t, value: s }) => {
-      if (t < 0 || t >= this.size)
-        throw new Error(`Index ${t} out of bounds`);
+    const n = e.map(({ index: r, value: s }) => {
+      if (r < 0 || r >= this.size)
+        throw new Error(`Index ${r} out of bounds`);
       if (s < 0)
         throw new Error("Value cannot be negative.");
-      const a = this.deltas.has(t) ? (this.deltas.get(t) ?? 0) + this.baseValue : this.baseValue, o = s - a;
-      return { index: t, change: o };
-    }).filter((t) => t.change !== 0);
-    return r.length > 0 ? this.updateDeltas(r) : this.total;
+      const a = this.deltas.has(r) ? (this.deltas.get(r) ?? 0) + this.baseValue : this.baseValue, i = s - a;
+      return { index: r, change: i };
+    }).filter((r) => r.change !== 0);
+    return n.length > 0 ? this.updateDeltas(n) : this.total;
   }
   /**
    * @method updateDelta
@@ -610,8 +1061,8 @@ class Re {
    * @param {number} index - The 0-based index to update.
    * @param {number} change - The value to add to the delta at the given index.
    */
-  updateDelta(e, r) {
-    return this.updateDeltas([{ index: e, change: r }]);
+  updateDelta(e, n) {
+    return this.updateDeltas([{ index: e, change: n }]);
   }
   /**
    * @method updateDeltas
@@ -620,11 +1071,11 @@ class Re {
    * @param {{ index: number; change: number }[]} updates - An array of updates, each with an index and the change to apply.
    */
   updateDeltas(e) {
-    for (const { index: r, change: t } of e) {
-      if (r < 0 || r >= this.size)
-        throw new Error(`Index ${r} out of bounds`);
-      const s = this.deltas.get(r) ?? 0;
-      this.deltas.set(r, s + t), this._updateTree(r, t);
+    for (const { index: n, change: r } of e) {
+      if (n < 0 || n >= this.size)
+        throw new Error(`Index ${n} out of bounds`);
+      const s = this.deltas.get(n) ?? 0;
+      this.deltas.set(n, s + r), this._updateTree(n, r);
     }
     return this.total;
   }
@@ -636,13 +1087,13 @@ class Re {
    * @param {number} index - The 0-based index that changed.
    * @param {number} change - The change in value.
    */
-  _updateTree(e, r) {
-    if (r === 0)
+  _updateTree(e, n) {
+    if (n === 0)
       return;
-    let t = e + 1;
-    for (; t <= this.size; )
-      this.tree.set(t, (this.tree.get(t) ?? 0) + r), t += t & -t;
-    this.total !== void 0 && (this.total += r);
+    let r = e + 1;
+    for (; r <= this.size; )
+      this.tree.set(r, (this.tree.get(r) ?? 0) + n), r += r & -r;
+    this.total !== void 0 && (this.total += n);
   }
   /**
    * @private
@@ -652,12 +1103,12 @@ class Re {
    * @param {number} index - The 0-based index to materialize.
    * @param {boolean} [updateTree=true] - Whether to update the Fenwick tree after materialization.
    */
-  _materialize(e, r = !0) {
+  _materialize(e, n = !0) {
     if (this.valueFn) {
-      const t = this.deltas.get(e) ?? 0, a = this.valueFn(e) - this.baseValue;
-      if (a !== t && (this.deltas.set(e, a), r)) {
-        const o = a - t;
-        this._updateTree(e, o);
+      const r = this.deltas.get(e) ?? 0, a = this.valueFn(e) - this.baseValue;
+      if (a !== r && (this.deltas.set(e, a), n)) {
+        const i = a - r;
+        this._updateTree(e, i);
       }
     }
   }
@@ -674,26 +1125,26 @@ class Re {
    * @param {number} options.materializeOption.ranges.to - The ending index of the range.
    * @returns {{ cumulative: number; total: number | undefined; currentValue: number; safeIndex: number }} The cumulative sum of values from index 0 to the given index, the total sum, and the value at the given index.
    */
-  prefixSum(e, r) {
+  prefixSum(e, n) {
     if (e < 0)
       return { cumulative: 0, total: this.total, currentValue: 0, safeIndex: 0 };
-    const t = A(e, 0, this.size - 1), s = r?.materializeOption;
+    const r = z(e, 0, this.size - 1), s = n?.materializeOption;
     if (s?.materialize && this.valueFn) {
       if (s.ranges)
-        for (const i of s.ranges) {
-          const c = i.from, m = Math.min(i.to, this.size - 1);
-          for (let v = c; v <= m; v++)
-            this._materialize(v);
+        for (const p of s.ranges) {
+          const g = p.from, x = Math.min(p.to, this.size - 1);
+          for (let P = g; P <= x; P++)
+            this._materialize(P);
         }
-      this._materialize(t);
+      this._materialize(r);
     }
-    let a = 0, o = t + 1;
-    for (; o > 0; ) {
-      const i = this.tree.get(o) ?? 0;
-      a += i, o -= o & -o;
+    let a = 0, i = r + 1;
+    for (; i > 0; ) {
+      const p = this.tree.get(i) ?? 0;
+      a += p, i -= i & -i;
     }
-    const d = s?.materialize ? this.get(t) : (this.deltas.get(t) || 0) + this.baseValue;
-    return { cumulative: a + this.baseValue * (t + 1), total: this.total, currentValue: d, safeIndex: t };
+    const f = s?.materialize ? this.get(r) : (this.deltas.get(r) || 0) + this.baseValue;
+    return { cumulative: a + this.baseValue * (r + 1), total: this.total, currentValue: f, safeIndex: r };
   }
   /**
    * @method get
@@ -708,18 +1159,18 @@ class Re {
    * @param {number} options.materializeOption.ranges.to - The ending index of the range.
    * @returns {number} The value at the given index.
    */
-  get(e, r) {
+  get(e, n) {
     if (e < 0 || e >= this.size)
       throw new Error("Index out of bounds");
-    const t = r?.materializeOption;
-    if (t?.materialize && this.valueFn)
-      if (t.ranges) {
-        for (const s of t.ranges) {
-          const a = s.from, o = Math.min(s.to, this.size - 1);
-          for (let d = a; d <= o; d++)
-            this._materialize(d);
+    const r = n?.materializeOption;
+    if (r?.materialize && this.valueFn)
+      if (r.ranges) {
+        for (const s of r.ranges) {
+          const a = s.from, i = Math.min(s.to, this.size - 1);
+          for (let f = a; f <= i; f++)
+            this._materialize(f);
         }
-        e >= t.ranges[0].from && e <= t.ranges[t.ranges.length - 1].to && this._materialize(e);
+        e >= r.ranges[0].from && e <= r.ranges[r.ranges.length - 1].to && this._materialize(e);
       } else
         this._materialize(e);
     return (this.deltas.get(e) ?? 0) + this.baseValue;
@@ -737,21 +1188,21 @@ class Re {
    * @returns {number} The total sum of all values.
    */
   getTotal(e) {
-    const r = e?.materializeOption;
-    if (r?.materialize && this.valueFn && r.ranges)
-      for (const t of r.ranges) {
-        const s = t.from, a = Math.min(t.to, this.size - 1);
-        for (let o = s; o <= a; o++)
-          this._materialize(o);
+    const n = e?.materializeOption;
+    if (n?.materialize && this.valueFn && n.ranges)
+      for (const r of n.ranges) {
+        const s = r.from, a = Math.min(r.to, this.size - 1);
+        for (let i = s; i <= a; i++)
+          this._materialize(i);
       }
     if (this.total === void 0)
       if (this.size === 0)
         this.total = 0;
       else {
-        let t = this.baseValue * this.size;
+        let r = this.baseValue * this.size;
         for (const s of this.deltas.values())
-          t += s;
-        this.total = t, console.assert(this.prefixSum(this.getSize() - 1).cumulative === this.prefixSum(this.getSize() - 1).total, "Inconsistent Fenwick Tree state");
+          r += s;
+        this.total = r, console.assert(this.prefixSum(this.getSize() - 1).cumulative === this.prefixSum(this.getSize() - 1).total, "Inconsistent Fenwick Tree state");
       }
     return this.total;
   }
@@ -768,16 +1219,16 @@ class Re {
       this.reset(this.size, (a) => s(a), { materialize: !0 });
       return;
     }
-    const r = /* @__PURE__ */ new Map();
-    let t = this.baseValue * this.size;
+    const n = /* @__PURE__ */ new Map();
+    let r = this.baseValue * this.size;
     for (const [s, a] of this.deltas.entries()) {
-      if (t += a, a === 0)
+      if (r += a, a === 0)
         continue;
-      let o = s + 1;
-      for (; o <= this.size; )
-        r.set(o, (r.get(o) ?? 0) + a), o += o & -o;
+      let i = s + 1;
+      for (; i <= this.size; )
+        n.set(i, (n.get(i) ?? 0) + a), i += i & -i;
     }
-    this.tree = r, this.total = t;
+    this.tree = n, this.total = r;
   }
   /**
    * @method calculateAccumulatedError
@@ -789,8 +1240,8 @@ class Re {
     if (this.total === void 0)
       return 0;
     let e = this.baseValue * this.size;
-    for (const r of this.deltas.values())
-      e += r;
+    for (const n of this.deltas.values())
+      e += n;
     return this.total - e;
   }
   /**
@@ -800,11 +1251,11 @@ class Re {
    * @param {number} newSize - The new size of the tree.
    */
   changeSize(e) {
-    const r = this.size;
-    if (e !== r) {
-      if (e < r)
-        for (const t of this.deltas.keys())
-          t >= e && this.deltas.delete(t);
+    const n = this.size;
+    if (e !== n) {
+      if (e < n)
+        for (const r of this.deltas.keys())
+          r >= e && this.deltas.delete(r);
       this.size = e, this.rebuildTree(), console.assert(this.prefixSum(this.getSize() - 1).cumulative === this.prefixSum(this.getSize() - 1).total, "Inconsistent Fenwick Tree state");
     }
   }
@@ -830,15 +1281,15 @@ class Re {
    * @param {number} options.materializeOption.ranges.to - The ending index of the range.
    * @returns {{ index: number, total: number | undefined, cumulative: number | undefined, currentValue: number | undefined, safeIndex: number | undefined }} The 0-based index and the total sum, or -1 if not found.
    */
-  findIndexAtOrAfter(e, r) {
+  findIndexAtOrAfter(e, n) {
     if (this.size === 0)
       return { index: -1, total: this.total ?? 0, cumulative: void 0, currentValue: void 0, safeIndex: void 0 };
-    let t = 0, s = this.size - 1, a = -1, o, d = this.total;
-    for (; t <= s; ) {
-      const i = Math.floor((t + s) / 2);
-      o = this.prefixSum(i, r), d = o.total, o.cumulative >= e ? (a = i, s = i - 1) : t = i + 1;
+    let r = 0, s = this.size - 1, a = -1, i, f = this.total;
+    for (; r <= s; ) {
+      const p = Math.floor((r + s) / 2);
+      i = this.prefixSum(p, n), f = i.total, i.cumulative >= e ? (a = p, s = p - 1) : r = p + 1;
     }
-    return { index: a, total: d, cumulative: o?.cumulative, currentValue: o?.currentValue, safeIndex: o?.safeIndex };
+    return { index: a, total: f, cumulative: i?.cumulative, currentValue: i?.currentValue, safeIndex: i?.safeIndex };
   }
   /**
    * @method findIndexAtOrBefore
@@ -853,161 +1304,175 @@ class Re {
    * @param {number} options.materializeOption.ranges.to - The ending index of the range.
    * @returns {{ index: number, total: number | undefined, cumulative: number | undefined, currentValue: number | undefined, safeIndex: number | undefined }} The 0-based index and the total sum, or -1 if not found.
    */
-  findIndexAtOrBefore(e, r) {
+  findIndexAtOrBefore(e, n) {
     if (this.size === 0)
       return { index: -1, total: this.total ?? 0, cumulative: void 0, currentValue: void 0, safeIndex: void 0 };
-    let t = 0, s = this.size - 1, a = -1, o, d = this.total;
-    for (; t <= s; ) {
-      const i = Math.floor((t + s) / 2);
-      o = this.prefixSum(i, r), d = o.total, o.cumulative <= e ? (a = i, t = i + 1) : s = i - 1;
+    let r = 0, s = this.size - 1, a = -1, i, f = this.total;
+    for (; r <= s; ) {
+      const p = Math.floor((r + s) / 2);
+      i = this.prefixSum(p, n), f = i.total, i.cumulative <= e ? (a = p, r = p + 1) : s = p - 1;
     }
-    return { index: a, total: d, cumulative: o?.cumulative, currentValue: o?.currentValue, safeIndex: o?.safeIndex };
+    return { index: a, total: f, cumulative: i?.cumulative, currentValue: i?.currentValue, safeIndex: i?.safeIndex };
   }
 }
-const Se = (l, e, r) => {
-  const t = Math.max(0, l), s = Y(null), a = ne(() => new Re(t, e, r), [t, e, r]);
+const ot = (c, e, n) => {
+  const r = Math.max(0, c), s = H(null), a = U(() => new st(r, e, n), [r, e, n]);
   return Object.is(s.current, a) || console.warn("[useFenwickMapTree] instance changed"), s.current = a, a;
 };
-function ke({ itemCount: l, getItem: e, getItemHeight: r, viewportSize: t, overscanCount: s = 5, className: a, onScroll: o, onRangeChange: d, children: i, background: c, initialScrollIndex: m, initialScrollOffset: v }, _) {
-  const p = Y(null), S = Y(!1);
-  B(() => (S.current = !0, () => {
-    S.current = !1;
+function at({ itemCount: c, getItem: e, getItemHeight: n, viewportSize: r, overscanCount: s = 5, className: a, onScroll: i, onRangeChange: f, children: p, background: g, initialScrollIndex: x, initialScrollOffset: P, tapScrollCircleOptions: S, inertiaOptions: ne }, ie) {
+  const N = H(null), K = H(!1);
+  ae(() => (K.current = !0, () => {
+    K.current = !1;
   }), []);
-  const j = Y({ size: l, valueOrFn: r, options: { sampleRange: { from: 0, to: 100 } } }), b = Se(j.current.size, j.current.valueOrFn, j.current.options), [I] = X(() => {
-    let g = 0, E = 0;
-    if (typeof m == "number") {
-      const y = A(m, 0, l - 1), O = A(y - s * 2, 0, l - 1), M = A(y + s * 2, 0, l - 1), n = m > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: O, to: M }] } } : void 0, { cumulative: u, total: h, currentValue: x } = b.prefixSum(m, n);
-      g = u - x, E = h ?? b.getTotal();
-    } else typeof v == "number" && (g = v), E = b.getTotal();
-    return { position: g, total: E };
-  }), [k, f] = X(I.position), [P, V] = X(I.total), [C, $] = X(I.position), [w, J] = X(l);
-  oe(() => {
-    b.setValueFn(r), w !== l && (b.changeSize(l), J(l));
-    const g = b.getTotal();
-    P !== g && V(g);
-  }, [b, w, l, P, r]), oe(() => {
-    C !== null && p.current && (N.debug("[VirtualScroll] Scrolling to position:", C), p.current.scrollTo(C), $(null));
-  }, [C]);
-  const H = L(
-    (g) => {
-      if (p.current) {
-        N.debug("[VirtualScroll] Scrolling to index:", g);
-        const E = A(g, 0, w - 1), y = A(E - s * 2, 0, w - 1), O = A(E + s * 2, 0, w - 1), { cumulative: M, total: n, currentValue: u } = b.prefixSum(E, { materializeOption: { materialize: !0, ranges: [{ from: y, to: O }] } });
-        N.debug("[VirtualScroll] Scrolling to index:", g, "Offset:", M, "Total height:", n, "Current value:", u, "safeIndex:", E, "safeIndexFrom:", y, "safeIndexTo:", O), n && (V(n), $(M - u)), N.debug("[VirtualScroll] Setting scroll position to:", M - u);
+  const F = H({ size: c, valueOrFn: n, options: { sampleRange: { from: 0, to: 100 } } }), m = ot(F.current.size, F.current.valueOrFn, F.current.options), [Z] = le(() => {
+    let h = 0, v = 0;
+    if (typeof x == "number") {
+      const I = z(x, 0, c - 1), t = z(I - s * 2, 0, c - 1), o = z(I + s * 2, 0, c - 1), T = x > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: t, to: o }] } } : void 0, { cumulative: y, total: w, currentValue: V } = m.prefixSum(x, T);
+      h = y - V, v = w ?? m.getTotal();
+    } else typeof P == "number" && (h = P), v = m.getTotal();
+    return { position: h, total: v };
+  }), [A, k] = le(Z.position), [C, B] = le(Z.total), [X, se] = le(Z.position), [l, Y] = le(c);
+  be(() => {
+    m.setValueFn(n), l !== c && (m.changeSize(c), Y(c));
+    const h = m.getTotal();
+    C !== h && B(h);
+  }, [m, l, c, C, n]), be(() => {
+    X !== null && N.current && (re.debug("[VirtualScroll] Scrolling to position:", X), N.current.scrollTo(X), se(null));
+  }, [X]);
+  const j = $(
+    (h) => {
+      if (N.current) {
+        re.debug("[VirtualScroll] Scrolling to index:", h);
+        const v = z(h, 0, l - 1), I = z(v - s * 2, 0, l - 1), t = z(v + s * 2, 0, l - 1), { cumulative: o, total: T, currentValue: y } = m.prefixSum(v, { materializeOption: { materialize: !0, ranges: [{ from: I, to: t }] } });
+        re.debug("[VirtualScroll] Scrolling to index:", h, "Offset:", o, "Total height:", T, "Current value:", y, "safeIndex:", v, "safeIndexFrom:", I, "safeIndexTo:", t), T && (B(T), se(o - y)), re.debug("[VirtualScroll] Setting scroll position to:", o - y);
       }
     },
-    [b, s, w]
-  ), U = L(
-    (g) => {
-      if (p.current) {
-        const E = b.getTotal(), y = A(Math.floor(g), 0, E), O = b.findIndexAtOrAfter(y, { materializeOption: { materialize: !1 } }).index;
-        H(O);
+    [m, s, l]
+  ), L = $(
+    (h) => {
+      if (N.current) {
+        const v = m.getTotal(), I = z(Math.floor(h), 0, v), t = m.findIndexAtOrAfter(I, { materializeOption: { materialize: !1 } }).index;
+        j(t);
       }
     },
-    [b, H]
-  ), Z = L(
-    (g, E) => {
-      N.debug("[VirtualScroll] Scroll position changed:", g), f(g);
-      const y = b.getTotal();
-      o?.(g, y);
+    [m, j]
+  ), b = $(
+    (h, v) => {
+      re.debug("[VirtualScroll] Scroll position changed:", h), k(h);
+      const I = m.getTotal();
+      i?.(h, I);
     },
-    [b, o]
-  ), F = ne(() => {
-    if (w === 0)
+    [m, i]
+  ), E = U(() => {
+    if (l === 0)
       return { renderingStartIndex: 0, renderingEndIndex: 0, visibleStartIndex: 0, visibleEndIndex: 0 };
-    const { index: g, cumulative: E, currentValue: y } = b.findIndexAtOrAfter(k, { materializeOption: { materialize: !1 } });
-    let O = 0;
-    g === -1 ? O = 0 : (E ?? 0) < k + (y ?? 0) ? O = 1 : O = 0;
-    const M = g === -1 ? 0 : g + O, n = A(M - s, 0, w - 1);
-    let u = 0, h = g === -1 ? 0 : g + O;
-    for (; h < w && u < t; ) {
-      const z = r(h);
-      u += z, h++;
+    const { index: h, cumulative: v, currentValue: I } = m.findIndexAtOrAfter(A, { materializeOption: { materialize: !1 } });
+    let t = 0;
+    h === -1 ? t = 0 : (v ?? 0) < A + (I ?? 0) ? t = 1 : t = 0;
+    const o = h === -1 ? 0 : h + t, T = z(o - s, 0, l - 1);
+    let y = 0, w = h === -1 ? 0 : h + t;
+    for (; w < l && y < r; ) {
+      const D = n(w);
+      y += D, w++;
     }
-    h -= 1;
-    const x = A(h + s, 0, w - 1);
-    return N.debug("[VirtualScroll] Calculated rendering range:", {
-      renderingStartIndex: n,
-      renderingEndIndex: x,
-      visibleStartIndex: M,
-      visibleEndIndex: h,
-      scrollPosition: k,
-      renderingContentSize: b.getTotal(),
+    w -= 1;
+    const V = z(w + s, 0, l - 1);
+    return re.debug("[VirtualScroll] Calculated rendering range:", {
+      renderingStartIndex: T,
+      renderingEndIndex: V,
+      visibleStartIndex: o,
+      visibleEndIndex: w,
+      scrollPosition: A,
+      renderingContentSize: m.getTotal(),
       overscanCount: s,
-      viewportSize: t
-    }), { renderingStartIndex: n, renderingEndIndex: x, visibleStartIndex: M, visibleEndIndex: h };
-  }, [k, s, t, r, b, w]);
-  B(() => {
-    const g = p.current?.getScrollPosition() ?? 0;
-    N.debug("[VirtualScroll] Range change effect triggered", {
-      renderingStartIndex: F.renderingStartIndex,
-      renderingEndIndex: F.renderingEndIndex,
-      visibleStartIndex: F.visibleStartIndex,
-      visibleEndIndex: F.visibleEndIndex,
-      scrollPosition: k,
-      contentSize: P,
-      scrollPaneScrollPosition: g
-    }), d?.(F.renderingStartIndex, F.renderingEndIndex, F.visibleStartIndex, F.visibleEndIndex, k, P);
-  }, [F.renderingStartIndex, F.renderingEndIndex, F.visibleStartIndex, F.visibleEndIndex, d, k, P]);
-  const Q = L(
-    (g) => {
-      const { renderingStartIndex: E, renderingEndIndex: y } = F;
-      if (N.debug("[VirtualScroll] Rendering visible items", { currentScrollPosition: g, renderingStartIndex: E, renderingEndIndex: y, fenwickSize: w, viewportSize: t }), w === 0)
-        return /* @__PURE__ */ D.jsx("div", { className: "absolute w-full", style: { top: 0 }, children: /* @__PURE__ */ D.jsx("div", { className: "text-center text-gray-500", children: "No items" }) });
-      const O = A(E, 0, w - 1), { cumulative: M, currentValue: n } = b.prefixSum(O, { materializeOption: { materialize: !1 } }), u = M - n, h = [], x = [];
-      for (let T = E; T <= y; T++) {
-        const q = r(T);
-        h.push({ item: e(T), height: q }), b.get(T) !== q && x.push({ index: T, value: q });
+      viewportSize: r
+    }), { renderingStartIndex: T, renderingEndIndex: V, visibleStartIndex: o, visibleEndIndex: w };
+  }, [A, s, r, n, m, l]);
+  ae(() => {
+    const h = N.current?.getScrollPosition() ?? 0;
+    re.debug("[VirtualScroll] Range change effect triggered", {
+      renderingStartIndex: E.renderingStartIndex,
+      renderingEndIndex: E.renderingEndIndex,
+      visibleStartIndex: E.visibleStartIndex,
+      visibleEndIndex: E.visibleEndIndex,
+      scrollPosition: A,
+      contentSize: C,
+      scrollPaneScrollPosition: h
+    }), f?.(E.renderingStartIndex, E.renderingEndIndex, E.visibleStartIndex, E.visibleEndIndex, A, C);
+  }, [E.renderingStartIndex, E.renderingEndIndex, E.visibleStartIndex, E.visibleEndIndex, f, A, C]);
+  const M = $(
+    (h) => {
+      const { renderingStartIndex: v, renderingEndIndex: I } = E;
+      if (re.debug("[VirtualScroll] Rendering visible items", { currentScrollPosition: h, renderingStartIndex: v, renderingEndIndex: I, fenwickSize: l, viewportSize: r }), l === 0)
+        return /* @__PURE__ */ q.jsx("div", { className: "absolute w-full", style: { top: 0 }, children: /* @__PURE__ */ q.jsx("div", { className: "text-center text-gray-500", children: "No items" }) });
+      const t = z(v, 0, l - 1), { cumulative: o, currentValue: T } = m.prefixSum(t, { materializeOption: { materialize: !1 } }), y = o - T, w = [], V = [];
+      for (let _ = v; _ <= I; _++) {
+        const R = n(_);
+        w.push({ item: e(_), height: R }), m.get(_) !== R && V.push({ index: _, value: R });
       }
-      x.length > 0 && Promise.resolve().then(() => {
-        const T = b.updates(x);
-        T && (V(T), N.debug("[VirtualScroll] Updated heights for items", x, "New total height:", T));
+      V.length > 0 && Promise.resolve().then(() => {
+        const _ = m.updates(V);
+        _ && (B(_), re.debug("[VirtualScroll] Updated heights for items", V, "New total height:", _));
       });
-      const z = P < t ? 0 : u - g;
-      return N.debug("[VirtualScroll] Rendering items", { visibleItems: h, containerTop: z }), /* @__PURE__ */ D.jsx("div", { className: "absolute w-full", style: { top: z }, children: h.map(({ item: T, height: q }, G) => {
-        const R = E + G, W = A(R, 0, w - 1), { cumulative: K, currentValue: se } = b.prefixSum(W, { materializeOption: { materialize: !1 } }), me = K - se;
-        return /* @__PURE__ */ D.jsx(
+      const D = C < r ? 0 : y - h;
+      return re.debug("[VirtualScroll] Rendering items", { visibleItems: w, containerTop: D }), /* @__PURE__ */ q.jsx("div", { className: "absolute w-full", style: { top: D }, children: w.map(({ item: _, height: R }, G) => {
+        const J = v + G, u = z(J, 0, l - 1), { cumulative: ee, currentValue: W } = m.prefixSum(u, { materializeOption: { materialize: !1 } }), oe = ee - W;
+        return /* @__PURE__ */ q.jsx(
           "div",
           {
-            "data-index": R,
+            "data-index": J,
             style: {
               position: "absolute",
-              top: me - u,
+              top: oe - y,
               width: "100%"
             },
-            children: i(T, R)
+            children: p(_, J)
           },
-          R
+          J
         );
       }) });
     },
-    [e, i, P, t, F, b, w, r]
+    [e, p, C, r, E, m, l, n]
   );
-  return he(
-    _,
+  return Ae(
+    ie,
     () => ({
-      getScrollPosition: () => p.current?.getScrollPosition() ?? -1,
-      getContentSize: () => p.current?.getContentSize() ?? -1,
-      getViewportSize: () => p.current?.getViewportSize() ?? -1,
-      scrollTo: (g) => U(g),
-      scrollToIndex: (g) => H(g),
-      getFenwickTreeTotalHeight: () => b.getTotal(),
-      getFenwickSize: () => b.getSize()
+      getScrollPosition: () => N.current?.getScrollPosition() ?? -1,
+      getContentSize: () => N.current?.getContentSize() ?? -1,
+      getViewportSize: () => N.current?.getViewportSize() ?? -1,
+      scrollTo: (h) => L(h),
+      scrollToIndex: (h) => j(h),
+      getFenwickTreeTotalHeight: () => m.getTotal(),
+      getFenwickSize: () => m.getSize()
     }),
-    [H, b, U]
-  ), /* @__PURE__ */ D.jsx(Ie, { ref: p, contentSize: P, viewportSize: t, className: a, onScroll: Z, background: c, children: Q });
+    [j, m, L]
+  ), /* @__PURE__ */ q.jsx(
+    nt,
+    {
+      ref: N,
+      contentSize: C,
+      viewportSize: r,
+      className: a,
+      onScroll: b,
+      background: g,
+      tapScrollCircleOptions: S,
+      inertiaOptions: ne,
+      itemCount: c,
+      children: M
+    }
+  );
 }
-const Fe = de(ke);
-class Pe {
+const ft = Re(at);
+class it {
   key;
   value;
   prev = null;
   next = null;
-  constructor(e, r) {
-    this.key = e, this.value = r;
+  constructor(e, n) {
+    this.key = e, this.value = n;
   }
 }
-class fe {
+class Ce {
   head = null;
   tail = null;
   /**
@@ -1048,54 +1513,54 @@ class fe {
     this.remove(e), this.addToTail(e);
   }
 }
-function we(l) {
-  const e = Y(/* @__PURE__ */ new Map()), r = Y(new fe());
-  B(() => {
-    for (; e.current.size > l; ) {
-      const c = r.current.removeHead();
-      if (c)
-        e.current.delete(c.key);
+function lt(c) {
+  const e = H(/* @__PURE__ */ new Map()), n = H(new Ce());
+  ae(() => {
+    for (; e.current.size > c; ) {
+      const g = n.current.removeHead();
+      if (g)
+        e.current.delete(g.key);
       else
         break;
     }
-  }, [l]);
-  const t = L((c) => {
-    const m = e.current.get(c);
-    if (m)
-      return r.current.moveToTail(m), m.value;
-  }, []), s = L(
-    (c, m) => {
-      if (l <= 0)
+  }, [c]);
+  const r = $((g) => {
+    const x = e.current.get(g);
+    if (x)
+      return n.current.moveToTail(x), x.value;
+  }, []), s = $(
+    (g, x) => {
+      if (c <= 0)
         return;
-      let v = e.current.get(c);
-      if (v)
-        v.value = m, r.current.moveToTail(v);
+      let P = e.current.get(g);
+      if (P)
+        P.value = x, n.current.moveToTail(P);
       else {
-        if (e.current.size >= l) {
-          const _ = r.current.removeHead();
-          _ && e.current.delete(_.key);
+        if (e.current.size >= c) {
+          const S = n.current.removeHead();
+          S && e.current.delete(S.key);
         }
-        v = new Pe(c, m), e.current.set(c, v), r.current.addToTail(v);
+        P = new it(g, x), e.current.set(g, P), n.current.addToTail(P);
       }
     },
-    [l]
-  ), a = L((c) => e.current.has(c), []), o = L(() => {
-    e.current.clear(), r.current = new fe();
-  }, []), [d, i] = X(() => ({ get: t, set: s, has: a, clear: o }));
-  return B(() => i({ get: t, set: s, has: a, clear: o }), [t, s, a, o]), d;
+    [c]
+  ), a = $((g) => e.current.has(g), []), i = $(() => {
+    e.current.clear(), n.current = new Ce();
+  }, []), [f, p] = le(() => ({ get: r, set: s, has: a, clear: i }));
+  return ae(() => p({ get: r, set: s, has: a, clear: i }), [r, s, a, i]), f;
 }
-const Ve = 1e4, Ae = () => {
-  const { get: l, set: e, has: r, clear: t } = we(Ve);
-  return { get: l, set: e, has: r, clear: t };
+const ct = 1e4, mt = () => {
+  const { get: c, set: e, has: n, clear: r } = lt(ct);
+  return { get: c, set: e, has: n, clear: r };
 };
 export {
-  Re as FenwickMapTree,
-  _e as ScrollBar,
-  Ie as ScrollPane,
-  Fe as VirtualScroll,
-  A as minmax,
-  Se as useFenwickMapTree,
-  Ae as useHeightCache,
-  we as useLruCache
+  st as FenwickMapTree,
+  rt as ScrollBar,
+  nt as ScrollPane,
+  ft as VirtualScroll,
+  z as minmax,
+  ot as useFenwickMapTree,
+  mt as useHeightCache,
+  lt as useLruCache
 };
 //# sourceMappingURL=index.js.map