@midas-ds/components 13.0.1 → 14.1.0

package/ListBox-mOCZvKD4.js

@@ -0,0 +1,534 @@
+import { $ as J, a as ue, b as fe, c as $e, d as be, e as pe, f as ve, g as K, h as ge } from "./Collection-BkxwF21i.js";
+import { $ as Q, b as X, a as I, f as Y, g as me, d as he } from "./utils-D2iKpxcZ.js";
+import { $ as N, a as xe, b as Pe, c as Z, d as De } from "./DragAndDrop-DF0VoPJw.js";
+import { $ as ye, a as Se, b as Ee, c as ke } from "./Separator-BWAnBMVN.js";
+import { b as Be } from "./RSPContexts-B0lEq7qq.js";
+import { a as Me, b as Fe, c as we } from "./SelectionIndicator-ant6jeC1.js";
+import { $ as Le } from "./Text-bqP9NeVg.js";
+import { c as ee, a as k, b as j, e as He } from "./mergeProps-Ct8m5-xW.js";
+import { $ as L } from "./filterDOMProps-wsa9OcNI.js";
+import { $ as Ie } from "./inertValue-B7loUihk.js";
+import d, { forwardRef as oe, createContext as te, useContext as x, useEffect as ae, useRef as C, useMemo as re } from "react";
+import { d as Ve } from "./usePress-BqQIhkNY.js";
+import { h as _e, i as Ae, $ as le, a as G } from "./useHover-DkC5FyNd.js";
+import { d as Te } from "./SelectionManager-C469yQeD.js";
+import { $ as Oe } from "./useFocusWithin-DhXBuB2O.js";
+import { a as Ce } from "./Button-CGe3Nyos.js";
+import { a as Ne, $ as Ue } from "./useListState-PZF3ahpk.js";
+import { $ as ze } from "./context-Dl_saGB6.js";
+import { $ as Ke, a as Re } from "./ListKeyboardDelegate-BHnZMUhW.js";
+import { $ as We } from "./useFocusRing-CcxI7nbg.js";
+const R = /* @__PURE__ */ new WeakMap();
+function qe(t) {
+  return typeof t == "string" ? t.replace(/\s*/g, "") : "" + t;
+}
+function je(t, e) {
+  let r = R.get(t);
+  if (!r) throw new Error("Unknown list");
+  return `${r.id}-option-${qe(e)}`;
+}
+function Ge(t, e, r) {
+  let o = L(t, {
+    labelable: !0
+  }), l = t.selectionBehavior || "toggle", i = t.linkBehavior || (l === "replace" ? "action" : "override");
+  l === "toggle" && i === "action" && (i = "override");
+  let { listProps: a } = ye({
+    ...t,
+    ref: r,
+    selectionManager: e.selectionManager,
+    collection: e.collection,
+    disabledKeys: e.disabledKeys,
+    linkBehavior: i
+  }), { focusWithinProps: n } = Oe({
+    onFocusWithin: t.onFocus,
+    onBlurWithin: t.onBlur,
+    onFocusWithinChange: t.onFocusChange
+  }), s = ee(t.id);
+  R.set(e, {
+    id: s,
+    shouldUseVirtualFocus: t.shouldUseVirtualFocus,
+    shouldSelectOnPressUp: t.shouldSelectOnPressUp,
+    shouldFocusOnHover: t.shouldFocusOnHover,
+    isVirtualized: t.isVirtualized,
+    onAction: t.onAction,
+    linkBehavior: i,
+    // @ts-ignore
+    UNSTABLE_itemBehavior: t.UNSTABLE_itemBehavior
+  });
+  let { labelProps: f, fieldProps: u } = Ce({
+    ...t,
+    id: s,
+    // listbox is not an HTML input element so it
+    // shouldn't be labeled by a <label> element.
+    labelElementType: "span"
+  });
+  return {
+    labelProps: f,
+    listBoxProps: k(o, n, e.selectionManager.selectionMode === "multiple" ? {
+      "aria-multiselectable": "true"
+    } : {}, {
+      role: "listbox",
+      ...k(u, a)
+    })
+  };
+}
+function Je(t, e, r) {
+  var o, l;
+  let { key: i } = t, a = R.get(e);
+  var n;
+  let s = (n = t.isDisabled) !== null && n !== void 0 ? n : e.selectionManager.isDisabled(i);
+  var f;
+  let u = (f = t.isSelected) !== null && f !== void 0 ? f : e.selectionManager.isSelected(i);
+  var b;
+  let c = (b = t.shouldSelectOnPressUp) !== null && b !== void 0 ? b : a == null ? void 0 : a.shouldSelectOnPressUp;
+  var m;
+  let v = (m = t.shouldFocusOnHover) !== null && m !== void 0 ? m : a == null ? void 0 : a.shouldFocusOnHover;
+  var g;
+  let p = (g = t.shouldUseVirtualFocus) !== null && g !== void 0 ? g : a == null ? void 0 : a.shouldUseVirtualFocus;
+  var P;
+  let E = (P = t.isVirtualized) !== null && P !== void 0 ? P : a == null ? void 0 : a.isVirtualized, B = j(), D = j(), y = {
+    role: "option",
+    "aria-disabled": s || void 0,
+    "aria-selected": e.selectionManager.selectionMode !== "none" ? u : void 0
+  };
+  _e() && Ae() || (y["aria-label"] = t["aria-label"], y["aria-labelledby"] = B, y["aria-describedby"] = D);
+  let $ = e.collection.getItem(i);
+  if (E) {
+    let h = Number($ == null ? void 0 : $.index);
+    y["aria-posinset"] = Number.isNaN(h) ? void 0 : h + 1, y["aria-setsize"] = Se(e.collection);
+  }
+  let _ = a != null && a.onAction ? () => {
+    var h;
+    return a == null || (h = a.onAction) === null || h === void 0 ? void 0 : h.call(a, i);
+  } : void 0, M = je(e, i), { itemProps: S, isPressed: F, isFocused: w, hasAction: A, allowsSelection: T } = Te({
+    selectionManager: e.selectionManager,
+    key: i,
+    ref: r,
+    shouldSelectOnPressUp: c,
+    allowsDifferentPressOrigin: c && v,
+    isVirtualized: E,
+    shouldUseVirtualFocus: p,
+    isDisabled: s,
+    onAction: _ || !($ == null || (o = $.props) === null || o === void 0) && o.onAction ? He($ == null || (l = $.props) === null || l === void 0 ? void 0 : l.onAction, _) : void 0,
+    linkBehavior: a == null ? void 0 : a.linkBehavior,
+    // @ts-ignore
+    UNSTABLE_itemBehavior: a == null ? void 0 : a.UNSTABLE_itemBehavior,
+    id: M
+  }), { hoverProps: U } = le({
+    isDisabled: s || !v,
+    onHoverStart() {
+      G() || (e.selectionManager.setFocused(!0), e.selectionManager.setFocusedKey(i));
+    }
+  }), H = L($ == null ? void 0 : $.props);
+  delete H.id;
+  let O = Ve($ == null ? void 0 : $.props);
+  return {
+    optionProps: {
+      ...y,
+      ...k(H, S, U, O),
+      id: M
+    },
+    labelProps: {
+      id: B
+    },
+    descriptionProps: {
+      id: D
+    },
+    isFocused: w,
+    isFocusVisible: w && e.selectionManager.isFocused && G(),
+    isSelected: u,
+    isDisabled: s,
+    isPressed: F,
+    allowsSelection: T,
+    hasAction: A
+  };
+}
+function Qe(t) {
+  let { heading: e, "aria-label": r } = t, o = ee();
+  return {
+    itemProps: {
+      role: "presentation"
+    },
+    headingProps: e ? {
+      // Techincally, listbox cannot contain headings according to ARIA.
+      // We hide the heading from assistive technology, using role="presentation",
+      // and only use it as a visual label for the nested group.
+      id: o,
+      role: "presentation"
+    } : {},
+    groupProps: {
+      role: "group",
+      "aria-label": r,
+      "aria-labelledby": e ? o : void 0
+    }
+  };
+}
+const ie = /* @__PURE__ */ te(null), V = /* @__PURE__ */ te(null), Do = /* @__PURE__ */ oe(function(e, r) {
+  [e, r] = Q(e, r, ie);
+  let o = x(V);
+  return o ? /* @__PURE__ */ d.createElement(de, {
+    state: o,
+    props: e,
+    listBoxRef: r
+  }) : /* @__PURE__ */ d.createElement(fe, {
+    content: /* @__PURE__ */ d.createElement($e, e)
+  }, (l) => /* @__PURE__ */ d.createElement(Xe, {
+    props: e,
+    listBoxRef: r,
+    collection: l
+  }));
+});
+function Xe({ props: t, listBoxRef: e, collection: r }) {
+  t = {
+    ...t,
+    collection: r,
+    children: null,
+    items: null
+  };
+  let { layoutDelegate: o } = x(K), l = Ue({
+    ...t,
+    layoutDelegate: o
+  });
+  return /* @__PURE__ */ d.createElement(de, {
+    state: l,
+    props: t,
+    listBoxRef: e
+  });
+}
+function de({ state: t, props: e, listBoxRef: r }) {
+  [e, r] = Q(e, r, Be);
+  let { dragAndDropHooks: o, layout: l = "stack", orientation: i = "vertical", filter: a } = e, n = Ne(t, a), { collection: s, selectionManager: f } = n, u = !!(o != null && o.useDraggableCollectionState), b = !!(o != null && o.useDroppableCollectionState), { direction: c } = ze(), { disabledBehavior: m, disabledKeys: v } = f, g = Ke({
+    usage: "search",
+    sensitivity: "base"
+  }), { isVirtualized: p, layoutDelegate: P, dropTargetDelegate: E, CollectionRoot: B } = x(K), D = re(() => e.keyboardDelegate || new Re({
+    collection: s,
+    collator: g,
+    ref: r,
+    disabledKeys: v,
+    disabledBehavior: m,
+    layout: l,
+    orientation: i,
+    direction: c,
+    layoutDelegate: P
+  }), [
+    s,
+    g,
+    r,
+    m,
+    v,
+    i,
+    c,
+    e.keyboardDelegate,
+    l,
+    P
+  ]), { listBoxProps: y } = Ge({
+    ...e,
+    shouldSelectOnPressUp: u || e.shouldSelectOnPressUp,
+    keyboardDelegate: D,
+    isVirtualized: p
+  }, n, r), $ = C(u), _ = C(b);
+  ae(() => {
+    process.env.NODE_ENV !== "production" && ($.current !== u && console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior."), _.current !== b && console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior."));
+  }, [
+    u,
+    b
+  ]);
+  let M, S, F, w = !1, A = null, T = C(null);
+  if (u && o) {
+    M = o.useDraggableCollectionState({
+      collection: s,
+      selectionManager: f,
+      preview: o.renderDragPreview ? T : void 0
+    }), o.useDraggableCollection({}, M, r);
+    let z = o.DragPreview;
+    A = o.renderDragPreview ? /* @__PURE__ */ d.createElement(z, {
+      ref: T
+    }, o.renderDragPreview) : null;
+  }
+  if (b && o) {
+    S = o.useDroppableCollectionState({
+      collection: s,
+      selectionManager: f
+    });
+    let z = o.dropTargetDelegate || E || new o.ListDropTargetDelegate(s, r, {
+      orientation: i,
+      layout: l,
+      direction: c
+    });
+    F = o.useDroppableCollection({
+      keyboardDelegate: D,
+      dropTargetDelegate: z
+    }, S, r), w = S.isDropTarget({
+      type: "root"
+    });
+  }
+  let { focusProps: U, isFocused: H, isFocusVisible: O } = We(), h = n.collection.size === 0, W = {
+    isDropTarget: w,
+    isEmpty: h,
+    isFocused: H,
+    isFocusVisible: O,
+    layout: e.layout || "stack",
+    state: n
+  }, se = I({
+    className: e.className,
+    style: e.style,
+    defaultClassName: "react-aria-ListBox",
+    values: W
+  }), q = null;
+  h && e.renderEmptyState && (q = /* @__PURE__ */ d.createElement("div", {
+    // eslint-disable-next-line
+    role: "option",
+    style: {
+      display: "contents"
+    }
+  }, e.renderEmptyState(W)));
+  let ce = L(e, {
+    global: !0
+  });
+  return /* @__PURE__ */ d.createElement(Fe, null, /* @__PURE__ */ d.createElement("div", {
+    ...k(ce, se, y, U, F == null ? void 0 : F.collectionProps),
+    ref: r,
+    slot: e.slot || void 0,
+    onScroll: e.onScroll,
+    "data-drop-target": w || void 0,
+    "data-empty": h || void 0,
+    "data-focused": H || void 0,
+    "data-focus-visible": O || void 0,
+    "data-layout": e.layout || "stack",
+    "data-orientation": e.orientation || "vertical"
+  }, /* @__PURE__ */ d.createElement(Y, {
+    values: [
+      [
+        ie,
+        e
+      ],
+      [
+        V,
+        n
+      ],
+      [
+        N,
+        {
+          dragAndDropHooks: o,
+          dragState: M,
+          dropState: S
+        }
+      ],
+      [
+        Ee,
+        {
+          elementType: "div"
+        }
+      ],
+      [
+        Pe,
+        {
+          render: Ye
+        }
+      ],
+      [
+        ge,
+        {
+          name: "ListBoxSection",
+          render: ne
+        }
+      ]
+    ]
+  }, /* @__PURE__ */ d.createElement(we, null, /* @__PURE__ */ d.createElement(B, {
+    collection: s,
+    scrollRef: r,
+    persistedKeys: De(f, o, S),
+    renderDropIndicator: Z(o, S)
+  }))), q, A));
+}
+function ne(t, e, r, o = "react-aria-ListBoxSection") {
+  let l = x(V), { dragAndDropHooks: i, dropState: a } = x(N), { CollectionBranch: n } = x(K), [s, f] = he();
+  var u;
+  let { headingProps: b, groupProps: c } = Qe({
+    heading: f,
+    "aria-label": (u = t["aria-label"]) !== null && u !== void 0 ? u : void 0
+  }), m = I({
+    defaultClassName: o,
+    className: t.className,
+    style: t.style,
+    values: {}
+  }), v = L(t, {
+    global: !0
+  });
+  return delete v.id, /* @__PURE__ */ d.createElement("section", {
+    ...k(v, m, c),
+    ref: e
+  }, /* @__PURE__ */ d.createElement(ke.Provider, {
+    value: {
+      ...b,
+      ref: s
+    }
+  }, /* @__PURE__ */ d.createElement(n, {
+    collection: l.collection,
+    parent: r,
+    renderDropIndicator: Z(i, a)
+  })));
+}
+const yo = /* @__PURE__ */ ue(pe, ne), So = /* @__PURE__ */ J(be, function(e, r, o) {
+  let l = X(r), i = x(V), { dragAndDropHooks: a, dragState: n, dropState: s } = x(N), { optionProps: f, labelProps: u, descriptionProps: b, ...c } = Je({
+    key: o.key,
+    "aria-label": e == null ? void 0 : e["aria-label"]
+  }, i, l), { hoverProps: m, isHovered: v } = le({
+    isDisabled: !c.allowsSelection && !c.hasAction,
+    onHoverStart: o.props.onHoverStart,
+    onHoverChange: o.props.onHoverChange,
+    onHoverEnd: o.props.onHoverEnd
+  }), g = null;
+  n && a && (g = a.useDraggableItem({
+    key: o.key
+  }, n));
+  let p = null;
+  s && a && (p = a.useDroppableItem({
+    target: {
+      type: "item",
+      key: o.key,
+      dropPosition: "on"
+    }
+  }, s, l));
+  let P = n && n.isDragging(o.key), E = I({
+    ...e,
+    id: void 0,
+    children: e.children,
+    defaultClassName: "react-aria-ListBoxItem",
+    values: {
+      ...c,
+      isHovered: v,
+      selectionMode: i.selectionManager.selectionMode,
+      selectionBehavior: i.selectionManager.selectionBehavior,
+      allowsDragging: !!n,
+      isDragging: P,
+      isDropTarget: p == null ? void 0 : p.isDropTarget
+    }
+  });
+  ae(() => {
+    !o.textValue && process.env.NODE_ENV !== "production" && console.warn("A `textValue` prop is required for <ListBoxItem> elements with non-plain text children in order to support accessibility features such as type to select.");
+  }, [
+    o.textValue
+  ]);
+  let B = e.href ? "a" : "div", D = L(e, {
+    global: !0
+  });
+  return delete D.id, delete D.onClick, /* @__PURE__ */ d.createElement(B, {
+    ...k(D, E, f, m, g == null ? void 0 : g.dragProps, p == null ? void 0 : p.dropProps),
+    ref: l,
+    "data-allows-dragging": !!n || void 0,
+    "data-selected": c.isSelected || void 0,
+    "data-disabled": c.isDisabled || void 0,
+    "data-hovered": v || void 0,
+    "data-focused": c.isFocused || void 0,
+    "data-focus-visible": c.isFocusVisible || void 0,
+    "data-pressed": c.isPressed || void 0,
+    "data-dragging": P || void 0,
+    "data-drop-target": (p == null ? void 0 : p.isDropTarget) || void 0,
+    "data-selection-mode": i.selectionManager.selectionMode === "none" ? void 0 : i.selectionManager.selectionMode
+  }, /* @__PURE__ */ d.createElement(Y, {
+    values: [
+      [
+        Le,
+        {
+          slots: {
+            [me]: u,
+            label: u,
+            description: b
+          }
+        }
+      ],
+      [
+        Me,
+        {
+          isSelected: c.isSelected
+        }
+      ]
+    ]
+  }, E.children));
+});
+function Ye(t, e) {
+  e = X(e);
+  let { dragAndDropHooks: r, dropState: o } = x(N), { dropIndicatorProps: l, isHidden: i, isDropTarget: a } = r.useDropIndicator(t, o, e);
+  return i ? null : /* @__PURE__ */ d.createElement(eo, {
+    ...t,
+    dropIndicatorProps: l,
+    isDropTarget: a,
+    ref: e
+  });
+}
+function Ze(t, e) {
+  let { dropIndicatorProps: r, isDropTarget: o, ...l } = t, i = I({
+    ...l,
+    defaultClassName: "react-aria-DropIndicator",
+    values: {
+      isDropTarget: o
+    }
+  });
+  return /* @__PURE__ */ d.createElement("div", {
+    ...r,
+    ...i,
+    // eslint-disable-next-line
+    role: "option",
+    ref: e,
+    "data-drop-target": o || void 0
+  });
+}
+const eo = /* @__PURE__ */ oe(Ze), Eo = J(ve, function(e, r, o) {
+  let l = x(V), { isLoading: i, onLoadMore: a, scrollOffset: n, ...s } = e, f = C(null), u = re(() => ({
+    onLoadMore: a,
+    collection: l == null ? void 0 : l.collection,
+    sentinelRef: f,
+    scrollOffset: n
+  }), [
+    a,
+    n,
+    l == null ? void 0 : l.collection
+  ]);
+  xe(u, f);
+  let b = I({
+    ...s,
+    id: void 0,
+    children: o.rendered,
+    defaultClassName: "react-aria-ListBoxLoadingIndicator",
+    values: null
+  }), c = {
+    // For Android talkback
+    tabIndex: -1
+  };
+  return /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement("div", {
+    style: {
+      position: "relative",
+      width: 0,
+      height: 0
+    },
+    inert: Ie(!0)
+  }, /* @__PURE__ */ d.createElement("div", {
+    "data-testid": "loadMoreSentinel",
+    ref: f,
+    style: {
+      position: "absolute",
+      height: 1,
+      width: 1
+    }
+  })), i && b.children && /* @__PURE__ */ d.createElement("div", {
+    ...k(L(e, {
+      global: !0
+    }), c),
+    ...b,
+    // aria-selected isn't needed here since this option is not selectable.
+    // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
+    role: "option",
+    ref: r
+  }, b.children));
+});
+export {
+  Eo as $,
+  Do as a,
+  So as b,
+  yo as c,
+  R as d,
+  je as e,
+  ie as f,
+  V as g
+};

