@react-spectrum/s2 0.9.2 → 0.10.1

package/dist/TableView.mjs

@@ -13,7 +13,7 @@ import {useActionBarContainer as $f21f2186348fbc5b$export$13f32e21845e01d0} from
 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, UNSTABLE_TableLoadingSentinel as $auVFN$UNSTABLE_TableLoadingSentinel, 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, Row as $auVFN$Row} from "react-aria-components";
+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, Row as $auVFN$Row} from "react-aria-components";
 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} from "react";
 import {useDOMRef as $auVFN$useDOMRef} from "@react-spectrum/utils";
 import {useLocalizedStringFormatter as $auVFN$useLocalizedStringFormatter} from "@react-aria/i18n";
@@ -53,7 +53,7 @@ function $parcel$interopDefault(a) {
 
 
 let $0fcd5fb617970a1d$var$InternalTableContext = /*#__PURE__*/ (0, $auVFN$createContext)({});
-const $0fcd5fb617970a1d$var$tableWrapper = " Ma91 Na91 sd91 _Bb91 __ca91 _Pc91 _Nb91 Pb91";
+const $0fcd5fb617970a1d$var$tableWrapper = " Ma11 Na11 sd11 _Bb11 __ca11 _Pc11 _Nb11 Pb11";
 const $0fcd5fb617970a1d$var$table = function anonymous(props, overrides) {
     let rules = " ";
     let width = false;
@@ -66,51 +66,52 @@ const $0fcd5fb617970a1d$var$table = function anonymous(props, overrides) {
         if (p[1] === "N") minWidth = true;
         rules += p[0];
     }
-    if (!width) rules += ' Za91';
-    rules += ' _4c91';
-    if (!minHeight) rules += ' Ma91';
-    if (!minWidth) rules += ' Na91';
-    rules += ' ug91';
-    rules += ' uch91';
-    rules += ' udi91';
-    rules += ' uea91';
-    rules += ' ugb91';
-    rules += ' uhd91';
-    rules += ' uje91';
-    rules += ' uic91';
-    rules += ' wb91';
-    rules += ' xb91';
-    rules += ' _xa91';
-    rules += ' _Na91';
-    rules += ' Pa91';
-    if (props.isQuiet) rules += ' g991';
-    else rules += ' gX91';
-    rules += ' gla91';
-    rules += ' iq91';
-    rules += ' _jf91';
-    if (props.isQuiet) rules += ' _ka91';
-    else rules += ' _kb91';
-    if (props.isQuiet) rules += ' ha91';
-    else rules += ' hb91';
-    if (props.isQuiet) rules += ' ma91';
-    else rules += ' mb91';
-    if (props.isQuiet) rules += ' la91';
-    else rules += ' lb91';
-    if (props.isFocusVisible) rules += ' _Lf91';
-    else rules += ' _Le91';
-    rules += ' Oh91';
-    rules += ' _Mc91';
-    rules += ' _Ka91';
-    if (props.isQuiet) rules += ' od91';
-    else rules += ' of91';
-    if (props.isQuiet) rules += ' nd91';
-    else rules += ' nf91';
-    if (props.isQuiet) rules += ' kd91';
-    else rules += ' kf91';
-    if (props.isQuiet) rules += ' jd91';
-    else rules += ' jf91';
-    rules += ' _Um91';
-    if (props.isCheckboxSelection) rules += ' _Tk91';
+    if (!width) rules += ' Za11';
+    rules += ' _4c11';
+    if (!minHeight) rules += ' Ma11';
+    if (!minWidth) rules += ' Na11';
+    rules += ' uk11';
+    rules += ' uch11';
+    rules += ' udi11';
+    rules += ' uea11';
+    rules += ' ugb11';
+    rules += ' uhd11';
+    rules += ' uje11';
+    rules += ' u2NhKxcl11';
+    rules += ' uic11';
+    rules += ' wb11';
+    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 += ' _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
@@ -139,11 +140,10 @@ class $0fcd5fb617970a1d$export$4e03bdf0174fd602 extends (0, $auVFN$TableLayout)
     buildCollection() {
         let [header, body] = super.buildCollection();
         if (!header) return [];
-        let { children: children, layoutInfo: layoutInfo } = body;
+        let { layoutInfo: layoutInfo } = body;
         // TableLayout's buildCollection always sets the body width to the max width between the header width, but
         // we want the body to be sticky and only as wide as the table so it is always in view if loading/empty
-        // TODO: we may want to adjust RAC layouts to do something simlar? Current users of RAC table will probably run into something similar
-        let isEmptyOrLoading = children?.length === 0 || children?.length === 1 && children[0].layoutInfo.type === 'loader';
+        let isEmptyOrLoading = this.virtualizer?.collection.size === 0;
         if (isEmptyOrLoading) layoutInfo.rect.width = this.virtualizer.visibleRect.width - 80;
         return [
             header,
@@ -158,18 +158,18 @@ class $0fcd5fb617970a1d$export$4e03bdf0174fd602 extends (0, $auVFN$TableLayout)
         // If performing first load or empty, the body will be sticky so we don't want to apply sticky to the loader, otherwise it will
         // affect the positioning of the empty state renderer
         let collection = this.virtualizer.collection;
-        let isEmptyOrLoading = collection?.size === 0 || collection.size === 1 && collection.getItem(collection.getFirstKey()).type === 'loader';
+        let isEmptyOrLoading = collection?.size === 0;
         layoutInfo.isSticky = !isEmptyOrLoading;
         return layoutNode;
     }
     // y is the height of the headers
     buildBody(y) {
         let layoutNode = super.buildBody(y);
-        let { children: children, layoutInfo: layoutInfo } = layoutNode;
+        let { layoutInfo: layoutInfo } = layoutNode;
         // Needs overflow for sticky loader
         layoutInfo.allowOverflow = true;
         // If loading or empty, we'll want the body to be sticky and centered
-        let isEmptyOrLoading = children?.length === 0 || children?.length === 1 && children[0].layoutInfo.type === 'loader';
+        let isEmptyOrLoading = this.virtualizer?.collection.size === 0;
         if (isEmptyOrLoading) {
             layoutInfo.rect = new (0, $auVFN$Rect)(40, 40, this.virtualizer.visibleRect.width - 80, this.virtualizer.visibleRect.height - 80);
             layoutInfo.isSticky = true;
@@ -290,7 +290,7 @@ const $0fcd5fb617970a1d$export$b3c27e869d856b7 = /*#__PURE__*/ (0, $auVFN$forwar
         ]
     });
 });
-const $0fcd5fb617970a1d$var$centeredWrapper = " sd91 eb91 _Ca91 Za91 Fb91";
+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);
@@ -302,10 +302,10 @@ const $0fcd5fb617970a1d$export$76ccd210b9029917 = /*#__PURE__*/ (0, $auVFN$forwa
     // TODO: still is offset strangely if loadingMore when there aren't any items in the table, see http://localhost:6006/?path=/story/tableview--empty-state&args=loadingState:loadingMore
     // This is because we don't distinguish between loadingMore and loading in the layout, resulting in a different rect being used to build the body. Perhaps can be considered as a user error
     // if they pass loadingMore without having any other items in the table. Alternatively, could update the layout so it knows the current loading state.
-    let loadMoreSpinner = /*#__PURE__*/ (0, $auVFN$jsx)((0, $auVFN$UNSTABLE_TableLoadingSentinel), {
+    let loadMoreSpinner = /*#__PURE__*/ (0, $auVFN$jsx)((0, $auVFN$TableLoadMoreItem), {
         isLoading: loadingState === 'loadingMore',
         onLoadMore: onLoadMore,
-        className: " Fb91 Za91",
+        className: " Fb11 Za11",
         children: /*#__PURE__*/ (0, $auVFN$jsx)("div", {
             className: $0fcd5fb617970a1d$var$centeredWrapper,
             children: /*#__PURE__*/ (0, $auVFN$jsx)((0, $41ddd91dbbf0c389$export$c79b9d6b4cc92af7), {
@@ -348,7 +348,7 @@ const $0fcd5fb617970a1d$export$76ccd210b9029917 = /*#__PURE__*/ (0, $auVFN$forwa
     return /*#__PURE__*/ (0, $auVFN$jsx)((0, $auVFN$TableBody), {
         // @ts-ignore
         ref: domRef,
-        className: " Fb91",
+        className: " Fb11",
         ...props,
         renderEmptyState: emptyRender,
         dependencies: [
@@ -372,20 +372,20 @@ function $0fcd5fb617970a1d$var$CellFocusRing() {
         role: "presentation",
         className: function anonymous(props) {
             let rules = " ";
-            if (props.isFocusVisible) rules += ' _Lf91';
-            else rules += ' _Le91';
-            rules += ' _Kb91';
-            rules += ' _Mc91';
-            rules += ' Oh91';
-            rules += ' of91';
-            rules += ' nf91';
-            rules += ' kf91';
-            rules += ' jf91';
-            rules += ' _Pa91';
-            rules += ' Wr91';
-            rules += ' _lr91';
-            rules += ' _Ar91';
-            rules += ' _zr91';
+            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';
             return rules;
         }({
             isFocusVisible: true
@@ -394,60 +394,64 @@ function $0fcd5fb617970a1d$var$CellFocusRing() {
 }
 const $0fcd5fb617970a1d$var$columnStyles = function anonymous(props) {
     let rules = " ";
-    rules += ' F40ub4c91';
-    rules += ' _oa91';
-    if (props.isPressed) rules += ' po91';
-    else if (props.isFocusVisible) rules += ' po91';
-    else if (props.isHovered) rules += ' po91';
-    else rules += ' pt91';
-    rules += ' plb91';
-    if (props.isMenu) rules += ' Sd91';
-    else rules += ' Sf91';
-    if (props.isMenu) rules += ' Rd91';
-    else rules += ' Rf91';
-    if (props.align === "end") rules += ' _Wb91';
-    else if (props.align === "center") rules += ' _Wa91';
-    else if (props.align === "start") rules += ' _Wd91';
-    rules += ' _Le91';
-    rules += ' _Pc91';
+    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 += ' vg91';
-        rules += ' vsj91';
+        rules += ' -_6BNtrc-e11';
+        rules += ' vx11';
     } else if (props.size === "L") {
-        rules += ' vp91';
-        rules += ' vsh91';
+        rules += ' -_6BNtrc-d11';
+        rules += ' vx11';
     } else if (props.size === "S") {
-        rules += ' vb91';
-        rules += ' vse91';
+        rules += ' -_6BNtrc-b11';
+        rules += ' vx11';
     } else if (props.size === "XS") {
-        rules += ' va91';
-        rules += ' vsc91';
+        rules += ' -_6BNtrc-a11';
+        rules += ' vx11';
     } else {
-        rules += ' vd91';
-        rules += ' vsf91';
+        rules += ' -_6BNtrc-c11';
+        rules += ' vx11';
     }
-    rules += ' ug91';
-    rules += ' uch91';
-    rules += ' udi91';
-    rules += ' uea91';
-    rules += ' ugb91';
-    rules += ' uhd91';
-    rules += ' uje91';
-    rules += ' uic91';
-    rules += ' wd91';
-    rules += ' xd91';
-    rules += ' _xa91';
-    rules += ' sd91';
-    rules += ' iq91';
-    rules += ' ila91';
-    if (props.isQuiet) rules += ' _kb91';
-    else rules += ' _ka91';
-    rules += ' hb91';
-    rules += ' ma91';
-    if (props.isMenu) rules += ' lb91';
-    else rules += ' la91';
-    rules += ' _jf91';
-    rules += ' _yb91';
+    rules += ' uk11';
+    rules += ' uch11';
+    rules += ' udi11';
+    rules += ' uea11';
+    rules += ' ugb11';
+    rules += ' uhd11';
+    rules += ' uje11';
+    rules += ' u2NhKxcl11';
+    rules += ' uic11';
+    rules += ' wd11';
+    rules += ' xd11';
+    rules += ' _xa11';
+    rules += ' wX0cczbc11';
+    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) {
@@ -488,18 +492,18 @@ const $0fcd5fb617970a1d$export$816b5d811295e6bc = /*#__PURE__*/ (0, $auVFN$forwa
             })
     });
 });
-const $0fcd5fb617970a1d$var$columnContentWrapper = " Na91 sd91 eb91 Za91";
+const $0fcd5fb617970a1d$var$columnContentWrapper = " Na11 sd11 eb11 Za11";
 const $0fcd5fb617970a1d$var$sortIcon = function anonymous(props) {
     let rules = " ";
-    rules += ' ZXJkxGe91';
-    rules += ' FXJkxGe91';
-    rules += ' _va91';
+    rules += ' ZXJkxGe11';
+    rules += ' FXJkxGe11';
+    rules += ' _va11';
     if (props.isButton) {
-        rules += ' Ht91';
-        rules += ' Hsu91';
-    } else rules += ' Hv91';
-    rules += ' _5b91';
-    rules += ' -_8sjo0b-t5ZbAob91';
+        rules += ' Ht11';
+        rules += ' Hsu11';
+    } else rules += ' Hv11';
+    rules += ' _5b11';
+    rules += ' -_8sjo0b-t5ZbAob11';
     return rules;
 };
 function $0fcd5fb617970a1d$var$ColumnContents(props) {
@@ -519,7 +523,7 @@ function $0fcd5fb617970a1d$var$ColumnContents(props) {
                 children: sortDirection != null && (sortDirection === 'ascending' ? /*#__PURE__*/ (0, $auVFN$jsx)((0, $415c33109ddcfc45$export$2e2bcd8739ae039), {}) : /*#__PURE__*/ (0, $auVFN$jsx)((0, $5a632e895c21f138$export$2e2bcd8739ae039), {}))
             }),
             /*#__PURE__*/ (0, $auVFN$jsx)("span", {
-                className: " _Nc91 Pc91 _Yb91 _7c91 Za91",
+                className: " _Nc11 Pc11 _Yb11 _7c11 Za11",
                 children: children
             })
         ]
@@ -527,91 +531,95 @@ function $0fcd5fb617970a1d$var$ColumnContents(props) {
 }
 const $0fcd5fb617970a1d$var$resizableMenuButtonWrapper = function anonymous(props) {
     let rules = " ";
-    if (props.isFocusVisible) rules += ' _Lf91';
-    else rules += ' _Le91';
-    rules += ' _Kb91';
-    rules += ' _Mc91';
-    rules += ' Oh91';
-    rules += ' of91';
-    rules += ' nf91';
-    rules += ' kf91';
-    rules += ' jf91';
-    rules += ' pt91';
-    rules += ' Za91';
-    rules += ' _Pc91';
-    rules += ' sd91';
-    rules += ' eb91';
-    if (props.align === "end") rules += ' _Cb91';
-    else if (props.align === "center") rules += ' _Ca91';
-    else if (props.align === "default") rules += ' _Cg91';
-    rules += ' Sf91';
-    rules += ' Rf91';
-    rules += ' g991';
-    rules += ' _je91';
+    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 += ' vg91';
-        rules += ' vsj91';
+        rules += ' -_6BNtrc-e11';
+        rules += ' vx11';
     } else if (props.size === "L") {
-        rules += ' vp91';
-        rules += ' vsh91';
+        rules += ' -_6BNtrc-d11';
+        rules += ' vx11';
     } else if (props.size === "S") {
-        rules += ' vb91';
-        rules += ' vse91';
+        rules += ' -_6BNtrc-b11';
+        rules += ' vx11';
     } else if (props.size === "XS") {
-        rules += ' va91';
-        rules += ' vsc91';
+        rules += ' -_6BNtrc-a11';
+        rules += ' vx11';
     } else {
-        rules += ' vd91';
-        rules += ' vsf91';
+        rules += ' -_6BNtrc-c11';
+        rules += ' vx11';
     }
-    rules += ' ug91';
-    rules += ' uch91';
-    rules += ' udi91';
-    rules += ' uea91';
-    rules += ' ugb91';
-    rules += ' uhd91';
-    rules += ' uje91';
-    rules += ' uic91';
-    rules += ' wd91';
-    rules += ' xd91';
-    rules += ' _xa91';
+    rules += ' uk11';
+    rules += ' uch11';
+    rules += ' udi11';
+    rules += ' uea11';
+    rules += ' ugb11';
+    rules += ' uhd11';
+    rules += ' uje11';
+    rules += ' u2NhKxcl11';
+    rules += ' uic11';
+    rules += ' wd11';
+    rules += ' xd11';
+    rules += ' _xa11';
+    rules += ' wX0cczbc11';
+    rules += ' xX0cczbc11';
+    rules += ' _xX0cczba11';
     return rules;
 };
 const $0fcd5fb617970a1d$var$resizerHandleContainer = function anonymous(props) {
     let rules = " ";
-    if (props.isInResizeMode) rules += ' sb91';
-    else if (props.isResizing) rules += ' sb91';
-    else rules += ' sjBAxlb91';
-    rules += ' Zj91';
-    rules += ' Fb91';
-    rules += ' _Pa91';
-    rules += ' Wr91';
-    rules += ' _zdYbyj91';
-    if (props.resizableDirection === "both") rules += ' rk91';
-    else if (props.resizableDirection === "right") rules += ' rF91';
-    else if (props.resizableDirection === "left") rules += ' rj91';
-    else rules += ' rt91';
+    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 += ' g5qAiPc91';
-    else if (props.isFocusVisible) rules += ' g5qAiPc91';
-    else rules += ' gE91';
-    if (props.isResizing) rules += ' gle91';
-    else if (props.isFocusVisible) rules += ' gle91';
-    else rules += ' gla91';
-    if (props.isResizing) rules += ' Fc91';
-    else rules += ' Fb91';
-    if (props.isResizing) rules += ' Zf91';
-    else rules += ' Ze91';
-    rules += ' _Pa91';
-    rules += ' _AWJpoB91';
+    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 = " _Nc91 Pc91 _Yb91 _7c91 NXJkxGe91 _ua91 _vb91 _sd91";
-const $0fcd5fb617970a1d$var$chevronIcon = " _Sd91 It91 Isu91 NXJkxGe91 _va91 -_8sjo0b-t5ZbAob91";
-const $0fcd5fb617970a1d$var$nubbin = " _Pa91 Wr91 _AlhfIS91 ZXJkxGe91 FXJkxGe91 t5qAiPc91 tla91 -_8sjo0b-tw91 -_8sjo0b-lt8pvGJ91";
+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);
@@ -698,7 +706,7 @@ function $0fcd5fb617970a1d$var$ColumnWithMenu(props) {
                     }),
                     /*#__PURE__*/ (0, $auVFN$jsxs)((0, $13afb0ea5f0ed767$export$d9b273488cd8ce6f), {
                         onAction: onMenuSelect,
-                        styles: " Nn91",
+                        styles: " Nn11",
                         children: [
                             items.length > 0 && /*#__PURE__*/ (0, $auVFN$jsx)((0, $13afb0ea5f0ed767$export$4b1545b4f2016d26), {
                                 children: /*#__PURE__*/ (0, $auVFN$jsx)((0, $auVFN$Collection), {
@@ -749,35 +757,35 @@ function $0fcd5fb617970a1d$var$ResizerIndicator({ isFocusVisible: isFocusVisible
 }
 const $0fcd5fb617970a1d$var$tableHeader = function anonymous(props) {
     let rules = " ";
-    rules += ' Fb91';
-    rules += ' Za91';
-    rules += ' gL91';
-    rules += ' JLPOtrc91';
-    if (props.isHovered) rules += ' -xLp2wc-sb91';
-    else rules += ' -xLp2wc-sk91';
+    rules += ' Fb11';
+    rules += ' Za11';
+    rules += ' gL11';
+    rules += ' JLPOtrc11';
+    if (props.isHovered) rules += ' -xLp2wc-sb11';
+    else rules += ' -xLp2wc-sk11';
     return rules;
 };
-const $0fcd5fb617970a1d$var$selectAllCheckbox = " IC91";
+const $0fcd5fb617970a1d$var$selectAllCheckbox = " IC11";
 const $0fcd5fb617970a1d$var$selectAllCheckboxColumn = function anonymous(props) {
     let rules = " ";
-    rules += ' Td91';
-    rules += ' Qd91';
-    rules += ' Sd91';
-    rules += ' Rd91';
-    rules += ' Fb91';
-    rules += ' _oa91';
-    rules += ' _Le91';
-    rules += ' _Pc91';
-    rules += ' _cb91';
-    rules += ' iq91';
-    rules += ' ila91';
-    rules += ' ma91';
-    rules += ' la91';
-    if (props.isQuiet) rules += ' _kb91';
-    else rules += ' _ka91';
-    rules += ' hb91';
-    rules += ' _jf91';
-    rules += ' gL91';
+    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) {
@@ -845,88 +853,88 @@ const $0fcd5fb617970a1d$var$commonCellStyles = {
 };
 const $0fcd5fb617970a1d$var$cell = function anonymous(props) {
     let rules = " ";
-    rules += ' iq91';
-    rules += ' ila91';
-    rules += ' hXMFGYc91';
-    rules += ' _kJ8iPYd91';
-    rules += ' ma91';
-    if (props.isDivider) rules += ' lb91';
-    else rules += ' la91';
-    if (props.isDivider) rules += ' _jf91';
-    else rules += ' _je91';
-    rules += ' _Pc91';
-    if (props.isPressed) rules += ' po91';
-    else if (props.isFocusVisible) rules += ' po91';
-    else if (props.isHovered) rules += ' po91';
-    else rules += ' pt91';
-    rules += ' _Le91';
-    rules += ' Sf91';
-    rules += ' Rf91';
-    rules += ' Tu7Fubd91';
-    rules += ' Qu7Fubd91';
-    rules += ' MAyFGYc91';
-    rules += ' _oa91';
-    rules += ' Fb91';
-    rules += ' Za91';
+    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.isPressed) rules += ' po11';
+    else if (props.isFocusVisible) rules += ' po11';
+    else if (props.isHovered) rules += ' po11';
+    else rules += ' pt11';
+    rules += ' _Le11';
+    rules += ' Sf11';
+    rules += ' Rf11';
+    rules += ' Tu7Fubd11';
+    rules += ' Qu7Fubd11';
+    rules += ' MAyFGYc11';
+    rules += ' _oa11';
+    rules += ' Fb11';
+    rules += ' Za11';
     if (props.size === "XL") {
-        rules += ' vg91';
-        rules += ' vsj91';
+        rules += ' -_6BNtrc-e11';
+        rules += ' vx11';
     } else if (props.size === "L") {
-        rules += ' vp91';
-        rules += ' vsh91';
+        rules += ' -_6BNtrc-d11';
+        rules += ' vx11';
     } else if (props.size === "S") {
-        rules += ' vb91';
-        rules += ' vse91';
+        rules += ' -_6BNtrc-b11';
+        rules += ' vx11';
     } else if (props.size === "XS") {
-        rules += ' va91';
-        rules += ' vsc91';
+        rules += ' -_6BNtrc-a11';
+        rules += ' vx11';
     } else {
-        rules += ' vd91';
-        rules += ' vsf91';
+        rules += ' -_6BNtrc-c11';
+        rules += ' vx11';
     }
-    rules += ' eb91';
-    rules += ' sd91';
-    if (props.density === "spacious") rules += ' -M_-Mk91';
-    else if (props.density === "compact") rules += ' -M_-Mi91';
-    else rules += ' -M_-Mh91';
-    rules += ' -_k_-_ka91';
-    rules += ' -h_-hb91';
+    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 = " iA91 ha91 _ka91 ma91 la91 _jf91 _Pc91 pt91 plb91 _Le91 Sf91 Rf91 gs9yXOb91 _cb91 FBJsHLe91";
+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 += ' _Nc91';
-    rules += ' Pc91';
-    rules += ' _Yb91';
-    if (props.overflowMode === "wrap") rules += ' _7b91';
-    else rules += ' _7c91';
-    if (props.align === "end") rules += ' _Wb91';
-    else if (props.align === "center") rules += ' _Wa91';
-    else if (props.align === "start") rules += ' _Wd91';
-    rules += ' Za91';
-    rules += ' _Bb91';
-    if (props.isSticky) rules += ' Td91';
-    else rules += ' Tp91';
-    if (props.isSticky) rules += ' Qd91';
-    else rules += ' Qp91';
-    if (props.isSticky) rules += ' Sd91';
-    else rules += ' Sp91';
-    if (props.isSticky) rules += ' Rd91';
-    else rules += ' Rp91';
-    if (props.isSticky) rules += ' Jy91';
-    else rules += ' Jb91';
-    if (props.isSticky) rules += ' Gy91';
-    else rules += ' Gb91';
-    if (props.isSticky) rules += ' Iy91';
-    else rules += ' Ib91';
-    if (props.isSticky) rules += ' Hy91';
-    else rules += ' Hb91';
-    if (props.isSticky) rules += ' gs9yXOb91';
-    else rules += ' g991';
+    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) {
@@ -984,32 +992,32 @@ const $0fcd5fb617970a1d$var$rowBackgroundColor = {
 };
 const $0fcd5fb617970a1d$var$row = function anonymous(props) {
     let rules = " ";
-    rules += ' Fb91';
-    rules += ' _Pc91';
-    rules += ' _oa91';
-    rules += ' gs9yXOb91';
+    rules += ' Fb11';
+    rules += ' _Pc11';
+    rules += ' _oa11';
+    rules += ' gs9yXOb11';
     if (props.isSelected) {
-        if (props.isPressed) rules += ' -qH4xad-gT9rOHd91';
-        else if (props.isHovered) rules += ' -qH4xad-gT9rOHd91';
-        else if (props.isFocusVisibleWithin) rules += ' -qH4xad-gT9rOHd91';
-        else rules += ' -qH4xad-gJpow3b91';
-    } else if (props.isPressed) rules += ' -qH4xad-gRfT7e91';
-    else if (props.isHovered) rules += ' -qH4xad-gj1B7i91';
-    else if (props.isFocusVisibleWithin) rules += ' -qH4xad-gj1B7i91';
-    else if (props.isQuiet) rules += ' -qH4xad-gEzkoQe91';
-    else rules += ' -qH4xad-gX91';
-    rules += ' -qH4xad-lga91';
-    rules += ' -_34HbNb-Oh91';
-    rules += ' -_34HbNb-lOc91';
-    rules += ' _Le91';
-    rules += ' _ka91';
-    rules += ' hb91';
-    rules += ' ma91';
-    rules += ' la91';
-    rules += ' _jf91';
-    rules += ' iq91';
-    rules += ' ila91';
-    rules += ' _yb91';
+        if (props.isPressed) rules += ' -qH4xad-gT9rOHd11';
+        else if (props.isHovered) rules += ' -qH4xad-gT9rOHd11';
+        else if (props.isFocusVisibleWithin) rules += ' -qH4xad-gT9rOHd11';
+        else rules += ' -qH4xad-gJpow3b11';
+    } 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) {