@react-spectrum/s2 1.1.0 → 1.2.0

package/dist/Tooltip.mjs

@@ -22,108 +22,108 @@ import {useDOMRef as $iNhwA$useDOMRef} from "@react-spectrum/utils";
 
 const $4c20647d6e5d8fdf$var$tooltip = function anonymous(props) {
     let rules = " ";
-    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 += ' _Ca11';
-    rules += ' eb11';
-    rules += ' Le11';
-    rules += ' MAyFGYc11';
-    rules += ' _oa11';
-    rules += ' uk11';
-    rules += ' ucJ9TBTb11';
-    rules += ' ud3Euai11';
-    rules += ' uea11';
-    rules += ' ugb11';
-    rules += ' uhd11';
-    rules += ' uje11';
-    rules += ' u2NhKxcl11';
-    rules += ' uic11';
-    rules += ' -_6BNtrc-b11';
-    rules += ' vx11';
-    rules += ' xb11';
-    rules += ' _xa11';
-    rules += ' _Fd11';
-    rules += ' _FnuYUweb11';
-    rules += ' pr11';
-    rules += ' plb11';
-    rules += ' _kJ8iPYd11';
-    rules += ' hXMFGYc11';
-    rules += ' mlb11';
-    rules += ' llb11';
-    rules += ' _jlf11';
-    rules += ' ilA11';
-    rules += ' g011';
-    rules += ' ob11';
-    rules += ' nb11';
-    rules += ' kb11';
-    rules += ' jb11';
-    rules += ' Sv11';
-    rules += ' Rv11';
-    rules += ' Tu7Fubd11';
-    rules += ' Qu7Fubd11';
-    rules += ' Yd11';
-    rules += ' Xc11';
-    if (props.isExiting) rules += ' _2c11';
+    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 += ' _Ca12';
+    rules += ' eb12';
+    rules += ' Le12';
+    rules += ' MAyFGYc12';
+    rules += ' _oa12';
+    rules += ' uk12';
+    rules += ' ucJ9TBTb12';
+    rules += ' ud3Euai12';
+    rules += ' uea12';
+    rules += ' ugb12';
+    rules += ' uhd12';
+    rules += ' uje12';
+    rules += ' u2NhKxcl12';
+    rules += ' uic12';
+    rules += ' -_6BNtrc-b12';
+    rules += ' vx12';
+    rules += ' xb12';
+    rules += ' _xa12';
+    rules += ' _Fd12';
+    rules += ' _FnuYUweb12';
+    rules += ' pr12';
+    rules += ' plb12';
+    rules += ' _kJ8iPYd12';
+    rules += ' hXMFGYc12';
+    rules += ' mlb12';
+    rules += ' llb12';
+    rules += ' _jlf12';
+    rules += ' ilA12';
+    rules += ' g012';
+    rules += ' ob12';
+    rules += ' nb12';
+    rules += ' kb12';
+    rules += ' jb12';
+    rules += ' Sv12';
+    rules += ' Rv12';
+    rules += ' Tu7Fubd12';
+    rules += ' Qu7Fubd12';
+    rules += ' Yd12';
+    rules += ' Xc12';
+    if (props.isExiting) rules += ' _2c12';
     if (props.placement === "right") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-m11';
-            rules += ' __Ya11';
+            rules += ' -_7PloMd-m12';
+            rules += ' __Ya12';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-m11';
-            rules += ' __Ya11';
+            rules += ' -_7PloMd-m12';
+            rules += ' __Ya12';
         }
     } else if (props.placement === "left") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-G11';
-            rules += ' __Ya11';
+            rules += ' -_7PloMd-G12';
+            rules += ' __Ya12';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-G11';
-            rules += ' __Ya11';
+            rules += ' -_7PloMd-G12';
+            rules += ' __Ya12';
         }
     }
     if (props.placement === "bottom") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-l11';
-            rules += ' __Ya11';
+            rules += ' -_8PloMd-l12';
+            rules += ' __Ya12';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-l11';
-            rules += ' __Ya11';
+            rules += ' -_8PloMd-l12';
+            rules += ' __Ya12';
         }
     } else if (props.placement === "top") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-F11';
-            rules += ' __Ya11';
+            rules += ' -_8PloMd-F12';
+            rules += ' __Ya12';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-F11';
-            rules += ' __Ya11';
+            rules += ' -_8PloMd-F12';
+            rules += ' __Ya12';
         }
     }
