@react-spectrum/s2 1.1.0 → 1.2.0

package/dist/TableView.cjs

@@ -91,66 +91,66 @@ const $bed37377ec7a3a9e$var$tableWrapper = function anonymous(props, overrides)
         if (p[1] === "_P") position = true;
         rules += p[0];
     }
-    if (!minHeight) rules += ' Ma11';
-    if (!minWidth) rules += ' Na11';
-    rules += ' sd11';
-    rules += ' _Bb11';
-    rules += ' __ca11';
-    if (!position) rules += ' _Pc11';
-    rules += ' _Nb11';
-    rules += ' Pb11';
+    if (!minHeight) rules += ' Ma12';
+    if (!minWidth) rules += ' Na12';
+    rules += ' sd12';
+    rules += ' _Bb12';
+    rules += ' __ca12';
+    if (!position) rules += ' _Pc12';
+    rules += ' _Nb12';
+    rules += ' Pb12';
     return rules;
 };
 const $bed37377ec7a3a9e$var$table = function anonymous(props) {
     let rules = " ";
-    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';
+    rules += ' Za12';
+    rules += ' Fb12';
+    rules += ' _oa12';
+    rules += ' _4c12';
+    rules += ' Ma12';
+    rules += ' Na12';
+    rules += ' uk12';
+    rules += ' ucJ9TBTb12';
+    rules += ' ud3Euai12';
+    rules += ' uea12';
+    rules += ' ugb12';
+    rules += ' uhd12';
+    rules += ' uje12';
+    rules += ' u2NhKxcl12';
+    rules += ' uic12';
+    rules += ' xb12';
+    rules += ' _xa12';
+    rules += ' _Na12';
+    rules += ' Pa12';
+    if (props.isQuiet) rules += ' g912';
+    else rules += ' gX12';
+    rules += ' gla12';
+    rules += ' iq12';
+    rules += ' _jf12';
+    if (props.isQuiet) rules += ' _ka12';
+    else rules += ' _kb12';
+    if (props.isQuiet) rules += ' ha12';
+    else rules += ' hb12';
+    if (props.isQuiet) rules += ' ma12';
+    else rules += ' mb12';
+    if (props.isQuiet) rules += ' la12';
+    else rules += ' lb12';
+    if (props.isFocusVisible) rules += ' _Lf12';
+    else rules += ' _Le12';
+    rules += ' Oh12';
+    rules += ' Olc12';
+    rules += ' _Mc12';
+    rules += ' _Ka12';
+    if (props.isQuiet) rules += ' od12';
+    else rules += ' of12';
+    if (props.isQuiet) rules += ' nd12';
+    else rules += ' nf12';
+    if (props.isQuiet) rules += ' kd12';
+    else rules += ' kf12';
+    if (props.isQuiet) rules += ' jd12';
+    else rules += ' jf12';
+    rules += ' _Um12';
+    if (props.isCheckboxSelection) rules += ' _Tk12';
     return rules;
 };
 // component-height-100
@@ -332,7 +332,7 @@ const $bed37377ec7a3a9e$export$b3c27e869d856b7 = /*#__PURE__*/ (0, $iLVc8$react.
         ]
     });
 });
