@synnaxlabs/pluto 0.48.0 → 0.50.0

package/dist/{Items-mikdEpyC.js → Items-B5aeU-Pt.js}

@@ -1,40 +1,40 @@
 import { j as E } from "./jsx-runtime-BbD0H88J.js";
-import { B as P } from "./Button-NgDHbsf8.js";
-import { H as L, C as x } from "./css-Cn63X_Yv.js";
-import { u as $, f as A, b as H, a as U } from "./Animated-CC7iS0zH.js";
-import * as z from "react";
-import { createContext as N, memo as V, useRef as O, useCallback as M, useMemo as C, useSyncExternalStore as q } from "react";
-import { p as K, a as G } from "./Box-CoQUaJk2.js";
-import { flushSync as X } from "react-dom";
-import "./Text-BbbqH88W.js";
-import { c as Y } from "./Editable-C7KPD0hC.js";
-import "./types-BNX_Jj6k.js";
-import "./Provider-DScd3hYf.js";
-function I(n, l, e) {
+import { B as P } from "./Button-DulIBpNI.js";
+import { I as U, C as b } from "./css-BkBrZtKZ.js";
+import { u as $, d as H, c as q } from "./Animated-DxBr38YY.js";
+import * as w from "react";
+import { memo as A, useRef as C, useCallback as S, useMemo as M, useSyncExternalStore as K } from "react";
+import { p as X, a as G } from "./Box-DLO7l9hM.js";
+import { flushSync as Y } from "react-dom";
+import { c as V } from "./Text-TzKJ38En.js";
+import { f as J, c as j, g as Q } from "./Editable-DjQORuR1.js";
+import "./types-B5-Tni3G.js";
+import "./Provider-BoQtgQtU.js";
+function O(n, l, e) {
   let s = e.initialDeps ?? [], t;
   function i() {
-    var o, r, c, h;
-    let a;
-    e.key && ((o = e.debug) != null && o.call(e)) && (a = Date.now());
-    const m = n();
-    if (!(m.length !== s.length || m.some((u, d) => s[d] !== u)))
+    var o, r, a, h;
+    let c;
+    e.key && ((o = e.debug) != null && o.call(e)) && (c = Date.now());
+    const u = n();
+    if (!(u.length !== s.length || u.some((f, m) => s[m] !== f)))
       return t;
-    s = m;
-    let f;
-    if (e.key && ((r = e.debug) != null && r.call(e)) && (f = Date.now()), t = l(...m), e.key && ((c = e.debug) != null && c.call(e))) {
-      const u = Math.round((Date.now() - a) * 100) / 100, d = Math.round((Date.now() - f) * 100) / 100, b = d / 16, p = (v, S) => {
-        for (v = String(v); v.length < S; )
-          v = " " + v;
-        return v;
+    s = u;
+    let g;
+    if (e.key && ((r = e.debug) != null && r.call(e)) && (g = Date.now()), t = l(...u), e.key && ((a = e.debug) != null && a.call(e))) {
+      const f = Math.round((Date.now() - c) * 100) / 100, m = Math.round((Date.now() - g) * 100) / 100, v = m / 16, x = (p, I) => {
+        for (p = String(p); p.length < I; )
+          p = " " + p;
+        return p;
       };
       console.info(
-        `%c⏱ ${p(d, 5)} /${p(u, 5)} ms`,
+        `%c⏱ ${x(m, 5)} /${x(f, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
             color: hsl(${Math.max(
           0,
-          Math.min(120 - 120 * b, 120)
+          Math.min(120 - 120 * v, 120)
         )}deg 100% 31%);`,
         e?.key
       );
@@ -45,22 +45,22 @@ function I(n, l, e) {
     s = o;
   }, i;
 }
-function y(n, l) {
+function D(n, l) {
   if (n === void 0)
     throw new Error("Unexpected undefined");
   return n;
 }
-const J = (n, l) => Math.abs(n - l) < 1, Q = (n, l, e) => {
+const Z = (n, l) => Math.abs(n - l) < 1, ee = (n, l, e) => {
   let s;
   return function(...t) {
     n.clearTimeout(s), s = n.setTimeout(() => l.apply(this, t), e);
   };
-}, Z = (n) => n, ee = (n) => {
+}, te = (n) => n, se = (n) => {
   const l = Math.max(n.startIndex - n.overscan, 0), e = Math.min(n.endIndex + n.overscan, n.count - 1), s = [];
   for (let t = l; t <= e; t++)
     s.push(t);
   return s;
-}, te = (n, l) => {
+}, ne = (n, l) => {
   const e = n.scrollElement;
   if (!e)
     return;
@@ -68,17 +68,17 @@ const J = (n, l) => Math.abs(n - l) < 1, Q = (n, l, e) => {
   if (!s)
     return;
   const t = (o) => {
-    const { width: r, height: c } = o;
-    l({ width: Math.round(r), height: Math.round(c) });
+    const { width: r, height: a } = o;
+    l({ width: Math.round(r), height: Math.round(a) });
   };
   if (t(e.getBoundingClientRect()), !s.ResizeObserver)
     return () => {
     };
   const i = new s.ResizeObserver((o) => {
     const r = () => {
-      const c = o[0];
-      if (c?.borderBoxSize) {
-        const h = c.borderBoxSize[0];
+      const a = o[0];
+      if (a?.borderBoxSize) {
+        const h = a.borderBoxSize[0];
         if (h) {
           t({ width: h.inlineSize, height: h.blockSize });
           return;
@@ -91,9 +91,9 @@ const J = (n, l) => Math.abs(n - l) < 1, Q = (n, l, e) => {
   return i.observe(e, { box: "border-box" }), () => {
     i.unobserve(e);
   };
-}, D = {
+}, _ = {
   passive: !0
-}, _ = typeof window > "u" ? !0 : "onscrollend" in window, se = (n, l) => {
+}, F = typeof window > "u" ? !0 : "onscrollend" in window, ie = (n, l) => {
   const e = n.scrollElement;
   if (!e)
     return;
@@ -101,23 +101,23 @@ const J = (n, l) => Math.abs(n - l) < 1, Q = (n, l, e) => {
   if (!s)
     return;
   let t = 0;
-  const i = n.options.useScrollendEvent && _ ? () => {
-  } : Q(
+  const i = n.options.useScrollendEvent && F ? () => {
+  } : ee(
     s,
     () => {
       l(t, !1);
     },
     n.options.isScrollingResetDelay
-  ), o = (a) => () => {
-    const { horizontal: m, isRtl: g } = n.options;
-    t = m ? e.scrollLeft * (g && -1 || 1) : e.scrollTop, i(), l(t, a);
-  }, r = o(!0), c = o(!1);
-  c(), e.addEventListener("scroll", r, D);
-  const h = n.options.useScrollendEvent && _;
-  return h && e.addEventListener("scrollend", c, D), () => {
-    e.removeEventListener("scroll", r), h && e.removeEventListener("scrollend", c);
+  ), o = (c) => () => {
+    const { horizontal: u, isRtl: d } = n.options;
+    t = u ? e.scrollLeft * (d && -1 || 1) : e.scrollTop, i(), l(t, c);
+  }, r = o(!0), a = o(!1);
+  a(), e.addEventListener("scroll", r, _);
+  const h = n.options.useScrollendEvent && F;
+  return h && e.addEventListener("scrollend", a, _), () => {
+    e.removeEventListener("scroll", r), h && e.removeEventListener("scrollend", a);
   };
-}, ne = (n, l, e) => {
+}, oe = (n, l, e) => {
   if (l?.borderBoxSize) {
     const s = l.borderBoxSize[0];
     if (s)
@@ -128,7 +128,7 @@ const J = (n, l) => Math.abs(n - l) < 1, Q = (n, l, e) => {
   return Math.round(
     n.getBoundingClientRect()[e.options.horizontal ? "width" : "height"]
   );
-}, ie = (n, {
+}, re = (n, {
   adjustments: l = 0,
   behavior: e
 }, s) => {
@@ -139,7 +139,7 @@ const J = (n, l) => Math.abs(n - l) < 1, Q = (n, l, e) => {
     behavior: e
   });
 };
-class oe {
+class le {
   constructor(l) {
     this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollToIndexTimeoutId = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => {
       let e = null;
@@ -177,11 +177,11 @@ class oe {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: Z,
-        rangeExtractor: ee,
+        getItemKey: te,
+        rangeExtractor: se,
         onChange: () => {
         },
-        measureElement: ne,
+        measureElement: oe,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -198,7 +198,7 @@ class oe {
     }, this.notify = (e) => {
       var s, t;
       (t = (s = this.options).onChange) == null || t.call(s, this, e);
-    }, this.maybeNotify = I(
+    }, this.maybeNotify = O(
       () => (this.calculateRange(), [
         this.isScrolling,
         this.range ? this.range.startIndex : null,
@@ -249,14 +249,14 @@ class oe {
         const r = e[o];
         if (t.has(r.lane))
           continue;
-        const c = i.get(
+        const a = i.get(
           r.lane
         );
-        if (c == null || r.end > c.end ? i.set(r.lane, r) : r.end < c.end && t.set(r.lane, !0), t.size === this.options.lanes)
+        if (a == null || r.end > a.end ? i.set(r.lane, r) : r.end < a.end && t.set(r.lane, !0), t.size === this.options.lanes)
           break;
       }
       return i.size === this.options.lanes ? Array.from(i.values()).sort((o, r) => o.end === r.end ? o.index - r.index : o.end - r.end)[0] : void 0;
-    }, this.getMeasurementOptions = I(
+    }, this.getMeasurementOptions = O(
       () => [
         this.options.count,
         this.options.paddingStart,
@@ -274,26 +274,26 @@ class oe {
       {
         key: !1
       }
-    ), this.getMeasurements = I(
+    ), this.getMeasurements = O(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
       ({ count: e, paddingStart: s, scrollMargin: t, getItemKey: i, enabled: o }, r) => {
         if (!o)
           return this.measurementsCache = [], this.itemSizeCache.clear(), [];
-        this.measurementsCache.length === 0 && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((a) => {
-          this.itemSizeCache.set(a.key, a.size);
+        this.measurementsCache.length === 0 && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((c) => {
+          this.itemSizeCache.set(c.key, c.size);
         }));
-        const c = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
+        const a = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
         this.pendingMeasuredCacheIndexes = [];
-        const h = this.measurementsCache.slice(0, c);
-        for (let a = c; a < e; a++) {
-          const m = i(a), g = this.options.lanes === 1 ? h[a - 1] : this.getFurthestMeasurement(h, a), f = g ? g.end + this.options.gap : s + t, u = r.get(m), d = typeof u == "number" ? u : this.options.estimateSize(a), b = f + d, p = g ? g.lane : a % this.options.lanes;
-          h[a] = {
-            index: a,
-            start: f,
-            size: d,
-            end: b,
-            key: m,
-            lane: p
+        const h = this.measurementsCache.slice(0, a);
+        for (let c = a; c < e; c++) {
+          const u = i(c), d = this.options.lanes === 1 ? h[c - 1] : this.getFurthestMeasurement(h, c), g = d ? d.end + this.options.gap : s + t, f = r.get(u), m = typeof f == "number" ? f : this.options.estimateSize(c), v = g + m, x = d ? d.lane : c % this.options.lanes;
+          h[c] = {
+            index: c,
+            start: g,
+            size: m,
+            end: v,
+            key: u,
+            lane: x
           };
         }
         return this.measurementsCache = h, h;
@@ -302,14 +302,14 @@ class oe {
         key: process.env.NODE_ENV !== "production" && "getMeasurements",
         debug: () => this.options.debug
       }
-    ), this.calculateRange = I(
+    ), this.calculateRange = O(
       () => [
         this.getMeasurements(),
         this.getSize(),
         this.getScrollOffset(),
         this.options.lanes
       ],
-      (e, s, t, i) => this.range = e.length > 0 && s > 0 ? re({
+      (e, s, t, i) => this.range = e.length > 0 && s > 0 ? ae({
         measurements: e,
         outerSize: s,
         scrollOffset: t,
@@ -319,7 +319,7 @@ class oe {
         key: process.env.NODE_ENV !== "production" && "calculateRange",
         debug: () => this.options.debug
       }
-    ), this.getVirtualIndexes = I(
+    ), this.getVirtualIndexes = O(
       () => {
         let e = null, s = null;
         const t = this.calculateRange();
@@ -369,13 +369,13 @@ class oe {
         return;
       }
       this._measureElement(e, void 0);
-    }, this.getVirtualItems = I(
+    }, this.getVirtualItems = O(
       () => [this.getVirtualIndexes(), this.getMeasurements()],
       (e, s) => {
         const t = [];
         for (let i = 0, o = e.length; i < o; i++) {
-          const r = e[i], c = s[r];
-          t.push(c);
+          const r = e[i], a = s[r];
+          t.push(a);
         }
         return t;
       },
@@ -386,11 +386,11 @@ class oe {
     ), this.getVirtualItemForOffset = (e) => {
       const s = this.getMeasurements();
       if (s.length !== 0)
-        return y(
-          s[j(
+        return D(
+          s[k(
             0,
             s.length - 1,
-            (t) => y(s[t]).start,
+            (t) => D(s[t]).start,
             e
           )]
         );
@@ -437,10 +437,10 @@ class oe {
         if (this.scrollToIndexTimeoutId = null, this.elementsCache.has(
           this.options.getItemKey(e)
         )) {
-          const [h] = y(
+          const [h] = D(
             this.getOffsetForIndex(e, r)
           );
-          J(h, this.getScrollOffset()) || this.scrollToIndex(e, { align: r, behavior: t });
+          Z(h, this.getScrollOffset()) || this.scrollToIndex(e, { align: r, behavior: t });
         } else
           this.scrollToIndex(e, { align: r, behavior: t });
       }));
@@ -482,7 +482,7 @@ class oe {
     }, this.setOptions(l);
   }
 }
-const j = (n, l, e, s) => {
+const k = (n, l, e, s) => {
   for (; n <= l; ) {
     const t = (n + l) / 2 | 0, i = e(t);
     if (i < s)
@@ -494,19 +494,19 @@ const j = (n, l, e, s) => {
   }
   return n > 0 ? n - 1 : 0;
 };
-function re({
+function ae({
   measurements: n,
   outerSize: l,
   scrollOffset: e,
   lanes: s
 }) {
-  const t = n.length - 1, i = (c) => n[c].start;
+  const t = n.length - 1, i = (a) => n[a].start;
   if (n.length <= s)
     return {
       startIndex: 0,
       endIndex: t
     };
-  let o = j(
+  let o = k(
     0,
     t,
     i,
@@ -516,78 +516,129 @@ function re({
     for (; r < t && n[r].end < e + l; )
       r++;
   else if (s > 1) {
-    const c = Array(s).fill(0);
-    for (; r < t && c.some((a) => a < e + l); ) {
-      const a = n[r];
-      c[a.lane] = a.end, r++;
+    const a = Array(s).fill(0);
+    for (; r < t && a.some((c) => c < e + l); ) {
+      const c = n[r];
+      a[c.lane] = c.end, r++;
     }
     const h = Array(s).fill(e + l);
-    for (; o >= 0 && h.some((a) => a >= e); ) {
-      const a = n[o];
-      h[a.lane] = a.start, o--;
+    for (; o >= 0 && h.some((c) => c >= e); ) {
+      const c = n[o];
+      h[c.lane] = c.start, o--;
     }
     o = Math.max(0, o - o % s), r = Math.min(t, r + (s - 1 - r % s));
   }
   return { startIndex: o, endIndex: r };
 }
-const F = typeof document < "u" ? z.useLayoutEffect : z.useEffect;
-function le(n) {
-  const l = z.useReducer(() => ({}), {})[1], e = {
+const N = typeof document < "u" ? w.useLayoutEffect : w.useEffect;
+function ce(n) {
+  const l = w.useReducer(() => ({}), {})[1], e = {
     ...n,
     onChange: (t, i) => {
       var o;
-      i ? X(l) : l(), (o = n.onChange) == null || o.call(n, t, i);
+      i ? Y(l) : l(), (o = n.onChange) == null || o.call(n, t, i);
     }
-  }, [s] = z.useState(
-    () => new oe(e)
+  }, [s] = w.useState(
+    () => new le(e)
   );
-  return s.setOptions(e), F(() => s._didMount(), []), F(() => s._willUpdate()), s;
+  return s.setOptions(e), N(() => s._didMount(), []), N(() => s._willUpdate()), s;
 }
-function ae(n) {
-  return le({
-    observeElementRect: te,
-    observeElementOffset: se,
-    scrollToFn: ie,
+function he(n) {
+  return ce({
+    observeElementRect: ne,
+    observeElementOffset: ie,
+    scrollToFn: re,
     ...n
   });
 }
-const ye = (n, l) => ((e) => Array.isArray(e) ? l(e) : n(e)), w = N(null), T = N(null), ce = () => A(w), R = () => A(T), Oe = () => {
-  const { scrollToIndex: n } = R();
-  return C(() => ({ scrollToIndex: n }), [n]);
-}, we = (n) => {
-  const { getItem: l, subscribe: e } = R();
-  return q(
-    M(
+const Re = (n, l) => ((e) => Array.isArray(e) ? l(e) : n(e)), [L, ue] = V({
+  displayName: "List.DataContext",
+  providerName: "List.Frame"
+}), [B, T] = V({
+  displayName: "List.UtilContext",
+  providerName: "List.Frame"
+}), De = () => T("List.useUtilContext"), _e = () => {
+  const { scrollToIndex: n } = T("List.useScroller");
+  return M(() => ({ scrollToIndex: n }), [n]);
+}, Fe = (n) => {
+  const { getItem: l, subscribe: e } = T(
+    "List.useItem"
+  );
+  return K(
+    S(
       (s) => e == null ? () => {
       } : e(s, n),
       [n, e]
     ),
-    M(() => l?.(n), [l, n])
+    S(() => l?.(n), [l, n])
+  );
+}, de = () => {
+  const { data: n, getItems: l, getTotalSize: e, itemHeight: s, sentinelRef: t } = ue(
+    "List.useData"
+  ), { ref: i, getItem: o, scrollToIndex: r, subscribe: a } = T(
+    "List.useData"
   );
-}, he = () => {
-  const { data: n, getItems: l, getTotalSize: e, itemHeight: s } = ce(), { ref: t, getItem: i, scrollToIndex: o, subscribe: r } = R();
-  return C(
+  return M(
     () => ({
       data: n,
       getItems: l,
       getTotalSize: e,
-      ref: t,
-      getItem: i,
-      scrollToIndex: o,
-      subscribe: r,
-      itemHeight: s
+      ref: i,
+      getItem: o,
+      scrollToIndex: r,
+      subscribe: a,
+      itemHeight: s,
+      sentinelRef: t
     }),
-    [n, l, e, t, i, o, r, s]
+    [
+      n,
+      l,
+      e,
+      i,
+      o,
+      r,
+      a,
+      s,
+      t
+    ]
   );
-}, k = (n, l, e) => {
-  const s = Y(e), { visible: t } = $(), i = O(!1);
-  return M(
+}, W = (n, l, e) => {
+  const s = j(e), { visible: t } = $(), i = C(!1);
+  return S(
     (o) => {
       n.current = o, !(n.current == null || i.current) && (i.current = !0, s.current?.());
     },
     [s, t, l]
   );
-}, ue = ({
+}, fe = 100, me = (n, l) => {
+  const e = j(n), s = C(!1), t = C(null), i = C(null), o = C(null), r = Q(l);
+  r !== void 0 && l !== r && (s.current = !1);
+  const a = S(() => {
+    t.current?.disconnect(), t.current = null;
+    const u = i.current, d = o.current;
+    u == null || d == null || (t.current = new IntersectionObserver(
+      (g) => {
+        g[0].isIntersecting && !s.current && (s.current = !0, e.current?.());
+      },
+      {
+        root: u,
+        rootMargin: `0px 0px ${fe}px 0px`,
+        threshold: 0
+      }
+    ), t.current.observe(d));
+  }, [e]), h = S(
+    (u) => {
+      i.current = u, a();
+    },
+    [a]
+  ), c = S(
+    (u) => {
+      o.current = u, a();
+    },
+    [a]
+  );
+  return { containerRef: h, sentinelRef: c };
+}, ge = ({
   data: n,
   getItem: l,
   subscribe: e,
@@ -596,44 +647,44 @@ const ye = (n, l) => ((e) => Array.isArray(e) ? l(e) : n(e)), w = N(null), T = N
   overscan: i = 10,
   itemHeight: o = 36
 }) => {
-  const r = O(null), c = n.length > 0, h = k(r, c, t), a = ae({
+  const r = C(null), a = n.length > 0, h = W(r, a, t), c = he({
     count: n.length,
     getScrollElement: () => r.current,
     estimateSize: () => o,
     overscan: i,
-    onChange: M(
-      (u) => {
-        const d = u.getVirtualItems();
-        d.length > 0 && d[d.length - 1].index === n.length - 1 && t?.();
+    onChange: S(
+      (f) => {
+        const m = f.getVirtualItems();
+        m.length > 0 && m[m.length - 1].index === n.length - 1 && t?.();
       },
       [n.length, t]
     )
-  }), m = a.getVirtualItems(), g = C(
+  }), u = c.getVirtualItems(), d = M(
     () => ({
       ref: h,
       getItem: l,
       data: n,
       subscribe: e,
-      getTotalSize: () => a.getTotalSize(),
-      getItems: () => m.map(({ index: u, start: d }) => ({
-        key: n[u],
-        index: u,
-        translate: d
+      getTotalSize: () => c.getTotalSize(),
+      getItems: () => u.map(({ index: f, start: m }) => ({
+        key: n[f],
+        index: f,
+        translate: m
       })),
       itemHeight: o
     }),
-    [h, a, n, l, o, m]
-  ), f = C(
+    [h, c, n, l, o, u]
+  ), g = M(
     () => ({
       ref: h,
       getItem: l,
-      scrollToIndex: (u) => a.scrollToIndex(u),
+      scrollToIndex: (f) => c.scrollToIndex(f),
       subscribe: e
     }),
-    [h, a, l, e]
+    [h, c, l, e]
   );
-  return /* @__PURE__ */ E.jsx(w.Provider, { value: g, children: /* @__PURE__ */ E.jsx(T.Provider, { value: f, children: s }) });
-}, de = ({
+  return /* @__PURE__ */ E.jsx(L, { value: d, children: /* @__PURE__ */ E.jsx(B, { value: g, children: s }) });
+}, pe = ({
   data: n,
   getItem: l,
   subscribe: e,
@@ -641,41 +692,42 @@ const ye = (n, l) => ((e) => Array.isArray(e) ? l(e) : n(e)), w = N(null), T = N
   onFetchMore: t,
   itemHeight: i
 }) => {
-  const o = O(null), r = n.length > 0, c = M((f, u) => {
-    const d = o.current?.children[0];
-    if (!d) return;
-    const b = u === "top" ? 1 : -1;
-    let p;
-    const v = f + b;
-    L.contains({ lower: 0, upper: d.children.length }, v) ? p = f + b : p = f;
-    const S = d.children[p];
-    S?.scrollIntoView({ block: "nearest", inline: "nearest", behavior: "smooth" });
-  }, []), h = k(o, r, t), a = n.map((f, u) => ({ key: f, index: u })), m = C(
+  const o = C(null), r = n.length > 0, a = S((v, x) => {
+    const p = o.current?.children[0];
+    if (p == null) return;
+    const I = x === "top" ? 1 : -1;
+    let z;
+    const R = v + I;
+    U.contains({ lower: 0, upper: p.children.length }, R) ? z = v + I : z = v;
+    const y = p.children[z];
+    y?.scrollIntoView({ block: "nearest", inline: "nearest", behavior: "smooth" });
+  }, []), h = W(o, r, t), { containerRef: c, sentinelRef: u } = me(t, n.length), d = J(h, c), g = M(() => n.map((v, x) => ({ key: v, index: x })), [n]), f = M(
     () => ({
-      ref: h,
+      ref: d,
       getItem: l,
       data: n,
       subscribe: e,
       getTotalSize: () => {
       },
-      getItems: () => a,
-      itemHeight: i
+      getItems: () => g,
+      itemHeight: i,
+      sentinelRef: u
     }),
-    [h, n, l, e, i]
-  ), g = C(
+    [d, n, l, e, i, u, g]
+  ), m = M(
     () => ({
-      ref: h,
+      ref: d,
       getItem: l,
-      scrollToIndex: c,
+      scrollToIndex: a,
       subscribe: e
     }),
-    [h, l, e, c]
+    [d, l, e, a]
   );
-  return /* @__PURE__ */ E.jsx(w.Provider, { value: m, children: /* @__PURE__ */ E.jsx(T.Provider, { value: g, children: s }) });
-}, me = ({
+  return /* @__PURE__ */ E.jsx(L, { value: f, children: /* @__PURE__ */ E.jsx(B, { value: m, children: s }) });
+}, ve = ({
   virtual: n = !1,
   ...l
-}) => n ? /* @__PURE__ */ E.jsx(ue, { ...l }) : /* @__PURE__ */ E.jsx(de, { ...l }), Te = V(me), Re = ({
+}) => n ? /* @__PURE__ */ E.jsx(ge, { ...l }) : /* @__PURE__ */ E.jsx(pe, { ...l }), Ne = A(ve), Ae = ({
   itemKey: n,
   className: l,
   index: e,
@@ -684,12 +736,12 @@ const ye = (n, l) => ((e) => Array.isArray(e) ? l(e) : n(e)), w = N(null), T = N
   rightAligned: i = !1,
   highlightHovered: o = !1,
   selected: r = !1,
-  translate: c,
+  translate: a,
   onSelect: h,
-  onClick: a,
-  hovered: m,
-  style: g,
-  ...f
+  onClick: c,
+  hovered: u,
+  style: d,
+  ...g
 }) => /* @__PURE__ */ E.jsx(
   P,
   {
@@ -697,81 +749,91 @@ const ye = (n, l) => ((e) => Array.isArray(e) ? l(e) : n(e)), w = N(null), T = N
     defaultEl: "div",
     id: n.toString(),
     variant: "text",
-    onClick: (u) => {
-      h?.(n), a?.(u);
+    onClick: (f) => {
+      h?.(n), c?.(f);
     },
-    className: x(
+    className: b(
       l,
       H,
-      r && U,
-      m && x.M("hovered"),
-      i && x.M("right-aligned"),
-      o && x.M("highlight-hover"),
-      t && x.M("dragging-over"),
-      x.BE("list", "item"),
-      x.selected(r)
+      r && q,
+      u && b.M("hovered"),
+      i && b.M("right-aligned"),
+      o && b.M("highlight-hover"),
+      t && b.M("dragging-over"),
+      b.BE("list", "item"),
+      b.selected(r)
     ),
     style: {
-      position: c != null ? "absolute" : "relative",
-      transform: `translateY(${c}px)`,
-      ...g
+      position: a != null ? "absolute" : "relative",
+      transform: `translateY(${a}px)`,
+      ...d
     },
     square: !1,
-    ...f
+    ...g
   }
-), fe = ({
+), xe = ({
   className: n,
   children: l,
   emptyContent: e,
-  displayItems: s = 10,
+  displayItems: s,
   style: t,
   direction: i,
   x: o,
   y: r,
-  ...c
+  ...a
 }) => {
-  const { ref: h, getItems: a, getTotalSize: m, data: g, itemHeight: f } = he(), u = a();
-  let d = e;
-  const b = g.length > 0;
-  b && (d = /* @__PURE__ */ E.jsx(
+  const { ref: h, getItems: c, getTotalSize: u, data: d, itemHeight: g, sentinelRef: f } = de(), m = c();
+  let v = e;
+  const x = d.length > 0;
+  x && (v = /* @__PURE__ */ E.jsxs(
     "div",
     {
-      className: x.BE("list", "virtualizer"),
-      style: { minHeight: m() },
-      children: u.map(
-        ({ key: S, index: B, translate: W }) => l({ key: S, index: B, itemKey: S, translate: W })
-      )
+      className: b.BE("list", "virtualizer"),
+      style: { minHeight: u() },
+      children: [
+        m.map(
+          ({ key: z, index: R, translate: y }) => l({ key: z, index: R, itemKey: z, translate: y })
+        ),
+        f != null && /* @__PURE__ */ E.jsx(
+          "div",
+          {
+            ref: f,
+            className: b.BE("list", "sentinel"),
+            "aria-hidden": "true"
+          }
+        )
+      ]
     }
   ));
   let p;
-  f != null && isFinite(s) && b && (p = Math.min(s, u.length) * f + 1);
-  const v = K(i, o, r);
+  g != null && s != null && isFinite(s) && x && (p = Math.min(s, m.length) * g + 1);
+  const I = X(i, o, r);
   return /* @__PURE__ */ E.jsx(
     G,
     {
       gap: 0,
       ref: h,
-      className: x(
+      className: b(
         n,
-        x.BE("list", "items"),
-        !b && x.BEM("list", "items", "empty")
+        b.BE("list", "items"),
+        !x && b.BEM("list", "items", "empty")
       ),
       style: { height: p, ...t },
-      full: v,
-      direction: v,
-      ...c,
-      children: d
+      full: I,
+      direction: I,
+      ...a,
+      children: v
     }
   );
-}, De = V(fe);
+}, Ve = A(xe);
 export {
-  me as C,
-  Te as F,
-  Re as I,
-  De as a,
-  we as b,
-  ye as c,
-  Oe as d,
-  R as e,
-  he as u
+  ve as B,
+  Ne as F,
+  Ae as I,
+  Ve as a,
+  Fe as b,
+  Re as c,
+  _e as d,
+  De as e,
+  de as u
 };