react-window 2.0.0-alpha.0 → 2.0.0-alpha.1

package/dist/react-window.js

@@ -1,772 +1,535 @@
-import Ee, { useLayoutEffect as ce, useEffect as Q, useMemo as y, useState as K, useSyncExternalStore as ge, memo as ae, useImperativeHandle as ue, createElement as fe, useRef as he } from "react";
-var G = { exports: {} }, D = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var re;
-function xe() {
-  if (re) return D;
-  re = 1;
-  var i = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function n(o, r, s) {
-    var c = null;
-    if (s !== void 0 && (c = "" + s), r.key !== void 0 && (c = "" + r.key), "key" in r) {
-      s = {};
-      for (var a in r)
-        a !== "key" && (s[a] = r[a]);
-    } else s = r;
-    return r = s.ref, {
-      $$typeof: i,
-      type: o,
-      key: c,
-      ref: r !== void 0 ? r : null,
-      props: s
-    };
-  }
-  return D.Fragment = t, D.jsx = n, D.jsxs = n, D;
-}
-var U = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var se;
-function Te() {
-  return se || (se = 1, process.env.NODE_ENV !== "production" && function() {
-    function i(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === C ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case T:
-          return "Fragment";
-        case b:
-          return "Profiler";
-        case S:
-          return "StrictMode";
-        case I:
-          return "Suspense";
-        case f:
-          return "SuspenseList";
-        case Y:
-          return "Activity";
-      }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case w:
-            return "Portal";
-          case P:
-            return (e.displayName || "Context") + ".Provider";
-          case A:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case W:
-            var l = e.render;
-            return e = e.displayName, e || (e = l.displayName || l.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case v:
-            return l = e.displayName || null, l !== null ? l : i(e.type) || "Memo";
-          case $:
-            l = e._payload, e = e._init;
-            try {
-              return i(e(l));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function t(e) {
-      return "" + e;
-    }
-    function n(e) {
-      try {
-        t(e);
-        var l = !1;
-      } catch {
-        l = !0;
-      }
-      if (l) {
-        l = console;
-        var u = l.error, h = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return u.call(
-          l,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          h
-        ), t(e);
-      }
-    }
-    function o(e) {
-      if (e === T) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === $)
-        return "<...>";
-      try {
-        var l = i(e);
-        return l ? "<" + l + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function r() {
-      var e = N.A;
-      return e === null ? null : e.getOwner();
-    }
-    function s() {
-      return Error("react-stack-top-frame");
-    }
-    function c(e) {
-      if (V.call(e, "key")) {
-        var l = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (l && l.isReactWarning) return !1;
-      }
-      return e.key !== void 0;
-    }
-    function a(e, l) {
-      function u() {
-        _ || (_ = !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)",
-          l
-        ));
-      }
-      u.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: u,
-        configurable: !0
-      });
-    }
-    function g() {
-      var e = i(this.type);
-      return j[e] || (j[e] = !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."
-      )), e = this.props.ref, e !== void 0 ? e : null;
-    }
-    function R(e, l, u, h, M, z, H, J) {
-      return u = z.ref, e = {
-        $$typeof: O,
-        type: e,
-        key: l,
-        props: z,
-        _owner: M
-      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(e, "ref", {
-        enumerable: !1,
-        get: g
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(e, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: H
-      }), Object.defineProperty(e, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: J
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-    }
-    function k(e, l, u, h, M, z, H, J) {
-      var d = l.children;
-      if (d !== void 0)
-        if (h)
-          if (p(d)) {
-            for (h = 0; h < d.length; h++)
-              m(d[h]);
-            Object.freeze && Object.freeze(d);
-          } 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 m(d);
-      if (V.call(l, "key")) {
-        d = i(e);
-        var L = Object.keys(l).filter(function(pe) {
-          return pe !== "key";
-        });
-        h = 0 < L.length ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}", te[d + h] || (L = 0 < L.length ? "{" + L.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} />`,
-          h,
-          d,
-          L,
-          d
-        ), te[d + h] = !0);
-      }
-      if (d = null, u !== void 0 && (n(u), d = "" + u), c(l) && (n(l.key), d = "" + l.key), "key" in l) {
-        u = {};
-        for (var X in l)
-          X !== "key" && (u[X] = l[X]);
-      } else u = l;
-      return d && a(
-        u,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), R(
-        e,
-        d,
-        z,
-        M,
-        r(),
-        u,
-        H,
-        J
-      );
-    }
-    function m(e) {
-      typeof e == "object" && e !== null && e.$$typeof === O && e._store && (e._store.validated = 1);
-    }
-    var x = Ee, O = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), S = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), P = Symbol.for("react.context"), W = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), $ = Symbol.for("react.lazy"), Y = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), N = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, p = Array.isArray, E = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    x = {
-      "react-stack-bottom-frame": function(e) {
-        return e();
-      }
-    };
-    var _, j = {}, F = x["react-stack-bottom-frame"].bind(
-      x,
-      s
-    )(), ee = E(o(s)), te = {};
-    U.Fragment = T, U.jsx = function(e, l, u, h, M) {
-      var z = 1e4 > N.recentlyCreatedOwnerStacks++;
-      return k(
-        e,
-        l,
-        u,
-        !1,
-        h,
-        M,
-        z ? Error("react-stack-top-frame") : F,
-        z ? E(o(e)) : ee
-      );
-    }, U.jsxs = function(e, l, u, h, M) {
-      var z = 1e4 > N.recentlyCreatedOwnerStacks++;
-      return k(
-        e,
-        l,
-        u,
-        !0,
-        h,
-        M,
-        z ? Error("react-stack-top-frame") : F,
-        z ? E(o(e)) : ee
-      );
-    };
-  }()), U;
-}
-var ne;
-function we() {
-  return ne || (ne = 1, process.env.NODE_ENV === "production" ? G.exports = xe() : G.exports = Te()), G.exports;
-}
-var q = we();
-function oe(i) {
-  if (i !== void 0)
-    switch (typeof i) {
+import { jsx as j } from "react/jsx-runtime";
+import { useLayoutEffect as J, useEffect as W, useMemo as E, useState as P, useCallback as L, memo as V, useImperativeHandle as U, createElement as F, useRef as Y } from "react";
+function B(t) {
+  if (t !== void 0)
+    switch (typeof t) {
       case "number":
-        return i;
+        return t;
       case "string": {
-        if (i.endsWith("px"))
-          return parseFloat(i);
+        if (t.endsWith("px"))
+          return parseFloat(t);
         break;
       }
     }
 }
-const Re = typeof window < "u" ? ce : Q;
-function de({
-  box: i,
-  defaultHeight: t,
+const q = typeof window < "u" ? J : W;
+function K({
+  box: t,
+  defaultHeight: r,
   defaultWidth: n,
-  disabled: o,
-  element: r,
-  mode: s,
-  style: c
+  disabled: s,
+  element: e,
+  mode: c,
+  style: l
 }) {
-  const { styleHeight: a, styleWidth: g } = y(
+  const { styleHeight: f, styleWidth: o } = E(
     () => ({
-      styleHeight: oe(c?.height),
-      styleWidth: oe(c?.width)
+      styleHeight: B(l?.height),
+      styleWidth: B(l?.width)
     }),
-    [c?.height, c?.width]
-  ), [R, k] = K({
-    height: t,
+    [l?.height, l?.width]
+  ), [u, a] = P({
+    height: r,
     width: n
-  }), m = o || s === "only-height" && a !== void 0 || s === "only-width" && g !== void 0 || a !== void 0 && g !== void 0;
-  return Re(() => {
-    if (r === null || m)
+  }), O = s || c === "only-height" && f !== void 0 || c === "only-width" && o !== void 0 || f !== void 0 && o !== void 0;
+  return q(() => {
+    if (e === null || O)
       return;
-    const x = new ResizeObserver((O) => {
-      for (const w of O) {
-        const { contentRect: T, target: S } = w;
-        r === S && k((b) => b.height === T.height && b.width === T.width ? b : {
-          height: T.height,
-          width: T.width
+    const b = new ResizeObserver((m) => {
+      for (const d of m) {
+        const { contentRect: w, target: g } = d;
+        e === g && a((v) => v.height === w.height && v.width === w.width ? v : {
+          height: w.height,
+          width: w.width
         });
       }
     });
-    return x.observe(r, { box: i }), () => {
-      x?.unobserve(r);
+    return b.observe(e, { box: t }), () => {
+      b?.unobserve(e);
     };
-  }, [i, m, r, a, g]), y(
+  }, [t, O, e, f, o]), E(
     () => ({
-      height: a ?? R.height,
-      width: g ?? R.width
+      height: f ?? u.height,
+      width: o ?? u.width
     }),
-    [R, a, g]
+    [u, f, o]
   );
 }
-function me(i) {
-  return y(() => i, Object.values(i));
+function $(t, r = "Assertion error") {
+  if (!t)
+    throw console.error(r), Error(r);
 }
-function B(i, t = "Assertion error") {
-  if (!i)
-    throw console.error(t), Error(t);
+function Q({
+  cachedBounds: t,
+  itemCount: r,
+  itemSize: n
+}) {
+  if (typeof n == "number")
+    return r * n;
+  if (t.size > 0) {
+    const s = t.get(t.size - 1);
+    $(s !== void 0, "Unexpected bounds cache miss");
+    const e = (s.scrollOffset + s.size) / t.size;
+    return r * e;
+  } else
+    return 0;
 }
-class Oe {
-  #e;
-  #l;
-  #s;
-  #c;
-  #o;
-  #r;
-  #u;
-  #t = 0;
-  #n = 0;
-  #i = 0;
-  #a = -1;
-  constructor({
-    count: t,
-    defaultSize: n,
-    direction: o,
-    element: r,
-    itemSize: s,
-    overscanCount: c
-  }) {
-    B(r), this.#e = /* @__PURE__ */ new Map(), this.#l = /* @__PURE__ */ new Set(), this.#s = t, this.#c = o, this.#o = r, this.#r = s, this.#u = c, this.#n = n ?? 0, this.#o.addEventListener("scroll", this.#h);
-  }
-  getEstimatedHeight() {
-    if (typeof this.#r == "number")
-      return this.#s * this.#r;
-    if (this.#e.size > 0) {
-      const t = this.#e.get(this.#e.size - 1);
-      B(t !== void 0, "Unexpected bounds cache miss");
-      const n = (t.scrollOffset + t.size) / this.#e.size;
-      return this.#s * n;
-    } else
-      return 0;
-  }
-  getIndices() {
-    return this.#i < 0 ? [0, -1] : [this.#i, this.#a];
-  }
-  getItemBounds(t) {
-    if (typeof this.#r == "number")
-      return {
-        scrollOffset: t * this.#r,
-        size: this.#r
-      };
-    for (; this.#e.size - 1 < t; ) {
-      const o = this.#e.size, r = typeof this.#r == "number" ? this.#r : this.#r(o);
-      if (o === 0)
-        this.#e.set(o, {
-          size: r,
-          scrollOffset: 0
-        });
-      else {
-        const s = this.#e.get(o - 1);
-        B(
-          s !== void 0,
-          `Unexpected bounds cache miss for index ${t}`
-        ), this.#e.set(o, {
-          scrollOffset: s.scrollOffset + s.size,
-          size: r
-        });
-      }
+function X({
+  align: t,
+  cachedBounds: r,
+  index: n,
+  itemCount: s,
+  containerScrollOffset: e,
+  containerSize: c
+}) {
+  const l = r.get(s - 1).scrollOffset, f = l + l - c, o = Math.max(
+    0,
+    r.get(n + 1).scrollOffset - c
+  ), u = Math.min(
+    l,
+    r.get(n).scrollOffset
+  );
+  switch (t === "smart" && (e >= o && e <= u ? t = "auto" : t = "center"), t) {
+    case "start":
+      return Math.min(f, u);
+    case "end":
+      return o;
+    case "center": {
+      const a = Math.round(
+        o + (u - o) / 2
+      );
+      return a < Math.ceil(c / 2) ? 0 : a > f ? f : a;
     }
-    const n = this.#e.get(t);
-    return B(
-      n !== void 0,
-      `Unexpected bounds cache miss for index ${t}`
-    ), n;
-  }
-  resize(t) {
-    this.#n = t, this.#f();
+    case "auto":
+    default:
+      return e >= o && e <= u ? e : e < o ? o : u;
   }
-  subscribe = (t) => (this.#l.add(t), () => {
-    this.#l.delete(t);
-  });
-  version = () => `${this.#i}-${this.#a}`;
-  scrollToIndex({
-    align: t = "auto",
-    behavior: n,
-    index: o
-  }) {
-    const r = this.#d(o, t);
-    this.#c === "horizontal" ? this.#o?.scrollTo({
-      left: r,
-      behavior: n || void 0
-    }) : this.#o?.scrollTo({
-      behavior: n || void 0,
-      top: r
-    });
+}
+function Z({
+  cachedBounds: t,
+  containerScrollOffset: r,
+  containerSize: n,
+  itemCount: s,
+  overscanCount: e
+}) {
+  const c = s - 1;
+  let l = 0, f = -1, o = 0;
+  for (; o < c; ) {
+    const u = t.get(o);
+    if (u.scrollOffset + u.size > r)
+      break;
+    o++;
   }
-  scrollForTest(t) {
-    this.#t = t, this.#f();
+  for (l = o, l = Math.max(0, l - e); o < c; ) {
+    const u = t.get(o);
+    if (u.scrollOffset + u.size >= r + n)
+      break;
+    o++;
   }
-  #h = () => {
-    const { clientHeight: t, scrollHeight: n, scrollLeft: o, scrollTop: r, scrollWidth: s } = this.#o, c = this.#c === "vertical" ? r : o, a = this.#c === "vertical" ? n : s;
-    this.#t !== c && (this.#t = Math.max(
-      0,
-      Math.min(c, a - t)
-    ), this.#f());
-  };
-  #d(t, n) {
-    const o = this.getItemBounds(this.#s - 1).scrollOffset, r = o + this.getItemBounds(this.#s - 1).scrollOffset - this.#n, s = Math.max(
-      0,
-      this.getItemBounds(t + 1).scrollOffset - this.#n
-    ), c = Math.min(
-      o,
-      this.getItemBounds(t).scrollOffset
-    );
-    switch (n === "smart" && (this.#t >= s && this.#t <= c ? n = "auto" : n = "center"), n) {
-      case "start":
-        return Math.min(r, c);
-      case "end":
-        return s;
-      case "center": {
-        const a = Math.round(
-          s + (c - s) / 2
-        );
-        return a < Math.ceil(this.#n / 2) ? 0 : a > r ? r : a;
+  return f = Math.min(c, o), f = Math.min(s - 1, f + e), l < 0 ? [0, -1] : [l, f];
+}
+function _({
+  itemCount: t,
+  itemProps: r,
+  itemSize: n
+}) {
+  const s = /* @__PURE__ */ new Map();
+  return {
+    get(e) {
+      for ($(e < t, `Invalid index ${e}`); s.size - 1 < e; ) {
+        const l = s.size, f = typeof n == "number" ? n : n(l, r);
+        if (l === 0)
+          s.set(l, {
+            size: f,
+            scrollOffset: 0
+          });
+        else {
+          const o = s.get(l - 1);
+          $(
+            o !== void 0,
+            `Unexpected bounds cache miss for index ${e}`
+          ), s.set(l, {
+            scrollOffset: o.scrollOffset + o.size,
+            size: f
+          });
+        }
       }
-      case "auto":
-      default:
-        return this.#t >= s && this.#t <= c ? this.#t : this.#t < s ? s : c;
-    }
-  }
-  #m() {
-    this.#l.forEach((t) => t());
-  }
-  #f() {
-    const t = this.#s - 1;
-    let n = 0, o = -1, r = 0;
-    for (; r < t; ) {
-      const s = this.getItemBounds(r);
-      if (s.scrollOffset + s.size > this.#t)
-        break;
-      r++;
-    }
-    for (n = r, n = Math.max(0, n - this.#u); r < t; ) {
-      const s = this.getItemBounds(r);
-      if (s.scrollOffset + s.size >= this.#t + this.#n)
-        break;
-      r++;
+      const c = s.get(e);
+      return $(
+        c !== void 0,
+        `Unexpected bounds cache miss for index ${e}`
+      ), c;
+    },
+    set(e, c) {
+      s.set(e, c);
+    },
+    get size() {
+      return s.size;
     }
-    o = Math.min(t, r), o = Math.min(this.#s - 1, o + this.#u), (this.#i !== n || this.#a !== o) && (this.#i = n, this.#a = o, this.#m());
-  }
+  };
 }
-function Z({
-  count: i,
-  defaultSize: t,
-  direction: n,
-  element: o,
-  itemSize: r,
-  overscanCount: s,
-  size: c
+function N({
+  itemCount: t,
+  itemProps: r,
+  itemSize: n
 }) {
-  const a = y(
-    () => o ? new Oe({
-      count: i,
-      defaultSize: t,
-      direction: n,
-      element: o,
-      itemSize: r,
-      overscanCount: s
-    }) : null,
-    [i, t, n, o, r, s]
+  return E(
+    () => _({
+      itemCount: t,
+      itemProps: r,
+      itemSize: n
+    }),
+    [t, r, n]
   );
-  return ce(() => {
-    c !== void 0 && a?.resize(c);
-  }, [c, a]), ge(
-    a?.subscribe ?? be,
-    a?.version ?? ie,
-    a?.version ?? ie
-  ), a;
 }
-function be() {
-  return be;
+function R({
+  containerElement: t,
+  containerStyle: r,
+  defaultContainerSize: n = 0,
+  direction: s,
+  itemCount: e,
+  itemProps: c,
+  itemSize: l,
+  overscanCount: f
+}) {
+  const [[o, u], a] = P([0, -1]), { height: O = n, width: b = n } = K({
+    defaultHeight: s === "vertical" ? n : void 0,
+    defaultWidth: s === "horizontal" ? n : void 0,
+    element: t,
+    mode: s === "vertical" ? "only-height" : "only-width",
+    style: r
+  }), m = s === "vertical" ? O : b, d = N({
+    itemCount: e,
+    itemProps: c,
+    itemSize: l
+  }), w = L(
+    (i) => d.get(i),
+    [d]
+  ), g = L(
+    () => Q({
+      cachedBounds: d,
+      itemCount: e,
+      itemSize: l
+    }),
+    [d, e, l]
+  ), v = L(
+    (i) => Z({
+      cachedBounds: d,
+      containerScrollOffset: i,
+      containerSize: m,
+      itemCount: e,
+      overscanCount: f
+    }),
+    [d, m, e, f]
+  );
+  q(() => {
+    a(v(0));
+  }, [v]);
+  const p = L(
+    ({
+      align: i = "auto",
+      behavior: x = "auto",
+      containerScrollOffset: z,
+      index: I
+    }) => {
+      const h = X({
+        align: i,
+        cachedBounds: d,
+        containerScrollOffset: z,
+        containerSize: m,
+        index: I,
+        itemCount: e
+      });
+      s === "horizontal" ? t?.scrollTo({
+        left: h,
+        behavior: x || void 0
+      }) : t?.scrollTo({
+        behavior: x || void 0,
+        top: h
+      });
+    },
+    [d, t, m, s, e]
+  );
+  return {
+    getCellBounds: w,
+    getEstimatedHeight: g,
+    onScroll: () => {
+      const i = v(
+        (s === "vertical" ? t?.scrollTop : t?.scrollLeft) ?? 0
+      );
+      (i[0] !== o || i[1] !== u) && a(i);
+    },
+    scrollToIndex: p,
+    startIndex: o,
+    stopIndex: u
+  };
 }
-function ie() {
-  return "";
+function A(t) {
+  return E(() => t, Object.values(t));
 }
-function le(i, t) {
-  if (i === t)
+function G(t, r) {
+  if (t === r)
     return !0;
-  if (!!i != !!t || (B(i !== void 0), B(t !== void 0), Object.keys(i).length !== Object.keys(t).length))
+  if (!!t != !!r || ($(t !== void 0), $(r !== void 0), Object.keys(t).length !== Object.keys(r).length))
     return !1;
-  for (const n in i)
-    if (!Object.is(t[n], i[n]))
+  for (const n in t)
+    if (!Object.is(r[n], t[n]))
       return !1;
   return !0;
 }
-function ve(i, t) {
-  const { style: n, ...o } = i, { style: r, ...s } = t;
-  return le(n, r) && le(o, s);
+function D(t, r) {
+  const { style: n, ...s } = t, { style: e, ...c } = r;
+  return G(n, e) && G(s, c);
 }
-function _e({
-  cellComponent: i,
-  cellProps: t,
+function et({
+  cellComponent: t,
+  cellProps: r,
   className: n,
-  columnCount: o,
-  columnWidth: r,
-  defaultHeight: s,
-  defaultWidth: c,
-  gridRef: a,
-  onCellsRendered: g,
-  overscanCount: R = 3,
-  rowCount: k,
-  rowHeight: m,
-  style: x,
-  ...O
+  columnCount: s,
+  columnWidth: e,
+  defaultHeight: c = 0,
+  defaultWidth: l = 0,
+  gridRef: f,
+  onCellsRendered: o,
+  overscanCount: u = 3,
+  rowCount: a,
+  rowHeight: O,
+  style: b,
+  ...m
 }) {
-  const w = me(t), T = y(
-    () => ae(i, ve),
-    [i]
-  ), [S, b] = K(null), { height: A = 0, width: P = 0 } = de({
-    defaultHeight: s,
-    defaultWidth: c,
-    element: S,
-    style: x
-  }), W = y(() => typeof r == "number" ? r : (p) => r(p, w), [r, w]), I = y(() => typeof m == "number" ? m : (p) => m(p, w), [m, w]), f = Z({
-    count: o,
-    defaultSize: c,
+  const d = A(r), w = E(
+    () => V(t, D),
+    [t]
+  ), [g, v] = P(null), p = R({
+    containerElement: g,
+    defaultContainerSize: l,
     direction: "horizontal",
-    element: S,
-    itemSize: W,
-    overscanCount: R,
-    size: P
-  }), v = Z({
-    count: k,
-    defaultSize: s,
+    itemCount: s,
+    itemProps: d,
+    itemSize: e,
+    overscanCount: u
+  }), i = R({
+    containerElement: g,
+    defaultContainerSize: c,
     direction: "vertical",
-    element: S,
-    itemSize: I,
-    overscanCount: R,
-    size: A
-  }), [$, Y] = f?.getIndices() ?? [-1, 0], [C, N] = v?.getIndices() ?? [-1, 0];
-  ue(
-    a,
+    itemCount: a,
+    itemProps: d,
+    itemSize: O,
+    overscanCount: u
+  }), { startIndex: x, stopIndex: z } = p, { startIndex: I, stopIndex: h } = i;
+  U(
+    f,
     () => ({
       get element() {
-        return S;
+        return g;
       },
       scrollToCell({
-        behavior: p = "auto",
-        columnAlign: E = "auto",
-        columnIndex: _,
-        rowAlign: j = "auto",
-        rowIndex: F
+        behavior: S = "auto",
+        columnAlign: y = "auto",
+        columnIndex: T,
+        rowAlign: H = "auto",
+        rowIndex: k
       }) {
-        v?.scrollToIndex({
-          align: j,
-          behavior: p,
-          index: F
-        }), f?.scrollToIndex({
-          behavior: p,
-          align: E,
-          index: _
+        i?.scrollToIndex({
+          align: H,
+          behavior: S,
+          containerScrollOffset: g?.scrollTop ?? 0,
+          index: k
+        }), p?.scrollToIndex({
+          align: y,
+          behavior: S,
+          containerScrollOffset: g?.scrollLeft ?? 0,
+          index: T
         });
       },
       scrollToColumn({
-        align: p = "auto",
-        behavior: E = "auto",
-        index: _
+        align: S = "auto",
+        behavior: y = "auto",
+        index: T
       }) {
-        f?.scrollToIndex({
-          align: p,
-          behavior: E,
-          index: _
+        p?.scrollToIndex({
+          align: S,
+          behavior: y,
+          containerScrollOffset: g?.scrollLeft ?? 0,
+          index: T
         });
       },
       scrollToRow({
-        align: p = "auto",
-        behavior: E = "auto",
-        index: _
+        align: S = "auto",
+        behavior: y = "auto",
+        index: T
       }) {
-        v?.scrollToIndex({ align: p, behavior: E, index: _ });
+        i?.scrollToIndex({
+          align: S,
+          behavior: y,
+          containerScrollOffset: g?.scrollTop ?? 0,
+          index: T
+        });
       }
     }),
-    [f, S, v]
-  ), Q(() => {
-    $ >= 0 && Y >= 0 && C >= 0 && N >= 0 && g && g({
-      columnStartIndex: $,
-      columnStopIndex: Y,
-      rowStartIndex: C,
-      rowStopIndex: N
+    [p, g, i]
+  ), W(() => {
+    x >= 0 && z >= 0 && I >= 0 && h >= 0 && o && o({
+      columnStartIndex: x,
+      columnStopIndex: z,
+      rowStartIndex: I,
+      rowStopIndex: h
     });
   }, [
-    g,
-    $,
-    Y,
-    C,
-    N
+    o,
+    x,
+    z,
+    I,
+    h
   ]);
-  const V = y(() => {
-    const p = [];
-    if (f && o > 0 && v && k > 0)
-      for (let E = C; E <= N; E++) {
-        const _ = v.getItemBounds(E);
-        for (let j = $; j <= Y; j++) {
-          const F = f.getItemBounds(j);
-          p.push(
-            /* @__PURE__ */ fe(
-              T,
+  const M = E(() => {
+    const S = [];
+    if (p && s > 0 && i && a > 0)
+      for (let y = I; y <= h; y++) {
+        const T = i.getCellBounds(y);
+        for (let H = x; H <= z; H++) {
+          const k = p.getCellBounds(H);
+          S.push(
+            /* @__PURE__ */ F(
+              w,
               {
-                ...w,
-                columnIndex: j,
-                key: `${E}-${j}`,
-                rowIndex: E,
+                ...d,
+                columnIndex: H,
+                key: `${y}-${H}`,
+                rowIndex: y,
                 style: {
                   position: "absolute",
                   left: 0,
-                  transform: `translate(${F.scrollOffset}px, ${_.scrollOffset}px)`,
-                  height: _.size,
-                  width: F.size
+                  transform: `translate(${k.scrollOffset}px, ${T.scrollOffset}px)`,
+                  height: T.size,
+                  width: k.size
                 }
               }
             )
           );
         }
       }
-    return p;
+    return S;
   }, [
-    T,
     w,
-    o,
-    $,
-    Y,
-    f,
-    k,
-    C,
-    N,
-    v
+    d,
+    s,
+    x,
+    z,
+    p,
+    a,
+    I,
+    h,
+    i
   ]);
-  return /* @__PURE__ */ q.jsx(
+  return /* @__PURE__ */ j(
     "div",
     {
       role: "grid",
-      ...O,
+      ...m,
       className: n,
-      ref: b,
+      onScroll: () => {
+        p.onScroll(), i.onScroll();
+      },
+      ref: v,
       style: {
-        ...x,
+        ...b,
         maxHeight: "100%",
         maxWidth: "100%",
         flexGrow: 1,
         overflow: "auto"
       },
-      children: /* @__PURE__ */ q.jsx(
+      children: /* @__PURE__ */ j(
         "div",
         {
           className: n,
           style: {
             position: "relative",
-            height: v?.getEstimatedHeight(),
-            width: f?.getEstimatedHeight()
+            height: i?.getEstimatedHeight(),
+            width: p?.getEstimatedHeight()
           },
-          children: V
+          children: M
         }
       )
     }
   );
 }
-const ye = he;
-function ke({
-  className: i,
-  defaultHeight: t = 0,
+const st = Y;
+function ot({
+  className: t,
+  defaultHeight: r = 0,
   listRef: n,
-  onRowsRendered: o,
-  overscanCount: r = 3,
-  rowComponent: s,
-  rowCount: c,
-  rowHeight: a,
-  rowProps: g,
-  style: R,
-  ...k
+  onRowsRendered: s,
+  overscanCount: e = 3,
+  rowComponent: c,
+  rowCount: l,
+  rowHeight: f,
+  rowProps: o,
+  style: u,
+  ...a
 }) {
-  const m = me(g), x = y(
-    () => ae(s, ve),
-    [s]
-  ), [O, w] = K(null), { height: T = 0 } = de({
-    defaultHeight: t,
-    element: O,
-    mode: "only-height",
-    style: R
-  }), S = y(() => typeof a == "number" ? a : (I) => a(I, m), [a, m]), b = Z({
-    count: c,
-    defaultSize: t,
+  const O = A(o), b = E(
+    () => V(c, D),
+    [c]
+  ), [m, d] = P(null), {
+    getCellBounds: w,
+    getEstimatedHeight: g,
+    onScroll: v,
+    scrollToIndex: p,
+    startIndex: i,
+    stopIndex: x
+  } = R({
+    containerElement: m,
+    defaultContainerSize: r,
     direction: "vertical",
-    element: O,
-    itemSize: S,
-    overscanCount: r,
-    size: T
-  }), [A, P] = b?.getIndices() ?? [-1, 0];
-  ue(
+    itemCount: l,
+    itemProps: O,
+    itemSize: f,
+    overscanCount: e
+  });
+  U(
     n,
     () => ({
       get element() {
-        return O;
+        return m;
       },
       scrollToRow({
         align: I = "auto",
-        behavior: f = "auto",
-        index: v
+        behavior: h = "auto",
+        index: M
       }) {
-        b?.scrollToIndex({ align: I, behavior: f, index: v });
+        p({
+          align: I,
+          behavior: h,
+          containerScrollOffset: m?.scrollTop ?? 0,
+          index: M
+        });
       }
     }),
-    [O, b]
-  ), Q(() => {
-    A >= 0 && P >= 0 && o && o({
-      startIndex: A,
-      stopIndex: P
+    [m, p]
+  ), W(() => {
+    i >= 0 && x >= 0 && s && s({
+      startIndex: i,
+      stopIndex: x
     });
-  }, [o, A, P]);
-  const W = y(() => {
+  }, [s, i, x]);
+  const z = E(() => {
     const I = [];
-    if (b && c > 0)
-      for (let f = A; f <= P; f++) {
-        const v = b.getItemBounds(f);
+    if (l > 0)
+      for (let h = i; h <= x; h++) {
+        const M = w(h);
         I.push(
-          /* @__PURE__ */ fe(
-            x,
+          /* @__PURE__ */ F(
+            b,
             {
-              ...m,
-              key: f,
-              index: f,
+              ...O,
+              key: h,
+              index: h,
               style: {
                 position: "absolute",
                 left: 0,
-                transform: `translateY(${v.scrollOffset}px)`,
-                height: v.size,
+                transform: `translateY(${M.scrollOffset}px)`,
+                height: M.size,
                 width: "100%"
               }
             }
@@ -774,39 +537,40 @@ function ke({
         );
       }
     return I;
-  }, [x, c, m, A, P, b]);
-  return /* @__PURE__ */ q.jsx(
+  }, [b, w, l, O, i, x]);
+  return /* @__PURE__ */ j(
     "div",
     {
       role: "list",
-      ...k,
-      className: i,
-      ref: w,
+      ...a,
+      className: t,
+      onScroll: v,
+      ref: d,
       style: {
-        ...R,
+        ...u,
         maxHeight: "100%",
         flexGrow: 1,
         overflowY: "auto"
       },
-      children: /* @__PURE__ */ q.jsx(
+      children: /* @__PURE__ */ j(
         "div",
         {
-          className: i,
+          className: t,
           style: {
-            height: b?.getEstimatedHeight(),
+            height: g(),
             position: "relative",
             width: "100%"
           },
-          children: W
+          children: z
         }
       )
     }
   );
 }
-const Ie = he;
+const rt = Y;
 export {
-  _e as Grid,
-  ke as List,
-  ye as useGridRef,
-  Ie as useListRef
+  et as Grid,
+  ot as List,
+  st as useGridRef,
+  rt as useListRef
 };