react-window 2.3.3 → 2.4.0

package/dist/react-window.js

@@ -1,7 +1,8 @@
 "use client";
-import { jsx as oe } from "react/jsx-runtime";
-import { useState as V, useLayoutEffect as ce, useEffect as te, useMemo as H, useRef as q, useCallback as $, memo as fe, useImperativeHandle as de, createElement as C } from "react";
-function be(e) {
+import { jsx as re } from "react/jsx-runtime";
+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,14 +11,30 @@ function be(e) {
   }
   return !1;
 }
-function me(e, t) {
-  const [s, r] = V(t === "rtl");
-  return ce(() => {
-    t ? r(t === "rtl") : e && r(be(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" ? ce : te;
+function Me() {
+  return () => {
+  };
+}
+function Ie() {
+  return Re(
+    Me,
+    () => !1,
+    () => !0
+  );
+}
 function ae(e) {
+  return e?.ownerDocument.defaultView ?? window;
+}
+function Oe(e) {
+  return ae(e).ResizeObserver ?? (typeof ResizeObserver < "u" ? ResizeObserver : void 0);
+}
+function de(e) {
   if (e !== void 0)
     switch (typeof e) {
       case "number":
@@ -29,101 +46,105 @@ function ae(e) {
       }
     }
 }
-function we({
+function Le({
   box: e,
   defaultHeight: t,
   defaultWidth: s,
-  disabled: r,
-  element: n,
-  mode: o,
-  style: d
+  disabled: o,
+  element: r,
+  mode: i,
+  style: n
 }) {
-  const { styleHeight: l, styleWidth: c } = H(
+  const { styleHeight: l, styleWidth: a } = q(
     () => ({
-      styleHeight: ae(d?.height),
-      styleWidth: ae(d?.width)
+      styleHeight: de(n?.height),
+      styleWidth: de(n?.width)
     }),
-    [d?.height, d?.width]
-  ), [f, a] = V({
+    [n?.height, n?.width]
+  ), [v, f] = M({
     height: t,
     width: s
-  }), i = r || o === "only-height" && l !== void 0 || o === "only-width" && c !== void 0 || l !== void 0 && c !== void 0;
-  return Y(() => {
-    if (n === null || i)
+  }), 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 = new ResizeObserver((h) => {
-      for (const x of h) {
-        const { contentRect: p, target: w } = x;
-        n === w && a((g) => g.height === p.height && g.width === p.width ? g : {
-          height: p.height,
-          width: p.width
+    const u = Oe(r);
+    if (!u)
+      return;
+    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 u.observe(n, { box: e }), () => {
-      u?.unobserve(n);
+    return p.observe(r, { box: e }), () => {
+      p?.unobserve(r);
     };
-  }, [e, i, n, l, c]), H(
+  }, [e, c, r, l, a]), q(
     () => ({
-      height: l ?? f.height,
-      width: c ?? f.width
+      height: l ?? v.height,
+      width: a ?? v.width
     }),
-    [f, l, c]
+    [v, l, a]
   );
 }
 function ee(e) {
-  const t = q(() => {
+  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]);
 }
-let N = null;
-function Ie(e = !1) {
-  if (N === 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 ? N = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? N = "negative" : N = "positive-ascending"), document.body.removeChild(t), N;
+const he = /* @__PURE__ */ new WeakMap();
+function Ee(e = !1, t = document) {
+  let s = he.get(t);
+  if (s === void 0 || e) {
+    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 N;
+  return s;
 }
-function K({
+function C({
   containerElement: e,
   direction: t,
   isRtl: s,
-  scrollOffset: r
+  scrollOffset: o
 }) {
   if (t === "horizontal" && s)
-    switch (Ie()) {
+    switch (Ee(!1, e?.ownerDocument ?? document)) {
       case "negative":
-        return -r;
+        return -o;
       case "positive-descending": {
         if (e) {
-          const { clientWidth: n, scrollWidth: o } = e;
-          return o - 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 _(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 ue({
+function ze({
   cachedBounds: e,
   itemCount: t,
   itemSize: s
@@ -133,162 +154,162 @@ function ue({
   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 Oe({
+function Ve({
   align: e,
   cachedBounds: t,
   index: s,
-  itemCount: r,
-  itemSize: n,
-  containerScrollOffset: o,
-  containerSize: d
+  itemCount: o,
+  itemSize: r,
+  containerScrollOffset: i,
+  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 l = t.get(s), c = ue({
+  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 - d, l.scrollOffset)
-  ), a = Math.max(
+    Math.min(a - n, l.scrollOffset)
+  ), f = Math.max(
     0,
-    l.scrollOffset - d + l.size
-  ), i = l.size > d ? o >= l.scrollOffset && o <= a : o >= a && o <= l.scrollOffset;
-  switch (e === "smart" && (e = i ? "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 a;
+      return f;
     case "center":
       return Math.max(
         0,
         Math.min(
-          c - d,
-          l.scrollOffset + l.size / 2 - d / 2
+          a - n,
+          l.scrollOffset + l.size / 2 - n / 2
         )
       );
     case "auto":
     default:
-      return i ? o : o < a ? a : f;
+      return c ? i : i < f ? f : v;
   }
 }
-function re({
+function ce({
   cachedBounds: e,
   containerScrollOffset: t,
   containerSize: s,
-  itemCount: r,
-  overscanCount: n
+  itemCount: o,
+  overscanCount: r
 }) {
-  const o = r - 1;
-  if (r === 0)
+  const i = o - 1;
+  if (o === 0)
     return {
       startIndexVisible: 0,
       stopIndexVisible: -1,
       startIndexOverscan: 0,
       stopIndexOverscan: -1
     };
-  let d, l;
-  const { itemSize: c } = e;
-  if (c !== void 0 && c > 0)
-    d = Math.max(
+  let n, l;
+  const { itemSize: a } = e;
+  if (a !== void 0 && a > 0)
+    n = Math.max(
       0,
-      Math.min(o, Math.floor(t / c))
+      Math.min(i, Math.floor(t / a))
     ), l = Math.max(
-      d,
+      n,
       Math.min(
-        o,
-        Math.ceil((t + s) / c) - 1
+        i,
+        Math.ceil((t + s) / a) - 1
       )
     );
   else {
-    let f = 0, a = Math.min(o, Math.max(0, e.size - 1));
-    for (; f < a; ) {
-      const i = Math.floor((f + a) / 2), u = e.get(i);
-      u.scrollOffset + u.size > t ? a = i : f = i + 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 < o; ) {
-      const i = e.get(f);
-      if (i.scrollOffset + i.size > t) break;
-      f++;
+    for (; v < i; ) {
+      const c = e.get(v);
+      if (c.scrollOffset + c.size > t) break;
+      v++;
     }
-    for (d = f, l = f; l < o; ) {
-      const i = e.get(l);
-      if (i.scrollOffset + i.size >= t + s)
+    for (n = v, l = v; l < i; ) {
+      const c = e.get(l);
+      if (c.scrollOffset + c.size >= t + s)
         break;
       l++;
     }
   }
   return {
-    startIndexVisible: d,
+    startIndexVisible: n,
     stopIndexVisible: l,
-    startIndexOverscan: Math.max(0, d - n),
-    stopIndexOverscan: Math.min(o, l + n)
+    startIndexOverscan: Math.max(0, n - r),
+    stopIndexOverscan: Math.min(i, l + r)
   };
 }
-function ze({
+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 d = r.get(n);
-        return d === void 0 && (d = { size: s, scrollOffset: n * s }, r.set(n, d)), d;
+    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 d = r.size, l = s(d, t);
-        if (d === 0)
-          r.set(d, {
+      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(d - 1);
-          L(
-            c !== void 0,
-            `Unexpected bounds cache miss for index ${n}`
-          ), r.set(d, {
-            scrollOffset: c.scrollOffset + c.size,
+          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 o = r.get(n);
-      return L(
-        o !== void 0,
-        `Unexpected bounds cache miss for index ${n}`
-      ), o;
+      const i = o.get(r);
+      return $(
+        i !== void 0,
+        `Unexpected bounds cache miss for index ${r}`
+      ), i;
     },
-    set(n, o) {
-      r.set(n, o);
+    set(r, i) {
+      o.set(r, i);
     },
     get size() {
-      return r.size;
+      return o.size;
     }
   };
 }
-function ye({
+function Fe({
   itemCount: e,
   itemProps: t,
   itemSize: s
 }) {
-  return H(
-    () => ze({
+  return q(
+    () => ke({
       itemCount: e,
       itemProps: t,
       itemSize: s
@@ -296,17 +317,17 @@ function ye({
     [e, t, s]
   );
 }
-function Se({
+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;
@@ -319,494 +340,564 @@ function Se({
   }
   return s;
 }
-function ie({
+function fe({
   containerElement: e,
   containerStyle: t,
   defaultContainerSize: s = 0,
+  defaultScrollOffset: o = 0,
   direction: r,
-  isRtl: n = !1,
-  itemCount: o,
-  itemProps: d,
-  itemSize: l,
-  onResize: c,
+  isRtl: i = !1,
+  itemCount: n,
+  itemProps: l,
+  itemSize: a,
+  onResize: v,
   overscanCount: f
 }) {
-  const { height: a = s, width: i = s } = we({
+  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 = q({
+  }), p = H({
     height: 0,
     width: 0
-  }), h = r === "vertical" ? a : i, x = Se({ containerSize: h, itemSize: l });
-  ce(() => {
-    if (typeof c == "function") {
-      const v = u.current;
-      (v.height !== a || v.width !== i) && (c({ height: a, width: i }, { ...v }), v.height = a, v.width = i);
+  }), 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);
     }
-  }, [a, c, i]);
-  const p = ye({
-    itemCount: o,
-    itemProps: d,
+  }, [c, v, u]);
+  const h = Fe({
+    itemCount: n,
+    itemProps: l,
     itemSize: x
-  }), w = $(
-    (v) => p.get(v),
-    [p]
-  ), [g, B] = V(
-    () => re({
-      cachedBounds: p,
-      // TODO Potentially support a defaultScrollOffset prop?
-      containerScrollOffset: 0,
-      containerSize: h,
-      itemCount: o,
+  }), 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: n,
       overscanCount: f
     })
   ), {
-    startIndexVisible: T,
-    startIndexOverscan: E,
-    stopIndexVisible: F,
-    stopIndexOverscan: b
+    startIndexVisible: L,
+    startIndexOverscan: j,
+    stopIndexVisible: I,
+    stopIndexOverscan: te
   } = {
-    startIndexVisible: Math.min(o - 1, g.startIndexVisible),
-    startIndexOverscan: Math.min(o - 1, g.startIndexOverscan),
-    stopIndexVisible: Math.min(o - 1, g.stopIndexVisible),
-    stopIndexOverscan: Math.min(o - 1, g.stopIndexOverscan)
-  }, X = $(
-    () => ue({
-      cachedBounds: p,
-      itemCount: o,
+    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
     }),
-    [p, o, x]
-  ), m = $(
-    (v) => {
-      const I = K({
+    [h, n, x]
+  ), G = U(
+    (g) => {
+      const w = C({
         containerElement: e,
         direction: r,
-        isRtl: n,
-        scrollOffset: v
+        isRtl: i,
+        scrollOffset: g
       });
-      return re({
-        cachedBounds: p,
-        containerScrollOffset: I,
-        containerSize: h,
-        itemCount: o,
+      return ce({
+        cachedBounds: h,
+        containerScrollOffset: w,
+        containerSize: d,
+        itemCount: n,
         overscanCount: f
       });
     },
     [
-      p,
-      e,
       h,
+      e,
+      d,
       r,
+      i,
       n,
-      o,
       f
     ]
-  );
-  Y(() => {
-    const v = (r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0;
-    B(m(v));
-  }, [e, r, m]), 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 v = () => {
-      B((I) => {
-        const { scrollLeft: R, scrollTop: z } = e, y = K({
+    const g = () => {
+      X((w) => {
+        const { scrollLeft: y, scrollTop: T } = e, E = C({
           containerElement: e,
           direction: r,
-          isRtl: n,
-          scrollOffset: r === "vertical" ? z : R
-        }), G = re({
-          cachedBounds: p,
-          containerScrollOffset: y,
-          containerSize: h,
-          itemCount: o,
+          isRtl: i,
+          scrollOffset: r === "vertical" ? T : y
+        }), V = ce({
+          cachedBounds: h,
+          containerScrollOffset: E,
+          containerSize: d,
+          itemCount: n,
           overscanCount: f
         });
-        return _(G, I) ? I : G;
+        return J(V, w) ? w : V;
       });
     };
-    return e.addEventListener("scroll", v), () => {
-      e.removeEventListener("scroll", v);
+    return e.addEventListener("scroll", g), () => {
+      e.removeEventListener("scroll", g);
     };
   }, [
-    p,
-    e,
     h,
+    e,
+    d,
     r,
+    i,
     n,
-    o,
     f
   ]);
-  const U = ee(
+  const z = ee(
     ({
-      align: v = "auto",
-      containerScrollOffset: I,
-      index: R
+      align: g = "auto",
+      containerScrollOffset: w,
+      index: y
     }) => {
-      let z = Oe({
-        align: v,
-        cachedBounds: p,
-        containerScrollOffset: K({
+      let T = Ve({
+        align: g,
+        cachedBounds: h,
+        containerScrollOffset: C({
           containerElement: e,
           direction: r,
-          isRtl: n,
-          scrollOffset: I
+          isRtl: i,
+          scrollOffset: w
         }),
-        containerSize: h,
-        index: R,
-        itemCount: o,
+        containerSize: d,
+        index: y,
+        itemCount: n,
         itemSize: x
       });
       if (e) {
-        if (z = K({
+        if (T = C({
           containerElement: e,
           direction: r,
-          isRtl: n,
-          scrollOffset: z
+          isRtl: i,
+          scrollOffset: T
         }), typeof e.scrollTo != "function") {
-          const y = m(z);
-          _(g, y) || B(y);
+          const E = G(T);
+          J(m, E) || X(E);
         }
-        return z;
+        return T;
       }
     }
   );
   return {
-    getCellBounds: w,
-    getEstimatedSize: X,
-    scrollToIndex: U,
-    startIndexOverscan: E,
-    startIndexVisible: T,
-    stopIndexOverscan: b,
-    stopIndexVisible: F
+    getCellBounds: D,
+    getEstimatedSize: A,
+    scrollToIndex: z,
+    startIndexOverscan: j,
+    startIndexVisible: L,
+    stopIndexOverscan: te,
+    stopIndexVisible: I
   };
 }
-function he(e) {
-  const [t, s] = V(e);
-  return _(t, e) ? t : (s(e), e);
+function me(e) {
+  const [t, s] = M(e);
+  return J(t, e) ? t : (s(e), e);
 }
-function pe(e, t) {
+function ye(e, t) {
   const {
     ariaAttributes: s,
-    style: r,
-    ...n
+    style: o,
+    ...r
   } = e, {
-    ariaAttributes: o,
-    style: d,
+    ariaAttributes: i,
+    style: n,
     ...l
   } = t;
-  return _(s, o) && _(r, d) && _(n, l);
+  return J(s, i) && J(o, n) && J(r, l);
 }
-function Le({
+function qe({
   cellComponent: e,
   cellProps: t,
   children: s,
-  className: r,
-  columnCount: n,
-  columnKey: o,
-  columnWidth: d,
+  className: o,
+  columnCount: r,
+  columnKey: i,
+  columnWidth: n,
   defaultHeight: l = 0,
-  defaultWidth: c = 0,
-  dir: f,
-  gridRef: a,
-  onCellsRendered: i,
-  onResize: u,
-  overscanCount: h = 3,
-  rowCount: x,
-  rowHeight: p,
-  rowKey: w,
-  style: g,
-  tagName: B = "div",
-  ...T
+  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 = he(t), F = H(
-    () => fe(e, pe),
+  const L = me(t), j = q(
+    () => be(e, ye),
     [e]
-  ), [b, X] = V(null), m = me(b, f), {
-    getCellBounds: U,
-    getEstimatedSize: v,
-    startIndexOverscan: I,
-    startIndexVisible: R,
-    scrollToIndex: z,
+  ), [I, te] = M(null), A = Ae(I, c), {
+    getCellBounds: G,
+    getEstimatedSize: Q,
+    startIndexOverscan: z,
+    startIndexVisible: g,
+    scrollToIndex: w,
     stopIndexOverscan: y,
-    stopIndexVisible: G
-  } = ie({
-    containerElement: b,
-    containerStyle: g,
-    defaultContainerSize: c,
+    stopIndexVisible: T
+  } = fe({
+    containerElement: I,
+    containerStyle: D,
+    defaultContainerSize: f,
+    defaultScrollOffset: a,
     direction: "horizontal",
-    isRtl: m,
-    itemCount: n,
-    itemProps: E,
-    itemSize: d,
-    onResize: u,
-    overscanCount: h
+    isRtl: A,
+    itemCount: r,
+    itemProps: L,
+    itemSize: n,
+    onResize: d,
+    overscanCount: x
   }), {
-    getCellBounds: M,
-    getEstimatedSize: S,
-    startIndexOverscan: A,
-    startIndexVisible: P,
-    scrollToIndex: se,
-    stopIndexOverscan: J,
-    stopIndexVisible: le
-  } = ie({
-    containerElement: b,
-    containerStyle: g,
+    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: x,
-    itemProps: E,
-    itemSize: p,
-    onResize: u,
-    overscanCount: h
+    itemCount: h,
+    itemProps: L,
+    itemSize: O,
+    onResize: d,
+    overscanCount: x
   });
-  de(
-    a,
+  xe(
+    u,
     () => ({
       get element() {
-        return b;
+        return I;
       },
       scrollToCell({
-        behavior: W = "auto",
-        columnAlign: O = "auto",
-        columnIndex: j,
-        rowAlign: D = "auto",
-        rowIndex: k
+        behavior: F = "auto",
+        columnAlign: S = "auto",
+        columnIndex: _,
+        rowAlign: Y = "auto",
+        rowIndex: B
       }) {
-        const Q = z({
-          align: O,
-          containerScrollOffset: b?.scrollLeft ?? 0,
-          index: j
-        }), xe = se({
-          align: D,
-          containerScrollOffset: b?.scrollTop ?? 0,
-          index: k
+        const se = w({
+          align: S,
+          containerScrollOffset: I?.scrollLeft ?? 0,
+          index: _
+        }), Se = K({
+          align: Y,
+          containerScrollOffset: I?.scrollTop ?? 0,
+          index: B
         });
-        typeof b?.scrollTo == "function" && b.scrollTo({
-          behavior: W,
-          left: Q,
-          top: xe
+        typeof I?.scrollTo == "function" && I.scrollTo({
+          behavior: F,
+          left: se,
+          top: Se
         });
       },
       scrollToColumn({
-        align: W = "auto",
-        behavior: O = "auto",
-        index: j
+        align: F = "auto",
+        behavior: S = "auto",
+        index: _
       }) {
-        const D = z({
-          align: W,
-          containerScrollOffset: b?.scrollLeft ?? 0,
-          index: j
+        const Y = w({
+          align: F,
+          containerScrollOffset: I?.scrollLeft ?? 0,
+          index: _
         });
-        typeof b?.scrollTo == "function" && b.scrollTo({
-          behavior: O,
-          left: D
+        typeof I?.scrollTo == "function" && I.scrollTo({
+          behavior: S,
+          left: Y
         });
       },
       scrollToRow({
-        align: W = "auto",
-        behavior: O = "auto",
-        index: j
+        align: F = "auto",
+        behavior: S = "auto",
+        index: _
       }) {
-        const D = se({
-          align: W,
-          containerScrollOffset: b?.scrollTop ?? 0,
-          index: j
+        const Y = K({
+          align: F,
+          containerScrollOffset: I?.scrollTop ?? 0,
+          index: _
         });
-        typeof b?.scrollTo == "function" && b.scrollTo({
-          behavior: O,
-          top: D
+        typeof I?.scrollTo == "function" && I.scrollTo({
+          behavior: S,
+          top: Y
         });
       }
     }),
-    [b, z, se]
-  ), te(() => {
-    I >= 0 && y >= 0 && A >= 0 && J >= 0 && i && i(
+    [I, w, K]
+  ), ne(() => {
+    z >= 0 && y >= 0 && Z >= 0 && N >= 0 && p && p(
       {
-        columnStartIndex: R,
-        columnStopIndex: G,
-        rowStartIndex: P,
-        rowStopIndex: le
+        columnStartIndex: g,
+        columnStopIndex: T,
+        rowStartIndex: ie,
+        rowStopIndex: k
       },
       {
-        columnStartIndex: I,
+        columnStartIndex: z,
         columnStopIndex: y,
-        rowStartIndex: A,
-        rowStopIndex: J
+        rowStartIndex: Z,
+        rowStopIndex: N
       }
     );
   }, [
-    i,
-    I,
-    R,
+    p,
+    z,
+    g,
     y,
-    G,
-    A,
-    P,
-    J,
-    le
+    T,
+    Z,
+    ie,
+    N,
+    k
   ]);
-  const ge = H(() => {
-    const W = [];
-    if (n > 0 && x > 0)
-      for (let O = A; O <= J; O++) {
-        const j = M(O), D = [];
-        for (let k = I; k <= y; k++) {
-          const Q = U(k);
-          D.push(
-            /* @__PURE__ */ C(
-              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,
-                key: o ? o({
-                  columnIndex: k,
-                  data: E,
-                  rowIndex: O
-                }) : k,
-                rowIndex: O,
+                columnIndex: B,
+                key: i ? i({
+                  columnIndex: B,
+                  data: L,
+                  rowIndex: S
+                }) : B,
+                rowIndex: S,
                 style: {
                   position: "absolute",
-                  left: m ? void 0 : 0,
-                  right: m ? 0 : void 0,
-                  transform: `translate(${m ? -Q.scrollOffset : Q.scrollOffset}px, ${j.scrollOffset}px)`,
-                  height: j.size,
-                  width: Q.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
                 }
               }
             )
           );
         }
-        W.push(
-          /* @__PURE__ */ oe(
+        F.push(
+          /* @__PURE__ */ re(
             "div",
             {
               role: "row",
-              "aria-rowindex": O + 1,
-              children: D
+              "aria-rowindex": S + 1,
+              children: Y
             },
-            w ? w({
-              data: E,
-              rowIndex: O
-            }) : O
+            b ? b({
+              data: L,
+              rowIndex: S
+            }) : S
           )
         );
       }
-    return W;
+    return F;
   }, [
-    F,
-    E,
-    n,
-    o,
-    I,
+    j,
+    L,
+    r,
+    i,
+    z,
     y,
-    U,
-    M,
-    m,
-    x,
-    w,
+    G,
+    E,
     A,
-    J
-  ]), ve = /* @__PURE__ */ oe(
+    h,
+    b,
+    Z,
+    N
+  ]), P = /* @__PURE__ */ re(
     "div",
     {
       "aria-hidden": !0,
       style: {
-        height: S(),
-        width: v(),
+        height: V(),
+        width: Q(),
         zIndex: -1
       }
     }
   );
-  return C(
-    B,
+  return le(
+    m,
     {
-      "aria-colcount": n,
-      "aria-rowcount": x,
+      "aria-colcount": r,
+      "aria-rowcount": h,
       role: "grid",
-      ...T,
-      className: r,
-      dir: f,
-      ref: X,
+      ...X,
+      className: o,
+      dir: c,
+      ref: te,
       style: {
         position: "relative",
         maxHeight: "100%",
         maxWidth: "100%",
         flexGrow: 1,
         overflow: "auto",
-        ...g
+        ...D
       }
     },
-    ge,
+    R,
     s,
-    ve
+    P
   );
 }
-const Ve = V, Re = q;
-function Te(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 Ee({
+function je({
   element: e,
   getCellBounds: t,
   isDynamicRowHeight: s,
-  rowCount: r,
-  rowElements: n,
-  scrollToIndex: o
+  rowCount: o,
+  rowElements: r,
+  scrollToIndex: i
 }) {
-  const d = q(null), l = q(void 0), c = ee(() => {
-    d.current = null, l.current !== void 0 && (cancelAnimationFrame(l.current), l.current = void 0);
+  const n = H(null), l = H(
+    void 0
+  ), 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
+    };
   }), f = ee(() => {
     l.current = void 0;
-    const a = d.current;
-    if (!a) return;
-    if (!e || !s || a.index >= r || performance.now() >= a.deadline) {
-      c();
+    const c = n.current;
+    if (!c) return;
+    if (!e || !s || c.index >= o || performance.now() >= c.deadline) {
+      a();
       return;
     }
-    const i = o({
-      align: a.align,
+    const u = i({
+      align: c.align,
       containerScrollOffset: e.scrollTop,
-      index: a.index
+      index: c.index
     });
-    if (i !== void 0) {
-      const u = Math.max(
+    if (u !== void 0) {
+      const p = Math.max(
         0,
-        Math.min(i, e.scrollHeight - e.clientHeight)
+        Math.min(u, e.scrollHeight - e.clientHeight)
       );
-      if (Math.abs(u - e.scrollTop) > 1)
-        a.stableFrames = 0, e.scrollTo({ behavior: "instant", top: u });
+      if (Math.abs(p - e.scrollTop) > 1)
+        c.stableFrames = 0, e.scrollTo({ behavior: "instant", top: p });
       else {
-        const h = n.current;
-        if (!(h.some(
-          (w) => w.getAttribute(Z) === `${a.index}`
-        ) && h.every((w) => {
-          const g = Number(w.getAttribute(Z));
+        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(g).size - w.offsetHeight
+            t(b).size - O.offsetHeight
           ) <= 1;
         })))
-          a.stableFrames = 0;
-        else if (++a.stableFrames >= 2) {
-          c();
+          c.stableFrames = 0;
+        else if (++c.stableFrames >= 2) {
+          a();
           return;
         }
       }
     }
-    l.current = requestAnimationFrame(f);
+    v();
   });
-  return Y(() => {
+  return W(() => {
     if (!e) return;
-    const a = (i) => {
-      switch (i.key) {
+    const c = (u) => {
+      switch (u.key) {
         case "ArrowUp":
         case "ArrowDown":
         case "PageUp":
@@ -814,299 +905,344 @@ function Ee({
         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", a), () => {
-      c(), e.removeEventListener("wheel", c), e.removeEventListener("touchstart", c), e.removeEventListener("pointerdown", c), e.removeEventListener("keydown", a);
+    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: a = "auto",
-      behavior: i = "auto",
-      index: u
+      align: c = "auto",
+      behavior: u = "auto",
+      index: p
     }) => {
-      s && a === "smart" && (a = o({
+      s && c === "smart" && (c = i({
         align: "auto",
         containerScrollOffset: e?.scrollTop ?? 0,
-        index: u
+        index: p
       }) === (e?.scrollTop ?? 0) ? "auto" : "center");
-      const h = o({
-        align: a,
+      const d = i({
+        align: c,
         containerScrollOffset: e?.scrollTop ?? 0,
-        index: u
+        index: p
       });
-      c(), typeof e?.scrollTo == "function" && (s && (d.current = {
-        align: a,
-        index: u,
+      a(), typeof e?.scrollTo == "function" && (s && (n.current = {
+        align: c,
+        index: p,
         deadline: performance.now() + 1e3,
         stableFrames: 0
-      }, l.current = requestAnimationFrame(f)), e.scrollTo({
-        behavior: s ? "instant" : i,
-        top: h
+      }, v()), e.scrollTo({
+        behavior: s ? "instant" : u,
+        top: d
       }));
     },
-    [c, f, e, s, o]
+    [
+      a,
+      e,
+      s,
+      v,
+      i
+    ]
   );
 }
-const Z = "data-react-window-index";
-function ke({
+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: o,
-  overscanCount: d = 3,
-  rowComponent: l,
-  rowCount: c,
+  onResize: i,
+  onRowsRendered: n,
+  overscanCount: l = 3,
+  rowComponent: a,
+  rowCount: v,
   rowHeight: f,
-  rowKey: a,
-  rowProps: i,
-  tagName: u = "div",
-  style: h,
+  rowKey: c,
+  rowProps: u,
+  tagName: p = "div",
+  style: d,
   ...x
 }) {
-  const p = he(i), w = H(
-    () => fe(l, pe),
-    [l]
-  ), [g, B] = V(null), T = Te(f), E = H(() => T ? (M) => f.getRowHeight(M) ?? f.getAverageRowHeight() : f, [T, f]), {
-    getCellBounds: F,
-    getEstimatedSize: b,
-    scrollToIndex: X,
-    startIndexOverscan: m,
-    startIndexVisible: U,
-    stopIndexOverscan: v,
-    stopIndexVisible: I
-  } = ie({
-    containerElement: g,
-    containerStyle: h,
+  const h = me(u), O = q(
+    () => be(a, ye),
+    [a]
+  ), [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: p,
-    itemSize: E,
-    onResize: n,
-    overscanCount: d
-  }), R = q([]), z = Ee({
-    element: g,
-    getCellBounds: F,
-    isDynamicRowHeight: T,
-    rowCount: c,
-    rowElements: R,
-    scrollToIndex: X
+    itemCount: v,
+    itemProps: h,
+    itemSize: X,
+    onResize: i,
+    overscanCount: l
+  }), T = H([]), E = je({
+    element: b,
+    getCellBounds: A,
+    isDynamicRowHeight: m,
+    rowCount: v,
+    rowElements: T,
+    scrollToIndex: Q
   });
-  de(
+  xe(
     r,
     () => ({
       get element() {
-        return g;
+        return b;
       },
-      scrollToRow: z
+      scrollToRow: E
     }),
-    [g, z]
-  ), Y(() => {
-    if (!g)
+    [b, E]
+  ), W(() => {
+    if (!b)
       return;
-    const M = Array.from(g.children).slice(
+    const k = Array.from(b.children).slice(
       0,
-      m < 0 ? 0 : v - m + 1
-    ).filter((S, A) => {
-      if (S.hasAttribute("aria-hidden"))
+      z < 0 ? 0 : w - z + 1
+    ).filter((R, P) => {
+      if (R.hasAttribute(ve))
         return !1;
-      const P = `${m + A}`;
-      return S.setAttribute(Z, P), !0;
+      const F = `${z + P}`;
+      return R.setAttribute(oe, F), !0;
     });
-    if (R.current = M, T)
-      return f.observeRowElements(M);
+    if (T.current = k, m)
+      return f.observeRowElements(k);
   }, [
-    w,
-    g,
-    T,
-    c,
-    f,
-    a,
-    p,
+    O,
+    b,
     m,
-    v
-  ]), te(() => {
-    m >= 0 && v >= 0 && o && o(
+    v,
+    f,
+    c,
+    h,
+    z,
+    w
+  ]), ne(() => {
+    z >= 0 && w >= 0 && n && n(
       {
-        startIndex: U,
-        stopIndex: I
+        startIndex: g,
+        stopIndex: y
       },
       {
-        startIndex: m,
-        stopIndex: v
+        startIndex: z,
+        stopIndex: w
       }
     );
   }, [
-    o,
-    m,
-    U,
-    v,
-    I
+    n,
+    z,
+    g,
+    w,
+    y
   ]);
-  const y = H(() => {
-    const M = [];
-    if (c > 0)
-      for (let S = m; S <= v; S++) {
-        const A = F(S);
-        M.push(
-          /* @__PURE__ */ C(
-            w,
+  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,
             {
-              ...p,
+              ...h,
               ariaAttributes: {
-                "aria-posinset": S + 1,
-                "aria-setsize": c,
+                "aria-posinset": R + 1,
+                "aria-setsize": v,
                 role: "listitem"
               },
-              key: a ? a(S, p) : S,
-              index: S,
-              style: {
+              key: c ? c(R, h) : R,
+              index: R,
+              style: V ? { width: "100%" } : {
                 position: "absolute",
                 left: 0,
-                transform: `translateY(${A.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: T ? void 0 : A.size,
+                height: m ? void 0 : P.size,
                 width: "100%"
               }
             }
           )
         );
       }
-    return M;
+    return k;
   }, [
-    w,
-    F,
-    T,
-    c,
-    a,
-    p,
+    O,
+    A,
     m,
-    v
-  ]), G = /* @__PURE__ */ oe(
+    V,
+    v,
+    c,
+    h,
+    z,
+    w
+  ]), ie = /* @__PURE__ */ re(
     "div",
     {
       "aria-hidden": !0,
+      [ve]: "",
       style: {
-        height: b(),
+        // 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 C(
-    u,
+    },
+    "sizer"
+  ), K = /* @__PURE__ */ re(ue, { children: e }, "children"), N = /* @__PURE__ */ re(ue, { children: Z }, "rows");
+  return le(
+    p,
     {
       role: "list",
       ...x,
       className: t,
-      ref: B,
+      ref: D,
       style: {
         position: "relative",
         maxHeight: "100%",
         flexGrow: 1,
         overflowY: "auto",
-        ...h
+        ...d
       }
     },
-    y,
-    e,
-    G
+    ...V ? [K, N] : [N, K],
+    ie
   );
 }
-function $e({
+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] = V({
-    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, o = $(() => {
-    let i = 0;
-    return n.forEach((u) => {
-      i += u;
-    }), i === 0 ? e : i / n.size;
-  }, [e, n]), d = $(
-    (i) => {
-      const u = n.get(i);
-      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]
-  ), l = $((i, u) => {
-    r((h) => {
-      if (h.map.get(i) === u)
-        return h;
-      const x = new Map(h.map);
-      return x.set(i, u), {
-        ...h,
+    [e, i]
+  ), a = U((u, p) => {
+    r((d) => {
+      if (d.map.get(u) === p)
+        return d;
+      const x = new Map(d.map);
+      return x.set(u, p), {
+        ...d,
         map: x
       };
     });
-  }, []), c = ee(
-    (i) => {
-      i.length !== 0 && i.forEach((u) => {
-        const { borderBoxSize: h, target: x } = u, p = x.getAttribute(Z);
-        L(
-          p !== null,
-          `Invalid ${Z} 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 w = parseInt(p), { blockSize: g } = h[0];
-        g && l(w, g);
+        const O = parseInt(h), { blockSize: b } = d[0];
+        b && a(O, b);
       });
     }
-  ), [f] = V(() => {
-    if (typeof ResizeObserver < "u")
-      return new ResizeObserver(c);
-  });
-  te(() => {
-    if (f)
-      return () => {
-        f.disconnect();
+  ), f = H(null);
+  ne(
+    () => () => {
+      f.current?.resizeObserver.disconnect(), f.current = null;
+    },
+    []
+  );
+  const c = U(
+    (u) => {
+      const p = [];
+      return u.forEach((d) => {
+        const x = ae(d);
+        if (f.current?.view !== x) {
+          f.current?.resizeObserver.disconnect();
+          const O = Oe(d);
+          f.current = O ? {
+            resizeObserver: new O(v),
+            view: x
+          } : null;
+        }
+        const h = f.current?.resizeObserver;
+        h && (h.observe(d), p.push([d, h]));
+      }), () => {
+        p.forEach(
+          ([d, x]) => x.unobserve(d)
+        );
       };
-  }, [f]);
-  const a = $(
-    (i) => f ? (i.forEach((u) => f.observe(u)), () => {
-      i.forEach((u) => f.unobserve(u));
-    }) : () => {
     },
-    [f]
+    [v]
   );
-  return H(
+  return q(
     () => ({
-      getAverageRowHeight: o,
-      getRowHeight: d,
-      setRowHeight: l,
-      observeRowElements: a
+      getAverageRowHeight: n,
+      getRowHeight: l,
+      setRowHeight: a,
+      observeRowElements: c
     }),
-    [o, d, l, a]
+    [n, l, a, c]
   );
 }
-const He = V, Fe = q;
-let ne = -1;
-function We(e = !1) {
-  if (ne === -1 || e) {
-    const t = document.createElement("div"), s = t.style;
-    s.width = "50px", s.height = "50px", s.overflow = "scroll", document.body.appendChild(t), ne = t.offsetWidth - t.clientWidth, document.body.removeChild(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 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 ne;
+  return s;
 }
 export {
-  Le as Grid,
-  ke as List,
-  We as getScrollbarSize,
-  $e as useDynamicRowHeight,
-  Ve as useGridCallbackRef,
-  Re as useGridRef,
-  He as useListCallbackRef,
-  Fe 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