react-window 2.5.0 → 2.5.1

package/dist/react-window.js

@@ -1,8 +1,8 @@
 "use client";
-import { jsx as de } from "react/jsx-runtime";
-import { useLayoutEffect as Ne, useEffect as le, useState as j, useSyncExternalStore as Be, useMemo as C, useRef as U, useCallback as Y, memo as Te, useImperativeHandle as Le, createElement as ve, Fragment as be } from "react";
-const _ = typeof window < "u" ? Ne : le;
-function Me(e) {
+import { jsx as ue } from "react/jsx-runtime";
+import { useLayoutEffect as _e, useEffect as le, useState as C, useSyncExternalStore as Be, useMemo as q, useRef as P, useCallback as X, memo as Le, useImperativeHandle as Me, createElement as he, Fragment as be } from "react";
+const B = typeof window < "u" ? _e : le;
+function Ae(e) {
   let t = e;
   for (; t; ) {
     if (t.dir)
@@ -11,30 +11,30 @@ function Me(e) {
   }
   return !1;
 }
-function Ae(e, t) {
-  const [r, o] = j(t === "rtl");
-  return _(() => {
-    t ? o(t === "rtl") : e && o(Me(e));
+function Ee(e, t) {
+  const [r, o] = C(t === "rtl");
+  return B(() => {
+    t ? o(t === "rtl") : e && o(Ae(e));
   }, [t, e]), r;
 }
 function Pe() {
   return () => {
   };
 }
-function Ee() {
+function We() {
   return Be(
     Pe,
     () => !1,
     () => !0
   );
 }
-function J(e) {
+function Z(e) {
   return e?.ownerDocument.defaultView ?? window;
 }
-function pe(e) {
-  return J(e).ResizeObserver ?? (typeof ResizeObserver < "u" ? ResizeObserver : void 0);
+function we(e) {
+  return Z(e).ResizeObserver ?? (typeof ResizeObserver < "u" ? ResizeObserver : void 0);
 }
-function xe(e) {
+function me(e) {
   if (e !== void 0)
     switch (typeof e) {
       case "number":
@@ -46,7 +46,7 @@ function xe(e) {
       }
     }
 }
-function _e({
+function De({
   box: e,
   defaultHeight: t,
   defaultWidth: r,
@@ -55,58 +55,58 @@ function _e({
   mode: i,
   style: n
 }) {
-  const { styleHeight: u, styleWidth: v } = C(
+  const { styleHeight: d, styleWidth: v } = q(
     () => ({
-      styleHeight: xe(n?.height),
-      styleWidth: xe(n?.width)
+      styleHeight: me(n?.height),
+      styleWidth: me(n?.width)
     }),
     [n?.height, n?.width]
-  ), [h, f] = j({
+  ), [h, f] = C({
     height: t,
     width: r
-  }), d = o || i === "only-height" && u !== void 0 || i === "only-width" && v !== void 0 || u !== void 0 && v !== void 0;
-  return _(() => {
-    if (s === null || d)
+  }), u = o || i === "only-height" && d !== void 0 || i === "only-width" && v !== void 0 || d !== void 0 && v !== void 0;
+  return B(() => {
+    if (s === null || u)
       return;
-    const a = pe(s);
+    const a = we(s);
     if (!a)
       return;
-    const l = new a((c) => {
-      for (const g of c) {
-        const { contentRect: w, target: b } = g;
-        s === b && f((x) => x.height === w.height && x.width === w.width ? x : {
-          height: w.height,
-          width: w.width
+    const c = new a((l) => {
+      for (const p of l) {
+        const { contentRect: b, target: S } = p;
+        s === S && f((w) => w.height === b.height && w.width === b.width ? w : {
+          height: b.height,
+          width: b.width
         });
       }
     });
-    return l.observe(s, { box: e }), () => {
-      l?.unobserve(s);
+    return c.observe(s, { box: e }), () => {
+      c?.unobserve(s);
     };
-  }, [e, d, s, u, v]), C(
+  }, [e, u, s, d, v]), q(
     () => ({
-      height: u ?? h.height,
+      height: d ?? h.height,
       width: v ?? h.width
     }),
-    [h, u, v]
+    [h, d, v]
   );
 }
 function ie(e) {
-  const t = U(() => {
+  const t = P(() => {
     throw new Error("Cannot call an event handler while rendering.");
   });
-  return _(() => {
+  return B(() => {
     t.current = e;
-  }, [e]), Y((...r) => t.current?.(...r), [t]);
+  }, [e]), X((...r) => t.current?.(...r), [t]);
 }
-const me = /* @__PURE__ */ new WeakMap();
+const xe = /* @__PURE__ */ new WeakMap();
 function Ue(e = !1, t = document) {
-  let r = me.get(t);
+  let r = xe.get(t);
   if (r === void 0 || e) {
     const o = t.createElement("div"), s = o.style;
     s.width = "50px", s.height = "50px", s.overflow = "scroll", s.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 ? r = "positive-descending" : (o.scrollLeft = 1, o.scrollLeft === 0 ? r = "negative" : r = "positive-ascending"), t.body.removeChild(o), me.set(t, r);
+    n.width = "100px", n.height = "100px", o.appendChild(i), t.body.appendChild(o), o.scrollLeft > 0 ? r = "positive-descending" : (o.scrollLeft = 1, o.scrollLeft === 0 ? r = "negative" : r = "positive-ascending"), t.body.removeChild(o), xe.set(t, r);
   }
   return r;
 }
@@ -130,29 +130,29 @@ function ne({
     }
   return o;
 }
-function De({
+function Ce({
   container: e,
   element: t,
   onChange: r
 }) {
-  const o = J(t), s = pe(t), i = o.MutationObserver ?? (typeof MutationObserver < "u" ? MutationObserver : void 0), n = s ? new s(r) : void 0, u = (d) => !d.isConnected || (d.compareDocumentPosition(t) & Node.DOCUMENT_POSITION_FOLLOWING) !== 0, v = i ? new i((d) => {
-    d.some(
-      (l) => Array.from(l.addedNodes).some(u) || // Removed nodes preceded the element if the node after them still does (or contains the element)
-      l.removedNodes.length > 0 && l.nextSibling !== null && u(l.nextSibling)
+  const o = Z(t), s = we(t), i = o.MutationObserver ?? (typeof MutationObserver < "u" ? MutationObserver : void 0), n = s ? new s(r) : void 0, d = (u) => !u.isConnected || (u.compareDocumentPosition(t) & Node.DOCUMENT_POSITION_FOLLOWING) !== 0, v = i ? new i((u) => {
+    u.some(
+      (c) => Array.from(c.addedNodes).some(d) || // Removed nodes preceded the element if the node after them still does (or contains the element)
+      c.removedNodes.length > 0 && c.nextSibling !== null && d(c.nextSibling)
     ) && (f(), r());
   }) : void 0, h = /* @__PURE__ */ new Set(), f = () => {
     for (const a of h)
       n?.unobserve(a);
     h.clear(), v?.disconnect();
-    let d = t;
-    for (; d !== e; ) {
-      const a = d.parentElement;
+    let u = t;
+    for (; u !== e; ) {
+      const a = u.parentElement;
       if (a === null)
         break;
       if (n)
-        for (let l = d.previousElementSibling; l !== null; l = l.previousElementSibling)
-          h.add(l), n.observe(l);
-      v?.observe(a, { childList: !0 }), d = a;
+        for (let c = u.previousElementSibling; c !== null; c = c.previousElementSibling)
+          h.add(c), n.observe(c);
+      v?.observe(a, { childList: !0 }), u = a;
     }
   };
   return f(), () => {
@@ -163,9 +163,9 @@ function ce(e) {
   return e.window === e;
 }
 function $e(e, t) {
-  return t === "window" ? e ? J(e) : null : t ?? null;
+  return t === "window" ? e ? Z(e) : null : t ?? null;
 }
-function we(e, t) {
+function de(e, t) {
   return ce(e) ? t === "vertical" ? e.scrollY : e.scrollX : t === "vertical" ? e.scrollTop : e.scrollLeft;
 }
 function je(e, t) {
@@ -176,10 +176,10 @@ function ae(e, t) {
   e && typeof e.scrollTo == "function" && e.scrollTo(t);
 }
 function qe(e, t) {
-  const { overflowX: r, overflowY: o } = J(e).getComputedStyle(e), s = t === "vertical" ? o : r;
+  const { overflowX: r, overflowY: o } = Z(e).getComputedStyle(e), s = t === "vertical" ? o : r;
   return s === "visible" || s === "clip" ? !1 : t === "vertical" ? e.scrollHeight - e.clientHeight > 1 : e.scrollWidth - e.clientWidth > 1;
 }
-function Ie({
+function Oe({
   containerElement: e,
   direction: t,
   isRtl: r,
@@ -188,32 +188,32 @@ function Ie({
   const s = t === "vertical";
   let i, n;
   if (ce(o)) {
-    const { documentElement: x } = o.document;
-    i = 0, n = s ? x.clientHeight : x.clientWidth;
+    const { documentElement: w } = o.document;
+    i = 0, n = s ? w.clientHeight : w.clientWidth;
   } else {
-    const x = o.getBoundingClientRect();
-    i = s ? x.top + o.clientTop : x.left + o.clientLeft, n = s ? o.clientHeight : o.clientWidth;
+    const w = o.getBoundingClientRect();
+    i = s ? w.top + o.clientTop : w.left + o.clientLeft, n = s ? o.clientHeight : o.clientWidth;
   }
-  const u = i + n, v = e.getBoundingClientRect(), h = s ? v.top + e.clientTop : v.left + e.clientLeft, f = s ? e.clientHeight : e.clientWidth, d = h + f, a = ne({
+  const d = i + n, v = e.getBoundingClientRect(), h = s ? v.top + e.clientTop : v.left + e.clientLeft, f = s ? e.clientHeight : e.clientWidth, u = h + f, a = ne({
     containerElement: e,
     direction: t,
     isRtl: r,
     scrollOffset: s ? e.scrollTop : e.scrollLeft
-  }), c = !s && r ? d - u : i - h, g = c + n, w = Math.max(0, c), b = Math.min(f, g);
+  }), l = !s && r ? u - d : i - h, p = l + n, b = Math.max(0, l), S = Math.min(f, p);
   return {
-    offset: a + w,
-    size: Math.max(0, b - w),
-    viewportOffset: a + c,
+    offset: a + b,
+    size: Math.max(0, S - b),
+    viewportOffset: a + l,
     viewportSize: n
   };
 }
-function Oe({
+function Ie({
   direction: e,
   isRtl: t,
   scrollTarget: r,
   viewportSize: o
 }) {
-  const s = ce(r) ? r.document.documentElement : r, i = J(s).getComputedStyle(s), n = (h) => {
+  const s = ce(r) ? r.document.documentElement : r, i = Z(s).getComputedStyle(s), n = (h) => {
     const f = parseFloat(h ?? "");
     return !Number.isFinite(f) || f < 0 ? 0 : h.endsWith("px") ? f : h.endsWith("%") ? f * o / 100 : 0;
   };
@@ -222,24 +222,24 @@ function Oe({
       end: n(i.scrollPaddingBottom),
       start: n(i.scrollPaddingTop)
     };
-  const u = n(i.scrollPaddingLeft), v = n(i.scrollPaddingRight);
-  return t ? { end: u, start: v } : { end: v, start: u };
+  const d = n(i.scrollPaddingLeft), v = n(i.scrollPaddingRight);
+  return t ? { end: d, start: v } : { end: v, start: d };
 }
-function Z(e, t = "Assertion error") {
+function Y(e, t = "Assertion error") {
   if (!e)
     throw console.error(t), Error(t);
 }
 function se(e, t) {
   if (e === t)
     return !0;
-  if (!!e != !!t || (Z(e !== void 0), Z(t !== void 0), Object.keys(e).length !== Object.keys(t).length))
+  if (!!e != !!t || (Y(e !== void 0), Y(t !== void 0), Object.keys(e).length !== Object.keys(t).length))
     return !1;
   for (const r in e)
     if (!Object.hasOwn(t, r) || !Object.is(t[r], e[r]))
       return !1;
   return !0;
 }
-function We({
+function Ve({
   cachedBounds: e,
   itemCount: t,
   itemSize: r
@@ -252,7 +252,7 @@ function We({
     const o = e.get(
       e.size === 0 ? 0 : e.size - 1
     );
-    Z(o !== void 0, "Unexpected bounds cache miss");
+    Y(o !== void 0, "Unexpected bounds cache miss");
     const s = (o.scrollOffset + o.size) / e.size;
     return t * s;
   }
@@ -265,29 +265,29 @@ function Se({
   itemCount: s,
   itemSize: i,
   containerScrollOffset: n,
-  containerSize: u
+  containerSize: d
 }) {
   if (o < 0 || o >= s)
     throw RangeError(`Invalid index specified: ${o}`, {
       cause: `Index ${o} is not within the range of 0 - ${s - 1}`
     });
-  const v = t.get(o), h = We({
+  const v = t.get(o), h = Ve({
     cachedBounds: t,
     itemCount: s,
     itemSize: i
-  }), f = (c) => r ? Math.max(0, Math.min(h - u, c)) : c, d = f(v.scrollOffset), a = r ? Math.max(0, v.scrollOffset - u + v.size) : v.scrollOffset - u + v.size, l = v.size > u ? n >= v.scrollOffset && n <= a : n >= a && n <= v.scrollOffset;
-  switch (e === "smart" && (e = l ? "auto" : "center"), e) {
+  }), f = (l) => r ? Math.max(0, Math.min(h - d, l)) : l, u = f(v.scrollOffset), a = r ? Math.max(0, v.scrollOffset - d + v.size) : v.scrollOffset - d + v.size, c = v.size > d ? n >= v.scrollOffset && n <= a : n >= a && n <= v.scrollOffset;
+  switch (e === "smart" && (e = c ? "auto" : "center"), e) {
     case "start":
-      return d;
+      return u;
     case "end":
       return a;
     case "center":
       return f(
-        v.scrollOffset + v.size / 2 - u / 2
+        v.scrollOffset + v.size / 2 - d / 2
       );
     case "auto":
     default:
-      return l ? n : n < a ? a : d;
+      return c ? n : n < a ? a : u;
   }
 }
 function fe({
@@ -305,45 +305,45 @@ function fe({
       startIndexOverscan: 0,
       stopIndexOverscan: -1
     };
-  let n, u;
+  let n, d;
   const { itemSize: v } = e;
   if (v !== void 0)
     v > 0 ? (n = Math.max(
       0,
       Math.min(i, Math.floor(t / v))
-    ), u = Math.max(
+    ), d = Math.max(
       n,
       Math.min(
         i,
         Math.ceil((t + r) / v) - 1
       )
-    )) : (n = 0, u = 0);
+    )) : (n = 0, d = 0);
   else {
     let h = 0, f = Math.min(i, Math.max(0, e.size - 1));
     for (; h < f; ) {
-      const d = Math.floor((h + f) / 2), a = e.get(d);
-      a.scrollOffset + a.size > t ? f = d : h = d + 1;
+      const u = Math.floor((h + f) / 2), a = e.get(u);
+      a.scrollOffset + a.size > t ? f = u : h = u + 1;
     }
     for (; h < i; ) {
-      const d = e.get(h);
-      if (d.scrollOffset + d.size > t) break;
+      const u = e.get(h);
+      if (u.scrollOffset + u.size > t) break;
       h++;
     }
-    for (n = h, u = h; u < i; ) {
-      const d = e.get(u);
-      if (d.scrollOffset + d.size >= t + r)
+    for (n = h, d = h; d < i; ) {
+      const u = e.get(d);
+      if (u.scrollOffset + u.size >= t + r)
         break;
-      u++;
+      d++;
     }
   }
   return {
     startIndexVisible: n,
-    stopIndexVisible: u,
+    stopIndexVisible: d,
     startIndexOverscan: Math.max(0, n - s),
-    stopIndexOverscan: Math.min(i, u + s)
+    stopIndexOverscan: Math.min(i, d + s)
   };
 }
-function Ce({
+function Ge({
   itemCount: e,
   itemProps: t,
   itemSize: r
@@ -352,28 +352,28 @@ function Ce({
   return {
     itemSize: typeof r == "number" ? r : void 0,
     get(s) {
-      if (Z(s < e, `Invalid index ${s}`), typeof r == "number")
-        return Z(s >= 0, `Invalid index ${s}`), { size: r, scrollOffset: s * r };
+      if (Y(s < e, `Invalid index ${s}`), typeof r == "number")
+        return Y(s >= 0, `Invalid index ${s}`), { size: r, scrollOffset: s * r };
       for (; o.size - 1 < s; ) {
-        const n = o.size, u = r(n, t);
+        const n = o.size, d = r(n, t);
         if (n === 0)
           o.set(n, {
-            size: u,
+            size: d,
             scrollOffset: 0
           });
         else {
           const v = o.get(n - 1);
-          Z(
+          Y(
             v !== void 0,
             `Unexpected bounds cache miss for index ${s}`
           ), o.set(n, {
             scrollOffset: v.scrollOffset + v.size,
-            size: u
+            size: d
           });
         }
       }
       const i = o.get(s);
-      return Z(
+      return Y(
         i !== void 0,
         `Unexpected bounds cache miss for index ${s}`
       ), i;
@@ -386,13 +386,13 @@ function Ce({
     }
   };
 }
-function Ge({
+function Xe({
   itemCount: e,
   itemProps: t,
   itemSize: r
 }) {
-  return C(
-    () => Ce({
+  return q(
+    () => Ge({
       itemCount: e,
       itemProps: t,
       itemSize: r
@@ -400,17 +400,17 @@ function Ge({
     [e, t, r]
   );
 }
-function Xe({
+function Ye({
   containerSize: e,
   itemSize: t
 }) {
   let r;
   switch (typeof t) {
     case "string": {
-      Z(
+      Y(
         t.endsWith("%"),
         `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`
-      ), Z(
+      ), Y(
         e !== void 0,
         "Container size must be defined if a percentage item size is specified"
       ), r = e * parseFloat(t) / 100;
@@ -423,7 +423,7 @@ function Xe({
   }
   return typeof r == "number" && !(Number.isFinite(r) && r > 0) && (r = 0), r;
 }
-function he({
+function pe({
   containerElement: e,
   containerStyle: t,
   defaultContainerSize: r = 0,
@@ -431,80 +431,80 @@ function he({
   direction: s,
   isRtl: i = !1,
   itemCount: n,
-  itemProps: u,
+  itemProps: d,
   itemSize: v,
   onResize: h,
   overscanCount: f,
-  scrollElement: d
+  scrollElement: u
 }) {
-  const a = d !== void 0, l = a ? $e(e, d) : e, { height: c = r, width: g = r } = _e({
+  const a = u !== void 0, c = a ? $e(e, u) : e, { height: l = r, width: p = r } = De({
     defaultHeight: s === "vertical" ? r : void 0,
     defaultWidth: s === "horizontal" ? r : void 0,
     element: e,
     mode: s === "vertical" ? "only-height" : "only-width",
     style: t
-  }), w = U({
+  }), b = P({
     height: 0,
     width: 0
-  }), [b, x] = j(r), m = a ? b : s === "vertical" ? c : g, V = Xe({ containerSize: m, itemSize: v });
-  _(() => {
+  }), [S, w] = C(r), m = a ? S : s === "vertical" ? l : p, T = Ye({ containerSize: m, itemSize: v });
+  B(() => {
     if (typeof h == "function") {
-      const S = w.current;
-      (S.height !== c || S.width !== g) && (h({ height: c, width: g }, { ...S }), S.height = c, S.width = g);
+      const z = b.current;
+      (z.height !== l || z.width !== p) && (h({ height: l, width: p }, { ...z }), z.height = l, z.width = p);
     }
-  }, [c, h, g]);
-  const z = Ge({
+  }, [l, h, p]);
+  const g = Xe({
     itemCount: n,
-    itemProps: u,
-    itemSize: V
-  }), N = Ee(), [L] = j(
-    () => N || a ? 0 : o
-  ), B = Y(
-    (S) => z.get(S),
-    [z]
-  ), [F, G] = j(
+    itemProps: d,
+    itemSize: T
+  }), J = We(), [k] = C(
+    () => J || a ? 0 : o
+  ), E = X(
+    (z) => g.get(z),
+    [g]
+  ), [L, $] = C(
     () => fe({
-      cachedBounds: z,
-      containerScrollOffset: L,
+      cachedBounds: g,
+      containerScrollOffset: k,
       containerSize: m,
       itemCount: n,
       overscanCount: f
     })
   ), {
-    startIndexVisible: P,
+    startIndexVisible: _,
     startIndexOverscan: Q,
     stopIndexVisible: te,
     stopIndexOverscan: R
   } = {
-    startIndexVisible: Math.min(n - 1, F.startIndexVisible),
-    startIndexOverscan: Math.min(n - 1, F.startIndexOverscan),
-    stopIndexVisible: Math.min(n - 1, F.stopIndexVisible),
-    stopIndexOverscan: Math.min(n - 1, F.stopIndexOverscan)
-  }, I = Y(
-    () => We({
-      cachedBounds: z,
+    startIndexVisible: Math.min(n - 1, L.startIndexVisible),
+    startIndexOverscan: Math.min(n - 1, L.startIndexOverscan),
+    stopIndexVisible: Math.min(n - 1, L.stopIndexVisible),
+    stopIndexOverscan: Math.min(n - 1, L.stopIndexOverscan)
+  }, O = X(
+    () => Ve({
+      cachedBounds: g,
       itemCount: n,
-      itemSize: V
+      itemSize: T
     }),
-    [z, n, V]
-  ), H = Y(
-    (S) => {
-      const p = ne({
+    [g, n, T]
+  ), H = X(
+    (z) => {
+      const x = ne({
         containerElement: e,
         direction: s,
         isRtl: i,
-        scrollOffset: S
+        scrollOffset: z
       });
       return fe({
-        cachedBounds: z,
-        containerScrollOffset: p,
+        cachedBounds: g,
+        containerScrollOffset: x,
         containerSize: m,
         itemCount: n,
         overscanCount: f
       });
     },
     [
-      z,
+      g,
       e,
       m,
       s,
@@ -512,77 +512,77 @@ function he({
       n,
       f
     ]
-  ), O = U(!1);
-  _(() => {
-    if (!e || n === 0 || a || O.current || (O.current = !0, o <= 0))
+  ), I = P(!1);
+  B(() => {
+    if (!e || n === 0 || a || I.current || (I.current = !0, o <= 0))
       return;
-    const S = s === "horizontal" && Me(e);
+    const z = s === "horizontal" && Ae(e);
     if (ne({
       containerElement: e,
       direction: s,
-      isRtl: S,
+      isRtl: z,
       scrollOffset: s === "vertical" ? e.scrollTop : e.scrollLeft
     }) !== 0)
       return;
-    const M = ne({
+    const A = ne({
       containerElement: e,
       direction: s,
-      isRtl: S,
+      isRtl: z,
       scrollOffset: o
     });
     typeof e.scrollTo == "function" ? e.scrollTo({
       behavior: "instant",
-      [s === "vertical" ? "top" : "left"]: M
-    }) : s === "vertical" ? e.scrollTop = M : e.scrollLeft = M;
-  }, [e, n]), _(() => {
-    if (a && e && l)
+      [s === "vertical" ? "top" : "left"]: A
+    }) : s === "vertical" ? e.scrollTop = A : e.scrollLeft = A;
+  }, [e, n]), B(() => {
+    if (a && e && c)
       return;
-    const S = e && !a ? H(
+    const z = e && !a ? H(
       s === "vertical" ? e.scrollTop : e.scrollLeft
     ) : fe({
-      cachedBounds: z,
-      containerScrollOffset: L,
+      cachedBounds: g,
+      containerScrollOffset: k,
       containerSize: m,
       itemCount: n,
       overscanCount: f
     });
-    G((p) => se(S, p) ? p : S);
+    $((x) => se(z, x) ? x : z);
   }, [
-    z,
+    g,
     e,
     m,
     s,
     H,
-    L,
+    k,
     a,
     n,
     f,
-    l
-  ]), _(() => {
+    c
+  ]), B(() => {
     if (!e || a)
       return;
-    const S = () => {
-      G((p) => {
-        const { scrollLeft: M, scrollTop: k } = e, A = ne({
+    const z = () => {
+      $((x) => {
+        const { scrollLeft: A, scrollTop: N } = e, W = ne({
           containerElement: e,
           direction: s,
           isRtl: i,
-          scrollOffset: s === "vertical" ? k : M
+          scrollOffset: s === "vertical" ? N : A
         }), D = fe({
-          cachedBounds: z,
-          containerScrollOffset: A,
+          cachedBounds: g,
+          containerScrollOffset: W,
           containerSize: m,
           itemCount: n,
           overscanCount: f
         });
-        return se(D, p) ? p : D;
+        return se(D, x) ? x : D;
       });
     };
-    return e.addEventListener("scroll", S), () => {
-      e.removeEventListener("scroll", S);
+    return e.addEventListener("scroll", z), () => {
+      e.removeEventListener("scroll", z);
     };
   }, [
-    z,
+    g,
     e,
     m,
     s,
@@ -592,154 +592,154 @@ function he({
     f
   ]);
   const K = ie(() => {
-    if (!e || !l)
+    if (!e || !c)
       return;
-    const { offset: S, size: p, viewportSize: M } = Ie({
+    const { offset: z, size: x, viewportSize: A } = Oe({
       containerElement: e,
       direction: s,
       isRtl: i,
-      scrollTarget: l
+      scrollTarget: c
     });
-    x(M);
-    const k = fe({
-      cachedBounds: z,
-      containerScrollOffset: S,
-      containerSize: p,
+    w(A);
+    const N = fe({
+      cachedBounds: g,
+      containerScrollOffset: z,
+      containerSize: x,
       itemCount: n,
       overscanCount: f
     });
-    G((A) => se(k, A) ? A : k);
+    $((W) => se(N, W) ? W : N);
   });
-  _(() => {
+  B(() => {
     a && K();
-  }), _(() => {
-    if (!a || !e || !l)
+  }), B(() => {
+    if (!a || !e || !c)
       return;
-    const S = J(e), p = () => K();
-    l.addEventListener("scroll", p, { passive: !0 }), e.addEventListener("scroll", p, { passive: !0 }), S.addEventListener("resize", p);
-    let M;
-    const k = pe(e);
-    k && !ce(l) && (M = new k(p), M.observe(l));
-    const A = De({
-      container: ce(l) ? l.document.documentElement : l,
+    const z = Z(e), x = () => K();
+    c.addEventListener("scroll", x, { passive: !0 }), e.addEventListener("scroll", x, { passive: !0 }), z.addEventListener("resize", x);
+    let A;
+    const N = we(e);
+    N && !ce(c) && (A = new N(x), A.observe(c));
+    const W = Ce({
+      container: ce(c) ? c.document.documentElement : c,
       element: e,
-      onChange: p
+      onChange: x
     });
     return () => {
-      l.removeEventListener("scroll", p), e.removeEventListener("scroll", p), S.removeEventListener("resize", p), M?.disconnect(), A();
+      c.removeEventListener("scroll", x), e.removeEventListener("scroll", x), z.removeEventListener("resize", x), A?.disconnect(), W();
     };
   }, [
     e,
     a,
-    l,
+    c,
     K
   ]);
   const re = ie(
     ({
-      align: S = "auto",
-      index: p
+      align: z = "auto",
+      index: x
     }) => {
-      const M = ({
-        clamp: E,
-        containerScrollOffset: W,
-        containerSize: T,
+      const A = ({
+        clamp: V,
+        containerScrollOffset: F,
+        containerSize: M,
         padding: y
       }) => {
         if (y.start === 0 && y.end === 0)
           return Se({
-            align: S,
-            cachedBounds: z,
-            clamp: E,
-            containerScrollOffset: W,
-            containerSize: T,
-            index: p,
+            align: z,
+            cachedBounds: g,
+            clamp: V,
+            containerScrollOffset: F,
+            containerSize: M,
+            index: x,
             itemCount: n,
-            itemSize: V
+            itemSize: T
           });
-        const $ = Se({
-          align: S,
-          cachedBounds: z,
+        const U = Se({
+          align: z,
+          cachedBounds: g,
           clamp: !1,
-          containerScrollOffset: W + y.start,
+          containerScrollOffset: F + y.start,
           containerSize: Math.max(
             0,
-            T - y.start - y.end
+            M - y.start - y.end
           ),
-          index: p,
+          index: x,
           itemCount: n,
-          itemSize: V
+          itemSize: T
         }) - y.start;
-        return E ? Math.max(0, Math.min(I() - T, $)) : $;
+        return V ? Math.max(0, Math.min(O() - M, U)) : U;
       };
-      if (a && e && l && !qe(e, s)) {
-        const { viewportOffset: E, viewportSize: W } = Ie({
+      if (a && e && c && !qe(e, s)) {
+        const { viewportOffset: V, viewportSize: F } = Oe({
           containerElement: e,
           direction: s,
           isRtl: i,
-          scrollTarget: l
-        }), y = M({
+          scrollTarget: c
+        }), y = A({
           clamp: !1,
-          containerScrollOffset: E,
-          containerSize: W,
-          padding: Oe({
+          containerScrollOffset: V,
+          containerSize: F,
+          padding: Ie({
             direction: s,
             isRtl: i,
-            scrollTarget: l,
-            viewportSize: W
+            scrollTarget: c,
+            viewportSize: F
           })
-        }) - E, $ = s === "horizontal" && i ? -y : y;
+        }) - V, U = s === "horizontal" && i ? -y : y;
         return {
-          scrollOffset: we(l, s) + $,
-          scrollTarget: l
+          scrollOffset: de(c, s) + U,
+          scrollTarget: c
         };
       }
-      const k = e ? s === "vertical" ? e.scrollTop : e.scrollLeft : 0, A = a && e ? s === "vertical" ? e.clientHeight : e.clientWidth : m;
-      let D = M({
+      const N = e ? s === "vertical" ? e.scrollTop : e.scrollLeft : 0, W = a && e ? s === "vertical" ? e.clientHeight : e.clientWidth : m;
+      let D = A({
         clamp: !0,
         containerScrollOffset: ne({
           containerElement: e,
           direction: s,
           isRtl: i,
-          scrollOffset: k
+          scrollOffset: N
         }),
-        containerSize: A,
-        padding: e ? Oe({
+        containerSize: W,
+        padding: e ? Ie({
           direction: s,
           isRtl: i,
           scrollTarget: e,
-          viewportSize: A
+          viewportSize: W
         }) : { end: 0, start: 0 }
       });
-      if (e && (!a || l)) {
+      if (e && (!a || c)) {
         if (D = ne({
           containerElement: e,
           direction: s,
           isRtl: i,
           scrollOffset: D
         }), !a && typeof e.scrollTo != "function") {
-          const E = H(D);
-          se(F, E) || G(E);
+          const V = H(D);
+          se(L, V) || $(V);
         }
         return { scrollOffset: D, scrollTarget: e };
       }
     }
   );
   return {
-    getCellBounds: B,
-    getEstimatedSize: I,
+    getCellBounds: E,
+    getEstimatedSize: O,
     getScrollPositionForIndex: re,
-    scrollTarget: l,
+    scrollTarget: c,
     startIndexOverscan: Q,
-    startIndexVisible: P,
+    startIndexVisible: _,
     stopIndexOverscan: R,
     stopIndexVisible: te
   };
 }
-function Ve(e) {
-  const [t, r] = j(e);
+function Fe(e) {
+  const [t, r] = C(e);
   return se(t, e) ? t : (r(e), e);
 }
-function Fe(e, t) {
+function He(e, t) {
   const {
     ariaAttributes: r,
     style: o,
@@ -747,11 +747,11 @@ function Fe(e, t) {
   } = e, {
     ariaAttributes: i,
     style: n,
-    ...u
+    ...d
   } = t;
-  return se(r, i) && se(o, n) && se(s, u);
+  return se(r, i) && se(o, n) && se(s, d);
 }
-function et({
+function rt({
   cellComponent: e,
   cellProps: t,
   children: r,
@@ -759,162 +759,162 @@ function et({
   columnCount: s,
   columnKey: i,
   columnWidth: n,
-  defaultHeight: u = 0,
+  defaultHeight: d = 0,
   defaultScrollLeft: v = 0,
   defaultScrollTop: h = 0,
   defaultWidth: f = 0,
-  dir: d,
+  dir: u,
   gridRef: a,
-  onCellsRendered: l,
-  onResize: c,
-  overscanCount: g = 3,
-  rowCount: w,
-  rowHeight: b,
-  rowKey: x,
+  onCellsRendered: c,
+  onResize: l,
+  overscanCount: p = 3,
+  rowCount: b,
+  rowHeight: S,
+  rowKey: w,
   scrollElement: m,
-  style: V,
-  tagName: z = "div",
-  ...N
+  style: T,
+  tagName: g = "div",
+  ...J
 }) {
-  const L = Ve(t), B = C(
-    () => Te(e, Fe),
+  const k = Fe(t), E = q(
+    () => Le(e, He),
     [e]
-  ), [F, G] = j(null), P = Ae(F, d), {
+  ), [L, $] = C(null), _ = Ee(L, u), {
     getCellBounds: Q,
     getEstimatedSize: te,
     startIndexOverscan: R,
-    startIndexVisible: I,
+    startIndexVisible: O,
     getScrollPositionForIndex: H,
-    stopIndexOverscan: O,
+    stopIndexOverscan: I,
     stopIndexVisible: K
-  } = he({
-    containerElement: F,
-    containerStyle: V,
+  } = pe({
+    containerElement: L,
+    containerStyle: T,
     defaultContainerSize: f,
     defaultScrollOffset: v,
     direction: "horizontal",
-    isRtl: P,
+    isRtl: _,
     itemCount: s,
-    itemProps: L,
+    itemProps: k,
     itemSize: n,
-    onResize: c,
-    overscanCount: g,
+    onResize: l,
+    overscanCount: p,
     scrollElement: m
   }), {
     getCellBounds: re,
-    getEstimatedSize: S,
-    startIndexOverscan: p,
-    startIndexVisible: M,
-    getScrollPositionForIndex: k,
-    stopIndexOverscan: A,
+    getEstimatedSize: z,
+    startIndexOverscan: x,
+    startIndexVisible: A,
+    getScrollPositionForIndex: N,
+    stopIndexOverscan: W,
     stopIndexVisible: D
-  } = he({
-    containerElement: F,
-    containerStyle: V,
-    defaultContainerSize: u,
+  } = pe({
+    containerElement: L,
+    containerStyle: T,
+    defaultContainerSize: d,
     defaultScrollOffset: h,
     direction: "vertical",
-    itemCount: w,
-    itemProps: L,
-    itemSize: b,
-    onResize: c,
-    overscanCount: g,
+    itemCount: b,
+    itemProps: k,
+    itemSize: S,
+    onResize: l,
+    overscanCount: p,
     scrollElement: m
   });
-  Le(
+  Me(
     a,
     () => ({
       get element() {
-        return F;
+        return L;
       },
       scrollToCell({
-        behavior: T = "auto",
+        behavior: M = "auto",
         columnAlign: y = "auto",
-        columnIndex: $,
-        rowAlign: q = "auto",
+        columnIndex: U,
+        rowAlign: j = "auto",
         rowIndex: ee
       }) {
-        const X = H({
+        const G = H({
           align: y,
-          index: $
-        }), oe = k({
-          align: q,
+          index: U
+        }), oe = N({
+          align: j,
           index: ee
         });
-        X && oe && X.scrollTarget === oe.scrollTarget ? ae(oe.scrollTarget, {
-          behavior: T,
-          left: X.scrollOffset,
+        G && oe && G.scrollTarget === oe.scrollTarget ? ae(oe.scrollTarget, {
+          behavior: M,
+          left: G.scrollOffset,
           top: oe.scrollOffset
-        }) : (X && ae(X.scrollTarget, {
-          behavior: T,
-          left: X.scrollOffset
+        }) : (G && ae(G.scrollTarget, {
+          behavior: M,
+          left: G.scrollOffset
         }), oe && ae(oe.scrollTarget, {
-          behavior: T,
+          behavior: M,
           top: oe.scrollOffset
         }));
       },
       scrollToColumn({
-        align: T = "auto",
+        align: M = "auto",
         behavior: y = "auto",
-        index: $
+        index: U
       }) {
-        const q = H({ align: T, index: $ });
-        q && ae(q.scrollTarget, {
+        const j = H({ align: M, index: U });
+        j && ae(j.scrollTarget, {
           behavior: y,
-          left: q.scrollOffset
+          left: j.scrollOffset
         });
       },
       scrollToRow({
-        align: T = "auto",
+        align: M = "auto",
         behavior: y = "auto",
-        index: $
+        index: U
       }) {
-        const q = k({ align: T, index: $ });
-        q && ae(q.scrollTarget, {
+        const j = N({ align: M, index: U });
+        j && ae(j.scrollTarget, {
           behavior: y,
-          top: q.scrollOffset
+          top: j.scrollOffset
         });
       }
     }),
-    [F, H, k]
+    [L, H, N]
   ), le(() => {
-    R >= 0 && O >= 0 && p >= 0 && A >= 0 && l && l(
+    R >= 0 && I >= 0 && x >= 0 && W >= 0 && c && c(
       {
-        columnStartIndex: I,
+        columnStartIndex: O,
         columnStopIndex: K,
-        rowStartIndex: M,
+        rowStartIndex: A,
         rowStopIndex: D
       },
       {
         columnStartIndex: R,
-        columnStopIndex: O,
-        rowStartIndex: p,
-        rowStopIndex: A
+        columnStopIndex: I,
+        rowStartIndex: x,
+        rowStopIndex: W
       }
     );
   }, [
-    l,
+    c,
     R,
-    I,
     O,
+    I,
     K,
-    p,
-    M,
+    x,
     A,
+    W,
     D
   ]);
-  const E = C(() => {
-    const T = [];
-    if (s > 0 && w > 0)
-      for (let y = p; y <= A; y++) {
-        const $ = re(y), q = [];
-        for (let ee = R; ee <= O; ee++) {
-          const X = Q(ee);
-          q.push(
-            /* @__PURE__ */ ve(
-              B,
+  const V = q(() => {
+    const M = [];
+    if (s > 0 && b > 0)
+      for (let y = x; y <= W; y++) {
+        const U = re(y), j = [];
+        for (let ee = R; ee <= I; ee++) {
+          const G = Q(ee);
+          j.push(
+            /* @__PURE__ */ he(
+              E,
               {
-                ...L,
+                ...k,
                 ariaAttributes: {
                   "aria-colindex": ee + 1,
                   role: "gridcell"
@@ -922,73 +922,73 @@ function et({
                 columnIndex: ee,
                 key: i ? i({
                   columnIndex: ee,
-                  data: L,
+                  data: k,
                   rowIndex: y
                 }) : ee,
                 rowIndex: y,
                 style: {
                   position: "absolute",
-                  left: P ? void 0 : 0,
-                  right: P ? 0 : void 0,
-                  transform: `translate(${P ? -X.scrollOffset : X.scrollOffset}px, ${$.scrollOffset}px)`,
-                  height: $.size,
-                  width: X.size
+                  left: _ ? void 0 : 0,
+                  right: _ ? 0 : void 0,
+                  transform: `translate(${_ ? -G.scrollOffset : G.scrollOffset}px, ${U.scrollOffset}px)`,
+                  height: U.size,
+                  width: G.size
                 }
               }
             )
           );
         }
-        T.push(
-          /* @__PURE__ */ de(
+        M.push(
+          /* @__PURE__ */ ue(
             "div",
             {
               role: "row",
               "aria-rowindex": y + 1,
-              children: q
+              children: j
             },
-            x ? x({
-              data: L,
+            w ? w({
+              data: k,
               rowIndex: y
             }) : y
           )
         );
       }
-    return T;
+    return M;
   }, [
-    B,
-    L,
+    E,
+    k,
     s,
     i,
     R,
-    O,
+    I,
     Q,
     re,
-    P,
+    _,
+    b,
     w,
     x,
-    p,
-    A
-  ]), W = /* @__PURE__ */ de(
+    W
+  ]), F = /* @__PURE__ */ ue(
     "div",
     {
       "aria-hidden": !0,
       style: {
-        height: S(),
+        height: z(),
         width: te(),
         zIndex: -1
       }
     }
   );
-  return ve(
-    z,
+  return he(
+    g,
     {
       "aria-colcount": s,
-      "aria-rowcount": w,
+      "aria-rowcount": b,
       role: "grid",
-      ...N,
+      ...J,
       className: o,
-      dir: d,
-      ref: G,
+      dir: u,
+      ref: $,
       style: {
         position: "relative",
         // Grids that scroll with an outer element render at their full height,
@@ -999,20 +999,24 @@ function et({
         },
         flexGrow: 1,
         overflow: "auto",
-        ...V
+        ...T
       }
     },
-    E,
+    V,
     r,
-    W
+    F
   );
 }
-const tt = j, st = U, He = "data-react-window-index", Ye = "data-index";
+const ot = C, nt = P, ke = "data-react-window-index", Ze = "data-index";
 function ge(e) {
-  const t = e.getAttribute(He) ?? e.getAttribute(Ye);
+  const t = e.getAttribute(ke) ?? e.getAttribute(Ze);
   return t !== null && /^\d+$/.test(t) ? Number(t) : void 0;
 }
-function ke({
+const Je = 1e3, ze = 500;
+function Qe(e) {
+  return 1 - Math.pow(1 - e, 3);
+}
+function Ne({
   direction: e,
   element: t,
   getCellBounds: r,
@@ -1020,65 +1024,81 @@ function ke({
   itemCount: s,
   itemElements: i,
   scrollTarget: n,
-  getScrollPositionForIndex: u
+  getScrollPositionForIndex: d
 }) {
-  const v = e === "vertical", h = U(null), f = U(
+  const v = e === "vertical", h = P(null), f = P(
     void 0
-  ), d = ie(() => {
+  ), u = ie(() => {
     h.current = null, f.current !== void 0 && (f.current.view.cancelAnimationFrame(f.current.id), f.current = void 0);
   }), a = ie(() => {
-    const c = J(t);
+    const l = Z(t);
     f.current = {
-      id: c.requestAnimationFrame(l),
-      view: c
+      id: l.requestAnimationFrame(c),
+      view: l
     };
-  }), l = ie(() => {
+  }), c = ie(() => {
     f.current = void 0;
-    const c = h.current;
-    if (!c) return;
-    if (!t || !o || c.index >= s || performance.now() >= c.deadline) {
-      d();
+    const l = h.current;
+    if (!l) return;
+    const p = performance.now();
+    if (!t || !o || l.index >= s || l.animation !== void 0 && p >= l.animation.deadline) {
+      u();
       return;
     }
-    const g = u({
-      align: c.align,
-      index: c.index
+    const b = d({
+      align: l.align,
+      index: l.index
     });
-    if (g !== void 0) {
-      const { scrollOffset: w, scrollTarget: b } = g, x = Math.max(
+    if (b !== void 0) {
+      const { scrollOffset: S, scrollTarget: w } = b, m = Math.max(
         0,
-        Math.min(w, je(b, e))
+        Math.min(S, je(w, e))
       );
-      if (Math.abs(x - we(b, e)) > 1)
-        c.stableFrames = 0, b.scrollTo({
+      if (l.animation === void 0) {
+        const g = l.smooth ? ze : 0;
+        l.animation = {
+          deadline: p + g + Je,
+          startOffset: de(w, e),
+          startTime: p
+        };
+      }
+      const T = l.smooth ? (p - l.animation.startTime) / ze : 1;
+      if (T < 1) {
+        const { startOffset: g } = l.animation;
+        l.stableFrames = 0, w.scrollTo({
           behavior: "instant",
-          [v ? "top" : "left"]: x
+          [v ? "top" : "left"]: g + (m - g) * Qe(T)
+        });
+      } else if (Math.abs(m - de(w, e)) > 1)
+        l.stableFrames = 0, w.scrollTo({
+          behavior: "instant",
+          [v ? "top" : "left"]: m
         });
       else {
-        const m = i.current;
-        if (!(m.some(
-          (N) => ge(N) === c.index
-        ) && m.every((N) => {
-          const L = ge(N);
+        const g = i.current;
+        if (!(g.some(
+          (E) => ge(E) === l.index
+        ) && g.every((E) => {
+          const L = ge(E);
           if (L === void 0 || L >= s)
             return !0;
-          const B = v ? N.offsetHeight : N.offsetWidth;
-          return Math.abs(r(L).size - B) <= 1;
+          const $ = v ? E.offsetHeight : E.offsetWidth;
+          return Math.abs(r(L).size - $) <= 1;
         })))
-          c.stableFrames = 0;
-        else if (++c.stableFrames >= 2) {
-          d();
+          l.stableFrames = 0;
+        else if (++l.stableFrames >= 2) {
+          u();
           return;
         }
       }
     }
     a();
   });
-  return _(() => {
-    const c = n ?? t;
-    if (!c) return;
-    const g = (w) => {
-      switch (w.key) {
+  return B(() => {
+    const l = n ?? t;
+    if (!l) return;
+    const p = (b) => {
+      switch (b.key) {
         case "ArrowUp":
         case "ArrowDown":
         case "ArrowLeft":
@@ -1088,47 +1108,53 @@ function ke({
         case "Home":
         case "End":
         case " ":
-          d();
+          u();
       }
     };
-    return c.addEventListener("wheel", d, { passive: !0 }), c.addEventListener("touchstart", d, { passive: !0 }), c.addEventListener("pointerdown", d), c.addEventListener("keydown", g), () => {
-      d(), c.removeEventListener("wheel", d), c.removeEventListener("touchstart", d), c.removeEventListener("pointerdown", d), c.removeEventListener("keydown", g);
+    return l.addEventListener("wheel", u, { passive: !0 }), l.addEventListener("touchstart", u, { passive: !0 }), l.addEventListener("pointerdown", u), l.addEventListener("keydown", p), () => {
+      u(), l.removeEventListener("wheel", u), l.removeEventListener("touchstart", u), l.removeEventListener("pointerdown", u), l.removeEventListener("keydown", p);
     };
-  }, [d, t, n]), Y(
+  }, [u, t, n]), X(
     ({
-      align: c = "auto",
-      behavior: g = "auto",
-      index: w
+      align: l = "auto",
+      behavior: p = "auto",
+      index: b
     }) => {
-      if (o && c === "smart") {
-        const x = u({ align: "auto", index: w });
-        c = x === void 0 || x.scrollOffset === we(x.scrollTarget, e) ? "auto" : "center";
+      if (o && l === "smart") {
+        const w = d({ align: "auto", index: b });
+        l = w === void 0 || w.scrollOffset === de(w.scrollTarget, e) ? "auto" : "center";
       }
-      const b = u({ align: c, index: w });
-      if (d(), b && typeof b.scrollTarget.scrollTo == "function") {
-        const { scrollOffset: x, scrollTarget: m } = b;
-        o && (h.current = {
-          align: c,
-          index: w,
-          deadline: performance.now() + 1e3,
-          stableFrames: 0
-        }, a()), m.scrollTo({
-          behavior: o ? "instant" : g,
-          [v ? "top" : "left"]: x
+      const S = d({ align: l, index: b });
+      if (u(), S && typeof S.scrollTarget.scrollTo == "function") {
+        const { scrollOffset: w, scrollTarget: m } = S;
+        if (o) {
+          const T = p === "smooth" && t?.ownerDocument.visibilityState !== "hidden";
+          if (h.current = {
+            align: l,
+            index: b,
+            smooth: T,
+            stableFrames: 0
+          }, a(), T)
+            return;
+        }
+        m.scrollTo({
+          behavior: o ? "instant" : p,
+          [v ? "top" : "left"]: w
         });
       }
     },
     [
-      d,
+      u,
       e,
+      t,
       o,
       v,
       a,
-      u
+      d
     ]
   );
 }
-function Ze({
+function Ke({
   callback: e,
   element: t,
   enabled: r = !0
@@ -1137,7 +1163,7 @@ function Ze({
   le(() => {
     if (!r || !t)
       return;
-    const s = J(t);
+    const s = Z(t);
     let i = s.requestAnimationFrame(() => {
       i = s.requestAnimationFrame(o);
     });
@@ -1146,11 +1172,11 @@ function Ze({
     };
   }, [t, r, o]);
 }
-function ue(e) {
+function ve(e) {
   return e != null && typeof e == "object" && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
-const ze = "data-react-window-sizer";
-function rt({
+const ye = "data-react-window-sizer";
+function it({
   children: e,
   className: t,
   defaultHeight: r = 0,
@@ -1158,283 +1184,283 @@ function rt({
   listRef: s,
   onResize: i,
   onRowsRendered: n,
-  overscanCount: u = 3,
+  overscanCount: d = 3,
   rowComponent: v,
   rowCount: h,
   rowHeight: f,
-  rowKey: d,
+  rowKey: u,
   rowProps: a,
-  scrollElement: l,
-  tagName: c = "div",
-  style: g,
-  ...w
+  scrollElement: c,
+  tagName: l = "div",
+  style: p,
+  ...b
 }) {
-  const b = Ve(a), x = C(
-    () => Te(v, Fe),
+  const S = Fe(a), w = q(
+    () => Le(v, He),
     [v]
-  ), [m, V] = j(null), z = ue(f), N = C(() => z ? (E) => f.getRowHeight(E) ?? f.getAverageRowHeight() : f, [z, f]), L = Ee(), [B, F] = j(
-    () => L && z
-  ), G = U(f);
-  _(() => {
-    B && G.current !== f && F(!1);
-  }, [B, f]), Ze({
-    callback: () => F(!1),
+  ), [m, T] = C(null), g = ve(f), J = q(() => g ? (V) => f.getRowHeight(V) ?? f.getAverageRowHeight() : f, [g, f]), k = We(), [E, L] = C(
+    () => k && g
+  ), $ = P(f);
+  B(() => {
+    E && $.current !== f && L(!1);
+  }, [E, f]), Ke({
+    callback: () => L(!1),
     element: m,
-    enabled: B
+    enabled: E
   });
   const {
-    getCellBounds: P,
+    getCellBounds: _,
     getEstimatedSize: Q,
     scrollTarget: te,
     getScrollPositionForIndex: R,
-    startIndexOverscan: I,
+    startIndexOverscan: O,
     startIndexVisible: H,
-    stopIndexOverscan: O,
+    stopIndexOverscan: I,
     stopIndexVisible: K
-  } = he({
+  } = pe({
     containerElement: m,
-    containerStyle: g,
+    containerStyle: p,
     defaultContainerSize: r,
     defaultScrollOffset: o,
     direction: "vertical",
     itemCount: h,
-    itemProps: b,
-    itemSize: N,
+    itemProps: S,
+    itemSize: J,
     onResize: i,
-    overscanCount: u,
-    scrollElement: l
-  }), re = U([]), S = ke({
+    overscanCount: d,
+    scrollElement: c
+  }), re = P([]), z = Ne({
     direction: "vertical",
     element: m,
-    getCellBounds: P,
-    isDynamicSize: z,
+    getCellBounds: _,
+    isDynamicSize: g,
     itemCount: h,
     itemElements: re,
     scrollTarget: te,
     getScrollPositionForIndex: R
   });
-  Le(
+  Me(
     s,
     () => ({
       get element() {
         return m;
       },
-      scrollToRow: S
+      scrollToRow: z
     }),
-    [m, S]
-  ), _(() => {
+    [m, z]
+  ), B(() => {
     if (!m)
       return;
-    const E = Array.from(m.children).slice(
+    const V = Array.from(m.children).slice(
       0,
-      I < 0 ? 0 : O - I + 1
-    ).filter((W, T) => {
-      if (W.hasAttribute(ze))
+      O < 0 ? 0 : I - O + 1
+    ).filter((F, M) => {
+      if (F.hasAttribute(ye))
         return !1;
-      const y = `${I + T}`;
-      return W.setAttribute(He, y), !0;
+      const y = `${O + M}`;
+      return F.setAttribute(ke, y), !0;
     });
-    if (re.current = E, z)
-      return f.observeRowElements(E);
+    if (re.current = V, g)
+      return f.observeRowElements(V);
   }, [
-    x,
+    w,
     m,
-    z,
+    g,
     h,
     f,
-    d,
-    b,
-    I,
-    O
+    u,
+    S,
+    O,
+    I
   ]), le(() => {
-    I >= 0 && O >= 0 && n && n(
+    O >= 0 && I >= 0 && n && n(
       {
         startIndex: H,
         stopIndex: K
       },
       {
-        startIndex: I,
-        stopIndex: O
+        startIndex: O,
+        stopIndex: I
       }
     );
   }, [
     n,
-    I,
-    H,
     O,
+    H,
+    I,
     K
   ]);
-  const p = B && z && I === 0, M = C(() => {
-    const E = [];
+  const x = E && g && O === 0, A = q(() => {
+    const V = [];
     if (h > 0)
-      for (let W = I; W <= O; W++) {
-        const T = P(W);
-        E.push(
-          /* @__PURE__ */ ve(
-            x,
+      for (let F = O; F <= I; F++) {
+        const M = _(F);
+        V.push(
+          /* @__PURE__ */ he(
+            w,
             {
-              ...b,
+              ...S,
               ariaAttributes: {
-                "aria-posinset": W + 1,
+                "aria-posinset": F + 1,
                 "aria-setsize": h,
                 role: "listitem"
               },
-              key: d ? d(W, b) : W,
-              index: W,
-              style: p ? { width: "100%" } : {
+              key: u ? u(F, S) : F,
+              index: F,
+              style: x ? { width: "100%" } : {
                 position: "absolute",
                 left: 0,
-                transform: `translateY(${T.scrollOffset}px)`,
+                transform: `translateY(${M.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: z ? void 0 : T.size,
+                height: g ? void 0 : M.size,
                 width: "100%"
               }
             }
           )
         );
       }
-    return E;
+    return V;
   }, [
+    w,
+    _,
+    g,
     x,
-    P,
-    z,
-    p,
     h,
-    d,
-    b,
-    I,
-    O
-  ]), k = /* @__PURE__ */ de(
+    u,
+    S,
+    O,
+    I
+  ]), N = /* @__PURE__ */ ue(
     "div",
     {
       "aria-hidden": !0,
-      [ze]: "",
+      [ye]: "",
       style: {
         // Rows rendered in flow layout already take up space
-        position: p ? "absolute" : void 0,
-        top: p ? 0 : void 0,
+        position: x ? "absolute" : void 0,
+        top: x ? 0 : void 0,
         height: Q(),
         width: "100%",
         zIndex: -1
       }
     },
     "sizer"
-  ), A = /* @__PURE__ */ de(be, { children: e }, "children"), D = /* @__PURE__ */ de(be, { children: M }, "rows");
-  return ve(
-    c,
+  ), W = /* @__PURE__ */ ue(be, { children: e }, "children"), D = /* @__PURE__ */ ue(be, { children: A }, "rows");
+  return he(
+    l,
     {
       role: "list",
-      ...w,
+      ...b,
       className: t,
-      ref: V,
+      ref: T,
       style: {
         position: "relative",
         flexGrow: 1,
         // Lists that scroll with an outer element render at their full height (and must not clip sticky rows)
-        ...l === void 0 && {
+        ...c === void 0 && {
           maxHeight: "100%",
           overflowY: "auto"
         },
-        ...g
+        ...p
       }
     },
-    ...p ? [A, D] : [D, A],
-    k
+    ...x ? [W, D] : [D, W],
+    N
   );
 }
-function ye(e) {
+function Re(e) {
   const t = /* @__PURE__ */ new Map();
   return e !== void 0 && e.forEach((r, o) => {
     Number.isFinite(r) && r > 0 && t.set(o, r);
   }), t;
 }
-function ot({
+function lt({
   defaultRowHeight: e,
   initialRowHeights: t,
   key: r
 }) {
-  const [o, s] = j(() => ({
+  const [o, s] = C(() => ({
     key: r,
-    map: ye(t)
+    map: Re(t)
   }));
   o.key !== r && s({
     key: r,
-    map: ye(t)
+    map: Re(t)
   });
-  const { map: i } = o, n = Y(() => {
+  const { map: i } = o, n = X(() => {
     let a = 0;
-    return i.forEach((l) => {
-      a += l;
+    return i.forEach((c) => {
+      a += c;
     }), a === 0 ? e : a / i.size;
-  }, [e, i]), u = Y(
+  }, [e, i]), d = X(
     (a) => {
-      const l = i.get(a);
-      return l !== void 0 ? l : e;
+      const c = i.get(a);
+      return c !== void 0 ? c : e;
     },
     [e, i]
-  ), v = Y((a, l) => {
-    s((c) => {
-      if (c.map.get(a) === l)
-        return c;
-      const g = new Map(c.map);
-      return g.set(a, l), {
-        ...c,
-        map: g
+  ), v = X((a, c) => {
+    s((l) => {
+      if (l.map.get(a) === c)
+        return l;
+      const p = new Map(l.map);
+      return p.set(a, c), {
+        ...l,
+        map: p
       };
     });
   }, []), h = ie(
     (a) => {
-      a.length !== 0 && a.forEach((l) => {
-        const { borderBoxSize: c, target: g } = l, w = ge(g);
-        if (w === void 0)
+      a.length !== 0 && a.forEach((c) => {
+        const { borderBoxSize: l, target: p } = c, b = ge(p);
+        if (b === void 0)
           return;
-        const { blockSize: b } = c[0];
-        b && v(w, b);
+        const { blockSize: S } = l[0];
+        S && v(b, S);
       });
     }
-  ), f = U(null);
+  ), f = P(null);
   le(
     () => () => {
       f.current?.resizeObserver.disconnect(), f.current = null;
     },
     []
   );
-  const d = Y(
+  const u = X(
     (a) => {
-      const l = [];
-      return a.forEach((c) => {
-        const g = J(c);
-        if (f.current?.view !== g) {
+      const c = [];
+      return a.forEach((l) => {
+        const p = Z(l);
+        if (f.current?.view !== p) {
           f.current?.resizeObserver.disconnect();
-          const b = pe(c);
-          f.current = b ? {
-            resizeObserver: new b(h),
-            view: g
+          const S = we(l);
+          f.current = S ? {
+            resizeObserver: new S(h),
+            view: p
           } : null;
         }
-        const w = f.current?.resizeObserver;
-        w && (w.observe(c), l.push([c, w]));
+        const b = f.current?.resizeObserver;
+        b && (b.observe(l), c.push([l, b]));
       }), () => {
-        l.forEach(
-          ([c, g]) => g.unobserve(c)
+        c.forEach(
+          ([l, p]) => p.unobserve(l)
         );
       };
     },
     [h]
   );
-  return C(
+  return q(
     () => ({
       getAverageRowHeight: n,
-      getRowHeight: u,
+      getRowHeight: d,
       setRowHeight: v,
-      observeRowElements: d
+      observeRowElements: u
     }),
-    [n, u, v, d]
+    [n, d, v, u]
   );
 }
-const nt = j, it = U, Je = {};
-function lt({
+const ct = C, at = P, et = {};
+function ft({
   count: e,
   defaultScrollOffset: t = 0,
   defaultSize: r = 0,
@@ -1442,160 +1468,160 @@ function lt({
   direction: s = "vertical",
   element: i,
   itemSize: n,
-  onItemsRendered: u,
+  onItemsRendered: d,
   overscanCount: v = 3,
   scrollElement: h
 }) {
-  const f = ue(n);
-  Z(
+  const f = ve(n);
+  Y(
     !f || s === "vertical",
     "Dynamic item sizes are only supported for vertical content"
   );
-  const d = C(() => ue(n) ? (R) => n.getRowHeight(R) ?? n.getAverageRowHeight() : n, [n]), a = Ae(i, o), {
-    getCellBounds: l,
-    getEstimatedSize: c,
-    scrollTarget: g,
-    getScrollPositionForIndex: w,
-    startIndexOverscan: b,
-    startIndexVisible: x,
+  const u = q(() => ve(n) ? (R) => n.getRowHeight(R) ?? n.getAverageRowHeight() : n, [n]), a = Ee(i, o), {
+    getCellBounds: c,
+    getEstimatedSize: l,
+    scrollTarget: p,
+    getScrollPositionForIndex: b,
+    startIndexOverscan: S,
+    startIndexVisible: w,
     stopIndexOverscan: m,
-    stopIndexVisible: V
-  } = he({
+    stopIndexVisible: T
+  } = pe({
     containerElement: i,
     defaultContainerSize: r,
     defaultScrollOffset: t,
     direction: s,
     isRtl: s === "horizontal" && a,
     itemCount: e,
-    itemProps: Je,
-    itemSize: d,
+    itemProps: et,
+    itemSize: u,
     onResize: void 0,
     overscanCount: v,
     scrollElement: h
-  }), z = U(/* @__PURE__ */ new Set()), N = U(/* @__PURE__ */ new WeakSet()), L = U([]), B = U({ dynamicRowHeight: null, unobserve: /* @__PURE__ */ new Map() }), F = Y((R) => {
-    R !== null && z.current.add(R);
-  }, []), G = i;
-  _(() => {
-    const R = z.current, I = B.current, H = ue(n) ? n : null;
-    I.dynamicRowHeight?.observeRowElements !== H?.observeRowElements && (I.unobserve.forEach((O) => O()), I.unobserve.clear()), I.dynamicRowHeight = H, R.forEach((O) => {
-      if (!O.isConnected)
-        R.delete(O), I.unobserve.get(O)?.(), I.unobserve.delete(O);
+  }), g = P(/* @__PURE__ */ new Set()), J = P(/* @__PURE__ */ new WeakSet()), k = P([]), E = P({ dynamicRowHeight: null, unobserve: /* @__PURE__ */ new Map() }), L = X((R) => {
+    R !== null && g.current.add(R);
+  }, []), $ = i;
+  B(() => {
+    const R = g.current, O = E.current, H = ve(n) ? n : null;
+    O.dynamicRowHeight?.observeRowElements !== H?.observeRowElements && (O.unobserve.forEach((I) => I()), O.unobserve.clear()), O.dynamicRowHeight = H, R.forEach((I) => {
+      if (!I.isConnected)
+        R.delete(I), O.unobserve.get(I)?.(), O.unobserve.delete(I);
       else if (H && // Like List, measure items once the element has mounted
       // (e.g. so the dynamic row height cache has finished mounting too)
-      G !== null && !I.unobserve.has(O)) {
-        if (ge(O) === void 0) {
-          N.current.has(O) || (N.current.add(O), console.warn(
+      $ !== null && !O.unobserve.has(I)) {
+        if (ge(I) === void 0) {
+          J.current.has(I) || (J.current.add(I), console.warn(
             "useVirtualizer: Items passed to measureElement must specify their index with a data-index attribute",
-            O
+            I
           ));
           return;
         }
-        I.unobserve.set(
-          O,
-          H.observeRowElements([O])
+        O.unobserve.set(
+          I,
+          H.observeRowElements([I])
         );
       }
-    }), L.current = Array.from(R);
+    }), k.current = Array.from(R);
   }), le(() => {
-    const R = B.current;
+    const R = E.current;
     return () => {
-      R.unobserve.forEach((I) => I()), R.unobserve.clear(), R.dynamicRowHeight = null;
+      R.unobserve.forEach((O) => O()), R.unobserve.clear(), R.dynamicRowHeight = null;
     };
   }, []);
-  const P = ke({
+  const _ = Ne({
     direction: s,
     element: i,
-    getCellBounds: l,
+    getCellBounds: c,
     isDynamicSize: f,
     itemCount: e,
-    itemElements: L,
-    scrollTarget: g,
-    getScrollPositionForIndex: w
+    itemElements: k,
+    scrollTarget: p,
+    getScrollPositionForIndex: b
   });
   le(() => {
-    b >= 0 && m >= 0 && u && u(
-      { startIndex: x, stopIndex: V },
-      { startIndex: b, stopIndex: m }
+    S >= 0 && m >= 0 && d && d(
+      { startIndex: w, stopIndex: T },
+      { startIndex: S, stopIndex: m }
     );
   }, [
-    u,
-    b,
-    x,
+    d,
+    S,
+    w,
     m,
-    V
+    T
   ]);
-  const Q = C(() => {
+  const Q = q(() => {
     const R = [];
     if (e > 0)
-      for (let I = b; I <= m; I++) {
-        const { scrollOffset: H, size: O } = l(I);
-        R.push({ index: I, offset: H, size: O });
+      for (let O = S; O <= m; O++) {
+        const { scrollOffset: H, size: I } = c(O);
+        R.push({ index: O, offset: H, size: I });
       }
     return R;
-  }, [e, l, b, m]), te = c();
-  return C(
+  }, [e, c, S, m]), te = l();
+  return q(
     () => ({
       items: Q,
-      measureElement: F,
-      scrollToIndex: P,
+      measureElement: L,
+      scrollToIndex: _,
       totalSize: te,
       visibleRange: {
-        startIndex: x,
-        stopIndex: V
+        startIndex: w,
+        stopIndex: T
       }
     }),
     [
       Q,
-      F,
-      P,
-      x,
-      V,
+      L,
+      _,
+      w,
+      T,
       te
     ]
   );
 }
-function ct(e, {
+function ut(e, {
   delay: t = 150
 } = {}) {
-  const [r, o] = j(!1);
-  return _(() => {
+  const [r, o] = C(!1);
+  return B(() => {
     if (!e)
       return;
-    const s = e === "window" ? window : J(e), i = e === "window" ? s : e, n = "onscrollend" in s;
-    let u, v = 0;
+    const s = e === "window" ? window : Z(e), i = e === "window" ? s : e, n = "onscrollend" in s;
+    let d, v = 0;
     const h = () => {
-      performance.now() - v >= t ? (u = void 0, o(!1)) : u = s.requestAnimationFrame(h);
+      performance.now() - v >= t ? (d = void 0, o(!1)) : d = s.requestAnimationFrame(h);
     }, f = () => {
-      o(!0), n || (v = performance.now(), u === void 0 && (u = s.requestAnimationFrame(h)));
-    }, d = () => {
+      o(!0), n || (v = performance.now(), d === void 0 && (d = s.requestAnimationFrame(h)));
+    }, u = () => {
       o(!1);
     };
-    return i.addEventListener("scroll", f, { passive: !0 }), n && i.addEventListener("scrollend", d), () => {
-      i.removeEventListener("scroll", f), i.removeEventListener("scrollend", d), u !== void 0 && s.cancelAnimationFrame(u), o(!1);
+    return i.addEventListener("scroll", f, { passive: !0 }), n && i.addEventListener("scrollend", u), () => {
+      i.removeEventListener("scroll", f), i.removeEventListener("scrollend", u), d !== void 0 && s.cancelAnimationFrame(d), o(!1);
     };
   }, [t, e]), r;
 }
-const Re = /* @__PURE__ */ new WeakMap();
-function at(e = !1, t = typeof document < "u" ? document : void 0) {
+const Te = /* @__PURE__ */ new WeakMap();
+function dt(e = !1, t = typeof document < "u" ? document : void 0) {
   if (t === void 0)
     return 0;
-  let r = Re.get(t);
+  let r = Te.get(t);
   if (r === void 0 || e) {
     const o = t.createElement("div"), s = o.style;
-    s.width = "50px", s.height = "50px", s.overflow = "scroll", t.body.appendChild(o), r = o.offsetWidth - o.clientWidth, t.body.removeChild(o), Re.set(t, r);
+    s.width = "50px", s.height = "50px", s.overflow = "scroll", t.body.appendChild(o), r = o.offsetWidth - o.clientWidth, t.body.removeChild(o), Te.set(t, r);
   }
   return r;
 }
 export {
-  et as Grid,
-  rt as List,
-  at as getScrollbarSize,
-  ot as useDynamicRowHeight,
-  tt as useGridCallbackRef,
-  st as useGridRef,
-  ct as useIsScrolling,
-  nt as useListCallbackRef,
-  it as useListRef,
-  lt as useVirtualizer
+  rt as Grid,
+  it as List,
+  dt as getScrollbarSize,
+  lt as useDynamicRowHeight,
+  ot as useGridCallbackRef,
+  nt as useGridRef,
+  ut as useIsScrolling,
+  ct as useListCallbackRef,
+  at as useListRef,
+  ft as useVirtualizer
 };
 //# sourceMappingURL=react-window.js.map