@aiquants/virtualscroll 2.2.0 → 2.3.0

package/dist/index.js

@@ -182,7 +182,7 @@ const Ke = {
     )
   ] });
 }, er = ir(
-  $e(({ onDragChange: r, className: t, maxVisualDistance: e = 160, size: n = 40, style: i, opacity: s = 1, renderVisual: a }, c) => {
+  $e(({ onDragChange: r, className: t, maxVisualDistance: e = 160, size: n = 40, style: i, opacity: s = 1, renderVisual: l }, c) => {
     const [d, b] = re(Ke), I = x(null), v = x(null), C = x({ x: 0, y: 0 }), p = x(null), V = x(0), z = S(
       (T) => {
         b(T), r(T);
@@ -280,7 +280,7 @@ const Ke = {
       }),
       [Q]
     );
-    const O = Math.min(Math.max(s, 0), 1), P = n / 64, U = Math.min(d.distance, e) / e, Z = d.direction * U * 10 * P, w = a ?? ar, lt = {
+    const O = Math.min(Math.max(s, 0), 1), P = n / 64, U = Math.min(d.distance, e) / e, Z = d.direction * U * 10 * P, w = l ?? ar, lt = {
       dragState: d,
       normalizedDistance: U,
       sizeScale: P,
@@ -364,8 +364,8 @@ const rt = (r, t, e) => Math.max(t, Math.min(e, r)), Xe = "virtualscroll:tap-scr
     maxSpeedCurve: r?.maxSpeedCurve ?? ee.maxSpeedCurve
   };
 }, xr = ({ isDragging: r, isThumbHovered: t, enableThumbDrag: e }) => Ft(() => e ? r ? "dragging" : t ? "hover" : "idle" : "disabled", [e, r, t]), Ir = ({ canUseArrowButtons: r, enableArrowButtons: t, resetTapScroll: e, scrollByStep: n }) => {
-  const i = x(null), s = x(null), a = x(null), c = S(() => {
-    i.current !== null && (window.clearInterval(i.current), i.current = null), s.current !== null && (window.clearTimeout(s.current), s.current = null), a.current !== null && (window.removeEventListener("pointerup", a.current), window.removeEventListener("pointercancel", a.current), window.removeEventListener("blur", a.current), a.current = null);
+  const i = x(null), s = x(null), l = x(null), c = S(() => {
+    i.current !== null && (window.clearInterval(i.current), i.current = null), s.current !== null && (window.clearTimeout(s.current), s.current = null), l.current !== null && (window.removeEventListener("pointerup", l.current), window.removeEventListener("pointercancel", l.current), window.removeEventListener("blur", l.current), l.current = null);
   }, []), d = S(() => {
     c();
   }, [c]), b = S(
@@ -378,7 +378,7 @@ const rt = (r, t, e) => Math.max(t, Math.min(e, r)), Xe = "virtualscroll:tap-scr
         }, cr);
       }, lr);
       const p = () => c();
-      a.current = p, window.addEventListener("pointerup", p), window.addEventListener("pointercancel", p), window.addEventListener("blur", p);
+      l.current = p, window.addEventListener("pointerup", p), window.addEventListener("pointercancel", p), window.addEventListener("blur", p);
     },
     [r, c, e, n]
   ), I = S(
@@ -392,11 +392,11 @@ const rt = (r, t, e) => Math.max(t, Math.min(e, r)), Xe = "virtualscroll:tap-scr
   }, [r, c]), Y(() => () => {
     c();
   }, [c]), { handleArrowPointerDown: b, handleArrowPointerUp: d, handleArrowKeyDown: I };
-}, Tr = 700, he = (r, t) => typeof r == "number" && Number.isFinite(r) ? r : t, Sr = ({ distance: r, maxDistance: t, viewportSize: e, minSpeedMultiplier: n, maxSpeedMultiplier: i, hasCustomMaxSpeedMultiplier: s, curve: a }) => {
-  const c = Math.max(he(r, 0), 0), d = he(t, 0), b = d > 0 ? Math.min(c, d) / d : 1, I = Math.max(he(e, 0), 0), v = Math.max(he(n, 0), 0), C = Math.max(he(i, 0), 0), p = Math.max(I * v, 40), V = s ? p : 1200, z = Math.max(I * C, V), W = a ? Math.max(he(a.exponentialScale, C), 0) : 0, at = a ? Math.min(z, Math.max(I * W, p)) : z, Q = Math.max(at, p);
+}, Tr = 700, he = (r, t) => typeof r == "number" && Number.isFinite(r) ? r : t, Sr = ({ distance: r, maxDistance: t, viewportSize: e, minSpeedMultiplier: n, maxSpeedMultiplier: i, hasCustomMaxSpeedMultiplier: s, curve: l }) => {
+  const c = Math.max(he(r, 0), 0), d = he(t, 0), b = d > 0 ? Math.min(c, d) / d : 1, I = Math.max(he(e, 0), 0), v = Math.max(he(n, 0), 0), C = Math.max(he(i, 0), 0), p = Math.max(I * v, 40), V = s ? p : 1200, z = Math.max(I * C, V), W = l ? Math.max(he(l.exponentialScale, C), 0) : 0, at = l ? Math.min(z, Math.max(I * W, p)) : z, Q = Math.max(at, p);
   let tt = b ** 1.1;
-  if (a) {
-    const Et = Math.min(Math.max(he(a.exponentialSteepness, 0), 0), Tr);
+  if (l) {
+    const Et = Math.min(Math.max(he(l.exponentialSteepness, 0), 0), Tr);
     if (Et === 0)
       tt = b;
     else {
@@ -404,7 +404,7 @@ const rt = (r, t, e) => Math.max(t, Math.min(e, r)), Xe = "virtualscroll:tap-scr
       tt = Math.min(Math.max(Math.expm1(Et * b) / A, 0), 1);
     }
   }
-  const xt = Math.min(Math.max(he(a?.easedOffset, 0), 0), 1);
+  const xt = Math.min(Math.max(he(l?.easedOffset, 0), 0), 1);
   return p + (Q - p) * (xt + (1 - xt) * tt);
 }, vr = (r) => {
   if (!r || r <= 0)
@@ -418,7 +418,7 @@ const rt = (r, t, e) => Math.max(t, Math.min(e, r)), Xe = "virtualscroll:tap-scr
   onScroll: n,
   enableThumbDrag: i = !0,
   enableTrackClick: s = !0,
-  enableArrowButtons: a = !0,
+  enableArrowButtons: l = !0,
   horizontal: c = !1,
   scrollBarWidth: d = 12,
   className: b,
@@ -460,7 +460,7 @@ const rt = (r, t, e) => Math.max(t, Math.min(e, r)), Xe = "virtualscroll:tap-scr
     effectiveTrackLength: 0,
     onScroll: n,
     scrollPosition: e
-  }), { mainSizeKey: zt, crossSizeKey: Jt, positionKey: $t, selectDelta: h, getPointerCoordinate: k, arrowLabels: gt, arrowIcons: X, directionClass: Pt, orientation: ct } = Dt, It = Math.max(Lt, 1), Mt = t / r, yt = Math.max(t - d * 2, 0), ut = Mt * yt, At = Math.min(Math.max(We, ut || 0), yt || We), dt = r - t, st = Math.max(yt - At, 0), _t = dt <= 0 || st <= 0 ? 0 : rt(e / dt * st, 0, st), Xt = _t + At / 2, Nt = r > t || W, ne = Nt && a;
+  }), { mainSizeKey: zt, crossSizeKey: Jt, positionKey: $t, selectDelta: h, getPointerCoordinate: k, arrowLabels: gt, arrowIcons: X, directionClass: Pt, orientation: ct } = Dt, It = Math.max(Lt, 1), Mt = t / r, yt = Math.max(t - d * 2, 0), ut = Mt * yt, At = Math.min(Math.max(We, ut || 0), yt || We), dt = r - t, st = Math.max(yt - At, 0), _t = dt <= 0 || st <= 0 ? 0 : rt(e / dt * st, 0, st), Xt = _t + At / 2, Nt = r > t || W, ne = Nt && l;
   Me(() => {
     Vt.current = {
       viewportSize: t,
@@ -495,8 +495,8 @@ const rt = (r, t, e) => Math.max(t, Math.min(e, r)), Xe = "virtualscroll:tap-scr
     (o) => {
       const g = Vt.current, y = U.current;
       if (!g.scrollBarVisible || g.maxScrollPosition <= 0) {
-        const ue = Ct(0, y), l = ue - y;
-        return { nextPosition: ue, actualDelta: l, reachedBoundary: !0 };
+        const ue = Ct(0, y), a = ue - y;
+        return { nextPosition: ue, actualDelta: a, reachedBoundary: !0 };
       }
       if (o === 0)
         return { nextPosition: y, actualDelta: 0, reachedBoundary: !1 };
@@ -656,7 +656,7 @@ const rt = (r, t, e) => Math.max(t, Math.min(e, r)), Xe = "virtualscroll:tap-scr
     [M]
   ), { handleArrowPointerDown: Ce, handleArrowPointerUp: Se, handleArrowKeyDown: Ut } = Ir({
     canUseArrowButtons: ne,
-    enableArrowButtons: a,
+    enableArrowButtons: l,
     resetTapScroll: Tt,
     scrollByStep: me
   }), Ve = (o) => {
@@ -755,7 +755,7 @@ const rt = (r, t, e) => Math.max(t, Math.min(e, r)), Xe = "virtualscroll:tap-scr
       onPointerLeave: Se,
       onPointerCancel: Se,
       onKeyDown: Ut(o),
-      "aria-disabled": !a,
+      "aria-disabled": !l,
       disabled: !ne,
       children: /* @__PURE__ */ ot("span", { "aria-hidden": "true", children: y })
     },
@@ -888,7 +888,7 @@ const rt = (r, t, e) => Math.max(t, Math.min(e, r)), Xe = "virtualscroll:tap-scr
     scrollBarWidth: n = 12,
     enableThumbDrag: i = !0,
     enableTrackClick: s = !0,
-    enableArrowButtons: a = !0,
+    enableArrowButtons: l = !0,
     enablePointerDrag: c = !0,
     pointerDragInputs: d = Mr,
     onScroll: b,
@@ -1244,7 +1244,7 @@ const rt = (r, t, e) => Math.max(t, Math.min(e, r)), Xe = "virtualscroll:tap-scr
           onScroll: $t,
           enableThumbDrag: i,
           enableTrackClick: s,
-          enableArrowButtons: a,
+          enableArrowButtons: l,
           scrollBarWidth: n,
           ariaControls: de,
           tapScrollCircleOptions: V,
@@ -1259,14 +1259,14 @@ const rt = (r, t, e) => Math.max(t, Math.min(e, r)), Xe = "virtualscroll:tap-scr
     ] });
   }
 ), Ge = (r, t, e) => Math.min(Math.max(r, t), e), Br = ({ dragState: r, normalizedDistance: t, sizeScale: e, size: n }) => {
-  const i = Math.max(n / 2, 1), s = 1 + t * 0.65, a = Math.max(0.65, 1 - t * 0.25), c = r.direction * t * 26 * e, d = 0.8 + t * 0.18, b = 3 * e, I = 6 * e, v = 22 * e, C = Math.abs(c) + I, p = c > 0 ? b : -Math.abs(c) - b, V = Math.max(2.5, 3 * e), z = Ge(r.offsetX, -i, i), W = Ge(r.offsetY, -i, i), at = i * 0.35, Q = z / i * at, tt = W / i * at, xt = Q * 0.45, Et = tt * 0.45, A = Math.max(v * 0.38, 6), O = 0.65 + t * 0.2, P = r.active;
+  const i = Math.max(n / 2, 1), s = 1 + t * 0.65, l = Math.max(0.65, 1 - t * 0.25), c = r.direction * t * 26 * e, d = 0.8 + t * 0.18, b = 3 * e, I = 6 * e, v = 22 * e, C = Math.abs(c) + I, p = c > 0 ? b : -Math.abs(c) - b, V = Math.max(2.5, 3 * e), z = Ge(r.offsetX, -i, i), W = Ge(r.offsetY, -i, i), at = i * 0.35, Q = z / i * at, tt = W / i * at, xt = Q * 0.45, Et = tt * 0.45, A = Math.max(v * 0.38, 6), O = 0.65 + t * 0.2, P = r.active;
   return /* @__PURE__ */ Te(tr, { children: [
     /* @__PURE__ */ ot(
       "div",
       {
         className: "aqvs-tap-scroll-circle-gradient",
         style: {
-          transform: `scale(${a}, ${s})`,
+          transform: `scale(${l}, ${s})`,
           transition: P ? "40ms transform ease-out" : "200ms ease transform"
         }
       }
@@ -1278,7 +1278,7 @@ const rt = (r, t, e) => Math.max(t, Math.min(e, r)), Xe = "virtualscroll:tap-scr
         style: {
           width: v,
           height: v,
-          transform: `translate(calc(-50% + ${Q}px), calc(-50% + ${tt}px)) scale(${a}, ${d * s})`,
+          transform: `translate(calc(-50% + ${Q}px), calc(-50% + ${tt}px)) scale(${l}, ${d * s})`,
           transition: P ? "70ms transform ease-out" : "200ms ease transform"
         }
       }
@@ -1290,7 +1290,7 @@ const rt = (r, t, e) => Math.max(t, Math.min(e, r)), Xe = "virtualscroll:tap-scr
         style: {
           width: A,
           height: A,
-          transform: `translate(calc(-50% + ${xt}px), calc(-50% + ${Et}px)) scale(${a}, ${s})`,
+          transform: `translate(calc(-50% + ${xt}px), calc(-50% + ${Et}px)) scale(${l}, ${s})`,
           opacity: O,
           boxShadow: "0 0 8px rgba(255,255,255,0.45)",
           transition: P ? "120ms opacity 150ms, 120ms transform ease-out ease-out" : "220ms ease transform, 240ms opacity ease"
@@ -1393,7 +1393,7 @@ class ge {
       this.size = i, this.tree = /* @__PURE__ */ new Map(), this.deltas = /* @__PURE__ */ new Map(), this.valueFn = void 0, this.baseValue = e, this.total = this.baseValue * this.size;
       return;
     }
-    let s = 0, a;
+    let s = 0, l;
     if (i > 0) {
       const c = n?.sampleRange ?? {
         from: 0,
@@ -1401,18 +1401,18 @@ class ge {
       };
       let d = Math.max(0, Math.trunc(c.from)), b = Math.min(Math.trunc(c.to), i - 1);
       if (d > b && (d = 0, b = Math.min(_e - 1, i - 1)), i > _e)
-        s = ge._sampleBaseValueStrided(e, i, _e), n?.materialize && (a = { from: d, values: ge._collectValidatedValues(e, d, b) });
+        s = ge._sampleBaseValueStrided(e, i, _e), n?.materialize && (l = { from: d, values: ge._collectValidatedValues(e, d, b) });
       else {
         const I = ge._collectValidatedValues(e, d, b);
-        s = ge._modeOrMedian([...I]), n?.materialize && (a = { from: d, values: I });
+        s = ge._modeOrMedian([...I]), n?.materialize && (l = { from: d, values: I });
       }
     }
-    if (this.size = i, this.tree = /* @__PURE__ */ new Map(), this.deltas = /* @__PURE__ */ new Map(), this.total = void 0, this.valueFn = e, this.baseValue = s, a)
-      for (let c = 0; c < a.values.length; c++) {
-        const d = a.from + c;
+    if (this.size = i, this.tree = /* @__PURE__ */ new Map(), this.deltas = /* @__PURE__ */ new Map(), this.total = void 0, this.valueFn = e, this.baseValue = s, l)
+      for (let c = 0; c < l.values.length; c++) {
+        const d = l.from + c;
         if (d >= this.size)
           break;
-        const b = a.values[c] - this.baseValue;
+        const b = l.values[c] - this.baseValue;
         b !== 0 && (this.deltas.set(d, b), this._updateTree(d, b));
       }
     this.total = this.getTotal();
@@ -1458,22 +1458,22 @@ class ge {
   static _modeOrMedian(t) {
     if (t.length === 0)
       return 0;
-    t.sort((a, c) => a - c);
+    t.sort((l, c) => l - c);
     const e = Math.floor(t.length / 2);
     let n;
     t.length % 2 === 0 ? n = Math.floor((t[e - 1] + t[e]) / 2) : n = t[e];
     const i = /* @__PURE__ */ new Map();
     let s = 0;
-    for (const a of t) {
-      const c = (i.get(a) ?? 0) + 1;
-      i.set(a, c), c > s && (s = c);
+    for (const l of t) {
+      const c = (i.get(l) ?? 0) + 1;
+      i.set(l, c), c > s && (s = c);
     }
     if (s > t.length * 0.2) {
-      const a = [];
+      const l = [];
       for (const [d, b] of i.entries())
-        b === s && a.push(d);
-      const c = a.reduce((d, b) => d + b, 0);
-      n = Math.floor(c / a.length);
+        b === s && l.push(d);
+      const c = l.reduce((d, b) => d + b, 0);
+      n = Math.floor(c / l.length);
     }
     return n;
   }
@@ -1493,8 +1493,8 @@ class ge {
     let i = Math.max(1, Math.ceil(e / n));
     i % 2 === 0 && (i += 1);
     const s = [];
-    for (let a = 0; a < e && s.length < n; a += i)
-      s.push(qe(t(a), a));
+    for (let l = 0; l < e && s.length < n; l += i)
+      s.push(qe(t(l), l));
     return ge._modeOrMedian(s);
   }
   /**
@@ -1542,14 +1542,14 @@ class ge {
         throw new Error(`Index must be an integer: ${n}`);
       if (!Number.isFinite(i))
         throw new Error(`Change must be a finite number: ${i}`);
-      const a = (e.get(n) ?? this.deltas.get(n) ?? 0) + i;
-      if (a + this.baseValue < -1e-9)
-        throw new Error(`Change would make the value at index ${n} negative: ${a + this.baseValue}`);
-      e.set(n, a);
+      const l = (e.get(n) ?? this.deltas.get(n) ?? 0) + i;
+      if (l + this.baseValue < -1e-9)
+        throw new Error(`Change would make the value at index ${n} negative: ${l + this.baseValue}`);
+      e.set(n, l);
     }
     for (const { index: n, change: i } of t) {
-      const a = (this.deltas.get(n) ?? 0) + i;
-      a === 0 ? this.deltas.delete(n) : this.deltas.set(n, a), this._updateTree(n, i);
+      const l = (this.deltas.get(n) ?? 0) + i;
+      l === 0 ? this.deltas.delete(n) : this.deltas.set(n, l), this._updateTree(n, i);
     }
     return this.total;
   }
@@ -1593,8 +1593,8 @@ class ge {
         throw new Error(`Value must be a finite number: ${s}`);
       if (s < 0)
         throw new Error("Value cannot be negative.");
-      const a = n.has(i) ? n.get(i) ?? 0 : this.deltas.get(i) ?? 0, c = a + this.baseValue, d = s - c;
-      d !== 0 && e.push({ index: i, change: d }), n.set(i, a + d);
+      const l = n.has(i) ? n.get(i) ?? 0 : this.deltas.get(i) ?? 0, c = l + this.baseValue, d = s - c;
+      d !== 0 && e.push({ index: i, change: d }), n.set(i, l + d);
     }
     return e;
   }
@@ -1630,8 +1630,8 @@ class ge {
     if (this.valueFn) {
       const n = this.deltas.get(t) ?? 0, s = qe(this.valueFn(t), t) - this.baseValue;
       if (s !== n && (s === 0 ? this.deltas.delete(t) : this.deltas.set(t, s), e)) {
-        const a = s - n;
-        this._updateTree(t, a);
+        const l = s - n;
+        this._updateTree(t, l);
       }
     }
   }
@@ -1660,8 +1660,8 @@ class ge {
         this._materialize(e);
         return;
       }
-      const s = i[0].from, a = i[i.length - 1].to;
-      e >= s && e <= a && this._materialize(e);
+      const s = i[0].from, l = i[i.length - 1].to;
+      e >= s && e <= l && this._materialize(e);
       return;
     }
     e !== void 0 && this._materialize(e);
@@ -1693,13 +1693,13 @@ class ge {
       if (this._materialize(s), (this.deltas.get(s) ?? 0) === c)
         break;
     }
-    const a = this.prefixSum(s);
+    const l = this.prefixSum(s);
     return {
       index: s,
-      total: this.total ?? a.total,
-      cumulative: a.cumulative,
-      currentValue: a.currentValue,
-      safeIndex: a.safeIndex
+      total: this.total ?? l.total,
+      cumulative: l.cumulative,
+      currentValue: l.currentValue,
+      safeIndex: l.safeIndex
     };
   }
   /**
@@ -1716,10 +1716,10 @@ class ge {
     for (; s << 1 <= this.size; )
       s <<= 1;
     for (; s > 0; s >>= 1) {
-      const a = n + s;
-      if (a <= this.size) {
-        const d = (this.tree.get(a) ?? 0) + this.baseValue * s;
-        (e ? i + d < t : i + d <= t) && (n = a, i += d);
+      const l = n + s;
+      if (l <= this.size) {
+        const d = (this.tree.get(l) ?? 0) + this.baseValue * s;
+        (e ? i + d < t : i + d <= t) && (n = l, i += d);
       }
     }
     return e ? n : n - 1;
@@ -1738,18 +1738,18 @@ class ge {
     this._materializeRanges(e.materializeOption);
     const s = e.materializeOption?.materialize === !0;
     for (; ; ) {
-      let a = 0n, c = i - 1n, d, b, I = this.total;
-      for (; a <= c; ) {
-        const p = a + c >> 1n, V = Number(p), z = this.prefixSum(V);
+      let l = 0n, c = i - 1n, d, b, I = this.total;
+      for (; l <= c; ) {
+        const p = l + c >> 1n, V = Number(p), z = this.prefixSum(V);
         if (I = z.total, n ? z.cumulative >= t : z.cumulative <= t)
           if (d = p, b = z, n) {
             if (p === 0n)
               break;
             c = p - 1n;
           } else
-            a = p + 1n;
+            l = p + 1n;
         else if (n)
-          a = p + 1n;
+          l = p + 1n;
         else {
           if (p === 0n)
             break;
@@ -1786,14 +1786,14 @@ class ge {
       return { cumulative: 0, total: this.total ?? 0, currentValue: 0, safeIndex: 0 };
     const n = rt(Math.trunc(t), 0, this.size - 1), i = e?.materializeOption;
     this._materializeRanges(i, n, !0);
-    let s = 0, a = n + 1;
-    for (; a > 0; ) {
-      const d = this.tree.get(a) ?? 0;
+    let s = 0, l = n + 1;
+    for (; l > 0; ) {
+      const d = this.tree.get(l) ?? 0;
       s += d;
-      const b = Pe(a);
+      const b = Pe(l);
       if (b === 0)
         break;
-      a -= b;
+      l -= b;
     }
     const c = i?.materialize ? this.get(n) : (this.deltas.get(n) || 0) + this.baseValue;
     return { cumulative: s + this.baseValue * (n + 1), total: this.total, currentValue: c, safeIndex: n };
@@ -1853,10 +1853,10 @@ class ge {
       let s = n + 1;
       for (; s <= this.size; ) {
         e.set(s, (e.get(s) ?? 0) + i);
-        const a = Pe(s);
-        if (a === 0)
+        const l = Pe(s);
+        if (l === 0)
           break;
-        s += a;
+        s += l;
       }
     }
     this.tree = e, this.total = this._computeTreeTotal();
@@ -1970,17 +1970,17 @@ class ge {
   _propagateDeltaToGrownNodes(t, e, n, i) {
     let s = t + 1;
     for (; s <= n; ) {
-      const a = Pe(s);
-      if (a === 0)
+      const l = Pe(s);
+      if (l === 0)
         break;
-      s += a;
+      s += l;
     }
     for (; s <= i; ) {
       this.tree.set(s, (this.tree.get(s) ?? 0) + e);
-      const a = Pe(s);
-      if (a === 0)
+      const l = Pe(s);
+      if (l === 0)
         break;
-      s += a;
+      s += l;
     }
   }
   /**
@@ -1996,12 +1996,12 @@ class ge {
       const n = ge._minCoveredLowBound(t, e);
       if (t - n < this.deltas.size)
         for (let s = n; s < t; s++) {
-          const a = this.deltas.get(s);
-          a === void 0 || a === 0 || this._propagateDeltaToGrownNodes(s, a, t, e);
+          const l = this.deltas.get(s);
+          l === void 0 || l === 0 || this._propagateDeltaToGrownNodes(s, l, t, e);
         }
       else
-        for (const [s, a] of this.deltas.entries())
-          a === 0 || s < n || this._propagateDeltaToGrownNodes(s, a, t, e);
+        for (const [s, l] of this.deltas.entries())
+          l === 0 || s < n || this._propagateDeltaToGrownNodes(s, l, t, e);
     }
     this.total = this._computeTreeTotal();
   }
@@ -2077,12 +2077,12 @@ const Er = (r, t) => {
 }, Nr = (r, t, e) => {
   const n = Number.isFinite(r) && r > 0 ? Math.trunc(r) : 0, i = x(null), s = x({ size: n, valueOrFn: t, options: e });
   i.current === null && (i.current = new ge(n, t, e));
-  const a = i.current, c = s.current, d = c.size !== n, b = c.valueOrFn !== t, I = Er(c.options, e), v = c.size === 0 && n > 0 && (!i.current || i.current.base === 0);
+  const l = i.current, c = s.current, d = c.size !== n, b = c.valueOrFn !== t, I = Er(c.options, e), v = c.size === 0 && n > 0 && (!i.current || i.current.base === 0);
   if (b || I) {
     const C = e?.resetOnValueFnChange ?? !0;
-    I || b && C || v ? (e?.debug && N.debug("[useFenwickMapTree] reset", { valueOrFnChanged: b, optionsChanged: I }), a.reset(n, t, e)) : (d && (e?.debug && N.debug("[useFenwickMapTree] resize (with valueFn change)", { from: c.size, to: n }), a.changeSize(n)), e?.debug && N.debug("[useFenwickMapTree] setValueFn (no reset)", { valueOrFnChanged: b }), a.setValueFn(t, { reset: !1 })), s.current = { size: n, valueOrFn: t, options: e };
-  } else d && (e?.debug && N.debug("[useFenwickMapTree] resize", { from: c.size, to: n }), v ? a.reset(n, t, e) : a.changeSize(n), s.current = { size: n, valueOrFn: t, options: e });
-  return a;
+    I || b && C || v ? (e?.debug && N.debug("[useFenwickMapTree] reset", { valueOrFnChanged: b, optionsChanged: I }), l.reset(n, t, e)) : (d && (e?.debug && N.debug("[useFenwickMapTree] resize (with valueFn change)", { from: c.size, to: n }), l.changeSize(n)), e?.debug && N.debug("[useFenwickMapTree] setValueFn (no reset)", { valueOrFnChanged: b }), l.setValueFn(t, { reset: !1 })), s.current = { size: n, valueOrFn: t, options: e };
+  } else d && (e?.debug && N.debug("[useFenwickMapTree] resize", { from: c.size, to: n }), v ? l.reset(n, t, e) : l.changeSize(n), s.current = { size: n, valueOrFn: t, options: e });
+  return l;
 };
 class Cr {
   key;
@@ -2154,7 +2154,7 @@ function Vr(r) {
     const v = t.current.get(I);
     if (v)
       return e.current.moveToTail(v), v.value;
-  }, []), a = S((I, v) => {
+  }, []), l = S((I, v) => {
     const C = i.current;
     if (Number.isNaN(C) || C <= 0)
       return;
@@ -2174,7 +2174,7 @@ function Vr(r) {
   }, []), b = S(() => {
     t.current.clear(), e.current = new He();
   }, []);
-  return Ft(() => ({ get: s, set: a, has: c, remove: d, clear: b }), [s, a, c, d, b]);
+  return Ft(() => ({ get: s, set: l, has: c, remove: d, clear: b }), [s, l, c, d, b]);
 }
 const Dr = 1e4, qr = () => {
   const { get: r, set: t, has: e, clear: n } = Vr(Dr);
@@ -2186,13 +2186,13 @@ const Dr = 1e4, qr = () => {
   if (!Number.isFinite(r)) return 0n;
   const t = Math.trunc(r);
   return t <= 0 ? 0n : BigInt(t);
-}, Lr = (r, t, e, n, i, s, a, c) => {
+}, Lr = (r, t, e, n, i, s, l, c) => {
   const d = Ne(n);
   if (d === 0n)
     return { renderingStartIndex: 0, renderingEndIndex: 0, visibleStartIndex: 0, visibleEndIndex: 0 };
   const b = (A) => A < 0n ? 0n : A >= d ? d - 1n : A, I = { materializeOption: { materialize: !1 } }, { index: v, cumulative: C } = s.findIndexAtOrAfter(r, I);
   let p;
-  v === -1 ? p = d - 1n : (C === r ? p = Ne(v + 1) : p = Ne(v), p >= d && (p = d - 1n)), r <= 0 && (p = 0n), c && r >= a && (p = d - 1n);
+  v === -1 ? p = d - 1n : (C === r ? p = Ne(v + 1) : p = Ne(v), p >= d && (p = d - 1n)), r <= 0 && (p = 0n), c && r >= l && (p = d - 1n);
   const V = (A) => {
     const O = Number(A);
     if (!Number.isSafeInteger(O))
@@ -2264,12 +2264,12 @@ const Dr = 1e4, qr = () => {
     visibleStartIndex: St(Number(Q), n),
     visibleEndIndex: St(Number(tt), n)
   };
-}, _r = (r, t, e, n, i, s, a) => {
+}, _r = (r, t, e, n, i, s, l) => {
   if (n === 0)
     return { renderingStartIndex: 0, renderingEndIndex: 0, visibleStartIndex: 0, visibleEndIndex: 0 };
-  const c = Number.isFinite(a), d = c ? Math.min(Math.max(0, r), a) : Math.max(0, r);
+  const c = Number.isFinite(l), d = c ? Math.min(Math.max(0, r), l) : Math.max(0, r);
   if (n >= Number.MAX_SAFE_INTEGER)
-    return Lr(d, t, e, n, i, s, a, c);
+    return Lr(d, t, e, n, i, s, l, c);
   const { index: b, cumulative: I, currentValue: v } = s.findIndexAtOrAfter(d, { materializeOption: { materialize: !1 } }), C = b === -1 ? t <= 0 || (I ?? 0) < d + (v ?? 0) ? n - 1 : 0 : b;
   let p = St(C, n), V = 0;
   if (b !== -1 && I === d)
@@ -2351,7 +2351,7 @@ const Dr = 1e4, qr = () => {
   ), S(
     (s) => {
       if (i.arg = s, i.id !== null) return;
-      const a = (c) => {
+      const l = (c) => {
         if (i.id = null, i.arg === null) return;
         const d = c - i.last;
         if (n === 0 || i.last === 0 || d >= n) {
@@ -2363,13 +2363,13 @@ const Dr = 1e4, qr = () => {
             }
           i.arg = null, i.last = c;
         }
-        i.arg !== null && (i.id = requestAnimationFrame(a));
+        i.arg !== null && (i.id = requestAnimationFrame(l));
       };
-      i.id = requestAnimationFrame(a);
+      i.id = requestAnimationFrame(l);
     },
     [n, e, r, i]
   );
-}, Or = nr.memo(({ index: r, top: t, height: e, item: n, children: i, clipItemHeight: s, enableKeyboardNavigation: a, onKeyDown: c, onFocus: d, registerItemRef: b }) => {
+}, Or = nr.memo(({ index: r, top: t, height: e, item: n, children: i, clipItemHeight: s, enableKeyboardNavigation: l, onKeyDown: c, onFocus: d, registerItemRef: b }) => {
   const I = S((V) => b(r, V), [r, b]), v = S((V) => c(V, r), [r, c]), C = S(() => d(r), [r, d]), p = S((V) => {
     V.currentTarget.focus({ preventScroll: !0 });
   }, []);
@@ -2385,10 +2385,10 @@ const Dr = 1e4, qr = () => {
         height: e,
         overflow: s ? "hidden" : void 0
       },
-      tabIndex: a ? -1 : void 0,
-      onPointerDown: a ? p : void 0,
-      onKeyDownCapture: a ? v : void 0,
-      onFocusCapture: a ? C : void 0,
+      tabIndex: l ? -1 : void 0,
+      onPointerDown: l ? p : void 0,
+      onKeyDownCapture: l ? v : void 0,
+      onFocusCapture: l ? C : void 0,
       children: i(n, r)
     }
   );
@@ -2399,7 +2399,7 @@ const Dr = 1e4, qr = () => {
   getItemHeight: n,
   viewportSize: i,
   overscanCount: s = 15,
-  className: a,
+  className: l,
   testId: c,
   onScroll: d,
   onRangeChange: b,
@@ -2446,33 +2446,33 @@ const Dr = 1e4, qr = () => {
     }),
     [nt, de]
   ), E = Nr(r, n, it), [Vt] = re(() => {
-    let l = 0, u = 0;
+    let a = 0, u = 0;
     if (V && r > 0) {
       const m = rt(Math.trunc(V.index), 0, r - 1), D = Math.max(0, V.offsetPx ?? 0), _ = rt(m - s * 2, 0, r - 1), F = rt(m + s * 2, 0, r - 1), $ = m > 0 || D > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: _, to: F }] } } : void 0, { cumulative: K, total: Rt, currentValue: pt } = E.prefixSum(m, $), ht = Math.max(K - pt + D, 0);
-      l = Ie(ht, R.top), u = Rt ?? E.getTotal();
+      a = Ie(ht, R.top), u = Rt ?? E.getTotal();
     } else if (typeof C == "number") {
       const m = rt(C, 0, r - 1), D = rt(m - s * 2, 0, r - 1), _ = rt(m + s * 2, 0, r - 1), F = C > 0 ? { materializeOption: { materialize: !0, ranges: [{ from: D, to: _ }] } } : void 0, { cumulative: $, total: K, currentValue: Rt } = E.prefixSum(C, F), pt = Math.max($ - Rt, 0);
-      l = Ie(pt, R.top), u = K ?? E.getTotal();
-    } else typeof p == "number" && (l = Ie(Math.max(p, 0), R.top)), u = E.getTotal();
-    return { position: l, total: u };
+      a = Ie(pt, R.top), u = K ?? E.getTotal();
+    } else typeof p == "number" && (a = Ie(Math.max(p, 0), R.top)), u = E.getTotal();
+    return { position: a, total: u };
   }), [zt, Jt] = re(Vt.position), [$t, h] = re(Vt.total), k = x(Vt.position), gt = x(R.top), X = x(d ?? void 0), Pt = x(b ?? void 0), ct = x(/* @__PURE__ */ new Map()), It = x(null), Mt = x(null), [yt, ut] = re(null), [At, dt] = re(!1), st = x(null), _t = x(!1), Xt = x(0), Nt = x(!1), ne = x(!1), Gt = x(r);
   Gt.current !== r && (Gt.current = r, ne.current = !0), Y(() => {
     X.current = d ?? void 0, Pt.current = b ?? void 0;
   }, [b, d]);
   const Ct = S(
-    (l) => {
-      if (H && l && typeof l.focus == "function")
+    (a) => {
+      if (H && a && typeof a.focus == "function")
         try {
-          l.focus({ preventScroll: !0 });
+          a.focus({ preventScroll: !0 });
         } catch {
-          l.focus();
+          a.focus();
         }
     },
     [H]
-  ), f = S((l, { position: u, totalHeight: m }) => {
-    l(u, m);
-  }, []), M = Qe(X, z, f), ft = S((l, u) => {
-    l(u);
+  ), f = S((a, { position: u, totalHeight: m }) => {
+    a(u, m);
+  }, []), M = Qe(X, z, f), ft = S((a, u) => {
+    a(u);
   }, []), Tt = Qe(Pt, z, ft), wt = x(R.top);
   wt.current = R.top;
   const ie = x(M);
@@ -2482,12 +2482,12 @@ const Dr = 1e4, qr = () => {
     H || (ct.current.clear(), It.current = null, Mt.current = null);
   }, [H]);
   const Qt = S(
-    (l, u) => {
+    (a, u) => {
       if (!u) {
-        ct.current.delete(l);
+        ct.current.delete(a);
         return;
       }
-      H && (ct.current.set(l, u), It.current === l && (It.current = null, Mt.current = l, Ct(u)));
+      H && (ct.current.set(a, u), It.current === a && (It.current = null, Mt.current = a, Ct(u)));
     },
     [H, Ct]
   ), te = 0.01, Kt = x({
@@ -2496,8 +2496,8 @@ const Dr = 1e4, qr = () => {
     idleFrames: 0,
     lastRenderedPosition: Vt.position
   }), se = S(() => {
-    const l = Kt.current;
-    l.rafId !== null && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(l.rafId), l.rafId = null, l.loopActive = !1, l.idleFrames = 0;
+    const a = Kt.current;
+    a.rafId !== null && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(a.rafId), a.rafId = null, a.loopActive = !1, a.idleFrames = 0;
   }, []);
   Y(
     () => () => {
@@ -2507,59 +2507,59 @@ const Dr = 1e4, qr = () => {
   );
   const fe = x(() => {
   }), Zt = S(() => {
-    const l = Kt.current;
-    l.rafId = null;
+    const a = Kt.current;
+    a.rafId = null;
     const u = k.current, m = Wt(u, wt.current), D = E.getTotal();
-    if (Jt((F) => Math.abs(F - u) < te ? F : u), Math.abs(l.lastRenderedPosition - u) >= te ? (ie.current({ position: m, totalHeight: D }), l.lastRenderedPosition = u, l.idleFrames = 0) : l.idleFrames += 1, l.idleFrames >= 2) {
+    if (Jt((F) => Math.abs(F - u) < te ? F : u), Math.abs(a.lastRenderedPosition - u) >= te ? (ie.current({ position: m, totalHeight: D }), a.lastRenderedPosition = u, a.idleFrames = 0) : a.idleFrames += 1, a.idleFrames >= 2) {
       se();
       return;
     }
     if (typeof requestAnimationFrame == "function") {
-      l.rafId = requestAnimationFrame((F) => fe.current(F));
+      a.rafId = requestAnimationFrame((F) => fe.current(F));
       return;
     }
-    l.loopActive = !1;
+    a.loopActive = !1;
   }, [E, se]);
   fe.current = Zt;
   const we = S(() => {
-    const l = Kt.current;
-    if (l.idleFrames = 0, !l.loopActive) {
-      if (l.loopActive = !0, typeof requestAnimationFrame == "function") {
-        l.rafId = requestAnimationFrame(Zt);
+    const a = Kt.current;
+    if (a.idleFrames = 0, !a.loopActive) {
+      if (a.loopActive = !0, typeof requestAnimationFrame == "function") {
+        a.rafId = requestAnimationFrame(Zt);
         return;
       }
-      l.loopActive = !1;
+      a.loopActive = !1;
     }
   }, [Zt]), mt = S(
-    (l, u) => {
-      const m = u?.immediate ?? !1, D = Wt(l, R.top);
-      if (k.current = l, m) {
-        Kt.current.lastRenderedPosition = l, Kt.current.idleFrames = 0, Jt(l), M({ position: D, totalHeight: E.getTotal() });
+    (a, u) => {
+      const m = u?.immediate ?? !1, D = Wt(a, R.top);
+      if (k.current = a, m) {
+        Kt.current.lastRenderedPosition = a, Kt.current.idleFrames = 0, Jt(a), M({ position: D, totalHeight: E.getTotal() });
         return;
       }
       we();
     },
     [we, E, R.top, M]
-  ), me = S((l) => {
+  ), me = S((a) => {
     const u = G.current;
     if (!u)
-      return l;
+      return a;
     const m = u.getScrollPosition();
     Xt.current += 1;
-    const D = u.scrollTo(l);
-    return D === m && (Xt.current = Math.max(0, Xt.current - 1)), Math.abs(D - l) > 0.5 && (Nt.current = !0), D;
+    const D = u.scrollTo(a);
+    return D === m && (Xt.current = Math.max(0, Xt.current - 1)), Math.abs(D - a) > 0.5 && (Nt.current = !0), D;
   }, []), Ce = x(!1);
   Y(() => {
     if (!Ce.current)
       if (Ce.current = !0, V == null && typeof C != "number" && typeof p == "number") {
-        const l = Ie(Math.max(p, 0), R.top), u = Math.abs(l - k.current) > 0.5;
-        mt(l, { immediate: !0 }), u && G.current?.scrollTo(l);
+        const a = Ie(Math.max(p, 0), R.top), u = Math.abs(a - k.current) > 0.5;
+        mt(a, { immediate: !0 }), u && G.current?.scrollTo(a);
       } else
         mt(k.current, { immediate: !0 });
   }, [V, C, p, R.top, mt]), Y(() => {
-    const l = E.getTotal();
-    if ($t !== l) {
-      h(l);
+    const a = E.getTotal();
+    if ($t !== a) {
+      h(a);
       return;
     }
     if (Nt.current) {
@@ -2572,7 +2572,7 @@ const Dr = 1e4, qr = () => {
     }
   }, [E, $t, r, me, mt]), Y(() => {
     if (vt.current !== null) {
-      const { index: l, align: u, offset: m } = vt.current, D = St(l, r), { cumulative: _, currentValue: F } = E.prefixSum(D, { materializeOption: { materialize: !1 } });
+      const { index: a, align: u, offset: m } = vt.current, D = St(a, r), { cumulative: _, currentValue: F } = E.prefixSum(D, { materializeOption: { materialize: !1 } });
       if (_ !== void 0 && F !== void 0) {
         const $ = Math.max(_ - F, 0);
         let K = $;
@@ -2587,17 +2587,17 @@ const Dr = 1e4, qr = () => {
     }
     ne.current = !1;
   }, [$t, E, r, R.top, mt, i, R.bottom]), Y(() => {
-    const l = gt.current;
-    if (l === R.top || (gt.current = R.top, vt.current))
+    const a = gt.current;
+    if (a === R.top || (gt.current = R.top, vt.current))
       return;
-    const u = Wt(k.current, l), m = Ie(u, R.top);
+    const u = Wt(k.current, a), m = Ie(u, R.top);
     k.current = m, G.current?.scrollTo(m), mt(m, { immediate: !0 });
   }, [R.top, mt]);
   const Se = S(
-    (l, u) => {
+    (a, u) => {
       if (r === 0)
         return;
-      const m = St(l, r), D = E.get(m), _ = u - D, F = E.update(m, u);
+      const m = St(a, r), D = E.get(m), _ = u - D, F = E.update(m, u);
       F !== void 0 && h(F), N.debug("[VirtualScroll] Updated item size manually", { index: m, size: u, total: F });
       let $ = vt.current ? vt.current.index : null;
       if ($ === null) {
@@ -2611,10 +2611,10 @@ const Dr = 1e4, qr = () => {
     },
     [E, r, me, mt, W]
   ), Ut = S(
-    (l, u) => {
+    (a, u) => {
       if (!G.current || r === 0)
         return;
-      const m = St(l, r), D = St(m - s * 2, r), _ = St(m + s * 2, r), { cumulative: F, total: $, currentValue: K } = E.prefixSum(m, { materializeOption: { materialize: !0, ranges: [{ from: D, to: _ }] } });
+      const m = St(a, r), D = St(m - s * 2, r), _ = St(m + s * 2, r), { cumulative: F, total: $, currentValue: K } = E.prefixSum(m, { materializeOption: { materialize: !0, ranges: [{ from: D, to: _ }] } });
       if (N.debug("[VirtualScroll] Scrolling to index:", m, "ItemBottom:", F, "Total height:", $, "ItemHeight:", K, "safeIndexFrom:", D, "safeIndexTo:", _), !$)
         return;
       const Rt = Math.max(F - K, 0);
@@ -2632,46 +2632,46 @@ const Dr = 1e4, qr = () => {
     [E, s, r, R.top, R.bottom, i, mt]
   ), Ve = x(V && r === 0 ? V : null);
   Y(() => {
-    const l = Ve.current;
-    !l || r === 0 || (Ve.current = null, Ut(rt(Math.trunc(l.index), 0, r - 1), { align: "top", offset: -Math.max(0, l.offsetPx ?? 0) }));
+    const a = Ve.current;
+    !a || r === 0 || (Ve.current = null, Ut(rt(Math.trunc(a.index), 0, r - 1), { align: "top", offset: -Math.max(0, a.offsetPx ?? 0) }));
   }, [r, Ut]);
   const De = S(
-    (l) => {
+    (a) => {
       if (!G.current || r === 0)
         return;
-      const u = E.getTotal(), m = rt(Math.floor(l), 0, u), { index: D, cumulative: _, currentValue: F } = E.findIndexAtOrAfter(m, { materializeOption: { materialize: !1 } }), K = (_ ?? 0) - (F ?? 0) - m;
+      const u = E.getTotal(), m = rt(Math.floor(a), 0, u), { index: D, cumulative: _, currentValue: F } = E.findIndexAtOrAfter(m, { materializeOption: { materialize: !1 } }), K = (_ ?? 0) - (F ?? 0) - m;
       Ut(D, { offset: K });
     },
     [E, r, Ut]
   ), be = S(() => {
     if (r === 0)
       return null;
-    const l = Wt(k.current, R.top), { index: u, cumulative: m, currentValue: D } = E.findIndexAtOrAfter(l, { materializeOption: { materialize: !1 } });
+    const a = Wt(k.current, R.top), { index: u, cumulative: m, currentValue: D } = E.findIndexAtOrAfter(a, { materializeOption: { materialize: !1 } });
     if (u === -1)
       return { index: r - 1, offsetPx: 0 };
-    if (m === l)
+    if (m === a)
       return { index: rt(u + 1, 0, r - 1), offsetPx: 0 };
     const _ = (m ?? 0) - (D ?? 0);
-    return { index: u, offsetPx: Math.max(0, l - _) };
+    return { index: u, offsetPx: Math.max(0, a - _) };
   }, [E, r, R.top]), Ae = S(
-    (l) => {
-      const u = Wt(k.current, R.top), m = typeof l == "function" ? l(u) : l;
+    (a) => {
+      const u = Wt(k.current, R.top), m = typeof a == "function" ? a(u) : a;
       De(m);
       const D = G.current?.getScrollPosition(), _ = typeof D == "number" ? D : k.current;
       return mt(_), Wt(_, wt.current);
     },
     [R.top, De, mt]
   ), ke = S(
-    (l, u) => {
-      N.debug("[VirtualScroll] Scroll position changed:", l);
+    (a, u) => {
+      N.debug("[VirtualScroll] Scroll position changed:", a);
       const m = _t.current;
       m && (_t.current = !1);
       const D = Xt.current > 0;
-      if (D && (Xt.current = 0), m || D || ne.current || (vt.current = null), mt(l), w) {
+      if (D && (Xt.current = 0), m || D || ne.current || (vt.current = null), mt(a), w) {
         if (m || D)
           return;
-        const _ = l - u;
-        if (N.debug("[VirtualScroll] Scroll diff:", _, "New:", l, "Prev:", u), Math.abs(_) > 1) {
+        const _ = a - u;
+        if (N.debug("[VirtualScroll] Scroll diff:", _, "New:", a, "Prev:", u), Math.abs(_) > 1) {
           const F = _ > 0 ? "down" : "up";
           ut(F), dt(!0), N.debug("[VirtualScroll] Showing scroll buttons. Direction:", F), st.current && clearTimeout(st.current), st.current = setTimeout(() => {
             dt(!1), N.debug("[VirtualScroll] Hiding scroll buttons");
@@ -2681,19 +2681,19 @@ const Dr = 1e4, qr = () => {
     },
     [mt, w]
   ), oe = Ft(() => Wt(zt, R.top), [R.top, zt]), pe = Ft(() => {
-    const l = E.getTotal(), u = _r(oe, i, s, r, n, E, l);
+    const a = E.getTotal(), u = _r(oe, i, s, r, n, E, a);
     return N.debug("[VirtualScroll] Calculated rendering range:", () => ({
       ...u,
       scrollPosition: oe,
-      renderingContentSize: l,
+      renderingContentSize: a,
       overscanCount: s,
       viewportSize: i
     })), u;
   }, [oe, i, s, r, n, E]), { renderingStartIndex: ae, renderingEndIndex: le, visibleStartIndex: ce, visibleEndIndex: xe } = pe, o = S(
-    (l, u) => {
+    (a, u) => {
       if (!H || r === 0)
         return;
-      const m = St(l, r);
+      const m = St(a, r);
       if (!(u?.ensureVisible ?? !0)) {
         const kt = ct.current.get(m);
         kt && (It.current = null, Mt.current = m, Ct(kt));
@@ -2715,49 +2715,49 @@ const Dr = 1e4, qr = () => {
     },
     [H, r, E, R.top, Ut, Ct, i]
   ), g = S(
-    (l, u) => {
-      if (!H || l.defaultPrevented || l.altKey || l.metaKey || l.ctrlKey)
+    (a, u) => {
+      if (!H || a.defaultPrevented || a.altKey || a.metaKey || a.ctrlKey)
         return;
-      const m = l.target;
+      const m = a.target;
       if (m) {
         const D = m.tagName;
         if (D === "INPUT" || D === "TEXTAREA" || D === "SELECT" || m.isContentEditable)
           return;
       }
-      if (l.key === "ArrowDown") {
-        u < r - 1 && (l.preventDefault(), o(u + 1));
+      if (a.key === "ArrowDown") {
+        u < r - 1 && (a.preventDefault(), o(u + 1));
         return;
       }
-      if (l.key === "ArrowUp") {
-        u > 0 && (l.preventDefault(), o(u - 1));
+      if (a.key === "ArrowUp") {
+        u > 0 && (a.preventDefault(), o(u - 1));
         return;
       }
-      if (l.key === "PageDown") {
+      if (a.key === "PageDown") {
         if (u < r - 1) {
-          l.preventDefault();
+          a.preventDefault();
           const { visibleStartIndex: D, visibleEndIndex: _ } = J.current, F = Math.max(_ - D + 1, 1), $ = Math.max(F, 1), K = St(Math.min(u + $, r - 1), r);
           o(K);
         }
         return;
       }
-      if (l.key === "PageUp" && u > 0) {
-        l.preventDefault();
+      if (a.key === "PageUp" && u > 0) {
+        a.preventDefault();
         const { visibleStartIndex: D, visibleEndIndex: _ } = J.current, F = Math.max(_ - D + 1, 1), $ = Math.max(F, 1), K = St(u - $, r);
         o(K);
       }
     },
     [H, r, o]
   ), y = S(
-    (l) => {
+    (a) => {
       if (!H)
         return;
-      const u = St(l, r);
+      const u = St(a, r);
       It.current = null, Mt.current = u, at?.(u);
     },
     [H, r, at]
   );
   Y(() => {
-    const l = G.current?.getScrollPosition() ?? 0, u = k.current, m = Wt(u, R.top);
+    const a = G.current?.getScrollPosition() ?? 0, u = k.current, m = Wt(u, R.top);
     N.debug("[VirtualScroll] Range change effect triggered", () => ({
       renderingStartIndex: ae,
       renderingEndIndex: le,
@@ -2767,7 +2767,7 @@ const Dr = 1e4, qr = () => {
       paneScrollPosition: u,
       logicalScrollPosition: m,
       contentSize: $t,
-      scrollPaneScrollPosition: l
+      scrollPaneScrollPosition: a
     })), Tt({
       renderingStartIndex: ae,
       renderingEndIndex: le,
@@ -2777,39 +2777,46 @@ const Dr = 1e4, qr = () => {
       totalHeight: $t
     });
   }, [$t, le, ae, R.top, Tt, zt, xe, ce]);
-  const L = S(() => w ? /* @__PURE__ */ ot("div", { className: "aqvs-scroll-to-edge-overlay", "data-visible": At && yt !== null, children: yt === "up" ? /* @__PURE__ */ ot("div", { className: "aqvs-scroll-to-edge-button-container aqvs-scroll-to-edge-button-container-top", children: /* @__PURE__ */ ot(
-    "button",
-    {
-      type: "button",
-      className: "aqvs-scroll-to-edge-button",
-      onClick: (m) => {
-        m.stopPropagation(), _t.current = !0, Ut(0), dt(!1);
-      },
-      children: "Top"
-    }
-  ) }) : /* @__PURE__ */ ot("div", { className: "aqvs-scroll-to-edge-button-container aqvs-scroll-to-edge-button-container-bottom", children: /* @__PURE__ */ ot(
-    "button",
-    {
-      type: "button",
-      className: "aqvs-scroll-to-edge-button",
-      onClick: (m) => {
-        m.stopPropagation(), _t.current = !0, Ut(r - 1), dt(!1);
-      },
-      children: "Bottom"
-    }
-  ) }) }) : null, [w, At, yt, Ut, r]), B = x(0), { visibleItems: bt, renderAnchor: Ot } = Ft(() => {
+  const L = S(() => {
+    if (!w)
+      return null;
+    const a = At && yt !== null;
+    return /* @__PURE__ */ ot("div", { className: "aqvs-scroll-to-edge-overlay", "data-visible": a, inert: !a, children: yt === "up" ? /* @__PURE__ */ ot("div", { className: "aqvs-scroll-to-edge-button-container aqvs-scroll-to-edge-button-container-top", children: /* @__PURE__ */ ot(
+      "button",
+      {
+        type: "button",
+        className: "aqvs-scroll-to-edge-button",
+        tabIndex: a ? 0 : -1,
+        onClick: (m) => {
+          m.stopPropagation(), _t.current = !0, Ut(0), dt(!1);
+        },
+        children: "Top"
+      }
+    ) }) : /* @__PURE__ */ ot("div", { className: "aqvs-scroll-to-edge-button-container aqvs-scroll-to-edge-button-container-bottom", children: /* @__PURE__ */ ot(
+      "button",
+      {
+        type: "button",
+        className: "aqvs-scroll-to-edge-button",
+        tabIndex: a ? 0 : -1,
+        onClick: (m) => {
+          m.stopPropagation(), _t.current = !0, Ut(r - 1), dt(!1);
+        },
+        children: "Bottom"
+      }
+    ) }) });
+  }, [w, At, yt, Ut, r]), B = x(0), { visibleItems: bt, renderAnchor: Ot } = Ft(() => {
     if (r === 0)
       return {
         visibleItems: /* @__PURE__ */ ot("div", { className: "aqvs-no-items-container", children: /* @__PURE__ */ ot("div", { className: "aqvs-no-items-text", children: "No items" }) }),
         renderAnchor: 0
       };
-    const l = St(ae, r), u = St(le, r), { cumulative: m, currentValue: D } = E.prefixSum(l, { materializeOption: { materialize: !1 } }), _ = m - D;
+    const a = St(ae, r), u = St(le, r), { cumulative: m, currentValue: D } = E.prefixSum(a, { materializeOption: { materialize: !1 } }), _ = m - D;
     Number.isFinite(_) && Math.abs(_ - B.current) > Ar && (B.current = _);
     const F = B.current, $ = [], K = [];
     let Rt = 0, pt = _;
-    for (let ht = l; ht <= u; ht++) {
+    for (let ht = a; ht <= u; ht++) {
       if (K.length >= Je) {
-        N.warn("[VirtualScroll] Rendered item count reached the safety cap; truncating render window.", { cap: Je, safeRenderingStartIndex: l, safeRenderingEndIndex: u });
+        N.warn("[VirtualScroll] Rendered item count reached the safety cap; truncating render window.", { cap: Je, safeRenderingStartIndex: a, safeRenderingEndIndex: u });
         break;
       }
       const Bt = n(ht), kt = E.get(ht), qt = Bt - kt;
@@ -2872,10 +2879,10 @@ const Dr = 1e4, qr = () => {
     mt,
     ce
   ]), Yt = S(
-    (l) => {
-      const u = (z ?? 0) > 0, m = Math.abs(l - zt), D = u && m > 0.5 ? zt : l, _ = Wt(D, R.top);
+    (a) => {
+      const u = (z ?? 0) > 0, m = Math.abs(a - zt), D = u && m > 0.5 ? zt : a, _ = Wt(D, R.top);
       if (N.debug("[VirtualScroll] Rendering visible items", () => ({
-        currentScrollPosition: l,
+        currentScrollPosition: a,
         effectiveScrollPosition: _,
         renderingStartIndex: ae,
         renderingEndIndex: le,
@@ -2929,8 +2936,8 @@ const Dr = 1e4, qr = () => {
     A,
     () => ({
       getScrollPosition: () => {
-        const l = G.current?.getScrollPosition();
-        return typeof l == "number" ? Wt(l, wt.current) : -1;
+        const a = G.current?.getScrollPosition();
+        return typeof a == "number" ? Wt(a, wt.current) : -1;
       },
       getContentSize: () => G.current?.getContentSize() ?? -1,
       getViewportSize: () => G.current?.getViewportSize() ?? -1,
@@ -2952,7 +2959,7 @@ const Dr = 1e4, qr = () => {
       ref: G,
       contentSize: ue,
       viewportSize: i,
-      className: a,
+      className: l,
       testId: c,
       onScroll: ke,
       background: v,