@react-spectrum/s2 3.0.0-nightly-4b8b33a02-250211 → 3.0.0-nightly-260eb700f-250213

package/dist/TreeView.cjs

@@ -6,6 +6,7 @@ var $af04e099a53d3e85$exports = require("./Checkbox.cjs");
 var $1df9f1c9262ce5df$exports = require("./Chevron.cjs");
 var $bde97c91243ed164$exports = require("../icons/Icon.cjs");
 var $6367bc87eb7d24ad$exports = require("./Content.cjs");
+var $ee7b4c497f520c08$exports = require("./utils.cjs");
 var $6K4Mt$reactjsxruntime = require("react/jsx-runtime");
 var $6K4Mt$reactariacomponents = require("react-aria-components");
 var $6K4Mt$reactariautils = require("@react-aria/utils");
@@ -14,15 +15,12 @@ var $6K4Mt$reactspectrumutils = require("@react-spectrum/utils");
 var $6K4Mt$reactaria = require("react-aria");
 
 
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
 $parcel$export(module.exports, "TreeViewItem", () => $8a2a97a0cb171e69$export$6e77ea6719814e9c);
+$parcel$export(module.exports, "TreeItemContent", () => $8a2a97a0cb171e69$export$4b687e3f663d618c);
 $parcel$export(module.exports, "TreeView", () => $8a2a97a0cb171e69$export$6940b0d9c820eca7);
 /*
  * Copyright 2024 Adobe. All rights reserved.
@@ -47,54 +45,55 @@ $parcel$export(module.exports, "TreeView", () => $8a2a97a0cb171e69$export$6940b0
 
 
 
+
 const $8a2a97a0cb171e69$var$TreeRendererContext = /*#__PURE__*/ (0, $6K4Mt$react.createContext)({});
