react-aria-components 1.16.0 → 1.18.0

package/dist/Tree.mjs

@@ -1,818 +0,0 @@
-import {ButtonContext as $d2b4bc8c273e7be6$export$24d547caef80ccd1} from "./Button.mjs";
-import {CheckboxContext as $4e85f108e88277b8$export$b085522c77523c51} from "./RSPContexts.mjs";
-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} from "./utils.mjs";
-import {CollectionRendererContext as $7135fc7d473fd974$export$4feb769f8ddf26c5, DefaultCollectionRenderer as $7135fc7d473fd974$export$a164736487e3f0ae} 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 {GridListHeader as $72e60046c03fbe42$export$1b574dbdb0075ff6, GridListHeaderContext as $72e60046c03fbe42$export$87f5843bfb30d205, GridListHeaderInnerContext as $72e60046c03fbe42$export$bc7e8a4031ec2a33} from "./GridList.mjs";
-import {SelectionIndicatorContext as $1d5b8b8664671ef2$export$c9549807523555e0} from "./SelectionIndicator.mjs";
-import {SharedElementTransition as $c8a5a149f625efcf$export$758399f318e6385a} from "./SharedElementTransition.mjs";
-import {TreeDropTargetDelegate as $7e0f784ed4e400df$export$82c13862611c034e} from "./TreeDropTargetDelegate.mjs";
-import {useLocale as $kUtXx$useLocale, useCollator as $kUtXx$useCollator, useTree as $kUtXx$useTree, ListKeyboardDelegate as $kUtXx$ListKeyboardDelegate, useFocusRing as $kUtXx$useFocusRing, FocusScope as $kUtXx$FocusScope, mergeProps as $kUtXx$mergeProps, useTreeItem as $kUtXx$useTreeItem, useHover as $kUtXx$useHover, useGridListSelectionCheckbox as $kUtXx$useGridListSelectionCheckbox, useVisuallyHidden as $kUtXx$useVisuallyHidden, useId as $kUtXx$useId, useGridListSection as $kUtXx$useGridListSection} from "react-aria";
-import {BaseCollection as $kUtXx$BaseCollection, CollectionBuilder as $kUtXx$CollectionBuilder, Collection as $kUtXx$Collection, CollectionNode as $kUtXx$CollectionNode, createLeafComponent as $kUtXx$createLeafComponent, createBranchComponent as $kUtXx$createBranchComponent, useCachedChildren as $kUtXx$useCachedChildren, LoaderNode as $kUtXx$LoaderNode, SectionNode as $kUtXx$SectionNode} from "@react-aria/collections";
-import {useTreeState as $kUtXx$useTreeState} from "react-stately";
-import {filterDOMProps as $kUtXx$filterDOMProps, useObjectRef as $kUtXx$useObjectRef, useLoadMoreSentinel as $kUtXx$useLoadMoreSentinel, inertValue as $kUtXx$inertValue} from "@react-aria/utils";
-import $kUtXx$react, {createContext as $kUtXx$createContext, forwardRef as $kUtXx$forwardRef, useRef as $kUtXx$useRef, useEffect as $kUtXx$useEffect, useContext as $kUtXx$useContext, useState as $kUtXx$useState, useMemo as $kUtXx$useMemo} from "react";
-import {useControlledState as $kUtXx$useControlledState} from "@react-stately/utils";
-
-/*
- * Copyright 2024 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.
- */ 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-class $2f5eaf4a2a47b4cf$var$TreeCollection extends (0, $kUtXx$BaseCollection) {
-    withExpandedKeys(lastExpandedKeys, expandedKeys) {
-        let collection = this.clone();
-        collection.expandedKeys = expandedKeys;
-        // Clone ancestor section nodes so React knows to re-render since the same item won't cause a new render but a clone creating a new object with the same value will
-        // Without this change, the items won't expand and collapse when virtualized inside a section
-        $2f5eaf4a2a47b4cf$var$TreeCollection.cloneAncestorSections(expandedKeys, lastExpandedKeys, collection);
-        $2f5eaf4a2a47b4cf$var$TreeCollection.cloneAncestorSections(lastExpandedKeys, expandedKeys, collection);
-        collection.frozen = this.frozen;
-        return collection;
-    }
-    // diff lastExpandedKeys and expandedKeys so we only clone what has changed
-    static cloneAncestorSections(keys, excludeSet, collection) {
-        for (let key of keys)if (!excludeSet.has(key)) {
-            let currentKey = key;
-            while(currentKey != null){
-                let item = collection.getItem(currentKey);
-                var _item_parentKey;
-                if ((item === null || item === void 0 ? void 0 : item.type) === 'section') {
-                    collection.keyMap.set(currentKey, item.clone());
-                    break;
-                } else currentKey = (_item_parentKey = item === null || item === void 0 ? void 0 : item.parentKey) !== null && _item_parentKey !== void 0 ? _item_parentKey : null;
-            }
-        }
-    }
-    *[Symbol.iterator]() {
-        let firstKey = this.getFirstKey();
-        let node = firstKey != null ? this.getItem(firstKey) : null;
-        while(node){
-            yield node;
-            if (node.type === 'section') node = node.nextKey ? this.getItem(node.nextKey) : null;
-            else {
-                // This will include both item and content nodes
-                // We handle the content nodes in useCollectionRenderer and ListLayout
-                let key = this.getKeyAfter(node.key);
-                node = key ? this.getItem(key) : null;
-            }
-        }
-    }
-    getLastKey() {
-        // Find the deepest expanded child. We don't use collection.getLastKey() here
-        // because that will return the deepest child regardless of expandedKeys.
-        // Instead, start from the last top-level key and walk down.
-        let key = this.lastKey;
-        if (key == null) return null;
-        let node = this.getItem(key);
-        while((node === null || node === void 0 ? void 0 : node.lastChildKey) != null && (node.type !== 'item' || this.expandedKeys.has(node.key)))node = this.getItem(node.lastChildKey);
-        return node === null || node === void 0 ? void 0 : node.key;
-    }
-    getKeyAfter(key) {
-        let node = this.getItem(key);
-        if (!node) return null;
-        if ((this.expandedKeys.has(node.key) || node.type !== 'item') && node.firstChildKey != null) return node.firstChildKey;
-        while(node){
-            if (node.nextKey != null) return node.nextKey;
-            if (node.parentKey != null) node = this.getItem(node.parentKey);
-            else return null;
-        }
-        return null;
-    }
-    getKeyBefore(key) {
-        let node = this.getItem(key);
-        if (!node) return null;
-        if (node.prevKey != null) {
-            node = this.getItem(node.prevKey);
-            // If the lastChildKey is expanded, check its lastChildKey
-            while(node && (node.type !== 'item' || this.expandedKeys.has(node.key)) && node.lastChildKey != null)node = this.getItem(node.lastChildKey);
-            var _node_key;
-            return (_node_key = node === null || node === void 0 ? void 0 : node.key) !== null && _node_key !== void 0 ? _node_key : null;
-        }
-        return node.parentKey;
-    }
-    getChildren(key) {
-        let self = this;
-        return {
-            *[Symbol.iterator] () {
-                let parent = self.getItem(key);
-                let node = (parent === null || parent === void 0 ? void 0 : parent.firstChildKey) != null ? self.getItem(parent.firstChildKey) : null;
-                if (parent && parent.type === 'section' && node) // Stop once either the node is null or the node is the parent's sibling
-                while(node && node.key !== parent.nextKey){
-                    yield self.getItem(node.key);
-                    // This will include content nodes which we skip in ListLayout
-                    let key = self.getKeyAfter(node.key);
-                    node = key != null ? self.getItem(key) : null;
-                }
-                else while(node){
-                    yield node;
-                    node = node.nextKey != null ? self.getItem(node.nextKey) : null;
-                }
-            }
-        };
-    }
-    getTextValue(key) {
-        let item = this.getItem(key);
-        return item ? item.textValue : '';
-    }
-    constructor(...args){
-        super(...args), this.expandedKeys = new Set();
-    }
-}
-const $2f5eaf4a2a47b4cf$export$dfae7d399eea2568 = /*#__PURE__*/ (0, $kUtXx$createContext)(null);
-const $2f5eaf4a2a47b4cf$export$8953bccafd7bce87 = /*#__PURE__*/ (0, $kUtXx$createContext)(null);
-const $2f5eaf4a2a47b4cf$export$7fbedc92909ed28e = /*#__PURE__*/ (0, $kUtXx$forwardRef)(function Tree(props, ref) {
-    // Render the portal first so that we have the collection by the time we render the DOM in SSR.
-    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $2f5eaf4a2a47b4cf$export$dfae7d399eea2568);
-    return /*#__PURE__*/ (0, $kUtXx$react).createElement((0, $kUtXx$CollectionBuilder), {
-        content: /*#__PURE__*/ (0, $kUtXx$react).createElement((0, $kUtXx$Collection), props),
-        createCollection: ()=>new $2f5eaf4a2a47b4cf$var$TreeCollection()
-    }, (collection)=>/*#__PURE__*/ (0, $kUtXx$react).createElement($2f5eaf4a2a47b4cf$var$TreeInner, {
-            props: props,
-            collection: collection,
-            treeRef: ref
-        }));
-});
-const $2f5eaf4a2a47b4cf$var$EXPANSION_KEYS = {
-    'expand': {
-        ltr: 'ArrowRight',
-        rtl: 'ArrowLeft'
-    },
-    'collapse': {
-        ltr: 'ArrowLeft',
-        rtl: 'ArrowRight'
-    }
-};
-function $2f5eaf4a2a47b4cf$var$TreeInner({ props: props, collection: collection, treeRef: ref }) {
-    const { dragAndDropHooks: dragAndDropHooks } = props;
-    let { direction: direction } = (0, $kUtXx$useLocale)();
-    let collator = (0, $kUtXx$useCollator)({
-        usage: 'search',
-        sensitivity: 'base'
-    });
-    let hasDragHooks = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
-    let hasDropHooks = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDroppableCollectionState);
-    let dragHooksProvided = (0, $kUtXx$useRef)(hasDragHooks);
-    let dropHooksProvided = (0, $kUtXx$useRef)(hasDropHooks);
-    (0, $kUtXx$useEffect)(()=>{
-        if (dragHooksProvided.current !== hasDragHooks) 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 !== hasDropHooks) console.warn('Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.');
-    }, [
-        hasDragHooks,
-        hasDropHooks
-    ]);
-    let { selectionMode: selectionMode = 'none', expandedKeys: propExpandedKeys, defaultExpandedKeys: propDefaultExpandedKeys, onExpandedChange: onExpandedChange, disabledBehavior: disabledBehavior = 'all' } = props;
-    let { CollectionRoot: CollectionRoot, isVirtualized: isVirtualized, layoutDelegate: layoutDelegate, dropTargetDelegate: ctxDropTargetDelegate } = (0, $kUtXx$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
-    // Kinda annoying that we have to replicate this code here as well as in useTreeState, but don't want to add
-    // flattenCollection stuff to useTreeState. Think about this later
-    let [expandedKeys, setExpandedKeys] = (0, $kUtXx$useControlledState)(propExpandedKeys ? new Set(propExpandedKeys) : undefined, propDefaultExpandedKeys ? new Set(propDefaultExpandedKeys) : new Set(), onExpandedChange);
-    let [lastCollection, setLastCollection] = (0, $kUtXx$useState)(collection);
-    let [lastExpandedKeys, setLastExpandedKeys] = (0, $kUtXx$useState)(expandedKeys);
-    let [flattenedCollection, setFlattenedCollection] = (0, $kUtXx$useState)(()=>collection.withExpandedKeys(lastExpandedKeys, expandedKeys));
-    // if the lastExpandedKeys is not the same as the currentExpandedKeys or the collection has changed, then run this
-    if (!$2f5eaf4a2a47b4cf$var$areSetsEqual(lastExpandedKeys, expandedKeys) || collection !== lastCollection) {
-        setFlattenedCollection(collection.withExpandedKeys(lastExpandedKeys, expandedKeys));
-        setLastCollection(collection);
-        setLastExpandedKeys(expandedKeys);
-    }
-    let state = (0, $kUtXx$useTreeState)({
-        ...props,
-        selectionMode: selectionMode,
-        expandedKeys: expandedKeys,
-        onExpandedChange: setExpandedKeys,
-        collection: flattenedCollection,
-        children: undefined,
-        disabledBehavior: disabledBehavior
-    });
-    let { gridProps: gridProps } = (0, $kUtXx$useTree)({
-        ...props,
-        isVirtualized: isVirtualized,
-        layoutDelegate: layoutDelegate
-    }, state, ref);
-    let dragState = undefined;
-    let dropState = undefined;
-    let droppableCollection = undefined;
-    let isRootDropTarget = false;
-    let dragPreview = null;
-    let preview = (0, $kUtXx$useRef)(null);
-    if (hasDragHooks && dragAndDropHooks) {
-        dragState = dragAndDropHooks.useDraggableCollectionState({
-            collection: state.collection,
-            selectionManager: state.selectionManager,
-            preview: dragAndDropHooks.renderDragPreview ? preview : undefined
-        });
-        dragAndDropHooks.useDraggableCollection({}, dragState, ref);
-        let DragPreview = dragAndDropHooks.DragPreview;
-        dragPreview = dragAndDropHooks.renderDragPreview ? /*#__PURE__*/ (0, $kUtXx$react).createElement(DragPreview, {
-            ref: preview
-        }, dragAndDropHooks.renderDragPreview) : null;
-    }
-    let [treeDropTargetDelegate] = (0, $kUtXx$useState)(()=>new (0, $7e0f784ed4e400df$export$82c13862611c034e)());
-    if (hasDropHooks && dragAndDropHooks) {
-        dropState = dragAndDropHooks.useDroppableCollectionState({
-            collection: state.collection,
-            selectionManager: state.selectionManager
-        });
-        let dropTargetDelegate = dragAndDropHooks.dropTargetDelegate || ctxDropTargetDelegate || new dragAndDropHooks.ListDropTargetDelegate(state.collection, ref, {
-            direction: direction
-        });
-        treeDropTargetDelegate.setup(dropTargetDelegate, state, direction);
-        let keyboardDelegate = new (0, $kUtXx$ListKeyboardDelegate)({
-            collection: state.collection,
-            collator: collator,
-            ref: ref,
-            disabledKeys: state.selectionManager.disabledKeys,
-            disabledBehavior: state.selectionManager.disabledBehavior,
-            direction: direction,
-            layoutDelegate: layoutDelegate
-        });
-        droppableCollection = dragAndDropHooks.useDroppableCollection({
-            keyboardDelegate: keyboardDelegate,
-            dropTargetDelegate: treeDropTargetDelegate,
-            onDropActivate: (e)=>{
-                // Expand collapsed item when dragging over. For keyboard, allow collapsing.
-                if (e.target.type === 'item') {
-                    var _dragAndDropHooks_isVirtualDragging;
-                    let key = e.target.key;
-                    let item = state.collection.getItem(key);
-                    let isExpanded = expandedKeys.has(key);
-                    if (item && item.hasChildNodes && (!isExpanded || (dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : (_dragAndDropHooks_isVirtualDragging = dragAndDropHooks.isVirtualDragging) === null || _dragAndDropHooks_isVirtualDragging === void 0 ? void 0 : _dragAndDropHooks_isVirtualDragging.call(dragAndDropHooks)))) state.toggleKey(key);
-                }
-            },
-            onKeyDown: (e)=>{
-                let target = dropState === null || dropState === void 0 ? void 0 : dropState.target;
-                if (target && target.type === 'item' && target.dropPosition === 'on') {
-                    let item = state.collection.getItem(target.key);
-                    if (e.key === $2f5eaf4a2a47b4cf$var$EXPANSION_KEYS['expand'][direction] && (item === null || item === void 0 ? void 0 : item.hasChildNodes) && !state.expandedKeys.has(target.key)) state.toggleKey(target.key);
-                    else if (e.key === $2f5eaf4a2a47b4cf$var$EXPANSION_KEYS['collapse'][direction] && (item === null || item === void 0 ? void 0 : item.hasChildNodes) && state.expandedKeys.has(target.key)) state.toggleKey(target.key);
-                }
-            }
-        }, dropState, ref);
-        // Prevent dropping items onto themselves or their descendants
-        let originalGetDropOperation = dropState.getDropOperation;
-        dropState.getDropOperation = (options)=>{
-            let { target: target, isInternal: isInternal } = options;
-            var _dragState_draggingKeys;
-            let currentDraggingKeys = (_dragState_draggingKeys = dragState === null || dragState === void 0 ? void 0 : dragState.draggingKeys) !== null && _dragState_draggingKeys !== void 0 ? _dragState_draggingKeys : new Set();
-            if (isInternal && target.type === 'item' && currentDraggingKeys.size > 0) {
-                if (currentDraggingKeys.has(target.key) && target.dropPosition === 'on') return 'cancel';
-                let currentKey = target.key;
-                while(currentKey != null){
-                    let item = state.collection.getItem(currentKey);
-                    let parentKey = item === null || item === void 0 ? void 0 : item.parentKey;
-                    if (parentKey != null && currentDraggingKeys.has(parentKey)) return 'cancel';
-                    currentKey = parentKey !== null && parentKey !== void 0 ? parentKey : null;
-                }
-            }
-            return originalGetDropOperation(options);
-        };
-        isRootDropTarget = dropState.isDropTarget({
-            type: 'root'
-        });
-    }
-    let isTreeDraggable = !!(hasDragHooks && !(dragState === null || dragState === void 0 ? void 0 : dragState.isDisabled));
-    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $kUtXx$useFocusRing)();
-    let renderValues = {
-        isEmpty: state.collection.size === 0,
-        isFocused: isFocused,
-        isFocusVisible: isFocusVisible,
-        isDropTarget: isRootDropTarget,
-        selectionMode: state.selectionManager.selectionMode,
-        allowsDragging: !!isTreeDraggable,
-        state: state
-    };
-    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
-        ...props,
-        children: undefined,
-        defaultClassName: 'react-aria-Tree',
-        values: renderValues
-    });
-    let emptyState = null;
-    if (state.collection.size === 0 && props.renderEmptyState) {
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        let { isEmpty: isEmpty, ...values } = renderValues;
-        let content = props.renderEmptyState({
-            ...values
-        });
-        let treeGridRowProps = {
-            'aria-level': 1
-        };
-        emptyState = /*#__PURE__*/ (0, $kUtXx$react).createElement("div", {
-            role: "row",
-            style: {
-                display: 'contents'
-            },
-            ...treeGridRowProps
-        }, /*#__PURE__*/ (0, $kUtXx$react).createElement("div", {
-            role: "gridcell",
-            style: {
-                display: 'contents'
-            }
-        }, content));
-    }
-    let DOMProps = (0, $kUtXx$filterDOMProps)(props, {
-        global: true
-    });
-    return /*#__PURE__*/ (0, $kUtXx$react).createElement((0, $kUtXx$react).Fragment, null, /*#__PURE__*/ (0, $kUtXx$react).createElement((0, $kUtXx$FocusScope), null, /*#__PURE__*/ (0, $kUtXx$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
-        ...(0, $kUtXx$mergeProps)(DOMProps, renderProps, gridProps, focusProps, droppableCollection === null || droppableCollection === void 0 ? void 0 : droppableCollection.collectionProps),
-        ref: ref,
-        slot: props.slot || undefined,
-        "data-empty": state.collection.size === 0 || undefined,
-        "data-focused": isFocused || undefined,
-        "data-drop-target": isRootDropTarget || undefined,
-        "data-focus-visible": isFocusVisible || undefined,
-        "data-selection-mode": state.selectionManager.selectionMode === 'none' ? undefined : state.selectionManager.selectionMode,
-        "data-allows-dragging": !!isTreeDraggable || undefined
-    }, /*#__PURE__*/ (0, $kUtXx$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
-        values: [
-            [
-                $2f5eaf4a2a47b4cf$export$8953bccafd7bce87,
-                state
-            ],
-            [
-                (0, $612b8eb6cb90e02d$export$d188a835a7bc5783),
-                {
-                    dragAndDropHooks: dragAndDropHooks,
-                    dragState: dragState,
-                    dropState: dropState
-                }
-            ],
-            [
-                (0, $612b8eb6cb90e02d$export$f55761759794cf55),
-                {
-                    render: $2f5eaf4a2a47b4cf$var$TreeDropIndicatorWrapper
-                }
-            ]
-        ]
-    }, hasDropHooks && /*#__PURE__*/ (0, $kUtXx$react).createElement($2f5eaf4a2a47b4cf$var$RootDropIndicator, null), /*#__PURE__*/ (0, $kUtXx$react).createElement((0, $c8a5a149f625efcf$export$758399f318e6385a), null, /*#__PURE__*/ (0, $kUtXx$react).createElement(CollectionRoot, {
-        collection: state.collection,
-        persistedKeys: (0, $612b8eb6cb90e02d$export$d1e8e3fbb7461f6)(state.selectionManager, dragAndDropHooks, dropState),
-        scrollRef: ref,
-        renderDropIndicator: (0, $612b8eb6cb90e02d$export$971707d8a129a1f7)(dragAndDropHooks, dropState)
-    }))), emptyState)), dragPreview);
-}
-class $2f5eaf4a2a47b4cf$var$TreeContentNode extends (0, $kUtXx$CollectionNode) {
-}
-$2f5eaf4a2a47b4cf$var$TreeContentNode.type = 'content';
-const $2f5eaf4a2a47b4cf$export$4b687e3f663d618c = /*#__PURE__*/ (0, $kUtXx$createLeafComponent)($2f5eaf4a2a47b4cf$var$TreeContentNode, function TreeItemContent(props) {
-    let values = (0, $kUtXx$useContext)($2f5eaf4a2a47b4cf$export$36b5dda0d9bc8f78);
-    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
-        children: props.children,
-        values: values
-    });
-    return /*#__PURE__*/ (0, $kUtXx$react).createElement((0, $7135fc7d473fd974$export$4feb769f8ddf26c5).Provider, {
-        value: (0, $7135fc7d473fd974$export$a164736487e3f0ae)
-    }, renderProps.children);
-});
-const $2f5eaf4a2a47b4cf$export$36b5dda0d9bc8f78 = /*#__PURE__*/ (0, $kUtXx$createContext)(null);
-class $2f5eaf4a2a47b4cf$var$TreeItemNode extends (0, $kUtXx$CollectionNode) {
-}
-$2f5eaf4a2a47b4cf$var$TreeItemNode.type = 'item';
-const $2f5eaf4a2a47b4cf$export$53d36ab85dc89436 = /*#__PURE__*/ (0, $kUtXx$createBranchComponent)($2f5eaf4a2a47b4cf$var$TreeItemNode, (props, ref, item)=>{
-    var _this;
-    let state = (0, $kUtXx$useContext)($2f5eaf4a2a47b4cf$export$8953bccafd7bce87);
-    ref = (0, $kUtXx$useObjectRef)(ref);
-    let { dragAndDropHooks: dragAndDropHooks, dragState: dragState, dropState: dropState } = (0, $kUtXx$useContext)((0, $612b8eb6cb90e02d$export$d188a835a7bc5783));
-    // TODO: remove this when we support description in tree row
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    let { rowProps: rowProps, gridCellProps: gridCellProps, expandButtonProps: expandButtonProps, descriptionProps: descriptionProps, ...states } = (0, $kUtXx$useTreeItem)({
-        node: item,
-        shouldSelectOnPressUp: !!dragState
-    }, state, ref);
-    let isExpanded = rowProps['aria-expanded'] === true;
-    let hasChildItems = props.hasChildItems || ((_this = [
-        ...state.collection.getChildren(item.key)
-    ]) === null || _this === void 0 ? void 0 : _this.length) > 1;
-    let level = rowProps['aria-level'] || 1;
-    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $kUtXx$useHover)({
-        isDisabled: !states.allowsSelection && !states.hasAction,
-        onHoverStart: props.onHoverStart,
-        onHoverChange: props.onHoverChange,
-        onHoverEnd: props.onHoverEnd
-    });
-    let { isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $kUtXx$useFocusRing)();
-    let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $kUtXx$useFocusRing)({
-        within: true
-    });
-    let { checkboxProps: checkboxProps } = (0, $kUtXx$useGridListSelectionCheckbox)({
-        key: item.key
-    }, state);
-    let draggableItem = null;
-    if (dragState && dragAndDropHooks) draggableItem = dragAndDropHooks.useDraggableItem({
-        key: item.key,
-        hasDragButton: true
-    }, dragState);
-    let dropIndicator = null;
-    let expandButtonRef = (0, $kUtXx$useRef)(null);
-    let dropIndicatorRef = (0, $kUtXx$useRef)(null);
-    let activateButtonRef = (0, $kUtXx$useRef)(null);
-    let { visuallyHiddenProps: visuallyHiddenProps } = (0, $kUtXx$useVisuallyHidden)();
-    if (dropState && dragAndDropHooks) dropIndicator = dragAndDropHooks.useDropIndicator({
-        target: {
-            type: 'item',
-            key: item.key,
-            dropPosition: 'on'
-        },
-        activateButtonRef: activateButtonRef
-    }, dropState, dropIndicatorRef);
-    let isDragging = dragState && dragState.isDragging(item.key);
-    let isDropTarget = dropIndicator === null || dropIndicator === void 0 ? void 0 : dropIndicator.isDropTarget;
-    let selectionMode = state.selectionManager.selectionMode;
-    let selectionBehavior = state.selectionManager.selectionBehavior;
-    let renderPropValues = (0, $kUtXx$react).useMemo(()=>({
-            ...states,
-            isHovered: isHovered,
-            isFocusVisible: isFocusVisible,
-            isExpanded: isExpanded,
-            hasChildItems: hasChildItems,
-            level: level,
-            selectionMode: selectionMode,
-            selectionBehavior: selectionBehavior,
-            isFocusVisibleWithin: isFocusVisibleWithin,
-            state: state,
-            id: item.key,
-            allowsDragging: !!dragState,
-            isDragging: isDragging,
-            isDropTarget: isDropTarget
-        }), [
-        states,
-        isHovered,
-        isFocusVisible,
-        isExpanded,
-        hasChildItems,
-        level,
-        isFocusVisibleWithin,
-        state,
-        item.key,
-        dragState,
-        isDragging,
-        isDropTarget,
-        selectionBehavior,
-        selectionMode
-    ]);
-    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
-        ...props,
-        id: undefined,
-        children: item.rendered,
-        defaultClassName: 'react-aria-TreeItem',
-        defaultStyle: {
-            // @ts-ignore
-            '--tree-item-level': level
-        },
-        values: renderPropValues
-    });
-    (0, $kUtXx$useEffect)(()=>{
-        if (!item.textValue && process.env.NODE_ENV !== 'production') console.warn('A `textValue` prop is required for <TreeItem> elements in order to support accessibility features such as type to select.');
-    }, [
-        item.textValue
-    ]);
-    (0, $kUtXx$useEffect)(()=>{
-        if (hasChildItems && !expandButtonRef.current && process.env.NODE_ENV !== 'production') console.warn('Expandable tree items must contain a expand button so screen reader users can expand/collapse the item.');
-    // eslint-disable-next-line
-    }, []);
-    let dragButtonRef = (0, $kUtXx$useRef)(null);
-    (0, $kUtXx$useEffect)(()=>{
-        if (dragState && !dragButtonRef.current && process.env.NODE_ENV !== 'production') console.warn('Draggable items in a Tree must contain a <Button slot="drag"> element so that keyboard and screen reader users can drag them.');
-    // eslint-disable-next-line
-    }, []);
-    let children = (0, $kUtXx$useCachedChildren)({
-        items: state.collection.getChildren(item.key),
-        children: (item)=>{
-            switch(item.type){
-                case 'content':
-                    return item.render(item);
-                // Skip item since we don't render the nested rows as children of the parent row, the flattened collection
-                // will render them each as siblings instead
-                case 'loader':
-                case 'item':
-                    return /*#__PURE__*/ (0, $kUtXx$react).createElement((0, $kUtXx$react).Fragment, null);
-                default:
-                    throw new Error('Unsupported element type in TreeRow: ' + item.type);
-            }
-        }
-    });
-    let activateButtonId = (0, $kUtXx$useId)();
-    let DOMProps = (0, $kUtXx$filterDOMProps)(props, {
-        global: true
-    });
-    delete DOMProps.id;
-    delete DOMProps.onClick;
-    return /*#__PURE__*/ (0, $kUtXx$react).createElement((0, $kUtXx$react).Fragment, null, dropIndicator && !dropIndicator.isHidden && /*#__PURE__*/ (0, $kUtXx$react).createElement("div", {
-        role: "row",
-        "aria-level": rowProps['aria-level'],
-        "aria-expanded": rowProps['aria-expanded'],
-        "aria-label": dropIndicator.dropIndicatorProps['aria-label']
-    }, /*#__PURE__*/ (0, $kUtXx$react).createElement("div", {
-        role: "gridcell",
-        "aria-colindex": 1,
-        style: {
-            display: 'contents'
-        }
-    }, /*#__PURE__*/ (0, $kUtXx$react).createElement("div", {
-        role: "button",
-        ...visuallyHiddenProps,
-        ...dropIndicator.dropIndicatorProps,
-        ref: dropIndicatorRef
-    }), rowProps['aria-expanded'] != null ? // Button to allow touch screen reader users to expand the item while dragging.
-    /*#__PURE__*/ (0, $kUtXx$react).createElement("div", {
-        role: "button",
-        ...visuallyHiddenProps,
-        id: activateButtonId,
-        "aria-label": expandButtonProps['aria-label'],
-        "aria-labelledby": `${activateButtonId} ${rowProps.id}`,
-        tabIndex: -1,
-        ref: activateButtonRef
-    }) : null)), /*#__PURE__*/ (0, $kUtXx$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
-        ...(0, $kUtXx$mergeProps)(DOMProps, rowProps, focusProps, hoverProps, focusWithinProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps),
-        ...renderProps,
-        ref: ref,
-        // TODO: missing selectionBehavior, hasAction and allowsSelection data attribute equivalents (available in renderProps). Do we want those?
-        "data-expanded": hasChildItems && isExpanded || undefined,
-        "data-has-child-items": hasChildItems || undefined,
-        "data-level": level,
-        "data-selected": states.isSelected || undefined,
-        "data-disabled": states.isDisabled || undefined,
-        "data-hovered": isHovered || undefined,
-        "data-focused": states.isFocused || undefined,
-        "data-focus-visible": isFocusVisible || undefined,
-        "data-pressed": states.isPressed || undefined,
-        "data-selection-mode": state.selectionManager.selectionMode === 'none' ? undefined : state.selectionManager.selectionMode,
-        "data-allows-dragging": !!dragState || undefined,
-        "data-dragging": isDragging || undefined,
-        "data-drop-target": isDropTarget || undefined
-    }, /*#__PURE__*/ (0, $kUtXx$react).createElement("div", {
-        ...gridCellProps,
-        style: {
-            display: 'contents'
-        }
-    }, /*#__PURE__*/ (0, $kUtXx$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
-        values: [
-            [
-                (0, $4e85f108e88277b8$export$b085522c77523c51),
-                {
-                    slots: {
-                        selection: checkboxProps
-                    }
-                }
-            ],
-            // TODO: support description in the tree row
-            // TODO: don't think I need to pass isExpanded to the button here since it can be sourced from the renderProps? Might be worthwhile passing it down?
-            [
-                (0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),
-                {
-                    slots: {
-                        [(0, $64fa3d84918910a7$export$c62b8e45d58ddad9)]: {},
-                        chevron: {
-                            ...expandButtonProps,
-                            ref: expandButtonRef
-                        },
-                        drag: {
-                            ...draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragButtonProps,
-                            ref: dragButtonRef,
-                            style: {
-                                pointerEvents: 'none'
-                            }
-                        }
-                    }
-                }
-            ],
-            [
-                $2f5eaf4a2a47b4cf$export$36b5dda0d9bc8f78,
-                {
-                    ...renderPropValues
-                }
-            ],
-            [
-                (0, $1d5b8b8664671ef2$export$c9549807523555e0),
-                {
-                    isSelected: states.isSelected
-                }
-            ]
-        ]
-    }, children))));
-});
-const $2f5eaf4a2a47b4cf$export$533df5f8efd48cc9 = (0, $kUtXx$createLeafComponent)((0, $kUtXx$LoaderNode), function TreeLoadingSentinel(props, ref, item) {
-    let { isVirtualized: isVirtualized } = (0, $kUtXx$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
-    let state = (0, $kUtXx$useContext)($2f5eaf4a2a47b4cf$export$8953bccafd7bce87);
-    let { isLoading: isLoading, onLoadMore: onLoadMore, scrollOffset: scrollOffset, ...otherProps } = props;
-    let sentinelRef = (0, $kUtXx$useRef)(null);
-    let memoedLoadMoreProps = (0, $kUtXx$useMemo)(()=>({
-            onLoadMore: onLoadMore,
-            // this collection will update anytime a row is expanded/collapsed becaused the flattenedRows will change.
-            // This means onLoadMore will trigger but that might be ok cause the user should have logic to handle multiple loadMore calls
-            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, $kUtXx$useLoadMoreSentinel)(memoedLoadMoreProps, sentinelRef);
-    ref = (0, $kUtXx$useObjectRef)(ref);
-    let { rowProps: rowProps, gridCellProps: gridCellProps } = (0, $kUtXx$useTreeItem)({
-        node: item
-    }, state, ref);
-    let level = rowProps['aria-level'] || 1;
-    // For now don't include aria-posinset and aria-setsize on loader since they aren't keyboard focusable
-    // Arguably shouldn't include them ever since it might be confusing to the user to include the loaders as part of the
-    // item count
-    let ariaProps = {
-        role: 'row',
-        'aria-level': rowProps['aria-level']
-    };
-    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
-        ...otherProps,
-        id: undefined,
-        children: item.rendered,
-        defaultClassName: 'react-aria-TreeLoader',
-        values: {
-            level: level
-        }
-    });
-    let style = {};
-    if (isVirtualized) style = {
-        display: 'contents'
-    };
-    return /*#__PURE__*/ (0, $kUtXx$react).createElement((0, $kUtXx$react).Fragment, null, /*#__PURE__*/ (0, $kUtXx$react).createElement("div", {
-        style: {
-            position: 'relative',
-            width: 0,
-            height: 0
-        },
-        inert: (0, $kUtXx$inertValue)(true)
-    }, /*#__PURE__*/ (0, $kUtXx$react).createElement("div", {
-        "data-testid": "loadMoreSentinel",
-        ref: sentinelRef,
-        style: {
-            position: 'absolute',
-            height: 1,
-            width: 1
-        }
-    })), isLoading && renderProps.children && /*#__PURE__*/ (0, $kUtXx$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
-        ref: ref,
-        ...(0, $kUtXx$mergeProps)((0, $kUtXx$filterDOMProps)(props), ariaProps),
-        ...renderProps,
-        "data-level": level
-    }, /*#__PURE__*/ (0, $kUtXx$react).createElement("div", {
-        ...gridCellProps,
-        style: style
-    }, renderProps.children)));
-});
-function $2f5eaf4a2a47b4cf$var$TreeDropIndicatorWrapper(props, ref) {
-    var _dropState_collection_getItem;
-    ref = (0, $kUtXx$useObjectRef)(ref);
-    let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $kUtXx$useContext)((0, $612b8eb6cb90e02d$export$d188a835a7bc5783));
-    let buttonRef = (0, $kUtXx$useRef)(null);
-    let { dropIndicatorProps: dropIndicatorProps, isHidden: isHidden, isDropTarget: isDropTarget } = dragAndDropHooks.useDropIndicator(props, dropState, buttonRef);
-    if (isHidden) return null;
-    let level = dropState && props.target.type === 'item' ? (((_dropState_collection_getItem = dropState.collection.getItem(props.target.key)) === null || _dropState_collection_getItem === void 0 ? void 0 : _dropState_collection_getItem.level) || 0) + 1 : 1;
-    return /*#__PURE__*/ (0, $kUtXx$react).createElement($2f5eaf4a2a47b4cf$var$TreeDropIndicatorForwardRef, {
-        ...props,
-        dropIndicatorProps: dropIndicatorProps,
-        isDropTarget: isDropTarget,
-        ref: ref,
-        buttonRef: buttonRef,
-        level: level
-    });
-}
-function $2f5eaf4a2a47b4cf$var$TreeDropIndicator(props, ref) {
-    let { dropIndicatorProps: dropIndicatorProps, isDropTarget: isDropTarget, buttonRef: buttonRef, level: level, ...otherProps } = props;
-    let { visuallyHiddenProps: visuallyHiddenProps } = (0, $kUtXx$useVisuallyHidden)();
-    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
-        ...otherProps,
-        defaultClassName: 'react-aria-DropIndicator',
-        defaultStyle: {
-            position: 'relative',
-            // @ts-ignore
-            '--tree-item-level': level
-        },
-        values: {
-            isDropTarget: isDropTarget
-        }
-    });
-    return /*#__PURE__*/ (0, $kUtXx$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
-        ...renderProps,
-        role: "row",
-        "aria-level": level,
-        ref: ref,
-        "data-drop-target": isDropTarget || undefined
-    }, /*#__PURE__*/ (0, $kUtXx$react).createElement("div", {
-        role: "gridcell"
-    }, /*#__PURE__*/ (0, $kUtXx$react).createElement("div", {
-        ...visuallyHiddenProps,
-        role: "button",
-        ...dropIndicatorProps,
-        ref: buttonRef
-    }), renderProps.children));
-}
-const $2f5eaf4a2a47b4cf$var$TreeDropIndicatorForwardRef = /*#__PURE__*/ (0, $kUtXx$forwardRef)($2f5eaf4a2a47b4cf$var$TreeDropIndicator);
-function $2f5eaf4a2a47b4cf$var$RootDropIndicator() {
-    let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $kUtXx$useContext)((0, $612b8eb6cb90e02d$export$d188a835a7bc5783));
-    let ref = (0, $kUtXx$useRef)(null);
-    let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator({
-        target: {
-            type: 'root'
-        }
-    }, dropState, ref);
-    let isDropTarget = dropState.isDropTarget({
-        type: 'root'
-    });
-    let { visuallyHiddenProps: visuallyHiddenProps } = (0, $kUtXx$useVisuallyHidden)();
-    if (!isDropTarget && dropIndicatorProps['aria-hidden']) return null;
-    return /*#__PURE__*/ (0, $kUtXx$react).createElement("div", {
-        role: "row",
-        "aria-hidden": dropIndicatorProps['aria-hidden'],
-        style: {
-            position: 'absolute'
-        }
-    }, /*#__PURE__*/ (0, $kUtXx$react).createElement("div", {
-        role: "gridcell"
-    }, /*#__PURE__*/ (0, $kUtXx$react).createElement("div", {
-        role: "button",
-        ...visuallyHiddenProps,
-        ...dropIndicatorProps,
-        ref: ref
-    })));
-}
-const $2f5eaf4a2a47b4cf$export$1cd40fa16d4f033a = /*#__PURE__*/ (0, $kUtXx$createBranchComponent)((0, $kUtXx$SectionNode), (props, ref, item)=>{
-    let state = (0, $kUtXx$useContext)($2f5eaf4a2a47b4cf$export$8953bccafd7bce87);
-    let { CollectionBranch: CollectionBranch } = (0, $kUtXx$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
-    let headingRef = (0, $kUtXx$useRef)(null);
-    ref = (0, $kUtXx$useObjectRef)(ref);
-    var _props_arialabel;
-    let { rowHeaderProps: rowHeaderProps, rowProps: rowProps, rowGroupProps: rowGroupProps } = (0, $kUtXx$useGridListSection)({
-        'aria-label': (_props_arialabel = props['aria-label']) !== null && _props_arialabel !== void 0 ? _props_arialabel : undefined
-    }, state, ref);
-    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
-        ...props,
-        id: undefined,
-        children: undefined,
-        defaultClassName: 'react-aria-TreeSection',
-        values: undefined
-    });
-    let DOMProps = (0, $kUtXx$filterDOMProps)(props, {
-        global: true
-    });
-    delete DOMProps.id;
-    return /*#__PURE__*/ (0, $kUtXx$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).section, {
-        ...(0, $kUtXx$mergeProps)(DOMProps, renderProps, rowGroupProps),
-        ref: ref
-    }, /*#__PURE__*/ (0, $kUtXx$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
-        values: [
-            [
-                (0, $72e60046c03fbe42$export$87f5843bfb30d205),
-                {
-                    ...rowProps,
-                    ref: headingRef
-                }
-            ],
-            [
-                (0, $72e60046c03fbe42$export$bc7e8a4031ec2a33),
-                {
-                    ...rowHeaderProps
-                }
-            ]
-        ]
-    }, /*#__PURE__*/ (0, $kUtXx$react).createElement(CollectionBranch, {
-        collection: state.collection,
-        parent: item
-    })));
-});
-const $2f5eaf4a2a47b4cf$export$2a73ea8963a8efd8 = (props)=>{
-    return /*#__PURE__*/ (0, $kUtXx$react).createElement((0, $72e60046c03fbe42$export$1b574dbdb0075ff6), {
-        className: "react-aria-TreeHeader",
-        ...props
-    }, props.children);
-};
-function $2f5eaf4a2a47b4cf$var$areSetsEqual(a, b) {
-    if (a.size !== b.size) return false;
-    for (let item of a){
-        if (!b.has(item)) return false;
-    }
-    return true;
-}
-
-
-export {$2f5eaf4a2a47b4cf$export$dfae7d399eea2568 as TreeContext, $2f5eaf4a2a47b4cf$export$8953bccafd7bce87 as TreeStateContext, $2f5eaf4a2a47b4cf$export$7fbedc92909ed28e as Tree, $2f5eaf4a2a47b4cf$export$4b687e3f663d618c as TreeItemContent, $2f5eaf4a2a47b4cf$export$36b5dda0d9bc8f78 as TreeItemContentContext, $2f5eaf4a2a47b4cf$export$53d36ab85dc89436 as TreeItem, $2f5eaf4a2a47b4cf$export$533df5f8efd48cc9 as TreeLoadMoreItem, $2f5eaf4a2a47b4cf$export$1cd40fa16d4f033a as TreeSection, $2f5eaf4a2a47b4cf$export$2a73ea8963a8efd8 as TreeHeader};
-//# sourceMappingURL=Tree.module.js.map