react-aria-components 1.14.0 → 1.15.1

package/dist/Table.mjs

@@ -1,6 +1,6 @@
 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 {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 {DEFAULT_SLOT as $64fa3d84918910a7$export$c62b8e45d58ddad9, dom as $64fa3d84918910a7$export$df3a06d6289f983e, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from "./utils.mjs";
 import {CollectionRendererContext as $7135fc7d473fd974$export$4feb769f8ddf26c5, DefaultCollectionRenderer as $7135fc7d473fd974$export$a164736487e3f0ae} from "./Collection.mjs";
 import {DragAndDropContext as $612b8eb6cb90e02d$export$d188a835a7bc5783, DropIndicatorContext as $612b8eb6cb90e02d$export$f55761759794cf55, useDndPersistedKeys as $612b8eb6cb90e02d$export$d1e8e3fbb7461f6, useRenderDropIndicator as $612b8eb6cb90e02d$export$971707d8a129a1f7} from "./DragAndDrop.mjs";
 import $dbSRa$intlStringsmodulejs from "./intlStrings.mjs";
@@ -189,7 +189,8 @@ const $1910c06f0ca9905e$export$7063e69b8a954175 = /*#__PURE__*/ (0, $dbSRa$forwa
         props.onResize,
         props.onResizeEnd
     ]);
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement("div", {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
+        render: props.render,
         ...(0, $dbSRa$filterDOMProps)(props, {
             global: true
         }),
@@ -237,11 +238,11 @@ const $1910c06f0ca9905e$export$54ec01a60f47d33d = /*#__PURE__*/ (0, $dbSRa$forwa
 });
 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", {
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...props,
         ref: ref
     });
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement("table", {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).table, {
         ...props,
         ref: ref
     });
@@ -323,8 +324,8 @@ function $1910c06f0ca9905e$var$TableInner({ props: props, forwardedRef: ref, sel
     }
     let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $dbSRa$useFocusRing)();
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
-        className: props.className,
-        style: props.style,
+        ...props,
+        children: undefined,
         defaultClassName: 'react-aria-Table',
         values: {
             isDropTarget: isRootDropTarget,
@@ -408,11 +409,11 @@ 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", {
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...props,
         ref: ref
     });
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement("thead", {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).thead, {
         ...props,
         ref: ref
     });
@@ -439,8 +440,8 @@ const $1910c06f0ca9905e$export$f850895b287ef28e = /*#__PURE__*/ (0, $dbSRa$creat
         onHoverEnd: props.onHoverEnd
     });
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
-        className: props.className,
-        style: props.style,
+        ...props,
+        children: undefined,
         defaultClassName: 'react-aria-TableHeader',
         values: {
             isHovered: isHovered
@@ -502,11 +503,11 @@ 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", {
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...props,
         ref: ref
     });
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement("th", {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).th, {
         ...props,
         ref: ref
     });
@@ -650,7 +651,7 @@ const $1910c06f0ca9905e$export$ee689e97a7664bfd = /*#__PURE__*/ (0, $dbSRa$forwa
     let DOMProps = (0, $dbSRa$filterDOMProps)(props, {
         global: true
     });
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement("div", {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ref: objectRef,
         role: "presentation",
         ...(0, $dbSRa$mergeProps)(DOMProps, renderProps, resizerProps, {
@@ -680,11 +681,11 @@ 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", {
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...props,
         ref: ref
     });
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement("tbody", {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).tbody, {
         ...props,
         ref: ref
     });
@@ -764,11 +765,11 @@ 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", {
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...props,
         ref: ref
     });
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement("tr", {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).tr, {
         ...props,
         ref: ref
     });
@@ -923,11 +924,11 @@ 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", {
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...props,
         ref: ref
     });
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement("td", {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).td, {
         ...props,
         ref: ref
     });
@@ -946,6 +947,8 @@ const $1910c06f0ca9905e$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $dbSRa$creat
     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;