-    if (props.isExiting) rules += ' _Ia11';
-    else if (props.isEntering) rules += ' _Ia11';
-    rules += ' -nTSCV-LTAEPe11';
-    rules += ' -M_-Mg11';
-    rules += ' -_k_-l_kb11';
-    rules += ' -h_-lhb11';
+    if (props.isExiting) rules += ' _Ia12';
+    else if (props.isEntering) rules += ' _Ia12';
+    rules += ' -nTSCV-LTAEPe12';
+    rules += ' -M_-Mg12';
+    rules += ' -_k_-l_kb12';
+    rules += ' -h_-lhb12';
     return rules;
 };
 const $4c20647d6e5d8fdf$var$arrowStyles = function anonymous(props) {
     let rules = " ";
-    rules += ' sb11';
-    rules += ' tr11';
-    rules += ' Zi11';
-    rules += ' Ff11';
-    if (props.placement === "right") rules += ' _Sd11';
-    else if (props.placement === "left") rules += ' _Sa11';
-    else if (props.placement === "bottom") rules += ' _Sc11';
-    else if (props.placement === "top") rules += ' _Sb11';
+    rules += ' sb12';
+    rules += ' tr12';
+    rules += ' Zi12';
+    rules += ' Ff12';
+    if (props.placement === "right") rules += ' _Sd12';
+    else if (props.placement === "left") rules += ' _Sa12';
+    else if (props.placement === "bottom") rules += ' _Sc12';
+    else if (props.placement === "top") rules += ' _Sb12';
     if (props.placement === "right") {
-        rules += ' -_7PloMd-y11';
-        rules += ' __Ya11';
+        rules += ' -_7PloMd-y12';
+        rules += ' __Ya12';
     } else if (props.placement === "left") {
-        rules += ' -_7PloMd-e11';
-        rules += ' __Ya11';
+        rules += ' -_7PloMd-e12';
+        rules += ' __Ya12';
     }
     return rules;
 };

package/dist/TreeView.cjs

@@ -8,6 +8,7 @@ var $bde97c91243ed164$exports = require("../icons/Icon.cjs");
 var $4526404114e78c80$exports = require("./intlStrings.cjs");
 var $1c116ea4b0d2d023$exports = require("./ProgressCircle.cjs");
 var $6367bc87eb7d24ad$exports = require("./Content.cjs");
+var $85bf454149fe9ddc$exports = require("./ActionBar.cjs");
 var $ee7b4c497f520c08$exports = require("./utils.cjs");
 var $6K4Mt$reactjsxruntime = require("react/jsx-runtime");
 var $6K4Mt$reactariacomponents = require("react-aria-components");