-const $bed37377ec7a3a9e$var$centeredWrapper = " sd11 eb11 _Ca11 Za11 Fb11";
+const $bed37377ec7a3a9e$var$centeredWrapper = " sd12 eb12 _Ca12 Za12 Fb12";
 const $bed37377ec7a3a9e$export$76ccd210b9029917 = /*#__PURE__*/ (0, $iLVc8$react.forwardRef)(function TableBody(props, ref) {
     let { items: items, renderEmptyState: renderEmptyState, children: children, dependencies: dependencies = [] } = props;
     let domRef = (0, $iLVc8$reactspectrumutils.useDOMRef)(ref);
@@ -347,7 +347,7 @@ const $bed37377ec7a3a9e$export$76ccd210b9029917 = /*#__PURE__*/ (0, $iLVc8$react
     let loadMoreSpinner = /*#__PURE__*/ (0, $iLVc8$reactjsxruntime.jsx)((0, $iLVc8$reactariacomponents.TableLoadMoreItem), {
         isLoading: loadingState === 'loadingMore',
         onLoadMore: onLoadMore,
-        className: " Fb11 Za11",
+        className: " Fb12 Za12",
         children: /*#__PURE__*/ (0, $iLVc8$reactjsxruntime.jsx)("div", {
             className: $bed37377ec7a3a9e$var$centeredWrapper,
             children: /*#__PURE__*/ (0, $iLVc8$reactjsxruntime.jsx)((0, $1c116ea4b0d2d023$exports.ProgressCircle), {
@@ -378,7 +378,10 @@ const $bed37377ec7a3a9e$export$76ccd210b9029917 = /*#__PURE__*/ (0, $iLVc8$react
     });
     if (renderEmptyState != null && !isLoading) emptyRender = (props)=>/*#__PURE__*/ (0, $iLVc8$reactjsxruntime.jsx)("div", {
             className: $bed37377ec7a3a9e$var$centeredWrapper,
-            children: renderEmptyState(props)
+            children: /*#__PURE__*/ (0, $iLVc8$reactjsxruntime.jsx)((0, $iLVc8$reactariacomponents.CollectionRendererContext).Provider, {
+                value: (0, $iLVc8$reactariacomponents.DefaultCollectionRenderer),
+                children: renderEmptyState(props)
+            })
         });
     else if (loadingState === 'loading') emptyRender = ()=>/*#__PURE__*/ (0, $iLVc8$reactjsxruntime.jsx)("div", {
             className: $bed37377ec7a3a9e$var$centeredWrapper,
@@ -390,7 +393,7 @@ const $bed37377ec7a3a9e$export$76ccd210b9029917 = /*#__PURE__*/ (0, $iLVc8$react
     return /*#__PURE__*/ (0, $iLVc8$reactjsxruntime.jsx)((0, $iLVc8$reactariacomponents.TableBody), {
         // @ts-ignore
         ref: domRef,
-        className: " Fb11",
+        className: " Fb12",
         ...props,
         renderEmptyState: emptyRender,
         dependencies: [
@@ -414,21 +417,21 @@ function $bed37377ec7a3a9e$var$CellFocusRing() {
         role: "presentation",
         className: function anonymous(props) {
             let rules = " ";
-            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';
+            if (props.isFocusVisible) rules += ' _Lf12';
+            else rules += ' _Le12';
+            rules += ' _Kb12';
+            rules += ' _Mc12';
+            rules += ' Oh12';
+            rules += ' of12';
+            rules += ' nf12';
+            rules += ' kf12';
+            rules += ' jf12';
+            rules += ' _Pa12';
+            rules += ' Wr12';
+            rules += ' _lr12';
+            rules += ' _Ar12';
+            rules += ' _zr12';
+            rules += ' _Ob12';
             return rules;
         }({
             isFocusVisible: true
@@ -437,62 +440,62 @@ function $bed37377ec7a3a9e$var$CellFocusRing() {
 }
 const $bed37377ec7a3a9e$var$columnStyles = function anonymous(props) {
     let rules = " ";
-    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';
+    rules += ' F40ub4c12';
+    rules += ' _oa12';
+    if (props.isPressed) rules += ' po12';
+    else if (props.isFocusVisible) rules += ' po12';
+    else if (props.isHovered) rules += ' po12';
+    else rules += ' pt12';
+    rules += ' plb12';
+    if (props.isMenu) rules += ' Sd12';
+    else rules += ' Sf12';
+    if (props.isMenu) rules += ' Rd12';
+    else rules += ' Rf12';
+    if (props.align === "end") rules += ' _Wb12';
+    else if (props.align === "center") rules += ' _Wa12';
+    else if (props.align === "start") rules += ' _Wd12';
+    rules += ' _Le12';
+    rules += ' _Pc12';
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else {
-        rules += ' -_6BNtrc-c11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     }
-    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';
+    rules += ' uk12';
+    rules += ' ucJ9TBTb12';
+    rules += ' ud3Euai12';
+    rules += ' uea12';
+    rules += ' ugb12';
+    rules += ' uhd12';
+    rules += ' uje12';
+    rules += ' u2NhKxcl12';
+    rules += ' uic12';
+    rules += ' xd12';
+    rules += ' _xa12';
+    rules += ' xX0cczbc12';
+    rules += ' _xX0cczba12';
+    rules += ' sd12';
+    rules += ' iq12';
+    rules += ' ila12';
+    if (props.isQuiet) rules += ' _kb12';
+    else rules += ' _ka12';
+    rules += ' hb12';
+    rules += ' ma12';
+    if (props.isMenu) rules += ' lb12';
+    else rules += ' la12';
+    rules += ' _jf12';
+    rules += ' _yb12';
     return rules;
 };
 const $bed37377ec7a3a9e$export$816b5d811295e6bc = /*#__PURE__*/ (0, $iLVc8$react.forwardRef)(function Column(props, ref) {
@@ -536,26 +539,26 @@ const $bed37377ec7a3a9e$export$816b5d811295e6bc = /*#__PURE__*/ (0, $iLVc8$react
 });
 const $bed37377ec7a3a9e$var$columnContentWrapper = function anonymous(props) {
     let rules = " ";
-    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';
+    rules += ' Na12';
+    rules += ' sd12';
+    rules += ' eb12';
+    rules += ' Za12';
+    if (props.align === "end") rules += ' _Cb12';
+    else if (props.align === "center") rules += ' _Ca12';
+    else if (props.align === "default") rules += ' _Cg12';
     return rules;
 };
 const $bed37377ec7a3a9e$var$sortIcon = function anonymous(props) {
     let rules = " ";
-    rules += ' ZXJkxGe11';
-    rules += ' FXJkxGe11';
-    rules += ' _va11';
+    rules += ' ZXJkxGe12';
+    rules += ' FXJkxGe12';
+    rules += ' _va12';
     if (props.isButton) {
-        rules += ' Ht11';
-        rules += ' Hsu11';
-    } else rules += ' Hv11';
-    rules += ' _5b11';
-    rules += ' -_8sjo0b-t5ZbAob11';
+        rules += ' Ht12';
+        rules += ' Hsu12';
+    } else rules += ' Hv12';
+    rules += ' _5b12';
+    rules += ' -_8sjo0b-t5ZbAob12';
     return rules;
 };
 function $bed37377ec7a3a9e$var$ColumnContents(props) {
@@ -585,93 +588,93 @@ function $bed37377ec7a3a9e$var$ColumnContents(props) {
 }
 const $bed37377ec7a3a9e$var$resizableMenuButtonWrapper = function anonymous(props) {
     let rules = " ";
-    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.isFocusVisible) rules += ' _Lf12';
+    else rules += ' _Le12';
+    rules += ' _Kb12';
+    rules += ' _Mc12';
+    rules += ' Oh12';
+    rules += ' of12';
+    rules += ' nf12';
+    rules += ' kf12';
+    rules += ' jf12';
+    rules += ' pt12';
+    rules += ' Za12';
+    rules += ' _Pc12';
+    rules += ' sd12';
+    rules += ' eb12';
+    if (props.align === "end") rules += ' _Cb12';
+    else if (props.align === "center") rules += ' _Ca12';
+    else if (props.align === "default") rules += ' _Cg12';
+    rules += ' Sf12';
+    rules += ' Rf12';
+    rules += ' g912';
+    rules += ' _je12';
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else {
-        rules += ' -_6BNtrc-c11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     }
-    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 += ' uk12';
+    rules += ' ucJ9TBTb12';
+    rules += ' ud3Euai12';
+    rules += ' uea12';
+    rules += ' ugb12';
+    rules += ' uhd12';
+    rules += ' uje12';
+    rules += ' u2NhKxcl12';
+    rules += ' uic12';
+    rules += ' xd12';
+    rules += ' _xa12';
+    rules += ' xX0cczbc12';
+    rules += ' _xX0cczba12';
     return rules;
 };
 const $bed37377ec7a3a9e$var$resizerHandleContainer = function anonymous(props) {
     let rules = " ";
-    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';
+    if (props.isInResizeMode) rules += ' sb12';
+    else if (props.isResizing) rules += ' sb12';
+    else rules += ' sjBAxlb12';
+    rules += ' Zj12';
+    rules += ' Fb12';
+    rules += ' _Pa12';
+    rules += ' Wr12';
+    rules += ' _zdYbyj12';
+    if (props.resizableDirection === "both") rules += ' rk12';
+    else if (props.resizableDirection === "right") rules += ' rF12';
+    else if (props.resizableDirection === "left") rules += ' rj12';
+    else rules += ' rt12';
     return rules;
 };
 const $bed37377ec7a3a9e$var$resizerHandle = function anonymous(props) {
     let rules = " ";
-    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';
+    if (props.isResizing) rules += ' g5qAiPc12';
+    else if (props.isFocusVisible) rules += ' g5qAiPc12';
+    else rules += ' gE12';
+    if (props.isResizing) rules += ' gle12';
+    else if (props.isFocusVisible) rules += ' gle12';
+    else rules += ' gla12';
+    if (props.isResizing) rules += ' Fc12';
+    else rules += ' Fb12';
+    if (props.isResizing) rules += ' Zf12';
+    else rules += ' Ze12';
+    rules += ' _Pa12';
+    rules += ' _AWJpoB12';
     return rules;
 };
-const $bed37377ec7a3a9e$var$columnHeaderText = " _Nc11 Pc11 _Yb11 _7c11 NXJkxGe11 _ua11 _vb11 _sd11";
-const $bed37377ec7a3a9e$var$chevronIcon = " _Sd11 It11 Isu11 NXJkxGe11 _va11 -_8sjo0b-t5ZbAob11";
-const $bed37377ec7a3a9e$var$nubbin = " _Pa11 Wr11 _AlhfIS11 ZXJkxGe11 FXJkxGe11 t5qAiPc11 tla11 -_8sjo0b-tw11 -_8sjo0b-lt8pvGJ11";
+const $bed37377ec7a3a9e$var$columnHeaderText = " _Nc12 Pc12 _Yb12 _7c12 NXJkxGe12 _ua12 _vb12 _sd12";
+const $bed37377ec7a3a9e$var$chevronIcon = " _Sd12 It12 Isu12 NXJkxGe12 _va12 -_8sjo0b-t5ZbAob12";
+const $bed37377ec7a3a9e$var$nubbin = " _Pa12 Wr12 _AlhfIS12 ZXJkxGe12 FXJkxGe12 t5qAiPc12 tla12 -_8sjo0b-tw12 -_8sjo0b-lt8pvGJ12";
 function $bed37377ec7a3a9e$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, $iLVc8$react.useContext)($bed37377ec7a3a9e$var$InternalTableContext);
@@ -758,7 +761,7 @@ function $bed37377ec7a3a9e$var$ColumnWithMenu(props) {
                     }),
                     /*#__PURE__*/ (0, $iLVc8$reactjsxruntime.jsxs)((0, $e741ea6b88ce4866$exports.Menu), {
                         onAction: onMenuSelect,
-                        styles: " Nn11",
+                        styles: " Nn12",
                         children: [
                             items.length > 0 && /*#__PURE__*/ (0, $iLVc8$reactjsxruntime.jsx)((0, $e741ea6b88ce4866$exports.MenuSection), {
                                 children: /*#__PURE__*/ (0, $iLVc8$reactjsxruntime.jsx)((0, $iLVc8$reactariacomponents.Collection), {
@@ -809,35 +812,35 @@ function $bed37377ec7a3a9e$var$ResizerIndicator({ isFocusVisible: isFocusVisible
 }
 const $bed37377ec7a3a9e$var$tableHeader = function anonymous(props) {
     let rules = " ";
-    rules += ' Fb11';
-    rules += ' Za11';
-    rules += ' gL11';
-    rules += ' JLPOtrc11';
-    if (props.isHovered) rules += ' -xLp2wc-sb11';
-    else rules += ' -xLp2wc-sk11';
+    rules += ' Fb12';
+    rules += ' Za12';
+    rules += ' gL12';
+    rules += ' JLPOtrc12';
+    if (props.isHovered) rules += ' -xLp2wc-sb12';
+    else rules += ' -xLp2wc-sk12';
     return rules;
 };
-const $bed37377ec7a3a9e$var$selectAllCheckbox = " IC11";
+const $bed37377ec7a3a9e$var$selectAllCheckbox = " IC12";
 const $bed37377ec7a3a9e$var$selectAllCheckboxColumn = function anonymous(props) {
     let rules = " ";
-    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';
+    rules += ' Td12';
+    rules += ' Qd12';
+    rules += ' Sd12';
+    rules += ' Rd12';
+    rules += ' Fb12';
+    rules += ' _oa12';
+    rules += ' _Le12';
+    rules += ' _Pc12';
+    rules += ' _cb12';
+    rules += ' iq12';
+    rules += ' ila12';
+    rules += ' ma12';
+    rules += ' la12';
+    if (props.isQuiet) rules += ' _kb12';
+    else rules += ' _ka12';
+    rules += ' hb12';
+    rules += ' _jf12';
+    rules += ' gL12';
     return rules;
 };
 const $bed37377ec7a3a9e$export$f850895b287ef28e = /*#__PURE__*/ (0, $iLVc8$react.forwardRef)(function TableHeader({ columns: columns, dependencies: dependencies, children: children }, ref) {
@@ -895,104 +898,91 @@ const $bed37377ec7a3a9e$var$commonCellStyles = {
     borderXWidth: 0,
     borderStyle: 'solid',
     position: 'relative',
-    color: {
-        default: 'gray-800',
-        forcedColors: 'ButtonText'
-    },
+    color: '--rowTextColor',
     outlineStyle: 'none',
     paddingX: 16 // table-edge-to-content
 };
 const $bed37377ec7a3a9e$var$cell = function anonymous(props) {
     let rules = " ";
-    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 += ' po11';
-        else if (props.isFocusVisible) rules += ' po11';
-        else if (props.isHovered) rules += ' po11';
-        else rules += ' pt11';
-    } else {
-        if (props.isPressed) rules += ' pt11';
-        else if (props.isFocusVisible) rules += ' pt11';
-        else if (props.isHovered) rules += ' pt11';
-        else rules += ' pv11';
-    }
-    rules += ' _Le11';
-    rules += ' Sf11';
-    rules += ' Rf11';
-    rules += ' Tu7Fubd11';
-    rules += ' Qu7Fubd11';
-    rules += ' MAyFGYc11';
-    rules += ' _oa11';
-    rules += ' Fb11';
-    rules += ' Za11';
+    rules += ' iq12';
+    rules += ' ila12';
+    rules += ' hXMFGYc12';
+    rules += ' _kJ8iPYd12';
+    rules += ' ma12';
+    if (props.isDivider) rules += ' lb12';
+    else rules += ' la12';
+    if (props.isDivider) rules += ' _jf12';
+    else rules += ' _je12';
+    rules += ' _Pc12';
+    rules += ' pBvFblc12';
+    rules += ' _Le12';
+    rules += ' Sf12';
+    rules += ' Rf12';
+    rules += ' Tu7Fubd12';
+    rules += ' Qu7Fubd12';
+    rules += ' MAyFGYc12';
+    rules += ' _oa12';
+    rules += ' Fb12';
+    rules += ' Za12';
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else {
-        rules += ' -_6BNtrc-c11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     }
-    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';
+    rules += ' eb12';
+    rules += ' sd12';
+    if (props.density === "spacious") rules += ' -M_-Mk12';
+    else if (props.density === "compact") rules += ' -M_-Mi12';
+    else rules += ' -M_-Mh12';
+    rules += ' -_k_-_ka12';
+    rules += ' -h_-hb12';
     return rules;
 };
 const $bed37377ec7a3a9e$var$stickyCell = {
     backgroundColor: 'gray-25'
 };
-const $bed37377ec7a3a9e$var$checkboxCellStyle = " iA11 ha11 _ka11 ma11 la11 _jf11 _Pc11 pt11 plb11 _Le11 Sf11 Rf11 gs9yXOb11 _cb11 FBJsHLe11";
+const $bed37377ec7a3a9e$var$checkboxCellStyle = " iA12 ha12 _ka12 ma12 la12 _jf12 _Pc12 pBvFblc12 _Le12 Sf12 Rf12 gs9yXOb12 _cb12 FBJsHLe12";
 const $bed37377ec7a3a9e$var$cellContent = function anonymous(props) {
     let rules = " ";
-    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';
+    rules += ' _Nc12';
+    rules += ' Pc12';
+    rules += ' _Yb12';
+    if (props.overflowMode === "wrap") rules += ' _7b12';
+    else rules += ' _7c12';
+    if (props.align === "end") rules += ' _Wb12';
+    else if (props.align === "center") rules += ' _Wa12';
+    else if (props.align === "start") rules += ' _Wd12';
+    rules += ' Za12';
+    rules += ' _Bb12';
+    if (props.isSticky) rules += ' Td12';
+    else rules += ' Tp12';
+    if (props.isSticky) rules += ' Qd12';
+    else rules += ' Qp12';
+    if (props.isSticky) rules += ' Sd12';
+    else rules += ' Sp12';
+    if (props.isSticky) rules += ' Rd12';
+    else rules += ' Rp12';
+    if (props.isSticky) rules += ' Jy12';
+    else rules += ' Jb12';
+    if (props.isSticky) rules += ' Gy12';
+    else rules += ' Gb12';
+    if (props.isSticky) rules += ' Iy12';
+    else rules += ' Ib12';
+    if (props.isSticky) rules += ' Hy12';
+    else rules += ' Hb12';
+    if (props.isSticky) rules += ' gs9yXOb12';
+    else rules += ' g912';
     return rules;
 };
 const $bed37377ec7a3a9e$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $iLVc8$react.forwardRef)(function Cell(props, ref) {
@@ -1029,55 +1019,55 @@ const $bed37377ec7a3a9e$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $iLVc8$react
 });
 const $bed37377ec7a3a9e$var$editableCell = function anonymous(props) {
     let rules = " ";
-    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';
+    rules += ' iq12';
+    rules += ' ila12';
+    rules += ' hXMFGYc12';
+    rules += ' _kJ8iPYd12';
+    rules += ' ma12';
+    if (props.isDivider) rules += ' lb12';
+    else rules += ' la12';
+    if (props.isDivider) rules += ' _jf12';
+    else rules += ' _je12';
+    rules += ' _Pc12';
     if (props.isSaving) {
-        if (props.isPressed) rules += ' pt11';
-        else if (props.isFocusVisible) rules += ' pt11';
-        else if (props.isHovered) rules += ' pt11';
-        else rules += ' pv11';
+        if (props.isPressed) rules += ' pt12';
+        else if (props.isFocusVisible) rules += ' pt12';
+        else if (props.isHovered) rules += ' pt12';
+        else rules += ' pv12';
     } else {
-        if (props.isPressed) rules += ' po11';
-        else if (props.isFocusVisible) rules += ' po11';
-        else if (props.isHovered) rules += ' po11';
-        else rules += ' pt11';
+        if (props.isPressed) rules += ' po12';
+        else if (props.isFocusVisible) rules += ' po12';
+        else if (props.isHovered) rules += ' po12';
+        else rules += ' pt12';
     }
-    rules += ' _Le11';
-    rules += ' Sf11';
-    rules += ' Rf11';
-    rules += ' Tu7Fubd11';
-    rules += ' Qu7Fubd11';
-    rules += ' _oa11';
-    rules += ' FBJsHLe11';
-    rules += ' Za11';
+    rules += ' _Le12';
+    rules += ' Sf12';
+    rules += ' Rf12';
+    rules += ' Tu7Fubd12';
+    rules += ' Qu7Fubd12';
+    rules += ' _oa12';
+    rules += ' FBJsHLe12';
+    rules += ' Za12';
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else {
-        rules += ' -_6BNtrc-c11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     }
-    rules += ' eb11';
-    rules += ' sd11';
-    rules += ' -_k_-_ka11';
-    rules += ' -h_-hb11';
+    rules += ' eb12';
+    rules += ' sd12';
+    rules += ' -_k_-_ka12';
+    rules += ' -h_-hb12';
     return rules;
 };
 let $bed37377ec7a3a9e$var$editPopover = function anonymous(props, overrides) {
@@ -1088,33 +1078,33 @@ let $bed37377ec7a3a9e$var$editPopover = function anonymous(props, overrides) {
         if (p[1] === "N") minWidth = true;
         rules += p[0];
     }
-    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';
+    if (props.colorScheme === "dark") rules += ' _pa12';
+    else if (props.colorScheme === "light") rules += ' _pb12';
+    else if (props.colorScheme === "light dark") rules += ' _pc12';
+    else rules += ' _pN79Hzc12';
+    rules += ' -Ovbhqd-g_g12';
+    rules += ' gEzkoQe12';
+    rules += ' kb12';
+    rules += ' jb12';
+    rules += ' _nLeasBb12';
+    rules += ' _jf12';
+    rules += ' _kb12';
+    rules += ' hb12';
+    rules += ' mb12';
+    rules += ' lb12';
+    rules += ' ir12';
+    rules += ' ila12';
+    rules += ' _ob12';
+    rules += ' _Bb12';
+    if (props.isExiting) rules += ' _Ob12';
+    rules += ' _Le12';
+    if (!minWidth) rules += ' NuHSBze12';
+    rules += ' Tt12';
+    rules += ' Qt12';
+    rules += ' St12';
+    rules += ' Rt12';
+    rules += ' sd12';
+    rules += ' eb12';
     return rules;
 };
 const $bed37377ec7a3a9e$export$d27c35c47f085992 = /*#__PURE__*/ (0, $iLVc8$react.forwardRef)(function EditableCell(props, ref) {
@@ -1240,11 +1230,11 @@ function $bed37377ec7a3a9e$var$EditableCellInner(props1) {
                             excludeFromTabOrder: true,
                             styles: function anonymous(props) {
                                 let rules = " ";
-                                if (props.isForcedVisible) rules += ' _6c11';
-                                else rules += ' _6b11';
-                                rules += ' _6JGzCfcc11';
-                                rules += ' _6hcIDbbc11';
-                                rules += ' _6sc11';
+                                if (props.isForcedVisible) rules += ' _6c12';
+                                else rules += ' _6b12';
+                                rules += ' _6JGzCfcc12';
+                                rules += ' _6hcIDbbc12';
+                                rules += ' _6sc12';
                                 return rules;
                             }({
                                 isForcedVisible: isOpen || !!isSaving
@@ -1276,7 +1266,7 @@ function $bed37377ec7a3a9e$var$EditableCellInner(props1) {
                         onOpenChange: setIsOpen,
                         ref: popoverRef,
                         shouldCloseOnInteractOutside: ()=>{
-                            if (!(0, $iLVc8$reactariautils.nodeContains)(popoverRef.current, document.activeElement)) return false;
+                            if (!(0, $iLVc8$reactariautils.isFocusWithin)(popoverRef.current)) return false;
                             formRef.current?.requestSubmit();
                             return false;
                         },
@@ -1305,14 +1295,14 @@ function $bed37377ec7a3a9e$var$EditableCellInner(props1) {
                                     onSubmit?.(e);
                                     setIsOpen(false);
                                 },
-                                className: " Za11 sd11 ed11 Ul11 ql11",
+                                className: " Za12 sd12 ed12 Ul12 ql12",
                                 style: {
                                     '--input-width': `calc(${triggerWidth}px - 32px)`
                                 },
                                 children: [
                                     renderEditing(),
                                     /*#__PURE__*/ (0, $iLVc8$reactjsxruntime.jsxs)("div", {
-                                        className: " sd11 _tc11 ea11 _va11 _ua11",
+                                        className: " sd12 _tc12 ea12 _va12 _ua12",
                                         children: [
                                             /*#__PURE__*/ (0, $iLVc8$reactjsxruntime.jsx)((0, $6e265ff388155b91$exports.ActionButton), {
                                                 isQuiet: true,
@@ -1346,12 +1336,12 @@ function $bed37377ec7a3a9e$var$EditableCellInner(props1) {
                                     onSubmit?.(e);
                                     setIsOpen(false);
                                 },
-                                className: " Za11 sd11 _ta11 ed11 Ul11 ql11",
+                                className: " Za12 sd12 _ta12 ed12 Ul12 ql12",
                                 children: [
                                     renderEditing(),
                                     /*#__PURE__*/ (0, $iLVc8$reactjsxruntime.jsxs)((0, $e1016b8947dbadb8$exports.ButtonGroup), {
                                         align: "end",
-                                        styles: " _dd11",
+                                        styles: " _dd12",
                                         children: [
                                             /*#__PURE__*/ (0, $iLVc8$reactjsxruntime.jsx)((0, $25d06cf8d4e72761$exports.Button), {
                                                 onPress: cancel,
@@ -1396,36 +1386,69 @@ const $bed37377ec7a3a9e$var$rowBackgroundColor = {
         default: 'Background'
     }
 };
+const $bed37377ec7a3a9e$var$rowTextColor = {
+    default: {
+        "default": "neutral-subdued",
+        isHovered: "neutral-subdued:hovered",
+        isFocusVisible: "neutral-subdued:focused",
+        isPressed: "neutral-subdued:pressed"
+    },
+    isSelected: {
+        "default": "neutral",
+        isHovered: "neutral:hovered",
+        isFocusVisible: "neutral:focused",
+        isPressed: "neutral:pressed"
+    },
+    isDisabled: {
+        default: 'disabled',
+        forcedColors: 'GrayText'
+    },
+    forcedColors: 'ButtonText'
+};
 const $bed37377ec7a3a9e$var$row = function anonymous(props) {
     let rules = " ";
-    rules += ' Fb11';
-    rules += ' _Pc11';
-    rules += ' _oa11';
-    rules += ' gs9yXOb11';
+    rules += ' Fb12';
+    rules += ' _Pc12';
+    rules += ' _oa12';
+    rules += ' gs9yXOb12';
     if (props.isSelected) {
-        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';
+        if (props.isPressed) rules += ' -qH4xad-gRfT7e12';
+        else if (props.isHovered) rules += ' -qH4xad-gRfT7e12';
+        else if (props.isFocusVisibleWithin) rules += ' -qH4xad-gRfT7e12';
+        else rules += ' -qH4xad-gj1B7i12';
+    } else if (props.isPressed) rules += ' -qH4xad-gRfT7e12';
+    else if (props.isHovered) rules += ' -qH4xad-gj1B7i12';
+    else if (props.isFocusVisibleWithin) rules += ' -qH4xad-gj1B7i12';
+    else if (props.isQuiet) rules += ' -qH4xad-gEzkoQe12';
+    else rules += ' -qH4xad-gX12';
+    rules += ' -qH4xad-lga12';
+    if (props.isDisabled) rules += ' -Fadoyc-pp12';
+    else if (props.isSelected) {
+        if (props.isPressed) rules += ' -Fadoyc-po12';
+        else if (props.isFocusVisible) rules += ' -Fadoyc-po12';
+        else if (props.isHovered) rules += ' -Fadoyc-po12';
+        else rules += ' -Fadoyc-pt12';
+    } else {
+        if (props.isPressed) rules += ' -Fadoyc-pt12';
+        else if (props.isFocusVisible) rules += ' -Fadoyc-pt12';
+        else if (props.isHovered) rules += ' -Fadoyc-pt12';
+        else rules += ' -Fadoyc-pv12';
+    }
+    rules += ' -Fadoyc-lpb12';
+    rules += ' -_34HbNb-Oh12';
+    rules += ' -_34HbNb-lOc12';
+    rules += ' _Le12';
+    rules += ' _ka12';
+    rules += ' hb12';
+    rules += ' ma12';
+    rules += ' la12';
+    rules += ' _jf12';
+    rules += ' iq12';
+    rules += ' ila12';
+    rules += ' _yb12';
     return rules;
 };
+const $bed37377ec7a3a9e$var$selectionCheckbox = " _6c12 _6Lcn87b12";
 const $bed37377ec7a3a9e$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $iLVc8$react.forwardRef)(function Row({ id: id, columns: columns, children: children, dependencies: dependencies = [], ...otherProps }, ref) {
     let { selectionBehavior: selectionBehavior, selectionMode: selectionMode } = (0, $iLVc8$reactariacomponents.useTableOptions)();
     let tableVisualOptions = (0, $iLVc8$react.useContext)($bed37377ec7a3a9e$var$InternalTableContext);
@@ -1451,7 +1474,8 @@ const $bed37377ec7a3a9e$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $iLVc8$react
                 isSticky: true,
                 className: $bed37377ec7a3a9e$var$checkboxCellStyle,
                 children: /*#__PURE__*/ (0, $iLVc8$reactjsxruntime.jsx)((0, $af04e099a53d3e85$exports.Checkbox), {
-                    slot: "selection"
+                    slot: "selection",
+                    styles: $bed37377ec7a3a9e$var$selectionCheckbox
                 })
             }),
             /*#__PURE__*/ (0, $iLVc8$reactjsxruntime.jsx)((0, $iLVc8$reactariacomponents.Collection), {