@aiquants/virtualscroll 0.2.1 → 0.4.0

package/dist/index.js

@@ -1,6 +1,6 @@
-import be, { useState as W, useRef as $, useEffect as B, forwardRef as de, useReducer as ve, useMemo as ne, useCallback as Y, useLayoutEffect as oe, useImperativeHandle as he, useId as pe } from "react";
-import { twMerge as ae } from "tailwind-merge";
-var re = { exports: {} }, K = {};
+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: {} }, K = {};
  * 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 K;
-  ie = 1;
-  var u = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
-  function n(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: u,
-      type: t,
-      key: o,
+      $$typeof: c,
+      type: r,
+      key: i,
       ref: s !== void 0 ? s : null,
       props: a
     };
   }
-  return K.Fragment = e, K.jsx = n, K.jsxs = n, K;
+  return fe.Fragment = e, fe.jsx = n, fe.jsxs = n, fe;
 }
-var ee = {};
+var me = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -42,423 +42,874 @@ var ee = {};
  * 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 Te() {
-  return le || (le = 1, process.env.NODE_ENV !== "production" && (function() {
-    function u(r) {
-      if (r == null) return null;
-      if (typeof r == "function")
-        return r.$$typeof === U ? null : r.displayName || r.name || null;
-      if (typeof r == "string") return r;
-      switch (r) {
-        case A:
+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 R:
+        case F:
           return "Profiler";
-        case b:
+        case K:
           return "StrictMode";
-        case O:
+        case k:
           return "Suspense";
-        case M:
+        case C:
           return "SuspenseList";
-        case X:
+        case se:
           return "Activity";
       }
-      if (typeof r == "object")
-        switch (typeof r.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."
-        ), r.$$typeof) {
-          case S:
+        ), t.$$typeof) {
+          case ie:
             return "Portal";
-          case f:
-            return (r.displayName || "Context") + ".Provider";
-          case k:
-            return (r._context.displayName || "Context") + ".Consumer";
-          case P:
-            var i = r.render;
-            return r = r.displayName, r || (r = i.displayName || i.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
-          case H:
-            return i = r.displayName || null, i !== null ? i : u(r.type) || "Memo";
-          case w:
-            i = r._payload, r = r._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 u(r(i));
+              return c(t(o));
             } catch {
             }
         }
       return null;
     }
-    function e(r) {
-      return "" + r;
+    function e(t) {
+      return "" + t;
     }
-    function n(r) {
+    function n(t) {
       try {
-        e(r);
-        var i = !1;
+        e(t);
+        var o = !1;
       } catch {
-        i = !0;
+        o = !0;
       }
-      if (i) {
-        i = console;
-        var h = i.error, v = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return h.call(
-          i,
+      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.",
-          v
-        ), e(r);
+          y
+        ), e(t);
       }
     }
-    function t(r) {
-      if (r === A) return "<>";
-      if (typeof r == "object" && r !== null && r.$$typeof === w)
+    function r(t) {
+      if (t === N) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === X)
         return "<...>";
       try {
-        var i = u(r);
-        return i ? "<" + i + ">" : "<...>";
+        var o = c(t);
+        return o ? "<" + o + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function s() {
-      var r = q.A;
-      return r === null ? null : r.getOwner();
+      var t = Y.A;
+      return t === null ? null : t.getOwner();
     }
     function a() {
       return Error("react-stack-top-frame");
     }
-    function o(r) {
-      if (Z.call(r, "key")) {
-        var i = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (i && i.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 r.key !== void 0;
+      return t.key !== void 0;
     }
-    function d(r, i) {
-      function h() {
-        J || (J = !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)",
-          i
+          o
         ));
       }
-      h.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: h,
+      T.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: T,
         configurable: !0
       });
     }
-    function l() {
-      var r = u(this.type);
-      return G[r] || (G[r] = !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."
-      )), r = this.props.ref, r !== void 0 ? r : null;
+      )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function c(r, i, h, v, E, T, I, L) {
-      return h = T.ref, r = {
-        $$typeof: x,
-        type: r,
-        key: i,
-        props: T,
-        _owner: E
-      }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(r, "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: l
-      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._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(r, "_debugInfo", {
+      }), Object.defineProperty(t, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(r, "_debugStack", {
+      }), Object.defineProperty(t, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: I
-      }), Object.defineProperty(r, "_debugTask", {
+        value: D
+      }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: L
-      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
+        value: _
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function m(r, i, h, v, E, T, I, L) {
-      var y = i.children;
-      if (y !== void 0)
-        if (v)
-          if (C(y)) {
-            for (v = 0; v < y.length; v++)
-              p(y[v]);
-            Object.freeze && Object.freeze(y);
+    function x(t, o, T, y, w, V, D, _) {
+      var R = o.children;
+      if (R !== void 0)
+        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 p(y);
-      if (Z.call(i, "key")) {
-        y = u(r);
-        var N = Object.keys(i).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";
         });
-        v = 0 < N.length ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}", V[y + v] || (N = 0 < N.length ? "{" + N.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} />`,
-          v,
           y,
-          N,
-          y
-        ), V[y + v] = !0);
+          R,
+          G,
+          R
+        ), I[R + y] = !0);
       }
-      if (y = null, h !== void 0 && (n(h), y = "" + h), o(i) && (n(i.key), y = "" + i.key), "key" in i) {
-        h = {};
-        for (var Q in i)
-          Q !== "key" && (h[Q] = i[Q]);
-      } else h = i;
-      return y && d(
-        h,
-        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
-      ), c(
-        r,
-        y,
+      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,
-        E,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), g(
+        t,
+        R,
+        V,
+        w,
         s(),
-        h,
-        I,
-        L
+        T,
+        D,
+        _
       );
     }
-    function p(r) {
-      typeof r == "object" && r !== null && r.$$typeof === x && r._store && (r._store.validated = 1);
+    function P(t) {
+      typeof t == "object" && t !== null && t.$$typeof === ne && t._store && (t._store.validated = 1);
     }
-    var _ = be, x = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), A = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), k = Symbol.for("react.consumer"), f = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), M = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), X = Symbol.for("react.activity"), U = Symbol.for("react.client.reference"), q = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, C = Array.isArray, D = 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(r) {
-        return r();
+    S = {
+      react_stack_bottom_frame: function(t) {
+        return t();
       }
     };
-    var J, G = {}, te = _.react_stack_bottom_frame.bind(
-      _,
+    var E, M = {}, h = S.react_stack_bottom_frame.bind(
+      S,
       a
-    )(), g = D(t(a)), V = {};
-    ee.Fragment = A, ee.jsx = function(r, i, h, v, E) {
-      var T = 1e4 > q.recentlyCreatedOwnerStacks++;
-      return m(
-        r,
-        i,
-        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,
-        v,
-        E,
-        T ? Error("react-stack-top-frame") : te,
-        T ? D(t(r)) : g
+        y,
+        w,
+        V ? Error("react-stack-top-frame") : h,
+        V ? b(r(t)) : v
       );
-    }, ee.jsxs = function(r, i, h, v, E) {
-      var T = 1e4 > q.recentlyCreatedOwnerStacks++;
-      return m(
-        r,
-        i,
-        h,
+    }, me.jsxs = function(t, o, T, y, w) {
+      var V = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return x(
+        t,
+        o,
+        T,
         !0,
-        v,
-        E,
-        T ? Error("react-stack-top-frame") : te,
-        T ? D(t(r)) : g
+        y,
+        w,
+        V ? Error("react-stack-top-frame") : h,
+        V ? b(r(t)) : v
       );
     };
-  })()), ee;
+  })()), me;
 }