+    // colIndex is null, when there is so span, falling back to using the index
+    let columnIndex = cell.colIndex || cell.index;
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
         id: undefined,
@@ -956,7 +959,8 @@ const $1910c06f0ca9905e$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $dbSRa$creat
             isPressed: isPressed,
             isHovered: isHovered,
             isSelected: isSelected,
-            id: cell.key
+            id: cell.key,
+            columnIndex: columnIndex
         }
     });
     let DOMProps = (0, $dbSRa$filterDOMProps)(props, {
@@ -969,7 +973,8 @@ const $1910c06f0ca9905e$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $dbSRa$creat
         "data-focused": isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined,
         "data-pressed": isPressed || undefined,
-        "data-selected": isSelected || undefined
+        "data-selected": isSelected || undefined,
+        "data-column-index": columnIndex
     }, /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $7135fc7d473fd974$export$4feb769f8ddf26c5).Provider, {
         value: (0, $7135fc7d473fd974$export$a164736487e3f0ae)
     }, renderProps.children));
@@ -990,22 +995,22 @@ function $1910c06f0ca9905e$var$TableDropIndicatorWrapper(props, 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", {
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...props,
         ref: ref
     });
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement("tr", {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).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", {
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...props,
         ref: ref
     });
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement("td", {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).td, {
         ...props,
         ref: ref
     });
@@ -1098,7 +1103,7 @@ const $1910c06f0ca9905e$export$8f5bea0338ed243c = (0, $dbSRa$createLeafComponent
         id: undefined,
         children: item.rendered,
         defaultClassName: 'react-aria-TableLoadingIndicator',
-        values: null
+        values: undefined
     });
     let rowProps = {};
     let rowHeaderProps = {};

package/dist/Table.module.js

@@ -1,6 +1,6 @@
 import {ButtonContext as $d2b4bc8c273e7be6$export$24d547caef80ccd1} from "./Button.module.js";
 import {CheckboxContext as $4e85f108e88277b8$export$b085522c77523c51, FieldInputContext as $4e85f108e88277b8$export$698f465ec27e93df, SelectableCollectionContext as $4e85f108e88277b8$export$b0d3ecf7112093a7} from "./RSPContexts.module.js";
-import {DEFAULT_SLOT as $64fa3d84918910a7$export$c62b8e45d58ddad9, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from "./utils.module.js";
+import {DEFAULT_SLOT as $64fa3d84918910a7$export$c62b8e45d58ddad9, dom as $64fa3d84918910a7$export$df3a06d6289f983e, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from "./utils.module.js";
 import {CollectionRendererContext as $7135fc7d473fd974$export$4feb769f8ddf26c5, DefaultCollectionRenderer as $7135fc7d473fd974$export$a164736487e3f0ae} from "./Collection.module.js";
 import {DragAndDropContext as $612b8eb6cb90e02d$export$d188a835a7bc5783, DropIndicatorContext as $612b8eb6cb90e02d$export$f55761759794cf55, useDndPersistedKeys as $612b8eb6cb90e02d$export$d1e8e3fbb7461f6, useRenderDropIndicator as $612b8eb6cb90e02d$export$971707d8a129a1f7} from "./DragAndDrop.module.js";
 import $dbSRa$intlStringsmodulejs from "./intlStrings.module.js";
@@ -189,7 +189,8 @@ const $1910c06f0ca9905e$export$7063e69b8a954175 = /*#__PURE__*/ (0, $dbSRa$forwa
         props.onResize,
         props.onResizeEnd
     ]);
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement("div", {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
+        render: props.render,
         ...(0, $dbSRa$filterDOMProps)(props, {
             global: true
         }),
@@ -237,11 +238,11 @@ const $1910c06f0ca9905e$export$54ec01a60f47d33d = /*#__PURE__*/ (0, $dbSRa$forwa
 });
 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", {
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...props,
         ref: ref
     });
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement("table", {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).table, {
         ...props,
         ref: ref
     });
