@aiquants/virtualscroll 0.4.0 → 0.5.0

package/dist/index.js

@@ -1,286 +1,7 @@
-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
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-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 f in s)
-        f !== "key" && (a[f] = s[f]);
-    } else a = s;
-    return s = a.ref, {
-      $$typeof: c,
-      type: r,
-      key: i,
-      ref: s !== void 0 ? s : null,
-      props: a
-    };
-  }
-  return fe.Fragment = e, fe.jsx = n, fe.jsxs = n, fe;
-}
-var me = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-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 F:
-          return "Profiler";
-        case K:
-          return "StrictMode";
-        case k:
-          return "Suspense";
-        case C:
-          return "SuspenseList";
-        case se:
-          return "Activity";
-      }
-      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."
-        ), t.$$typeof) {
-          case ie:
-            return "Portal";
-          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 c(t(o));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function e(t) {
-      return "" + t;
-    }
-    function n(t) {
-      try {
-        e(t);
-        var o = !1;
-      } catch {
-        o = !0;
-      }
-      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.",
-          y
-        ), e(t);
-      }
-    }
-    function r(t) {
-      if (t === N) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === X)
-        return "<...>";
-      try {
-        var o = c(t);
-        return o ? "<" + o + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function s() {
-      var t = Y.A;
-      return t === null ? null : t.getOwner();
-    }
-    function a() {
-      return Error("react-stack-top-frame");
-    }
-    function i(t) {
-      if (j.call(t, "key")) {
-        var o = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (o && o.isReactWarning) return !1;
-      }
-      return t.key !== void 0;
-    }
-    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)",
-          o
-        ));
-      }
-      T.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: T,
-        configurable: !0
-      });
-    }
-    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."
-      )), t = this.props.ref, t !== void 0 ? t : null;
-    }
-    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: 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(t, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(t, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: D
-      }), Object.defineProperty(t, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: _
-      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
-    }
-    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(R);
-      if (j.call(o, "key")) {
-        R = c(t);
-        var G = Object.keys(o).filter(function(u) {
-          return u !== "key";
-        });
-        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} />`,
-          y,
-          R,
-          G,
-          R
-        ), I[R + y] = !0);
-      }
-      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,
-        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
-      ), g(
-        t,
-        R,
-        V,
-        w,
-        s(),
-        T,
-        D,
-        _
-      );
-    }
-    function P(t) {
-      typeof t == "object" && t !== null && t.$$typeof === ne && t._store && (t._store.validated = 1);
-    }
-    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;
-    };
-    S = {
-      react_stack_bottom_frame: function(t) {
-        return t();
-      }
-    };
-    var E, M = {}, h = S.react_stack_bottom_frame.bind(
-      S,
-      a
-    )(), 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,
-        y,
-        w,
-        V ? Error("react-stack-top-frame") : h,
-        V ? b(r(t)) : v
-      );
-    }, me.jsxs = function(t, o, T, y, w) {
-      var V = 1e4 > Y.recentlyCreatedOwnerStacks++;
-      return x(
-        t,
-        o,
-        T,
-        !0,
-        y,
-        w,
-        V ? Error("react-stack-top-frame") : h,
-        V ? b(r(t)) : v
-      );
-    };
-  })()), me;
-}
-var Le;
-function We() {
-  return Le || (Le = 1, process.env.NODE_ENV === "production" ? Te.exports = qe() : Te.exports = Xe()), Te.exports;
-}
-var q = We();
-const re = {
+import { jsxs as xe, jsx as j } from "react/jsx-runtime";
+import { forwardRef as Ve, useState as le, useRef as N, useCallback as z, useImperativeHandle as Me, useMemo as O, useEffect as re, useReducer as ze, useLayoutEffect as ve, useId as ke } from "react";
+import { twMerge as he } from "tailwind-merge";
+const J = {
   debug(c, ...e) {
     typeof window < "u" && window.localStorage?.getItem("debug") === "true" && console.debug(`[VirtualScroll] ${c}`, ...e);
   },
@@ -290,120 +11,120 @@ const re = {
   error(c, ...e) {
     console.error(`[VirtualScroll] ${c}`, ...e);
   }
-}, z = (c, e, n) => Math.min(n, Math.max(e, c)), Ie = {
+}, C = (c, e, n) => Math.min(n, Math.max(e, c)), ye = {
   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,
+}, Le = 6, Re = Ve(({ onDragChange: c, className: e, maxVisualDistance: n = 160, size: t = 64, style: r, opacity: o = 1 }, s) => {
+  const [m, d] = le(ye), f = N(null), g = N({ x: 0, y: 0 }), y = N(null), w = z(
+    (x, T = !1) => {
+      const { y: M } = g.current, h = x - M, p = Math.abs(h), I = p < Le ? 0 : h < 0 ? -1 : 1, v = {
+        active: T || p >= Le,
         offsetY: h,
-        distance: v,
+        distance: p,
         direction: I
       };
-      p(t), c(t);
+      d(v), c(v);
     },
     [c]
-  ), ne = $(
-    (b = !1) => {
-      if (b && g.current !== null) {
-        const E = P.current;
-        E?.hasPointerCapture(g.current) && E.releasePointerCapture(g.current);
+  ), ie = z(
+    (x = !1) => {
+      if (x && f.current !== null) {
+        const T = y.current;
+        T?.hasPointerCapture(f.current) && T.releasePointerCapture(f.current);
       }
-      g.current = null, p(Ie), c(Ie);
+      f.current = null, d(ye), c(ye);
     },
     [c]
-  ), ie = $(
-    (b) => {
-      b.preventDefault(), b.stopPropagation();
-      const E = P.current ?? b.currentTarget, M = E.getBoundingClientRect();
-      x.current = {
+  ), ae = z(
+    (x) => {
+      x.preventDefault(), x.stopPropagation();
+      const T = y.current ?? x.currentTarget, M = T.getBoundingClientRect();
+      g.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);
+      }, f.current = x.pointerId, T.setPointerCapture(x.pointerId), w(x.clientY, !0);
     },
-    [S]
-  ), N = $(
-    (b) => {
-      g.current === b.pointerId && (b.preventDefault(), S(b.clientY));
+    [w]
+  ), Y = z(
+    (x) => {
+      f.current === x.pointerId && (x.preventDefault(), w(x.clientY));
     },
-    [S]
-  ), K = $(
-    (b) => {
-      g.current === b.pointerId && (b.preventDefault(), b.stopPropagation(), ne(!0));
+    [w]
+  ), Q = z(
+    (x) => {
+      f.current === x.pointerId && (x.preventDefault(), x.stopPropagation(), ie(!0));
     },
-    [ne]
+    [ie]
   );
-  Ae(
-    i,
+  Me(
+    s,
     () => ({
       reset: () => {
-        ne(!0);
+        ie(!0);
       },
-      getElement: () => P.current
+      getElement: () => y.current
     }),
-    [ne]
+    [ie]
   );
-  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)`
+  const D = O(() => Math.min(m.distance, n) / n, [m.distance, n]), u = O(() => t / 64, [t]), ee = O(() => 1 + D * 0.4, [D]), E = O(() => m.direction * D * 10 * u, [m.direction, D, u]), P = O(() => m.direction * D * 26 * u, [m.direction, D, u]), F = O(() => 22 * u, [u]), W = O(() => Math.max(2.5, 3 * u), [u]), q = O(() => 6 * u, [u]), se = O(() => 3 * u, [u]), i = O(() => Math.min(Math.max(o, 0), 1), [o]), $ = O(() => {
+    const x = {
+      ...r,
+      width: t,
+      height: t,
+      transform: `translateY(${E}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(
+    return x.opacity = i, x;
+  }, [i, E, t, r]), k = O(() => Math.abs(P) + q, [q, P]), A = O(() => P > 0 ? se : -Math.abs(P) - se, [se, P]);
+  return /* @__PURE__ */ xe(
     "div",
     {
-      ref: P,
-      className: pe(
+      ref: y,
+      className: he(
         "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,
+      style: $,
+      onPointerDown: ae,
+      onPointerMove: Y,
+      onPointerUp: Q,
+      onPointerCancel: Q,
       role: "presentation",
       children: [
-        /* @__PURE__ */ q.jsx(
+        /* @__PURE__ */ j(
           "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"
+              transform: `scaleY(${ee})`,
+              transition: m.active ? "transform 40ms ease-out" : "transform 200ms ease"
             }
           }
         ),
-        /* @__PURE__ */ q.jsx(
+        /* @__PURE__ */ j(
           "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"
+              width: F,
+              height: F,
+              transform: `translate(-50%, calc(-50% + ${P * 0.3}px)) scale(${1 + D * 0.2})`,
+              transition: m.active ? "transform 40ms ease-out" : "transform 200ms ease"
             }
           }
         ),
-        /* @__PURE__ */ q.jsx(
+        /* @__PURE__ */ j(
           "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"
+              width: W,
+              height: k,
+              transform: `translate(-50%, ${A}px)`,
+              opacity: D,
+              transition: m.active ? "height 40ms ease-out, opacity 60ms" : "height 200ms ease, opacity 120ms"
             }
           }
         )
@@ -411,295 +132,295 @@ const re = {
     }
   );
 });
-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;
+Re.displayName = "TapScrollCircle";
+const Ae = (c, e, n) => {
+  const t = "touches" in c.nativeEvent, r = t ? c.nativeEvent.touches[0] : c.nativeEvent, o = (m) => {
+    t && m.cancelable && m.preventDefault();
+    const d = "touches" in m ? m.touches[0] : m;
     e({
-      deltaX: p.clientX - s.clientX,
-      deltaY: p.clientY - s.clientY
+      deltaX: d.clientX - r.clientX,
+      deltaY: d.clientY - r.clientY
     });
-  }, i = () => {
-    r ? (document.removeEventListener("touchmove", a), document.removeEventListener("touchend", i)) : (document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", i)), n?.();
+  }, s = () => {
+    t ? (document.removeEventListener("touchmove", o), document.removeEventListener("touchend", s)) : (document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", s)), n?.();
   };
-  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 = {
+  t ? (document.addEventListener("touchmove", o, { passive: !1 }), document.addEventListener("touchend", s)) : (document.addEventListener("mousemove", o), document.addEventListener("mouseup", s));
+}, Ee = "virtualscroll:tap-scroll-cancel", De = 20, Oe = 250, Ye = 60, He = 20, Ue = 20, $e = 220, _e = { active: !1, offsetY: 0, distance: 0, direction: 0 }, Se = 2.2, Xe = 8, qe = 120, ce = {
   enabled: !0,
   size: 64,
   offsetX: -80,
   offsetY: 0,
   className: void 0,
-  maxVisualDistance: Ze,
+  maxVisualDistance: $e,
   opacity: 1
-}, tt = (c) => {
+}, je = (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 Se;
+  const e = Math.max(1, c), n = Math.log10(e), t = Se + n * Xe;
+  return C(t, Se, qe);
+}, Ke = ({ contentSize: c, viewportSize: e, scrollPosition: n, onScroll: t, horizontal: r = !1, scrollBarWidth: o = 12, className: s, ariaControls: m, tapScrollCircleOptions: d, itemCount: f }) => {
+  const [g, y] = le(!1), [w, ie] = le(!1), ae = N(null), Y = N(n), Q = N(null), D = N(null), u = N(_e), ee = N(null), E = N(null), P = N(null), F = O(() => {
+    const l = d?.maxSpeedMultiplier, L = typeof l == "number" ? l : je(f);
     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)
+      enabled: d?.enabled ?? ce.enabled,
+      size: d?.size ?? ce.size,
+      offsetX: d?.offsetX ?? ce.offsetX,
+      offsetY: d?.offsetY ?? ce.offsetY,
+      className: d?.className ?? ce.className,
+      maxVisualDistance: d?.maxVisualDistance ?? ce.maxVisualDistance,
+      maxSpeedMultiplier: L,
+      opacity: C(d?.opacity ?? ce.opacity, 0, 1)
     };
-  }, [g, p]), {
-    enabled: B,
-    size: X,
+  }, [f, d]), {
+    enabled: W,
+    size: q,
     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();
+    offsetY: i,
+    className: $,
+    maxVisualDistance: k,
+    maxSpeedMultiplier: A,
+    opacity: x
+  } = F, T = Math.max(k, 1), M = e / c, h = o, p = Math.max(e - h * 2, 0), I = M * p, v = Math.min(Math.max(De, I || 0), p || De), b = c - e, _ = Math.max(p - v, 0), H = b <= 0 || _ <= 0 ? 0 : n / b * _, V = c > e;
+  re(() => {
+    Y.current = n;
+  }, [n]), re(() => {
+    ae.current && (g ? ae.current.style.backgroundColor = "#4F4F4F" : ae.current.style.backgroundColor = "#7F7F7F");
+  }, [g]);
+  const X = z(() => {
+    Q.current !== null && (window.clearInterval(Q.current), Q.current = null), D.current !== null && (window.clearTimeout(D.current), D.current = null);
+  }, []), R = z(() => {
+    E.current !== null && (window.cancelAnimationFrame(E.current), E.current = null), P.current = null;
+  }, []), S = z(() => {
+    u.current = { ..._e }, ie(!1), ee.current?.reset(), R();
+  }, [R]), K = z(
+    (l) => {
+      const L = u.current;
+      if (!L.active || L.direction === 0) {
+        R();
         return;
       }
-      if (!w || o <= 0) {
-        D();
+      if (!V || b <= 0) {
+        R();
         return;
       }
-      const te = k.current ?? d, Q = Math.max((d - te) / 1e3, 0);
-      if (k.current = d, Q <= 0) {
-        A.current = window.requestAnimationFrame(R);
+      const Z = P.current ?? l, B = Math.max((l - Z) / 1e3, 0);
+      if (P.current = l, B <= 0) {
+        E.current = window.requestAnimationFrame(K);
         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();
+      const Te = (Math.min(L.distance, T) / T) ** 1.1, de = Math.max(e * 0.2, 40), be = Math.max(e * A, 1200), we = de + (be - de) * Te, ge = Y.current, Ie = C(ge + L.direction * we * B, 0, b);
+      if (Ie === ge) {
+        R();
         return;
       }
-      N.current = ye, r?.(ye, xe), A.current = window.requestAnimationFrame(R);
+      Y.current = Ie, t?.(Ie, ge), E.current = window.requestAnimationFrame(K);
     },
-    [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();
+    [T, b, t, V, R, A, e]
+  ), oe = z(() => {
+    E.current === null && (P.current = null, E.current = window.requestAnimationFrame(K));
+  }, [K]);
+  re(() => () => {
+    X(), R();
+  }, [X, R]);
+  const te = z(
+    (l) => {
+      u.current = l, ie(l.active), l.active && l.direction !== 0 ? oe() : R();
     },
-    [G, D]
+    [oe, R]
   );
-  ae(() => {
-    B || _();
-  }, [_, B]), ae(() => {
-    const d = (O) => {
-      const Q = O.detail?.paneId;
-      Q && f && Q !== f || _();
+  re(() => {
+    W || S();
+  }, [S, W]), re(() => {
+    const l = (L) => {
+      const B = L.detail?.paneId;
+      B && m && B !== m || S();
     };
-    return window.addEventListener(Pe, d), () => {
-      window.removeEventListener(Pe, d);
+    return window.addEventListener(Ee, l), () => {
+      window.removeEventListener(Ee, l);
     };
-  }, [f, _]), ae(() => {
-    if (!B)
+  }, [m, S]), re(() => {
+    if (!W)
       return;
-    const d = (O) => {
-      if (!m.current.active)
+    const l = (L) => {
+      if (!u.current.active)
         return;
-      const te = O.target;
-      if (!(te instanceof Node)) {
-        _();
+      const Z = L.target;
+      if (!(Z instanceof Node)) {
+        S();
         return;
       }
-      Z.current?.getElement()?.contains(te) || _();
+      ee.current?.getElement()?.contains(Z) || S();
     };
-    return document.addEventListener("pointerdown", d, !0), () => {
-      document.removeEventListener("pointerdown", d, !0);
+    return document.addEventListener("pointerdown", l, !0), () => {
+      document.removeEventListener("pointerdown", l, !0);
     };
-  }, [_, B]);
-  const u = (d) => {
-    if (!w || T <= 0 || o <= 0)
+  }, [S, W]);
+  const a = (l) => {
+    if (!V || _ <= 0 || b <= 0)
       return 0;
-    const O = z(d, 0, T);
-    return z(O / T * o, 0, o);
-  }, ee = (d) => {
-    if (!w || o <= 0)
+    const L = C(l, 0, _);
+    return C(L / _ * b, 0, b);
+  }, G = (l) => {
+    if (!V || b <= 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)
+    const L = Math.max(Math.round(e / Ue), He), Z = Y.current, B = C(Z + l * L, 0, b);
+    B !== Z && (Y.current = B, t?.(B, Z));
+  }, U = () => {
+    X();
+  }, ne = (l) => (L) => {
+    V && (L.preventDefault(), L.stopPropagation(), S(), X(), G(l), D.current = window.setTimeout(() => {
+      Q.current = window.setInterval(() => {
+        G(l);
+      }, Ye);
+    }, Oe));
+  }, ue = (l) => (L) => {
+    (L.key === "Enter" || L.key === " " || L.key === "Spacebar") && (L.preventDefault(), G(l));
+  }, me = (l) => {
+    if (!V || "button" in l && l.button !== 0 || l.ctrlKey)
       return;
-    d.stopPropagation(), _();
-    const O = y;
-    P(!0), De(
-      d,
-      ({ deltaX: te, deltaY: Q }) => {
-        r?.(u(O + (s ? te : Q)), y);
+    l.stopPropagation(), S();
+    const L = H;
+    y(!0), Ae(
+      l,
+      ({ deltaX: Z, deltaY: B }) => {
+        t?.(a(L + (r ? Z : B)), H);
       },
       () => {
-        P(!1);
+        y(!1);
       }
     );
-  }, Me = (d) => {
-    if (!w || "button" in d && d.button !== 0 || d.ctrlKey)
+  }, Pe = (l) => {
+    if (!V || "button" in l && l.button !== 0 || l.ctrlKey)
       return;
-    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);
+    const Z = "touches" in l.nativeEvent ? l.nativeEvent.touches[0] : l.nativeEvent, B = r ? Z.clientX : Z.clientY, pe = l.currentTarget.getBoundingClientRect(), Te = r ? B - pe.left : B - pe.top;
+    S();
+    const de = Te - v / 2;
+    t?.(a(de), H), Ae(l, ({ deltaX: be, deltaY: we }) => {
+      t?.(a(de + (r ? be : we)), H);
     });
-  }, Ye = U(() => z((S ? 1 : 0.8) * b, 0, 1), [S, b]), ze = U(() => {
-    const O = `calc(50% - ${X / 2}px + ${l}px)`;
+  }, Ce = O(() => C((w ? 1 : 0.8) * x, 0, 1), [w, x]), Ne = O(() => {
+    const L = `calc(50% - ${q / 2}px + ${i}px)`;
     return {
       left: se,
-      top: O
+      top: L
     };
-  }, [se, l, X]);
-  return /* @__PURE__ */ q.jsxs(
+  }, [se, i, q]);
+  return /* @__PURE__ */ xe(
     "div",
     {
-      className: pe(
+      className: he(
         "group relative cursor-default select-none",
-        s ? "flex flex-row items-stretch" : "flex flex-col items-stretch",
-        i
+        r ? "flex flex-row items-stretch" : "flex flex-col items-stretch",
+        s
       ),
       style: {
-        [s ? "width" : "height"]: e,
-        [s ? "height" : "width"]: a,
+        [r ? "width" : "height"]: e,
+        [r ? "height" : "width"]: o,
         backgroundColor: "white",
         userSelect: "none",
         position: "relative"
       },
       role: "scrollbar",
       tabIndex: -1,
-      "aria-controls": f,
+      "aria-controls": m,
       "aria-valuenow": n,
       "aria-valuemin": 0,
-      "aria-valuemax": o,
-      "aria-orientation": s ? "horizontal" : "vertical",
+      "aria-valuemax": b,
+      "aria-orientation": r ? "horizontal" : "vertical",
       children: [
-        !s && w && B && /* @__PURE__ */ q.jsx(
-          je,
+        !r && V && W && /* @__PURE__ */ j(
+          Re,
           {
-            ref: Z,
-            className: pe(
+            ref: ee,
+            className: he(
               "pointer-events-auto absolute transition-opacity duration-150",
-              Y
+              $
             ),
-            size: X,
-            maxVisualDistance: E,
-            style: ze,
-            opacity: Ye,
-            onDragChange: J
+            size: q,
+            maxVisualDistance: T,
+            style: Ne,
+            opacity: Ce,
+            onDragChange: te
           }
         ),
-        /* @__PURE__ */ q.jsx(
+        /* @__PURE__ */ j(
           "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,
+              [r ? "width" : "height"]: h,
+              [r ? "height" : "width"]: o,
               backgroundColor: "#E0E0E0"
             },
-            "aria-label": s ? "Scroll left" : "Scroll up",
-            onMouseDown: oe(-1),
-            onTouchStart: oe(-1),
-            onMouseUp: W,
-            onMouseLeave: W,
-            onTouchEnd: W,
-            onTouchCancel: W,
+            "aria-label": r ? "Scroll left" : "Scroll up",
+            onMouseDown: ne(-1),
+            onTouchStart: ne(-1),
+            onMouseUp: U,
+            onMouseLeave: U,
+            onTouchEnd: U,
+            onTouchCancel: U,
             onKeyDown: ue(-1),
-            disabled: !w,
-            children: /* @__PURE__ */ q.jsx("span", { "aria-hidden": "true", children: s ? "◀" : "▲" })
+            disabled: !V,
+            children: /* @__PURE__ */ j("span", { "aria-hidden": "true", children: r ? "◀" : "▲" })
           }
         ),
-        /* @__PURE__ */ q.jsx(
+        /* @__PURE__ */ j(
           "div",
           {
             className: "relative flex-1",
             style: {
               backgroundColor: "#F5F5F5",
-              borderRadius: a / 2
+              borderRadius: o / 2
             },
-            onMouseDown: Me,
-            onTouchStart: Me,
+            onMouseDown: Pe,
+            onTouchStart: Pe,
             children: c > e && // スクロールバーのつまみの当たり判定を広げるためのラッパー
-            /* @__PURE__ */ q.jsx(
+            /* @__PURE__ */ j(
               "div",
               {
                 className: "group absolute",
                 style: {
-                  [s ? "width" : "height"]: t,
-                  [s ? "left" : "top"]: y,
-                  ...s ? { top: 0, bottom: 0 } : { left: 0, right: 0 }
+                  [r ? "width" : "height"]: v,
+                  [r ? "left" : "top"]: H,
+                  ...r ? { top: 0, bottom: 0 } : { left: 0, right: 0 }
                 },
-                onMouseDown: ge,
-                onTouchStart: ge,
+                onMouseDown: me,
+                onTouchStart: me,
                 role: "slider",
-                "aria-orientation": s ? "horizontal" : "vertical",
+                "aria-orientation": r ? "horizontal" : "vertical",
                 "aria-valuenow": n,
                 "aria-valuemin": 0,
-                "aria-valuemax": o,
+                "aria-valuemax": b,
                 tabIndex: 0,
-                children: /* @__PURE__ */ q.jsx(
+                children: /* @__PURE__ */ j(
                   "div",
                   {
-                    ref: ie,
-                    className: pe(
+                    ref: ae,
+                    className: he(
                       "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]"}`
+                      r ? `inset-x-0 inset-y-[1.5px] group-hover:inset-y-[-0.5px] ${g ? "inset-y-[-2px]" : "group-active:inset-y-[-2px]"}` : `inset-x-[1.5px] inset-y-0 group-hover:inset-x-[-0.5px] ${g ? "inset-x-[-2px]" : "group-active:inset-x-[-2px]"}`
                     ),
                     style: {
                       backgroundColor: "#7F7F7F",
-                      borderRadius: a - 1,
-                      ...s ? {
+                      borderRadius: o - 1,
+                      ...r ? {
                         left: 0,
                         right: 0,
-                        top: x ? -2 : 1.5,
-                        bottom: x ? -2 : 1.5
+                        top: g ? -2 : 1.5,
+                        bottom: g ? -2 : 1.5
                       } : {
                         top: 0,
                         bottom: 0,
-                        left: x ? -2 : 1.5,
-                        right: x ? -2 : 1.5
+                        left: g ? -2 : 1.5,
+                        right: g ? -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");
+                    onMouseEnter: (l) => {
+                      r ? (l.currentTarget.style.top = "-0.5px", l.currentTarget.style.bottom = "-0.5px") : (l.currentTarget.style.left = "-0.5px", l.currentTarget.style.right = "-0.5px"), g || (l.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");
+                    onMouseLeave: (l) => {
+                      r ? (l.currentTarget.style.top = g ? "-2px" : "1.5px", l.currentTarget.style.bottom = g ? "-2px" : "1.5px") : (l.currentTarget.style.left = g ? "-2px" : "1.5px", l.currentTarget.style.right = g ? "-2px" : "1.5px"), g || (l.currentTarget.style.backgroundColor = "#7F7F7F");
                     }
                   }
                 )
@@ -707,209 +428,209 @@ const De = (c, e, n) => {
             )
           }
         ),
-        /* @__PURE__ */ q.jsx(
+        /* @__PURE__ */ j(
           "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,
+              [r ? "width" : "height"]: h,
+              [r ? "height" : "width"]: o,
               backgroundColor: "#E0E0E0"
             },
-            "aria-label": s ? "Scroll right" : "Scroll down",
-            onMouseDown: oe(1),
-            onTouchStart: oe(1),
-            onMouseUp: W,
-            onMouseLeave: W,
-            onTouchEnd: W,
-            onTouchCancel: W,
+            "aria-label": r ? "Scroll right" : "Scroll down",
+            onMouseDown: ne(1),
+            onTouchStart: ne(1),
+            onMouseUp: U,
+            onMouseLeave: U,
+            onTouchEnd: U,
+            onTouchCancel: U,
             onKeyDown: ue(1),
-            disabled: !w,
-            children: /* @__PURE__ */ q.jsx("span", { "aria-hidden": "true", children: s ? "▶" : "▼" })
+            disabled: !V,
+            children: /* @__PURE__ */ j("span", { "aria-hidden": "true", children: r ? "▶" : "▼" })
           }
         )
       ]
     }
   );