-var ue;
-function Ee() {
-  return ue || (ue = 1, process.env.NODE_ENV === "production" ? re.exports = xe() : re.exports = Te()), re.exports;
+var Le;
+function We() {
+  return Le || (Le = 1, process.env.NODE_ENV === "production" ? Te.exports = qe() : Te.exports = Xe()), Te.exports;
 }
-var z = Ee();
-const j = {
-  debug(u, ...e) {
-    typeof window < "u" && window.localStorage?.getItem("debug") === "true" && console.debug(`[VirtualScroll] ${u}`, ...e);
+var q = We();
+const re = {
+  debug(c, ...e) {
+    typeof window < "u" && window.localStorage?.getItem("debug") === "true" && console.debug(`[VirtualScroll] ${c}`, ...e);
   },
-  warn(u, ...e) {
-    console.warn(`[VirtualScroll] ${u}`, ...e);
+  warn(c, ...e) {
+    console.warn(`[VirtualScroll] ${c}`, ...e);
   },
-  error(u, ...e) {
-    console.error(`[VirtualScroll] ${u}`, ...e);
+  error(c, ...e) {
+    console.error(`[VirtualScroll] ${c}`, ...e);
   }
-}, F = (u, e, n) => Math.min(n, Math.max(e, u)), ce = (u, e, n) => {
-  const t = "touches" in u.nativeEvent, s = t ? u.nativeEvent.touches[0] : u.nativeEvent, a = (d) => {
-    t && d.cancelable && d.preventDefault();
-    const l = "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: l.clientX - s.clientX,
-      deltaY: l.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)), n?.();
+  }, 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));
-}, _e = 20, Re = ({ contentSize: u, viewportSize: e, scrollPosition: n, onScroll: t, horizontal: s = !1, scrollBarWidth: a = 12, className: o, ariaControls: d }) => {
-  const [l, c] = W(!1), m = $(null), p = e / u, _ = Math.max(_e, p * e), x = u - e, S = n / x * (e - _), A = u > e;
-  B(() => {
-    m.current && (l ? m.current.style.backgroundColor = "#4F4F4F" : m.current.style.backgroundColor = "#7F7F7F");
-  }, [l]);
-  const b = (f) => F(f / (e - _) * x, 0, x), R = (f) => {
-    if (!A || "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: O, deltaY: M }) => {
-        t?.(b(P + (s ? O : M)), 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 (!A || "button" in f && f.button !== 0 || f.ctrlKey)
+  }, Me = (d) => {
+    if (!w || "button" in d && d.button !== 0 || d.ctrlKey)
       return;
-    const O = "touches" in f.nativeEvent ? f.nativeEvent.touches[0] : f.nativeEvent, M = s ? O.clientX : O.clientY, H = f.currentTarget.getBoundingClientRect(), X = (s ? M - H.left : M - H.top) - _ / 2;
-    t?.(b(X), S), ce(f, ({ deltaX: U, deltaY: q }) => {
-      t?.(b(X + (s ? U : q)), 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__ */ z.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": n,
-        "aria-valuemin": 0,
-        "aria-valuemax": x,
-        "aria-orientation": s ? "horizontal" : "vertical",
-        children: u > e && // スクロールバーのつまみの当たり判定を広げるためのラッパー
-        /* @__PURE__ */ z.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: R,
-            onTouchStart: R,
-            role: "slider",
-            "aria-orientation": s ? "horizontal" : "vertical",
-            "aria-valuenow": n,
-            "aria-valuemin": 0,
-            "aria-valuemax": x,
-            tabIndex: 0,
-            children: /* @__PURE__ */ z.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] ${l ? "inset-y-[-2px]" : "group-active:inset-y-[-2px]"}` : `inset-x-[1.5px] inset-y-0 group-hover:inset-x-[-0.5px] ${l ? "inset-x-[-2px]" : "group-active:inset-x-[-2px]"}`
-                ),
+                className: "group absolute",
                 style: {
-                  backgroundColor: "#7F7F7F",
-                  borderRadius: a - 1,
-                  // Tailwind が適用されない場合のフォールバック
-                  ...s ? {
-                    left: 0,
-                    right: 0,
-                    top: l ? -2 : 1.5,
-                    bottom: l ? -2 : 1.5
-                  } : {
-                    top: 0,
-                    bottom: 0,
-                    left: l ? -2 : 1.5,
-                    right: l ? -2 : 1.5
-                  }
-                },
-                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"), l || (f.currentTarget.style.backgroundColor = "#5F5F5F");
+                  [s ? "width" : "height"]: t,
+                  [s ? "left" : "top"]: y,
+                  ...s ? { top: 0, bottom: 0 } : { left: 0, right: 0 }
                 },
-                onMouseLeave: (f) => {
-                  s ? (f.currentTarget.style.top = l ? "-2px" : "1.5px", f.currentTarget.style.bottom = l ? "-2px" : "1.5px") : (f.currentTarget.style.left = l ? "-2px" : "1.5px", f.currentTarget.style.right = l ? "-2px" : "1.5px"), l || (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 ? "▶" : "▼" })
+          }
         )
-      }
-    )
+      ]
+    }
   );
-}, Ie = de(({ children: u, contentSize: e, viewportSize: n, scrollBarWidth: t = 12, onScroll: s, className: a, style: o, background: d }, l) => {
-  const c = $(0), [m, p] = ve((R) => R + 1, 0), _ = $(null);
-  j.debug("[ScrollPane] ScrollPane rendered", { contentSize: e, viewportSize: n, scrollBarWidth: t, className: a, style: o });
-  const x = ne(() => e > n, [e, n]), S = Y(
-    (R) => {
-      const k = e > n, f = c.current;
-      if (j.debug("[ScrollPane] scrollTo called", { newPosition: R, contentSize: e, viewportSize: n, currentIsScrollable: k, prevPosition: f }), !k) {
-        c.current !== 0 && (c.current = 0, s?.(0, f));
+}, 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]
+  );
+  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 R == "function" ? R(c.current) : R, O = F(P, 0, e - n);
-      c.current !== O && (c.current = O, s?.(O, 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]
+  ), 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);
     },
-    [s, e, n]
+    [A, m, k, C]
   );
-  oe(() => {
-    if (x) {
-      j.debug("[ScrollPane] Adjusting scroll position due to content or viewport size change", { contentSize: e, viewportSize: n, scrollPosition: c.current });
-      const R = F(e - n, 0, e);
-      c.current > R && S(R);
+  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);
-  }, [x, S, e, n]), B(() => {
-    const R = (f) => {
-      if (!x)
+      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 *= n), j.debug("[ScrollPane] wheel event", { deltaY: P, scrollPosition: c.current }), S((O) => O + P);
-    }, k = _.current;
-    return k && k.addEventListener("wheel", R, { passive: !1 }), () => {
-      k && k.removeEventListener("wheel", R);
+      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);
     };
-  }, [x, S, n]), he(
-    l,
+  }, [A, k, C, n]), Ae(
+    P,
     () => ({
-      scrollTo: S,
-      getScrollPosition: () => c.current,
+      scrollTo: k,
+      getScrollPosition: () => S.current,
       getContentSize: () => e,
       getViewportSize: () => n
     }),
-    [S, e, n]
+    [k, e, n]
   );
-  const A = pe();
-  return ne(() => /* @__PURE__ */ z.jsxs("div", { ref: _, className: ae("flex", a), style: o, children: [
-    /* @__PURE__ */ z.jsxs("div", { className: "relative h-full flex-1 overflow-hidden", style: { height: n }, id: A, children: [
-      d,
-      u(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)
     ] }),
-    x && /* @__PURE__ */ z.jsx(Re, { contentSize: e, viewportSize: n, scrollPosition: c.current, onScroll: S, scrollBarWidth: t, ariaControls: A })
-  ] }), [u, e, n, t, a, o, x, S, A, 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 Se {
+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 Se {
    * @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, n, t) {
-    this.reset(e, n, t);
+  constructor(e, n, r) {
+    this.reset(e, n, r);
   }
   /**
    * @method reset
@@ -509,20 +960,20 @@ class Se {
    * @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, n, t) {
+  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 = t?.sampleRange ?? {
+        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 l = 0; l < d.length; l++) {
-            const c = d[l], m = a.from + l;
-            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 p = c - this.baseValue;
-            this.deltas.set(m, p), this._updateTree(m, p);
+            const P = g - this.baseValue;
+            this.deltas.set(x, P), this._updateTree(x, P);
           }
       } else
         this.baseValue = 0;
@@ -551,30 +1002,30 @@ class Se {
   _calculateMode(e, n) {
     if (!this.valueFn)
       return { mode: 0, materializedValues: [] };
-    const t = [];
-    for (let c = e; c <= n && !(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 l = 0;
-    for (const c of t) {
-      const m = (d.get(c) ?? 0) + 1;
-      d.set(c, m), m > l && (l = 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 (l > 1) {
-      const c = [];
-      for (const [p, _] of d.entries())
-        _ === l && c.push(p);
-      const m = c.reduce((p, _) => p + _, 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
@@ -593,14 +1044,14 @@ class Se {
    * @param {{ index: number; value: number }[]} updates - An array of updates, each with an index and the new value.
    */
   updates(e) {
-    const n = 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);
+      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;
   }
   /**
@@ -620,11 +1071,11 @@ class Se {
    * @param {{ index: number; change: number }[]} updates - An array of updates, each with an index and the change to apply.
    */
   updateDeltas(e) {
-    for (const { index: n, change: t } of e) {
+    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 + t), this._updateTree(n, t);
+      this.deltas.set(n, s + r), this._updateTree(n, r);
     }
     return this.total;
   }
@@ -639,9 +1090,9 @@ class Se {
   _updateTree(e, n) {
     if (n === 0)
       return;
-    let t = e + 1;
-    for (; t <= this.size; )
-      this.tree.set(t, (this.tree.get(t) ?? 0) + n), t += t & -t;
+    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);
   }
   /**
@@ -654,10 +1105,10 @@ class Se {
    */
   _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), n)) {
-        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);
       }
     }
   }
@@ -677,23 +1128,23 @@ class Se {
   prefixSum(e, n) {
     if (e < 0)
       return { cumulative: 0, total: this.total, currentValue: 0, safeIndex: 0 };
-    const t = F(e, 0, this.size - 1), s = n?.materializeOption;
+    const r = z(e, 0, this.size - 1), s = n?.materializeOption;
     if (s?.materialize && this.valueFn) {
       if (s.ranges)
-        for (const l of s.ranges) {
-          const c = l.from, m = Math.min(l.to, this.size - 1);
-          for (let p = c; p <= m; p++)
-            this._materialize(p);
+        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 l = this.tree.get(o) ?? 0;
-      a += l, 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
@@ -711,15 +1162,15 @@ class Se {
   get(e, n) {
     if (e < 0 || e >= this.size)
       throw new Error("Index out of bounds");
-    const t = n?.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;
@@ -739,19 +1190,19 @@ class Se {
   getTotal(e) {
     const n = e?.materializeOption;
     if (n?.materialize && this.valueFn && n.ranges)
-      for (const t of n.ranges) {
-        const s = t.from, a = Math.min(t.to, this.size - 1);
-        for (let o = s; o <= a; o++)
-          this._materialize(o);
+      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;
   }
@@ -769,15 +1220,15 @@ class Se {
       return;
     }
     const n = /* @__PURE__ */ new Map();
-    let t = this.baseValue * this.size;
+    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; )
-        n.set(o, (n.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 = n, this.total = t;
+    this.tree = n, this.total = r;
   }
   /**
    * @method calculateAccumulatedError
@@ -803,8 +1254,8 @@ class Se {
     const n = this.size;
     if (e !== n) {
       if (e < n)
-        for (const t of this.deltas.keys())
-          t >= e && this.deltas.delete(t);
+        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");
     }
   }
@@ -833,12 +1284,12 @@ class Se {
   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 l = Math.floor((t + s) / 2);
-      o = this.prefixSum(l, n), d = o.total, o.cumulative >= e ? (a = l, s = l - 1) : t = l + 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
@@ -856,148 +1307,163 @@ class Se {
   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 l = Math.floor((t + s) / 2);
-      o = this.prefixSum(l, n), d = o.total, o.cumulative <= e ? (a = l, t = l + 1) : s = l - 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 ke = (u, e, n) => {
-  const t = Math.max(0, u), s = $(null), a = ne(() => new Se(t, e, n), [t, e, n]);
+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 Pe({ itemCount: u, getItem: e, getItemHeight: n, viewportSize: t, overscanCount: s = 5, className: a, onScroll: o, onRangeChange: d, children: l, background: c, initialScrollIndex: m, initialScrollOffset: p }, _) {
-  const x = $(null), S = $(!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 A = $({ size: u, valueOrFn: n, options: { sampleRange: { from: 0, to: 100 } } }), b = ke(A.current.size, A.current.valueOrFn, A.current.options), [R] = W(() => {
-    let g = 0, V = 0;
-    if (typeof m == "number") {
-      const r = F(m, 0, u - 1), i = F(r - s * 2, 0, u - 1), h = F(r + s * 2, 0, u - 1), v = m > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: i, to: h }] } } : void 0, { cumulative: E, total: T, currentValue: I } = b.prefixSum(m, v);
-      g = E - I, V = T ?? b.getTotal();
-    } else typeof p == "number" && (g = p), V = b.getTotal();
-    return { position: g, total: V };
-  }), [k, f] = W(R.position), [P, O] = W(R.total), [M, H] = W(R.position), [w, X] = W(u);
-  oe(() => {
-    b.setValueFn(n), w !== u && (b.changeSize(u), X(u));
-    const g = b.getTotal();
-    P !== g && O(g);
-  }, [b, w, u, P, n]), oe(() => {
-    M !== null && x.current && (j.debug("[VirtualScroll] Scrolling to position:", M), x.current.scrollTo(M), H(null));
-  }, [M]);
-  const U = Y(
-    (g) => {
-      if (x.current) {
-        j.debug("[VirtualScroll] Scrolling to index:", g);
-        const V = F(g, 0, w - 1), r = F(V - s * 2, 0, w - 1), i = F(V + s * 2, 0, w - 1), { cumulative: h, total: v, currentValue: E } = b.prefixSum(V, { materializeOption: { materialize: !0, ranges: [{ from: r, to: i }] } });
-        j.debug("[VirtualScroll] Scrolling to index:", g, "Offset:", h, "Total height:", v, "Current value:", E, "safeIndex:", V, "safeIndexFrom:", r, "safeIndexTo:", i), v && (O(v), H(h - E)), j.debug("[VirtualScroll] Setting scroll position to:", h - E);
+  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]
-  ), q = Y(
-    (g) => {
-      if (x.current) {
-        const V = b.getTotal(), r = F(Math.floor(g), 0, V), i = b.findIndexAtOrAfter(r, { materializeOption: { materialize: !1 } }).index;
-        U(i);
+    [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, U]
-  ), Z = Y(
-    (g, V) => {
-      j.debug("[VirtualScroll] Scroll position changed:", g), f(g);
-      const r = b.getTotal();
-      o?.(g, r);
+    [m, j]
+  ), b = $(
+    (h, v) => {
+      re.debug("[VirtualScroll] Scroll position changed:", h), k(h);
+      const I = m.getTotal();
+      i?.(h, I);
     },
-    [b, o]
-  ), { renderingStartIndex: C, renderingEndIndex: D, visibleStartIndex: J, visibleEndIndex: G } = ne(() => {
-    if (w === 0)
+    [m, i]
+  ), E = U(() => {
+    if (l === 0)
       return { renderingStartIndex: 0, renderingEndIndex: 0, visibleStartIndex: 0, visibleEndIndex: 0 };
-    const { index: g, cumulative: V, currentValue: r } = b.findIndexAtOrAfter(k, { materializeOption: { materialize: !1 } });
-    let i = 0;
-    g === -1 ? i = 0 : (V ?? 0) < k + (r ?? 0) ? i = 1 : i = 0;
-    const h = g === -1 ? 0 : g + i, v = F(h - s, 0, w - 1);
-    let E = 0, T = g === -1 ? 0 : g + i;
-    for (; T < w && E < t; ) {
-      const L = n(T);
-      E += L, T++;
+    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++;
     }
-    T -= 1;
-    const I = F(T + s, 0, w - 1);
-    return j.debug("[VirtualScroll] Calculated rendering range:", {
-      renderingStartIndex: v,
-      renderingEndIndex: I,
-      visibleStartIndex: h,
-      visibleEndIndex: T,
-      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: v, renderingEndIndex: I, visibleStartIndex: h, visibleEndIndex: T };
-  }, [k, s, t, n, b, w]);
-  B(() => {
-    const g = x.current?.getScrollPosition() ?? 0;
-    j.debug("[VirtualScroll] Range change effect triggered", {
-      renderingStartIndex: C,
-      renderingEndIndex: D,
-      visibleStartIndex: J,
-      visibleEndIndex: G,
-      scrollPosition: k,
-      contentSize: P,
-      scrollPaneScrollPosition: g
-    }), d?.(C, D, J, G, k, P);
-  }, [C, D, J, G, d, k, P]);
-  const te = Y(
-    (g) => {
-      if (j.debug("[VirtualScroll] Rendering visible items", { currentScrollPosition: g, renderingStartIndex: C, renderingEndIndex: D, fenwickSize: w, viewportSize: t }), w === 0)
-        return /* @__PURE__ */ z.jsx("div", { className: "absolute w-full", style: { top: 0 }, children: /* @__PURE__ */ z.jsx("div", { className: "text-center text-gray-500", children: "No items" }) });
-      const V = F(C, 0, w - 1), { cumulative: r, currentValue: i } = b.prefixSum(V, { materializeOption: { materialize: !1 } }), h = r - i, v = [], E = [];
-      for (let I = C; I <= D; I++) {
-        const L = n(I);
-        v.push({ item: e(I), height: L }), b.get(I) !== L && E.push({ index: I, value: L });
+      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 });
       }
-      E.length > 0 && Promise.resolve().then(() => {
-        const I = b.updates(E);
-        I && (O(I), j.debug("[VirtualScroll] Updated heights for items", E, "New total height:", I));
+      V.length > 0 && Promise.resolve().then(() => {
+        const _ = m.updates(V);
+        _ && (B(_), re.debug("[VirtualScroll] Updated heights for items", V, "New total height:", _));
       });
-      const T = P < t ? 0 : h - g;
-      return j.debug("[VirtualScroll] Rendering items", { visibleItems: v, containerTop: T }), /* @__PURE__ */ z.jsx("div", { className: "absolute w-full", style: { top: T }, children: v.map(({ item: I, height: L }, y) => {
-        const N = C + y, Q = F(N, 0, w - 1), { cumulative: se, currentValue: me } = b.prefixSum(Q, { materializeOption: { materialize: !1 } }), ge = se - me;
-        return /* @__PURE__ */ z.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": N,
+            "data-index": J,
             style: {
               position: "absolute",
-              top: ge - h,
+              top: oe - y,
               width: "100%"
             },
-            children: l(I, N)
+            children: p(_, J)
           },
-          N
+          J
         );
       }) });
     },
-    [e, l, P, t, C, D, b, w, n]
+    [e, p, C, r, E, m, l, n]
   );
-  return he(
-    _,
+  return Ae(
+    ie,
     () => ({
-      getScrollPosition: () => x.current?.getScrollPosition() ?? -1,
-      getContentSize: () => x.current?.getContentSize() ?? -1,
-      getViewportSize: () => x.current?.getViewportSize() ?? -1,
-      scrollTo: (g) => q(g),
-      scrollToIndex: (g) => U(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()
     }),
-    [U, b, q]
-  ), /* @__PURE__ */ z.jsx(Ie, { ref: x, contentSize: P, viewportSize: t, className: a, onScroll: Z, background: c, children: te });
+    [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 Ae = de(Pe);
-class we {
+const ft = Re(at);
+class it {
   key;
   value;
   prev = null;
@@ -1006,7 +1472,7 @@ class we {
     this.key = e, this.value = n;
   }
 }
-class fe {
+class Ce {
   head = null;
   tail = null;
   /**
@@ -1047,54 +1513,54 @@ class fe {
     this.remove(e), this.addToTail(e);
   }
 }
-function Ve(u) {
-  const e = $(/* @__PURE__ */ new Map()), n = $(new fe());
-  B(() => {
-    for (; e.current.size > u; ) {
-      const c = n.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;
     }
-  }, [u]);
-  const t = Y((c) => {
-    const m = e.current.get(c);
-    if (m)
-      return n.current.moveToTail(m), m.value;
-  }, []), s = Y(
-    (c, m) => {
-      if (u <= 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 p = e.current.get(c);
-      if (p)
-        p.value = m, n.current.moveToTail(p);
+      let P = e.current.get(g);
+      if (P)
+        P.value = x, n.current.moveToTail(P);
       else {
-        if (e.current.size >= u) {
-          const _ = n.current.removeHead();
-          _ && e.current.delete(_.key);
+        if (e.current.size >= c) {
+          const S = n.current.removeHead();
+          S && e.current.delete(S.key);
         }
-        p = new we(c, m), e.current.set(c, p), n.current.addToTail(p);
+        P = new it(g, x), e.current.set(g, P), n.current.addToTail(P);
       }
     },
-    [u]
-  ), a = Y((c) => e.current.has(c), []), o = Y(() => {
-    e.current.clear(), n.current = new fe();
-  }, []), [d, l] = W(() => ({ get: t, set: s, has: a, clear: o }));
-  return B(() => l({ 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 ye = 1e4, je = () => {
-  const { get: u, set: e, has: n, clear: t } = Ve(ye);
-  return { get: u, set: e, has: n, 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 {
-  Se as FenwickMapTree,
-  Re as ScrollBar,
-  Ie as ScrollPane,
-  Ae as VirtualScroll,
-  F as minmax,
-  ke as useFenwickMapTree,
-  je as useHeightCache,
-  Ve 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