@react-spectrum/s2 0.11.2 → 0.12.0

package/dist/TableView.mjs

@@ -4,7 +4,6 @@ import $4b69f02ec06b9226$export$2e2bcd8739ae039 from "./Chevron.mjs";
 import {IconContext as $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed} from "../icons/Icon.mjs";
 import $auVFN$intlStringsmjs from "./intlStrings.mjs";
 import {Menu as $13afb0ea5f0ed767$export$d9b273488cd8ce6f, MenuItem as $13afb0ea5f0ed767$export$2ce376c2cc3355c8, MenuSection as $13afb0ea5f0ed767$export$4b1545b4f2016d26, MenuTrigger as $13afb0ea5f0ed767$export$27d2ad3c5815583e} from "./Menu.mjs";
-import {mergeStyles as $feb886035e0d4633$export$e618dc39ac9ad607} from "../icons/runtime.mjs";
 import $1bdd184cd8a3d21d$export$2e2bcd8739ae039 from "./S2_MoveHorizontalTableWidget.mjs";
 import {ProgressCircle as $41ddd91dbbf0c389$export$c79b9d6b4cc92af7} from "./ProgressCircle.mjs";
 import $5a632e895c21f138$export$2e2bcd8739ae039 from "../icons/SortDown.mjs";
@@ -51,67 +50,79 @@ function $parcel$interopDefault(a) {
 
 
 
-
 let $0fcd5fb617970a1d$var$InternalTableContext = /*#__PURE__*/ (0, $auVFN$createContext)({});
-const $0fcd5fb617970a1d$var$tableWrapper = " Ma112 Na112 sd112 _Bb112 __ca112 _Pc112 _Nb112 Pb112";
-const $0fcd5fb617970a1d$var$table = function anonymous(props, overrides) {
+const $0fcd5fb617970a1d$var$tableWrapper = function anonymous(props, overrides) {
     let rules = " ";
-    let width = false;
     let minHeight = false;
     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|Z|N|L|F|M|K)[^\s]+/g);
+    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);
     for (let p of matches){
-        if (p[1] === "Z") width = true;
         if (p[1] === "M") minHeight = true;
         if (p[1] === "N") minWidth = true;
+        if (p[1] === "_P") position = true;
         rules += p[0];
     }
-    if (!width) rules += ' Za112';
-    rules += ' _4c112';
-    if (!minHeight) rules += ' Ma112';
-    if (!minWidth) rules += ' Na112';
-    rules += ' uk112';
-    rules += ' uch112';
-    rules += ' udi112';
-    rules += ' uea112';
-    rules += ' ugb112';
-    rules += ' uhd112';
-    rules += ' uje112';
-    rules += ' u2NhKxcl112';
-    rules += ' uic112';
-    rules += ' wb112';
-    rules += ' xb112';
-    rules += ' _xa112';
-    rules += ' _Na112';
-    rules += ' Pa112';
-    if (props.isQuiet) rules += ' g9112';
-    else rules += ' gX112';
-    rules += ' gla112';
-    rules += ' iq112';
-    rules += ' _jf112';
-    if (props.isQuiet) rules += ' _ka112';
-    else rules += ' _kb112';
-    if (props.isQuiet) rules += ' ha112';
-    else rules += ' hb112';
-    if (props.isQuiet) rules += ' ma112';
-    else rules += ' mb112';
-    if (props.isQuiet) rules += ' la112';
-    else rules += ' lb112';
-    if (props.isFocusVisible) rules += ' _Lf112';
-    else rules += ' _Le112';
-    rules += ' Oh112';
-    rules += ' _Mc112';
-    rules += ' _Ka112';
-    if (props.isQuiet) rules += ' od112';
-    else rules += ' of112';
-    if (props.isQuiet) rules += ' nd112';
-    else rules += ' nf112';
-    if (props.isQuiet) rules += ' kd112';
-    else rules += ' kf112';
-    if (props.isQuiet) rules += ' jd112';
-    else rules += ' jf112';
-    rules += ' _Um112';
-    if (props.isCheckboxSelection) rules += ' _Tk112';
+    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 $0fcd5fb617970a1d$var$table = function anonymous(props) {
+    let rules = " ";
+    rules += ' Za12';
+    rules += ' Fb12';
+    rules += ' _oa12';
+    rules += ' _4c12';
+    rules += ' Ma12';
+    rules += ' Na12';
+    rules += ' uk12';
+    rules += ' uch12';
+    rules += ' udi12';
+    rules += ' uea12';
+    rules += ' ugb12';
+    rules += ' uhd12';
+    rules += ' uje12';
+    rules += ' u2NhKxcl12';
+    rules += ' uic12';
+    rules += ' wb12';
+    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 += ' _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
@@ -248,7 +259,7 @@ const $0fcd5fb617970a1d$export$b3c27e869d856b7 = /*#__PURE__*/ (0, $auVFN$forwar
         onResize: propsOnResize,
         onResizeEnd: onResizeEnd,
         onResizeStart: onResizeStart,
-        className: (UNSAFE_className || '') + (0, $feb886035e0d4633$export$e618dc39ac9ad607)($0fcd5fb617970a1d$var$tableWrapper, styles),
+        className: (UNSAFE_className || '') + $0fcd5fb617970a1d$var$tableWrapper(null, styles),
         style: UNSAFE_style,
         children: [
             /*#__PURE__*/ (0, $auVFN$jsx)((0, $auVFN$Virtualizer), {
@@ -290,7 +301,7 @@ const $0fcd5fb617970a1d$export$b3c27e869d856b7 = /*#__PURE__*/ (0, $auVFN$forwar
         ]
     });
 });
-const $0fcd5fb617970a1d$var$centeredWrapper = " sd112 eb112 _Ca112 Za112 Fb112";
+const $0fcd5fb617970a1d$var$centeredWrapper = " sd12 eb12 _Ca12 Za12 Fb12";
 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);
