@eightshift/ui-components 3.0.1 → 5.0.0

package/dist/ListBox-Ca6hiCqz.js

@@ -1,581 +0,0 @@
-import { c as $880e95eb8b93ba9a$export$ecf600387e221c37, d as $e1995378a142960e$export$18af5c7a9e9b3664, e as $e1995378a142960e$export$bf788dd355e3a401, f as $e1995378a142960e$export$fb8073518f34e6ec, g as $7135fc7d473fd974$export$4feb769f8ddf26c5, h as $7135fc7d473fd974$export$d40e14dec8b060a8 } from "./Collection-CZxddMZS.js";
-import { e as $bdb11010cef70236$export$f680877a34711e37, d as $3ef42575df84b30b$export$9d1611c77c2fe928, j as $bdb11010cef70236$export$b4cc09c592e8fdb8, p as $ff5963eb1fccf552$export$e08e3b67e392101e, a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, o as $64fa3d84918910a7$export$c62b8e45d58ddad9, m as $5dc95899b306f630$export$c9058316764c140e, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 } from "./utils-DkCSC521.js";
-import React__default, { createContext, useCallback, forwardRef, useMemo, useContext, useEffect, useRef } from "react";
-import { b as $982254629710d113$export$b95089534ab7c1fd, c as $453cc9f0df89c0a5$export$77d5aafae4e095b2, d as $d2f53cda644affe3$export$65d2a03b8800d6e3, e as $325a3faab7a68acd$export$a16aca283550c30d, f as $2a25aae57d74318e$export$a05409b8bb224a5a, g as $431f98aba6844401$export$6615d83f6de245ce, h as $72a5793c14baf454$export$e0e4026c12a8bdbb } from "./Separator-4IIDRlV_.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-DVSAPY-K.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
-import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "./usePress-Cucx-xSA.js";
-import { A as $c87311424ea30a05$export$9ac100e40613ea10, B as $c87311424ea30a05$export$78551043582a6a98, $ as $6179b936705e76d3$export$ae780daf29e6d456, m as $507fabe10e71c6fb$export$b9b3dfddab17db27 } from "./useHover-DwDr6ozG.js";
-import { a as $9ab94262bd0047c7$export$420e68273165f4ec, $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-CV5l3lf6.js";
-import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-D7HkNEHT.js";
-import { a as $e72dd72e1c76a225$export$ba9d38c0f1bf2b36, $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-DVr6aYd_.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-D2KUdwNL.js";
-import { b as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-Cri5BFRz.js";
-const $b1f0cad8af73213b$export$3585ede4d035bf14 = /* @__PURE__ */ new WeakMap();
-function $b1f0cad8af73213b$var$normalizeKey(key) {
-  if (typeof key === "string") return key.replace(/\s*/g, "");
-  return "" + key;
-}
-function $b1f0cad8af73213b$export$9145995848b05025(state, itemKey) {
-  let data = $b1f0cad8af73213b$export$3585ede4d035bf14.get(state);
-  if (!data) throw new Error("Unknown list");
-  return `${data.id}-option-${$b1f0cad8af73213b$var$normalizeKey(itemKey)}`;
-}
-function $c132121280ec012d$export$50eacbbf140a3141(props, state, ref) {
-  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
-    labelable: true
-  });
-  let selectionBehavior = props.selectionBehavior || "toggle";
-  let linkBehavior = props.linkBehavior || (selectionBehavior === "replace" ? "action" : "override");
-  if (selectionBehavior === "toggle" && linkBehavior === "action")
-    linkBehavior = "override";
-  let { listProps } = $982254629710d113$export$b95089534ab7c1fd({
-    ...props,
-    ref,
-    selectionManager: state.selectionManager,
-    collection: state.collection,
-    disabledKeys: state.disabledKeys,
-    linkBehavior
-  });
-  let { focusWithinProps } = $9ab94262bd0047c7$export$420e68273165f4ec({
-    onFocusWithin: props.onFocus,
-    onBlurWithin: props.onBlur,
-    onFocusWithinChange: props.onFocusChange
-  });
-  let id = $bdb11010cef70236$export$f680877a34711e37(props.id);
-  $b1f0cad8af73213b$export$3585ede4d035bf14.set(state, {
-    id,
-    shouldUseVirtualFocus: props.shouldUseVirtualFocus,
-    shouldSelectOnPressUp: props.shouldSelectOnPressUp,
-    shouldFocusOnHover: props.shouldFocusOnHover,
-    isVirtualized: props.isVirtualized,
-    onAction: props.onAction,
-    linkBehavior
-  });
-  let { labelProps, fieldProps } = $d191a55c9702f145$export$8467354a121f1b9f({
-    ...props,
-    id,
-    // listbox is not an HTML input element so it
-    // shouldn't be labeled by a <label> element.
-    labelElementType: "span"
-  });
-  return {
-    labelProps,
-    listBoxProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, focusWithinProps, state.selectionManager.selectionMode === "multiple" ? {
-      "aria-multiselectable": "true"
-    } : {}, {
-      role: "listbox",
-      ...$3ef42575df84b30b$export$9d1611c77c2fe928(fieldProps, listProps)
-    })
-  };
-}
-function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
-  var _item_props, _item_props1;
-  let { key } = props;
-  let data = $b1f0cad8af73213b$export$3585ede4d035bf14.get(state);
-  var _props_isDisabled;
-  let isDisabled = (_props_isDisabled = props.isDisabled) !== null && _props_isDisabled !== void 0 ? _props_isDisabled : state.selectionManager.isDisabled(key);
-  var _props_isSelected;
-  let isSelected = (_props_isSelected = props.isSelected) !== null && _props_isSelected !== void 0 ? _props_isSelected : state.selectionManager.isSelected(key);
-  var _props_shouldSelectOnPressUp;
-  let shouldSelectOnPressUp = (_props_shouldSelectOnPressUp = props.shouldSelectOnPressUp) !== null && _props_shouldSelectOnPressUp !== void 0 ? _props_shouldSelectOnPressUp : data === null || data === void 0 ? void 0 : data.shouldSelectOnPressUp;
-  var _props_shouldFocusOnHover;
-  let shouldFocusOnHover = (_props_shouldFocusOnHover = props.shouldFocusOnHover) !== null && _props_shouldFocusOnHover !== void 0 ? _props_shouldFocusOnHover : data === null || data === void 0 ? void 0 : data.shouldFocusOnHover;
-  var _props_shouldUseVirtualFocus;
-  let shouldUseVirtualFocus = (_props_shouldUseVirtualFocus = props.shouldUseVirtualFocus) !== null && _props_shouldUseVirtualFocus !== void 0 ? _props_shouldUseVirtualFocus : data === null || data === void 0 ? void 0 : data.shouldUseVirtualFocus;
-  var _props_isVirtualized;
-  let isVirtualized = (_props_isVirtualized = props.isVirtualized) !== null && _props_isVirtualized !== void 0 ? _props_isVirtualized : data === null || data === void 0 ? void 0 : data.isVirtualized;
-  let labelId = $bdb11010cef70236$export$b4cc09c592e8fdb8();
-  let descriptionId = $bdb11010cef70236$export$b4cc09c592e8fdb8();
-  let optionProps = {
-    role: "option",
-    "aria-disabled": isDisabled || void 0,
-    "aria-selected": state.selectionManager.selectionMode !== "none" ? isSelected : void 0
-  };
-  if (!($c87311424ea30a05$export$9ac100e40613ea10() && $c87311424ea30a05$export$78551043582a6a98())) {
-    optionProps["aria-label"] = props["aria-label"];
-    optionProps["aria-labelledby"] = labelId;
-    optionProps["aria-describedby"] = descriptionId;
-  }
-  let item = state.collection.getItem(key);
-  if (isVirtualized) {
-    let index = Number(item === null || item === void 0 ? void 0 : item.index);
-    optionProps["aria-posinset"] = Number.isNaN(index) ? void 0 : index + 1;
-    optionProps["aria-setsize"] = $453cc9f0df89c0a5$export$77d5aafae4e095b2(state.collection);
-  }
-  let onAction = (data === null || data === void 0 ? void 0 : data.onAction) ? () => {
-    var _data_onAction;
-    return data === null || data === void 0 ? void 0 : (_data_onAction = data.onAction) === null || _data_onAction === void 0 ? void 0 : _data_onAction.call(data, key);
-  } : void 0;
-  let id = $b1f0cad8af73213b$export$9145995848b05025(state, key);
-  let { itemProps, isPressed, isFocused, hasAction, allowsSelection } = $880e95eb8b93ba9a$export$ecf600387e221c37({
-    selectionManager: state.selectionManager,
-    key,
-    ref,
-    shouldSelectOnPressUp,
-    allowsDifferentPressOrigin: shouldSelectOnPressUp && shouldFocusOnHover,
-    isVirtualized,
-    shouldUseVirtualFocus,
-    isDisabled,
-    onAction: onAction || (item === null || item === void 0 ? void 0 : (_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.onAction) ? $ff5963eb1fccf552$export$e08e3b67e392101e(item === null || item === void 0 ? void 0 : (_item_props1 = item.props) === null || _item_props1 === void 0 ? void 0 : _item_props1.onAction, onAction) : void 0,
-    linkBehavior: data === null || data === void 0 ? void 0 : data.linkBehavior,
-    id
-  });
-  let { hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456({
-    isDisabled: isDisabled || !shouldFocusOnHover,
-    onHoverStart() {
-      if (!$507fabe10e71c6fb$export$b9b3dfddab17db27()) {
-        state.selectionManager.setFocused(true);
-        state.selectionManager.setFocusedKey(key);
-      }
-    }
-  });
-  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(item === null || item === void 0 ? void 0 : item.props);
-  delete domProps.id;
-  let linkProps = $ea8dcbcb9ea1b556$export$7e924b3091a3bd18(item === null || item === void 0 ? void 0 : item.props);
-  return {
-    optionProps: {
-      ...optionProps,
-      ...$3ef42575df84b30b$export$9d1611c77c2fe928(domProps, itemProps, hoverProps, linkProps),
-      id
-    },
-    labelProps: {
-      id: labelId
-    },
-    descriptionProps: {
-      id: descriptionId
-    },
-    isFocused,
-    isFocusVisible: isFocused && state.selectionManager.isFocused && $507fabe10e71c6fb$export$b9b3dfddab17db27(),
-    isSelected,
-    isDisabled,
-    isPressed,
-    allowsSelection,
-    hasAction
-  };
-}
-function $af383d3bef1cfdc9$export$c3f9f39876e4bc7(props) {
-  let { heading, "aria-label": ariaLabel } = props;
-  let headingId = $bdb11010cef70236$export$f680877a34711e37();
-  return {
-    itemProps: {
-      role: "presentation"
-    },
-    headingProps: heading ? {
-      // 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: headingId,
-      role: "presentation"
-    } : {},
-    groupProps: {
-      role: "group",
-      "aria-label": ariaLabel,
-      "aria-labelledby": heading ? headingId : void 0
-    }
-  };
-}
-const $612b8eb6cb90e02d$export$d188a835a7bc5783 = /* @__PURE__ */ createContext({});
-const $612b8eb6cb90e02d$export$f55761759794cf55 = /* @__PURE__ */ createContext(null);
-const $612b8eb6cb90e02d$export$62ed72bc21f6b8a6 = /* @__PURE__ */ forwardRef(function DropIndicator(props, ref) {
-  let { render } = useContext($612b8eb6cb90e02d$export$f55761759794cf55);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, render(props, ref));
-});
-function $612b8eb6cb90e02d$export$971707d8a129a1f7(dragAndDropHooks, dropState) {
-  var _dragAndDropHooks_isVirtualDragging;
-  let renderDropIndicator = dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.renderDropIndicator;
-  let isVirtualDragging = dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : (_dragAndDropHooks_isVirtualDragging = dragAndDropHooks.isVirtualDragging) === null || _dragAndDropHooks_isVirtualDragging === void 0 ? void 0 : _dragAndDropHooks_isVirtualDragging.call(dragAndDropHooks);
-  let fn = useCallback((target) => {
-    if (isVirtualDragging || (dropState === null || dropState === void 0 ? void 0 : dropState.isDropTarget(target))) return renderDropIndicator ? renderDropIndicator(target) : /* @__PURE__ */ React__default.createElement($612b8eb6cb90e02d$export$62ed72bc21f6b8a6, {
-      target
-    });
-  }, [
-    dropState === null || dropState === void 0 ? void 0 : dropState.target,
-    isVirtualDragging,
-    renderDropIndicator
-  ]);
-  return (dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDropIndicator) ? fn : void 0;
-}
-function $612b8eb6cb90e02d$export$d1e8e3fbb7461f6(selectionManager, dragAndDropHooks, dropState) {
-  var _dragAndDropHooks_isVirtualDragging, _dropState_target;
-  let focusedKey = selectionManager.focusedKey;
-  let dropTargetKey = null;
-  if ((dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : (_dragAndDropHooks_isVirtualDragging = dragAndDropHooks.isVirtualDragging) === null || _dragAndDropHooks_isVirtualDragging === void 0 ? void 0 : _dragAndDropHooks_isVirtualDragging.call(dragAndDropHooks)) && (dropState === null || dropState === void 0 ? void 0 : (_dropState_target = dropState.target) === null || _dropState_target === void 0 ? void 0 : _dropState_target.type) === "item") {
-    dropTargetKey = dropState.target.key;
-    var _dropState_collection_getKeyAfter;
-    if (dropState.target.dropPosition === "after")
-      dropTargetKey = (_dropState_collection_getKeyAfter = dropState.collection.getKeyAfter(dropTargetKey)) !== null && _dropState_collection_getKeyAfter !== void 0 ? _dropState_collection_getKeyAfter : dropTargetKey;
-  }
-  return useMemo(() => {
-    return new Set([
-      focusedKey,
-      dropTargetKey
-    ].filter((k) => k != null));
-  }, [
-    focusedKey,
-    dropTargetKey
-  ]);
-}
-const $eed445e0843c11d0$export$7ff8f37d2d81a48d = /* @__PURE__ */ createContext(null);
-const $eed445e0843c11d0$export$7c5906fe4f1f2af2 = /* @__PURE__ */ createContext(null);
-const $eed445e0843c11d0$export$41f133550aa26f48 = /* @__PURE__ */ forwardRef(function ListBox(props, ref) {
-  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $eed445e0843c11d0$export$7ff8f37d2d81a48d);
-  let state = useContext($eed445e0843c11d0$export$7c5906fe4f1f2af2);
-  if (state) return /* @__PURE__ */ React__default.createElement($eed445e0843c11d0$var$ListBoxInner, {
-    state,
-    props,
-    listBoxRef: ref
-  });
-  return /* @__PURE__ */ React__default.createElement($e1995378a142960e$export$bf788dd355e3a401, {
-    content: /* @__PURE__ */ React__default.createElement($e1995378a142960e$export$fb8073518f34e6ec, props)
-  }, (collection) => /* @__PURE__ */ React__default.createElement($eed445e0843c11d0$var$StandaloneListBox, {
-    props,
-    listBoxRef: ref,
-    collection
-  }));
-});
-function $eed445e0843c11d0$var$StandaloneListBox({ props, listBoxRef, collection }) {
-  props = {
-    ...props,
-    collection,
-    children: null,
-    items: null
-  };
-  let { layoutDelegate } = useContext($7135fc7d473fd974$export$4feb769f8ddf26c5);
-  let state = $e72dd72e1c76a225$export$2f645645f7bca764({
-    ...props,
-    layoutDelegate
-  });
-  return /* @__PURE__ */ React__default.createElement($eed445e0843c11d0$var$ListBoxInner, {
-    state,
-    props,
-    listBoxRef
-  });
-}
-function $eed445e0843c11d0$var$ListBoxInner({ state: inputState, props, listBoxRef }) {
-  let { filter, collectionProps, collectionRef } = useContext($d2f53cda644affe3$export$65d2a03b8800d6e3) || {};
-  props = useMemo(() => collectionProps ? {
-    ...props,
-    ...collectionProps
-  } : props, [
-    props,
-    collectionProps
-  ]);
-  let { dragAndDropHooks, layout = "stack", orientation = "vertical" } = props;
-  listBoxRef = $df56164dff5785e2$export$4338b53315abf666(useMemo(() => $5dc95899b306f630$export$c9058316764c140e(listBoxRef, collectionRef !== void 0 ? collectionRef : null), [
-    collectionRef,
-    listBoxRef
-  ]));
-  let state = $e72dd72e1c76a225$export$ba9d38c0f1bf2b36(inputState, filter);
-  let { collection, selectionManager } = state;
-  let isListDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
-  let isListDroppable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDroppableCollectionState);
-  let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
-  let { disabledBehavior, disabledKeys } = selectionManager;
-  let collator = $325a3faab7a68acd$export$a16aca283550c30d({
-    usage: "search",
-    sensitivity: "base"
-  });
-  let { isVirtualized, layoutDelegate, dropTargetDelegate: ctxDropTargetDelegate, CollectionRoot } = useContext($7135fc7d473fd974$export$4feb769f8ddf26c5);
-  let keyboardDelegate = useMemo(() => props.keyboardDelegate || new $2a25aae57d74318e$export$a05409b8bb224a5a({
-    collection,
-    collator,
-    ref: listBoxRef,
-    disabledKeys,
-    disabledBehavior,
-    layout,
-    orientation,
-    direction,
-    layoutDelegate
-  }), [
-    collection,
-    collator,
-    listBoxRef,
-    disabledBehavior,
-    disabledKeys,
-    orientation,
-    direction,
-    props.keyboardDelegate,
-    layout,
-    layoutDelegate
-  ]);
-  let { listBoxProps } = $c132121280ec012d$export$50eacbbf140a3141({
-    ...props,
-    shouldSelectOnPressUp: isListDraggable || props.shouldSelectOnPressUp,
-    keyboardDelegate,
-    isVirtualized
-  }, state, listBoxRef);
-  let dragHooksProvided = useRef(isListDraggable);
-  let dropHooksProvided = useRef(isListDroppable);
-  useEffect(() => {
-    if (dragHooksProvided.current !== isListDraggable) console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
-    if (dropHooksProvided.current !== isListDroppable) console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
-  }, [
-    isListDraggable,
-    isListDroppable
-  ]);
-  let dragState = void 0;
-  let dropState = void 0;
-  let droppableCollection = void 0;
-  let isRootDropTarget = false;
-  let dragPreview = null;
-  let preview = useRef(null);
-  if (isListDraggable && dragAndDropHooks) {
-    dragState = dragAndDropHooks.useDraggableCollectionState({
-      collection,
-      selectionManager,
-      preview: dragAndDropHooks.renderDragPreview ? preview : void 0
-    });
-    dragAndDropHooks.useDraggableCollection({}, dragState, listBoxRef);
-    let DragPreview = dragAndDropHooks.DragPreview;
-    dragPreview = dragAndDropHooks.renderDragPreview ? /* @__PURE__ */ React__default.createElement(DragPreview, {
-      ref: preview
-    }, dragAndDropHooks.renderDragPreview) : null;
-  }
-  if (isListDroppable && dragAndDropHooks) {
-    dropState = dragAndDropHooks.useDroppableCollectionState({
-      collection,
-      selectionManager
-    });
-    let dropTargetDelegate = dragAndDropHooks.dropTargetDelegate || ctxDropTargetDelegate || new dragAndDropHooks.ListDropTargetDelegate(collection, listBoxRef, {
-      orientation,
-      layout,
-      direction
-    });
-    droppableCollection = dragAndDropHooks.useDroppableCollection({
-      keyboardDelegate,
-      dropTargetDelegate
-    }, dropState, listBoxRef);
-    isRootDropTarget = dropState.isDropTarget({
-      type: "root"
-    });
-  }
-  let { focusProps, isFocused, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f();
-  let renderValues = {
-    isDropTarget: isRootDropTarget,
-    isEmpty: state.collection.size === 0,
-    isFocused,
-    isFocusVisible,
-    layout: props.layout || "stack",
-    state
-  };
-  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
-    className: props.className,
-    style: props.style,
-    defaultClassName: "react-aria-ListBox",
-    values: renderValues
-  });
-  let emptyState = null;
-  if (state.collection.size === 0 && props.renderEmptyState) emptyState = /* @__PURE__ */ React__default.createElement("div", {
-    // eslint-disable-next-line
-    role: "option",
-    style: {
-      display: "contents"
-    }
-  }, props.renderEmptyState(renderValues));
-  return /* @__PURE__ */ React__default.createElement($9bf71ea28793e738$export$20e40289641fbbb6, null, /* @__PURE__ */ React__default.createElement("div", {
-    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props),
-    ...$3ef42575df84b30b$export$9d1611c77c2fe928(listBoxProps, focusProps, droppableCollection === null || droppableCollection === void 0 ? void 0 : droppableCollection.collectionProps),
-    ...renderProps,
-    ref: listBoxRef,
-    slot: props.slot || void 0,
-    onScroll: props.onScroll,
-    "data-drop-target": isRootDropTarget || void 0,
-    "data-empty": state.collection.size === 0 || void 0,
-    "data-focused": isFocused || void 0,
-    "data-focus-visible": isFocusVisible || void 0,
-    "data-layout": props.layout || "stack",
-    "data-orientation": props.orientation || "vertical"
-  }, /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
-    values: [
-      [
-        $eed445e0843c11d0$export$7ff8f37d2d81a48d,
-        props
-      ],
-      [
-        $eed445e0843c11d0$export$7c5906fe4f1f2af2,
-        state
-      ],
-      [
-        $612b8eb6cb90e02d$export$d188a835a7bc5783,
-        {
-          dragAndDropHooks,
-          dragState,
-          dropState
-        }
-      ],
-      [
-        $431f98aba6844401$export$6615d83f6de245ce,
-        {
-          elementType: "div"
-        }
-      ],
-      [
-        $612b8eb6cb90e02d$export$f55761759794cf55,
-        {
-          render: $eed445e0843c11d0$var$ListBoxDropIndicatorWrapper
-        }
-      ],
-      [
-        $7135fc7d473fd974$export$d40e14dec8b060a8,
-        {
-          name: "ListBoxSection",
-          render: $eed445e0843c11d0$var$ListBoxSectionInner
-        }
-      ]
-    ]
-  }, /* @__PURE__ */ React__default.createElement(CollectionRoot, {
-    collection,
-    scrollRef: listBoxRef,
-    persistedKeys: $612b8eb6cb90e02d$export$d1e8e3fbb7461f6(selectionManager, dragAndDropHooks, dropState),
-    renderDropIndicator: $612b8eb6cb90e02d$export$971707d8a129a1f7(dragAndDropHooks, dropState)
-  })), emptyState, dragPreview));
-}
-function $eed445e0843c11d0$var$ListBoxSectionInner(props, ref, section, className = "react-aria-ListBoxSection") {
-  let state = useContext($eed445e0843c11d0$export$7c5906fe4f1f2af2);
-  let { dragAndDropHooks, dropState } = useContext($612b8eb6cb90e02d$export$d188a835a7bc5783);
-  let { CollectionBranch } = useContext($7135fc7d473fd974$export$4feb769f8ddf26c5);
-  let [headingRef, heading] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8();
-  var _props_arialabel;
-  let { headingProps, groupProps } = $af383d3bef1cfdc9$export$c3f9f39876e4bc7({
-    heading,
-    "aria-label": (_props_arialabel = props["aria-label"]) !== null && _props_arialabel !== void 0 ? _props_arialabel : void 0
-  });
-  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
-    defaultClassName: className,
-    className: props.className,
-    style: props.style,
-    values: {}
-  });
-  return /* @__PURE__ */ React__default.createElement("section", {
-    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props),
-    ...groupProps,
-    ...renderProps,
-    ref
-  }, /* @__PURE__ */ React__default.createElement($72a5793c14baf454$export$e0e4026c12a8bdbb.Provider, {
-    value: {
-      ...headingProps,
-      ref: headingRef
-    }
-  }, /* @__PURE__ */ React__default.createElement(CollectionBranch, {
-    collection: state.collection,
-    parent: section,
-    renderDropIndicator: $612b8eb6cb90e02d$export$971707d8a129a1f7(dragAndDropHooks, dropState)
-  })));
-}
-const $eed445e0843c11d0$export$a11e76429ed99b4 = /* @__PURE__ */ $e1995378a142960e$export$18af5c7a9e9b3664("item", function ListBoxItem(props, forwardedRef, item) {
-  let ref = $df56164dff5785e2$export$4338b53315abf666(forwardedRef);
-  let state = useContext($eed445e0843c11d0$export$7c5906fe4f1f2af2);
-  let { dragAndDropHooks, dragState, dropState } = useContext($612b8eb6cb90e02d$export$d188a835a7bc5783);
-  let { optionProps, labelProps, descriptionProps, ...states } = $293f70390ea03370$export$497855f14858aa34({
-    key: item.key,
-    "aria-label": props === null || props === void 0 ? void 0 : props["aria-label"]
-  }, state, ref);
-  let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
-    isDisabled: !states.allowsSelection && !states.hasAction,
-    onHoverStart: item.props.onHoverStart,
-    onHoverChange: item.props.onHoverChange,
-    onHoverEnd: item.props.onHoverEnd
-  });
-  let draggableItem = null;
-  if (dragState && dragAndDropHooks) draggableItem = dragAndDropHooks.useDraggableItem({
-    key: item.key
-  }, dragState);
-  let droppableItem = null;
-  if (dropState && dragAndDropHooks) droppableItem = dragAndDropHooks.useDroppableItem({
-    target: {
-      type: "item",
-      key: item.key,
-      dropPosition: "on"
-    }
-  }, dropState, ref);
-  let isDragging = dragState && dragState.isDragging(item.key);
-  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
-    ...props,
-    id: void 0,
-    children: props.children,
-    defaultClassName: "react-aria-ListBoxItem",
-    values: {
-      ...states,
-      isHovered,
-      selectionMode: state.selectionManager.selectionMode,
-      selectionBehavior: state.selectionManager.selectionBehavior,
-      allowsDragging: !!dragState,
-      isDragging,
-      isDropTarget: droppableItem === null || droppableItem === void 0 ? void 0 : droppableItem.isDropTarget
-    }
-  });
-  useEffect(() => {
-    if (!item.textValue) 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.");
-  }, [
-    item.textValue
-  ]);
-  let ElementType = props.href ? "a" : "div";
-  return /* @__PURE__ */ React__default.createElement(ElementType, {
-    ...$3ef42575df84b30b$export$9d1611c77c2fe928(optionProps, hoverProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps, droppableItem === null || droppableItem === void 0 ? void 0 : droppableItem.dropProps),
-    ...renderProps,
-    ref,
-    "data-allows-dragging": !!dragState || void 0,
-    "data-selected": states.isSelected || void 0,
-    "data-disabled": states.isDisabled || void 0,
-    "data-hovered": isHovered || void 0,
-    "data-focused": states.isFocused || void 0,
-    "data-focus-visible": states.isFocusVisible || void 0,
-    "data-pressed": states.isPressed || void 0,
-    "data-dragging": isDragging || void 0,
-    "data-drop-target": (droppableItem === null || droppableItem === void 0 ? void 0 : droppableItem.isDropTarget) || void 0,
-    "data-selection-mode": state.selectionManager.selectionMode === "none" ? void 0 : state.selectionManager.selectionMode
-  }, /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
-    values: [
-      [
-        $514c0188e459b4c0$export$9afb8bc826b033ea,
-        {
-          slots: {
-            [$64fa3d84918910a7$export$c62b8e45d58ddad9]: labelProps,
-            label: labelProps,
-            description: descriptionProps
-          }
-        }
-      ]
-    ]
-  }, renderProps.children));
-});
-function $eed445e0843c11d0$var$ListBoxDropIndicatorWrapper(props, ref) {
-  ref = $df56164dff5785e2$export$4338b53315abf666(ref);
-  let { dragAndDropHooks, dropState } = useContext($612b8eb6cb90e02d$export$d188a835a7bc5783);
-  let { dropIndicatorProps, isHidden, isDropTarget } = dragAndDropHooks.useDropIndicator(props, dropState, ref);
-  if (isHidden) return null;
-  return /* @__PURE__ */ React__default.createElement($eed445e0843c11d0$var$ListBoxDropIndicatorForwardRef, {
-    ...props,
-    dropIndicatorProps,
-    isDropTarget,
-    ref
-  });
-}
-function $eed445e0843c11d0$var$ListBoxDropIndicator(props, ref) {
-  let { dropIndicatorProps, isDropTarget, ...otherProps } = props;
-  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
-    ...otherProps,
-    defaultClassName: "react-aria-DropIndicator",
-    values: {
-      isDropTarget
-    }
-  });
-  return /* @__PURE__ */ React__default.createElement("div", {
-    ...dropIndicatorProps,
-    ...renderProps,
-    // eslint-disable-next-line
-    role: "option",
-    ref,
-    "data-drop-target": isDropTarget || void 0
-  });
-}
-const $eed445e0843c11d0$var$ListBoxDropIndicatorForwardRef = /* @__PURE__ */ forwardRef($eed445e0843c11d0$var$ListBoxDropIndicator);
-export {
-  $eed445e0843c11d0$export$41f133550aa26f48 as $,
-  $eed445e0843c11d0$export$a11e76429ed99b4 as a,
-  $eed445e0843c11d0$export$7ff8f37d2d81a48d as b,
-  $eed445e0843c11d0$export$7c5906fe4f1f2af2 as c,
-  $b1f0cad8af73213b$export$3585ede4d035bf14 as d,
-  $b1f0cad8af73213b$export$9145995848b05025 as e
-};