-function $8a2a97a0cb171e69$var$useTreeRendererContext() {
-    return (0, $6K4Mt$react.useContext)($8a2a97a0cb171e69$var$TreeRendererContext);
-}
 let $8a2a97a0cb171e69$var$InternalTreeContext = /*#__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) {
     let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a|k|p|q|j|n|o)[^\s]+/g) || [];
+    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r|k|o|p)[^\s]+/g) || [];
     rules += matches.join('');
-    let $n = false;
-    let $p = false;
+    let $o = false;
+    let $q = false;
+    let $l = false;
     let $k = false;
-    let $j = false;
     for (let p of matches){
-        if (/^\s*n/.test(p)) $n = true;
-        if (/^\s*p/.test(p)) $p = true;
+        if (/^\s*o/.test(p)) $o = true;
+        if (/^\s*q/.test(p)) $q = true;
+        if (/^\s*l/.test(p)) $l = true;
         if (/^\s*k/.test(p)) $k = true;
-        if (/^\s*j/.test(p)) $j = true;
     }
-    rules += ' __Ha';
-    if (!$n) rules += ' no';
-    if (!$p) rules += ' po';
-    if (!$k) rules += ' kb';
-    rules += ' __za';
-    rules += ' __Aa';
-    rules += ' __ra';
-    if (props.isEmpty) rules += ' _6d';
-    if (props.isEmpty) rules += ' _5c';
-    if (!$j) {
-        if (props.isEmpty) rules += ' jb';
+    rules += ' __Ea';
+    if (!$o) rules += ' oo';
+    if (!$q) rules += ' qo';
+    if (!$l) rules += ' lb';
+    rules += ' __wa';
+    rules += ' __xa';
+    rules += ' __oa';
+    if (props.isEmpty) rules += ' _3d';
+    if (props.isEmpty) rules += ' _2c';
+    if (!$k) {
+        if (props.isEmpty) rules += ' kb';
     }
-    rules += ' -_11sb0gx_k-E';
+    rules += ' -_11sb0gx_l-E';
     return rules;
 };
 function $8a2a97a0cb171e69$var$TreeView(props, ref) {
     let { children: children, isDetached: isDetached, isEmphasized: isEmphasized } = props;
+    let scale = (0, $ee7b4c497f520c08$exports.useScale)();
     let renderer;
     if (typeof children === 'function') renderer = children;
     let domRef = (0, $6K4Mt$reactspectrumutils.useDOMRef)(ref);
+    let rowHeight = isDetached ? 44 : 40;
+    if (scale === 'large') rowHeight = isDetached ? 54 : 50;
     let layout = (0, $6K4Mt$react.useMemo)(()=>{
         return new (0, $6K4Mt$reactariacomponents.UNSTABLE_ListLayout)({
-            rowHeight: isDetached ? 42 : 40
+            rowHeight: rowHeight
         });
     }, [
-        isDetached
+        rowHeight
     ]);
     return /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $6K4Mt$reactariacomponents.UNSTABLE_Virtualizer), {
         layout: layout,
@@ -150,28 +149,28 @@ const $8a2a97a0cb171e69$var$rowBackgroundColor = {
 };
 const $8a2a97a0cb171e69$var$treeRow = function anonymous(props) {
     let rules = " .";
-    rules += ' Yc';
-    rules += ' _3d';
-    rules += ' j2';
-    rules += ' kb';
-    rules += ' __ra';
-    rules += ' _g-bc1l9oh';
-    rules += ' _g-1uotwbwg';
-    rules += ' _g-eo0c6sf';
-    rules += ' _g-enzzrge';
-    rules += ' _g-enzykdd';
-    rules += ' _g-enzwzjc';
-    rules += ' _g-enzrfpb';
+    rules += ' Vc';
+    rules += ' _0d';
+    rules += ' k2';
+    rules += ' lb';
+    rules += ' __oa';
+    rules += ' _d-bc1l9oh';
+    rules += ' _d-1uotwbwg';
+    rules += ' _d-eo0c6sf';
+    rules += ' _d-enzzrge';
+    rules += ' _d-enzykdd';
+    rules += ' _d-enzwzjc';
+    rules += ' _d-enzrfpb';
+    rules += ' _da';
+    rules += ' _ebf';
+    rules += ' _ee';
+    rules += ' _fb';
+    rules += ' _g-1x99dlob';
     rules += ' _ga';
-    rules += ' _hbf';
-    rules += ' _he';
-    rules += ' _ib';
-    rules += ' _j-1x99dlob';
-    rules += ' _ja';
     rules += ' an';
-    rules += ' _Pa';
-    if (props.isLink) rules += ' __Lc';
-    else rules += ' __Lb';
+    rules += ' _Ma';
+    if (props.isLink) rules += ' __Ic';
+    else rules += ' __Ib';
     rules += ' -_19jpv4m_b-a_____H';
     if (props.isSelected) {
         if (props.isPressed) {
@@ -189,76 +188,51 @@ const $8a2a97a0cb171e69$var$treeRow = function anonymous(props) {
     else if (props.isHovered) rules += ' -_19jpv4m_b--26tcdv';
     else if (props.isFocusVisibleWithin) rules += ' -_19jpv4m_b--26tcdv';
     else rules += ' -_19jpv4m_b--1de2x0q';
-    rules += ' -oorfdf_c-a_____M';
-    rules += ' -oorfdf_c-x';
+    rules += ' -oorfdf_d-a_____M';
+    rules += ' -oorfdf_d-x';
     return rules;
 };
 const $8a2a97a0cb171e69$var$treeCellGrid = function anonymous(props) {
     let rules = " .";
-    rules += ' _3f';
+    rules += ' _0f';
+    rules += ' lb';
     rules += ' kb';
-    rules += ' _4b';
-    rules += ' _5c';
-    rules += ' __l-r3ezpz';
-    rules += ' __m-2wzs0i';
-    rules += ' __n-17p9pp0';
+    rules += ' _1b';
+    rules += ' _2c';
+    rules += ' __i-22ig44';
+    rules += ' __j-2wzs0i';
+    rules += ' __k-17p9pp0';
     rules += ' b-19jpv4m';
-    rules += ' Gc';
+    rules += ' Dc';
     if (props.isDisabled) {
         rules += ' aa_____O';
         rules += ' aj';
     }
-    rules += ' -fm23a5_c-a_____M';
-    if (props.isFocusVisible) rules += ' -fm23a5_c-x';
-    else rules += ' -fm23a5_c-n';
-    rules += ' -_17c7snb_c-a_____M';
-    rules += ' -_17c7snb_c-x';
+    rules += ' -fm23a5_d-a_____M';
+    if (props.isFocusVisible) rules += ' -fm23a5_d-x';
+    else rules += ' -fm23a5_d-n';
+    rules += ' -_17c7snb_d-a_____M';
+    rules += ' -_17c7snb_d-x';
     if (props.isDetached) {
-        if (props.isSelected) rules += ' x-fm23a5';
-        else rules += ' xa';
-    } else if (props.isSelected) {
-        if (props.isFirst) rules += ' xa';
-    } else rules += ' xa';
-    if (props.isDetached) {
-        if (props.isSelected) rules += ' w-fm23a5';
-        else rules += ' wa';
-    } else if (props.isSelected) rules += ' wa';
-    else rules += ' wa';
-    if (props.isDetached) {
-        if (props.isSelected) rules += ' y-fm23a5';
-        else rules += ' ya';
-    } else if (props.isNextFocused) rules += ' ya';
-    else if (props.isNextSelected) rules += ' ya';
-    else if (props.isSelected) rules += ' ya';
-    else rules += ' ya';
-    if (props.isDetached) {
-        if (props.isSelected) rules += ' v-fm23a5';
-        else rules += ' va';
-    } else if (props.isSelected) rules += ' va';
-    else rules += ' va';
-    if (props.isDetached) rules += ' tb';
-    else if (props.isFirst) {
-        rules += ' taa';
-        rules += ' tb';
-    } else rules += ' ta';
+        if (props.isSelected) rules += ' c-fm23a5';
+        else rules += ' ca';
+    }
     if (props.isDetached) rules += ' ub';
-    else rules += ' ua';
-    if (props.isDetached) rules += ' rb';
-    else rules += ' ra';
+    if (props.isDetached) rules += ' vb';
     if (props.isDetached) rules += ' sb';
-    else rules += ' sa';
+    if (props.isDetached) rules += ' tb';
+    if (props.isDetached) rules += ' _wc';
+    if (props.isDetached) rules += ' _xc';
+    if (props.isDetached) rules += ' _yc';
     if (props.isDetached) rules += ' _zc';
-    if (props.isDetached) rules += ' _Ac';
-    if (props.isDetached) rules += ' _Bc';
-    if (props.isDetached) rules += ' _Cc';
-    rules += ' za';
+    if (props.isDetached) rules += ' wa';
     return rules;
 };
-const $8a2a97a0cb171e69$var$treeCheckbox = " __e-5dolv4 __f-5dolv4 __g-5dolv4 __h-5dolv4 Be Ca Ga";
-const $8a2a97a0cb171e69$var$treeIcon = " __e-qb5q8i __f-qb5q8i __g-qb5q8i __h-qb5q8i CG CbH -rwx0fg_d-b";
-const $8a2a97a0cb171e69$var$treeContent = " __e-drkpd0 __f-drkpd0 __g-drkpd0 __h-drkpd0 _qa _tb __zb __Ab";
-const $8a2a97a0cb171e69$var$treeActions = " __e-1k7szui __f-1k7szui __g-1k7szui __h-1k7szui __d-3t1x __c-3t1x Bb Cc";
-const $8a2a97a0cb171e69$var$treeActionMenu = " __e-2npmt8 __f-2npmt8 __g-2npmt8 __h-2npmt8";
+const $8a2a97a0cb171e69$var$treeCheckbox = " __b-5dolv4 __c-5dolv4 __d-5dolv4 __e-5dolv4 ye za Da";
+const $8a2a97a0cb171e69$var$treeIcon = " __b-qb5q8i __c-qb5q8i __d-qb5q8i __e-qb5q8i zG zbH -rwx0fg_e-b";
+const $8a2a97a0cb171e69$var$treeContent = " __b-drkpd0 __c-drkpd0 __d-drkpd0 __e-drkpd0 _na _qb __wb __xb";
+const $8a2a97a0cb171e69$var$treeActions = " __b-1k7szui __c-1k7szui __d-1k7szui __e-1k7szui yb zc";
+const $8a2a97a0cb171e69$var$treeActionMenu = " __b-2npmt8 __c-2npmt8 __d-2npmt8 __e-2npmt8";
 const $8a2a97a0cb171e69$var$cellFocus = {
     outlineStyle: {
         default: 'none',
@@ -270,156 +244,152 @@ const $8a2a97a0cb171e69$var$cellFocus = {
     borderRadius: '[6px]'
 };
 const $8a2a97a0cb171e69$var$treeRowFocusIndicator = "-lc8e11";
-const $8a2a97a0cb171e69$export$6e77ea6719814e9c = (props1)=>{
-    let { children: children, childItems: childItems, hasChildItems: hasChildItems, href: href } = props1;
-    let content;
-    let nestedRows;
-    let { renderer: renderer } = $8a2a97a0cb171e69$var$useTreeRendererContext();
+const $8a2a97a0cb171e69$export$6e77ea6719814e9c = (props)=>{
+    let { href: href } = props;
     let { isDetached: isDetached, isEmphasized: isEmphasized } = (0, $6K4Mt$react.useContext)($8a2a97a0cb171e69$var$InternalTreeContext);
-    if (typeof children === 'string') content = /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $6367bc87eb7d24ad$exports.Text), {
-        children: children
-    });
-    else {
-        content = [];
-        nestedRows = [];
-        (0, ($parcel$interopDefault($6K4Mt$react))).Children.forEach(children, (node)=>{
-            if (/*#__PURE__*/ (0, $6K4Mt$react.isValidElement)(node) && node.type === $8a2a97a0cb171e69$export$6e77ea6719814e9c) nestedRows.push(node);
-            else content.push(node);
-        });
-    }
-    if (childItems != null && renderer) nestedRows = /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $6K4Mt$reactariacomponents.Collection), {
-        items: childItems,
-        children: renderer
-    });
-    return /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsxs)((0, $6K4Mt$reactariacomponents.UNSTABLE_TreeItem), {
-        ...props1,
+    return /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $6K4Mt$reactariacomponents.UNSTABLE_TreeItem), {
+        ...props,
         className: (renderProps)=>$8a2a97a0cb171e69$var$treeRow({
                 ...renderProps,
                 isLink: !!href,
                 isEmphasized: isEmphasized
-            }) + (renderProps.isFocusVisible && !isDetached ? ' ' + $8a2a97a0cb171e69$var$treeRowFocusIndicator : ''),
-        children: [
-            /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $6K4Mt$reactariacomponents.UNSTABLE_TreeItemContent), {
-                children: ({ isExpanded: isExpanded, hasChildRows: hasChildRows, selectionMode: selectionMode, selectionBehavior: selectionBehavior, isDisabled: isDisabled, isFocusVisible: isFocusVisible, isSelected: isSelected, id: id, state: state })=>{
-                    let isNextSelected = false;
-                    let isNextFocused = false;
-                    let keyAfter = state.collection.getKeyAfter(id);
-                    if (keyAfter != null) isNextSelected = state.selectionManager.isSelected(keyAfter);
-                    let isFirst = state.collection.getFirstKey() === id;
-                    return /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsxs)("div", {
-                        className: $8a2a97a0cb171e69$var$treeCellGrid({
-                            isDisabled: isDisabled,
-                            isNextSelected: isNextSelected,
-                            isSelected: isSelected,
-                            isFirst: isFirst,
-                            isNextFocused: isNextFocused,
-                            isDetached: isDetached
-                        }),
-                        children: [
-                            selectionMode !== 'none' && selectionBehavior === 'toggle' && // TODO: add transition?
-                            /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)("div", {
-                                className: $8a2a97a0cb171e69$var$treeCheckbox,
-                                children: /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $af04e099a53d3e85$exports.Checkbox), {
-                                    isEmphasized: isEmphasized,
-                                    slot: "selection"
-                                })
-                            }),
-                            /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)("div", {
-                                className: " __e-u3oh8l __f-u3oh8l __g-u3oh8l __h-u3oh8l k-19lybgs"
-                            }),
-                            (hasChildRows || hasChildItems) && /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)($8a2a97a0cb171e69$var$ExpandableRowChevron, {
-                                isDisabled: isDisabled,
-                                isExpanded: isExpanded
-                            }),
-                            /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $6K4Mt$reactariacomponents.Provider), {
-                                values: [
-                                    [
-                                        (0, $6367bc87eb7d24ad$exports.TextContext),
-                                        {
-                                            styles: $8a2a97a0cb171e69$var$treeContent
-                                        }
-                                    ],
-                                    [
-                                        (0, $bde97c91243ed164$exports.IconContext),
-                                        {
-                                            render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
-                                                slot: 'icon',
-                                                styles: $8a2a97a0cb171e69$var$treeIcon
-                                            }),
-                                            styles: " k-1sthc3k j-1sthc3k __c-3t1x"
-                                        }
-                                    ],
-                                    [
-                                        (0, $7a26131f6144af2b$exports.ActionButtonGroupContext),
-                                        {
-                                            styles: $8a2a97a0cb171e69$var$treeActions
-                                        }
-                                    ],
-                                    [
-                                        (0, $e5a758dd286599f2$exports.ActionMenuContext),
-                                        {
-                                            styles: $8a2a97a0cb171e69$var$treeActionMenu,
-                                            isQuiet: true
-                                        }
-                                    ]
-                                ],
-                                children: content
-                            }),
-                            isFocusVisible && isDetached && /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)("div", {
-                                role: "presentation",
-                                className: function anonymous(props) {
-                                    let rules = " .";
-                                    if (props.isFocusVisible) rules += ' _Pb';
-                                    else rules += ' _Pa';
-                                    rules += ' _Q-3hmpw';
-                                    rules += ' _Rc';
-                                    rules += ' ca_____M';
-                                    rules += ' cx';
-                                    rules += ' _z-3762yr';
-                                    rules += ' _A-3762yr';
-                                    rules += ' _B-3762yr';
-                                    rules += ' _C-3762yr';
-                                    rules += ' Ya';
-                                    rules += ' _ba';
-                                    rules += ' _da';
-                                    rules += ' Za';
-                                    rules += ' _aa';
-                                    return rules;
-                                }({
-                                    isFocusVisible: true
-                                })
-                            })
-                        ]
-                    });
-                }
-            }),
-            nestedRows
-        ]
+            }) + (renderProps.isFocusVisible && !isDetached ? ' ' + $8a2a97a0cb171e69$var$treeRowFocusIndicator : '')
+    });
+};
+const $8a2a97a0cb171e69$export$4b687e3f663d618c = (props1)=>{
+    let { children: children } = props1;
+    let { isDetached: isDetached, isEmphasized: isEmphasized } = (0, $6K4Mt$react.useContext)($8a2a97a0cb171e69$var$InternalTreeContext);
+    let scale = (0, $ee7b4c497f520c08$exports.useScale)();
+    return /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $6K4Mt$reactariacomponents.UNSTABLE_TreeItemContent), {
+        children: ({ isExpanded: isExpanded, hasChildItems: hasChildItems, selectionMode: selectionMode, selectionBehavior: selectionBehavior, isDisabled: isDisabled, isFocusVisible: isFocusVisible, isSelected: isSelected, id: id, state: state })=>{
+            let isNextSelected = false;
+            let isNextFocused = false;
+            let keyAfter = state.collection.getKeyAfter(id);
+            if (keyAfter != null) isNextSelected = state.selectionManager.isSelected(keyAfter);
+            let isFirst = state.collection.getFirstKey() === id;
+            return /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsxs)("div", {
+                className: $8a2a97a0cb171e69$var$treeCellGrid({
+                    isDisabled: isDisabled,
+                    isNextSelected: isNextSelected,
+                    isSelected: isSelected,
+                    isFirst: isFirst,
+                    isNextFocused: isNextFocused,
+                    isDetached: isDetached
+                }),
+                children: [
+                    selectionMode !== 'none' && selectionBehavior === 'toggle' && // TODO: add transition?
+                    /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)("div", {
+                        className: $8a2a97a0cb171e69$var$treeCheckbox,
+                        children: /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $af04e099a53d3e85$exports.Checkbox), {
+                            isEmphasized: isEmphasized,
+                            slot: "selection"
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)("div", {
+                        className: " __b-u3oh8l __c-u3oh8l __d-u3oh8l __e-u3oh8l l-19lybgs"
+                    }),
+                    /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)($8a2a97a0cb171e69$var$ExpandableRowChevron, {
+                        isDisabled: isDisabled,
+                        isExpanded: isExpanded,
+                        scale: scale,
+                        isHidden: !hasChildItems
+                    }),
+                    /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $6K4Mt$reactariacomponents.Provider), {
+                        values: [
+                            [
+                                (0, $6367bc87eb7d24ad$exports.TextContext),
+                                {
+                                    styles: $8a2a97a0cb171e69$var$treeContent
+                                }
+                            ],
+                            [
+                                (0, $bde97c91243ed164$exports.IconContext),
+                                {
+                                    render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
+                                        slot: 'icon',
+                                        styles: $8a2a97a0cb171e69$var$treeIcon
+                                    }),
+                                    styles: " l-1sthc3k k-1sthc3k _9-3t1x"
+                                }
+                            ],
+                            [
+                                (0, $7a26131f6144af2b$exports.ActionButtonGroupContext),
+                                {
+                                    styles: $8a2a97a0cb171e69$var$treeActions
+                                }
+                            ],
+                            [
+                                (0, $e5a758dd286599f2$exports.ActionMenuContext),
+                                {
+                                    styles: $8a2a97a0cb171e69$var$treeActionMenu,
+                                    isQuiet: true
+                                }
+                            ]
+                        ],
+                        children: children
+                    }),
+                    isFocusVisible && isDetached && /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)("div", {
+                        role: "presentation",
+                        className: function anonymous(props) {
+                            let rules = " .";
+                            if (props.isFocusVisible) rules += ' _Mb';
+                            else rules += ' _Ma';
+                            rules += ' _N-3hmpw';
+                            rules += ' _Oc';
+                            rules += ' da_____M';
+                            rules += ' dx';
+                            rules += ' _w-3762yr';
+                            rules += ' _x-3762yr';
+                            rules += ' _y-3762yr';
+                            rules += ' _z-3762yr';
+                            rules += ' Va';
+                            rules += ' Ya';
+                            rules += ' _aa';
+                            rules += ' Wa';
+                            rules += ' Xa';
+                            return rules;
+                        }({
+                            isFocusVisible: true
+                        })
+                    })
+                ]
+            });
+        }
     });
 };
 const $8a2a97a0cb171e69$var$expandButton = function anonymous(props) {
     let rules = " .";
+    rules += ' __b-ajol1u';
+    rules += ' __c-ajol1u';
+    rules += ' __d-ajol1u';
     rules += ' __e-ajol1u';
-    rules += ' __f-ajol1u';
-    rules += ' __g-ajol1u';
-    rules += ' __h-ajol1u';
-    rules += ' jb';
-    rules += ' _fb';
+    if (props.isDisabled) {
+        rules += ' aa_____O';
+        rules += ' aj';
+    } else rules += ' a-17zqamw';
+    rules += ' k2';
+    rules += ' l2';
+    rules += ' _0d';
+    rules += ' _8a';
+    rules += ' _1b';
     rules += ' _3d';
-    rules += ' __ba';
-    rules += ' _4b';
-    rules += ' _6d';
-    rules += ' _Pa';
-    rules += ' __Lb';
+    rules += ' _Ma';
+    rules += ' __Ib';
     if (props.isExpanded) {
-        if (props.isRTL) rules += ' X-197phm7';
-        else rules += ' X-7hkt2a';
+        if (props.isRTL) rules += ' U-197phm7';
+        else rules += ' U-7hkt2a';
     }
+    rules += ' Ea';
+    rules += ' Fa';
+    rules += ' Ca';
+    rules += ' Da';
+    rules += ' _Pa';
+    rules += ' _R-375x7f';
     rules += ' _Sa';
-    rules += ' _U-375x7f';
-    rules += ' _Va';
     rules += ' ba';
-    rules += ' zf';
+    rules += ' wf';
+    rules += ' __S-yksgrp';
+    if (props.isHidden) rules += ' __Fb';
     return rules;
 };
 function $8a2a97a0cb171e69$var$ExpandableRowChevron(props1) {
@@ -428,8 +398,9 @@ function $8a2a97a0cb171e69$var$ExpandableRowChevron(props1) {
         ...props1,
         slot: 'chevron'
     }, expandButtonRef, (0, $6K4Mt$reactariacomponents.ButtonContext));