-}, he = {
+}, fe = {
   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({
+}, Be = Ve(({ children: c, contentSize: e, viewportSize: n, scrollBarWidth: t = 12, onScroll: r, className: o, style: s, background: m, tapScrollCircleOptions: d, inertiaOptions: f, itemCount: g }, y) => {
+  const w = N(0), [ie, ae] = ze((i) => i + 1, 0), Y = N(null), Q = N(null), D = N({
     frame: null,
     velocity: 0,
     lastTimestamp: null
-  }), m = U(
+  }), u = O(
     () => ({
-      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
+      maxVelocity: f?.maxVelocity ?? fe.maxVelocity,
+      minVelocity: f?.minVelocity ?? fe.minVelocity,
+      deceleration: f?.deceleration ?? fe.deceleration,
+      velocitySampleWindow: f?.velocitySampleWindow ?? fe.velocitySampleWindow,
+      startVelocityThreshold: f?.startVelocityThreshold ?? fe.startVelocityThreshold
     }),
-    [g]
+    [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));
+  J.debug("[ScrollPane] ScrollPane rendered", { contentSize: e, viewportSize: n, scrollBarWidth: t, className: o, style: s, tapScrollCircleOptions: d, inertiaOptions: f });
+  const ee = N({ contentSize: e, viewportSize: n }), E = O(() => e > n, [e, n]), P = z(
+    (i) => {
+      const { contentSize: $, viewportSize: k } = ee.current, A = $ > k, x = w.current;
+      if (J.debug("[ScrollPane] scrollTo called", { newPosition: i, contentSize: $, viewportSize: k, currentIsScrollable: A, prevPosition: x }), !A) {
+        w.current !== 0 && (w.current = 0, r?.(0, x));
         return;
       }
-      const E = typeof l == "function" ? l(S.current) : l, M = z(E, 0, Y - j);
-      S.current !== M && (S.current = M, s?.(M, b));
+      const T = typeof i == "function" ? i(w.current) : i, M = C(T, 0, $ - k);
+      w.current !== M && (w.current = M, r?.(M, x));
     },
-    [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)
+    [r]
+  ), F = z(() => {
+    const i = D.current;
+    i.frame !== null && cancelAnimationFrame(i.frame), i.frame = null, i.velocity = 0, i.lastTimestamp = null;
+  }, []), W = z(
+    (i) => {
+      if (!E)
         return;
-      const { maxVelocity: Y, minVelocity: j, deceleration: L, startVelocityThreshold: b } = m, E = z(l, -Y, Y);
-      if (Math.abs(E) < b)
+      const { maxVelocity: $, minVelocity: k, deceleration: A, startVelocityThreshold: x } = u, T = C(i, -$, $);
+      if (Math.abs(T) < x)
         return;
-      C(), F.current.velocity = E, F.current.lastTimestamp = null;
+      F(), D.current.velocity = T, D.current.lastTimestamp = null;
       const M = (h) => {
-        const v = F.current;
-        if (v.lastTimestamp === null) {
-          v.lastTimestamp = h, v.frame = requestAnimationFrame(M);
+        const p = D.current;
+        if (p.lastTimestamp === null) {
+          p.lastTimestamp = h, p.frame = requestAnimationFrame(M);
           return;
         }
-        const I = h - v.lastTimestamp;
-        if (v.lastTimestamp = h, I <= 0) {
-          v.frame = requestAnimationFrame(M);
+        const I = h - p.lastTimestamp;
+        if (p.lastTimestamp = h, I <= 0) {
+          p.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();
+        const v = p.velocity;
+        let b = v;
+        const _ = A * I;
+        v > 0 ? b = Math.max(0, v - _) : v < 0 && (b = Math.min(0, v + _));
+        const V = (v + b) / 2 * I, X = w.current;
+        V !== 0 && P((a) => a + V);
+        const R = w.current, { contentSize: S, viewportSize: K } = ee.current, oe = Math.max(S - K, 0);
+        p.velocity = b;
+        const te = R === X || R <= 0 && b <= 0 || R >= oe && b >= 0;
+        if (Math.abs(b) < k || te) {
+          F();
           return;
         }
-        v.frame = requestAnimationFrame(M);
+        p.frame = requestAnimationFrame(M);
       };
-      F.current.frame = requestAnimationFrame(M);
+      D.current.frame = requestAnimationFrame(M);
     },
-    [A, m, k, C]
+    [E, u, P, F]
   );
-  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);
+  ve(() => {
+    ee.current = { contentSize: e, viewportSize: n };
+  }, [e, n]), ve(() => {
+    if (E) {
+      J.debug("[ScrollPane] Adjusting scroll position due to content or viewport size change", { contentSize: e, viewportSize: n, scrollPosition: w.current });
+      const i = C(e - n, 0, e);
+      w.current > i && P(i);
     } else
-      k(0);
-  }, [A, k, e, n]), ae(() => {
-    const l = (j) => {
-      if (!A)
+      P(0);
+  }, [E, P, e, n]), re(() => {
+    const i = (k) => {
+      if (!E)
         return;
-      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);
+      k.preventDefault(), F();
+      let A = k.deltaY;
+      k.deltaMode === 1 ? A *= 16 : k.deltaMode === 2 && (A *= n), J.debug("[ScrollPane] wheel event", { deltaY: A, scrollPosition: w.current }), P((x) => x + A);
+    }, $ = Y.current;
+    return $ && $.addEventListener("wheel", i, { passive: !1 }), () => {
+      $ && $.removeEventListener("wheel", i);
     };
-  }, [A, k, C, n]), Ae(
-    P,
+  }, [E, P, F, n]), Me(
+    y,
     () => ({
-      scrollTo: k,
-      getScrollPosition: () => S.current,
+      scrollTo: P,
+      getScrollPosition: () => w.current,
       getContentSize: () => e,
       getViewportSize: () => n
     }),
-    [k, e, n]
+    [P, e, n]
   );
-  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)
+  const q = ke(), se = O(() => /* @__PURE__ */ xe("div", { ref: Y, className: he("flex", o), style: s, children: [
+    /* @__PURE__ */ xe("div", { ref: Q, className: "relative h-full flex-1 overflow-hidden", style: { height: n, touchAction: "none" }, id: q, children: [
+      m,
+      c(w.current)
     ] }),
-    A && /* @__PURE__ */ q.jsx(
-      rt,
+    E && /* @__PURE__ */ j(
+      Ke,
       {
         contentSize: e,
         viewportSize: n,
-        scrollPosition: S.current,
-        onScroll: k,
-        scrollBarWidth: r,
-        ariaControls: X,
-        tapScrollCircleOptions: p,
-        itemCount: x
+        scrollPosition: w.current,
+        onScroll: P,
+        scrollBarWidth: t,
+        ariaControls: q,
+        tapScrollCircleOptions: d,
+        itemCount: g
       }
     )
-  ] }), [c, e, n, r, a, i, A, k, X, f, p, x]);
-  return ae(() => {
-    const l = K.current;
-    if (!l)
+  ] }), [c, e, n, t, o, s, E, P, q, m, d, g]);
+  return re(() => {
+    const i = Q.current;
+    if (!i)
       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)
+    const $ = 6, k = "input, textarea, select, button, a[href], [role='button']";
+    let A = null, x = 0, T = 0, M = !1, h = !1, p = !1, I = null, v = [];
+    const b = () => {
+      A = null, x = 0, T = 0, M = !1, h = !1, v = [];
+    }, _ = (a) => {
+      const G = performance.now();
+      v.push({ clientY: a, time: G }), v = v.filter((U) => G - U.time <= u.velocitySampleWindow);
+    }, H = (a) => a instanceof HTMLElement ? a.closest("[data-scrollpane-ignore-drag='true']") !== null : !1, V = (a) => a instanceof HTMLElement ? a.closest(k) !== null : !1, X = (a) => {
+      p && (a.preventDefault(), a.stopPropagation(), p = !1);
+    }, R = (a) => {
+      M || (M = !0, h = !1, p = !0, i.hasPointerCapture(a.pointerId) || i.setPointerCapture(a.pointerId), _(a.clientY));
+    }, S = (a) => {
+      if (A !== a.pointerId)
         return;
       if (!M) {
-        const oe = Math.abs(u.clientY - b);
-        if (h && oe < Y)
+        const ne = Math.abs(a.clientY - x);
+        if (h && ne < $)
           return;
-        D(u);
+        R(a);
       }
       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)
+      _(a.clientY);
+      const G = a.clientY - x, U = T - G;
+      P(U), a.cancelable && a.preventDefault();
+    }, K = (a) => {
+      if (A !== a.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);
+      M && p && a.cancelable && (a.preventDefault(), a.stopPropagation()), i.hasPointerCapture(a.pointerId) && i.releasePointerCapture(a.pointerId);
+      let G = 0;
+      if (M && v.length >= 2) {
+        const U = v[v.length - 1], ne = v.find((ue) => U.time - ue.time <= u.velocitySampleWindow) ?? v[0];
+        if (U && ne && U.time !== ne.time) {
+          const ue = U.clientY - ne.clientY, me = U.time - ne.time;
+          G = -(ue / me);
         }
       }
-      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());
+      b(), I !== null && window.clearTimeout(I), p && (I = window.setTimeout(() => {
+        p = !1, I = null;
+      }, 0)), Math.abs(G) >= u.startVelocityThreshold && W(G);
+    }, oe = (a) => {
+      E && (a.button !== 0 && a.pointerType === "mouse" || a.ctrlKey || a.metaKey || a.altKey || H(a.target) || (window.dispatchEvent(new CustomEvent(Ee, { detail: { paneId: q } })), F(), A = a.pointerId, x = a.clientY, T = w.current, h = V(a.target), M = !1, p = !1, v = [], h || (p = !0, R(a), _(a.clientY), a.cancelable && a.preventDefault())));
+    }, te = (a) => {
+      A === a.pointerId && (p = !1, i.hasPointerCapture(a.pointerId) && i.releasePointerCapture(a.pointerId), I !== null && (window.clearTimeout(I), I = null), b());
     };
-    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();
+    return i.addEventListener("click", X, !0), i.addEventListener("pointerdown", oe, { passive: !1 }), i.addEventListener("pointermove", S, { passive: !1 }), i.addEventListener("pointerup", K), i.addEventListener("pointercancel", te), window.addEventListener("pointermove", S, { passive: !1 }), window.addEventListener("pointerup", K), window.addEventListener("pointercancel", te), () => {
+      i.removeEventListener("click", X, !0), i.removeEventListener("pointerdown", oe), i.removeEventListener("pointermove", S), i.removeEventListener("pointerup", K), i.removeEventListener("pointercancel", te), window.removeEventListener("pointermove", S), window.removeEventListener("pointerup", K), window.removeEventListener("pointercancel", te), A !== null && i.hasPointerCapture(A) && i.releasePointerCapture(A), I !== null && window.clearTimeout(I), F();
     };
-  }, [X, A, m, k, B, C]), se;
+  }, [q, E, u, P, W, F]), se;
 });
