@aiquants/virtualscroll 0.2.1 → 0.2.2

package/dist/index.js

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