@react-spectrum/s2 1.0.0 → 1.1.0

package/dist/TableView.mjs

@@ -20,7 +20,7 @@ import {useScale as $859432f3b3573fcb$export$a8d2043b2d807f4d} from "./utils.mjs
 import {useSpectrumContextProps as $5ce63c423902f47d$export$764f6146fadd77f7} from "../icons/useSpectrumContextProps.mjs";
 import {jsxs as $auVFN$jsxs, jsx as $auVFN$jsx, Fragment as $auVFN$Fragment} from "react/jsx-runtime";
 import {Rect as $auVFN$Rect, TableLayout as $auVFN$TableLayout, ResizableTableContainer as $auVFN$ResizableTableContainer, Virtualizer as $auVFN$Virtualizer, Table as $auVFN$Table, TableLoadMoreItem as $auVFN$TableLoadMoreItem, Collection as $auVFN$Collection, TableBody as $auVFN$TableBody, Column as $auVFN$Column, Provider as $auVFN$Provider, Button as $auVFN$Button, ColumnResizer as $auVFN$ColumnResizer, useTableOptions as $auVFN$useTableOptions, TableHeader as $auVFN$TableHeader, useSlottedContext as $auVFN$useSlottedContext, CheckboxContext as $auVFN$CheckboxContext, Cell as $auVFN$Cell, ButtonContext as $auVFN$ButtonContext, DEFAULT_SLOT as $auVFN$DEFAULT_SLOT, Popover as $auVFN$Popover, OverlayTriggerStateContext as $auVFN$OverlayTriggerStateContext, Form as $auVFN$Form, Row as $auVFN$Row} from "react-aria-components";
-import {useObjectRef as $auVFN$useObjectRef, useLayoutEffect as $auVFN$useLayoutEffect, getActiveElement as $auVFN$getActiveElement, getOwnerDocument as $auVFN$getOwnerDocument} from "@react-aria/utils";
+import {useObjectRef as $auVFN$useObjectRef, useLayoutEffect as $auVFN$useLayoutEffect, getActiveElement as $auVFN$getActiveElement, getOwnerDocument as $auVFN$getOwnerDocument, nodeContains as $auVFN$nodeContains} from "@react-aria/utils";
 import {createContext as $auVFN$createContext, forwardRef as $auVFN$forwardRef, useState as $auVFN$useState, useCallback as $auVFN$useCallback, useMemo as $auVFN$useMemo, useRef as $auVFN$useRef, useContext as $auVFN$useContext, useEffect as $auVFN$useEffect} from "react";
 import {useDOMRef as $auVFN$useDOMRef, useMediaQuery as $auVFN$useMediaQuery} from "@react-spectrum/utils";
 import {useLocalizedStringFormatter as $auVFN$useLocalizedStringFormatter} from "@react-aria/i18n";
@@ -71,73 +71,73 @@ const $0fcd5fb617970a1d$var$tableWrapper = function anonymous(props, overrides)
     let minHeight = false;
     let minWidth = false;
     let position = false;
-    let matches = (overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|F|M|K)[^\s]+/g);
+    let matches = String(overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|F|M|K)[^\s]+/g);
     for (let p of matches){
         if (p[1] === "M") minHeight = true;
         if (p[1] === "N") minWidth = true;
         if (p[1] === "_P") position = true;
         rules += p[0];
     }
-    if (!minHeight) rules += ' Ma1';
-    if (!minWidth) rules += ' Na1';
-    rules += ' sd1';
-    rules += ' _Bb1';
-    rules += ' __ca1';
-    if (!position) rules += ' _Pc1';
-    rules += ' _Nb1';
-    rules += ' Pb1';
+    if (!minHeight) rules += ' Ma11';
+    if (!minWidth) rules += ' Na11';
+    rules += ' sd11';
+    rules += ' _Bb11';
+    rules += ' __ca11';
+    if (!position) rules += ' _Pc11';
+    rules += ' _Nb11';
+    rules += ' Pb11';
     return rules;
 };
 const $0fcd5fb617970a1d$var$table = function anonymous(props) {
     let rules = " ";
-    rules += ' Za1';
-    rules += ' Fb1';
-    rules += ' _oa1';
-    rules += ' _4c1';
-    rules += ' Ma1';
-    rules += ' Na1';
-    rules += ' uk1';
-    rules += ' ucJ9TBTb1';
-    rules += ' ud3Euai1';
-    rules += ' uea1';
-    rules += ' ugb1';
-    rules += ' uhd1';
-    rules += ' uje1';
-    rules += ' u2NhKxcl1';
-    rules += ' uic1';
-    rules += ' xb1';
-    rules += ' _xa1';
-    rules += ' _Na1';
-    rules += ' Pa1';
-    if (props.isQuiet) rules += ' g91';
-    else rules += ' gX1';
-    rules += ' gla1';
-    rules += ' iq1';
-    rules += ' _jf1';
-    if (props.isQuiet) rules += ' _ka1';
-    else rules += ' _kb1';
-    if (props.isQuiet) rules += ' ha1';
-    else rules += ' hb1';
-    if (props.isQuiet) rules += ' ma1';
-    else rules += ' mb1';
-    if (props.isQuiet) rules += ' la1';
-    else rules += ' lb1';
-    if (props.isFocusVisible) rules += ' _Lf1';
-    else rules += ' _Le1';
-    rules += ' Oh1';
-    rules += ' Olc1';
-    rules += ' _Mc1';
-    rules += ' _Ka1';
-    if (props.isQuiet) rules += ' od1';
-    else rules += ' of1';
-    if (props.isQuiet) rules += ' nd1';
-    else rules += ' nf1';
-    if (props.isQuiet) rules += ' kd1';
-    else rules += ' kf1';
-    if (props.isQuiet) rules += ' jd1';
-    else rules += ' jf1';
-    rules += ' _Um1';
-    if (props.isCheckboxSelection) rules += ' _Tk1';
+    rules += ' Za11';
+    rules += ' Fb11';
+    rules += ' _oa11';
+    rules += ' _4c11';
+    rules += ' Ma11';
+    rules += ' Na11';
+    rules += ' uk11';
+    rules += ' ucJ9TBTb11';
+    rules += ' ud3Euai11';
+    rules += ' uea11';
+    rules += ' ugb11';
+    rules += ' uhd11';
+    rules += ' uje11';
+    rules += ' u2NhKxcl11';
+    rules += ' uic11';
+    rules += ' xb11';
+    rules += ' _xa11';
+    rules += ' _Na11';
+    rules += ' Pa11';
+    if (props.isQuiet) rules += ' g911';
+    else rules += ' gX11';
+    rules += ' gla11';
+    rules += ' iq11';
+    rules += ' _jf11';
+    if (props.isQuiet) rules += ' _ka11';
+    else rules += ' _kb11';
+    if (props.isQuiet) rules += ' ha11';
+    else rules += ' hb11';
+    if (props.isQuiet) rules += ' ma11';
+    else rules += ' mb11';
+    if (props.isQuiet) rules += ' la11';
+    else rules += ' lb11';
+    if (props.isFocusVisible) rules += ' _Lf11';
+    else rules += ' _Le11';
+    rules += ' Oh11';
+    rules += ' Olc11';
+    rules += ' _Mc11';
+    rules += ' _Ka11';
+    if (props.isQuiet) rules += ' od11';
+    else rules += ' of11';
+    if (props.isQuiet) rules += ' nd11';
+    else rules += ' nf11';
+    if (props.isQuiet) rules += ' kd11';
+    else rules += ' kf11';
+    if (props.isQuiet) rules += ' jd11';
+    else rules += ' jf11';
+    rules += ' _Um11';
+    if (props.isCheckboxSelection) rules += ' _Tk11';
     return rules;
 };
 // component-height-100
