@depup/react-aria-components 1.16.0-depup.0

package/dist/ListBox.mjs

@@ -0,0 +1,463 @@
+import {DEFAULT_SLOT as $64fa3d84918910a7$export$c62b8e45d58ddad9, dom as $64fa3d84918910a7$export$df3a06d6289f983e, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3, useSlot as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8} from "./utils.mjs";
+import {CollectionRendererContext as $7135fc7d473fd974$export$4feb769f8ddf26c5, SectionContext as $7135fc7d473fd974$export$d40e14dec8b060a8} from "./Collection.mjs";
+import {DragAndDropContext as $612b8eb6cb90e02d$export$d188a835a7bc5783, DropIndicatorContext as $612b8eb6cb90e02d$export$f55761759794cf55, useDndPersistedKeys as $612b8eb6cb90e02d$export$d1e8e3fbb7461f6, useRenderDropIndicator as $612b8eb6cb90e02d$export$971707d8a129a1f7} from "./DragAndDrop.mjs";
+import {HeaderContext as $72a5793c14baf454$export$e0e4026c12a8bdbb} from "./Header.mjs";
+import {SelectableCollectionContext as $4e85f108e88277b8$export$b0d3ecf7112093a7} from "./RSPContexts.mjs";
+import {SelectionIndicatorContext as $1d5b8b8664671ef2$export$c9549807523555e0} from "./SelectionIndicator.mjs";
+import {SeparatorContext as $431f98aba6844401$export$6615d83f6de245ce} from "./Separator.mjs";
+import {SharedElementTransition as $c8a5a149f625efcf$export$758399f318e6385a} from "./SharedElementTransition.mjs";
+import {TextContext as $514c0188e459b4c0$export$9afb8bc826b033ea} from "./Text.mjs";
+import {useLocale as $e8Bmu$useLocale, useCollator as $e8Bmu$useCollator, ListKeyboardDelegate as $e8Bmu$ListKeyboardDelegate, useListBox as $e8Bmu$useListBox, useFocusRing as $e8Bmu$useFocusRing, FocusScope as $e8Bmu$FocusScope, mergeProps as $e8Bmu$mergeProps, useListBoxSection as $e8Bmu$useListBoxSection, useOption as $e8Bmu$useOption, useHover as $e8Bmu$useHover, useKeyboard as $e8Bmu$useKeyboard, useFocus as $e8Bmu$useFocus} from "react-aria";
+import {CollectionBuilder as $e8Bmu$CollectionBuilder, Collection as $e8Bmu$Collection, createBranchComponent as $e8Bmu$createBranchComponent, SectionNode as $e8Bmu$SectionNode, createLeafComponent as $e8Bmu$createLeafComponent, ItemNode as $e8Bmu$ItemNode, LoaderNode as $e8Bmu$LoaderNode} from "@react-aria/collections";
+import {useListState as $e8Bmu$useListState, UNSTABLE_useFilteredListState as $e8Bmu$UNSTABLE_useFilteredListState} from "react-stately";
+import {filterDOMProps as $e8Bmu$filterDOMProps, useObjectRef as $e8Bmu$useObjectRef, useLoadMoreSentinel as $e8Bmu$useLoadMoreSentinel, inertValue as $e8Bmu$inertValue} from "@react-aria/utils";
+import $e8Bmu$react, {createContext as $e8Bmu$createContext, forwardRef as $e8Bmu$forwardRef, useContext as $e8Bmu$useContext, useMemo as $e8Bmu$useMemo, useRef as $e8Bmu$useRef, useEffect as $e8Bmu$useEffect} from "react";
+
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $eed445e0843c11d0$export$7ff8f37d2d81a48d = /*#__PURE__*/ (0, $e8Bmu$createContext)(null);
+const $eed445e0843c11d0$export$7c5906fe4f1f2af2 = /*#__PURE__*/ (0, $e8Bmu$createContext)(null);
+const $eed445e0843c11d0$export$41f133550aa26f48 = /*#__PURE__*/ (0, $e8Bmu$forwardRef)(function ListBox(props, ref) {
+    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $eed445e0843c11d0$export$7ff8f37d2d81a48d);
+    let state = (0, $e8Bmu$useContext)($eed445e0843c11d0$export$7c5906fe4f1f2af2);
+    // The structure of ListBox is a bit strange because it needs to work inside other components like ComboBox and Select.
+    // Those components render two copies of their children so that the collection can be built even when the popover is closed.
+    // The first copy sends a collection document via context which we render the collection portal into.
+    // The second copy sends a ListState object via context which we use to render the ListBox without rebuilding the state.
+    // Otherwise, we have a standalone ListBox, so we need to create a collection and state ourselves.
+    if (state) return /*#__PURE__*/ (0, $e8Bmu$react).createElement($eed445e0843c11d0$var$ListBoxInner, {
+        state: state,
+        props: props,
+        listBoxRef: ref
+    });
+    return /*#__PURE__*/ (0, $e8Bmu$react).createElement((0, $e8Bmu$CollectionBuilder), {
+        content: /*#__PURE__*/ (0, $e8Bmu$react).createElement((0, $e8Bmu$Collection), props)
+    }, (collection)=>/*#__PURE__*/ (0, $e8Bmu$react).createElement($eed445e0843c11d0$var$StandaloneListBox, {
+            props: props,
+            listBoxRef: ref,
+            collection: collection
+        }));
+});
+function $eed445e0843c11d0$var$StandaloneListBox({ props: props, listBoxRef: listBoxRef, collection: collection }) {
+    props = {
+        ...props,
+        collection: collection,
+        children: null,
+        items: null
+    };
+    let { layoutDelegate: layoutDelegate } = (0, $e8Bmu$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+    let state = (0, $e8Bmu$useListState)({
+        ...props,
+        layoutDelegate: layoutDelegate
+    });
+    return /*#__PURE__*/ (0, $e8Bmu$react).createElement($eed445e0843c11d0$var$ListBoxInner, {
+        state: state,
+        props: props,
+        listBoxRef: listBoxRef
+    });
+}
+function $eed445e0843c11d0$var$ListBoxInner({ state: inputState, props: props, listBoxRef: listBoxRef }) {
+    [props, listBoxRef] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, listBoxRef, (0, $4e85f108e88277b8$export$b0d3ecf7112093a7));
+    let { dragAndDropHooks: dragAndDropHooks, layout: layout = 'stack', orientation: orientation = 'vertical', filter: filter } = props;
+    let state = (0, $e8Bmu$UNSTABLE_useFilteredListState)(inputState, filter);
+    let { collection: collection, selectionManager: 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: direction } = (0, $e8Bmu$useLocale)();
+    let { disabledBehavior: disabledBehavior, disabledKeys: disabledKeys } = selectionManager;
+    let collator = (0, $e8Bmu$useCollator)({
+        usage: 'search',
+        sensitivity: 'base'
+    });
+    let { isVirtualized: isVirtualized, layoutDelegate: layoutDelegate, dropTargetDelegate: ctxDropTargetDelegate, CollectionRoot: CollectionRoot } = (0, $e8Bmu$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+    let keyboardDelegate = (0, $e8Bmu$useMemo)(()=>props.keyboardDelegate || new (0, $e8Bmu$ListKeyboardDelegate)({
+            collection: collection,
+            collator: collator,
+            ref: listBoxRef,
+            disabledKeys: disabledKeys,
+            disabledBehavior: disabledBehavior,
+            layout: layout,
+            orientation: orientation,
+            direction: direction,
+            layoutDelegate: layoutDelegate
+        }), [
+        collection,
+        collator,
+        listBoxRef,
+        disabledBehavior,
+        disabledKeys,
+        orientation,
+        direction,
+        props.keyboardDelegate,
+        layout,
+        layoutDelegate
+    ]);
+    let { listBoxProps: listBoxProps } = (0, $e8Bmu$useListBox)({
+        ...props,
+        shouldSelectOnPressUp: isListDraggable || props.shouldSelectOnPressUp,
+        keyboardDelegate: keyboardDelegate,
+        isVirtualized: isVirtualized
+    }, state, listBoxRef);
+    let dragHooksProvided = (0, $e8Bmu$useRef)(isListDraggable);
+    let dropHooksProvided = (0, $e8Bmu$useRef)(isListDroppable);
+    (0, $e8Bmu$useEffect)(()=>{
+        if (process.env.NODE_ENV === 'production') return;
+        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 = undefined;
+    let dropState = undefined;
+    let droppableCollection = undefined;
+    let isRootDropTarget = false;
+    let dragPreview = null;
+    let preview = (0, $e8Bmu$useRef)(null);
+    if (isListDraggable && dragAndDropHooks) {
+        dragState = dragAndDropHooks.useDraggableCollectionState({
+            collection: collection,
+            selectionManager: selectionManager,
+            preview: dragAndDropHooks.renderDragPreview ? preview : undefined
+        });
+        dragAndDropHooks.useDraggableCollection({}, dragState, listBoxRef);
+        let DragPreview = dragAndDropHooks.DragPreview;
+        dragPreview = dragAndDropHooks.renderDragPreview ? /*#__PURE__*/ (0, $e8Bmu$react).createElement(DragPreview, {
+            ref: preview
+        }, dragAndDropHooks.renderDragPreview) : null;
+    }
+    if (isListDroppable && dragAndDropHooks) {
+        dropState = dragAndDropHooks.useDroppableCollectionState({
+            collection: collection,
+            selectionManager: selectionManager
+        });
+        let dropTargetDelegate = dragAndDropHooks.dropTargetDelegate || ctxDropTargetDelegate || new dragAndDropHooks.ListDropTargetDelegate(collection, listBoxRef, {
+            orientation: orientation,
+            layout: layout,
+            direction: direction
+        });
+        droppableCollection = dragAndDropHooks.useDroppableCollection({
+            keyboardDelegate: keyboardDelegate,
+            dropTargetDelegate: dropTargetDelegate
+        }, dropState, listBoxRef);
+        isRootDropTarget = dropState.isDropTarget({
+            type: 'root'
+        });
+    }
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $e8Bmu$useFocusRing)();
+    let isEmpty = state.collection.size === 0;
+    let renderValues = {
+        isDropTarget: isRootDropTarget,
+        isEmpty: isEmpty,
+        isFocused: isFocused,
+        isFocusVisible: isFocusVisible,
+        layout: props.layout || 'stack',
+        state: state
+    };
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        children: undefined,
+        defaultClassName: 'react-aria-ListBox',
+        values: renderValues
+    });
+    let emptyState = null;
+    if (isEmpty && props.renderEmptyState) emptyState = /*#__PURE__*/ (0, $e8Bmu$react).createElement("div", {
+        // eslint-disable-next-line
+        role: "option",
+        style: {
+            display: 'contents'
+        }
+    }, props.renderEmptyState(renderValues));
+    let DOMProps = (0, $e8Bmu$filterDOMProps)(props, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, $e8Bmu$react).createElement((0, $e8Bmu$FocusScope), null, /*#__PURE__*/ (0, $e8Bmu$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
+        ...(0, $e8Bmu$mergeProps)(DOMProps, renderProps, listBoxProps, focusProps, droppableCollection === null || droppableCollection === void 0 ? void 0 : droppableCollection.collectionProps),
+        ref: listBoxRef,
+        slot: props.slot || undefined,
+        onScroll: props.onScroll,
+        "data-drop-target": isRootDropTarget || undefined,
+        "data-empty": isEmpty || undefined,
+        "data-focused": isFocused || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-layout": props.layout || 'stack',
+        "data-orientation": props.orientation || 'vertical'
+    }, /*#__PURE__*/ (0, $e8Bmu$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
+        values: [
+            [
+                $eed445e0843c11d0$export$7ff8f37d2d81a48d,
+                props
+            ],
+            [
+                $eed445e0843c11d0$export$7c5906fe4f1f2af2,
+                state
+            ],
+            [
+                (0, $612b8eb6cb90e02d$export$d188a835a7bc5783),
+                {
+                    dragAndDropHooks: dragAndDropHooks,
+                    dragState: dragState,
+                    dropState: dropState
+                }
+            ],
+            [
+                (0, $431f98aba6844401$export$6615d83f6de245ce),
+                {
+                    elementType: 'div'
+                }
+            ],
+            [
+                (0, $612b8eb6cb90e02d$export$f55761759794cf55),
+                {
+                    render: $eed445e0843c11d0$var$ListBoxDropIndicatorWrapper
+                }
+            ],
+            [
+                (0, $7135fc7d473fd974$export$d40e14dec8b060a8),
+                {
+                    name: 'ListBoxSection',
+                    render: $eed445e0843c11d0$var$ListBoxSectionInner
+                }
+            ]
+        ]
+    }, /*#__PURE__*/ (0, $e8Bmu$react).createElement((0, $c8a5a149f625efcf$export$758399f318e6385a), null, /*#__PURE__*/ (0, $e8Bmu$react).createElement(CollectionRoot, {
+        collection: collection,
+        scrollRef: listBoxRef,
+        persistedKeys: (0, $612b8eb6cb90e02d$export$d1e8e3fbb7461f6)(selectionManager, dragAndDropHooks, dropState),
+        renderDropIndicator: (0, $612b8eb6cb90e02d$export$971707d8a129a1f7)(dragAndDropHooks, dropState)
+    }))), emptyState, dragPreview));
+}
+function $eed445e0843c11d0$var$ListBoxSectionInner(props, ref, section, className = 'react-aria-ListBoxSection') {
+    let state = (0, $e8Bmu$useContext)($eed445e0843c11d0$export$7c5906fe4f1f2af2);
+    let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $e8Bmu$useContext)((0, $612b8eb6cb90e02d$export$d188a835a7bc5783));
+    let { CollectionBranch: CollectionBranch } = (0, $e8Bmu$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+    let [headingRef, heading] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
+    var _props_arialabel;
+    let { headingProps: headingProps, groupProps: groupProps } = (0, $e8Bmu$useListBoxSection)({
+        heading: heading,
+        'aria-label': (_props_arialabel = props['aria-label']) !== null && _props_arialabel !== void 0 ? _props_arialabel : undefined
+    });
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        id: undefined,
+        children: undefined,
+        defaultClassName: className,
+        values: undefined
+    });
+    let DOMProps = (0, $e8Bmu$filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    return /*#__PURE__*/ (0, $e8Bmu$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).section, {
+        ...(0, $e8Bmu$mergeProps)(DOMProps, renderProps, groupProps),
+        ref: ref
+    }, /*#__PURE__*/ (0, $e8Bmu$react).createElement((0, $72a5793c14baf454$export$e0e4026c12a8bdbb).Provider, {
+        value: {
+            ...headingProps,
+            ref: headingRef
+        }
+    }, /*#__PURE__*/ (0, $e8Bmu$react).createElement(CollectionBranch, {
+        collection: state.collection,
+        parent: section,
+        renderDropIndicator: (0, $612b8eb6cb90e02d$export$971707d8a129a1f7)(dragAndDropHooks, dropState)
+    })));
+}
+const $eed445e0843c11d0$export$dca12b0bb56e4fc = /*#__PURE__*/ (0, $e8Bmu$createBranchComponent)((0, $e8Bmu$SectionNode), $eed445e0843c11d0$var$ListBoxSectionInner);
+const $eed445e0843c11d0$export$a11e76429ed99b4 = /*#__PURE__*/ (0, $e8Bmu$createLeafComponent)((0, $e8Bmu$ItemNode), function ListBoxItem(props, forwardedRef, item) {
+    let ref = (0, $e8Bmu$useObjectRef)(forwardedRef);
+    let state = (0, $e8Bmu$useContext)($eed445e0843c11d0$export$7c5906fe4f1f2af2);
+    let { dragAndDropHooks: dragAndDropHooks, dragState: dragState, dropState: dropState } = (0, $e8Bmu$useContext)((0, $612b8eb6cb90e02d$export$d188a835a7bc5783));
+    let { optionProps: optionProps, labelProps: labelProps, descriptionProps: descriptionProps, ...states } = (0, $e8Bmu$useOption)({
+        key: item.key,
+        'aria-label': props === null || props === void 0 ? void 0 : props['aria-label']
+    }, state, ref);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $e8Bmu$useHover)({
+        isDisabled: !states.allowsSelection && !states.hasAction,
+        onHoverStart: item.props.onHoverStart,
+        onHoverChange: item.props.onHoverChange,
+        onHoverEnd: item.props.onHoverEnd
+    });
+    let { keyboardProps: keyboardProps } = (0, $e8Bmu$useKeyboard)(props);
+    let { focusProps: focusProps } = (0, $e8Bmu$useFocus)(props);
+    let draggableItem = null;
+    if (dragState && dragAndDropHooks) draggableItem = dragAndDropHooks.useDraggableItem({
+        key: item.key,
+        hasAction: states.hasAction
+    }, 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 = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        id: undefined,
+        children: props.children,
+        defaultClassName: 'react-aria-ListBoxItem',
+        values: {
+            ...states,
+            isHovered: isHovered,
+            selectionMode: state.selectionManager.selectionMode,
+            selectionBehavior: state.selectionManager.selectionBehavior,
+            allowsDragging: !!dragState,
+            isDragging: isDragging,
+            isDropTarget: droppableItem === null || droppableItem === void 0 ? void 0 : droppableItem.isDropTarget
+        }
+    });
+    (0, $e8Bmu$useEffect)(()=>{
+        if (!item.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.');
+    }, [
+        item.textValue
+    ]);
+    let ElementType = props.href ? (0, $64fa3d84918910a7$export$df3a06d6289f983e).a : (0, $64fa3d84918910a7$export$df3a06d6289f983e).div;
+    let DOMProps = (0, $e8Bmu$filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    delete DOMProps.onClick;
+    if (props.href && optionProps.tabIndex == null) optionProps.tabIndex = -1;
+    return /*#__PURE__*/ (0, $e8Bmu$react).createElement(ElementType, {
+        ...(0, $e8Bmu$mergeProps)(DOMProps, renderProps, optionProps, hoverProps, keyboardProps, focusProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps, droppableItem === null || droppableItem === void 0 ? void 0 : droppableItem.dropProps),
+        ref: ref,
+        "data-allows-dragging": !!dragState || undefined,
+        "data-selected": states.isSelected || undefined,
+        "data-disabled": states.isDisabled || undefined,
+        "data-hovered": isHovered || undefined,
+        "data-focused": states.isFocused || undefined,
+        "data-focus-visible": states.isFocusVisible || undefined,
+        "data-pressed": states.isPressed || undefined,
+        "data-dragging": isDragging || undefined,
+        "data-drop-target": (droppableItem === null || droppableItem === void 0 ? void 0 : droppableItem.isDropTarget) || undefined,
+        "data-selection-mode": state.selectionManager.selectionMode === 'none' ? undefined : state.selectionManager.selectionMode
+    }, /*#__PURE__*/ (0, $e8Bmu$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
+        values: [
+            [
+                (0, $514c0188e459b4c0$export$9afb8bc826b033ea),
+                {
+                    slots: {
+                        [(0, $64fa3d84918910a7$export$c62b8e45d58ddad9)]: labelProps,
+                        label: labelProps,
+                        description: descriptionProps
+                    }
+                }
+            ],
+            [
+                (0, $1d5b8b8664671ef2$export$c9549807523555e0),
+                {
+                    isSelected: states.isSelected
+                }
+            ]
+        ]
+    }, renderProps.children));
+});
+function $eed445e0843c11d0$var$ListBoxDropIndicatorWrapper(props, ref) {
+    ref = (0, $e8Bmu$useObjectRef)(ref);
+    let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $e8Bmu$useContext)((0, $612b8eb6cb90e02d$export$d188a835a7bc5783));
+    let { dropIndicatorProps: dropIndicatorProps, isHidden: isHidden, isDropTarget: isDropTarget } = dragAndDropHooks.useDropIndicator(props, dropState, ref);
+    if (isHidden) return null;
+    return /*#__PURE__*/ (0, $e8Bmu$react).createElement($eed445e0843c11d0$var$ListBoxDropIndicatorForwardRef, {
+        ...props,
+        dropIndicatorProps: dropIndicatorProps,
+        isDropTarget: isDropTarget,
+        ref: ref
+    });
+}
+function $eed445e0843c11d0$var$ListBoxDropIndicator(props, ref) {
+    let { dropIndicatorProps: dropIndicatorProps, isDropTarget: isDropTarget, ...otherProps } = props;
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...otherProps,
+        defaultClassName: 'react-aria-DropIndicator',
+        values: {
+            isDropTarget: isDropTarget
+        }
+    });
+    return /*#__PURE__*/ (0, $e8Bmu$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
+        ...dropIndicatorProps,
+        ...renderProps,
+        role: "option",
+        ref: ref,
+        "data-drop-target": isDropTarget || undefined
+    });
+}
+const $eed445e0843c11d0$var$ListBoxDropIndicatorForwardRef = /*#__PURE__*/ (0, $e8Bmu$forwardRef)($eed445e0843c11d0$var$ListBoxDropIndicator);
+const $eed445e0843c11d0$export$8e6d031a08cf56a1 = (0, $e8Bmu$createLeafComponent)((0, $e8Bmu$LoaderNode), function ListBoxLoadingIndicator(props, ref, item) {
+    let state = (0, $e8Bmu$useContext)($eed445e0843c11d0$export$7c5906fe4f1f2af2);
+    let { isLoading: isLoading, onLoadMore: onLoadMore, scrollOffset: scrollOffset, ...otherProps } = props;
+    let sentinelRef = (0, $e8Bmu$useRef)(null);
+    let memoedLoadMoreProps = (0, $e8Bmu$useMemo)(()=>({
+            onLoadMore: onLoadMore,
+            collection: state === null || state === void 0 ? void 0 : state.collection,
+            sentinelRef: sentinelRef,
+            scrollOffset: scrollOffset
+        }), [
+        onLoadMore,
+        scrollOffset,
+        state === null || state === void 0 ? void 0 : state.collection
+    ]);
+    (0, $e8Bmu$useLoadMoreSentinel)(memoedLoadMoreProps, sentinelRef);
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...otherProps,
+        id: undefined,
+        children: item.rendered,
+        defaultClassName: 'react-aria-ListBoxLoadingIndicator',
+        values: undefined
+    });
+    let optionProps = {
+        // For Android talkback
+        tabIndex: -1
+    };
+    return /*#__PURE__*/ (0, $e8Bmu$react).createElement((0, $e8Bmu$react).Fragment, null, /*#__PURE__*/ (0, $e8Bmu$react).createElement("div", {
+        style: {
+            position: 'relative',
+            width: 0,
+            height: 0
+        },
+        inert: (0, $e8Bmu$inertValue)(true)
+    }, /*#__PURE__*/ (0, $e8Bmu$react).createElement("div", {
+        "data-testid": "loadMoreSentinel",
+        ref: sentinelRef,
+        style: {
+            position: 'absolute',
+            height: 1,
+            width: 1
+        }
+    })), isLoading && renderProps.children && /*#__PURE__*/ (0, $e8Bmu$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
+        ...(0, $e8Bmu$mergeProps)((0, $e8Bmu$filterDOMProps)(props, {
+            global: true
+        }), optionProps),
+        ...renderProps,
+        // aria-selected isn't needed here since this option is not selectable.
+        role: "option",
+        ref: ref
+    }, renderProps.children));
+});
+
+
+export {$eed445e0843c11d0$export$7ff8f37d2d81a48d as ListBoxContext, $eed445e0843c11d0$export$7c5906fe4f1f2af2 as ListStateContext, $eed445e0843c11d0$export$41f133550aa26f48 as ListBox, $eed445e0843c11d0$export$dca12b0bb56e4fc as ListBoxSection, $eed445e0843c11d0$export$a11e76429ed99b4 as ListBoxItem, $eed445e0843c11d0$export$8e6d031a08cf56a1 as ListBoxLoadMoreItem};
+//# sourceMappingURL=ListBox.module.js.map