@@ -323,8 +324,8 @@ function $1910c06f0ca9905e$var$TableInner({ props: props, forwardedRef: ref, sel
     }
     let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $dbSRa$useFocusRing)();
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
-        className: props.className,
-        style: props.style,
+        ...props,
+        children: undefined,
         defaultClassName: 'react-aria-Table',
         values: {
             isDropTarget: isRootDropTarget,
@@ -408,11 +409,11 @@ 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", {
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...props,
         ref: ref
     });
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement("thead", {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).thead, {
         ...props,
         ref: ref
     });
@@ -439,8 +440,8 @@ const $1910c06f0ca9905e$export$f850895b287ef28e = /*#__PURE__*/ (0, $dbSRa$creat
         onHoverEnd: props.onHoverEnd
     });
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
-        className: props.className,
-        style: props.style,
+        ...props,
+        children: undefined,
         defaultClassName: 'react-aria-TableHeader',
         values: {
             isHovered: isHovered
@@ -502,11 +503,11 @@ 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", {
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...props,
         ref: ref
     });
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement("th", {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).th, {
         ...props,
         ref: ref
     });
@@ -650,7 +651,7 @@ const $1910c06f0ca9905e$export$ee689e97a7664bfd = /*#__PURE__*/ (0, $dbSRa$forwa
     let DOMProps = (0, $dbSRa$filterDOMProps)(props, {
         global: true
     });
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement("div", {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ref: objectRef,
         role: "presentation",
         ...(0, $dbSRa$mergeProps)(DOMProps, renderProps, resizerProps, {
@@ -680,11 +681,11 @@ 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", {
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...props,
         ref: ref
     });
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement("tbody", {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).tbody, {
         ...props,
         ref: ref
     });
@@ -764,11 +765,11 @@ 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", {
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...props,
         ref: ref
     });
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement("tr", {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).tr, {
         ...props,
         ref: ref
     });
@@ -923,11 +924,11 @@ 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", {
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...props,
         ref: ref
     });
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement("td", {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).td, {
         ...props,
         ref: ref
     });
@@ -946,6 +947,8 @@ const $1910c06f0ca9905e$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $dbSRa$creat
     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;
+    // colIndex is null, when there is so span, falling back to using the index
+    let columnIndex = cell.colIndex || cell.index;
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
         id: undefined,
@@ -956,7 +959,8 @@ const $1910c06f0ca9905e$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $dbSRa$creat
             isPressed: isPressed,
             isHovered: isHovered,
             isSelected: isSelected,
-            id: cell.key
+            id: cell.key,
+            columnIndex: columnIndex
         }
     });
     let DOMProps = (0, $dbSRa$filterDOMProps)(props, {
@@ -969,7 +973,8 @@ const $1910c06f0ca9905e$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $dbSRa$creat
         "data-focused": isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined,
         "data-pressed": isPressed || undefined,
-        "data-selected": isSelected || undefined
+        "data-selected": isSelected || undefined,
+        "data-column-index": columnIndex
     }, /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $7135fc7d473fd974$export$4feb769f8ddf26c5).Provider, {
         value: (0, $7135fc7d473fd974$export$a164736487e3f0ae)
     }, renderProps.children));
@@ -990,22 +995,22 @@ function $1910c06f0ca9905e$var$TableDropIndicatorWrapper(props, 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", {
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...props,
         ref: ref
     });
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement("tr", {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).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", {
+    if (isVirtualized) return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...props,
         ref: ref
     });
-    return /*#__PURE__*/ (0, $dbSRa$react).createElement("td", {
+    return /*#__PURE__*/ (0, $dbSRa$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).td, {
         ...props,
         ref: ref
     });
@@ -1098,7 +1103,7 @@ const $1910c06f0ca9905e$export$8f5bea0338ed243c = (0, $dbSRa$createLeafComponent
         id: undefined,
         children: item.rendered,
         defaultClassName: 'react-aria-TableLoadingIndicator',
-        values: null
+        values: undefined
     });
     let rowProps = {};
     let rowHeaderProps = {};