react-window 2.0.2-alpha.0 → 2.0.2-alpha.1

package/dist/react-window.js

@@ -1,6 +1,6 @@
-import { jsx as J, jsxs as C } from "react/jsx-runtime";
-import { useState as j, useLayoutEffect as Q, useEffect as X, useMemo as A, useRef as Y, useCallback as V, memo as ee, useImperativeHandle as te, createElement as se } from "react";
-function ce(e) {
+import { jsx as X } from "react/jsx-runtime";
+import { useState as B, useLayoutEffect as _, useEffect as C, useMemo as $, useRef as N, useCallback as D, memo as se, useImperativeHandle as re, createElement as Y } from "react";
+function ue(e) {
   let t = e;
   for (; t; ) {
     if (t.dir)
@@ -9,14 +9,14 @@ function ce(e) {
   }
   return !1;
 }
-function fe(e, t) {
-  const [r, s] = j(t === "rtl");
-  return Q(() => {
-    e && (t || s(ce(e)));
-  }, [t, e]), r;
+function de(e, t) {
+  const [s, r] = B(t === "rtl");
+  return _(() => {
+    e && (t || r(ue(e)));
+  }, [t, e]), s;
 }
-const D = typeof window < "u" ? Q : X;
-function Z(e) {
+const q = typeof window < "u" ? _ : C;
+function ee(e) {
   if (e !== void 0)
     switch (typeof e) {
       case "number":
@@ -28,41 +28,41 @@ function Z(e) {
       }
     }
 }
-function ue({
+function ae({
   box: e,
   defaultHeight: t,
-  defaultWidth: r,
-  disabled: s,
+  defaultWidth: s,
+  disabled: r,
   element: o,
   mode: i,
   style: l
 }) {
-  const { styleHeight: c, styleWidth: n } = A(
+  const { styleHeight: c, styleWidth: n } = $(
     () => ({
-      styleHeight: Z(l?.height),
-      styleWidth: Z(l?.width)
+      styleHeight: ee(l?.height),
+      styleWidth: ee(l?.width)
     }),
     [l?.height, l?.width]
-  ), [f, g] = j({
+  ), [f, g] = B({
     height: t,
-    width: r
-  }), I = s || i === "only-height" && c !== void 0 || i === "only-width" && n !== void 0 || c !== void 0 && n !== void 0;
-  return D(() => {
-    if (o === null || I)
+    width: s
+  }), T = r || i === "only-height" && c !== void 0 || i === "only-width" && n !== void 0 || c !== void 0 && n !== void 0;
+  return q(() => {
+    if (o === null || T)
       return;
-    const x = new ResizeObserver((S) => {
-      for (const h of S) {
-        const { contentRect: w, target: z } = h;
-        o === z && g((v) => v.height === w.height && v.width === w.width ? v : {
-          height: w.height,
-          width: w.width
+    const S = new ResizeObserver((b) => {
+      for (const y of b) {
+        const { contentRect: x, target: z } = y;
+        o === z && g((v) => v.height === x.height && v.width === x.width ? v : {
+          height: x.height,
+          width: x.width
         });
       }
     });
-    return x.observe(o, { box: e }), () => {
-      x?.unobserve(o);
+    return S.observe(o, { box: e }), () => {
+      S?.unobserve(o);
     };
-  }, [e, I, o, c, n]), A(
+  }, [e, T, o, c, n]), $(
     () => ({
       height: c ?? f.height,
       width: n ?? f.width
@@ -70,34 +70,34 @@ function ue({
     [f, c, n]
   );
 }
-function de(e) {
-  const t = Y(() => {
+function he(e) {
+  const t = N(() => {
     throw new Error("Cannot call an event handler while rendering.");
   });
-  return D(() => {
+  return q(() => {
     t.current = e;
-  }, [e]), V((r) => t.current?.(r), [t]);
+  }, [e]), D((s) => t.current?.(s), [t]);
 }
-let G = null;
-function ae(e = !1) {
-  if (G === null || e) {
-    const t = document.createElement("div"), r = t.style;
-    r.width = "50px", r.height = "50px", r.overflow = "scroll", r.direction = "rtl";
-    const s = document.createElement("div"), o = s.style;
-    return o.width = "100px", o.height = "100px", t.appendChild(s), document.body.appendChild(t), t.scrollLeft > 0 ? G = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? G = "negative" : G = "positive-ascending"), document.body.removeChild(t), G;
+let j = null;
+function ge(e = !1) {
+  if (j === 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"), o = r.style;
+    return o.width = "100px", o.height = "100px", t.appendChild(r), document.body.appendChild(t), t.scrollLeft > 0 ? j = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? j = "negative" : j = "positive-ascending"), document.body.removeChild(t), j;
   }
-  return G;
+  return j;
 }
-function q({
+function J({
   containerElement: e,
   direction: t,
-  isRtl: r,
-  scrollOffset: s
+  isRtl: s,
+  scrollOffset: r
 }) {
-  if (t === "horizontal" && r)
-    switch (ae()) {
+  if (t === "horizontal" && s)
+    switch (ge()) {
       case "negative":
-        return -s;
+        return -r;
       case "positive-descending": {
         if (e) {
           const { clientWidth: o, scrollLeft: i, scrollWidth: l } = e;
@@ -106,44 +106,44 @@ function q({
         break;
       }
     }
-  return s;
+  return r;
 }
-function W(e, t = "Assertion error") {
+function A(e, t = "Assertion error") {
   if (!e)
     throw console.error(t), Error(t);
 }
-function re({
+function oe({
   cachedBounds: e,
   itemCount: t,
-  itemSize: r
+  itemSize: s
 }) {
   if (t === 0)
     return 0;
-  if (typeof r == "number")
-    return t * r;
+  if (typeof s == "number")
+    return t * s;
   {
-    const s = e.get(
+    const r = e.get(
       e.size === 0 ? 0 : e.size - 1
     );
-    W(s !== void 0, "Unexpected bounds cache miss");
-    const o = (s.scrollOffset + s.size) / e.size;
+    A(r !== void 0, "Unexpected bounds cache miss");
+    const o = (r.scrollOffset + r.size) / e.size;
     return t * o;
   }
 }
-function he({
+function pe({
   align: e,
   cachedBounds: t,
-  index: r,
-  itemCount: s,
+  index: s,
+  itemCount: r,
   itemSize: o,
   containerScrollOffset: i,
   containerSize: l
 }) {
-  const c = re({
+  const c = oe({
     cachedBounds: t,
-    itemCount: s,
+    itemCount: r,
     itemSize: o
-  }), n = t.get(r), f = Math.max(
+  }), n = t.get(s), f = Math.max(
     0,
     Math.min(c - l, n.scrollOffset)
   ), g = Math.max(
@@ -162,14 +162,14 @@ function he({
       return i >= g && i <= f ? i : i < g ? g : f;
   }
 }
-function _({
+function te({
   cachedBounds: e,
   containerScrollOffset: t,
-  containerSize: r,
-  itemCount: s,
+  containerSize: s,
+  itemCount: r,
   overscanCount: o
 }) {
-  const i = s - 1;
+  const i = r - 1;
   let l = 0, c = -1, n = 0;
   for (; n < i; ) {
     const f = e.get(n);
@@ -179,105 +179,105 @@ function _({
   }
   for (l = n, l = Math.max(0, l - o); n < i; ) {
     const f = e.get(n);
-    if (f.scrollOffset + f.size >= t + r)
+    if (f.scrollOffset + f.size >= t + s)
       break;
     n++;
   }
-  return c = Math.min(i, n), c = Math.min(s - 1, c + o), l < 0 ? [0, -1] : [l, c];
+  return c = Math.min(i, n), c = Math.min(r - 1, c + o), l < 0 ? [0, -1] : [l, c];
 }
-function pe({
+function xe({
   itemCount: e,
   itemProps: t,
-  itemSize: r
+  itemSize: s
 }) {
-  const s = /* @__PURE__ */ new Map();
+  const r = /* @__PURE__ */ new Map();
   return {
     get(o) {
-      for (W(o < e, `Invalid index ${o}`); s.size - 1 < o; ) {
-        const l = s.size;
+      for (A(o < e, `Invalid index ${o}`); r.size - 1 < o; ) {
+        const l = r.size;
         let c;
-        switch (typeof r) {
+        switch (typeof s) {
           case "function": {
-            c = r(l, t);
+            c = s(l, t);
             break;
           }
           case "number": {
-            c = r;
+            c = s;
             break;
           }
         }
         if (l === 0)
-          s.set(l, {
+          r.set(l, {
             size: c,
             scrollOffset: 0
           });
         else {
-          const n = s.get(l - 1);
-          W(
+          const n = r.get(l - 1);
+          A(
             n !== void 0,
             `Unexpected bounds cache miss for index ${o}`
-          ), s.set(l, {
+          ), r.set(l, {
             scrollOffset: n.scrollOffset + n.size,
             size: c
           });
         }
       }
-      const i = s.get(o);
-      return W(
+      const i = r.get(o);
+      return A(
         i !== void 0,
         `Unexpected bounds cache miss for index ${o}`
       ), i;
     },
     set(o, i) {
-      s.set(o, i);
+      r.set(o, i);
     },
     get size() {
-      return s.size;
+      return r.size;
     }
   };
 }
-function ge({
+function me({
   itemCount: e,
   itemProps: t,
-  itemSize: r
+  itemSize: s
 }) {
-  return A(
-    () => pe({
+  return $(
+    () => xe({
       itemCount: e,
       itemProps: t,
-      itemSize: r
+      itemSize: s
     }),
-    [e, t, r]
+    [e, t, s]
   );
 }
-function xe({
+function ve({
   containerSize: e,
   itemSize: t
 }) {
-  let r;
+  let s;
   switch (typeof t) {
     case "string": {
-      W(
+      A(
         t.endsWith("%"),
         `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`
-      ), W(
+      ), A(
         e !== void 0,
         "Container size must be defined if a percentage item size is specified"
-      ), r = e * parseInt(t) / 100;
+      ), s = e * parseInt(t) / 100;
       break;
     }
     default: {
-      r = t;
+      s = t;
       break;
     }
   }
-  return r;
+  return s;
 }
-function K({
+function Z({
   containerElement: e,
   containerStyle: t,
-  defaultContainerSize: r = 0,
-  direction: s,
+  defaultContainerSize: s = 0,
+  direction: r,
   isRtl: o = !1,
   itemCount: i,
   itemProps: l,
@@ -285,347 +285,359 @@ function K({
   onResize: n,
   overscanCount: f
 }) {
-  const [g, I] = j([0, -1]), [x, S] = [
+  const [g, T] = B([0, -1]), [S, b] = [
     Math.min(i - 1, g[0]),
     Math.min(i - 1, g[1])
-  ], { height: h = r, width: w = r } = ue({
-    defaultHeight: s === "vertical" ? r : void 0,
-    defaultWidth: s === "horizontal" ? r : void 0,
+  ], { height: y = s, width: x = s } = ae({
+    defaultHeight: r === "vertical" ? s : void 0,
+    defaultWidth: r === "horizontal" ? s : void 0,
     element: e,
-    mode: s === "vertical" ? "only-height" : "only-width",
+    mode: r === "vertical" ? "only-height" : "only-width",
     style: t
-  }), z = Y({
+  }), z = N({
     height: 0,
     width: 0
-  }), v = s === "vertical" ? h : w, d = xe({ containerSize: v, itemSize: c });
-  Q(() => {
+  }), v = r === "vertical" ? y : x, I = ve({ containerSize: v, itemSize: c });
+  _(() => {
     if (typeof n == "function") {
-      const u = z.current;
-      (u.height !== h || u.width !== w) && (n({ height: h, width: w }, { ...u }), u.height = h, u.width = w);
+      const d = z.current;
+      (d.height !== y || d.width !== x) && (n({ height: y, width: x }, { ...d }), d.height = y, d.width = x);
     }
-  }, [h, n, w]);
-  const a = ge({
+  }, [y, n, x]);
+  const w = me({
     itemCount: i,
     itemProps: l,
-    itemSize: d
-  }), y = V(
-    (u) => a.get(u),
-    [a]
-  ), B = V(
-    () => re({
-      cachedBounds: a,
+    itemSize: I
+  }), u = D(
+    (d) => w.get(d),
+    [w]
+  ), L = D(
+    () => oe({
+      cachedBounds: w,
       itemCount: i,
-      itemSize: d
+      itemSize: I
     }),
-    [a, i, d]
-  ), T = V(
-    (u) => {
-      const m = q({
+    [w, i, I]
+  ), m = D(
+    (d) => {
+      const a = J({
         containerElement: e,
-        direction: s,
+        direction: r,
         isRtl: o,
-        scrollOffset: u
+        scrollOffset: d
       });
-      return _({
-        cachedBounds: a,
-        containerScrollOffset: m,
+      return te({
+        cachedBounds: w,
+        containerScrollOffset: a,
         containerSize: v,
         itemCount: i,
         overscanCount: f
       });
     },
     [
-      a,
+      w,
       e,
       v,
-      s,
+      r,
       o,
       i,
       f
     ]
   );
-  D(() => {
-    const u = (s === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0;
-    I(T(u));
-  }, [e, s, T]), D(() => {
+  q(() => {
+    const d = (r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0;
+    T(m(d));
+  }, [e, r, m]), q(() => {
     if (!e)
       return;
-    const u = () => {
-      I((m) => {
-        const { scrollLeft: H, scrollTop: k } = e, O = q({
+    const d = () => {
+      T((a) => {
+        const { scrollLeft: p, scrollTop: h } = e, k = J({
           containerElement: e,
-          direction: s,
+          direction: r,
           isRtl: o,
-          scrollOffset: s === "vertical" ? k : H
-        }), $ = _({
-          cachedBounds: a,
-          containerScrollOffset: O,
+          scrollOffset: r === "vertical" ? h : p
+        }), G = te({
+          cachedBounds: w,
+          containerScrollOffset: k,
           containerSize: v,
           itemCount: i,
           overscanCount: f
         });
-        return $[0] === m[0] && $[1] === m[1] ? m : $;
+        return G[0] === a[0] && G[1] === a[1] ? a : G;
       });
     };
-    return e.addEventListener("scroll", u), () => {
-      e.removeEventListener("scroll", u);
+    return e.addEventListener("scroll", d), () => {
+      e.removeEventListener("scroll", d);
     };
   }, [
-    a,
+    w,
     e,
     v,
-    s,
+    r,
     i,
     f
   ]);
-  const p = de(
+  const H = he(
     ({
-      align: u = "auto",
-      containerScrollOffset: m,
-      index: H
+      align: d = "auto",
+      containerScrollOffset: a,
+      index: p
     }) => {
-      let k = he({
-        align: u,
-        cachedBounds: a,
-        containerScrollOffset: m,
+      let h = pe({
+        align: d,
+        cachedBounds: w,
+        containerScrollOffset: a,
         containerSize: v,
-        index: H,
+        index: p,
         itemCount: i,
-        itemSize: d
+        itemSize: I
       });
       if (e) {
-        if (k = q({
+        if (h = J({
           containerElement: e,
-          direction: s,
+          direction: r,
           isRtl: o,
-          scrollOffset: k
+          scrollOffset: h
         }), typeof e.scrollTo != "function") {
-          const O = T(k);
-          (O[0] !== x || O[1] !== S) && I(O);
+          const k = m(h);
+          (k[0] !== S || k[1] !== b) && T(k);
         }
-        return k;
+        return h;
       }
     }
   );
   return {
-    getCellBounds: y,
-    getEstimatedSize: B,
-    scrollToIndex: p,
-    startIndex: x,
-    stopIndex: S
+    getCellBounds: u,
+    getEstimatedSize: L,
+    scrollToIndex: H,
+    startIndex: S,
+    stopIndex: b
   };
 }
-function oe(e) {
-  return A(() => e, Object.values(e));
+function ie(e) {
+  return $(() => e, Object.values(e));
 }
-function N(e, t) {
+function K(e, t) {
   if (e === t)
     return !0;
-  if (!!e != !!t || (W(e !== void 0), W(t !== void 0), Object.keys(e).length !== Object.keys(t).length))
+  if (!!e != !!t || (A(e !== void 0), A(t !== void 0), Object.keys(e).length !== Object.keys(t).length))
     return !1;
-  for (const r in e)
-    if (!Object.is(t[r], e[r]))
+  for (const s in e)
+    if (!Object.is(t[s], e[s]))
       return !1;
   return !0;
 }
-function ie(e, t) {
+function ne(e, t) {
   const {
-    ariaAttributes: r,
-    style: s,
+    ariaAttributes: s,
+    style: r,
     ...o
   } = e, {
     ariaAttributes: i,
     style: l,
     ...c
   } = t;
-  return N(r, i) && N(s, l) && N(o, c);
+  return K(s, i) && K(r, l) && K(o, c);
 }
-function we({
+function be({
   cellComponent: e,
   cellProps: t,
+  children: s,
   className: r,
-  columnCount: s,
-  columnWidth: o,
-  defaultHeight: i = 0,
-  defaultWidth: l = 0,
-  dir: c,
-  gridRef: n,
-  onCellsRendered: f,
-  onResize: g,
-  overscanCount: I = 3,
-  rowCount: x,
-  rowHeight: S,
-  style: h,
-  ...w
+  columnCount: o,
+  columnWidth: i,
+  defaultHeight: l = 0,
+  defaultWidth: c = 0,
+  dir: n,
+  gridRef: f,
+  onCellsRendered: g,
+  onResize: T,
+  overscanCount: S = 3,
+  rowCount: b,
+  rowHeight: y,
+  style: x,
+  tagName: z = "div",
+  ...v
 }) {
-  const z = oe(t), v = A(
-    () => ee(e, ie),
+  const I = ie(t), w = $(
+    () => se(e, ne),
     [e]
-  ), [d, a] = j(null), y = fe(d, c), {
-    getCellBounds: B,
-    getEstimatedSize: T,
-    startIndex: p,
-    scrollToIndex: u,
-    stopIndex: m
-  } = K({
-    containerElement: d,
-    defaultContainerSize: l,
+  ), [u, L] = B(null), m = de(u, n), {
+    getCellBounds: H,
+    getEstimatedSize: d,
+    startIndex: a,
+    scrollToIndex: p,
+    stopIndex: h
+  } = Z({
+    containerElement: u,
+    defaultContainerSize: c,
     direction: "horizontal",
-    isRtl: y,
-    itemCount: s,
-    itemProps: z,
-    itemSize: o,
-    onResize: g,
-    overscanCount: I
+    isRtl: m,
+    itemCount: o,
+    itemProps: I,
+    itemSize: i,
+    onResize: T,
+    overscanCount: S
   }), {
-    getCellBounds: H,
-    getEstimatedSize: k,
-    startIndex: O,
-    scrollToIndex: $,
-    stopIndex: F
-  } = K({
-    containerElement: d,
-    defaultContainerSize: i,
+    getCellBounds: k,
+    getEstimatedSize: G,
+    startIndex: F,
+    scrollToIndex: P,
+    stopIndex: U
+  } = Z({
+    containerElement: u,
+    defaultContainerSize: l,
     direction: "vertical",
-    itemCount: x,
-    itemProps: z,
-    itemSize: S,
-    onResize: g,
-    overscanCount: I
+    itemCount: b,
+    itemProps: I,
+    itemSize: y,
+    onResize: T,
+    overscanCount: S
   });
-  te(
-    n,
+  re(
+    f,
     () => ({
       get element() {
-        return d;
+        return u;
       },
       scrollToCell({
-        behavior: L = "auto",
-        columnAlign: b = "auto",
-        columnIndex: E,
-        rowAlign: M = "auto",
-        rowIndex: R
+        behavior: E = "auto",
+        columnAlign: O = "auto",
+        columnIndex: M,
+        rowAlign: R = "auto",
+        rowIndex: W
       }) {
-        const U = u({
-          align: b,
-          containerScrollOffset: d?.scrollLeft ?? 0,
-          index: E
-        }), le = $({
-          align: M,
-          containerScrollOffset: d?.scrollTop ?? 0,
-          index: R
+        const V = p({
+          align: O,
+          containerScrollOffset: u?.scrollLeft ?? 0,
+          index: M
+        }), fe = P({
+          align: R,
+          containerScrollOffset: u?.scrollTop ?? 0,
+          index: W
         });
-        typeof d?.scrollTo == "function" && d.scrollTo({
-          behavior: L,
-          left: U,
-          top: le
+        typeof u?.scrollTo == "function" && u.scrollTo({
+          behavior: E,
+          left: V,
+          top: fe
         });
       },
       scrollToColumn({
-        align: L = "auto",
-        behavior: b = "auto",
-        index: E
+        align: E = "auto",
+        behavior: O = "auto",
+        index: M
       }) {
-        const M = u({
-          align: L,
-          containerScrollOffset: d?.scrollLeft ?? 0,
-          index: E
+        const R = p({
+          align: E,
+          containerScrollOffset: u?.scrollLeft ?? 0,
+          index: M
         });
-        typeof d?.scrollTo == "function" && d.scrollTo({
-          behavior: b,
-          left: M
+        typeof u?.scrollTo == "function" && u.scrollTo({
+          behavior: O,
+          left: R
         });
       },
       scrollToRow({
-        align: L = "auto",
-        behavior: b = "auto",
-        index: E
+        align: E = "auto",
+        behavior: O = "auto",
+        index: M
       }) {
-        const M = $({
-          align: L,
-          containerScrollOffset: d?.scrollTop ?? 0,
-          index: E
+        const R = P({
+          align: E,
+          containerScrollOffset: u?.scrollTop ?? 0,
+          index: M
         });
-        typeof d?.scrollTo == "function" && d.scrollTo({
-          behavior: b,
-          top: M
+        typeof u?.scrollTo == "function" && u.scrollTo({
+          behavior: O,
+          top: R
         });
       }
     }),
-    [d, u, $]
-  ), X(() => {
-    p >= 0 && m >= 0 && O >= 0 && F >= 0 && f && f({
-      columnStartIndex: p,
-      columnStopIndex: m,
-      rowStartIndex: O,
-      rowStopIndex: F
+    [u, p, P]
+  ), C(() => {
+    a >= 0 && h >= 0 && F >= 0 && U >= 0 && g && g({
+      columnStartIndex: a,
+      columnStopIndex: h,
+      rowStartIndex: F,
+      rowStopIndex: U
     });
   }, [
-    f,
-    p,
-    m,
-    O,
-    F
+    g,
+    a,
+    h,
+    F,
+    U
   ]);
-  const ne = A(() => {
-    const L = [];
-    if (s > 0 && x > 0)
-      for (let b = O; b <= F; b++) {
-        const E = H(b), M = [];
-        for (let R = p; R <= m; R++) {
-          const U = B(R);
-          M.push(
-            /* @__PURE__ */ se(
-              v,
+  const le = $(() => {
+    const E = [];
+    if (o > 0 && b > 0)
+      for (let O = F; O <= U; O++) {
+        const M = k(O), R = [];
+        for (let W = a; W <= h; W++) {
+          const V = H(W);
+          R.push(
+            /* @__PURE__ */ Y(
+              w,
               {
-                ...z,
+                ...I,
                 ariaAttributes: {
-                  "aria-colindex": R + 1,
+                  "aria-colindex": W + 1,
                   role: "gridcell"
                 },
-                columnIndex: R,
-                key: R,
-                rowIndex: b,
+                columnIndex: W,
+                key: W,
+                rowIndex: O,
                 style: {
                   position: "absolute",
-                  left: y ? void 0 : 0,
-                  right: y ? 0 : void 0,
-                  transform: `translate(${y ? -U.scrollOffset : U.scrollOffset}px, ${E.scrollOffset}px)`,
-                  height: x > 1 ? E.size : "100%",
-                  width: U.size
+                  left: m ? void 0 : 0,
+                  right: m ? 0 : void 0,
+                  transform: `translate(${m ? -V.scrollOffset : V.scrollOffset}px, ${M.scrollOffset}px)`,
+                  height: b > 1 ? M.size : "100%",
+                  width: V.size
                 }
               }
             )
           );
         }
-        L.push(
-          /* @__PURE__ */ J("div", { role: "row", "aria-rowindex": b + 1, children: M }, b)
+        E.push(
+          /* @__PURE__ */ X("div", { role: "row", "aria-rowindex": O + 1, children: R }, O)
         );
       }
-    return L;
+    return E;
   }, [
-    v,
-    z,
-    s,
-    p,
-    m,
-    B,
+    w,
+    I,
+    o,
+    a,
+    h,
     H,
-    y,
-    x,
-    O,
-    F
-  ]);
-  return /* @__PURE__ */ C(
+    k,
+    m,
+    b,
+    F,
+    U
+  ]), ce = /* @__PURE__ */ X(
     "div",
     {
-      "aria-colcount": s,
-      "aria-rowcount": x,
+      "aria-hidden": !0,
+      style: {
+        height: G(),
+        width: d(),
+        zIndex: -1
+      }
+    }
+  );
+  return Y(
+    z,
+    {
+      "aria-colcount": o,
+      "aria-rowcount": b,
       role: "grid",
-      ...w,
+      ...v,
       className: r,
-      dir: c,
-      ref: a,
+      dir: n,
+      ref: L,
       style: {
         position: "relative",
         width: "100%",
@@ -634,101 +646,92 @@ function we({
         maxWidth: "100%",
         flexGrow: 1,
         overflow: "auto",
-        ...h
-      },
-      children: [
-        ne,
-        /* @__PURE__ */ J(
-          "div",
-          {
-            "aria-hidden": !0,
-            style: {
-              height: k(),
-              width: T(),
-              zIndex: -1
-            }
-          }
-        )
-      ]
-    }
+        ...x
+      }
+    },
+    le,
+    s,
+    ce
   );
 }
-const ye = j, be = Y;
-function Ie({
-  className: e,
-  defaultHeight: t = 0,
+const ze = B, Ie = N;
+function Oe({
+  children: e,
+  className: t,
+  defaultHeight: s = 0,
   listRef: r,
-  onResize: s,
-  onRowsRendered: o,
-  overscanCount: i = 3,
-  rowComponent: l,
-  rowCount: c,
-  rowHeight: n,
-  rowProps: f,
-  style: g,
-  ...I
+  onResize: o,
+  onRowsRendered: i,
+  overscanCount: l = 3,
+  rowComponent: c,
+  rowCount: n,
+  rowHeight: f,
+  rowProps: g,
+  tagName: T = "div",
+  style: S,
+  ...b
 }) {
-  const x = oe(f), S = A(
-    () => ee(l, ie),
-    [l]
-  ), [h, w] = j(null), {
-    getCellBounds: z,
-    getEstimatedSize: v,
-    scrollToIndex: d,
-    startIndex: a,
-    stopIndex: y
-  } = K({
-    containerElement: h,
-    defaultContainerSize: t,
+  const y = ie(g), x = $(
+    () => se(c, ne),
+    [c]
+  ), [z, v] = B(null), {
+    getCellBounds: I,
+    getEstimatedSize: w,
+    scrollToIndex: u,
+    startIndex: L,
+    stopIndex: m
+  } = Z({
+    containerElement: z,
+    defaultContainerSize: s,
     direction: "vertical",
-    itemCount: c,
-    itemProps: x,
-    itemSize: n,
-    onResize: s,
-    overscanCount: i
+    itemCount: n,
+    itemProps: y,
+    itemSize: f,
+    onResize: o,
+    overscanCount: l
   });
-  te(
+  re(
     r,
     () => ({
       get element() {
-        return h;
+        return z;
       },
       scrollToRow({
-        align: T = "auto",
+        align: a = "auto",
         behavior: p = "auto",
-        index: u
+        index: h
       }) {
-        const m = d({
-          align: T,
-          containerScrollOffset: h?.scrollTop ?? 0,
-          index: u
+        const k = u({
+          align: a,
+          containerScrollOffset: z?.scrollTop ?? 0,
+          index: h
         });
-        typeof h?.scrollTo == "function" && h.scrollTo({
+        typeof z?.scrollTo == "function" && z.scrollTo({
           behavior: p,
-          top: m
+          top: k
         });
       }
     }),
-    [h, d]
-  ), X(() => {
-    a >= 0 && y >= 0 && o && o({
-      startIndex: a,
-      stopIndex: y
+    [z, u]
+  ), C(() => {
+    L >= 0 && m >= 0 && i && i({
+      startIndex: L,
+      stopIndex: m
     });
-  }, [o, a, y]);
-  const B = A(() => {
-    const T = [];
-    if (c > 0)
-      for (let p = a; p <= y; p++) {
-        const u = z(p);
-        T.push(
-          /* @__PURE__ */ se(
-            S,
+  }, [i, L, m]);
+  const H = $(() => {
+    const a = [];
+    if (n > 0)
+      for (let p = L; p <= m; p++) {
+        const h = I(p);
+        a.push(
+          /* @__PURE__ */ Y(
+            x,
             {
-              ...x,
+              ...y,
               ariaAttributes: {
                 "aria-posinset": p + 1,
-                "aria-setsize": c,
+                "aria-setsize": n,
                 role: "listitem"
               },
               key: p,
@@ -736,63 +739,62 @@ function Ie({
               style: {
                 position: "absolute",
                 left: 0,
-                transform: `translateY(${u.scrollOffset}px)`,
-                height: u.size,
+                transform: `translateY(${h.scrollOffset}px)`,
+                height: h.size,
                 width: "100%"
               }
             }
           )
         );
       }
-    return T;
-  }, [S, z, c, x, a, y]);
-  return /* @__PURE__ */ C(
+    return a;
+  }, [x, I, n, y, L, m]), d = /* @__PURE__ */ X(
     "div",
+    {
+      "aria-hidden": !0,
+      style: {
+        height: w(),
+        width: "100%",
+        zIndex: -1
+      }
+    }
+  );
+  return Y(
+    T,
     {
       role: "list",
-      ...I,
-      className: e,
-      ref: w,
+      ...b,
+      className: t,
+      ref: v,
       style: {
         position: "relative",
         maxHeight: "100%",
         flexGrow: 1,
         overflowY: "auto",
-        ...g
-      },
-      children: [
-        B,
-        /* @__PURE__ */ J(
-          "div",
-          {
-            "aria-hidden": !0,
-            style: {
-              height: v(),
-              width: "100%",
-              zIndex: -1
-            }
-          }
-        )
-      ]
-    }
+        ...S
+      }
+    },
+    H,
+    e,
+    d
   );
 }
-const ze = j, Oe = Y;
-let P = -1;
-function Te(e = !1) {
-  if (P === -1 || e) {
-    const t = document.createElement("div"), r = t.style;
-    r.width = "50px", r.height = "50px", r.overflow = "scroll", document.body.appendChild(t), P = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
+const Te = B, Se = N;
+let Q = -1;
+function ke(e = !1) {
+  if (Q === -1 || e) {
+    const t = document.createElement("div"), s = t.style;
+    s.width = "50px", s.height = "50px", s.overflow = "scroll", document.body.appendChild(t), Q = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
   }
-  return P;
+  return Q;
 }
 export {
-  we as Grid,
-  Ie as List,
-  Te as getScrollbarSize,
-  ye as useGridCallbackRef,
-  be as useGridRef,
-  ze as useListCallbackRef,
-  Oe as useListRef
+  be as Grid,
+  Oe as List,
+  ke as getScrollbarSize,
+  ze as useGridCallbackRef,
+  Ie as useGridRef,
+  Te as useListCallbackRef,
+  Se as useListRef
 };
 //# sourceMappingURL=react-window.js.map