react-aria-components 1.13.0 → 1.14.0

package/dist/Table.mjs

@@ -1,7 +1,7 @@
 import {ButtonContext as $d2b4bc8c273e7be6$export$24d547caef80ccd1} from "./Button.mjs";
 import {CheckboxContext as $4e85f108e88277b8$export$b085522c77523c51, FieldInputContext as $4e85f108e88277b8$export$698f465ec27e93df, SelectableCollectionContext as $4e85f108e88277b8$export$b0d3ecf7112093a7} from "./RSPContexts.mjs";
-import {CollectionRendererContext as $7135fc7d473fd974$export$4feb769f8ddf26c5, DefaultCollectionRenderer as $7135fc7d473fd974$export$a164736487e3f0ae} from "./Collection.mjs";
 import {DEFAULT_SLOT as $64fa3d84918910a7$export$c62b8e45d58ddad9, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from "./utils.mjs";
+import {CollectionRendererContext as $7135fc7d473fd974$export$4feb769f8ddf26c5, DefaultCollectionRenderer as $7135fc7d473fd974$export$a164736487e3f0ae} from "./Collection.mjs";
 import {DragAndDropContext as $612b8eb6cb90e02d$export$d188a835a7bc5783, DropIndicatorContext as $612b8eb6cb90e02d$export$f55761759794cf55, useDndPersistedKeys as $612b8eb6cb90e02d$export$d1e8e3fbb7461f6, useRenderDropIndicator as $612b8eb6cb90e02d$export$971707d8a129a1f7} from "./DragAndDrop.mjs";
 import $dbSRa$intlStringsmodulejs from "./intlStrings.mjs";
 import {SelectionIndicatorContext as $1d5b8b8664671ef2$export$c9549807523555e0} from "./SelectionIndicator.mjs";
@@ -235,6 +235,17 @@ const $1910c06f0ca9905e$export$54ec01a60f47d33d = /*#__PURE__*/ (0, $dbSRa$forwa
             collection: collection
         }));
 });
+let $1910c06f0ca9905e$var$TableElementType = /*#__PURE__*/ (0, $dbSRa$forwardRef)(function TableElementType(props, ref) {
+    let { isVirtualized: isVirtualized } = (0, $dbSRa$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement("div", {
+        ...props,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement("table", {
+        ...props,
+        ref: ref
+    });
+});
 function $1910c06f0ca9905e$var$TableInner({ props: props, forwardedRef: ref, selectionState: selectionState, collection: collection }) {
     [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, (0, $4e85f108e88277b8$export$b0d3ecf7112093a7));
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -335,7 +346,6 @@ function $1910c06f0ca9905e$var$TableInner({ props: props, forwardedRef: ref, sel
             width: 'fit-content'
         };
     }
-    let ElementType = $1910c06f0ca9905e$var$useElementType('table');
     let DOMProps = (0, $dbSRa$filterDOMProps)(props, {
         global: true
     });
@@ -373,7 +383,7 @@ function $1910c06f0ca9905e$var$TableInner({ props: props, forwardedRef: ref, sel
                 null
             ]
         ]
-    }, /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $dbSRa$FocusScope), null, /*#__PURE__*/ (0, $dbSRa$react).createElement(ElementType, {
+    }, /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $dbSRa$FocusScope), null, /*#__PURE__*/ (0, $dbSRa$react).createElement($1910c06f0ca9905e$var$TableElementType, {
         ...(0, $dbSRa$mergeProps)(DOMProps, renderProps, gridProps, focusProps, droppableCollection === null || droppableCollection === void 0 ? void 0 : droppableCollection.collectionProps),
         style: style,
         ref: ref,
@@ -389,10 +399,6 @@ function $1910c06f0ca9905e$var$TableInner({ props: props, forwardedRef: ref, sel
         persistedKeys: (0, $612b8eb6cb90e02d$export$d1e8e3fbb7461f6)(selectionManager, dragAndDropHooks, dropState)
     })))), dragPreview);
 }