-class st {
+class We {
   /**
    * @private
    * @property {Map<number, number>} tree - The Map storing the Fenwick tree structure, specifically the sums of deltas. It is 1-indexed.
@@ -949,8 +670,8 @@ class st {
    * @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, r) {
-    this.reset(e, n, r);
+  constructor(e, n, t) {
+    this.reset(e, n, t);
   }
   /**
    * @method reset
@@ -960,20 +681,20 @@ class st {
    * @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, r) {
+  reset(e, n, t) {
     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 ?? {
+        const o = t?.sampleRange ?? {
           from: 0,
           to: Math.min(99, this.size - 1)
-        }, { 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)
+        }, { mode: s, materializedValues: m } = this._calculateMode(o.from, o.to);
+        if (this.baseValue = s, t?.materialize)
+          for (let d = 0; d < m.length; d++) {
+            const f = m[d], g = o.from + d;
+            if (g >= this.size)
               break;
-            const P = g - this.baseValue;
-            this.deltas.set(x, P), this._updateTree(x, P);
+            const y = f - this.baseValue;
+            this.deltas.set(g, y), this._updateTree(g, y);
           }
       } else
         this.baseValue = 0;
@@ -1002,30 +723,30 @@ class st {
   _calculateMode(e, n) {
     if (!this.valueFn)
       return { mode: 0, materializedValues: [] };
-    const r = [];
-    for (let g = e; g <= n && !(g >= this.size); g++)
-      r.push(this.valueFn(g));
-    const s = [...r];
-    if (r.length === 0)
+    const t = [];
+    for (let f = e; f <= n && !(f >= this.size); f++)
+      t.push(this.valueFn(f));
+    const r = [...t];
+    if (t.length === 0)
       return { mode: 0, materializedValues: [] };
-    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);
+    t.sort((f, g) => f - g);
+    const o = Math.floor(t.length / 2);
+    let s;
+    t.length % 2 === 0 ? s = Math.floor((t[o - 1] + t[o]) / 2) : s = t[o];
+    const m = /* @__PURE__ */ new Map();
+    let d = 0;
+    for (const f of t) {
+      const g = (m.get(f) ?? 0) + 1;
+      m.set(f, g), g > d && (d = g);
     }
-    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);
+    if (d > 1) {
+      const f = [];
+      for (const [y, w] of m.entries())
+        w === d && f.push(y);
+      const g = f.reduce((y, w) => y + w, 0);
+      s = Math.floor(g / f.length);
     }
-    return { mode: i, materializedValues: s };
+    return { mode: s, materializedValues: r };
   }
   /**
    * @method update
@@ -1044,14 +765,14 @@ class st {
    * @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: r, value: s }) => {
-      if (r < 0 || r >= this.size)
-        throw new Error(`Index ${r} out of bounds`);
-      if (s < 0)
+    const n = e.map(({ index: t, value: r }) => {
+      if (t < 0 || t >= this.size)
+        throw new Error(`Index ${t} out of bounds`);
+      if (r < 0)
         throw new Error("Value cannot be negative.");
-      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);
+      const o = this.deltas.has(t) ? (this.deltas.get(t) ?? 0) + this.baseValue : this.baseValue, s = r - o;
+      return { index: t, change: s };
+    }).filter((t) => t.change !== 0);
     return n.length > 0 ? this.updateDeltas(n) : this.total;
   }
   /**
@@ -1071,11 +792,11 @@ class st {
    * @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: r } of e) {
+    for (const { index: n, change: t } 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);
+      const r = this.deltas.get(n) ?? 0;
+      this.deltas.set(n, r + t), this._updateTree(n, t);
     }
     return this.total;
   }
@@ -1090,9 +811,9 @@ class st {
   _updateTree(e, n) {
     if (n === 0)
       return;
-    let r = e + 1;
-    for (; r <= this.size; )
-      this.tree.set(r, (this.tree.get(r) ?? 0) + n), r += r & -r;
+    let t = e + 1;
+    for (; t <= this.size; )
+      this.tree.set(t, (this.tree.get(t) ?? 0) + n), t += t & -t;
     this.total !== void 0 && (this.total += n);
   }
   /**
@@ -1105,10 +826,10 @@ class st {
    */
   _materialize(e, n = !0) {
     if (this.valueFn) {
-      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);
+      const t = this.deltas.get(e) ?? 0, o = this.valueFn(e) - this.baseValue;
+      if (o !== t && (this.deltas.set(e, o), n)) {
+        const s = o - t;
+        this._updateTree(e, s);
       }
     }
   }
