@cgi-learning-hub/ui 1.5.0 → 1.5.1-dev.1744639457

package/dist/components/TreeView/TreeView.es.js

@@ -1,61 +1,62 @@
 import { jsx as S, jsxs as je } from "react/jsx-runtime";
 import * as E from "react";
 import { useState as yt, useMemo as Ct, useEffect as wt } from "react";
-import { a as Rt, T as St, b as _e, d as $e, e as Ne, f as se, h as Pt, i as vt, j as kt, k as he, l as ge, m as Mt, n as oe, u as H, o as Ke, p as Dt, q as Ot, r as Ue, w as xe, s as Vt, t as At, v as Ft, x as Lt, y as O, C as jt, z as _t } from "../../CustomTreeItem-BpAK85gf.js";
+import { a as Rt, T as St, b as _e, d as $e, e as Ne, f as se, h as Pt, i as vt, j as kt, k as he, l as ge, m as Mt, n as oe, u as H, o as Ke, p as Dt, q as Ot, r as Ue, s as Vt, t as At, v as Ft, w as Lt, x as O, C as jt, y as _t } from "../../CustomTreeItem-DTV3xokL.js";
 import { TreeContainer as $t, DEFAULT_CHILDREN_INDENT as Nt } from "./style.es.js";
 import { buildItemDataMap as Kt, findItemPath as Ut, getItemId as Bt } from "./utils.es.js";
-import { _ as C } from "../../ButtonBase-CZFKUUHD.js";
-import { H as zt, G as qt, I as Be, P as a, n as ne } from "../../generateUtilityClasses-CqzQXpT_.js";
+import { _ as C } from "../../ButtonBase-BZXGvriS.js";
+import { G as zt, F as qt, H as Be, P as a, n as ne } from "../../identifier-BJqC6EXa.js";
 import { a as A } from "../../TransitionGroupContext-DbLioz_6.js";
-import { u as U } from "../../useEventCallback-BAQJJ3ye.js";
+import { u as U } from "../../useEventCallback-Yoj9nCug.js";
 import { o as Ht } from "../../ownerDocument-CUrv0DIK.js";
-import { u as Xt } from "../../index-sDFEVHTg.js";
-import { C as Wt } from "../../Checkbox-1Zr36vDa.js";
-import { u as Ee } from "../../useForkRef-C_4o__cU.js";
-import { u as N } from "../../useSlotProps-Ceyorp-u.js";
-import { r as $, e as Fe } from "../../resolveComponentProps-Ctw0-dUN.js";
-import { s as ie, c as ze, f as qe } from "../../DefaultPropsProvider-CXfMJdg8.js";
+import { u as Xt } from "../../index-DP697UN9.js";
+import { C as Wt } from "../../Checkbox-DMnS1qrF.js";
+import { w as xe } from "../../warning-C8W811fV.js";
+import { u as Ee } from "../../useForkRef-u29GSuCu.js";
+import { u as N } from "../../useSlotProps-Bos9nSja.js";
+import { r as $, e as Fe } from "../../useSlot-DhC6EPU2.js";
+import { s as ie, c as ze, f as qe } from "../../DefaultPropsProvider-Bg-6nX-u.js";
 import { u as Gt } from "../../unsupportedProp-BuVD30Gh.js";
