react-window 2.3.4 → 2.4.0

package/dist/react-window.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx as re } from "react/jsx-runtime";
-import { useState as H, useLayoutEffect as oe, useEffect as ee, useMemo as W, useRef as G, useCallback as $, memo as ue, useImperativeHandle as he, createElement as K } from "react";
-function Oe(e) {
+import { useLayoutEffect as Te, useEffect as ne, useState as M, useSyncExternalStore as Re, useMemo as q, useRef as H, useCallback as U, memo as be, useImperativeHandle as xe, createElement as le, Fragment as ue } from "react";
+const W = typeof window < "u" ? Te : ne;
+function we(e) {
   let t = e;
   for (; t; ) {
     if (t.dir)
@@ -10,20 +11,30 @@ function Oe(e) {
   }
   return !1;
 }
-function me(e, t) {
-  const [s, r] = H(t === "rtl");
-  return oe(() => {
-    t ? r(t === "rtl") : e && r(Oe(e));
+function Ae(e, t) {
+  const [s, o] = M(t === "rtl");
+  return W(() => {
+    t ? o(t === "rtl") : e && o(we(e));
   }, [t, e]), s;
 }
-const Y = typeof window < "u" ? oe : ee;
-function ie(e) {
+function Me() {
+  return () => {
+  };
+}
+function Ie() {
+  return Re(
+    Me,
+    () => !1,
+    () => !0
+  );
+}
+function ae(e) {
   return e?.ownerDocument.defaultView ?? window;
 }
-function ve(e) {
-  return ie(e).ResizeObserver ?? (typeof ResizeObserver < "u" ? ResizeObserver : void 0);
+function Oe(e) {
+  return ae(e).ResizeObserver ?? (typeof ResizeObserver < "u" ? ResizeObserver : void 0);
 }
-function le(e) {
+function de(e) {
   if (e !== void 0)
     switch (typeof e) {
       case "number":
@@ -35,105 +46,105 @@ function le(e) {
       }
     }
 }
-function ze({
+function Le({
   box: e,
   defaultHeight: t,
   defaultWidth: s,
-  disabled: r,
-  element: n,
+  disabled: o,
+  element: r,
   mode: i,
-  style: l
+  style: n
 }) {
-  const { styleHeight: a, styleWidth: c } = W(
+  const { styleHeight: l, styleWidth: a } = q(
     () => ({
-      styleHeight: le(l?.height),
-      styleWidth: le(l?.width)
+      styleHeight: de(n?.height),
+      styleWidth: de(n?.width)
     }),
-    [l?.height, l?.width]
-  ), [f, h] = H({
+    [n?.height, n?.width]
+  ), [v, f] = M({
     height: t,
     width: s
-  }), o = r || i === "only-height" && a !== void 0 || i === "only-width" && c !== void 0 || a !== void 0 && c !== void 0;
-  return Y(() => {
-    if (n === null || o)
+  }), c = o || i === "only-height" && l !== void 0 || i === "only-width" && a !== void 0 || l !== void 0 && a !== void 0;
+  return W(() => {
+    if (r === null || c)
       return;
-    const u = ve(n);
+    const u = Oe(r);
     if (!u)
       return;
-    const d = new u((p) => {
-      for (const v of p) {
-        const { contentRect: x, target: g } = v;
-        n === g && h((z) => z.height === x.height && z.width === x.width ? z : {
-          height: x.height,
-          width: x.width
+    const p = new u((d) => {
+      for (const x of d) {
+        const { contentRect: h, target: O } = x;
+        r === O && f((b) => b.height === h.height && b.width === h.width ? b : {
+          height: h.height,
+          width: h.width
         });
       }
     });
-    return d.observe(n, { box: e }), () => {
-      d?.unobserve(n);
+    return p.observe(r, { box: e }), () => {
+      p?.unobserve(r);
     };
-  }, [e, o, n, a, c]), W(
+  }, [e, c, r, l, a]), q(
     () => ({
-      height: a ?? f.height,
-      width: c ?? f.width
+      height: l ?? v.height,
+      width: a ?? v.width
     }),
-    [f, a, c]
+    [v, l, a]
   );
 }
-function J(e) {
-  const t = G(() => {
+function ee(e) {
+  const t = H(() => {
     throw new Error("Cannot call an event handler while rendering.");
   });
-  return Y(() => {
+  return W(() => {
     t.current = e;
-  }, [e]), $((...s) => t.current?.(...s), [t]);
+  }, [e]), U((...s) => t.current?.(...s), [t]);
 }
-const ae = /* @__PURE__ */ new WeakMap();
-function ye(e = !1, t = document) {
-  let s = ae.get(t);
+const he = /* @__PURE__ */ new WeakMap();
+function Ee(e = !1, t = document) {
+  let s = he.get(t);
   if (s === void 0 || e) {
-    const r = t.createElement("div"), n = r.style;
-    n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
-    const i = t.createElement("div"), l = i.style;
-    l.width = "100px", l.height = "100px", r.appendChild(i), t.body.appendChild(r), r.scrollLeft > 0 ? s = "positive-descending" : (r.scrollLeft = 1, r.scrollLeft === 0 ? s = "negative" : s = "positive-ascending"), t.body.removeChild(r), ae.set(t, s);
+    const o = t.createElement("div"), r = o.style;
+    r.width = "50px", r.height = "50px", r.overflow = "scroll", r.direction = "rtl";
+    const i = t.createElement("div"), n = i.style;
+    n.width = "100px", n.height = "100px", o.appendChild(i), t.body.appendChild(o), o.scrollLeft > 0 ? s = "positive-descending" : (o.scrollLeft = 1, o.scrollLeft === 0 ? s = "negative" : s = "positive-ascending"), t.body.removeChild(o), he.set(t, s);
   }
   return s;
 }
-function P({
+function C({
   containerElement: e,
   direction: t,
   isRtl: s,
-  scrollOffset: r
+  scrollOffset: o
 }) {
   if (t === "horizontal" && s)
-    switch (ye(!1, e?.ownerDocument ?? document)) {
+    switch (Ee(!1, e?.ownerDocument ?? document)) {
       case "negative":
-        return -r;
+        return -o;
       case "positive-descending": {
         if (e) {
-          const { clientWidth: n, scrollWidth: i } = e;
-          return i - n - r;
+          const { clientWidth: r, scrollWidth: i } = e;
+          return i - r - o;
         }
         break;
       }
     }
-  return r;
+  return o;
 }
-function L(e, t = "Assertion error") {
+function $(e, t = "Assertion error") {
   if (!e)
     throw console.error(t), Error(t);
 }
-function N(e, t) {
+function J(e, t) {
   if (e === t)
     return !0;
-  if (!!e != !!t || (L(e !== void 0), L(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.hasOwn(t, s) || !Object.is(t[s], e[s]))
       return !1;
   return !0;
 }
-function pe({
+function ze({
   cachedBounds: e,
   itemCount: t,
   itemSize: s
@@ -143,162 +154,162 @@ function pe({
   if (typeof s == "number")
     return t * s;
   {
-    const r = e.get(
+    const o = e.get(
       e.size === 0 ? 0 : e.size - 1
     );
-    L(r !== void 0, "Unexpected bounds cache miss");
-    const n = (r.scrollOffset + r.size) / e.size;
-    return t * n;
+    $(o !== void 0, "Unexpected bounds cache miss");
+    const r = (o.scrollOffset + o.size) / e.size;
+    return t * r;
   }
 }
-function Se({
+function Ve({
   align: e,
   cachedBounds: t,
   index: s,
-  itemCount: r,
-  itemSize: n,
+  itemCount: o,
+  itemSize: r,
   containerScrollOffset: i,
-  containerSize: l
+  containerSize: n
 }) {
-  if (s < 0 || s >= r)
+  if (s < 0 || s >= o)
     throw RangeError(`Invalid index specified: ${s}`, {
-      cause: `Index ${s} is not within the range of 0 - ${r - 1}`
+      cause: `Index ${s} is not within the range of 0 - ${o - 1}`
     });
-  const a = t.get(s), c = pe({
+  const l = t.get(s), a = ze({
     cachedBounds: t,
-    itemCount: r,
-    itemSize: n
-  }), f = Math.max(
+    itemCount: o,
+    itemSize: r
+  }), v = Math.max(
     0,
-    Math.min(c - l, a.scrollOffset)
-  ), h = Math.max(
+    Math.min(a - n, l.scrollOffset)
+  ), f = Math.max(
     0,
-    a.scrollOffset - l + a.size
-  ), o = a.size > l ? i >= a.scrollOffset && i <= h : i >= h && i <= a.scrollOffset;
-  switch (e === "smart" && (e = o ? "auto" : "center"), e) {
+    l.scrollOffset - n + l.size
+  ), c = l.size > n ? i >= l.scrollOffset && i <= f : i >= f && i <= l.scrollOffset;
+  switch (e === "smart" && (e = c ? "auto" : "center"), e) {
     case "start":
-      return f;
+      return v;
     case "end":
-      return h;
+      return f;
     case "center":
       return Math.max(
         0,
         Math.min(
-          c - l,
-          a.scrollOffset + a.size / 2 - l / 2
+          a - n,
+          l.scrollOffset + l.size / 2 - n / 2
         )
       );
     case "auto":
     default:
-      return o ? i : i < h ? h : f;
+      return c ? i : i < f ? f : v;
   }
 }
-function se({
+function ce({
   cachedBounds: e,
   containerScrollOffset: t,
   containerSize: s,
-  itemCount: r,
-  overscanCount: n
+  itemCount: o,
+  overscanCount: r
 }) {
-  const i = r - 1;
-  if (r === 0)
+  const i = o - 1;
+  if (o === 0)
     return {
       startIndexVisible: 0,
       stopIndexVisible: -1,
       startIndexOverscan: 0,
       stopIndexOverscan: -1
     };
-  let l, a;
-  const { itemSize: c } = e;
-  if (c !== void 0 && c > 0)
-    l = Math.max(
+  let n, l;
+  const { itemSize: a } = e;
+  if (a !== void 0 && a > 0)
+    n = Math.max(
       0,
-      Math.min(i, Math.floor(t / c))
-    ), a = Math.max(
-      l,
+      Math.min(i, Math.floor(t / a))
+    ), l = Math.max(
+      n,
       Math.min(
         i,
-        Math.ceil((t + s) / c) - 1
+        Math.ceil((t + s) / a) - 1
       )
     );
   else {
-    let f = 0, h = Math.min(i, Math.max(0, e.size - 1));
-    for (; f < h; ) {
-      const o = Math.floor((f + h) / 2), u = e.get(o);
-      u.scrollOffset + u.size > t ? h = o : f = o + 1;
+    let v = 0, f = Math.min(i, Math.max(0, e.size - 1));
+    for (; v < f; ) {
+      const c = Math.floor((v + f) / 2), u = e.get(c);
+      u.scrollOffset + u.size > t ? f = c : v = c + 1;
     }
-    for (; f < i; ) {
-      const o = e.get(f);
-      if (o.scrollOffset + o.size > t) break;
-      f++;
+    for (; v < i; ) {
+      const c = e.get(v);
+      if (c.scrollOffset + c.size > t) break;
+      v++;
     }
-    for (l = f, a = f; a < i; ) {
-      const o = e.get(a);
-      if (o.scrollOffset + o.size >= t + s)
+    for (n = v, l = v; l < i; ) {
+      const c = e.get(l);
+      if (c.scrollOffset + c.size >= t + s)
         break;
-      a++;
+      l++;
     }
   }
   return {
-    startIndexVisible: l,
-    stopIndexVisible: a,
-    startIndexOverscan: Math.max(0, l - n),
-    stopIndexOverscan: Math.min(i, a + n)
+    startIndexVisible: n,
+    stopIndexVisible: l,
+    startIndexOverscan: Math.max(0, n - r),
+    stopIndexOverscan: Math.min(i, l + r)
   };
 }
-function Te({
+function ke({
   itemCount: e,
   itemProps: t,
   itemSize: s
 }) {
-  const r = /* @__PURE__ */ new Map();
+  const o = /* @__PURE__ */ new Map();
   return {
     itemSize: typeof s == "number" ? s : void 0,
-    get(n) {
-      if (L(n < e, `Invalid index ${n}`), typeof s == "number") {
-        L(n >= 0, `Invalid index ${n}`);
-        let l = r.get(n);
-        return l === void 0 && (l = { size: s, scrollOffset: n * s }, r.set(n, l)), l;
+    get(r) {
+      if ($(r < e, `Invalid index ${r}`), typeof s == "number") {
+        $(r >= 0, `Invalid index ${r}`);
+        let n = o.get(r);
+        return n === void 0 && (n = { size: s, scrollOffset: r * s }, o.set(r, n)), n;
       }
-      for (; r.size - 1 < n; ) {
-        const l = r.size, a = s(l, t);
-        if (l === 0)
-          r.set(l, {
-            size: a,
+      for (; o.size - 1 < r; ) {
+        const n = o.size, l = s(n, t);
+        if (n === 0)
+          o.set(n, {
+            size: l,
             scrollOffset: 0
           });
         else {
-          const c = r.get(l - 1);
-          L(
-            c !== void 0,
-            `Unexpected bounds cache miss for index ${n}`
-          ), r.set(l, {
-            scrollOffset: c.scrollOffset + c.size,
-            size: a
+          const a = o.get(n - 1);
+          $(
+            a !== void 0,
+            `Unexpected bounds cache miss for index ${r}`
+          ), o.set(n, {
+            scrollOffset: a.scrollOffset + a.size,
+            size: l
           });
         }
       }
-      const i = r.get(n);
-      return L(
+      const i = o.get(r);
+      return $(
         i !== void 0,
-        `Unexpected bounds cache miss for index ${n}`
+        `Unexpected bounds cache miss for index ${r}`
       ), i;
     },
-    set(n, i) {
-      r.set(n, i);
+    set(r, i) {
+      o.set(r, i);
     },
     get size() {
-      return r.size;
+      return o.size;
     }
   };
 }
-function Me({
+function Fe({
   itemCount: e,
   itemProps: t,
   itemSize: s
 }) {
-  return W(
-    () => Te({
+  return q(
+    () => ke({
       itemCount: e,
       itemProps: t,
       itemSize: s
@@ -306,17 +317,17 @@ function Me({
     [e, t, s]
   );
 }
-function Ee({
+function We({
   containerSize: e,
   itemSize: t
 }) {
   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 * parseFloat(t) / 100;
@@ -329,501 +340,563 @@ function Ee({
   }
   return s;
 }
-function ne({
+function fe({
   containerElement: e,
   containerStyle: t,
   defaultContainerSize: s = 0,
+  defaultScrollOffset: o = 0,
   direction: r,
-  isRtl: n = !1,
-  itemCount: i,
+  isRtl: i = !1,
+  itemCount: n,
   itemProps: l,
   itemSize: a,
-  onResize: c,
+  onResize: v,
   overscanCount: f
 }) {
-  const { height: h = s, width: o = s } = ze({
+  const { height: c = s, width: u = s } = Le({
     defaultHeight: r === "vertical" ? s : void 0,
     defaultWidth: r === "horizontal" ? s : void 0,
     element: e,
     mode: r === "vertical" ? "only-height" : "only-width",
     style: t
-  }), u = G({
+  }), p = H({
     height: 0,
     width: 0
-  }), d = r === "vertical" ? h : o, p = Ee({ containerSize: d, itemSize: a });
-  oe(() => {
-    if (typeof c == "function") {
-      const b = u.current;
-      (b.height !== h || b.width !== o) && (c({ height: h, width: o }, { ...b }), b.height = h, b.width = o);
+  }), d = r === "vertical" ? c : u, x = We({ containerSize: d, itemSize: a });
+  W(() => {
+    if (typeof v == "function") {
+      const g = p.current;
+      (g.height !== c || g.width !== u) && (v({ height: c, width: u }, { ...g }), g.height = c, g.width = u);
     }
-  }, [h, c, o]);
-  const v = Me({
-    itemCount: i,
+  }, [c, v, u]);
+  const h = Fe({
+    itemCount: n,
     itemProps: l,
-    itemSize: p
-  }), x = $(
-    (b) => v.get(b),
-    [v]
-  ), [g, z] = H(
-    () => se({
-      cachedBounds: v,
-      // TODO Potentially support a defaultScrollOffset prop?
-      containerScrollOffset: 0,
+    itemSize: x
+  }), O = Ie(), [b] = M(
+    () => O ? 0 : o
+  ), D = U(
+    (g) => h.get(g),
+    [h]
+  ), [m, X] = M(
+    () => ce({
+      cachedBounds: h,
+      containerScrollOffset: b,
       containerSize: d,
-      itemCount: i,
+      itemCount: n,
       overscanCount: f
     })
   ), {
-    startIndexVisible: M,
-    startIndexOverscan: E,
-    stopIndexVisible: F,
-    stopIndexOverscan: w
+    startIndexVisible: L,
+    startIndexOverscan: j,
+    stopIndexVisible: I,
+    stopIndexOverscan: te
   } = {
-    startIndexVisible: Math.min(i - 1, g.startIndexVisible),
-    startIndexOverscan: Math.min(i - 1, g.startIndexOverscan),
-    stopIndexVisible: Math.min(i - 1, g.stopIndexVisible),
-    stopIndexOverscan: Math.min(i - 1, g.stopIndexOverscan)
-  }, D = $(
-    () => pe({
-      cachedBounds: v,
-      itemCount: i,
-      itemSize: p
+    startIndexVisible: Math.min(n - 1, m.startIndexVisible),
+    startIndexOverscan: Math.min(n - 1, m.startIndexOverscan),
+    stopIndexVisible: Math.min(n - 1, m.stopIndexVisible),
+    stopIndexOverscan: Math.min(n - 1, m.stopIndexOverscan)
+  }, A = U(
+    () => ze({
+      cachedBounds: h,
+      itemCount: n,
+      itemSize: x
     }),
-    [v, i, p]
-  ), I = $(
-    (b) => {
-      const O = P({
+    [h, n, x]
+  ), G = U(
+    (g) => {
+      const w = C({
         containerElement: e,
         direction: r,
-        isRtl: n,
-        scrollOffset: b
+        isRtl: i,
+        scrollOffset: g
       });
-      return se({
-        cachedBounds: v,
-        containerScrollOffset: O,
+      return ce({
+        cachedBounds: h,
+        containerScrollOffset: w,
         containerSize: d,
-        itemCount: i,
+        itemCount: n,
         overscanCount: f
       });
     },
     [
-      v,
+      h,
       e,
       d,
       r,
-      n,
       i,
+      n,
       f
     ]
-  );
-  Y(() => {
-    const b = (r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0;
-    z(I(b));
-  }, [e, r, I]), Y(() => {
+  ), Q = H(!1);
+  W(() => {
+    if (!e || n === 0 || Q.current || (Q.current = !0, o <= 0))
+      return;
+    const g = r === "horizontal" && we(e);
+    if (C({
+      containerElement: e,
+      direction: r,
+      isRtl: g,
+      scrollOffset: r === "vertical" ? e.scrollTop : e.scrollLeft
+    }) !== 0)
+      return;
+    const y = C({
+      containerElement: e,
+      direction: r,
+      isRtl: g,
+      scrollOffset: o
+    });
+    typeof e.scrollTo == "function" ? e.scrollTo({
+      behavior: "instant",
+      [r === "vertical" ? "top" : "left"]: y
+    }) : r === "vertical" ? e.scrollTop = y : e.scrollLeft = y;
+  }, [e, n]), W(() => {
+    const g = e ? G(
+      r === "vertical" ? e.scrollTop : e.scrollLeft
+    ) : ce({
+      cachedBounds: h,
+      containerScrollOffset: b,
+      containerSize: d,
+      itemCount: n,
+      overscanCount: f
+    });
+    X((w) => J(g, w) ? w : g);
+  }, [
+    h,
+    e,
+    d,
+    r,
+    G,
+    b,
+    n,
+    f
+  ]), W(() => {
     if (!e)
       return;
-    const b = () => {
-      z((O) => {
-        const { scrollLeft: V, scrollTop: y } = e, S = P({
+    const g = () => {
+      X((w) => {
+        const { scrollLeft: y, scrollTop: T } = e, E = C({
           containerElement: e,
           direction: r,
-          isRtl: n,
-          scrollOffset: r === "vertical" ? y : V
-        }), q = se({
-          cachedBounds: v,
-          containerScrollOffset: S,
+          isRtl: i,
+          scrollOffset: r === "vertical" ? T : y
+        }), V = ce({
+          cachedBounds: h,
+          containerScrollOffset: E,
           containerSize: d,
-          itemCount: i,
+          itemCount: n,
           overscanCount: f
         });
-        return N(q, O) ? O : q;
+        return J(V, w) ? w : V;
       });
     };
-    return e.addEventListener("scroll", b), () => {
-      e.removeEventListener("scroll", b);
+    return e.addEventListener("scroll", g), () => {
+      e.removeEventListener("scroll", g);
     };
   }, [
-    v,
+    h,
     e,
     d,
     r,
-    n,
     i,
+    n,
     f
   ]);
-  const _ = J(
+  const z = ee(
     ({
-      align: b = "auto",
-      containerScrollOffset: O,
-      index: V
+      align: g = "auto",
+      containerScrollOffset: w,
+      index: y
     }) => {
-      let y = Se({
-        align: b,
-        cachedBounds: v,
-        containerScrollOffset: P({
+      let T = Ve({
+        align: g,
+        cachedBounds: h,
+        containerScrollOffset: C({
           containerElement: e,
           direction: r,
-          isRtl: n,
-          scrollOffset: O
+          isRtl: i,
+          scrollOffset: w
         }),
         containerSize: d,
-        index: V,
-        itemCount: i,
-        itemSize: p
+        index: y,
+        itemCount: n,
+        itemSize: x
       });
       if (e) {
-        if (y = P({
+        if (T = C({
           containerElement: e,
           direction: r,
-          isRtl: n,
-          scrollOffset: y
+          isRtl: i,
+          scrollOffset: T
         }), typeof e.scrollTo != "function") {
-          const S = I(y);
-          N(g, S) || z(S);
+          const E = G(T);
+          J(m, E) || X(E);
         }
-        return y;
+        return T;
       }
     }
   );
   return {
-    getCellBounds: x,
-    getEstimatedSize: D,
-    scrollToIndex: _,
-    startIndexOverscan: E,
-    startIndexVisible: M,
-    stopIndexOverscan: w,
-    stopIndexVisible: F
+    getCellBounds: D,
+    getEstimatedSize: A,
+    scrollToIndex: z,
+    startIndexOverscan: j,
+    startIndexVisible: L,
+    stopIndexOverscan: te,
+    stopIndexVisible: I
   };
 }
-function ge(e) {
-  const [t, s] = H(e);
-  return N(t, e) ? t : (s(e), e);
+function me(e) {
+  const [t, s] = M(e);
+  return J(t, e) ? t : (s(e), e);
 }
-function be(e, t) {
+function ye(e, t) {
   const {
     ariaAttributes: s,
-    style: r,
-    ...n
+    style: o,
+    ...r
   } = e, {
     ariaAttributes: i,
-    style: l,
-    ...a
+    style: n,
+    ...l
   } = t;
-  return N(s, i) && N(r, l) && N(n, a);
+  return J(s, i) && J(o, n) && J(r, l);
 }
-function ke({
+function qe({
   cellComponent: e,
   cellProps: t,
   children: s,
-  className: r,
-  columnCount: n,
+  className: o,
+  columnCount: r,
   columnKey: i,
-  columnWidth: l,
-  defaultHeight: a = 0,
-  defaultWidth: c = 0,
-  dir: f,
-  gridRef: h,
-  onCellsRendered: o,
-  onResize: u,
-  overscanCount: d = 3,
-  rowCount: p,
-  rowHeight: v,
-  rowKey: x,
-  style: g,
-  tagName: z = "div",
-  ...M
+  columnWidth: n,
+  defaultHeight: l = 0,
+  defaultScrollLeft: a = 0,
+  defaultScrollTop: v = 0,
+  defaultWidth: f = 0,
+  dir: c,
+  gridRef: u,
+  onCellsRendered: p,
+  onResize: d,
+  overscanCount: x = 3,
+  rowCount: h,
+  rowHeight: O,
+  rowKey: b,
+  style: D,
+  tagName: m = "div",
+  ...X
 }) {
-  const E = ge(t), F = W(
-    () => ue(e, be),
+  const L = me(t), j = q(
+    () => be(e, ye),
     [e]
-  ), [w, D] = H(null), I = me(w, f), {
-    getCellBounds: _,
-    getEstimatedSize: b,
-    startIndexOverscan: O,
-    startIndexVisible: V,
-    scrollToIndex: y,
-    stopIndexOverscan: S,
-    stopIndexVisible: q
-  } = ne({
-    containerElement: w,
-    containerStyle: g,
-    defaultContainerSize: c,
+  ), [I, te] = M(null), A = Ae(I, c), {
+    getCellBounds: G,
+    getEstimatedSize: Q,
+    startIndexOverscan: z,
+    startIndexVisible: g,
+    scrollToIndex: w,
+    stopIndexOverscan: y,
+    stopIndexVisible: T
+  } = fe({
+    containerElement: I,
+    containerStyle: D,
+    defaultContainerSize: f,
+    defaultScrollOffset: a,
     direction: "horizontal",
-    isRtl: I,
-    itemCount: n,
-    itemProps: E,
-    itemSize: l,
-    onResize: u,
-    overscanCount: d
+    isRtl: A,
+    itemCount: r,
+    itemProps: L,
+    itemSize: n,
+    onResize: d,
+    overscanCount: x
   }), {
-    getCellBounds: A,
-    getEstimatedSize: T,
-    startIndexOverscan: R,
-    startIndexVisible: C,
-    scrollToIndex: te,
-    stopIndexOverscan: X,
-    stopIndexVisible: ce
-  } = ne({
-    containerElement: w,
-    containerStyle: g,
-    defaultContainerSize: a,
+    getCellBounds: E,
+    getEstimatedSize: V,
+    startIndexOverscan: Z,
+    startIndexVisible: ie,
+    scrollToIndex: K,
+    stopIndexOverscan: N,
+    stopIndexVisible: k
+  } = fe({
+    containerElement: I,
+    containerStyle: D,
+    defaultContainerSize: l,
+    defaultScrollOffset: v,
     direction: "vertical",
-    itemCount: p,
-    itemProps: E,
-    itemSize: v,
-    onResize: u,
-    overscanCount: d
+    itemCount: h,
+    itemProps: L,
+    itemSize: O,
+    onResize: d,
+    overscanCount: x
   });
-  he(
-    h,
+  xe(
+    u,
     () => ({
       get element() {
-        return w;
+        return I;
       },
       scrollToCell({
-        behavior: j = "auto",
-        columnAlign: m = "auto",
-        columnIndex: B,
-        rowAlign: U = "auto",
-        rowIndex: k
+        behavior: F = "auto",
+        columnAlign: S = "auto",
+        columnIndex: _,
+        rowAlign: Y = "auto",
+        rowIndex: B
       }) {
-        const Z = y({
-          align: m,
-          containerScrollOffset: w?.scrollLeft ?? 0,
+        const se = w({
+          align: S,
+          containerScrollOffset: I?.scrollLeft ?? 0,
+          index: _
+        }), Se = K({
+          align: Y,
+          containerScrollOffset: I?.scrollTop ?? 0,
           index: B
-        }), Ie = te({
-          align: U,
-          containerScrollOffset: w?.scrollTop ?? 0,
-          index: k
         });
-        typeof w?.scrollTo == "function" && w.scrollTo({
-          behavior: j,
-          left: Z,
-          top: Ie
+        typeof I?.scrollTo == "function" && I.scrollTo({
+          behavior: F,
+          left: se,
+          top: Se
         });
       },
       scrollToColumn({
-        align: j = "auto",
-        behavior: m = "auto",
-        index: B
+        align: F = "auto",
+        behavior: S = "auto",
+        index: _
       }) {
-        const U = y({
-          align: j,
-          containerScrollOffset: w?.scrollLeft ?? 0,
-          index: B
+        const Y = w({
+          align: F,
+          containerScrollOffset: I?.scrollLeft ?? 0,
+          index: _
         });
-        typeof w?.scrollTo == "function" && w.scrollTo({
-          behavior: m,
-          left: U
+        typeof I?.scrollTo == "function" && I.scrollTo({
+          behavior: S,
+          left: Y
         });
       },
       scrollToRow({
-        align: j = "auto",
-        behavior: m = "auto",
-        index: B
+        align: F = "auto",
+        behavior: S = "auto",
+        index: _
       }) {
-        const U = te({
-          align: j,
-          containerScrollOffset: w?.scrollTop ?? 0,
-          index: B
+        const Y = K({
+          align: F,
+          containerScrollOffset: I?.scrollTop ?? 0,
+          index: _
         });
-        typeof w?.scrollTo == "function" && w.scrollTo({
-          behavior: m,
-          top: U
+        typeof I?.scrollTo == "function" && I.scrollTo({
+          behavior: S,
+          top: Y
         });
       }
     }),
-    [w, y, te]
-  ), ee(() => {
-    O >= 0 && S >= 0 && R >= 0 && X >= 0 && o && o(
+    [I, w, K]
+  ), ne(() => {
+    z >= 0 && y >= 0 && Z >= 0 && N >= 0 && p && p(
       {
-        columnStartIndex: V,
-        columnStopIndex: q,
-        rowStartIndex: C,
-        rowStopIndex: ce
+        columnStartIndex: g,
+        columnStopIndex: T,
+        rowStartIndex: ie,
+        rowStopIndex: k
       },
       {
-        columnStartIndex: O,
-        columnStopIndex: S,
-        rowStartIndex: R,
-        rowStopIndex: X
+        columnStartIndex: z,
+        columnStopIndex: y,
+        rowStartIndex: Z,
+        rowStopIndex: N
       }
     );
   }, [
-    o,
-    O,
-    V,
-    S,
-    q,
-    R,
-    C,
-    X,
-    ce
+    p,
+    z,
+    g,
+    y,
+    T,
+    Z,
+    ie,
+    N,
+    k
   ]);
-  const xe = W(() => {
-    const j = [];
-    if (n > 0 && p > 0)
-      for (let m = R; m <= X; m++) {
-        const B = A(m), U = [];
-        for (let k = O; k <= S; k++) {
-          const Z = _(k);
-          U.push(
-            /* @__PURE__ */ K(
-              F,
+  const R = q(() => {
+    const F = [];
+    if (r > 0 && h > 0)
+      for (let S = Z; S <= N; S++) {
+        const _ = E(S), Y = [];
+        for (let B = z; B <= y; B++) {
+          const se = G(B);
+          Y.push(
+            /* @__PURE__ */ le(
+              j,
               {
-                ...E,
+                ...L,
                 ariaAttributes: {
-                  "aria-colindex": k + 1,
+                  "aria-colindex": B + 1,
                   role: "gridcell"
                 },
-                columnIndex: k,
+                columnIndex: B,
                 key: i ? i({
-                  columnIndex: k,
-                  data: E,
-                  rowIndex: m
-                }) : k,
-                rowIndex: m,
+                  columnIndex: B,
+                  data: L,
+                  rowIndex: S
+                }) : B,
+                rowIndex: S,
                 style: {
                   position: "absolute",
-                  left: I ? void 0 : 0,
-                  right: I ? 0 : void 0,
-                  transform: `translate(${I ? -Z.scrollOffset : Z.scrollOffset}px, ${B.scrollOffset}px)`,
-                  height: B.size,
-                  width: Z.size
+                  left: A ? void 0 : 0,
+                  right: A ? 0 : void 0,
+                  transform: `translate(${A ? -se.scrollOffset : se.scrollOffset}px, ${_.scrollOffset}px)`,
+                  height: _.size,
+                  width: se.size
                 }
               }
             )
           );
         }
-        j.push(
+        F.push(
           /* @__PURE__ */ re(
             "div",
             {
               role: "row",
-              "aria-rowindex": m + 1,
-              children: U
+              "aria-rowindex": S + 1,
+              children: Y
             },
-            x ? x({
-              data: E,
-              rowIndex: m
-            }) : m
+            b ? b({
+              data: L,
+              rowIndex: S
+            }) : S
           )
         );
       }
-    return j;
+    return F;
   }, [
-    F,
-    E,
-    n,
+    j,
+    L,
+    r,
     i,
-    O,
-    S,
-    _,
+    z,
+    y,
+    G,
+    E,
     A,
-    I,
-    p,
-    x,
-    R,
-    X
-  ]), we = /* @__PURE__ */ re(
+    h,
+    b,
+    Z,
+    N
+  ]), P = /* @__PURE__ */ re(
     "div",
     {
       "aria-hidden": !0,
       style: {
-        height: T(),
-        width: b(),
+        height: V(),
+        width: Q(),
         zIndex: -1
       }
     }
   );
-  return K(
-    z,
+  return le(
+    m,
     {
-      "aria-colcount": n,
-      "aria-rowcount": p,
+      "aria-colcount": r,
+      "aria-rowcount": h,
       role: "grid",
-      ...M,
-      className: r,
-      dir: f,
-      ref: D,
+      ...X,
+      className: o,
+      dir: c,
+      ref: te,
       style: {
         position: "relative",
         maxHeight: "100%",
         maxWidth: "100%",
         flexGrow: 1,
         overflow: "auto",
-        ...g
+        ...D
       }
     },
-    xe,
+    R,
     s,
-    we
+    P
   );
 }
-const $e = H, We = G;
-function Ae(e) {
+const Ge = M, Ne = H;
+function $e({
+  callback: e,
+  element: t,
+  enabled: s = !0
+}) {
+  const o = ee(e);
+  ne(() => {
+    if (!s || !t)
+      return;
+    const r = ae(t);
+    let i = r.requestAnimationFrame(() => {
+      i = r.requestAnimationFrame(o);
+    });
+    return () => {
+      r.cancelAnimationFrame(i);
+    };
+  }, [t, s, o]);
+}
+function He(e) {
   return e != null && typeof e == "object" && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
-function Re({
+function je({
   element: e,
   getCellBounds: t,
   isDynamicRowHeight: s,
-  rowCount: r,
-  rowElements: n,
+  rowCount: o,
+  rowElements: r,
   scrollToIndex: i
 }) {
-  const l = G(null), a = G(
+  const n = H(null), l = H(
     void 0
-  ), c = J(() => {
-    l.current = null, a.current !== void 0 && (a.current.view.cancelAnimationFrame(a.current.id), a.current = void 0);
-  }), f = J(() => {
-    const o = ie(e);
-    a.current = {
-      id: o.requestAnimationFrame(h),
-      view: o
+  ), a = ee(() => {
+    n.current = null, l.current !== void 0 && (l.current.view.cancelAnimationFrame(l.current.id), l.current = void 0);
+  }), v = ee(() => {
+    const c = ae(e);
+    l.current = {
+      id: c.requestAnimationFrame(f),
+      view: c
     };
-  }), h = J(() => {
-    a.current = void 0;
-    const o = l.current;
-    if (!o) return;
-    if (!e || !s || o.index >= r || performance.now() >= o.deadline) {
-      c();
+  }), f = ee(() => {
+    l.current = void 0;
+    const c = n.current;
+    if (!c) return;
+    if (!e || !s || c.index >= o || performance.now() >= c.deadline) {
+      a();
       return;
     }
     const u = i({
-      align: o.align,
+      align: c.align,
       containerScrollOffset: e.scrollTop,
-      index: o.index
+      index: c.index
     });
     if (u !== void 0) {
-      const d = Math.max(
+      const p = Math.max(
         0,
         Math.min(u, e.scrollHeight - e.clientHeight)
       );
-      if (Math.abs(d - e.scrollTop) > 1)
-        o.stableFrames = 0, e.scrollTo({ behavior: "instant", top: d });
+      if (Math.abs(p - e.scrollTop) > 1)
+        c.stableFrames = 0, e.scrollTo({ behavior: "instant", top: p });
       else {
-        const p = n.current;
-        if (!(p.some(
-          (g) => g.getAttribute(Q) === `${o.index}`
-        ) && p.every((g) => {
-          const z = Number(g.getAttribute(Q));
+        const d = r.current;
+        if (!(d.some(
+          (O) => O.getAttribute(oe) === `${c.index}`
+        ) && d.every((O) => {
+          const b = Number(O.getAttribute(oe));
           return Math.abs(
-            t(z).size - g.offsetHeight
+            t(b).size - O.offsetHeight
           ) <= 1;
         })))
-          o.stableFrames = 0;
-        else if (++o.stableFrames >= 2) {
-          c();
+          c.stableFrames = 0;
+        else if (++c.stableFrames >= 2) {
+          a();
           return;
         }
       }
     }
-    f();
+    v();
   });
-  return Y(() => {
+  return W(() => {
     if (!e) return;
-    const o = (u) => {
+    const c = (u) => {
       switch (u.key) {
         case "ArrowUp":
         case "ArrowDown":
@@ -832,204 +905,221 @@ function Re({
         case "Home":
         case "End":
         case " ":
-          c();
+          a();
       }
     };
-    return e.addEventListener("wheel", c, { passive: !0 }), e.addEventListener("touchstart", c, { passive: !0 }), e.addEventListener("pointerdown", c), e.addEventListener("keydown", o), () => {
-      c(), e.removeEventListener("wheel", c), e.removeEventListener("touchstart", c), e.removeEventListener("pointerdown", c), e.removeEventListener("keydown", o);
+    return e.addEventListener("wheel", a, { passive: !0 }), e.addEventListener("touchstart", a, { passive: !0 }), e.addEventListener("pointerdown", a), e.addEventListener("keydown", c), () => {
+      a(), e.removeEventListener("wheel", a), e.removeEventListener("touchstart", a), e.removeEventListener("pointerdown", a), e.removeEventListener("keydown", c);
     };
-  }, [c, e]), $(
+  }, [a, e]), U(
     ({
-      align: o = "auto",
+      align: c = "auto",
       behavior: u = "auto",
-      index: d
+      index: p
     }) => {
-      s && o === "smart" && (o = i({
+      s && c === "smart" && (c = i({
         align: "auto",
         containerScrollOffset: e?.scrollTop ?? 0,
-        index: d
+        index: p
       }) === (e?.scrollTop ?? 0) ? "auto" : "center");
-      const p = i({
-        align: o,
+      const d = i({
+        align: c,
         containerScrollOffset: e?.scrollTop ?? 0,
-        index: d
+        index: p
       });
-      c(), typeof e?.scrollTo == "function" && (s && (l.current = {
-        align: o,
-        index: d,
+      a(), typeof e?.scrollTo == "function" && (s && (n.current = {
+        align: c,
+        index: p,
         deadline: performance.now() + 1e3,
         stableFrames: 0
-      }, f()), e.scrollTo({
+      }, v()), e.scrollTo({
         behavior: s ? "instant" : u,
-        top: p
+        top: d
       }));
     },
     [
-      c,
+      a,
       e,
       s,
-      f,
+      v,
       i
     ]
   );
 }
-const Q = "data-react-window-index", fe = "data-react-window-sizer";
-function He({
+const oe = "data-react-window-index", ve = "data-react-window-sizer";
+function _e({
   children: e,
   className: t,
   defaultHeight: s = 0,
+  defaultScrollOffset: o = 0,
   listRef: r,
-  onResize: n,
-  onRowsRendered: i,
+  onResize: i,
+  onRowsRendered: n,
   overscanCount: l = 3,
   rowComponent: a,
-  rowCount: c,
+  rowCount: v,
   rowHeight: f,
-  rowKey: h,
-  rowProps: o,
-  tagName: u = "div",
+  rowKey: c,
+  rowProps: u,
+  tagName: p = "div",
   style: d,
-  ...p
+  ...x
 }) {
-  const v = ge(o), x = W(
-    () => ue(a, be),
+  const h = me(u), O = q(
+    () => be(a, ye),
     [a]
-  ), [g, z] = H(null), M = Ae(f), E = W(() => M ? (A) => f.getRowHeight(A) ?? f.getAverageRowHeight() : f, [M, f]), {
-    getCellBounds: F,
-    getEstimatedSize: w,
-    scrollToIndex: D,
-    startIndexOverscan: I,
-    startIndexVisible: _,
-    stopIndexOverscan: b,
-    stopIndexVisible: O
-  } = ne({
-    containerElement: g,
+  ), [b, D] = M(null), m = He(f), X = q(() => m ? (k) => f.getRowHeight(k) ?? f.getAverageRowHeight() : f, [m, f]), L = Ie(), [j, I] = M(
+    () => L && m
+  ), te = H(f);
+  W(() => {
+    j && te.current !== f && I(!1);
+  }, [j, f]), $e({
+    callback: () => I(!1),
+    element: b,
+    enabled: j
+  });
+  const {
+    getCellBounds: A,
+    getEstimatedSize: G,
+    scrollToIndex: Q,
+    startIndexOverscan: z,
+    startIndexVisible: g,
+    stopIndexOverscan: w,
+    stopIndexVisible: y
+  } = fe({
+    containerElement: b,
     containerStyle: d,
     defaultContainerSize: s,
+    defaultScrollOffset: o,
     direction: "vertical",
-    itemCount: c,
-    itemProps: v,
-    itemSize: E,
-    onResize: n,
+    itemCount: v,
+    itemProps: h,
+    itemSize: X,
+    onResize: i,
     overscanCount: l
-  }), V = G([]), y = Re({
-    element: g,
-    getCellBounds: F,
-    isDynamicRowHeight: M,
-    rowCount: c,
-    rowElements: V,
-    scrollToIndex: D
+  }), T = H([]), E = je({
+    element: b,
+    getCellBounds: A,
+    isDynamicRowHeight: m,
+    rowCount: v,
+    rowElements: T,
+    scrollToIndex: Q
   });
-  he(
+  xe(
     r,
     () => ({
       get element() {
-        return g;
+        return b;
       },
-      scrollToRow: y
+      scrollToRow: E
     }),
-    [g, y]
-  ), Y(() => {
-    if (!g)
+    [b, E]
+  ), W(() => {
+    if (!b)
       return;
-    const A = Array.from(g.children).slice(
+    const k = Array.from(b.children).slice(
       0,
-      I < 0 ? 0 : b - I + 1
-    ).filter((T, R) => {
-      if (T.hasAttribute(fe))
+      z < 0 ? 0 : w - z + 1
+    ).filter((R, P) => {
+      if (R.hasAttribute(ve))
         return !1;
-      const C = `${I + R}`;
-      return T.setAttribute(Q, C), !0;
+      const F = `${z + P}`;
+      return R.setAttribute(oe, F), !0;
     });
-    if (V.current = A, M)
-      return f.observeRowElements(A);
+    if (T.current = k, m)
+      return f.observeRowElements(k);
   }, [
-    x,
-    g,
-    M,
-    c,
+    O,
+    b,
+    m,
+    v,
     f,
+    c,
     h,
-    v,
-    I,
-    b
-  ]), ee(() => {
-    I >= 0 && b >= 0 && i && i(
+    z,
+    w
+  ]), ne(() => {
+    z >= 0 && w >= 0 && n && n(
       {
-        startIndex: _,
-        stopIndex: O
+        startIndex: g,
+        stopIndex: y
       },
       {
-        startIndex: I,
-        stopIndex: b
+        startIndex: z,
+        stopIndex: w
       }
     );
   }, [
-    i,
-    I,
-    _,
-    b,
-    O
+    n,
+    z,
+    g,
+    w,
+    y
   ]);
-  const S = W(() => {
-    const A = [];
-    if (c > 0)
-      for (let T = I; T <= b; T++) {
-        const R = F(T);
-        A.push(
-          /* @__PURE__ */ K(
-            x,
+  const V = j && m && z === 0, Z = q(() => {
+    const k = [];
+    if (v > 0)
+      for (let R = z; R <= w; R++) {
+        const P = A(R);
+        k.push(
+          /* @__PURE__ */ le(
+            O,
             {
-              ...v,
+              ...h,
               ariaAttributes: {
-                "aria-posinset": T + 1,
-                "aria-setsize": c,
+                "aria-posinset": R + 1,
+                "aria-setsize": v,
                 role: "listitem"
               },
-              key: h ? h(T, v) : T,
-              index: T,
-              style: {
+              key: c ? c(R, h) : R,
+              index: R,
+              style: V ? { width: "100%" } : {
                 position: "absolute",
                 left: 0,
-                transform: `translateY(${R.scrollOffset}px)`,
+                transform: `translateY(${P.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: M ? void 0 : R.size,
+                height: m ? void 0 : P.size,
                 width: "100%"
               }
             }
           )
         );
       }
-    return A;
+    return k;
   }, [
-    x,
-    F,
-    M,
+    O,
+    A,
+    m,
+    V,
+    v,
     c,
     h,
-    v,
-    I,
-    b
-  ]), q = /* @__PURE__ */ re(
+    z,
+    w
+  ]), ie = /* @__PURE__ */ re(
     "div",
     {
       "aria-hidden": !0,
-      [fe]: "",
+      [ve]: "",
       style: {
-        height: w(),
+        // Rows rendered in flow layout already take up space
+        position: V ? "absolute" : void 0,
+        top: V ? 0 : void 0,
+        height: G(),
         width: "100%",
         zIndex: -1
       }
-    }
-  );
-  return K(
-    u,
+    },
+    "sizer"
+  ), K = /* @__PURE__ */ re(ue, { children: e }, "children"), N = /* @__PURE__ */ re(ue, { children: Z }, "rows");
+  return le(
+    p,
     {
       role: "list",
-      ...p,
+      ...x,
       className: t,
-      ref: z,
+      ref: D,
       style: {
         position: "relative",
         maxHeight: "100%",
@@ -1038,113 +1128,121 @@ function He({
         ...d
       }
     },
-    S,
-    e,
-    q
+    ...V ? [K, N] : [N, K],
+    ie
   );
 }
-function Fe({
+function pe(e) {
+  const t = /* @__PURE__ */ new Map();
+  return e !== void 0 && e.forEach((s, o) => {
+    Number.isFinite(s) && s > 0 && t.set(o, s);
+  }), t;
+}
+function Ye({
   defaultRowHeight: e,
-  key: t
+  initialRowHeights: t,
+  key: s
 }) {
-  const [s, r] = H({
-    key: t,
-    map: /* @__PURE__ */ new Map()
+  const [o, r] = M(() => ({
+    key: s,
+    map: pe(t)
+  }));
+  o.key !== s && r({
+    key: s,
+    map: pe(t)
   });
-  s.key !== t && r({
-    key: t,
-    map: /* @__PURE__ */ new Map()
-  });
-  const { map: n } = s, i = $(() => {
-    let o = 0;
-    return n.forEach((u) => {
-      o += u;
-    }), o === 0 ? e : o / n.size;
-  }, [e, n]), l = $(
-    (o) => {
-      const u = n.get(o);
-      return u !== void 0 ? u : e;
+  const { map: i } = o, n = U(() => {
+    let u = 0;
+    return i.forEach((p) => {
+      u += p;
+    }), u === 0 ? e : u / i.size;
+  }, [e, i]), l = U(
+    (u) => {
+      const p = i.get(u);
+      return p !== void 0 ? p : e;
     },
-    [e, n]
-  ), a = $((o, u) => {
+    [e, i]
+  ), a = U((u, p) => {
     r((d) => {
-      if (d.map.get(o) === u)
+      if (d.map.get(u) === p)
         return d;
-      const p = new Map(d.map);
-      return p.set(o, u), {
+      const x = new Map(d.map);
+      return x.set(u, p), {
         ...d,
-        map: p
+        map: x
       };
     });
-  }, []), c = J(
-    (o) => {
-      o.length !== 0 && o.forEach((u) => {
-        const { borderBoxSize: d, target: p } = u, v = p.getAttribute(Q);
-        L(
-          v !== null,
-          `Invalid ${Q} attribute value`
+  }, []), v = ee(
+    (u) => {
+      u.length !== 0 && u.forEach((p) => {
+        const { borderBoxSize: d, target: x } = p, h = x.getAttribute(oe);
+        $(
+          h !== null,
+          `Invalid ${oe} attribute value`
         );
-        const x = parseInt(v), { blockSize: g } = d[0];
-        g && a(x, g);
+        const O = parseInt(h), { blockSize: b } = d[0];
+        b && a(O, b);
       });
     }
-  ), f = G(null);
-  ee(
+  ), f = H(null);
+  ne(
     () => () => {
       f.current?.resizeObserver.disconnect(), f.current = null;
     },
     []
   );
-  const h = $(
-    (o) => {
-      const u = [];
-      return o.forEach((d) => {
-        const p = ie(d);
-        if (f.current?.view !== p) {
+  const c = U(
+    (u) => {
+      const p = [];
+      return u.forEach((d) => {
+        const x = ae(d);
+        if (f.current?.view !== x) {
           f.current?.resizeObserver.disconnect();
-          const x = ve(d);
-          f.current = x ? {
-            resizeObserver: new x(c),
-            view: p
+          const O = Oe(d);
+          f.current = O ? {
+            resizeObserver: new O(v),
+            view: x
           } : null;
         }
-        const v = f.current?.resizeObserver;
-        v && (v.observe(d), u.push([d, v]));
+        const h = f.current?.resizeObserver;
+        h && (h.observe(d), p.push([d, h]));
       }), () => {
-        u.forEach(
-          ([d, p]) => p.unobserve(d)
+        p.forEach(
+          ([d, x]) => x.unobserve(d)
         );
       };
     },
-    [c]
+    [v]
   );
-  return W(
+  return q(
     () => ({
-      getAverageRowHeight: i,
+      getAverageRowHeight: n,
       getRowHeight: l,
       setRowHeight: a,
-      observeRowElements: h
+      observeRowElements: c
     }),
-    [i, l, a, h]
+    [n, l, a, c]
   );
 }
-const je = H, Be = G, de = /* @__PURE__ */ new WeakMap();
-function Ue(e = !1, t = document) {
-  let s = de.get(t);
+const De = M, Xe = H, ge = /* @__PURE__ */ new WeakMap();
+function Ze(e = !1, t = typeof document < "u" ? document : void 0) {
+  if (t === void 0)
+    return 0;
+  let s = ge.get(t);
   if (s === void 0 || e) {
-    const r = t.createElement("div"), n = r.style;
-    n.width = "50px", n.height = "50px", n.overflow = "scroll", t.body.appendChild(r), s = r.offsetWidth - r.clientWidth, t.body.removeChild(r), de.set(t, s);
+    const o = t.createElement("div"), r = o.style;
+    r.width = "50px", r.height = "50px", r.overflow = "scroll", t.body.appendChild(o), s = o.offsetWidth - o.clientWidth, t.body.removeChild(o), ge.set(t, s);
   }
   return s;
 }
 export {
-  ke as Grid,
-  He as List,
-  Ue as getScrollbarSize,
-  Fe as useDynamicRowHeight,
-  $e as useGridCallbackRef,
-  We as useGridRef,
-  je as useListCallbackRef,
-  Be as useListRef
+  qe as Grid,
+  _e as List,
+  Ze as getScrollbarSize,
+  Ye as useDynamicRowHeight,
+  Ge as useGridCallbackRef,
+  Ne as useGridRef,
+  De as useListCallbackRef,
+  Xe as useListRef
 };
 //# sourceMappingURL=react-window.js.map