react-window 2.2.4 → 2.2.5-alpha.1

package/dist/react-window.js

@@ -1,5 +1,6 @@
-import { jsx as P } from "react/jsx-runtime";
-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";
+"use client";
+import { jsx as ee } from "react/jsx-runtime";
+import { useState as M, useLayoutEffect as re, useEffect as J, useMemo as A, useRef as K, useCallback as D, memo as le, useImperativeHandle as ce, createElement as X } from "react";
 function xe(e) {
   let t = e;
   for (; t; ) {
@@ -10,13 +11,13 @@ function xe(e) {
   return !1;
 }
 function ve(e, t) {
-  const [s, r] = H(t === "rtl");
-  return se(() => {
+  const [s, r] = M(t === "rtl");
+  return re(() => {
     e && (t || r(xe(e)));
   }, [t, e]), s;
 }
-const q = typeof window < "u" ? se : J;
-function oe(e) {
+const q = typeof window < "u" ? re : J;
+function ie(e) {
   if (e !== void 0)
     switch (typeof e) {
       case "number":
@@ -28,7 +29,7 @@ function oe(e) {
       }
     }
 }
-function Ie({
+function be({
   box: e,
   defaultHeight: t,
   defaultWidth: s,
@@ -37,37 +38,37 @@ function Ie({
   mode: o,
   style: i
 }) {
-  const { styleHeight: f, styleWidth: l } = L(
+  const { styleHeight: f, styleWidth: l } = A(
     () => ({
-      styleHeight: oe(i?.height),
-      styleWidth: oe(i?.width)
+      styleHeight: ie(i?.height),
+      styleWidth: ie(i?.width)
     }),
     [i?.height, i?.width]
-  ), [c, d] = H({
+  ), [a, d] = M({
     height: t,
     width: s
-  }), a = r || o === "only-height" && f !== void 0 || o === "only-width" && l !== void 0 || f !== void 0 && l !== void 0;
+  }), c = r || o === "only-height" && f !== void 0 || o === "only-width" && l !== void 0 || f !== void 0 && l !== void 0;
   return q(() => {
-    if (n === null || a)
+    if (n === null || c)
       return;
-    const u = new ResizeObserver((I) => {
-      for (const m of I) {
-        const { contentRect: b, target: g } = m;
-        n === g && d((w) => w.height === b.height && w.width === b.width ? w : {
-          height: b.height,
-          width: b.width
+    const h = new ResizeObserver((p) => {
+      for (const I of p) {
+        const { contentRect: u, target: w } = I;
+        n === w && d((m) => m.height === u.height && m.width === u.width ? m : {
+          height: u.height,
+          width: u.width
         });
       }
     });
-    return u.observe(n, { box: e }), () => {
-      u?.unobserve(n);
+    return h.observe(n, { box: e }), () => {
+      h?.unobserve(n);
     };
-  }, [e, a, n, f, l]), L(
+  }, [e, c, n, f, l]), A(
     () => ({
-      height: f ?? c.height,
-      width: l ?? c.width
+      height: f ?? a.height,
+      width: l ?? a.width
     }),
-    [c, f, l]
+    [a, f, l]
   );
 }
 function ae(e) {
@@ -76,17 +77,17 @@ function ae(e) {
   });
   return q(() => {
     t.current = e;
-  }, [e]), U((s) => t.current?.(s), [t]);
+  }, [e]), D((s) => t.current?.(s), [t]);
 }
-let F = null;
-function be(e = !1) {
-  if (F === null || e) {
+let U = null;
+function Ie(e = !1) {
+  if (U === null || e) {
     const t = document.createElement("div"), s = t.style;
     s.width = "50px", s.height = "50px", s.overflow = "scroll", s.direction = "rtl";
     const r = document.createElement("div"), n = r.style;
-    return n.width = "100px", n.height = "100px", t.appendChild(r), document.body.appendChild(t), t.scrollLeft > 0 ? F = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? F = "negative" : F = "positive-ascending"), document.body.removeChild(t), F;
+    return n.width = "100px", n.height = "100px", t.appendChild(r), document.body.appendChild(t), t.scrollLeft > 0 ? U = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? U = "negative" : U = "positive-ascending"), document.body.removeChild(t), U;
   }
-  return F;
+  return U;
 }
 function Z({
   containerElement: e,
@@ -95,7 +96,7 @@ function Z({
   scrollOffset: r
 }) {
   if (t === "horizontal" && s)
-    switch (be()) {
+    switch (Ie()) {
       case "negative":
         return -r;
       case "positive-descending": {
@@ -108,14 +109,14 @@ function Z({
     }
   return r;
 }
-function $(e, t = "Assertion error") {
+function L(e, t = "Assertion error") {
   if (!e)
     throw console.error(t), Error(t);
 }
 function Y(e, t) {
   if (e === t)
     return !0;
-  if (!!e != !!t || ($(e !== void 0), $(t !== void 0), Object.keys(e).length !== Object.keys(t).length))
+  if (!!e != !!t || (L(e !== void 0), L(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,7 +136,7 @@ function fe({
     const r = e.get(
       e.size === 0 ? 0 : e.size - 1
     );
-    $(r !== void 0, "Unexpected bounds cache miss");
+    L(r !== void 0, "Unexpected bounds cache miss");
     const n = (r.scrollOffset + r.size) / e.size;
     return t * n;
   }
@@ -157,26 +158,26 @@ function we({
     cachedBounds: t,
     itemCount: r,
     itemSize: n
-  }), l = t.get(s), c = Math.max(
+  }), l = t.get(s), a = Math.max(
     0,
     Math.min(f - i, l.scrollOffset)
   ), d = Math.max(
     0,
     l.scrollOffset - i + l.size
   );
-  switch (e === "smart" && (o >= d && o <= c ? e = "auto" : e = "center"), e) {
+  switch (e === "smart" && (o >= d && o <= a ? e = "auto" : e = "center"), e) {
     case "start":
-      return c;
+      return a;
     case "end":
       return d;
     case "center":
       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;
+      return o >= d && o <= a ? o : o < d ? d : a;
   }
 }
-function ie({
+function P({
   cachedBounds: e,
   containerScrollOffset: t,
   containerSize: s,
@@ -184,24 +185,24 @@ function ie({
   overscanCount: n
 }) {
   const o = r - 1;
-  let i = 0, f = -1, l = 0, c = -1, d = 0;
+  let i = 0, f = -1, l = 0, a = -1, d = 0;
   for (; d < o; ) {
-    const a = e.get(d);
-    if (a.scrollOffset + a.size > t)
+    const c = e.get(d);
+    if (c.scrollOffset + c.size > t)
       break;
     d++;
   }
   for (i = d, l = Math.max(0, i - n); d < o; ) {
-    const a = e.get(d);
-    if (a.scrollOffset + a.size >= t + s)
+    const c = e.get(d);
+    if (c.scrollOffset + c.size >= t + s)
       break;
     d++;
   }
-  return f = Math.min(o, d), c = Math.min(r - 1, f + n), i < 0 && (i = 0, f = -1, l = 0, c = -1), {
+  return f = Math.min(o, d), a = Math.min(r - 1, f + n), i < 0 && (i = 0, f = -1, l = 0, a = -1), {
     startIndexVisible: i,
     stopIndexVisible: f,
     startIndexOverscan: l,
-    stopIndexOverscan: c
+    stopIndexOverscan: a
   };
 }
 function me({
@@ -212,7 +213,7 @@ function me({
   const r = /* @__PURE__ */ new Map();
   return {
     get(n) {
-      for ($(n < e, `Invalid index ${n}`); r.size - 1 < n; ) {
+      for (L(n < e, `Invalid index ${n}`); r.size - 1 < n; ) {
         const i = r.size;
         let f;
         switch (typeof s) {
@@ -232,7 +233,7 @@ function me({
           });
         else {
           const l = r.get(i - 1);
-          $(
+          L(
             l !== void 0,
             `Unexpected bounds cache miss for index ${n}`
           ), r.set(i, {
@@ -242,7 +243,7 @@ function me({
         }
       }
       const o = r.get(n);
-      return $(
+      return L(
         o !== void 0,
         `Unexpected bounds cache miss for index ${n}`
       ), o;
@@ -260,7 +261,7 @@ function Oe({
   itemProps: t,
   itemSize: s
 }) {
-  return L(
+  return A(
     () => me({
       itemCount: e,
       itemProps: t,
@@ -276,10 +277,10 @@ function ye({
   let s;
   switch (typeof t) {
     case "string": {
-      $(
+      L(
         t.endsWith("%"),
         `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`
-      ), $(
+      ), L(
         e !== void 0,
         "Container size must be defined if a percentage item size is specified"
       ), s = e * parseInt(t) / 100;
@@ -292,7 +293,7 @@ function ye({
   }
   return s;
 }
-function ee({
+function te({
   containerElement: e,
   containerStyle: t,
   defaultContainerSize: s = 0,
@@ -302,154 +303,158 @@ function ee({
   itemProps: i,
   itemSize: f,
   onResize: l,
-  overscanCount: c
+  overscanCount: a
 }) {
-  const [d, a] = H({
-    startIndexVisible: 0,
-    startIndexOverscan: 0,
-    stopIndexVisible: -1,
-    stopIndexOverscan: -1
-  }), {
-    startIndexVisible: u,
-    startIndexOverscan: I,
-    stopIndexVisible: m,
-    stopIndexOverscan: b
-  } = {
-    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 } = Ie({
+  const { height: d = s, width: c = s } = be({
     defaultHeight: r === "vertical" ? s : void 0,
     defaultWidth: r === "horizontal" ? s : void 0,
     element: e,
     mode: r === "vertical" ? "only-height" : "only-width",
     style: t
-  }), y = K({
+  }), h = K({
     height: 0,
     width: 0
-  }), V = r === "vertical" ? g : w, h = ye({ containerSize: V, itemSize: f });
-  se(() => {
+  }), p = r === "vertical" ? d : c, I = ye({ containerSize: p, itemSize: f });
+  re(() => {
     if (typeof l == "function") {
-      const p = y.current;
-      (p.height !== g || p.width !== w) && (l({ height: g, width: w }, { ...p }), p.height = g, p.width = w);
+      const g = h.current;
+      (g.height !== d || g.width !== c) && (l({ height: d, width: c }, { ...g }), g.height = d, g.width = c);
     }
-  }, [g, l, w]);
-  const z = Oe({
+  }, [d, l, c]);
+  const u = Oe({
     itemCount: o,
     itemProps: i,
-    itemSize: h
-  }), k = U(
-    (p) => z.get(p),
-    [z]
-  ), S = U(
+    itemSize: I
+  }), w = D(
+    (g) => u.get(g),
+    [u]
+  ), [m, O] = M(
+    () => P({
+      cachedBounds: u,
+      // TODO Potentially support a defaultScrollOffset prop?
+      containerScrollOffset: 0,
+      containerSize: p,
+      itemCount: o,
+      overscanCount: a
+    })
+  ), {
+    startIndexVisible: G,
+    startIndexOverscan: x,
+    stopIndexVisible: F,
+    stopIndexOverscan: V
+  } = {
+    startIndexVisible: Math.min(o - 1, m.startIndexVisible),
+    startIndexOverscan: Math.min(o - 1, m.startIndexOverscan),
+    stopIndexVisible: Math.min(o - 1, m.stopIndexVisible),
+    stopIndexOverscan: Math.min(o - 1, m.stopIndexOverscan)
+  }, z = D(
     () => fe({
-      cachedBounds: z,
+      cachedBounds: u,
       itemCount: o,
-      itemSize: h
+      itemSize: I
     }),
-    [z, o, h]
-  ), W = U(
-    (p) => {
-      const T = Z({
+    [u, o, I]
+  ), $ = D(
+    (g) => {
+      const S = Z({
         containerElement: e,
         direction: r,
         isRtl: n,
-        scrollOffset: p
+        scrollOffset: g
       });
-      return ie({
-        cachedBounds: z,
-        containerScrollOffset: T,
-        containerSize: V,
+      return P({
+        cachedBounds: u,
+        containerScrollOffset: S,
+        containerSize: p,
         itemCount: o,
-        overscanCount: c
+        overscanCount: a
       });
     },
     [
-      z,
+      u,
       e,
-      V,
+      p,
       r,
       n,
       o,
-      c
+      a
     ]
   );
   q(() => {
-    const p = (r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0;
-    a(W(p));
-  }, [e, r, W]), q(() => {
+    const g = (r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0;
+    O($(g));
+  }, [e, r, $]), q(() => {
     if (!e)
       return;
-    const p = () => {
-      a((T) => {
-        const { scrollLeft: R, scrollTop: v } = e, x = Z({
+    const g = () => {
+      O((S) => {
+        const { scrollLeft: E, scrollTop: b } = e, v = Z({
           containerElement: e,
           direction: r,
           isRtl: n,
-          scrollOffset: r === "vertical" ? v : R
-        }), A = ie({
-          cachedBounds: z,
-          containerScrollOffset: x,
-          containerSize: V,
+          scrollOffset: r === "vertical" ? b : E
+        }), R = P({
+          cachedBounds: u,
+          containerScrollOffset: v,
+          containerSize: p,
           itemCount: o,
-          overscanCount: c
+          overscanCount: a
         });
-        return Y(A, T) ? T : A;
+        return Y(R, S) ? S : R;
       });
     };
-    return e.addEventListener("scroll", p), () => {
-      e.removeEventListener("scroll", p);
+    return e.addEventListener("scroll", g), () => {
+      e.removeEventListener("scroll", g);
     };
   }, [
-    z,
+    u,
     e,
-    V,
+    p,
     r,
     o,
-    c
+    a
   ]);
-  const O = ae(
+  const y = ae(
     ({
-      align: p = "auto",
-      containerScrollOffset: T,
-      index: R
+      align: g = "auto",
+      containerScrollOffset: S,
+      index: E
     }) => {
-      let v = we({
-        align: p,
-        cachedBounds: z,
-        containerScrollOffset: T,
-        containerSize: V,
-        index: R,
+      let b = we({
+        align: g,
+        cachedBounds: u,
+        containerScrollOffset: S,
+        containerSize: p,
+        index: E,
         itemCount: o,
-        itemSize: h
+        itemSize: I
       });
       if (e) {
-        if (v = Z({
+        if (b = Z({
           containerElement: e,
           direction: r,
           isRtl: n,
-          scrollOffset: v
+          scrollOffset: b
         }), typeof e.scrollTo != "function") {
-          const x = W(v);
-          Y(d, x) || a(x);
+          const v = $(b);
+          Y(m, v) || O(v);
         }
-        return v;
+        return b;
       }
     }
   );
   return {
-    getCellBounds: k,
-    getEstimatedSize: S,
-    scrollToIndex: O,
-    startIndexOverscan: I,
-    startIndexVisible: u,
-    stopIndexOverscan: b,
-    stopIndexVisible: m
+    getCellBounds: w,
+    getEstimatedSize: z,
+    scrollToIndex: y,
+    startIndexOverscan: x,
+    startIndexVisible: G,
+    stopIndexOverscan: V,
+    stopIndexVisible: F
   };
 }
 function de(e) {
-  return L(() => e, Object.values(e));
+  return A(() => e, Object.values(e));
 }
 function ue(e, t) {
   const {
@@ -473,221 +478,219 @@ function Ee({
   defaultHeight: i = 0,
   defaultWidth: f = 0,
   dir: l,
-  gridRef: c,
+  gridRef: a,
   onCellsRendered: d,
-  onResize: a,
-  overscanCount: u = 3,
-  rowCount: I,
-  rowHeight: m,
-  style: b,
-  tagName: g = "div",
-  ...w
+  onResize: c,
+  overscanCount: h = 3,
+  rowCount: p,
+  rowHeight: I,
+  style: u,
+  tagName: w = "div",
+  ...m
 }) {
-  const y = de(t), V = L(
+  const O = de(t), G = A(
     () => le(e, ue),
     [e]
-  ), [h, z] = H(null), k = ve(h, l), {
-    getCellBounds: S,
-    getEstimatedSize: W,
-    startIndexOverscan: O,
-    startIndexVisible: p,
-    scrollToIndex: T,
-    stopIndexOverscan: R,
-    stopIndexVisible: v
-  } = ee({
-    containerElement: h,
-    containerStyle: b,
+  ), [x, F] = M(null), V = ve(x, l), {
+    getCellBounds: z,
+    getEstimatedSize: $,
+    startIndexOverscan: y,
+    startIndexVisible: g,
+    scrollToIndex: S,
+    stopIndexOverscan: E,
+    stopIndexVisible: b
+  } = te({
+    containerElement: x,
+    containerStyle: u,
     defaultContainerSize: f,
     direction: "horizontal",
-    isRtl: k,
+    isRtl: V,
     itemCount: n,
-    itemProps: y,
+    itemProps: O,
     itemSize: o,
-    onResize: a,
-    overscanCount: u
+    onResize: c,
+    overscanCount: h
   }), {
-    getCellBounds: x,
-    getEstimatedSize: A,
-    startIndexOverscan: M,
-    startIndexVisible: re,
+    getCellBounds: v,
+    getEstimatedSize: R,
+    startIndexOverscan: k,
+    startIndexVisible: ne,
     scrollToIndex: Q,
     stopIndexOverscan: _,
-    stopIndexVisible: ne
-  } = ee({
-    containerElement: h,
-    containerStyle: b,
+    stopIndexVisible: oe
+  } = te({
+    containerElement: x,
+    containerStyle: u,
     defaultContainerSize: i,
     direction: "vertical",
-    itemCount: I,
-    itemProps: y,
-    itemSize: m,
-    onResize: a,
-    overscanCount: u
+    itemCount: p,
+    itemProps: O,
+    itemSize: I,
+    onResize: c,
+    overscanCount: h
   });
   ce(
-    c,
+    a,
     () => ({
       get element() {
-        return h;
+        return x;
       },
       scrollToCell({
-        behavior: B = "auto",
-        columnAlign: E = "auto",
-        columnIndex: j,
-        rowAlign: D = "auto",
-        rowIndex: G
+        behavior: H = "auto",
+        columnAlign: T = "auto",
+        columnIndex: W,
+        rowAlign: B = "auto",
+        rowIndex: j
       }) {
-        const N = T({
-          align: E,
-          containerScrollOffset: h?.scrollLeft ?? 0,
-          index: j
+        const N = S({
+          align: T,
+          containerScrollOffset: x?.scrollLeft ?? 0,
+          index: W
         }), ge = Q({
-          align: D,
-          containerScrollOffset: h?.scrollTop ?? 0,
-          index: G
+          align: B,
+          containerScrollOffset: x?.scrollTop ?? 0,
+          index: j
         });
-        typeof h?.scrollTo == "function" && h.scrollTo({
-          behavior: B,
+        typeof x?.scrollTo == "function" && x.scrollTo({
+          behavior: H,
           left: N,
           top: ge
         });
       },
       scrollToColumn({
-        align: B = "auto",
-        behavior: E = "auto",
-        index: j
+        align: H = "auto",
+        behavior: T = "auto",
+        index: W
       }) {
-        const D = T({
-          align: B,
-          containerScrollOffset: h?.scrollLeft ?? 0,
-          index: j
+        const B = S({
+          align: H,
+          containerScrollOffset: x?.scrollLeft ?? 0,
+          index: W
         });
-        typeof h?.scrollTo == "function" && h.scrollTo({
-          behavior: E,
-          left: D
+        typeof x?.scrollTo == "function" && x.scrollTo({
+          behavior: T,
+          left: B
         });
       },
       scrollToRow({
-        align: B = "auto",
-        behavior: E = "auto",
-        index: j
+        align: H = "auto",
+        behavior: T = "auto",
+        index: W
       }) {
-        const D = Q({
-          align: B,
-          containerScrollOffset: h?.scrollTop ?? 0,
-          index: j
+        const B = Q({
+          align: H,
+          containerScrollOffset: x?.scrollTop ?? 0,
+          index: W
         });
-        typeof h?.scrollTo == "function" && h.scrollTo({
-          behavior: E,
-          top: D
+        typeof x?.scrollTo == "function" && x.scrollTo({
+          behavior: T,
+          top: B
         });
       }
     }),
-    [h, T, Q]
+    [x, S, Q]
   ), J(() => {
-    O >= 0 && R >= 0 && M >= 0 && _ >= 0 && d && d(
+    y >= 0 && E >= 0 && k >= 0 && _ >= 0 && d && d(
       {
-        columnStartIndex: p,
-        columnStopIndex: v,
-        rowStartIndex: re,
-        rowStopIndex: ne
+        columnStartIndex: g,
+        columnStopIndex: b,
+        rowStartIndex: ne,
+        rowStopIndex: oe
       },
       {
-        columnStartIndex: O,
-        columnStopIndex: R,
-        rowStartIndex: M,
+        columnStartIndex: y,
+        columnStopIndex: E,
+        rowStartIndex: k,
         rowStopIndex: _
       }
     );
   }, [
     d,
-    O,
-    p,
-    R,
-    v,
-    M,
-    re,
+    y,
+    g,
+    E,
+    b,
+    k,
+    ne,
     _,
-    ne
+    oe
   ]);
-  const he = L(() => {
-    const B = [];
-    if (n > 0 && I > 0)
-      for (let E = M; E <= _; E++) {
-        const j = x(E), D = [];
-        for (let G = O; G <= R; G++) {
-          const N = S(G);
-          D.push(
+  const he = A(() => {
+    const H = [];
+    if (n > 0 && p > 0)
+      for (let T = k; T <= _; T++) {
+        const W = v(T), B = [];
+        for (let j = y; j <= E; j++) {
+          const N = z(j);
+          B.push(
             /* @__PURE__ */ X(
-              V,
+              G,
               {
-                ...y,
+                ...O,
                 ariaAttributes: {
-                  "aria-colindex": G + 1,
+                  "aria-colindex": j + 1,
                   role: "gridcell"
                 },
-                columnIndex: G,
-                key: G,
-                rowIndex: E,
+                columnIndex: j,
+                key: j,
+                rowIndex: T,
                 style: {
                   position: "absolute",
-                  left: k ? void 0 : 0,
-                  right: k ? 0 : void 0,
-                  transform: `translate(${k ? -N.scrollOffset : N.scrollOffset}px, ${j.scrollOffset}px)`,
-                  height: j.size,
+                  left: V ? void 0 : 0,
+                  right: V ? 0 : void 0,
+                  transform: `translate(${V ? -N.scrollOffset : N.scrollOffset}px, ${W.scrollOffset}px)`,
+                  height: W.size,
                   width: N.size
                 }
               }
             )
           );
         }
-        B.push(
-          /* @__PURE__ */ P("div", { role: "row", "aria-rowindex": E + 1, children: D }, E)
+        H.push(
+          /* @__PURE__ */ ee("div", { role: "row", "aria-rowindex": T + 1, children: B }, T)
         );
       }
-    return B;
+    return H;
   }, [
-    V,
-    y,
-    n,
+    G,
     O,
-    R,
-    S,
-    x,
+    n,
+    y,
+    E,
+    z,
+    v,
+    V,
+    p,
     k,
-    I,
-    M,
     _
-  ]), pe = /* @__PURE__ */ P(
+  ]), pe = /* @__PURE__ */ ee(
     "div",
     {
       "aria-hidden": !0,
       style: {
-        height: A(),
-        width: W(),
+        height: R(),
+        width: $(),
         zIndex: -1
       }
     }
   );
   return X(
-    g,
+    w,
     {
       "aria-colcount": n,
-      "aria-rowcount": I,
+      "aria-rowcount": p,
       role: "grid",
-      ...w,
+      ...m,
       className: r,
       dir: l,
-      ref: z,
+      ref: F,
       style: {
         position: "relative",
-        width: "100%",
-        height: "100%",
         maxHeight: "100%",
         maxWidth: "100%",
         flexGrow: 1,
         overflow: "auto",
-        ...b
+        ...u
       }
     },
     he,
@@ -695,11 +698,11 @@ function Ee({
     pe
   );
 }
-const Ve = H, Re = K;
+const Re = M, Ve = K;
 function ze(e) {
   return e != null && typeof e == "object" && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
-const te = "data-react-window-index";
+const se = "data-react-window-index";
 function Ae({
   children: e,
   className: t,
@@ -710,31 +713,31 @@ function Ae({
   overscanCount: i = 3,
   rowComponent: f,
   rowCount: l,
-  rowHeight: c,
+  rowHeight: a,
   rowProps: d,
-  tagName: a = "div",
-  style: u,
-  ...I
+  tagName: c = "div",
+  style: h,
+  ...p
 }) {
-  const m = de(d), b = L(
+  const I = de(d), u = A(
     () => le(f, ue),
     [f]
-  ), [g, w] = H(null), y = ze(c), V = L(() => y ? (v) => c.getRowHeight(v) ?? c.getAverageRowHeight() : c, [y, c]), {
-    getCellBounds: h,
-    getEstimatedSize: z,
-    scrollToIndex: k,
-    startIndexOverscan: S,
-    startIndexVisible: W,
-    stopIndexOverscan: O,
-    stopIndexVisible: p
-  } = ee({
-    containerElement: g,
-    containerStyle: u,
+  ), [w, m] = M(null), O = ze(a), G = A(() => O ? (b) => a.getRowHeight(b) ?? a.getAverageRowHeight() : a, [O, a]), {
+    getCellBounds: x,
+    getEstimatedSize: F,
+    scrollToIndex: V,
+    startIndexOverscan: z,
+    startIndexVisible: $,
+    stopIndexOverscan: y,
+    stopIndexVisible: g
+  } = te({
+    containerElement: w,
+    containerStyle: h,
     defaultContainerSize: s,
     direction: "vertical",
     itemCount: l,
-    itemProps: m,
-    itemSize: V,
+    itemProps: I,
+    itemSize: G,
     onResize: n,
     overscanCount: i
   });
@@ -742,135 +745,135 @@ function Ae({
     r,
     () => ({
       get element() {
-        return g;
+        return w;
       },
       scrollToRow({
-        align: v = "auto",
-        behavior: x = "auto",
-        index: A
+        align: b = "auto",
+        behavior: v = "auto",
+        index: R
       }) {
-        const M = k({
-          align: v,
-          containerScrollOffset: g?.scrollTop ?? 0,
-          index: A
+        const k = V({
+          align: b,
+          containerScrollOffset: w?.scrollTop ?? 0,
+          index: R
         });
-        typeof g?.scrollTo == "function" && g.scrollTo({
-          behavior: x,
-          top: M
+        typeof w?.scrollTo == "function" && w.scrollTo({
+          behavior: v,
+          top: k
         });
       }
     }),
-    [g, k]
+    [w, V]
   ), q(() => {
-    if (!g)
+    if (!w)
       return;
-    const v = Array.from(g.children).filter((x, A) => {
-      if (x.hasAttribute("aria-hidden"))
+    const b = Array.from(w.children).filter((v, R) => {
+      if (v.hasAttribute("aria-hidden"))
         return !1;
-      const M = `${S + A}`;
-      return x.setAttribute(te, M), !0;
+      const k = `${z + R}`;
+      return v.setAttribute(se, k), !0;
     });
-    if (y)
-      return c.observeRowElements(v);
+    if (O)
+      return a.observeRowElements(b);
   }, [
-    g,
-    y,
-    c,
-    S,
-    O
+    w,
+    O,
+    a,
+    z,
+    y
   ]), J(() => {
-    S >= 0 && O >= 0 && o && o(
+    z >= 0 && y >= 0 && o && o(
       {
-        startIndex: W,
-        stopIndex: p
+        startIndex: $,
+        stopIndex: g
       },
       {
-        startIndex: S,
-        stopIndex: O
+        startIndex: z,
+        stopIndex: y
       }
     );
   }, [
     o,
-    S,
-    W,
-    O,
-    p
+    z,
+    $,
+    y,
+    g
   ]);
-  const T = L(() => {
-    const v = [];
+  const S = A(() => {
+    const b = [];
     if (l > 0)
-      for (let x = S; x <= O; x++) {
-        const A = h(x);
-        v.push(
+      for (let v = z; v <= y; v++) {
+        const R = x(v);
+        b.push(
           /* @__PURE__ */ X(
-            b,
+            u,
             {
-              ...m,
+              ...I,
               ariaAttributes: {
-                "aria-posinset": x + 1,
+                "aria-posinset": v + 1,
                 "aria-setsize": l,
                 role: "listitem"
               },
-              key: x,
-              index: x,
+              key: v,
+              index: v,
               style: {
                 position: "absolute",
                 left: 0,
-                transform: `translateY(${A.scrollOffset}px)`,
+                transform: `translateY(${R.scrollOffset}px)`,
                 // In case of dynamic row heights, don't specify a height style
                 // otherwise a default/estimated height would mask the actual height
-                height: y ? void 0 : A.size,
+                height: O ? void 0 : R.size,
                 width: "100%"
               }
             }
           )
         );
       }
-    return v;
+    return b;
   }, [
-    b,
-    h,
-    y,
+    u,
+    x,
+    O,
     l,
-    m,
-    S,
-    O
-  ]), R = /* @__PURE__ */ P(
+    I,
+    z,
+    y
+  ]), E = /* @__PURE__ */ ee(
     "div",
     {
       "aria-hidden": !0,
       style: {
-        height: z(),
+        height: F(),
         width: "100%",
         zIndex: -1
       }
     }
   );
   return X(
-    a,
+    c,
     {
       role: "list",
-      ...I,
+      ...p,
       className: t,
-      ref: w,
+      ref: m,
       style: {
         position: "relative",
         maxHeight: "100%",
         flexGrow: 1,
         overflowY: "auto",
-        ...u
+        ...h
       }
     },
-    T,
+    S,
     e,
-    R
+    E
   );
 }
 function ke({
   defaultRowHeight: e,
   key: t
 }) {
-  const [s, r] = H({
+  const [s, r] = M({
     key: t,
     map: /* @__PURE__ */ new Map()
   });
@@ -878,52 +881,52 @@ function ke({
     key: t,
     map: /* @__PURE__ */ new Map()
   });
-  const { map: n } = s, o = U(() => {
-    let a = 0;
-    return n.forEach((u) => {
-      a += u;
-    }), a === 0 ? e : a / n.size;
-  }, [e, n]), i = U(
-    (a) => {
-      const u = n.get(a);
-      return u !== void 0 ? u : (n.set(a, e), e);
+  const { map: n } = s, o = D(() => {
+    let c = 0;
+    return n.forEach((h) => {
+      c += h;
+    }), c === 0 ? e : c / n.size;
+  }, [e, n]), i = D(
+    (c) => {
+      const h = n.get(c);
+      return h !== void 0 ? h : (n.set(c, e), e);
     },
     [e, n]
-  ), f = U((a, u) => {
-    r((I) => {
-      if (I.map.get(a) === u)
-        return I;
-      const m = new Map(I.map);
-      return m.set(a, u), {
-        ...I,
-        map: m
+  ), f = D((c, h) => {
+    r((p) => {
+      if (p.map.get(c) === h)
+        return p;
+      const I = new Map(p.map);
+      return I.set(c, h), {
+        ...p,
+        map: I
       };
     });
   }, []), l = ae(
-    (a) => {
-      a.length !== 0 && a.forEach((u) => {
-        const { borderBoxSize: I, target: m } = u, b = m.getAttribute(te);
-        $(
-          b !== null,
-          `Invalid ${te} attribute value`
+    (c) => {
+      c.length !== 0 && c.forEach((h) => {
+        const { borderBoxSize: p, target: I } = h, u = I.getAttribute(se);
+        L(
+          u !== null,
+          `Invalid ${se} attribute value`
         );
-        const g = parseInt(b), { blockSize: w } = I[0];
-        w && f(g, w);
+        const w = parseInt(u), { blockSize: m } = p[0];
+        m && f(w, m);
       });
     }
-  ), [c] = H(
+  ), [a] = M(
     () => new ResizeObserver(l)
   );
   J(() => () => {
-    c.disconnect();
-  }, [c]);
-  const d = U(
-    (a) => (a.forEach((u) => c.observe(u)), () => {
-      a.forEach((u) => c.unobserve(u));
+    a.disconnect();
+  }, [a]);
+  const d = D(
+    (c) => (c.forEach((h) => a.observe(h)), () => {
+      c.forEach((h) => a.unobserve(h));
     }),
-    [c]
+    [a]
   );
-  return L(
+  return A(
     () => ({
       getAverageRowHeight: o,
       getRowHeight: i,
@@ -933,7 +936,7 @@ function ke({
     [o, i, f, d]
   );
 }
-const Le = H, Me = K;
+const Le = M, Me = K;
 let C = -1;
 function $e(e = !1) {
   if (C === -1 || e) {
@@ -947,8 +950,8 @@ export {
   Ae as List,
   $e as getScrollbarSize,
   ke as useDynamicRowHeight,
-  Ve as useGridCallbackRef,
-  Re as useGridRef,
+  Re as useGridCallbackRef,
+  Ve as useGridRef,
   Le as useListCallbackRef,
   Me as useListRef
 };