@aiquants/virtualscroll 0.2.0 → 0.2.1

package/dist/index.js

@@ -1,4 +1,4 @@
-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 be, { useState as W, useRef as $, useEffect as B, forwardRef as de, useReducer as ve, useMemo as ne, useCallback as Y, useLayoutEffect as oe, useImperativeHandle as he, useId as pe } from "react";
 import { twMerge as ae } from "tailwind-merge";
 var re = { exports: {} }, K = {};
 /**
@@ -11,11 +11,11 @@ var re = { exports: {} }, K = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ie;
-function ve() {
+function xe() {
   if (ie) return K;
   ie = 1;
   var u = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
-  function n(r, s, a) {
+  function n(t, s, a) {
     var o = null;
     if (a !== void 0 && (o = "" + a), s.key !== void 0 && (o = "" + s.key), "key" in s) {
       a = {};
@@ -24,7 +24,7 @@ function ve() {
     } else a = s;
     return s = a.ref, {
       $$typeof: u,
-      type: r,
+      type: t,
       key: o,
       ref: s !== void 0 ? s : null,
       props: a
@@ -43,244 +43,244 @@ var ee = {};
  * LICENSE file in the root directory of this source tree.
  */
 var le;
-function pe() {
+function Te() {
   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 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:
           return "Fragment";
-        case k:
+        case R:
           return "Profiler";
         case b:
           return "StrictMode";
-        case y:
+        case O:
           return "Suspense";
-        case N:
+        case M:
           return "SuspenseList";
-        case J:
+        case X:
           return "Activity";
       }
-      if (typeof t == "object")
-        switch (typeof t.tag == "number" && console.error(
+      if (typeof r == "object")
+        switch (typeof r.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:
+        ), r.$$typeof) {
+          case S:
             return "Portal";
           case f:
-            return (t.displayName || "Context") + ".Provider";
-          case S:
-            return (t._context.displayName || "Context") + ".Consumer";
+            return (r.displayName || "Context") + ".Provider";
+          case k:
+            return (r._context.displayName || "Context") + ".Consumer";
+          case P:
+            var i = r.render;
+            return r = r.displayName, r || (r = i.displayName || i.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
+          case H:
+            return i = r.displayName || null, i !== null ? i : u(r.type) || "Memo";
           case w:
-            var i = t.render;
-            return t = t.displayName, t || (t = i.displayName || i.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case $:
-            return i = t.displayName || null, i !== null ? i : u(t.type) || "Memo";
-          case _:
-            i = t._payload, t = t._init;
+            i = r._payload, r = r._init;
             try {
-              return u(t(i));
+              return u(r(i));
             } catch {
             }
         }
       return null;
     }
-    function e(t) {
-      return "" + t;
+    function e(r) {
+      return "" + r;
     }
-    function n(t) {
+    function n(r) {
       try {
-        e(t);
+        e(r);
         var i = !1;
       } catch {
         i = !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(
+        var h = i.error, v = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return h.call(
           i,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          p
-        ), e(t);
+          v
+        ), e(r);
       }
     }
-    function r(t) {
-      if (t === F) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === _)
+    function t(r) {
+      if (r === A) return "<>";
+      if (typeof r == "object" && r !== null && r.$$typeof === w)
         return "<...>";
       try {
-        var i = u(t);
+        var i = u(r);
         return i ? "<" + i + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function s() {
-      var t = U.A;
-      return t === null ? null : t.getOwner();
+      var r = q.A;
+      return r === null ? null : r.getOwner();
     }
     function a() {
       return Error("react-stack-top-frame");
     }
-    function o(t) {
-      if (Z.call(t, "key")) {
-        var i = Object.getOwnPropertyDescriptor(t, "key").get;
+    function o(r) {
+      if (Z.call(r, "key")) {
+        var i = Object.getOwnPropertyDescriptor(r, "key").get;
         if (i && i.isReactWarning) return !1;
       }
-      return t.key !== void 0;
+      return r.key !== void 0;
     }
-    function d(t, i) {
-      function m() {
-        G || (G = !0, console.error(
+    function d(r, i) {
+      function h() {
+        J || (J = !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
         ));
       }
-      m.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: m,
+      h.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: h,
         configurable: !0
       });
     }
     function l() {
-      var t = u(this.type);
-      return B[t] || (B[t] = !0, console.error(
+      var r = u(this.type);
+      return G[r] || (G[r] = !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;
+      )), r = this.props.ref, r !== void 0 ? r : null;
     }
-    function c(t, i, m, p, P, T, C, D) {
-      return m = T.ref, t = {
-        $$typeof: E,
-        type: t,
+    function c(r, i, h, v, E, T, I, L) {
+      return h = T.ref, r = {
+        $$typeof: x,
+        type: r,
         key: i,
         props: T,
-        _owner: P
-      }, (m !== void 0 ? m : null) !== null ? Object.defineProperty(t, "ref", {
+        _owner: E
+      }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
         get: l
-      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
+      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(t, "_debugInfo", {
+      }), Object.defineProperty(r, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(t, "_debugStack", {
+      }), Object.defineProperty(r, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: C
-      }), Object.defineProperty(t, "_debugTask", {
+        value: I
+      }), Object.defineProperty(r, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: D
-      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+        value: L
+      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    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(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);
           } 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);
+        else p(y);
       if (Z.call(i, "key")) {
-        V = u(t);
-        var q = Object.keys(i).filter(function(se) {
+        y = u(r);
+        var N = Object.keys(i).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(
+        v = 0 < N.length ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}", V[y + v] || (N = 0 < N.length ? "{" + N.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);
+          v,
+          y,
+          N,
+          y
+        ), V[y + v] = !0);
       }
-      if (V = null, m !== void 0 && (n(m), V = "" + m), o(i) && (n(i.key), V = "" + i.key), "key" in i) {
-        m = {};
+      if (y = null, h !== void 0 && (n(h), y = "" + h), o(i) && (n(i.key), y = "" + i.key), "key" in i) {
+        h = {};
         for (var Q in i)
-          Q !== "key" && (m[Q] = i[Q]);
-      } else m = i;
-      return V && d(
-        m,
-        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+          Q !== "key" && (h[Q] = i[Q]);
+      } else h = i;
+      return y && d(
+        h,
+        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
       ), c(
-        t,
-        V,
+        r,
+        y,
         T,
-        P,
+        E,
         s(),
-        m,
-        C,
-        D
+        h,
+        I,
+        L
       );
     }
-    function x(t) {
-      typeof t == "object" && t !== null && t.$$typeof === E && t._store && (t._store.validated = 1);
+    function p(r) {
+      typeof r == "object" && r !== null && r.$$typeof === x && r._store && (r._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 _ = 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() {
       return null;
     };
-    R = {
-      react_stack_bottom_frame: function(t) {
-        return t();
+    _ = {
+      react_stack_bottom_frame: function(r) {
+        return r();
       }
     };
-    var G, B = {}, te = R.react_stack_bottom_frame.bind(
-      R,
+    var J, G = {}, te = _.react_stack_bottom_frame.bind(
+      _,
       a
-    )(), h = M(r(a)), v = {};
-    ee.Fragment = F, ee.jsx = function(t, i, m, p, P) {
-      var T = 1e4 > U.recentlyCreatedOwnerStacks++;
-      return g(
-        t,
+    )(), g = D(t(a)), V = {};
+    ee.Fragment = A, ee.jsx = function(r, i, h, v, E) {
+      var T = 1e4 > q.recentlyCreatedOwnerStacks++;
+      return m(
+        r,
         i,
-        m,
+        h,
         !1,
-        p,
-        P,
+        v,
+        E,
         T ? Error("react-stack-top-frame") : te,
-        T ? M(r(t)) : h
+        T ? D(t(r)) : g
       );
-    }, ee.jsxs = function(t, i, m, p, P) {
-      var T = 1e4 > U.recentlyCreatedOwnerStacks++;
-      return g(
-        t,
+    }, ee.jsxs = function(r, i, h, v, E) {
+      var T = 1e4 > q.recentlyCreatedOwnerStacks++;
+      return m(
+        r,
         i,
-        m,
+        h,
         !0,
-        p,
-        P,
+        v,
+        E,
         T ? Error("react-stack-top-frame") : te,
-        T ? M(r(t)) : h
+        T ? D(t(r)) : g
       );
     };
   })()), ee;
 }
 var ue;
-function xe() {
-  return ue || (ue = 1, process.env.NODE_ENV === "production" ? re.exports = ve() : re.exports = pe()), re.exports;
+function Ee() {
+  return ue || (ue = 1, process.env.NODE_ENV === "production" ? re.exports = xe() : re.exports = Te()), re.exports;
 }
-var z = xe();
-const A = {
+var z = Ee();
+const j = {
   debug(u, ...e) {
     typeof window < "u" && window.localStorage?.getItem("debug") === "true" && console.debug(`[VirtualScroll] ${u}`, ...e);
   },
@@ -290,43 +290,43 @@ const A = {
   error(u, ...e) {
     console.error(`[VirtualScroll] ${u}`, ...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();
+}, F = (u, e, n) => Math.min(n, Math.max(e, u)), ce = (u, e, n) => {
+  const t = "touches" in u.nativeEvent, s = t ? u.nativeEvent.touches[0] : u.nativeEvent, a = (d) => {
+    t && d.cancelable && d.preventDefault();
     const l = "touches" in d ? d.touches[0] : d;
     e({
       deltaX: l.clientX - s.clientX,
       deltaY: l.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)), n?.();
   };
-  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");
+  t ? (document.addEventListener("touchmove", a, { passive: !1 }), document.addEventListener("touchend", o)) : (document.addEventListener("mousemove", a), document.addEventListener("mouseup", o));
+}, _e = 20, Re = ({ contentSize: u, viewportSize: e, scrollPosition: n, onScroll: t, horizontal: s = !1, scrollBarWidth: a = 12, className: o, ariaControls: d }) => {
+  const [l, c] = W(!1), m = $(null), p = e / u, _ = Math.max(_e, p * e), x = u - e, S = n / x * (e - _), A = u > e;
+  B(() => {
+    m.current && (l ? m.current.style.backgroundColor = "#4F4F4F" : m.current.style.backgroundColor = "#7F7F7F");
   }, [l]);
-  const b = (f) => O(f / (e - R) * E, 0, E), k = (f) => {
-    if (!F || "button" in f && f.button !== 0 || f.ctrlKey)
+  const b = (f) => F(f / (e - _) * x, 0, x), R = (f) => {
+    if (!A || "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: O, deltaY: M }) => {
+        t?.(b(P + (s ? O : M)), S);
       },
       () => {
         c(!1);
       }
     );
-  }, S = (f) => {
-    if (!F || "button" in f && f.button !== 0 || f.ctrlKey)
+  }, k = (f) => {
+    if (!A || "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 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);
     });
   };
   return (
@@ -341,14 +341,14 @@ 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-valuemin": 0,
-        "aria-valuemax": E,
+        "aria-valuemax": x,
         "aria-orientation": s ? "horizontal" : "vertical",
         children: u > e && // スクロールバーのつまみの当たり判定を広げるためのラッパー
         /* @__PURE__ */ z.jsx(
@@ -356,23 +356,23 @@ const A = {
           {
             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: R,
+            onTouchStart: R,
             role: "slider",
             "aria-orientation": s ? "horizontal" : "vertical",
             "aria-valuenow": n,
             "aria-valuemin": 0,
-            "aria-valuemax": E,
+            "aria-valuemax": x,
             tabIndex: 0,
             children: /* @__PURE__ */ z.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]"}`
@@ -406,59 +406,59 @@ 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: u, contentSize: e, viewportSize: n, scrollBarWidth: t = 12, onScroll: s, className: a, style: o, background: d }, l) => {
+  const c = $(0), [m, p] = ve((R) => R + 1, 0), _ = $(null);
+  j.debug("[ScrollPane] ScrollPane rendered", { contentSize: e, viewportSize: n, scrollBarWidth: t, className: a, style: o });
+  const x = ne(() => e > n, [e, n]), S = Y(
+    (R) => {
+      const k = e > n, f = c.current;
+      if (j.debug("[ScrollPane] scrollTo called", { newPosition: R, contentSize: e, viewportSize: n, currentIsScrollable: k, prevPosition: f }), !k) {
         c.current !== 0 && (c.current = 0, s?.(0, f));
         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 R == "function" ? R(c.current) : R, O = F(P, 0, e - n);
+      c.current !== O && (c.current = O, s?.(O, f));
     },
     [s, e, n]
   );
   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 (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);
     } else
-      I(0);
-  }, [E, I, e, n]), X(() => {
-    const k = (f) => {
-      if (!E)
+      S(0);
+  }, [x, S, e, n]), B(() => {
+    const R = (f) => {
+      if (!x)
         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 *= n), j.debug("[ScrollPane] wheel event", { deltaY: P, scrollPosition: c.current }), S((O) => O + P);
+    }, k = _.current;
+    return k && k.addEventListener("wheel", R, { passive: !1 }), () => {
+      k && k.removeEventListener("wheel", R);
     };
-  }, [E, I, n]), he(
+  }, [x, S, n]), he(
     l,
     () => ({
-      scrollTo: I,
+      scrollTo: S,
       getScrollPosition: () => c.current,
       getContentSize: () => e,
       getViewportSize: () => n
     }),
-    [I, e, n]
+    [S, e, n]
   );
-  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 A = pe();
+  return ne(() => /* @__PURE__ */ z.jsxs("div", { ref: _, className: ae("flex", a), style: o, children: [
+    /* @__PURE__ */ z.jsxs("div", { className: "relative h-full flex-1 overflow-hidden", style: { height: n }, id: A, children: [
       d,
       u(c.current)
     ] }),
-    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]);
+    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]);
 });
-class Re {
+class Se {
   /**
    * @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 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, n, t) {
+    this.reset(e, n, t);
   }
   /**
    * @method reset
@@ -509,20 +509,20 @@ 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) {
+  reset(e, n, t) {
     if (this.size = e, this.tree = /* @__PURE__ */ new Map(), this.deltas = /* @__PURE__ */ new Map(), this.total = void 0, typeof n == "function") {
       if (this.valueFn = n, this.size > 0) {
-        const a = r?.sampleRange ?? {
+        const 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)
+        if (this.baseValue = o, t?.materialize)
           for (let l = 0; l < d.length; l++) {
-            const c = d[l], g = a.from + l;
-            if (g >= this.size)
+            const c = d[l], m = a.from + l;
+            if (m >= this.size)
               break;
-            const x = c - this.baseValue;
-            this.deltas.set(g, x), this._updateTree(g, x);
+            const p = c - this.baseValue;
+            this.deltas.set(m, p), this._updateTree(m, p);
           }
       } else
         this.baseValue = 0;
@@ -551,28 +551,28 @@ class Re {
   _calculateMode(e, n) {
     if (!this.valueFn)
       return { mode: 0, materializedValues: [] };
-    const r = [];
+    const t = [];
     for (let c = e; c <= n && !(c >= this.size); c++)
-      r.push(this.valueFn(c));
-    const s = [...r];
-    if (r.length === 0)
+      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);
+    for (const c of t) {
+      const m = (d.get(c) ?? 0) + 1;
+      d.set(c, m), m > l && (l = m);
     }
     if (l > 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 [p, _] of d.entries())
+        _ === l && c.push(p);
+      const m = c.reduce((p, _) => p + _, 0);
+      o = Math.floor(m / c.length);
     }
     return { mode: o, materializedValues: s };
   }
@@ -593,14 +593,14 @@ 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 n = 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);
+      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;
   }
   /**
@@ -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) {
+    for (const { index: n, change: t } of e) {
       if (n < 0 || n >= this.size)
         throw new Error(`Index ${n} out of bounds`);
       const s = this.deltas.get(n) ?? 0;
-      this.deltas.set(n, s + r), this._updateTree(n, r);
+      this.deltas.set(n, s + t), this._updateTree(n, t);
     }
     return this.total;
   }
@@ -639,9 +639,9 @@ class Re {
   _updateTree(e, n) {
     if (n === 0)
       return;
-    let r = e + 1;
-    for (; r <= this.size; )
-      this.tree.set(r, (this.tree.get(r) ?? 0) + n), r += r & -r;
+    let t = e + 1;
+    for (; t <= this.size; )
+      this.tree.set(t, (this.tree.get(t) ?? 0) + n), t += t & -t;
     this.total !== void 0 && (this.total += n);
   }
   /**
@@ -654,9 +654,9 @@ class Re {
    */
   _materialize(e, n = !0) {
     if (this.valueFn) {
-      const r = this.deltas.get(e) ?? 0, a = this.valueFn(e) - this.baseValue;
-      if (a !== r && (this.deltas.set(e, a), n)) {
-        const o = a - r;
+      const t = this.deltas.get(e) ?? 0, a = this.valueFn(e) - this.baseValue;
+      if (a !== t && (this.deltas.set(e, a), n)) {
+        const o = a - t;
         this._updateTree(e, o);
       }
     }
@@ -677,23 +677,23 @@ class Re {
   prefixSum(e, n) {
     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 = F(e, 0, this.size - 1), s = n?.materializeOption;
     if (s?.materialize && this.valueFn) {
       if (s.ranges)
         for (const l of s.ranges) {
-          const c = l.from, g = Math.min(l.to, this.size - 1);
-          for (let x = c; x <= g; x++)
-            this._materialize(x);
+          const c = l.from, m = Math.min(l.to, this.size - 1);
+          for (let p = c; p <= m; p++)
+            this._materialize(p);
         }
-      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 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
@@ -711,15 +711,15 @@ class Re {
   get(e, n) {
     if (e < 0 || e >= this.size)
       throw new Error("Index out of bounds");
-    const r = n?.materializeOption;
-    if (r?.materialize && this.valueFn)
-      if (r.ranges) {
-        for (const s of r.ranges) {
+    const t = n?.materializeOption;
+    if (t?.materialize && this.valueFn)
+      if (t.ranges) {
+        for (const s of t.ranges) {
           const a = s.from, o = Math.min(s.to, this.size - 1);
           for (let d = a; d <= o; d++)
             this._materialize(d);
         }
-        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;
@@ -739,8 +739,8 @@ class Re {
   getTotal(e) {
     const n = e?.materializeOption;
     if (n?.materialize && this.valueFn && n.ranges)
-      for (const r of n.ranges) {
-        const s = r.from, a = Math.min(r.to, this.size - 1);
+      for (const t of n.ranges) {
+        const s = t.from, a = Math.min(t.to, this.size - 1);
         for (let o = s; o <= a; o++)
           this._materialize(o);
       }
@@ -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;
   }
@@ -769,15 +769,15 @@ class Re {
       return;
     }
     const n = /* @__PURE__ */ new Map();
-    let r = this.baseValue * this.size;
+    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;
     }
-    this.tree = n, this.total = r;
+    this.tree = n, this.total = t;
   }
   /**
    * @method calculateAccumulatedError
@@ -803,8 +803,8 @@ class Re {
     const n = this.size;
     if (e !== n) {
       if (e < n)
-        for (const r of this.deltas.keys())
-          r >= e && this.deltas.delete(r);
+        for (const t of this.deltas.keys())
+          t >= e && this.deltas.delete(t);
       this.size = e, this.rebuildTree(), console.assert(this.prefixSum(this.getSize() - 1).cumulative === this.prefixSum(this.getSize() - 1).total, "Inconsistent Fenwick Tree state");
     }
   }
@@ -833,10 +833,10 @@ class Re {
   findIndexAtOrAfter(e, n) {
     if (this.size === 0)
       return { index: -1, total: this.total ?? 0, cumulative: void 0, currentValue: void 0, safeIndex: void 0 };
-    let r = 0, s = this.size - 1, a = -1, 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 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;
     }
     return { index: a, total: d, cumulative: o?.cumulative, currentValue: o?.currentValue, safeIndex: o?.safeIndex };
   }
@@ -856,153 +856,148 @@ class Re {
   findIndexAtOrBefore(e, n) {
     if (this.size === 0)
       return { index: -1, total: this.total ?? 0, cumulative: void 0, currentValue: void 0, safeIndex: void 0 };
-    let r = 0, s = this.size - 1, a = -1, 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 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;
     }
     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 ke = (u, e, n) => {
+  const t = Math.max(0, u), s = $(null), a = ne(() => new Se(t, e, n), [t, e, n]);
   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 Pe({ itemCount: u, getItem: e, getItemHeight: n, viewportSize: t, overscanCount: s = 5, className: a, onScroll: o, onRangeChange: d, children: l, background: c, initialScrollIndex: m, initialScrollOffset: p }, _) {
+  const x = $(null), S = $(!1);
+  B(() => (S.current = !0, () => {
+    S.current = !1;
   }), []);
-  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 A = $({ size: u, valueOrFn: n, options: { sampleRange: { from: 0, to: 100 } } }), b = ke(A.current.size, A.current.valueOrFn, A.current.options), [R] = W(() => {
+    let g = 0, V = 0;
+    if (typeof m == "number") {
+      const r = F(m, 0, u - 1), i = F(r - s * 2, 0, u - 1), h = F(r + s * 2, 0, u - 1), v = m > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: i, to: h }] } } : void 0, { cumulative: E, total: T, currentValue: I } = b.prefixSum(m, v);
+      g = E - I, V = T ?? b.getTotal();
+    } else typeof p == "number" && (g = p), V = b.getTotal();
+    return { position: g, total: V };
+  }), [k, f] = W(R.position), [P, O] = W(R.total), [M, H] = W(R.position), [w, X] = W(u);
   oe(() => {
-    b.setValueFn(n), _ !== 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]);
-  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);
+    b.setValueFn(n), w !== u && (b.changeSize(u), X(u));
+    const g = b.getTotal();
+    P !== g && O(g);
+  }, [b, w, u, P, n]), oe(() => {
+    M !== null && x.current && (j.debug("[VirtualScroll] Scrolling to position:", M), x.current.scrollTo(M), H(null));
+  }, [M]);
+  const U = Y(
+    (g) => {
+      if (x.current) {
+        j.debug("[VirtualScroll] Scrolling to index:", g);
+        const V = F(g, 0, w - 1), r = F(V - s * 2, 0, w - 1), i = F(V + s * 2, 0, w - 1), { cumulative: h, total: v, currentValue: E } = b.prefixSum(V, { materializeOption: { materialize: !0, ranges: [{ from: r, to: i }] } });
+        j.debug("[VirtualScroll] Scrolling to index:", g, "Offset:", h, "Total height:", v, "Current value:", E, "safeIndex:", V, "safeIndexFrom:", r, "safeIndexTo:", i), v && (O(v), H(h - E)), j.debug("[VirtualScroll] Setting scroll position to:", h - E);
       }
     },
-    [b, s, _]
-  ), 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);
+    [b, s, w]
+  ), q = Y(
+    (g) => {
+      if (x.current) {
+        const V = b.getTotal(), r = F(Math.floor(g), 0, V), i = b.findIndexAtOrAfter(r, { materializeOption: { materialize: !1 } }).index;
+        U(i);
       }
     },
-    [b, H]
-  ), Z = L(
-    (h, v) => {
-      A.debug("[VirtualScroll] Scroll position changed:", h), f(h);
-      const t = b.getTotal();
-      o?.(h, t);
+    [b, U]
+  ), Z = Y(
+    (g, V) => {
+      j.debug("[VirtualScroll] Scroll position changed:", g), f(g);
+      const r = b.getTotal();
+      o?.(g, r);
     },
     [b, o]
-  ), { renderingStartIndex: j, renderingEndIndex: M, visibleStartIndex: G, visibleEndIndex: B } = ne(() => {
-    if (_ === 0)
+  ), { renderingStartIndex: C, renderingEndIndex: D, visibleStartIndex: J, visibleEndIndex: G } = 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 } });
+    const { index: g, cumulative: V, currentValue: r } = b.findIndexAtOrAfter(k, { 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++;
+    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++;
     }
     T -= 1;
-    const C = O(T + s, 0, _ - 1);
-    return A.debug("[VirtualScroll] Calculated rendering range:", {
-      renderingStartIndex: p,
-      renderingEndIndex: C,
-      visibleStartIndex: m,
+    const I = F(T + s, 0, w - 1);
+    return j.debug("[VirtualScroll] Calculated rendering range:", {
+      renderingStartIndex: v,
+      renderingEndIndex: I,
+      visibleStartIndex: h,
       visibleEndIndex: T,
-      scrollPosition: S,
+      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)
+      viewportSize: t
+    }), { renderingStartIndex: v, renderingEndIndex: I, visibleStartIndex: h, visibleEndIndex: T };
+  }, [k, s, t, n, b, w]);
+  B(() => {
+    const g = x.current?.getScrollPosition() ?? 0;
+    j.debug("[VirtualScroll] Range change effect triggered", {
+      renderingStartIndex: C,
+      renderingEndIndex: D,
+      visibleStartIndex: J,
+      visibleEndIndex: G,
+      scrollPosition: k,
+      contentSize: P,
+      scrollPaneScrollPosition: g
+    }), d?.(C, D, J, G, k, P);
+  }, [C, D, J, G, d, k, P]);
+  const te = Y(
+    (g) => {
+      if (j.debug("[VirtualScroll] Rendering visible items", { currentScrollPosition: g, renderingStartIndex: C, renderingEndIndex: D, fenwickSize: w, viewportSize: t }), w === 0)
         return /* @__PURE__ */ z.jsx("div", { className: "absolute w-full", style: { top: 0 }, children: /* @__PURE__ */ z.jsx("div", { className: "text-center text-gray-500", children: "No items" }) });
-      const v = 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;
+      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 });
+      }
+      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));
+      });
+      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(
           "div",
           {
-            "data-index": D,
+            "data-index": N,
             style: {
               position: "absolute",
-              top: se - m,
+              top: ge - h,
               width: "100%"
             },
-            children: l(T, D)
+            children: l(I, N)
           },
-          D
+          N
         );
       }) });
     },
-    [e, l, w, r, j, M, b, _]
+    [e, l, P, t, C, D, b, w, n]
   );
   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: () => x.current?.getScrollPosition() ?? -1,
+      getContentSize: () => x.current?.getContentSize() ?? -1,
+      getViewportSize: () => x.current?.getViewportSize() ?? -1,
+      scrollTo: (g) => q(g),
+      scrollToIndex: (g) => U(g),
       getFenwickTreeTotalHeight: () => b.getTotal(),
       getFenwickSize: () => b.getSize()
     }),
-    [H, b, U]
-  ), /* @__PURE__ */ z.jsx(_e, { ref: E, contentSize: w, viewportSize: r, className: a, onScroll: Z, background: c, children: te });
+    [U, b, q]
+  ), /* @__PURE__ */ z.jsx(Ie, { ref: x, contentSize: P, viewportSize: t, className: a, onScroll: Z, background: c, children: te });
 }
-const Oe = de(ke);
-class Se {
+const Ae = de(Pe);
+class we {
   key;
   value;
   prev = null;
@@ -1052,9 +1047,9 @@ class fe {
     this.remove(e), this.addToTail(e);
   }
 }
-function we(u) {
-  const e = Y(/* @__PURE__ */ new Map()), n = Y(new fe());
-  X(() => {
+function Ve(u) {
+  const e = $(/* @__PURE__ */ new Map()), n = $(new fe());
+  B(() => {
     for (; e.current.size > u; ) {
       const c = n.current.removeHead();
       if (c)
@@ -1063,43 +1058,43 @@ function we(u) {
         break;
     }
   }, [u]);
-  const r = L((c) => {
-    const g = e.current.get(c);
-    if (g)
-      return n.current.moveToTail(g), g.value;
-  }, []), s = L(
-    (c, g) => {
+  const t = Y((c) => {
+    const m = e.current.get(c);
+    if (m)
+      return n.current.moveToTail(m), m.value;
+  }, []), s = Y(
+    (c, m) => {
       if (u <= 0)
         return;
-      let x = e.current.get(c);
-      if (x)
-        x.value = g, n.current.moveToTail(x);
+      let p = e.current.get(c);
+      if (p)
+        p.value = m, n.current.moveToTail(p);
       else {
         if (e.current.size >= u) {
-          const R = n.current.removeHead();
-          R && e.current.delete(R.key);
+          const _ = n.current.removeHead();
+          _ && e.current.delete(_.key);
         }
-        x = new Se(c, g), e.current.set(c, x), n.current.addToTail(x);
+        p = new we(c, m), e.current.set(c, p), n.current.addToTail(p);
       }
     },
     [u]
-  ), a = L((c) => e.current.has(c), []), o = L(() => {
+  ), a = Y((c) => e.current.has(c), []), o = Y(() => {
     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;
+  }, []), [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;
 }
-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 ye = 1e4, je = () => {
+  const { get: u, set: e, has: n, clear: t } = Ve(ye);
+  return { get: u, set: e, has: n, clear: t };
 };
 export {
-  Re as FenwickMapTree,
-  Ee as ScrollBar,
-  _e as ScrollPane,
-  Oe as VirtualScroll,
-  O as minmax,
-  Ie as useFenwickMapTree,
-  Fe as useHeightCache,
-  we as useLruCache
+  Se as FenwickMapTree,
+  Re as ScrollBar,
+  Ie as ScrollPane,
+  Ae as VirtualScroll,
+  F as minmax,
+  ke as useFenwickMapTree,
+  je as useHeightCache,
+  Ve as useLruCache
 };
 //# sourceMappingURL=index.js.map