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

package/dist/TreeView.mjs

@@ -5,11 +5,12 @@ import {centerBaseline as $1f4b04be3f24aae3$export$9d7e2342a7e53afa} from "./Cen
 import {Checkbox as $9b405e0f8095dce0$export$48513f6b9f8ce62d} from "./Checkbox.mjs";
 import $4b69f02ec06b9226$export$2e2bcd8739ae039 from "./Chevron.mjs";
 import {IconContext as $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed} from "../icons/Icon.mjs";
-import {Text as $8e847109a6ab556d$export$5f1af8db9871e1d6, TextContext as $8e847109a6ab556d$export$9afb8bc826b033ea} from "./Content.mjs";
+import {TextContext as $8e847109a6ab556d$export$9afb8bc826b033ea} from "./Content.mjs";
+import {useScale as $859432f3b3573fcb$export$a8d2043b2d807f4d} from "./utils.mjs";
 import {jsx as $iOVFT$jsx, jsxs as $iOVFT$jsxs} from "react/jsx-runtime";
-import {UNSTABLE_ListLayout as $iOVFT$UNSTABLE_ListLayout, UNSTABLE_Virtualizer as $iOVFT$UNSTABLE_Virtualizer, UNSTABLE_Tree as $iOVFT$UNSTABLE_Tree, Collection as $iOVFT$Collection, UNSTABLE_TreeItem as $iOVFT$UNSTABLE_TreeItem, UNSTABLE_TreeItemContent as $iOVFT$UNSTABLE_TreeItemContent, Provider as $iOVFT$Provider, useContextProps as $iOVFT$useContextProps, ButtonContext as $iOVFT$ButtonContext, Button as $iOVFT$Button} from "react-aria-components";
+import {UNSTABLE_ListLayout as $iOVFT$UNSTABLE_ListLayout, UNSTABLE_Virtualizer as $iOVFT$UNSTABLE_Virtualizer, UNSTABLE_Tree as $iOVFT$UNSTABLE_Tree, UNSTABLE_TreeItem as $iOVFT$UNSTABLE_TreeItem, UNSTABLE_TreeItemContent as $iOVFT$UNSTABLE_TreeItemContent, Provider as $iOVFT$Provider, useContextProps as $iOVFT$useContextProps, ButtonContext as $iOVFT$ButtonContext, Button as $iOVFT$Button} from "react-aria-components";
 import {isAndroid as $iOVFT$isAndroid} from "@react-aria/utils";
-import $iOVFT$react, {createContext as $iOVFT$createContext, useContext as $iOVFT$useContext, useMemo as $iOVFT$useMemo, isValidElement as $iOVFT$isValidElement, useRef as $iOVFT$useRef, forwardRef as $iOVFT$forwardRef} from "react";
+import {createContext as $iOVFT$createContext, useMemo as $iOVFT$useMemo, useContext as $iOVFT$useContext, useRef as $iOVFT$useRef, forwardRef as $iOVFT$forwardRef} from "react";
 import {useDOMRef as $iOVFT$useDOMRef} from "@react-spectrum/utils";
 import {useLocale as $iOVFT$useLocale} from "react-aria";
 
@@ -36,54 +37,55 @@ import {useLocale as $iOVFT$useLocale} from "react-aria";
 
 
 
+
 const $03960a2740ca2b19$var$TreeRendererContext = /*#__PURE__*/ (0, $iOVFT$createContext)({});