@@ -53,41 +54,52 @@ $parcel$export(module.exports, "TreeViewLoadMoreItem", () => $8a2a97a0cb171e69$e
 
 
 
+
 const $8a2a97a0cb171e69$var$TreeRendererContext = /*#__PURE__*/ (0, $6K4Mt$react.createContext)({});
-// TODO: the below is needed so the borders of the top and bottom row isn't cut off if the TreeView is wrapped within a container by always reserving the 2px needed for the
-// keyboard focus ring. Perhaps find a different way of rendering the outlines since the top of the item doesn't
-// scroll into view due to how the ring is offset. Alternatively, have the tree render the top/bottom outline like it does in Listview
-const $8a2a97a0cb171e69$var$tree = function anonymous(props, overrides) {
+const $8a2a97a0cb171e69$var$treeViewWrapper = function anonymous(props, overrides) {
     let rules = " ";
     let minHeight = false;
     let minWidth = false;
-    let width = false;
-    let height = false;
+    let position = false;
     let matches = String(overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|F|M|K)[^\s]+/g);
     for (let p of matches){
         if (p[1] === "M") minHeight = true;
         if (p[1] === "N") minWidth = true;
-        if (p[1] === "Z") width = true;
-        if (p[1] === "F") height = true;
+        if (p[1] === "_P") position = true;
         rules += p[0];
     }
-    if (props.isFocusVisible) rules += ' _Lf11';
-    else rules += ' _Le11';
-    rules += ' Oh11';
-    rules += ' Olc11';
-    rules += ' _Mc11';
-    rules += ' _Kb11';
-    rules += ' _4c11';
-    if (!minHeight) rules += ' Ma11';
-    if (!minWidth) rules += ' Na11';
-    if (!width) rules += ' Za11';
-    if (!height) rules += ' Fb11';
-    rules += ' _Na11';
-    rules += ' Pa11';
-    rules += ' _oa11';
-    if (props.isEmpty) rules += ' _Ca11';
-    if (props.isEmpty) rules += ' eb11';
-    rules += ' -lPUMEc-Zu11';
+    if (!minHeight) rules += ' Ma12';
+    if (!minWidth) rules += ' Na12';
+    rules += ' sd12';
+    rules += ' _Bb12';
+    rules += ' __ca12';
+    if (!position) rules += ' _Pc12';
+    rules += ' _Nb12';
+    rules += ' Pb12';
+    return rules;
+};
+// TODO: the below is needed so the borders of the top and bottom row isn't cut off if the TreeView is wrapped within a container by always reserving the 2px needed for the
+// keyboard focus ring. Perhaps find a different way of rendering the outlines since the top of the item doesn't
+// scroll into view due to how the ring is offset. Alternatively, have the tree render the top/bottom outline like it does in Listview
+const $8a2a97a0cb171e69$var$tree = function anonymous(props) {
+    let rules = " ";
+    if (props.isFocusVisible) rules += ' _Lf12';
+    else rules += ' _Le12';
+    rules += ' Oh12';
+    rules += ' Olc12';
+    rules += ' _Mc12';
+    rules += ' _Kb12';
+    rules += ' _4c12';
+    rules += ' Ma12';
+    rules += ' Na12';
+    rules += ' Za12';
+    rules += ' Fb12';
+    rules += ' _Na12';
+    rules += ' Pa12';
+    rules += ' _oa12';
+    if (props.isEmpty) rules += ' _Ca12';
+    if (props.isEmpty) rules += ' eb12';
+    rules += ' -lPUMEc-Zu12';
     return rules;
 };
 const $8a2a97a0cb171e69$export$6940b0d9c820eca7 = /*#__PURE__*/ (0, $6K4Mt$react.forwardRef)(function TreeView(props, ref) {
@@ -96,7 +108,12 @@ const $8a2a97a0cb171e69$export$6940b0d9c820eca7 = /*#__PURE__*/ (0, $6K4Mt$react
     let renderer;
     if (typeof children === 'function') renderer = children;
     let domRef = (0, $6K4Mt$reactspectrumutils.useDOMRef)(ref);
-    return /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $6K4Mt$reactariacomponents.Virtualizer), {
+    let scrollRef = (0, $6K4Mt$react.useRef)(null);
+    let { selectedKeys: selectedKeys, onSelectionChange: onSelectionChange, actionBar: actionBar, actionBarHeight: actionBarHeight } = (0, $85bf454149fe9ddc$exports.useActionBarContainer)({
+        ...props,
+        scrollRef: scrollRef
+    });
+    let treeContent = /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $6K4Mt$reactariacomponents.Virtualizer), {
         layout: (0, $6K4Mt$reactariacomponents.ListLayout),
         layoutOptions: {
             rowHeight: scale === 'large' ? 50 : 40
@@ -107,16 +124,33 @@ const $8a2a97a0cb171e69$export$6940b0d9c820eca7 = /*#__PURE__*/ (0, $6K4Mt$react
             },
             children: /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $6K4Mt$reactariacomponents.Tree), {
                 ...props,
-                style: UNSAFE_style,
-                className: (renderProps)=>(UNSAFE_className ?? '') + $8a2a97a0cb171e69$var$tree({
+                style: {
+                    ...!props.renderActionBar ? UNSAFE_style : {},
+                    paddingBottom: actionBarHeight > 0 ? actionBarHeight + 8 : 0,
+                    scrollPaddingBottom: actionBarHeight > 0 ? actionBarHeight + 8 : 0
+                },
+                className: (renderProps)=>(!props.renderActionBar ? UNSAFE_className ?? '' : '') + $8a2a97a0cb171e69$var$tree({
                         ...renderProps
-                    }, props.styles),
+                    }),
                 selectionBehavior: "toggle",
-                ref: domRef,
+                selectedKeys: selectedKeys,
+                defaultSelectedKeys: undefined,
+                onSelectionChange: onSelectionChange,
+                ref: props.renderActionBar ? scrollRef : domRef,
                 children: props.children
             })
         })
     });
