@midas-ds/components 12.0.0 → 12.1.0

package/ListBoxSection-Cv-gN76G.js

@@ -1,1058 +0,0 @@
-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 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-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(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(t, e) {
-    return t !== e;
-  }
-  /**
-  * This method allows the layout to perform any pre-computation
-  * it needs to in order to prepare LayoutInfos for retrieval.
-  * Called by the virtualizer before `getVisibleLayoutInfos`
-  * or `getLayoutInfo` are called.
-  */
-  update(t) {
-  }
-  /** @private */
-  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() {
-    return this.virtualizer.visibleRect;
-  }
-  constructor() {
-    this.virtualizer = null;
-  }
-}
-class b {
-  /**
-  * Returns a copy of the LayoutInfo.
-  */
-  copy() {
-    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(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 {
-  /**
-  * Returns a copy of this point.
-  */
-  copy() {
-    return new x(this.x, this.y);
-  }
-  /**
-  * Checks if two points are equal.
-  */
-  equals(t) {
-    return this.x === t.x && this.y === t.y;
-  }
-  /**
-  * Returns true if this point is the origin.
-  */
-  isOrigin() {
-    return this.x === 0 && this.y === 0;
-  }
-  constructor(t = 0, e = 0) {
-    this.x = t, this.y = e;
-  }
-}
-class u {
-  /**
-  * The maximum x-coordinate in the rectangle.
-  */
-  get maxX() {
-    return this.x + this.width;
-  }
-  /**
-  * The maximum y-coordinate in the rectangle.
-  */
-  get maxY() {
-    return this.y + this.height;
-  }
-  /**
-  * The area of the rectangle.
-  */
-  get area() {
-    return this.width * this.height;
-  }
-  /**
-  * The top left corner of the rectangle.
-  */
-  get topLeft() {
-    return new x(this.x, this.y);
-  }
-  /**
-  * The top right corner of the rectangle.
-  */
-  get topRight() {
-    return new x(this.maxX, this.y);
-  }
-  /**
-  * The bottom left corner of the rectangle.
-  */
-  get bottomLeft() {
-    return new x(this.x, this.maxY);
-  }
-  /**
-  * The bottom right corner of the rectangle.
-  */
-  get bottomRight() {
-    return new x(this.maxX, this.maxY);
-  }
-  /**
-  * Returns whether this rectangle intersects another rectangle.
-  * @param rect - The rectangle to check.
-  */
-  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(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(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(t) {
-    for (let e of [
-      "topLeft",
-      "topRight",
-      "bottomLeft",
-      "bottomRight"
-    ])
-      if (t.containsPoint(this[e])) return e;
-    return null;
-  }
-  equals(t) {
-    return t.x === this.x && t.y === this.y && t.width === this.width && t.height === this.height;
-  }
-  pointEquals(t) {
-    return this.x === t.x && this.y === t.y;
-  }
-  sizeEquals(t) {
-    return this.width === t.width && this.height === t.height;
-  }
-  /**
-  * Returns the union of this Rect and another.
-  */
-  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(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.
-  */
-  copy() {
-    return new u(this.x, this.y, this.width, this.height);
-  }
-  constructor(t = 0, e = 0, i = 0, l = 0) {
-    this.x = t, this.y = e, this.width = i, this.height = l;
-  }
-}
-class z {
-  /**
-  * Returns a copy of this size.
-  */
-  copy() {
-    return new z(this.width, this.height);
-  }
-  /**
-  * Returns whether this size is equal to another one.
-  */
-  equals(t) {
-    return this.width === t.width && this.height === t.height;
-  }
-  /**
-  * The total area of the Size.
-  */
-  get area() {
-    return this.width * this.height;
-  }
-  constructor(t = 0, e = 0) {
-    this.width = Math.max(t, 0), this.height = Math.max(e, 0);
-  }
-}
-let vt = 0;
-class j {
-  /**
-  * Prepares the view for reuse. Called just before the view is removed from the DOM.
-  */
-  prepareForReuse() {
-    this.content = null, this.rendered = null, this.layoutInfo = null;
-  }
-  getReusableView(t) {
-    let e = this.reusableViews.get(t);
-    return e && e.length > 0 ? e.shift() : new mt(this.virtualizer, this, t);
-  }
-  reuseChild(t) {
-    t.prepareForReuse();
-    let e = this.reusableViews.get(t.viewType);
-    e || (e = [], this.reusableViews.set(t.viewType, e)), e.push(t);
-  }
-  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 pt extends j {
-  constructor(t) {
-    super(t, "root");
-  }
-}
-class mt extends j {
-  constructor(t, e, i) {
-    super(t, i), this.parent = e;
-  }
-}
-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 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 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;
-      t.width += i, this.velocity.x < 0 && (t.x -= i);
-    }
-    return t;
-  }
-  constructor() {
-    this.startTime = 0, this.velocity = new x(0, 0), this.visibleRect = new u();
-  }
-}
-class xt {
-  /** Returns whether the given key, or an ancestor, is persisted. */
-  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 (e = i.parentKey, e === t) return !0;
-    }
-    return !1;
-  }
-  getParentView(t) {
-    return t.parentKey != null ? this._visibleViews.get(t.parentKey) : this._rootView;
-  }
-  getReusableView(t) {
-    let i = this.getParentView(t).getReusableView(t.type);
-    return i.layoutInfo = t, this._renderView(i), i;
-  }
-  _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(t, e) {
-    let i = e != null ? this._renderedContent.get(e) : null;
-    if (i != null) return i;
-    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(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(e)) return l.key;
-    return null;
-  }
-  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 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 t = this.getVisibleLayoutInfos(), e = /* @__PURE__ */ new Set();
-    for (let [i, l] of this._visibleViews) {
-      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 t) {
-      let o = this._visibleViews.get(i);
-      if (!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 e)
-      i.parent.children.delete(i), i.parent.reusableViews.clear();
-    if (!this._isScrolling)
-      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(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,
-      layoutOptionsChanged: a,
-      layoutOptions: this._invalidationContext.layoutOptions
-    }) : h && this.updateSubviews(), Array.from(this._rootView.children);
-  }
-  getVisibleView(t) {
-    return this._visibleViews.get(t);
-  }
-  invalidate(t) {
-    this.delegate.invalidate(t);
-  }
-  updateItemSize(t, e) {
-    if (!this.layout.updateItemSize) return;
-    this.layout.updateItemSize(t, e) && this.invalidate({
-      itemSizeChanged: !0
-    });
-  }
-  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 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) {
-        e(p), a.current = !0;
-      },
-      // TODO: should changing these invalidate the entire cache?
-      renderView: n.renderView,
-      invalidate: s
-    }
-  }));
-  E(() => {
-    a.current && (a.current = !1, n.onVisibleRectChange(t));
-  });
-  let r = _(() => n.layoutOptions != null ? {
-    ...o,
-    layoutOptions: n.layoutOptions
-  } : o, [
-    o,
-    n.layoutOptions
-  ]), d = h.render({
-    layout: n.layout,
-    collection: n.collection,
-    persistedKeys: n.persistedKeys,
-    layoutOptions: n.layoutOptions,
-    visibleRect: t,
-    invalidationContext: r,
-    isScrolling: i
-  }), c = h.contentSize, f = L(() => {
-    l(!0);
-  }, []), g = L(() => {
-    l(!1);
-  }, []);
-  return _(() => ({
-    virtualizer: h,
-    visibleViews: d,
-    setVisibleRect: e,
-    contentSize: c,
-    isScrolling: i,
-    startScrolling: f,
-    endScrolling: g
-  }), [
-    h,
-    d,
-    e,
-    c,
-    i,
-    f,
-    g
-  ]);
-}
-const R = 48;
-class Rt extends yt {
-  // Backward compatibility for subclassing.
-  get collection() {
-    return this.virtualizer.collection;
-  }
-  getLayoutInfo(t) {
-    var e;
-    return this.ensureLayoutInfo(t), ((e = this.layoutNodes.get(t)) === null || e === void 0 ? void 0 : e.layoutInfo) || null;
-  }
-  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(t);
-    let l = [], o = (s) => {
-      for (let a of s) this.isVisible(a, t) && (l.push(a.layoutInfo), a.children && o(a.children));
-    };
-    return o(this.rootNodes), l;
-  }
-  layoutIfNeeded(t) {
-    if (this.lastCollection) {
-      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(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(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(t) {
-    let e = t.layoutOptions;
-    var i, l, o, s, a;
-    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(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(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;
-    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 a;
-    this.estimatedHeadingHeight = (a = i == null ? void 0 : i.estimatedHeadingHeight) !== null && a !== void 0 ? a : this.estimatedHeadingHeight;
-    var h;
-    this.loaderHeight = (h = i == null ? void 0 : i.loaderHeight) !== null && h !== void 0 ? h : this.loaderHeight;
-    var r;
-    this.dropIndicatorThickness = (r = i == null ? void 0 : i.dropIndicatorThickness) !== null && r !== void 0 ? r : this.dropIndicatorThickness;
-    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 && 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" && t + d < this.requestedRect.y && !this.isValid(r, t)) {
-        t += d, i++;
-        continue;
-      }
-      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 = 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 t -= this.gap, t += o ? 0 : this.padding, this.contentSize = new z(this.virtualizer.visibleRect.width, t), l;
-  }
-  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(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(t, e, i) {
-    switch (t.type) {
-      case "section":
-        return this.buildSection(t, e, i);
-      case "item":
-        return this.buildItem(t, e, i);
-      case "header":
-        return this.buildSectionHeader(t, e, i);
-      case "loader":
-        return this.buildLoader(t, e, i);
-      case "separator":
-        return this.buildItem(t, e, i);
-      default:
-        throw new Error("Unsupported node type: " + t.type);
-    }
-  }
-  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 = 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(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(t, i)) {
-        i += y, r++;
-        continue;
-      }
-      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(t, l)
-        ].length - (d.length + r)) * y;
-        break;
-      }
-    }
-    return i -= this.gap, s.height = i - h, {
-      layoutInfo: a,
-      children: d,
-      validRect: a.rect.intersection(this.requestedRect),
-      node: t
-    };
-  }
-  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(t.key), d = r == null ? void 0 : r.layoutInfo;
-      if (d) {
-        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 = t.rendered ? this.estimatedHeadingHeight : 0, s = !0;
-    }
-    o == null && (o = R);
-    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: t
-    };
-  }
-  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(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(e, i, l, o), h = new b(t.type, t.key, a);
-    return h.estimatedSize = s, {
-      layoutInfo: h,
-      children: [],
-      validRect: h.rect,
-      node: t
-    };
-  }
-  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 !== e.height) {
-      let s = o.copy();
-      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;
-      return !0;
-    }
-    return !1;
-  }
-  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(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 - 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 {
-      type: "root"
-    };
-    let h = this.getLayoutInfo(s);
-    if (!h) return null;
-    let r = h.rect, d = {
-      type: "item",
-      key: h.key,
-      dropPosition: "on"
-    };
-    return i(d) ? e <= r.y + 10 && i({
-      ...d,
-      dropPosition: "before"
-    }) ? d.dropPosition = "before" : e >= r.maxY - 10 && i({
-      ...d,
-      dropPosition: "after"
-    }) && (d.dropPosition = "after") : e <= r.y + r.height / 2 && i({
-      ...d,
-      dropPosition: "before"
-    }) ? d.dropPosition = "before" : i({
-      ...d,
-      dropPosition: "after"
-    }) && (d.dropPosition = "after"), d;
-  }
-  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(t = {}) {
-    super();
-    var e;
-    this.rowHeight = (e = t.rowHeight) !== null && e !== void 0 ? e : null;
-    var i;
-    this.estimatedRowHeight = (i = t.estimatedRowHeight) !== null && i !== void 0 ? i : null;
-    var l;
-    this.headingHeight = (l = t.headingHeight) !== null && l !== void 0 ? l : null;
-    var o;
-    this.estimatedHeadingHeight = (o = t.estimatedHeadingHeight) !== null && o !== void 0 ? o : null;
-    var s;
-    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 $t(n = !1) {
-  if ($ === null || n) {
-    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", 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 St(n, t) {
-  let { scrollLeft: e } = n;
-  if (t === "rtl") {
-    let { scrollWidth: i, clientWidth: l } = n;
-    switch ($t()) {
-      case "negative":
-        e = -e;
-        break;
-      case "positive-descending":
-        e = i - l - e;
-        break;
-    }
-  }
-  return e;
-}
-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,
-    scrollTimeout: null,
-    width: 0,
-    height: 0,
-    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 = 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();
-      }, 300));
-    }));
-  }, [
-    n,
-    d,
-    r,
-    e,
-    i,
-    o,
-    s
-  ]);
-  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 = 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"), 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, tt] = S({});
-  E(() => {
-    if (!y.current && (N.current == null || !e.equals(N.current)))
-      if (typeof IS_REACT_ACT_ENVIRONMENT == "boolean" ? IS_REACT_ACT_ENVIRONMENT : typeof jest < "u") {
-        tt({}), N.current = e;
-        return;
-      } else queueMicrotask(() => p(P));
-    N.current = e;
-  }), E(() => {
-    p((v) => v());
-  }, [
-    Z
-  ]);
-  let et = L(() => {
-    p(P);
-  }, [
-    p
-  ]);
-  ct({
-    ref: t,
-    box: "border-box",
-    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" || 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
-  }, {
-    scrollViewProps: {
-      ...h,
-      style: I
-    },
-    contentProps: {
-      role: "presentation",
-      style: 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 = Ct(i.current);
-      e.updateItemSize(l, s);
-    }
-  }, [
-    e,
-    l,
-    i
-  ]);
-  return E(() => {
-    t != null && t.estimatedSize && o();
-  }), {
-    updateSize: o
-  };
-}
-function Ct(n) {
-  let t = n.style.height;
-  n.style.height = "";
-  let e = new z(n.scrollWidth, n.scrollHeight);
-  return n.style.height = t, e;
-}
-function U(n) {
-  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: e,
-    style: {
-      ...kt(i, a, o),
-      ...t
-    }
-  }, s);
-}
-let W = /* @__PURE__ */ new WeakMap();
-function kt(n, t, e) {
-  let i = t === "rtl" ? "right" : "left", l = W.get(n);
-  if (l && l[i] != null) {
-    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 = {
-    // TODO: For layoutInfos that are sticky that have parents with overflow visible, their "top" will be relative to the to the nearest scrolling container
-    // 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 - (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
-  };
-  Object.entries(o).forEach(([h, r]) => {
-    Number.isFinite(r) || (o[h] = void 0);
-  });
-  var s;
-  let a = {
-    position: n.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,
-    contain: "size layout style",
-    ...o
-  };
-  return W.set(n, a), a;
-}
-const G = /* @__PURE__ */ X(null), J = /* @__PURE__ */ X(null);
-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: Lt,
-    CollectionBranch: Nt
-  }), [
-    l
-  ]);
-  return /* @__PURE__ */ w.createElement(rt.Provider, {
-    value: o
-  }, /* @__PURE__ */ w.createElement(J.Provider, {
-    value: {
-      layout: l,
-      layoutOptions: i
-    }
-  }, t));
-}
-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 = It({
-    layout: o,
-    collection: n,
-    renderView: (d, c) => {
-      var f;
-      return c == null || (f = c.render) === null || f === void 0 ? void 0 : f.call(c, c);
-    },
-    onVisibleRectChange(d) {
-      let c = e == null ? void 0 : e.current;
-      c && (c.scrollLeft = d.x, c.scrollTop = d.y);
-    },
-    persistedKeys: t,
-    layoutOptions: _(() => s && a ? {
-      ...s,
-      ...a
-    } : s || a, [
-      s,
-      a
-    ])
-  }), { contentProps: r } = zt({
-    onVisibleRectChange: h.setVisibleRect,
-    contentSize: h.contentSize,
-    onScrollStart: h.startScrolling,
-    onScrollEnd: h.endScrolling
-  }, e);
-  return /* @__PURE__ */ w.createElement("div", r, /* @__PURE__ */ w.createElement(G.Provider, {
-    value: h
-  }, Q(null, h.visibleViews, i)));
-}
-function Nt({ parent: n, renderDropIndicator: t }) {
-  let i = A(G).virtualizer.getVisibleView(n.key);
-  return Q(i, Array.from(i.children), t);
-}
-function Q(n, t, e) {
-  return t.map((i) => Tt(n, i, e));
-}
-function Tt(n, t, e) {
-  let i = /* @__PURE__ */ w.createElement(U, {
-    key: t.key,
-    layoutInfo: t.layoutInfo,
-    virtualizer: t.virtualizer,
-    parent: n == null ? void 0 : n.layoutInfo
-  }, 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: t.content.key,
-    dropPosition: "before"
-  }, e), i, at(l, s, (a) => D(n, t, a, e)))), i;
-}
-function D(n, t, e, i) {
-  let l = i(e);
-  if (l) {
-    let o = t.virtualizer.layout.getDropTargetLayoutInfo(e);
-    l = /* @__PURE__ */ w.createElement(U, {
-      layoutInfo: o,
-      virtualizer: t.virtualizer,
-      parent: n == null ? void 0 : n.layoutInfo
-    }, l);
-  }
-  return l;
-}
-class Et extends Rt {
-  /**
-   * When using the ListLayout our scroll container height is not calculated properly when the content is partially sectioned.
-   * ```ts
-   * const partiallySectionedContent = [
-   *  {
-   *    name: 'fruit section',
-   *    children: [{ id: 'kiwi', name: 'Kiwi' }]
-   *  },
-   *  // berries have no section, because it's optional
-   *  { id: 'lingonberries', name: 'Lingonberries' }
-   * ];
-   * ```
-   * If we load the layout info for each key in the collection the calculation is correct.
-   *
-   * This might not be optional for performance, FYI
-   */
-  getContentSize() {
-    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 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: t,
-  ...e
-}) => /* @__PURE__ */ k(
-  _t,
-  {
-    layout: Et,
-    layoutOptions: {
-      headingHeight: 44
-    },
-    children: /* @__PURE__ */ k(
-      ot,
-      {
-        className: K(V.listBox, n),
-        ...e,
-        children: t
-      }
-    )
-  }
-), te = ({
-  children: n,
-  className: t,
-  ...e
-}) => /* @__PURE__ */ k(
-  nt,
-  {
-    className: K(V.listBoxItem, t),
-    ...e,
-    children: n
-  }
-), ee = ({
-  className: n,
-  children: t,
-  ...e
-}) => /* @__PURE__ */ k(
-  ft,
-  {
-    className: K(n, V.listBoxPopover),
-    offset: 0,
-    ...e,
-    children: t
-  }
-), ie = ({
-  children: n,
-  name: t,
-  ...e
-}) => /* @__PURE__ */ lt(st, { ...e, children: [
-  /* @__PURE__ */ k(gt, { className: V.listBoxSectionHeading, children: t }),
-  n
-] });
-export {
-  Zt as L,
-  te as a,
-  ee as b,
-  ie as c,
-  V as s
-};