@@ -319,7 +319,7 @@ const $0fcd5fb617970a1d$export$b3c27e869d856b7 = /*#__PURE__*/ (0, $auVFN$forwar
         ]
     });
 });
-const $0fcd5fb617970a1d$var$centeredWrapper = " sd1 eb1 _Ca1 Za1 Fb1";
+const $0fcd5fb617970a1d$var$centeredWrapper = " sd11 eb11 _Ca11 Za11 Fb11";
 const $0fcd5fb617970a1d$export$76ccd210b9029917 = /*#__PURE__*/ (0, $auVFN$forwardRef)(function TableBody(props, ref) {
     let { items: items, renderEmptyState: renderEmptyState, children: children, dependencies: dependencies = [] } = props;
     let domRef = (0, $auVFN$useDOMRef)(ref);
@@ -334,7 +334,7 @@ const $0fcd5fb617970a1d$export$76ccd210b9029917 = /*#__PURE__*/ (0, $auVFN$forwa
     let loadMoreSpinner = /*#__PURE__*/ (0, $auVFN$jsx)((0, $auVFN$TableLoadMoreItem), {
         isLoading: loadingState === 'loadingMore',
         onLoadMore: onLoadMore,
-        className: " Fb1 Za1",
+        className: " Fb11 Za11",
         children: /*#__PURE__*/ (0, $auVFN$jsx)("div", {
             className: $0fcd5fb617970a1d$var$centeredWrapper,
             children: /*#__PURE__*/ (0, $auVFN$jsx)((0, $41ddd91dbbf0c389$export$c79b9d6b4cc92af7), {
@@ -377,7 +377,7 @@ const $0fcd5fb617970a1d$export$76ccd210b9029917 = /*#__PURE__*/ (0, $auVFN$forwa
     return /*#__PURE__*/ (0, $auVFN$jsx)((0, $auVFN$TableBody), {
         // @ts-ignore
         ref: domRef,
-        className: " Fb1",
+        className: " Fb11",
         ...props,
         renderEmptyState: emptyRender,
         dependencies: [
@@ -401,21 +401,21 @@ function $0fcd5fb617970a1d$var$CellFocusRing() {
         role: "presentation",
         className: function anonymous(props) {
             let rules = " ";
-            if (props.isFocusVisible) rules += ' _Lf1';
-            else rules += ' _Le1';
-            rules += ' _Kb1';
-            rules += ' _Mc1';
-            rules += ' Oh1';
-            rules += ' of1';
-            rules += ' nf1';
-            rules += ' kf1';
-            rules += ' jf1';
-            rules += ' _Pa1';
-            rules += ' Wr1';
-            rules += ' _lr1';
-            rules += ' _Ar1';
-            rules += ' _zr1';
-            rules += ' _Ob1';
+            if (props.isFocusVisible) rules += ' _Lf11';
+            else rules += ' _Le11';
+            rules += ' _Kb11';
+            rules += ' _Mc11';
+            rules += ' Oh11';
+            rules += ' of11';
+            rules += ' nf11';
+            rules += ' kf11';
+            rules += ' jf11';
+            rules += ' _Pa11';
+            rules += ' Wr11';
+            rules += ' _lr11';
+            rules += ' _Ar11';
+            rules += ' _zr11';
+            rules += ' _Ob11';
             return rules;
         }({
             isFocusVisible: true
@@ -424,62 +424,62 @@ function $0fcd5fb617970a1d$var$CellFocusRing() {
 }
 const $0fcd5fb617970a1d$var$columnStyles = function anonymous(props) {
     let rules = " ";
-    rules += ' F40ub4c1';
-    rules += ' _oa1';
-    if (props.isPressed) rules += ' po1';
-    else if (props.isFocusVisible) rules += ' po1';
-    else if (props.isHovered) rules += ' po1';
-    else rules += ' pt1';
-    rules += ' plb1';
-    if (props.isMenu) rules += ' Sd1';
-    else rules += ' Sf1';
-    if (props.isMenu) rules += ' Rd1';
-    else rules += ' Rf1';
-    if (props.align === "end") rules += ' _Wb1';
-    else if (props.align === "center") rules += ' _Wa1';
-    else if (props.align === "start") rules += ' _Wd1';
-    rules += ' _Le1';
-    rules += ' _Pc1';
+    rules += ' F40ub4c11';
+    rules += ' _oa11';
+    if (props.isPressed) rules += ' po11';
+    else if (props.isFocusVisible) rules += ' po11';
+    else if (props.isHovered) rules += ' po11';
+    else rules += ' pt11';
+    rules += ' plb11';
+    if (props.isMenu) rules += ' Sd11';
+    else rules += ' Sf11';
+    if (props.isMenu) rules += ' Rd11';
+    else rules += ' Rf11';
+    if (props.align === "end") rules += ' _Wb11';
+    else if (props.align === "center") rules += ' _Wa11';
+    else if (props.align === "start") rules += ' _Wd11';
+    rules += ' _Le11';
+    rules += ' _Pc11';
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-e11';
+        rules += ' vx11';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-d11';
+        rules += ' vx11';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-b11';
+        rules += ' vx11';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-a11';
+        rules += ' vx11';
     } else {
-        rules += ' -_6BNtrc-c1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-c11';
+        rules += ' vx11';
     }
-    rules += ' uk1';
-    rules += ' ucJ9TBTb1';
-    rules += ' ud3Euai1';
-    rules += ' uea1';
-    rules += ' ugb1';
-    rules += ' uhd1';
-    rules += ' uje1';
-    rules += ' u2NhKxcl1';
-    rules += ' uic1';
-    rules += ' xd1';
-    rules += ' _xa1';
-    rules += ' xX0cczbc1';
-    rules += ' _xX0cczba1';
-    rules += ' sd1';
-    rules += ' iq1';
-    rules += ' ila1';
-    if (props.isQuiet) rules += ' _kb1';
-    else rules += ' _ka1';
-    rules += ' hb1';
-    rules += ' ma1';
-    if (props.isMenu) rules += ' lb1';
-    else rules += ' la1';
-    rules += ' _jf1';
-    rules += ' _yb1';
+    rules += ' uk11';
+    rules += ' ucJ9TBTb11';
+    rules += ' ud3Euai11';
+    rules += ' uea11';
+    rules += ' ugb11';
+    rules += ' uhd11';
+    rules += ' uje11';
+    rules += ' u2NhKxcl11';
+    rules += ' uic11';
+    rules += ' xd11';
+    rules += ' _xa11';
+    rules += ' xX0cczbc11';
+    rules += ' _xX0cczba11';
+    rules += ' sd11';
+    rules += ' iq11';
+    rules += ' ila11';
+    if (props.isQuiet) rules += ' _kb11';
+    else rules += ' _ka11';
+    rules += ' hb11';
+    rules += ' ma11';
+    if (props.isMenu) rules += ' lb11';
+    else rules += ' la11';
+    rules += ' _jf11';
+    rules += ' _yb11';
     return rules;
 };
 const $0fcd5fb617970a1d$export$816b5d811295e6bc = /*#__PURE__*/ (0, $auVFN$forwardRef)(function Column(props, ref) {
@@ -523,26 +523,26 @@ const $0fcd5fb617970a1d$export$816b5d811295e6bc = /*#__PURE__*/ (0, $auVFN$forwa
 });
 const $0fcd5fb617970a1d$var$columnContentWrapper = function anonymous(props) {
     let rules = " ";
-    rules += ' Na1';
-    rules += ' sd1';
-    rules += ' eb1';
-    rules += ' Za1';
-    if (props.align === "end") rules += ' _Cb1';
-    else if (props.align === "center") rules += ' _Ca1';
-    else if (props.align === "default") rules += ' _Cg1';
+    rules += ' Na11';
+    rules += ' sd11';
+    rules += ' eb11';
+    rules += ' Za11';
+    if (props.align === "end") rules += ' _Cb11';
+    else if (props.align === "center") rules += ' _Ca11';
+    else if (props.align === "default") rules += ' _Cg11';
     return rules;
 };
 const $0fcd5fb617970a1d$var$sortIcon = function anonymous(props) {
     let rules = " ";
-    rules += ' ZXJkxGe1';
-    rules += ' FXJkxGe1';
-    rules += ' _va1';
+    rules += ' ZXJkxGe11';
+    rules += ' FXJkxGe11';
+    rules += ' _va11';
     if (props.isButton) {
-        rules += ' Ht1';
-        rules += ' Hsu1';
-    } else rules += ' Hv1';
-    rules += ' _5b1';
-    rules += ' -_8sjo0b-t5ZbAob1';
+        rules += ' Ht11';
+        rules += ' Hsu11';
+    } else rules += ' Hv11';
+    rules += ' _5b11';
+    rules += ' -_8sjo0b-t5ZbAob11';
     return rules;
 };
 function $0fcd5fb617970a1d$var$ColumnContents(props) {
@@ -572,93 +572,93 @@ function $0fcd5fb617970a1d$var$ColumnContents(props) {
 }
 const $0fcd5fb617970a1d$var$resizableMenuButtonWrapper = function anonymous(props) {
     let rules = " ";
-    if (props.isFocusVisible) rules += ' _Lf1';
-    else rules += ' _Le1';
-    rules += ' _Kb1';
-    rules += ' _Mc1';
-    rules += ' Oh1';
-    rules += ' of1';
-    rules += ' nf1';
-    rules += ' kf1';
-    rules += ' jf1';
-    rules += ' pt1';
-    rules += ' Za1';
-    rules += ' _Pc1';
-    rules += ' sd1';
-    rules += ' eb1';
-    if (props.align === "end") rules += ' _Cb1';
-    else if (props.align === "center") rules += ' _Ca1';
-    else if (props.align === "default") rules += ' _Cg1';
-    rules += ' Sf1';
-    rules += ' Rf1';
-    rules += ' g91';
-    rules += ' _je1';
+    if (props.isFocusVisible) rules += ' _Lf11';
+    else rules += ' _Le11';
+    rules += ' _Kb11';
+    rules += ' _Mc11';
+    rules += ' Oh11';
+    rules += ' of11';
+    rules += ' nf11';
+    rules += ' kf11';
+    rules += ' jf11';
+    rules += ' pt11';
+    rules += ' Za11';
+    rules += ' _Pc11';
+    rules += ' sd11';
+    rules += ' eb11';
+    if (props.align === "end") rules += ' _Cb11';
+    else if (props.align === "center") rules += ' _Ca11';
+    else if (props.align === "default") rules += ' _Cg11';
+    rules += ' Sf11';
+    rules += ' Rf11';
+    rules += ' g911';
+    rules += ' _je11';
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-e11';
+        rules += ' vx11';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-d11';
+        rules += ' vx11';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-b11';
+        rules += ' vx11';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-a11';
+        rules += ' vx11';
     } else {
-        rules += ' -_6BNtrc-c1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-c11';
+        rules += ' vx11';
     }
-    rules += ' uk1';
-    rules += ' ucJ9TBTb1';
-    rules += ' ud3Euai1';
-    rules += ' uea1';
-    rules += ' ugb1';
-    rules += ' uhd1';
-    rules += ' uje1';
-    rules += ' u2NhKxcl1';
-    rules += ' uic1';
-    rules += ' xd1';
-    rules += ' _xa1';
-    rules += ' xX0cczbc1';
-    rules += ' _xX0cczba1';
+    rules += ' uk11';
+    rules += ' ucJ9TBTb11';
+    rules += ' ud3Euai11';
+    rules += ' uea11';
+    rules += ' ugb11';
+    rules += ' uhd11';
+    rules += ' uje11';
+    rules += ' u2NhKxcl11';
+    rules += ' uic11';
+    rules += ' xd11';
+    rules += ' _xa11';
+    rules += ' xX0cczbc11';
+    rules += ' _xX0cczba11';
     return rules;
 };
 const $0fcd5fb617970a1d$var$resizerHandleContainer = function anonymous(props) {
     let rules = " ";
-    if (props.isInResizeMode) rules += ' sb1';
-    else if (props.isResizing) rules += ' sb1';
-    else rules += ' sjBAxlb1';
-    rules += ' Zj1';
-    rules += ' Fb1';
-    rules += ' _Pa1';
-    rules += ' Wr1';
-    rules += ' _zdYbyj1';
-    if (props.resizableDirection === "both") rules += ' rk1';
-    else if (props.resizableDirection === "right") rules += ' rF1';
-    else if (props.resizableDirection === "left") rules += ' rj1';
-    else rules += ' rt1';
+    if (props.isInResizeMode) rules += ' sb11';
+    else if (props.isResizing) rules += ' sb11';
+    else rules += ' sjBAxlb11';
+    rules += ' Zj11';
+    rules += ' Fb11';
+    rules += ' _Pa11';
+    rules += ' Wr11';
+    rules += ' _zdYbyj11';
+    if (props.resizableDirection === "both") rules += ' rk11';
+    else if (props.resizableDirection === "right") rules += ' rF11';
+    else if (props.resizableDirection === "left") rules += ' rj11';
+    else rules += ' rt11';
     return rules;
 };
 const $0fcd5fb617970a1d$var$resizerHandle = function anonymous(props) {
     let rules = " ";
-    if (props.isResizing) rules += ' g5qAiPc1';
-    else if (props.isFocusVisible) rules += ' g5qAiPc1';
-    else rules += ' gE1';
-    if (props.isResizing) rules += ' gle1';
-    else if (props.isFocusVisible) rules += ' gle1';
-    else rules += ' gla1';
-    if (props.isResizing) rules += ' Fc1';
-    else rules += ' Fb1';
-    if (props.isResizing) rules += ' Zf1';
-    else rules += ' Ze1';
-    rules += ' _Pa1';
-    rules += ' _AWJpoB1';
+    if (props.isResizing) rules += ' g5qAiPc11';
+    else if (props.isFocusVisible) rules += ' g5qAiPc11';
+    else rules += ' gE11';
+    if (props.isResizing) rules += ' gle11';
+    else if (props.isFocusVisible) rules += ' gle11';
+    else rules += ' gla11';
+    if (props.isResizing) rules += ' Fc11';
+    else rules += ' Fb11';
+    if (props.isResizing) rules += ' Zf11';
+    else rules += ' Ze11';
+    rules += ' _Pa11';
+    rules += ' _AWJpoB11';
     return rules;
 };
-const $0fcd5fb617970a1d$var$columnHeaderText = " _Nc1 Pc1 _Yb1 _7c1 NXJkxGe1 _ua1 _vb1 _sd1";
-const $0fcd5fb617970a1d$var$chevronIcon = " _Sd1 It1 Isu1 NXJkxGe1 _va1 -_8sjo0b-t5ZbAob1";
-const $0fcd5fb617970a1d$var$nubbin = " _Pa1 Wr1 _AlhfIS1 ZXJkxGe1 FXJkxGe1 t5qAiPc1 tla1 -_8sjo0b-tw1 -_8sjo0b-lt8pvGJ1";
+const $0fcd5fb617970a1d$var$columnHeaderText = " _Nc11 Pc11 _Yb11 _7c11 NXJkxGe11 _ua11 _vb11 _sd11";
+const $0fcd5fb617970a1d$var$chevronIcon = " _Sd11 It11 Isu11 NXJkxGe11 _va11 -_8sjo0b-t5ZbAob11";
+const $0fcd5fb617970a1d$var$nubbin = " _Pa11 Wr11 _AlhfIS11 ZXJkxGe11 FXJkxGe11 t5qAiPc11 tla11 -_8sjo0b-tw11 -_8sjo0b-lt8pvGJ11";
 function $0fcd5fb617970a1d$var$ColumnWithMenu(props) {
     let { allowsSorting: allowsSorting, sortDirection: sortDirection, sort: sort, startResize: startResize, children: children, align: align, isColumnResizable: isColumnResizable, menuItems: menuItems } = props;
     let { setIsInResizeMode: setIsInResizeMode, isInResizeMode: isInResizeMode } = (0, $auVFN$useContext)($0fcd5fb617970a1d$var$InternalTableContext);
@@ -745,7 +745,7 @@ function $0fcd5fb617970a1d$var$ColumnWithMenu(props) {
                     }),
                     /*#__PURE__*/ (0, $auVFN$jsxs)((0, $13afb0ea5f0ed767$export$d9b273488cd8ce6f), {
                         onAction: onMenuSelect,
-                        styles: " Nn1",
+                        styles: " Nn11",
                         children: [
                             items.length > 0 && /*#__PURE__*/ (0, $auVFN$jsx)((0, $13afb0ea5f0ed767$export$4b1545b4f2016d26), {
                                 children: /*#__PURE__*/ (0, $auVFN$jsx)((0, $auVFN$Collection), {
@@ -796,35 +796,35 @@ function $0fcd5fb617970a1d$var$ResizerIndicator({ isFocusVisible: isFocusVisible
 }
 const $0fcd5fb617970a1d$var$tableHeader = function anonymous(props) {
     let rules = " ";
-    rules += ' Fb1';
-    rules += ' Za1';
-    rules += ' gL1';
-    rules += ' JLPOtrc1';
-    if (props.isHovered) rules += ' -xLp2wc-sb1';
-    else rules += ' -xLp2wc-sk1';
+    rules += ' Fb11';
+    rules += ' Za11';
+    rules += ' gL11';
+    rules += ' JLPOtrc11';
+    if (props.isHovered) rules += ' -xLp2wc-sb11';
+    else rules += ' -xLp2wc-sk11';
     return rules;
 };
-const $0fcd5fb617970a1d$var$selectAllCheckbox = " IC1";
+const $0fcd5fb617970a1d$var$selectAllCheckbox = " IC11";
 const $0fcd5fb617970a1d$var$selectAllCheckboxColumn = function anonymous(props) {
     let rules = " ";
-    rules += ' Td1';
-    rules += ' Qd1';
-    rules += ' Sd1';
-    rules += ' Rd1';
-    rules += ' Fb1';
-    rules += ' _oa1';
-    rules += ' _Le1';
-    rules += ' _Pc1';
-    rules += ' _cb1';
-    rules += ' iq1';
-    rules += ' ila1';
-    rules += ' ma1';
-    rules += ' la1';
-    if (props.isQuiet) rules += ' _kb1';
-    else rules += ' _ka1';
-    rules += ' hb1';
-    rules += ' _jf1';
-    rules += ' gL1';
+    rules += ' Td11';
+    rules += ' Qd11';
+    rules += ' Sd11';
+    rules += ' Rd11';
+    rules += ' Fb11';
+    rules += ' _oa11';
+    rules += ' _Le11';
+    rules += ' _Pc11';
+    rules += ' _cb11';
+    rules += ' iq11';
+    rules += ' ila11';
+    rules += ' ma11';
+    rules += ' la11';
+    if (props.isQuiet) rules += ' _kb11';
+    else rules += ' _ka11';
+    rules += ' hb11';
+    rules += ' _jf11';
+    rules += ' gL11';
     return rules;
 };
 const $0fcd5fb617970a1d$export$f850895b287ef28e = /*#__PURE__*/ (0, $auVFN$forwardRef)(function TableHeader({ columns: columns, dependencies: dependencies, children: children }, ref) {
@@ -891,95 +891,95 @@ const $0fcd5fb617970a1d$var$commonCellStyles = {
 };
 const $0fcd5fb617970a1d$var$cell = function anonymous(props) {
     let rules = " ";
-    rules += ' iq1';
-    rules += ' ila1';
-    rules += ' hXMFGYc1';
-    rules += ' _kJ8iPYd1';
-    rules += ' ma1';
-    if (props.isDivider) rules += ' lb1';
-    else rules += ' la1';
-    if (props.isDivider) rules += ' _jf1';
-    else rules += ' _je1';
-    rules += ' _Pc1';
+    rules += ' iq11';
+    rules += ' ila11';
+    rules += ' hXMFGYc11';
+    rules += ' _kJ8iPYd11';
+    rules += ' ma11';
+    if (props.isDivider) rules += ' lb11';
+    else rules += ' la11';
+    if (props.isDivider) rules += ' _jf11';
+    else rules += ' _je11';
+    rules += ' _Pc11';
     if (props.isSelected) {
-        if (props.isPressed) rules += ' po1';
-        else if (props.isFocusVisible) rules += ' po1';
-        else if (props.isHovered) rules += ' po1';
-        else rules += ' pt1';
+        if (props.isPressed) rules += ' po11';
+        else if (props.isFocusVisible) rules += ' po11';
+        else if (props.isHovered) rules += ' po11';
+        else rules += ' pt11';
     } else {
-        if (props.isPressed) rules += ' pt1';
-        else if (props.isFocusVisible) rules += ' pt1';
-        else if (props.isHovered) rules += ' pt1';
-        else rules += ' pv1';
+        if (props.isPressed) rules += ' pt11';
+        else if (props.isFocusVisible) rules += ' pt11';
+        else if (props.isHovered) rules += ' pt11';
+        else rules += ' pv11';
     }
-    rules += ' _Le1';
-    rules += ' Sf1';
-    rules += ' Rf1';
-    rules += ' Tu7Fubd1';
-    rules += ' Qu7Fubd1';
-    rules += ' MAyFGYc1';
-    rules += ' _oa1';
-    rules += ' Fb1';
-    rules += ' Za1';
+    rules += ' _Le11';
+    rules += ' Sf11';
+    rules += ' Rf11';
+    rules += ' Tu7Fubd11';
+    rules += ' Qu7Fubd11';
+    rules += ' MAyFGYc11';
+    rules += ' _oa11';
+    rules += ' Fb11';
+    rules += ' Za11';
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-e11';
+        rules += ' vx11';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-d11';
+        rules += ' vx11';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-b11';
+        rules += ' vx11';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-a11';
+        rules += ' vx11';
     } else {
-        rules += ' -_6BNtrc-c1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-c11';
+        rules += ' vx11';
     }
-    rules += ' eb1';
-    rules += ' sd1';
-    if (props.density === "spacious") rules += ' -M_-Mk1';
-    else if (props.density === "compact") rules += ' -M_-Mi1';
-    else rules += ' -M_-Mh1';
-    rules += ' -_k_-_ka1';
-    rules += ' -h_-hb1';
+    rules += ' eb11';
+    rules += ' sd11';
+    if (props.density === "spacious") rules += ' -M_-Mk11';
+    else if (props.density === "compact") rules += ' -M_-Mi11';
+    else rules += ' -M_-Mh11';
+    rules += ' -_k_-_ka11';
+    rules += ' -h_-hb11';
     return rules;
 };
 const $0fcd5fb617970a1d$var$stickyCell = {
     backgroundColor: 'gray-25'
 };
-const $0fcd5fb617970a1d$var$checkboxCellStyle = " iA1 ha1 _ka1 ma1 la1 _jf1 _Pc1 pt1 plb1 _Le1 Sf1 Rf1 gs9yXOb1 _cb1 FBJsHLe1";
+const $0fcd5fb617970a1d$var$checkboxCellStyle = " iA11 ha11 _ka11 ma11 la11 _jf11 _Pc11 pt11 plb11 _Le11 Sf11 Rf11 gs9yXOb11 _cb11 FBJsHLe11";
 const $0fcd5fb617970a1d$var$cellContent = function anonymous(props) {
     let rules = " ";
-    rules += ' _Nc1';
-    rules += ' Pc1';
-    rules += ' _Yb1';
-    if (props.overflowMode === "wrap") rules += ' _7b1';
-    else rules += ' _7c1';
-    if (props.align === "end") rules += ' _Wb1';
-    else if (props.align === "center") rules += ' _Wa1';
-    else if (props.align === "start") rules += ' _Wd1';
-    rules += ' Za1';
-    rules += ' _Bb1';
-    if (props.isSticky) rules += ' Td1';
-    else rules += ' Tp1';
-    if (props.isSticky) rules += ' Qd1';
-    else rules += ' Qp1';
-    if (props.isSticky) rules += ' Sd1';
-    else rules += ' Sp1';
-    if (props.isSticky) rules += ' Rd1';
-    else rules += ' Rp1';
-    if (props.isSticky) rules += ' Jy1';
-    else rules += ' Jb1';
-    if (props.isSticky) rules += ' Gy1';
-    else rules += ' Gb1';
-    if (props.isSticky) rules += ' Iy1';
-    else rules += ' Ib1';
-    if (props.isSticky) rules += ' Hy1';
-    else rules += ' Hb1';
-    if (props.isSticky) rules += ' gs9yXOb1';
-    else rules += ' g91';
+    rules += ' _Nc11';
+    rules += ' Pc11';
+    rules += ' _Yb11';
+    if (props.overflowMode === "wrap") rules += ' _7b11';
+    else rules += ' _7c11';
+    if (props.align === "end") rules += ' _Wb11';
+    else if (props.align === "center") rules += ' _Wa11';
+    else if (props.align === "start") rules += ' _Wd11';
+    rules += ' Za11';
+    rules += ' _Bb11';
+    if (props.isSticky) rules += ' Td11';
+    else rules += ' Tp11';
+    if (props.isSticky) rules += ' Qd11';
+    else rules += ' Qp11';
+    if (props.isSticky) rules += ' Sd11';
+    else rules += ' Sp11';
+    if (props.isSticky) rules += ' Rd11';
+    else rules += ' Rp11';
+    if (props.isSticky) rules += ' Jy11';
+    else rules += ' Jb11';
+    if (props.isSticky) rules += ' Gy11';
+    else rules += ' Gb11';
+    if (props.isSticky) rules += ' Iy11';
+    else rules += ' Ib11';
+    if (props.isSticky) rules += ' Hy11';
+    else rules += ' Hb11';
+    if (props.isSticky) rules += ' gs9yXOb11';
+    else rules += ' g911';
     return rules;
 };
 const $0fcd5fb617970a1d$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $auVFN$forwardRef)(function Cell(props, ref) {
@@ -1016,92 +1016,92 @@ const $0fcd5fb617970a1d$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $auVFN$forwa
 });
 const $0fcd5fb617970a1d$var$editableCell = function anonymous(props) {
     let rules = " ";
-    rules += ' iq1';
-    rules += ' ila1';
-    rules += ' hXMFGYc1';
-    rules += ' _kJ8iPYd1';
-    rules += ' ma1';
-    if (props.isDivider) rules += ' lb1';
-    else rules += ' la1';
-    if (props.isDivider) rules += ' _jf1';
-    else rules += ' _je1';
-    rules += ' _Pc1';
+    rules += ' iq11';
+    rules += ' ila11';
+    rules += ' hXMFGYc11';
+    rules += ' _kJ8iPYd11';
+    rules += ' ma11';
+    if (props.isDivider) rules += ' lb11';
+    else rules += ' la11';
+    if (props.isDivider) rules += ' _jf11';
+    else rules += ' _je11';
+    rules += ' _Pc11';
     if (props.isSaving) {
-        if (props.isPressed) rules += ' pt1';
-        else if (props.isFocusVisible) rules += ' pt1';
-        else if (props.isHovered) rules += ' pt1';
-        else rules += ' pv1';
+        if (props.isPressed) rules += ' pt11';
+        else if (props.isFocusVisible) rules += ' pt11';
+        else if (props.isHovered) rules += ' pt11';
+        else rules += ' pv11';
     } else {
-        if (props.isPressed) rules += ' po1';
-        else if (props.isFocusVisible) rules += ' po1';
-        else if (props.isHovered) rules += ' po1';
-        else rules += ' pt1';
+        if (props.isPressed) rules += ' po11';
+        else if (props.isFocusVisible) rules += ' po11';
+        else if (props.isHovered) rules += ' po11';
+        else rules += ' pt11';
     }
-    rules += ' _Le1';
-    rules += ' Sf1';
-    rules += ' Rf1';
-    rules += ' Tu7Fubd1';
-    rules += ' Qu7Fubd1';
-    rules += ' _oa1';
-    rules += ' FBJsHLe1';
-    rules += ' Za1';
+    rules += ' _Le11';
+    rules += ' Sf11';
+    rules += ' Rf11';
+    rules += ' Tu7Fubd11';
+    rules += ' Qu7Fubd11';
+    rules += ' _oa11';
+    rules += ' FBJsHLe11';
+    rules += ' Za11';
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-e11';
+        rules += ' vx11';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-d11';
+        rules += ' vx11';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-b11';
+        rules += ' vx11';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-a11';
+        rules += ' vx11';
     } else {
-        rules += ' -_6BNtrc-c1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-c11';
+        rules += ' vx11';
     }
-    rules += ' eb1';
-    rules += ' sd1';
-    rules += ' -_k_-_ka1';
-    rules += ' -h_-hb1';
+    rules += ' eb11';
+    rules += ' sd11';
+    rules += ' -_k_-_ka11';
+    rules += ' -h_-hb11';
     return rules;
 };
 let $0fcd5fb617970a1d$var$editPopover = function anonymous(props, overrides) {
     let rules = " ";
     let minWidth = false;
-    let matches = (overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L)[^\s]+/g);
+    let matches = String(overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L)[^\s]+/g);
     for (let p of matches){
         if (p[1] === "N") minWidth = true;
         rules += p[0];
     }
-    if (props.colorScheme === "dark") rules += ' _pa1';
-    else if (props.colorScheme === "light") rules += ' _pb1';
-    else if (props.colorScheme === "light dark") rules += ' _pc1';
-    else rules += ' _pN79Hzc1';
-    rules += ' -Ovbhqd-g_g1';
-    rules += ' gEzkoQe1';
-    rules += ' kb1';
-    rules += ' jb1';
-    rules += ' _nLeasBb1';
-    rules += ' _jf1';
-    rules += ' _kb1';
-    rules += ' hb1';
-    rules += ' mb1';
-    rules += ' lb1';
-    rules += ' ir1';
-    rules += ' ila1';
-    rules += ' _ob1';
-    rules += ' _Bb1';
-    if (props.isExiting) rules += ' _Ob1';
-    rules += ' _Le1';
-    if (!minWidth) rules += ' NuHSBze1';
-    rules += ' Tt1';
-    rules += ' Qt1';
-    rules += ' St1';
-    rules += ' Rt1';
-    rules += ' sd1';
-    rules += ' eb1';
+    if (props.colorScheme === "dark") rules += ' _pa11';
+    else if (props.colorScheme === "light") rules += ' _pb11';
+    else if (props.colorScheme === "light dark") rules += ' _pc11';
+    else rules += ' _pN79Hzc11';
+    rules += ' -Ovbhqd-g_g11';
+    rules += ' gEzkoQe11';
+    rules += ' kb11';
+    rules += ' jb11';
+    rules += ' _nLeasBb11';
+    rules += ' _jf11';
+    rules += ' _kb11';
+    rules += ' hb11';
+    rules += ' mb11';
+    rules += ' lb11';
+    rules += ' ir11';
+    rules += ' ila11';
+    rules += ' _ob11';
+    rules += ' _Bb11';
+    if (props.isExiting) rules += ' _Ob11';
+    rules += ' _Le11';
+    if (!minWidth) rules += ' NuHSBze11';
+    rules += ' Tt11';
+    rules += ' Qt11';
+    rules += ' St11';
+    rules += ' Rt11';
+    rules += ' sd11';
+    rules += ' eb11';
     return rules;
 };
 const $0fcd5fb617970a1d$export$d27c35c47f085992 = /*#__PURE__*/ (0, $auVFN$forwardRef)(function EditableCell(props, ref) {
@@ -1173,7 +1173,7 @@ function $0fcd5fb617970a1d$var$EditableCellInner(props1) {
     (0, $auVFN$useEffect)(()=>{
         if (isOpen) {
             let activeElement = (0, $auVFN$getActiveElement)((0, $auVFN$getOwnerDocument)(formRef.current));
-            if (activeElement && formRef.current?.contains(activeElement) && (activeElement instanceof HTMLInputElement && !$0fcd5fb617970a1d$var$nonTextInputTypes.has(activeElement.type) || activeElement instanceof HTMLTextAreaElement) && typeof activeElement.select === 'function') activeElement.select();
+            if (activeElement && (0, $auVFN$nodeContains)(formRef.current, activeElement) && (activeElement instanceof HTMLInputElement && !$0fcd5fb617970a1d$var$nonTextInputTypes.has(activeElement.type) || activeElement instanceof HTMLTextAreaElement) && typeof activeElement.select === 'function') activeElement.select();
         }
     }, [
         isOpen
@@ -1227,11 +1227,11 @@ function $0fcd5fb617970a1d$var$EditableCellInner(props1) {
                             excludeFromTabOrder: true,
                             styles: function anonymous(props) {
                                 let rules = " ";
-                                if (props.isForcedVisible) rules += ' _6c1';
-                                else rules += ' _6b1';
-                                rules += ' _6JGzCfcc1';
-                                rules += ' _6hcIDbbc1';
-                                rules += ' _6sc1';
+                                if (props.isForcedVisible) rules += ' _6c11';
+                                else rules += ' _6b11';
+                                rules += ' _6JGzCfcc11';
+                                rules += ' _6hcIDbbc11';
+                                rules += ' _6sc11';
                                 return rules;
                             }({
                                 isForcedVisible: isOpen || !!isSaving
@@ -1263,7 +1263,7 @@ function $0fcd5fb617970a1d$var$EditableCellInner(props1) {
                         onOpenChange: setIsOpen,
                         ref: popoverRef,
                         shouldCloseOnInteractOutside: ()=>{
-                            if (!popoverRef.current?.contains(document.activeElement)) return false;
+                            if (!(0, $auVFN$nodeContains)(popoverRef.current, document.activeElement)) return false;
                             formRef.current?.requestSubmit();
                             return false;
                         },
@@ -1292,14 +1292,14 @@ function $0fcd5fb617970a1d$var$EditableCellInner(props1) {
                                     onSubmit?.(e);
                                     setIsOpen(false);
                                 },
-                                className: " Za1 sd1 ed1 Ul1 ql1",
+                                className: " Za11 sd11 ed11 Ul11 ql11",
                                 style: {
                                     '--input-width': `calc(${triggerWidth}px - 32px)`
                                 },
                                 children: [
                                     renderEditing(),
                                     /*#__PURE__*/ (0, $auVFN$jsxs)("div", {
-                                        className: " sd1 _tc1 ea1 _va1 _ua1",
+                                        className: " sd11 _tc11 ea11 _va11 _ua11",
                                         children: [
                                             /*#__PURE__*/ (0, $auVFN$jsx)((0, $da878a05ab4a403e$export$cfc7921d29ef7b80), {
                                                 isQuiet: true,
@@ -1333,12 +1333,12 @@ function $0fcd5fb617970a1d$var$EditableCellInner(props1) {
                                     onSubmit?.(e);
                                     setIsOpen(false);
                                 },
-                                className: " Za1 sd1 _ta1 ed1 Ul1 ql1",
+                                className: " Za11 sd11 _ta11 ed11 Ul11 ql11",
                                 children: [
                                     renderEditing(),
                                     /*#__PURE__*/ (0, $auVFN$jsxs)((0, $472eaa9a9b344b9a$export$69b1032f2ecdf404), {
                                         align: "end",
-                                        styles: " _dd1",
+                                        styles: " _dd11",
                                         children: [
                                             /*#__PURE__*/ (0, $auVFN$jsx)((0, $067ea9f64ccd4e8e$export$353f5b6fc5456de1), {
                                                 onPress: cancel,
@@ -1385,32 +1385,32 @@ const $0fcd5fb617970a1d$var$rowBackgroundColor = {
 };
 const $0fcd5fb617970a1d$var$row = function anonymous(props) {
     let rules = " ";
-    rules += ' Fb1';
-    rules += ' _Pc1';
-    rules += ' _oa1';
-    rules += ' gs9yXOb1';
+    rules += ' Fb11';
+    rules += ' _Pc11';
+    rules += ' _oa11';
+    rules += ' gs9yXOb11';
     if (props.isSelected) {
-        if (props.isPressed) rules += ' -qH4xad-gRfT7e1';
-        else if (props.isHovered) rules += ' -qH4xad-gRfT7e1';
-        else if (props.isFocusVisibleWithin) rules += ' -qH4xad-gRfT7e1';
-        else rules += ' -qH4xad-gj1B7i1';
-    } else if (props.isPressed) rules += ' -qH4xad-gRfT7e1';
-    else if (props.isHovered) rules += ' -qH4xad-gj1B7i1';
-    else if (props.isFocusVisibleWithin) rules += ' -qH4xad-gj1B7i1';
-    else if (props.isQuiet) rules += ' -qH4xad-gEzkoQe1';
-    else rules += ' -qH4xad-gX1';
-    rules += ' -qH4xad-lga1';
-    rules += ' -_34HbNb-Oh1';
-    rules += ' -_34HbNb-lOc1';
-    rules += ' _Le1';
-    rules += ' _ka1';
-    rules += ' hb1';
-    rules += ' ma1';
-    rules += ' la1';
-    rules += ' _jf1';
-    rules += ' iq1';
-    rules += ' ila1';
-    rules += ' _yb1';
+        if (props.isPressed) rules += ' -qH4xad-gRfT7e11';
+        else if (props.isHovered) rules += ' -qH4xad-gRfT7e11';
+        else if (props.isFocusVisibleWithin) rules += ' -qH4xad-gRfT7e11';
+        else rules += ' -qH4xad-gj1B7i11';
+    } else if (props.isPressed) rules += ' -qH4xad-gRfT7e11';
+    else if (props.isHovered) rules += ' -qH4xad-gj1B7i11';
+    else if (props.isFocusVisibleWithin) rules += ' -qH4xad-gj1B7i11';
+    else if (props.isQuiet) rules += ' -qH4xad-gEzkoQe11';
+    else rules += ' -qH4xad-gX11';
+    rules += ' -qH4xad-lga11';
+    rules += ' -_34HbNb-Oh11';
+    rules += ' -_34HbNb-lOc11';
+    rules += ' _Le11';
+    rules += ' _ka11';
+    rules += ' hb11';
+    rules += ' ma11';
+    rules += ' la11';
+    rules += ' _jf11';
+    rules += ' iq11';
+    rules += ' ila11';
+    rules += ' _yb11';
     return rules;
 };
 const $0fcd5fb617970a1d$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $auVFN$forwardRef)(function Row({ id: id, columns: columns, children: children, dependencies: dependencies = [], ...otherProps }, ref) {
@@ -1428,7 +1428,7 @@ const $0fcd5fb617970a1d$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $auVFN$forwa
         className: (renderProps)=>$0fcd5fb617970a1d$var$row({
                 ...renderProps,
                 ...tableVisualOptions
-            }) + (renderProps.isFocusVisible && " hFh6wc"),
+            }) + (renderProps.isFocusVisible ? " hFh6wc" : ''),
         ...otherProps,
         children: [
             selectionMode !== 'none' && selectionBehavior === 'toggle' && // Not sure what we want to do with this className, in Cell it currently overrides the className that would have been applied.