package/{ListBoxLoadMoreItem-C4jnDcYH.js → ListBoxLoadMoreItem-CLdTe6-z.js}

@@ -1,9 +1,9 @@
 import { jsx as t, jsxs as m, Fragment as d } from "react/jsx-runtime";
-import { c as e } from "./clsx-OuTLNxxd.js";
-import { s as a } from "./ListBoxSection-D7BcbjUt.js";
-import { $ as c } from "./ListBox-LncMQt6I.js";
-import { S as l } from "./Spinner-BZ7i01Kt.js";
-import { u as p } from "./useLocalizedStringFormatter-N0AyjzbM.js";
+import { c as e } from "./clsx-jbLnTBqA.js";
+import { s as a } from "./ListBoxSection-D_kTkvgG.js";
+import { $ as c } from "./ListBox-mOCZvKD4.js";
+import { S as l } from "./Spinner-D6Fcu_Dp.js";
+import { u as p } from "./useLocalizedStringFormatter-aOhh7wdl.js";
 const S = ({ className: o, children: s, ...r }) => /* @__PURE__ */ t(
   "button",
   {

package/{ListBoxLoadMoreItem-3jGpi90m.cjs → ListBoxLoadMoreItem-UX0jFQN4.cjs}

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),r=require("./clsx-C11secjj.cjs"),n=require("./ListBoxSection-BeDwnVZx.cjs"),c=require("./ListBox-ICZKGluC.cjs"),l=require("./Spinner-DxWDMW6e.cjs"),d=require("./useLocalizedStringFormatter-BO2iZEL0.cjs"),x=({className:s,children:e,...o})=>t.jsx("button",{type:"button",className:r.clsx(n.styles.listBoxItem,n.styles.listBoxButton,s),...o,children:e}),u={"loading...":"Loading..."},m={"loading...":"Laddar..."},L={en:u,sv:m},B=({className:s,children:e,isLoading:o,...i})=>{const a=d.useLocalizedStringFormatter(L);return t.jsx(c.$eed445e0843c11d0$export$8e6d031a08cf56a1,{className:r.clsx(n.styles.listBoxLoadMoreItem,s),isLoading:o,...i,children:e||t.jsxs(t.Fragment,{children:[t.jsx(l.Spinner,{small:!0}),t.jsx("span",{"aria-hidden":!0,children:a.format("loading...")})]})})};exports.ListBoxButton=x;exports.ListBoxLoadMoreItem=B;
+"use strict";const t=require("react/jsx-runtime"),r=require("./clsx-DKOfLqne.cjs"),n=require("./ListBoxSection-BNBHosou.cjs"),c=require("./ListBox-TGCxrXIJ.cjs"),l=require("./Spinner-DIapnvIz.cjs"),d=require("./useLocalizedStringFormatter-BSac43NO.cjs"),x=({className:s,children:e,...o})=>t.jsx("button",{type:"button",className:r.clsx(n.styles.listBoxItem,n.styles.listBoxButton,s),...o,children:e}),u={"loading...":"Loading..."},m={"loading...":"Laddar..."},L={en:u,sv:m},B=({className:s,children:e,isLoading:o,...i})=>{const a=d.useLocalizedStringFormatter(L);return t.jsx(c.$eed445e0843c11d0$export$8e6d031a08cf56a1,{className:r.clsx(n.styles.listBoxLoadMoreItem,s),isLoading:o,...i,children:e||t.jsxs(t.Fragment,{children:[t.jsx(l.Spinner,{small:!0}),t.jsx("span",{"aria-hidden":!0,children:a.format("loading...")})]})})};exports.ListBoxButton=x;exports.ListBoxLoadMoreItem=B;

package/ListBoxSection-BNBHosou.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/ListBoxSection.css');const S=require("react/jsx-runtime"),M=require("./ListBox-TGCxrXIJ.cjs"),Y=require("./Collection-vGO6v3_U.cjs"),c=require("react"),L=require("./mergeProps-Du5A8xi8.cjs"),D=require("./context-UOrD6Zxk.cjs"),T=require("react-dom"),Z=require("./OverlayArrow-bcrb_syE.cjs"),ee=require("./useEvent-C125NAue.cjs"),V=require("./clsx-DKOfLqne.cjs"),q=require("./SelectionManager-uFYC4wpu.cjs"),te=require("./Dialog-PrnV8KTh.cjs"),ie=require("./Separator-J0pLW4BN.cjs");class le{shouldInvalidate(e,t){return e.width!==t.width||e.height!==t.height}shouldInvalidateLayoutOptions(e,t){return e!==t}update(e){}getItemRect(e){var t,i;return(i=(t=this.getLayoutInfo(e))===null||t===void 0?void 0:t.rect)!==null&&i!==void 0?i:null}getVisibleRect(){return this.virtualizer.visibleRect}constructor(){this.virtualizer=null}}class b{copy(){let e=new b(this.type,this.key,this.rect.copy());return e.estimatedSize=this.estimatedSize,e.opacity=this.opacity,e.transform=this.transform,e.parentKey=this.parentKey,e.content=this.content,e.isSticky=this.isSticky,e.zIndex=this.zIndex,e.allowOverflow=this.allowOverflow,e}constructor(e,t,i){this.type=e,this.key=t,this.parentKey=null,this.content=null,this.rect=i,this.estimatedSize=!1,this.isSticky=!1,this.opacity=1,this.transform=null,this.zIndex=0,this.allowOverflow=!1}}class x{copy(){return new x(this.x,this.y)}equals(e){return this.x===e.x&&this.y===e.y}isOrigin(){return this.x===0&&this.y===0}constructor(e=0,t=0){this.x=e,this.y=t}}class g{get maxX(){return this.x+this.width}get maxY(){return this.y+this.height}get area(){return this.width*this.height}get topLeft(){return new x(this.x,this.y)}get topRight(){return new x(this.maxX,this.y)}get bottomLeft(){return new x(this.x,this.maxY)}get bottomRight(){return new x(this.maxX,this.maxY)}intersects(e){return(process.env.NODE_ENV==="test"&&!process.env.VIRT_ON||this.area>0&&e.area>0)&&this.x<=e.x+e.width&&e.x<=this.x+this.width&&this.y<=e.y+e.height&&e.y<=this.y+this.height}containsRect(e){return this.x<=e.x&&this.y<=e.y&&this.maxX>=e.maxX&&this.maxY>=e.maxY}containsPoint(e){return this.x<=e.x&&this.y<=e.y&&this.maxX>=e.x&&this.maxY>=e.y}getCornerInRect(e){for(let t of["topLeft","topRight","bottomLeft","bottomRight"])if(e.containsPoint(this[t]))return t;return null}equals(e){return e.x===this.x&&e.y===this.y&&e.width===this.width&&e.height===this.height}pointEquals(e){return this.x===e.x&&this.y===e.y}sizeEquals(e){return this.width===e.width&&this.height===e.height}union(e){let t=Math.min(this.x,e.x),i=Math.min(this.y,e.y),l=Math.max(this.maxX,e.maxX)-t,o=Math.max(this.maxY,e.maxY)-i;return new g(t,i,l,o)}intersection(e){if(!this.intersects(e))return new g(0,0,0,0);let t=Math.max(this.x,e.x),i=Math.max(this.y,e.y);return new g(t,i,Math.min(this.maxX,e.maxX)-t,Math.min(this.maxY,e.maxY)-i)}copy(){return new g(this.x,this.y,this.width,this.height)}constructor(e=0,t=0,i=0,l=0){this.x=e,this.y=t,this.width=i,this.height=l}}class z{copy(){return new z(this.width,this.height)}equals(e){return this.width===e.width&&this.height===e.height}get area(){return this.width*this.height}constructor(e=0,t=0){this.width=Math.max(e,0),this.height=Math.max(t,0)}}let oe=0;class W{prepareForReuse(){this.content=null,this.rendered=null,this.layoutInfo=null}getReusableView(e){let t=this.reusableViews.get(e);return t&&t.length>0?t.shift():new se(this.virtualizer,this,e)}reuseChild(e){e.prepareForReuse();let t=this.reusableViews.get(e.viewType);t||(t=[],this.reusableViews.set(e.viewType,t)),t.push(e)}constructor(e,t){this.virtualizer=e,this.key=++oe,this.viewType=t,this.children=new Set,this.reusableViews=new Map,this.layoutInfo=null,this.content=null,this.rendered=null}}class ne extends W{constructor(e){super(e,"root")}}class se extends W{constructor(e,t,i){super(e,i),this.parent=t}}function re(n,e){if(n===e)return!0;if(n.size!==e.size)return!1;for(let t of n)if(!e.has(t))return!1;return!0}class ae{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}getOverscannedRect(){let e=this.visibleRect.copy(),t=this.visibleRect.height/3;if(e.height+=t,this.velocity.y<0&&(e.y-=t),this.velocity.x!==0){let i=this.visibleRect.width/3;e.width+=i,this.velocity.x<0&&(e.x-=i)}return e}constructor(){this.startTime=0,this.velocity=new x(0,0),this.visibleRect=new g}}class he{isPersistedKey(e){if(this.persistedKeys.has(e))return!0;for(let t of this.persistedKeys)for(;t!=null;){let i=this.layout.getLayoutInfo(t);if(!i||i.parentKey==null)break;if(t=i.parentKey,t===e)return!0}return!1}getParentView(e){return e.parentKey!=null?this._visibleViews.get(e.parentKey):this._rootView}getReusableView(e){let i=this.getParentView(e).getReusableView(e.type);return i.layoutInfo=e,this._renderView(i),i}_renderView(e){if(e.layoutInfo){let{type:t,key:i,content:l}=e.layoutInfo;e.content=l||this.collection.getItem(i),e.rendered=this._renderContent(t,e.content)}}_renderContent(e,t){let i=t!=null?this._renderedContent.get(t):null;if(i!=null)return i;let l=this.delegate.renderView(e,t);return t&&this._renderedContent.set(t,l),l}keyAtPoint(e){let t=new g(e.x,e.y,1,1),i=t.area===0?[]:this.layout.getVisibleLayoutInfos(t);for(let l of i)if(l.rect.intersects(t))return l.key;return null}relayout(e={}){this.layout.update(e),this.contentSize=this.layout.getContentSize();let t=this.visibleRect,i=e.contentChanged?0:t.x,l=e.contentChanged?0:t.y;if(i=Math.max(0,Math.min(this.contentSize.width-t.width,i)),l=Math.max(0,Math.min(this.contentSize.height-t.height,l)),i!==t.x||l!==t.y){let o=new g(i,l,t.width,t.height);this.delegate.setVisibleRect(o)}else this.updateSubviews()}getVisibleLayoutInfos(){let e=process.env.NODE_ENV==="test"&&!process.env.VIRT_ON,t=e&&typeof HTMLElement<"u"&&Object.getOwnPropertyNames(HTMLElement.prototype).includes("clientWidth"),i=e&&typeof HTMLElement<"u"&&Object.getOwnPropertyNames(HTMLElement.prototype).includes("clientHeight"),l;e&&!(t&&i)?l=new g(0,0,this.contentSize.width,this.contentSize.height):l=this._overscanManager.getOverscannedRect();let o=this.layout.getVisibleLayoutInfos(l),s=new Map;for(let a of o)s.set(a.key,a);return s}updateSubviews(){let e=this.getVisibleLayoutInfos(),t=new Set;for(let[i,l]of this._visibleViews){let o=e.get(i);(!o||l.parent!==this.getParentView(o))&&(this._visibleViews.delete(i),l.parent.reuseChild(l),t.add(l))}for(let[i,l]of e){let o=this._visibleViews.get(i);if(!o)o=this.getReusableView(l),o.parent.children.add(o),this._visibleViews.set(i,o),t.delete(o);else{o.layoutInfo=l;let s=this.collection.getItem(l.key);o.content!==s&&(o.content!=null&&this._renderedContent.delete(o.content),this._renderView(o))}}for(let i of t)i.parent.children.delete(i),i.parent.reusableViews.clear();if(!this._isScrolling)for(let i of e.keys()){let l=this._visibleViews.get(i);l.parent.children.delete(l),l.parent.children.add(l)}}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&&!re(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({offsetChanged:l,sizeChanged:o,itemSizeChanged:s,layoutOptionsChanged:a,layoutOptions:this._invalidationContext.layoutOptions}):h&&this.updateSubviews(),Array.from(this._rootView.children)}getVisibleView(e){return this._visibleViews.get(e)}invalidate(e){this.delegate.invalidate(e)}updateItemSize(e,t){if(!this.layout.updateItemSize)return;this.layout.updateItemSize(e,t)&&this.invalidate({itemSizeChanged:!0})}constructor(e){this.delegate=e.delegate,this.collection=e.collection,this.layout=e.layout,this.contentSize=new z,this.visibleRect=new g,this.persistedKeys=new Set,this._visibleViews=new Map,this._renderedContent=new WeakMap,this._rootView=new ne(this),this._isScrolling=!1,this._invalidationContext={},this._overscanManager=new ae}}const de=typeof document<"u"?c.useLayoutEffect:()=>{};function ce(n){let[e,t]=c.useState(new g(0,0,0,0)),[i,l]=c.useState(!1),[o,s]=c.useState({}),a=c.useRef(!1),[h]=c.useState(()=>new he({collection:n.collection,layout:n.layout,delegate:{setVisibleRect(p){t(p),a.current=!0},renderView:n.renderView,invalidate:s}}));de(()=>{a.current&&(a.current=!1,n.onVisibleRectChange(e))});let r=c.useMemo(()=>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:e,invalidationContext:r,isScrolling:i}),u=h.contentSize,f=c.useCallback(()=>{l(!0)},[]),v=c.useCallback(()=>{l(!1)},[]);return c.useMemo(()=>({virtualizer:h,visibleViews:d,setVisibleRect:t,contentSize:u,isScrolling:i,startScrolling:f,endScrolling:v}),[h,d,t,u,i,f,v])}const $=48;class ue extends le{get collection(){return this.virtualizer.collection}getLayoutInfo(e){var t;return this.ensureLayoutInfo(e),((t=this.layoutNodes.get(e))===null||t===void 0?void 0:t.layoutInfo)||null}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:$)+this.gap;e.y=Math.floor(e.y/s)*s,e.height=Math.ceil(e.height/s)*s}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))};return o(this.rootNodes),l}layoutIfNeeded(e){if(this.lastCollection){this.requestedRect.containsRect(e)||(this.requestedRect=this.requestedRect.union(e),this.rootNodes=this.buildCollection());for(let t of this.virtualizer.persistedKeys)if(this.ensureLayoutInfo(t))return}}ensureLayoutInfo(e){return!this.layoutNodes.has(e)&&this.requestedRect.area<this.contentSize.area&&this.lastCollection?(this.requestedRect=new g(0,0,1/0,1/0),this.rootNodes=this.buildCollection(),this.requestedRect=new g(0,0,this.contentSize.width,this.contentSize.height),!0):!1}isVisible(e,t){return e.layoutInfo.rect.intersects(t)||e.layoutInfo.isSticky||e.layoutInfo.type==="header"||e.layoutInfo.type==="loader"||this.virtualizer.isPersistedKey(e.layoutInfo.key)}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)}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}update(e){let t=this.virtualizer.collection;this.invalidateEverything=this.shouldInvalidateEverything(e),this.invalidateEverything&&(this.requestedRect=this.virtualizer.visibleRect.copy(),this.layoutNodes.clear());let i=e.layoutOptions;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 u;if(this.padding=(u=i==null?void 0:i.padding)!==null&&u!==void 0?u:this.padding,this.rootNodes=this.buildCollection(),this.lastCollection&&t!==this.lastCollection)for(let f of this.lastCollection.getKeys())t.getItem(f)||this.layoutNodes.get(f)&&this.layoutNodes.delete(f);this.lastCollection=t,this.invalidateEverything=!1,this.validRect=this.requestedRect.copy()}buildCollection(e=this.padding){let t=this.virtualizer.collection,i=[...t],l=i.filter(r=>r.type==="loader"),o=[],s=(t==null?void 0:t.size)===0;s&&(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:$)+this.gap;if(r.type==="item"&&e+d<this.requestedRect.y&&!this.isValid(r,e)){e+=d;continue}let u=this.buildChild(r,this.padding,e,null);if(e=u.layoutInfo.rect.maxY+this.gap,o.push(u),r.type==="loader"){let f=l.indexOf(r);l.splice(f,1)}if((r.type==="item"||r.type==="loader")&&e>this.requestedRect.maxY){let f=i.indexOf(r);for(let v of l){let y=i.indexOf(v);e+=(y-f-1)*d;let p=this.buildChild(v,this.padding,e,null);o.push(p),e=p.layoutInfo.rect.maxY,f=y}e+=(i.length-f-1)*d;break}}return e-=this.gap,e+=s?0:this.padding,this.contentSize=new z(this.virtualizer.visibleRect.width,e),o}isValid(e,t){let i=this.layoutNodes.get(e.key);return!this.invalidateEverything&&!!i&&i.node===e&&t===i.layoutInfo.rect.y&&i.layoutInfo.rect.intersects(this.validRect)&&i.validRect.containsRect(i.layoutInfo.rect.intersection(this.requestedRect))}buildChild(e,t,i,l){if(this.isValid(e,i))return this.layoutNodes.get(e.key);let o=this.buildNode(e,t,i);return o.layoutInfo.parentKey=l??null,o.layoutInfo.allowOverflow=!0,this.layoutNodes.set(e.key,o),o}buildNode(e,t,i){switch(e.type){case"section":return this.buildSection(e,t,i);case"item":return this.buildItem(e,t,i);case"header":return this.buildSectionHeader(e,t,i);case"loader":return this.buildLoader(e,t,i);case"separator":return this.buildItem(e,t,i);default:throw new Error("Unsupported node type: "+e.type)}}buildLoader(e,t,i){let l=new g(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:$: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 g(t,i,o-t,0),a=new b(e.type,e.key,s),h=i,r=0,d=[];for(let v of q.$c5a24bc478652b5f$export$1005530eda016c13(e,l)){var u,f;let y=((f=(u=this.rowHeight)!==null&&u!==void 0?u:this.estimatedRowHeight)!==null&&f!==void 0?f:$)+this.gap;if(i+y<this.requestedRect.y&&!this.isValid(e,i)){i+=y,r++;continue}let p=this.buildChild(v,t,i,a.key);if(i=p.layoutInfo.rect.maxY+this.gap,d.push(p),i>this.requestedRect.maxY){i+=([...q.$c5a24bc478652b5f$export$1005530eda016c13(e,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:e}}buildSectionHeader(e,t,i){let l=this.virtualizer.visibleRect.width-this.padding,o=this.headingHeight,s=!1;if(o==null){let r=this.layoutNodes.get(e.key),d=r==null?void 0:r.layoutInfo;if(d){let u=this.virtualizer.collection.getItem(e.key),f=this.lastCollection?this.lastCollection.getItem(e.key):null;o=d.rect.height,s=l!==d.rect.width||u!==f||d.estimatedSize}else o=e.rendered?this.estimatedHeadingHeight:0,s=!0}o==null&&(o=$);let a=new g(t,i,l-t,o),h=new b("header",e.key,a);return h.estimatedSize=s,{layoutInfo:h,children:[],validRect:h.rect.intersection(this.requestedRect),node:e}}buildItem(e,t,i){let l=this.virtualizer.visibleRect.width-this.padding-t,o=this.rowHeight,s=!1;if(o==null){let r=this.layoutNodes.get(e.key);r?(o=r.layoutInfo.rect.height,s=l!==r.layoutInfo.rect.width||e!==r.node||r.layoutInfo.estimatedSize):(o=this.estimatedRowHeight,s=!0)}o==null&&(o=$);let a=new g(t,i,l,o),h=new b(e.type,e.key,a);return h.estimatedSize=s,{layoutInfo:h,children:[],validRect:h.rect,node:e}}updateItemSize(e,t){let i=this.layoutNodes.get(e);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 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(e,t,i){let l=this.layoutNodes.get(e);l&&(l.validRect=l.validRect.intersection(this.validRect),l.layoutInfo===t&&(l.layoutInfo=i))}getContentSize(){return this.contentSize}getDropTargetFromPoint(e,t,i){e+=this.virtualizer.visibleRect.x,t+=this.virtualizer.visibleRect.y;let l=new g(e,Math.max(0,t-this.gap),1,Math.max(1,this.gap*2)),o=this.getVisibleLayoutInfos(l),s=null,a=1/0;for(let u of o){if(!u.rect.intersects(l))continue;let f=Math.abs(u.rect.y-t),v=Math.abs(u.rect.maxY-t),y=Math.min(f,v);y<a&&(a=y,s=u.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)?t<=r.y+10&&i({...d,dropPosition:"before"})?d.dropPosition="before":t>=r.maxY-10&&i({...d,dropPosition:"after"})&&(d.dropPosition="after"):t<=r.y+r.height/2&&i({...d,dropPosition:"before"})?d.dropPosition="before":i({...d,dropPosition:"after"})&&(d.dropPosition="after"),d}getDropTargetLayoutInfo(e){let t=this.getLayoutInfo(e.key),i;if(e.dropPosition==="before")i=new g(t.rect.x,Math.max(0,t.rect.y-this.dropIndicatorThickness/2),t.rect.width,this.dropIndicatorThickness);else if(e.dropPosition==="after"){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);for(;a!=null;){let h=this.collection.getItem(a);if(!h||h.level<=s)break;t=this.getLayoutInfo(a)||t,a=this.collection.getKeyAfter(a)}}i=new g(t.rect.x,t.rect.maxY-this.dropIndicatorThickness/2,t.rect.width,this.dropIndicatorThickness)}else i=t.rect;return new b("dropIndicator",e.key+":"+e.dropPosition,i)}constructor(e={}){super();var t;this.rowHeight=(t=e.rowHeight)!==null&&t!==void 0?t:null;var i;this.estimatedRowHeight=(i=e.estimatedRowHeight)!==null&&i!==void 0?i:null;var l;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=new Map,this.rootNodes=[],this.lastCollection=null,this.invalidateEverything=!1,this.validRect=new g,this.requestedRect=new g,this.contentSize=new z}}let R=null;function fe(n=!1){if(R===null||n){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?R="positive-descending":(e.scrollLeft=1,e.scrollLeft===0?R="negative":R="positive-ascending"),document.body.removeChild(e),R}return R}function ge(n,e){let{scrollLeft:t}=n;if(e==="rtl"){let{scrollWidth:i,clientWidth:l}=n;switch(fe()){case"negative":t=-t;break;case"positive-descending":t=i-l-t;break}}return t}function ye(n,e){let{contentSize:t,onVisibleRectChange:i,innerStyle:l,onScrollStart:o,onScrollEnd:s,scrollDirection:a="both",...h}=n,r=c.useRef({scrollTop:0,scrollLeft:0,scrollEndTime:0,scrollTimeout:null,width:0,height:0,isScrolling:!1}).current,{direction:d}=D.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),[u,f]=c.useState(!1),v=c.useCallback(w=>{w.target===w.currentTarget&&(n.onScroll&&n.onScroll(w),T.flushSync(()=>{let m=w.currentTarget.scrollTop,H=ge(w.currentTarget,d);r.scrollTop=Math.max(0,Math.min(m,t.height-r.height)),r.scrollLeft=Math.max(0,Math.min(H,t.width-r.width)),i(new g(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 _=Date.now();r.scrollEndTime<=_+50&&(r.scrollEndTime=_+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,t,i,o,s]);ee.$e9faafb641e167db$export$90fc3a17d93f704c(e,"scroll",v),c.useEffect(()=>()=>{r.scrollTimeout!=null&&clearTimeout(r.scrollTimeout),r.isScrolling&&window.dispatchEvent(new Event("tk.connect-observer"))},[]);let y=c.useRef(!1),p=L.$8ae05eaa5c114e9c$export$7f54fc3180508a52(w=>{let m=e.current;if(!m||y.current)return;y.current=!0;let H=process.env.NODE_ENV==="test"&&!process.env.VIRT_ON,_=Object.getOwnPropertyNames(window.HTMLElement.prototype).includes("clientWidth"),Q=Object.getOwnPropertyNames(window.HTMLElement.prototype).includes("clientHeight"),O=m.clientWidth,P=m.clientHeight,N=H&&!_?1/0:O,E=H&&!Q?1/0:P;(r.width!==N||r.height!==E)&&(r.width=N,r.height=E,w(()=>{i(new g(r.scrollLeft,r.scrollTop,N,E))}),(!H&&O!==m.clientWidth||P!==m.clientHeight)&&(r.width=m.clientWidth,r.height=m.clientHeight,w(()=>{i(new g(r.scrollLeft,r.scrollTop,r.width,r.height))}))),y.current=!1}),k=c.useRef(null),[U,G]=c.useState({});L.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{if(!y.current&&(k.current==null||!t.equals(k.current)))if(typeof IS_REACT_ACT_ENVIRONMENT=="boolean"?IS_REACT_ACT_ENVIRONMENT:typeof jest<"u"){G({}),k.current=t;return}else queueMicrotask(()=>p(T.flushSync));k.current=t}),L.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{p(w=>w())},[U]);let J=c.useCallback(()=>{p(T.flushSync)},[p]);Z.$9daab02d461809db$export$683480f191c0e3ea({ref:e,box:"border-box",onResize:J});let I={padding:0,...h.style};return a==="horizontal"?(I.overflowX="auto",I.overflowY="hidden"):a==="vertical"||t.width===r.width?(I.overflowY="auto",I.overflowX="hidden"):I.overflow="auto",l={width:Number.isFinite(t.width)?t.width:void 0,height:Number.isFinite(t.height)?t.height:void 0,pointerEvents:u?"none":"auto",position:"relative",...l},{isScrolling:u,scrollViewProps:{...h,style:I},contentProps:{role:"presentation",style:l}}}function ve(n){let{layoutInfo:e,virtualizer:t,ref:i}=n,l=e==null?void 0:e.key,o=c.useCallback(()=>{if(l!=null&&i.current){let s=pe(i.current);t.updateItemSize(l,s)}},[t,l,i]);return L.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{e!=null&&e.estimatedSize&&o()}),{updateSize:o}}function pe(n){let e=n.style.height;n.style.height="";let t=new z(n.scrollWidth,n.scrollHeight);return n.style.height=e,t}function X(n){let{style:e,className:t,layoutInfo:i,virtualizer:l,parent:o,children:s}=n,{direction:a}=D.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),h=c.useRef(null);return ve({layoutInfo:i,virtualizer:l,ref:h}),c.createElement("div",{role:"presentation",ref:h,className:t,style:{...we(i,a,o),...e}},s)}let B=new WeakMap;function we(n,e,t){let i=e==="rtl"?"right":"left",l=B.get(n);if(l&&l[i]!=null){if(!t)return l;let h=n.rect.y-t.rect.y,r=n.rect.x-t.rect.x;if(l.top===h&&l[i]===r)return l}let o={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};Object.entries(o).forEach(([h,r])=>{Number.isFinite(r)||(o[h]=void 0)});var s;let a={position:n.isSticky?"sticky":"absolute",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 B.set(n,a),a}const j=c.createContext(null),A=c.createContext(null);function me(n){let{children:e,layout:t,layoutOptions:i}=n,l=c.useMemo(()=>typeof t=="function"?new t:t,[t]),o=c.useMemo(()=>({isVirtualized:!0,layoutDelegate:l,dropTargetDelegate:l.getDropTargetFromPoint?l:void 0,CollectionRoot:be,CollectionBranch:xe}),[l]);return c.createElement(Y.$7135fc7d473fd974$export$4feb769f8ddf26c5.Provider,{value:o},c.createElement(A.Provider,{value:{layout:l,layoutOptions:i}},e))}function be({collection:n,persistedKeys:e,scrollRef:t,renderDropIndicator:i}){var l;let{layout:o,layoutOptions:s}=c.useContext(A),a=(l=o.useLayoutOptions)===null||l===void 0?void 0:l.call(o),h=ce({layout:o,collection:n,renderView:(d,u)=>{var f;return u==null||(f=u.render)===null||f===void 0?void 0:f.call(u,u)},onVisibleRectChange(d){let u=t==null?void 0:t.current;u&&(u.scrollLeft=d.x,u.scrollTop=d.y)},persistedKeys:e,layoutOptions:c.useMemo(()=>s&&a?{...s,...a}:s||a,[s,a])}),{contentProps:r}=ye({onVisibleRectChange:h.setVisibleRect,contentSize:h.contentSize,onScrollStart:h.startScrolling,onScrollEnd:h.endScrolling},t);return c.createElement("div",r,c.createElement(j.Provider,{value:h},F(null,h.visibleViews,i)))}function xe({parent:n,renderDropIndicator:e}){let i=c.useContext(j).virtualizer.getVisibleView(n.key);return F(i,Array.from(i.children),e)}function F(n,e,t){return e.map(i=>Ie(n,i,t))}function Ie(n,e,t){let i=c.createElement(X,{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=c.createElement(c.Fragment,{key:e.key},K(n,e,{type:"item",key:e.content.key,dropPosition:"before"},t),i,Y.$7135fc7d473fd974$export$2dbbd341daed716d(l,s,a=>K(n,e,a,t)))),i}function K(n,e,t,i){let l=i(t);if(l){let o=e.virtualizer.layout.getDropTargetLayoutInfo(t);l=c.createElement(X,{layoutInfo:o,virtualizer:e.virtualizer,parent:n==null?void 0:n.layoutInfo},l)}return l}class $e extends ue{getContentSize(){var t;const e=(t=this==null?void 0:this.virtualizer)==null?void 0:t.collection.getKeys();return Array.from(e||[]).forEach(i=>{this.getLayoutInfo(i)}),this.contentSize}}const Re="_listBox_ts7z5_4",Se="_listBoxPopover_ts7z5_16",ze="_listBoxSectionHeading_ts7z5_31",He="_listBoxButton_ts7z5_41",Ce="_listBoxItem_ts7z5_53",ke="_listBoxLoadMoreItem_ts7z5_99",C={listBox:Re,listBoxPopover:Se,listBoxSectionHeading:ze,listBoxButton:He,listBoxItem:Ce,listBoxLoadMoreItem:ke},_e=({className:n,children:e,...t})=>S.jsx(me,{layout:$e,layoutOptions:{headingHeight:44},children:S.jsx(M.$eed445e0843c11d0$export$41f133550aa26f48,{className:V.clsx(C.listBox,n),...t,children:e})}),Le=({children:n,className:e,...t})=>S.jsx(M.$eed445e0843c11d0$export$a11e76429ed99b4,{className:V.clsx(C.listBoxItem,e),...t,children:n}),Ne=({className:n,children:e,...t})=>S.jsx(te.$07b14b47974efb58$export$5b6b19405a83ff9d,{className:V.clsx(n,C.listBoxPopover),offset:0,...t,children:e}),Ee=({children:n,name:e,...t})=>S.jsxs(M.$eed445e0843c11d0$export$dca12b0bb56e4fc,{...t,children:[S.jsx(ie.$72a5793c14baf454$export$8b251419efc915eb,{className:C.listBoxSectionHeading,children:e}),n]});exports.ListBox=_e;exports.ListBoxItem=Le;exports.ListBoxPopover=Ne;exports.ListBoxSection=Ee;exports.styles=C;