@midas-ds/components 11.1.0 → 12.0.0

package/{ListBoxSection-Cc2cx0_S.js → ListBoxSection-Cv-gN76G.js}

@@ -1,33 +1,33 @@
-import { jsx as _, jsxs as le } from "react/jsx-runtime";
-import { $ as oe, a as ne, b as se } from "./ListBox-CsxDGpCA.js";
-import { d as re, h as ae } from "./Collection-D2jVTmDW.js";
-import w, { useState as S, useRef as C, useMemo as k, useCallback as L, useEffect as he, createContext as X, useContext as A } from "react";
-import { $ as E, d as de } from "./mergeProps-C1U1OIeJ.js";
-import { $ as F } from "./context-CGNJ3grH.js";
+import { jsx as k, jsxs as lt } from "react/jsx-runtime";
+import { $ as ot, a as nt, b as st } from "./ListBox-y_dw__MI.js";
+import { d as rt, h as at } from "./Collection-C5vE9MtJ.js";
+import w, { useState as S, useRef as C, useMemo as _, useCallback as L, useEffect as ht, createContext as X, useContext as A } from "react";
+import { $ as E, d as dt } from "./mergeProps-BYJQ6N1s.js";
+import { $ as F } from "./context-Dl_saGB6.js";
 import { flushSync as P } from "react-dom";
-import { g as ce } from "./OverlayArrow-DB_aVTVM.js";
-import { $ as ue } from "./useEvent-CigwyJOw.js";
+import { g as ct } from "./OverlayArrow-DfkRZlgG.js";
+import { $ as ut } from "./useEvent-DqWz89vg.js";
 import { c as K } from "./clsx-OuTLNxxd.js";