+    if (props.renderActionBar) return /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsxs)("div", {
+        ref: domRef,
+        className: (UNSAFE_className ?? '') + $8a2a97a0cb171e69$var$treeViewWrapper(null, props.styles),
+        style: UNSAFE_style,
+        children: [
+            treeContent,
+            actionBar
+        ]
+    });
+    return treeContent;
 });
 const $8a2a97a0cb171e69$var$rowBackgroundColor = {
     default: '--s2-container-bg',
@@ -135,96 +169,96 @@ const $8a2a97a0cb171e69$var$rowBackgroundColor = {
 };
 const $8a2a97a0cb171e69$var$treeRow = function anonymous(props) {
     let rules = " ";
-    rules += ' _Pc11';
-    rules += ' sd11';
-    rules += ' Fv11';
-    rules += ' Za11';
-    rules += ' _oa11';
-    rules += ' uk11';
-    rules += ' ucJ9TBTb11';
-    rules += ' ud3Euai11';
-    rules += ' uea11';
-    rules += ' ugb11';
-    rules += ' uhd11';
-    rules += ' uje11';
-    rules += ' u2NhKxcl11';
-    rules += ' uic11';
-    rules += ' -_6BNtrc-c11';
-    rules += ' vx11';
-    rules += ' xb11';
-    rules += ' _xa11';
-    rules += ' _Fd11';
-    rules += ' _FnuYUweb11';
+    rules += ' _Pc12';
+    rules += ' sd12';
+    rules += ' Fv12';
+    rules += ' Za12';
+    rules += ' _oa12';
+    rules += ' uk12';
+    rules += ' ucJ9TBTb12';
+    rules += ' ud3Euai12';
+    rules += ' uea12';
+    rules += ' ugb12';
+    rules += ' uhd12';
+    rules += ' uje12';
+    rules += ' u2NhKxcl12';
+    rules += ' uic12';
+    rules += ' -_6BNtrc-c12';
+    rules += ' vx12';
+    rules += ' xb12';
+    rules += ' _xa12';
+    rules += ' _Fd12';
+    rules += ' _FnuYUweb12';
     if (props.isSelected) {
-        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';
     } else {
-        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';
     }
-    rules += ' plb11';
-    rules += ' _Le11';
-    if (props.isLink) rules += ' ry11';
-    else rules += ' ri11';
+    rules += ' plb12';
+    rules += ' _Le12';
+    if (props.isLink) rules += ' ry12';
+    else rules += ' ri12';
     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 rules += ' -qH4xad-gEzkoQe11';
-    rules += ' -qH4xad-lga11';
-    rules += ' -_34HbNb-Oh11';
-    rules += ' -_34HbNb-lOc11';
+        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 rules += ' -qH4xad-gEzkoQe12';
+    rules += ' -qH4xad-lga12';
+    rules += ' -_34HbNb-Oh12';
+    rules += ' -_34HbNb-lOc12';
     return rules;
 };
 const $8a2a97a0cb171e69$var$treeCellGrid = function anonymous(props) {
     let rules = " ";
-    rules += ' se11';
-    rules += ' Za11';
-    rules += ' Fb11';
-    rules += ' _oa11';
-    rules += ' _cb11';
-    rules += ' eb11';
-    rules += ' Dw9uTxc11';
-    rules += ' EM8Mfn11';
-    rules += ' CgjMZ2c11';
-    rules += ' gs9yXOb11';
-    rules += ' Rp11';
+    rules += ' se12';
+    rules += ' Za12';
+    rules += ' Fb12';
+    rules += ' _oa12';
+    rules += ' _cb12';
+    rules += ' eb12';
+    rules += ' Dw9uTxc12';
+    rules += ' EM8Mfn12';
+    rules += ' CgjMZ2c12';
+    rules += ' gs9yXOb12';
+    rules += ' Rp12';
     if (props.isDisabled) {
-        rules += ' pp11';
-        rules += ' plc11';
+        rules += ' pp12';
+        rules += ' plc12';
     }
-    if (props.isFocusVisible) rules += ' -_7xg3bb-Oh11';
-    else rules += ' -_7xg3bb-O8Izf8c11';
-    rules += ' -_7xg3bb-lOc11';
-    rules += ' -pKMv1c-Oh11';
-    rules += ' -pKMv1c-lOc11';
+    if (props.isFocusVisible) rules += ' -_7xg3bb-Oh12';
+    else rules += ' -_7xg3bb-O8Izf8c12';
+    rules += ' -_7xg3bb-lOc12';
+    rules += ' -pKMv1c-Oh12';
+    rules += ' -pKMv1c-lOc12';
     return rules;
 };
 const $8a2a97a0cb171e69$var$treeCheckbox = function anonymous(props) {
     let rules = " ";
-    rules += ' zoRzcu11';
-    rules += ' yoRzcu11';
-    rules += ' BoRzcu11';
-    rules += ' AoRzcu11';
-    rules += ' Ix11';
-    rules += ' Hy11';
-    rules += ' Rd11';
-    if (props.isDisabled) rules += ' _6b11';
-    else rules += ' _6c11';
+    rules += ' zoRzcu12';
+    rules += ' yoRzcu12';
+    rules += ' BoRzcu12';
+    rules += ' AoRzcu12';
+    rules += ' Ix12';
+    rules += ' Hy12';
+    rules += ' Rd12';
+    if (props.isDisabled) rules += ' _6b12';
+    else rules += ' _6c12';
     return rules;
 };
-const $8a2a97a0cb171e69$var$treeIcon = " z2U5Crc11 y2U5Crc11 B2U5Crc11 A2U5Crc11 Ht11 Hsu11 -_8sjo0b-t5ZbAob11";
-const $8a2a97a0cb171e69$var$treeContent = " zk52g2d11 yk52g2d11 Bk52g2d11 Ak52g2d11 _Yb11 _7c11 _Nc11 Pc11";
-const $8a2a97a0cb171e69$var$treeActions = " zkG38H11 ykG38H11 BkG38H11 AkG38H11 Ir11 Hs11";
-const $8a2a97a0cb171e69$var$treeActionMenu = " z6Nrfjc11 y6Nrfjc11 B6Nrfjc11 A6Nrfjc11";
+const $8a2a97a0cb171e69$var$treeIcon = " z2U5Crc12 y2U5Crc12 B2U5Crc12 A2U5Crc12 Ht12 Hsu12 -_8sjo0b-t5ZbAob12";
+const $8a2a97a0cb171e69$var$treeContent = " zk52g2d12 yk52g2d12 Bk52g2d12 Ak52g2d12 _Yb12 _7c12 _Nc12 Pc12";
+const $8a2a97a0cb171e69$var$treeActions = " zkG38H12 ykG38H12 BkG38H12 AkG38H12 Ir12 Hs12";
+const $8a2a97a0cb171e69$var$treeActionMenu = " z6Nrfjc12 y6Nrfjc12 B6Nrfjc12 A6Nrfjc12";
 const $8a2a97a0cb171e69$var$treeRowFocusIndicator = "tDhuzb";
 const $8a2a97a0cb171e69$export$6e77ea6719814e9c = (props)=>{
     let { href: href } = props;
@@ -265,7 +299,7 @@ const $8a2a97a0cb171e69$export$9a5779ed3fade674 = (props)=>{
                         })
                     }),
                     /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)("div", {
-                        className: " z7fSmKc11 y7fSmKc11 B7fSmKc11 A7fSmKc11 ZecPNad11"
+                        className: " z7fSmKc12 y7fSmKc12 B7fSmKc12 A7fSmKc12 ZecPNad12"
                     }),
                     /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)($8a2a97a0cb171e69$var$ExpandableRowChevron, {
                         isDisabled: isDisabled,
@@ -288,7 +322,7 @@ const $8a2a97a0cb171e69$export$9a5779ed3fade674 = (props)=>{
                                         slot: 'icon',
                                         styles: $8a2a97a0cb171e69$var$treeIcon
                                     }),
-                                    styles: " ZuUmpre11 FuUmpre11 _va11"
+                                    styles: " ZuUmpre12 FuUmpre12 _va12"
                                 }
                             ],
                             [
@@ -316,7 +350,7 @@ const $8a2a97a0cb171e69$export$9a5779ed3fade674 = (props)=>{
         }
     });
 };
