@midas-ds/components 14.0.0 → 15.0.0

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

@@ -1,17 +1,15 @@
-import { jsx as k, jsxs as ne } from "react/jsx-runtime";
-import { a as se, b as re, c as ae } from "./ListBox-2eEa1l0M.js";
-import { g as he, m as de } from "./Collection-j_iWeuZo.js";
-import w, { useState as $, useRef as C, useMemo as L, useCallback as z, useEffect as ce, createContext as F, useContext as j } from "react";
-import { $ as V, d as ue } from "./mergeProps-Ct8m5-xW.js";
-import { $ as U } from "./context-Dl_saGB6.js";
-import { flushSync as B } from "react-dom";
-import { g as fe } from "./OverlayArrow-Bh_G2tJ3.js";
-import { $ as W } from "./useEvent-smuTnX4G.js";
-import { c as K } from "./clsx-jbLnTBqA.js";
-import { f as D } from "./SelectionManager-D-4ThfPZ.js";
-import { b as ge } from "./Dialog-DOyFzvUa.js";
-import { e as ye } from "./Separator-COlhRmJF.js";
-import './assets/ListBoxSection.css';class ve {
+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 H {
+class $ {
   /**
   * Returns a copy of this size.
   */
   copy() {
-    return new H(this.width, this.height);
+    return new $(this.width, this.height);
   }
   /**
   * Returns whether this size is equal to another one.
@@ -227,8 +225,8 @@ class H {
     this.width = Math.max(e, 0), this.height = Math.max(t, 0);
   }
 }
-let pe = 0;
-class G {
+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 G {
   }
   getReusableView(e) {
     let t = this.reusableViews.get(e);
-    return t && t.length > 0 ? t.shift() : new we(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 G {
     t || (t = [], this.reusableViews.set(e.viewType, t)), t.push(e);
   }
   constructor(e, t) {
-    this.virtualizer = e, this.key = ++pe, 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 me extends G {
+class ce extends A {
   constructor(e) {
     super(e, "root");
   }
 }
-class we extends G {
+class ue extends A {
   constructor(e, t, i) {
     super(e, i), this.parent = t;
   }
 }
-function be(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 xe {
+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 xe {
     this.startTime = 0, this.velocity = new x(0, 0), this.visibleRect = new f();
   }
 }
-class Ie {
+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 Ie {
   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 Ie {
         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 Ie {
   }
   /** 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 && !be(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,52 +382,54 @@ class Ie {
     });
   }
   constructor(e) {
-    this.delegate = e.delegate, this.collection = e.collection, this.layout = e.layout, this.contentSize = new H(), this.visibleRect = new f(), this.persistedKeys = /* @__PURE__ */ new Set(), this._visibleViews = /* @__PURE__ */ new Map(), this._renderedContent = /* @__PURE__ */ new WeakMap(), this._rootView = new me(this), this._isScrolling = !1, this._invalidationContext = {}, this._overscanManager = new xe();
+    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();
   }
 }
-function Re(n) {
-  let [e, t] = $(new f(0, 0, 0, 0)), [i, l] = $(!1), [o, s] = $({}), a = C(!1), [h] = $(() => new Ie({
-    collection: n.collection,
-    layout: n.layout,
+const ve = typeof document < "u" ? m.useLayoutEffect : () => {
+};
+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
     }
   }));
-  V(() => {
-    a.current && (a.current = !1, n.onVisibleRectChange(e));
+  ve(() => {
+    a.current && (a.current = !1, s.onVisibleRectChange(e));
   });
-  let r = L(() => 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 = z(() => {
+  }), c = h.contentSize, u = k(() => {
     l(!0);
-  }, []), g = z(() => {
+  }, []), y = k(() => {
     l(!1);
   }, []);
-  return L(() => ({
+  return C(() => ({
     virtualizer: h,
     visibleViews: d,
     setVisibleRect: t,
     contentSize: c,
     isScrolling: i,
     startScrolling: u,
-    endScrolling: g
+    endScrolling: y
   }), [
     h,
     d,
@@ -437,11 +437,11 @@ function Re(n) {
     c,
     i,
     u,
-    g
+    y
   ]);
 }
 const R = 48;
-class Se extends ve {
+class me extends he {
   // Backward compatibility for subclassing.
   get collection() {
     return this.virtualizer.collection;
@@ -453,12 +453,12 @@ class Se extends ve {
   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;
   }
@@ -477,8 +477,8 @@ class Se extends ve {
   }
   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;
@@ -491,8 +491,8 @@ class Se extends ve {
     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;
@@ -509,8 +509,8 @@ class Se extends ve {
   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;
@@ -525,17 +525,17 @@ class Se extends ve {
       }
       if ((r.type === "item" || r.type === "loader") && e > this.requestedRect.maxY) {
         let u = i.indexOf(r);
-        for (let g of l) {
-          let y = i.indexOf(g);
-          e += (y - u - 1) * d;
-          let v = this.buildChild(g, this.padding, e, null);
-          o.push(v), e = v.layoutInfo.rect.maxY, u = y;
+        for (let y of l) {
+          let g = i.indexOf(y);
+          e += (g - u - 1) * d;
+          let v = this.buildChild(y, this.padding, e, null);
+          o.push(v), e = v.layoutInfo.rect.maxY, u = g;
         }
         e += (i.length - u - 1) * d;
         break;
       }
     }
-    return e -= this.gap, e += s ? 0 : this.padding, this.contentSize = new H(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);
@@ -565,30 +565,30 @@ class Se extends ve {
   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 g of D(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 y = ((u = (c = this.rowHeight) !== null && c !== void 0 ? c : this.estimatedRowHeight) !== null && u !== void 0 ? u : R) + this.gap;
-      if (i + y < this.requestedRect.y && !this.isValid(e, i)) {
-        i += y, r++;
+      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)) {
+        i += g, r++;
         continue;
       }
-      let v = this.buildChild(g, t, i, a.key);
+      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 += ([
-          ...D(e, l)
-        ].length - (d.length + r)) * y;
+          ...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),
@@ -596,18 +596,18 @@ class Se extends ve {
     };
   }
   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),
@@ -615,14 +615,14 @@ class Se extends ve {
     };
   }
   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,
@@ -634,11 +634,11 @@ class Se extends ve {
     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;
@@ -652,16 +652,16 @@ class Se extends ve {
   }
   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), g = Math.abs(c.rect.maxY - t), y = Math.min(u, g);
-      y < a && (a = y, s = c.key);
+      let u = Math.abs(c.rect.y - t), y = Math.abs(c.rect.maxY - t), g = Math.min(u, y);
+      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",
@@ -689,10 +689,10 @@ class Se extends ve {
       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);
         }
       }
@@ -714,13 +714,13 @@ class Se extends ve {
     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 H();
+    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 S = null;
-function $e(n = !1) {
-  if (S === null || n) {
+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;
@@ -728,11 +728,11 @@ function $e(n = !1) {
   }
   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 ($e()) {
+    let { scrollWidth: i, clientWidth: l } = s;
+    switch (we()) {
       case "negative":
         t = -t;
         break;
@@ -743,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 = C({
+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,
@@ -752,62 +752,59 @@ function He(n, e) {
     width: 0,
     height: 0,
     isScrolling: !1
-  }).current, { direction: d } = U(), [c, u] = $(!1), g = z(() => {
-    r.isScrolling = !1, u(!1), r.scrollTimeout = null, window.dispatchEvent(new Event("tk.connect-observer")), s == null || s();
-  }, [
-    r,
-    s
-  ]), y = z((p) => {
-    p.target === p.currentTarget && (n.onScroll && n.onScroll(p), B(() => {
-      let m = p.currentTarget.scrollTop, _ = ze(p.currentTarget, d);
-      r.scrollTop = Math.max(0, Math.min(m, t.height - r.height)), r.scrollLeft = Math.max(0, Math.min(_, 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());
+  }).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();
-      !("onscrollend" in window) && r.scrollEndTime <= E + 50 && (r.scrollEndTime = E + 300, r.scrollTimeout != null && clearTimeout(r.scrollTimeout), r.scrollTimeout = setTimeout(g, 300));
+      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")), n && n();
+      }, 300));
     }));
   }, [
-    n,
+    s,
     d,
     r,
     t,
     i,
     o,
-    g
+    n
   ]);
-  W(e, "scroll", y), W(e, "scrollend", g), ce(() => () => {
+  re(e, "scroll", y), oe(() => () => {
     r.scrollTimeout != null && clearTimeout(r.scrollTimeout), r.isScrolling && window.dispatchEvent(new Event("tk.connect-observer"));
   }, []);
-  let v = C(!1), N = ue((p) => {
-    let m = e.current;
-    if (!m || v.current) return;
-    v.current = !0;
-    let _ = process.env.NODE_ENV === "test" && !process.env.VIRT_ON, E = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes("clientWidth"), oe = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes("clientHeight"), q = m.clientWidth, Y = m.clientHeight, O = _ && !E ? 1 / 0 : q, P = _ && !oe ? 1 / 0 : Y;
-    (r.width !== O || r.height !== P) && (r.width = O, r.height = P, p(() => {
-      i(new f(r.scrollLeft, r.scrollTop, O, P));
-    }), (!_ && q !== m.clientWidth || Y !== m.clientHeight) && (r.width = m.clientWidth, r.height = m.clientHeight, 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"), 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));
-    }))), v.current = !1;
-  }), T = C(null), [te, ie] = $({});
-  V(() => {
-    if (!v.current && (T.current == null || !t.equals(T.current)))
+    }))), g.current = !1;
+  }), 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") {
-        ie({}), T.current = t;
+        Q({}), L.current = t;
         return;
-      } else queueMicrotask(() => N(B));
-    T.current = t;
-  }), V(() => {
-    N((p) => p());
+      } else queueMicrotask(() => v(V));
+    L.current = t;
+  }), M(() => {
+    v((p) => p());
   }, [
-    te
+    J
   ]);
-  let le = z(() => {
-    N(B);
+  let Z = k(() => {
+    v(V);
   }, [
-    N
+    v
   ]);
-  fe({
+  se({
     ref: e,
     box: "border-box",
-    onResize: le
+    onResize: Z
   });
   let I = {
     // Reset padding so that relative positioning works correctly. Padding will be done in JS layout.
@@ -832,51 +829,51 @@ function He(n, e) {
     }
   };
 }
-function _e(n) {
-  let { layoutInfo: e, virtualizer: t, ref: i } = n, l = e == null ? void 0 : e.key, o = z(() => {
+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 V(() => {
+  return M(() => {
     e != null && e.estimatedSize && o();
   }), {
     updateSize: o
   };
 }
-function Ce(n) {
-  let e = n.style.height;
-  n.style.height = "";
-  let t = new H(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 J(n) {
-  let { style: e, className: t, layoutInfo: i, virtualizer: l, parent: o, children: s } = n, { direction: a } = U(), h = C(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
-  }), /* @__PURE__ */ w.createElement("div", {
+  }), /* @__PURE__ */ m.createElement("div", {
     role: "presentation",
     ref: h,
     className: t,
     style: {
-      ...ke(i, a, o),
+      ...Se(i, a, o),
       ...e
     }
-  }, s);
+  }, n);
 }
-let X = /* @__PURE__ */ new WeakMap();
-function ke(n, e, t) {
-  let i = e === "rtl" ? "right" : "left", l = X.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 = {
@@ -884,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 X.set(n, a), a;
+  return B.set(s, a), a;
 }
-const Q = /* @__PURE__ */ F(null), Z = /* @__PURE__ */ F(null);
-function Le(n) {
-  let { children: e, layout: t, layoutOptions: i } = n, l = L(() => 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 = L(() => ({
+  ]), o = C(() => ({
     isVirtualized: !0,
     layoutDelegate: l,
     dropTargetDelegate: l.getDropTargetFromPoint ? l : void 0,
-    CollectionRoot: Ne,
-    CollectionBranch: Te
+    CollectionRoot: $e,
+    CollectionBranch: He
   }), [
     l
   ]);
-  return /* @__PURE__ */ w.createElement(he.Provider, {
+  return /* @__PURE__ */ m.createElement(ie.Provider, {
     value: o
-  }, /* @__PURE__ */ w.createElement(Z.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 } = j(Z), 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);
@@ -942,58 +939,58 @@ function Ne({ collection: n, persistedKeys: e, scrollRef: t, renderDropIndicator
       c && (c.scrollLeft = d.x, c.scrollTop = d.y);
     },
     persistedKeys: e,
-    layoutOptions: L(() => 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__ */ w.createElement("div", r, /* @__PURE__ */ w.createElement(Q.Provider, {
+  return /* @__PURE__ */ m.createElement("div", r, /* @__PURE__ */ m.createElement(j.Provider, {
     value: h
-  }, ee(null, h.visibleViews, i)));
+  }, G(null, h.visibleViews, i)));
 }
-function Te({ parent: n, renderDropIndicator: e }) {
-  let i = j(Q).virtualizer.getVisibleView(n.key);
-  return ee(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 ee(n, e, t) {
-  return e.map((i) => Ee(n, i, t));
+function G(s, e, t) {
+  return e.map((i) => _e(s, i, t));
 }
-function Ee(n, e, t) {
-  let i = /* @__PURE__ */ w.createElement(J, {
+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__ */ w.createElement(w.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
-  }, A(n, e, {
+  }, Y(s, e, {
     type: "item",
     key: e.content.key,
     dropPosition: "before"
-  }, t), i, de(l, s, (a) => A(n, e, a, t)))), i;
+  }, t), i, le(l, n, (a) => Y(s, e, a, t)))), i;
 }
-function A(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__ */ w.createElement(J, {
+    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 Se {
+class Ce extends me {
   /**
    * When using the ListLayout our scroll container height is not calculated properly when the content is partially sectioned.
    * ```ts
@@ -1018,68 +1015,35 @@ class Ve extends Se {
     }), 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", M = {
-  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__ */ k(
-  Le,
+}) => /* @__PURE__ */ K(
+  ze,
   {
-    layout: Ve,
+    layout: Ce,
     layoutOptions: {
-      headingHeight: 44
+      headingHeight: 38
     },
-    children: /* @__PURE__ */ k(
-      se,
+    children: /* @__PURE__ */ K(
+      te,
       {
-        className: K(M.listBox, n),
+        className: ae(Me.listBox, s),
         ...t,
         children: e
       }
     )
   }
-), it = ({
-  children: n,
-  className: e,
-  ...t
-}) => /* @__PURE__ */ k(
-  re,
-  {
-    className: K(M.listBoxItem, e),
-    ...t,
-    children: n
-  }
-), lt = ({
-  className: n,
-  children: e,
-  ...t
-}) => /* @__PURE__ */ k(
-  ge,
-  {
-    className: K(n, M.listBoxPopover),
-    offset: 0,
-    ...t,
-    children: e
-  }
-), ot = ({
-  children: n,
-  name: e,
-  ...t
-}) => /* @__PURE__ */ ne(ae, { ...t, children: [
-  /* @__PURE__ */ k(ye, { className: M.listBoxSectionHeading, children: e }),
-  n
-] });
+);
 export {
-  tt as L,
-  it as a,
-  lt as b,
-  ot as c,
-  M as s
+  je as L,
+  Me as s
 };