-import { f as Y } from "./SelectionManager-BubxiIKu.js";
-import { a as fe } from "./Dialog-DKHo0W9B.js";
-import { e as ge } from "./Separator-CEZ5y7tZ.js";
-import './assets/ListBoxSection.css';class ye {
+import { f as Y } from "./SelectionManager-BdKKuso-.js";
+import { a as ft } from "./Dialog-BuJdAr0D.js";
+import { e as gt } from "./Separator-CggS0R7Q.js";
+import './assets/ListBoxSection.css';class yt {
   /**
   * Returns whether the layout should invalidate in response to
   * visible rectangle changes. By default, it only invalidates
   * when the virtualizer's size changes. Return true always
   * to make the layout invalidate while scrolling (e.g. sticky headers).
   */
-  shouldInvalidate(e, t) {
-    return e.width !== t.width || e.height !== t.height;
+  shouldInvalidate(t, e) {
+    return t.width !== e.width || t.height !== e.height;
   }
   /**
   * Returns whether the layout should invalidate when the layout options change.
   * By default it invalidates when the object identity changes. Override this
   * method to optimize layout updates based on specific option changes.
   */
-  shouldInvalidateLayoutOptions(e, t) {
-    return e !== t;
+  shouldInvalidateLayoutOptions(t, e) {
+    return t !== e;
   }
   /**
   * This method allows the layout to perform any pre-computation
@@ -35,12 +35,12 @@ import './assets/ListBoxSection.css';class ye {
   * Called by the virtualizer before `getVisibleLayoutInfos`
   * or `getLayoutInfo` are called.
   */
-  update(e) {
+  update(t) {
   }
   /** @private */
-  getItemRect(e) {
-    var t, i;
-    return (i = (t = this.getLayoutInfo(e)) === null || t === void 0 ? void 0 : t.rect) !== null && i !== void 0 ? i : null;
+  getItemRect(t) {
+    var e, i;
+    return (i = (e = this.getLayoutInfo(t)) === null || e === void 0 ? void 0 : e.rect) !== null && i !== void 0 ? i : null;
   }
   /** @private */
   getVisibleRect() {
@@ -55,16 +55,16 @@ class b {
   * Returns a copy of the LayoutInfo.
   */
   copy() {
-    let e = new b(this.type, this.key, this.rect.copy());
-    return e.estimatedSize = this.estimatedSize, e.opacity = this.opacity, e.transform = this.transform, e.parentKey = this.parentKey, e.content = this.content, e.isSticky = this.isSticky, e.zIndex = this.zIndex, e.allowOverflow = this.allowOverflow, e;
+    let t = new b(this.type, this.key, this.rect.copy());
+    return t.estimatedSize = this.estimatedSize, t.opacity = this.opacity, t.transform = this.transform, t.parentKey = this.parentKey, t.content = this.content, t.isSticky = this.isSticky, t.zIndex = this.zIndex, t.allowOverflow = this.allowOverflow, t;
   }
   /**
   * @param type The type of element represented by this LayoutInfo. Should match the `type` of the corresponding collection node.
   * @param key A unique key for this LayoutInfo. Should match the `key` of the corresponding collection node.
   * @param rect The rectangle describing the size and position of this element.
   */
-  constructor(e, t, i) {
-    this.type = e, this.key = t, this.parentKey = null, this.content = null, this.rect = i, this.estimatedSize = !1, this.isSticky = !1, this.opacity = 1, this.transform = null, this.zIndex = 0, this.allowOverflow = !1;
+  constructor(t, e, i) {
+    this.type = t, this.key = e, this.parentKey = null, this.content = null, this.rect = i, this.estimatedSize = !1, this.isSticky = !1, this.opacity = 1, this.transform = null, this.zIndex = 0, this.allowOverflow = !1;
   }
 }
 class x {
@@ -77,8 +77,8 @@ class x {
   /**
   * Checks if two points are equal.
   */
-  equals(e) {
-    return this.x === e.x && this.y === e.y;
+  equals(t) {
+    return this.x === t.x && this.y === t.y;
   }
   /**
   * Returns true if this point is the origin.
@@ -86,8 +86,8 @@ class x {
   isOrigin() {
     return this.x === 0 && this.y === 0;
   }
-  constructor(e = 0, t = 0) {
-    this.x = e, this.y = t;
+  constructor(t = 0, e = 0) {
+    this.x = t, this.y = e;
   }
 }
 class u {
@@ -137,62 +137,62 @@ class u {
   * Returns whether this rectangle intersects another rectangle.
   * @param rect - The rectangle to check.
   */
-  intersects(e) {
-    return this.area > 0 && e.area > 0 && this.x <= e.x + e.width && e.x <= this.x + this.width && this.y <= e.y + e.height && e.y <= this.y + this.height;
+  intersects(t) {
+    return this.area > 0 && t.area > 0 && this.x <= t.x + t.width && t.x <= this.x + this.width && this.y <= t.y + t.height && t.y <= this.y + this.height;
   }
   /**
   * Returns whether this rectangle fully contains another rectangle.
   * @param rect - The rectangle to check.
   */
-  containsRect(e) {
-    return this.x <= e.x && this.y <= e.y && this.maxX >= e.maxX && this.maxY >= e.maxY;
+  containsRect(t) {
+    return this.x <= t.x && this.y <= t.y && this.maxX >= t.maxX && this.maxY >= t.maxY;
   }
   /**
   * Returns whether the rectangle contains the given point.
   * @param point - The point to check.
   */
-  containsPoint(e) {
-    return this.x <= e.x && this.y <= e.y && this.maxX >= e.x && this.maxY >= e.y;
+  containsPoint(t) {
+    return this.x <= t.x && this.y <= t.y && this.maxX >= t.x && this.maxY >= t.y;
   }
   /**
   * Returns the first corner of this rectangle (from top to bottom, left to right)
   * that is contained in the given rectangle, or null of the rectangles do not intersect.
   * @param rect - The rectangle to check.
   */
-  getCornerInRect(e) {
-    for (let t of [
+  getCornerInRect(t) {
+    for (let e of [
       "topLeft",
       "topRight",
       "bottomLeft",
       "bottomRight"
     ])
-      if (e.containsPoint(this[t])) return t;
+      if (t.containsPoint(this[e])) return e;
     return null;
   }
-  equals(e) {
-    return e.x === this.x && e.y === this.y && e.width === this.width && e.height === this.height;
+  equals(t) {
+    return t.x === this.x && t.y === this.y && t.width === this.width && t.height === this.height;
   }
-  pointEquals(e) {
-    return this.x === e.x && this.y === e.y;
+  pointEquals(t) {
+    return this.x === t.x && this.y === t.y;
   }
-  sizeEquals(e) {
-    return this.width === e.width && this.height === e.height;
+  sizeEquals(t) {
+    return this.width === t.width && this.height === t.height;
   }
   /**
   * Returns the union of this Rect and another.
   */
-  union(e) {
-    let t = Math.min(this.x, e.x), i = Math.min(this.y, e.y), l = Math.max(this.maxX, e.maxX) - t, o = Math.max(this.maxY, e.maxY) - i;
-    return new u(t, i, l, o);
+  union(t) {
+    let e = Math.min(this.x, t.x), i = Math.min(this.y, t.y), l = Math.max(this.maxX, t.maxX) - e, o = Math.max(this.maxY, t.maxY) - i;
+    return new u(e, i, l, o);
   }
   /**
   * Returns the intersection of this Rect with another.
   * If the rectangles do not intersect, an all zero Rect is returned.
   */
-  intersection(e) {
-    if (!this.intersects(e)) return new u(0, 0, 0, 0);
-    let t = Math.max(this.x, e.x), i = Math.max(this.y, e.y);
-    return new u(t, i, Math.min(this.maxX, e.maxX) - t, Math.min(this.maxY, e.maxY) - i);
+  intersection(t) {
+    if (!this.intersects(t)) return new u(0, 0, 0, 0);
+    let e = Math.max(this.x, t.x), i = Math.max(this.y, t.y);
+    return new u(e, i, Math.min(this.maxX, t.maxX) - e, Math.min(this.maxY, t.maxY) - i);
   }
   /**
   * Returns a copy of this rectangle.
@@ -200,8 +200,8 @@ class u {
   copy() {
     return new u(this.x, this.y, this.width, this.height);
   }
-  constructor(e = 0, t = 0, i = 0, l = 0) {
-    this.x = e, this.y = t, this.width = i, this.height = l;
+  constructor(t = 0, e = 0, i = 0, l = 0) {
+    this.x = t, this.y = e, this.width = i, this.height = l;
   }
 }
 class z {
@@ -214,8 +214,8 @@ class z {
   /**
   * Returns whether this size is equal to another one.
   */
-  equals(e) {
-    return this.width === e.width && this.height === e.height;
+  equals(t) {
+    return this.width === t.width && this.height === t.height;
   }
   /**
   * The total area of the Size.
@@ -223,11 +223,11 @@ class z {
   get area() {
     return this.width * this.height;
   }
-  constructor(e = 0, t = 0) {
-    this.width = Math.max(e, 0), this.height = Math.max(t, 0);
+  constructor(t = 0, e = 0) {
+    this.width = Math.max(t, 0), this.height = Math.max(e, 0);
   }
 }
-let ve = 0;
+let vt = 0;
 class j {
   /**
   * Prepares the view for reuse. Called just before the view is removed from the DOM.
@@ -235,135 +235,135 @@ class j {
   prepareForReuse() {
     this.content = null, this.rendered = null, this.layoutInfo = null;
   }
-  getReusableView(e) {
-    let t = this.reusableViews.get(e);
-    return t && t.length > 0 ? t.shift() : new me(this.virtualizer, this, e);
+  getReusableView(t) {
+    let e = this.reusableViews.get(t);
+    return e && e.length > 0 ? e.shift() : new mt(this.virtualizer, this, t);
   }
-  reuseChild(e) {
-    e.prepareForReuse();
-    let t = this.reusableViews.get(e.viewType);
-    t || (t = [], this.reusableViews.set(e.viewType, t)), t.push(e);
+  reuseChild(t) {
+    t.prepareForReuse();
+    let e = this.reusableViews.get(t.viewType);
+    e || (e = [], this.reusableViews.set(t.viewType, e)), e.push(t);
   }
-  constructor(e, t) {
-    this.virtualizer = e, this.key = ++ve, this.viewType = t, this.children = /* @__PURE__ */ new Set(), this.reusableViews = /* @__PURE__ */ new Map(), this.layoutInfo = null, this.content = null, this.rendered = null;
+  constructor(t, e) {
+    this.virtualizer = t, this.key = ++vt, this.viewType = e, this.children = /* @__PURE__ */ new Set(), this.reusableViews = /* @__PURE__ */ new Map(), this.layoutInfo = null, this.content = null, this.rendered = null;
   }
 }
-class pe extends j {
-  constructor(e) {
-    super(e, "root");
+class pt extends j {
+  constructor(t) {
+    super(t, "root");
   }
 }
-class me extends j {
-  constructor(e, t, i) {
-    super(e, i), this.parent = t;
+class mt extends j {
+  constructor(t, e, i) {
+    super(t, i), this.parent = e;
   }
 }
-function we(n, e) {
-  if (n === e) return !0;
-  if (n.size !== e.size) return !1;
-  for (let t of n)
-    if (!e.has(t)) return !1;
+function wt(n, t) {
+  if (n === t) return !0;
+  if (n.size !== t.size) return !1;
+  for (let e of n)
+    if (!t.has(e)) return !1;
   return !0;
 }
-class be {
-  setVisibleRect(e) {
-    let t = performance.now() - this.startTime;
-    t < 500 && (e.x !== this.visibleRect.x && t > 0 && (this.velocity.x = (e.x - this.visibleRect.x) / t), e.y !== this.visibleRect.y && t > 0 && (this.velocity.y = (e.y - this.visibleRect.y) / t)), this.startTime = performance.now(), this.visibleRect = e;
+class bt {
+  setVisibleRect(t) {
+    let e = performance.now() - this.startTime;
+    e < 500 && (t.x !== this.visibleRect.x && e > 0 && (this.velocity.x = (t.x - this.visibleRect.x) / e), t.y !== this.visibleRect.y && e > 0 && (this.velocity.y = (t.y - this.visibleRect.y) / e)), this.startTime = performance.now(), this.visibleRect = t;
   }
   getOverscannedRect() {
-    let e = this.visibleRect.copy(), t = this.visibleRect.height / 3;
-    if (e.height += t, this.velocity.y < 0 && (e.y -= t), this.velocity.x !== 0) {
+    let t = this.visibleRect.copy(), e = this.visibleRect.height / 3;
+    if (t.height += e, this.velocity.y < 0 && (t.y -= e), this.velocity.x !== 0) {
       let i = this.visibleRect.width / 3;
-      e.width += i, this.velocity.x < 0 && (e.x -= i);
+      t.width += i, this.velocity.x < 0 && (t.x -= i);
     }
-    return e;
+    return t;
   }
   constructor() {
     this.startTime = 0, this.velocity = new x(0, 0), this.visibleRect = new u();
   }
 }
-class xe {
+class xt {
   /** Returns whether the given key, or an ancestor, is persisted. */
-  isPersistedKey(e) {
-    if (this.persistedKeys.has(e)) return !0;
-    for (let t of this.persistedKeys) for (; t != null; ) {
-      let i = this.layout.getLayoutInfo(t);
+  isPersistedKey(t) {
+    if (this.persistedKeys.has(t)) return !0;
+    for (let e of this.persistedKeys) for (; e != null; ) {
+      let i = this.layout.getLayoutInfo(e);
       if (!i || i.parentKey == null) break;
-      if (t = i.parentKey, t === e) return !0;
+      if (e = i.parentKey, e === t) return !0;
     }
     return !1;
   }
-  getParentView(e) {
-    return e.parentKey != null ? this._visibleViews.get(e.parentKey) : this._rootView;
+  getParentView(t) {
+    return t.parentKey != null ? this._visibleViews.get(t.parentKey) : this._rootView;
   }
-  getReusableView(e) {
-    let i = this.getParentView(e).getReusableView(e.type);
-    return i.layoutInfo = e, this._renderView(i), i;
+  getReusableView(t) {
+    let i = this.getParentView(t).getReusableView(t.type);
+    return i.layoutInfo = t, this._renderView(i), i;
   }
-  _renderView(e) {
-    if (e.layoutInfo) {
-      let { type: t, key: i, content: l } = e.layoutInfo;
-      e.content = l || this.collection.getItem(i), e.rendered = this._renderContent(t, e.content);
+  _renderView(t) {
+    if (t.layoutInfo) {
+      let { type: e, key: i, content: l } = t.layoutInfo;
+      t.content = l || this.collection.getItem(i), t.rendered = this._renderContent(e, t.content);
     }
   }
-  _renderContent(e, t) {
-    let i = t != null ? this._renderedContent.get(t) : null;
+  _renderContent(t, e) {
+    let i = e != null ? this._renderedContent.get(e) : null;
     if (i != null) return i;
-    let l = this.delegate.renderView(e, t);
-    return t && this._renderedContent.set(t, l), l;
+    let l = this.delegate.renderView(t, e);
+    return e && this._renderedContent.set(e, l), l;
   }
   /**
   * Returns the key for the item view currently at the given point.
   */
-  keyAtPoint(e) {
-    let t = new u(e.x, e.y, 1, 1), i = t.area === 0 ? [] : this.layout.getVisibleLayoutInfos(t);
+  keyAtPoint(t) {
+    let e = new u(t.x, t.y, 1, 1), i = e.area === 0 ? [] : this.layout.getVisibleLayoutInfos(e);
     for (let l of i)
-      if (l.rect.intersects(t)) return l.key;
+      if (l.rect.intersects(e)) return l.key;
     return null;
   }
-  relayout(e = {}) {
-    this.layout.update(e), this.contentSize = this.layout.getContentSize();
-    let t = this.visibleRect, i = e.contentChanged ? 0 : t.x, l = e.contentChanged ? 0 : t.y;
-    if (i = Math.max(0, Math.min(this.contentSize.width - t.width, i)), l = Math.max(0, Math.min(this.contentSize.height - t.height, l)), i !== t.x || l !== t.y) {
-      let o = new u(i, l, t.width, t.height);
+  relayout(t = {}) {
+    this.layout.update(t), this.contentSize = this.layout.getContentSize();
+    let e = this.visibleRect, i = t.contentChanged ? 0 : e.x, l = t.contentChanged ? 0 : e.y;
+    if (i = Math.max(0, Math.min(this.contentSize.width - e.width, i)), l = Math.max(0, Math.min(this.contentSize.height - e.height, l)), i !== e.x || l !== e.y) {
+      let o = new u(i, l, e.width, e.height);
       this.delegate.setVisibleRect(o);
     } else this.updateSubviews();
   }
   getVisibleLayoutInfos() {
-    let e = process.env.NODE_ENV === "test" && !process.env.VIRT_ON, t = e && typeof HTMLElement < "u" && Object.getOwnPropertyNames(HTMLElement.prototype).includes("clientWidth"), i = e && typeof HTMLElement < "u" && Object.getOwnPropertyNames(HTMLElement.prototype).includes("clientHeight"), l;
-    e && !(t && i) ? l = new u(0, 0, this.contentSize.width, this.contentSize.height) : l = this._overscanManager.getOverscannedRect();
+    let t = process.env.NODE_ENV === "test" && !process.env.VIRT_ON, e = t && typeof HTMLElement < "u" && Object.getOwnPropertyNames(HTMLElement.prototype).includes("clientWidth"), i = t && typeof HTMLElement < "u" && Object.getOwnPropertyNames(HTMLElement.prototype).includes("clientHeight"), l;
+    t && !(e && i) ? l = new u(0, 0, this.contentSize.width, this.contentSize.height) : l = this._overscanManager.getOverscannedRect();
     let o = this.layout.getVisibleLayoutInfos(l), s = /* @__PURE__ */ new Map();
     for (let a of o) s.set(a.key, a);
     return s;
   }
   updateSubviews() {
-    let e = this.getVisibleLayoutInfos(), t = /* @__PURE__ */ new Set();
+    let t = this.getVisibleLayoutInfos(), e = /* @__PURE__ */ new Set();
     for (let [i, l] of this._visibleViews) {
-      let o = e.get(i);
-      (!o || l.parent !== this.getParentView(o)) && (this._visibleViews.delete(i), l.parent.reuseChild(l), t.add(l));
+      let o = t.get(i);
+      (!o || l.parent !== this.getParentView(o)) && (this._visibleViews.delete(i), l.parent.reuseChild(l), e.add(l));
     }
-    for (let [i, l] of e) {
+    for (let [i, l] of t) {
       let o = this._visibleViews.get(i);
       if (!o)
-        o = this.getReusableView(l), o.parent.children.add(o), this._visibleViews.set(i, o), t.delete(o);
+        o = this.getReusableView(l), o.parent.children.add(o), this._visibleViews.set(i, o), e.delete(o);
       else {
         o.layoutInfo = l;
         let s = this.collection.getItem(l.key);
         o.content !== s && (o.content != null && this._renderedContent.delete(o.content), this._renderView(o));
       }
     }
-    for (let i of t)
+    for (let i of e)
       i.parent.children.delete(i), i.parent.reusableViews.clear();
     if (!this._isScrolling)
-      for (let i of e.keys()) {
+      for (let i of t.keys()) {
         let l = this._visibleViews.get(i);
         l.parent.children.delete(l), l.parent.children.add(l);
       }
   }
   /** Performs layout and updates visible views as needed. */
-  render(e) {
-    let t = this, i = !1, l = !1, o = !1, s = !1, a = !1, h = !1;
-    return e.collection !== this.collection && (t.collection = e.collection, i = !0), (e.layout !== this.layout || this.layout.virtualizer !== this) && (this.layout && (this.layout.virtualizer = null), e.layout.virtualizer = this, t.layout = e.layout, i = !0), e.persistedKeys && !we(e.persistedKeys, this.persistedKeys) && (t.persistedKeys = e.persistedKeys, h = !0), this.visibleRect.equals(e.visibleRect) || (this._overscanManager.setVisibleRect(e.visibleRect), this.layout.shouldInvalidate(e.visibleRect, this.visibleRect) ? (l = !e.visibleRect.pointEquals(this.visibleRect), o = !e.visibleRect.sizeEquals(this.visibleRect), i = !0) : h = !0, t.visibleRect = e.visibleRect), e.invalidationContext !== this._invalidationContext && (e.invalidationContext && (o || (o = e.invalidationContext.sizeChanged || !1), l || (l = e.invalidationContext.offsetChanged || !1), s || (s = e.invalidationContext.itemSizeChanged || !1), a || (a = e.invalidationContext.layoutOptions != null && this._invalidationContext.layoutOptions != null && e.invalidationContext.layoutOptions !== this._invalidationContext.layoutOptions && this.layout.shouldInvalidateLayoutOptions(e.invalidationContext.layoutOptions, this._invalidationContext.layoutOptions)), i || (i = s || o || l || a)), this._invalidationContext = e.invalidationContext), e.isScrolling !== this._isScrolling && (this._isScrolling = e.isScrolling, e.isScrolling || (h = !0)), i ? this.relayout({
+  render(t) {
+    let e = this, i = !1, l = !1, o = !1, s = !1, a = !1, h = !1;
+    return t.collection !== this.collection && (e.collection = t.collection, i = !0), (t.layout !== this.layout || this.layout.virtualizer !== this) && (this.layout && (this.layout.virtualizer = null), t.layout.virtualizer = this, e.layout = t.layout, i = !0), t.persistedKeys && !wt(t.persistedKeys, this.persistedKeys) && (e.persistedKeys = t.persistedKeys, h = !0), this.visibleRect.equals(t.visibleRect) || (this._overscanManager.setVisibleRect(t.visibleRect), this.layout.shouldInvalidate(t.visibleRect, this.visibleRect) ? (l = !t.visibleRect.pointEquals(this.visibleRect), o = !t.visibleRect.sizeEquals(this.visibleRect), i = !0) : h = !0, e.visibleRect = t.visibleRect), t.invalidationContext !== this._invalidationContext && (t.invalidationContext && (o || (o = t.invalidationContext.sizeChanged || !1), l || (l = t.invalidationContext.offsetChanged || !1), s || (s = t.invalidationContext.itemSizeChanged || !1), a || (a = t.invalidationContext.layoutOptions != null && this._invalidationContext.layoutOptions != null && t.invalidationContext.layoutOptions !== this._invalidationContext.layoutOptions && this.layout.shouldInvalidateLayoutOptions(t.invalidationContext.layoutOptions, this._invalidationContext.layoutOptions)), i || (i = s || o || l || a)), this._invalidationContext = t.invalidationContext), t.isScrolling !== this._isScrolling && (this._isScrolling = t.isScrolling, t.isScrolling || (h = !0)), i ? this.relayout({
       offsetChanged: l,
       sizeChanged: o,
       itemSizeChanged: s,
@@ -371,29 +371,29 @@ class xe {
       layoutOptions: this._invalidationContext.layoutOptions
     }) : h && this.updateSubviews(), Array.from(this._rootView.children);
   }
-  getVisibleView(e) {
-    return this._visibleViews.get(e);
+  getVisibleView(t) {
+    return this._visibleViews.get(t);
   }
-  invalidate(e) {
-    this.delegate.invalidate(e);
+  invalidate(t) {
+    this.delegate.invalidate(t);
   }
-  updateItemSize(e, t) {
+  updateItemSize(t, e) {
     if (!this.layout.updateItemSize) return;
-    this.layout.updateItemSize(e, t) && this.invalidate({
+    this.layout.updateItemSize(t, e) && this.invalidate({
       itemSizeChanged: !0
     });
   }
-  constructor(e) {
-    this.delegate = e.delegate, this.collection = e.collection, this.layout = e.layout, this.contentSize = new z(), this.visibleRect = new u(), this.persistedKeys = /* @__PURE__ */ new Set(), this._visibleViews = /* @__PURE__ */ new Map(), this._renderedContent = /* @__PURE__ */ new WeakMap(), this._rootView = new pe(this), this._isScrolling = !1, this._invalidationContext = {}, this._overscanManager = new be();
+  constructor(t) {
+    this.delegate = t.delegate, this.collection = t.collection, this.layout = t.layout, this.contentSize = new z(), this.visibleRect = new u(), this.persistedKeys = /* @__PURE__ */ new Set(), this._visibleViews = /* @__PURE__ */ new Map(), this._renderedContent = /* @__PURE__ */ new WeakMap(), this._rootView = new pt(this), this._isScrolling = !1, this._invalidationContext = {}, this._overscanManager = new bt();
   }
 }
-function Ie(n) {
-  let [e, t] = S(new u(0, 0, 0, 0)), [i, l] = S(!1), [o, s] = S({}), a = C(!1), [h] = S(() => new xe({
+function It(n) {
+  let [t, e] = S(new u(0, 0, 0, 0)), [i, l] = S(!1), [o, s] = S({}), a = C(!1), [h] = S(() => new xt({
     collection: n.collection,
     layout: n.layout,
     delegate: {
       setVisibleRect(p) {
-        t(p), a.current = !0;
+        e(p), a.current = !0;
       },
       // TODO: should changing these invalidate the entire cache?
       renderView: n.renderView,
@@ -401,9 +401,9 @@ function Ie(n) {
     }
   }));
   E(() => {
-    a.current && (a.current = !1, n.onVisibleRectChange(e));
+    a.current && (a.current = !1, n.onVisibleRectChange(t));
   });
-  let r = k(() => n.layoutOptions != null ? {
+  let r = _(() => n.layoutOptions != null ? {
     ...o,
     layoutOptions: n.layoutOptions
   } : o, [
@@ -414,7 +414,7 @@ function Ie(n) {
     collection: n.collection,
     persistedKeys: n.persistedKeys,
     layoutOptions: n.layoutOptions,
-    visibleRect: e,
+    visibleRect: t,
     invalidationContext: r,
     isScrolling: i
   }), c = h.contentSize, f = L(() => {
@@ -422,10 +422,10 @@ function Ie(n) {
   }, []), g = L(() => {
     l(!1);
   }, []);
-  return k(() => ({
+  return _(() => ({
     virtualizer: h,
     visibleViews: d,
-    setVisibleRect: t,
+    setVisibleRect: e,
     contentSize: c,
     isScrolling: i,
     startScrolling: f,
@@ -433,7 +433,7 @@ function Ie(n) {
   }), [
     h,
     d,
-    t,
+    e,
     c,
     i,
     f,
@@ -441,52 +441,52 @@ function Ie(n) {
   ]);
 }
 const R = 48;
-class Re extends ye {
+class Rt extends yt {
   // Backward compatibility for subclassing.
   get collection() {
     return this.virtualizer.collection;
   }
-  getLayoutInfo(e) {
-    var t;
-    return this.ensureLayoutInfo(e), ((t = this.layoutNodes.get(e)) === null || t === void 0 ? void 0 : t.layoutInfo) || null;
+  getLayoutInfo(t) {
+    var e;
+    return this.ensureLayoutInfo(t), ((e = this.layoutNodes.get(t)) === null || e === void 0 ? void 0 : e.layoutInfo) || null;
   }
-  getVisibleLayoutInfos(e) {
-    if (e.height > 1) {
-      var t, i;
-      let s = ((i = (t = this.rowHeight) !== null && t !== void 0 ? t : this.estimatedRowHeight) !== null && i !== void 0 ? i : R) + this.gap;
-      e.y = Math.floor(e.y / s) * s, e.height = Math.ceil(e.height / s) * s;
+  getVisibleLayoutInfos(t) {
+    if (t.height > 1) {
+      var e, i;
+      let s = ((i = (e = this.rowHeight) !== null && e !== void 0 ? e : this.estimatedRowHeight) !== null && i !== void 0 ? i : R) + this.gap;
+      t.y = Math.floor(t.y / s) * s, t.height = Math.ceil(t.height / s) * s;
     }
-    this.layoutIfNeeded(e);
+    this.layoutIfNeeded(t);
     let l = [], o = (s) => {
-      for (let a of s) this.isVisible(a, e) && (l.push(a.layoutInfo), a.children && o(a.children));
+      for (let a of s) this.isVisible(a, t) && (l.push(a.layoutInfo), a.children && o(a.children));
     };
     return o(this.rootNodes), l;
   }
-  layoutIfNeeded(e) {
+  layoutIfNeeded(t) {
     if (this.lastCollection) {
-      this.requestedRect.containsRect(e) || (this.requestedRect = this.requestedRect.union(e), this.rootNodes = this.buildCollection());
-      for (let t of this.virtualizer.persistedKeys)
-        if (this.ensureLayoutInfo(t)) return;
+      this.requestedRect.containsRect(t) || (this.requestedRect = this.requestedRect.union(t), this.rootNodes = this.buildCollection());
+      for (let e of this.virtualizer.persistedKeys)
+        if (this.ensureLayoutInfo(e)) return;
     }
   }
-  ensureLayoutInfo(e) {
-    return !this.layoutNodes.has(e) && this.requestedRect.area < this.contentSize.area && this.lastCollection ? (this.requestedRect = new u(0, 0, 1 / 0, 1 / 0), this.rootNodes = this.buildCollection(), this.requestedRect = new u(0, 0, this.contentSize.width, this.contentSize.height), !0) : !1;
+  ensureLayoutInfo(t) {
+    return !this.layoutNodes.has(t) && this.requestedRect.area < this.contentSize.area && this.lastCollection ? (this.requestedRect = new u(0, 0, 1 / 0, 1 / 0), this.rootNodes = this.buildCollection(), this.requestedRect = new u(0, 0, this.contentSize.width, this.contentSize.height), !0) : !1;
   }
-  isVisible(e, t) {
-    return e.layoutInfo.rect.intersects(t) || e.layoutInfo.isSticky || e.layoutInfo.type === "header" || e.layoutInfo.type === "loader" || this.virtualizer.isPersistedKey(e.layoutInfo.key);
+  isVisible(t, e) {
+    return t.layoutInfo.rect.intersects(e) || t.layoutInfo.isSticky || t.layoutInfo.type === "header" || t.layoutInfo.type === "loader" || this.virtualizer.isPersistedKey(t.layoutInfo.key);
   }
-  shouldInvalidateEverything(e) {
-    let t = e.layoutOptions;
+  shouldInvalidateEverything(t) {
+    let e = t.layoutOptions;
     var i, l, o, s, a;
-    return e.sizeChanged || this.rowHeight !== ((i = t == null ? void 0 : t.rowHeight) !== null && i !== void 0 ? i : this.rowHeight) || this.headingHeight !== ((l = t == null ? void 0 : t.headingHeight) !== null && l !== void 0 ? l : this.headingHeight) || this.loaderHeight !== ((o = t == null ? void 0 : t.loaderHeight) !== null && o !== void 0 ? o : this.loaderHeight) || this.gap !== ((s = t == null ? void 0 : t.gap) !== null && s !== void 0 ? s : this.gap) || this.padding !== ((a = t == null ? void 0 : t.padding) !== null && a !== void 0 ? a : this.padding);
+    return t.sizeChanged || this.rowHeight !== ((i = e == null ? void 0 : e.rowHeight) !== null && i !== void 0 ? i : this.rowHeight) || this.headingHeight !== ((l = e == null ? void 0 : e.headingHeight) !== null && l !== void 0 ? l : this.headingHeight) || this.loaderHeight !== ((o = e == null ? void 0 : e.loaderHeight) !== null && o !== void 0 ? o : this.loaderHeight) || this.gap !== ((s = e == null ? void 0 : e.gap) !== null && s !== void 0 ? s : this.gap) || this.padding !== ((a = e == null ? void 0 : e.padding) !== null && a !== void 0 ? a : this.padding);
   }
-  shouldInvalidateLayoutOptions(e, t) {
-    return e.rowHeight !== t.rowHeight || e.estimatedRowHeight !== t.estimatedRowHeight || e.headingHeight !== t.headingHeight || e.estimatedHeadingHeight !== t.estimatedHeadingHeight || e.loaderHeight !== t.loaderHeight || e.dropIndicatorThickness !== t.dropIndicatorThickness || e.gap !== t.gap || e.padding !== t.padding;
+  shouldInvalidateLayoutOptions(t, e) {
+    return t.rowHeight !== e.rowHeight || t.estimatedRowHeight !== e.estimatedRowHeight || t.headingHeight !== e.headingHeight || t.estimatedHeadingHeight !== e.estimatedHeadingHeight || t.loaderHeight !== e.loaderHeight || t.dropIndicatorThickness !== e.dropIndicatorThickness || t.gap !== e.gap || t.padding !== e.padding;
   }
-  update(e) {
-    let t = this.virtualizer.collection;
-    this.invalidateEverything = this.shouldInvalidateEverything(e), this.invalidateEverything && (this.requestedRect = this.virtualizer.visibleRect.copy(), this.layoutNodes.clear());
-    let i = e.layoutOptions;
+  update(t) {
+    let e = this.virtualizer.collection;
+    this.invalidateEverything = this.shouldInvalidateEverything(t), this.invalidateEverything && (this.requestedRect = this.virtualizer.visibleRect.copy(), this.layoutNodes.clear());
+    let i = t.layoutOptions;
     var l;
     this.rowHeight = (l = i == null ? void 0 : i.rowHeight) !== null && l !== void 0 ? l : this.rowHeight;
     var o;
@@ -502,80 +502,80 @@ class Re extends ye {
     var d;
     this.gap = (d = i == null ? void 0 : i.gap) !== null && d !== void 0 ? d : this.gap;
     var c;
-    if (this.padding = (c = i == null ? void 0 : i.padding) !== null && c !== void 0 ? c : this.padding, this.rootNodes = this.buildCollection(), this.lastCollection && t !== this.lastCollection)
-      for (let f of this.lastCollection.getKeys()) t.getItem(f) || this.layoutNodes.get(f) && this.layoutNodes.delete(f);
-    this.lastCollection = t, this.invalidateEverything = !1, this.validRect = this.requestedRect.copy();
-  }
-  buildCollection(e = this.padding) {
-    let t = this.virtualizer.collection, i = 0, l = [], o = (t == null ? void 0 : t.size) === 0 || t.size === 1 && t.getItem(t.getFirstKey()).type === "loader";
-    o && (e = 0);
-    for (let r of t) {
+    if (this.padding = (c = i == null ? void 0 : i.padding) !== null && c !== void 0 ? c : this.padding, this.rootNodes = this.buildCollection(), this.lastCollection && e !== this.lastCollection)
+      for (let f of this.lastCollection.getKeys()) e.getItem(f) || this.layoutNodes.get(f) && this.layoutNodes.delete(f);
+    this.lastCollection = e, this.invalidateEverything = !1, this.validRect = this.requestedRect.copy();
+  }
+  buildCollection(t = this.padding) {
+    let e = this.virtualizer.collection, i = 0, l = [], o = (e == null ? void 0 : e.size) === 0 || e.size === 1 && e.getItem(e.getFirstKey()).type === "loader";
+    o && (t = 0);
+    for (let r of e) {
       var s, a;
       let d = ((a = (s = this.rowHeight) !== null && s !== void 0 ? s : this.estimatedRowHeight) !== null && a !== void 0 ? a : R) + this.gap;
-      if (r.type === "item" && e + d < this.requestedRect.y && !this.isValid(r, e)) {
-        e += d, i++;
+      if (r.type === "item" && t + d < this.requestedRect.y && !this.isValid(r, t)) {
+        t += d, i++;
         continue;
       }
-      let c = this.buildChild(r, this.padding, e, null);
-      if (e = c.layoutInfo.rect.maxY + this.gap, l.push(c), r.type === "item" && e > this.requestedRect.maxY) {
+      let c = this.buildChild(r, this.padding, t, null);
+      if (t = c.layoutInfo.rect.maxY + this.gap, l.push(c), r.type === "item" && t > this.requestedRect.maxY) {
         var h;
-        let f = t.size - (l.length + i), g = t.getItem(t.getLastKey());
-        if ((g == null ? void 0 : g.type) === "loader" && f--, e += f * d, (g == null ? void 0 : g.type) === "loader" && ((h = l.at(-1)) === null || h === void 0 ? void 0 : h.layoutInfo.type) !== "loader") {
-          let y = this.buildChild(g, this.padding, e, null);
-          l.push(y), e = y.layoutInfo.rect.maxY;
+        let f = e.size - (l.length + i), g = e.getItem(e.getLastKey());
+        if ((g == null ? void 0 : g.type) === "loader" && f--, t += f * d, (g == null ? void 0 : g.type) === "loader" && ((h = l.at(-1)) === null || h === void 0 ? void 0 : h.layoutInfo.type) !== "loader") {
+          let y = this.buildChild(g, this.padding, t, null);
+          l.push(y), t = y.layoutInfo.rect.maxY;
         }
         break;
       }
     }
-    return e -= this.gap, e += o ? 0 : this.padding, this.contentSize = new z(this.virtualizer.visibleRect.width, e), l;
+    return t -= this.gap, t += o ? 0 : this.padding, this.contentSize = new z(this.virtualizer.visibleRect.width, t), l;
   }
-  isValid(e, t) {
-    let i = this.layoutNodes.get(e.key);
-    return !this.invalidateEverything && !!i && i.node === e && t === i.layoutInfo.rect.y && i.layoutInfo.rect.intersects(this.validRect) && i.validRect.containsRect(i.layoutInfo.rect.intersection(this.requestedRect));
+  isValid(t, e) {
+    let i = this.layoutNodes.get(t.key);
+    return !this.invalidateEverything && !!i && i.node === t && e === i.layoutInfo.rect.y && i.layoutInfo.rect.intersects(this.validRect) && i.validRect.containsRect(i.layoutInfo.rect.intersection(this.requestedRect));
   }
-  buildChild(e, t, i, l) {
-    if (this.isValid(e, i)) return this.layoutNodes.get(e.key);
-    let o = this.buildNode(e, t, i);
-    return o.layoutInfo.parentKey = l ?? null, o.layoutInfo.allowOverflow = !0, this.layoutNodes.set(e.key, o), o;
+  buildChild(t, e, i, l) {
+    if (this.isValid(t, i)) return this.layoutNodes.get(t.key);
+    let o = this.buildNode(t, e, i);
+    return o.layoutInfo.parentKey = l ?? null, o.layoutInfo.allowOverflow = !0, this.layoutNodes.set(t.key, o), o;
   }
-  buildNode(e, t, i) {
-    switch (e.type) {
+  buildNode(t, e, i) {
+    switch (t.type) {
       case "section":
-        return this.buildSection(e, t, i);
+        return this.buildSection(t, e, i);
       case "item":
-        return this.buildItem(e, t, i);
+        return this.buildItem(t, e, i);
       case "header":
-        return this.buildSectionHeader(e, t, i);
+        return this.buildSectionHeader(t, e, i);
       case "loader":
-        return this.buildLoader(e, t, i);
+        return this.buildLoader(t, e, i);
       case "separator":
-        return this.buildItem(e, t, i);
+        return this.buildItem(t, e, i);
       default:
-        throw new Error("Unsupported node type: " + e.type);
+        throw new Error("Unsupported node type: " + t.type);
     }
   }
-  buildLoader(e, t, i) {
-    let l = new u(t, i, this.padding, 0), o = new b("loader", e.key, l);
-    l.width = this.virtualizer.contentSize.width - this.padding - t;
+  buildLoader(t, e, i) {
+    let l = new u(e, i, this.padding, 0), o = new b("loader", t.key, l);
+    l.width = this.virtualizer.contentSize.width - this.padding - e;
     var s, a, h;
-    return l.height = e.props.isLoading ? (h = (a = (s = this.loaderHeight) !== null && s !== void 0 ? s : this.rowHeight) !== null && a !== void 0 ? a : this.estimatedRowHeight) !== null && h !== void 0 ? h : R : 0, {
+    return l.height = t.props.isLoading ? (h = (a = (s = this.loaderHeight) !== null && s !== void 0 ? s : this.rowHeight) !== null && a !== void 0 ? a : this.estimatedRowHeight) !== null && h !== void 0 ? h : R : 0, {
       layoutInfo: o,
       validRect: l.intersection(this.requestedRect)
     };
   }
-  buildSection(e, t, i) {
-    let l = this.virtualizer.collection, o = this.virtualizer.visibleRect.width - this.padding, s = new u(t, i, o - t, 0), a = new b(e.type, e.key, s), h = i, r = 0, d = [];
-    for (let g of Y(e, l)) {
+  buildSection(t, e, i) {
+    let l = this.virtualizer.collection, o = this.virtualizer.visibleRect.width - this.padding, s = new u(e, i, o - e, 0), a = new b(t.type, t.key, s), h = i, r = 0, d = [];
+    for (let g of Y(t, l)) {
       var c, f;
       let y = ((f = (c = this.rowHeight) !== null && c !== void 0 ? c : this.estimatedRowHeight) !== null && f !== void 0 ? f : R) + this.gap;
-      if (i + y < this.requestedRect.y && !this.isValid(e, i)) {
+      if (i + y < this.requestedRect.y && !this.isValid(t, i)) {
         i += y, r++;
         continue;
       }
-      let p = this.buildChild(g, t, i, a.key);
+      let p = this.buildChild(g, e, i, a.key);
       if (i = p.layoutInfo.rect.maxY + this.gap, d.push(p), i > this.requestedRect.maxY) {
         i += ([
-          ...Y(e, l)
+          ...Y(t, l)
         ].length - (d.length + r)) * y;
         break;
       }
@@ -584,50 +584,50 @@ class Re extends ye {
       layoutInfo: a,
       children: d,
       validRect: a.rect.intersection(this.requestedRect),
-      node: e
+      node: t
     };
   }
-  buildSectionHeader(e, t, i) {
+  buildSectionHeader(t, e, i) {
     let l = this.virtualizer.visibleRect.width - this.padding, o = this.headingHeight, s = !1;
     if (o == null) {
-      let r = this.layoutNodes.get(e.key), d = r == null ? void 0 : r.layoutInfo;
+      let r = this.layoutNodes.get(t.key), d = r == null ? void 0 : r.layoutInfo;
       if (d) {
-        let c = this.virtualizer.collection.getItem(e.key), f = this.lastCollection ? this.lastCollection.getItem(e.key) : null;
+        let c = this.virtualizer.collection.getItem(t.key), f = this.lastCollection ? this.lastCollection.getItem(t.key) : null;
         o = d.rect.height, s = l !== d.rect.width || c !== f || d.estimatedSize;
       } else
-        o = e.rendered ? this.estimatedHeadingHeight : 0, s = !0;
+        o = t.rendered ? this.estimatedHeadingHeight : 0, s = !0;
     }
     o == null && (o = R);
-    let a = new u(t, i, l - t, o), h = new b("header", e.key, a);
+    let a = new u(e, i, l - e, o), h = new b("header", t.key, a);
     return h.estimatedSize = s, {
       layoutInfo: h,
       children: [],
       validRect: h.rect.intersection(this.requestedRect),
-      node: e
+      node: t
     };
   }
-  buildItem(e, t, i) {
-    let l = this.virtualizer.visibleRect.width - this.padding - t, o = this.rowHeight, s = !1;
+  buildItem(t, e, i) {
+    let l = this.virtualizer.visibleRect.width - this.padding - e, o = this.rowHeight, s = !1;
     if (o == null) {
-      let r = this.layoutNodes.get(e.key);
-      r ? (o = r.layoutInfo.rect.height, s = l !== r.layoutInfo.rect.width || e !== r.node || r.layoutInfo.estimatedSize) : (o = this.estimatedRowHeight, s = !0);
+      let r = this.layoutNodes.get(t.key);
+      r ? (o = r.layoutInfo.rect.height, s = l !== r.layoutInfo.rect.width || t !== r.node || r.layoutInfo.estimatedSize) : (o = this.estimatedRowHeight, s = !0);
     }
     o == null && (o = R);
-    let a = new u(t, i, l, o), h = new b(e.type, e.key, a);
+    let a = new u(e, i, l, o), h = new b(t.type, t.key, a);
     return h.estimatedSize = s, {
       layoutInfo: h,
       children: [],
       validRect: h.rect,
-      node: e
+      node: t
     };
   }
-  updateItemSize(e, t) {
-    let i = this.layoutNodes.get(e);
+  updateItemSize(t, e) {
+    let i = this.layoutNodes.get(t);
     if (!i) return !1;
     let l = this.virtualizer.collection, o = i.layoutInfo;
-    if (o.estimatedSize = !1, o.rect.height !== t.height) {
+    if (o.estimatedSize = !1, o.rect.height !== e.height) {
       let s = o.copy();
-      s.rect.height = t.height, i.layoutInfo = s, this.validRect.height = Math.min(this.validRect.height, o.rect.y - this.validRect.y), this.requestedRect.height += s.rect.height - o.rect.height, this.updateLayoutNode(e, o, s);
+      s.rect.height = e.height, i.layoutInfo = s, this.validRect.height = Math.min(this.validRect.height, o.rect.y - this.validRect.y), this.requestedRect.height += s.rect.height - o.rect.height, this.updateLayoutNode(t, o, s);
       let a = o.parentKey != null ? l.getItem(o.parentKey) : null;
       for (; a; )
         this.updateLayoutNode(a.key, o, s), a = a.parentKey != null ? l.getItem(a.parentKey) : null;
@@ -635,19 +635,19 @@ class Re extends ye {
     }
     return !1;
   }
-  updateLayoutNode(e, t, i) {
-    let l = this.layoutNodes.get(e);
-    l && (l.validRect = l.validRect.intersection(this.validRect), l.layoutInfo === t && (l.layoutInfo = i));
+  updateLayoutNode(t, e, i) {
+    let l = this.layoutNodes.get(t);
+    l && (l.validRect = l.validRect.intersection(this.validRect), l.layoutInfo === e && (l.layoutInfo = i));
   }
   getContentSize() {
     return this.contentSize;
   }
-  getDropTargetFromPoint(e, t, i) {
-    e += this.virtualizer.visibleRect.x, t += this.virtualizer.visibleRect.y;
-    let l = new u(e, Math.max(0, t - this.gap), 1, Math.max(1, this.gap * 2)), o = this.getVisibleLayoutInfos(l), s = null, a = 1 / 0;
+  getDropTargetFromPoint(t, e, i) {
+    t += this.virtualizer.visibleRect.x, e += this.virtualizer.visibleRect.y;
+    let l = new u(t, Math.max(0, e - this.gap), 1, Math.max(1, this.gap * 2)), o = this.getVisibleLayoutInfos(l), s = null, a = 1 / 0;
     for (let c of o) {
       if (!c.rect.intersects(l)) continue;
-      let f = Math.abs(c.rect.y - t), g = Math.abs(c.rect.maxY - t), y = Math.min(f, g);
+      let f = Math.abs(c.rect.y - e), g = Math.abs(c.rect.maxY - e), y = Math.min(f, g);
       y < a && (a = y, s = c.key);
     }
     if (s == null || this.virtualizer.collection.size === 0) return {
@@ -660,13 +660,13 @@ class Re extends ye {
       key: h.key,
       dropPosition: "on"
     };
-    return i(d) ? t <= r.y + 10 && i({
+    return i(d) ? e <= r.y + 10 && i({
       ...d,
       dropPosition: "before"
-    }) ? d.dropPosition = "before" : t >= r.maxY - 10 && i({
+    }) ? d.dropPosition = "before" : e >= r.maxY - 10 && i({
       ...d,
       dropPosition: "after"
-    }) && (d.dropPosition = "after") : t <= r.y + r.height / 2 && i({
+    }) && (d.dropPosition = "after") : e <= r.y + r.height / 2 && i({
       ...d,
       dropPosition: "before"
     }) ? d.dropPosition = "before" : i({
@@ -674,55 +674,55 @@ class Re extends ye {
       dropPosition: "after"
     }) && (d.dropPosition = "after"), d;
   }
-  getDropTargetLayoutInfo(e) {
-    let t = this.getLayoutInfo(e.key), i;
-    return e.dropPosition === "before" ? i = new u(t.rect.x, t.rect.y - this.dropIndicatorThickness / 2, t.rect.width, this.dropIndicatorThickness) : e.dropPosition === "after" ? i = new u(t.rect.x, t.rect.maxY - this.dropIndicatorThickness / 2, t.rect.width, this.dropIndicatorThickness) : i = t.rect, new b("dropIndicator", e.key + ":" + e.dropPosition, i);
+  getDropTargetLayoutInfo(t) {
+    let e = this.getLayoutInfo(t.key), i;
+    return t.dropPosition === "before" ? i = new u(e.rect.x, e.rect.y - this.dropIndicatorThickness / 2, e.rect.width, this.dropIndicatorThickness) : t.dropPosition === "after" ? i = new u(e.rect.x, e.rect.maxY - this.dropIndicatorThickness / 2, e.rect.width, this.dropIndicatorThickness) : i = e.rect, new b("dropIndicator", t.key + ":" + t.dropPosition, i);
   }
   /**
   * Creates a new ListLayout with options. See the list of properties below for a description
   * of the options that can be provided.
   */
-  constructor(e = {}) {
+  constructor(t = {}) {
     super();
-    var t;
-    this.rowHeight = (t = e.rowHeight) !== null && t !== void 0 ? t : null;
+    var e;
+    this.rowHeight = (e = t.rowHeight) !== null && e !== void 0 ? e : null;
     var i;
-    this.estimatedRowHeight = (i = e.estimatedRowHeight) !== null && i !== void 0 ? i : null;
+    this.estimatedRowHeight = (i = t.estimatedRowHeight) !== null && i !== void 0 ? i : null;
     var l;
-    this.headingHeight = (l = e.headingHeight) !== null && l !== void 0 ? l : null;
+    this.headingHeight = (l = t.headingHeight) !== null && l !== void 0 ? l : null;
     var o;
-    this.estimatedHeadingHeight = (o = e.estimatedHeadingHeight) !== null && o !== void 0 ? o : null;
+    this.estimatedHeadingHeight = (o = t.estimatedHeadingHeight) !== null && o !== void 0 ? o : null;
     var s;
-    this.loaderHeight = (s = e.loaderHeight) !== null && s !== void 0 ? s : null, this.dropIndicatorThickness = e.dropIndicatorThickness || 2, this.gap = e.gap || 0, this.padding = e.padding || 0, this.layoutNodes = /* @__PURE__ */ new Map(), this.rootNodes = [], this.lastCollection = null, this.invalidateEverything = !1, this.validRect = new u(), this.requestedRect = new u(), this.contentSize = new z();
+    this.loaderHeight = (s = t.loaderHeight) !== null && s !== void 0 ? s : null, this.dropIndicatorThickness = t.dropIndicatorThickness || 2, this.gap = t.gap || 0, this.padding = t.padding || 0, this.layoutNodes = /* @__PURE__ */ new Map(), this.rootNodes = [], this.lastCollection = null, this.invalidateEverything = !1, this.validRect = new u(), this.requestedRect = new u(), this.contentSize = new z();
   }
 }
 let $ = null;
-function $e(n = !1) {
+function $t(n = !1) {
   if ($ === null || n) {
-    const e = document.createElement("div"), t = e.style;
-    t.width = "50px", t.height = "50px", t.overflow = "scroll", t.direction = "rtl";
+    const t = document.createElement("div"), e = t.style;
+    e.width = "50px", e.height = "50px", e.overflow = "scroll", e.direction = "rtl";
     const i = document.createElement("div"), l = i.style;
-    return l.width = "100px", l.height = "100px", e.appendChild(i), document.body.appendChild(e), e.scrollLeft > 0 ? $ = "positive-descending" : (e.scrollLeft = 1, e.scrollLeft === 0 ? $ = "negative" : $ = "positive-ascending"), document.body.removeChild(e), $;
+    return l.width = "100px", l.height = "100px", t.appendChild(i), document.body.appendChild(t), t.scrollLeft > 0 ? $ = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? $ = "negative" : $ = "positive-ascending"), document.body.removeChild(t), $;
   }
   return $;
 }
-function Se(n, e) {
-  let { scrollLeft: t } = n;
-  if (e === "rtl") {
+function St(n, t) {
+  let { scrollLeft: e } = n;
+  if (t === "rtl") {
     let { scrollWidth: i, clientWidth: l } = n;
-    switch ($e()) {
+    switch ($t()) {
       case "negative":
-        t = -t;
+        e = -e;
         break;
       case "positive-descending":
-        t = i - l - t;
+        e = i - l - e;
         break;
     }
   }
-  return t;
+  return e;
 }
-function ze(n, e) {
-  let { contentSize: t, onVisibleRectChange: i, innerStyle: l, onScrollStart: o, onScrollEnd: s, scrollDirection: a = "both", ...h } = n, r = C({
+function zt(n, t) {
+  let { contentSize: e, onVisibleRectChange: i, innerStyle: l, onScrollStart: o, onScrollEnd: s, scrollDirection: a = "both", ...h } = n, r = C({
     scrollTop: 0,
     scrollLeft: 0,
     scrollEndTime: 0,
@@ -732,8 +732,8 @@ function ze(n, e) {
     isScrolling: !1
   }).current, { direction: d } = F(), [c, f] = S(!1), g = L((v) => {
     v.target === v.currentTarget && (n.onScroll && n.onScroll(v), P(() => {
-      let m = v.currentTarget.scrollTop, H = Se(v.currentTarget, d);
-      r.scrollTop = Math.max(0, Math.min(m, t.height - r.height)), r.scrollLeft = Math.max(0, Math.min(H, t.width - r.width)), i(new u(r.scrollLeft, r.scrollTop, r.width, r.height)), r.isScrolling || (r.isScrolling = !0, f(!0), window.dispatchEvent(new Event("tk.disconnect-observer")), o && o());
+      let m = v.currentTarget.scrollTop, H = St(v.currentTarget, d);
+      r.scrollTop = Math.max(0, Math.min(m, e.height - r.height)), r.scrollLeft = Math.max(0, Math.min(H, e.width - r.width)), i(new u(r.scrollLeft, r.scrollTop, r.width, r.height)), r.isScrolling || (r.isScrolling = !0, f(!0), window.dispatchEvent(new Event("tk.disconnect-observer")), o && o());
       let T = Date.now();
       r.scrollEndTime <= T + 50 && (r.scrollEndTime = T + 300, r.scrollTimeout != null && clearTimeout(r.scrollTimeout), r.scrollTimeout = setTimeout(() => {
         r.isScrolling = !1, f(!1), r.scrollTimeout = null, window.dispatchEvent(new Event("tk.connect-observer")), s && s();
@@ -743,55 +743,55 @@ function ze(n, e) {
     n,
     d,
     r,
-    t,
+    e,
     i,
     o,
     s
   ]);
-  ue(e, "scroll", g), he(() => () => {
+  ut(t, "scroll", g), ht(() => () => {
     r.scrollTimeout != null && clearTimeout(r.scrollTimeout), r.isScrolling && window.dispatchEvent(new Event("tk.connect-observer"));
   }, []);
-  let y = C(!1), p = de((v) => {
-    let m = e.current;
+  let y = C(!1), p = dt((v) => {
+    let m = t.current;
     if (!m || y.current) return;
     y.current = !0;
-    let H = process.env.NODE_ENV === "test" && !process.env.VIRT_ON, T = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes("clientWidth"), ie = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes("clientHeight"), q = m.clientWidth, B = m.clientHeight, M = H && !T ? 1 / 0 : q, O = H && !ie ? 1 / 0 : B;
+    let H = process.env.NODE_ENV === "test" && !process.env.VIRT_ON, T = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes("clientWidth"), it = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes("clientHeight"), q = m.clientWidth, B = m.clientHeight, M = H && !T ? 1 / 0 : q, O = H && !it ? 1 / 0 : B;
     (r.width !== M || r.height !== O) && (r.width = M, r.height = O, v(() => {
       i(new u(r.scrollLeft, r.scrollTop, M, O));
     }), (!H && q !== m.clientWidth || B !== m.clientHeight) && (r.width = m.clientWidth, r.height = m.clientHeight, v(() => {
       i(new u(r.scrollLeft, r.scrollTop, r.width, r.height));
     }))), y.current = !1;
-  }), N = C(null), [Z, ee] = S({});
+  }), N = C(null), [Z, tt] = S({});
   E(() => {
-    if (!y.current && (N.current == null || !t.equals(N.current)))
+    if (!y.current && (N.current == null || !e.equals(N.current)))
       if (typeof IS_REACT_ACT_ENVIRONMENT == "boolean" ? IS_REACT_ACT_ENVIRONMENT : typeof jest < "u") {
-        ee({}), N.current = t;
+        tt({}), N.current = e;
         return;
       } else queueMicrotask(() => p(P));
-    N.current = t;
+    N.current = e;
   }), E(() => {
     p((v) => v());
   }, [
     Z
   ]);
-  let te = L(() => {
+  let et = L(() => {
     p(P);
   }, [
     p
   ]);
-  ce({
-    ref: e,
+  ct({
+    ref: t,
     box: "border-box",
-    onResize: te
+    onResize: et
   });
   let I = {
     // Reset padding so that relative positioning works correctly. Padding will be done in JS layout.
     padding: 0,
     ...h.style
   };
-  return a === "horizontal" ? (I.overflowX = "auto", I.overflowY = "hidden") : a === "vertical" || t.width === r.width ? (I.overflowY = "auto", I.overflowX = "hidden") : I.overflow = "auto", l = {
-    width: Number.isFinite(t.width) ? t.width : void 0,
-    height: Number.isFinite(t.height) ? t.height : void 0,
+  return a === "horizontal" ? (I.overflowX = "auto", I.overflowY = "hidden") : a === "vertical" || e.width === r.width ? (I.overflowY = "auto", I.overflowX = "hidden") : I.overflow = "auto", l = {
+    width: Number.isFinite(e.width) ? e.width : void 0,
+    height: Number.isFinite(e.height) ? e.height : void 0,
     pointerEvents: c ? "none" : "auto",
     position: "relative",
     ...l
@@ -806,51 +806,51 @@ function ze(n, e) {
     }
   };
 }
-function He(n) {
-  let { layoutInfo: e, virtualizer: t, ref: i } = n, l = e == null ? void 0 : e.key, o = L(() => {
+function Ht(n) {
+  let { layoutInfo: t, virtualizer: e, ref: i } = n, l = t == null ? void 0 : t.key, o = L(() => {
     if (l != null && i.current) {
-      let s = Ce(i.current);
-      t.updateItemSize(l, s);
+      let s = Ct(i.current);
+      e.updateItemSize(l, s);
     }
   }, [
-    t,
+    e,
     l,
     i
   ]);
   return E(() => {
-    e != null && e.estimatedSize && o();
+    t != null && t.estimatedSize && o();
   }), {
     updateSize: o
   };
 }
-function Ce(n) {
-  let e = n.style.height;
+function Ct(n) {
+  let t = n.style.height;
   n.style.height = "";
-  let t = new z(n.scrollWidth, n.scrollHeight);
-  return n.style.height = e, t;
+  let e = new z(n.scrollWidth, n.scrollHeight);
+  return n.style.height = t, e;
 }
 function U(n) {
-  let { style: e, className: t, layoutInfo: i, virtualizer: l, parent: o, children: s } = n, { direction: a } = F(), h = C(null);
-  return He({
+  let { style: t, className: e, layoutInfo: i, virtualizer: l, parent: o, children: s } = n, { direction: a } = F(), h = C(null);
+  return Ht({
     layoutInfo: i,
     virtualizer: l,
     ref: h
   }), /* @__PURE__ */ w.createElement("div", {
     role: "presentation",
     ref: h,
-    className: t,
+    className: e,
     style: {
-      ..._e(i, a, o),
-      ...e
+      ...kt(i, a, o),
+      ...t
     }
   }, s);
 }
 let W = /* @__PURE__ */ new WeakMap();
-function _e(n, e, t) {
-  let i = e === "rtl" ? "right" : "left", l = W.get(n);
+function kt(n, t, e) {
+  let i = t === "rtl" ? "right" : "left", l = W.get(n);
   if (l && l[i] != null) {
-    if (!t) return l;
-    let h = n.rect.y - t.rect.y, r = n.rect.x - t.rect.x;
+    if (!e) return l;
+    let h = n.rect.y - e.rect.y, r = n.rect.x - e.rect.x;
     if (l.top === h && l[i] === r) return l;
   }
   let o = {
@@ -858,8 +858,8 @@ function _e(n, e, t) {
     // which WON'T be the parent since the parent has overflow visible. This means we shouldn't offset the height by the parent's position
     // Not 100% about this change here since it is quite ambigious what the scrolling container maybe and how its top is positioned with respect to the
     // calculated layoutInfo.y here
-    top: n.rect.y - (t && !(t.allowOverflow && n.isSticky) ? t.rect.y : 0),
-    [i]: n.rect.x - (t && !(t.allowOverflow && n.isSticky) ? t.rect.x : 0),
+    top: n.rect.y - (e && !(e.allowOverflow && n.isSticky) ? e.rect.y : 0),
+    [i]: n.rect.x - (e && !(e.allowOverflow && n.isSticky) ? e.rect.x : 0),
     width: n.rect.width,
     height: n.rect.height
   };
@@ -881,30 +881,30 @@ function _e(n, e, t) {
   return W.set(n, a), a;
 }
 const G = /* @__PURE__ */ X(null), J = /* @__PURE__ */ X(null);
-function ke(n) {
-  let { children: e, layout: t, layoutOptions: i } = n, l = k(() => typeof t == "function" ? new t() : t, [
-    t
-  ]), o = k(() => ({
+function _t(n) {
+  let { children: t, layout: e, layoutOptions: i } = n, l = _(() => typeof e == "function" ? new e() : e, [
+    e
+  ]), o = _(() => ({
     isVirtualized: !0,
     layoutDelegate: l,
     dropTargetDelegate: l.getDropTargetFromPoint ? l : void 0,
-    CollectionRoot: Le,
-    CollectionBranch: Ne
+    CollectionRoot: Lt,
+    CollectionBranch: Nt
   }), [
     l
   ]);
-  return /* @__PURE__ */ w.createElement(re.Provider, {
+  return /* @__PURE__ */ w.createElement(rt.Provider, {
     value: o
   }, /* @__PURE__ */ w.createElement(J.Provider, {
     value: {
       layout: l,
       layoutOptions: i
     }
-  }, e));
+  }, t));
 }
-function Le({ collection: n, persistedKeys: e, scrollRef: t, renderDropIndicator: i }) {
+function Lt({ collection: n, persistedKeys: t, scrollRef: e, renderDropIndicator: i }) {
   var l;
-  let { layout: o, layoutOptions: s } = A(J), a = (l = o.useLayoutOptions) === null || l === void 0 ? void 0 : l.call(o), h = Ie({
+  let { layout: o, layoutOptions: s } = A(J), a = (l = o.useLayoutOptions) === null || l === void 0 ? void 0 : l.call(o), h = It({
     layout: o,
     collection: n,
     renderView: (d, c) => {
@@ -912,62 +912,62 @@ function Le({ collection: n, persistedKeys: e, scrollRef: t, renderDropIndicator
       return c == null || (f = c.render) === null || f === void 0 ? void 0 : f.call(c, c);
     },
     onVisibleRectChange(d) {
-      let c = t == null ? void 0 : t.current;
+      let c = e == null ? void 0 : e.current;
       c && (c.scrollLeft = d.x, c.scrollTop = d.y);
     },
-    persistedKeys: e,
-    layoutOptions: k(() => s && a ? {
+    persistedKeys: t,
+    layoutOptions: _(() => s && a ? {
       ...s,
       ...a
     } : s || a, [
       s,
       a
     ])
-  }), { contentProps: r } = ze({
+  }), { contentProps: r } = zt({
     onVisibleRectChange: h.setVisibleRect,
     contentSize: h.contentSize,
     onScrollStart: h.startScrolling,
     onScrollEnd: h.endScrolling
-  }, t);
+  }, e);
   return /* @__PURE__ */ w.createElement("div", r, /* @__PURE__ */ w.createElement(G.Provider, {
     value: h
   }, Q(null, h.visibleViews, i)));
 }
-function Ne({ parent: n, renderDropIndicator: e }) {
+function Nt({ parent: n, renderDropIndicator: t }) {
   let i = A(G).virtualizer.getVisibleView(n.key);
-  return Q(i, Array.from(i.children), e);
+  return Q(i, Array.from(i.children), t);
 }
-function Q(n, e, t) {
-  return e.map((i) => Te(n, i, t));
+function Q(n, t, e) {
+  return t.map((i) => Tt(n, i, e));
 }
-function Te(n, e, t) {
+function Tt(n, t, e) {
   let i = /* @__PURE__ */ w.createElement(U, {
-    key: e.key,
-    layoutInfo: e.layoutInfo,
-    virtualizer: e.virtualizer,
+    key: t.key,
+    layoutInfo: t.layoutInfo,
+    virtualizer: t.virtualizer,
     parent: n == null ? void 0 : n.layoutInfo
-  }, e.rendered), { collection: l, layout: o } = e.virtualizer, s = e.content;
-  return (s == null ? void 0 : s.type) === "item" && t && o.getDropTargetLayoutInfo && (i = /* @__PURE__ */ w.createElement(w.Fragment, {
-    key: e.key
-  }, D(n, e, {
+  }, t.rendered), { collection: l, layout: o } = t.virtualizer, s = t.content;
+  return (s == null ? void 0 : s.type) === "item" && e && o.getDropTargetLayoutInfo && (i = /* @__PURE__ */ w.createElement(w.Fragment, {
+    key: t.key
+  }, D(n, t, {
     type: "item",
-    key: e.content.key,
+    key: t.content.key,
     dropPosition: "before"
-  }, t), i, ae(l, s, (a) => D(n, e, a, t)))), i;
+  }, e), i, at(l, s, (a) => D(n, t, a, e)))), i;
 }
-function D(n, e, t, i) {
-  let l = i(t);
+function D(n, t, e, i) {
+  let l = i(e);
   if (l) {
-    let o = e.virtualizer.layout.getDropTargetLayoutInfo(t);
+    let o = t.virtualizer.layout.getDropTargetLayoutInfo(e);
     l = /* @__PURE__ */ w.createElement(U, {
       layoutInfo: o,
-      virtualizer: e.virtualizer,
+      virtualizer: t.virtualizer,
       parent: n == null ? void 0 : n.layoutInfo
     }, l);
   }
   return l;
 }
-class Ee extends Re {
+class Et extends Rt {
   /**
    * When using the ListLayout our scroll container height is not calculated properly when the content is partially sectioned.
    * ```ts
@@ -985,74 +985,74 @@ class Ee extends Re {
    * This might not be optional for performance, FYI
    */
   getContentSize() {
-    var t;
-    const e = (t = this == null ? void 0 : this.virtualizer) == null ? void 0 : t.collection.getKeys();
-    return Array.from(e || []).forEach((i) => {
+    var e;
+    const t = (e = this == null ? void 0 : this.virtualizer) == null ? void 0 : e.collection.getKeys();
+    return Array.from(t || []).forEach((i) => {
       this.getLayoutInfo(i);
     }), this.contentSize;
   }
 }
-const Ve = "_listBox_iev2c_7", Me = "_listBoxPopover_iev2c_19", Oe = "_listBoxSectionHeading_iev2c_31", Pe = "_listBoxButton_iev2c_38", Ke = "_listBoxItem_iev2c_50", V = {
-  listBox: Ve,
-  listBoxPopover: Me,
-  listBoxSectionHeading: Oe,
-  listBoxButton: Pe,
-  listBoxItem: Ke
-}, Ze = ({
+const Vt = "_listBox_1f4kp_7", Mt = "_listBoxPopover_1f4kp_19", Ot = "_listBoxSectionHeading_1f4kp_31", Pt = "_listBoxButton_1f4kp_40", Kt = "_listBoxItem_1f4kp_52", V = {
+  listBox: Vt,
+  listBoxPopover: Mt,
+  listBoxSectionHeading: Ot,
+  listBoxButton: Pt,
+  listBoxItem: Kt
+}, Zt = ({
   className: n,
-  children: e,
-  ...t
-}) => /* @__PURE__ */ _(
-  ke,
+  children: t,
+  ...e
+}) => /* @__PURE__ */ k(
+  _t,
   {
-    layout: Ee,
+    layout: Et,
     layoutOptions: {
       headingHeight: 44
     },
-    children: /* @__PURE__ */ _(
-      oe,
+    children: /* @__PURE__ */ k(
+      ot,
       {
         className: K(V.listBox, n),
-        ...t,
-        children: e
+        ...e,
+        children: t
       }
     )
   }
-), et = ({
+), te = ({
   children: n,
-  className: e,
-  ...t
-}) => /* @__PURE__ */ _(
-  ne,
+  className: t,
+  ...e
+}) => /* @__PURE__ */ k(
+  nt,
   {
-    className: K(V.listBoxItem, e),
-    ...t,
+    className: K(V.listBoxItem, t),
+    ...e,
     children: n
   }
-), tt = ({
+), ee = ({
   className: n,
-  children: e,
-  ...t
-}) => /* @__PURE__ */ _(
-  fe,
+  children: t,
+  ...e
+}) => /* @__PURE__ */ k(
+  ft,
   {
     className: K(n, V.listBoxPopover),
     offset: 0,
-    ...t,
-    children: e
+    ...e,
+    children: t
   }
-), it = ({
+), ie = ({
   children: n,
-  name: e,
-  ...t
-}) => /* @__PURE__ */ le(se, { ...t, children: [
-  /* @__PURE__ */ _(ge, { className: V.listBoxSectionHeading, children: e }),
+  name: t,
+  ...e
+}) => /* @__PURE__ */ lt(st, { ...e, children: [
+  /* @__PURE__ */ k(gt, { className: V.listBoxSectionHeading, children: t }),
   n
 ] });
 export {
-  Ze as L,
-  et as a,
-  tt as b,
-  it as c,
+  Zt as L,
+  te as a,
+  ee as b,
+  ie as c,
   V as s
 };