-const $8a2a97a0cb171e69$var$centeredWrapper = " sd11 eb11 _Ca11 Za11 Fb11";
+const $8a2a97a0cb171e69$var$centeredWrapper = " sd12 eb12 _Ca12 Za12 Fb12";
 const $8a2a97a0cb171e69$export$6ceebe2a029205c = (props)=>{
     let { loadingState: loadingState, onLoadMore: onLoadMore } = props;
     let stringFormatter = (0, $6K4Mt$reactaria.useLocalizedStringFormatter)((0, ($parcel$interopDefault($4526404114e78c80$exports))), '@react-spectrum/s2');
@@ -324,7 +358,7 @@ const $8a2a97a0cb171e69$export$6ceebe2a029205c = (props)=>{
     return /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $6K4Mt$reactariacomponents.TreeLoadMoreItem), {
         isLoading: isLoading,
         onLoadMore: onLoadMore,
-        className: " Za11 Js11 Gs11",
+        className: " Za12 Js12 Gs12",
         children: ()=>{
             return /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)("div", {
                 className: $8a2a97a0cb171e69$var$centeredWrapper,
@@ -338,37 +372,37 @@ const $8a2a97a0cb171e69$export$6ceebe2a029205c = (props)=>{
 };
 const $8a2a97a0cb171e69$var$expandButton = function anonymous(props) {
     let rules = " ";
-    rules += ' z8dW5Qb11';
-    rules += ' y8dW5Qb11';
-    rules += ' B8dW5Qb11';
-    rules += ' A8dW5Qb11';
+    rules += ' z8dW5Qb12';
+    rules += ' y8dW5Qb12';
+    rules += ' B8dW5Qb12';
+    rules += ' A8dW5Qb12';
     if (props.isDisabled) {
-        rules += ' pp11';
-        rules += ' plc11';
-    } else rules += ' p40ub4c11';
-    rules += ' Fv11';
-    rules += ' Zw11';
-    rules += ' sd11';
-    rules += ' _wb11';
-    rules += ' _cb11';
-    rules += ' _Ca11';
-    rules += ' _Le11';
-    rules += ' ri11';
+        rules += ' pp12';
+        rules += ' plc12';
+    } else rules += ' p40ub4c12';
+    rules += ' Fv12';
+    rules += ' Zw12';
+    rules += ' sd12';
+    rules += ' _wb12';
+    rules += ' _cb12';
+    rules += ' _Ca12';
+    rules += ' _Le12';
+    rules += ' ri12';
     if (props.isExpanded) {
-        if (props.isRTL) rules += ' _Za11';
-        else rules += ' _Zb11';
+        if (props.isRTL) rules += ' _Za12';
+        else rules += ' _Zb12';
     }
-    rules += ' Td11';
-    rules += ' Qd11';
-    rules += ' Sd11';
-    rules += ' Rd11';
-    rules += ' Yd11';
-    rules += ' Xb11';
-    rules += ' _2b11';
-    rules += ' g911';
-    rules += ' _je11';
-    rules += ' __ca11';
-    if (props.isHidden) rules += ' _6b11';
+    rules += ' Td12';
+    rules += ' Qd12';
+    rules += ' Sd12';
+    rules += ' Rd12';
+    rules += ' Yd12';
+    rules += ' Xb12';
+    rules += ' _2b12';
+    rules += ' g912';
+    rules += ' _je12';
+    rules += ' __ca12';
+    if (props.isHidden) rules += ' _6b12';
     return rules;
 };
 function $8a2a97a0cb171e69$var$ExpandableRowChevron(props1) {
@@ -394,20 +428,20 @@ function $8a2a97a0cb171e69$var$ExpandableRowChevron(props1) {
             className: function anonymous(props) {
                 let rules = " ";
                 if (props.direction === "rtl") {
-                    rules += ' -Z4Pn4c-a11';
-                    rules += ' __Ha11';
+                    rules += ' -Z4Pn4c-a12';
+                    rules += ' __Ha12';
                 } else if (props.direction === "ltr") {
-                    rules += ' -Z4Pn4c-b11';
-                    rules += ' __Ha11';
+                    rules += ' -Z4Pn4c-b12';
+                    rules += ' __Ha12';
                 }
                 if (props.direction === "rtl") {
-                    rules += ' -_04Pn4c-a11';
-                    rules += ' __Ha11';
+                    rules += ' -_04Pn4c-a12';
+                    rules += ' __Ha12';
                 } else if (props.direction === "ltr") {
-                    rules += ' -_04Pn4c-b11';
-                    rules += ' __Ha11';
+                    rules += ' -_04Pn4c-b12';
+                    rules += ' __Ha12';
                 }
-                rules += ' -_8sjo0b-t5ZbAob11';
+                rules += ' -_8sjo0b-t5ZbAob12';
                 return rules;
             }({
                 direction: direction