@cgi-learning-hub/ui 1.4.0-dev.1741976077 → 1.4.0-dev.1741982096

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

@@ -1,78 +1,78 @@
 import { jsx as v, jsxs as de } from "react/jsx-runtime";
-import { D as Jt } from "../../Delete-CbtdIdDB.js";
+import { D as Qt } from "../../Delete-CbtdIdDB.js";
 import { c as ue } from "../../createSvgIcon-K1Hd8ryN.js";
 import { B as rt } from "../../Box-DgqaLb7j.js";
 import { _ as C } from "../../ButtonBase-IZ_QjbpE.js";
 import * as w from "react";
-import { forwardRef as Qt } from "react";
+import { forwardRef as Yt, useState as Zt, useMemo as Ht, useEffect as en } from "react";
 import { w as ve } from "../../warning-C8W811fV.js";
 import { u as Ie } from "../../useForkRef-C_4o__cU.js";
 import { r as H, e as U } from "../../resolveComponentProps-CPmhKPdH.js";
 import { I as it, H as st, n as J, P as d, G as $e } from "../../generateUtilityClasses-DotvgSDH.js";
 import { a as G } from "../../TransitionGroupContext-DbLioz_6.js";
-import { u as Yt } from "../../useThemeProps-BTfGtNci.js";
+import { u as tn } from "../../useThemeProps-BTfGtNci.js";
 import { s as _, f as pe, c as Ne } from "../../DefaultPropsProvider-Cqcb4sws.js";
 import { C as lt } from "../../Collapse-CLl0D4CI.js";
 import { C as at } from "../../Checkbox-DgU-0k3O.js";
 import { u as ct } from "../../unsupportedProp-BuVD30Gh.js";
-import { u as Zt, a as V } from "../../useSlotProps-C9tsxDNg.js";
+import { u as nn, a as V } from "../../useSlotProps-C9tsxDNg.js";
 import { u as ce } from "../../useEventCallback-BAQJJ3ye.js";
-import { o as Ht } from "../../ownerDocument-CUrv0DIK.js";
-import { e as en } from "../../elementTypeAcceptingRef-5ESWTE79.js";
+import { o as on } from "../../ownerDocument-CUrv0DIK.js";
+import { e as rn } from "../../elementTypeAcceptingRef-5ESWTE79.js";
 const Ve = ue(/* @__PURE__ */ v("path", {
   d: "M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8z"
-}), "Folder"), tn = ue(/* @__PURE__ */ v("path", {
+}), "Folder"), sn = ue(/* @__PURE__ */ v("path", {
   d: "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"
-}), "KeyboardArrowDown"), nn = ue(/* @__PURE__ */ v("path", {
+}), "KeyboardArrowDown"), ln = ue(/* @__PURE__ */ v("path", {
   d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z"
-}), "KeyboardArrowRight"), on = ue(/* @__PURE__ */ v("path", {
+}), "KeyboardArrowRight"), an = ue(/* @__PURE__ */ v("path", {
   d: "M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92-1.31-2.92-2.92-2.92"
 }), "Share");