@@ -305,7 +316,7 @@ const $0fcd5fb617970a1d$export$76ccd210b9029917 = /*#__PURE__*/ (0, $auVFN$forwa
     let loadMoreSpinner = /*#__PURE__*/ (0, $auVFN$jsx)((0, $auVFN$TableLoadMoreItem), {
         isLoading: loadingState === 'loadingMore',
         onLoadMore: onLoadMore,
-        className: " Fb112 Za112",
+        className: " Fb12 Za12",
         children: /*#__PURE__*/ (0, $auVFN$jsx)("div", {
             className: $0fcd5fb617970a1d$var$centeredWrapper,
             children: /*#__PURE__*/ (0, $auVFN$jsx)((0, $41ddd91dbbf0c389$export$c79b9d6b4cc92af7), {
@@ -348,7 +359,7 @@ const $0fcd5fb617970a1d$export$76ccd210b9029917 = /*#__PURE__*/ (0, $auVFN$forwa
     return /*#__PURE__*/ (0, $auVFN$jsx)((0, $auVFN$TableBody), {
         // @ts-ignore
         ref: domRef,
-        className: " Fb112",
+        className: " Fb12",
         ...props,
         renderEmptyState: emptyRender,
         dependencies: [
@@ -372,20 +383,21 @@ function $0fcd5fb617970a1d$var$CellFocusRing() {
         role: "presentation",
         className: function anonymous(props) {
             let rules = " ";
-            if (props.isFocusVisible) rules += ' _Lf112';
-            else rules += ' _Le112';
-            rules += ' _Kb112';
-            rules += ' _Mc112';
-            rules += ' Oh112';
-            rules += ' of112';
-            rules += ' nf112';
-            rules += ' kf112';
-            rules += ' jf112';
-            rules += ' _Pa112';
-            rules += ' Wr112';
-            rules += ' _lr112';
-            rules += ' _Ar112';
-            rules += ' _zr112';
+            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
@@ -394,64 +406,64 @@ function $0fcd5fb617970a1d$var$CellFocusRing() {
 }
 const $0fcd5fb617970a1d$var$columnStyles = function anonymous(props) {
     let rules = " ";
-    rules += ' F40ub4c112';
-    rules += ' _oa112';
-    if (props.isPressed) rules += ' po112';
-    else if (props.isFocusVisible) rules += ' po112';
-    else if (props.isHovered) rules += ' po112';
-    else rules += ' pt112';
-    rules += ' plb112';
-    if (props.isMenu) rules += ' Sd112';
-    else rules += ' Sf112';
-    if (props.isMenu) rules += ' Rd112';
-    else rules += ' Rf112';
-    if (props.align === "end") rules += ' _Wb112';
-    else if (props.align === "center") rules += ' _Wa112';
-    else if (props.align === "start") rules += ' _Wd112';
-    rules += ' _Le112';
-    rules += ' _Pc112';
+    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-e112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else {
-        rules += ' -_6BNtrc-c112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     }
-    rules += ' uk112';
-    rules += ' uch112';
-    rules += ' udi112';
-    rules += ' uea112';
-    rules += ' ugb112';
-    rules += ' uhd112';
-    rules += ' uje112';
-    rules += ' u2NhKxcl112';
-    rules += ' uic112';
-    rules += ' wd112';
-    rules += ' xd112';
-    rules += ' _xa112';
-    rules += ' wX0cczbc112';
-    rules += ' xX0cczbc112';
-    rules += ' _xX0cczba112';
-    rules += ' sd112';
-    rules += ' iq112';
-    rules += ' ila112';
-    if (props.isQuiet) rules += ' _kb112';
-    else rules += ' _ka112';
-    rules += ' hb112';
-    rules += ' ma112';
-    if (props.isMenu) rules += ' lb112';
-    else rules += ' la112';
-    rules += ' _jf112';
-    rules += ' _yb112';
+    rules += ' uk12';
+    rules += ' uch12';
+    rules += ' udi12';
+    rules += ' uea12';
+    rules += ' ugb12';
+    rules += ' uhd12';
+    rules += ' uje12';
+    rules += ' u2NhKxcl12';
+    rules += ' uic12';
+    rules += ' wd12';
+    rules += ' xd12';
+    rules += ' _xa12';
+    rules += ' wX0cczbc12';
+    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 $0fcd5fb617970a1d$export$816b5d811295e6bc = /*#__PURE__*/ (0, $auVFN$forwardRef)(function Column(props, ref) {
@@ -492,18 +504,18 @@ const $0fcd5fb617970a1d$export$816b5d811295e6bc = /*#__PURE__*/ (0, $auVFN$forwa
             })
     });
 });
-const $0fcd5fb617970a1d$var$columnContentWrapper = " Na112 sd112 eb112 Za112";
+const $0fcd5fb617970a1d$var$columnContentWrapper = " Na12 sd12 eb12 Za12";
 const $0fcd5fb617970a1d$var$sortIcon = function anonymous(props) {
     let rules = " ";
-    rules += ' ZXJkxGe112';
-    rules += ' FXJkxGe112';
-    rules += ' _va112';
+    rules += ' ZXJkxGe12';
+    rules += ' FXJkxGe12';
+    rules += ' _va12';
     if (props.isButton) {
-        rules += ' Ht112';
-        rules += ' Hsu112';
-    } else rules += ' Hv112';
-    rules += ' _5b112';
-    rules += ' -_8sjo0b-t5ZbAob112';
+        rules += ' Ht12';
+        rules += ' Hsu12';
+    } else rules += ' Hv12';
+    rules += ' _5b12';
+    rules += ' -_8sjo0b-t5ZbAob12';
     return rules;
 };
 function $0fcd5fb617970a1d$var$ColumnContents(props) {
@@ -523,7 +535,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: " _Nc112 Pc112 _Yb112 _7c112 Za112",
+                className: " _Nc12 Pc12 _Yb12 _7c12 Za12",
                 children: children
             })
         ]
@@ -531,95 +543,95 @@ function $0fcd5fb617970a1d$var$ColumnContents(props) {
 }
 const $0fcd5fb617970a1d$var$resizableMenuButtonWrapper = function anonymous(props) {
     let rules = " ";
-    if (props.isFocusVisible) rules += ' _Lf112';
-    else rules += ' _Le112';
-    rules += ' _Kb112';
-    rules += ' _Mc112';
-    rules += ' Oh112';
-    rules += ' of112';
-    rules += ' nf112';
-    rules += ' kf112';
-    rules += ' jf112';
-    rules += ' pt112';
-    rules += ' Za112';
-    rules += ' _Pc112';
-    rules += ' sd112';
-    rules += ' eb112';
-    if (props.align === "end") rules += ' _Cb112';
-    else if (props.align === "center") rules += ' _Ca112';
-    else if (props.align === "default") rules += ' _Cg112';
-    rules += ' Sf112';
-    rules += ' Rf112';
-    rules += ' g9112';
-    rules += ' _je112';
+    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-e112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else {
-        rules += ' -_6BNtrc-c112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     }
-    rules += ' uk112';
-    rules += ' uch112';
-    rules += ' udi112';
-    rules += ' uea112';
-    rules += ' ugb112';
-    rules += ' uhd112';
-    rules += ' uje112';
-    rules += ' u2NhKxcl112';
-    rules += ' uic112';
-    rules += ' wd112';
-    rules += ' xd112';
-    rules += ' _xa112';
-    rules += ' wX0cczbc112';
-    rules += ' xX0cczbc112';
-    rules += ' _xX0cczba112';
+    rules += ' uk12';
+    rules += ' uch12';
+    rules += ' udi12';
+    rules += ' uea12';
+    rules += ' ugb12';
+    rules += ' uhd12';
+    rules += ' uje12';
+    rules += ' u2NhKxcl12';
+    rules += ' uic12';
+    rules += ' wd12';
+    rules += ' xd12';
+    rules += ' _xa12';
+    rules += ' wX0cczbc12';
+    rules += ' xX0cczbc12';
+    rules += ' _xX0cczba12';
     return rules;
 };
 const $0fcd5fb617970a1d$var$resizerHandleContainer = function anonymous(props) {
     let rules = " ";
-    if (props.isInResizeMode) rules += ' sb112';
-    else if (props.isResizing) rules += ' sb112';
-    else rules += ' sjBAxlb112';
-    rules += ' Zj112';
-    rules += ' Fb112';
-    rules += ' _Pa112';
-    rules += ' Wr112';
-    rules += ' _zdYbyj112';
-    if (props.resizableDirection === "both") rules += ' rk112';
-    else if (props.resizableDirection === "right") rules += ' rF112';
-    else if (props.resizableDirection === "left") rules += ' rj112';
-    else rules += ' rt112';
+    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 $0fcd5fb617970a1d$var$resizerHandle = function anonymous(props) {
     let rules = " ";
-    if (props.isResizing) rules += ' g5qAiPc112';
-    else if (props.isFocusVisible) rules += ' g5qAiPc112';
-    else rules += ' gE112';
-    if (props.isResizing) rules += ' gle112';
-    else if (props.isFocusVisible) rules += ' gle112';
-    else rules += ' gla112';
-    if (props.isResizing) rules += ' Fc112';
-    else rules += ' Fb112';
-    if (props.isResizing) rules += ' Zf112';
-    else rules += ' Ze112';
-    rules += ' _Pa112';
-    rules += ' _AWJpoB112';
+    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 $0fcd5fb617970a1d$var$columnHeaderText = " _Nc112 Pc112 _Yb112 _7c112 NXJkxGe112 _ua112 _vb112 _sd112";
-const $0fcd5fb617970a1d$var$chevronIcon = " _Sd112 It112 Isu112 NXJkxGe112 _va112 -_8sjo0b-t5ZbAob112";
-const $0fcd5fb617970a1d$var$nubbin = " _Pa112 Wr112 _AlhfIS112 ZXJkxGe112 FXJkxGe112 t5qAiPc112 tla112 -_8sjo0b-tw112 -_8sjo0b-lt8pvGJ112";
+const $0fcd5fb617970a1d$var$columnHeaderText = " _Nc12 Pc12 _Yb12 _7c12 NXJkxGe12 _ua12 _vb12 _sd12";
+const $0fcd5fb617970a1d$var$chevronIcon = " _Sd12 It12 Isu12 NXJkxGe12 _va12 -_8sjo0b-t5ZbAob12";
+const $0fcd5fb617970a1d$var$nubbin = " _Pa12 Wr12 _AlhfIS12 ZXJkxGe12 FXJkxGe12 t5qAiPc12 tla12 -_8sjo0b-tw12 -_8sjo0b-lt8pvGJ12";
 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);
@@ -706,7 +718,7 @@ function $0fcd5fb617970a1d$var$ColumnWithMenu(props) {
                     }),
                     /*#__PURE__*/ (0, $auVFN$jsxs)((0, $13afb0ea5f0ed767$export$d9b273488cd8ce6f), {
                         onAction: onMenuSelect,
-                        styles: " Nn112",
+                        styles: " Nn12",
                         children: [
                             items.length > 0 && /*#__PURE__*/ (0, $auVFN$jsx)((0, $13afb0ea5f0ed767$export$4b1545b4f2016d26), {
                                 children: /*#__PURE__*/ (0, $auVFN$jsx)((0, $auVFN$Collection), {
@@ -757,35 +769,35 @@ function $0fcd5fb617970a1d$var$ResizerIndicator({ isFocusVisible: isFocusVisible
 }
 const $0fcd5fb617970a1d$var$tableHeader = function anonymous(props) {
     let rules = " ";
-    rules += ' Fb112';
-    rules += ' Za112';
-    rules += ' gL112';
-    rules += ' JLPOtrc112';
-    if (props.isHovered) rules += ' -xLp2wc-sb112';
-    else rules += ' -xLp2wc-sk112';
+    rules += ' Fb12';
+    rules += ' Za12';
+    rules += ' gL12';
+    rules += ' JLPOtrc12';
+    if (props.isHovered) rules += ' -xLp2wc-sb12';
+    else rules += ' -xLp2wc-sk12';
     return rules;
 };
-const $0fcd5fb617970a1d$var$selectAllCheckbox = " IC112";
+const $0fcd5fb617970a1d$var$selectAllCheckbox = " IC12";
 const $0fcd5fb617970a1d$var$selectAllCheckboxColumn = function anonymous(props) {
     let rules = " ";
-    rules += ' Td112';
-    rules += ' Qd112';
-    rules += ' Sd112';
-    rules += ' Rd112';
-    rules += ' Fb112';
-    rules += ' _oa112';
-    rules += ' _Le112';
-    rules += ' _Pc112';
-    rules += ' _cb112';
-    rules += ' iq112';
-    rules += ' ila112';
-    rules += ' ma112';
-    rules += ' la112';
-    if (props.isQuiet) rules += ' _kb112';
-    else rules += ' _ka112';
-    rules += ' hb112';
-    rules += ' _jf112';
-    rules += ' gL112';
+    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 $0fcd5fb617970a1d$export$f850895b287ef28e = /*#__PURE__*/ (0, $auVFN$forwardRef)(function TableHeader({ columns: columns, dependencies: dependencies, children: children }, ref) {
@@ -853,88 +865,88 @@ const $0fcd5fb617970a1d$var$commonCellStyles = {
 };
 const $0fcd5fb617970a1d$var$cell = function anonymous(props) {
     let rules = " ";
-    rules += ' iq112';
-    rules += ' ila112';
-    rules += ' hXMFGYc112';
-    rules += ' _kJ8iPYd112';
-    rules += ' ma112';
-    if (props.isDivider) rules += ' lb112';
-    else rules += ' la112';
-    if (props.isDivider) rules += ' _jf112';
-    else rules += ' _je112';
-    rules += ' _Pc112';
-    if (props.isPressed) rules += ' po112';
-    else if (props.isFocusVisible) rules += ' po112';
-    else if (props.isHovered) rules += ' po112';
-    else rules += ' pt112';
-    rules += ' _Le112';
-    rules += ' Sf112';
-    rules += ' Rf112';
-    rules += ' Tu7Fubd112';
-    rules += ' Qu7Fubd112';
-    rules += ' MAyFGYc112';
-    rules += ' _oa112';
-    rules += ' Fb112';
-    rules += ' Za112';
+    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.isPressed) rules += ' po12';
+    else if (props.isFocusVisible) rules += ' po12';
+    else if (props.isHovered) rules += ' po12';
+    else rules += ' pt12';
+    rules += ' _Le12';
+    rules += ' Sf12';
+    rules += ' Rf12';
+    rules += ' Tu7Fubd12';
+    rules += ' Qu7Fubd12';
+    rules += ' MAyFGYc12';
+    rules += ' _oa12';
+    rules += ' Fb12';
+    rules += ' Za12';
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else {
-        rules += ' -_6BNtrc-c112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     }
-    rules += ' eb112';
-    rules += ' sd112';
-    if (props.density === "spacious") rules += ' -M_-Mk112';
-    else if (props.density === "compact") rules += ' -M_-Mi112';
-    else rules += ' -M_-Mh112';
-    rules += ' -_k_-_ka112';
-    rules += ' -h_-hb112';
+    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 $0fcd5fb617970a1d$var$stickyCell = {
     backgroundColor: 'gray-25'
 };
-const $0fcd5fb617970a1d$var$checkboxCellStyle = " iA112 ha112 _ka112 ma112 la112 _jf112 _Pc112 pt112 plb112 _Le112 Sf112 Rf112 gs9yXOb112 _cb112 FBJsHLe112";
+const $0fcd5fb617970a1d$var$checkboxCellStyle = " iA12 ha12 _ka12 ma12 la12 _jf12 _Pc12 pt12 plb12 _Le12 Sf12 Rf12 gs9yXOb12 _cb12 FBJsHLe12";
 const $0fcd5fb617970a1d$var$cellContent = function anonymous(props) {
     let rules = " ";
-    rules += ' _Nc112';
-    rules += ' Pc112';
-    rules += ' _Yb112';
-    if (props.overflowMode === "wrap") rules += ' _7b112';
-    else rules += ' _7c112';
-    if (props.align === "end") rules += ' _Wb112';
-    else if (props.align === "center") rules += ' _Wa112';
-    else if (props.align === "start") rules += ' _Wd112';
-    rules += ' Za112';
-    rules += ' _Bb112';
-    if (props.isSticky) rules += ' Td112';
-    else rules += ' Tp112';
-    if (props.isSticky) rules += ' Qd112';
-    else rules += ' Qp112';
-    if (props.isSticky) rules += ' Sd112';
-    else rules += ' Sp112';
-    if (props.isSticky) rules += ' Rd112';
-    else rules += ' Rp112';
-    if (props.isSticky) rules += ' Jy112';
-    else rules += ' Jb112';
-    if (props.isSticky) rules += ' Gy112';
-    else rules += ' Gb112';
-    if (props.isSticky) rules += ' Iy112';
-    else rules += ' Ib112';
-    if (props.isSticky) rules += ' Hy112';
-    else rules += ' Hb112';
-    if (props.isSticky) rules += ' gs9yXOb112';
-    else rules += ' g9112';
+    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 $0fcd5fb617970a1d$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $auVFN$forwardRef)(function Cell(props, ref) {
@@ -956,7 +968,6 @@ const $0fcd5fb617970a1d$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $auVFN$forwa
         ...otherProps,
         children: ({ isFocusVisible: isFocusVisible })=>/*#__PURE__*/ (0, $auVFN$jsxs)((0, $auVFN$Fragment), {
                 children: [
-                    isFocusVisible && /*#__PURE__*/ (0, $auVFN$jsx)($0fcd5fb617970a1d$var$CellFocusRing, {}),
                     /*#__PURE__*/ (0, $auVFN$jsx)("span", {
                         className: $0fcd5fb617970a1d$var$cellContent({
                             ...tableVisualOptions,
@@ -964,7 +975,8 @@ const $0fcd5fb617970a1d$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $auVFN$forwa
                             align: align || 'start'
                         }),
                         children: children
-                    })
+                    }),
+                    isFocusVisible && /*#__PURE__*/ (0, $auVFN$jsx)($0fcd5fb617970a1d$var$CellFocusRing, {})
                 ]
             })
     });
@@ -992,32 +1004,32 @@ const $0fcd5fb617970a1d$var$rowBackgroundColor = {
 };
 const $0fcd5fb617970a1d$var$row = function anonymous(props) {
     let rules = " ";
-    rules += ' Fb112';
-    rules += ' _Pc112';
-    rules += ' _oa112';
-    rules += ' gs9yXOb112';
+    rules += ' Fb12';
+    rules += ' _Pc12';
+    rules += ' _oa12';
+    rules += ' gs9yXOb12';
     if (props.isSelected) {
-        if (props.isPressed) rules += ' -qH4xad-gT9rOHd112';
-        else if (props.isHovered) rules += ' -qH4xad-gT9rOHd112';
-        else if (props.isFocusVisibleWithin) rules += ' -qH4xad-gT9rOHd112';
-        else rules += ' -qH4xad-gJpow3b112';
-    } else if (props.isPressed) rules += ' -qH4xad-gRfT7e112';
-    else if (props.isHovered) rules += ' -qH4xad-gj1B7i112';
-    else if (props.isFocusVisibleWithin) rules += ' -qH4xad-gj1B7i112';
-    else if (props.isQuiet) rules += ' -qH4xad-gEzkoQe112';
-    else rules += ' -qH4xad-gX112';
-    rules += ' -qH4xad-lga112';
-    rules += ' -_34HbNb-Oh112';
-    rules += ' -_34HbNb-lOc112';
-    rules += ' _Le112';
-    rules += ' _ka112';
-    rules += ' hb112';
-    rules += ' ma112';
-    rules += ' la112';
-    rules += ' _jf112';
-    rules += ' iq112';
-    rules += ' ila112';
-    rules += ' _yb112';
+        if (props.isPressed) rules += ' -qH4xad-gT9rOHd12';
+        else if (props.isHovered) rules += ' -qH4xad-gT9rOHd12';
+        else if (props.isFocusVisibleWithin) rules += ' -qH4xad-gT9rOHd12';
+        else rules += ' -qH4xad-gJpow3b12';
+    } 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';
+    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 $0fcd5fb617970a1d$export$b59bdbef9ce70de2 = /*#__PURE__*/ (0, $auVFN$forwardRef)(function Row({ id: id, columns: columns, children: children, dependencies: dependencies = [], ...otherProps }, ref) {