@midas-ds/components 14.1.0 → 15.0.0

package/{ListBoxSection-D_kTkvgG.js → ListBox-LJ3VgZMr.js}

@@ -1,17 +1,15 @@
-import { jsx as C, jsxs as le } from "react/jsx-runtime";
-import { a as oe, b as ne, c as se } from "./ListBox-mOCZvKD4.js";
-import { g as re, m as ae } from "./Collection-BkxwF21i.js";
-import m, { useState as S, useRef as _, useMemo as k, useCallback as L, useEffect as he, createContext as X, useContext as A } from "react";
-import { d as de, $ as P } from "./mergeProps-Ct8m5-xW.js";
-import { $ as F } from "./context-Dl_saGB6.js";
-import { flushSync as O } from "react-dom";
-import { g as ce } from "./OverlayArrow-CjGslX2c.js";
-import { $ as ue } from "./useEvent-smuTnX4G.js";
-import { c as B } from "./clsx-jbLnTBqA.js";
-import { f as Y } from "./SelectionManager-C469yQeD.js";
-import { b as fe } from "./Dialog-BUAp30Wc.js";
-import { e as ge } from "./Separator-BWAnBMVN.js";
-import './assets/ListBoxSection.css';class ye {
+import { jsx as K } from "react/jsx-runtime";
+import { e as te } from "./ListBox-5GK4ZRj1.js";
+import { g as ie, m as le } from "./Collection-BkxwF21i.js";
+import m, { useState as z, useRef as _, useMemo as C, useCallback as k, useEffect as oe, createContext as W, useContext as D } from "react";
+import { d as ne, $ as M } from "./mergeProps-Ct8m5-xW.js";
+import { $ as X } from "./context-Dl_saGB6.js";
+import { flushSync as V } from "react-dom";
+import { g as se } from "./OverlayArrow-CjGslX2c.js";
+import { $ as re } from "./useEvent-smuTnX4G.js";
+import { c as ae } from "./clsx-jbLnTBqA.js";
+import { f as q } from "./SelectionManager-DoNLJm8c.js";
+import './assets/ListBox.css';class he {
   /**
   * Returns whether the layout should invalidate in response to
   * visible rectangle changes. By default, it only invalidates
@@ -204,12 +202,12 @@ class f {
     this.x = e, this.y = t, this.width = i, this.height = l;
   }
 }
-class z {
+class $ {
   /**
   * Returns a copy of this size.
   */
   copy() {
-    return new z(this.width, this.height);
+    return new $(this.width, this.height);
   }
   /**
   * Returns whether this size is equal to another one.
@@ -227,8 +225,8 @@ class z {
     this.width = Math.max(e, 0), this.height = Math.max(t, 0);
   }
 }
-let ve = 0;
-class j {
+let de = 0;
+class A {
   /**
   * Prepares the view for reuse. Called just before the view is removed from the DOM.
   */
@@ -237,7 +235,7 @@ class j {
   }
   getReusableView(e) {
     let t = this.reusableViews.get(e);
-    return t && t.length > 0 ? t.shift() : new me(this.virtualizer, this, e);
+    return t && t.length > 0 ? t.shift() : new ue(this.virtualizer, this, e);
   }
   reuseChild(e) {
     e.prepareForReuse();
@@ -245,27 +243,27 @@ class j {
     t || (t = [], this.reusableViews.set(e.viewType, t)), t.push(e);
   }
   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;
+    this.virtualizer = e, this.key = ++de, this.viewType = t, this.children = /* @__PURE__ */ new Set(), this.reusableViews = /* @__PURE__ */ new Map(), this.layoutInfo = null, this.content = null, this.rendered = null;
   }
 }
-class pe extends j {
+class ce extends A {
   constructor(e) {
     super(e, "root");
   }
 }
-class me extends j {
+class ue extends A {
   constructor(e, t, i) {
     super(e, i), this.parent = t;
   }
 }
-function we(n, e) {
-  if (n === e) return !0;
-  if (n.size !== e.size) return !1;
-  for (let t of n)
+function fe(s, e) {
+  if (s === e) return !0;
+  if (s.size !== e.size) return !1;
+  for (let t of s)
     if (!e.has(t)) return !1;
   return !0;
 }
-class be {
+class ge {
   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;
@@ -282,7 +280,7 @@ class be {
     this.startTime = 0, this.velocity = new x(0, 0), this.visibleRect = new f();
   }
 }
-class xe {
+class ye {
   /** Returns whether the given key, or an ancestor, is persisted. */
   isPersistedKey(e) {
     if (this.persistedKeys.has(e)) return !0;
@@ -332,9 +330,9 @@ class xe {
   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 f(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;
+    let o = this.layout.getVisibleLayoutInfos(l), n = /* @__PURE__ */ new Map();
+    for (let a of o) n.set(a.key, a);
+    return n;
   }
   updateSubviews() {
     let e = this.getVisibleLayoutInfos(), t = /* @__PURE__ */ new Set();
@@ -348,8 +346,8 @@ class xe {
         o = this.getReusableView(l), o.parent.children.add(o), this._visibleViews.set(i, o), t.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));
+        let n = this.collection.getItem(l.key);
+        o.content !== n && (o.content != null && this._renderedContent.delete(o.content), this._renderView(o));
       }
     }
     for (let i of t)
@@ -362,11 +360,11 @@ class xe {
   }
   /** 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({
+    let t = this, i = !1, l = !1, o = !1, n = !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 && !fe(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), n || (n = 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 = n || o || l || a)), this._invalidationContext = e.invalidationContext), e.isScrolling !== this._isScrolling && (this._isScrolling = e.isScrolling, e.isScrolling || (h = !0)), i ? this.relayout({
       offsetChanged: l,
       sizeChanged: o,
-      itemSizeChanged: s,
+      itemSizeChanged: n,
       layoutOptionsChanged: a,
       layoutOptions: this._invalidationContext.layoutOptions
     }) : h && this.updateSubviews(), Array.from(this._rootView.children);
@@ -384,47 +382,47 @@ class xe {
     });
   }
   constructor(e) {
-    this.delegate = e.delegate, this.collection = e.collection, this.layout = e.layout, this.contentSize = new z(), this.visibleRect = new f(), 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();
+    this.delegate = e.delegate, this.collection = e.collection, this.layout = e.layout, this.contentSize = new $(), this.visibleRect = new f(), this.persistedKeys = /* @__PURE__ */ new Set(), this._visibleViews = /* @__PURE__ */ new Map(), this._renderedContent = /* @__PURE__ */ new WeakMap(), this._rootView = new ce(this), this._isScrolling = !1, this._invalidationContext = {}, this._overscanManager = new ge();
   }
 }
-const Ie = typeof document < "u" ? m.useLayoutEffect : () => {
+const ve = typeof document < "u" ? m.useLayoutEffect : () => {
 };
-function Re(n) {
-  let [e, t] = S(new f(0, 0, 0, 0)), [i, l] = S(!1), [o, s] = S({}), a = _(!1), [h] = S(() => new xe({
-    collection: n.collection,
-    layout: n.layout,
+function pe(s) {
+  let [e, t] = z(new f(0, 0, 0, 0)), [i, l] = z(!1), [o, n] = z({}), a = _(!1), [h] = z(() => new ye({
+    collection: s.collection,
+    layout: s.layout,
     delegate: {
       setVisibleRect(v) {
         t(v), a.current = !0;
       },
       // TODO: should changing these invalidate the entire cache?
-      renderView: n.renderView,
-      invalidate: s
+      renderView: s.renderView,
+      invalidate: n
     }
   }));
-  Ie(() => {
-    a.current && (a.current = !1, n.onVisibleRectChange(e));
+  ve(() => {
+    a.current && (a.current = !1, s.onVisibleRectChange(e));
   });
-  let r = k(() => n.layoutOptions != null ? {
+  let r = C(() => s.layoutOptions != null ? {
     ...o,
-    layoutOptions: n.layoutOptions
+    layoutOptions: s.layoutOptions
   } : o, [
     o,
-    n.layoutOptions
+    s.layoutOptions
   ]), d = h.render({
-    layout: n.layout,
-    collection: n.collection,
-    persistedKeys: n.persistedKeys,
-    layoutOptions: n.layoutOptions,
+    layout: s.layout,
+    collection: s.collection,
+    persistedKeys: s.persistedKeys,
+    layoutOptions: s.layoutOptions,
     visibleRect: e,
     invalidationContext: r,
     isScrolling: i
-  }), c = h.contentSize, u = L(() => {
+  }), c = h.contentSize, u = k(() => {
     l(!0);
-  }, []), y = L(() => {
+  }, []), y = k(() => {
     l(!1);
   }, []);
-  return k(() => ({
+  return C(() => ({
     virtualizer: h,
     visibleViews: d,
     setVisibleRect: t,
@@ -443,7 +441,7 @@ function Re(n) {
   ]);
 }
 const R = 48;
-class $e extends ye {
+class me extends he {
   // Backward compatibility for subclassing.
   get collection() {
     return this.virtualizer.collection;
@@ -455,12 +453,12 @@ class $e extends ye {
   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;
+      let n = ((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 / n) * n, e.height = Math.ceil(e.height / n) * n;
     }
     this.layoutIfNeeded(e);
-    let l = [], o = (s) => {
-      for (let a of s) this.isVisible(a, e) && (l.push(a.layoutInfo), a.children && o(a.children));
+    let l = [], o = (n) => {
+      for (let a of n) this.isVisible(a, e) && (l.push(a.layoutInfo), a.children && o(a.children));
     };
     return o(this.rootNodes), l;
   }
@@ -479,8 +477,8 @@ class $e extends ye {
   }
   shouldInvalidateEverything(e) {
     let t = e.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);
+    var i, l, o, n, 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 !== ((n = t == null ? void 0 : t.gap) !== null && n !== void 0 ? n : this.gap) || this.padding !== ((a = t == null ? void 0 : t.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;
@@ -493,8 +491,8 @@ class $e extends ye {
     this.rowHeight = (l = i == null ? void 0 : i.rowHeight) !== null && l !== void 0 ? l : this.rowHeight;
     var o;
     this.estimatedRowHeight = (o = i == null ? void 0 : i.estimatedRowHeight) !== null && o !== void 0 ? o : this.estimatedRowHeight;
-    var s;
-    this.headingHeight = (s = i == null ? void 0 : i.headingHeight) !== null && s !== void 0 ? s : this.headingHeight;
+    var n;
+    this.headingHeight = (n = i == null ? void 0 : i.headingHeight) !== null && n !== void 0 ? n : this.headingHeight;
     var a;
     this.estimatedHeadingHeight = (a = i == null ? void 0 : i.estimatedHeadingHeight) !== null && a !== void 0 ? a : this.estimatedHeadingHeight;
     var h;
@@ -511,8 +509,8 @@ class $e extends ye {
   buildCollection(e = this.padding) {
     let t = this.virtualizer.collection, i = [
       ...t
-    ], l = i.filter((r) => r.type === "loader"), o = [], s = (t == null ? void 0 : t.size) === 0;
-    s && (e = 0);
+    ], l = i.filter((r) => r.type === "loader"), o = [], n = (t == null ? void 0 : t.size) === 0;
+    n && (e = 0);
     for (let r of i) {
       var a, h;
       let d = ((h = (a = this.rowHeight) !== null && a !== void 0 ? a : this.estimatedRowHeight) !== null && h !== void 0 ? h : R) + this.gap;
@@ -537,7 +535,7 @@ class $e extends ye {
         break;
       }
     }
-    return e -= this.gap, e += s ? 0 : this.padding, this.contentSize = new z(this.virtualizer.visibleRect.width, e), o;
+    return e -= this.gap, e += n ? 0 : this.padding, this.contentSize = new $(this.virtualizer.visibleRect.width, e), o;
   }
   isValid(e, t) {
     let i = this.layoutNodes.get(e.key);
@@ -567,15 +565,15 @@ class $e extends ye {
   buildLoader(e, t, i) {
     let l = new f(t, i, this.padding, 0), o = new b("loader", e.key, l);
     l.width = this.virtualizer.contentSize.width - this.padding - t;
-    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, {
+    var n, a, h;
+    return l.height = e.props.isLoading ? (h = (a = (n = this.loaderHeight) !== null && n !== void 0 ? n : 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 f(t, i, o - t, 0), a = new b(e.type, e.key, s), h = i, r = 0, d = [];
-    for (let y of Y(e, l)) {
+    let l = this.virtualizer.collection, o = this.virtualizer.visibleRect.width - this.padding, n = new f(t, i, o - t, 0), a = new b(e.type, e.key, n), h = i, r = 0, d = [];
+    for (let y of q(e, l)) {
       var c, u;
       let g = ((u = (c = this.rowHeight) !== null && c !== void 0 ? c : this.estimatedRowHeight) !== null && u !== void 0 ? u : R) + this.gap;
       if (i + g < this.requestedRect.y && !this.isValid(e, i)) {
@@ -585,12 +583,12 @@ class $e extends ye {
       let v = this.buildChild(y, t, i, a.key);
       if (i = v.layoutInfo.rect.maxY + this.gap, d.push(v), i > this.requestedRect.maxY) {
         i += ([
-          ...Y(e, l)
+          ...q(e, l)
         ].length - (d.length + r)) * g;
         break;
       }
     }
-    return i -= this.gap, s.height = i - h, {
+    return i -= this.gap, n.height = i - h, {
       layoutInfo: a,
       children: d,
       validRect: a.rect.intersection(this.requestedRect),
@@ -598,18 +596,18 @@ class $e extends ye {
     };
   }
   buildSectionHeader(e, t, i) {
-    let l = this.virtualizer.visibleRect.width - this.padding, o = this.headingHeight, s = !1;
+    let l = this.virtualizer.visibleRect.width - this.padding, o = this.headingHeight, n = !1;
     if (o == null) {
       let r = this.layoutNodes.get(e.key), d = r == null ? void 0 : r.layoutInfo;
       if (d) {
         let c = this.virtualizer.collection.getItem(e.key), u = this.lastCollection ? this.lastCollection.getItem(e.key) : null;
-        o = d.rect.height, s = l !== d.rect.width || c !== u || d.estimatedSize;
+        o = d.rect.height, n = l !== d.rect.width || c !== u || d.estimatedSize;
       } else
-        o = e.rendered ? this.estimatedHeadingHeight : 0, s = !0;
+        o = e.rendered ? this.estimatedHeadingHeight : 0, n = !0;
     }
     o == null && (o = R);
     let a = new f(t, i, l - t, o), h = new b("header", e.key, a);
-    return h.estimatedSize = s, {
+    return h.estimatedSize = n, {
       layoutInfo: h,
       children: [],
       validRect: h.rect.intersection(this.requestedRect),
@@ -617,14 +615,14 @@ class $e extends ye {
     };
   }
   buildItem(e, t, i) {
-    let l = this.virtualizer.visibleRect.width - this.padding - t, o = this.rowHeight, s = !1;
+    let l = this.virtualizer.visibleRect.width - this.padding - t, o = this.rowHeight, n = !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);
+      r ? (o = r.layoutInfo.rect.height, n = l !== r.layoutInfo.rect.width || e !== r.node || r.layoutInfo.estimatedSize) : (o = this.estimatedRowHeight, n = !0);
     }
     o == null && (o = R);
     let a = new f(t, i, l, o), h = new b(e.type, e.key, a);
-    return h.estimatedSize = s, {
+    return h.estimatedSize = n, {
       layoutInfo: h,
       children: [],
       validRect: h.rect,
@@ -636,11 +634,11 @@ class $e extends ye {
     if (!i) return !1;
     let l = this.virtualizer.collection, o = i.layoutInfo;
     if (o.estimatedSize = !1, o.rect.height !== t.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);
+      let n = o.copy();
+      n.rect.height = t.height, i.layoutInfo = n, this.validRect.height = Math.min(this.validRect.height, o.rect.y - this.validRect.y), this.requestedRect.height += n.rect.height - o.rect.height, this.updateLayoutNode(e, o, n);
       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;
+        this.updateLayoutNode(a.key, o, n), a = a.parentKey != null ? l.getItem(a.parentKey) : null;
       return !0;
     }
     return !1;
@@ -654,16 +652,16 @@ class $e extends ye {
   }
   getDropTargetFromPoint(e, t, i) {
     e += this.virtualizer.visibleRect.x, t += this.virtualizer.visibleRect.y;
-    let l = new f(e, Math.max(0, t - this.gap), 1, Math.max(1, this.gap * 2)), o = this.getVisibleLayoutInfos(l), s = null, a = 1 / 0;
+    let l = new f(e, Math.max(0, t - this.gap), 1, Math.max(1, this.gap * 2)), o = this.getVisibleLayoutInfos(l), n = null, a = 1 / 0;
     for (let c of o) {
       if (!c.rect.intersects(l)) continue;
       let u = Math.abs(c.rect.y - t), y = Math.abs(c.rect.maxY - t), g = Math.min(u, y);
-      g < a && (a = g, s = c.key);
+      g < a && (a = g, n = c.key);
     }
-    if (s == null || this.virtualizer.collection.size === 0) return {
+    if (n == null || this.virtualizer.collection.size === 0) return {
       type: "root"
     };
-    let h = this.getLayoutInfo(s);
+    let h = this.getLayoutInfo(n);
     if (!h) return null;
     let r = h.rect, d = {
       type: "item",
@@ -691,10 +689,10 @@ class $e extends ye {
       let o = this.collection.getItem(e.key);
       if (o) {
         var l;
-        let s = (l = o.level) !== null && l !== void 0 ? l : 0, a = this.collection.getKeyAfter(e.key);
+        let n = (l = o.level) !== null && l !== void 0 ? l : 0, a = this.collection.getKeyAfter(e.key);
         for (; a != null; ) {
           let h = this.collection.getItem(a);
-          if (!h || h.level <= s) break;
+          if (!h || h.level <= n) break;
           t = this.getLayoutInfo(a) || t, a = this.collection.getKeyAfter(a);
         }
       }
@@ -716,25 +714,25 @@ class $e extends ye {
     this.headingHeight = (l = e.headingHeight) !== null && l !== void 0 ? l : null;
     var o;
     this.estimatedHeadingHeight = (o = e.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 f(), this.requestedRect = new f(), this.contentSize = new z();
+    var n;
+    this.loaderHeight = (n = e.loaderHeight) !== null && n !== void 0 ? n : 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 f(), this.requestedRect = new f(), this.contentSize = new $();
   }
 }
-let $ = null;
-function Se(n = !1) {
-  if ($ === null || n) {
+let S = null;
+function we(s = !1) {
+  if (S === null || s) {
     const e = document.createElement("div"), t = e.style;
     t.width = "50px", t.height = "50px", t.overflow = "scroll", t.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", e.appendChild(i), document.body.appendChild(e), e.scrollLeft > 0 ? S = "positive-descending" : (e.scrollLeft = 1, e.scrollLeft === 0 ? S = "negative" : S = "positive-ascending"), document.body.removeChild(e), S;
   }
-  return $;
+  return S;
 }
-function ze(n, e) {
-  let { scrollLeft: t } = n;
+function be(s, e) {
+  let { scrollLeft: t } = s;
   if (e === "rtl") {
-    let { scrollWidth: i, clientWidth: l } = n;
-    switch (Se()) {
+    let { scrollWidth: i, clientWidth: l } = s;
+    switch (we()) {
       case "negative":
         t = -t;
         break;
@@ -745,8 +743,8 @@ function ze(n, e) {
   }
   return t;
 }
-function He(n, e) {
-  let { contentSize: t, onVisibleRectChange: i, innerStyle: l, onScrollStart: o, onScrollEnd: s, scrollDirection: a = "both", ...h } = n, r = _({
+function xe(s, e) {
+  let { contentSize: t, onVisibleRectChange: i, innerStyle: l, onScrollStart: o, onScrollEnd: n, scrollDirection: a = "both", ...h } = s, r = _({
     scrollTop: 0,
     scrollLeft: 0,
     scrollEndTime: 0,
@@ -754,59 +752,59 @@ function He(n, e) {
     width: 0,
     height: 0,
     isScrolling: !1
-  }).current, { direction: d } = F(), [c, u] = S(!1), y = L((p) => {
-    p.target === p.currentTarget && (n.onScroll && n.onScroll(p), O(() => {
-      let w = p.currentTarget.scrollTop, H = ze(p.currentTarget, d);
+  }).current, { direction: d } = X(), [c, u] = z(!1), y = k((p) => {
+    p.target === p.currentTarget && (s.onScroll && s.onScroll(p), V(() => {
+      let w = p.currentTarget.scrollTop, H = be(p.currentTarget, d);
       r.scrollTop = Math.max(0, Math.min(w, t.height - r.height)), r.scrollLeft = Math.max(0, Math.min(H, t.width - r.width)), i(new f(r.scrollLeft, r.scrollTop, r.width, r.height)), r.isScrolling || (r.isScrolling = !0, u(!0), window.dispatchEvent(new Event("tk.disconnect-observer")), o && o());
       let E = Date.now();
       r.scrollEndTime <= E + 50 && (r.scrollEndTime = E + 300, r.scrollTimeout != null && clearTimeout(r.scrollTimeout), r.scrollTimeout = setTimeout(() => {
-        r.isScrolling = !1, u(!1), r.scrollTimeout = null, window.dispatchEvent(new Event("tk.connect-observer")), s && s();
+        r.isScrolling = !1, u(!1), r.scrollTimeout = null, window.dispatchEvent(new Event("tk.connect-observer")), n && n();
       }, 300));
     }));
   }, [
-    n,
+    s,
     d,
     r,
     t,
     i,
     o,
-    s
+    n
   ]);
-  ue(e, "scroll", y), he(() => () => {
+  re(e, "scroll", y), oe(() => () => {
     r.scrollTimeout != null && clearTimeout(r.scrollTimeout), r.isScrolling && window.dispatchEvent(new Event("tk.connect-observer"));
   }, []);
-  let g = _(!1), v = de((p) => {
+  let g = _(!1), v = ne((p) => {
     let w = e.current;
     if (!w || g.current) return;
     g.current = !0;
-    let H = process.env.NODE_ENV === "test" && !process.env.VIRT_ON, E = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes("clientWidth"), ie = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes("clientHeight"), K = w.clientWidth, q = w.clientHeight, V = H && !E ? 1 / 0 : K, M = H && !ie ? 1 / 0 : q;
-    (r.width !== V || r.height !== M) && (r.width = V, r.height = M, p(() => {
-      i(new f(r.scrollLeft, r.scrollTop, V, M));
-    }), (!H && K !== w.clientWidth || q !== w.clientHeight) && (r.width = w.clientWidth, r.height = w.clientHeight, p(() => {
+    let H = process.env.NODE_ENV === "test" && !process.env.VIRT_ON, E = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes("clientWidth"), ee = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes("clientHeight"), O = w.clientWidth, P = w.clientHeight, N = H && !E ? 1 / 0 : O, T = H && !ee ? 1 / 0 : P;
+    (r.width !== N || r.height !== T) && (r.width = N, r.height = T, p(() => {
+      i(new f(r.scrollLeft, r.scrollTop, N, T));
+    }), (!H && O !== w.clientWidth || P !== w.clientHeight) && (r.width = w.clientWidth, r.height = w.clientHeight, p(() => {
       i(new f(r.scrollLeft, r.scrollTop, r.width, r.height));
     }))), g.current = !1;
-  }), N = _(null), [Z, ee] = S({});
-  P(() => {
-    if (!g.current && (N.current == null || !t.equals(N.current)))
+  }), L = _(null), [J, Q] = z({});
+  M(() => {
+    if (!g.current && (L.current == null || !t.equals(L.current)))
       if (typeof IS_REACT_ACT_ENVIRONMENT == "boolean" ? IS_REACT_ACT_ENVIRONMENT : typeof jest < "u") {
-        ee({}), N.current = t;
+        Q({}), L.current = t;
         return;
-      } else queueMicrotask(() => v(O));
-    N.current = t;
-  }), P(() => {
+      } else queueMicrotask(() => v(V));
+    L.current = t;
+  }), M(() => {
     v((p) => p());
   }, [
-    Z
+    J
   ]);
-  let te = L(() => {
-    v(O);
+  let Z = k(() => {
+    v(V);
   }, [
     v
   ]);
-  ce({
+  se({
     ref: e,
     box: "border-box",
-    onResize: te
+    onResize: Z
   });
   let I = {
     // Reset padding so that relative positioning works correctly. Padding will be done in JS layout.
@@ -831,32 +829,32 @@ function He(n, e) {
     }
   };
 }
-function _e(n) {
-  let { layoutInfo: e, virtualizer: t, ref: i } = n, l = e == null ? void 0 : e.key, o = L(() => {
+function Ie(s) {
+  let { layoutInfo: e, virtualizer: t, ref: i } = s, l = e == null ? void 0 : e.key, o = k(() => {
     if (l != null && i.current) {
-      let s = Ce(i.current);
-      t.updateItemSize(l, s);
+      let n = Re(i.current);
+      t.updateItemSize(l, n);
     }
   }, [
     t,
     l,
     i
   ]);
-  return P(() => {
+  return M(() => {
     e != null && e.estimatedSize && o();
   }), {
     updateSize: o
   };
 }
-function Ce(n) {
-  let e = n.style.height;
-  n.style.height = "";
-  let t = new z(n.scrollWidth, n.scrollHeight);
-  return n.style.height = e, t;
+function Re(s) {
+  let e = s.style.height;
+  s.style.height = "";
+  let t = new $(s.scrollWidth, s.scrollHeight);
+  return s.style.height = e, t;
 }
-function U(n) {
-  let { style: e, className: t, layoutInfo: i, virtualizer: l, parent: o, children: s } = n, { direction: a } = F(), h = _(null);
-  return _e({
+function F(s) {
+  let { style: e, className: t, layoutInfo: i, virtualizer: l, parent: o, children: n } = s, { direction: a } = X(), h = _(null);
+  return Ie({
     layoutInfo: i,
     virtualizer: l,
     ref: h
@@ -865,17 +863,17 @@ function U(n) {
     ref: h,
     className: t,
     style: {
-      ...ke(i, a, o),
+      ...Se(i, a, o),
       ...e
     }
-  }, s);
+  }, n);
 }
-let W = /* @__PURE__ */ new WeakMap();
-function ke(n, e, t) {
-  let i = e === "rtl" ? "right" : "left", l = W.get(n);
+let B = /* @__PURE__ */ new WeakMap();
+function Se(s, e, t) {
+  let i = e === "rtl" ? "right" : "left", l = B.get(s);
   if (l && l[i] != null) {
     if (!t) return l;
-    let h = n.rect.y - t.rect.y, r = n.rect.x - t.rect.x;
+    let h = s.rect.y - t.rect.y, r = s.rect.x - t.rect.x;
     if (l.top === h && l[i] === r) return l;
   }
   let o = {
@@ -883,55 +881,55 @@ function ke(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),
-    width: n.rect.width,
-    height: n.rect.height
+    top: s.rect.y - (t && !(t.allowOverflow && s.isSticky) ? t.rect.y : 0),
+    [i]: s.rect.x - (t && !(t.allowOverflow && s.isSticky) ? t.rect.x : 0),
+    width: s.rect.width,
+    height: s.rect.height
   };
   Object.entries(o).forEach(([h, r]) => {
     Number.isFinite(r) || (o[h] = void 0);
   });
-  var s;
+  var n;
   let a = {
-    position: n.isSticky ? "sticky" : "absolute",
+    position: s.isSticky ? "sticky" : "absolute",
     // Sticky elements are positioned in normal document flow. Display inline-block so that they don't push other sticky columns onto the following rows.
-    display: n.isSticky ? "inline-block" : void 0,
-    overflow: n.allowOverflow ? "visible" : "hidden",
-    opacity: n.opacity,
-    zIndex: n.zIndex,
-    transform: (s = n.transform) !== null && s !== void 0 ? s : void 0,
+    display: s.isSticky ? "inline-block" : void 0,
+    overflow: s.allowOverflow ? "visible" : "hidden",
+    opacity: s.opacity,
+    zIndex: s.zIndex,
+    transform: (n = s.transform) !== null && n !== void 0 ? n : void 0,
     contain: "size layout style",
     ...o
   };
-  return W.set(n, a), a;
+  return B.set(s, a), a;
 }
-const G = /* @__PURE__ */ X(null), J = /* @__PURE__ */ X(null);
-function Le(n) {
-  let { children: e, layout: t, layoutOptions: i } = n, l = k(() => typeof t == "function" ? new t() : t, [
+const j = /* @__PURE__ */ W(null), U = /* @__PURE__ */ W(null);
+function ze(s) {
+  let { children: e, layout: t, layoutOptions: i } = s, l = C(() => typeof t == "function" ? new t() : t, [
     t
-  ]), o = k(() => ({
+  ]), o = C(() => ({
     isVirtualized: !0,
     layoutDelegate: l,
     dropTargetDelegate: l.getDropTargetFromPoint ? l : void 0,
-    CollectionRoot: Ne,
-    CollectionBranch: Ee
+    CollectionRoot: $e,
+    CollectionBranch: He
   }), [
     l
   ]);
-  return /* @__PURE__ */ m.createElement(re.Provider, {
+  return /* @__PURE__ */ m.createElement(ie.Provider, {
     value: o
-  }, /* @__PURE__ */ m.createElement(J.Provider, {
+  }, /* @__PURE__ */ m.createElement(U.Provider, {
     value: {
       layout: l,
       layoutOptions: i
     }
   }, e));
 }
-function Ne({ collection: n, persistedKeys: e, scrollRef: t, renderDropIndicator: i }) {
+function $e({ collection: s, persistedKeys: e, scrollRef: t, 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 = Re({
+  let { layout: o, layoutOptions: n } = D(U), a = (l = o.useLayoutOptions) === null || l === void 0 ? void 0 : l.call(o), h = pe({
     layout: o,
-    collection: n,
+    collection: s,
     renderView: (d, c) => {
       var u;
       return c == null || (u = c.render) === null || u === void 0 ? void 0 : u.call(c, c);
@@ -941,58 +939,58 @@ function Ne({ collection: n, persistedKeys: e, scrollRef: t, renderDropIndicator
       c && (c.scrollLeft = d.x, c.scrollTop = d.y);
     },
     persistedKeys: e,
-    layoutOptions: k(() => s && a ? {
-      ...s,
+    layoutOptions: C(() => n && a ? {
+      ...n,
       ...a
-    } : s || a, [
-      s,
+    } : n || a, [
+      n,
       a
     ])
-  }), { contentProps: r } = He({
+  }), { contentProps: r } = xe({
     onVisibleRectChange: h.setVisibleRect,
     contentSize: h.contentSize,
     onScrollStart: h.startScrolling,
     onScrollEnd: h.endScrolling
   }, t);
-  return /* @__PURE__ */ m.createElement("div", r, /* @__PURE__ */ m.createElement(G.Provider, {
+  return /* @__PURE__ */ m.createElement("div", r, /* @__PURE__ */ m.createElement(j.Provider, {
     value: h
-  }, Q(null, h.visibleViews, i)));
+  }, G(null, h.visibleViews, i)));
 }
-function Ee({ parent: n, renderDropIndicator: e }) {
-  let i = A(G).virtualizer.getVisibleView(n.key);
-  return Q(i, Array.from(i.children), e);
+function He({ parent: s, renderDropIndicator: e }) {
+  let i = D(j).virtualizer.getVisibleView(s.key);
+  return G(i, Array.from(i.children), e);
 }
-function Q(n, e, t) {
-  return e.map((i) => Te(n, i, t));
+function G(s, e, t) {
+  return e.map((i) => _e(s, i, t));
 }
-function Te(n, e, t) {
-  let i = /* @__PURE__ */ m.createElement(U, {
+function _e(s, e, t) {
+  let i = /* @__PURE__ */ m.createElement(F, {
     key: e.key,
     layoutInfo: e.layoutInfo,
     virtualizer: e.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__ */ m.createElement(m.Fragment, {
+    parent: s == null ? void 0 : s.layoutInfo
+  }, e.rendered), { collection: l, layout: o } = e.virtualizer, n = e.content;
+  return (n == null ? void 0 : n.type) === "item" && t && o.getDropTargetLayoutInfo && (i = /* @__PURE__ */ m.createElement(m.Fragment, {
     key: e.key
-  }, D(n, e, {
+  }, Y(s, e, {
     type: "item",
     key: e.content.key,
     dropPosition: "before"
-  }, t), i, ae(l, s, (a) => D(n, e, a, t)))), i;
+  }, t), i, le(l, n, (a) => Y(s, e, a, t)))), i;
 }
-function D(n, e, t, i) {
+function Y(s, e, t, i) {
   let l = i(t);
   if (l) {
     let o = e.virtualizer.layout.getDropTargetLayoutInfo(t);
-    l = /* @__PURE__ */ m.createElement(U, {
+    l = /* @__PURE__ */ m.createElement(F, {
       layoutInfo: o,
       virtualizer: e.virtualizer,
-      parent: n == null ? void 0 : n.layoutInfo
+      parent: s == null ? void 0 : s.layoutInfo
     }, l);
   }
   return l;
 }
-class Ve extends $e {
+class Ce extends me {
   /**
    * When using the ListLayout our scroll container height is not calculated properly when the content is partially sectioned.
    * ```ts
@@ -1017,68 +1015,35 @@ class Ve extends $e {
     }), this.contentSize;
   }
 }
-const Me = "_listBox_ts7z5_4", Oe = "_listBoxPopover_ts7z5_16", Pe = "_listBoxSectionHeading_ts7z5_31", Be = "_listBoxButton_ts7z5_41", Ke = "_listBoxItem_ts7z5_53", qe = "_listBoxLoadMoreItem_ts7z5_99", T = {
-  listBox: Me,
-  listBoxPopover: Oe,
-  listBoxSectionHeading: Pe,
-  listBoxButton: Be,
-  listBoxItem: Ke,
-  listBoxLoadMoreItem: qe
-}, tt = ({
-  className: n,
+const ke = "_listBox_13mbb_4", Le = "_listBoxPopover_13mbb_16", Ee = "_listBoxSectionHeading_13mbb_31", Ne = "_listBoxButton_13mbb_43", Te = "_listBoxItem_13mbb_55", Ve = "_listBoxLoadMoreItem_13mbb_165", Me = {
+  listBox: ke,
+  listBoxPopover: Le,
+  listBoxSectionHeading: Ee,
+  listBoxButton: Ne,
+  listBoxItem: Te,
+  listBoxLoadMoreItem: Ve
+}, je = ({
+  className: s,
   children: e,
   ...t
-}) => /* @__PURE__ */ C(
-  Le,
+}) => /* @__PURE__ */ K(
+  ze,
   {
-    layout: Ve,
+    layout: Ce,
     layoutOptions: {
-      headingHeight: 44
+      headingHeight: 38
     },
-    children: /* @__PURE__ */ C(
-      oe,
+    children: /* @__PURE__ */ K(
+      te,
       {
-        className: B(T.listBox, n),
+        className: ae(Me.listBox, s),
         ...t,
         children: e
       }
     )
   }
-), it = ({
-  children: n,
-  className: e,
-  ...t
-}) => /* @__PURE__ */ C(
-  ne,
-  {
-    className: B(T.listBoxItem, e),
-    ...t,
-    children: n
-  }
-), lt = ({
-  className: n,
-  children: e,
-  ...t
-}) => /* @__PURE__ */ C(
-  fe,
-  {
-    className: B(n, T.listBoxPopover),
-    offset: 0,
-    ...t,
-    children: e
-  }
-), ot = ({
-  children: n,
-  name: e,
-  ...t
-}) => /* @__PURE__ */ le(se, { ...t, children: [
-  /* @__PURE__ */ C(ge, { className: T.listBoxSectionHeading, children: e }),
-  n
-] });
+);
 export {
-  tt as L,
-  it as a,
-  lt as b,
-  ot as c,
-  T as s
+  je as L,
+  Me as s
 };