-function $03960a2740ca2b19$var$useTreeRendererContext() {
-    return (0, $iOVFT$useContext)($03960a2740ca2b19$var$TreeRendererContext);
-}
 let $03960a2740ca2b19$var$InternalTreeContext = /*#__PURE__*/ (0, $iOVFT$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 $03960a2740ca2b19$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 $03960a2740ca2b19$var$TreeView(props, ref) {
     let { children: children, isDetached: isDetached, isEmphasized: isEmphasized } = props;
+    let scale = (0, $859432f3b3573fcb$export$a8d2043b2d807f4d)();
     let renderer;
     if (typeof children === 'function') renderer = children;
     let domRef = (0, $iOVFT$useDOMRef)(ref);
+    let rowHeight = isDetached ? 44 : 40;
+    if (scale === 'large') rowHeight = isDetached ? 54 : 50;
     let layout = (0, $iOVFT$useMemo)(()=>{
         return new (0, $iOVFT$UNSTABLE_ListLayout)({
-            rowHeight: isDetached ? 42 : 40
+            rowHeight: rowHeight
         });
     }, [
-        isDetached
+        rowHeight
     ]);
     return /*#__PURE__*/ (0, $iOVFT$jsx)((0, $iOVFT$UNSTABLE_Virtualizer), {
         layout: layout,
@@ -139,28 +141,28 @@ const $03960a2740ca2b19$var$rowBackgroundColor = {
 };
 const $03960a2740ca2b19$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) {
@@ -178,76 +180,51 @@ const $03960a2740ca2b19$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 $03960a2740ca2b19$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';
-    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';
+    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 += ' 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 $03960a2740ca2b19$var$treeCheckbox = " __e-5dolv4 __f-5dolv4 __g-5dolv4 __h-5dolv4 Be Ca Ga";
-const $03960a2740ca2b19$var$treeIcon = " __e-qb5q8i __f-qb5q8i __g-qb5q8i __h-qb5q8i CG CbH -rwx0fg_d-b";
-const $03960a2740ca2b19$var$treeContent = " __e-drkpd0 __f-drkpd0 __g-drkpd0 __h-drkpd0 _qa _tb __zb __Ab";
-const $03960a2740ca2b19$var$treeActions = " __e-1k7szui __f-1k7szui __g-1k7szui __h-1k7szui __d-3t1x __c-3t1x Bb Cc";
-const $03960a2740ca2b19$var$treeActionMenu = " __e-2npmt8 __f-2npmt8 __g-2npmt8 __h-2npmt8";
+const $03960a2740ca2b19$var$treeCheckbox = " __b-5dolv4 __c-5dolv4 __d-5dolv4 __e-5dolv4 ye za Da";
+const $03960a2740ca2b19$var$treeIcon = " __b-qb5q8i __c-qb5q8i __d-qb5q8i __e-qb5q8i zG zbH -rwx0fg_e-b";
+const $03960a2740ca2b19$var$treeContent = " __b-drkpd0 __c-drkpd0 __d-drkpd0 __e-drkpd0 _na _qb __wb __xb";
+const $03960a2740ca2b19$var$treeActions = " __b-1k7szui __c-1k7szui __d-1k7szui __e-1k7szui yb zc";
+const $03960a2740ca2b19$var$treeActionMenu = " __b-2npmt8 __c-2npmt8 __d-2npmt8 __e-2npmt8";
 const $03960a2740ca2b19$var$cellFocus = {
     outlineStyle: {
         default: 'none',
@@ -259,156 +236,152 @@ const $03960a2740ca2b19$var$cellFocus = {
     borderRadius: '[6px]'
 };
 const $03960a2740ca2b19$var$treeRowFocusIndicator = "-lc8e11";
-const $03960a2740ca2b19$export$6e77ea6719814e9c = (props1)=>{
-    let { children: children, childItems: childItems, hasChildItems: hasChildItems, href: href } = props1;
-    let content;
-    let nestedRows;
-    let { renderer: renderer } = $03960a2740ca2b19$var$useTreeRendererContext();
+const $03960a2740ca2b19$export$6e77ea6719814e9c = (props)=>{
+    let { href: href } = props;
     let { isDetached: isDetached, isEmphasized: isEmphasized } = (0, $iOVFT$useContext)($03960a2740ca2b19$var$InternalTreeContext);
-    if (typeof children === 'string') content = /*#__PURE__*/ (0, $iOVFT$jsx)((0, $8e847109a6ab556d$export$5f1af8db9871e1d6), {
-        children: children
-    });
-    else {
-        content = [];
-        nestedRows = [];
-        (0, $iOVFT$react).Children.forEach(children, (node)=>{
-            if (/*#__PURE__*/ (0, $iOVFT$isValidElement)(node) && node.type === $03960a2740ca2b19$export$6e77ea6719814e9c) nestedRows.push(node);
-            else content.push(node);
-        });
-    }
-    if (childItems != null && renderer) nestedRows = /*#__PURE__*/ (0, $iOVFT$jsx)((0, $iOVFT$Collection), {
-        items: childItems,
-        children: renderer
-    });
-    return /*#__PURE__*/ (0, $iOVFT$jsxs)((0, $iOVFT$UNSTABLE_TreeItem), {
-        ...props1,
+    return /*#__PURE__*/ (0, $iOVFT$jsx)((0, $iOVFT$UNSTABLE_TreeItem), {
+        ...props,
         className: (renderProps)=>$03960a2740ca2b19$var$treeRow({
                 ...renderProps,
                 isLink: !!href,
                 isEmphasized: isEmphasized
-            }) + (renderProps.isFocusVisible && !isDetached ? ' ' + $03960a2740ca2b19$var$treeRowFocusIndicator : ''),
-        children: [
-            /*#__PURE__*/ (0, $iOVFT$jsx)((0, $iOVFT$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, $iOVFT$jsxs)("div", {
-                        className: $03960a2740ca2b19$var$treeCellGrid({
-                            isDisabled: isDisabled,
-                            isNextSelected: isNextSelected,
-                            isSelected: isSelected,
-                            isFirst: isFirst,
-                            isNextFocused: isNextFocused,
-                            isDetached: isDetached
-                        }),
-                        children: [
-                            selectionMode !== 'none' && selectionBehavior === 'toggle' && // TODO: add transition?
-                            /*#__PURE__*/ (0, $iOVFT$jsx)("div", {
-                                className: $03960a2740ca2b19$var$treeCheckbox,
-                                children: /*#__PURE__*/ (0, $iOVFT$jsx)((0, $9b405e0f8095dce0$export$48513f6b9f8ce62d), {
-                                    isEmphasized: isEmphasized,
-                                    slot: "selection"
-                                })
-                            }),
-                            /*#__PURE__*/ (0, $iOVFT$jsx)("div", {
-                                className: " __e-u3oh8l __f-u3oh8l __g-u3oh8l __h-u3oh8l k-19lybgs"
-                            }),
-                            (hasChildRows || hasChildItems) && /*#__PURE__*/ (0, $iOVFT$jsx)($03960a2740ca2b19$var$ExpandableRowChevron, {
-                                isDisabled: isDisabled,
-                                isExpanded: isExpanded
-                            }),
-                            /*#__PURE__*/ (0, $iOVFT$jsx)((0, $iOVFT$Provider), {
-                                values: [
-                                    [
-                                        (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
-                                        {
-                                            styles: $03960a2740ca2b19$var$treeContent
-                                        }
-                                    ],
-                                    [
-                                        (0, $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed),
-                                        {
-                                            render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
-                                                slot: 'icon',
-                                                styles: $03960a2740ca2b19$var$treeIcon
-                                            }),
-                                            styles: " k-1sthc3k j-1sthc3k __c-3t1x"
-                                        }
-                                    ],
-                                    [
-                                        (0, $10401bdc118cbc90$export$33f5f2f2cb85d743),
-                                        {
-                                            styles: $03960a2740ca2b19$var$treeActions
-                                        }
-                                    ],
-                                    [
-                                        (0, $8bf3cd2442eb485e$export$7f4b66acaca28bd5),
-                                        {
-                                            styles: $03960a2740ca2b19$var$treeActionMenu,
-                                            isQuiet: true
-                                        }
-                                    ]
-                                ],
-                                children: content
-                            }),
-                            isFocusVisible && isDetached && /*#__PURE__*/ (0, $iOVFT$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 ? ' ' + $03960a2740ca2b19$var$treeRowFocusIndicator : '')
+    });
+};
+const $03960a2740ca2b19$export$4b687e3f663d618c = (props1)=>{
+    let { children: children } = props1;
+    let { isDetached: isDetached, isEmphasized: isEmphasized } = (0, $iOVFT$useContext)($03960a2740ca2b19$var$InternalTreeContext);
+    let scale = (0, $859432f3b3573fcb$export$a8d2043b2d807f4d)();
+    return /*#__PURE__*/ (0, $iOVFT$jsx)((0, $iOVFT$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, $iOVFT$jsxs)("div", {
+                className: $03960a2740ca2b19$var$treeCellGrid({
+                    isDisabled: isDisabled,
+                    isNextSelected: isNextSelected,
+                    isSelected: isSelected,
+                    isFirst: isFirst,
+                    isNextFocused: isNextFocused,
+                    isDetached: isDetached
+                }),
+                children: [
+                    selectionMode !== 'none' && selectionBehavior === 'toggle' && // TODO: add transition?
+                    /*#__PURE__*/ (0, $iOVFT$jsx)("div", {
+                        className: $03960a2740ca2b19$var$treeCheckbox,
+                        children: /*#__PURE__*/ (0, $iOVFT$jsx)((0, $9b405e0f8095dce0$export$48513f6b9f8ce62d), {
+                            isEmphasized: isEmphasized,
+                            slot: "selection"
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $iOVFT$jsx)("div", {
+                        className: " __b-u3oh8l __c-u3oh8l __d-u3oh8l __e-u3oh8l l-19lybgs"
+                    }),
+                    /*#__PURE__*/ (0, $iOVFT$jsx)($03960a2740ca2b19$var$ExpandableRowChevron, {
+                        isDisabled: isDisabled,
+                        isExpanded: isExpanded,
+                        scale: scale,
+                        isHidden: !hasChildItems
+                    }),
+                    /*#__PURE__*/ (0, $iOVFT$jsx)((0, $iOVFT$Provider), {
+                        values: [
+                            [
+                                (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
+                                {
+                                    styles: $03960a2740ca2b19$var$treeContent
+                                }
+                            ],
+                            [
+                                (0, $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed),
+                                {
+                                    render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
+                                        slot: 'icon',
+                                        styles: $03960a2740ca2b19$var$treeIcon
+                                    }),
+                                    styles: " l-1sthc3k k-1sthc3k _9-3t1x"
+                                }
+                            ],
+                            [
+                                (0, $10401bdc118cbc90$export$33f5f2f2cb85d743),
+                                {
+                                    styles: $03960a2740ca2b19$var$treeActions
+                                }
+                            ],
+                            [
+                                (0, $8bf3cd2442eb485e$export$7f4b66acaca28bd5),
+                                {
+                                    styles: $03960a2740ca2b19$var$treeActionMenu,
+                                    isQuiet: true
+                                }
+                            ]
+                        ],
+                        children: children
+                    }),
+                    isFocusVisible && isDetached && /*#__PURE__*/ (0, $iOVFT$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 $03960a2740ca2b19$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 $03960a2740ca2b19$var$ExpandableRowChevron(props1) {
@@ -417,8 +390,9 @@ function $03960a2740ca2b19$var$ExpandableRowChevron(props1) {
         ...props1,
         slot: 'chevron'
     }, expandButtonRef, (0, $iOVFT$ButtonContext));
-    let { isExpanded: isExpanded, isDisabled: isDisabled } = fullProps;
+    let { isExpanded: isExpanded, isDisabled: isDisabled, scale: scale, isHidden: isHidden } = fullProps;
     let { direction: direction } = (0, $iOVFT$useLocale)();
+    isDisabled = isDisabled || isHidden;
     return /*#__PURE__*/ (0, $iOVFT$jsx)((0, $iOVFT$Button), {
         ...props1,
         ref: ref,
@@ -429,16 +403,18 @@ function $03960a2740ca2b19$var$ExpandableRowChevron(props1) {
         className: (renderProps)=>$03960a2740ca2b19$var$expandButton({
                 ...renderProps,
                 isExpanded: isExpanded,
-                isRTL: direction === 'rtl'
+                isRTL: direction === 'rtl',
+                scale: scale,
+                isHidden: isHidden
             }),
         children: /*#__PURE__*/ (0, $iOVFT$jsx)((0, $4b69f02ec06b9226$export$2e2bcd8739ae039), {
             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
@@ -451,5 +427,5 @@ function $03960a2740ca2b19$var$ExpandableRowChevron(props1) {
  */ const $03960a2740ca2b19$export$6940b0d9c820eca7 = /*#__PURE__*/ (0, $iOVFT$forwardRef)($03960a2740ca2b19$var$TreeView);
 
 
-export {$03960a2740ca2b19$export$6e77ea6719814e9c as TreeViewItem, $03960a2740ca2b19$export$6940b0d9c820eca7 as TreeView};
+export {$03960a2740ca2b19$export$6e77ea6719814e9c as TreeViewItem, $03960a2740ca2b19$export$4b687e3f663d618c as TreeItemContent, $03960a2740ca2b19$export$6940b0d9c820eca7 as TreeView};
 //# sourceMappingURL=TreeView.mjs.map