react-aria-components 1.12.2 → 1.14.0

package/dist/Table.main.js

@@ -1,10 +1,11 @@
 var $b856e6788a7ea5bf$exports = require("./Button.main.js");
 var $525402dfec7da5bc$exports = require("./RSPContexts.main.js");
-var $3114c2382242bdc0$exports = require("./Collection.main.js");
 var $c5ccf687772c0422$exports = require("./utils.main.js");
+var $3114c2382242bdc0$exports = require("./Collection.main.js");
 var $0c2289d253cb4544$exports = require("./DragAndDrop.main.js");
-var $09cb5ee89bb327e1$exports = require("./context.main.js");
 var $d72d752ea1c67b9a$exports = require("./intlStrings.main.js");
+var $54e872c96e6d295b$exports = require("./SelectionIndicator.main.js");
+var $2d10bc562fea46b3$exports = require("./SharedElementTransition.main.js");
 var $5VUTk$reactariacollections = require("@react-aria/collections");
 var $5VUTk$reactstatelytable = require("@react-stately/table");
 var $5VUTk$reactstately = require("react-stately");
@@ -49,6 +50,7 @@ $parcel$export(module.exports, "TableLoadMoreItem", () => $37b9a5d4bd0d4ded$expo
 
 
 
+
 class $37b9a5d4bd0d4ded$var$TableCollection extends (0, $5VUTk$reactariacollections.BaseCollection) {
     addNode(node) {
         super.addNode(node);
@@ -251,19 +253,28 @@ const $37b9a5d4bd0d4ded$export$54ec01a60f47d33d = /*#__PURE__*/ (0, $5VUTk$react
             collection: collection
         }));
 });
