@aiquants/virtualscroll 0.2.0 → 0.2.2

package/dist/index.js

@@ -1,6 +1,6 @@
-import me, { useState as W, useRef as Y, useEffect as X, forwardRef as de, useReducer as ge, useMemo as ne, useCallback as L, useLayoutEffect as oe, useImperativeHandle as he, useId as be } from "react";
+import ge, { useState as X, useRef as Y, useEffect as B, forwardRef as de, useReducer as be, useMemo as ne, useCallback as L, useLayoutEffect as oe, useImperativeHandle as he, useId as ve } from "react";
 import { twMerge as ae } from "tailwind-merge";
-var re = { exports: {} }, K = {};
+var re = { exports: {} }, ee = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -11,11 +11,11 @@ var re = { exports: {} }, K = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ie;
-function ve() {
-  if (ie) return K;
+function xe() {
+  if (ie) return ee;
   ie = 1;
-  var u = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
-  function n(r, s, a) {
+  var l = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
+  function r(t, s, a) {
     var o = null;
     if (a !== void 0 && (o = "" + a), s.key !== void 0 && (o = "" + s.key), "key" in s) {
       a = {};
@@ -23,16 +23,16 @@ function ve() {
         d !== "key" && (a[d] = s[d]);
     } else a = s;
     return s = a.ref, {
-      $$typeof: u,
-      type: r,
+      $$typeof: l,
+      type: t,
       key: o,
       ref: s !== void 0 ? s : null,
       props: a
     };
   }
-  return K.Fragment = e, K.jsx = n, K.jsxs = n, K;
+  return ee.Fragment = e, ee.jsx = r, ee.jsxs = r, ee;
 }
-var ee = {};
+var te = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -45,293 +45,293 @@ var ee = {};
 var le;
 function pe() {
   return le || (le = 1, process.env.NODE_ENV !== "production" && (function() {
-    function u(t) {
-      if (t == null) return null;
-      if (typeof t == "function")
-        return t.$$typeof === H ? null : t.displayName || t.name || null;
-      if (typeof t == "string") return t;
-      switch (t) {
-        case F:
+    function l(n) {
+      if (n == null) return null;
+      if (typeof n == "function")
+        return n.$$typeof === H ? null : n.displayName || n.name || null;
+      if (typeof n == "string") return n;
+      switch (n) {
+        case j:
           return "Fragment";
-        case k:
+        case I:
           return "Profiler";
         case b:
           return "StrictMode";
-        case y:
+        case V:
           return "Suspense";
-        case N:
+        case C:
           return "SuspenseList";
         case J:
           return "Activity";
       }
-      if (typeof t == "object")
-        switch (typeof t.tag == "number" && console.error(
+      if (typeof n == "object")
+        switch (typeof n.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), t.$$typeof) {
-          case I:
+        ), n.$$typeof) {
+          case S:
             return "Portal";
           case f:
-            return (t.displayName || "Context") + ".Provider";
-          case S:
-            return (t._context.displayName || "Context") + ".Consumer";
-          case w:
-            var i = t.render;
-            return t = t.displayName, t || (t = i.displayName || i.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+            return (n.displayName || "Context") + ".Provider";
+          case k:
+            return (n._context.displayName || "Context") + ".Consumer";
+          case P:
+            var u = n.render;
+            return n = n.displayName, n || (n = u.displayName || u.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
           case $:
-            return i = t.displayName || null, i !== null ? i : u(t.type) || "Memo";
-          case _:
-            i = t._payload, t = t._init;
+            return u = n.displayName || null, u !== null ? u : l(n.type) || "Memo";
+          case w:
+            u = n._payload, n = n._init;
             try {
-              return u(t(i));
+              return l(n(u));
             } catch {
             }
         }
       return null;
     }
-    function e(t) {
-      return "" + t;
+    function e(n) {
+      return "" + n;
     }
-    function n(t) {
+    function r(n) {
       try {
-        e(t);
-        var i = !1;
+        e(n);
+        var u = !1;
       } catch {
-        i = !0;
+        u = !0;
       }
-      if (i) {
-        i = console;
-        var m = i.error, p = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return m.call(
-          i,
+      if (u) {
+        u = console;
+        var h = u.error, x = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return h.call(
+          u,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          p
-        ), e(t);
+          x
+        ), e(n);
       }
     }
-    function r(t) {
-      if (t === F) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === _)
+    function t(n) {
+      if (n === j) return "<>";
+      if (typeof n == "object" && n !== null && n.$$typeof === w)
         return "<...>";
       try {
-        var i = u(t);
-        return i ? "<" + i + ">" : "<...>";
+        var u = l(n);
+        return u ? "<" + u + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function s() {
-      var t = U.A;
-      return t === null ? null : t.getOwner();
+      var n = U.A;
+      return n === null ? null : n.getOwner();
     }
     function a() {
       return Error("react-stack-top-frame");
     }
-    function o(t) {
-      if (Z.call(t, "key")) {
-        var i = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (i && i.isReactWarning) return !1;
+    function o(n) {
+      if (Z.call(n, "key")) {
+        var u = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (u && u.isReactWarning) return !1;
       }
-      return t.key !== void 0;
+      return n.key !== void 0;
     }
-    function d(t, i) {
-      function m() {
-        G || (G = !0, console.error(
+    function d(n, u) {
+      function h() {
+        g || (g = !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
+          u
         ));
       }
-      m.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: m,
+      h.isReactWarning = !0, Object.defineProperty(n, "key", {
+        get: h,
         configurable: !0
       });
     }
-    function l() {
-      var t = u(this.type);
-      return B[t] || (B[t] = !0, console.error(
+    function i() {
+      var n = l(this.type);
+      return E[n] || (E[n] = !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;
+      )), n = this.props.ref, n !== void 0 ? n : null;
     }
-    function c(t, i, m, p, P, T, C, D) {
-      return m = T.ref, t = {
-        $$typeof: E,
-        type: t,
-        key: i,
+    function c(n, u, h, x, z, T, q, G) {
+      return h = T.ref, n = {
+        $$typeof: p,
+        type: n,
+        key: u,
         props: T,
-        _owner: P
-      }, (m !== void 0 ? m : null) !== null ? Object.defineProperty(t, "ref", {
+        _owner: z
+      }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(n, "ref", {
         enumerable: !1,
-        get: l
-      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
+        get: i
+      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(t, "_debugInfo", {
+      }), Object.defineProperty(n, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(t, "_debugStack", {
+      }), Object.defineProperty(n, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: C
-      }), Object.defineProperty(t, "_debugTask", {
+        value: q
+      }), Object.defineProperty(n, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: D
-      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+        value: G
+      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
     }
-    function g(t, i, m, p, P, T, C, D) {
-      var V = i.children;
-      if (V !== void 0)
-        if (p)
-          if (j(V)) {
-            for (p = 0; p < V.length; p++)
-              x(V[p]);
-            Object.freeze && Object.freeze(V);
+    function m(n, u, h, x, z, T, q, G) {
+      var R = u.children;
+      if (R !== void 0)
+        if (x)
+          if (F(R)) {
+            for (x = 0; x < R.length; x++)
+              v(R[x]);
+            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 x(V);
-      if (Z.call(i, "key")) {
-        V = u(t);
-        var q = Object.keys(i).filter(function(se) {
+        else v(R);
+      if (Z.call(u, "key")) {
+        R = l(n);
+        var W = Object.keys(u).filter(function(se) {
           return se !== "key";
         });
-        p = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", v[V + p] || (q = 0 < q.length ? "{" + q.join(": ..., ") + ": ...}" : "{}", console.error(
+        x = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", M[R + x] || (W = 0 < W.length ? "{" + W.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} />`,
-          p,
-          V,
-          q,
-          V
-        ), v[V + p] = !0);
+          x,
+          R,
+          W,
+          R
+        ), M[R + x] = !0);
       }
-      if (V = null, m !== void 0 && (n(m), V = "" + m), o(i) && (n(i.key), V = "" + i.key), "key" in i) {
-        m = {};
-        for (var Q in i)
-          Q !== "key" && (m[Q] = i[Q]);
-      } else m = i;
-      return V && d(
-        m,
-        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      if (R = null, h !== void 0 && (r(h), R = "" + h), o(u) && (r(u.key), R = "" + u.key), "key" in u) {
+        h = {};
+        for (var K in u)
+          K !== "key" && (h[K] = u[K]);
+      } else h = u;
+      return R && d(
+        h,
+        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
       ), c(
-        t,
-        V,
+        n,
+        R,
         T,
-        P,
+        z,
         s(),
-        m,
-        C,
-        D
+        h,
+        q,
+        G
       );
     }
-    function x(t) {
-      typeof t == "object" && t !== null && t.$$typeof === E && t._store && (t._store.validated = 1);
+    function v(n) {
+      typeof n == "object" && n !== null && n.$$typeof === p && n._store && (n._store.validated = 1);
     }
-    var R = me, E = Symbol.for("react.transitional.element"), I = Symbol.for("react.portal"), F = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), f = Symbol.for("react.context"), w = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), N = Symbol.for("react.suspense_list"), $ = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), J = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), U = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, j = Array.isArray, M = console.createTask ? console.createTask : function() {
+    var _ = ge, p = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), j = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), I = Symbol.for("react.profiler"), k = Symbol.for("react.consumer"), f = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), V = Symbol.for("react.suspense"), C = Symbol.for("react.suspense_list"), $ = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), J = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), U = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, F = Array.isArray, Q = console.createTask ? console.createTask : function() {
       return null;
     };
-    R = {
-      react_stack_bottom_frame: function(t) {
-        return t();
+    _ = {
+      react_stack_bottom_frame: function(n) {
+        return n();
       }
     };
-    var G, B = {}, te = R.react_stack_bottom_frame.bind(
-      R,
+    var g, E = {}, y = _.react_stack_bottom_frame.bind(
+      _,
       a
-    )(), h = M(r(a)), v = {};
-    ee.Fragment = F, ee.jsx = function(t, i, m, p, P) {
+    )(), O = Q(t(a)), M = {};
+    te.Fragment = j, te.jsx = function(n, u, h, x, z) {
       var T = 1e4 > U.recentlyCreatedOwnerStacks++;
-      return g(
-        t,
-        i,
-        m,
+      return m(
+        n,
+        u,
+        h,
         !1,
-        p,
-        P,
-        T ? Error("react-stack-top-frame") : te,
-        T ? M(r(t)) : h
+        x,
+        z,
+        T ? Error("react-stack-top-frame") : y,
+        T ? Q(t(n)) : O
       );
-    }, ee.jsxs = function(t, i, m, p, P) {
+    }, te.jsxs = function(n, u, h, x, z) {
       var T = 1e4 > U.recentlyCreatedOwnerStacks++;
-      return g(
-        t,
-        i,
-        m,
+      return m(
+        n,
+        u,
+        h,
         !0,
-        p,
-        P,
-        T ? Error("react-stack-top-frame") : te,
-        T ? M(r(t)) : h
+        x,
+        z,
+        T ? Error("react-stack-top-frame") : y,
+        T ? Q(t(n)) : O
       );
     };
-  })()), ee;
+  })()), te;
 }
 var ue;
-function xe() {
-  return ue || (ue = 1, process.env.NODE_ENV === "production" ? re.exports = ve() : re.exports = pe()), re.exports;
+function Te() {
+  return ue || (ue = 1, process.env.NODE_ENV === "production" ? re.exports = xe() : re.exports = pe()), re.exports;
 }
-var z = xe();
-const A = {
-  debug(u, ...e) {
-    typeof window < "u" && window.localStorage?.getItem("debug") === "true" && console.debug(`[VirtualScroll] ${u}`, ...e);
+var D = Te();
+const N = {
+  debug(l, ...e) {
+    typeof window < "u" && window.localStorage?.getItem("debug") === "true" && console.debug(`[VirtualScroll] ${l}`, ...e);
   },
-  warn(u, ...e) {
-    console.warn(`[VirtualScroll] ${u}`, ...e);
+  warn(l, ...e) {
+    console.warn(`[VirtualScroll] ${l}`, ...e);
   },
-  error(u, ...e) {
-    console.error(`[VirtualScroll] ${u}`, ...e);
+  error(l, ...e) {
+    console.error(`[VirtualScroll] ${l}`, ...e);
   }
-}, O = (u, e, n) => Math.min(n, Math.max(e, u)), ce = (u, e, n) => {
-  const r = "touches" in u.nativeEvent, s = r ? u.nativeEvent.touches[0] : u.nativeEvent, a = (d) => {
-    r && d.cancelable && d.preventDefault();
-    const l = "touches" in d ? d.touches[0] : d;
+}, A = (l, e, r) => Math.min(r, Math.max(e, l)), ce = (l, e, r) => {
+  const t = "touches" in l.nativeEvent, s = t ? l.nativeEvent.touches[0] : l.nativeEvent, a = (d) => {
+    t && d.cancelable && d.preventDefault();
+    const i = "touches" in d ? d.touches[0] : d;
     e({
-      deltaX: l.clientX - s.clientX,
-      deltaY: l.clientY - s.clientY
+      deltaX: i.clientX - s.clientX,
+      deltaY: i.clientY - s.clientY
     });
   }, o = () => {
-    r ? (document.removeEventListener("touchmove", a), document.removeEventListener("touchend", o)) : (document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", o)), n?.();
+    t ? (document.removeEventListener("touchmove", a), document.removeEventListener("touchend", o)) : (document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", o)), r?.();
   };
-  r ? (document.addEventListener("touchmove", a, { passive: !1 }), document.addEventListener("touchend", o)) : (document.addEventListener("mousemove", a), document.addEventListener("mouseup", o));
-}, Te = 20, Ee = ({ contentSize: u, viewportSize: e, scrollPosition: n, onScroll: r, horizontal: s = !1, scrollBarWidth: a = 12, className: o, ariaControls: d }) => {
-  const [l, c] = W(!1), g = Y(null), x = e / u, R = Math.max(Te, x * e), E = u - e, I = n / E * (e - R), F = u > e;
-  X(() => {
-    g.current && (l ? g.current.style.backgroundColor = "#4F4F4F" : g.current.style.backgroundColor = "#7F7F7F");
-  }, [l]);
-  const b = (f) => O(f / (e - R) * E, 0, E), k = (f) => {
-    if (!F || "button" in f && f.button !== 0 || f.ctrlKey)
+  t ? (document.addEventListener("touchmove", a, { passive: !1 }), document.addEventListener("touchend", o)) : (document.addEventListener("mousemove", a), document.addEventListener("mouseup", o));
+}, Ee = 20, _e = ({ contentSize: l, viewportSize: e, scrollPosition: r, onScroll: t, horizontal: s = !1, scrollBarWidth: a = 12, className: o, ariaControls: d }) => {
+  const [i, c] = X(!1), m = Y(null), v = e / l, _ = Math.max(Ee, v * e), p = l - e, S = r / p * (e - _), j = l > e;
+  B(() => {
+    m.current && (i ? m.current.style.backgroundColor = "#4F4F4F" : m.current.style.backgroundColor = "#7F7F7F");
+  }, [i]);
+  const b = (f) => A(f / (e - _) * p, 0, p), I = (f) => {
+    if (!j || "button" in f && f.button !== 0 || f.ctrlKey)
       return;
     f.stopPropagation();
-    const w = I;
+    const P = S;
     c(!0), ce(
       f,
-      ({ deltaX: y, deltaY: N }) => {
-        r?.(b(w + (s ? y : N)), I);
+      ({ deltaX: V, deltaY: C }) => {
+        t?.(b(P + (s ? V : C)), S);
       },
       () => {
         c(!1);
       }
     );
-  }, S = (f) => {
-    if (!F || "button" in f && f.button !== 0 || f.ctrlKey)
+  }, k = (f) => {
+    if (!j || "button" in f && f.button !== 0 || f.ctrlKey)
       return;
-    const y = "touches" in f.nativeEvent ? f.nativeEvent.touches[0] : f.nativeEvent, N = s ? y.clientX : y.clientY, $ = f.currentTarget.getBoundingClientRect(), J = (s ? N - $.left : N - $.top) - R / 2;
-    r?.(b(J), I), ce(f, ({ deltaX: H, deltaY: U }) => {
-      r?.(b(J + (s ? H : U)), I);
+    const V = "touches" in f.nativeEvent ? f.nativeEvent.touches[0] : f.nativeEvent, C = s ? V.clientX : V.clientY, $ = f.currentTarget.getBoundingClientRect(), J = (s ? C - $.left : C - $.top) - _ / 2;
+    t?.(b(J), S), ce(f, ({ deltaX: H, deltaY: U }) => {
+      t?.(b(J + (s ? H : U)), S);
     });
   };
   return (
     // スクロールバーのコンテナ
-    /* @__PURE__ */ z.jsx(
+    /* @__PURE__ */ D.jsx(
       "div",
       {
         className: ae("group relative cursor-default select-none", o),
@@ -341,41 +341,41 @@ const A = {
           backgroundColor: "white",
           userSelect: "none"
         },
-        onMouseDown: S,
-        onTouchStart: S,
+        onMouseDown: k,
+        onTouchStart: k,
         role: "scrollbar",
         tabIndex: -1,
         "aria-controls": d,
-        "aria-valuenow": n,
+        "aria-valuenow": r,
         "aria-valuemin": 0,
-        "aria-valuemax": E,
+        "aria-valuemax": p,
         "aria-orientation": s ? "horizontal" : "vertical",
-        children: u > e && // スクロールバーのつまみの当たり判定を広げるためのラッパー
-        /* @__PURE__ */ z.jsx(
+        children: l > e && // スクロールバーのつまみの当たり判定を広げるためのラッパー
+        /* @__PURE__ */ D.jsx(
           "div",
           {
             className: "group absolute",
             style: {
-              [s ? "width" : "height"]: R,
-              [s ? "left" : "top"]: I,
+              [s ? "width" : "height"]: _,
+              [s ? "left" : "top"]: S,
               // 当たり判定を上下または左右に広げる
               ...s ? { top: 0, bottom: 0 } : { left: 0, right: 0 }
             },
-            onMouseDown: k,
-            onTouchStart: k,
+            onMouseDown: I,
+            onTouchStart: I,
             role: "slider",
             "aria-orientation": s ? "horizontal" : "vertical",
-            "aria-valuenow": n,
+            "aria-valuenow": r,
             "aria-valuemin": 0,
-            "aria-valuemax": E,
+            "aria-valuemax": p,
             tabIndex: 0,
-            children: /* @__PURE__ */ z.jsx(
+            children: /* @__PURE__ */ D.jsx(
               "div",
               {
-                ref: g,
+                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]"}`
+                  s ? `inset-x-0 inset-y-[1.5px] group-hover:inset-y-[-0.5px] ${i ? "inset-y-[-2px]" : "group-active:inset-y-[-2px]"}` : `inset-x-[1.5px] inset-y-0 group-hover:inset-x-[-0.5px] ${i ? "inset-x-[-2px]" : "group-active:inset-x-[-2px]"}`
                 ),
                 style: {
                   backgroundColor: "#7F7F7F",
@@ -384,20 +384,20 @@ const A = {
                   ...s ? {
                     left: 0,
                     right: 0,
-                    top: l ? -2 : 1.5,
-                    bottom: l ? -2 : 1.5
+                    top: i ? -2 : 1.5,
+                    bottom: i ? -2 : 1.5
                   } : {
                     top: 0,
                     bottom: 0,
-                    left: l ? -2 : 1.5,
-                    right: l ? -2 : 1.5
+                    left: i ? -2 : 1.5,
+                    right: i ? -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 ? (f.currentTarget.style.top = "-0.5px", f.currentTarget.style.bottom = "-0.5px") : (f.currentTarget.style.left = "-0.5px", f.currentTarget.style.right = "-0.5px"), i || (f.currentTarget.style.backgroundColor = "#5F5F5F");
                 },
                 onMouseLeave: (f) => {
-                  s ? (f.currentTarget.style.top = 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");
+                  s ? (f.currentTarget.style.top = i ? "-2px" : "1.5px", f.currentTarget.style.bottom = i ? "-2px" : "1.5px") : (f.currentTarget.style.left = i ? "-2px" : "1.5px", f.currentTarget.style.right = i ? "-2px" : "1.5px"), i || (f.currentTarget.style.backgroundColor = "#7F7F7F");
                 }
               }
             )
@@ -406,57 +406,57 @@ const A = {
       }
     )
   );
-}, _e = de(({ children: u, contentSize: e, viewportSize: n, scrollBarWidth: r = 12, onScroll: s, className: a, style: o, background: d }, l) => {
-  const c = Y(0), [g, x] = ge((k) => k + 1, 0), R = Y(null);
-  A.debug("[ScrollPane] ScrollPane rendered", { contentSize: e, viewportSize: n, scrollBarWidth: r, className: a, style: o });
-  const E = ne(() => e > n, [e, n]), I = L(
-    (k) => {
-      const S = e > n, f = c.current;
-      if (A.debug("[ScrollPane] scrollTo called", { newPosition: k, contentSize: e, viewportSize: n, currentIsScrollable: S, prevPosition: f }), !S) {
+}, Ie = de(({ children: l, contentSize: e, viewportSize: r, scrollBarWidth: t = 12, onScroll: s, className: a, style: o, background: d }, i) => {
+  const c = Y(0), [m, v] = be((I) => I + 1, 0), _ = Y(null);
+  N.debug("[ScrollPane] ScrollPane rendered", { contentSize: e, viewportSize: r, scrollBarWidth: t, className: a, style: o });
+  const p = ne(() => e > r, [e, r]), S = L(
+    (I) => {
+      const k = e > r, f = c.current;
+      if (N.debug("[ScrollPane] scrollTo called", { newPosition: I, contentSize: e, viewportSize: r, currentIsScrollable: k, prevPosition: f }), !k) {
         c.current !== 0 && (c.current = 0, s?.(0, f));
         return;
       }
-      const w = typeof k == "function" ? k(c.current) : k, y = O(w, 0, e - n);
-      c.current !== y && (c.current = y, s?.(y, f));
+      const P = typeof I == "function" ? I(c.current) : I, V = A(P, 0, e - r);
+      c.current !== V && (c.current = V, s?.(V, f));
     },
-    [s, e, n]
+    [s, e, r]
   );
   oe(() => {
-    if (E) {
-      A.debug("[ScrollPane] Adjusting scroll position due to content or viewport size change", { contentSize: e, viewportSize: n, scrollPosition: c.current });
-      const k = O(e - n, 0, e);
-      c.current > k && I(k);
+    if (p) {
+      N.debug("[ScrollPane] Adjusting scroll position due to content or viewport size change", { contentSize: e, viewportSize: r, scrollPosition: c.current });
+      const I = A(e - r, 0, e);
+      c.current > I && S(I);
     } else
-      I(0);
-  }, [E, I, e, n]), X(() => {
-    const k = (f) => {
-      if (!E)
+      S(0);
+  }, [p, S, e, r]), B(() => {
+    const I = (f) => {
+      if (!p)
         return;
       f.preventDefault();
-      let w = f.deltaY;
-      f.deltaMode === 1 ? w *= 16 : f.deltaMode === 2 && (w *= n), A.debug("[ScrollPane] wheel event", { deltaY: w, scrollPosition: c.current }), I((y) => y + w);
-    }, S = R.current;
-    return S && S.addEventListener("wheel", k, { passive: !1 }), () => {
-      S && S.removeEventListener("wheel", k);
+      let P = f.deltaY;
+      f.deltaMode === 1 ? P *= 16 : f.deltaMode === 2 && (P *= r), N.debug("[ScrollPane] wheel event", { deltaY: P, scrollPosition: c.current }), S((V) => V + P);
+    }, k = _.current;
+    return k && k.addEventListener("wheel", I, { passive: !1 }), () => {
+      k && k.removeEventListener("wheel", I);
     };
-  }, [E, I, n]), he(
-    l,
+  }, [p, S, r]), he(
+    i,
     () => ({
-      scrollTo: I,
+      scrollTo: S,
       getScrollPosition: () => c.current,
       getContentSize: () => e,
-      getViewportSize: () => n
+      getViewportSize: () => r
     }),
-    [I, e, n]
+    [S, e, r]
   );
-  const F = be();
-  return ne(() => /* @__PURE__ */ z.jsxs("div", { ref: R, className: ae("flex", a), style: o, children: [
-    /* @__PURE__ */ z.jsxs("div", { className: "relative h-full flex-1 overflow-hidden", style: { height: n }, id: F, children: [
+  const j = ve();
+  return ne(() => /* @__PURE__ */ D.jsxs("div", { ref: _, className: ae("flex", a), style: o, children: [
+    /* @__PURE__ */ D.jsxs("div", { className: "relative h-full flex-1 overflow-hidden", style: { height: r }, id: j, children: [
       d,
-      u(c.current)
+      l(c.current)
     ] }),
-    E && /* @__PURE__ */ z.jsx(Ee, { contentSize: e, viewportSize: n, scrollPosition: c.current, onScroll: I, scrollBarWidth: r, ariaControls: F })
-  ] }), [u, e, n, r, a, o, E, I, F, d]);
+    p && /* @__PURE__ */ D.jsx(_e, { contentSize: e, viewportSize: r, scrollPosition: c.current, onScroll: S, scrollBarWidth: t, ariaControls: j })
+  ] }), [l, e, r, t, a, o, p, S, j, d]);
 });
 class Re {
   /**
@@ -498,8 +498,8 @@ class Re {
    * @param {number | ((index: number) => number)} valueOrFn - The value for all elements, or a function to generate values.
    * @param {{ sampleRange?: { from: number; to: number }, materialize?: boolean }} [options] - Optional settings for initialization.
    */
-  constructor(e, n, r) {
-    this.reset(e, n, r);
+  constructor(e, r, t) {
+    this.reset(e, r, t);
   }
   /**
    * @method reset
@@ -509,26 +509,26 @@ class Re {
    * @param {number | ((index: number) => number)} valueOrFn - The value for all elements, or a function to generate values.
    * @param {{ sampleRange?: { from: number; to: number }, materialize?: boolean }} [options] - Optional settings for initialization.
    */
-  reset(e, n, r) {
-    if (this.size = e, this.tree = /* @__PURE__ */ new Map(), this.deltas = /* @__PURE__ */ new Map(), this.total = void 0, typeof n == "function") {
-      if (this.valueFn = n, this.size > 0) {
-        const a = r?.sampleRange ?? {
+  reset(e, r, t) {
+    if (this.size = e, this.tree = /* @__PURE__ */ new Map(), this.deltas = /* @__PURE__ */ new Map(), this.total = void 0, typeof r == "function") {
+      if (this.valueFn = r, this.size > 0) {
+        const a = t?.sampleRange ?? {
           from: 0,
           to: Math.min(99, this.size - 1)
         }, { mode: o, materializedValues: d } = this._calculateMode(a.from, a.to);
-        if (this.baseValue = o, r?.materialize)
-          for (let l = 0; l < d.length; l++) {
-            const c = d[l], g = a.from + l;
-            if (g >= this.size)
+        if (this.baseValue = o, t?.materialize)
+          for (let i = 0; i < d.length; i++) {
+            const c = d[i], m = a.from + i;
+            if (m >= this.size)
               break;
-            const x = c - this.baseValue;
-            this.deltas.set(g, x), this._updateTree(g, x);
+            const v = c - this.baseValue;
+            this.deltas.set(m, v), this._updateTree(m, v);
           }
       } else
         this.baseValue = 0;
       this.total = this.getTotal();
     } else
-      this.valueFn = void 0, this.baseValue = n, this.total = this.baseValue * this.size;
+      this.valueFn = void 0, this.baseValue = r, this.total = this.baseValue * this.size;
   }
   /**
    * @method setValueFn
@@ -548,31 +548,31 @@ class Re {
    * @param {number} to - The ending index of the range (inclusive).
    * @returns {{ mode: number; materializedValues: number[] }} An object containing the calculated mode and the array of generated values.
    */
-  _calculateMode(e, n) {
+  _calculateMode(e, r) {
     if (!this.valueFn)
       return { mode: 0, materializedValues: [] };
-    const r = [];
-    for (let c = e; c <= n && !(c >= this.size); c++)
-      r.push(this.valueFn(c));
-    const s = [...r];
-    if (r.length === 0)
+    const t = [];
+    for (let c = e; c <= r && !(c >= this.size); c++)
+      t.push(this.valueFn(c));
+    const s = [...t];
+    if (t.length === 0)
       return { mode: 0, materializedValues: [] };
-    r.sort((c, g) => c - g);
-    const a = Math.floor(r.length / 2);
+    t.sort((c, m) => c - m);
+    const a = Math.floor(t.length / 2);
     let o;
-    r.length % 2 === 0 ? o = Math.floor((r[a - 1] + r[a]) / 2) : o = r[a];
+    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 r) {
-      const g = (d.get(c) ?? 0) + 1;
-      d.set(c, g), g > l && (l = g);
+    let i = 0;
+    for (const c of t) {
+      const m = (d.get(c) ?? 0) + 1;
+      d.set(c, m), m > i && (i = m);
     }
-    if (l > 1) {
+    if (i > 1) {
       const c = [];
-      for (const [x, R] of d.entries())
-        R === l && c.push(x);
-      const g = c.reduce((x, R) => x + R, 0);
-      o = Math.floor(g / c.length);
+      for (const [v, _] of d.entries())
+        _ === i && c.push(v);
+      const m = c.reduce((v, _) => v + _, 0);
+      o = Math.floor(m / c.length);
     }
     return { mode: o, materializedValues: s };
   }
@@ -583,8 +583,8 @@ class Re {
    * @param {number} index - The 0-based index to update.
    * @param {number} value - The new value.
    */
-  update(e, n) {
-    return this.updates([{ index: e, value: n }]);
+  update(e, r) {
+    return this.updates([{ index: e, value: r }]);
   }
   /**
    * @method updates
@@ -593,15 +593,15 @@ class Re {
    * @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`);
+    const r = e.map(({ index: t, value: s }) => {
+      if (t < 0 || t >= this.size)
+        throw new Error(`Index ${t} out of bounds`);
       if (s < 0)
         throw new Error("Value cannot be negative.");
-      const a = this.deltas.has(r) ? (this.deltas.get(r) ?? 0) + this.baseValue : this.baseValue, o = s - a;
-      return { index: r, change: o };
-    }).filter((r) => r.change !== 0);
-    return n.length > 0 ? this.updateDeltas(n) : this.total;
+      const a = this.deltas.has(t) ? (this.deltas.get(t) ?? 0) + this.baseValue : this.baseValue, o = s - a;
+      return { index: t, change: o };
+    }).filter((t) => t.change !== 0);
+    return r.length > 0 ? this.updateDeltas(r) : this.total;
   }
   /**
    * @method updateDelta
@@ -610,8 +610,8 @@ class Re {
    * @param {number} index - The 0-based index to update.
    * @param {number} change - The value to add to the delta at the given index.
    */
-  updateDelta(e, n) {
-    return this.updateDeltas([{ index: e, change: n }]);
+  updateDelta(e, r) {
+    return this.updateDeltas([{ index: e, change: r }]);
   }
   /**
    * @method updateDeltas
@@ -620,11 +620,11 @@ class Re {
    * @param {{ index: number; change: number }[]} updates - An array of updates, each with an index and the change to apply.
    */
   updateDeltas(e) {
-    for (const { index: n, change: r } of e) {
-      if (n < 0 || n >= this.size)
-        throw new Error(`Index ${n} out of bounds`);
-      const s = this.deltas.get(n) ?? 0;
-      this.deltas.set(n, s + r), this._updateTree(n, r);
+    for (const { index: r, change: t } of e) {
+      if (r < 0 || r >= this.size)
+        throw new Error(`Index ${r} out of bounds`);
+      const s = this.deltas.get(r) ?? 0;
+      this.deltas.set(r, s + t), this._updateTree(r, t);
     }
     return this.total;
   }
@@ -636,13 +636,13 @@ class Re {
    * @param {number} index - The 0-based index that changed.
    * @param {number} change - The change in value.
    */
-  _updateTree(e, n) {
-    if (n === 0)
+  _updateTree(e, r) {
+    if (r === 0)
       return;
-    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);
+    let t = e + 1;
+    for (; t <= this.size; )
+      this.tree.set(t, (this.tree.get(t) ?? 0) + r), t += t & -t;
+    this.total !== void 0 && (this.total += r);
   }
   /**
    * @private
@@ -652,11 +652,11 @@ class Re {
    * @param {number} index - The 0-based index to materialize.
    * @param {boolean} [updateTree=true] - Whether to update the Fenwick tree after materialization.
    */
-  _materialize(e, n = !0) {
+  _materialize(e, r = !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 o = a - r;
+      const t = this.deltas.get(e) ?? 0, a = this.valueFn(e) - this.baseValue;
+      if (a !== t && (this.deltas.set(e, a), r)) {
+        const o = a - t;
         this._updateTree(e, o);
       }
     }
@@ -674,26 +674,26 @@ class Re {
    * @param {number} options.materializeOption.ranges.to - The ending index of the range.
    * @returns {{ cumulative: number; total: number | undefined; currentValue: number; safeIndex: number }} The cumulative sum of values from index 0 to the given index, the total sum, and the value at the given index.
    */
-  prefixSum(e, n) {
+  prefixSum(e, r) {
     if (e < 0)
       return { cumulative: 0, total: this.total, currentValue: 0, safeIndex: 0 };
-    const r = O(e, 0, this.size - 1), s = n?.materializeOption;
+    const t = A(e, 0, this.size - 1), s = r?.materializeOption;
     if (s?.materialize && this.valueFn) {
       if (s.ranges)
-        for (const l of s.ranges) {
-          const c = l.from, g = Math.min(l.to, this.size - 1);
-          for (let x = c; x <= g; x++)
-            this._materialize(x);
+        for (const i of s.ranges) {
+          const c = i.from, m = Math.min(i.to, this.size - 1);
+          for (let v = c; v <= m; v++)
+            this._materialize(v);
         }
-      this._materialize(r);
+      this._materialize(t);
     }
-    let a = 0, o = r + 1;
+    let a = 0, o = t + 1;
     for (; o > 0; ) {
-      const l = this.tree.get(o) ?? 0;
-      a += l, o -= o & -o;
+      const i = this.tree.get(o) ?? 0;
+      a += i, o -= o & -o;
     }
-    const d = s?.materialize ? this.get(r) : (this.deltas.get(r) || 0) + this.baseValue;
-    return { cumulative: a + this.baseValue * (r + 1), total: this.total, currentValue: d, safeIndex: r };
+    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 };
   }
   /**
    * @method get
@@ -708,18 +708,18 @@ class Re {
    * @param {number} options.materializeOption.ranges.to - The ending index of the range.
    * @returns {number} The value at the given index.
    */
-  get(e, n) {
+  get(e, r) {
     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 t = r?.materializeOption;
+    if (t?.materialize && this.valueFn)
+      if (t.ranges) {
+        for (const s of t.ranges) {
           const a = s.from, o = Math.min(s.to, this.size - 1);
           for (let d = a; d <= o; d++)
             this._materialize(d);
         }
-        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;
@@ -737,10 +737,10 @@ class Re {
    * @returns {number} The total sum of all values.
    */
   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);
+    const r = e?.materializeOption;
+    if (r?.materialize && this.valueFn && r.ranges)
+      for (const t of r.ranges) {
+        const s = t.from, a = Math.min(t.to, this.size - 1);
         for (let o = s; o <= a; o++)
           this._materialize(o);
       }
@@ -748,10 +748,10 @@ class Re {
       if (this.size === 0)
         this.total = 0;
       else {
-        let r = this.baseValue * this.size;
+        let t = 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");
+          t += s;
+        this.total = t, console.assert(this.prefixSum(this.getSize() - 1).cumulative === this.prefixSum(this.getSize() - 1).total, "Inconsistent Fenwick Tree state");
       }
     return this.total;
   }
@@ -768,16 +768,16 @@ class Re {
       this.reset(this.size, (a) => s(a), { materialize: !0 });
       return;
     }
-    const n = /* @__PURE__ */ new Map();
-    let r = this.baseValue * this.size;
+    const r = /* @__PURE__ */ new Map();
+    let t = this.baseValue * this.size;
     for (const [s, a] of this.deltas.entries()) {
-      if (r += a, a === 0)
+      if (t += a, a === 0)
         continue;
       let o = s + 1;
       for (; o <= this.size; )
-        n.set(o, (n.get(o) ?? 0) + a), o += o & -o;
+        r.set(o, (r.get(o) ?? 0) + a), o += o & -o;
     }
-    this.tree = n, this.total = r;
+    this.tree = r, this.total = t;
   }
   /**
    * @method calculateAccumulatedError
@@ -789,8 +789,8 @@ class Re {
     if (this.total === void 0)
       return 0;
     let e = this.baseValue * this.size;
-    for (const n of this.deltas.values())
-      e += n;
+    for (const r of this.deltas.values())
+      e += r;
     return this.total - e;
   }
   /**
@@ -800,11 +800,11 @@ class Re {
    * @param {number} newSize - The new size of the tree.
    */
   changeSize(e) {
-    const n = this.size;
-    if (e !== n) {
-      if (e < n)
-        for (const r of this.deltas.keys())
-          r >= e && this.deltas.delete(r);
+    const r = this.size;
+    if (e !== r) {
+      if (e < 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");
     }
   }
@@ -830,13 +830,13 @@ class Re {
    * @param {number} options.materializeOption.ranges.to - The ending index of the range.
    * @returns {{ index: number, total: number | undefined, cumulative: number | undefined, currentValue: number | undefined, safeIndex: number | undefined }} The 0-based index and the total sum, or -1 if not found.
    */
-  findIndexAtOrAfter(e, n) {
+  findIndexAtOrAfter(e, r) {
     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, o, d = this.total;
-    for (; r <= s; ) {
-      const l = Math.floor((r + s) / 2);
-      o = this.prefixSum(l, n), d = o.total, o.cumulative >= e ? (a = l, s = l - 1) : r = l + 1;
+    let t = 0, s = this.size - 1, a = -1, o, d = this.total;
+    for (; t <= s; ) {
+      const i = Math.floor((t + s) / 2);
+      o = this.prefixSum(i, r), d = o.total, o.cumulative >= e ? (a = i, s = i - 1) : t = i + 1;
     }
     return { index: a, total: d, cumulative: o?.cumulative, currentValue: o?.currentValue, safeIndex: o?.safeIndex };
   }
@@ -853,162 +853,158 @@ class Re {
    * @param {number} options.materializeOption.ranges.to - The ending index of the range.
    * @returns {{ index: number, total: number | undefined, cumulative: number | undefined, currentValue: number | undefined, safeIndex: number | undefined }} The 0-based index and the total sum, or -1 if not found.
    */
-  findIndexAtOrBefore(e, n) {
+  findIndexAtOrBefore(e, r) {
     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, o, d = this.total;
-    for (; r <= s; ) {
-      const l = Math.floor((r + s) / 2);
-      o = this.prefixSum(l, n), d = o.total, o.cumulative <= e ? (a = l, r = l + 1) : s = l - 1;
+    let t = 0, s = this.size - 1, a = -1, o, d = this.total;
+    for (; t <= s; ) {
+      const i = Math.floor((t + s) / 2);
+      o = this.prefixSum(i, r), d = o.total, o.cumulative <= e ? (a = i, t = i + 1) : s = i - 1;
     }
     return { index: a, total: d, cumulative: o?.cumulative, currentValue: o?.currentValue, safeIndex: o?.safeIndex };
   }
 }
-const Ie = (u, e, n) => {
-  const r = Math.max(0, u), s = Y(null), a = ne(() => new Re(r, e, n), [r, e, n]);
+const Se = (l, e, r) => {
+  const t = Math.max(0, l), s = Y(null), a = ne(() => new Re(t, e, r), [t, e, r]);
   return Object.is(s.current, a) || console.warn("[useFenwickMapTree] instance changed"), s.current = a, a;
 };
-function ke({ itemCount: u, getItem: e, getItemHeight: n, viewportSize: r, overscanCount: s = 5, className: a, onScroll: o, onRangeChange: d, children: l, background: c, initialScrollIndex: g, initialScrollOffset: x }, R) {
-  const E = Y(null), I = Y(!1);
-  X(() => (I.current = !0, () => {
-    I.current = !1;
+function ke({ itemCount: l, getItem: e, getItemHeight: r, viewportSize: t, overscanCount: s = 5, className: a, onScroll: o, onRangeChange: d, children: i, background: c, initialScrollIndex: m, initialScrollOffset: v }, _) {
+  const p = Y(null), S = Y(!1);
+  B(() => (S.current = !0, () => {
+    S.current = !1;
   }), []);
-  const F = Y({ size: u, valueOrFn: n, options: { sampleRange: { from: 0, to: 100 } } }), b = Ie(F.current.size, F.current.valueOrFn, F.current.options), [k] = W(() => {
-    let h = 0, v = 0;
-    if (typeof g == "number") {
-      const t = O(g, 0, u - 1), i = O(t - s * 2, 0, u - 1), m = O(t + s * 2, 0, u - 1), p = g > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: i, to: m }] } } : void 0, { cumulative: P, total: T, currentValue: C } = b.prefixSum(g, p);
-      h = P - C, v = T ?? b.getTotal();
-    } else typeof x == "number" && (h = x), v = b.getTotal();
-    return { position: h, total: v };
-  }), [S, f] = W(k.position), [w, y] = W(k.total), [N, $] = W(k.position), [_, J] = W(u);
+  const j = Y({ size: l, valueOrFn: r, options: { sampleRange: { from: 0, to: 100 } } }), b = Se(j.current.size, j.current.valueOrFn, j.current.options), [I] = X(() => {
+    let g = 0, E = 0;
+    if (typeof m == "number") {
+      const y = A(m, 0, l - 1), O = A(y - s * 2, 0, l - 1), M = A(y + s * 2, 0, l - 1), n = m > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: O, to: M }] } } : void 0, { cumulative: u, total: h, currentValue: x } = b.prefixSum(m, n);
+      g = u - x, E = h ?? b.getTotal();
+    } else typeof v == "number" && (g = v), E = b.getTotal();
+    return { position: g, total: E };
+  }), [k, f] = X(I.position), [P, V] = X(I.total), [C, $] = X(I.position), [w, J] = X(l);
   oe(() => {
-    b.setValueFn(n), _ !== u && (b.changeSize(u), J(u));
-    const h = b.getTotal();
-    w !== h && y(h);
-  }, [b, _, u, w, n]), oe(() => {
-    N !== null && E.current && (A.debug("[VirtualScroll] Scrolling to position:", N), E.current.scrollTo(N), $(null));
-  }, [N]);
+    b.setValueFn(r), w !== l && (b.changeSize(l), J(l));
+    const g = b.getTotal();
+    P !== g && V(g);
+  }, [b, w, l, P, r]), oe(() => {
+    C !== null && p.current && (N.debug("[VirtualScroll] Scrolling to position:", C), p.current.scrollTo(C), $(null));
+  }, [C]);
   const H = L(
-    (h) => {
-      if (E.current) {
-        A.debug("[VirtualScroll] Scrolling to index:", h);
-        const v = O(h, 0, _ - 1), t = O(v - s * 2, 0, _ - 1), i = O(v + s * 2, 0, _ - 1), { cumulative: m, total: p, currentValue: P } = b.prefixSum(v, { materializeOption: { materialize: !0, ranges: [{ from: t, to: i }] } });
-        A.debug("[VirtualScroll] Scrolling to index:", h, "Offset:", m, "Total height:", p, "Current value:", P, "safeIndex:", v, "safeIndexFrom:", t, "safeIndexTo:", i), p && (y(p), $(m - P)), A.debug("[VirtualScroll] Setting scroll position to:", m - P);
+    (g) => {
+      if (p.current) {
+        N.debug("[VirtualScroll] Scrolling to index:", g);
+        const E = A(g, 0, w - 1), y = A(E - s * 2, 0, w - 1), O = A(E + s * 2, 0, w - 1), { cumulative: M, total: n, currentValue: u } = b.prefixSum(E, { materializeOption: { materialize: !0, ranges: [{ from: y, to: O }] } });
+        N.debug("[VirtualScroll] Scrolling to index:", g, "Offset:", M, "Total height:", n, "Current value:", u, "safeIndex:", E, "safeIndexFrom:", y, "safeIndexTo:", O), n && (V(n), $(M - u)), N.debug("[VirtualScroll] Setting scroll position to:", M - u);
       }
     },
-    [b, s, _]
+    [b, s, w]
   ), U = L(
-    (h) => {
-      if (E.current) {
-        const v = b.getTotal(), t = O(Math.floor(h), 0, v), i = b.findIndexAtOrAfter(t, { materializeOption: { materialize: !1 } }).index;
-        H(i);
+    (g) => {
+      if (p.current) {
+        const E = b.getTotal(), y = A(Math.floor(g), 0, E), O = b.findIndexAtOrAfter(y, { materializeOption: { materialize: !1 } }).index;
+        H(O);
       }
     },
     [b, H]
   ), Z = L(
-    (h, v) => {
-      A.debug("[VirtualScroll] Scroll position changed:", h), f(h);
-      const t = b.getTotal();
-      o?.(h, t);
+    (g, E) => {
+      N.debug("[VirtualScroll] Scroll position changed:", g), f(g);
+      const y = b.getTotal();
+      o?.(g, y);
     },
     [b, o]
-  ), { renderingStartIndex: j, renderingEndIndex: M, visibleStartIndex: G, visibleEndIndex: B } = ne(() => {
-    if (_ === 0)
+  ), F = ne(() => {
+    if (w === 0)
       return { renderingStartIndex: 0, renderingEndIndex: 0, visibleStartIndex: 0, visibleEndIndex: 0 };
-    const { index: h, cumulative: v, currentValue: t } = b.findIndexAtOrAfter(S, { materializeOption: { materialize: !1 } });
-    let i = 0;
-    h === -1 ? i = 0 : (v ?? 0) < S + (t ?? 0) ? i = 1 : i = 0;
-    const m = h === -1 ? 0 : h + i, p = O(m - s, 0, _ - 1);
-    let P = 0, T = h === -1 ? 0 : h + i;
-    for (; T < _ && P < r; ) {
-      const D = n(T);
-      P += D, T++;
+    const { index: g, cumulative: E, currentValue: y } = b.findIndexAtOrAfter(k, { materializeOption: { materialize: !1 } });
+    let O = 0;
+    g === -1 ? O = 0 : (E ?? 0) < k + (y ?? 0) ? O = 1 : O = 0;
+    const M = g === -1 ? 0 : g + O, n = A(M - s, 0, w - 1);
+    let u = 0, h = g === -1 ? 0 : g + O;
+    for (; h < w && u < t; ) {
+      const z = r(h);
+      u += z, h++;
     }
-    T -= 1;
-    const C = O(T + s, 0, _ - 1);
-    return A.debug("[VirtualScroll] Calculated rendering range:", {
-      renderingStartIndex: p,
-      renderingEndIndex: C,
-      visibleStartIndex: m,
-      visibleEndIndex: T,
-      scrollPosition: S,
+    h -= 1;
+    const x = A(h + s, 0, w - 1);
+    return N.debug("[VirtualScroll] Calculated rendering range:", {
+      renderingStartIndex: n,
+      renderingEndIndex: x,
+      visibleStartIndex: M,
+      visibleEndIndex: h,
+      scrollPosition: k,
       renderingContentSize: b.getTotal(),
       overscanCount: s,
-      viewportSize: r
-    }), { renderingStartIndex: p, renderingEndIndex: C, visibleStartIndex: m, visibleEndIndex: T };
-  }, [S, s, r, n, b, _]);
-  X(() => {
-    const h = E.current?.getScrollPosition() ?? 0;
-    A.debug("[VirtualScroll] Range change effect triggered", {
-      renderingStartIndex: j,
-      renderingEndIndex: M,
-      visibleStartIndex: G,
-      visibleEndIndex: B,
-      scrollPosition: S,
-      contentSize: w,
-      scrollPaneScrollPosition: h
-    }), d?.(j, M, G, B, S, w);
-  }, [j, M, G, B, d, S, w]), X(() => {
-    if (_ === 0) return;
-    const h = [];
-    for (let v = j; v <= M; v++) {
-      const t = n(v);
-      b.get(v) !== t && h.push({ index: v, value: t });
-    }
-    if (h.length > 0) {
-      const v = b.updates(h);
-      v && y((t) => v !== t && I.current ? (A.debug("[VirtualScroll] Updated heights for items", h, "New total height:", v), v) : t);
-    }
-  }, [j, M, n, b, _]);
-  const te = L(
-    (h) => {
-      if (A.debug("[VirtualScroll] Rendering visible items", { currentScrollPosition: h, renderingStartIndex: j, renderingEndIndex: M, fenwickSize: _, viewportSize: r }), _ === 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 = O(j, 0, _ - 1), { cumulative: t, currentValue: i } = b.prefixSum(v, { materializeOption: { materialize: !1 } }), m = t - i, p = [];
-      for (let T = j; T <= M; T++)
-        p.push(e(T));
-      const P = w < r ? 0 : m - h;
-      return A.debug("[VirtualScroll] Rendering items", { visibleItems: p, containerTop: P }), /* @__PURE__ */ z.jsx("div", { className: "absolute w-full", style: { top: P }, children: p.map((T, C) => {
-        const D = j + C, V = O(D, 0, _ - 1), { cumulative: q, currentValue: Q } = b.prefixSum(V, { materializeOption: { materialize: !1 } }), se = q - Q;
-        return /* @__PURE__ */ z.jsx(
+      viewportSize: t
+    }), { renderingStartIndex: n, renderingEndIndex: x, visibleStartIndex: M, visibleEndIndex: h };
+  }, [k, s, t, r, b, w]);
+  B(() => {
+    const g = p.current?.getScrollPosition() ?? 0;
+    N.debug("[VirtualScroll] Range change effect triggered", {
+      renderingStartIndex: F.renderingStartIndex,
+      renderingEndIndex: F.renderingEndIndex,
+      visibleStartIndex: F.visibleStartIndex,
+      visibleEndIndex: F.visibleEndIndex,
+      scrollPosition: k,
+      contentSize: P,
+      scrollPaneScrollPosition: g
+    }), d?.(F.renderingStartIndex, F.renderingEndIndex, F.visibleStartIndex, F.visibleEndIndex, k, P);
+  }, [F.renderingStartIndex, F.renderingEndIndex, F.visibleStartIndex, F.visibleEndIndex, d, k, P]);
+  const Q = L(
+    (g) => {
+      const { renderingStartIndex: E, renderingEndIndex: y } = F;
+      if (N.debug("[VirtualScroll] Rendering visible items", { currentScrollPosition: g, renderingStartIndex: E, renderingEndIndex: y, fenwickSize: w, viewportSize: t }), w === 0)
+        return /* @__PURE__ */ D.jsx("div", { className: "absolute w-full", style: { top: 0 }, children: /* @__PURE__ */ D.jsx("div", { className: "text-center text-gray-500", children: "No items" }) });
+      const O = A(E, 0, w - 1), { cumulative: M, currentValue: n } = b.prefixSum(O, { materializeOption: { materialize: !1 } }), u = M - n, h = [], x = [];
+      for (let T = E; T <= y; T++) {
+        const q = r(T);
+        h.push({ item: e(T), height: q }), b.get(T) !== q && x.push({ index: T, value: q });
+      }
+      x.length > 0 && Promise.resolve().then(() => {
+        const T = b.updates(x);
+        T && (V(T), N.debug("[VirtualScroll] Updated heights for items", x, "New total height:", T));
+      });
+      const z = P < t ? 0 : u - g;
+      return N.debug("[VirtualScroll] Rendering items", { visibleItems: h, containerTop: z }), /* @__PURE__ */ D.jsx("div", { className: "absolute w-full", style: { top: z }, children: h.map(({ item: T, height: q }, G) => {
+        const R = E + G, W = A(R, 0, w - 1), { cumulative: K, currentValue: se } = b.prefixSum(W, { materializeOption: { materialize: !1 } }), me = K - se;
+        return /* @__PURE__ */ D.jsx(
           "div",
           {
-            "data-index": D,
+            "data-index": R,
             style: {
               position: "absolute",
-              top: se - m,
+              top: me - u,
               width: "100%"
             },
-            children: l(T, D)
+            children: i(T, R)
           },
-          D
+          R
         );
       }) });
     },
-    [e, l, w, r, j, M, b, _]
+    [e, i, P, t, F, b, w, r]
   );
   return he(
-    R,
+    _,
     () => ({
-      getScrollPosition: () => E.current?.getScrollPosition() ?? -1,
-      getContentSize: () => E.current?.getContentSize() ?? -1,
-      getViewportSize: () => E.current?.getViewportSize() ?? -1,
-      scrollTo: (h) => U(h),
-      scrollToIndex: (h) => H(h),
+      getScrollPosition: () => p.current?.getScrollPosition() ?? -1,
+      getContentSize: () => p.current?.getContentSize() ?? -1,
+      getViewportSize: () => p.current?.getViewportSize() ?? -1,
+      scrollTo: (g) => U(g),
+      scrollToIndex: (g) => H(g),
       getFenwickTreeTotalHeight: () => b.getTotal(),
       getFenwickSize: () => b.getSize()
     }),
     [H, b, U]
-  ), /* @__PURE__ */ z.jsx(_e, { ref: E, contentSize: w, viewportSize: r, className: a, onScroll: Z, background: c, children: te });
+  ), /* @__PURE__ */ D.jsx(Ie, { ref: p, contentSize: P, viewportSize: t, className: a, onScroll: Z, background: c, children: Q });
 }
-const Oe = de(ke);
-class Se {
+const Fe = de(ke);
+class Pe {
   key;
   value;
   prev = null;
   next = null;
-  constructor(e, n) {
-    this.key = e, this.value = n;
+  constructor(e, r) {
+    this.key = e, this.value = r;
   }
 }
 class fe {
@@ -1052,54 +1048,54 @@ class fe {
     this.remove(e), this.addToTail(e);
   }
 }
-function we(u) {
-  const e = Y(/* @__PURE__ */ new Map()), n = Y(new fe());
-  X(() => {
-    for (; e.current.size > u; ) {
-      const c = n.current.removeHead();
+function we(l) {
+  const e = Y(/* @__PURE__ */ new Map()), r = Y(new fe());
+  B(() => {
+    for (; e.current.size > l; ) {
+      const c = r.current.removeHead();
       if (c)
         e.current.delete(c.key);
       else
         break;
     }
-  }, [u]);
-  const r = L((c) => {
-    const g = e.current.get(c);
-    if (g)
-      return n.current.moveToTail(g), g.value;
+  }, [l]);
+  const t = L((c) => {
+    const m = e.current.get(c);
+    if (m)
+      return r.current.moveToTail(m), m.value;
   }, []), s = L(
-    (c, g) => {
-      if (u <= 0)
+    (c, m) => {
+      if (l <= 0)
         return;
-      let x = e.current.get(c);
-      if (x)
-        x.value = g, n.current.moveToTail(x);
+      let v = e.current.get(c);
+      if (v)
+        v.value = m, r.current.moveToTail(v);
       else {
-        if (e.current.size >= u) {
-          const R = n.current.removeHead();
-          R && e.current.delete(R.key);
+        if (e.current.size >= l) {
+          const _ = r.current.removeHead();
+          _ && e.current.delete(_.key);
         }
-        x = new Se(c, g), e.current.set(c, x), n.current.addToTail(x);
+        v = new Pe(c, m), e.current.set(c, v), r.current.addToTail(v);
       }
     },
-    [u]
+    [l]
   ), a = L((c) => e.current.has(c), []), o = L(() => {
-    e.current.clear(), n.current = new fe();
-  }, []), [d, l] = W(() => ({ get: r, set: s, has: a, clear: o }));
-  return X(() => l({ get: r, set: s, has: a, clear: o }), [r, s, a, o]), d;
+    e.current.clear(), r.current = new fe();
+  }, []), [d, i] = X(() => ({ get: t, set: s, has: a, clear: o }));
+  return B(() => i({ get: t, set: s, has: a, clear: o }), [t, s, a, o]), d;
 }
-const Pe = 1e4, Fe = () => {
-  const { get: u, set: e, has: n, clear: r } = we(Pe);
-  return { get: u, set: e, has: n, clear: r };
+const Ve = 1e4, Ae = () => {
+  const { get: l, set: e, has: r, clear: t } = we(Ve);
+  return { get: l, set: e, has: r, clear: t };
 };
 export {
   Re as FenwickMapTree,
-  Ee as ScrollBar,
-  _e as ScrollPane,
-  Oe as VirtualScroll,
-  O as minmax,
-  Ie as useFenwickMapTree,
-  Fe as useHeightCache,
+  _e as ScrollBar,
+  Ie as ScrollPane,
+  Fe as VirtualScroll,
+  A as minmax,
+  Se as useFenwickMapTree,
+  Ae as useHeightCache,
   we as useLruCache
 };
 //# sourceMappingURL=index.js.map