-    let { isExpanded: isExpanded, isDisabled: isDisabled } = fullProps;
+    let { isExpanded: isExpanded, isDisabled: isDisabled, scale: scale, isHidden: isHidden } = fullProps;
     let { direction: direction } = (0, $6K4Mt$reactaria.useLocale)();
+    isDisabled = isDisabled || isHidden;
     return /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $6K4Mt$reactariacomponents.Button), {
         ...props1,
         ref: ref,
@@ -440,16 +411,18 @@ function $8a2a97a0cb171e69$var$ExpandableRowChevron(props1) {
         className: (renderProps)=>$8a2a97a0cb171e69$var$expandButton({
                 ...renderProps,
                 isExpanded: isExpanded,
-                isRTL: direction === 'rtl'
+                isRTL: direction === 'rtl',
+                scale: scale,
+                isHidden: isHidden
             }),
         children: /*#__PURE__*/ (0, $6K4Mt$reactjsxruntime.jsx)((0, $1df9f1c9262ce5df$exports.default), {
             className: function anonymous(props) {
                 let rules = " .";
-                if (props.direction === "rtl") rules += ' V-yizn7r';
-                else if (props.direction === "ltr") rules += ' V-375khm';
-                if (props.direction === "rtl") rules += ' W-yizn7r';
-                else if (props.direction === "ltr") rules += ' W-375khm';
-                rules += ' -rwx0fg_d-b';
+                if (props.direction === "rtl") rules += ' S-yizn7r';
+                else if (props.direction === "ltr") rules += ' S-375khm';
+                if (props.direction === "rtl") rules += ' T-yizn7r';
+                else if (props.direction === "ltr") rules += ' T-375khm';
+                rules += ' -rwx0fg_e-b';
                 return rules;
             }({
                 direction: direction