+let $37b9a5d4bd0d4ded$var$TableElementType = /*#__PURE__*/ (0, $5VUTk$react.forwardRef)(function TableElementType(props, ref) {
+    let { isVirtualized: isVirtualized } = (0, $5VUTk$react.useContext)((0, $3114c2382242bdc0$exports.CollectionRendererContext));
+    if (isVirtualized) return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement("div", {
+        ...props,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement("table", {
+        ...props,
+        ref: ref
+    });
+});
 function $37b9a5d4bd0d4ded$var$TableInner({ props: props, forwardedRef: ref, selectionState: selectionState, collection: collection }) {
-    let contextProps;
-    [contextProps] = (0, $c5ccf687772c0422$exports.useContextProps)({}, null, (0, $09cb5ee89bb327e1$exports.SelectableCollectionContext));
-    let { filter: filter, ...collectionProps } = contextProps;
+    [props, ref] = (0, $c5ccf687772c0422$exports.useContextProps)(props, ref, (0, $525402dfec7da5bc$exports.SelectableCollectionContext));
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    let { shouldUseVirtualFocus: shouldUseVirtualFocus, disallowTypeAhead: disallowTypeAhead, ...DOMCollectionProps } = collectionProps || {};
+    let { shouldUseVirtualFocus: shouldUseVirtualFocus, disallowTypeAhead: disallowTypeAhead, filter: filter, ...DOMCollectionProps } = props;
     let tableContainerContext = (0, $5VUTk$react.useContext)($37b9a5d4bd0d4ded$var$ResizableTableContainerContext);
     ref = (0, $5VUTk$reactariautils.useObjectRef)((0, $5VUTk$react.useMemo)(()=>(0, $5VUTk$reactariautils.mergeRefs)(ref, tableContainerContext === null || tableContainerContext === void 0 ? void 0 : tableContainerContext.tableRef), [
         ref,
         tableContainerContext === null || tableContainerContext === void 0 ? void 0 : tableContainerContext.tableRef
     ]));
     let tableState = (0, $5VUTk$reactstately.useTableState)({
-        ...props,
+        ...DOMCollectionProps,
         collection: collection,
         children: undefined,
         UNSAFE_selectionState: selectionState
@@ -272,7 +283,6 @@ function $37b9a5d4bd0d4ded$var$TableInner({ props: props, forwardedRef: ref, sel
     let { isVirtualized: isVirtualized, layoutDelegate: layoutDelegate, dropTargetDelegate: ctxDropTargetDelegate, CollectionRoot: CollectionRoot } = (0, $5VUTk$react.useContext)((0, $3114c2382242bdc0$exports.CollectionRendererContext));
     let { dragAndDropHooks: dragAndDropHooks } = props;
     let { gridProps: gridProps } = (0, $5VUTk$reactaria.useTable)({
-        ...props,
         ...DOMCollectionProps,
         layoutDelegate: layoutDelegate,
         isVirtualized: isVirtualized
@@ -354,7 +364,6 @@ function $37b9a5d4bd0d4ded$var$TableInner({ props: props, forwardedRef: ref, sel
             width: 'fit-content'
         };
     }
-    let ElementType = $37b9a5d4bd0d4ded$var$useElementType('table');
     let DOMProps = (0, $5VUTk$reactariautils.filterDOMProps)(props, {
         global: true
     });
@@ -384,15 +393,15 @@ function $37b9a5d4bd0d4ded$var$TableInner({ props: props, forwardedRef: ref, sel
                 }
             ],
             [
-                (0, $09cb5ee89bb327e1$exports.SelectableCollectionContext),
+                (0, $525402dfec7da5bc$exports.SelectableCollectionContext),
                 null
             ],
             [
-                (0, $09cb5ee89bb327e1$exports.FieldInputContext),
+                (0, $525402dfec7da5bc$exports.FieldInputContext),
                 null
             ]
         ]
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement((0, $5VUTk$reactaria.FocusScope), null, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(ElementType, {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement((0, $5VUTk$reactaria.FocusScope), null, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement($37b9a5d4bd0d4ded$var$TableElementType, {
         ...(0, $5VUTk$reactaria.mergeProps)(DOMProps, renderProps, gridProps, focusProps, droppableCollection === null || droppableCollection === void 0 ? void 0 : droppableCollection.collectionProps),
         style: style,
         ref: ref,
@@ -402,15 +411,11 @@ function $37b9a5d4bd0d4ded$var$TableInner({ props: props, forwardedRef: ref, sel
         "data-drop-target": isRootDropTarget || undefined,
         "data-focused": isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(CollectionRoot, {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement((0, $2d10bc562fea46b3$exports.SharedElementTransition), null, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(CollectionRoot, {
         collection: filteredState.collection,
         scrollRef: (_tableContainerContext_scrollRef = tableContainerContext === null || tableContainerContext === void 0 ? void 0 : tableContainerContext.scrollRef) !== null && _tableContainerContext_scrollRef !== void 0 ? _tableContainerContext_scrollRef : ref,
         persistedKeys: (0, $0c2289d253cb4544$exports.useDndPersistedKeys)(selectionManager, dragAndDropHooks, dropState)
-    }))), dragPreview);
-}
-function $37b9a5d4bd0d4ded$var$useElementType(element) {
-    let { isVirtualized: isVirtualized } = (0, $5VUTk$react.useContext)((0, $3114c2382242bdc0$exports.CollectionRendererContext));
-    return isVirtualized ? 'div' : element;
+    })))), dragPreview);
 }
 const $37b9a5d4bd0d4ded$var$TableOptionsContext = /*#__PURE__*/ (0, $5VUTk$react.createContext)(null);
 function $37b9a5d4bd0d4ded$export$fddc468cd8cb4db9() {
@@ -419,6 +424,17 @@ function $37b9a5d4bd0d4ded$export$fddc468cd8cb4db9() {
 class $37b9a5d4bd0d4ded$var$TableHeaderNode extends (0, $5VUTk$reactariacollections.CollectionNode) {
 }
 $37b9a5d4bd0d4ded$var$TableHeaderNode.type = 'tableheader';
+let $37b9a5d4bd0d4ded$var$THeadElementType = /*#__PURE__*/ (0, $5VUTk$react.forwardRef)(function THeadElementType(props, ref) {
+    let { isVirtualized: isVirtualized } = (0, $5VUTk$react.useContext)((0, $3114c2382242bdc0$exports.CollectionRendererContext));
+    if (isVirtualized) return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement("div", {
+        ...props,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement("thead", {
+        ...props,
+        ref: ref
+    });
+});
 const $37b9a5d4bd0d4ded$export$f850895b287ef28e = /*#__PURE__*/ (0, $5VUTk$reactariacollections.createBranchComponent)($37b9a5d4bd0d4ded$var$TableHeaderNode, (props, ref)=>{
     let collection = (0, $5VUTk$react.useContext)($37b9a5d4bd0d4ded$export$38de1cb0526c21fb).collection;
     let headerRows = (0, $5VUTk$reactariacollections.useCachedChildren)({
@@ -434,7 +450,6 @@ const $37b9a5d4bd0d4ded$export$f850895b287ef28e = /*#__PURE__*/ (0, $5VUTk$react
             }
         }, [])
     });
-    let THead = $37b9a5d4bd0d4ded$var$useElementType('thead');
     let { rowGroupProps: rowGroupProps } = (0, $5VUTk$reactaria.useTableRowGroup)();
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $5VUTk$reactaria.useHover)({
         onHoverStart: props.onHoverStart,
@@ -449,7 +464,7 @@ const $37b9a5d4bd0d4ded$export$f850895b287ef28e = /*#__PURE__*/ (0, $5VUTk$react
             isHovered: isHovered
         }
     });
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(THead, {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement($37b9a5d4bd0d4ded$var$THeadElementType, {
         ...(0, $5VUTk$reactaria.mergeProps)((0, $5VUTk$reactariautils.filterDOMProps)(props, {
             global: true
         }), rowGroupProps, hoverProps),
@@ -461,6 +476,17 @@ const $37b9a5d4bd0d4ded$export$f850895b287ef28e = /*#__PURE__*/ (0, $5VUTk$react
         dependencies: props.dependencies,
         items: props.columns
     }, props.children));
+let $37b9a5d4bd0d4ded$var$TableHeaderRowElementType = /*#__PURE__*/ (0, $5VUTk$react.forwardRef)(function TableHeaderRowElementType(props, ref) {
+    let { isVirtualized: isVirtualized } = (0, $5VUTk$react.useContext)((0, $3114c2382242bdc0$exports.CollectionRendererContext));
+    if (isVirtualized) return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement("div", {
+        ...props,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement("tr", {
+        ...props,
+        ref: ref
+    });
+});
 function $37b9a5d4bd0d4ded$var$TableHeaderRow({ item: item }) {
     let ref = (0, $5VUTk$react.useRef)(null);
     let state = (0, $5VUTk$react.useContext)($37b9a5d4bd0d4ded$export$38de1cb0526c21fb);
@@ -470,8 +496,7 @@ function $37b9a5d4bd0d4ded$var$TableHeaderRow({ item: item }) {
         isVirtualized: isVirtualized
     }, state, ref);
     let { checkboxProps: checkboxProps } = (0, $5VUTk$reactaria.useTableSelectAllCheckbox)(state);
-    let TR = $37b9a5d4bd0d4ded$var$useElementType('tr');
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TR, {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement($37b9a5d4bd0d4ded$var$TableHeaderRowElementType, {
         ...rowProps,
         ref: ref
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement((0, $c5ccf687772c0422$exports.Provider), {
@@ -493,12 +518,23 @@ function $37b9a5d4bd0d4ded$var$TableHeaderRow({ item: item }) {
 class $37b9a5d4bd0d4ded$var$TableColumnNode extends (0, $5VUTk$reactariacollections.CollectionNode) {
 }
 $37b9a5d4bd0d4ded$var$TableColumnNode.type = 'column';
+let $37b9a5d4bd0d4ded$var$ColumnElementType = /*#__PURE__*/ (0, $5VUTk$react.forwardRef)(function ColumnElementType(props, ref) {
+    let { isVirtualized: isVirtualized } = (0, $5VUTk$react.useContext)((0, $3114c2382242bdc0$exports.CollectionRendererContext));
+    if (isVirtualized) return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement("div", {
+        ...props,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement("th", {
+        ...props,
+        ref: ref
+    });
+});
 const $37b9a5d4bd0d4ded$export$816b5d811295e6bc = /*#__PURE__*/ (0, $5VUTk$reactariacollections.createLeafComponent)($37b9a5d4bd0d4ded$var$TableColumnNode, (props, forwardedRef, column)=>{
     var _state_sortDescriptor, _state_sortDescriptor1;
     let ref = (0, $5VUTk$reactariautils.useObjectRef)(forwardedRef);
     let state = (0, $5VUTk$react.useContext)($37b9a5d4bd0d4ded$export$38de1cb0526c21fb);
     let { isVirtualized: isVirtualized } = (0, $5VUTk$react.useContext)((0, $3114c2382242bdc0$exports.CollectionRendererContext));
-    let { columnHeaderProps: columnHeaderProps } = (0, $5VUTk$reactaria.useTableColumnHeader)({
+    let { columnHeaderProps: columnHeaderProps, isPressed: isPressed } = (0, $5VUTk$reactaria.useTableColumnHeader)({
         node: column,
         isVirtualized: isVirtualized
     }, state, ref);
@@ -524,6 +560,7 @@ const $37b9a5d4bd0d4ded$export$816b5d811295e6bc = /*#__PURE__*/ (0, $5VUTk$react
         defaultClassName: 'react-aria-Column',
         values: {
             isHovered: isHovered,
+            isPressed: isPressed,
             isFocused: isFocused,
             isFocusVisible: isFocusVisible,
             allowsSorting: column.props.allowsSorting,
@@ -545,17 +582,17 @@ const $37b9a5d4bd0d4ded$export$816b5d811295e6bc = /*#__PURE__*/ (0, $5VUTk$react
         ...style,
         width: layoutState.getColumnWidth(column.key)
     };
-    let TH = $37b9a5d4bd0d4ded$var$useElementType('th');
     let DOMProps = (0, $5VUTk$reactariautils.filterDOMProps)(props, {
         global: true
     });
     delete DOMProps.id;
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TH, {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement($37b9a5d4bd0d4ded$var$ColumnElementType, {
         ...(0, $5VUTk$reactaria.mergeProps)(DOMProps, columnHeaderProps, focusProps, hoverProps),
         ...renderProps,
         style: style,
         ref: ref,
         "data-hovered": isHovered || undefined,
+        "data-pressed": isPressed || undefined,
         "data-focused": isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined,
         "data-resizing": isResizing || undefined,
@@ -659,6 +696,17 @@ const $37b9a5d4bd0d4ded$export$ee689e97a7664bfd = /*#__PURE__*/ (0, $5VUTk$react
 class $37b9a5d4bd0d4ded$var$TableBodyNode extends (0, $5VUTk$reactariacollections.FilterableNode) {
 }
 $37b9a5d4bd0d4ded$var$TableBodyNode.type = 'tablebody';
+let $37b9a5d4bd0d4ded$var$TableBodyElementType = /*#__PURE__*/ (0, $5VUTk$react.forwardRef)(function TableBodyElementType(props, ref) {
+    let { isVirtualized: isVirtualized } = (0, $5VUTk$react.useContext)((0, $3114c2382242bdc0$exports.CollectionRendererContext));
+    if (isVirtualized) return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement("div", {
+        ...props,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement("tbody", {
+        ...props,
+        ref: ref
+    });
+});
 const $37b9a5d4bd0d4ded$export$76ccd210b9029917 = /*#__PURE__*/ (0, $5VUTk$reactariacollections.createBranchComponent)($37b9a5d4bd0d4ded$var$TableBodyNode, (props, ref)=>{
     let state = (0, $5VUTk$react.useContext)($37b9a5d4bd0d4ded$export$38de1cb0526c21fb);
     let { isVirtualized: isVirtualized } = (0, $5VUTk$react.useContext)((0, $3114c2382242bdc0$exports.CollectionRendererContext));
@@ -683,8 +731,6 @@ const $37b9a5d4bd0d4ded$export$76ccd210b9029917 = /*#__PURE__*/ (0, $5VUTk$react
         values: renderValues
     });
     let emptyState;
-    let TR = $37b9a5d4bd0d4ded$var$useElementType('tr');
-    let TD = $37b9a5d4bd0d4ded$var$useElementType('td');
     let numColumns = collection.columnCount;
     if (isEmpty && props.renderEmptyState && state) {
         let rowProps = {};
@@ -696,24 +742,23 @@ const $37b9a5d4bd0d4ded$export$76ccd210b9029917 = /*#__PURE__*/ (0, $5VUTk$react
                 display: 'contents'
             };
         } else rowHeaderProps['colSpan'] = numColumns;
-        emptyState = /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TR, {
+        emptyState = /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement($37b9a5d4bd0d4ded$var$TableRowElementType, {
             role: "row",
             ...rowProps,
             style: style
-        }, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TD, {
+        }, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement($37b9a5d4bd0d4ded$var$TableCellElementType, {
             role: "rowheader",
             ...rowHeaderProps,
             style: style
         }, props.renderEmptyState(renderValues)));
     }
     let { rowGroupProps: rowGroupProps } = (0, $5VUTk$reactaria.useTableRowGroup)();
-    let TBody = $37b9a5d4bd0d4ded$var$useElementType('tbody');
     let DOMProps = (0, $5VUTk$reactariautils.filterDOMProps)(props, {
         global: true
     });
     // TODO: TableBody doesn't support being the scrollable body of the table yet, to revisit if needed. Would need to
     // call useLoadMore here and walk up the DOM to the nearest scrollable element to set scrollRef
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TBody, {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement($37b9a5d4bd0d4ded$var$TableBodyElementType, {
         ...(0, $5VUTk$reactaria.mergeProps)(DOMProps, renderProps, rowGroupProps),
         ref: ref,
         "data-empty": isEmpty || undefined
@@ -735,6 +780,17 @@ class $37b9a5d4bd0d4ded$var$TableRowNode extends (0, $5VUTk$reactariacollections
     }
 }
 $37b9a5d4bd0d4ded$var$TableRowNode.type = 'item';
+let $37b9a5d4bd0d4ded$var$TableRowElementType = /*#__PURE__*/ (0, $5VUTk$react.forwardRef)(function TableRowElementType(props, ref) {
+    let { isVirtualized: isVirtualized } = (0, $5VUTk$react.useContext)((0, $3114c2382242bdc0$exports.CollectionRendererContext));
+    if (isVirtualized) return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement("div", {
+        ...props,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement("tr", {
+        ...props,
+        ref: ref
+    });
+});
 const $37b9a5d4bd0d4ded$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $5VUTk$reactariacollections.createBranchComponent)($37b9a5d4bd0d4ded$var$TableRowNode, (props, forwardedRef, item)=>{
     let ref = (0, $5VUTk$reactariautils.useObjectRef)(forwardedRef);
     let state = (0, $5VUTk$react.useContext)($37b9a5d4bd0d4ded$export$38de1cb0526c21fb);
@@ -798,19 +854,17 @@ const $37b9a5d4bd0d4ded$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $5VUTk$react
             id: item.key
         }
     });
-    let TR = $37b9a5d4bd0d4ded$var$useElementType('tr');
-    let TD = $37b9a5d4bd0d4ded$var$useElementType('td');
     let DOMProps = (0, $5VUTk$reactariautils.filterDOMProps)(props, {
         global: true
     });
     delete DOMProps.id;
     delete DOMProps.onClick;
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement((0, ($parcel$interopDefault($5VUTk$react))).Fragment, null, dropIndicator && !dropIndicator.isHidden && /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TR, {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement((0, ($parcel$interopDefault($5VUTk$react))).Fragment, null, dropIndicator && !dropIndicator.isHidden && /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement($37b9a5d4bd0d4ded$var$TableRowElementType, {
         role: "row",
         style: {
             height: 0
         }
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TD, {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement($37b9a5d4bd0d4ded$var$TableCellElementType, {
         role: "gridcell",
         colSpan: state.collection.columnCount,
         style: {
@@ -821,7 +875,7 @@ const $37b9a5d4bd0d4ded$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $5VUTk$react
         ...visuallyHiddenProps,
         ...dropIndicator.dropIndicatorProps,
         ref: dropIndicatorRef
-    }))), /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TR, {
+    }))), /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement($37b9a5d4bd0d4ded$var$TableRowElementType, {
         ...(0, $5VUTk$reactaria.mergeProps)(DOMProps, renderProps, rowProps, focusProps, hoverProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps, focusWithinProps),
         ref: ref,
         "data-disabled": states.isDisabled || undefined,
@@ -859,6 +913,12 @@ const $37b9a5d4bd0d4ded$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $5VUTk$react
                         }
                     }
                 }
+            ],
+            [
+                (0, $54e872c96e6d295b$exports.SelectionIndicatorContext),
+                {
+                    isSelected: states.isSelected
+                }
             ]
         ]
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(CollectionBranch, {
@@ -879,6 +939,17 @@ const $37b9a5d4bd0d4ded$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $5VUTk$react
 class $37b9a5d4bd0d4ded$var$TableCellNode extends (0, $5VUTk$reactariacollections.CollectionNode) {
 }
 $37b9a5d4bd0d4ded$var$TableCellNode.type = 'cell';
+let $37b9a5d4bd0d4ded$var$TableCellElementType = /*#__PURE__*/ (0, $5VUTk$react.forwardRef)(function TableCellElementType(props, ref) {
+    let { isVirtualized: isVirtualized } = (0, $5VUTk$react.useContext)((0, $3114c2382242bdc0$exports.CollectionRendererContext));
+    if (isVirtualized) return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement("div", {
+        ...props,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement("td", {
+        ...props,
+        ref: ref
+    });
+});
 const $37b9a5d4bd0d4ded$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $5VUTk$reactariacollections.createLeafComponent)($37b9a5d4bd0d4ded$var$TableCellNode, (props, forwardedRef, cell)=>{
     let ref = (0, $5VUTk$reactariautils.useObjectRef)(forwardedRef);
     let state = (0, $5VUTk$react.useContext)($37b9a5d4bd0d4ded$export$38de1cb0526c21fb);
@@ -892,6 +963,7 @@ const $37b9a5d4bd0d4ded$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $5VUTk$react
     }, state, ref);
     let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $5VUTk$reactaria.useFocusRing)();
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $5VUTk$reactaria.useHover)({});
+    let isSelected = cell.parentKey != null ? state.selectionManager.isSelected(cell.parentKey) : false;
     let renderProps = (0, $c5ccf687772c0422$exports.useRenderProps)({
         ...props,
         id: undefined,
@@ -901,20 +973,21 @@ const $37b9a5d4bd0d4ded$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $5VUTk$react
             isFocusVisible: isFocusVisible,
             isPressed: isPressed,
             isHovered: isHovered,
+            isSelected: isSelected,
             id: cell.key
         }
     });
-    let TD = $37b9a5d4bd0d4ded$var$useElementType('td');
     let DOMProps = (0, $5VUTk$reactariautils.filterDOMProps)(props, {
         global: true
     });
     delete DOMProps.id;
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TD, {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement($37b9a5d4bd0d4ded$var$TableCellElementType, {
         ...(0, $5VUTk$reactaria.mergeProps)(DOMProps, renderProps, gridCellProps, focusProps, hoverProps),
         ref: ref,
         "data-focused": isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined,
-        "data-pressed": isPressed || undefined
+        "data-pressed": isPressed || undefined,
+        "data-selected": isSelected || undefined
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement((0, $3114c2382242bdc0$exports.CollectionRendererContext).Provider, {
         value: (0, $3114c2382242bdc0$exports.DefaultCollectionRenderer)
     }, renderProps.children));
@@ -933,6 +1006,28 @@ function $37b9a5d4bd0d4ded$var$TableDropIndicatorWrapper(props, ref) {
         ref: ref
     });
 }
+let $37b9a5d4bd0d4ded$var$TableDropIndicatorRowElementType = /*#__PURE__*/ (0, $5VUTk$react.forwardRef)(function TableDropIndicatorRowElementType(props, ref) {
+    let { isVirtualized: isVirtualized } = (0, $5VUTk$react.useContext)((0, $3114c2382242bdc0$exports.CollectionRendererContext));
+    if (isVirtualized) return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement("div", {
+        ...props,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement("tr", {
+        ...props,
+        ref: ref
+    });
+});
+let $37b9a5d4bd0d4ded$var$TableDropIndicatorTDElementType = /*#__PURE__*/ (0, $5VUTk$react.forwardRef)(function TableDropIndicatorTDElementType(props, ref) {
+    let { isVirtualized: isVirtualized } = (0, $5VUTk$react.useContext)((0, $3114c2382242bdc0$exports.CollectionRendererContext));
+    if (isVirtualized) return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement("div", {
+        ...props,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement("td", {
+        ...props,
+        ref: ref
+    });
+});
 function $37b9a5d4bd0d4ded$var$TableDropIndicator(props, ref) {
     let { dropIndicatorProps: dropIndicatorProps, isDropTarget: isDropTarget, buttonRef: buttonRef, ...otherProps } = props;
     let state = (0, $5VUTk$react.useContext)($37b9a5d4bd0d4ded$export$38de1cb0526c21fb);
@@ -944,9 +1039,7 @@ function $37b9a5d4bd0d4ded$var$TableDropIndicator(props, ref) {
             isDropTarget: isDropTarget
         }
     });
-    let TR = $37b9a5d4bd0d4ded$var$useElementType('tr');
-    let TD = $37b9a5d4bd0d4ded$var$useElementType('td');
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TR, {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement($37b9a5d4bd0d4ded$var$TableDropIndicatorRowElementType, {
         ...(0, $5VUTk$reactariautils.filterDOMProps)(props, {
             global: true
         }),
@@ -954,7 +1047,7 @@ function $37b9a5d4bd0d4ded$var$TableDropIndicator(props, ref) {
         role: "row",
         ref: ref,
         "data-drop-target": isDropTarget || undefined
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TD, {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement($37b9a5d4bd0d4ded$var$TableDropIndicatorTDElementType, {
         role: "gridcell",
         colSpan: state.collection.columnCount,
         style: {
@@ -981,16 +1074,14 @@ function $37b9a5d4bd0d4ded$var$RootDropIndicator() {
         type: 'root'
     });
     let { visuallyHiddenProps: visuallyHiddenProps } = (0, $5VUTk$reactaria.useVisuallyHidden)();
-    let TR = $37b9a5d4bd0d4ded$var$useElementType('tr');
-    let TD = $37b9a5d4bd0d4ded$var$useElementType('td');
     if (!isDropTarget && dropIndicatorProps['aria-hidden']) return null;
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TR, {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement($37b9a5d4bd0d4ded$var$TableRowElementType, {
         role: "row",
         "aria-hidden": dropIndicatorProps['aria-hidden'],
         style: {
             height: 0
         }
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TD, {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement($37b9a5d4bd0d4ded$var$TableCellElementType, {
         role: "gridcell",
         colSpan: state.collection.columnCount,
         style: {
@@ -1027,8 +1118,6 @@ const $37b9a5d4bd0d4ded$export$8f5bea0338ed243c = (0, $5VUTk$reactariacollection
         defaultClassName: 'react-aria-TableLoadingIndicator',
         values: null
     });
-    let TR = $37b9a5d4bd0d4ded$var$useElementType('tr');
-    let TD = $37b9a5d4bd0d4ded$var$useElementType('td');
     let rowProps = {};
     let rowHeaderProps = {};
     let style = {};
@@ -1041,12 +1130,12 @@ const $37b9a5d4bd0d4ded$export$8f5bea0338ed243c = (0, $5VUTk$reactariacollection
             display: 'contents'
         };
     } else rowHeaderProps['colSpan'] = numColumns;
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement((0, ($parcel$interopDefault($5VUTk$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TR, {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement((0, ($parcel$interopDefault($5VUTk$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement($37b9a5d4bd0d4ded$var$TableRowElementType, {
         style: {
             height: 0
         },
         inert: (0, $5VUTk$reactariautils.inertValue)(true)
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TD, {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement($37b9a5d4bd0d4ded$var$TableCellElementType, {
         style: {
             padding: 0,
             border: 0
@@ -1059,14 +1148,14 @@ const $37b9a5d4bd0d4ded$export$8f5bea0338ed243c = (0, $5VUTk$reactariacollection
             height: 1,
             width: 1
         }
-    }))), isLoading && renderProps.children && /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TR, {
+    }))), isLoading && renderProps.children && /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement($37b9a5d4bd0d4ded$var$TableRowElementType, {
         ...(0, $5VUTk$reactaria.mergeProps)((0, $5VUTk$reactariautils.filterDOMProps)(props, {
             global: true
         }), rowProps),
         ...renderProps,
         role: "row",
         ref: ref
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement(TD, {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($5VUTk$react))).createElement($37b9a5d4bd0d4ded$var$TableCellElementType, {
         role: "rowheader",
         ...rowHeaderProps,
         style: style