@@ -1128,23 +849,23 @@ class st {
   prefixSum(e, n) {
     if (e < 0)
       return { cumulative: 0, total: this.total, currentValue: 0, safeIndex: 0 };
-    const r = z(e, 0, this.size - 1), s = n?.materializeOption;
-    if (s?.materialize && this.valueFn) {
-      if (s.ranges)
-        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);
+    const t = C(e, 0, this.size - 1), r = n?.materializeOption;
+    if (r?.materialize && this.valueFn) {
+      if (r.ranges)
+        for (const d of r.ranges) {
+          const f = d.from, g = Math.min(d.to, this.size - 1);
+          for (let y = f; y <= g; y++)
+            this._materialize(y);
         }
-      this._materialize(r);
+      this._materialize(t);
     }
-    let a = 0, i = r + 1;
-    for (; i > 0; ) {
-      const p = this.tree.get(i) ?? 0;
-      a += p, i -= i & -i;
+    let o = 0, s = t + 1;
+    for (; s > 0; ) {
+      const d = this.tree.get(s) ?? 0;
+      o += d, s -= s & -s;
     }
-    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 };
+    const m = r?.materialize ? this.get(t) : (this.deltas.get(t) || 0) + this.baseValue;
+    return { cumulative: o + this.baseValue * (t + 1), total: this.total, currentValue: m, safeIndex: t };
   }
   /**
    * @method get
@@ -1162,15 +883,15 @@ class st {
   get(e, n) {
     if (e < 0 || e >= this.size)
       throw new Error("Index out of bounds");
-    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);
+    const t = n?.materializeOption;
+    if (t?.materialize && this.valueFn)
+      if (t.ranges) {
+        for (const r of t.ranges) {
+          const o = r.from, s = Math.min(r.to, this.size - 1);
+          for (let m = o; m <= s; m++)
+            this._materialize(m);
         }
-        e >= r.ranges[0].from && e <= r.ranges[r.ranges.length - 1].to && this._materialize(e);
+        e >= t.ranges[0].from && e <= t.ranges[t.ranges.length - 1].to && this._materialize(e);
       } else
         this._materialize(e);
     return (this.deltas.get(e) ?? 0) + this.baseValue;
@@ -1190,19 +911,19 @@ class st {
   getTotal(e) {
     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);
+      for (const t of n.ranges) {
+        const r = t.from, o = Math.min(t.to, this.size - 1);
+        for (let s = r; s <= o; s++)
+          this._materialize(s);
       }
     if (this.total === void 0)
       if (this.size === 0)
         this.total = 0;
       else {
-        let r = this.baseValue * this.size;
-        for (const s of this.deltas.values())
-          r += s;
-        this.total = r, console.assert(this.prefixSum(this.getSize() - 1).cumulative === this.prefixSum(this.getSize() - 1).total, "Inconsistent Fenwick Tree state");
+        let t = this.baseValue * this.size;
+        for (const r of this.deltas.values())
+          t += r;
+        this.total = t, console.assert(this.prefixSum(this.getSize() - 1).cumulative === this.prefixSum(this.getSize() - 1).total, "Inconsistent Fenwick Tree state");
       }
     return this.total;
   }
@@ -1215,20 +936,20 @@ class st {
    */
   rebuildTree(e) {
     if (e?.materialize && this.valueFn) {
-      const s = this.valueFn;
-      this.reset(this.size, (a) => s(a), { materialize: !0 });
+      const r = this.valueFn;
+      this.reset(this.size, (o) => r(o), { materialize: !0 });
       return;
     }
     const n = /* @__PURE__ */ new Map();
-    let r = this.baseValue * this.size;
-    for (const [s, a] of this.deltas.entries()) {
-      if (r += a, a === 0)
+    let t = this.baseValue * this.size;
+    for (const [r, o] of this.deltas.entries()) {
+      if (t += o, o === 0)
         continue;
-      let i = s + 1;
-      for (; i <= this.size; )
-        n.set(i, (n.get(i) ?? 0) + a), i += i & -i;
+      let s = r + 1;
+      for (; s <= this.size; )
+        n.set(s, (n.get(s) ?? 0) + o), s += s & -s;
     }
-    this.tree = n, this.total = r;
+    this.tree = n, this.total = t;
   }
   /**
    * @method calculateAccumulatedError
@@ -1254,8 +975,8 @@ class st {
     const n = this.size;
     if (e !== n) {
       if (e < n)
-        for (const r of this.deltas.keys())
-          r >= e && this.deltas.delete(r);
+        for (const t of this.deltas.keys())
+          t >= e && this.deltas.delete(t);
       this.size = e, this.rebuildTree(), console.assert(this.prefixSum(this.getSize() - 1).cumulative === this.prefixSum(this.getSize() - 1).total, "Inconsistent Fenwick Tree state");
     }
   }
@@ -1284,12 +1005,12 @@ class st {
   findIndexAtOrAfter(e, n) {
     if (this.size === 0)
       return { index: -1, total: this.total ?? 0, cumulative: void 0, currentValue: void 0, safeIndex: void 0 };
-    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;
+    let t = 0, r = this.size - 1, o = -1, s, m = this.total;
+    for (; t <= r; ) {
+      const d = Math.floor((t + r) / 2);
+      s = this.prefixSum(d, n), m = s.total, s.cumulative >= e ? (o = d, r = d - 1) : t = d + 1;
     }
-    return { index: a, total: f, cumulative: i?.cumulative, currentValue: i?.currentValue, safeIndex: i?.safeIndex };
+    return { index: o, total: m, cumulative: s?.cumulative, currentValue: s?.currentValue, safeIndex: s?.safeIndex };
   }
   /**
    * @method findIndexAtOrBefore
@@ -1307,163 +1028,163 @@ class st {
   findIndexAtOrBefore(e, n) {
     if (this.size === 0)
       return { index: -1, total: this.total ?? 0, cumulative: void 0, currentValue: void 0, safeIndex: void 0 };
-    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;
+    let t = 0, r = this.size - 1, o = -1, s, m = this.total;
+    for (; t <= r; ) {
+      const d = Math.floor((t + r) / 2);
+      s = this.prefixSum(d, n), m = s.total, s.cumulative <= e ? (o = d, t = d + 1) : r = d - 1;
     }
-    return { index: a, total: f, cumulative: i?.cumulative, currentValue: i?.currentValue, safeIndex: i?.safeIndex };
+    return { index: o, total: m, cumulative: s?.cumulative, currentValue: s?.currentValue, safeIndex: s?.safeIndex };
   }
 }
-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;
+const Ge = (c, e, n) => {
+  const t = Math.max(0, c), r = N(null), o = O(() => new We(t, e, n), [t, e, n]);
+  return Object.is(r.current, o) || console.warn("[useFenwickMapTree] instance changed"), r.current = o, o;
 };
-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;
+function Ze({ itemCount: c, getItem: e, getItemHeight: n, viewportSize: t, overscanCount: r = 5, className: o, onScroll: s, onRangeChange: m, children: d, background: f, initialScrollIndex: g, initialScrollOffset: y, tapScrollCircleOptions: w, inertiaOptions: ie }, ae) {
+  const Y = N(null), Q = N(!1);
+  re(() => (Q.current = !0, () => {
+    Q.current = !1;
   }), []);
-  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 = $(
+  const D = N({ size: c, valueOrFn: n, options: { sampleRange: { from: 0, to: 100 } } }), u = Ge(D.current.size, D.current.valueOrFn, D.current.options), [ee] = le(() => {
+    let h = 0, p = 0;
+    if (typeof g == "number") {
+      const I = C(g, 0, c - 1), v = C(I - r * 2, 0, c - 1), b = C(I + r * 2, 0, c - 1), _ = g > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: v, to: b }] } } : void 0, { cumulative: H, total: V, currentValue: X } = u.prefixSum(g, _);
+      h = H - X, p = V ?? u.getTotal();
+    } else typeof y == "number" && (h = y), p = u.getTotal();
+    return { position: h, total: p };
+  }), [E, P] = le(ee.position), [F, W] = le(ee.total), [q, se] = le(ee.position), [i, $] = le(c);
+  ve(() => {
+    u.setValueFn(n), i !== c && (u.changeSize(c), $(c));
+    const h = u.getTotal();
+    F !== h && W(h);
+  }, [u, i, c, F, n]), ve(() => {
+    q !== null && Y.current && (J.debug("[VirtualScroll] Scrolling to position:", q), Y.current.scrollTo(q), se(null));
+  }, [q]);
+  const k = z(
     (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);
+      if (Y.current) {
+        J.debug("[VirtualScroll] Scrolling to index:", h);
+        const p = C(h, 0, i - 1), I = C(p - r * 2, 0, i - 1), v = C(p + r * 2, 0, i - 1), { cumulative: b, total: _, currentValue: H } = u.prefixSum(p, { materializeOption: { materialize: !0, ranges: [{ from: I, to: v }] } });
+        J.debug("[VirtualScroll] Scrolling to index:", h, "Offset:", b, "Total height:", _, "Current value:", H, "safeIndex:", p, "safeIndexFrom:", I, "safeIndexTo:", v), _ && (W(_), se(b - H)), J.debug("[VirtualScroll] Setting scroll position to:", b - H);
       }
     },
-    [m, s, l]
-  ), L = $(
+    [u, r, i]
+  ), A = z(
     (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);
+      if (Y.current) {
+        const p = u.getTotal(), I = C(Math.floor(h), 0, p), v = u.findIndexAtOrAfter(I, { materializeOption: { materialize: !1 } }).index;
+        k(v);
       }
     },
-    [m, j]
-  ), b = $(
-    (h, v) => {
-      re.debug("[VirtualScroll] Scroll position changed:", h), k(h);
-      const I = m.getTotal();
-      i?.(h, I);
+    [u, k]
+  ), x = z(
+    (h, p) => {
+      J.debug("[VirtualScroll] Scroll position changed:", h), P(h);
+      const I = u.getTotal();
+      s?.(h, I);
     },
-    [m, i]
-  ), E = U(() => {
-    if (l === 0)
+    [u, s]
+  ), T = O(() => {
+    if (i === 0)
       return { renderingStartIndex: 0, renderingEndIndex: 0, visibleStartIndex: 0, visibleEndIndex: 0 };
-    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++;
+    const { index: h, cumulative: p, currentValue: I } = u.findIndexAtOrAfter(E, { materializeOption: { materialize: !1 } });
+    let v = 0;
+    h === -1 ? v = 0 : (p ?? 0) < E + (I ?? 0) ? v = 1 : v = 0;
+    const b = h === -1 ? 0 : h + v, _ = C(b - r, 0, i - 1);
+    let H = 0, V = h === -1 ? 0 : h + v;
+    for (; V < i && H < t; ) {
+      const R = n(V);
+      H += R, V++;
     }
-    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: 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,
+    V -= 1;
+    const X = C(V + r, 0, i - 1);
+    return J.debug("[VirtualScroll] Calculated rendering range:", {
+      renderingStartIndex: _,
+      renderingEndIndex: X,
+      visibleStartIndex: b,
+      visibleEndIndex: V,
+      scrollPosition: E,
+      renderingContentSize: u.getTotal(),
+      overscanCount: r,
+      viewportSize: t
+    }), { renderingStartIndex: _, renderingEndIndex: X, visibleStartIndex: b, visibleEndIndex: V };
+  }, [E, r, t, n, u, i]);
+  re(() => {
+    const h = Y.current?.getScrollPosition() ?? 0;
+    J.debug("[VirtualScroll] Range change effect triggered", {
+      renderingStartIndex: T.renderingStartIndex,
+      renderingEndIndex: T.renderingEndIndex,
+      visibleStartIndex: T.visibleStartIndex,
+      visibleEndIndex: T.visibleEndIndex,
+      scrollPosition: E,
+      contentSize: F,
       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 = $(
+    }), m?.(T.renderingStartIndex, T.renderingEndIndex, T.visibleStartIndex, T.visibleEndIndex, E, F);
+  }, [T.renderingStartIndex, T.renderingEndIndex, T.visibleStartIndex, T.visibleEndIndex, m, E, F]);
+  const M = z(
     (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 });
+      const { renderingStartIndex: p, renderingEndIndex: I } = T;
+      if (J.debug("[VirtualScroll] Rendering visible items", { currentScrollPosition: h, renderingStartIndex: p, renderingEndIndex: I, fenwickSize: i, viewportSize: t }), i === 0)
+        return /* @__PURE__ */ j("div", { className: "absolute w-full", style: { top: 0 }, children: /* @__PURE__ */ j("div", { className: "text-center text-gray-500", children: "No items" }) });
+      const v = C(p, 0, i - 1), { cumulative: b, currentValue: _ } = u.prefixSum(v, { materializeOption: { materialize: !1 } }), H = b - _, V = [], X = [];
+      for (let S = p; S <= I; S++) {
+        const K = n(S);
+        V.push({ item: e(S), height: K }), u.get(S) !== K && X.push({ index: S, value: K });
       }
-      V.length > 0 && Promise.resolve().then(() => {
-        const _ = m.updates(V);
-        _ && (B(_), re.debug("[VirtualScroll] Updated heights for items", V, "New total height:", _));
+      X.length > 0 && Promise.resolve().then(() => {
+        const S = u.updates(X);
+        S && (W(S), J.debug("[VirtualScroll] Updated heights for items", X, "New total height:", S));
       });
-      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(
+      const R = F < t ? 0 : H - h;
+      return J.debug("[VirtualScroll] Rendering items", { visibleItems: V, containerTop: R }), /* @__PURE__ */ j("div", { className: "absolute w-full", style: { top: R }, children: V.map(({ item: S, height: K }, oe) => {
+        const te = p + oe, a = C(te, 0, i - 1), { cumulative: G, currentValue: U } = u.prefixSum(a, { materializeOption: { materialize: !1 } }), ne = G - U;
+        return /* @__PURE__ */ j(
           "div",
           {
-            "data-index": J,
+            "data-index": te,
             style: {
               position: "absolute",
-              top: oe - y,
+              top: ne - H,
               width: "100%"
             },
-            children: p(_, J)
+            children: d(S, te)
           },
-          J
+          te
         );
       }) });
     },
-    [e, p, C, r, E, m, l, n]
+    [e, d, F, t, T, u, i, n]
   );
-  return Ae(
-    ie,
+  return Me(
+    ae,
     () => ({
-      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()
+      getScrollPosition: () => Y.current?.getScrollPosition() ?? -1,
+      getContentSize: () => Y.current?.getContentSize() ?? -1,
+      getViewportSize: () => Y.current?.getViewportSize() ?? -1,
+      scrollTo: (h) => A(h),
+      scrollToIndex: (h) => k(h),
+      getFenwickTreeTotalHeight: () => u.getTotal(),
+      getFenwickSize: () => u.getSize()
     }),
-    [j, m, L]
-  ), /* @__PURE__ */ q.jsx(
-    nt,
+    [k, u, A]
+  ), /* @__PURE__ */ j(
+    Be,
     {
-      ref: N,
-      contentSize: C,
-      viewportSize: r,
-      className: a,
-      onScroll: b,
-      background: g,
-      tapScrollCircleOptions: S,
-      inertiaOptions: ne,
+      ref: Y,
+      contentSize: F,
+      viewportSize: t,
+      className: o,
+      onScroll: x,
+      background: f,
+      tapScrollCircleOptions: w,
+      inertiaOptions: ie,
       itemCount: c,
       children: M
     }
   );
 }
-const ft = Re(at);
-class it {
+const st = Ve(Ze);
+class Je {
   key;
   value;
   prev = null;
@@ -1472,7 +1193,7 @@ class it {
     this.key = e, this.value = n;
   }
 }
-class Ce {
+class Fe {
   head = null;
   tail = null;
   /**
@@ -1513,54 +1234,54 @@ class Ce {
     this.remove(e), this.addToTail(e);
   }
 }
-function lt(c) {
-  const e = H(/* @__PURE__ */ new Map()), n = H(new Ce());
-  ae(() => {
+function Qe(c) {
+  const e = N(/* @__PURE__ */ new Map()), n = N(new Fe());
+  re(() => {
     for (; e.current.size > c; ) {
-      const g = n.current.removeHead();
-      if (g)
-        e.current.delete(g.key);
+      const f = n.current.removeHead();
+      if (f)
+        e.current.delete(f.key);
       else
         break;
     }
   }, [c]);
-  const r = $((g) => {
-    const x = e.current.get(g);
-    if (x)
-      return n.current.moveToTail(x), x.value;
-  }, []), s = $(
-    (g, x) => {
+  const t = z((f) => {
+    const g = e.current.get(f);
+    if (g)
+      return n.current.moveToTail(g), g.value;
+  }, []), r = z(
+    (f, g) => {
       if (c <= 0)
         return;
-      let P = e.current.get(g);
-      if (P)
-        P.value = x, n.current.moveToTail(P);
+      let y = e.current.get(f);
+      if (y)
+        y.value = g, n.current.moveToTail(y);
       else {
         if (e.current.size >= c) {
-          const S = n.current.removeHead();
-          S && e.current.delete(S.key);
+          const w = n.current.removeHead();
+          w && e.current.delete(w.key);
         }
-        P = new it(g, x), e.current.set(g, P), n.current.addToTail(P);
+        y = new Je(f, g), e.current.set(f, y), n.current.addToTail(y);
       }
     },
     [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;
+  ), o = z((f) => e.current.has(f), []), s = z(() => {
+    e.current.clear(), n.current = new Fe();
+  }, []), [m, d] = le(() => ({ get: t, set: r, has: o, clear: s }));
+  return re(() => d({ get: t, set: r, has: o, clear: s }), [t, r, o, s]), m;
 }
-const ct = 1e4, mt = () => {
-  const { get: c, set: e, has: n, clear: r } = lt(ct);
-  return { get: c, set: e, has: n, clear: r };
+const et = 1e4, it = () => {
+  const { get: c, set: e, has: n, clear: t } = Qe(et);
+  return { get: c, set: e, has: n, clear: t };
 };
 export {
-  st as FenwickMapTree,
-  rt as ScrollBar,
-  nt as ScrollPane,
-  ft as VirtualScroll,
-  z as minmax,
-  ot as useFenwickMapTree,
-  mt as useHeightCache,
-  lt as useLruCache
+  We as FenwickMapTree,
+  Ke as ScrollBar,
+  Be as ScrollPane,
+  st as VirtualScroll,
+  C as minmax,
+  Ge as useFenwickMapTree,
+  it as useHeightCache,
+  Qe as useLruCache
 };
 //# sourceMappingURL=index.js.map