-function rn(e) {
+function cn(e) {
   return it("MuiRichTreeView", e);
 }
 st("MuiRichTreeView", ["root"]);
 function je(e) {
-  return Yt;
+  return tn;
 }
-const sn = (e, t) => {
+const dn = (e, t) => {
   const n = w.useRef({}), [o, i] = w.useState(() => {
     const m = {};
-    return e.forEach((s) => {
-      s.models && Object.entries(s.models).forEach(([p, c]) => {
-        n.current[p] = {
-          isControlled: t[p] !== void 0,
+    return e.forEach((a) => {
+      a.models && Object.entries(a.models).forEach(([u, c]) => {
+        n.current[u] = {
+          isControlled: t[u] !== void 0,
           getDefaultValue: c.getDefaultValue
-        }, m[p] = c.getDefaultValue(t);
+        }, m[u] = c.getDefaultValue(t);
       });
     }), m;
-  }), g = Object.fromEntries(Object.entries(n.current).map(([m, s]) => {
-    const p = t[m] ?? o[m];
+  }), g = Object.fromEntries(Object.entries(n.current).map(([m, a]) => {
+    const u = t[m] ?? o[m];
     return [m, {
-      value: p,
+      value: u,
       setControlledValue: (c) => {
-        s.isControlled || i((r) => C({}, r, {
+        a.isControlled || i((r) => C({}, r, {
           [m]: c
         }));
       }
     }];
   }));
-  return process.env.NODE_ENV !== "production" && Object.entries(n.current).forEach(([m, s]) => {
-    const p = t[m], c = s.getDefaultValue(t);
+  return process.env.NODE_ENV !== "production" && Object.entries(n.current).forEach(([m, a]) => {
+    const u = t[m], c = a.getDefaultValue(t);
     w.useEffect(() => {
-      s.isControlled !== (p !== void 0) && console.error([`MUI X: A component is changing the ${s.isControlled ? "" : "un"}controlled ${m} state of TreeView to be ${s.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(`
+      a.isControlled !== (u !== void 0) && console.error([`MUI X: A component is changing the ${a.isControlled ? "" : "un"}controlled ${m} state of TreeView to be ${a.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(`
 `));
-    }, [p]);
+    }, [u]);
     const {
       current: r
     } = w.useRef(c);
     w.useEffect(() => {
-      !s.isControlled && r !== c && 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(`
+      !a.isControlled && r !== c && 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(`
 `));
     }, [JSON.stringify(c)]);
   }), g;
 };
-class ln {
+class un {
   constructor() {
     this.maxListeners = 20, this.warnOnce = !1, this.events = {};
   }
@@ -99,12 +99,12 @@ class ln {
       return;
     const i = Array.from(o.highPriority.keys()), g = Array.from(o.regular.keys());
     for (let m = i.length - 1; m >= 0; m -= 1) {
-      const s = i[m];
-      o.highPriority.has(s) && s.apply(this, n);
+      const a = i[m];
+      o.highPriority.has(a) && a.apply(this, n);
     }
     for (let m = 0; m < g.length; m += 1) {
-      const s = g[m];
-      o.regular.has(s) && s.apply(this, n);
+      const a = g[m];
+      o.regular.has(a) && a.apply(this, n);
     }
   }
   once(t, n) {
@@ -114,10 +114,10 @@ class ln {
     });
   }
 }
-const an = (e) => e.isPropagationStopped !== void 0, dt = () => {
-  const [e] = w.useState(() => new ln()), t = w.useCallback((...o) => {
+const pn = (e) => e.isPropagationStopped !== void 0, dt = () => {
+  const [e] = w.useState(() => new un()), t = w.useCallback((...o) => {
     const [i, g, m = {}] = o;
-    m.defaultMuiPrevented = !1, !(an(m) && m.isPropagationStopped()) && e.emit(i, g, m);
+    m.defaultMuiPrevented = !1, !(pn(m) && m.isPropagationStopped()) && e.emit(i, g, m);
   }, [e]), n = w.useCallback((o, i) => (e.on(o, i), () => {
     e.removeListener(o, i);
   }), [e]);
@@ -141,7 +141,7 @@ const ut = ({
 };
 ut.params = {};
 let nt = 0;
-const cn = () => (nt += 1, `mui-tree-view-${nt}`), Ke = ({
+const fn = () => (nt += 1, `mui-tree-view-${nt}`), Ke = ({
   id: e,
   treeId: t = "",
   itemId: n
@@ -153,7 +153,7 @@ const cn = () => (nt += 1, `mui-tree-view-${nt}`), Ke = ({
   w.useEffect(() => {
     n((i) => i.id.treeId === e.id && i.id.treeId !== void 0 ? i : C({}, i, {
       id: C({}, i.id, {
-        treeId: e.id ?? cn()
+        treeId: e.id ?? fn()
       })
     }));
   }, [n, e.id]);
@@ -177,7 +177,7 @@ _e.getInitialState = ({
     treeId: e ?? void 0
   }
 });
-const dn = [dt, ut, _e], un = ["slots", "slotProps", "apiRef", "experimentalFeatures"], pn = (e) => {
+const mn = [dt, ut, _e], In = ["slots", "slotProps", "apiRef", "experimentalFeatures"], gn = (e) => {
   let {
     props: {
       slots: t,
@@ -186,71 +186,71 @@ const dn = [dt, ut, _e], un = ["slots", "slotProps", "apiRef", "experimentalFeat
       experimentalFeatures: i
     },
     plugins: g
-  } = e, m = G(e.props, un);
-  const s = {};
+  } = e, m = G(e.props, In);
+  const a = {};
   g.forEach((f) => {
-    Object.assign(s, f.params);
+    Object.assign(a, f.params);
   });
-  const p = {}, c = {};
+  const u = {}, c = {};
   Object.keys(m).forEach((f) => {
-    const a = m[f];
-    s[f] ? p[f] = a : c[f] = a;
+    const l = m[f];
+    a[f] ? u[f] = l : c[f] = l;
   });
-  const r = i ?? {}, l = g.reduce((f, a) => a.getDefaultizedParams ? a.getDefaultizedParams({
+  const r = i ?? {}, s = g.reduce((f, l) => l.getDefaultizedParams ? l.getDefaultizedParams({
     params: f,
     experimentalFeatures: r
-  }) : f, p);
+  }) : f, u);
   return {
     apiRef: o,
     forwardedProps: c,
-    pluginParams: l,
+    pluginParams: s,
     slots: t ?? {},
     slotProps: n ?? {},
     experimentalFeatures: r
   };
-}, fn = ({
+}, bn = ({
   plugins: e,
   instance: t,
   publicAPI: n,
   rootRef: o
 }) => ({
-  runItemPlugins: (s) => {
-    let p = null, c = null;
-    const r = [], l = {};
+  runItemPlugins: (a) => {
+    let u = null, c = null;
+    const r = [], s = {};
     e.forEach((h) => {
       if (!h.itemPlugin)
         return;
       const I = h.itemPlugin({
-        props: s,
-        rootRef: p,
+        props: a,
+        rootRef: u,
         contentRef: c
       });
-      I != null && I.rootRef && (p = I.rootRef), I != null && I.contentRef && (c = I.contentRef), I != null && I.propsEnhancers && (r.push(I.propsEnhancers), Object.keys(I.propsEnhancers).forEach((u) => {
-        l[u] = !0;
+      I != null && I.rootRef && (u = I.rootRef), I != null && I.contentRef && (c = I.contentRef), I != null && I.propsEnhancers && (r.push(I.propsEnhancers), Object.keys(I.propsEnhancers).forEach((p) => {
+        s[p] = !0;
       }));
     });
     const f = (h) => (I) => {
-      const u = {};
+      const p = {};
       return r.forEach((b) => {
         const x = b[h];
-        x != null && Object.assign(u, x(I));
-      }), u;
-    }, a = Object.fromEntries(Object.keys(l).map((h) => [h, f(h)]));
+        x != null && Object.assign(p, x(I));
+      }), p;
+    }, l = Object.fromEntries(Object.keys(s).map((h) => [h, f(h)]));
     return {
       contentRef: c,
-      rootRef: p,
-      propsEnhancers: a
+      rootRef: u,
+      propsEnhancers: l
     };
   },
   wrapItem: ({
-    itemId: s,
-    children: p
+    itemId: a,
+    children: u
   }) => {
-    let c = p;
+    let c = u;
     for (let r = e.length - 1; r >= 0; r -= 1) {
-      const l = e[r];
-      l.wrapItem && (c = l.wrapItem({
-        itemId: s,
+      const s = e[r];
+      s.wrapItem && (c = s.wrapItem({
+        itemId: a,
         children: c,
         instance: t
       }));
@@ -258,67 +258,67 @@ const dn = [dt, ut, _e], un = ["slots", "slotProps", "apiRef", "experimentalFeat
     return c;
   },
   wrapRoot: ({
-    children: s
+    children: a
   }) => {
-    let p = s;
+    let u = a;
     for (let c = e.length - 1; c >= 0; c -= 1) {
       const r = e[c];
-      r.wrapRoot && (p = r.wrapRoot({
-        children: p,
+      r.wrapRoot && (u = r.wrapRoot({
+        children: u,
         instance: t
       }));
     }
-    return p;
+    return u;
   },
   instance: t,
   rootRef: o,
   publicAPI: n
 });
-function mn(e) {
+function hn(e) {
   const t = w.useRef({});
   return e ? (e.current == null && (e.current = {}), e.current) : t.current;
 }
-const In = ({
+const xn = ({
   plugins: e,
   rootRef: t,
   props: n
 }) => {
-  const o = [...dn, ...e], {
+  const o = [...mn, ...e], {
     pluginParams: i,
     forwardedProps: g,
     apiRef: m,
-    experimentalFeatures: s,
-    slots: p,
+    experimentalFeatures: a,
+    slots: u,
     slotProps: c
-  } = pn({
+  } = gn({
     plugins: o,
     props: n
-  }), r = sn(o, i), f = w.useRef({}).current, a = mn(m), h = w.useRef(null), I = Ie(h, t), u = fn({
+  }), r = dn(o, i), f = w.useRef({}).current, l = hn(m), h = w.useRef(null), I = Ie(h, t), p = bn({
     plugins: o,
     instance: f,
-    publicAPI: a,
+    publicAPI: l,
     rootRef: h
   }), [b, x] = w.useState(() => {
     const P = {};
     return o.forEach((D) => {
       D.getInitialState && Object.assign(P, D.getInitialState(i));
     }), P;
-  }), R = [], k = (P) => {
+  }), R = [], M = (P) => {
     const D = P({
       instance: f,
       params: i,
-      slots: p,
+      slots: u,
       slotProps: c,
-      experimentalFeatures: s,
+      experimentalFeatures: a,
       state: b,
       setState: x,
       rootRef: h,
       models: r,
       plugins: o
     });
-    D.getRootProps && R.push(D.getRootProps), D.publicAPI && Object.assign(a, D.publicAPI), D.instance && Object.assign(f, D.instance), D.contextValue && Object.assign(u, D.contextValue);
+    D.getRootProps && R.push(D.getRootProps), D.publicAPI && Object.assign(l, D.publicAPI), D.instance && Object.assign(f, D.instance), D.contextValue && Object.assign(p, D.contextValue);
   };
-  return o.forEach(k), {
+  return o.forEach(M), {
     getRootProps: (P = {}) => {
       const D = C({
         role: "tree"
@@ -330,12 +330,12 @@ const In = ({
       }), D;
     },
     rootRef: I,
-    contextValue: u,
+    contextValue: p,
     instance: f
   };
 }, Be = /* @__PURE__ */ w.createContext(null);
 process.env.NODE_ENV !== "production" && (Be.displayName = "TreeViewContext");
-function gn(e) {
+function yn(e) {
   const {
     value: t,
     children: n
@@ -354,16 +354,16 @@ const ie = () => {
     throw new Error(["MUI X: Could not find the Tree View context.", "It looks like you rendered your component outside of a SimpleTreeView or RichTreeView parent component.", "This can also happen if you are bundling multiple versions of the Tree View."].join(`
 `));
   return e;
-}, bn = (e, t, n) => {
+}, Tn = (e, t, n) => {
   e.$$publishEvent(t, n);
-}, ae = "__TREE_VIEW_ROOT_PARENT_ID__", hn = (e) => {
+}, ae = "__TREE_VIEW_ROOT_PARENT_ID__", Cn = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[n] = o;
   }), t;
 }, Pe = /* @__PURE__ */ w.createContext(() => -1);
 process.env.NODE_ENV !== "production" && (Pe.displayName = "TreeViewItemDepthContext");
-const xn = ["children"], pt = ({
+const En = ["children"], pt = ({
   items: e,
   isItemDisabled: t,
   getItemLabel: n,
@@ -371,8 +371,8 @@ const xn = ["children"], pt = ({
 }) => {
   const i = {}, g = {}, m = {
     [ae]: []
-  }, s = (c, r, l) => {
-    var I, u;
+  }, a = (c, r, s) => {
+    var I, p;
     const f = o ? o(c) : c.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(c)].join(`
@@ -380,31 +380,31 @@ const xn = ["children"], pt = ({
     if (i[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 a = n ? n(c) : c.label;
-    if (a == null)
+    const l = n ? n(c) : c.label;
+    if (l == 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(c)].join(`
 `));
     i[f] = {
       id: f,
-      label: a,
-      parentId: l,
+      label: l,
+      parentId: s,
       idAttribute: void 0,
       expandable: !!((I = c.children) != null && I.length),
       disabled: t ? t(c) : !1,
       depth: r
     }, g[f] = c;
-    const h = l ?? ae;
-    m[h] || (m[h] = []), m[h].push(f), (u = c.children) == null || u.forEach((b) => s(b, r + 1, f));
+    const h = s ?? ae;
+    m[h] || (m[h] = []), m[h].push(f), (p = c.children) == null || p.forEach((b) => a(b, r + 1, f));
   };
-  e.forEach((c) => s(c, 0, null));
-  const p = {};
+  e.forEach((c) => a(c, 0, null));
+  const u = {};
   return Object.keys(m).forEach((c) => {
-    p[c] = hn(m[c]);
+    u[c] = Cn(m[c]);
   }), {
     itemMetaMap: i,
     itemMap: g,
     itemOrderedChildrenIds: m,
-    itemChildrenIndexes: p
+    itemChildrenIndexes: u
   };
 }, he = ({
   instance: e,
@@ -413,13 +413,13 @@ const xn = ["children"], pt = ({
   setState: o,
   experimentalFeatures: i
 }) => {
-  const g = w.useCallback((b) => n.items.itemMetaMap[b], [n.items.itemMetaMap]), m = w.useCallback((b) => n.items.itemMap[b], [n.items.itemMap]), s = w.useCallback(() => {
+  const g = w.useCallback((b) => n.items.itemMetaMap[b], [n.items.itemMetaMap]), m = w.useCallback((b) => n.items.itemMap[b], [n.items.itemMap]), a = w.useCallback(() => {
     const b = (x) => {
-      const R = n.items.itemMap[x], k = G(R, xn), E = n.items.itemOrderedChildrenIds[x];
-      return E && (k.children = E.map(b)), k;
+      const R = n.items.itemMap[x], M = G(R, En), E = n.items.itemOrderedChildrenIds[x];
+      return E && (M.children = E.map(b)), M;
     };
     return n.items.itemOrderedChildrenIds[ae].map(b);
-  }, [n.items.itemMap, n.items.itemOrderedChildrenIds]), p = w.useCallback((b) => {
+  }, [n.items.itemMap, n.items.itemOrderedChildrenIds]), u = w.useCallback((b) => {
     if (b == null)
       return !1;
     let x = e.getItemMeta(b);
@@ -434,16 +434,16 @@ const xn = ["children"], pt = ({
   }, [e]), c = w.useCallback((b) => {
     const x = e.getItemMeta(b).parentId ?? ae;
     return n.items.itemChildrenIndexes[x][b];
-  }, [e, n.items.itemChildrenIndexes]), r = w.useCallback((b) => n.items.itemOrderedChildrenIds[b ?? ae] ?? [], [n.items.itemOrderedChildrenIds]), l = (b) => {
+  }, [e, n.items.itemChildrenIndexes]), r = w.useCallback((b) => n.items.itemOrderedChildrenIds[b ?? ae] ?? [], [n.items.itemOrderedChildrenIds]), s = (b) => {
     const x = e.getItemMeta(b);
     return x == null ? null : document.getElementById(Ke({
       treeId: n.id.treeId,
       itemId: b,
       id: x.idAttribute
     }));
-  }, f = (b) => t.disabledItemsFocusable ? !0 : !e.isItemDisabled(b), a = w.useRef(!1), h = w.useCallback(() => {
-    a.current = !0;
-  }, []), I = w.useCallback(() => a.current, []);
+  }, f = (b) => t.disabledItemsFocusable ? !0 : !e.isItemDisabled(b), l = w.useRef(!1), h = w.useCallback(() => {
+    l.current = !0;
+  }, []), I = w.useCallback(() => l.current, []);
   return w.useEffect(() => {
     e.areItemUpdatesPrevented() || o((b) => {
       const x = pt({
@@ -453,7 +453,7 @@ const xn = ["children"], pt = ({
         getItemLabel: t.getItemLabel
       });
       return Object.values(b.items.itemMetaMap).forEach((R) => {
-        x.itemMetaMap[R.id] || bn(e, "removeItem", {
+        x.itemMetaMap[R.id] || Tn(e, "removeItem", {
           id: R.id
         });
       }), C({}, b, {
@@ -468,31 +468,31 @@ const xn = ["children"], pt = ({
     }),
     publicAPI: {
       getItem: m,
-      getItemDOMElement: l,
-      getItemTree: s,
+      getItemDOMElement: s,
+      getItemTree: a,
       getItemOrderedChildrenIds: r
     },
     instance: {
       getItemMeta: g,
       getItem: m,
-      getItemTree: s,
+      getItemTree: a,
       getItemsToRender: () => {
         const b = (x) => {
-          var k;
+          var M;
           const R = n.items.itemMetaMap[x];
           return {
             label: R.label,
             itemId: R.id,
             id: R.idAttribute,
-            children: (k = n.items.itemOrderedChildrenIds[x]) == null ? void 0 : k.map(b)
+            children: (M = n.items.itemOrderedChildrenIds[x]) == null ? void 0 : M.map(b)
           };
         };
         return n.items.itemOrderedChildrenIds[ae].map(b);
       },
       getItemIndex: c,
-      getItemDOMElement: l,
+      getItemDOMElement: s,
       getItemOrderedChildrenIds: r,
-      isItemDisabled: p,
+      isItemDisabled: u,
       isItemNavigable: f,
       preventItemUpdates: h,
       areItemUpdatesPrevented: I
@@ -545,39 +545,39 @@ const Se = ({
   models: n
 }) => {
   const o = w.useMemo(() => {
-    const l = /* @__PURE__ */ new Map();
+    const s = /* @__PURE__ */ new Map();
     return n.expandedItems.value.forEach((f) => {
-      l.set(f, !0);
-    }), l;
-  }, [n.expandedItems.value]), i = (l, f) => {
-    var a;
-    (a = t.onExpandedItemsChange) == null || a.call(t, l, f), n.expandedItems.setControlledValue(f);
-  }, g = w.useCallback((l) => o.has(l), [o]), m = w.useCallback((l) => {
+      s.set(f, !0);
+    }), s;
+  }, [n.expandedItems.value]), i = (s, f) => {
+    var l;
+    (l = t.onExpandedItemsChange) == null || l.call(t, s, f), n.expandedItems.setControlledValue(f);
+  }, g = w.useCallback((s) => o.has(s), [o]), m = w.useCallback((s) => {
     var f;
-    return !!((f = e.getItemMeta(l)) != null && f.expandable);
-  }, [e]), s = ce((l, f) => {
-    const a = e.isItemExpanded(f);
-    e.setItemExpansion(l, f, !a);
-  }), p = ce((l, f, a) => {
-    if (e.isItemExpanded(f) === a)
+    return !!((f = e.getItemMeta(s)) != null && f.expandable);
+  }, [e]), a = ce((s, f) => {
+    const l = e.isItemExpanded(f);
+    e.setItemExpansion(s, f, !l);
+  }), u = ce((s, f, l) => {
+    if (e.isItemExpanded(f) === l)
       return;
     let I;
-    a ? I = [f].concat(n.expandedItems.value) : I = n.expandedItems.value.filter((u) => u !== f), t.onItemExpansionToggle && t.onItemExpansionToggle(l, f, a), i(l, I);
-  }), c = (l, f) => {
-    const a = e.getItemMeta(f), I = e.getItemOrderedChildrenIds(a.parentId).filter((b) => e.isItemExpandable(b) && !e.isItemExpanded(b)), u = n.expandedItems.value.concat(I);
+    l ? I = [f].concat(n.expandedItems.value) : I = n.expandedItems.value.filter((p) => p !== f), t.onItemExpansionToggle && t.onItemExpansionToggle(s, f, l), i(s, I);
+  }), c = (s, f) => {
+    const l = e.getItemMeta(f), I = e.getItemOrderedChildrenIds(l.parentId).filter((b) => e.isItemExpandable(b) && !e.isItemExpanded(b)), p = n.expandedItems.value.concat(I);
     I.length > 0 && (t.onItemExpansionToggle && I.forEach((b) => {
-      t.onItemExpansionToggle(l, b, !0);
-    }), i(l, u));
+      t.onItemExpansionToggle(s, b, !0);
+    }), i(s, p));
   }, r = w.useMemo(() => t.expansionTrigger ? t.expansionTrigger : e.isTreeViewEditable ? "iconContainer" : "content", [t.expansionTrigger, e.isTreeViewEditable]);
   return {
     publicAPI: {
-      setItemExpansion: p
+      setItemExpansion: u
     },
     instance: {
       isItemExpanded: g,
       isItemExpandable: m,
-      setItemExpansion: p,
-      toggleItemExpansion: s,
+      setItemExpansion: u,
+      toggleItemExpansion: a,
       expandAllSiblings: c
     },
     contextValue: {
@@ -592,11 +592,11 @@ Se.models = {
     getDefaultValue: (e) => e.defaultExpandedItems
   }
 };
-const yn = [];
+const wn = [];
 Se.getDefaultizedParams = ({
   params: e
 }) => C({}, e, {
-  defaultExpandedItems: e.defaultExpandedItems ?? yn
+  defaultExpandedItems: e.defaultExpandedItems ?? wn
 });
 Se.params = {
   expandedItems: !0,
@@ -620,9 +620,9 @@ const ft = (e, t) => {
     g -= 1;
   if (g === -1)
     return n.parentId == null ? null : mt(e, n.parentId);
-  let m = o[g], s = ft(e, e.getItemOrderedChildrenIds(m));
-  for (; e.isItemExpanded(m) && s != null; )
-    m = s, s = e.getItemOrderedChildrenIds(m).find(e.isItemNavigable);
+  let m = o[g], a = ft(e, e.getItemOrderedChildrenIds(m));
+  for (; e.isItemExpanded(m) && a != null; )
+    m = a, a = e.getItemOrderedChildrenIds(m).find(e.isItemNavigable);
   return m;
 }, we = (e, t) => {
   if (e.isItemExpanded(t)) {
@@ -659,29 +659,29 @@ const ft = (e, t) => {
   if (o.parentId === i.id || i.parentId === o.id)
     return i.parentId === o.id ? [o.id, i.id] : [i.id, o.id];
   const g = [o.id], m = [i.id];
-  let s = o.parentId, p = i.parentId, c = m.indexOf(s) !== -1, r = g.indexOf(p) !== -1, l = !0, f = !0;
+  let a = o.parentId, u = i.parentId, c = m.indexOf(a) !== -1, r = g.indexOf(u) !== -1, s = !0, f = !0;
   for (; !r && !c; )
-    l && (g.push(s), c = m.indexOf(s) !== -1, l = s !== null, !c && l && (s = e.getItemMeta(s).parentId)), f && !c && (m.push(p), r = g.indexOf(p) !== -1, f = p !== null, !r && f && (p = e.getItemMeta(p).parentId));
-  const a = c ? s : p, h = e.getItemOrderedChildrenIds(a), I = g[g.indexOf(a) - 1], u = m[m.indexOf(a) - 1];
-  return h.indexOf(I) < h.indexOf(u) ? [t, n] : [n, t];
-}, Tn = (e, t, n) => {
-  const o = (p) => {
-    if (e.isItemExpandable(p) && e.isItemExpanded(p))
-      return e.getItemOrderedChildrenIds(p)[0];
-    let c = e.getItemMeta(p);
+    s && (g.push(a), c = m.indexOf(a) !== -1, s = a !== null, !c && s && (a = e.getItemMeta(a).parentId)), f && !c && (m.push(u), r = g.indexOf(u) !== -1, f = u !== null, !r && f && (u = e.getItemMeta(u).parentId));
+  const l = c ? a : u, h = e.getItemOrderedChildrenIds(l), I = g[g.indexOf(l) - 1], p = m[m.indexOf(l) - 1];
+  return h.indexOf(I) < h.indexOf(p) ? [t, n] : [n, t];
+}, Rn = (e, t, n) => {
+  const o = (u) => {
+    if (e.isItemExpandable(u) && e.isItemExpanded(u))
+      return e.getItemOrderedChildrenIds(u)[0];
+    let c = e.getItemMeta(u);
     for (; c != null; ) {
-      const r = e.getItemOrderedChildrenIds(c.parentId), l = e.getItemIndex(c.id);
-      if (l < r.length - 1)
-        return r[l + 1];
+      const r = e.getItemOrderedChildrenIds(c.parentId), s = e.getItemIndex(c.id);
+      if (s < r.length - 1)
+        return r[s + 1];
       c = e.getItemMeta(c.parentId);
     }
     throw new Error("Invalid range");
   }, [i, g] = gt(e, t, n), m = [i];
-  let s = i;
-  for (; s !== g; )
-    s = o(s), e.isItemDisabled(s) || m.push(s);
+  let a = i;
+  for (; a !== g; )
+    a = o(a), e.isItemDisabled(a) || m.push(a);
   return m;
-}, Cn = (e) => {
+}, vn = (e) => {
   let t = ge(e);
   const n = [];
   for (; t != null; )
@@ -692,30 +692,30 @@ const ft = (e, t) => {
   return e.forEach((n) => {
     t[n] = !0;
   }), t;
-}, ke = ({
+}, Me = ({
   instance: e,
   params: t,
   models: n
 }) => {
   const o = w.useRef(null), i = w.useRef({}), g = w.useMemo(() => {
     const I = /* @__PURE__ */ new Map();
-    return Array.isArray(n.selectedItems.value) ? n.selectedItems.value.forEach((u) => {
-      I.set(u, !0);
+    return Array.isArray(n.selectedItems.value) ? n.selectedItems.value.forEach((p) => {
+      I.set(p, !0);
     }) : n.selectedItems.value != null && I.set(n.selectedItems.value, !0), I;
-  }, [n.selectedItems.value]), m = (I, u) => {
+  }, [n.selectedItems.value]), m = (I, p) => {
     if (t.onItemSelectionToggle)
       if (t.multiSelect) {
-        const b = u.filter((R) => !e.isItemSelected(R)), x = n.selectedItems.value.filter((R) => !u.includes(R));
+        const b = p.filter((R) => !e.isItemSelected(R)), x = n.selectedItems.value.filter((R) => !p.includes(R));
         b.forEach((R) => {
           t.onItemSelectionToggle(I, R, !0);
         }), x.forEach((R) => {
           t.onItemSelectionToggle(I, R, !1);
         });
-      } else u !== n.selectedItems.value && (n.selectedItems.value != null && t.onItemSelectionToggle(I, n.selectedItems.value, !1), u != null && t.onItemSelectionToggle(I, u, !0));
-    t.onSelectedItemsChange && t.onSelectedItemsChange(I, u), n.selectedItems.setControlledValue(u);
-  }, s = (I) => g.has(I), p = ({
+      } else p !== n.selectedItems.value && (n.selectedItems.value != null && t.onItemSelectionToggle(I, n.selectedItems.value, !1), p != null && t.onItemSelectionToggle(I, p, !0));
+    t.onSelectedItemsChange && t.onSelectedItemsChange(I, p), n.selectedItems.setControlledValue(p);
+  }, a = (I) => g.has(I), u = ({
     event: I,
-    itemId: u,
+    itemId: p,
     keepExistingSelection: b = !1,
     shouldBeSelected: x
   }) => {
@@ -723,55 +723,55 @@ const ft = (e, t) => {
       return;
     let R;
     if (b) {
-      const k = Re(n.selectedItems.value), E = e.isItemSelected(u);
-      E && (x === !1 || x == null) ? R = k.filter((P) => P !== u) : !E && (x === !0 || x == null) ? R = [u].concat(k) : R = k;
+      const M = Re(n.selectedItems.value), E = e.isItemSelected(p);
+      E && (x === !1 || x == null) ? R = M.filter((P) => P !== p) : !E && (x === !0 || x == null) ? R = [p].concat(M) : R = M;
     } else
-      x === !1 || x == null && e.isItemSelected(u) ? R = t.multiSelect ? [] : null : R = t.multiSelect ? [u] : u;
-    m(I, R), o.current = u, i.current = {};
-  }, c = (I, [u, b]) => {
+      x === !1 || x == null && e.isItemSelected(p) ? R = t.multiSelect ? [] : null : R = t.multiSelect ? [p] : p;
+    m(I, R), o.current = p, i.current = {};
+  }, c = (I, [p, b]) => {
     if (t.disableSelection || !t.multiSelect)
       return;
     let x = Re(n.selectedItems.value).slice();
     Object.keys(i.current).length > 0 && (x = x.filter((P) => !i.current[P]));
-    const R = Fe(x), k = Tn(e, u, b), E = k.filter((P) => !R[P]);
-    x = x.concat(E), m(I, x), i.current = Fe(k);
+    const R = Fe(x), M = Rn(e, p, b), E = M.filter((P) => !R[P]);
+    x = x.concat(E), m(I, x), i.current = Fe(M);
   };
   return {
     getRootProps: () => ({
       "aria-multiselectable": t.multiSelect
     }),
     publicAPI: {
-      selectItem: p
+      selectItem: u
     },
     instance: {
-      isItemSelected: s,
-      selectItem: p,
+      isItemSelected: a,
+      selectItem: u,
       selectAllNavigableItems: (I) => {
         if (t.disableSelection || !t.multiSelect)
           return;
-        const u = Cn(e);
-        m(I, u), i.current = Fe(u);
+        const p = vn(e);
+        m(I, p), i.current = Fe(p);
       },
-      expandSelectionRange: (I, u) => {
+      expandSelectionRange: (I, p) => {
         if (o.current != null) {
-          const [b, x] = gt(e, u, o.current);
+          const [b, x] = gt(e, p, o.current);
           c(I, [b, x]);
         }
       },
-      selectRangeFromStartToItem: (I, u) => {
-        c(I, [ge(e), u]);
+      selectRangeFromStartToItem: (I, p) => {
+        c(I, [ge(e), p]);
       },
-      selectRangeFromItemToEnd: (I, u) => {
-        c(I, [u, It(e)]);
+      selectRangeFromItemToEnd: (I, p) => {
+        c(I, [p, It(e)]);
       },
-      selectItemFromArrowNavigation: (I, u, b) => {
+      selectItemFromArrowNavigation: (I, p, b) => {
         if (t.disableSelection || !t.multiSelect)
           return;
         let x = Re(n.selectedItems.value).slice();
         Object.keys(i.current).length === 0 ? (x.push(b), i.current = {
-          [u]: !0,
+          [p]: !0,
           [b]: !0
-        }) : (i.current[u] || (i.current = {}), i.current[b] ? (x = x.filter((R) => R !== u), delete i.current[u]) : (x.push(b), i.current[b] = !0)), m(I, x);
+        }) : (i.current[p] || (i.current = {}), i.current[b] ? (x = x.filter((R) => R !== p), delete i.current[p]) : (x.push(b), i.current[b] = !0)), m(I, x);
       }
     },
     contextValue: {
@@ -783,21 +783,21 @@ const ft = (e, t) => {
     }
   };
 };
-ke.models = {
+Me.models = {
   selectedItems: {
     getDefaultValue: (e) => e.defaultSelectedItems
   }
 };
-const En = [];
-ke.getDefaultizedParams = ({
+const Pn = [];
+Me.getDefaultizedParams = ({
   params: e
 }) => C({}, e, {
   disableSelection: e.disableSelection ?? !1,
   multiSelect: e.multiSelect ?? !1,
   checkboxSelection: e.checkboxSelection ?? !1,
-  defaultSelectedItems: e.defaultSelectedItems ?? (e.multiSelect ? En : null)
+  defaultSelectedItems: e.defaultSelectedItems ?? (e.multiSelect ? Pn : null)
 });
-ke.params = {
+Me.params = {
   disableSelection: !0,
   multiSelect: !0,
   checkboxSelection: !0,
@@ -807,7 +807,7 @@ ke.params = {
   onItemSelectionToggle: !0
 };
 const ot = 1e3;
-class wn {
+class Sn {
   constructor(t = ot) {
     this.timeouts = /* @__PURE__ */ new Map(), this.cleanupTimeout = ot, this.cleanupTimeout = t;
   }
@@ -830,7 +830,7 @@ class wn {
     }), this.timeouts = void 0);
   }
 }
-class Rn {
+class Mn {
   constructor() {
     this.registry = new FinalizationRegistry((t) => {
       typeof t == "function" && t();
@@ -846,53 +846,53 @@ class Rn {
   reset() {
   }
 }
-class vn {
+class kn {
 }
-function Pn(e) {
+function Dn(e) {
   let t = 0;
   return function(o, i, g) {
-    e.registry === null && (e.registry = typeof FinalizationRegistry < "u" ? new Rn() : new wn());
-    const [m] = w.useState(new vn()), s = w.useRef(null), p = w.useRef(void 0);
-    p.current = g;
+    e.registry === null && (e.registry = typeof FinalizationRegistry < "u" ? new Mn() : new Sn());
+    const [m] = w.useState(new kn()), a = w.useRef(null), u = w.useRef(void 0);
+    u.current = g;
     const c = w.useRef(null);
-    if (!s.current && p.current) {
-      const r = (l, f) => {
-        var a;
-        f.defaultMuiPrevented || (a = p.current) == null || a.call(p, l, f);
+    if (!a.current && u.current) {
+      const r = (s, f) => {
+        var l;
+        f.defaultMuiPrevented || (l = u.current) == null || l.call(u, s, f);
       };
-      s.current = o.$$subscribeEvent(i, r), t += 1, c.current = {
+      a.current = o.$$subscribeEvent(i, r), t += 1, c.current = {
         cleanupToken: t
       }, e.registry.register(
         m,
         // The callback below will be called once this reference stops being retained
         () => {
-          var l;
-          (l = s.current) == null || l.call(s), s.current = null, c.current = null;
+          var s;
+          (s = a.current) == null || s.call(a), a.current = null, c.current = null;
         },
         c.current
       );
-    } else !p.current && s.current && (s.current(), s.current = null, c.current && (e.registry.unregister(c.current), c.current = null));
+    } else !u.current && a.current && (a.current(), a.current = null, c.current && (e.registry.unregister(c.current), c.current = null));
     w.useEffect(() => {
-      if (!s.current && p.current) {
-        const r = (l, f) => {
-          var a;
-          f.defaultMuiPrevented || (a = p.current) == null || a.call(p, l, f);
+      if (!a.current && u.current) {
+        const r = (s, f) => {
+          var l;
+          f.defaultMuiPrevented || (l = u.current) == null || l.call(u, s, f);
         };
-        s.current = o.$$subscribeEvent(i, r);
+        a.current = o.$$subscribeEvent(i, r);
       }
       return c.current && e.registry && (e.registry.unregister(c.current), c.current = null), () => {
         var r;
-        (r = s.current) == null || r.call(s), s.current = null;
+        (r = a.current) == null || r.call(a), a.current = null;
       };
     }, [o, i]);
   };
 }
-const Sn = {
+const On = {
   registry: null
-}, kn = Pn(Sn), bt = (e = document) => {
+}, An = Dn(On), bt = (e = document) => {
   const t = e.activeElement;
   return t ? t.shadowRoot ? bt(t.shadowRoot) : t : null;
-}, Mn = (e, t) => {
+}, Ln = (e, t) => {
   let n = Re(t).find((o) => {
     if (!e.isItemNavigable(o))
       return !1;
@@ -908,40 +908,40 @@ const Sn = {
   models: i,
   rootRef: g
 }) => {
-  const m = Mn(e, i.selectedItems.value), s = ce((u) => {
-    const b = typeof u == "function" ? u(n.focusedItemId) : u;
+  const m = Ln(e, i.selectedItems.value), a = ce((p) => {
+    const b = typeof p == "function" ? p(n.focusedItemId) : p;
     n.focusedItemId !== b && o((x) => C({}, x, {
       focusedItemId: b
     }));
-  }), p = w.useCallback(() => !!g.current && g.current.contains(bt(Ht(g.current))), [g]), c = w.useCallback((u) => n.focusedItemId === u && p(), [n.focusedItemId, p]), r = (u) => {
-    const b = e.getItemMeta(u);
+  }), u = w.useCallback(() => !!g.current && g.current.contains(bt(on(g.current))), [g]), c = w.useCallback((p) => n.focusedItemId === p && u(), [n.focusedItemId, u]), r = (p) => {
+    const b = e.getItemMeta(p);
     return b && (b.parentId == null || e.isItemExpanded(b.parentId));
-  }, l = (u, b) => {
+  }, s = (p, b) => {
     const x = e.getItemDOMElement(b);
-    x && x.focus(), s(b), t.onItemFocus && t.onItemFocus(u, b);
-  }, f = ce((u, b) => {
-    r(b) && l(u, b);
-  }), a = ce(() => {
+    x && x.focus(), a(b), t.onItemFocus && t.onItemFocus(p, b);
+  }, f = ce((p, b) => {
+    r(b) && s(p, b);
+  }), l = ce(() => {
     if (n.focusedItemId == null)
       return;
     if (e.getItemMeta(n.focusedItemId)) {
       const b = e.getItemDOMElement(n.focusedItemId);
       b && b.blur();
     }
-    s(null);
-  }), h = (u) => u === m;
-  kn(e, "removeItem", ({
-    id: u
+    a(null);
+  }), h = (p) => p === m;
+  An(e, "removeItem", ({
+    id: p
   }) => {
-    n.focusedItemId === u && l(null, m);
+    n.focusedItemId === p && s(null, m);
   });
-  const I = (u) => (b) => {
+  const I = (p) => (b) => {
     var x;
-    (x = u.onFocus) == null || x.call(u, b), !b.defaultMuiPrevented && b.target === b.currentTarget && l(b, m);
+    (x = p.onFocus) == null || x.call(p, b), !b.defaultMuiPrevented && b.target === b.currentTarget && s(b, m);
   };
   return {
-    getRootProps: (u) => ({
-      onFocus: I(u)
+    getRootProps: (p) => ({
+      onFocus: I(p)
     }),
     publicAPI: {
       focusItem: f
@@ -950,7 +950,7 @@ const Sn = {
       isItemFocused: c,
       canItemBeTabbed: h,
       focusItem: f,
-      removeFocusedItem: a
+      removeFocusedItem: l
     }
   };
 };
@@ -960,7 +960,7 @@ Ue.getInitialState = () => ({
 Ue.params = {
   onItemFocus: !0
 };
-const re = (e, t) => e.getAvailablePlugins().has(t), Dn = ({
+const re = (e, t) => e.getAvailablePlugins().has(t), Vn = ({
   props: e
 }) => {
   const {
@@ -974,25 +974,25 @@ const re = (e, t) => e.getAvailablePlugins().has(t), Dn = ({
   }, [m, n]), {
     propsEnhancers: {
       labelInput: ({
-        externalEventHandlers: s,
-        interactions: p
+        externalEventHandlers: a,
+        interactions: u
       }) => t.isItemEditable(o) ? {
         value: i ?? "",
         "data-element": "labelInput",
-        onChange: (a) => {
+        onChange: (l) => {
           var h;
-          (h = s.onChange) == null || h.call(s, a), g(a.target.value);
+          (h = a.onChange) == null || h.call(a, l), g(l.target.value);
         },
-        onKeyDown: (a) => {
+        onKeyDown: (l) => {
           var I;
-          if ((I = s.onKeyDown) == null || I.call(s, a), a.defaultMuiPrevented)
+          if ((I = a.onKeyDown) == null || I.call(a, l), l.defaultMuiPrevented)
             return;
-          const h = a.target;
-          a.key === "Enter" && h.value ? p.handleSaveItemLabel(a, h.value) : a.key === "Escape" && p.handleCancelItemLabelEditing(a);
+          const h = l.target;
+          l.key === "Enter" && h.value ? u.handleSaveItemLabel(l, h.value) : l.key === "Escape" && u.handleCancelItemLabelEditing(l);
         },
-        onBlur: (a) => {
+        onBlur: (l) => {
           var h;
-          (h = s.onBlur) == null || h.call(s, a), !a.defaultMuiPrevented && a.target.value && p.handleSaveItemLabel(a, a.target.value);
+          (h = a.onBlur) == null || h.call(a, l), !l.defaultMuiPrevented && l.target.value && u.handleSaveItemLabel(l, l.target.value);
         },
         autoFocus: !0,
         type: "text"
@@ -1005,39 +1005,39 @@ const re = (e, t) => e.getAvailablePlugins().has(t), Dn = ({
   setState: n,
   params: o
 }) => {
-  const i = w.useRef(t.editedItemId), g = (l) => i.current === l, m = (l) => {
+  const i = w.useRef(t.editedItemId), g = (s) => i.current === s, m = (s) => {
     n((f) => C({}, f, {
-      editedItemId: l
-    })), i.current = l;
-  }, s = (l) => l === t.editedItemId, p = !!o.isItemEditable, c = (l) => {
-    if (l == null || !p)
+      editedItemId: s
+    })), i.current = s;
+  }, a = (s) => s === t.editedItemId, u = !!o.isItemEditable, c = (s) => {
+    if (s == null || !u)
       return !1;
-    const f = e.getItem(l);
+    const f = e.getItem(s);
     return f ? typeof o.isItemEditable == "function" ? o.isItemEditable(f) : !!o.isItemEditable : !1;
-  }, r = (l, f) => {
+  }, r = (s, f) => {
     if (!f)
-      throw new Error(["MUI X: The Tree View component requires all items to have a `label` property.", "The label of an item cannot be empty.", l].join(`
+      throw new Error(["MUI X: The Tree View component requires all items to have a `label` property.", "The label of an item cannot be empty.", s].join(`
 `));
-    n((a) => {
-      const h = a.items.itemMetaMap[l];
-      return h.label !== f ? C({}, a, {
-        items: C({}, a.items, {
-          itemMetaMap: C({}, a.items.itemMetaMap, {
-            [l]: C({}, h, {
+    n((l) => {
+      const h = l.items.itemMetaMap[s];
+      return h.label !== f ? C({}, l, {
+        items: C({}, l.items, {
+          itemMetaMap: C({}, l.items.itemMetaMap, {
+            [s]: C({}, h, {
               label: f
             })
           })
         })
-      }) : a;
-    }), o.onItemLabelChange && o.onItemLabelChange(l, f);
+      }) : l;
+    }), o.onItemLabelChange && o.onItemLabelChange(s, f);
   };
   return {
     instance: {
       setEditedItemId: m,
-      isItemBeingEdited: s,
+      isItemBeingEdited: a,
       updateItemLabel: r,
       isItemEditable: c,
-      isTreeViewEditable: p,
+      isTreeViewEditable: u,
       isItemBeingEditedRef: g
     },
     publicAPI: {
@@ -1045,7 +1045,7 @@ const re = (e, t) => e.getAvailablePlugins().has(t), Dn = ({
     }
   };
 };
-K.itemPlugin = Dn;
+K.itemPlugin = Vn;
 K.getDefaultizedParams = ({
   params: e,
   experimentalFeatures: t
@@ -1062,7 +1062,7 @@ K.params = {
   onItemLabelChange: !0,
   isItemEditable: !0
 };
-function On(e) {
+function Fn(e) {
   return !!e && e.length === 1 && !!e.match(/\S/);
 }
 const ht = ({
@@ -1070,41 +1070,41 @@ const ht = ({
   params: t,
   state: n
 }) => {
-  const o = Zt(), i = w.useRef({}), g = ce((r) => {
+  const o = nn(), i = w.useRef({}), g = ce((r) => {
     i.current = r(i.current);
   });
   w.useEffect(() => {
     if (e.areItemUpdatesPrevented())
       return;
-    const r = {}, l = (f) => {
+    const r = {}, s = (f) => {
       r[f.id] = f.label.substring(0, 1).toLowerCase();
     };
-    Object.values(n.items.itemMetaMap).forEach(l), i.current = r;
+    Object.values(n.items.itemMetaMap).forEach(s), i.current = r;
   }, [n.items.itemMetaMap, t.getItemId, e]);
-  const m = (r, l) => {
-    const f = l.toLowerCase(), a = (b) => {
+  const m = (r, s) => {
+    const f = s.toLowerCase(), l = (b) => {
       const x = we(e, b);
       return x === null ? ge(e) : x;
     };
-    let h = null, I = a(r);
-    const u = {};
-    for (; h == null && !u[I]; )
-      i.current[I] === f ? h = I : (u[I] = !0, I = a(I));
+    let h = null, I = l(r);
+    const p = {};
+    for (; h == null && !p[I]; )
+      i.current[I] === f ? h = I : (p[I] = !0, I = l(I));
     return h;
-  }, s = (r) => !t.disableSelection && !e.isItemDisabled(r), p = (r) => !e.isItemDisabled(r) && e.isItemExpandable(r);
+  }, a = (r) => !t.disableSelection && !e.isItemDisabled(r), u = (r) => !e.isItemDisabled(r) && e.isItemExpandable(r);
   return {
     instance: {
       updateFirstCharMap: g,
-      handleItemKeyDown: (r, l) => {
+      handleItemKeyDown: (r, s) => {
         if (r.defaultMuiPrevented || r.altKey || be(r.target, r.currentTarget))
           return;
-        const f = r.ctrlKey || r.metaKey, a = r.key;
+        const f = r.ctrlKey || r.metaKey, l = r.key;
         switch (!0) {
           // Select the item when pressing "Space"
-          case (a === " " && s(l)): {
-            r.preventDefault(), t.multiSelect && r.shiftKey ? e.expandSelectionRange(r, l) : e.selectItem({
+          case (l === " " && a(s)): {
+            r.preventDefault(), t.multiSelect && r.shiftKey ? e.expandSelectionRange(r, s) : e.selectItem({
               event: r,
-              itemId: l,
+              itemId: s,
               keepExistingSelection: t.multiSelect,
               shouldBeSelected: t.multiSelect ? void 0 : !0
             });
@@ -1112,66 +1112,66 @@ const ht = ({
           }
           // If the focused item has children, we expand it.
           // If the focused item has no children, we select it.
-          case a === "Enter": {
-            re(e, K) && e.isItemEditable(l) && !e.isItemBeingEdited(l) ? e.setEditedItemId(l) : p(l) ? (e.toggleItemExpansion(r, l), r.preventDefault()) : s(l) && (t.multiSelect ? (r.preventDefault(), e.selectItem({
+          case l === "Enter": {
+            re(e, K) && e.isItemEditable(s) && !e.isItemBeingEdited(s) ? e.setEditedItemId(s) : u(s) ? (e.toggleItemExpansion(r, s), r.preventDefault()) : a(s) && (t.multiSelect ? (r.preventDefault(), e.selectItem({
               event: r,
-              itemId: l,
+              itemId: s,
               keepExistingSelection: !0
-            })) : e.isItemSelected(l) || (e.selectItem({
+            })) : e.isItemSelected(s) || (e.selectItem({
               event: r,
-              itemId: l
+              itemId: s
             }), r.preventDefault()));
             break;
           }
           // Focus the next focusable item
-          case a === "ArrowDown": {
-            const h = we(e, l);
-            h && (r.preventDefault(), e.focusItem(r, h), t.multiSelect && r.shiftKey && s(h) && e.selectItemFromArrowNavigation(r, l, h));
+          case l === "ArrowDown": {
+            const h = we(e, s);
+            h && (r.preventDefault(), e.focusItem(r, h), t.multiSelect && r.shiftKey && a(h) && e.selectItemFromArrowNavigation(r, s, h));
             break;
           }
           // Focuses the previous focusable item
-          case a === "ArrowUp": {
-            const h = mt(e, l);
-            h && (r.preventDefault(), e.focusItem(r, h), t.multiSelect && r.shiftKey && s(h) && e.selectItemFromArrowNavigation(r, l, h));
+          case l === "ArrowUp": {
+            const h = mt(e, s);
+            h && (r.preventDefault(), e.focusItem(r, h), t.multiSelect && r.shiftKey && a(h) && e.selectItemFromArrowNavigation(r, 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 (a === "ArrowRight" && !o || a === "ArrowLeft" && o): {
+          case (l === "ArrowRight" && !o || l === "ArrowLeft" && o): {
             if (f)
               return;
-            if (e.isItemExpanded(l)) {
-              const h = we(e, l);
+            if (e.isItemExpanded(s)) {
+              const h = we(e, s);
               h && (e.focusItem(r, h), r.preventDefault());
-            } else p(l) && (e.toggleItemExpansion(r, l), r.preventDefault());
+            } else u(s) && (e.toggleItemExpansion(r, s), r.preventDefault());
             break;
           }
           // 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 (a === "ArrowLeft" && !o || a === "ArrowRight" && o): {
+          case (l === "ArrowLeft" && !o || l === "ArrowRight" && o): {
             if (f)
               return;
-            if (p(l) && e.isItemExpanded(l))
-              e.toggleItemExpansion(r, l), r.preventDefault();
+            if (u(s) && e.isItemExpanded(s))
+              e.toggleItemExpansion(r, s), r.preventDefault();
             else {
-              const h = e.getItemMeta(l).parentId;
+              const h = e.getItemMeta(s).parentId;
               h && (e.focusItem(r, h), r.preventDefault());
             }
             break;
           }
           // Focuses the first item in the tree
-          case a === "Home": {
-            s(l) && t.multiSelect && f && r.shiftKey ? e.selectRangeFromStartToItem(r, l) : e.focusItem(r, ge(e)), r.preventDefault();
+          case l === "Home": {
+            a(s) && t.multiSelect && f && r.shiftKey ? e.selectRangeFromStartToItem(r, s) : e.focusItem(r, ge(e)), r.preventDefault();
             break;
           }
           // Focuses the last item in the tree
-          case a === "End": {
-            s(l) && t.multiSelect && f && r.shiftKey ? e.selectRangeFromItemToEnd(r, l) : e.focusItem(r, It(e)), r.preventDefault();
+          case l === "End": {
+            a(s) && t.multiSelect && f && r.shiftKey ? e.selectRangeFromItemToEnd(r, s) : e.focusItem(r, It(e)), r.preventDefault();
             break;
           }
           // Expand all siblings that are at the same level as the focused item
-          case a === "*": {
-            e.expandAllSiblings(r, l), r.preventDefault();
+          case l === "*": {
+            e.expandAllSiblings(r, s), r.preventDefault();
             break;
           }
           // Multi select behavior when pressing Ctrl + a
@@ -1182,8 +1182,8 @@ const ht = ({
           }
           // Type-ahead
           // TODO: Support typing multiple characters
-          case (!f && !r.shiftKey && On(a)): {
-            const h = m(l, a);
+          case (!f && !r.shiftKey && Fn(l)): {
+            const h = m(s, l);
             h != null && (e.focusItem(r, h), r.preventDefault());
             break;
           }
@@ -1213,7 +1213,7 @@ const xt = ({
   }
 });
 xt.params = {};
-const An = [he, Se, ke, Ue, ht, xt, K];
+const $n = [he, Se, Me, Ue, ht, xt, K];
 function yt(e) {
   const {
     instance: t,
@@ -1228,14 +1228,14 @@ function yt(e) {
     expansion: {
       expansionTrigger: m
     }
-  } = ie(), s = t.isItemExpandable(e), p = t.isItemExpanded(e), c = t.isItemFocused(e), r = t.isItemSelected(e), l = t.isItemDisabled(e), f = t != null && t.isItemBeingEdited ? t == null ? void 0 : t.isItemBeingEdited(e) : !1, a = t.isItemEditable ? t.isItemEditable(e) : !1, h = (E) => {
-    if (!l) {
+  } = ie(), a = t.isItemExpandable(e), u = t.isItemExpanded(e), c = t.isItemFocused(e), r = t.isItemSelected(e), s = t.isItemDisabled(e), f = t != null && t.isItemBeingEdited ? t == null ? void 0 : t.isItemBeingEdited(e) : !1, l = t.isItemEditable ? t.isItemEditable(e) : !1, h = (E) => {
+    if (!s) {
       c || t.focusItem(E, e);
       const P = o && (E.shiftKey || E.ctrlKey || E.metaKey);
-      s && !(P && t.isItemExpanded(e)) && t.toggleItemExpansion(E, e);
+      a && !(P && t.isItemExpanded(e)) && t.toggleItemExpansion(E, e);
     }
   }, I = (E) => {
-    l || (c || t.focusItem(E, e), o && (E.shiftKey || E.ctrlKey || E.metaKey) ? E.shiftKey ? t.expandSelectionRange(E, e) : t.selectItem({
+    s || (c || t.focusItem(E, e), o && (E.shiftKey || E.ctrlKey || E.metaKey) ? E.shiftKey ? t.expandSelectionRange(E, e) : t.selectItem({
       event: E,
       itemId: e,
       keepExistingSelection: !0
@@ -1244,8 +1244,8 @@ function yt(e) {
       itemId: e,
       shouldBeSelected: !0
     }));
-  }, u = (E) => {
-    if (g || l)
+  }, p = (E) => {
+    if (g || s)
       return;
     const P = E.nativeEvent.shiftKey;
     o && P ? t.expandSelectionRange(E, e) : t.selectItem({
@@ -1255,22 +1255,22 @@ function yt(e) {
       shouldBeSelected: E.target.checked
     });
   }, b = (E) => {
-    (E.shiftKey || E.ctrlKey || E.metaKey || l) && E.preventDefault();
+    (E.shiftKey || E.ctrlKey || E.metaKey || s) && E.preventDefault();
   }, x = () => {
     re(t, K) && t.isItemEditable(e) && (t.isItemBeingEdited(e) ? t.setEditedItemId(null) : t.setEditedItemId(e));
   };
   return {
-    disabled: l,
-    expanded: p,
+    disabled: s,
+    expanded: u,
     selected: r,
     focused: c,
-    editable: a,
+    editable: l,
     editing: f,
     disableSelection: g,
     checkboxSelection: i,
     handleExpansion: h,
     handleSelection: I,
-    handleCheckboxSelection: u,
+    handleCheckboxSelection: p,
     handleContentClick: n,
     preventSelection: b,
     expansionTrigger: m,
@@ -1283,7 +1283,7 @@ function yt(e) {
     }
   };
 }
-const Ln = _("div", {
+const Nn = _("div", {
   name: "MuiTreeItem2DragAndDropOverlay",
   slot: "Root",
   overridesResolver: (e, t) => t.root,
@@ -1334,7 +1334,7 @@ const Ln = _("div", {
   }]
 }));
 function ze(e) {
-  return e.action == null ? null : /* @__PURE__ */ v(Ln, C({}, e));
+  return e.action == null ? null : /* @__PURE__ */ v(Nn, C({}, e));
 }
 process.env.NODE_ENV !== "production" && (ze.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -1360,26 +1360,26 @@ const Tt = _("input", {
   "&:focus": {
     outline: `1px solid ${e.palette.primary.main}`
   }
-})), Vn = ["classes", "className", "displayIcon", "expansionIcon", "icon", "label", "itemId", "onClick", "onMouseDown", "dragAndDropOverlayProps", "labelInputProps"], qe = /* @__PURE__ */ w.forwardRef(function(t, n) {
+})), jn = ["classes", "className", "displayIcon", "expansionIcon", "icon", "label", "itemId", "onClick", "onMouseDown", "dragAndDropOverlayProps", "labelInputProps"], qe = /* @__PURE__ */ w.forwardRef(function(t, n) {
   const {
     classes: o,
     className: i,
     displayIcon: g,
     expansionIcon: m,
-    icon: s,
-    label: p,
+    icon: a,
+    label: u,
     itemId: c,
     onClick: r,
-    onMouseDown: l,
+    onMouseDown: s,
     dragAndDropOverlayProps: f,
-    labelInputProps: a
-  } = t, h = G(t, Vn), {
+    labelInputProps: l
+  } = t, h = G(t, jn), {
     disabled: I,
-    expanded: u,
+    expanded: p,
     selected: b,
     focused: x,
     editing: R,
-    editable: k,
+    editable: M,
     disableSelection: E,
     checkboxSelection: P,
     handleExpansion: D,
@@ -1389,8 +1389,8 @@ const Tt = _("input", {
     preventSelection: j,
     expansionTrigger: Q,
     toggleItemEditing: B
-  } = yt(c), q = s || m || g, X = w.useRef(null), ee = (A) => {
-    j(A), l && l(A);
+  } = yt(c), q = a || m || g, X = w.useRef(null), ee = (A) => {
+    j(A), s && s(A);
   }, Y = (A) => {
     var Z;
     $ == null || $(A, c), !((Z = X.current) != null && Z.contains(A.target)) && (Q === "content" && D(A), P || N(A), r && r(A));
@@ -1400,7 +1400,7 @@ const Tt = _("input", {
   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__ */ de("div", C({}, h, {
-      className: $e(o.root, i, u && o.expanded, b && o.selected, x && o.focused, I && o.disabled, R && o.editing, k && o.editable),
+      className: $e(o.root, i, p && o.expanded, b && o.selected, x && o.focused, I && o.disabled, R && o.editing, M && o.editable),
       onClick: Y,
       onMouseDown: ee,
       ref: n,
@@ -1414,14 +1414,14 @@ const Tt = _("input", {
         disabled: I || E,
         ref: X,
         tabIndex: -1
-      }), R ? /* @__PURE__ */ v(Tt, C({}, a, {
+      }), R ? /* @__PURE__ */ v(Tt, C({}, l, {
         className: o.labelInput
       })) : /* @__PURE__ */ v("div", C({
         className: o.label
-      }, k && {
+      }, M && {
         onDoubleClick: te
       }, {
-        children: p
+        children: u
       })), f && /* @__PURE__ */ v(ze, C({}, f))]
     }))
   );
@@ -1478,7 +1478,7 @@ const W = st("MuiTreeItem", ["root", "groupTransition", "content", "expanded", "
 }), "TreeViewExpandIcon"), wt = ue(/* @__PURE__ */ v("path", {
   d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
 }), "TreeViewCollapseIcon");
-function Me(e) {
+function ke(e) {
   const {
     children: t,
     itemId: n
@@ -1492,7 +1492,7 @@ function Me(e) {
     instance: i
   });
 }
-Me.propTypes = {
+ke.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -1500,7 +1500,7 @@ Me.propTypes = {
   children: d.node,
   itemId: d.string.isRequired
 };
-const Fn = ["children", "className", "slots", "slotProps", "ContentComponent", "ContentProps", "itemId", "id", "label", "onClick", "onMouseDown", "onFocus", "onBlur", "onKeyDown"], $n = ["ownerState"], Nn = ["ownerState"], jn = ["ownerState"], Kn = je(), _n = (e) => {
+const Kn = ["children", "className", "slots", "slotProps", "ContentComponent", "ContentProps", "itemId", "id", "label", "onClick", "onMouseDown", "onFocus", "onBlur", "onKeyDown"], _n = ["ownerState"], Bn = ["ownerState"], Un = ["ownerState"], zn = je(), qn = (e) => {
   const {
     classes: t
   } = e;
@@ -1519,7 +1519,7 @@ const Fn = ["children", "className", "slots", "slotProps", "ContentComponent", "
     editable: ["editable"],
     groupTransition: ["groupTransition"]
   }, Ct, t);
-}, Bn = _("li", {
+}, Gn = _("li", {
   name: "MuiTreeItem",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -1528,7 +1528,7 @@ const Fn = ["children", "className", "slots", "slotProps", "ContentComponent", "
   margin: 0,
   padding: 0,
   outline: 0
-}), Un = _(qe, {
+}), Xn = _(qe, {
   name: "MuiTreeItem",
   slot: "Content",
   overridesResolver: (e, t) => [t.content, t.iconContainer && {
@@ -1606,7 +1606,7 @@ const Fn = ["children", "className", "slots", "slotProps", "ContentComponent", "
       paddingLeft: `calc(${e.spacing(1)} + var(--TreeView-itemChildrenIndentation) * var(--TreeView-itemDepth))`
     }
   }]
-})), zn = _(lt, {
+})), Wn = _(lt, {
   name: "MuiTreeItem",
   slot: "GroupTransition",
   overridesResolver: (e, t) => t.groupTransition,
@@ -1633,31 +1633,31 @@ const Fn = ["children", "className", "slots", "slotProps", "ContentComponent", "
       indentationAtItemLevel: m
     },
     selection: {
-      disableSelection: s
+      disableSelection: a
     },
     expansion: {
-      expansionTrigger: p
+      expansionTrigger: u
     },
     treeId: c,
     instance: r
-  } = ie(), l = w.useContext(Pe), f = Kn({
+  } = ie(), s = w.useContext(Pe), f = zn({
     props: t,
     name: "MuiTreeItem"
   }), {
-    children: a,
+    children: l,
     className: h,
     slots: I,
-    slotProps: u,
+    slotProps: p,
     ContentComponent: b = qe,
     ContentProps: x,
     itemId: R,
-    id: k,
+    id: M,
     label: E,
     onClick: P,
     onMouseDown: D,
     onBlur: N,
     onKeyDown: z
-  } = f, $ = G(f, Fn), {
+  } = f, $ = G(f, Kn), {
     expanded: j,
     focused: Q,
     selected: B,
@@ -1678,16 +1678,16 @@ const Fn = ["children", "className", "slots", "slotProps", "ContentComponent", "
     endIcon: (I == null ? void 0 : I.endIcon) ?? o.slots.endIcon,
     icon: I == null ? void 0 : I.icon,
     groupTransition: I == null ? void 0 : I.groupTransition
-  }, Oe = (M) => Array.isArray(M) ? M.length > 0 && M.some(Oe) : !!M, fe = Oe(a), xe = C({}, f, {
+  }, Oe = (k) => Array.isArray(k) ? k.length > 0 && k.some(Oe) : !!k, fe = Oe(l), xe = C({}, f, {
     expanded: j,
     focused: Q,
     selected: B,
     disabled: q,
     indentationAtItemLevel: m
-  }), T = _n(xe), y = se.groupTransition ?? void 0, S = V({
+  }), T = qn(xe), y = se.groupTransition ?? void 0, S = V({
     elementType: y,
     ownerState: {},
-    externalSlotProps: u == null ? void 0 : u.groupTransition,
+    externalSlotProps: p == null ? void 0 : p.groupTransition,
     additionalProps: C({
       unmountOnExit: !0,
       in: j,
@@ -1697,79 +1697,79 @@ const Fn = ["children", "className", "slots", "slotProps", "ContentComponent", "
       indentationAtItemLevel: !0
     } : {}),
     className: T.groupTransition
-  }), O = (M) => {
-    p === "iconContainer" && ee(M);
+  }), O = (k) => {
+    u === "iconContainer" && ee(k);
   }, F = j ? se.collapseIcon : se.expandIcon, oe = V({
     elementType: F,
     ownerState: {},
-    externalSlotProps: (M) => j ? C({}, H(o.slotProps.collapseIcon, M), H(u == null ? void 0 : u.collapseIcon, M)) : C({}, H(o.slotProps.expandIcon, M), H(u == null ? void 0 : u.expandIcon, M)),
+    externalSlotProps: (k) => j ? C({}, H(o.slotProps.collapseIcon, k), H(p == null ? void 0 : p.collapseIcon, k)) : C({}, H(o.slotProps.expandIcon, k), H(p == null ? void 0 : p.expandIcon, k)),
     additionalProps: {
       onClick: O
     }
-  }), ye = G(oe, $n), Te = fe && F ? /* @__PURE__ */ v(F, C({}, ye)) : null, Ae = fe ? void 0 : se.endIcon, Ft = V({
+  }), ye = G(oe, _n), Te = fe && F ? /* @__PURE__ */ v(F, C({}, ye)) : null, Ae = fe ? void 0 : se.endIcon, $t = V({
     elementType: Ae,
     ownerState: {},
-    externalSlotProps: (M) => fe ? {} : C({}, H(o.slotProps.endIcon, M), H(u == null ? void 0 : u.endIcon, M))
-  }), $t = G(Ft, Nn), Nt = Ae ? /* @__PURE__ */ v(Ae, C({}, $t)) : null, Le = se.icon, jt = V({
+    externalSlotProps: (k) => fe ? {} : C({}, H(o.slotProps.endIcon, k), H(p == null ? void 0 : p.endIcon, k))
+  }), Nt = G($t, Bn), jt = Ae ? /* @__PURE__ */ v(Ae, C({}, Nt)) : null, Le = se.icon, Kt = V({
     elementType: Le,
     ownerState: {},
-    externalSlotProps: u == null ? void 0 : u.icon
-  }), Kt = G(jt, jn), _t = Le ? /* @__PURE__ */ v(Le, C({}, Kt)) : null;
+    externalSlotProps: p == null ? void 0 : p.icon
+  }), _t = G(Kt, Un), Bt = Le ? /* @__PURE__ */ v(Le, C({}, _t)) : null;
   let Ce;
-  B ? Ce = !0 : s || q ? Ce = void 0 : Ce = !1;
-  function Bt(M) {
-    !Q && (!q || g) && M.currentTarget === M.target && r.focusItem(M, R);
+  B ? Ce = !0 : a || q ? Ce = void 0 : Ce = !1;
+  function Ut(k) {
+    !Q && (!q || g) && k.currentTarget === k.target && r.focusItem(k, R);
   }
-  function Ut(M) {
+  function zt(k) {
     var le, me, et, tt;
-    N == null || N(M), !(X || // 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
+    N == null || N(k), !(X || // 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
-    M.relatedTarget && be(M.relatedTarget, ne.current) && (M.target && ((me = (le = M.target) == null ? void 0 : le.dataset) == null ? void 0 : me.element) === "labelInput" && be(M.target, ne.current) || ((tt = (et = M.relatedTarget) == null ? void 0 : et.dataset) == null ? void 0 : tt.element) === "labelInput")) && r.removeFocusedItem();
+    k.relatedTarget && be(k.relatedTarget, ne.current) && (k.target && ((me = (le = k.target) == null ? void 0 : le.dataset) == null ? void 0 : me.element) === "labelInput" && be(k.target, ne.current) || ((tt = (et = k.relatedTarget) == null ? void 0 : et.dataset) == null ? void 0 : tt.element) === "labelInput")) && r.removeFocusedItem();
   }
-  const zt = (M) => {
+  const qt = (k) => {
     var le, me;
-    z == null || z(M), ((me = (le = M.target) == null ? void 0 : le.dataset) == null ? void 0 : me.element) !== "labelInput" && r.handleItemKeyDown(M, R);
-  }, qt = Ke({
+    z == null || z(k), ((me = (le = k.target) == null ? void 0 : le.dataset) == null ? void 0 : me.element) !== "labelInput" && r.handleItemKeyDown(k, R);
+  }, Gt = Ke({
     itemId: R,
     treeId: c,
-    id: k
-  }), Gt = r.canItemBeTabbed(R) ? 0 : -1, Ee = {
+    id: M
+  }), Xt = r.canItemBeTabbed(R) ? 0 : -1, Ee = {
     rootRefObject: ne,
     contentRefObject: De,
     interactions: {
       handleSaveItemLabel: te,
       handleCancelItemLabelEditing: Y
     }
-  }, Xt = ((Qe = L.root) == null ? void 0 : Qe.call(L, C({}, Ee, {
+  }, Wt = ((Qe = L.root) == null ? void 0 : Qe.call(L, C({}, Ee, {
     externalEventHandlers: U($)
-  }))) ?? {}, Wt = ((Ye = L.content) == null ? void 0 : Ye.call(L, C({}, Ee, {
+  }))) ?? {}, Jt = ((Ye = L.content) == null ? void 0 : Ye.call(L, C({}, Ee, {
     externalEventHandlers: U(x)
   }))) ?? {}, We = ((Ze = L.dragAndDropOverlay) == null ? void 0 : Ze.call(L, C({}, Ee, {
     externalEventHandlers: {}
   }))) ?? {}, Je = ((He = L.labelInput) == null ? void 0 : He.call(L, C({}, Ee, {
     externalEventHandlers: {}
   }))) ?? {};
-  return /* @__PURE__ */ v(Me, {
+  return /* @__PURE__ */ v(ke, {
     itemId: R,
-    children: /* @__PURE__ */ de(Bn, C({
+    children: /* @__PURE__ */ de(Gn, C({
       className: $e(T.root, h),
       role: "treeitem",
       "aria-expanded": fe ? j : void 0,
       "aria-selected": Ce,
       "aria-disabled": q || void 0,
-      id: qt,
-      tabIndex: Gt
+      id: Gt,
+      tabIndex: Xt
     }, $, {
       ownerState: xe,
-      onFocus: Bt,
-      onBlur: Ut,
-      onKeyDown: zt,
+      onFocus: Ut,
+      onBlur: zt,
+      onKeyDown: qt,
       ref: Ge,
       style: m ? C({}, $.style, {
-        "--TreeView-itemDepth": typeof l == "function" ? l(R) : l
+        "--TreeView-itemDepth": typeof s == "function" ? s(R) : s
       }) : $.style
-    }, Xt, {
-      children: [/* @__PURE__ */ v(Un, C({
+    }, Wt, {
+      children: [/* @__PURE__ */ v(Xn, C({
         as: b,
         classes: {
           root: T.content,
@@ -1788,20 +1788,20 @@ const Fn = ["children", "className", "slots", "slotProps", "ContentComponent", "
         itemId: R,
         onClick: P,
         onMouseDown: D,
-        icon: _t,
+        icon: Bt,
         expansionIcon: Te,
-        displayIcon: Nt,
+        displayIcon: jt,
         ownerState: xe
-      }, x, Wt, We.action == null ? {} : {
+      }, x, Jt, We.action == null ? {} : {
         dragAndDropOverlayProps: We
       }, Je.value == null ? {} : {
         labelInputProps: Je
       }, {
         ref: Xe
-      })), a && /* @__PURE__ */ v(zn, C({
+      })), l && /* @__PURE__ */ v(Wn, C({
         as: y
       }, S, {
-        children: a
+        children: l
       }))]
     }))
   });
@@ -1825,7 +1825,7 @@ process.env.NODE_ENV !== "production" && (Rt.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: en,
+  ContentComponent: rn,
   /**
    * 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/.
@@ -1868,8 +1868,8 @@ process.env.NODE_ENV !== "production" && (Rt.propTypes = {
    */
   sx: d.oneOfType([d.arrayOf(d.oneOfType([d.func, d.object, d.bool])), d.func, d.object])
 });
-const qn = ["ownerState"];
-function Gn({
+const Jn = ["ownerState"];
+function Qn({
   slots: e,
   slotProps: t,
   label: n,
@@ -1877,7 +1877,7 @@ function Gn({
   itemId: i,
   itemsToRender: g
 }) {
-  const m = (e == null ? void 0 : e.item) ?? Rt, s = V({
+  const m = (e == null ? void 0 : e.item) ?? Rt, a = V({
     elementType: m,
     externalSlotProps: t == null ? void 0 : t.item,
     additionalProps: {
@@ -1889,12 +1889,12 @@ function Gn({
       itemId: i,
       label: n
     }
-  }), p = G(s, qn), c = w.useMemo(() => g ? /* @__PURE__ */ v(vt, {
+  }), u = G(a, Jn), c = w.useMemo(() => g ? /* @__PURE__ */ v(vt, {
     itemsToRender: g,
     slots: e,
     slotProps: t
   }) : null, [g, e, t]);
-  return /* @__PURE__ */ v(m, C({}, p, {
+  return /* @__PURE__ */ v(m, C({}, u, {
     children: c
   }));
 }
@@ -1905,7 +1905,7 @@ function vt(e) {
     slotProps: o
   } = e;
   return /* @__PURE__ */ v(w.Fragment, {
-    children: t.map((i) => /* @__PURE__ */ v(Gn, {
+    children: t.map((i) => /* @__PURE__ */ v(Qn, {
       slots: n,
       slotProps: o,
       label: i.label,
@@ -1915,14 +1915,14 @@ function vt(e) {
     }, i.itemId))
   });
 }
-const Xn = je(), Wn = (e) => {
+const Yn = je(), Zn = (e) => {
   const {
     classes: t
   } = e;
   return Ne({
     root: ["root"]
-  }, rn, t);
-}, Jn = _("ul", {
+  }, cn, t);
+}, Hn = _("ul", {
   name: "MuiRichTreeView",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -1933,7 +1933,7 @@ const Xn = je(), Wn = (e) => {
   outline: 0,
   position: "relative"
 }), Pt = /* @__PURE__ */ w.forwardRef(function(t, n) {
-  const o = Xn({
+  const o = Yn({
     props: t,
     name: "MuiRichTreeView"
   });
@@ -1942,26 +1942,26 @@ const Xn = je(), Wn = (e) => {
     getRootProps: i,
     contextValue: g,
     instance: m
-  } = In({
-    plugins: An,
+  } = xn({
+    plugins: $n,
     rootRef: n,
     props: o
   }), {
-    slots: s,
-    slotProps: p
-  } = o, c = Wn(o), r = (s == null ? void 0 : s.root) ?? Jn, l = V({
+    slots: a,
+    slotProps: u
+  } = o, c = Zn(o), r = (a == null ? void 0 : a.root) ?? Hn, s = V({
     elementType: r,
-    externalSlotProps: p == null ? void 0 : p.root,
+    externalSlotProps: u == null ? void 0 : u.root,
     className: c.root,
     getSlotProps: i,
     ownerState: o
   });
-  return /* @__PURE__ */ v(gn, {
+  return /* @__PURE__ */ v(yn, {
     value: g,
-    children: /* @__PURE__ */ v(r, C({}, l, {
+    children: /* @__PURE__ */ v(r, C({}, s, {
       children: /* @__PURE__ */ v(vt, {
-        slots: s,
-        slotProps: p,
+        slots: a,
+        slotProps: u,
         itemsToRender: m.getItemsToRender()
       })
     }))
@@ -2155,7 +2155,7 @@ process.env.NODE_ENV !== "production" && (Pt.propTypes = {
    */
   sx: d.oneOfType([d.arrayOf(d.oneOfType([d.func, d.object, d.bool])), d.func, d.object])
 });
-const St = (e) => Array.isArray(e) ? e.length > 0 && e.some(St) : !!e, Qn = ({
+const St = (e) => Array.isArray(e) ? e.length > 0 && e.some(St) : !!e, eo = ({
   itemId: e,
   children: t
 }) => {
@@ -2173,31 +2173,31 @@ const St = (e) => Array.isArray(e) ? e.length > 0 && e.some(St) : !!e, Qn = ({
     disabled: n.isItemDisabled(e),
     editing: n != null && n.isItemBeingEdited ? n == null ? void 0 : n.isItemBeingEdited(e) : !1,
     editable: n.isItemEditable ? n.isItemEditable(e) : !1
-  }, m = (a) => {
+  }, m = (l) => {
     if (g.disabled)
       return;
-    g.focused || n.focusItem(a, e);
-    const h = o && (a.shiftKey || a.ctrlKey || a.metaKey);
-    g.expandable && !(h && n.isItemExpanded(e)) && n.toggleItemExpansion(a, e);
-  }, s = (a) => {
+    g.focused || n.focusItem(l, e);
+    const h = o && (l.shiftKey || l.ctrlKey || l.metaKey);
+    g.expandable && !(h && n.isItemExpanded(e)) && n.toggleItemExpansion(l, e);
+  }, a = (l) => {
     if (g.disabled)
       return;
-    g.focused || n.focusItem(a, e), o && (a.shiftKey || a.ctrlKey || a.metaKey) ? a.shiftKey ? n.expandSelectionRange(a, e) : n.selectItem({
-      event: a,
+    g.focused || n.focusItem(l, e), o && (l.shiftKey || l.ctrlKey || l.metaKey) ? l.shiftKey ? n.expandSelectionRange(l, e) : n.selectItem({
+      event: l,
       itemId: e,
       keepExistingSelection: !0
     }) : n.selectItem({
-      event: a,
+      event: l,
       itemId: e,
       shouldBeSelected: !0
     });
-  }, p = (a) => {
-    const h = a.nativeEvent.shiftKey;
-    o && h ? n.expandSelectionRange(a, e) : n.selectItem({
-      event: a,
+  }, u = (l) => {
+    const h = l.nativeEvent.shiftKey;
+    o && h ? n.expandSelectionRange(l, e) : n.selectItem({
+      event: l,
       itemId: e,
       keepExistingSelection: o,
-      shouldBeSelected: a.target.checked
+      shouldBeSelected: l.target.checked
     });
   }, c = () => {
     re(n, K) && n.isItemEditable(e) && (n.isItemBeingEdited(e) ? n.setEditedItemId(null) : n.setEditedItemId(e));
@@ -2205,20 +2205,20 @@ const St = (e) => Array.isArray(e) ? e.length > 0 && e.some(St) : !!e, Qn = ({
   return {
     interactions: {
       handleExpansion: m,
-      handleSelection: s,
-      handleCheckboxSelection: p,
+      handleSelection: a,
+      handleCheckboxSelection: u,
       toggleItemEditing: c,
-      handleSaveItemLabel: (a, h) => {
-        re(n, K) && n.isItemBeingEditedRef(e) && (n.updateItemLabel(e, h), c(), n.focusItem(a, e));
+      handleSaveItemLabel: (l, h) => {
+        re(n, K) && n.isItemBeingEditedRef(e) && (n.updateItemLabel(e, h), c(), n.focusItem(l, e));
       },
-      handleCancelItemLabelEditing: (a) => {
-        re(n, K) && n.isItemBeingEditedRef(e) && (c(), n.focusItem(a, e));
+      handleCancelItemLabelEditing: (l) => {
+        re(n, K) && n.isItemBeingEditedRef(e) && (c(), n.focusItem(l, e));
       }
     },
     status: g,
     publicAPI: i
   };
-}, Yn = (e) => {
+}, to = (e) => {
   const {
     runItemPlugins: t,
     items: {
@@ -2231,67 +2231,67 @@ const St = (e) => Array.isArray(e) ? e.length > 0 && e.some(St) : !!e, Qn = ({
       checkboxSelection: m
     },
     expansion: {
-      expansionTrigger: s
+      expansionTrigger: a
     },
-    treeId: p,
+    treeId: u,
     instance: c,
     publicAPI: r
-  } = ie(), l = w.useContext(Pe), {
+  } = ie(), s = w.useContext(Pe), {
     id: f,
-    itemId: a,
+    itemId: l,
     label: h,
     children: I,
-    rootRef: u
+    rootRef: p
   } = e, {
     rootRef: b,
     contentRef: x,
     propsEnhancers: R
   } = t(e), {
-    interactions: k,
+    interactions: M,
     status: E
-  } = Qn({
-    itemId: a,
+  } = eo({
+    itemId: l,
     children: I
-  }), P = w.useRef(null), D = w.useRef(null), N = Ie(u, b, P), z = Ie(x, D), $ = w.useRef(null), j = Ke({
-    itemId: a,
-    treeId: p,
+  }), P = w.useRef(null), D = w.useRef(null), N = Ie(p, b, P), z = Ie(x, D), $ = w.useRef(null), j = Ke({
+    itemId: l,
+    treeId: u,
     id: f
-  }), Q = c.canItemBeTabbed(a) ? 0 : -1, B = {
+  }), Q = c.canItemBeTabbed(l) ? 0 : -1, B = {
     rootRefObject: P,
     contentRefObject: D,
-    interactions: k
+    interactions: M
   }, q = (T) => (y) => {
     var O;
     if ((O = T.onFocus) == null || O.call(T, y), y.defaultMuiPrevented)
       return;
     const S = !E.disabled || o;
-    !E.focused && S && y.currentTarget === y.target && c.focusItem(y, a);
+    !E.focused && S && y.currentTarget === y.target && c.focusItem(y, l);
   }, X = (T) => (y) => {
     var O, F, oe, ye, Te;
     if ((O = T.onBlur) == null || O.call(T, y), y.defaultMuiPrevented)
       return;
-    const S = c.getItemDOMElement(a);
+    const S = c.getItemDOMElement(l);
     E.editing || // 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
     y.relatedTarget && be(y.relatedTarget, S) && (y.target && ((oe = (F = y.target) == null ? void 0 : F.dataset) == null ? void 0 : oe.element) === "labelInput" && be(y.target, S) || ((Te = (ye = y.relatedTarget) == null ? void 0 : ye.dataset) == null ? void 0 : Te.element) === "labelInput") || c.removeFocusedItem();
   }, ee = (T) => (y) => {
     var S, O, F;
-    (S = T.onKeyDown) == null || S.call(T, y), !(y.defaultMuiPrevented || ((F = (O = y.target) == null ? void 0 : O.dataset) == null ? void 0 : F.element) === "labelInput") && c.handleItemKeyDown(y, a);
+    (S = T.onKeyDown) == null || S.call(T, y), !(y.defaultMuiPrevented || ((F = (O = y.target) == null ? void 0 : O.dataset) == null ? void 0 : F.element) === "labelInput") && c.handleItemKeyDown(y, l);
   }, Y = (T) => (y) => {
     var S;
-    (S = T.onDoubleClick) == null || S.call(T, y), !y.defaultMuiPrevented && k.toggleItemEditing();
+    (S = T.onDoubleClick) == null || S.call(T, y), !y.defaultMuiPrevented && M.toggleItemEditing();
   }, te = (T) => (y) => {
     var S, O;
-    (S = T.onClick) == null || S.call(T, y), n == null || n(y, a), !(y.defaultMuiPrevented || (O = $.current) != null && O.contains(y.target)) && (s === "content" && k.handleExpansion(y), m || k.handleSelection(y));
+    (S = T.onClick) == null || S.call(T, y), n == null || n(y, l), !(y.defaultMuiPrevented || (O = $.current) != null && O.contains(y.target)) && (a === "content" && M.handleExpansion(y), m || M.handleSelection(y));
   }, A = (T) => (y) => {
     var S;
     (S = T.onMouseDown) == null || S.call(T, y), !y.defaultMuiPrevented && (y.shiftKey || y.ctrlKey || y.metaKey || E.disabled) && y.preventDefault();
   }, Z = (T) => (y) => {
     var S;
-    (S = T.onChange) == null || S.call(T, y), !y.defaultMuiPrevented && (g || E.disabled || k.handleCheckboxSelection(y));
+    (S = T.onChange) == null || S.call(T, y), !y.defaultMuiPrevented && (g || E.disabled || M.handleCheckboxSelection(y));
   }, L = (T) => (y) => {
     var S;
-    (S = T.onClick) == null || S.call(T, y), !y.defaultMuiPrevented && s === "iconContainer" && k.handleExpansion(y);
+    (S = T.onClick) == null || S.call(T, y), !y.defaultMuiPrevented && a === "iconContainer" && M.handleExpansion(y);
   };
   return {
     getRootProps: (T = {}) => {
@@ -2313,7 +2313,7 @@ const St = (e) => Array.isArray(e) ? e.length > 0 && e.some(St) : !!e, Qn = ({
         onKeyDown: ee(y)
       });
       i && (O.style = {
-        "--TreeView-itemDepth": typeof l == "function" ? l(a) : l
+        "--TreeView-itemDepth": typeof s == "function" ? s(l) : s
       });
       const F = ((oe = R.root) == null ? void 0 : oe.call(R, C({}, B, {
         externalEventHandlers: y
@@ -2376,7 +2376,7 @@ const St = (e) => Array.isArray(e) ? e.length > 0 && e.some(St) : !!e, Qn = ({
         rootRefObject: P,
         contentRefObject: D,
         externalEventHandlers: y,
-        interactions: k
+        interactions: M
       })) ?? {};
       return C({}, T, S);
     },
@@ -2391,8 +2391,8 @@ const St = (e) => Array.isArray(e) ? e.length > 0 && e.some(St) : !!e, Qn = ({
     status: E,
     publicAPI: r
   };
-}, kt = Yn;
-function Mt(e) {
+}, Mt = to;
+function kt(e) {
   const {
     slots: t,
     slotProps: n,
@@ -2401,17 +2401,17 @@ function Mt(e) {
     expandIcon: i.icons.slots.expandIcon ?? Et,
     collapseIcon: i.icons.slots.collapseIcon ?? wt
   }), m = i.icons.slotProps;
-  let s;
-  t != null && t.icon ? s = "icon" : o.expandable ? o.expanded ? s = "collapseIcon" : s = "expandIcon" : s = "endIcon";
-  const p = (t == null ? void 0 : t[s]) ?? g[s], c = V({
-    elementType: p,
-    externalSlotProps: (r) => C({}, H(m[s], r), H(n == null ? void 0 : n[s], r)),
+  let a;
+  t != null && t.icon ? a = "icon" : o.expandable ? o.expanded ? a = "collapseIcon" : a = "expandIcon" : a = "endIcon";
+  const u = (t == null ? void 0 : t[a]) ?? g[a], c = V({
+    elementType: u,
+    externalSlotProps: (r) => C({}, H(m[a], r), H(n == null ? void 0 : n[a], r)),
     // TODO: Add proper ownerState
     ownerState: {}
   });
-  return p ? /* @__PURE__ */ v(p, C({}, c)) : null;
+  return u ? /* @__PURE__ */ v(u, C({}, c)) : null;
 }
-process.env.NODE_ENV !== "production" && (Mt.propTypes = {
+process.env.NODE_ENV !== "production" && (kt.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -2436,7 +2436,7 @@ process.env.NODE_ENV !== "production" && (Mt.propTypes = {
     selected: d.bool.isRequired
   }).isRequired
 });
-const Zn = ["visible"], Hn = ["id", "itemId", "label", "disabled", "children", "slots", "slotProps"], eo = je(), Dt = _("li", {
+const no = ["visible"], oo = ["id", "itemId", "label", "disabled", "children", "slots", "slotProps"], ro = je(), Dt = _("li", {
   name: "MuiTreeItem2",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -2568,10 +2568,10 @@ const Zn = ["visible"], Hn = ["id", "itemId", "label", "disabled", "children", "
       paddingLeft: 0
     }
   }]
-}), to = _(/* @__PURE__ */ w.forwardRef((e, t) => {
+}), io = _(/* @__PURE__ */ w.forwardRef((e, t) => {
   const {
     visible: n
-  } = e, o = G(e, Zn);
+  } = e, o = G(e, no);
   return n ? /* @__PURE__ */ v(at, C({}, o, {
     ref: t
   })) : null;
@@ -2581,7 +2581,7 @@ const Zn = ["visible"], Hn = ["id", "itemId", "label", "disabled", "children", "
   overridesResolver: (e, t) => t.checkbox
 })({
   padding: 0
-}), no = (e) => {
+}), so = (e) => {
   const {
     classes: t
   } = e;
@@ -2601,38 +2601,38 @@ const Zn = ["visible"], Hn = ["id", "itemId", "label", "disabled", "children", "
     labelInput: ["labelInput"],
     dragAndDropOverlay: ["dragAndDropOverlay"]
   }, Ct, t);
-}, oo = /* @__PURE__ */ w.forwardRef(function(t, n) {
-  const o = eo({
+}, lo = /* @__PURE__ */ w.forwardRef(function(t, n) {
+  const o = ro({
     props: t,
     name: "MuiTreeItem2"
   }), {
     id: i,
     itemId: g,
     label: m,
-    disabled: s,
-    children: p,
+    disabled: a,
+    children: u,
     slots: c = {},
     slotProps: r = {}
-  } = o, l = G(o, Hn), {
+  } = o, s = G(o, oo), {
     getRootProps: f,
-    getContentProps: a,
+    getContentProps: l,
     getIconContainerProps: h,
     getCheckboxProps: I,
-    getLabelProps: u,
+    getLabelProps: p,
     getGroupTransitionProps: b,
     getLabelInputProps: x,
     getDragAndDropOverlayProps: R,
-    status: k
-  } = kt({
+    status: M
+  } = Mt({
     id: i,
     itemId: g,
-    children: p,
+    children: u,
     label: m,
-    disabled: s
-  }), E = C({}, o, k), P = no(E), D = c.root ?? Dt, N = V({
+    disabled: a
+  }), E = C({}, o, M), P = so(E), D = c.root ?? Dt, N = V({
     elementType: D,
     getSlotProps: f,
-    externalForwardedProps: l,
+    externalForwardedProps: s,
     externalSlotProps: r.root,
     additionalProps: {
       ref: n
@@ -2641,10 +2641,10 @@ const Zn = ["visible"], Hn = ["id", "itemId", "label", "disabled", "children", "
     className: P.root
   }), z = c.content ?? Ot, $ = V({
     elementType: z,
-    getSlotProps: a,
+    getSlotProps: l,
     externalSlotProps: r.content,
     ownerState: {},
-    className: $e(P.content, k.expanded && P.expanded, k.selected && P.selected, k.focused && P.focused, k.disabled && P.disabled, k.editing && P.editing, k.editable && P.editable)
+    className: $e(P.content, M.expanded && P.expanded, M.selected && P.selected, M.focused && P.focused, M.disabled && P.disabled, M.editing && P.editing, M.editable && P.editable)
   }), j = c.iconContainer ?? Lt, Q = V({
     elementType: j,
     getSlotProps: h,
@@ -2653,11 +2653,11 @@ const Zn = ["visible"], Hn = ["id", "itemId", "label", "disabled", "children", "
     className: P.iconContainer
   }), B = c.label ?? At, q = V({
     elementType: B,
-    getSlotProps: u,
+    getSlotProps: p,
     externalSlotProps: r.label,
     ownerState: {},
     className: P.label
-  }), X = c.checkbox ?? to, ee = V({
+  }), X = c.checkbox ?? io, ee = V({
     elementType: X,
     getSlotProps: I,
     externalSlotProps: r.checkbox,
@@ -2682,24 +2682,24 @@ const Zn = ["visible"], Hn = ["id", "itemId", "label", "disabled", "children", "
     ownerState: {},
     className: P.dragAndDropOverlay
   });
-  return /* @__PURE__ */ v(Me, {
+  return /* @__PURE__ */ v(ke, {
     itemId: g,
     children: /* @__PURE__ */ de(D, C({}, N, {
       children: [/* @__PURE__ */ de(z, C({}, $, {
         children: [/* @__PURE__ */ v(j, C({}, Q, {
-          children: /* @__PURE__ */ v(Mt, {
-            status: k,
+          children: /* @__PURE__ */ v(kt, {
+            status: M,
             slots: c,
             slotProps: r
           })
-        })), /* @__PURE__ */ v(X, C({}, ee)), k.editing ? /* @__PURE__ */ v(A, C({}, Z)) : /* @__PURE__ */ v(B, C({}, q)), /* @__PURE__ */ v(L, C({}, ne))]
-      })), p && /* @__PURE__ */ v(Vt, C({
+        })), /* @__PURE__ */ v(X, C({}, ee)), M.editing ? /* @__PURE__ */ v(A, C({}, Z)) : /* @__PURE__ */ v(B, C({}, q)), /* @__PURE__ */ v(L, C({}, ne))]
+      })), u && /* @__PURE__ */ v(Vt, C({
         as: Y
       }, te))]
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (oo.propTypes = {
+process.env.NODE_ENV !== "production" && (lo.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -2755,42 +2755,42 @@ process.env.NODE_ENV !== "production" && (oo.propTypes = {
    */
   slots: d.object
 });
-var ro = /* @__PURE__ */ ((e) => (e.FOLDER = "FOLDER", e.SHARE = "SHARE", e.TRASH = "TRASH", e.CUSTOM = "CUSTOM", e))(ro || {});
-const io = (e, t) => {
+var ao = /* @__PURE__ */ ((e) => (e.FOLDER = "FOLDER", e.SHARE = "SHARE", e.TRASH = "TRASH", e.CUSTOM = "CUSTOM", e))(ao || {});
+const co = (e, t) => {
   if (!e) return Ve;
   if (typeof e != "string") return e;
   switch (e) {
     case "SHARE":
-      return on;
+      return an;
     case "TRASH":
-      return Jt;
+      return Qt;
     case "CUSTOM":
       return t || Ve;
     case "FOLDER":
     default:
       return Ve;
   }
-}, so = Qt(function(t, n) {
+}, uo = Yt(function(t, n) {
   const {
     id: o,
     itemId: i,
     label: g,
     disabled: m,
-    children: s,
-    itemData: p,
+    children: a,
+    itemData: u,
     iconColor: c = "primary"
-  } = t, r = io(
-    p == null ? void 0 : p.iconType,
-    p == null ? void 0 : p.customIcon
+  } = t, r = co(
+    u == null ? void 0 : u.iconType,
+    u == null ? void 0 : u.customIcon
   ), {
-    getRootProps: l,
+    getRootProps: s,
     getContentProps: f,
-    getLabelProps: a,
+    getLabelProps: l,
     getGroupTransitionProps: h,
     getIconContainerProps: I,
-    status: u
-  } = kt({ id: o, itemId: i, label: g, disabled: m, children: s, rootRef: n });
-  return /* @__PURE__ */ v(Me, { itemId: i, children: /* @__PURE__ */ de(Dt, { ...l(), children: [
+    status: p
+  } = Mt({ id: o, itemId: i, label: g, disabled: m, children: a, rootRef: n });
+  return /* @__PURE__ */ v(ke, { itemId: i, children: /* @__PURE__ */ de(Dt, { ...s(), children: [
     /* @__PURE__ */ de(
       Ot,
       {
@@ -2798,16 +2798,16 @@ const io = (e, t) => {
         style: { display: "flex", alignItems: "center", width: "100%" },
         children: [
           /* @__PURE__ */ v(Lt, { ...I(), children: /* @__PURE__ */ v(r, { fontSize: "small", color: c }) }),
-          /* @__PURE__ */ v(At, { ...a() }),
-          /* @__PURE__ */ v(rt, { sx: { display: "flex", marginLeft: "auto" }, children: u.expandable && (u.expanded ? /* @__PURE__ */ v(tn, { fontSize: "small" }) : /* @__PURE__ */ v(nn, { fontSize: "small" })) })
+          /* @__PURE__ */ v(At, { ...l() }),
+          /* @__PURE__ */ v(rt, { sx: { display: "flex", marginLeft: "auto" }, children: p.expandable && (p.expanded ? /* @__PURE__ */ v(sn, { fontSize: "small" }) : /* @__PURE__ */ v(ln, { fontSize: "small" })) })
         ]
       }
     ),
-    s && /* @__PURE__ */ v(
+    a && /* @__PURE__ */ v(
       Vt,
       {
         ...h(),
-        style: u.expanded ? {
+        style: p.expanded ? {
           borderLeft: "1px solid #bdbdbd",
           paddingLeft: "12px",
           marginLeft: "15px",
@@ -2817,32 +2817,78 @@ const io = (e, t) => {
       }
     )
   ] }) });
-}), lo = (e) => e.internalId, ko = ({
+}), po = (e) => e.internalId, Ft = (e, t, n = []) => {
+  for (const o of e) {
+    const i = [...n, o.internalId];
+    if (o.internalId === t)
+      return i;
+    if (o.children && o.children.length > 0) {
+      const g = Ft(
+        o.children,
+        t,
+        i
+      );
+      if (g)
+        return g;
+    }
+  }
+  return null;
+}, fo = (e) => {
+  const t = {}, n = (o) => {
+    var i;
+    t[o.internalId] = o, (i = o.children) != null && i.length && o.children.forEach(n);
+  };
+  return e.forEach(n), t;
+}, Lo = ({
   items: e,
-  onItemSelect: t,
-  iconColor: n = "primary"
-}) => /* @__PURE__ */ v(rt, { sx: { minHeight: 200, minWidth: 200 }, children: /* @__PURE__ */ v(
-  Pt,
-  {
-    items: e,
-    itemChildrenIndentation: "50px",
-    getItemId: lo,
-    onItemClick: (o, i) => {
-      t && t(o, i);
-    },
-    slots: {
-      item: (o) => /* @__PURE__ */ v(
-        so,
-        {
-          ...o,
-          itemData: o.itemData,
-          iconColor: n
+  selectedItemId: t,
+  handleSelectedItemChange: n,
+  iconColor: o = "primary"
+}) => {
+  const [i, g] = Zt([]), m = Ht(() => fo(e), [e]);
+  return en(() => {
+    if (t) {
+      const u = Ft(e, t);
+      if (u) {
+        const c = u.slice(0, -1);
+        g((r) => {
+          const s = [...r];
+          let f = !1;
+          return c.forEach((l) => {
+            s.includes(l) || (s.push(l), f = !0);
+          }), f ? s : r;
+        });
+      }
+    }
+  }, [t, e]), /* @__PURE__ */ v(rt, { sx: { minHeight: 200, minWidth: 200 }, children: /* @__PURE__ */ v(
+    Pt,
+    {
+      items: e,
+      selectedItems: t,
+      expandedItems: i,
+      onExpandedItemsChange: (u, c) => {
+        g(c);
+      },
+      itemChildrenIndentation: "50px",
+      onSelectedItemsChange: n,
+      getItemId: po,
+      slots: {
+        item: (u) => {
+          const c = u.itemId ? m[u.itemId] : void 0;
+          return /* @__PURE__ */ v(
+            uo,
+            {
+              ...u,
+              itemData: c,
+              iconColor: o
+            }
+          );
         }
-      )
+      }
     }
-  }
-) });
+  ) });
+};
 export {
-  ro as ICON_TYPE,
-  ko as default
+  ao as ICON_TYPE,
+  Lo as default
 };