react-window 2.2.0-alpha.0 → 2.2.1-alpha.0

package/dist/react-window.js

@@ -1,6 +1,6 @@
 import { jsx as P } from "react/jsx-runtime";
-import { useState as $, useLayoutEffect as se, useEffect as J, useMemo as L, useRef as K, useCallback as U, memo as le, useImperativeHandle as ce, createElement as X } from "react";
-function xe(e) {
+import { useState as H, useLayoutEffect as se, useEffect as J, useMemo as L, useRef as K, useCallback as U, memo as le, useImperativeHandle as ce, createElement as X } from "react";
+function ge(e) {
   let t = e;
   for (; t; ) {
     if (t.dir)
@@ -10,9 +10,9 @@ function xe(e) {
   return !1;
 }
 function ve(e, t) {
-  const [s, r] = $(t === "rtl");
+  const [s, r] = H(t === "rtl");
   return se(() => {
-    e && (t || r(xe(e)));
+    e && (t || r(ge(e)));
   }, [t, e]), s;
 }
 const q = typeof window < "u" ? se : J;
@@ -37,42 +37,42 @@ function be({
   mode: o,
   style: i
 }) {
-  const { styleHeight: a, styleWidth: l } = L(
+  const { styleHeight: f, styleWidth: l } = L(
     () => ({
       styleHeight: oe(i?.height),
       styleWidth: oe(i?.width)
     }),
     [i?.height, i?.width]
-  ), [c, d] = $({
+  ), [c, d] = H({
     height: t,
     width: s
-  }), f = r || o === "only-height" && a !== void 0 || o === "only-width" && l !== void 0 || a !== void 0 && l !== void 0;
+  }), a = r || o === "only-height" && f !== void 0 || o === "only-width" && l !== void 0 || f !== void 0 && l !== void 0;
   return q(() => {
-    if (n === null || f)
+    if (n === null || a)
       return;
-    const p = new ResizeObserver((b) => {
-      for (const m of b) {
-        const { contentRect: I, target: g } = m;
-        n === g && d((w) => w.height === I.height && w.width === I.width ? w : {
+    const u = new ResizeObserver((b) => {
+      for (const w of b) {
+        const { contentRect: I, target: x } = w;
+        n === x && d((m) => m.height === I.height && m.width === I.width ? m : {
           height: I.height,
           width: I.width
         });
       }
     });
-    return p.observe(n, { box: e }), () => {
-      p?.unobserve(n);
+    return u.observe(n, { box: e }), () => {
+      u?.unobserve(n);
     };
-  }, [e, f, n, a, l]), L(
+  }, [e, a, n, f, l]), L(
     () => ({
-      height: a ?? c.height,
+      height: f ?? c.height,
       width: l ?? c.width
     }),
-    [c, a, l]
+    [c, f, l]
   );
 }
 function ae(e) {
   const t = K(() => {
-    throw new Error("Cannot call an event handler while rendering.");
+    throw new Error("Cannot call during render.");
   });
   return q(() => {
     t.current = e;
@@ -108,14 +108,14 @@ function Z({
     }
   return r;
 }
-function H(e, t = "Assertion error") {
+function $(e, t = "Assertion error") {
   if (!e)
     throw console.error(t), Error(t);
 }
 function Y(e, t) {
   if (e === t)
     return !0;
-  if (!!e != !!t || (H(e !== void 0), H(t !== void 0), Object.keys(e).length !== Object.keys(t).length))
+  if (!!e != !!t || ($(e !== void 0), $(t !== void 0), Object.keys(e).length !== Object.keys(t).length))
     return !1;
   for (const s in e)
     if (!Object.is(t[s], e[s]))
@@ -135,12 +135,12 @@ function fe({
     const r = e.get(
       e.size === 0 ? 0 : e.size - 1
     );
-    H(r !== void 0, "Unexpected bounds cache miss");
+    $(r !== void 0, "Unexpected bounds cache miss");
     const n = (r.scrollOffset + r.size) / e.size;
     return t * n;
   }
 }
-function we({
+function me({
   align: e,
   cachedBounds: t,
   index: s,
@@ -149,13 +149,13 @@ function we({
   containerScrollOffset: o,
   containerSize: i
 }) {
-  const a = fe({
+  const f = fe({
     cachedBounds: t,
     itemCount: r,
     itemSize: n
   }), l = t.get(s), c = Math.max(
     0,
-    Math.min(a - i, l.scrollOffset)
+    Math.min(f - i, l.scrollOffset)
   ), d = Math.max(
     0,
     l.scrollOffset - i + l.size
@@ -166,7 +166,7 @@ function we({
     case "end":
       return d;
     case "center":
-      return l.scrollOffset <= i / 2 ? 0 : l.scrollOffset + l.size / 2 >= a - i / 2 ? a - i : l.scrollOffset + l.size / 2 - i / 2;
+      return l.scrollOffset <= i / 2 ? 0 : l.scrollOffset + l.size / 2 >= f - i / 2 ? f - i : l.scrollOffset + l.size / 2 - i / 2;
     case "auto":
     default:
       return o >= d && o <= c ? o : o < d ? d : c;
@@ -180,27 +180,27 @@ function ie({
   overscanCount: n
 }) {
   const o = r - 1;
-  let i = 0, a = -1, l = 0, c = -1, d = 0;
+  let i = 0, f = -1, l = 0, c = -1, d = 0;
   for (; d < o; ) {
-    const f = e.get(d);
-    if (f.scrollOffset + f.size > t)
+    const a = e.get(d);
+    if (a.scrollOffset + a.size > t)
       break;
     d++;
   }
   for (i = d, l = Math.max(0, i - n); d < o; ) {
-    const f = e.get(d);
-    if (f.scrollOffset + f.size >= t + s)
+    const a = e.get(d);
+    if (a.scrollOffset + a.size >= t + s)
       break;
     d++;
   }
-  return a = Math.min(o, d), c = Math.min(r - 1, a + n), i < 0 && (i = 0, a = -1, l = 0, c = -1), {
+  return f = Math.min(o, d), c = Math.min(r - 1, f + n), i < 0 && (i = 0, f = -1, l = 0, c = -1), {
     startIndexVisible: i,
-    stopIndexVisible: a,
+    stopIndexVisible: f,
     startIndexOverscan: l,
     stopIndexOverscan: c
   };
 }
-function me({
+function we({
   itemCount: e,
   itemProps: t,
   itemSize: s
@@ -208,37 +208,37 @@ function me({
   const r = /* @__PURE__ */ new Map();
   return {
     get(n) {
-      for (H(n < e, `Invalid index ${n}`); r.size - 1 < n; ) {
+      for ($(n < e, `Invalid index ${n}`); r.size - 1 < n; ) {
         const i = r.size;
-        let a;
+        let f;
         switch (typeof s) {
           case "function": {
-            a = s(i, t);
+            f = s(i, t);
             break;
           }
           case "number": {
-            a = s;
+            f = s;
             break;
           }
         }
         if (i === 0)
           r.set(i, {
-            size: a,
+            size: f,
             scrollOffset: 0
           });
         else {
           const l = r.get(i - 1);
-          H(
+          $(
             l !== void 0,
             `Unexpected bounds cache miss for index ${n}`
           ), r.set(i, {
             scrollOffset: l.scrollOffset + l.size,
-            size: a
+            size: f
           });
         }
       }
       const o = r.get(n);
-      return H(
+      return $(
         o !== void 0,
         `Unexpected bounds cache miss for index ${n}`
       ), o;
@@ -257,7 +257,7 @@ function Oe({
   itemSize: s
 }) {
   return L(
-    () => me({
+    () => we({
       itemCount: e,
       itemProps: t,
       itemSize: s
@@ -272,10 +272,10 @@ function ye({
   let s;
   switch (typeof t) {
     case "string": {
-      H(
+      $(
         t.endsWith("%"),
         `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`
-      ), H(
+      ), $(
         e !== void 0,
         "Container size must be defined if a percentage item size is specified"
       ), s = e * parseInt(t) / 100;
@@ -296,26 +296,26 @@ function ee({
   isRtl: n = !1,
   itemCount: o,
   itemProps: i,
-  itemSize: a,
+  itemSize: f,
   onResize: l,
   overscanCount: c
 }) {
-  const [d, f] = $({
+  const [d, a] = H({
     startIndexVisible: 0,
     startIndexOverscan: 0,
     stopIndexVisible: -1,
     stopIndexOverscan: -1
   }), {
-    startIndexVisible: p,
+    startIndexVisible: u,
     startIndexOverscan: b,
-    stopIndexVisible: m,
+    stopIndexVisible: w,
     stopIndexOverscan: I
   } = {
     startIndexVisible: Math.min(o - 1, d.startIndexVisible),
     startIndexOverscan: Math.min(o - 1, d.startIndexOverscan),
     stopIndexVisible: Math.min(o - 1, d.stopIndexVisible),
     stopIndexOverscan: Math.min(o - 1, d.stopIndexOverscan)
-  }, { height: g = s, width: w = s } = be({
+  }, { height: x = s, width: m = s } = be({
     defaultHeight: r === "vertical" ? s : void 0,
     defaultWidth: r === "horizontal" ? s : void 0,
     element: e,
@@ -324,39 +324,39 @@ function ee({
   }), y = K({
     height: 0,
     width: 0
-  }), V = r === "vertical" ? g : w, u = ye({ containerSize: V, itemSize: a });
+  }), E = r === "vertical" ? x : m, h = ye({ containerSize: E, itemSize: f });
   se(() => {
     if (typeof l == "function") {
-      const h = y.current;
-      (h.height !== g || h.width !== w) && (l({ height: g, width: w }, { ...h }), h.height = g, h.width = w);
+      const p = y.current;
+      (p.height !== x || p.width !== m) && (l({ height: x, width: m }, { ...p }), p.height = x, p.width = m);
     }
-  }, [g, l, w]);
+  }, [x, l, m]);
   const z = Oe({
     itemCount: o,
     itemProps: i,
-    itemSize: u
+    itemSize: h
   }), k = U(
-    (h) => z.get(h),
+    (p) => z.get(p),
     [z]
   ), S = U(
     () => fe({
       cachedBounds: z,
       itemCount: o,
-      itemSize: u
+      itemSize: h
     }),
-    [z, o, u]
+    [z, o, h]
   ), W = U(
-    (h) => {
+    (p) => {
       const T = Z({
         containerElement: e,
         direction: r,
         isRtl: n,
-        scrollOffset: h
+        scrollOffset: p
       });
       return ie({
         cachedBounds: z,
         containerScrollOffset: T,
-        containerSize: V,
+        containerSize: E,
         itemCount: o,
         overscanCount: c
       });
@@ -364,7 +364,7 @@ function ee({
     [
       z,
       e,
-      V,
+      E,
       r,
       n,
       o,
@@ -372,53 +372,53 @@ function ee({
     ]
   );
   q(() => {
-    const h = (r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0;
-    f(W(h));
+    const p = (r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0;
+    a(W(p));
   }, [e, r, W]), q(() => {
     if (!e)
       return;
-    const h = () => {
-      f((T) => {
-        const { scrollLeft: E, scrollTop: v } = e, x = Z({
+    const p = () => {
+      a((T) => {
+        const { scrollLeft: R, scrollTop: v } = e, g = Z({
           containerElement: e,
           direction: r,
           isRtl: n,
-          scrollOffset: r === "vertical" ? v : E
+          scrollOffset: r === "vertical" ? v : R
         }), A = ie({
           cachedBounds: z,
-          containerScrollOffset: x,
-          containerSize: V,
+          containerScrollOffset: g,
+          containerSize: E,
           itemCount: o,
           overscanCount: c
         });
         return Y(A, T) ? T : A;
       });
     };
-    return e.addEventListener("scroll", h), () => {
-      e.removeEventListener("scroll", h);
+    return e.addEventListener("scroll", p), () => {
+      e.removeEventListener("scroll", p);
     };
   }, [
     z,
     e,
-    V,
+    E,
     r,
     o,
     c
   ]);
   const O = ae(
     ({
-      align: h = "auto",
+      align: p = "auto",
       containerScrollOffset: T,
-      index: E
+      index: R
     }) => {
-      let v = we({
-        align: h,
+      let v = me({
+        align: p,
         cachedBounds: z,
         containerScrollOffset: T,
-        containerSize: V,
-        index: E,
+        containerSize: E,
+        index: R,
         itemCount: o,
-        itemSize: u
+        itemSize: h
       });
       if (e) {
         if (v = Z({
@@ -427,8 +427,8 @@ function ee({
           isRtl: n,
           scrollOffset: v
         }), typeof e.scrollTo != "function") {
-          const x = W(v);
-          Y(d, x) || f(x);
+          const g = W(v);
+          Y(d, g) || a(g);
         }
         return v;
       }
@@ -439,9 +439,9 @@ function ee({
     getEstimatedSize: S,
     scrollToIndex: O,
     startIndexOverscan: b,
-    startIndexVisible: p,
+    startIndexVisible: u,
     stopIndexOverscan: I,
-    stopIndexVisible: m
+    stopIndexVisible: w
   };
 }
 function de(e) {
@@ -455,11 +455,11 @@ function ue(e, t) {
   } = e, {
     ariaAttributes: o,
     style: i,
-    ...a
+    ...f
   } = t;
-  return Y(s, o) && Y(r, i) && Y(n, a);
+  return Y(s, o) && Y(r, i) && Y(n, f);
 }
-function Re({
+function Ve({
   cellComponent: e,
   cellProps: t,
   children: s,
@@ -467,42 +467,42 @@ function Re({
   columnCount: n,
   columnWidth: o,
   defaultHeight: i = 0,
-  defaultWidth: a = 0,
+  defaultWidth: f = 0,
   dir: l,
   gridRef: c,
   onCellsRendered: d,
-  onResize: f,
-  overscanCount: p = 3,
+  onResize: a,
+  overscanCount: u = 3,
   rowCount: b,
-  rowHeight: m,
+  rowHeight: w,
   style: I,
-  tagName: g = "div",
-  ...w
+  tagName: x = "div",
+  ...m
 }) {
-  const y = de(t), V = L(
+  const y = de(t), E = L(
     () => le(e, ue),
     [e]
-  ), [u, z] = $(null), k = ve(u, l), {
+  ), [h, z] = H(null), k = ve(h, l), {
     getCellBounds: S,
     getEstimatedSize: W,
     startIndexOverscan: O,
-    startIndexVisible: h,
+    startIndexVisible: p,
     scrollToIndex: T,
-    stopIndexOverscan: E,
+    stopIndexOverscan: R,
     stopIndexVisible: v
   } = ee({
-    containerElement: u,
+    containerElement: h,
     containerStyle: I,
-    defaultContainerSize: a,
+    defaultContainerSize: f,
     direction: "horizontal",
     isRtl: k,
     itemCount: n,
     itemProps: y,
     itemSize: o,
-    onResize: f,
-    overscanCount: p
+    onResize: a,
+    overscanCount: u
   }), {
-    getCellBounds: x,
+    getCellBounds: g,
     getEstimatedSize: A,
     startIndexOverscan: M,
     startIndexVisible: re,
@@ -510,87 +510,87 @@ function Re({
     stopIndexOverscan: _,
     stopIndexVisible: ne
   } = ee({
-    containerElement: u,
+    containerElement: h,
     containerStyle: I,
     defaultContainerSize: i,
     direction: "vertical",
     itemCount: b,
     itemProps: y,
-    itemSize: m,
-    onResize: f,
-    overscanCount: p
+    itemSize: w,
+    onResize: a,
+    overscanCount: u
   });
   ce(
     c,
     () => ({
       get element() {
-        return u;
+        return h;
       },
       scrollToCell({
         behavior: B = "auto",
-        columnAlign: R = "auto",
+        columnAlign: V = "auto",
         columnIndex: j,
         rowAlign: D = "auto",
         rowIndex: G
       }) {
         const N = T({
-          align: R,
-          containerScrollOffset: u?.scrollLeft ?? 0,
+          align: V,
+          containerScrollOffset: h?.scrollLeft ?? 0,
           index: j
-        }), ge = Q({
+        }), xe = Q({
           align: D,
-          containerScrollOffset: u?.scrollTop ?? 0,
+          containerScrollOffset: h?.scrollTop ?? 0,
           index: G
         });
-        typeof u?.scrollTo == "function" && u.scrollTo({
+        typeof h?.scrollTo == "function" && h.scrollTo({
           behavior: B,
           left: N,
-          top: ge
+          top: xe
         });
       },
       scrollToColumn({
         align: B = "auto",
-        behavior: R = "auto",
+        behavior: V = "auto",
         index: j
       }) {
         const D = T({
           align: B,
-          containerScrollOffset: u?.scrollLeft ?? 0,
+          containerScrollOffset: h?.scrollLeft ?? 0,
           index: j
         });
-        typeof u?.scrollTo == "function" && u.scrollTo({
-          behavior: R,
+        typeof h?.scrollTo == "function" && h.scrollTo({
+          behavior: V,
           left: D
         });
       },
       scrollToRow({
         align: B = "auto",
-        behavior: R = "auto",
+        behavior: V = "auto",
         index: j
       }) {
         const D = Q({
           align: B,
-          containerScrollOffset: u?.scrollTop ?? 0,
+          containerScrollOffset: h?.scrollTop ?? 0,
           index: j
         });
-        typeof u?.scrollTo == "function" && u.scrollTo({
-          behavior: R,
+        typeof h?.scrollTo == "function" && h.scrollTo({
+          behavior: V,
           top: D
         });
       }
     }),
-    [u, T, Q]
+    [h, T, Q]
   ), J(() => {
-    O >= 0 && E >= 0 && M >= 0 && _ >= 0 && d && d(
+    O >= 0 && R >= 0 && M >= 0 && _ >= 0 && d && d(
       {
-        columnStartIndex: h,
+        columnStartIndex: p,
         columnStopIndex: v,
         rowStartIndex: re,
         rowStopIndex: ne
       },
       {
         columnStartIndex: O,
-        columnStopIndex: E,
+        columnStopIndex: R,
         rowStartIndex: M,
         rowStopIndex: _
       }
@@ -598,8 +598,8 @@ function Re({
   }, [
     d,
     O,
-    h,
-    E,
+    p,
+    R,
     v,
     M,
     re,
@@ -609,13 +609,13 @@ function Re({
   const he = L(() => {
     const B = [];
     if (n > 0 && b > 0)
-      for (let R = M; R <= _; R++) {
-        const j = x(R), D = [];
-        for (let G = O; G <= E; G++) {
+      for (let V = M; V <= _; V++) {
+        const j = g(V), D = [];
+        for (let G = O; G <= R; G++) {
           const N = S(G);
           D.push(
             /* @__PURE__ */ X(
-              V,
+              E,
               {
                 ...y,
                 ariaAttributes: {
@@ -624,7 +624,7 @@ function Re({
                 },
                 columnIndex: G,
                 key: G,
-                rowIndex: R,
+                rowIndex: V,
                 style: {
                   position: "absolute",
                   left: k ? void 0 : 0,
@@ -638,18 +638,18 @@ function Re({
           );
         }
         B.push(
-          /* @__PURE__ */ P("div", { role: "row", "aria-rowindex": R + 1, children: D }, R)
+          /* @__PURE__ */ P("div", { role: "row", "aria-rowindex": V + 1, children: D }, V)
         );
       }
     return B;
   }, [
-    V,
+    E,
     y,
     n,
     O,
-    E,
+    R,
     S,
-    x,
+    g,
     k,
     b,
     M,
@@ -666,12 +666,12 @@ function Re({
     }
   );
   return X(
-    g,
+    x,
     {
       "aria-colcount": n,
       "aria-rowcount": b,
       role: "grid",
-      ...w,
+      ...m,
       className: r,
       dir: l,
       ref: z,
@@ -691,7 +691,7 @@ function Re({
     pe
   );
 }
-const Ve = $, Ee = K;
+const Ee = H, Re = K;
 function ze(e) {
   return e != null && typeof e == "object" && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
@@ -704,33 +704,33 @@ function Ae({
   onResize: n,
   onRowsRendered: o,
   overscanCount: i = 3,
-  rowComponent: a,
+  rowComponent: f,
   rowCount: l,
   rowHeight: c,
   rowProps: d,
-  tagName: f = "div",
-  style: p,
+  tagName: a = "div",
+  style: u,
   ...b
 }) {
-  const m = de(d), I = L(
-    () => le(a, ue),
-    [a]
-  ), [g, w] = $(null), y = ze(c), V = L(() => y ? (v) => c.getRowHeight(v) ?? c.getAverageRowHeight() : c, [y, c]), {
-    getCellBounds: u,
+  const w = de(d), I = L(
+    () => le(f, ue),
+    [f]
+  ), [x, m] = H(null), y = ze(c), E = L(() => y ? (v) => c.getRowHeight(v) ?? c.getAverageRowHeight() : c, [y, c]), {
+    getCellBounds: h,
     getEstimatedSize: z,
     scrollToIndex: k,
     startIndexOverscan: S,
     startIndexVisible: W,
     stopIndexOverscan: O,
-    stopIndexVisible: h
+    stopIndexVisible: p
   } = ee({
-    containerElement: g,
-    containerStyle: p,
+    containerElement: x,
+    containerStyle: u,
     defaultContainerSize: s,
     direction: "vertical",
     itemCount: l,
-    itemProps: m,
-    itemSize: V,
+    itemProps: w,
+    itemSize: E,
     onResize: n,
     overscanCount: i
   });
@@ -738,38 +738,38 @@ function Ae({
     r,
     () => ({
       get element() {
-        return g;
+        return x;
       },
       scrollToRow({
         align: v = "auto",
-        behavior: x = "auto",
+        behavior: g = "auto",
         index: A
       }) {
         const M = k({
           align: v,
-          containerScrollOffset: g?.scrollTop ?? 0,
+          containerScrollOffset: x?.scrollTop ?? 0,
           index: A
         });
-        typeof g?.scrollTo == "function" && g.scrollTo({
-          behavior: x,
+        typeof x?.scrollTo == "function" && x.scrollTo({
+          behavior: g,
           top: M
         });
       }
     }),
-    [g, k]
+    [x, k]
   ), q(() => {
-    if (!g)
+    if (!x)
       return;
-    const v = Array.from(g.children).filter((x, A) => {
-      if (x.hasAttribute("aria-hidden"))
+    const v = Array.from(x.children).filter((g, A) => {
+      if (g.hasAttribute("aria-hidden"))
         return !1;
       const M = `${S + A}`;
-      return x.setAttribute(te, M), !0;
+      return g.setAttribute(te, M), !0;
     });
     if (y)
       return c.observeRowElements(v);
   }, [
-    g,
+    x,
     y,
     c,
     S,
@@ -778,7 +778,7 @@ function Ae({
     S >= 0 && O >= 0 && o && o(
       {
         startIndex: W,
-        stopIndex: h
+        stopIndex: p
       },
       {
         startIndex: S,
@@ -790,25 +790,25 @@ function Ae({
     S,
     W,
     O,
-    h
+    p
   ]);
   const T = L(() => {
     const v = [];
     if (l > 0)
-      for (let x = S; x <= O; x++) {
-        const A = u(x);
+      for (let g = S; g <= O; g++) {
+        const A = h(g);
         v.push(
           /* @__PURE__ */ X(
             I,
             {
-              ...m,
+              ...w,
               ariaAttributes: {
-                "aria-posinset": x + 1,
+                "aria-posinset": g + 1,
                 "aria-setsize": l,
                 role: "listitem"
               },
-              key: x,
-              index: x,
+              key: g,
+              index: g,
               style: {
                 position: "absolute",
                 left: 0,
@@ -825,13 +825,13 @@ function Ae({
     return v;
   }, [
     I,
-    u,
+    h,
     y,
     l,
-    m,
+    w,
     S,
     O
-  ]), E = /* @__PURE__ */ P(
+  ]), R = /* @__PURE__ */ P(
     "div",
     {
       "aria-hidden": !0,
@@ -843,30 +843,30 @@ function Ae({
     }
   );
   return X(
-    f,
+    a,
     {
       role: "list",
       ...b,
       className: t,
-      ref: w,
+      ref: m,
       style: {
         position: "relative",
         maxHeight: "100%",
         flexGrow: 1,
         overflowY: "auto",
-        ...p
+        ...u
       }
     },
     T,
     e,
-    E
+    R
   );
 }
 function ke({
   defaultRowHeight: e,
   key: t
 }) {
-  const [s, r] = $({
+  const [s, r] = H({
     key: t,
     map: /* @__PURE__ */ new Map()
   });
@@ -875,44 +875,47 @@ function ke({
     map: /* @__PURE__ */ new Map()
   });
   const { map: n } = s, o = U(() => {
-    let f = 0;
-    return n.forEach((p) => {
-      f += p;
-    }), f === 0 ? e : f / n.size;
+    let a = 0;
+    return n.forEach((u) => {
+      a += u;
+    }), a === 0 ? e : Math.round(a / n.size);
   }, [e, n]), i = U(
-    (f) => n.get(f),
-    [n]
-  ), a = U((f, p) => {
+    (a) => {
+      const u = n.get(a);
+      return u !== void 0 ? u : (n.set(a, e), e);
+    },
+    [e, n]
+  ), f = U((a, u) => {
     r((b) => {
-      if (b.map.get(f) === p)
+      if (b.map.get(a) === u)
         return b;
-      const m = new Map(b.map);
-      return m.set(f, p), {
+      const w = new Map(b.map);
+      return w.set(a, u), {
         ...b,
-        map: m
+        map: w
       };
     });
   }, []), l = ae(
-    (f) => {
-      f.length !== 0 && f.forEach((p) => {
-        const { borderBoxSize: b, target: m } = p, I = m.getAttribute(te);
-        H(
+    (a) => {
+      a.length !== 0 && a.forEach((u) => {
+        const { borderBoxSize: b, target: w } = u, I = w.getAttribute(te);
+        $(
           I !== null,
           `Invalid ${te} attribute value`
         );
-        const g = parseInt(I), { blockSize: w } = b[0];
-        w && a(g, w);
+        const x = parseInt(I), { blockSize: m } = b[0];
+        m && f(x, m);
       });
     }
-  ), [c] = $(
+  ), [c] = H(
     () => new ResizeObserver(l)
   );
   J(() => () => {
     c.disconnect();
   }, [c]);
   const d = U(
-    (f) => (f.forEach((p) => c.observe(p)), () => {
-      f.forEach((p) => c.unobserve(p));
+    (a) => (a.forEach((u) => c.observe(u)), () => {
+      a.forEach((u) => c.unobserve(u));
     }),
     [c]
   );
@@ -920,15 +923,15 @@ function ke({
     () => ({
       getAverageRowHeight: o,
       getRowHeight: i,
-      setRowHeight: a,
+      setRowHeight: f,
       observeRowElements: d
     }),
-    [o, i, a, d]
+    [o, i, f, d]
   );
 }
-const Le = $, Me = K;
+const Le = H, Me = K;
 let C = -1;
-function He(e = !1) {
+function $e(e = !1) {
   if (C === -1 || e) {
     const t = document.createElement("div"), s = t.style;
     s.width = "50px", s.height = "50px", s.overflow = "scroll", document.body.appendChild(t), C = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
@@ -936,12 +939,12 @@ function He(e = !1) {
   return C;
 }
 export {
-  Re as Grid,
+  Ve as Grid,
   Ae as List,
-  He as getScrollbarSize,
+  $e as getScrollbarSize,
   ke as useDynamicRowHeight,
-  Ve as useGridCallbackRef,
-  Ee as useGridRef,
+  Ee as useGridCallbackRef,
+  Re as useGridRef,
   Le as useListCallbackRef,
   Me as useListRef
 };