-function $1910c06f0ca9905e$var$useElementType(element) {
-    let { isVirtualized: isVirtualized } = (0, $dbSRa$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
-    return isVirtualized ? 'div' : element;
-}
 const $1910c06f0ca9905e$var$TableOptionsContext = /*#__PURE__*/ (0, $dbSRa$createContext)(null);
 function $1910c06f0ca9905e$export$fddc468cd8cb4db9() {
     return (0, $dbSRa$useContext)($1910c06f0ca9905e$var$TableOptionsContext);
@@ -400,6 +406,17 @@ function $1910c06f0ca9905e$export$fddc468cd8cb4db9() {
 class $1910c06f0ca9905e$var$TableHeaderNode extends (0, $dbSRa$CollectionNode) {
 }
 $1910c06f0ca9905e$var$TableHeaderNode.type = 'tableheader';
+let $1910c06f0ca9905e$var$THeadElementType = /*#__PURE__*/ (0, $dbSRa$forwardRef)(function THeadElementType(props, ref) {
+    let { isVirtualized: isVirtualized } = (0, $dbSRa$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement("div", {
+        ...props,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement("thead", {
+        ...props,
+        ref: ref
+    });
+});
 const $1910c06f0ca9905e$export$f850895b287ef28e = /*#__PURE__*/ (0, $dbSRa$createBranchComponent)($1910c06f0ca9905e$var$TableHeaderNode, (props, ref)=>{
     let collection = (0, $dbSRa$useContext)($1910c06f0ca9905e$export$38de1cb0526c21fb).collection;
     let headerRows = (0, $dbSRa$useCachedChildren)({
@@ -415,7 +432,6 @@ const $1910c06f0ca9905e$export$f850895b287ef28e = /*#__PURE__*/ (0, $dbSRa$creat
             }
         }, [])
     });
-    let THead = $1910c06f0ca9905e$var$useElementType('thead');
     let { rowGroupProps: rowGroupProps } = (0, $dbSRa$useTableRowGroup)();
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dbSRa$useHover)({
         onHoverStart: props.onHoverStart,
@@ -430,7 +446,7 @@ const $1910c06f0ca9905e$export$f850895b287ef28e = /*#__PURE__*/ (0, $dbSRa$creat
             isHovered: isHovered
         }
     });
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement(THead, {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement($1910c06f0ca9905e$var$THeadElementType, {
         ...(0, $dbSRa$mergeProps)((0, $dbSRa$filterDOMProps)(props, {
             global: true
         }), rowGroupProps, hoverProps),
@@ -442,6 +458,17 @@ const $1910c06f0ca9905e$export$f850895b287ef28e = /*#__PURE__*/ (0, $dbSRa$creat
         dependencies: props.dependencies,
         items: props.columns
     }, props.children));
+let $1910c06f0ca9905e$var$TableHeaderRowElementType = /*#__PURE__*/ (0, $dbSRa$forwardRef)(function TableHeaderRowElementType(props, ref) {
+    let { isVirtualized: isVirtualized } = (0, $dbSRa$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement("div", {
+        ...props,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement("tr", {
+        ...props,
+        ref: ref
+    });
+});
 function $1910c06f0ca9905e$var$TableHeaderRow({ item: item }) {
     let ref = (0, $dbSRa$useRef)(null);
     let state = (0, $dbSRa$useContext)($1910c06f0ca9905e$export$38de1cb0526c21fb);
@@ -451,8 +478,7 @@ function $1910c06f0ca9905e$var$TableHeaderRow({ item: item }) {
         isVirtualized: isVirtualized
     }, state, ref);
     let { checkboxProps: checkboxProps } = (0, $dbSRa$useTableSelectAllCheckbox)(state);
-    let TR = $1910c06f0ca9905e$var$useElementType('tr');
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement(TR, {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement($1910c06f0ca9905e$var$TableHeaderRowElementType, {
         ...rowProps,
         ref: ref
     }, /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
@@ -474,12 +500,23 @@ function $1910c06f0ca9905e$var$TableHeaderRow({ item: item }) {
 class $1910c06f0ca9905e$var$TableColumnNode extends (0, $dbSRa$CollectionNode) {
 }
 $1910c06f0ca9905e$var$TableColumnNode.type = 'column';
+let $1910c06f0ca9905e$var$ColumnElementType = /*#__PURE__*/ (0, $dbSRa$forwardRef)(function ColumnElementType(props, ref) {
+    let { isVirtualized: isVirtualized } = (0, $dbSRa$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement("div", {
+        ...props,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement("th", {
+        ...props,
+        ref: ref
+    });
+});
 const $1910c06f0ca9905e$export$816b5d811295e6bc = /*#__PURE__*/ (0, $dbSRa$createLeafComponent)($1910c06f0ca9905e$var$TableColumnNode, (props, forwardedRef, column)=>{
     var _state_sortDescriptor, _state_sortDescriptor1;
     let ref = (0, $dbSRa$useObjectRef)(forwardedRef);
     let state = (0, $dbSRa$useContext)($1910c06f0ca9905e$export$38de1cb0526c21fb);
     let { isVirtualized: isVirtualized } = (0, $dbSRa$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
-    let { columnHeaderProps: columnHeaderProps } = (0, $dbSRa$useTableColumnHeader)({
+    let { columnHeaderProps: columnHeaderProps, isPressed: isPressed } = (0, $dbSRa$useTableColumnHeader)({
         node: column,
         isVirtualized: isVirtualized
     }, state, ref);
@@ -505,6 +542,7 @@ const $1910c06f0ca9905e$export$816b5d811295e6bc = /*#__PURE__*/ (0, $dbSRa$creat
         defaultClassName: 'react-aria-Column',
         values: {
             isHovered: isHovered,
+            isPressed: isPressed,
             isFocused: isFocused,
             isFocusVisible: isFocusVisible,
             allowsSorting: column.props.allowsSorting,
@@ -526,17 +564,17 @@ const $1910c06f0ca9905e$export$816b5d811295e6bc = /*#__PURE__*/ (0, $dbSRa$creat
         ...style,
         width: layoutState.getColumnWidth(column.key)
     };
-    let TH = $1910c06f0ca9905e$var$useElementType('th');
     let DOMProps = (0, $dbSRa$filterDOMProps)(props, {
         global: true
     });
     delete DOMProps.id;
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement(TH, {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement($1910c06f0ca9905e$var$ColumnElementType, {
         ...(0, $dbSRa$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,
@@ -640,6 +678,17 @@ const $1910c06f0ca9905e$export$ee689e97a7664bfd = /*#__PURE__*/ (0, $dbSRa$forwa
 class $1910c06f0ca9905e$var$TableBodyNode extends (0, $dbSRa$FilterableNode) {
 }
 $1910c06f0ca9905e$var$TableBodyNode.type = 'tablebody';
+let $1910c06f0ca9905e$var$TableBodyElementType = /*#__PURE__*/ (0, $dbSRa$forwardRef)(function TableBodyElementType(props, ref) {
+    let { isVirtualized: isVirtualized } = (0, $dbSRa$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement("div", {
+        ...props,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement("tbody", {
+        ...props,
+        ref: ref
+    });
+});
 const $1910c06f0ca9905e$export$76ccd210b9029917 = /*#__PURE__*/ (0, $dbSRa$createBranchComponent)($1910c06f0ca9905e$var$TableBodyNode, (props, ref)=>{
     let state = (0, $dbSRa$useContext)($1910c06f0ca9905e$export$38de1cb0526c21fb);
     let { isVirtualized: isVirtualized } = (0, $dbSRa$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
@@ -664,8 +713,6 @@ const $1910c06f0ca9905e$export$76ccd210b9029917 = /*#__PURE__*/ (0, $dbSRa$creat
         values: renderValues
     });
     let emptyState;
-    let TR = $1910c06f0ca9905e$var$useElementType('tr');
-    let TD = $1910c06f0ca9905e$var$useElementType('td');
     let numColumns = collection.columnCount;
     if (isEmpty && props.renderEmptyState && state) {
         let rowProps = {};
@@ -677,24 +724,23 @@ const $1910c06f0ca9905e$export$76ccd210b9029917 = /*#__PURE__*/ (0, $dbSRa$creat
                 display: 'contents'
             };
         } else rowHeaderProps['colSpan'] = numColumns;
-        emptyState = /*#__PURE__*/ (0, $dbSRa$react).createElement(TR, {
+        emptyState = /*#__PURE__*/ (0, $dbSRa$react).createElement($1910c06f0ca9905e$var$TableRowElementType, {
             role: "row",
             ...rowProps,
             style: style
-        }, /*#__PURE__*/ (0, $dbSRa$react).createElement(TD, {
+        }, /*#__PURE__*/ (0, $dbSRa$react).createElement($1910c06f0ca9905e$var$TableCellElementType, {
             role: "rowheader",
             ...rowHeaderProps,
             style: style
         }, props.renderEmptyState(renderValues)));
     }
     let { rowGroupProps: rowGroupProps } = (0, $dbSRa$useTableRowGroup)();
-    let TBody = $1910c06f0ca9905e$var$useElementType('tbody');
     let DOMProps = (0, $dbSRa$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, $dbSRa$react).createElement(TBody, {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement($1910c06f0ca9905e$var$TableBodyElementType, {
         ...(0, $dbSRa$mergeProps)(DOMProps, renderProps, rowGroupProps),
         ref: ref,
         "data-empty": isEmpty || undefined
@@ -716,6 +762,17 @@ class $1910c06f0ca9905e$var$TableRowNode extends (0, $dbSRa$CollectionNode) {
     }
 }
 $1910c06f0ca9905e$var$TableRowNode.type = 'item';
+let $1910c06f0ca9905e$var$TableRowElementType = /*#__PURE__*/ (0, $dbSRa$forwardRef)(function TableRowElementType(props, ref) {
+    let { isVirtualized: isVirtualized } = (0, $dbSRa$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement("div", {
+        ...props,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement("tr", {
+        ...props,
+        ref: ref
+    });
+});
 const $1910c06f0ca9905e$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $dbSRa$createBranchComponent)($1910c06f0ca9905e$var$TableRowNode, (props, forwardedRef, item)=>{
     let ref = (0, $dbSRa$useObjectRef)(forwardedRef);
     let state = (0, $dbSRa$useContext)($1910c06f0ca9905e$export$38de1cb0526c21fb);
@@ -779,19 +836,17 @@ const $1910c06f0ca9905e$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $dbSRa$creat
             id: item.key
         }
     });
-    let TR = $1910c06f0ca9905e$var$useElementType('tr');
-    let TD = $1910c06f0ca9905e$var$useElementType('td');
     let DOMProps = (0, $dbSRa$filterDOMProps)(props, {
         global: true
     });
     delete DOMProps.id;
     delete DOMProps.onClick;
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $dbSRa$react).Fragment, null, dropIndicator && !dropIndicator.isHidden && /*#__PURE__*/ (0, $dbSRa$react).createElement(TR, {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $dbSRa$react).Fragment, null, dropIndicator && !dropIndicator.isHidden && /*#__PURE__*/ (0, $dbSRa$react).createElement($1910c06f0ca9905e$var$TableRowElementType, {
         role: "row",
         style: {
             height: 0
         }
-    }, /*#__PURE__*/ (0, $dbSRa$react).createElement(TD, {
+    }, /*#__PURE__*/ (0, $dbSRa$react).createElement($1910c06f0ca9905e$var$TableCellElementType, {
         role: "gridcell",
         colSpan: state.collection.columnCount,
         style: {
@@ -802,7 +857,7 @@ const $1910c06f0ca9905e$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $dbSRa$creat
         ...visuallyHiddenProps,
         ...dropIndicator.dropIndicatorProps,
         ref: dropIndicatorRef
-    }))), /*#__PURE__*/ (0, $dbSRa$react).createElement(TR, {
+    }))), /*#__PURE__*/ (0, $dbSRa$react).createElement($1910c06f0ca9905e$var$TableRowElementType, {
         ...(0, $dbSRa$mergeProps)(DOMProps, renderProps, rowProps, focusProps, hoverProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps, focusWithinProps),
         ref: ref,
         "data-disabled": states.isDisabled || undefined,
@@ -866,6 +921,17 @@ const $1910c06f0ca9905e$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $dbSRa$creat
 class $1910c06f0ca9905e$var$TableCellNode extends (0, $dbSRa$CollectionNode) {
 }
 $1910c06f0ca9905e$var$TableCellNode.type = 'cell';
+let $1910c06f0ca9905e$var$TableCellElementType = /*#__PURE__*/ (0, $dbSRa$forwardRef)(function TableCellElementType(props, ref) {
+    let { isVirtualized: isVirtualized } = (0, $dbSRa$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement("div", {
+        ...props,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement("td", {
+        ...props,
+        ref: ref
+    });
+});
 const $1910c06f0ca9905e$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $dbSRa$createLeafComponent)($1910c06f0ca9905e$var$TableCellNode, (props, forwardedRef, cell)=>{
     let ref = (0, $dbSRa$useObjectRef)(forwardedRef);
     let state = (0, $dbSRa$useContext)($1910c06f0ca9905e$export$38de1cb0526c21fb);
@@ -879,6 +945,7 @@ const $1910c06f0ca9905e$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $dbSRa$creat
     }, state, ref);
     let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $dbSRa$useFocusRing)();
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dbSRa$useHover)({});
+    let isSelected = cell.parentKey != null ? state.selectionManager.isSelected(cell.parentKey) : false;
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
         id: undefined,
@@ -888,20 +955,21 @@ const $1910c06f0ca9905e$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $dbSRa$creat
             isFocusVisible: isFocusVisible,
             isPressed: isPressed,
             isHovered: isHovered,
+            isSelected: isSelected,
             id: cell.key
         }
     });
-    let TD = $1910c06f0ca9905e$var$useElementType('td');
     let DOMProps = (0, $dbSRa$filterDOMProps)(props, {
         global: true
     });
     delete DOMProps.id;
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement(TD, {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement($1910c06f0ca9905e$var$TableCellElementType, {
         ...(0, $dbSRa$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, $dbSRa$react).createElement((0, $7135fc7d473fd974$export$4feb769f8ddf26c5).Provider, {
         value: (0, $7135fc7d473fd974$export$a164736487e3f0ae)
     }, renderProps.children));
@@ -920,6 +988,28 @@ function $1910c06f0ca9905e$var$TableDropIndicatorWrapper(props, ref) {
         ref: ref
     });
 }
+let $1910c06f0ca9905e$var$TableDropIndicatorRowElementType = /*#__PURE__*/ (0, $dbSRa$forwardRef)(function TableDropIndicatorRowElementType(props, ref) {
+    let { isVirtualized: isVirtualized } = (0, $dbSRa$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement("div", {
+        ...props,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement("tr", {
+        ...props,
+        ref: ref
+    });
+});
+let $1910c06f0ca9905e$var$TableDropIndicatorTDElementType = /*#__PURE__*/ (0, $dbSRa$forwardRef)(function TableDropIndicatorTDElementType(props, ref) {
+    let { isVirtualized: isVirtualized } = (0, $dbSRa$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement("div", {
+        ...props,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement("td", {
+        ...props,
+        ref: ref
+    });
+});
 function $1910c06f0ca9905e$var$TableDropIndicator(props, ref) {
     let { dropIndicatorProps: dropIndicatorProps, isDropTarget: isDropTarget, buttonRef: buttonRef, ...otherProps } = props;
     let state = (0, $dbSRa$useContext)($1910c06f0ca9905e$export$38de1cb0526c21fb);
@@ -931,9 +1021,7 @@ function $1910c06f0ca9905e$var$TableDropIndicator(props, ref) {
             isDropTarget: isDropTarget
         }
     });
-    let TR = $1910c06f0ca9905e$var$useElementType('tr');
-    let TD = $1910c06f0ca9905e$var$useElementType('td');
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement(TR, {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement($1910c06f0ca9905e$var$TableDropIndicatorRowElementType, {
         ...(0, $dbSRa$filterDOMProps)(props, {
             global: true
         }),
@@ -941,7 +1029,7 @@ function $1910c06f0ca9905e$var$TableDropIndicator(props, ref) {
         role: "row",
         ref: ref,
         "data-drop-target": isDropTarget || undefined
-    }, /*#__PURE__*/ (0, $dbSRa$react).createElement(TD, {
+    }, /*#__PURE__*/ (0, $dbSRa$react).createElement($1910c06f0ca9905e$var$TableDropIndicatorTDElementType, {
         role: "gridcell",
         colSpan: state.collection.columnCount,
         style: {
@@ -968,16 +1056,14 @@ function $1910c06f0ca9905e$var$RootDropIndicator() {
         type: 'root'
     });
     let { visuallyHiddenProps: visuallyHiddenProps } = (0, $dbSRa$useVisuallyHidden)();
-    let TR = $1910c06f0ca9905e$var$useElementType('tr');
-    let TD = $1910c06f0ca9905e$var$useElementType('td');
     if (!isDropTarget && dropIndicatorProps['aria-hidden']) return null;
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement(TR, {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement($1910c06f0ca9905e$var$TableRowElementType, {
         role: "row",
         "aria-hidden": dropIndicatorProps['aria-hidden'],
         style: {
             height: 0
         }
-    }, /*#__PURE__*/ (0, $dbSRa$react).createElement(TD, {
+    }, /*#__PURE__*/ (0, $dbSRa$react).createElement($1910c06f0ca9905e$var$TableCellElementType, {
         role: "gridcell",
         colSpan: state.collection.columnCount,
         style: {
@@ -1014,8 +1100,6 @@ const $1910c06f0ca9905e$export$8f5bea0338ed243c = (0, $dbSRa$createLeafComponent
         defaultClassName: 'react-aria-TableLoadingIndicator',
         values: null
     });
-    let TR = $1910c06f0ca9905e$var$useElementType('tr');
-    let TD = $1910c06f0ca9905e$var$useElementType('td');
     let rowProps = {};
     let rowHeaderProps = {};
     let style = {};
@@ -1028,12 +1112,12 @@ const $1910c06f0ca9905e$export$8f5bea0338ed243c = (0, $dbSRa$createLeafComponent
             display: 'contents'
         };
     } else rowHeaderProps['colSpan'] = numColumns;
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $dbSRa$react).Fragment, null, /*#__PURE__*/ (0, $dbSRa$react).createElement(TR, {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $dbSRa$react).Fragment, null, /*#__PURE__*/ (0, $dbSRa$react).createElement($1910c06f0ca9905e$var$TableRowElementType, {
         style: {
             height: 0
         },
         inert: (0, $dbSRa$inertValue)(true)
-    }, /*#__PURE__*/ (0, $dbSRa$react).createElement(TD, {
+    }, /*#__PURE__*/ (0, $dbSRa$react).createElement($1910c06f0ca9905e$var$TableCellElementType, {
         style: {
             padding: 0,
             border: 0
@@ -1046,14 +1130,14 @@ const $1910c06f0ca9905e$export$8f5bea0338ed243c = (0, $dbSRa$createLeafComponent
             height: 1,
             width: 1
         }
-    }))), isLoading && renderProps.children && /*#__PURE__*/ (0, $dbSRa$react).createElement(TR, {
+    }))), isLoading && renderProps.children && /*#__PURE__*/ (0, $dbSRa$react).createElement($1910c06f0ca9905e$var$TableRowElementType, {
         ...(0, $dbSRa$mergeProps)((0, $dbSRa$filterDOMProps)(props, {
             global: true
         }), rowProps),
         ...renderProps,
         role: "row",
         ref: ref
-    }, /*#__PURE__*/ (0, $dbSRa$react).createElement(TD, {
+    }, /*#__PURE__*/ (0, $dbSRa$react).createElement($1910c06f0ca9905e$var$TableCellElementType, {
         role: "rowheader",
         ...rowHeaderProps,
         style: style