-import { e as Jt } from "../../elementTypeAcceptingRef-1usJq_B8.js";
+import { e as Jt } from "../../elementTypeAcceptingRef-COpcDx5q.js";
 function Yt(e) {
   return zt("MuiRichTreeView", e);
 }
 qt("MuiRichTreeView", ["root"]);
 const Qt = (e, t) => {
   const n = E.useRef({}), [r, l] = E.useState(() => {
-    const m = {};
-    return e.forEach((p) => {
-      p.models && Object.entries(p.models).forEach(([g, u]) => {
+    const I = {};
+    return e.forEach((f) => {
+      f.models && Object.entries(f.models).forEach(([g, p]) => {
         n.current[g] = {
           isControlled: t[g] !== void 0,
-          getDefaultValue: u.getDefaultValue
-        }, m[g] = u.getDefaultValue(t);
+          getDefaultValue: p.getDefaultValue
+        }, I[g] = p.getDefaultValue(t);
       });
-    }), m;
-  }), x = Object.fromEntries(Object.entries(n.current).map(([m, p]) => {
-    const g = t[m] ?? r[m];
-    return [m, {
+    }), I;
+  }), x = Object.fromEntries(Object.entries(n.current).map(([I, f]) => {
+    const g = t[I] ?? r[I];
+    return [I, {
       value: g,
-      setControlledValue: (u) => {
-        p.isControlled || l((o) => C({}, o, {
-          [m]: u
+      setControlledValue: (p) => {
+        f.isControlled || l((o) => C({}, o, {
+          [I]: p
         }));
       }
     }];
   }));
-  return process.env.NODE_ENV !== "production" && Object.entries(n.current).forEach(([m, p]) => {
-    const g = t[m], u = p.getDefaultValue(t);
+  return process.env.NODE_ENV !== "production" && Object.entries(n.current).forEach(([I, f]) => {
+    const g = t[I], p = f.getDefaultValue(t);
     E.useEffect(() => {
-      p.isControlled !== (g !== void 0) && console.error([`MUI X: A component is changing the ${p.isControlled ? "" : "un"}controlled ${m} state of TreeView to be ${p.isControlled ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${m} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+      f.isControlled !== (g !== void 0) && console.error([`MUI X: A component is changing the ${f.isControlled ? "" : "un"}controlled ${I} state of TreeView to be ${f.isControlled ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${I} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
 `));
     }, [g]);
     const {
       current: o
-    } = E.useRef(u);
+    } = E.useRef(p);
     E.useEffect(() => {
-      !p.isControlled && o !== u && console.error([`MUI X: A component is changing the default ${m} state of an uncontrolled TreeView after being initialized. To suppress this warning opt to use a controlled TreeView.`].join(`
+      !f.isControlled && o !== p && console.error([`MUI X: A component is changing the default ${I} state of an uncontrolled TreeView after being initialized. To suppress this warning opt to use a controlled TreeView.`].join(`
 `));
-    }, [JSON.stringify(u)]);
+    }, [JSON.stringify(p)]);
   }), x;
 };
 class Zt {
@@ -84,13 +85,13 @@ class Zt {
     if (!r)
       return;
     const l = Array.from(r.highPriority.keys()), x = Array.from(r.regular.keys());
-    for (let m = l.length - 1; m >= 0; m -= 1) {
-      const p = l[m];
-      r.highPriority.has(p) && p.apply(this, n);
+    for (let I = l.length - 1; I >= 0; I -= 1) {
+      const f = l[I];
+      r.highPriority.has(f) && f.apply(this, n);
     }
-    for (let m = 0; m < x.length; m += 1) {
-      const p = x[m];
-      r.regular.has(p) && p.apply(this, n);
+    for (let I = 0; I < x.length; I += 1) {
+      const f = x[I];
+      r.regular.has(f) && f.apply(this, n);
     }
   }
   once(t, n) {
@@ -102,8 +103,8 @@ class Zt {
 }
 const en = (e) => e.isPropagationStopped !== void 0, He = () => {
   const [e] = E.useState(() => new Zt()), t = E.useCallback((...r) => {
-    const [l, x, m = {}] = r;
-    m.defaultMuiPrevented = !1, !(en(m) && m.isPropagationStopped()) && e.emit(l, x, m);
+    const [l, x, I = {}] = r;
+    I.defaultMuiPrevented = !1, !(en(I) && I.isPropagationStopped()) && e.emit(l, x, I);
   }, [e]), n = E.useCallback((r, l) => (e.on(r, l), () => {
     e.removeListener(r, l);
   }), [e]);
@@ -167,23 +168,23 @@ const tn = [He, Xe, Te], nn = ["slots", "slotProps", "apiRef", "experimentalFeat
       experimentalFeatures: l
     },
     plugins: x
-  } = e, m = A(e.props, nn);
-  const p = {};
-  x.forEach((d) => {
-    Object.assign(p, d.params);
+  } = e, I = A(e.props, nn);
+  const f = {};
+  x.forEach((u) => {
+    Object.assign(f, u.params);
   });
-  const g = {}, u = {};
-  Object.keys(m).forEach((d) => {
-    const b = m[d];
-    p[d] ? g[d] = b : u[d] = b;
+  const g = {}, p = {};
+  Object.keys(I).forEach((u) => {
+    const b = I[u];
+    f[u] ? g[u] = b : p[u] = b;
   });
-  const o = l ?? {}, s = x.reduce((d, b) => b.getDefaultizedParams ? b.getDefaultizedParams({
-    params: d,
+  const o = l ?? {}, s = x.reduce((u, b) => b.getDefaultizedParams ? b.getDefaultizedParams({
+    params: u,
     experimentalFeatures: o
-  }) : d, g);
+  }) : u, g);
   return {
     apiRef: r,
-    forwardedProps: u,
+    forwardedProps: p,
     pluginParams: s,
     slots: t ?? {},
     slotProps: n ?? {},
@@ -195,55 +196,55 @@ const tn = [He, Xe, Te], nn = ["slots", "slotProps", "apiRef", "experimentalFeat
   publicAPI: n,
   rootRef: r
 }) => ({
-  runItemPlugins: (p) => {
-    let g = null, u = null;
+  runItemPlugins: (f) => {
+    let g = null, p = null;
     const o = [], s = {};
     e.forEach((h) => {
       if (!h.itemPlugin)
         return;
       const c = h.itemPlugin({
-        props: p,
+        props: f,
         rootRef: g,
-        contentRef: u
+        contentRef: p
       });
-      c != null && c.rootRef && (g = c.rootRef), c != null && c.contentRef && (u = c.contentRef), c != null && c.propsEnhancers && (o.push(c.propsEnhancers), Object.keys(c.propsEnhancers).forEach((i) => {
+      c != null && c.rootRef && (g = c.rootRef), c != null && c.contentRef && (p = c.contentRef), c != null && c.propsEnhancers && (o.push(c.propsEnhancers), Object.keys(c.propsEnhancers).forEach((i) => {
         s[i] = !0;
       }));
     });
-    const d = (h) => (c) => {
+    const u = (h) => (c) => {
       const i = {};
-      return o.forEach((f) => {
-        const I = f[h];
-        I != null && Object.assign(i, I(c));
+      return o.forEach((d) => {
+        const m = d[h];
+        m != null && Object.assign(i, m(c));
       }), i;
-    }, b = Object.fromEntries(Object.keys(s).map((h) => [h, d(h)]));
+    }, b = Object.fromEntries(Object.keys(s).map((h) => [h, u(h)]));
     return {
-      contentRef: u,
+      contentRef: p,
       rootRef: g,
       propsEnhancers: b
     };
   },
   wrapItem: ({
-    itemId: p,
+    itemId: f,
     children: g
   }) => {
-    let u = g;
+    let p = g;
     for (let o = e.length - 1; o >= 0; o -= 1) {
       const s = e[o];
-      s.wrapItem && (u = s.wrapItem({
-        itemId: p,
-        children: u,
+      s.wrapItem && (p = s.wrapItem({
+        itemId: f,
+        children: p,
         instance: t
       }));
     }
-    return u;
+    return p;
   },
   wrapRoot: ({
-    children: p
+    children: f
   }) => {
-    let g = p;
-    for (let u = e.length - 1; u >= 0; u -= 1) {
-      const o = e[u];
+    let g = f;
+    for (let p = e.length - 1; p >= 0; p -= 1) {
+      const o = e[p];
       o.wrapRoot && (g = o.wrapRoot({
         children: g,
         instance: t
@@ -267,37 +268,37 @@ const ln = ({
   const r = [...tn, ...e], {
     pluginParams: l,
     forwardedProps: x,
-    apiRef: m,
-    experimentalFeatures: p,
+    apiRef: I,
+    experimentalFeatures: f,
     slots: g,
-    slotProps: u
+    slotProps: p
   } = on({
     plugins: r,
     props: n
-  }), o = Qt(r, l), d = E.useRef({}).current, b = sn(m), h = E.useRef(null), c = Ee(h, t), i = rn({
+  }), o = Qt(r, l), u = E.useRef({}).current, b = sn(I), h = E.useRef(null), c = Ee(h, t), i = rn({
     plugins: r,
-    instance: d,
+    instance: u,
     publicAPI: b,
     rootRef: h
-  }), [f, I] = E.useState(() => {
+  }), [d, m] = E.useState(() => {
     const R = {};
     return r.forEach((v) => {
       v.getInitialState && Object.assign(R, v.getInitialState(l));
     }), R;
   }), T = [], P = (R) => {
     const v = R({
-      instance: d,
+      instance: u,
       params: l,
       slots: g,
-      slotProps: u,
-      experimentalFeatures: p,
-      state: f,
-      setState: I,
+      slotProps: p,
+      experimentalFeatures: f,
+      state: d,
+      setState: m,
       rootRef: h,
       models: o,
       plugins: r
     });
-    v.getRootProps && T.push(v.getRootProps), v.publicAPI && Object.assign(b, v.publicAPI), v.instance && Object.assign(d, v.instance), v.contextValue && Object.assign(i, v.contextValue);
+    v.getRootProps && T.push(v.getRootProps), v.publicAPI && Object.assign(b, v.publicAPI), v.instance && Object.assign(u, v.instance), v.contextValue && Object.assign(i, v.contextValue);
   };
   return r.forEach(P), {
     getRootProps: (R = {}) => {
@@ -312,7 +313,7 @@ const ln = ({
     },
     rootRef: c,
     contextValue: i,
-    instance: d
+    instance: u
   };
 };
 function an(e) {
@@ -341,41 +342,41 @@ const cn = (e, t, n) => {
   getItemLabel: n,
   getItemId: r
 }) => {
-  const l = {}, x = {}, m = {
+  const l = {}, x = {}, I = {
     [K]: []
-  }, p = (u, o, s) => {
+  }, f = (p, o, s) => {
     var c, i;
-    const d = r ? r(u) : u.id;
-    if (d == null)
-      throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.", "Alternatively, you can use the `getItemId` prop to specify a custom id for each item.", "An item was provided without id in the `items` prop:", JSON.stringify(u)].join(`
+    const u = r ? r(p) : p.id;
+    if (u == null)
+      throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.", "Alternatively, you can use the `getItemId` prop to specify a custom id for each item.", "An item was provided without id in the `items` prop:", JSON.stringify(p)].join(`
 `));
-    if (l[d] != null)
-      throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.", "Alternatively, you can use the `getItemId` prop to specify a custom id for each item.", `Two items were provided with the same id in the \`items\` prop: "${d}"`].join(`
+    if (l[u] != null)
+      throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.", "Alternatively, you can use the `getItemId` prop to specify a custom id for each item.", `Two items were provided with the same id in the \`items\` prop: "${u}"`].join(`
 `));
-    const b = n ? n(u) : u.label;
+    const b = n ? n(p) : p.label;
     if (b == null)
-      throw new Error(["MUI X: The Tree View component requires all items to have a `label` property.", "Alternatively, you can use the `getItemLabel` prop to specify a custom label for each item.", "An item was provided without label in the `items` prop:", JSON.stringify(u)].join(`
+      throw new Error(["MUI X: The Tree View component requires all items to have a `label` property.", "Alternatively, you can use the `getItemLabel` prop to specify a custom label for each item.", "An item was provided without label in the `items` prop:", JSON.stringify(p)].join(`
 `));
-    l[d] = {
-      id: d,
+    l[u] = {
+      id: u,
       label: b,
       parentId: s,
       idAttribute: void 0,
-      expandable: !!((c = u.children) != null && c.length),
-      disabled: t ? t(u) : !1,
+      expandable: !!((c = p.children) != null && c.length),
+      disabled: t ? t(p) : !1,
       depth: o
-    }, x[d] = u;
+    }, x[u] = p;
     const h = s ?? K;
-    m[h] || (m[h] = []), m[h].push(d), (i = u.children) == null || i.forEach((f) => p(f, o + 1, d));
+    I[h] || (I[h] = []), I[h].push(u), (i = p.children) == null || i.forEach((d) => f(d, o + 1, u));
   };
-  e.forEach((u) => p(u, 0, null));
+  e.forEach((p) => f(p, 0, null));
   const g = {};
-  return Object.keys(m).forEach((u) => {
-    g[u] = un(m[u]);
+  return Object.keys(I).forEach((p) => {
+    g[p] = un(I[p]);
   }), {
     itemMetaMap: l,
     itemMap: x,
-    itemOrderedChildrenIds: m,
+    itemOrderedChildrenIds: I,
     itemChildrenIndexes: g
   };
 }, X = ({
@@ -385,51 +386,51 @@ const cn = (e, t, n) => {
   setState: r,
   experimentalFeatures: l
 }) => {
-  const x = E.useCallback((f) => n.items.itemMetaMap[f], [n.items.itemMetaMap]), m = E.useCallback((f) => n.items.itemMap[f], [n.items.itemMap]), p = E.useCallback(() => {
-    const f = (I) => {
-      const T = n.items.itemMap[I], P = A(T, dn), y = n.items.itemOrderedChildrenIds[I];
-      return y && (P.children = y.map(f)), P;
+  const x = E.useCallback((d) => n.items.itemMetaMap[d], [n.items.itemMetaMap]), I = E.useCallback((d) => n.items.itemMap[d], [n.items.itemMap]), f = E.useCallback(() => {
+    const d = (m) => {
+      const T = n.items.itemMap[m], P = A(T, dn), y = n.items.itemOrderedChildrenIds[m];
+      return y && (P.children = y.map(d)), P;
     };
-    return n.items.itemOrderedChildrenIds[K].map(f);
-  }, [n.items.itemMap, n.items.itemOrderedChildrenIds]), g = E.useCallback((f) => {
-    if (f == null)
+    return n.items.itemOrderedChildrenIds[K].map(d);
+  }, [n.items.itemMap, n.items.itemOrderedChildrenIds]), g = E.useCallback((d) => {
+    if (d == null)
       return !1;
-    let I = e.getItemMeta(f);
-    if (!I)
+    let m = e.getItemMeta(d);
+    if (!m)
       return !1;
-    if (I.disabled)
+    if (m.disabled)
       return !0;
-    for (; I.parentId != null; )
-      if (I = e.getItemMeta(I.parentId), I.disabled)
+    for (; m.parentId != null; )
+      if (m = e.getItemMeta(m.parentId), m.disabled)
         return !0;
     return !1;
-  }, [e]), u = E.useCallback((f) => {
-    const I = e.getItemMeta(f).parentId ?? K;
-    return n.items.itemChildrenIndexes[I][f];
-  }, [e, n.items.itemChildrenIndexes]), o = E.useCallback((f) => n.items.itemOrderedChildrenIds[f ?? K] ?? [], [n.items.itemOrderedChildrenIds]), s = (f) => {
-    const I = e.getItemMeta(f);
-    return I == null ? null : document.getElementById(_e({
+  }, [e]), p = E.useCallback((d) => {
+    const m = e.getItemMeta(d).parentId ?? K;
+    return n.items.itemChildrenIndexes[m][d];
+  }, [e, n.items.itemChildrenIndexes]), o = E.useCallback((d) => n.items.itemOrderedChildrenIds[d ?? K] ?? [], [n.items.itemOrderedChildrenIds]), s = (d) => {
+    const m = e.getItemMeta(d);
+    return m == null ? null : document.getElementById(_e({
       treeId: n.id.treeId,
-      itemId: f,
-      id: I.idAttribute
+      itemId: d,
+      id: m.idAttribute
     }));
-  }, d = (f) => t.disabledItemsFocusable ? !0 : !e.isItemDisabled(f), b = E.useRef(!1), h = E.useCallback(() => {
+  }, u = (d) => t.disabledItemsFocusable ? !0 : !e.isItemDisabled(d), b = E.useRef(!1), h = E.useCallback(() => {
     b.current = !0;
   }, []), c = E.useCallback(() => b.current, []);
   return E.useEffect(() => {
-    e.areItemUpdatesPrevented() || r((f) => {
-      const I = We({
+    e.areItemUpdatesPrevented() || r((d) => {
+      const m = We({
         items: t.items,
         isItemDisabled: t.isItemDisabled,
         getItemId: t.getItemId,
         getItemLabel: t.getItemLabel
       });
-      return Object.values(f.items.itemMetaMap).forEach((T) => {
-        I.itemMetaMap[T.id] || cn(e, "removeItem", {
+      return Object.values(d.items.itemMetaMap).forEach((T) => {
+        m.itemMetaMap[T.id] || cn(e, "removeItem", {
           id: T.id
         });
-      }), C({}, f, {
-        items: I
+      }), C({}, d, {
+        items: m
       });
     });
   }, [e, r, t.items, t.isItemDisabled, t.getItemId, t.getItemLabel]), {
@@ -439,33 +440,33 @@ const cn = (e, t, n) => {
       }
     }),
     publicAPI: {
-      getItem: m,
+      getItem: I,
       getItemDOMElement: s,
-      getItemTree: p,
+      getItemTree: f,
       getItemOrderedChildrenIds: o
     },
     instance: {
       getItemMeta: x,
-      getItem: m,
-      getItemTree: p,
+      getItem: I,
+      getItemTree: f,
       getItemsToRender: () => {
-        const f = (I) => {
+        const d = (m) => {
           var P;
-          const T = n.items.itemMetaMap[I];
+          const T = n.items.itemMetaMap[m];
           return {
             label: T.label,
             itemId: T.id,
             id: T.idAttribute,
-            children: (P = n.items.itemOrderedChildrenIds[I]) == null ? void 0 : P.map(f)
+            children: (P = n.items.itemOrderedChildrenIds[m]) == null ? void 0 : P.map(d)
           };
         };
-        return n.items.itemOrderedChildrenIds[K].map(f);
+        return n.items.itemOrderedChildrenIds[K].map(d);
       },
-      getItemIndex: u,
+      getItemIndex: p,
       getItemDOMElement: s,
       getItemOrderedChildrenIds: o,
       isItemDisabled: g,
-      isItemNavigable: d,
+      isItemNavigable: u,
       preventItemUpdates: h,
       areItemUpdatesPrevented: c
     },
@@ -518,27 +519,27 @@ const le = ({
 }) => {
   const r = E.useMemo(() => {
     const s = /* @__PURE__ */ new Map();
-    return n.expandedItems.value.forEach((d) => {
-      s.set(d, !0);
+    return n.expandedItems.value.forEach((u) => {
+      s.set(u, !0);
     }), s;
-  }, [n.expandedItems.value]), l = (s, d) => {
+  }, [n.expandedItems.value]), l = (s, u) => {
     var b;
-    (b = t.onExpandedItemsChange) == null || b.call(t, s, d), n.expandedItems.setControlledValue(d);
-  }, x = E.useCallback((s) => r.has(s), [r]), m = E.useCallback((s) => {
-    var d;
-    return !!((d = e.getItemMeta(s)) != null && d.expandable);
-  }, [e]), p = U((s, d) => {
-    const b = e.isItemExpanded(d);
-    e.setItemExpansion(s, d, !b);
-  }), g = U((s, d, b) => {
-    if (e.isItemExpanded(d) === b)
+    (b = t.onExpandedItemsChange) == null || b.call(t, s, u), n.expandedItems.setControlledValue(u);
+  }, x = E.useCallback((s) => r.has(s), [r]), I = E.useCallback((s) => {
+    var u;
+    return !!((u = e.getItemMeta(s)) != null && u.expandable);
+  }, [e]), f = U((s, u) => {
+    const b = e.isItemExpanded(u);
+    e.setItemExpansion(s, u, !b);
+  }), g = U((s, u, b) => {
+    if (e.isItemExpanded(u) === b)
       return;
     let c;
-    b ? c = [d].concat(n.expandedItems.value) : c = n.expandedItems.value.filter((i) => i !== d), t.onItemExpansionToggle && t.onItemExpansionToggle(s, d, b), l(s, c);
-  }), u = (s, d) => {
-    const b = e.getItemMeta(d), c = e.getItemOrderedChildrenIds(b.parentId).filter((f) => e.isItemExpandable(f) && !e.isItemExpanded(f)), i = n.expandedItems.value.concat(c);
-    c.length > 0 && (t.onItemExpansionToggle && c.forEach((f) => {
-      t.onItemExpansionToggle(s, f, !0);
+    b ? c = [u].concat(n.expandedItems.value) : c = n.expandedItems.value.filter((i) => i !== u), t.onItemExpansionToggle && t.onItemExpansionToggle(s, u, b), l(s, c);
+  }), p = (s, u) => {
+    const b = e.getItemMeta(u), c = e.getItemOrderedChildrenIds(b.parentId).filter((d) => e.isItemExpandable(d) && !e.isItemExpanded(d)), i = n.expandedItems.value.concat(c);
+    c.length > 0 && (t.onItemExpansionToggle && c.forEach((d) => {
+      t.onItemExpansionToggle(s, d, !0);
     }), l(s, i));
   }, o = E.useMemo(() => t.expansionTrigger ? t.expansionTrigger : e.isTreeViewEditable ? "iconContainer" : "content", [t.expansionTrigger, e.isTreeViewEditable]);
   return {
@@ -547,10 +548,10 @@ const le = ({
     },
     instance: {
       isItemExpanded: x,
-      isItemExpandable: m,
+      isItemExpandable: I,
       setItemExpansion: g,
-      toggleItemExpansion: p,
-      expandAllSiblings: u
+      toggleItemExpansion: f,
+      expandAllSiblings: p
     },
     contextValue: {
       expansion: {
@@ -592,39 +593,39 @@ const re = (e) => Array.isArray(e) ? e : e != null ? [e] : [], be = (e) => {
     return Array.isArray(n.selectedItems.value) ? n.selectedItems.value.forEach((i) => {
       c.set(i, !0);
     }) : n.selectedItems.value != null && c.set(n.selectedItems.value, !0), c;
-  }, [n.selectedItems.value]), m = (c, i) => {
+  }, [n.selectedItems.value]), I = (c, i) => {
     if (t.onItemSelectionToggle)
       if (t.multiSelect) {
-        const f = i.filter((T) => !e.isItemSelected(T)), I = n.selectedItems.value.filter((T) => !i.includes(T));
-        f.forEach((T) => {
+        const d = i.filter((T) => !e.isItemSelected(T)), m = n.selectedItems.value.filter((T) => !i.includes(T));
+        d.forEach((T) => {
           t.onItemSelectionToggle(c, T, !0);
-        }), I.forEach((T) => {
+        }), m.forEach((T) => {
           t.onItemSelectionToggle(c, T, !1);
         });
       } else i !== n.selectedItems.value && (n.selectedItems.value != null && t.onItemSelectionToggle(c, n.selectedItems.value, !1), i != null && t.onItemSelectionToggle(c, i, !0));
     t.onSelectedItemsChange && t.onSelectedItemsChange(c, i), n.selectedItems.setControlledValue(i);
-  }, p = (c) => x.has(c), g = ({
+  }, f = (c) => x.has(c), g = ({
     event: c,
     itemId: i,
-    keepExistingSelection: f = !1,
-    shouldBeSelected: I
+    keepExistingSelection: d = !1,
+    shouldBeSelected: m
   }) => {
     if (t.disableSelection)
       return;
     let T;
-    if (f) {
+    if (d) {
       const P = re(n.selectedItems.value), y = e.isItemSelected(i);
-      y && (I === !1 || I == null) ? T = P.filter((R) => R !== i) : !y && (I === !0 || I == null) ? T = [i].concat(P) : T = P;
+      y && (m === !1 || m == null) ? T = P.filter((R) => R !== i) : !y && (m === !0 || m == null) ? T = [i].concat(P) : T = P;
     } else
-      I === !1 || I == null && e.isItemSelected(i) ? T = t.multiSelect ? [] : null : T = t.multiSelect ? [i] : i;
-    m(c, T), r.current = i, l.current = {};
-  }, u = (c, [i, f]) => {
+      m === !1 || m == null && e.isItemSelected(i) ? T = t.multiSelect ? [] : null : T = t.multiSelect ? [i] : i;
+    I(c, T), r.current = i, l.current = {};
+  }, p = (c, [i, d]) => {
     if (t.disableSelection || !t.multiSelect)
       return;
-    let I = re(n.selectedItems.value).slice();
-    Object.keys(l.current).length > 0 && (I = I.filter((R) => !l.current[R]));
-    const T = be(I), P = kt(e, i, f), y = P.filter((R) => !T[R]);
-    I = I.concat(y), m(c, I), l.current = be(P);
+    let m = re(n.selectedItems.value).slice();
+    Object.keys(l.current).length > 0 && (m = m.filter((R) => !l.current[R]));
+    const T = be(m), P = kt(e, i, d), y = P.filter((R) => !T[R]);
+    m = m.concat(y), I(c, m), l.current = be(P);
   };
   return {
     getRootProps: () => ({
@@ -634,34 +635,34 @@ const re = (e) => Array.isArray(e) ? e : e != null ? [e] : [], be = (e) => {
       selectItem: g
     },
     instance: {
-      isItemSelected: p,
+      isItemSelected: f,
       selectItem: g,
       selectAllNavigableItems: (c) => {
         if (t.disableSelection || !t.multiSelect)
           return;
         const i = vt(e);
-        m(c, i), l.current = be(i);
+        I(c, i), l.current = be(i);
       },
       expandSelectionRange: (c, i) => {
         if (r.current != null) {
-          const [f, I] = Pt(e, i, r.current);
-          u(c, [f, I]);
+          const [d, m] = Pt(e, i, r.current);
+          p(c, [d, m]);
         }
       },
       selectRangeFromStartToItem: (c, i) => {
-        u(c, [se(e), i]);
+        p(c, [se(e), i]);
       },
       selectRangeFromItemToEnd: (c, i) => {
-        u(c, [i, Ne(e)]);
+        p(c, [i, Ne(e)]);
       },
-      selectItemFromArrowNavigation: (c, i, f) => {
+      selectItemFromArrowNavigation: (c, i, d) => {
         if (t.disableSelection || !t.multiSelect)
           return;
-        let I = re(n.selectedItems.value).slice();
-        Object.keys(l.current).length === 0 ? (I.push(f), l.current = {
+        let m = re(n.selectedItems.value).slice();
+        Object.keys(l.current).length === 0 ? (m.push(d), l.current = {
           [i]: !0,
-          [f]: !0
-        }) : (l.current[i] || (l.current = {}), l.current[f] ? (I = I.filter((T) => T !== i), delete l.current[i]) : (I.push(f), l.current[f] = !0)), m(c, I);
+          [d]: !0
+        }) : (l.current[i] || (l.current = {}), l.current[d] ? (m = m.filter((T) => T !== i), delete l.current[i]) : (m.push(d), l.current[d] = !0)), I(c, m);
       }
     },
     contextValue: {
@@ -742,37 +743,37 @@ function bn(e) {
   let t = 0;
   return function(r, l, x) {
     e.registry === null && (e.registry = typeof FinalizationRegistry < "u" ? new In() : new mn());
-    const [m] = E.useState(new gn()), p = E.useRef(null), g = E.useRef(void 0);
+    const [I] = E.useState(new gn()), f = E.useRef(null), g = E.useRef(void 0);
     g.current = x;
-    const u = E.useRef(null);
-    if (!p.current && g.current) {
-      const o = (s, d) => {
+    const p = E.useRef(null);
+    if (!f.current && g.current) {
+      const o = (s, u) => {
         var b;
-        d.defaultMuiPrevented || (b = g.current) == null || b.call(g, s, d);
+        u.defaultMuiPrevented || (b = g.current) == null || b.call(g, s, u);
       };
-      p.current = r.$$subscribeEvent(l, o), t += 1, u.current = {
+      f.current = r.$$subscribeEvent(l, o), t += 1, p.current = {
         cleanupToken: t
       }, e.registry.register(
-        m,
+        I,
         // The callback below will be called once this reference stops being retained
         () => {
           var s;
-          (s = p.current) == null || s.call(p), p.current = null, u.current = null;
+          (s = f.current) == null || s.call(f), f.current = null, p.current = null;
         },
-        u.current
+        p.current
       );
-    } else !g.current && p.current && (p.current(), p.current = null, u.current && (e.registry.unregister(u.current), u.current = null));
+    } else !g.current && f.current && (f.current(), f.current = null, p.current && (e.registry.unregister(p.current), p.current = null));
     E.useEffect(() => {
-      if (!p.current && g.current) {
-        const o = (s, d) => {
+      if (!f.current && g.current) {
+        const o = (s, u) => {
           var b;
-          d.defaultMuiPrevented || (b = g.current) == null || b.call(g, s, d);
+          u.defaultMuiPrevented || (b = g.current) == null || b.call(g, s, u);
         };
-        p.current = r.$$subscribeEvent(l, o);
+        f.current = r.$$subscribeEvent(l, o);
       }
-      return u.current && e.registry && (e.registry.unregister(u.current), u.current = null), () => {
+      return p.current && e.registry && (e.registry.unregister(p.current), p.current = null), () => {
         var o;
-        (o = p.current) == null || o.call(p), p.current = null;
+        (o = f.current) == null || o.call(f), f.current = null;
       };
     }, [r, l]);
   };
@@ -798,48 +799,48 @@ const hn = {
   models: l,
   rootRef: x
 }) => {
-  const m = En(e, l.selectedItems.value), p = U((i) => {
-    const f = typeof i == "function" ? i(n.focusedItemId) : i;
-    n.focusedItemId !== f && r((I) => C({}, I, {
-      focusedItemId: f
+  const I = En(e, l.selectedItems.value), f = U((i) => {
+    const d = typeof i == "function" ? i(n.focusedItemId) : i;
+    n.focusedItemId !== d && r((m) => C({}, m, {
+      focusedItemId: d
     }));
-  }), g = E.useCallback(() => !!x.current && x.current.contains(Ge(Ht(x.current))), [x]), u = E.useCallback((i) => n.focusedItemId === i && g(), [n.focusedItemId, g]), o = (i) => {
-    const f = e.getItemMeta(i);
-    return f && (f.parentId == null || e.isItemExpanded(f.parentId));
-  }, s = (i, f) => {
-    const I = e.getItemDOMElement(f);
-    I && I.focus(), p(f), t.onItemFocus && t.onItemFocus(i, f);
-  }, d = U((i, f) => {
-    o(f) && s(i, f);
+  }), g = E.useCallback(() => !!x.current && x.current.contains(Ge(Ht(x.current))), [x]), p = E.useCallback((i) => n.focusedItemId === i && g(), [n.focusedItemId, g]), o = (i) => {
+    const d = e.getItemMeta(i);
+    return d && (d.parentId == null || e.isItemExpanded(d.parentId));
+  }, s = (i, d) => {
+    const m = e.getItemDOMElement(d);
+    m && m.focus(), f(d), t.onItemFocus && t.onItemFocus(i, d);
+  }, u = U((i, d) => {
+    o(d) && s(i, d);
   }), b = U(() => {
     if (n.focusedItemId == null)
       return;
     if (e.getItemMeta(n.focusedItemId)) {
-      const f = e.getItemDOMElement(n.focusedItemId);
-      f && f.blur();
+      const d = e.getItemDOMElement(n.focusedItemId);
+      d && d.blur();
     }
-    p(null);
-  }), h = (i) => i === m;
+    f(null);
+  }), h = (i) => i === I;
   xn(e, "removeItem", ({
     id: i
   }) => {
-    n.focusedItemId === i && s(null, m);
+    n.focusedItemId === i && s(null, I);
   });
-  const c = (i) => (f) => {
-    var I;
-    (I = i.onFocus) == null || I.call(i, f), !f.defaultMuiPrevented && f.target === f.currentTarget && s(f, m);
+  const c = (i) => (d) => {
+    var m;
+    (m = i.onFocus) == null || m.call(i, d), !d.defaultMuiPrevented && d.target === d.currentTarget && s(d, I);
   };
   return {
     getRootProps: (i) => ({
       onFocus: c(i)
     }),
     publicAPI: {
-      focusItem: d
+      focusItem: u
     },
     instance: {
-      isItemFocused: u,
+      isItemFocused: p,
       canItemBeTabbed: h,
-      focusItem: d,
+      focusItem: u,
       removeFocusedItem: b
     }
   };
@@ -864,32 +865,32 @@ const Je = ({
   E.useEffect(() => {
     if (e.areItemUpdatesPrevented())
       return;
-    const o = {}, s = (d) => {
-      o[d.id] = d.label.substring(0, 1).toLowerCase();
+    const o = {}, s = (u) => {
+      o[u.id] = u.label.substring(0, 1).toLowerCase();
     };
     Object.values(n.items.itemMetaMap).forEach(s), l.current = o;
   }, [n.items.itemMetaMap, t.getItemId, e]);
-  const m = (o, s) => {
-    const d = s.toLowerCase(), b = (f) => {
-      const I = ge(e, f);
-      return I === null ? se(e) : I;
+  const I = (o, s) => {
+    const u = s.toLowerCase(), b = (d) => {
+      const m = ge(e, d);
+      return m === null ? se(e) : m;
     };
     let h = null, c = b(o);
     const i = {};
     for (; h == null && !i[c]; )
-      l.current[c] === d ? h = c : (i[c] = !0, c = b(c));
+      l.current[c] === u ? h = c : (i[c] = !0, c = b(c));
     return h;
-  }, p = (o) => !t.disableSelection && !e.isItemDisabled(o), g = (o) => !e.isItemDisabled(o) && e.isItemExpandable(o);
+  }, f = (o) => !t.disableSelection && !e.isItemDisabled(o), g = (o) => !e.isItemDisabled(o) && e.isItemExpandable(o);
   return {
     instance: {
       updateFirstCharMap: x,
       handleItemKeyDown: (o, s) => {
         if (o.defaultMuiPrevented || o.altKey || he(o.target, o.currentTarget))
           return;
-        const d = o.ctrlKey || o.metaKey, b = o.key;
+        const u = o.ctrlKey || o.metaKey, b = o.key;
         switch (!0) {
           // Select the item when pressing "Space"
-          case (b === " " && p(s)): {
+          case (b === " " && f(s)): {
             o.preventDefault(), t.multiSelect && o.shiftKey ? e.expandSelectionRange(o, s) : e.selectItem({
               event: o,
               itemId: s,
@@ -901,7 +902,7 @@ const Je = ({
           // If the focused item has children, we expand it.
           // If the focused item has no children, we select it.
           case b === "Enter": {
-            oe(e, H) && e.isItemEditable(s) && !e.isItemBeingEdited(s) ? e.setEditedItemId(s) : g(s) ? (e.toggleItemExpansion(o, s), o.preventDefault()) : p(s) && (t.multiSelect ? (o.preventDefault(), e.selectItem({
+            oe(e, H) && e.isItemEditable(s) && !e.isItemBeingEdited(s) ? e.setEditedItemId(s) : g(s) ? (e.toggleItemExpansion(o, s), o.preventDefault()) : f(s) && (t.multiSelect ? (o.preventDefault(), e.selectItem({
               event: o,
               itemId: s,
               keepExistingSelection: !0
@@ -914,19 +915,19 @@ const Je = ({
           // Focus the next focusable item
           case b === "ArrowDown": {
             const h = ge(e, s);
-            h && (o.preventDefault(), e.focusItem(o, h), t.multiSelect && o.shiftKey && p(h) && e.selectItemFromArrowNavigation(o, s, h));
+            h && (o.preventDefault(), e.focusItem(o, h), t.multiSelect && o.shiftKey && f(h) && e.selectItemFromArrowNavigation(o, s, h));
             break;
           }
           // Focuses the previous focusable item
           case b === "ArrowUp": {
             const h = Mt(e, s);
-            h && (o.preventDefault(), e.focusItem(o, h), t.multiSelect && o.shiftKey && p(h) && e.selectItemFromArrowNavigation(o, s, h));
+            h && (o.preventDefault(), e.focusItem(o, h), t.multiSelect && o.shiftKey && f(h) && e.selectItemFromArrowNavigation(o, s, h));
             break;
           }
           // If the focused item is expanded, we move the focus to its first child
           // If the focused item is collapsed and has children, we expand it
           case (b === "ArrowRight" && !r || b === "ArrowLeft" && r): {
-            if (d)
+            if (u)
               return;
             if (e.isItemExpanded(s)) {
               const h = ge(e, s);
@@ -937,7 +938,7 @@ const Je = ({
           // If the focused item is expanded, we collapse it
           // If the focused item is collapsed and has a parent, we move the focus to this parent
           case (b === "ArrowLeft" && !r || b === "ArrowRight" && r): {
-            if (d)
+            if (u)
               return;
             if (g(s) && e.isItemExpanded(s))
               e.toggleItemExpansion(o, s), o.preventDefault();
@@ -949,12 +950,12 @@ const Je = ({
           }
           // Focuses the first item in the tree
           case b === "Home": {
-            p(s) && t.multiSelect && d && o.shiftKey ? e.selectRangeFromStartToItem(o, s) : e.focusItem(o, se(e)), o.preventDefault();
+            f(s) && t.multiSelect && u && o.shiftKey ? e.selectRangeFromStartToItem(o, s) : e.focusItem(o, se(e)), o.preventDefault();
             break;
           }
           // Focuses the last item in the tree
           case b === "End": {
-            p(s) && t.multiSelect && d && o.shiftKey ? e.selectRangeFromItemToEnd(o, s) : e.focusItem(o, Ne(e)), o.preventDefault();
+            f(s) && t.multiSelect && u && o.shiftKey ? e.selectRangeFromItemToEnd(o, s) : e.focusItem(o, Ne(e)), o.preventDefault();
             break;
           }
           // Expand all siblings that are at the same level as the focused item
@@ -964,14 +965,14 @@ const Je = ({
           }
           // Multi select behavior when pressing Ctrl + a
           // Selects all the items
-          case (String.fromCharCode(o.keyCode) === "A" && d && t.multiSelect && !t.disableSelection): {
+          case (String.fromCharCode(o.keyCode) === "A" && u && t.multiSelect && !t.disableSelection): {
             e.selectAllNavigableItems(o), o.preventDefault();
             break;
           }
           // Type-ahead
           // TODO: Support typing multiple characters
-          case (!d && !o.shiftKey && Tn(b)): {
-            const h = m(s, b);
+          case (!u && !o.shiftKey && Tn(b)): {
+            const h = I(s, b);
             h != null && (e.focusItem(o, h), o.preventDefault());
             break;
           }
@@ -1014,16 +1015,16 @@ function Qe(e) {
       disableSelection: x
     },
     expansion: {
-      expansionTrigger: m
+      expansionTrigger: I
     }
-  } = Ke(), p = t.isItemExpandable(e), g = t.isItemExpanded(e), u = t.isItemFocused(e), o = t.isItemSelected(e), s = t.isItemDisabled(e), d = t != null && t.isItemBeingEdited ? t == null ? void 0 : t.isItemBeingEdited(e) : !1, b = t.isItemEditable ? t.isItemEditable(e) : !1, h = (y) => {
+  } = Ke(), f = t.isItemExpandable(e), g = t.isItemExpanded(e), p = t.isItemFocused(e), o = t.isItemSelected(e), s = t.isItemDisabled(e), u = t != null && t.isItemBeingEdited ? t == null ? void 0 : t.isItemBeingEdited(e) : !1, b = t.isItemEditable ? t.isItemEditable(e) : !1, h = (y) => {
     if (!s) {
-      u || t.focusItem(y, e);
+      p || t.focusItem(y, e);
       const R = r && (y.shiftKey || y.ctrlKey || y.metaKey);
-      p && !(R && t.isItemExpanded(e)) && t.toggleItemExpansion(y, e);
+      f && !(R && t.isItemExpanded(e)) && t.toggleItemExpansion(y, e);
     }
   }, c = (y) => {
-    s || (u || t.focusItem(y, e), r && (y.shiftKey || y.ctrlKey || y.metaKey) ? y.shiftKey ? t.expandSelectionRange(y, e) : t.selectItem({
+    s || (p || t.focusItem(y, e), r && (y.shiftKey || y.ctrlKey || y.metaKey) ? y.shiftKey ? t.expandSelectionRange(y, e) : t.selectItem({
       event: y,
       itemId: e,
       keepExistingSelection: !0
@@ -1042,32 +1043,32 @@ function Qe(e) {
       keepExistingSelection: r,
       shouldBeSelected: y.target.checked
     });
-  }, f = (y) => {
+  }, d = (y) => {
     (y.shiftKey || y.ctrlKey || y.metaKey || s) && y.preventDefault();
-  }, I = () => {
+  }, m = () => {
     oe(t, H) && t.isItemEditable(e) && (t.isItemBeingEdited(e) ? t.setEditedItemId(null) : t.setEditedItemId(e));
   };
   return {
     disabled: s,
     expanded: g,
     selected: o,
-    focused: u,
+    focused: p,
     editable: b,
-    editing: d,
+    editing: u,
     disableSelection: x,
     checkboxSelection: l,
     handleExpansion: h,
     handleSelection: c,
     handleCheckboxSelection: i,
     handleContentClick: n,
-    preventSelection: f,
-    expansionTrigger: m,
-    toggleItemEditing: I,
+    preventSelection: d,
+    expansionTrigger: I,
+    toggleItemEditing: m,
     handleSaveItemLabel: (y, R) => {
-      oe(t, H) && t.isItemBeingEditedRef(e) && (t.updateItemLabel(e, R), I(), t.focusItem(y, e));
+      oe(t, H) && t.isItemBeingEditedRef(e) && (t.updateItemLabel(e, R), m(), t.focusItem(y, e));
     },
     handleCancelItemLabelEditing: (y) => {
-      oe(t, H) && t.isItemBeingEditedRef(e) && (I(), t.focusItem(y, e));
+      oe(t, H) && t.isItemBeingEditedRef(e) && (m(), t.focusItem(y, e));
     }
   };
 }
@@ -1076,19 +1077,19 @@ const Cn = ["classes", "className", "displayIcon", "expansionIcon", "icon", "lab
     classes: r,
     className: l,
     displayIcon: x,
-    expansionIcon: m,
-    icon: p,
+    expansionIcon: I,
+    icon: f,
     label: g,
-    itemId: u,
+    itemId: p,
     onClick: o,
     onMouseDown: s,
-    dragAndDropOverlayProps: d,
+    dragAndDropOverlayProps: u,
     labelInputProps: b
   } = t, h = A(t, Cn), {
     disabled: c,
     expanded: i,
-    selected: f,
-    focused: I,
+    selected: d,
+    focused: m,
     editing: T,
     editable: P,
     disableSelection: y,
@@ -1100,18 +1101,18 @@ const Cn = ["classes", "className", "displayIcon", "expansionIcon", "icon", "lab
     preventSelection: L,
     expansionTrigger: W,
     toggleItemEditing: G
-  } = Qe(u), j = p || m || x, J = E.useRef(null), ce = (M) => {
+  } = Qe(p), j = f || I || x, J = E.useRef(null), ce = (M) => {
     L(M), s && s(M);
   }, ue = (M) => {
     var Y;
-    V == null || V(M, u), !((Y = J.current) != null && Y.contains(M.target)) && (W === "content" && v(M), R || F(M), o && o(M));
+    V == null || V(M, p), !((Y = J.current) != null && Y.contains(M.target)) && (W === "content" && v(M), R || F(M), o && o(M));
   }, de = (M) => {
     M.defaultMuiPrevented || G();
   };
   return (
     /* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions -- Key event is handled by the TreeView */
     /* @__PURE__ */ je("div", C({}, h, {
-      className: Be(r.root, l, i && r.expanded, f && r.selected, I && r.focused, c && r.disabled, T && r.editing, P && r.editable),
+      className: Be(r.root, l, i && r.expanded, d && r.selected, m && r.focused, c && r.disabled, T && r.editing, P && r.editable),
       onClick: ue,
       onMouseDown: ce,
       ref: n,
@@ -1120,7 +1121,7 @@ const Cn = ["classes", "className", "displayIcon", "expansionIcon", "icon", "lab
         children: j
       }), R && /* @__PURE__ */ S(Wt, {
         className: r.checkbox,
-        checked: f,
+        checked: d,
         onChange: B,
         disabled: c || y,
         ref: J,
@@ -1133,7 +1134,7 @@ const Cn = ["classes", "className", "displayIcon", "expansionIcon", "icon", "lab
         onDoubleClick: de
       }, {
         children: g
-      })), d && /* @__PURE__ */ S(Ot, C({}, d))]
+      })), u && /* @__PURE__ */ S(Ot, C({}, u))]
     }))
   );
 });
@@ -1311,17 +1312,17 @@ const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "
     runItemPlugins: l,
     items: {
       disabledItemsFocusable: x,
-      indentationAtItemLevel: m
+      indentationAtItemLevel: I
     },
     selection: {
-      disableSelection: p
+      disableSelection: f
     },
     expansion: {
       expansionTrigger: g
     },
-    treeId: u,
+    treeId: p,
     instance: o
-  } = Ke(), s = E.useContext($e), d = vn({
+  } = Ke(), s = E.useContext($e), u = vn({
     props: t,
     name: "MuiTreeItem"
   }), {
@@ -1329,8 +1330,8 @@ const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "
     className: h,
     slots: c,
     slotProps: i,
-    ContentComponent: f = Ce,
-    ContentProps: I,
+    ContentComponent: d = Ce,
+    ContentProps: m,
     itemId: T,
     id: P,
     label: y,
@@ -1338,7 +1339,7 @@ const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "
     onMouseDown: v,
     onBlur: F,
     onKeyDown: B
-  } = d, V = A(d, wn), {
+  } = u, V = A(u, wn), {
     expanded: L,
     focused: W,
     selected: G,
@@ -1348,23 +1349,23 @@ const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "
     handleCancelItemLabelEditing: ue,
     handleSaveItemLabel: de
   } = Qe(T);
-  process.env.NODE_ENV !== "production" && (d.ContentComponent && xe(["MUI X: The ContentComponent prop of the TreeItem component is deprecated and will be removed in the next major release.", "You can use the new TreeItem2 component or the new useTreeItem2 hook to customize the rendering of the content.", "For more detail, see https://mui.com/x/react-tree-view/tree-item-customization/."]), d.ContentProps && xe(["MUI X: The ContentProps prop of the TreeItem component is deprecated and will be removed in the next major release.", "You can use the new TreeItem2 component or the new useTreeItem2 hook to customize the rendering of the content.", "For more detail, see https://mui.com/x/react-tree-view/tree-item-customization/."]));
+  process.env.NODE_ENV !== "production" && (u.ContentComponent && xe(["MUI X: The ContentComponent prop of the TreeItem component is deprecated and will be removed in the next major release.", "You can use the new TreeItem2 component or the new useTreeItem2 hook to customize the rendering of the content.", "For more detail, see https://mui.com/x/react-tree-view/tree-item-customization/."]), u.ContentProps && xe(["MUI X: The ContentProps prop of the TreeItem component is deprecated and will be removed in the next major release.", "You can use the new TreeItem2 component or the new useTreeItem2 hook to customize the rendering of the content.", "For more detail, see https://mui.com/x/react-tree-view/tree-item-customization/."]));
   const {
     contentRef: M,
     rootRef: Y,
     propsEnhancers: D
-  } = l(d), Q = E.useRef(null), we = E.useRef(null), nt = Ee(n, Y, Q), ot = Ee(I == null ? void 0 : I.ref, M, we), z = {
+  } = l(u), Q = E.useRef(null), we = E.useRef(null), nt = Ee(n, Y, Q), ot = Ee(m == null ? void 0 : m.ref, M, we), z = {
     expandIcon: (c == null ? void 0 : c.expandIcon) ?? r.slots.expandIcon ?? At,
     collapseIcon: (c == null ? void 0 : c.collapseIcon) ?? r.slots.collapseIcon ?? Vt,
     endIcon: (c == null ? void 0 : c.endIcon) ?? r.slots.endIcon,
     icon: c == null ? void 0 : c.icon,
     groupTransition: c == null ? void 0 : c.groupTransition
-  }, Re = (w) => Array.isArray(w) ? w.length > 0 && w.some(Re) : !!w, Z = Re(b), fe = C({}, d, {
+  }, Re = (w) => Array.isArray(w) ? w.length > 0 && w.some(Re) : !!w, Z = Re(b), fe = C({}, u, {
     expanded: L,
     focused: W,
     selected: G,
     disabled: j,
-    indentationAtItemLevel: m
+    indentationAtItemLevel: I
   }), k = kn(fe), Se = z.groupTransition ?? void 0, rt = N({
     elementType: Se,
     ownerState: {},
@@ -1374,7 +1375,7 @@ const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "
       in: L,
       component: "ul",
       role: "group"
-    }, m ? {
+    }, I ? {
       indentationAtItemLevel: !0
     } : {}),
     className: k.groupTransition
@@ -1397,7 +1398,7 @@ const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "
     externalSlotProps: i == null ? void 0 : i.icon
   }), pt = A(ft, Pn), mt = Ie ? /* @__PURE__ */ S(Ie, C({}, pt)) : null;
   let ee;
-  G ? ee = !0 : p || j ? ee = void 0 : ee = !1;
+  G ? ee = !0 : f || j ? ee = void 0 : ee = !1;
   function It(w) {
     !W && (!j || x) && w.currentTarget === w.target && o.focusItem(w, T);
   }
@@ -1412,7 +1413,7 @@ const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "
     B == null || B(w), ((q = (_ = w.target) == null ? void 0 : _.dataset) == null ? void 0 : q.element) !== "labelInput" && o.handleItemKeyDown(w, T);
   }, ht = _e({
     itemId: T,
-    treeId: u,
+    treeId: p,
     id: P
   }), xt = o.canItemBeTabbed(T) ? 0 : -1, te = {
     rootRefObject: Q,
@@ -1424,7 +1425,7 @@ const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "
   }, Et = ((ke = D.root) == null ? void 0 : ke.call(D, C({}, te, {
     externalEventHandlers: Fe(V)
   }))) ?? {}, Tt = ((Me = D.content) == null ? void 0 : Me.call(D, C({}, te, {
-    externalEventHandlers: Fe(I)
+    externalEventHandlers: Fe(m)
   }))) ?? {}, Pe = ((De = D.dragAndDropOverlay) == null ? void 0 : De.call(D, C({}, te, {
     externalEventHandlers: {}
   }))) ?? {}, ve = ((Oe = D.labelInput) == null ? void 0 : Oe.call(D, C({}, te, {
@@ -1446,12 +1447,12 @@ const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "
       onBlur: gt,
       onKeyDown: bt,
       ref: nt,
-      style: m ? C({}, V.style, {
+      style: I ? C({}, V.style, {
         "--TreeView-itemDepth": typeof s == "function" ? s(T) : s
       }) : V.style
     }, Et, {
       children: [/* @__PURE__ */ S(Dn, C({
-        as: f,
+        as: d,
         classes: {
           root: k.content,
           expanded: k.expanded,
@@ -1473,7 +1474,7 @@ const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "
         expansionIcon: at,
         displayIcon: dt,
         ownerState: fe
-      }, I, Tt, Pe.action == null ? {} : {
+      }, m, Tt, Pe.action == null ? {} : {
         dragAndDropOverlayProps: Pe
       }, ve.value == null ? {} : {
         labelInputProps: ve
@@ -1558,8 +1559,8 @@ function An({
   itemId: l,
   itemsToRender: x
 }) {
-  const m = (e == null ? void 0 : e.item) ?? Ze, p = N({
-    elementType: m,
+  const I = (e == null ? void 0 : e.item) ?? Ze, f = N({
+    elementType: I,
     externalSlotProps: t == null ? void 0 : t.item,
     additionalProps: {
       itemId: l,
@@ -1570,13 +1571,13 @@ function An({
       itemId: l,
       label: n
     }
-  }), g = A(p, Vn), u = E.useMemo(() => x ? /* @__PURE__ */ S(et, {
+  }), g = A(f, Vn), p = E.useMemo(() => x ? /* @__PURE__ */ S(et, {
     itemsToRender: x,
     slots: e,
     slotProps: t
   }) : null, [x, e, t]);
-  return /* @__PURE__ */ S(m, C({}, g, {
-    children: u
+  return /* @__PURE__ */ S(I, C({}, g, {
+    children: p
   }));
 }
 function et(e) {
@@ -1622,18 +1623,18 @@ const Fn = Ue(), Ln = (e) => {
   const {
     getRootProps: l,
     contextValue: x,
-    instance: m
+    instance: I
   } = ln({
     plugins: yn,
     rootRef: n,
     props: r
   }), {
-    slots: p,
+    slots: f,
     slotProps: g
-  } = r, u = Ln(r), o = (p == null ? void 0 : p.root) ?? jn, s = N({
+  } = r, p = Ln(r), o = (f == null ? void 0 : f.root) ?? jn, s = N({
     elementType: o,
     externalSlotProps: g == null ? void 0 : g.root,
-    className: u.root,
+    className: p.root,
     getSlotProps: l,
     ownerState: r
   });
@@ -1641,9 +1642,9 @@ const Fn = Ue(), Ln = (e) => {
     value: x,
     children: /* @__PURE__ */ S(o, C({}, s, {
       children: /* @__PURE__ */ S(et, {
-        slots: p,
+        slots: f,
         slotProps: g,
-        itemsToRender: m.getItemsToRender()
+        itemsToRender: I.getItemsToRender()
       })
     }))
   });
@@ -1836,48 +1837,51 @@ process.env.NODE_ENV !== "production" && (tt.propTypes = {
    */
   sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object])
 });
-const no = ({
+const oo = ({
   items: e,
   selectedItemId: t,
   handleSelectedItemChange: n,
   iconColor: r = "primary",
-  height: l = 300
+  hasNoIcons: l = !1,
+  maxHeight: x = 300,
+  defaultExpandedItems: I = []
 }) => {
-  const [x, m] = yt([]), p = Ct(() => Kt(e), [e]);
+  const [f, g] = yt(I), p = Ct(() => Kt(e), [e]);
   return wt(() => {
     if (t) {
-      const u = Ut(e, t);
-      if (u) {
-        const o = u.slice(0, -1);
-        m((s) => {
-          const d = o.filter(
-            (b) => !s.includes(b)
+      const s = Ut(e, t);
+      if (s) {
+        const u = s.slice(0, -1);
+        g((b) => {
+          const h = u.filter(
+            (c) => !b.includes(c)
           );
-          return d.length > 0 ? [...s, ...d] : s;
+          return h.length > 0 ? [...b, ...h] : b;
         });
       }
     }
-  }, [t, e]), /* @__PURE__ */ S($t, { height: l, "data-treeview-root": "true", children: /* @__PURE__ */ S(
+  }, [t, e]), /* @__PURE__ */ S($t, { maxHeight: x, "data-treeview-root": "true", children: /* @__PURE__ */ S(
     tt,
     {
       items: e,
       selectedItems: t,
-      expandedItems: x,
-      onExpandedItemsChange: (u, o) => {
-        m(o);
+      expandedItems: f,
+      onExpandedItemsChange: (s, u) => {
+        g(u);
       },
       itemChildrenIndentation: Nt,
       onSelectedItemsChange: n,
       getItemId: Bt,
       slots: {
-        item: (u) => {
-          const o = u.itemId ? p[u.itemId] : void 0;
+        item: (s) => {
+          const u = s.itemId ? p[s.itemId] : void 0;
           return /* @__PURE__ */ S(
             _t,
             {
-              ...u,
-              itemData: o,
-              iconColor: r
+              ...s,
+              itemData: u,
+              iconColor: r,
+              hasNoIcons: l
             }
           );
         }
@@ -1886,5 +1890,5 @@ const no = ({
   ) });
 };
 export {
-  no as default
+  oo as default
 };