@cgi-learning-hub/ui 1.4.0-dev.1742031677 → 1.4.0-dev.1742033565

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

@@ -2,66 +2,66 @@ import { jsx as S, jsxs as je } from "react/jsx-runtime";
 import { B as yt } from "../../Box-GMNejc_m.js";
 import * as E from "react";
 import { useState as Ct, useMemo as wt, useEffect as Rt } from "react";
-import { buildItemDataMap as St, findItemPath as Pt, getItemId as vt } from "./utils.es.js";
-import { treeContainerStyle as kt } from "./style.es.js";
-import { c as Mt, T as Dt, g as $e, a as _e, b as Ne, d as se, f as Ot, e as Vt, h as At, i as he, j as ge, k as Ft, l as oe, u as H, m as Ke, n as Lt, o as jt, p as Ue, q as $t, r as _t, s as Nt, t as Kt, v as O, C as Ut } from "../../CustomTreeItem-CyfVhVMC.js";
+import { c as St, T as Pt, g as _e, a as $e, b as Ne, d as se, f as vt, e as kt, h as Mt, i as he, j as ge, k as Dt, l as oe, u as H, m as Ke, n as Ot, o as Vt, p as Ue, q as At, r as Ft, s as Lt, t as jt, v as O, C as _t } from "../../CustomTreeItem-kFMLEWpp.js";
+import { treeContainerStyle 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-CU1npQuI.js";
-import { H as Bt, G as zt, I as Be, P as a, n as ne } from "../../generateUtilityClasses-EXBFO7eY.js";
+import { H as zt, G as qt, I as Be, P as a, n as ne } from "../../generateUtilityClasses-EXBFO7eY.js";
 import { a as A } from "../../TransitionGroupContext-DbLioz_6.js";
 import { u as U } from "../../useEventCallback-BAQJJ3ye.js";
-import { o as qt } from "../../ownerDocument-CUrv0DIK.js";
-import { u as Ht } from "../../index-D_xl88AE.js";
-import { C as Xt } from "../../Checkbox-CtRSDqOe.js";
+import { o as Ht } from "../../ownerDocument-CUrv0DIK.js";
+import { u as Xt } from "../../index-D_xl88AE.js";
+import { C as Wt } from "../../Checkbox-CtRSDqOe.js";
 import { w as xe } from "../../warning-C8W811fV.js";
 import { u as Ee } from "../../useForkRef-C_4o__cU.js";
 import { u as N } from "../../useSlotProps-U2Iu6E0j.js";
-import { r as _, e as Fe } from "../../resolveComponentProps-CIdMNno4.js";
+import { r as $, e as Fe } from "../../resolveComponentProps-CIdMNno4.js";
 import { s as ie, c as ze, f as qe } from "../../DefaultPropsProvider-CQixa6JQ.js";
-import { C as Wt } from "../../Collapse-wS8A5zc5.js";
-import { u as Gt } from "../../unsupportedProp-BuVD30Gh.js";
-import { e as Jt } from "../../elementTypeAcceptingRef-B04tk6ag.js";
-function Yt(e) {
-  return Bt("MuiRichTreeView", e);
+import { C as Gt } from "../../Collapse-wS8A5zc5.js";
+import { u as Jt } from "../../unsupportedProp-BuVD30Gh.js";
+import { e as Yt } from "../../elementTypeAcceptingRef-B04tk6ag.js";
+function Qt(e) {
+  return zt("MuiRichTreeView", e);
 }
-zt("MuiRichTreeView", ["root"]);
-const Qt = (e, t) => {
+qt("MuiRichTreeView", ["root"]);
+const Zt = (e, t) => {
   const n = E.useRef({}), [r, l] = E.useState(() => {
     const g = {};
     return e.forEach((p) => {
-      p.models && Object.entries(p.models).forEach(([m, f]) => {
+      p.models && Object.entries(p.models).forEach(([m, d]) => {
         n.current[m] = {
           isControlled: t[m] !== void 0,
-          getDefaultValue: f.getDefaultValue
-        }, g[m] = f.getDefaultValue(t);
+          getDefaultValue: d.getDefaultValue
+        }, g[m] = d.getDefaultValue(t);
       });
     }), g;
   }), h = Object.fromEntries(Object.entries(n.current).map(([g, p]) => {
     const m = t[g] ?? r[g];
     return [g, {
       value: m,
-      setControlledValue: (f) => {
+      setControlledValue: (d) => {
         p.isControlled || l((o) => C({}, o, {
-          [g]: f
+          [g]: d
         }));
       }
     }];
   }));
   return process.env.NODE_ENV !== "production" && Object.entries(n.current).forEach(([g, p]) => {
-    const m = t[g], f = p.getDefaultValue(t);
+    const m = t[g], d = p.getDefaultValue(t);
     E.useEffect(() => {
       p.isControlled !== (m !== void 0) && console.error([`MUI X: A component is changing the ${p.isControlled ? "" : "un"}controlled ${g} 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 ${g} 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(`
 `));
     }, [m]);
     const {
       current: o
-    } = E.useRef(f);
+    } = E.useRef(d);
     E.useEffect(() => {
-      !p.isControlled && o !== f && console.error([`MUI X: A component is changing the default ${g} state of an uncontrolled TreeView after being initialized. To suppress this warning opt to use a controlled TreeView.`].join(`
+      !p.isControlled && o !== d && console.error([`MUI X: A component is changing the default ${g} state of an uncontrolled TreeView after being initialized. To suppress this warning opt to use a controlled TreeView.`].join(`
 `));
-    }, [JSON.stringify(f)]);
+    }, [JSON.stringify(d)]);
   }), h;
 };
-class Zt {
+class en {
   constructor() {
     this.maxListeners = 20, this.warnOnce = !1, this.events = {};
   }
@@ -103,10 +103,10 @@ class Zt {
     });
   }
 }
-const en = (e) => e.isPropagationStopped !== void 0, He = () => {
-  const [e] = E.useState(() => new Zt()), t = E.useCallback((...r) => {
+const tn = (e) => e.isPropagationStopped !== void 0, He = () => {
+  const [e] = E.useState(() => new en()), t = E.useCallback((...r) => {
     const [l, h, g = {}] = r;
-    g.defaultMuiPrevented = !1, !(en(g) && g.isPropagationStopped()) && e.emit(l, h, g);
+    g.defaultMuiPrevented = !1, !(tn(g) && g.isPropagationStopped()) && e.emit(l, h, g);
   }, [e]), n = E.useCallback((r, l) => (e.on(r, l), () => {
     e.removeListener(r, l);
   }), [e]);
@@ -137,7 +137,7 @@ const Te = ({
   E.useEffect(() => {
     n((l) => l.id.treeId === e.id && l.id.treeId !== void 0 ? l : C({}, l, {
       id: C({}, l.id, {
-        treeId: e.id ?? Mt()
+        treeId: e.id ?? St()
       })
     }));
   }, [n, e.id]);
@@ -161,7 +161,7 @@ Te.getInitialState = ({
     treeId: e ?? void 0
   }
 });
-const tn = [He, Xe, Te], nn = ["slots", "slotProps", "apiRef", "experimentalFeatures"], on = (e) => {
+const nn = [He, Xe, Te], on = ["slots", "slotProps", "apiRef", "experimentalFeatures"], rn = (e) => {
   let {
     props: {
       slots: t,
@@ -170,36 +170,36 @@ const tn = [He, Xe, Te], nn = ["slots", "slotProps", "apiRef", "experimentalFeat
       experimentalFeatures: l
     },
     plugins: h
-  } = e, g = A(e.props, nn);
+  } = e, g = A(e.props, on);
   const p = {};
-  h.forEach((u) => {
-    Object.assign(p, u.params);
+  h.forEach((f) => {
+    Object.assign(p, f.params);
   });
-  const m = {}, f = {};
-  Object.keys(g).forEach((u) => {
-    const b = g[u];
-    p[u] ? m[u] = b : f[u] = b;
+  const m = {}, d = {};
+  Object.keys(g).forEach((f) => {
+    const b = g[f];
+    p[f] ? m[f] = b : d[f] = b;
   });
-  const o = l ?? {}, s = h.reduce((u, b) => b.getDefaultizedParams ? b.getDefaultizedParams({
-    params: u,
+  const o = l ?? {}, s = h.reduce((f, b) => b.getDefaultizedParams ? b.getDefaultizedParams({
+    params: f,
     experimentalFeatures: o
-  }) : u, m);
+  }) : f, m);
   return {
     apiRef: r,
-    forwardedProps: f,
+    forwardedProps: d,
     pluginParams: s,
     slots: t ?? {},
     slotProps: n ?? {},
     experimentalFeatures: o
   };
-}, rn = ({
+}, sn = ({
   plugins: e,
   instance: t,
   publicAPI: n,
   rootRef: r
 }) => ({
   runItemPlugins: (p) => {
-    let m = null, f = null;
+    let m = null, d = null;
     const o = [], s = {};
     e.forEach((x) => {
       if (!x.itemPlugin)
@@ -207,21 +207,21 @@ const tn = [He, Xe, Te], nn = ["slots", "slotProps", "apiRef", "experimentalFeat
       const c = x.itemPlugin({
         props: p,
         rootRef: m,
-        contentRef: f
+        contentRef: d
       });
-      c != null && c.rootRef && (m = c.rootRef), c != null && c.contentRef && (f = c.contentRef), c != null && c.propsEnhancers && (o.push(c.propsEnhancers), Object.keys(c.propsEnhancers).forEach((i) => {
+      c != null && c.rootRef && (m = c.rootRef), c != null && c.contentRef && (d = c.contentRef), c != null && c.propsEnhancers && (o.push(c.propsEnhancers), Object.keys(c.propsEnhancers).forEach((i) => {
         s[i] = !0;
       }));
     });
-    const u = (x) => (c) => {
+    const f = (x) => (c) => {
       const i = {};
-      return o.forEach((d) => {
-        const I = d[x];
+      return o.forEach((u) => {
+        const I = u[x];
         I != null && Object.assign(i, I(c));
       }), i;
-    }, b = Object.fromEntries(Object.keys(s).map((x) => [x, u(x)]));
+    }, b = Object.fromEntries(Object.keys(s).map((x) => [x, f(x)]));
     return {
-      contentRef: f,
+      contentRef: d,
       rootRef: m,
       propsEnhancers: b
     };
@@ -230,23 +230,23 @@ const tn = [He, Xe, Te], nn = ["slots", "slotProps", "apiRef", "experimentalFeat
     itemId: p,
     children: m
   }) => {
-    let f = m;
+    let d = m;
     for (let o = e.length - 1; o >= 0; o -= 1) {
       const s = e[o];
-      s.wrapItem && (f = s.wrapItem({
+      s.wrapItem && (d = s.wrapItem({
         itemId: p,
-        children: f,
+        children: d,
         instance: t
       }));
     }
-    return f;
+    return d;
   },
   wrapRoot: ({
     children: p
   }) => {
     let m = p;
-    for (let f = e.length - 1; f >= 0; f -= 1) {
-      const o = e[f];
+    for (let d = e.length - 1; d >= 0; d -= 1) {
+      const o = e[d];
       o.wrapRoot && (m = o.wrapRoot({
         children: m,
         instance: t
@@ -258,49 +258,49 @@ const tn = [He, Xe, Te], nn = ["slots", "slotProps", "apiRef", "experimentalFeat
   rootRef: r,
   publicAPI: n
 });
-function sn(e) {
+function ln(e) {
   const t = E.useRef({});
   return e ? (e.current == null && (e.current = {}), e.current) : t.current;
 }
-const ln = ({
+const an = ({
   plugins: e,
   rootRef: t,
   props: n
 }) => {
-  const r = [...tn, ...e], {
+  const r = [...nn, ...e], {
     pluginParams: l,
     forwardedProps: h,
     apiRef: g,
     experimentalFeatures: p,
     slots: m,
-    slotProps: f
-  } = on({
+    slotProps: d
+  } = rn({
     plugins: r,
     props: n
-  }), o = Qt(r, l), u = E.useRef({}).current, b = sn(g), x = E.useRef(null), c = Ee(x, t), i = rn({
+  }), o = Zt(r, l), f = E.useRef({}).current, b = ln(g), x = E.useRef(null), c = Ee(x, t), i = sn({
     plugins: r,
-    instance: u,
+    instance: f,
     publicAPI: b,
     rootRef: x
-  }), [d, I] = E.useState(() => {
+  }), [u, I] = E.useState(() => {
     const R = {};
     return r.forEach((v) => {
       v.getInitialState && Object.assign(R, v.getInitialState(l));
     }), R;
   }), T = [], P = (R) => {
     const v = R({
-      instance: u,
+      instance: f,
       params: l,
       slots: m,
-      slotProps: f,
+      slotProps: d,
       experimentalFeatures: p,
-      state: d,
+      state: u,
       setState: I,
       rootRef: x,
       models: o,
       plugins: r
     });
-    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);
+    v.getRootProps && T.push(v.getRootProps), v.publicAPI && Object.assign(b, v.publicAPI), v.instance && Object.assign(f, v.instance), v.contextValue && Object.assign(i, v.contextValue);
   };
   return r.forEach(P), {
     getRootProps: (R = {}) => {
@@ -315,15 +315,15 @@ const ln = ({
     },
     rootRef: c,
     contextValue: i,
-    instance: u
+    instance: f
   };
 };
-function an(e) {
+function cn(e) {
   const {
     value: t,
     children: n
   } = e;
-  return /* @__PURE__ */ S(Dt.Provider, {
+  return /* @__PURE__ */ S(Pt.Provider, {
     value: t,
     children: t.wrapRoot({
       children: n,
@@ -331,14 +331,14 @@ function an(e) {
     })
   });
 }
-const cn = (e, t, n) => {
+const un = (e, t, n) => {
   e.$$publishEvent(t, n);
-}, K = "__TREE_VIEW_ROOT_PARENT_ID__", un = (e) => {
+}, K = "__TREE_VIEW_ROOT_PARENT_ID__", dn = (e) => {
   const t = {};
   return e.forEach((n, r) => {
     t[n] = r;
   }), t;
-}, dn = ["children"], We = ({
+}, fn = ["children"], We = ({
   items: e,
   isItemDisabled: t,
   getItemLabel: n,
@@ -346,35 +346,35 @@ const cn = (e, t, n) => {
 }) => {
   const l = {}, h = {}, g = {
     [K]: []
-  }, p = (f, o, s) => {
+  }, p = (d, o, s) => {
     var c, i;
-    const u = r ? r(f) : f.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(f)].join(`
+    const f = r ? r(d) : d.id;
+    if (f == 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(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(`
+    if (l[f] != 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: "${f}"`].join(`
 `));
-    const b = n ? n(f) : f.label;
+    const b = n ? n(d) : d.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(f)].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(d)].join(`
 `));
-    l[u] = {
-      id: u,
+    l[f] = {
+      id: f,
       label: b,
       parentId: s,
       idAttribute: void 0,
-      expandable: !!((c = f.children) != null && c.length),
-      disabled: t ? t(f) : !1,
+      expandable: !!((c = d.children) != null && c.length),
+      disabled: t ? t(d) : !1,
       depth: o
-    }, h[u] = f;
+    }, h[f] = d;
     const x = s ?? K;
-    g[x] || (g[x] = []), g[x].push(u), (i = f.children) == null || i.forEach((d) => p(d, o + 1, u));
+    g[x] || (g[x] = []), g[x].push(f), (i = d.children) == null || i.forEach((u) => p(u, o + 1, f));
   };
-  e.forEach((f) => p(f, 0, null));
+  e.forEach((d) => p(d, 0, null));
   const m = {};
-  return Object.keys(g).forEach((f) => {
-    m[f] = un(g[f]);
+  return Object.keys(g).forEach((d) => {
+    m[d] = dn(g[d]);
   }), {
     itemMetaMap: l,
     itemMap: h,
@@ -388,16 +388,16 @@ const cn = (e, t, n) => {
   setState: r,
   experimentalFeatures: l
 }) => {
-  const h = E.useCallback((d) => n.items.itemMetaMap[d], [n.items.itemMetaMap]), g = E.useCallback((d) => n.items.itemMap[d], [n.items.itemMap]), p = E.useCallback(() => {
-    const d = (I) => {
-      const T = n.items.itemMap[I], P = A(T, dn), y = n.items.itemOrderedChildrenIds[I];
-      return y && (P.children = y.map(d)), P;
+  const h = E.useCallback((u) => n.items.itemMetaMap[u], [n.items.itemMetaMap]), g = E.useCallback((u) => n.items.itemMap[u], [n.items.itemMap]), p = E.useCallback(() => {
+    const u = (I) => {
+      const T = n.items.itemMap[I], P = A(T, fn), y = n.items.itemOrderedChildrenIds[I];
+      return y && (P.children = y.map(u)), P;
     };
-    return n.items.itemOrderedChildrenIds[K].map(d);
-  }, [n.items.itemMap, n.items.itemOrderedChildrenIds]), m = E.useCallback((d) => {
-    if (d == null)
+    return n.items.itemOrderedChildrenIds[K].map(u);
+  }, [n.items.itemMap, n.items.itemOrderedChildrenIds]), m = E.useCallback((u) => {
+    if (u == null)
       return !1;
-    let I = e.getItemMeta(d);
+    let I = e.getItemMeta(u);
     if (!I)
       return !1;
     if (I.disabled)
@@ -406,32 +406,32 @@ const cn = (e, t, n) => {
       if (I = e.getItemMeta(I.parentId), I.disabled)
         return !0;
     return !1;
-  }, [e]), f = E.useCallback((d) => {
-    const I = e.getItemMeta(d).parentId ?? K;
-    return n.items.itemChildrenIndexes[I][d];
-  }, [e, n.items.itemChildrenIndexes]), o = E.useCallback((d) => n.items.itemOrderedChildrenIds[d ?? K] ?? [], [n.items.itemOrderedChildrenIds]), s = (d) => {
-    const I = e.getItemMeta(d);
-    return I == null ? null : document.getElementById($e({
+  }, [e]), d = E.useCallback((u) => {
+    const I = e.getItemMeta(u).parentId ?? K;
+    return n.items.itemChildrenIndexes[I][u];
+  }, [e, n.items.itemChildrenIndexes]), o = E.useCallback((u) => n.items.itemOrderedChildrenIds[u ?? K] ?? [], [n.items.itemOrderedChildrenIds]), s = (u) => {
+    const I = e.getItemMeta(u);
+    return I == null ? null : document.getElementById(_e({
       treeId: n.id.treeId,
-      itemId: d,
+      itemId: u,
       id: I.idAttribute
     }));
-  }, u = (d) => t.disabledItemsFocusable ? !0 : !e.isItemDisabled(d), b = E.useRef(!1), x = E.useCallback(() => {
+  }, f = (u) => t.disabledItemsFocusable ? !0 : !e.isItemDisabled(u), b = E.useRef(!1), x = E.useCallback(() => {
     b.current = !0;
   }, []), c = E.useCallback(() => b.current, []);
   return E.useEffect(() => {
-    e.areItemUpdatesPrevented() || r((d) => {
+    e.areItemUpdatesPrevented() || r((u) => {
       const I = We({
         items: t.items,
         isItemDisabled: t.isItemDisabled,
         getItemId: t.getItemId,
         getItemLabel: t.getItemLabel
       });
-      return Object.values(d.items.itemMetaMap).forEach((T) => {
-        I.itemMetaMap[T.id] || cn(e, "removeItem", {
+      return Object.values(u.items.itemMetaMap).forEach((T) => {
+        I.itemMetaMap[T.id] || un(e, "removeItem", {
           id: T.id
         });
-      }), C({}, d, {
+      }), C({}, u, {
         items: I
       });
     });
@@ -452,23 +452,23 @@ const cn = (e, t, n) => {
       getItem: g,
       getItemTree: p,
       getItemsToRender: () => {
-        const d = (I) => {
+        const u = (I) => {
           var P;
           const T = n.items.itemMetaMap[I];
           return {
             label: T.label,
             itemId: T.id,
             id: T.idAttribute,
-            children: (P = n.items.itemOrderedChildrenIds[I]) == null ? void 0 : P.map(d)
+            children: (P = n.items.itemOrderedChildrenIds[I]) == null ? void 0 : P.map(u)
           };
         };
-        return n.items.itemOrderedChildrenIds[K].map(d);
+        return n.items.itemOrderedChildrenIds[K].map(u);
       },
-      getItemIndex: f,
+      getItemIndex: d,
       getItemDOMElement: s,
       getItemOrderedChildrenIds: o,
       isItemDisabled: m,
-      isItemNavigable: u,
+      isItemNavigable: f,
       preventItemUpdates: x,
       areItemUpdatesPrevented: c
     },
@@ -498,7 +498,7 @@ X.getDefaultizedParams = ({
 X.wrapRoot = ({
   children: e,
   instance: t
-}) => /* @__PURE__ */ S(_e.Provider, {
+}) => /* @__PURE__ */ S($e.Provider, {
   value: (n) => {
     var r;
     return ((r = t.getItemMeta(n)) == null ? void 0 : r.depth) ?? 0;
@@ -521,27 +521,27 @@ const le = ({
 }) => {
   const r = E.useMemo(() => {
     const s = /* @__PURE__ */ new Map();
-    return n.expandedItems.value.forEach((u) => {
-      s.set(u, !0);
+    return n.expandedItems.value.forEach((f) => {
+      s.set(f, !0);
     }), s;
-  }, [n.expandedItems.value]), l = (s, u) => {
+  }, [n.expandedItems.value]), l = (s, f) => {
     var b;
-    (b = t.onExpandedItemsChange) == null || b.call(t, s, u), n.expandedItems.setControlledValue(u);
+    (b = t.onExpandedItemsChange) == null || b.call(t, s, f), n.expandedItems.setControlledValue(f);
   }, h = E.useCallback((s) => r.has(s), [r]), g = E.useCallback((s) => {
-    var u;
-    return !!((u = e.getItemMeta(s)) != null && u.expandable);
-  }, [e]), p = U((s, u) => {
-    const b = e.isItemExpanded(u);
-    e.setItemExpansion(s, u, !b);
-  }), m = U((s, u, b) => {
-    if (e.isItemExpanded(u) === b)
+    var f;
+    return !!((f = e.getItemMeta(s)) != null && f.expandable);
+  }, [e]), p = U((s, f) => {
+    const b = e.isItemExpanded(f);
+    e.setItemExpansion(s, f, !b);
+  }), m = U((s, f, b) => {
+    if (e.isItemExpanded(f) === b)
       return;
     let c;
-    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);
-  }), f = (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);
+    b ? c = [f].concat(n.expandedItems.value) : c = n.expandedItems.value.filter((i) => i !== f), t.onItemExpansionToggle && t.onItemExpansionToggle(s, f, b), l(s, c);
+  }), d = (s, f) => {
+    const b = e.getItemMeta(f), c = e.getItemOrderedChildrenIds(b.parentId).filter((u) => e.isItemExpandable(u) && !e.isItemExpanded(u)), i = n.expandedItems.value.concat(c);
+    c.length > 0 && (t.onItemExpansionToggle && c.forEach((u) => {
+      t.onItemExpansionToggle(s, u, !0);
     }), l(s, i));
   }, o = E.useMemo(() => t.expansionTrigger ? t.expansionTrigger : e.isTreeViewEditable ? "iconContainer" : "content", [t.expansionTrigger, e.isTreeViewEditable]);
   return {
@@ -553,7 +553,7 @@ const le = ({
       isItemExpandable: g,
       setItemExpansion: m,
       toggleItemExpansion: p,
-      expandAllSiblings: f
+      expandAllSiblings: d
     },
     contextValue: {
       expansion: {
@@ -567,11 +567,11 @@ le.models = {
     getDefaultValue: (e) => e.defaultExpandedItems
   }
 };
-const fn = [];
+const pn = [];
 le.getDefaultizedParams = ({
   params: e
 }) => C({}, e, {
-  defaultExpandedItems: e.defaultExpandedItems ?? fn
+  defaultExpandedItems: e.defaultExpandedItems ?? pn
 });
 le.params = {
   expandedItems: !0,
@@ -598,8 +598,8 @@ const re = (e) => Array.isArray(e) ? e : e != null ? [e] : [], be = (e) => {
   }, [n.selectedItems.value]), g = (c, i) => {
     if (t.onItemSelectionToggle)
       if (t.multiSelect) {
-        const d = i.filter((T) => !e.isItemSelected(T)), I = n.selectedItems.value.filter((T) => !i.includes(T));
-        d.forEach((T) => {
+        const u = i.filter((T) => !e.isItemSelected(T)), I = n.selectedItems.value.filter((T) => !i.includes(T));
+        u.forEach((T) => {
           t.onItemSelectionToggle(c, T, !0);
         }), I.forEach((T) => {
           t.onItemSelectionToggle(c, T, !1);
@@ -609,24 +609,24 @@ const re = (e) => Array.isArray(e) ? e : e != null ? [e] : [], be = (e) => {
   }, p = (c) => h.has(c), m = ({
     event: c,
     itemId: i,
-    keepExistingSelection: d = !1,
+    keepExistingSelection: u = !1,
     shouldBeSelected: I
   }) => {
     if (t.disableSelection)
       return;
     let T;
-    if (d) {
+    if (u) {
       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;
     } else
       I === !1 || I == null && e.isItemSelected(i) ? T = t.multiSelect ? [] : null : T = t.multiSelect ? [i] : i;
     g(c, T), r.current = i, l.current = {};
-  }, f = (c, [i, d]) => {
+  }, d = (c, [i, u]) => {
     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 = At(e, i, d), y = P.filter((R) => !T[R]);
+    const T = be(I), P = Mt(e, i, u), y = P.filter((R) => !T[R]);
     I = I.concat(y), g(c, I), l.current = be(P);
   };
   return {
@@ -642,29 +642,29 @@ const re = (e) => Array.isArray(e) ? e : e != null ? [e] : [], be = (e) => {
       selectAllNavigableItems: (c) => {
         if (t.disableSelection || !t.multiSelect)
           return;
-        const i = Vt(e);
+        const i = kt(e);
         g(c, i), l.current = be(i);
       },
       expandSelectionRange: (c, i) => {
         if (r.current != null) {
-          const [d, I] = Ot(e, i, r.current);
-          f(c, [d, I]);
+          const [u, I] = vt(e, i, r.current);
+          d(c, [u, I]);
         }
       },
       selectRangeFromStartToItem: (c, i) => {
-        f(c, [se(e), i]);
+        d(c, [se(e), i]);
       },
       selectRangeFromItemToEnd: (c, i) => {
-        f(c, [i, Ne(e)]);
+        d(c, [i, Ne(e)]);
       },
-      selectItemFromArrowNavigation: (c, i, d) => {
+      selectItemFromArrowNavigation: (c, i, u) => {
         if (t.disableSelection || !t.multiSelect)
           return;
         let I = re(n.selectedItems.value).slice();
-        Object.keys(l.current).length === 0 ? (I.push(d), l.current = {
+        Object.keys(l.current).length === 0 ? (I.push(u), l.current = {
           [i]: !0,
-          [d]: !0
-        }) : (l.current[i] || (l.current = {}), l.current[d] ? (I = I.filter((T) => T !== i), delete l.current[i]) : (I.push(d), l.current[d] = !0)), g(c, I);
+          [u]: !0
+        }) : (l.current[i] || (l.current = {}), l.current[u] ? (I = I.filter((T) => T !== i), delete l.current[i]) : (I.push(u), l.current[u] = !0)), g(c, I);
       }
     },
     contextValue: {
@@ -681,14 +681,14 @@ ae.models = {
     getDefaultValue: (e) => e.defaultSelectedItems
   }
 };
-const pn = [];
+const mn = [];
 ae.getDefaultizedParams = ({
   params: e
 }) => C({}, e, {
   disableSelection: e.disableSelection ?? !1,
   multiSelect: e.multiSelect ?? !1,
   checkboxSelection: e.checkboxSelection ?? !1,
-  defaultSelectedItems: e.defaultSelectedItems ?? (e.multiSelect ? pn : null)
+  defaultSelectedItems: e.defaultSelectedItems ?? (e.multiSelect ? mn : null)
 });
 ae.params = {
   disableSelection: !0,
@@ -700,7 +700,7 @@ ae.params = {
   onItemSelectionToggle: !0
 };
 const Le = 1e3;
-class mn {
+class In {
   constructor(t = Le) {
     this.timeouts = /* @__PURE__ */ new Map(), this.cleanupTimeout = Le, this.cleanupTimeout = t;
   }
@@ -723,7 +723,7 @@ class mn {
     }), this.timeouts = void 0);
   }
 }
-class In {
+class gn {
   constructor() {
     this.registry = new FinalizationRegistry((t) => {
       typeof t == "function" && t();
@@ -739,53 +739,53 @@ class In {
   reset() {
   }
 }
-class gn {
+class bn {
 }
-function bn(e) {
+function hn(e) {
   let t = 0;
   return function(r, l, h) {
-    e.registry === null && (e.registry = typeof FinalizationRegistry < "u" ? new In() : new mn());
-    const [g] = E.useState(new gn()), p = E.useRef(null), m = E.useRef(void 0);
+    e.registry === null && (e.registry = typeof FinalizationRegistry < "u" ? new gn() : new In());
+    const [g] = E.useState(new bn()), p = E.useRef(null), m = E.useRef(void 0);
     m.current = h;
-    const f = E.useRef(null);
+    const d = E.useRef(null);
     if (!p.current && m.current) {
-      const o = (s, u) => {
+      const o = (s, f) => {
         var b;
-        u.defaultMuiPrevented || (b = m.current) == null || b.call(m, s, u);
+        f.defaultMuiPrevented || (b = m.current) == null || b.call(m, s, f);
       };
-      p.current = r.$$subscribeEvent(l, o), t += 1, f.current = {
+      p.current = r.$$subscribeEvent(l, o), t += 1, d.current = {
         cleanupToken: t
       }, e.registry.register(
         g,
         // The callback below will be called once this reference stops being retained
         () => {
           var s;
-          (s = p.current) == null || s.call(p), p.current = null, f.current = null;
+          (s = p.current) == null || s.call(p), p.current = null, d.current = null;
         },
-        f.current
+        d.current
       );
-    } else !m.current && p.current && (p.current(), p.current = null, f.current && (e.registry.unregister(f.current), f.current = null));
+    } else !m.current && p.current && (p.current(), p.current = null, d.current && (e.registry.unregister(d.current), d.current = null));
     E.useEffect(() => {
       if (!p.current && m.current) {
-        const o = (s, u) => {
+        const o = (s, f) => {
           var b;
-          u.defaultMuiPrevented || (b = m.current) == null || b.call(m, s, u);
+          f.defaultMuiPrevented || (b = m.current) == null || b.call(m, s, f);
         };
         p.current = r.$$subscribeEvent(l, o);
       }
-      return f.current && e.registry && (e.registry.unregister(f.current), f.current = null), () => {
+      return d.current && e.registry && (e.registry.unregister(d.current), d.current = null), () => {
         var o;
         (o = p.current) == null || o.call(p), p.current = null;
       };
     }, [r, l]);
   };
 }
-const hn = {
+const xn = {
   registry: null
-}, xn = bn(hn), Ge = (e = document) => {
+}, En = hn(xn), Ge = (e = document) => {
   const t = e.activeElement;
   return t ? t.shadowRoot ? Ge(t.shadowRoot) : t : null;
-}, En = (e, t) => {
+}, Tn = (e, t) => {
   let n = re(t).find((r) => {
     if (!e.isItemNavigable(r))
       return !1;
@@ -801,48 +801,48 @@ const hn = {
   models: l,
   rootRef: h
 }) => {
-  const g = En(e, l.selectedItems.value), p = U((i) => {
-    const d = typeof i == "function" ? i(n.focusedItemId) : i;
-    n.focusedItemId !== d && r((I) => C({}, I, {
-      focusedItemId: d
+  const g = Tn(e, l.selectedItems.value), p = U((i) => {
+    const u = typeof i == "function" ? i(n.focusedItemId) : i;
+    n.focusedItemId !== u && r((I) => C({}, I, {
+      focusedItemId: u
     }));
-  }), m = E.useCallback(() => !!h.current && h.current.contains(Ge(qt(h.current))), [h]), f = E.useCallback((i) => n.focusedItemId === i && m(), [n.focusedItemId, m]), o = (i) => {
-    const d = e.getItemMeta(i);
-    return d && (d.parentId == null || e.isItemExpanded(d.parentId));
-  }, s = (i, d) => {
-    const I = e.getItemDOMElement(d);
-    I && I.focus(), p(d), t.onItemFocus && t.onItemFocus(i, d);
-  }, u = U((i, d) => {
-    o(d) && s(i, d);
+  }), m = E.useCallback(() => !!h.current && h.current.contains(Ge(Ht(h.current))), [h]), d = E.useCallback((i) => n.focusedItemId === i && m(), [n.focusedItemId, m]), o = (i) => {
+    const u = e.getItemMeta(i);
+    return u && (u.parentId == null || e.isItemExpanded(u.parentId));
+  }, s = (i, u) => {
+    const I = e.getItemDOMElement(u);
+    I && I.focus(), p(u), t.onItemFocus && t.onItemFocus(i, u);
+  }, f = U((i, u) => {
+    o(u) && s(i, u);
   }), b = U(() => {
     if (n.focusedItemId == null)
       return;
     if (e.getItemMeta(n.focusedItemId)) {
-      const d = e.getItemDOMElement(n.focusedItemId);
-      d && d.blur();
+      const u = e.getItemDOMElement(n.focusedItemId);
+      u && u.blur();
     }
     p(null);
   }), x = (i) => i === g;
-  xn(e, "removeItem", ({
+  En(e, "removeItem", ({
     id: i
   }) => {
     n.focusedItemId === i && s(null, g);
   });
-  const c = (i) => (d) => {
+  const c = (i) => (u) => {
     var I;
-    (I = i.onFocus) == null || I.call(i, d), !d.defaultMuiPrevented && d.target === d.currentTarget && s(d, g);
+    (I = i.onFocus) == null || I.call(i, u), !u.defaultMuiPrevented && u.target === u.currentTarget && s(u, g);
   };
   return {
     getRootProps: (i) => ({
       onFocus: c(i)
     }),
     publicAPI: {
-      focusItem: u
+      focusItem: f
     },
     instance: {
-      isItemFocused: f,
+      isItemFocused: d,
       canItemBeTabbed: x,
-      focusItem: u,
+      focusItem: f,
       removeFocusedItem: b
     }
   };
@@ -853,7 +853,7 @@ ye.getInitialState = () => ({
 ye.params = {
   onItemFocus: !0
 };
-function Tn(e) {
+function yn(e) {
   return !!e && e.length === 1 && !!e.match(/\S/);
 }
 const Je = ({
@@ -861,26 +861,26 @@ const Je = ({
   params: t,
   state: n
 }) => {
-  const r = Ht(), l = E.useRef({}), h = U((o) => {
+  const r = Xt(), l = E.useRef({}), h = U((o) => {
     l.current = o(l.current);
   });
   E.useEffect(() => {
     if (e.areItemUpdatesPrevented())
       return;
-    const o = {}, s = (u) => {
-      o[u.id] = u.label.substring(0, 1).toLowerCase();
+    const o = {}, s = (f) => {
+      o[f.id] = f.label.substring(0, 1).toLowerCase();
     };
     Object.values(n.items.itemMetaMap).forEach(s), l.current = o;
   }, [n.items.itemMetaMap, t.getItemId, e]);
   const g = (o, s) => {
-    const u = s.toLowerCase(), b = (d) => {
-      const I = ge(e, d);
+    const f = s.toLowerCase(), b = (u) => {
+      const I = ge(e, u);
       return I === null ? se(e) : I;
     };
     let x = null, c = b(o);
     const i = {};
     for (; x == null && !i[c]; )
-      l.current[c] === u ? x = c : (i[c] = !0, c = b(c));
+      l.current[c] === f ? x = c : (i[c] = !0, c = b(c));
     return x;
   }, p = (o) => !t.disableSelection && !e.isItemDisabled(o), m = (o) => !e.isItemDisabled(o) && e.isItemExpandable(o);
   return {
@@ -889,7 +889,7 @@ const Je = ({
       handleItemKeyDown: (o, s) => {
         if (o.defaultMuiPrevented || o.altKey || he(o.target, o.currentTarget))
           return;
-        const u = o.ctrlKey || o.metaKey, b = o.key;
+        const f = o.ctrlKey || o.metaKey, b = o.key;
         switch (!0) {
           // Select the item when pressing "Space"
           case (b === " " && p(s)): {
@@ -922,14 +922,14 @@ const Je = ({
           }
           // Focuses the previous focusable item
           case b === "ArrowUp": {
-            const x = Ft(e, s);
+            const x = Dt(e, s);
             x && (o.preventDefault(), e.focusItem(o, x), t.multiSelect && o.shiftKey && p(x) && e.selectItemFromArrowNavigation(o, s, x));
             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 (u)
+            if (f)
               return;
             if (e.isItemExpanded(s)) {
               const x = ge(e, s);
@@ -940,7 +940,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 (u)
+            if (f)
               return;
             if (m(s) && e.isItemExpanded(s))
               e.toggleItemExpansion(o, s), o.preventDefault();
@@ -952,12 +952,12 @@ const Je = ({
           }
           // Focuses the first item in the tree
           case b === "Home": {
-            p(s) && t.multiSelect && u && o.shiftKey ? e.selectRangeFromStartToItem(o, s) : e.focusItem(o, se(e)), o.preventDefault();
+            p(s) && t.multiSelect && f && 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 && u && o.shiftKey ? e.selectRangeFromItemToEnd(o, s) : e.focusItem(o, Ne(e)), o.preventDefault();
+            p(s) && t.multiSelect && f && 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
@@ -967,13 +967,13 @@ const Je = ({
           }
           // Multi select behavior when pressing Ctrl + a
           // Selects all the items
-          case (String.fromCharCode(o.keyCode) === "A" && u && t.multiSelect && !t.disableSelection): {
+          case (String.fromCharCode(o.keyCode) === "A" && f && t.multiSelect && !t.disableSelection): {
             e.selectAllNavigableItems(o), o.preventDefault();
             break;
           }
           // Type-ahead
           // TODO: Support typing multiple characters
-          case (!u && !o.shiftKey && Tn(b)): {
+          case (!f && !o.shiftKey && yn(b)): {
             const x = g(s, b);
             x != null && (e.focusItem(o, x), o.preventDefault());
             break;
@@ -1004,7 +1004,7 @@ const Ye = ({
   }
 });
 Ye.params = {};
-const yn = [X, le, ae, ye, Je, Ye, H];
+const Cn = [X, le, ae, ye, Je, Ye, H];
 function Qe(e) {
   const {
     instance: t,
@@ -1019,14 +1019,14 @@ function Qe(e) {
     expansion: {
       expansionTrigger: g
     }
-  } = Ke(), p = t.isItemExpandable(e), m = t.isItemExpanded(e), f = 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, x = (y) => {
+  } = Ke(), p = t.isItemExpandable(e), m = t.isItemExpanded(e), d = t.isItemFocused(e), o = t.isItemSelected(e), s = t.isItemDisabled(e), f = t != null && t.isItemBeingEdited ? t == null ? void 0 : t.isItemBeingEdited(e) : !1, b = t.isItemEditable ? t.isItemEditable(e) : !1, x = (y) => {
     if (!s) {
-      f || t.focusItem(y, e);
+      d || t.focusItem(y, e);
       const R = r && (y.shiftKey || y.ctrlKey || y.metaKey);
       p && !(R && t.isItemExpanded(e)) && t.toggleItemExpansion(y, e);
     }
   }, c = (y) => {
-    s || (f || t.focusItem(y, e), r && (y.shiftKey || y.ctrlKey || y.metaKey) ? y.shiftKey ? t.expandSelectionRange(y, e) : t.selectItem({
+    s || (d || 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
@@ -1045,7 +1045,7 @@ function Qe(e) {
       keepExistingSelection: r,
       shouldBeSelected: y.target.checked
     });
-  }, d = (y) => {
+  }, u = (y) => {
     (y.shiftKey || y.ctrlKey || y.metaKey || s) && y.preventDefault();
   }, I = () => {
     oe(t, H) && t.isItemEditable(e) && (t.isItemBeingEdited(e) ? t.setEditedItemId(null) : t.setEditedItemId(e));
@@ -1054,16 +1054,16 @@ function Qe(e) {
     disabled: s,
     expanded: m,
     selected: o,
-    focused: f,
+    focused: d,
     editable: b,
-    editing: u,
+    editing: f,
     disableSelection: h,
     checkboxSelection: l,
     handleExpansion: x,
     handleSelection: c,
     handleCheckboxSelection: i,
     handleContentClick: n,
-    preventSelection: d,
+    preventSelection: u,
     expansionTrigger: g,
     toggleItemEditing: I,
     handleSaveItemLabel: (y, R) => {
@@ -1074,7 +1074,7 @@ function Qe(e) {
     }
   };
 }
-const Cn = ["classes", "className", "displayIcon", "expansionIcon", "icon", "label", "itemId", "onClick", "onMouseDown", "dragAndDropOverlayProps", "labelInputProps"], Ce = /* @__PURE__ */ E.forwardRef(function(t, n) {
+const wn = ["classes", "className", "displayIcon", "expansionIcon", "icon", "label", "itemId", "onClick", "onMouseDown", "dragAndDropOverlayProps", "labelInputProps"], Ce = /* @__PURE__ */ E.forwardRef(function(t, n) {
   const {
     classes: r,
     className: l,
@@ -1082,15 +1082,15 @@ const Cn = ["classes", "className", "displayIcon", "expansionIcon", "icon", "lab
     expansionIcon: g,
     icon: p,
     label: m,
-    itemId: f,
+    itemId: d,
     onClick: o,
     onMouseDown: s,
-    dragAndDropOverlayProps: u,
+    dragAndDropOverlayProps: f,
     labelInputProps: b
-  } = t, x = A(t, Cn), {
+  } = t, x = A(t, wn), {
     disabled: c,
     expanded: i,
-    selected: d,
+    selected: u,
     focused: I,
     editing: T,
     editable: P,
@@ -1103,32 +1103,32 @@ const Cn = ["classes", "className", "displayIcon", "expansionIcon", "icon", "lab
     preventSelection: L,
     expansionTrigger: W,
     toggleItemEditing: G
-  } = Qe(f), j = p || g || h, J = E.useRef(null), ce = (M) => {
+  } = Qe(d), j = p || g || h, J = E.useRef(null), ce = (M) => {
     L(M), s && s(M);
   }, ue = (M) => {
     var Y;
-    V == null || V(M, f), !((Y = J.current) != null && Y.contains(M.target)) && (W === "content" && v(M), R || F(M), o && o(M));
+    V == null || V(M, d), !((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({}, x, {
-      className: Be(r.root, l, i && r.expanded, d && r.selected, I && r.focused, c && r.disabled, T && r.editing, P && r.editable),
+      className: Be(r.root, l, i && r.expanded, u && r.selected, I && r.focused, c && r.disabled, T && r.editing, P && r.editable),
       onClick: ue,
       onMouseDown: ce,
       ref: n,
       children: [/* @__PURE__ */ S("div", {
         className: r.iconContainer,
         children: j
-      }), R && /* @__PURE__ */ S(Xt, {
+      }), R && /* @__PURE__ */ S(Wt, {
         className: r.checkbox,
-        checked: d,
+        checked: u,
         onChange: B,
         disabled: c || y,
         ref: J,
         tabIndex: -1
-      }), T ? /* @__PURE__ */ S(Lt, C({}, b, {
+      }), T ? /* @__PURE__ */ S(Ot, C({}, b, {
         className: r.labelInput
       })) : /* @__PURE__ */ S("div", C({
         className: r.label
@@ -1136,7 +1136,7 @@ const Cn = ["classes", "className", "displayIcon", "expansionIcon", "icon", "lab
         onDoubleClick: de
       }, {
         children: m
-      })), u && /* @__PURE__ */ S(jt, C({}, u))]
+      })), f && /* @__PURE__ */ S(Vt, C({}, f))]
     }))
   );
 });
@@ -1184,7 +1184,7 @@ process.env.NODE_ENV !== "production" && (Ce.propTypes = {
     value: a.string
   })
 });
-const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "ContentProps", "itemId", "id", "label", "onClick", "onMouseDown", "onFocus", "onBlur", "onKeyDown"], Rn = ["ownerState"], Sn = ["ownerState"], Pn = ["ownerState"], vn = Ue(), kn = (e) => {
+const Rn = ["children", "className", "slots", "slotProps", "ContentComponent", "ContentProps", "itemId", "id", "label", "onClick", "onMouseDown", "onFocus", "onBlur", "onKeyDown"], Sn = ["ownerState"], Pn = ["ownerState"], vn = ["ownerState"], kn = Ue(), Mn = (e) => {
   const {
     classes: t
   } = e;
@@ -1202,8 +1202,8 @@ const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "
     editing: ["editing"],
     editable: ["editable"],
     groupTransition: ["groupTransition"]
-  }, Kt, t);
-}, Mn = ie("li", {
+  }, jt, t);
+}, Dn = ie("li", {
   name: "MuiTreeItem",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -1212,7 +1212,7 @@ const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "
   margin: 0,
   padding: 0,
   outline: 0
-}), Dn = ie(Ce, {
+}), On = ie(Ce, {
   name: "MuiTreeItem",
   slot: "Content",
   overridesResolver: (e, t) => [t.content, t.iconContainer && {
@@ -1290,7 +1290,7 @@ const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "
       paddingLeft: `calc(${e.spacing(1)} + var(--TreeView-itemChildrenIndentation) * var(--TreeView-itemDepth))`
     }
   }]
-})), On = ie(Wt, {
+})), Vn = ie(Gt, {
   name: "MuiTreeItem",
   slot: "GroupTransition",
   overridesResolver: (e, t) => t.groupTransition,
@@ -1322,9 +1322,9 @@ const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "
     expansion: {
       expansionTrigger: m
     },
-    treeId: f,
+    treeId: d,
     instance: o
-  } = Ke(), s = E.useContext(_e), u = vn({
+  } = Ke(), s = E.useContext($e), f = kn({
     props: t,
     name: "MuiTreeItem"
   }), {
@@ -1332,7 +1332,7 @@ const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "
     className: x,
     slots: c,
     slotProps: i,
-    ContentComponent: d = Ce,
+    ContentComponent: u = Ce,
     ContentProps: I,
     itemId: T,
     id: P,
@@ -1341,7 +1341,7 @@ const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "
     onMouseDown: v,
     onBlur: F,
     onKeyDown: B
-  } = u, V = A(u, wn), {
+  } = f, V = A(f, Rn), {
     expanded: L,
     focused: W,
     selected: G,
@@ -1351,24 +1351,24 @@ const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "
     handleCancelItemLabelEditing: ue,
     handleSaveItemLabel: de
   } = Qe(T);
-  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/."]));
+  process.env.NODE_ENV !== "production" && (f.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/."]), f.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(u), Q = E.useRef(null), we = E.useRef(null), nt = Ee(n, Y, Q), ot = Ee(I == null ? void 0 : I.ref, M, we), z = {
-    expandIcon: (c == null ? void 0 : c.expandIcon) ?? r.slots.expandIcon ?? _t,
-    collapseIcon: (c == null ? void 0 : c.collapseIcon) ?? r.slots.collapseIcon ?? $t,
+  } = l(f), Q = E.useRef(null), we = E.useRef(null), nt = Ee(n, Y, Q), ot = Ee(I == null ? void 0 : I.ref, M, we), z = {
+    expandIcon: (c == null ? void 0 : c.expandIcon) ?? r.slots.expandIcon ?? Ft,
+    collapseIcon: (c == null ? void 0 : c.collapseIcon) ?? r.slots.collapseIcon ?? At,
     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({}, u, {
+  }, Re = (w) => Array.isArray(w) ? w.length > 0 && w.some(Re) : !!w, Z = Re(b), fe = C({}, f, {
     expanded: L,
     focused: W,
     selected: G,
     disabled: j,
     indentationAtItemLevel: g
-  }), k = kn(fe), Se = z.groupTransition ?? void 0, rt = N({
+  }), k = Mn(fe), Se = z.groupTransition ?? void 0, rt = N({
     elementType: Se,
     ownerState: {},
     externalSlotProps: i == null ? void 0 : i.groupTransition,
@@ -1386,36 +1386,36 @@ const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "
   }, pe = L ? z.collapseIcon : z.expandIcon, it = N({
     elementType: pe,
     ownerState: {},
-    externalSlotProps: (w) => L ? C({}, _(r.slotProps.collapseIcon, w), _(i == null ? void 0 : i.collapseIcon, w)) : C({}, _(r.slotProps.expandIcon, w), _(i == null ? void 0 : i.expandIcon, w)),
+    externalSlotProps: (w) => L ? C({}, $(r.slotProps.collapseIcon, w), $(i == null ? void 0 : i.collapseIcon, w)) : C({}, $(r.slotProps.expandIcon, w), $(i == null ? void 0 : i.expandIcon, w)),
     additionalProps: {
       onClick: st
     }
-  }), lt = A(it, Rn), at = Z && pe ? /* @__PURE__ */ S(pe, C({}, lt)) : null, me = Z ? void 0 : z.endIcon, ct = N({
+  }), lt = A(it, Sn), at = Z && pe ? /* @__PURE__ */ S(pe, C({}, lt)) : null, me = Z ? void 0 : z.endIcon, ct = N({
     elementType: me,
     ownerState: {},
-    externalSlotProps: (w) => Z ? {} : C({}, _(r.slotProps.endIcon, w), _(i == null ? void 0 : i.endIcon, w))
-  }), ut = A(ct, Sn), dt = me ? /* @__PURE__ */ S(me, C({}, ut)) : null, Ie = z.icon, ft = N({
+    externalSlotProps: (w) => Z ? {} : C({}, $(r.slotProps.endIcon, w), $(i == null ? void 0 : i.endIcon, w))
+  }), ut = A(ct, Pn), dt = me ? /* @__PURE__ */ S(me, C({}, ut)) : null, Ie = z.icon, ft = N({
     elementType: Ie,
     ownerState: {},
     externalSlotProps: i == null ? void 0 : i.icon
-  }), pt = A(ft, Pn), mt = Ie ? /* @__PURE__ */ S(Ie, C({}, pt)) : null;
+  }), pt = A(ft, vn), mt = Ie ? /* @__PURE__ */ S(Ie, C({}, pt)) : null;
   let ee;
   G ? ee = !0 : p || j ? ee = void 0 : ee = !1;
   function It(w) {
     !W && (!j || h) && w.currentTarget === w.target && o.focusItem(w, T);
   }
   function gt(w) {
-    var $, q, Ve, Ae;
+    var _, q, Ve, Ae;
     F == null || F(w), !(J || // we can exit the editing state by clicking outside the input (within the Tree Item) or by pressing Enter or Escape -> we don't want to remove the focused item from the state in these cases
     // we can also exit the editing state by clicking on the root itself -> want to remove the focused item from the state in this case
-    w.relatedTarget && he(w.relatedTarget, Q.current) && (w.target && ((q = ($ = w.target) == null ? void 0 : $.dataset) == null ? void 0 : q.element) === "labelInput" && he(w.target, Q.current) || ((Ae = (Ve = w.relatedTarget) == null ? void 0 : Ve.dataset) == null ? void 0 : Ae.element) === "labelInput")) && o.removeFocusedItem();
+    w.relatedTarget && he(w.relatedTarget, Q.current) && (w.target && ((q = (_ = w.target) == null ? void 0 : _.dataset) == null ? void 0 : q.element) === "labelInput" && he(w.target, Q.current) || ((Ae = (Ve = w.relatedTarget) == null ? void 0 : Ve.dataset) == null ? void 0 : Ae.element) === "labelInput")) && o.removeFocusedItem();
   }
   const bt = (w) => {
-    var $, q;
-    B == null || B(w), ((q = ($ = w.target) == null ? void 0 : $.dataset) == null ? void 0 : q.element) !== "labelInput" && o.handleItemKeyDown(w, T);
-  }, ht = $e({
+    var _, q;
+    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: f,
+    treeId: d,
     id: P
   }), xt = o.canItemBeTabbed(T) ? 0 : -1, te = {
     rootRefObject: Q,
@@ -1433,9 +1433,9 @@ const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "
   }))) ?? {}, ve = ((Oe = D.labelInput) == null ? void 0 : Oe.call(D, C({}, te, {
     externalEventHandlers: {}
   }))) ?? {};
-  return /* @__PURE__ */ S(Nt, {
+  return /* @__PURE__ */ S(Lt, {
     itemId: T,
-    children: /* @__PURE__ */ je(Mn, C({
+    children: /* @__PURE__ */ je(Dn, C({
       className: Be(k.root, x),
       role: "treeitem",
       "aria-expanded": Z ? L : void 0,
@@ -1453,8 +1453,8 @@ const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "
         "--TreeView-itemDepth": typeof s == "function" ? s(T) : s
       }) : V.style
     }, Et, {
-      children: [/* @__PURE__ */ S(Dn, C({
-        as: d,
+      children: [/* @__PURE__ */ S(On, C({
+        as: u,
         classes: {
           root: k.content,
           expanded: k.expanded,
@@ -1482,7 +1482,7 @@ const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "
         labelInputProps: ve
       }, {
         ref: ot
-      })), b && /* @__PURE__ */ S(On, C({
+      })), b && /* @__PURE__ */ S(Vn, C({
         as: Se
       }, rt, {
         children: b
@@ -1509,7 +1509,7 @@ process.env.NODE_ENV !== "production" && (Ze.propTypes = {
    * @deprecated Consider using the `<TreeItem2 />` component or the `useTreeItem2` hook instead. For more details, see https://mui.com/x/react-tree-view/tree-item-customization/.
    * @default TreeItemContent
    */
-  ContentComponent: Jt,
+  ContentComponent: Yt,
   /**
    * Props applied to ContentComponent.
    * @deprecated Consider using the `<TreeItem2 />` component or the `useTreeItem2` hook instead. For more details, see https://mui.com/x/react-tree-view/tree-item-customization/.
@@ -1532,7 +1532,7 @@ process.env.NODE_ENV !== "production" && (Ze.propTypes = {
    * This prop isn't supported.
    * Use the `onItemFocus` callback on the tree if you need to monitor a item's focus.
    */
-  onFocus: Gt,
+  onFocus: Jt,
   /**
    * Callback fired when a key of the keyboard is pressed on the item.
    */
@@ -1552,8 +1552,8 @@ process.env.NODE_ENV !== "production" && (Ze.propTypes = {
    */
   sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object])
 });
-const Vn = ["ownerState"];
-function An({
+const An = ["ownerState"];
+function Fn({
   slots: e,
   slotProps: t,
   label: n,
@@ -1573,13 +1573,13 @@ function An({
       itemId: l,
       label: n
     }
-  }), m = A(p, Vn), f = E.useMemo(() => h ? /* @__PURE__ */ S(et, {
+  }), m = A(p, An), d = E.useMemo(() => h ? /* @__PURE__ */ S(et, {
     itemsToRender: h,
     slots: e,
     slotProps: t
   }) : null, [h, e, t]);
   return /* @__PURE__ */ S(g, C({}, m, {
-    children: f
+    children: d
   }));
 }
 function et(e) {
@@ -1589,7 +1589,7 @@ function et(e) {
     slotProps: r
   } = e;
   return /* @__PURE__ */ S(E.Fragment, {
-    children: t.map((l) => /* @__PURE__ */ S(An, {
+    children: t.map((l) => /* @__PURE__ */ S(Fn, {
       slots: n,
       slotProps: r,
       label: l.label,
@@ -1599,14 +1599,14 @@ function et(e) {
     }, l.itemId))
   });
 }
-const Fn = Ue(), Ln = (e) => {
+const Ln = Ue(), jn = (e) => {
   const {
     classes: t
   } = e;
   return ze({
     root: ["root"]
-  }, Yt, t);
-}, jn = ie("ul", {
+  }, Qt, t);
+}, _n = ie("ul", {
   name: "MuiRichTreeView",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -1617,7 +1617,7 @@ const Fn = Ue(), Ln = (e) => {
   outline: 0,
   position: "relative"
 }), tt = /* @__PURE__ */ E.forwardRef(function(t, n) {
-  const r = Fn({
+  const r = Ln({
     props: t,
     name: "MuiRichTreeView"
   });
@@ -1626,21 +1626,21 @@ const Fn = Ue(), Ln = (e) => {
     getRootProps: l,
     contextValue: h,
     instance: g
-  } = ln({
-    plugins: yn,
+  } = an({
+    plugins: Cn,
     rootRef: n,
     props: r
   }), {
     slots: p,
     slotProps: m
-  } = r, f = Ln(r), o = (p == null ? void 0 : p.root) ?? jn, s = N({
+  } = r, d = jn(r), o = (p == null ? void 0 : p.root) ?? _n, s = N({
     elementType: o,
     externalSlotProps: m == null ? void 0 : m.root,
-    className: f.root,
+    className: d.root,
     getSlotProps: l,
     ownerState: r
   });
-  return /* @__PURE__ */ S(an, {
+  return /* @__PURE__ */ S(cn, {
     value: h,
     children: /* @__PURE__ */ S(o, C({}, s, {
       children: /* @__PURE__ */ S(et, {
@@ -1839,47 +1839,46 @@ 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 so = ({
+const io = ({
   items: e,
   selectedItemId: t,
   handleSelectedItemChange: n,
   iconColor: r = "primary"
 }) => {
-  const [l, h] = Ct([]), g = wt(() => St(e), [e]);
+  const [l, h] = Ct([]), g = wt(() => Kt(e), [e]);
   return Rt(() => {
     if (t) {
-      const m = Pt(e, t);
+      const m = Ut(e, t);
       if (m) {
-        const f = m.slice(0, -1);
+        const d = m.slice(0, -1);
         h((o) => {
-          const s = [...o];
-          let u = !1;
-          return f.forEach((b) => {
-            s.includes(b) || (s.push(b), u = !0);
-          }), u ? s : o;
+          const s = d.filter(
+            (f) => !o.includes(f)
+          );
+          return s.length > 0 ? [...o, ...s] : o;
         });
       }
     }
-  }, [t, e]), /* @__PURE__ */ S(yt, { sx: kt, children: /* @__PURE__ */ S(
+  }, [t, e]), /* @__PURE__ */ S(yt, { sx: $t, "data-treeview-root": "true", children: /* @__PURE__ */ S(
     tt,
     {
       items: e,
       selectedItems: t,
       expandedItems: l,
-      onExpandedItemsChange: (m, f) => {
-        h(f);
+      onExpandedItemsChange: (m, d) => {
+        h(d);
       },
-      itemChildrenIndentation: "50px",
+      itemChildrenIndentation: Nt,
       onSelectedItemsChange: n,
-      getItemId: vt,
+      getItemId: Bt,
       slots: {
         item: (m) => {
-          const f = m.itemId ? g[m.itemId] : void 0;
+          const d = m.itemId ? g[m.itemId] : void 0;
           return /* @__PURE__ */ S(
-            Ut,
+            _t,
             {
               ...m,
-              itemData: f,
+              itemData: d,
               iconColor: r
             }
           );
@@ -1889,5 +1888,5 @@ const so = ({
   ) });
 };
 export {
-  so as default
+  io as default
 };