@react-spectrum/table 3.12.9-nightly.4555 → 3.12.9-nightly.4558

package/dist/TableViewBase.mjs

@@ -0,0 +1,1186 @@
+import {InsertionIndicator as $7ee9a922ee4e8032$export$2c0bab5914a9d088} from "./InsertionIndicator.mjs";
+import $7lS7h$intlStringsmodulejs from "./intlStrings.mjs";
+import {Nubbin as $cb7d341e8868d81d$export$d9658cdf8c86807} from "./Nubbin.mjs";
+import {Resizer as $fc695d2eafc2b351$export$48a76196cafe3b93} from "./Resizer.mjs";
+import {RootDropIndicator as $4e6fc36ba71ba405$export$d30a7814cfd4033e} from "./RootDropIndicator.mjs";
+import {DragPreview as $daa6ead3d9d3506a$export$905ab40ac2179daa} from "./DragPreview.mjs";
+import "./vars.42570ef3.css";
+import $7lS7h$table_vars_cssmodulejs from "./table_vars_css.mjs";
+import "./table.b13eee90.css";
+import $7lS7h$table_cssmodulejs from "./table_css.mjs";
+import $7lS7h$spectrumiconsuiArrowDownSmall from "@spectrum-icons/ui/ArrowDownSmall";
+import {mergeProps as $7lS7h$mergeProps, scrollIntoView as $7lS7h$scrollIntoView, scrollIntoViewport as $7lS7h$scrollIntoViewport, chain as $7lS7h$chain, isAndroid as $7lS7h$isAndroid} from "@react-aria/utils";
+import {Checkbox as $7lS7h$Checkbox} from "@react-spectrum/checkbox";
+import $7lS7h$spectrumiconsuiChevronDownMedium from "@spectrum-icons/ui/ChevronDownMedium";
+import $7lS7h$spectrumiconsuiChevronLeftMedium from "@spectrum-icons/ui/ChevronLeftMedium";
+import $7lS7h$spectrumiconsuiChevronRightMedium from "@spectrum-icons/ui/ChevronRightMedium";
+import {useStyleProps as $7lS7h$useStyleProps, useDOMRef as $7lS7h$useDOMRef, classNames as $7lS7h$classNames, useFocusableRef as $7lS7h$useFocusableRef, useUnwrapDOMRef as $7lS7h$useUnwrapDOMRef} from "@react-spectrum/utils";
+import {useFocusRing as $7lS7h$useFocusRing, FocusScope as $7lS7h$FocusScope, FocusRing as $7lS7h$FocusRing} from "@react-aria/focus";
+import {getInteractionModality as $7lS7h$getInteractionModality, usePress as $7lS7h$usePress, useHover as $7lS7h$useHover, isFocusVisible as $7lS7h$isFocusVisible} from "@react-aria/interactions";
+import {MenuTrigger as $7lS7h$MenuTrigger, Menu as $7lS7h$Menu, Item as $7lS7h$Item} from "@react-spectrum/menu";
+import {layoutInfoToStyle as $7lS7h$layoutInfoToStyle, VirtualizerItem as $7lS7h$VirtualizerItem, setScrollLeft as $7lS7h$setScrollLeft, useVirtualizer as $7lS7h$useVirtualizer, ScrollView as $7lS7h$ScrollView} from "@react-aria/virtualizer";
+import $7lS7h$spectrumiconsuiListGripper from "@spectrum-icons/ui/ListGripper";
+import {ProgressCircle as $7lS7h$ProgressCircle} from "@react-spectrum/progress";
+import $7lS7h$react, {useContext as $7lS7h$useContext, useRef as $7lS7h$useRef, useEffect as $7lS7h$useEffect, useCallback as $7lS7h$useCallback, useState as $7lS7h$useState, useMemo as $7lS7h$useMemo} from "react";
+import {useVirtualizerState as $7lS7h$useVirtualizerState} from "@react-stately/virtualizer";
+import {TableColumnLayout as $7lS7h$TableColumnLayout} from "@react-stately/table";
+import {TableLayout as $7lS7h$TableLayout} from "@react-stately/layout";
+import {TooltipTrigger as $7lS7h$TooltipTrigger, Tooltip as $7lS7h$Tooltip} from "@react-spectrum/tooltip";
+import {useButton as $7lS7h$useButton} from "@react-aria/button";
+import {useLocale as $7lS7h$useLocale, useLocalizedStringFormatter as $7lS7h$useLocalizedStringFormatter} from "@react-aria/i18n";
+import {useProviderProps as $7lS7h$useProviderProps, useProvider as $7lS7h$useProvider} from "@react-spectrum/provider";
+import {useTable as $7lS7h$useTable, useTableRowGroup as $7lS7h$useTableRowGroup, useTableColumnHeader as $7lS7h$useTableColumnHeader, useTableSelectAllCheckbox as $7lS7h$useTableSelectAllCheckbox, useTableRow as $7lS7h$useTableRow, useTableHeaderRow as $7lS7h$useTableHeaderRow, useTableCell as $7lS7h$useTableCell, useTableSelectionCheckbox as $7lS7h$useTableSelectionCheckbox} from "@react-aria/table";
+import {VisuallyHidden as $7lS7h$VisuallyHidden, useVisuallyHidden as $7lS7h$useVisuallyHidden} from "@react-aria/visually-hidden";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2023 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 $bd013581c0a4b065$var$DEFAULT_HEADER_HEIGHT = {
+    medium: 34,
+    large: 40
+};
+const $bd013581c0a4b065$var$DEFAULT_HIDE_HEADER_CELL_WIDTH = {
+    medium: 38,
+    large: 46
+};
+const $bd013581c0a4b065$var$ROW_HEIGHTS = {
+    compact: {
+        medium: 32,
+        large: 40
+    },
+    regular: {
+        medium: 40,
+        large: 50
+    },
+    spacious: {
+        medium: 48,
+        large: 60
+    }
+};
+const $bd013581c0a4b065$var$SELECTION_CELL_DEFAULT_WIDTH = {
+    medium: 38,
+    large: 48
+};
+const $bd013581c0a4b065$var$DRAG_BUTTON_CELL_DEFAULT_WIDTH = {
+    medium: 16,
+    large: 20
+};
+const $bd013581c0a4b065$var$LEVEL_OFFSET_WIDTH = {
+    medium: 16,
+    large: 20
+};
+const $bd013581c0a4b065$export$93e4b0b2cc49b648 = /*#__PURE__*/ (0, $7lS7h$react).createContext(null);
+function $bd013581c0a4b065$export$3cb274deb6c2d854() {
+    return (0, $7lS7h$useContext)($bd013581c0a4b065$export$93e4b0b2cc49b648);
+}
+const $bd013581c0a4b065$export$d288a7dd40372bc = /*#__PURE__*/ (0, $7lS7h$react).createContext(null);
+function $bd013581c0a4b065$export$3f8f74b6bfd2c5df() {
+    return (0, $7lS7h$useContext)($bd013581c0a4b065$export$d288a7dd40372bc);
+}
+function $bd013581c0a4b065$var$TableViewBase(props, ref) {
+    var _dropState_target;
+    props = (0, $7lS7h$useProviderProps)(props);
+    let { isQuiet: isQuiet, onAction: onAction, onResizeStart: propsOnResizeStart, onResizeEnd: propsOnResizeEnd, dragAndDropHooks: dragAndDropHooks, state: state } = props;
+    let isTableDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
+    let isTableDroppable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDroppableCollectionState);
+    let dragHooksProvided = (0, $7lS7h$useRef)(isTableDraggable);
+    let dropHooksProvided = (0, $7lS7h$useRef)(isTableDroppable);
+    (0, $7lS7h$useEffect)(()=>{
+        if (dragHooksProvided.current !== isTableDraggable) 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 !== isTableDroppable) console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
+        if ("expandedKeys" in state && (isTableDraggable || isTableDroppable)) console.warn("Drag and drop is not yet fully supported with expandable rows and may produce unexpected results.");
+    }, [
+        isTableDraggable,
+        isTableDroppable,
+        state
+    ]);
+    let { styleProps: styleProps } = (0, $7lS7h$useStyleProps)(props);
+    let { direction: direction } = (0, $7lS7h$useLocale)();
+    let { scale: scale } = (0, $7lS7h$useProvider)();
+    const getDefaultWidth = (0, $7lS7h$useCallback)(({ props: { hideHeader: hideHeader, isSelectionCell: isSelectionCell, showDivider: showDivider, isDragButtonCell: isDragButtonCell } })=>{
+        if (hideHeader) {
+            let width = $bd013581c0a4b065$var$DEFAULT_HIDE_HEADER_CELL_WIDTH[scale];
+            return showDivider ? width + 1 : width;
+        } else if (isSelectionCell) return $bd013581c0a4b065$var$SELECTION_CELL_DEFAULT_WIDTH[scale];
+        else if (isDragButtonCell) return $bd013581c0a4b065$var$DRAG_BUTTON_CELL_DEFAULT_WIDTH[scale];
+    }, [
+        scale
+    ]);
+    const getDefaultMinWidth = (0, $7lS7h$useCallback)(({ props: { hideHeader: hideHeader, isSelectionCell: isSelectionCell, showDivider: showDivider, isDragButtonCell: isDragButtonCell } })=>{
+        if (hideHeader) {
+            let width = $bd013581c0a4b065$var$DEFAULT_HIDE_HEADER_CELL_WIDTH[scale];
+            return showDivider ? width + 1 : width;
+        } else if (isSelectionCell) return $bd013581c0a4b065$var$SELECTION_CELL_DEFAULT_WIDTH[scale];
+        else if (isDragButtonCell) return $bd013581c0a4b065$var$DRAG_BUTTON_CELL_DEFAULT_WIDTH[scale];
+        return 75;
+    }, [
+        scale
+    ]);
+    // Starts when the user selects resize from the menu, ends when resizing ends
+    // used to control the visibility of the resizer Nubbin
+    let [isInResizeMode, setIsInResizeMode] = (0, $7lS7h$useState)(false);
+    // Starts when the resizer is actually moved
+    // entering resizing/exiting resizing doesn't trigger a render
+    // with table layout, so we need to track it here
+    let [, setIsResizing] = (0, $7lS7h$useState)(false);
+    let domRef = (0, $7lS7h$useDOMRef)(ref);
+    let headerRef = (0, $7lS7h$useRef)();
+    let bodyRef = (0, $7lS7h$useRef)();
+    let stringFormatter = (0, $7lS7h$useLocalizedStringFormatter)((0, ($parcel$interopDefault($7lS7h$intlStringsmodulejs))), "@react-spectrum/table");
+    let density = props.density || "regular";
+    let columnLayout = (0, $7lS7h$useMemo)(()=>new (0, $7lS7h$TableColumnLayout)({
+            getDefaultWidth: getDefaultWidth,
+            getDefaultMinWidth: getDefaultMinWidth
+        }), [
+        getDefaultWidth,
+        getDefaultMinWidth
+    ]);
+    let tableLayout = (0, $7lS7h$useMemo)(()=>new (0, $7lS7h$TableLayout)({
+            // If props.rowHeight is auto, then use estimated heights based on scale, otherwise use fixed heights.
+            rowHeight: props.overflowMode === "wrap" ? null : $bd013581c0a4b065$var$ROW_HEIGHTS[density][scale],
+            estimatedRowHeight: props.overflowMode === "wrap" ? $bd013581c0a4b065$var$ROW_HEIGHTS[density][scale] : null,
+            headingHeight: props.overflowMode === "wrap" ? null : $bd013581c0a4b065$var$DEFAULT_HEADER_HEIGHT[scale],
+            estimatedHeadingHeight: props.overflowMode === "wrap" ? $bd013581c0a4b065$var$DEFAULT_HEADER_HEIGHT[scale] : null,
+            columnLayout: columnLayout,
+            initialCollection: state.collection
+        }), // don't recompute when state.collection changes, only used for initial value
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+        props.overflowMode,
+        scale,
+        density,
+        columnLayout
+    ]);
+    // Use a proxy so that a new object is created for each render so that alternate instances aren't affected by mutation.
+    // This can be thought of as equivalent to `{…tableLayout, tableState: state}`, but works with classes as well.
+    let layout = (0, $7lS7h$useMemo)(()=>{
+        let proxy = new Proxy(tableLayout, {
+            get (target, prop, receiver) {
+                return prop === "tableState" ? state : Reflect.get(target, prop, receiver);
+            }
+        });
+        return proxy;
+    }, [
+        state,
+        tableLayout
+    ]);
+    let dragState;
+    let preview = (0, $7lS7h$useRef)(null);
+    if (isTableDraggable) {
+        dragState = dragAndDropHooks.useDraggableCollectionState({
+            collection: state.collection,
+            selectionManager: state.selectionManager,
+            preview: preview
+        });
+        dragAndDropHooks.useDraggableCollection({}, dragState, domRef);
+    }
+    let DragPreview = dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.DragPreview;
+    let dropState;
+    let droppableCollection;
+    let isRootDropTarget;
+    if (isTableDroppable) {
+        dropState = dragAndDropHooks.useDroppableCollectionState({
+            collection: state.collection,
+            selectionManager: state.selectionManager
+        });
+        droppableCollection = dragAndDropHooks.useDroppableCollection({
+            keyboardDelegate: layout,
+            dropTargetDelegate: layout
+        }, dropState, domRef);
+        isRootDropTarget = dropState.isDropTarget({
+            type: "root"
+        });
+    }
+    let { gridProps: gridProps } = (0, $7lS7h$useTable)({
+        ...props,
+        isVirtualized: true,
+        layout: layout,
+        onRowAction: onAction
+    }, state, domRef);
+    let [headerMenuOpen, setHeaderMenuOpen] = (0, $7lS7h$useState)(false);
+    let [headerRowHovered, setHeaderRowHovered] = (0, $7lS7h$useState)(false);
+    let renderWrapper = (parent, reusableView, children, renderChildren)=>{
+        let style = (0, $7lS7h$layoutInfoToStyle)(reusableView.layoutInfo, direction, parent && parent.layoutInfo);
+        if (style.overflow === "hidden") style.overflow = "visible"; // needed to support position: sticky
+        if (reusableView.viewType === "rowgroup") return /*#__PURE__*/ (0, $7lS7h$react).createElement($bd013581c0a4b065$var$TableRowGroup, {
+            key: reusableView.key,
+            style: style
+        }, isTableDroppable && /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $4e6fc36ba71ba405$export$d30a7814cfd4033e), {
+            key: "root"
+        }), renderChildren(children));
+        if (reusableView.viewType === "header") return /*#__PURE__*/ (0, $7lS7h$react).createElement($bd013581c0a4b065$var$TableHeader, {
+            key: reusableView.key,
+            style: style
+        }, renderChildren(children));
+        if (reusableView.viewType === "row") return /*#__PURE__*/ (0, $7lS7h$react).createElement($bd013581c0a4b065$var$TableRow, {
+            key: reusableView.key,
+            item: reusableView.content,
+            style: style,
+            hasActions: onAction,
+            isTableDroppable: isTableDroppable,
+            isTableDraggable: isTableDraggable
+        }, renderChildren(children));
+        if (reusableView.viewType === "headerrow") return /*#__PURE__*/ (0, $7lS7h$react).createElement($bd013581c0a4b065$var$TableHeaderRow, {
+            onHoverChange: setHeaderRowHovered,
+            key: reusableView.key,
+            style: style,
+            item: reusableView.content
+        }, renderChildren(children));
+        let isDropTarget;
+        let isRootDroptarget;
+        if (isTableDroppable) {
+            if (parent.content) isDropTarget = dropState.isDropTarget({
+                type: "item",
+                dropPosition: "on",
+                key: parent.content.key
+            });
+            isRootDroptarget = dropState.isDropTarget({
+                type: "root"
+            });
+        }
+        return /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$VirtualizerItem), {
+            key: reusableView.key,
+            layoutInfo: reusableView.layoutInfo,
+            virtualizer: reusableView.virtualizer,
+            parent: parent === null || parent === void 0 ? void 0 : parent.layoutInfo,
+            className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-cellWrapper", (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_cssmodulejs))), {
+                "react-spectrum-Table-cellWrapper": !reusableView.layoutInfo.estimatedSize,
+                "react-spectrum-Table-cellWrapper--dropTarget": isDropTarget || isRootDroptarget
+            }))
+        }, reusableView.rendered);
+    };
+    let renderView = (type, item)=>{
+        switch(type){
+            case "header":
+            case "rowgroup":
+            case "section":
+            case "row":
+            case "headerrow":
+                return null;
+            case "cell":
+                if (item.props.isSelectionCell) return /*#__PURE__*/ (0, $7lS7h$react).createElement($bd013581c0a4b065$var$TableCheckboxCell, {
+                    cell: item
+                });
+                if (item.props.isDragButtonCell) return /*#__PURE__*/ (0, $7lS7h$react).createElement($bd013581c0a4b065$var$TableDragCell, {
+                    cell: item
+                });
+                return /*#__PURE__*/ (0, $7lS7h$react).createElement($bd013581c0a4b065$var$TableCell, {
+                    cell: item
+                });
+            case "placeholder":
+                // TODO: move to react-aria?
+                return /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+                    role: "gridcell",
+                    "aria-colindex": item.index + 1,
+                    "aria-colspan": item.colspan > 1 ? item.colspan : null
+                });
+            case "column":
+                if (item.props.isSelectionCell) return /*#__PURE__*/ (0, $7lS7h$react).createElement($bd013581c0a4b065$var$TableSelectAllCell, {
+                    column: item
+                });
+                if (item.props.isDragButtonCell) return /*#__PURE__*/ (0, $7lS7h$react).createElement($bd013581c0a4b065$var$TableDragHeaderCell, {
+                    column: item
+                });
+                // TODO: consider this case, what if we have hidden headers and a empty table
+                if (item.props.hideHeader) return /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$TooltipTrigger), {
+                    placement: "top",
+                    trigger: "focus"
+                }, /*#__PURE__*/ (0, $7lS7h$react).createElement($bd013581c0a4b065$var$TableColumnHeader, {
+                    column: item
+                }), /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$Tooltip), {
+                    placement: "top"
+                }, item.rendered));
+                if (item.props.allowsResizing && !item.hasChildNodes) return /*#__PURE__*/ (0, $7lS7h$react).createElement($bd013581c0a4b065$var$ResizableTableColumnHeader, {
+                    tableRef: domRef,
+                    column: item
+                });
+                return /*#__PURE__*/ (0, $7lS7h$react).createElement($bd013581c0a4b065$var$TableColumnHeader, {
+                    column: item
+                });
+            case "loader":
+                return /*#__PURE__*/ (0, $7lS7h$react).createElement($bd013581c0a4b065$var$CenteredWrapper, null, /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$ProgressCircle), {
+                    isIndeterminate: true,
+                    "aria-label": state.collection.size > 0 ? stringFormatter.format("loadingMore") : stringFormatter.format("loading")
+                }));
+            case "empty":
+                {
+                    let emptyState = props.renderEmptyState ? props.renderEmptyState() : null;
+                    if (emptyState == null) return null;
+                    return /*#__PURE__*/ (0, $7lS7h$react).createElement($bd013581c0a4b065$var$CenteredWrapper, null, emptyState);
+                }
+        }
+    };
+    let [isVerticalScrollbarVisible, setVerticalScollbarVisible] = (0, $7lS7h$useState)(false);
+    let [isHorizontalScrollbarVisible, setHorizontalScollbarVisible] = (0, $7lS7h$useState)(false);
+    let viewport = (0, $7lS7h$useRef)({
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0
+    });
+    let onVisibleRectChange = (0, $7lS7h$useCallback)((e)=>{
+        if (viewport.current.width === e.width && viewport.current.height === e.height) return;
+        viewport.current = e;
+        if (bodyRef.current) {
+            setVerticalScollbarVisible(bodyRef.current.clientWidth + 2 < bodyRef.current.offsetWidth);
+            setHorizontalScollbarVisible(bodyRef.current.clientHeight + 2 < bodyRef.current.offsetHeight);
+        }
+    }, []);
+    let { isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $7lS7h$useFocusRing)();
+    let isEmpty = state.collection.size === 0;
+    let onFocusedResizer = ()=>{
+        bodyRef.current.scrollLeft = headerRef.current.scrollLeft;
+    };
+    let onResizeStart = (0, $7lS7h$useCallback)((widths)=>{
+        setIsResizing(true);
+        propsOnResizeStart === null || propsOnResizeStart === void 0 ? void 0 : propsOnResizeStart(widths);
+    }, [
+        setIsResizing,
+        propsOnResizeStart
+    ]);
+    let onResizeEnd = (0, $7lS7h$useCallback)((widths)=>{
+        setIsInResizeMode(false);
+        setIsResizing(false);
+        propsOnResizeEnd === null || propsOnResizeEnd === void 0 ? void 0 : propsOnResizeEnd(widths);
+    }, [
+        propsOnResizeEnd,
+        setIsInResizeMode,
+        setIsResizing
+    ]);
+    let focusedKey = state.selectionManager.focusedKey;
+    if ((dropState === null || dropState === void 0 ? void 0 : (_dropState_target = dropState.target) === null || _dropState_target === void 0 ? void 0 : _dropState_target.type) === "item") focusedKey = dropState.target.key;
+    let mergedProps = (0, $7lS7h$mergeProps)(isTableDroppable && (droppableCollection === null || droppableCollection === void 0 ? void 0 : droppableCollection.collectionProps), gridProps, focusProps, (dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.isVirtualDragging()) && {
+        tabIndex: null
+    });
+    return /*#__PURE__*/ (0, $7lS7h$react).createElement($bd013581c0a4b065$export$93e4b0b2cc49b648.Provider, {
+        value: {
+            state: state,
+            dragState: dragState,
+            dropState: dropState,
+            dragAndDropHooks: dragAndDropHooks,
+            isTableDraggable: isTableDraggable,
+            isTableDroppable: isTableDroppable,
+            layout: layout,
+            onResizeStart: onResizeStart,
+            onResize: props.onResize,
+            onResizeEnd: onResizeEnd,
+            headerRowHovered: headerRowHovered,
+            isInResizeMode: isInResizeMode,
+            setIsInResizeMode: setIsInResizeMode,
+            isEmpty: isEmpty,
+            onFocusedResizer: onFocusedResizer,
+            headerMenuOpen: headerMenuOpen,
+            setHeaderMenuOpen: setHeaderMenuOpen
+        }
+    }, /*#__PURE__*/ (0, $7lS7h$react).createElement($bd013581c0a4b065$var$TableVirtualizer, {
+        ...mergedProps,
+        ...styleProps,
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table", `spectrum-Table--${density}`, {
+            "spectrum-Table--quiet": isQuiet,
+            "spectrum-Table--wrap": props.overflowMode === "wrap",
+            "spectrum-Table--loadingMore": state.collection.body.props.loadingState === "loadingMore",
+            "spectrum-Table--isVerticalScrollbarVisible": isVerticalScrollbarVisible,
+            "spectrum-Table--isHorizontalScrollbarVisible": isHorizontalScrollbarVisible
+        }, (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_cssmodulejs))), "react-spectrum-Table"), styleProps.className),
+        layout: layout,
+        collection: state.collection,
+        focusedKey: focusedKey,
+        renderView: renderView,
+        renderWrapper: renderWrapper,
+        onVisibleRectChange: onVisibleRectChange,
+        domRef: domRef,
+        headerRef: headerRef,
+        bodyRef: bodyRef,
+        isFocusVisible: isFocusVisible,
+        isVirtualDragging: dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.isVirtualDragging(),
+        isRootDropTarget: isRootDropTarget
+    }), DragPreview && isTableDraggable && /*#__PURE__*/ (0, $7lS7h$react).createElement(DragPreview, {
+        ref: preview
+    }, ()=>{
+        if (dragAndDropHooks.renderPreview) return dragAndDropHooks.renderPreview(dragState.draggingKeys, dragState.draggedKey);
+        let itemCount = dragState.draggingKeys.size;
+        let maxWidth = bodyRef.current.getBoundingClientRect().width;
+        let height = $bd013581c0a4b065$var$ROW_HEIGHTS[density][scale];
+        let itemText = state.collection.getTextValue(dragState.draggedKey);
+        return /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $daa6ead3d9d3506a$export$905ab40ac2179daa), {
+            itemText: itemText,
+            itemCount: itemCount,
+            height: height,
+            maxWidth: maxWidth
+        });
+    }));
+}
+// This is a custom Virtualizer that also has a header that syncs its scroll position with the body.
+function $bd013581c0a4b065$var$TableVirtualizer(props) {
+    var _layout_getLayoutInfo;
+    let { layout: layout, collection: collection, focusedKey: focusedKey, renderView: renderView, renderWrapper: renderWrapper, domRef: domRef, bodyRef: bodyRef, headerRef: headerRef, onVisibleRectChange: onVisibleRectChangeProp, isFocusVisible: isFocusVisible, isVirtualDragging: isVirtualDragging, isRootDropTarget: isRootDropTarget, ...otherProps } = props;
+    let { direction: direction } = (0, $7lS7h$useLocale)();
+    let loadingState = collection.body.props.loadingState;
+    let isLoading = loadingState === "loading" || loadingState === "loadingMore";
+    let onLoadMore = collection.body.props.onLoadMore;
+    let transitionDuration = 220;
+    if (isLoading) transitionDuration = 160;
+    if (layout.resizingColumn != null) // while resizing, prop changes should not cause animations
+    transitionDuration = 0;
+    let state = (0, $7lS7h$useVirtualizerState)({
+        layout: layout,
+        collection: collection,
+        renderView: renderView,
+        renderWrapper: renderWrapper,
+        onVisibleRectChange (rect) {
+            bodyRef.current.scrollTop = rect.y;
+            (0, $7lS7h$setScrollLeft)(bodyRef.current, direction, rect.x);
+        },
+        transitionDuration: transitionDuration
+    });
+    let scrollToItem = (0, $7lS7h$useCallback)((key)=>{
+        let item = collection.getItem(key);
+        let column = collection.columns[0];
+        let virtualizer = state.virtualizer;
+        virtualizer.scrollToItem(key, {
+            duration: 0,
+            // Prevent scrolling to the top when clicking on column headers.
+            shouldScrollY: (item === null || item === void 0 ? void 0 : item.type) !== "column",
+            // Offset scroll position by width of selection cell
+            // (which is sticky and will overlap the cell we're scrolling to).
+            offsetX: column.props.isSelectionCell || column.props.isDragButtonCell ? layout.getColumnWidth(column.key) : 0
+        });
+        // Sync the scroll positions of the column headers and the body so scrollIntoViewport can
+        // properly decide if the column is outside the viewport or not
+        headerRef.current.scrollLeft = bodyRef.current.scrollLeft;
+    }, [
+        collection,
+        bodyRef,
+        headerRef,
+        layout,
+        state.virtualizer
+    ]);
+    let memoedVirtualizerProps = (0, $7lS7h$useMemo)(()=>({
+            tabIndex: otherProps.tabIndex,
+            focusedKey: focusedKey,
+            scrollToItem: scrollToItem,
+            isLoading: isLoading,
+            onLoadMore: onLoadMore
+        }), [
+        otherProps.tabIndex,
+        focusedKey,
+        scrollToItem,
+        isLoading,
+        onLoadMore
+    ]);
+    let { virtualizerProps: virtualizerProps, scrollViewProps: { onVisibleRectChange: onVisibleRectChange } } = (0, $7lS7h$useVirtualizer)(memoedVirtualizerProps, state, domRef);
+    // this effect runs whenever the contentSize changes, it doesn't matter what the content size is
+    // only that it changes in a resize, and when that happens, we want to sync the body to the
+    // header scroll position
+    (0, $7lS7h$useEffect)(()=>{
+        if ((0, $7lS7h$getInteractionModality)() === "keyboard" && headerRef.current.contains(document.activeElement)) {
+            (0, $7lS7h$scrollIntoView)(headerRef.current, document.activeElement);
+            (0, $7lS7h$scrollIntoViewport)(document.activeElement, {
+                containingElement: domRef.current
+            });
+            bodyRef.current.scrollLeft = headerRef.current.scrollLeft;
+        }
+    }, [
+        state.contentSize,
+        headerRef,
+        bodyRef,
+        domRef
+    ]);
+    let headerHeight = ((_layout_getLayoutInfo = layout.getLayoutInfo("header")) === null || _layout_getLayoutInfo === void 0 ? void 0 : _layout_getLayoutInfo.rect.height) || 0;
+    // Sync the scroll position from the table body to the header container.
+    let onScroll = (0, $7lS7h$useCallback)(()=>{
+        headerRef.current.scrollLeft = bodyRef.current.scrollLeft;
+    }, [
+        bodyRef,
+        headerRef
+    ]);
+    let resizerPosition = layout.getResizerPosition() - 2;
+    let resizerAtEdge = resizerPosition > Math.max(state.virtualizer.contentSize.width, state.virtualizer.visibleRect.width) - 3;
+    // this should be fine, every movement of the resizer causes a rerender
+    // scrolling can cause it to lag for a moment, but it's always updated
+    let resizerInVisibleRegion = resizerPosition < state.virtualizer.visibleRect.maxX;
+    let shouldHardCornerResizeCorner = resizerAtEdge && resizerInVisibleRegion;
+    // minimize re-render caused on Resizers by memoing this
+    let resizingColumnWidth = layout.getColumnWidth(layout.resizingColumn);
+    let resizingColumn = (0, $7lS7h$useMemo)(()=>({
+            width: resizingColumnWidth,
+            key: layout.resizingColumn
+        }), [
+        resizingColumnWidth,
+        layout.resizingColumn
+    ]);
+    let mergedProps = (0, $7lS7h$mergeProps)(otherProps, virtualizerProps, isVirtualDragging && {
+        tabIndex: null
+    });
+    return /*#__PURE__*/ (0, $7lS7h$react).createElement($bd013581c0a4b065$export$d288a7dd40372bc.Provider, {
+        value: resizingColumn
+    }, /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$FocusScope), null, /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        ...mergedProps,
+        ref: domRef
+    }, /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        role: "presentation",
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-headWrapper"),
+        style: {
+            height: headerHeight,
+            overflow: "hidden",
+            position: "relative",
+            willChange: state.isScrolling ? "scroll-position" : undefined,
+            transition: state.isAnimating ? `none ${state.virtualizer.transitionDuration}ms` : undefined
+        },
+        ref: headerRef
+    }, state.visibleViews[0]), /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$ScrollView), {
+        role: "presentation",
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-body", {
+            "focus-ring": isFocusVisible,
+            "spectrum-Table-body--resizerAtTableEdge": shouldHardCornerResizeCorner
+        }, (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_cssmodulejs))), "react-spectrum-Table-body", {
+            "react-spectrum-Table-body--dropTarget": !!isRootDropTarget
+        })),
+        tabIndex: isVirtualDragging ? null : -1,
+        style: {
+            flex: 1
+        },
+        innerStyle: {
+            overflow: "visible",
+            transition: state.isAnimating ? `none ${state.virtualizer.transitionDuration}ms` : undefined
+        },
+        ref: bodyRef,
+        contentSize: state.contentSize,
+        onVisibleRectChange: (0, $7lS7h$chain)(onVisibleRectChange, onVisibleRectChangeProp),
+        onScrollStart: state.startScrolling,
+        onScrollEnd: state.endScrolling,
+        onScroll: onScroll
+    }, state.visibleViews[1], /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-bodyResizeIndicator"),
+        style: {
+            [direction === "ltr" ? "left" : "right"]: `${resizerPosition}px`,
+            height: `${Math.max(state.virtualizer.contentSize.height, state.virtualizer.visibleRect.height)}px`,
+            display: layout.resizingColumn ? "block" : "none"
+        }
+    })))));
+}
+function $bd013581c0a4b065$var$TableHeader({ children: children, ...otherProps }) {
+    let { rowGroupProps: rowGroupProps } = (0, $7lS7h$useTableRowGroup)();
+    return /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        ...rowGroupProps,
+        ...otherProps,
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-head")
+    }, children);
+}
+function $bd013581c0a4b065$var$TableColumnHeader(props) {
+    var _state_sortDescriptor, _state_sortDescriptor1, _state_sortDescriptor2, _state_sortDescriptor3;
+    let { column: column } = props;
+    let ref = (0, $7lS7h$useRef)(null);
+    let { state: state, isEmpty: isEmpty } = $bd013581c0a4b065$export$3cb274deb6c2d854();
+    let { pressProps: pressProps, isPressed: isPressed } = (0, $7lS7h$usePress)({
+        isDisabled: isEmpty
+    });
+    let columnProps = column.props;
+    (0, $7lS7h$useEffect)(()=>{
+        if (column.hasChildNodes && columnProps.allowsResizing) console.warn(`Column key: ${column.key}. Columns with child columns don't allow resizing.`);
+    }, [
+        column.hasChildNodes,
+        column.key,
+        columnProps.allowsResizing
+    ]);
+    let { columnHeaderProps: columnHeaderProps } = (0, $7lS7h$useTableColumnHeader)({
+        node: column,
+        isVirtualized: true
+    }, state, ref);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $7lS7h$useHover)({
+        ...props,
+        isDisabled: isEmpty
+    });
+    const allProps = [
+        columnHeaderProps,
+        hoverProps,
+        pressProps
+    ];
+    return /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$FocusRing), {
+        focusRingClass: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "focus-ring")
+    }, /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        ...(0, $7lS7h$mergeProps)(...allProps),
+        ref: ref,
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-headCell", {
+            "is-active": isPressed,
+            "is-sortable": columnProps.allowsSorting,
+            "is-sorted-desc": ((_state_sortDescriptor = state.sortDescriptor) === null || _state_sortDescriptor === void 0 ? void 0 : _state_sortDescriptor.column) === column.key && ((_state_sortDescriptor1 = state.sortDescriptor) === null || _state_sortDescriptor1 === void 0 ? void 0 : _state_sortDescriptor1.direction) === "descending",
+            "is-sorted-asc": ((_state_sortDescriptor2 = state.sortDescriptor) === null || _state_sortDescriptor2 === void 0 ? void 0 : _state_sortDescriptor2.column) === column.key && ((_state_sortDescriptor3 = state.sortDescriptor) === null || _state_sortDescriptor3 === void 0 ? void 0 : _state_sortDescriptor3.direction) === "ascending",
+            "is-hovered": isHovered,
+            "spectrum-Table-cell--hideHeader": columnProps.hideHeader
+        }, (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_cssmodulejs))), "react-spectrum-Table-cell", {
+            "react-spectrum-Table-cell--alignCenter": columnProps.align === "center" || column.colspan > 1,
+            "react-spectrum-Table-cell--alignEnd": columnProps.align === "end"
+        }))
+    }, columnProps.allowsSorting && /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$spectrumiconsuiArrowDownSmall), {
+        UNSAFE_className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-sortedIcon")
+    }), columnProps.hideHeader ? /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$VisuallyHidden), null, column.rendered) : /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-headCellContents")
+    }, column.rendered)));
+}
+let $bd013581c0a4b065$var$_TableColumnHeaderButton = (props, ref)=>{
+    let { focusProps: focusProps, alignment: alignment, ...otherProps } = props;
+    let { isEmpty: isEmpty } = $bd013581c0a4b065$export$3cb274deb6c2d854();
+    let domRef = (0, $7lS7h$useFocusableRef)(ref);
+    let { buttonProps: buttonProps } = (0, $7lS7h$useButton)({
+        ...otherProps,
+        elementType: "div",
+        isDisabled: isEmpty
+    }, domRef);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $7lS7h$useHover)({
+        ...otherProps,
+        isDisabled: isEmpty
+    });
+    return /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-headCellContents", {
+            "is-hovered": isHovered
+        }),
+        ...hoverProps
+    }, /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-headCellButton", {
+            "spectrum-Table-headCellButton--alignStart": alignment === "start",
+            "spectrum-Table-headCellButton--alignCenter": alignment === "center",
+            "spectrum-Table-headCellButton--alignEnd": alignment === "end"
+        }),
+        ...(0, $7lS7h$mergeProps)(buttonProps, focusProps),
+        ref: domRef
+    }, props.children));
+};
+let $bd013581c0a4b065$var$TableColumnHeaderButton = /*#__PURE__*/ (0, $7lS7h$react).forwardRef($bd013581c0a4b065$var$_TableColumnHeaderButton);
+function $bd013581c0a4b065$var$ResizableTableColumnHeader(props) {
+    var _column_props, _state_sortDescriptor, _state_sortDescriptor1, _state_sortDescriptor2, _state_sortDescriptor3;
+    let { column: column } = props;
+    let ref = (0, $7lS7h$useRef)(null);
+    let triggerRef = (0, $7lS7h$useRef)(null);
+    let resizingRef = (0, $7lS7h$useRef)(null);
+    let { state: state, layout: layout, onResizeStart: onResizeStart, onResize: onResize, onResizeEnd: onResizeEnd, headerRowHovered: headerRowHovered, setIsInResizeMode: setIsInResizeMode, isEmpty: isEmpty, isInResizeMode: isInResizeMode, headerMenuOpen: headerMenuOpen, setHeaderMenuOpen: setHeaderMenuOpen } = $bd013581c0a4b065$export$3cb274deb6c2d854();
+    let stringFormatter = (0, $7lS7h$useLocalizedStringFormatter)((0, ($parcel$interopDefault($7lS7h$intlStringsmodulejs))), "@react-spectrum/table");
+    let { pressProps: pressProps, isPressed: isPressed } = (0, $7lS7h$usePress)({
+        isDisabled: isEmpty
+    });
+    let { columnHeaderProps: columnHeaderProps } = (0, $7lS7h$useTableColumnHeader)({
+        node: column,
+        isVirtualized: true
+    }, state, ref);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $7lS7h$useHover)({
+        ...props,
+        isDisabled: isEmpty || headerMenuOpen
+    });
+    const allProps = [
+        columnHeaderProps,
+        pressProps,
+        hoverProps
+    ];
+    let columnProps = column.props;
+    let { isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $7lS7h$useFocusRing)();
+    const onMenuSelect = (key)=>{
+        switch(key){
+            case "sort-asc":
+                state.sort(column.key, "ascending");
+                break;
+            case "sort-desc":
+                state.sort(column.key, "descending");
+                break;
+            case "resize":
+                layout.startResize(column.key);
+                setIsInResizeMode(true);
+                state.setKeyboardNavigationDisabled(true);
+                break;
+        }
+    };
+    let allowsSorting = (_column_props = column.props) === null || _column_props === void 0 ? void 0 : _column_props.allowsSorting;
+    let items = (0, $7lS7h$useMemo)(()=>{
+        let options = [
+            allowsSorting ? {
+                label: stringFormatter.format("sortAscending"),
+                id: "sort-asc"
+            } : undefined,
+            allowsSorting ? {
+                label: stringFormatter.format("sortDescending"),
+                id: "sort-desc"
+            } : undefined,
+            {
+                label: stringFormatter.format("resizeColumn"),
+                id: "resize"
+            }
+        ];
+        return options;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        allowsSorting
+    ]);
+    let resizingColumn = layout.resizingColumn;
+    let showResizer = !isEmpty && (headerRowHovered && (0, $7lS7h$getInteractionModality)() !== "keyboard" || resizingColumn != null);
+    let alignment = "start";
+    let menuAlign = "start";
+    if (columnProps.align === "center" || column.colspan > 1) alignment = "center";
+    else if (columnProps.align === "end") {
+        alignment = "end";
+        menuAlign = "end";
+    }
+    return /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$FocusRing), {
+        focusRingClass: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "focus-ring")
+    }, /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        ...(0, $7lS7h$mergeProps)(...allProps),
+        ref: ref,
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-headCell", {
+            "is-active": isPressed,
+            "is-resizable": columnProps.allowsResizing,
+            "is-sortable": columnProps.allowsSorting,
+            "is-sorted-desc": ((_state_sortDescriptor = state.sortDescriptor) === null || _state_sortDescriptor === void 0 ? void 0 : _state_sortDescriptor.column) === column.key && ((_state_sortDescriptor1 = state.sortDescriptor) === null || _state_sortDescriptor1 === void 0 ? void 0 : _state_sortDescriptor1.direction) === "descending",
+            "is-sorted-asc": ((_state_sortDescriptor2 = state.sortDescriptor) === null || _state_sortDescriptor2 === void 0 ? void 0 : _state_sortDescriptor2.column) === column.key && ((_state_sortDescriptor3 = state.sortDescriptor) === null || _state_sortDescriptor3 === void 0 ? void 0 : _state_sortDescriptor3.direction) === "ascending",
+            "is-hovered": isHovered,
+            "focus-ring": isFocusVisible,
+            "spectrum-Table-cell--hideHeader": columnProps.hideHeader
+        }, (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_cssmodulejs))), "react-spectrum-Table-cell", {
+            "react-spectrum-Table-cell--alignCenter": alignment === "center",
+            "react-spectrum-Table-cell--alignEnd": alignment === "end"
+        }))
+    }, /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$MenuTrigger), {
+        onOpenChange: setHeaderMenuOpen,
+        align: menuAlign
+    }, /*#__PURE__*/ (0, $7lS7h$react).createElement($bd013581c0a4b065$var$TableColumnHeaderButton, {
+        alignment: alignment,
+        ref: triggerRef,
+        focusProps: focusProps
+    }, columnProps.allowsSorting && /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$spectrumiconsuiArrowDownSmall), {
+        UNSAFE_className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-sortedIcon")
+    }), columnProps.hideHeader ? /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$VisuallyHidden), null, column.rendered) : /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-headerCellText")
+    }, column.rendered), columnProps.allowsResizing && /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$spectrumiconsuiChevronDownMedium), {
+        UNSAFE_className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-menuChevron")
+    })), /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$Menu), {
+        onAction: onMenuSelect,
+        minWidth: "size-2000",
+        items: items
+    }, (item)=>/*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$Item), null, item.label))), /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $fc695d2eafc2b351$export$48a76196cafe3b93), {
+        ref: resizingRef,
+        column: column,
+        showResizer: showResizer,
+        onResizeStart: onResizeStart,
+        onResize: onResize,
+        onResizeEnd: onResizeEnd,
+        triggerRef: (0, $7lS7h$useUnwrapDOMRef)(triggerRef)
+    }), /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        "aria-hidden": true,
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-colResizeIndicator", {
+            "spectrum-Table-colResizeIndicator--visible": resizingColumn != null,
+            "spectrum-Table-colResizeIndicator--resizing": resizingColumn === column.key
+        })
+    }, /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-colResizeNubbin", {
+            "spectrum-Table-colResizeNubbin--visible": isInResizeMode && resizingColumn === column.key
+        })
+    }, /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $cb7d341e8868d81d$export$d9658cdf8c86807), null)))));
+}
+function $bd013581c0a4b065$var$TableSelectAllCell({ column: column }) {
+    let ref = (0, $7lS7h$useRef)();
+    let { state: state } = $bd013581c0a4b065$export$3cb274deb6c2d854();
+    let isSingleSelectionMode = state.selectionManager.selectionMode === "single";
+    let { columnHeaderProps: columnHeaderProps } = (0, $7lS7h$useTableColumnHeader)({
+        node: column,
+        isVirtualized: true
+    }, state, ref);
+    let { checkboxProps: checkboxProps } = (0, $7lS7h$useTableSelectAllCheckbox)(state);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $7lS7h$useHover)({});
+    return /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$FocusRing), {
+        focusRingClass: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "focus-ring")
+    }, /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        ...(0, $7lS7h$mergeProps)(columnHeaderProps, hoverProps),
+        ref: ref,
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-headCell", "spectrum-Table-checkboxCell", {
+            "is-hovered": isHovered
+        })
+    }, /*
+            In single selection mode, the checkbox will be hidden.
+            So to avoid leaving a column header with no accessible content,
+            we use a VisuallyHidden component to include the aria-label from the checkbox,
+            which for single selection will be "Select."
+          */ isSingleSelectionMode && /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$VisuallyHidden), null, checkboxProps["aria-label"]), /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$Checkbox), {
+        ...checkboxProps,
+        isEmphasized: true,
+        UNSAFE_style: isSingleSelectionMode ? {
+            visibility: "hidden"
+        } : undefined,
+        UNSAFE_className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-checkbox")
+    })));
+}
+function $bd013581c0a4b065$var$TableDragHeaderCell({ column: column }) {
+    let ref = (0, $7lS7h$useRef)();
+    let { state: state } = $bd013581c0a4b065$export$3cb274deb6c2d854();
+    let { columnHeaderProps: columnHeaderProps } = (0, $7lS7h$useTableColumnHeader)({
+        node: column,
+        isVirtualized: true
+    }, state, ref);
+    let stringFormatter = (0, $7lS7h$useLocalizedStringFormatter)((0, ($parcel$interopDefault($7lS7h$intlStringsmodulejs))), "@react-spectrum/table");
+    return /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$FocusRing), {
+        focusRingClass: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "focus-ring")
+    }, /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        ...columnHeaderProps,
+        ref: ref,
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-headCell", (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_cssmodulejs))), "react-spectrum-Table-headCell", "react-spectrum-Table-dragButtonHeadCell"))
+    }, /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$VisuallyHidden), null, stringFormatter.format("drag"))));
+}
+function $bd013581c0a4b065$var$TableRowGroup({ children: children, ...otherProps }) {
+    let { rowGroupProps: rowGroupProps } = (0, $7lS7h$useTableRowGroup)();
+    return /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        ...rowGroupProps,
+        ...otherProps
+    }, children);
+}
+function $bd013581c0a4b065$var$DragButton() {
+    let { dragButtonProps: dragButtonProps, dragButtonRef: dragButtonRef, isFocusVisibleWithin: isFocusVisibleWithin } = $bd013581c0a4b065$export$cd7c5802f9e21187();
+    let { visuallyHiddenProps: visuallyHiddenProps } = (0, $7lS7h$useVisuallyHidden)();
+    return /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$FocusRing), {
+        focusRingClass: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_cssmodulejs))), "focus-ring")
+    }, /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        ...dragButtonProps,
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_cssmodulejs))), "react-spectrum-Table-dragButton"),
+        style: !isFocusVisibleWithin ? {
+            ...visuallyHiddenProps.style
+        } : {},
+        ref: dragButtonRef,
+        draggable: "true"
+    }, /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$spectrumiconsuiListGripper), {
+        UNSAFE_className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_cssmodulejs))))
+    })));
+}
+const $bd013581c0a4b065$var$TableRowContext = /*#__PURE__*/ (0, $7lS7h$react).createContext(null);
+function $bd013581c0a4b065$export$cd7c5802f9e21187() {
+    return (0, $7lS7h$useContext)($bd013581c0a4b065$var$TableRowContext);
+}
+function $bd013581c0a4b065$var$TableRow({ item: item, children: children, hasActions: hasActions, isTableDraggable: isTableDraggable, isTableDroppable: isTableDroppable, ...otherProps }) {
+    var _state_collection_rows_find, _layout_getContentSize, _layout_virtualizer;
+    let ref = (0, $7lS7h$useRef)();
+    let { state: state, layout: layout, dragAndDropHooks: dragAndDropHooks, dragState: dragState, dropState: dropState } = $bd013581c0a4b065$export$3cb274deb6c2d854();
+    let allowsInteraction = state.selectionManager.selectionMode !== "none" || hasActions;
+    let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);
+    let isDroppable = isTableDroppable && !isDisabled;
+    let isSelected = state.selectionManager.isSelected(item.key);
+    let { rowProps: rowProps } = (0, $7lS7h$useTableRow)({
+        node: item,
+        isVirtualized: true,
+        shouldSelectOnPressUp: isTableDraggable
+    }, state, ref);
+    let { pressProps: pressProps, isPressed: isPressed } = (0, $7lS7h$usePress)({
+        isDisabled: isDisabled
+    });
+    // The row should show the focus background style when any cell inside it is focused.
+    // If the row itself is focused, then it should have a blue focus indicator on the left.
+    let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $7lS7h$useFocusRing)({
+        within: true
+    });
+    let { isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $7lS7h$useFocusRing)();
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $7lS7h$useHover)({
+        isDisabled: isDisabled
+    });
+    let isFirstRow = ((_state_collection_rows_find = state.collection.rows.find((row)=>row.level === 1)) === null || _state_collection_rows_find === void 0 ? void 0 : _state_collection_rows_find.key) === item.key;
+    let isLastRow = item.nextKey == null;
+    // Figure out if the TableView content is equal or greater in height to the container. If so, we'll need to round the bottom
+    // border corners of the last row when selected.
+    let isFlushWithContainerBottom = false;
+    if (isLastRow) {
+        if (((_layout_getContentSize = layout.getContentSize()) === null || _layout_getContentSize === void 0 ? void 0 : _layout_getContentSize.height) >= ((_layout_virtualizer = layout.virtualizer) === null || _layout_virtualizer === void 0 ? void 0 : _layout_virtualizer.getVisibleRect().height)) isFlushWithContainerBottom = true;
+    }
+    let draggableItem;
+    if (isTableDraggable) {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        draggableItem = dragAndDropHooks.useDraggableItem({
+            key: item.key,
+            hasDragButton: true
+        }, dragState);
+        if (isDisabled) draggableItem = null;
+    }
+    let droppableItem;
+    let isDropTarget;
+    let dropIndicator;
+    let dropIndicatorRef = (0, $7lS7h$useRef)();
+    if (isTableDroppable) {
+        let target = {
+            type: "item",
+            key: item.key,
+            dropPosition: "on"
+        };
+        isDropTarget = dropState.isDropTarget(target);
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        dropIndicator = dragAndDropHooks.useDropIndicator({
+            target: target
+        }, dropState, dropIndicatorRef);
+    }
+    let dragButtonRef = (0, $7lS7h$react).useRef();
+    let { buttonProps: dragButtonProps } = (0, $7lS7h$useButton)({
+        ...draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragButtonProps,
+        elementType: "div"
+    }, dragButtonRef);
+    let props = (0, $7lS7h$mergeProps)(rowProps, otherProps, focusWithinProps, focusProps, hoverProps, pressProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps, // Remove tab index from list row if performing a screenreader drag. This prevents TalkBack from focusing the row,
+    // allowing for single swipe navigation between row drop indicator
+    (dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.isVirtualDragging()) && {
+        tabIndex: null
+    });
+    let dropProps = isDroppable ? droppableItem === null || droppableItem === void 0 ? void 0 : droppableItem.dropProps : {
+        "aria-hidden": droppableItem === null || droppableItem === void 0 ? void 0 : droppableItem.dropProps["aria-hidden"]
+    };
+    let { visuallyHiddenProps: visuallyHiddenProps } = (0, $7lS7h$useVisuallyHidden)();
+    return /*#__PURE__*/ (0, $7lS7h$react).createElement($bd013581c0a4b065$var$TableRowContext.Provider, {
+        value: {
+            dragButtonProps: dragButtonProps,
+            dragButtonRef: dragButtonRef,
+            isFocusVisibleWithin: isFocusVisibleWithin
+        }
+    }, isTableDroppable && isFirstRow && /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7ee9a922ee4e8032$export$2c0bab5914a9d088), {
+        rowProps: props,
+        key: `${item.key}-before`,
+        target: {
+            key: item.key,
+            type: "item",
+            dropPosition: "before"
+        }
+    }), isTableDroppable && !(dropIndicator === null || dropIndicator === void 0 ? void 0 : dropIndicator.isHidden) && /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        role: "row",
+        ...visuallyHiddenProps
+    }, /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        role: "gridcell"
+    }, /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        role: "button",
+        ...dropIndicator === null || dropIndicator === void 0 ? void 0 : dropIndicator.dropIndicatorProps,
+        ref: dropIndicatorRef
+    }))), /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        ...(0, $7lS7h$mergeProps)(props, dropProps),
+        ref: ref,
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-row", {
+            "is-active": isPressed,
+            "is-selected": isSelected,
+            "spectrum-Table-row--highlightSelection": state.selectionManager.selectionBehavior === "replace",
+            "is-next-selected": state.selectionManager.isSelected(item.nextKey),
+            "is-focused": isFocusVisibleWithin,
+            "focus-ring": isFocusVisible,
+            "is-hovered": isHovered,
+            "is-disabled": isDisabled,
+            "spectrum-Table-row--firstRow": isFirstRow,
+            "spectrum-Table-row--lastRow": isLastRow,
+            "spectrum-Table-row--isFlushBottom": isFlushWithContainerBottom
+        }, (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_cssmodulejs))), "react-spectrum-Table-row", {
+            "react-spectrum-Table-row--dropTarget": isDropTarget
+        }))
+    }, children), isTableDroppable && /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7ee9a922ee4e8032$export$2c0bab5914a9d088), {
+        rowProps: props,
+        key: `${item.key}-after`,
+        target: {
+            key: item.key,
+            type: "item",
+            dropPosition: "after"
+        }
+    }));
+}
+function $bd013581c0a4b065$var$TableHeaderRow({ item: item, children: children, style: style, ...props }) {
+    let { state: state, headerMenuOpen: headerMenuOpen } = $bd013581c0a4b065$export$3cb274deb6c2d854();
+    let ref = (0, $7lS7h$useRef)();
+    let { rowProps: rowProps } = (0, $7lS7h$useTableHeaderRow)({
+        node: item,
+        isVirtualized: true
+    }, state, ref);
+    let { hoverProps: hoverProps } = (0, $7lS7h$useHover)({
+        ...props,
+        isDisabled: headerMenuOpen
+    });
+    return /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        ...(0, $7lS7h$mergeProps)(rowProps, hoverProps),
+        ref: ref,
+        style: style
+    }, children);
+}
+function $bd013581c0a4b065$var$TableDragCell({ cell: cell }) {
+    let ref = (0, $7lS7h$useRef)();
+    let { state: state, isTableDraggable: isTableDraggable } = $bd013581c0a4b065$export$3cb274deb6c2d854();
+    let isDisabled = state.disabledKeys.has(cell.parentKey);
+    let { gridCellProps: gridCellProps } = (0, $7lS7h$useTableCell)({
+        node: cell,
+        isVirtualized: true
+    }, state, ref);
+    return /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$FocusRing), {
+        focusRingClass: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "focus-ring")
+    }, /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        ...gridCellProps,
+        ref: ref,
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-cell", {
+            "is-disabled": isDisabled
+        }, (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_cssmodulejs))), "react-spectrum-Table-cell", "react-spectrum-Table-dragButtonCell"))
+    }, isTableDraggable && !isDisabled && /*#__PURE__*/ (0, $7lS7h$react).createElement($bd013581c0a4b065$var$DragButton, null)));
+}
+function $bd013581c0a4b065$var$TableCheckboxCell({ cell: cell }) {
+    let ref = (0, $7lS7h$useRef)();
+    let { state: state } = $bd013581c0a4b065$export$3cb274deb6c2d854();
+    let isDisabled = state.disabledKeys.has(cell.parentKey);
+    let { gridCellProps: gridCellProps } = (0, $7lS7h$useTableCell)({
+        node: cell,
+        isVirtualized: true
+    }, state, ref);
+    let { checkboxProps: checkboxProps } = (0, $7lS7h$useTableSelectionCheckbox)({
+        key: cell.parentKey
+    }, state);
+    return /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$FocusRing), {
+        focusRingClass: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "focus-ring")
+    }, /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        ...gridCellProps,
+        ref: ref,
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-cell", "spectrum-Table-checkboxCell", {
+            "is-disabled": isDisabled
+        }, (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_cssmodulejs))), "react-spectrum-Table-cell"))
+    }, state.selectionManager.selectionMode !== "none" && /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$Checkbox), {
+        ...checkboxProps,
+        isEmphasized: true,
+        isDisabled: isDisabled,
+        UNSAFE_className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-checkbox")
+    })));
+}
+function $bd013581c0a4b065$var$TableCell({ cell: cell }) {
+    let { scale: scale } = (0, $7lS7h$useProvider)();
+    let { state: state } = $bd013581c0a4b065$export$3cb274deb6c2d854();
+    let isExpandableTable = "expandedKeys" in state;
+    let ref = (0, $7lS7h$useRef)();
+    let columnProps = cell.column.props;
+    let isDisabled = state.disabledKeys.has(cell.parentKey);
+    let { gridCellProps: gridCellProps } = (0, $7lS7h$useTableCell)({
+        node: cell,
+        isVirtualized: true
+    }, state, ref);
+    let { id: id, ...otherGridCellProps } = gridCellProps;
+    let isFirstRowHeaderCell = state.collection.rowHeaderColumnKeys.keys().next().value === cell.column.key;
+    let isRowExpandable = false;
+    let showExpandCollapseButton = false;
+    let levelOffset = 0;
+    if ("expandedKeys" in state) {
+        var _state_keyMap_get_props_UNSTABLE_childItems, _state_keyMap_get, _state_keyMap_get_props_children, _state_keyMap_get_props, _state_keyMap_get1;
+        isRowExpandable = ((_state_keyMap_get = state.keyMap.get(cell.parentKey)) === null || _state_keyMap_get === void 0 ? void 0 : (_state_keyMap_get_props_UNSTABLE_childItems = _state_keyMap_get.props.UNSTABLE_childItems) === null || _state_keyMap_get_props_UNSTABLE_childItems === void 0 ? void 0 : _state_keyMap_get_props_UNSTABLE_childItems.length) > 0 || ((_state_keyMap_get1 = state.keyMap.get(cell.parentKey)) === null || _state_keyMap_get1 === void 0 ? void 0 : (_state_keyMap_get_props = _state_keyMap_get1.props) === null || _state_keyMap_get_props === void 0 ? void 0 : (_state_keyMap_get_props_children = _state_keyMap_get_props.children) === null || _state_keyMap_get_props_children === void 0 ? void 0 : _state_keyMap_get_props_children.length) > state.userColumnCount;
+        showExpandCollapseButton = isFirstRowHeaderCell && isRowExpandable;
+        // Offset based on level, and add additional offset if there is no expand/collapse button on a row
+        levelOffset = (cell.level - 2) * $bd013581c0a4b065$var$LEVEL_OFFSET_WIDTH[scale] + (!showExpandCollapseButton ? $bd013581c0a4b065$var$LEVEL_OFFSET_WIDTH[scale] * 2 : 0);
+    }
+    return /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$FocusRing), {
+        focusRingClass: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "focus-ring")
+    }, /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        ...otherGridCellProps,
+        "aria-labelledby": id,
+        ref: ref,
+        style: isExpandableTable && isFirstRowHeaderCell ? {
+            paddingInlineStart: levelOffset
+        } : {},
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-cell", {
+            "spectrum-Table-cell--divider": columnProps.showDivider && cell.column.nextKey !== null,
+            "spectrum-Table-cell--hideHeader": columnProps.hideHeader,
+            "spectrum-Table-cell--hasExpandCollapseButton": showExpandCollapseButton,
+            "is-disabled": isDisabled
+        }, (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_cssmodulejs))), "react-spectrum-Table-cell", {
+            "react-spectrum-Table-cell--alignStart": columnProps.align === "start",
+            "react-spectrum-Table-cell--alignCenter": columnProps.align === "center",
+            "react-spectrum-Table-cell--alignEnd": columnProps.align === "end"
+        }))
+    }, showExpandCollapseButton && /*#__PURE__*/ (0, $7lS7h$react).createElement($bd013581c0a4b065$var$ExpandableRowChevron, {
+        cell: cell
+    }), /*#__PURE__*/ (0, $7lS7h$react).createElement("span", {
+        id: id,
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-cellContents")
+    }, cell.rendered)));
+}
+function $bd013581c0a4b065$var$ExpandableRowChevron({ cell: cell }) {
+    // TODO: move some/all of the chevron button setup into a separate hook?
+    let { direction: direction } = (0, $7lS7h$useLocale)();
+    let { state: state } = $bd013581c0a4b065$export$3cb274deb6c2d854();
+    let expandButtonRef = (0, $7lS7h$useRef)();
+    let stringFormatter = (0, $7lS7h$useLocalizedStringFormatter)((0, ($parcel$interopDefault($7lS7h$intlStringsmodulejs))), "@react-spectrum/table");
+    let isExpanded;
+    if ("expandedKeys" in state) isExpanded = state.expandedKeys === "all" || state.expandedKeys.has(cell.parentKey);
+    // Will need to keep the chevron as a button for iOS VO at all times since VO doesn't focus the cell. Also keep as button if cellAction is defined by the user in the future
+    let { buttonProps: buttonProps } = (0, $7lS7h$useButton)({
+        // Desktop and mobile both toggle expansion of a native expandable row on mouse/touch up
+        onPress: ()=>{
+            state.toggleKey(cell.parentKey);
+            if (!(0, $7lS7h$isFocusVisible)()) {
+                state.selectionManager.setFocused(true);
+                state.selectionManager.setFocusedKey(cell.parentKey);
+            }
+        },
+        elementType: "span",
+        "aria-label": isExpanded ? stringFormatter.format("collapse") : stringFormatter.format("expand")
+    }, expandButtonRef);
+    return /*#__PURE__*/ (0, $7lS7h$react).createElement("span", {
+        ...buttonProps,
+        ref: expandButtonRef,
+        // Override tabindex so that grid keyboard nav skips over it. Needs -1 so android talkback can actually "focus" it
+        tabIndex: (0, $7lS7h$isAndroid)() ? -1 : undefined,
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_vars_cssmodulejs))), "spectrum-Table-expandButton", {
+            "is-open": isExpanded
+        })
+    }, direction === "ltr" ? /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$spectrumiconsuiChevronRightMedium), null) : /*#__PURE__*/ (0, $7lS7h$react).createElement((0, $7lS7h$spectrumiconsuiChevronLeftMedium), null));
+}
+function $bd013581c0a4b065$var$CenteredWrapper({ children: children }) {
+    let { state: state } = $bd013581c0a4b065$export$3cb274deb6c2d854();
+    let rowProps;
+    if ("expandedKeys" in state) {
+        let topLevelRowCount = [
+            ...state.keyMap.get(state.collection.body.key).childNodes
+        ].length;
+        rowProps = {
+            "aria-level": 1,
+            "aria-posinset": topLevelRowCount + 1,
+            "aria-setsize": topLevelRowCount + 1
+        };
+    } else rowProps = {
+        "aria-rowindex": state.collection.headerRows.length + state.collection.size + 1
+    };
+    return /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        role: "row",
+        ...rowProps,
+        className: (0, $7lS7h$classNames)((0, ($parcel$interopDefault($7lS7h$table_cssmodulejs))), "react-spectrum-Table-centeredWrapper")
+    }, /*#__PURE__*/ (0, $7lS7h$react).createElement("div", {
+        role: "rowheader",
+        "aria-colspan": state.collection.columns.length
+    }, children));
+}
+const $bd013581c0a4b065$export$517e02184d273d69 = /*#__PURE__*/ (0, $7lS7h$react).forwardRef($bd013581c0a4b065$var$TableViewBase);
+
+
+export {$bd013581c0a4b065$export$93e4b0b2cc49b648 as TableContext, $bd013581c0a4b065$export$3cb274deb6c2d854 as useTableContext, $bd013581c0a4b065$export$d288a7dd40372bc as VirtualizerContext, $bd013581c0a4b065$export$3f8f74b6bfd2c5df as useVirtualizerContext, $bd013581c0a4b065$export$cd7c5802f9e21187 as useTableRowContext, $bd013581c0a4b065$export$517e02184d273d69 as TableViewBase};
+//# sourceMappingURL=TableViewBase.mjs.map