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

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

@@ -1,89 +1,78 @@
-import { jsx as v, jsxs as de } from "react/jsx-runtime";
-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 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 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 nn, a as V } from "../../useSlotProps-C9tsxDNg.js";
-import { u as ce } from "../../useEventCallback-BAQJJ3ye.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"), sn = ue(/* @__PURE__ */ v("path", {
-  d: "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"
-}), "KeyboardArrowDown"), ln = ue(/* @__PURE__ */ v("path", {
-  d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z"
-}), "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 cn(e) {
-  return it("MuiRichTreeView", e);
+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 { _ 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 { 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 { 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 { 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);
 }
-st("MuiRichTreeView", ["root"]);
-function je(e) {
-  return tn;
-}
-const dn = (e, t) => {
-  const n = w.useRef({}), [o, i] = w.useState(() => {
-    const m = {};
-    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[u] = c.getDefaultValue(t);
+zt("MuiRichTreeView", ["root"]);
+const Qt = (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]) => {
+        n.current[m] = {
+          isControlled: t[m] !== void 0,
+          getDefaultValue: f.getDefaultValue
+        }, g[m] = f.getDefaultValue(t);
       });
-    }), m;
-  }), g = Object.fromEntries(Object.entries(n.current).map(([m, a]) => {
-    const u = t[m] ?? o[m];
-    return [m, {
-      value: u,
-      setControlledValue: (c) => {
-        a.isControlled || i((r) => C({}, r, {
-          [m]: c
+    }), g;
+  }), h = Object.fromEntries(Object.entries(n.current).map(([g, p]) => {
+    const m = t[g] ?? r[g];
+    return [g, {
+      value: m,
+      setControlledValue: (f) => {
+        p.isControlled || l((o) => C({}, o, {
+          [g]: f
         }));
       }
     }];
   }));
-  return process.env.NODE_ENV !== "production" && Object.entries(n.current).forEach(([m, a]) => {
-    const u = t[m], c = a.getDefaultValue(t);
-    w.useEffect(() => {
-      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(`
+  return process.env.NODE_ENV !== "production" && Object.entries(n.current).forEach(([g, p]) => {
+    const m = t[g], f = 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(`
 `));
-    }, [u]);
+    }, [m]);
     const {
-      current: r
-    } = w.useRef(c);
-    w.useEffect(() => {
-      !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(`
+      current: o
+    } = E.useRef(f);
+    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(`
 `));
-    }, [JSON.stringify(c)]);
-  }), g;
+    }, [JSON.stringify(f)]);
+  }), h;
 };
-class un {
+class Zt {
   constructor() {
     this.maxListeners = 20, this.warnOnce = !1, this.events = {};
   }
-  on(t, n, o = {}) {
-    let i = this.events[t];
-    if (i || (i = {
+  on(t, n, r = {}) {
+    let l = this.events[t];
+    if (l || (l = {
       highPriority: /* @__PURE__ */ new Map(),
       regular: /* @__PURE__ */ new Map()
-    }, this.events[t] = i), o.isFirst ? i.highPriority.set(n, !0) : i.regular.set(n, !0), process.env.NODE_ENV !== "production") {
-      const g = i.highPriority.size + i.regular.size;
-      g > this.maxListeners && !this.warnOnce && (this.warnOnce = !0, console.warn([`Possible EventEmitter memory leak detected. ${g} ${t} listeners added.`].join(`
+    }, this.events[t] = l), r.isFirst ? l.highPriority.set(n, !0) : l.regular.set(n, !0), process.env.NODE_ENV !== "production") {
+      const h = l.highPriority.size + l.regular.size;
+      h > this.maxListeners && !this.warnOnce && (this.warnOnce = !0, console.warn([`Possible EventEmitter memory leak detected. ${h} ${t} listeners added.`].join(`
 `)));
     }
   }
@@ -94,32 +83,32 @@ class un {
     this.events = {};
   }
   emit(t, ...n) {
-    const o = this.events[t];
-    if (!o)
+    const r = this.events[t];
+    if (!r)
       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 a = i[m];
-      o.highPriority.has(a) && a.apply(this, n);
+    const l = Array.from(r.highPriority.keys()), h = Array.from(r.regular.keys());
+    for (let g = l.length - 1; g >= 0; g -= 1) {
+      const p = l[g];
+      r.highPriority.has(p) && p.apply(this, n);
     }
-    for (let m = 0; m < g.length; m += 1) {
-      const a = g[m];
-      o.regular.has(a) && a.apply(this, n);
+    for (let g = 0; g < h.length; g += 1) {
+      const p = h[g];
+      r.regular.has(p) && p.apply(this, n);
     }
   }
   once(t, n) {
-    const o = this;
-    this.on(t, function i(...g) {
-      o.removeListener(t, i), n.apply(o, g);
+    const r = this;
+    this.on(t, function l(...h) {
+      r.removeListener(t, l), n.apply(r, h);
     });
   }
 }
-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, !(pn(m) && m.isPropagationStopped()) && e.emit(i, g, m);
-  }, [e]), n = w.useCallback((o, i) => (e.on(o, i), () => {
-    e.removeListener(o, i);
+const en = (e) => e.isPropagationStopped !== void 0, He = () => {
+  const [e] = E.useState(() => new Zt()), t = E.useCallback((...r) => {
+    const [l, h, g = {}] = r;
+    g.defaultMuiPrevented = !1, !(en(g) && g.isPropagationStopped()) && e.emit(l, h, g);
+  }, [e]), n = E.useCallback((r, l) => (e.on(r, l), () => {
+    e.removeListener(r, l);
   }), [e]);
   return {
     instance: {
@@ -128,8 +117,8 @@ const pn = (e) => e.isPropagationStopped !== void 0, dt = () => {
     }
   };
 };
-dt.params = {};
-const ut = ({
+He.params = {};
+const Xe = ({
   plugins: e
 }) => {
   const t = new Set(e);
@@ -139,208 +128,202 @@ const ut = ({
     }
   };
 };
-ut.params = {};
-let nt = 0;
-const fn = () => (nt += 1, `mui-tree-view-${nt}`), Ke = ({
-  id: e,
-  treeId: t = "",
-  itemId: n
-}) => e ?? `${t}-${n}`, _e = ({
+Xe.params = {};
+const Te = ({
   params: e,
   state: t,
   setState: n
 }) => {
-  w.useEffect(() => {
-    n((i) => i.id.treeId === e.id && i.id.treeId !== void 0 ? i : C({}, i, {
-      id: C({}, i.id, {
-        treeId: e.id ?? fn()
+  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()
       })
     }));
   }, [n, e.id]);
-  const o = e.id ?? t.id.treeId;
+  const r = e.id ?? t.id.treeId;
   return {
     getRootProps: () => ({
-      id: o
+      id: r
     }),
     contextValue: {
-      treeId: o
+      treeId: r
     }
   };
 };
-_e.params = {
+Te.params = {
   id: !0
 };
-_e.getInitialState = ({
+Te.getInitialState = ({
   id: e
 }) => ({
   id: {
     treeId: e ?? void 0
   }
 });
-const mn = [dt, ut, _e], In = ["slots", "slotProps", "apiRef", "experimentalFeatures"], gn = (e) => {
+const tn = [He, Xe, Te], nn = ["slots", "slotProps", "apiRef", "experimentalFeatures"], on = (e) => {
   let {
     props: {
       slots: t,
       slotProps: n,
-      apiRef: o,
-      experimentalFeatures: i
+      apiRef: r,
+      experimentalFeatures: l
     },
-    plugins: g
-  } = e, m = G(e.props, In);
-  const a = {};
-  g.forEach((f) => {
-    Object.assign(a, f.params);
+    plugins: h
+  } = e, g = A(e.props, nn);
+  const p = {};
+  h.forEach((u) => {
+    Object.assign(p, u.params);
   });
-  const u = {}, c = {};
-  Object.keys(m).forEach((f) => {
-    const l = m[f];
-    a[f] ? u[f] = l : c[f] = l;
+  const m = {}, f = {};
+  Object.keys(g).forEach((u) => {
+    const b = g[u];
+    p[u] ? m[u] = b : f[u] = b;
   });
-  const r = i ?? {}, s = g.reduce((f, l) => l.getDefaultizedParams ? l.getDefaultizedParams({
-    params: f,
-    experimentalFeatures: r
-  }) : f, u);
+  const o = l ?? {}, s = h.reduce((u, b) => b.getDefaultizedParams ? b.getDefaultizedParams({
+    params: u,
+    experimentalFeatures: o
+  }) : u, m);
   return {
-    apiRef: o,
-    forwardedProps: c,
+    apiRef: r,
+    forwardedProps: f,
     pluginParams: s,
     slots: t ?? {},
     slotProps: n ?? {},
-    experimentalFeatures: r
+    experimentalFeatures: o
   };
-}, bn = ({
+}, rn = ({
   plugins: e,
   instance: t,
   publicAPI: n,
-  rootRef: o
+  rootRef: r
 }) => ({
-  runItemPlugins: (a) => {
-    let u = null, c = null;
-    const r = [], s = {};
-    e.forEach((h) => {
-      if (!h.itemPlugin)
+  runItemPlugins: (p) => {
+    let m = null, f = null;
+    const o = [], s = {};
+    e.forEach((x) => {
+      if (!x.itemPlugin)
         return;
-      const I = h.itemPlugin({
-        props: a,
-        rootRef: u,
-        contentRef: c
+      const c = x.itemPlugin({
+        props: p,
+        rootRef: m,
+        contentRef: f
       });
-      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;
+      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) => {
+        s[i] = !0;
       }));
     });
-    const f = (h) => (I) => {
-      const p = {};
-      return r.forEach((b) => {
-        const x = b[h];
-        x != null && Object.assign(p, x(I));
-      }), p;
-    }, l = Object.fromEntries(Object.keys(s).map((h) => [h, f(h)]));
+    const u = (x) => (c) => {
+      const i = {};
+      return o.forEach((d) => {
+        const I = d[x];
+        I != null && Object.assign(i, I(c));
+      }), i;
+    }, b = Object.fromEntries(Object.keys(s).map((x) => [x, u(x)]));
     return {
-      contentRef: c,
-      rootRef: u,
-      propsEnhancers: l
+      contentRef: f,
+      rootRef: m,
+      propsEnhancers: b
     };
   },
   wrapItem: ({
-    itemId: a,
-    children: u
+    itemId: p,
+    children: m
   }) => {
-    let c = u;
-    for (let r = e.length - 1; r >= 0; r -= 1) {
-      const s = e[r];
-      s.wrapItem && (c = s.wrapItem({
-        itemId: a,
-        children: c,
+    let f = m;
+    for (let o = e.length - 1; o >= 0; o -= 1) {
+      const s = e[o];
+      s.wrapItem && (f = s.wrapItem({
+        itemId: p,
+        children: f,
         instance: t
       }));
     }
-    return c;
+    return f;
   },
   wrapRoot: ({
-    children: a
+    children: p
   }) => {
-    let u = a;
-    for (let c = e.length - 1; c >= 0; c -= 1) {
-      const r = e[c];
-      r.wrapRoot && (u = r.wrapRoot({
-        children: u,
+    let m = p;
+    for (let f = e.length - 1; f >= 0; f -= 1) {
+      const o = e[f];
+      o.wrapRoot && (m = o.wrapRoot({
+        children: m,
         instance: t
       }));
     }
-    return u;
+    return m;
   },
   instance: t,
-  rootRef: o,
+  rootRef: r,
   publicAPI: n
 });
-function hn(e) {
-  const t = w.useRef({});
+function sn(e) {
+  const t = E.useRef({});
   return e ? (e.current == null && (e.current = {}), e.current) : t.current;
 }
-const xn = ({
+const ln = ({
   plugins: e,
   rootRef: t,
   props: n
 }) => {
-  const o = [...mn, ...e], {
-    pluginParams: i,
-    forwardedProps: g,
-    apiRef: m,
-    experimentalFeatures: a,
-    slots: u,
-    slotProps: c
-  } = gn({
-    plugins: o,
+  const r = [...tn, ...e], {
+    pluginParams: l,
+    forwardedProps: h,
+    apiRef: g,
+    experimentalFeatures: p,
+    slots: m,
+    slotProps: f
+  } = on({
+    plugins: r,
     props: n
-  }), 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: l,
-    rootRef: h
-  }), [b, x] = w.useState(() => {
-    const P = {};
-    return o.forEach((D) => {
-      D.getInitialState && Object.assign(P, D.getInitialState(i));
-    }), P;
-  }), R = [], M = (P) => {
-    const D = P({
-      instance: f,
-      params: i,
-      slots: u,
-      slotProps: c,
-      experimentalFeatures: a,
-      state: b,
-      setState: x,
-      rootRef: h,
-      models: r,
-      plugins: o
+  }), o = Qt(r, l), u = E.useRef({}).current, b = sn(g), x = E.useRef(null), c = Ee(x, t), i = rn({
+    plugins: r,
+    instance: u,
+    publicAPI: b,
+    rootRef: x
+  }), [d, 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,
+      params: l,
+      slots: m,
+      slotProps: f,
+      experimentalFeatures: p,
+      state: d,
+      setState: I,
+      rootRef: x,
+      models: o,
+      plugins: r
     });
-    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);
+    v.getRootProps && T.push(v.getRootProps), v.publicAPI && Object.assign(b, v.publicAPI), v.instance && Object.assign(u, v.instance), v.contextValue && Object.assign(i, v.contextValue);
   };
-  return o.forEach(M), {
-    getRootProps: (P = {}) => {
-      const D = C({
+  return r.forEach(P), {
+    getRootProps: (R = {}) => {
+      const v = C({
         role: "tree"
-      }, g, P, {
-        ref: I
+      }, h, R, {
+        ref: c
       });
-      return R.forEach((N) => {
-        Object.assign(D, N(P));
-      }), D;
+      return T.forEach((F) => {
+        Object.assign(v, F(R));
+      }), v;
     },
-    rootRef: I,
-    contextValue: p,
-    instance: f
+    rootRef: c,
+    contextValue: i,
+    instance: u
   };
-}, Be = /* @__PURE__ */ w.createContext(null);
-process.env.NODE_ENV !== "production" && (Be.displayName = "TreeViewContext");
-function yn(e) {
+};
+function an(e) {
   const {
     value: t,
     children: n
   } = e;
-  return /* @__PURE__ */ v(Be.Provider, {
+  return /* @__PURE__ */ S(Dt.Provider, {
     value: t,
     children: t.wrapRoot({
       children: n,
@@ -348,189 +331,181 @@ function yn(e) {
     })
   });
 }
-const ie = () => {
-  const e = w.useContext(Be);
-  if (e == null)
-    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;
-}, Tn = (e, t, n) => {
+const cn = (e, t, n) => {
   e.$$publishEvent(t, n);
-}, ae = "__TREE_VIEW_ROOT_PARENT_ID__", Cn = (e) => {
+}, K = "__TREE_VIEW_ROOT_PARENT_ID__", un = (e) => {
   const t = {};
-  return e.forEach((n, o) => {
-    t[n] = o;
+  return e.forEach((n, r) => {
+    t[n] = r;
   }), t;
-}, Pe = /* @__PURE__ */ w.createContext(() => -1);
-process.env.NODE_ENV !== "production" && (Pe.displayName = "TreeViewItemDepthContext");
-const En = ["children"], pt = ({
+}, dn = ["children"], We = ({
   items: e,
   isItemDisabled: t,
   getItemLabel: n,
-  getItemId: o
+  getItemId: r
 }) => {
-  const i = {}, g = {}, m = {
-    [ae]: []
-  }, 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(`
+  const l = {}, h = {}, g = {
+    [K]: []
+  }, p = (f, 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(`
 `));
-    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(`
+    if (l[u] != null)
+      throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.", "Alternatively, you can use the `getItemId` prop to specify a custom id for each item.", `Two items were provided with the same id in the \`items\` prop: "${u}"`].join(`
 `));
-    const 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(`
+    const b = n ? n(f) : f.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(`
 `));
-    i[f] = {
-      id: f,
-      label: l,
+    l[u] = {
+      id: u,
+      label: b,
       parentId: s,
       idAttribute: void 0,
-      expandable: !!((I = c.children) != null && I.length),
-      disabled: t ? t(c) : !1,
-      depth: r
-    }, g[f] = c;
-    const h = s ?? ae;
-    m[h] || (m[h] = []), m[h].push(f), (p = c.children) == null || p.forEach((b) => a(b, r + 1, f));
+      expandable: !!((c = f.children) != null && c.length),
+      disabled: t ? t(f) : !1,
+      depth: o
+    }, h[u] = f;
+    const x = s ?? K;
+    g[x] || (g[x] = []), g[x].push(u), (i = f.children) == null || i.forEach((d) => p(d, o + 1, u));
   };
-  e.forEach((c) => a(c, 0, null));
-  const u = {};
-  return Object.keys(m).forEach((c) => {
-    u[c] = Cn(m[c]);
+  e.forEach((f) => p(f, 0, null));
+  const m = {};
+  return Object.keys(g).forEach((f) => {
+    m[f] = un(g[f]);
   }), {
-    itemMetaMap: i,
-    itemMap: g,
-    itemOrderedChildrenIds: m,
-    itemChildrenIndexes: u
+    itemMetaMap: l,
+    itemMap: h,
+    itemOrderedChildrenIds: g,
+    itemChildrenIndexes: m
   };
-}, he = ({
+}, X = ({
   instance: e,
   params: t,
   state: n,
-  setState: o,
-  experimentalFeatures: i
+  setState: r,
+  experimentalFeatures: l
 }) => {
-  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], M = G(R, En), E = n.items.itemOrderedChildrenIds[x];
-      return E && (M.children = E.map(b)), M;
+  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;
     };
-    return n.items.itemOrderedChildrenIds[ae].map(b);
-  }, [n.items.itemMap, n.items.itemOrderedChildrenIds]), u = w.useCallback((b) => {
-    if (b == null)
+    return n.items.itemOrderedChildrenIds[K].map(d);
+  }, [n.items.itemMap, n.items.itemOrderedChildrenIds]), m = E.useCallback((d) => {
+    if (d == null)
       return !1;
-    let x = e.getItemMeta(b);
-    if (!x)
+    let I = e.getItemMeta(d);
+    if (!I)
       return !1;
-    if (x.disabled)
+    if (I.disabled)
       return !0;
-    for (; x.parentId != null; )
-      if (x = e.getItemMeta(x.parentId), x.disabled)
+    for (; I.parentId != null; )
+      if (I = e.getItemMeta(I.parentId), I.disabled)
         return !0;
     return !1;
-  }, [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]), s = (b) => {
-    const x = e.getItemMeta(b);
-    return x == null ? null : document.getElementById(Ke({
+  }, [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({
       treeId: n.id.treeId,
-      itemId: b,
-      id: x.idAttribute
+      itemId: d,
+      id: I.idAttribute
     }));
-  }, 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({
+  }, u = (d) => t.disabledItemsFocusable ? !0 : !e.isItemDisabled(d), b = E.useRef(!1), x = E.useCallback(() => {
+    b.current = !0;
+  }, []), c = E.useCallback(() => b.current, []);
+  return E.useEffect(() => {
+    e.areItemUpdatesPrevented() || r((d) => {
+      const I = We({
         items: t.items,
         isItemDisabled: t.isItemDisabled,
         getItemId: t.getItemId,
         getItemLabel: t.getItemLabel
       });
-      return Object.values(b.items.itemMetaMap).forEach((R) => {
-        x.itemMetaMap[R.id] || Tn(e, "removeItem", {
-          id: R.id
+      return Object.values(d.items.itemMetaMap).forEach((T) => {
+        I.itemMetaMap[T.id] || cn(e, "removeItem", {
+          id: T.id
         });
-      }), C({}, b, {
-        items: x
+      }), C({}, d, {
+        items: I
       });
     });
-  }, [e, o, t.items, t.isItemDisabled, t.getItemId, t.getItemLabel]), {
+  }, [e, r, t.items, t.isItemDisabled, t.getItemId, t.getItemLabel]), {
     getRootProps: () => ({
       style: {
         "--TreeView-itemChildrenIndentation": typeof t.itemChildrenIndentation == "number" ? `${t.itemChildrenIndentation}px` : t.itemChildrenIndentation
       }
     }),
     publicAPI: {
-      getItem: m,
+      getItem: g,
       getItemDOMElement: s,
-      getItemTree: a,
-      getItemOrderedChildrenIds: r
+      getItemTree: p,
+      getItemOrderedChildrenIds: o
     },
     instance: {
-      getItemMeta: g,
-      getItem: m,
-      getItemTree: a,
+      getItemMeta: h,
+      getItem: g,
+      getItemTree: p,
       getItemsToRender: () => {
-        const b = (x) => {
-          var M;
-          const R = n.items.itemMetaMap[x];
+        const d = (I) => {
+          var P;
+          const T = n.items.itemMetaMap[I];
           return {
-            label: R.label,
-            itemId: R.id,
-            id: R.idAttribute,
-            children: (M = n.items.itemOrderedChildrenIds[x]) == null ? void 0 : M.map(b)
+            label: T.label,
+            itemId: T.id,
+            id: T.idAttribute,
+            children: (P = n.items.itemOrderedChildrenIds[I]) == null ? void 0 : P.map(d)
           };
         };
-        return n.items.itemOrderedChildrenIds[ae].map(b);
+        return n.items.itemOrderedChildrenIds[K].map(d);
       },
-      getItemIndex: c,
+      getItemIndex: f,
       getItemDOMElement: s,
-      getItemOrderedChildrenIds: r,
-      isItemDisabled: u,
-      isItemNavigable: f,
-      preventItemUpdates: h,
-      areItemUpdatesPrevented: I
+      getItemOrderedChildrenIds: o,
+      isItemDisabled: m,
+      isItemNavigable: u,
+      preventItemUpdates: x,
+      areItemUpdatesPrevented: c
     },
     contextValue: {
       items: {
         onItemClick: t.onItemClick,
         disabledItemsFocusable: t.disabledItemsFocusable,
-        indentationAtItemLevel: i.indentationAtItemLevel ?? !1
+        indentationAtItemLevel: l.indentationAtItemLevel ?? !1
       }
     }
   };
 };
-he.getInitialState = (e) => ({
-  items: pt({
+X.getInitialState = (e) => ({
+  items: We({
     items: e.items,
     isItemDisabled: e.isItemDisabled,
     getItemId: e.getItemId,
     getItemLabel: e.getItemLabel
   })
 });
-he.getDefaultizedParams = ({
+X.getDefaultizedParams = ({
   params: e
 }) => C({}, e, {
   disabledItemsFocusable: e.disabledItemsFocusable ?? !1,
   itemChildrenIndentation: e.itemChildrenIndentation ?? "12px"
 });
-he.wrapRoot = ({
+X.wrapRoot = ({
   children: e,
   instance: t
-}) => /* @__PURE__ */ v(Pe.Provider, {
+}) => /* @__PURE__ */ S(_e.Provider, {
   value: (n) => {
-    var o;
-    return ((o = t.getItemMeta(n)) == null ? void 0 : o.depth) ?? 0;
+    var r;
+    return ((r = t.getItemMeta(n)) == null ? void 0 : r.depth) ?? 0;
   },
   children: e
 });
-he.params = {
+X.params = {
   disabledItemsFocusable: !0,
   items: !0,
   isItemDisabled: !0,
@@ -539,239 +514,157 @@ he.params = {
   onItemClick: !0,
   itemChildrenIndentation: !0
 };
-const Se = ({
+const le = ({
   instance: e,
   params: t,
   models: n
 }) => {
-  const o = w.useMemo(() => {
+  const r = E.useMemo(() => {
     const s = /* @__PURE__ */ new Map();
-    return n.expandedItems.value.forEach((f) => {
-      s.set(f, !0);
+    return n.expandedItems.value.forEach((u) => {
+      s.set(u, !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(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)
+  }, [n.expandedItems.value]), l = (s, u) => {
+    var b;
+    (b = t.onExpandedItemsChange) == null || b.call(t, s, u), n.expandedItems.setControlledValue(u);
+  }, 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)
       return;
-    let 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(s, b, !0);
-    }), i(s, p));
-  }, r = w.useMemo(() => t.expansionTrigger ? t.expansionTrigger : e.isTreeViewEditable ? "iconContainer" : "content", [t.expansionTrigger, e.isTreeViewEditable]);
+    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);
+    }), l(s, i));
+  }, o = E.useMemo(() => t.expansionTrigger ? t.expansionTrigger : e.isTreeViewEditable ? "iconContainer" : "content", [t.expansionTrigger, e.isTreeViewEditable]);
   return {
     publicAPI: {
-      setItemExpansion: u
+      setItemExpansion: m
     },
     instance: {
-      isItemExpanded: g,
-      isItemExpandable: m,
-      setItemExpansion: u,
-      toggleItemExpansion: a,
-      expandAllSiblings: c
+      isItemExpanded: h,
+      isItemExpandable: g,
+      setItemExpansion: m,
+      toggleItemExpansion: p,
+      expandAllSiblings: f
     },
     contextValue: {
       expansion: {
-        expansionTrigger: r
+        expansionTrigger: o
       }
     }
   };
 };
-Se.models = {
+le.models = {
   expandedItems: {
     getDefaultValue: (e) => e.defaultExpandedItems
   }
 };
-const wn = [];
-Se.getDefaultizedParams = ({
+const fn = [];
+le.getDefaultizedParams = ({
   params: e
 }) => C({}, e, {
-  defaultExpandedItems: e.defaultExpandedItems ?? wn
+  defaultExpandedItems: e.defaultExpandedItems ?? fn
 });
-Se.params = {
+le.params = {
   expandedItems: !0,
   defaultExpandedItems: !0,
   onExpandedItemsChange: !0,
   onItemExpansionToggle: !0,
   expansionTrigger: !0
 };
-const ft = (e, t) => {
-  let n = t.length - 1;
-  for (; n >= 0 && !e.isItemNavigable(t[n]); )
-    n -= 1;
-  if (n !== -1)
-    return t[n];
-}, mt = (e, t) => {
-  const n = e.getItemMeta(t), o = e.getItemOrderedChildrenIds(n.parentId), i = e.getItemIndex(t);
-  if (i === 0)
-    return n.parentId;
-  let g = i - 1;
-  for (; !e.isItemNavigable(o[g]) && g >= 0; )
-    g -= 1;
-  if (g === -1)
-    return n.parentId == null ? null : mt(e, n.parentId);
-  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)) {
-    const o = e.getItemOrderedChildrenIds(t).find(e.isItemNavigable);
-    if (o != null)
-      return o;
-  }
-  let n = e.getItemMeta(t);
-  for (; n != null; ) {
-    const o = e.getItemOrderedChildrenIds(n.parentId), i = e.getItemIndex(n.id);
-    if (i < o.length - 1) {
-      let g = i + 1;
-      for (; !e.isItemNavigable(o[g]) && g < o.length - 1; )
-        g += 1;
-      if (e.isItemNavigable(o[g]))
-        return o[g];
-    }
-    n = e.getItemMeta(n.parentId);
-  }
-  return null;
-}, It = (e) => {
-  let t = null;
-  for (; t == null || e.isItemExpanded(t); ) {
-    const n = e.getItemOrderedChildrenIds(t), o = ft(e, n);
-    if (o == null)
-      return t;
-    t = o;
-  }
-  return t;
-}, ge = (e) => e.getItemOrderedChildrenIds(null).find(e.isItemNavigable), gt = (e, t, n) => {
-  if (t === n)
-    return [t, n];
-  const o = e.getItemMeta(t), i = e.getItemMeta(n);
-  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 a = o.parentId, u = i.parentId, c = m.indexOf(a) !== -1, r = g.indexOf(u) !== -1, s = !0, f = !0;
-  for (; !r && !c; )
-    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), 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 a = i;
-  for (; a !== g; )
-    a = o(a), e.isItemDisabled(a) || m.push(a);
-  return m;
-}, vn = (e) => {
-  let t = ge(e);
-  const n = [];
-  for (; t != null; )
-    n.push(t), t = we(e, t);
-  return n;
-}, be = (e, t) => t !== e.closest('*[role="treeitem"]'), Re = (e) => Array.isArray(e) ? e : e != null ? [e] : [], Fe = (e) => {
+const re = (e) => Array.isArray(e) ? e : e != null ? [e] : [], be = (e) => {
   const t = {};
   return e.forEach((n) => {
     t[n] = !0;
   }), t;
-}, Me = ({
+}, ae = ({
   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((p) => {
-      I.set(p, !0);
-    }) : n.selectedItems.value != null && I.set(n.selectedItems.value, !0), I;
-  }, [n.selectedItems.value]), m = (I, p) => {
+  const r = E.useRef(null), l = E.useRef({}), h = E.useMemo(() => {
+    const c = /* @__PURE__ */ new Map();
+    return Array.isArray(n.selectedItems.value) ? n.selectedItems.value.forEach((i) => {
+      c.set(i, !0);
+    }) : n.selectedItems.value != null && c.set(n.selectedItems.value, !0), c;
+  }, [n.selectedItems.value]), g = (c, i) => {
     if (t.onItemSelectionToggle)
       if (t.multiSelect) {
-        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);
+        const d = i.filter((T) => !e.isItemSelected(T)), I = n.selectedItems.value.filter((T) => !i.includes(T));
+        d.forEach((T) => {
+          t.onItemSelectionToggle(c, T, !0);
+        }), I.forEach((T) => {
+          t.onItemSelectionToggle(c, T, !1);
         });
-      } 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: p,
-    keepExistingSelection: b = !1,
-    shouldBeSelected: x
+      } else i !== n.selectedItems.value && (n.selectedItems.value != null && t.onItemSelectionToggle(c, n.selectedItems.value, !1), i != null && t.onItemSelectionToggle(c, i, !0));
+    t.onSelectedItemsChange && t.onSelectedItemsChange(c, i), n.selectedItems.setControlledValue(i);
+  }, p = (c) => h.has(c), m = ({
+    event: c,
+    itemId: i,
+    keepExistingSelection: d = !1,
+    shouldBeSelected: I
   }) => {
     if (t.disableSelection)
       return;
-    let R;
-    if (b) {
-      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;
+    let T;
+    if (d) {
+      const P = re(n.selectedItems.value), y = e.isItemSelected(i);
+      y && (I === !1 || I == null) ? T = P.filter((R) => R !== i) : !y && (I === !0 || I == null) ? T = [i].concat(P) : T = P;
     } else
-      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]) => {
+      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]) => {
     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), M = Rn(e, p, b), E = M.filter((P) => !R[P]);
-    x = x.concat(E), m(I, x), i.current = Fe(M);
+    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]);
+    I = I.concat(y), g(c, I), l.current = be(P);
   };
   return {
     getRootProps: () => ({
       "aria-multiselectable": t.multiSelect
     }),
     publicAPI: {
-      selectItem: u
+      selectItem: m
     },
     instance: {
-      isItemSelected: a,
-      selectItem: u,
-      selectAllNavigableItems: (I) => {
+      isItemSelected: p,
+      selectItem: m,
+      selectAllNavigableItems: (c) => {
         if (t.disableSelection || !t.multiSelect)
           return;
-        const p = vn(e);
-        m(I, p), i.current = Fe(p);
+        const i = Vt(e);
+        g(c, i), l.current = be(i);
       },
-      expandSelectionRange: (I, p) => {
-        if (o.current != null) {
-          const [b, x] = gt(e, p, o.current);
-          c(I, [b, x]);
+      expandSelectionRange: (c, i) => {
+        if (r.current != null) {
+          const [d, I] = Ot(e, i, r.current);
+          f(c, [d, I]);
         }
       },
-      selectRangeFromStartToItem: (I, p) => {
-        c(I, [ge(e), p]);
+      selectRangeFromStartToItem: (c, i) => {
+        f(c, [se(e), i]);
       },
-      selectRangeFromItemToEnd: (I, p) => {
-        c(I, [p, It(e)]);
+      selectRangeFromItemToEnd: (c, i) => {
+        f(c, [i, Ne(e)]);
       },
-      selectItemFromArrowNavigation: (I, p, b) => {
+      selectItemFromArrowNavigation: (c, i, d) => {
         if (t.disableSelection || !t.multiSelect)
           return;
-        let x = Re(n.selectedItems.value).slice();
-        Object.keys(i.current).length === 0 ? (x.push(b), i.current = {
-          [p]: !0,
-          [b]: !0
-        }) : (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);
+        let I = re(n.selectedItems.value).slice();
+        Object.keys(l.current).length === 0 ? (I.push(d), 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);
       }
     },
     contextValue: {
@@ -783,21 +676,21 @@ const ft = (e, t) => {
     }
   };
 };
-Me.models = {
+ae.models = {
   selectedItems: {
     getDefaultValue: (e) => e.defaultSelectedItems
   }
 };
-const Pn = [];
-Me.getDefaultizedParams = ({
+const pn = [];
+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 ? pn : null)
 });
-Me.params = {
+ae.params = {
   disableSelection: !0,
   multiSelect: !0,
   checkboxSelection: !0,
@@ -806,17 +699,17 @@ Me.params = {
   onSelectedItemsChange: !0,
   onItemSelectionToggle: !0
 };
-const ot = 1e3;
-class Sn {
-  constructor(t = ot) {
-    this.timeouts = /* @__PURE__ */ new Map(), this.cleanupTimeout = ot, this.cleanupTimeout = t;
+const Le = 1e3;
+class mn {
+  constructor(t = Le) {
+    this.timeouts = /* @__PURE__ */ new Map(), this.cleanupTimeout = Le, this.cleanupTimeout = t;
   }
-  register(t, n, o) {
+  register(t, n, r) {
     this.timeouts || (this.timeouts = /* @__PURE__ */ new Map());
-    const i = setTimeout(() => {
-      typeof n == "function" && n(), this.timeouts.delete(o.cleanupToken);
+    const l = setTimeout(() => {
+      typeof n == "function" && n(), this.timeouts.delete(r.cleanupToken);
     }, this.cleanupTimeout);
-    this.timeouts.set(o.cleanupToken, i);
+    this.timeouts.set(r.cleanupToken, l);
   }
   unregister(t) {
     const n = this.timeouts.get(t.cleanupToken);
@@ -830,14 +723,14 @@ class Sn {
     }), this.timeouts = void 0);
   }
 }
-class Mn {
+class In {
   constructor() {
     this.registry = new FinalizationRegistry((t) => {
       typeof t == "function" && t();
     });
   }
-  register(t, n, o) {
-    this.registry.register(t, n, o);
+  register(t, n, r) {
+    this.registry.register(t, n, r);
   }
   unregister(t) {
     this.registry.unregister(t);
@@ -846,264 +739,162 @@ class Mn {
   reset() {
   }
 }
-class kn {
+class gn {
 }
-function Dn(e) {
+function bn(e) {
   let t = 0;
-  return function(o, i, 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 (!a.current && u.current) {
-      const r = (s, f) => {
-        var l;
-        f.defaultMuiPrevented || (l = u.current) == null || l.call(u, s, f);
+  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);
+    m.current = h;
+    const f = E.useRef(null);
+    if (!p.current && m.current) {
+      const o = (s, u) => {
+        var b;
+        u.defaultMuiPrevented || (b = m.current) == null || b.call(m, s, u);
       };
-      a.current = o.$$subscribeEvent(i, r), t += 1, c.current = {
+      p.current = r.$$subscribeEvent(l, o), t += 1, f.current = {
         cleanupToken: t
       }, e.registry.register(
-        m,
+        g,
         // The callback below will be called once this reference stops being retained
         () => {
           var s;
-          (s = a.current) == null || s.call(a), a.current = null, c.current = null;
+          (s = p.current) == null || s.call(p), p.current = null, f.current = null;
         },
-        c.current
+        f.current
       );
-    } else !u.current && a.current && (a.current(), a.current = null, c.current && (e.registry.unregister(c.current), c.current = null));
-    w.useEffect(() => {
-      if (!a.current && u.current) {
-        const r = (s, f) => {
-          var l;
-          f.defaultMuiPrevented || (l = u.current) == null || l.call(u, s, f);
+    } else !m.current && p.current && (p.current(), p.current = null, f.current && (e.registry.unregister(f.current), f.current = null));
+    E.useEffect(() => {
+      if (!p.current && m.current) {
+        const o = (s, u) => {
+          var b;
+          u.defaultMuiPrevented || (b = m.current) == null || b.call(m, s, u);
         };
-        a.current = o.$$subscribeEvent(i, r);
+        p.current = r.$$subscribeEvent(l, o);
       }
-      return c.current && e.registry && (e.registry.unregister(c.current), c.current = null), () => {
-        var r;
-        (r = a.current) == null || r.call(a), a.current = null;
+      return f.current && e.registry && (e.registry.unregister(f.current), f.current = null), () => {
+        var o;
+        (o = p.current) == null || o.call(p), p.current = null;
       };
-    }, [o, i]);
+    }, [r, l]);
   };
 }
-const On = {
+const hn = {
   registry: null
-}, An = Dn(On), bt = (e = document) => {
+}, xn = bn(hn), Ge = (e = document) => {
   const t = e.activeElement;
-  return t ? t.shadowRoot ? bt(t.shadowRoot) : t : null;
-}, Ln = (e, t) => {
-  let n = Re(t).find((o) => {
-    if (!e.isItemNavigable(o))
+  return t ? t.shadowRoot ? Ge(t.shadowRoot) : t : null;
+}, En = (e, t) => {
+  let n = re(t).find((r) => {
+    if (!e.isItemNavigable(r))
       return !1;
-    const i = e.getItemMeta(o);
-    return i && (i.parentId == null || e.isItemExpanded(i.parentId));
+    const l = e.getItemMeta(r);
+    return l && (l.parentId == null || e.isItemExpanded(l.parentId));
   });
-  return n == null && (n = ge(e)), n;
-}, Ue = ({
+  return n == null && (n = se(e)), n;
+}, ye = ({
   instance: e,
   params: t,
   state: n,
-  setState: o,
-  models: i,
-  rootRef: g
+  setState: r,
+  models: l,
+  rootRef: h
 }) => {
-  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
+  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
     }));
-  }), 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));
-  }, s = (p, b) => {
-    const x = e.getItemDOMElement(b);
-    x && x.focus(), a(b), t.onItemFocus && t.onItemFocus(p, b);
-  }, f = ce((p, b) => {
-    r(b) && s(p, b);
-  }), l = ce(() => {
+  }), 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);
+  }), b = U(() => {
     if (n.focusedItemId == null)
       return;
     if (e.getItemMeta(n.focusedItemId)) {
-      const b = e.getItemDOMElement(n.focusedItemId);
-      b && b.blur();
+      const d = e.getItemDOMElement(n.focusedItemId);
+      d && d.blur();
     }
-    a(null);
-  }), h = (p) => p === m;
-  An(e, "removeItem", ({
-    id: p
+    p(null);
+  }), x = (i) => i === g;
+  xn(e, "removeItem", ({
+    id: i
   }) => {
-    n.focusedItemId === p && s(null, m);
+    n.focusedItemId === i && s(null, g);
   });
-  const I = (p) => (b) => {
-    var x;
-    (x = p.onFocus) == null || x.call(p, b), !b.defaultMuiPrevented && b.target === b.currentTarget && s(b, m);
+  const c = (i) => (d) => {
+    var I;
+    (I = i.onFocus) == null || I.call(i, d), !d.defaultMuiPrevented && d.target === d.currentTarget && s(d, g);
   };
   return {
-    getRootProps: (p) => ({
-      onFocus: I(p)
+    getRootProps: (i) => ({
+      onFocus: c(i)
     }),
     publicAPI: {
-      focusItem: f
+      focusItem: u
     },
     instance: {
-      isItemFocused: c,
-      canItemBeTabbed: h,
-      focusItem: f,
-      removeFocusedItem: l
+      isItemFocused: f,
+      canItemBeTabbed: x,
+      focusItem: u,
+      removeFocusedItem: b
     }
   };
 };
-Ue.getInitialState = () => ({
+ye.getInitialState = () => ({
   focusedItemId: null
 });
-Ue.params = {
+ye.params = {
   onItemFocus: !0
 };
-const re = (e, t) => e.getAvailablePlugins().has(t), Vn = ({
-  props: e
-}) => {
-  const {
-    instance: t
-  } = ie(), {
-    label: n,
-    itemId: o
-  } = e, [i, g] = w.useState(n), m = t.isItemBeingEdited(o);
-  return w.useEffect(() => {
-    m || g(n);
-  }, [m, n]), {
-    propsEnhancers: {
-      labelInput: ({
-        externalEventHandlers: a,
-        interactions: u
-      }) => t.isItemEditable(o) ? {
-        value: i ?? "",
-        "data-element": "labelInput",
-        onChange: (l) => {
-          var h;
-          (h = a.onChange) == null || h.call(a, l), g(l.target.value);
-        },
-        onKeyDown: (l) => {
-          var I;
-          if ((I = a.onKeyDown) == null || I.call(a, l), l.defaultMuiPrevented)
-            return;
-          const h = l.target;
-          l.key === "Enter" && h.value ? u.handleSaveItemLabel(l, h.value) : l.key === "Escape" && u.handleCancelItemLabelEditing(l);
-        },
-        onBlur: (l) => {
-          var h;
-          (h = a.onBlur) == null || h.call(a, l), !l.defaultMuiPrevented && l.target.value && u.handleSaveItemLabel(l, l.target.value);
-        },
-        autoFocus: !0,
-        type: "text"
-      } : {}
-    }
-  };
-}, K = ({
-  instance: e,
-  state: t,
-  setState: n,
-  params: o
-}) => {
-  const i = w.useRef(t.editedItemId), g = (s) => i.current === s, m = (s) => {
-    n((f) => C({}, f, {
-      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(s);
-    return f ? typeof o.isItemEditable == "function" ? o.isItemEditable(f) : !!o.isItemEditable : !1;
-  }, 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.", s].join(`
-`));
-    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
-            })
-          })
-        })
-      }) : l;
-    }), o.onItemLabelChange && o.onItemLabelChange(s, f);
-  };
-  return {
-    instance: {
-      setEditedItemId: m,
-      isItemBeingEdited: a,
-      updateItemLabel: r,
-      isItemEditable: c,
-      isTreeViewEditable: u,
-      isItemBeingEditedRef: g
-    },
-    publicAPI: {
-      updateItemLabel: r
-    }
-  };
-};
-K.itemPlugin = Vn;
-K.getDefaultizedParams = ({
-  params: e,
-  experimentalFeatures: t
-}) => {
-  const n = t == null ? void 0 : t.labelEditing;
-  return process.env.NODE_ENV !== "production" && e.isItemEditable && !n && ve(["MUI X: The label editing feature requires the `labelEditing` experimental feature to be enabled.", "You can do it by passing `experimentalFeatures={{ labelEditing: true}}` to the Rich Tree View Pro component.", "Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/editing/"]), C({}, e, {
-    isItemEditable: n ? e.isItemEditable ?? !1 : !1
-  });
-};
-K.getInitialState = () => ({
-  editedItemId: null
-});
-K.params = {
-  onItemLabelChange: !0,
-  isItemEditable: !0
-};
-function Fn(e) {
+function Tn(e) {
   return !!e && e.length === 1 && !!e.match(/\S/);
 }
-const ht = ({
+const Je = ({
   instance: e,
   params: t,
   state: n
 }) => {
-  const o = nn(), i = w.useRef({}), g = ce((r) => {
-    i.current = r(i.current);
+  const r = Ht(), l = E.useRef({}), h = U((o) => {
+    l.current = o(l.current);
   });
-  w.useEffect(() => {
+  E.useEffect(() => {
     if (e.areItemUpdatesPrevented())
       return;
-    const r = {}, s = (f) => {
-      r[f.id] = f.label.substring(0, 1).toLowerCase();
+    const o = {}, s = (u) => {
+      o[u.id] = u.label.substring(0, 1).toLowerCase();
     };
-    Object.values(n.items.itemMetaMap).forEach(s), i.current = r;
+    Object.values(n.items.itemMetaMap).forEach(s), l.current = o;
   }, [n.items.itemMetaMap, t.getItemId, e]);
-  const m = (r, s) => {
-    const f = s.toLowerCase(), l = (b) => {
-      const x = we(e, b);
-      return x === null ? ge(e) : x;
+  const g = (o, s) => {
+    const u = s.toLowerCase(), b = (d) => {
+      const I = ge(e, d);
+      return I === null ? se(e) : 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;
-  }, a = (r) => !t.disableSelection && !e.isItemDisabled(r), u = (r) => !e.isItemDisabled(r) && e.isItemExpandable(r);
+    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));
+    return x;
+  }, p = (o) => !t.disableSelection && !e.isItemDisabled(o), m = (o) => !e.isItemDisabled(o) && e.isItemExpandable(o);
   return {
     instance: {
-      updateFirstCharMap: g,
-      handleItemKeyDown: (r, s) => {
-        if (r.defaultMuiPrevented || r.altKey || be(r.target, r.currentTarget))
+      updateFirstCharMap: h,
+      handleItemKeyDown: (o, s) => {
+        if (o.defaultMuiPrevented || o.altKey || he(o.target, o.currentTarget))
           return;
-        const f = r.ctrlKey || r.metaKey, l = r.key;
+        const u = o.ctrlKey || o.metaKey, b = o.key;
         switch (!0) {
           // Select the item when pressing "Space"
-          case (l === " " && a(s)): {
-            r.preventDefault(), t.multiSelect && r.shiftKey ? e.expandSelectionRange(r, s) : e.selectItem({
-              event: r,
+          case (b === " " && p(s)): {
+            o.preventDefault(), t.multiSelect && o.shiftKey ? e.expandSelectionRange(o, s) : e.selectItem({
+              event: o,
               itemId: s,
               keepExistingSelection: t.multiSelect,
               shouldBeSelected: t.multiSelect ? void 0 : !0
@@ -1112,79 +903,79 @@ const ht = ({
           }
           // If the focused item has children, we expand it.
           // If the focused item has no children, we select it.
-          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,
+          case b === "Enter": {
+            oe(e, H) && e.isItemEditable(s) && !e.isItemBeingEdited(s) ? e.setEditedItemId(s) : m(s) ? (e.toggleItemExpansion(o, s), o.preventDefault()) : p(s) && (t.multiSelect ? (o.preventDefault(), e.selectItem({
+              event: o,
               itemId: s,
               keepExistingSelection: !0
             })) : e.isItemSelected(s) || (e.selectItem({
-              event: r,
+              event: o,
               itemId: s
-            }), r.preventDefault()));
+            }), o.preventDefault()));
             break;
           }
           // Focus the next focusable item
-          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));
+          case b === "ArrowDown": {
+            const x = ge(e, s);
+            x && (o.preventDefault(), e.focusItem(o, x), t.multiSelect && o.shiftKey && p(x) && e.selectItemFromArrowNavigation(o, s, x));
             break;
           }
           // Focuses the previous focusable item
-          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));
+          case b === "ArrowUp": {
+            const x = Ft(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 (l === "ArrowRight" && !o || l === "ArrowLeft" && o): {
-            if (f)
+          case (b === "ArrowRight" && !r || b === "ArrowLeft" && r): {
+            if (u)
               return;
             if (e.isItemExpanded(s)) {
-              const h = we(e, s);
-              h && (e.focusItem(r, h), r.preventDefault());
-            } else u(s) && (e.toggleItemExpansion(r, s), r.preventDefault());
+              const x = ge(e, s);
+              x && (e.focusItem(o, x), o.preventDefault());
+            } else m(s) && (e.toggleItemExpansion(o, s), o.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 (l === "ArrowLeft" && !o || l === "ArrowRight" && o): {
-            if (f)
+          case (b === "ArrowLeft" && !r || b === "ArrowRight" && r): {
+            if (u)
               return;
-            if (u(s) && e.isItemExpanded(s))
-              e.toggleItemExpansion(r, s), r.preventDefault();
+            if (m(s) && e.isItemExpanded(s))
+              e.toggleItemExpansion(o, s), o.preventDefault();
             else {
-              const h = e.getItemMeta(s).parentId;
-              h && (e.focusItem(r, h), r.preventDefault());
+              const x = e.getItemMeta(s).parentId;
+              x && (e.focusItem(o, x), o.preventDefault());
             }
             break;
           }
           // Focuses the first item in the tree
-          case l === "Home": {
-            a(s) && t.multiSelect && f && r.shiftKey ? e.selectRangeFromStartToItem(r, s) : e.focusItem(r, ge(e)), r.preventDefault();
+          case b === "Home": {
+            p(s) && t.multiSelect && u && o.shiftKey ? e.selectRangeFromStartToItem(o, s) : e.focusItem(o, se(e)), o.preventDefault();
             break;
           }
           // Focuses the last item in the tree
-          case l === "End": {
-            a(s) && t.multiSelect && f && r.shiftKey ? e.selectRangeFromItemToEnd(r, s) : e.focusItem(r, It(e)), r.preventDefault();
+          case b === "End": {
+            p(s) && t.multiSelect && u && o.shiftKey ? e.selectRangeFromItemToEnd(o, s) : e.focusItem(o, Ne(e)), o.preventDefault();
             break;
           }
           // Expand all siblings that are at the same level as the focused item
-          case l === "*": {
-            e.expandAllSiblings(r, s), r.preventDefault();
+          case b === "*": {
+            e.expandAllSiblings(o, s), o.preventDefault();
             break;
           }
           // Multi select behavior when pressing Ctrl + a
           // Selects all the items
-          case (String.fromCharCode(r.keyCode) === "A" && f && t.multiSelect && !t.disableSelection): {
-            e.selectAllNavigableItems(r), r.preventDefault();
+          case (String.fromCharCode(o.keyCode) === "A" && u && t.multiSelect && !t.disableSelection): {
+            e.selectAllNavigableItems(o), o.preventDefault();
             break;
           }
           // Type-ahead
           // TODO: Support typing multiple characters
-          case (!f && !r.shiftKey && Fn(l)): {
-            const h = m(s, l);
-            h != null && (e.focusItem(r, h), r.preventDefault());
+          case (!u && !o.shiftKey && Tn(b)): {
+            const x = g(s, b);
+            x != null && (e.focusItem(o, x), o.preventDefault());
             break;
           }
         }
@@ -1192,8 +983,8 @@ const ht = ({
     }
   };
 };
-ht.params = {};
-const xt = ({
+Je.params = {};
+const Ye = ({
   slots: e,
   slotProps: t
 }) => ({
@@ -1212,221 +1003,144 @@ const xt = ({
     }
   }
 });
-xt.params = {};
-const $n = [he, Se, Me, Ue, ht, xt, K];
-function yt(e) {
+Ye.params = {};
+const yn = [X, le, ae, ye, Je, Ye, H];
+function Qe(e) {
   const {
     instance: t,
     items: {
       onItemClick: n
     },
     selection: {
-      multiSelect: o,
-      checkboxSelection: i,
-      disableSelection: g
+      multiSelect: r,
+      checkboxSelection: l,
+      disableSelection: h
     },
     expansion: {
-      expansionTrigger: m
+      expansionTrigger: g
     }
-  } = 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) => {
+  } = 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) => {
     if (!s) {
-      c || t.focusItem(E, e);
-      const P = o && (E.shiftKey || E.ctrlKey || E.metaKey);
-      a && !(P && t.isItemExpanded(e)) && t.toggleItemExpansion(E, e);
+      f || t.focusItem(y, e);
+      const R = r && (y.shiftKey || y.ctrlKey || y.metaKey);
+      p && !(R && t.isItemExpanded(e)) && t.toggleItemExpansion(y, e);
     }
-  }, I = (E) => {
-    s || (c || t.focusItem(E, e), o && (E.shiftKey || E.ctrlKey || E.metaKey) ? E.shiftKey ? t.expandSelectionRange(E, e) : t.selectItem({
-      event: E,
+  }, c = (y) => {
+    s || (f || 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
     }) : t.selectItem({
-      event: E,
+      event: y,
       itemId: e,
       shouldBeSelected: !0
     }));
-  }, p = (E) => {
-    if (g || s)
+  }, i = (y) => {
+    if (h || s)
       return;
-    const P = E.nativeEvent.shiftKey;
-    o && P ? t.expandSelectionRange(E, e) : t.selectItem({
-      event: E,
+    const R = y.nativeEvent.shiftKey;
+    r && R ? t.expandSelectionRange(y, e) : t.selectItem({
+      event: y,
       itemId: e,
-      keepExistingSelection: o,
-      shouldBeSelected: E.target.checked
+      keepExistingSelection: r,
+      shouldBeSelected: y.target.checked
     });
-  }, b = (E) => {
-    (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));
+  }, d = (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));
   };
   return {
     disabled: s,
-    expanded: u,
-    selected: r,
-    focused: c,
-    editable: l,
-    editing: f,
-    disableSelection: g,
-    checkboxSelection: i,
-    handleExpansion: h,
-    handleSelection: I,
-    handleCheckboxSelection: p,
+    expanded: m,
+    selected: o,
+    focused: f,
+    editable: b,
+    editing: u,
+    disableSelection: h,
+    checkboxSelection: l,
+    handleExpansion: x,
+    handleSelection: c,
+    handleCheckboxSelection: i,
     handleContentClick: n,
-    preventSelection: b,
-    expansionTrigger: m,
-    toggleItemEditing: x,
-    handleSaveItemLabel: (E, P) => {
-      re(t, K) && t.isItemBeingEditedRef(e) && (t.updateItemLabel(e, P), x(), t.focusItem(E, e));
+    preventSelection: d,
+    expansionTrigger: g,
+    toggleItemEditing: I,
+    handleSaveItemLabel: (y, R) => {
+      oe(t, H) && t.isItemBeingEditedRef(e) && (t.updateItemLabel(e, R), I(), t.focusItem(y, e));
     },
-    handleCancelItemLabelEditing: (E) => {
-      re(t, K) && t.isItemBeingEditedRef(e) && (x(), t.focusItem(E, e));
+    handleCancelItemLabelEditing: (y) => {
+      oe(t, H) && t.isItemBeingEditedRef(e) && (I(), t.focusItem(y, e));
     }
   };
 }
-const Nn = _("div", {
-  name: "MuiTreeItem2DragAndDropOverlay",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root,
-  shouldForwardProp: (e) => pe(e) && e !== "action"
-})(({
-  theme: e
-}) => ({
-  position: "absolute",
-  left: 0,
-  display: "flex",
-  top: 0,
-  bottom: 0,
-  right: 0,
-  pointerEvents: "none",
-  variants: [{
-    props: {
-      action: "make-child"
-    },
-    style: {
-      marginLeft: "calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))",
-      borderRadius: e.shape.borderRadius,
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.darkChannel} / ${e.vars.palette.action.focusOpacity})` : J(e.palette.primary.dark, e.palette.action.focusOpacity)
-    }
-  }, {
-    props: {
-      action: "reorder-above"
-    },
-    style: {
-      marginLeft: "calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))",
-      borderTop: `1px solid ${(e.vars || e).palette.action.active}`
-    }
-  }, {
-    props: {
-      action: "reorder-below"
-    },
-    style: {
-      marginLeft: "calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))",
-      borderBottom: `1px solid ${(e.vars || e).palette.action.active}`
-    }
-  }, {
-    props: {
-      action: "move-to-parent"
-    },
-    style: {
-      marginLeft: "calc(var(--TreeView-indentMultiplier) * calc(var(--TreeView-itemDepth) - 1))",
-      borderBottom: `1px solid ${(e.vars || e).palette.action.active}`
-    }
-  }]
-}));
-function ze(e) {
-  return e.action == null ? null : /* @__PURE__ */ v(Nn, C({}, e));
-}
-process.env.NODE_ENV !== "production" && (ze.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  action: d.oneOf(["make-child", "move-to-parent", "reorder-above", "reorder-below"]),
-  style: d.object
-});
-const Tt = _("input", {
-  name: "MuiTreeItem2",
-  slot: "LabelInput",
-  overridesResolver: (e, t) => t.labelInput
-})(({
-  theme: e
-}) => C({}, e.typography.body1, {
-  width: "100%",
-  backgroundColor: e.palette.background.paper,
-  borderRadius: e.shape.borderRadius,
-  border: "none",
-  padding: "0 2px",
-  boxSizing: "border-box",
-  "&:focus": {
-    outline: `1px solid ${e.palette.primary.main}`
-  }
-})), jn = ["classes", "className", "displayIcon", "expansionIcon", "icon", "label", "itemId", "onClick", "onMouseDown", "dragAndDropOverlayProps", "labelInputProps"], qe = /* @__PURE__ */ w.forwardRef(function(t, n) {
+const Cn = ["classes", "className", "displayIcon", "expansionIcon", "icon", "label", "itemId", "onClick", "onMouseDown", "dragAndDropOverlayProps", "labelInputProps"], Ce = /* @__PURE__ */ E.forwardRef(function(t, n) {
   const {
-    classes: o,
-    className: i,
-    displayIcon: g,
-    expansionIcon: m,
-    icon: a,
-    label: u,
-    itemId: c,
-    onClick: r,
+    classes: r,
+    className: l,
+    displayIcon: h,
+    expansionIcon: g,
+    icon: p,
+    label: m,
+    itemId: f,
+    onClick: o,
     onMouseDown: s,
-    dragAndDropOverlayProps: f,
-    labelInputProps: l
-  } = t, h = G(t, jn), {
-    disabled: I,
-    expanded: p,
-    selected: b,
-    focused: x,
-    editing: R,
-    editable: M,
-    disableSelection: E,
-    checkboxSelection: P,
-    handleExpansion: D,
-    handleSelection: N,
-    handleCheckboxSelection: z,
-    handleContentClick: $,
-    preventSelection: j,
-    expansionTrigger: Q,
-    toggleItemEditing: B
-  } = 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));
-  }, te = (A) => {
-    A.defaultMuiPrevented || B();
+    dragAndDropOverlayProps: u,
+    labelInputProps: b
+  } = t, x = A(t, Cn), {
+    disabled: c,
+    expanded: i,
+    selected: d,
+    focused: I,
+    editing: T,
+    editable: P,
+    disableSelection: y,
+    checkboxSelection: R,
+    handleExpansion: v,
+    handleSelection: F,
+    handleCheckboxSelection: B,
+    handleContentClick: V,
+    preventSelection: L,
+    expansionTrigger: W,
+    toggleItemEditing: G
+  } = Qe(f), 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));
+  }, 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__ */ de("div", C({}, h, {
-      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,
+    /* @__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),
+      onClick: ue,
+      onMouseDown: ce,
       ref: n,
-      children: [/* @__PURE__ */ v("div", {
-        className: o.iconContainer,
-        children: q
-      }), P && /* @__PURE__ */ v(at, {
-        className: o.checkbox,
-        checked: b,
-        onChange: z,
-        disabled: I || E,
-        ref: X,
+      children: [/* @__PURE__ */ S("div", {
+        className: r.iconContainer,
+        children: j
+      }), R && /* @__PURE__ */ S(Xt, {
+        className: r.checkbox,
+        checked: d,
+        onChange: B,
+        disabled: c || y,
+        ref: J,
         tabIndex: -1
-      }), R ? /* @__PURE__ */ v(Tt, C({}, l, {
-        className: o.labelInput
-      })) : /* @__PURE__ */ v("div", C({
-        className: o.label
-      }, M && {
-        onDoubleClick: te
+      }), T ? /* @__PURE__ */ S(Lt, C({}, b, {
+        className: r.labelInput
+      })) : /* @__PURE__ */ S("div", C({
+        className: r.label
+      }, P && {
+        onDoubleClick: de
       }, {
-        children: u
-      })), f && /* @__PURE__ */ v(ze, C({}, f))]
+        children: m
+      })), u && /* @__PURE__ */ S(jt, C({}, u))]
     }))
   );
 });
-process.env.NODE_ENV !== "production" && (qe.propTypes = {
+process.env.NODE_ENV !== "production" && (Ce.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -1434,77 +1148,47 @@ process.env.NODE_ENV !== "production" && (qe.propTypes = {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: d.object.isRequired,
-  className: d.string,
+  classes: a.object.isRequired,
+  className: a.string,
   /**
    * The icon to display next to the Tree Item's label. Either a parent or end icon.
    */
-  displayIcon: d.node,
-  dragAndDropOverlayProps: d.shape({
-    action: d.oneOf(["make-child", "move-to-parent", "reorder-above", "reorder-below"]),
-    style: d.object
+  displayIcon: a.node,
+  dragAndDropOverlayProps: a.shape({
+    action: a.oneOf(["make-child", "move-to-parent", "reorder-above", "reorder-below"]),
+    style: a.object
   }),
   /**
    * The icon to display next to the Tree Item's label. Either an expansion or collapse icon.
    */
-  expansionIcon: d.node,
+  expansionIcon: a.node,
   /**
    * The icon to display next to the Tree Item's label.
    */
-  icon: d.node,
+  icon: a.node,
   /**
    * The id of the item.
    */
-  itemId: d.string.isRequired,
+  itemId: a.string.isRequired,
   /**
    * The Tree Item label.
    */
-  label: d.node,
-  labelInputProps: d.shape({
-    autoFocus: d.oneOf([!0]),
-    "data-element": d.oneOf(["labelInput"]),
-    onBlur: d.func,
-    onChange: d.func,
-    onKeyDown: d.func,
-    type: d.oneOf(["text"]),
-    value: d.string
+  label: a.node,
+  labelInputProps: a.shape({
+    autoFocus: a.oneOf([!0]),
+    "data-element": a.oneOf(["labelInput"]),
+    onBlur: a.func,
+    onChange: a.func,
+    onKeyDown: a.func,
+    type: a.oneOf(["text"]),
+    value: a.string
   })
 });
-function Ct(e) {
-  return it("MuiTreeItem", e);
-}
-const W = st("MuiTreeItem", ["root", "groupTransition", "content", "expanded", "selected", "focused", "disabled", "iconContainer", "label", "checkbox", "labelInput", "editable", "editing", "dragAndDropOverlay"]), Et = ue(/* @__PURE__ */ v("path", {
-  d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-}), "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 ke(e) {
-  const {
-    children: t,
-    itemId: n
-  } = e, {
-    wrapItem: o,
-    instance: i
-  } = ie();
-  return o({
-    children: t,
-    itemId: n,
-    instance: i
-  });
-}
-ke.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  children: d.node,
-  itemId: d.string.isRequired
-};
-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 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 {
     classes: t
   } = e;
-  return Ne({
+  return ze({
     root: ["root"],
     content: ["content"],
     expanded: ["expanded"],
@@ -1518,8 +1202,8 @@ const Kn = ["children", "className", "slots", "slotProps", "ContentComponent", "
     editing: ["editing"],
     editable: ["editable"],
     groupTransition: ["groupTransition"]
-  }, Ct, t);
-}, Gn = _("li", {
+  }, Kt, t);
+}, Mn = ie("li", {
   name: "MuiTreeItem",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -1528,15 +1212,15 @@ const Kn = ["children", "className", "slots", "slotProps", "ContentComponent", "
   margin: 0,
   padding: 0,
   outline: 0
-}), Xn = _(qe, {
+}), Dn = ie(Ce, {
   name: "MuiTreeItem",
   slot: "Content",
   overridesResolver: (e, t) => [t.content, t.iconContainer && {
-    [`& .${W.iconContainer}`]: t.iconContainer
+    [`& .${O.iconContainer}`]: t.iconContainer
   }, t.label && {
-    [`& .${W.label}`]: t.label
+    [`& .${O.label}`]: t.label
   }],
-  shouldForwardProp: (e) => pe(e) && e !== "indentationAtItemLevel"
+  shouldForwardProp: (e) => qe(e) && e !== "indentationAtItemLevel"
 })(({
   theme: e
 }) => ({
@@ -1558,27 +1242,27 @@ const Kn = ["children", "className", "slots", "slotProps", "ContentComponent", "
       backgroundColor: "transparent"
     }
   },
-  [`&.${W.disabled}`]: {
+  [`&.${O.disabled}`]: {
     opacity: (e.vars || e).palette.action.disabledOpacity,
     backgroundColor: "transparent"
   },
-  [`&.${W.focused}`]: {
+  [`&.${O.focused}`]: {
     backgroundColor: (e.vars || e).palette.action.focus
   },
-  [`&.${W.selected}`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : J(e.palette.primary.main, e.palette.action.selectedOpacity),
+  [`&.${O.selected}`]: {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : ne(e.palette.primary.main, e.palette.action.selectedOpacity),
     "&:hover": {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : J(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : ne(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
-        backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : J(e.palette.primary.main, e.palette.action.selectedOpacity)
+        backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : ne(e.palette.primary.main, e.palette.action.selectedOpacity)
       }
     },
-    [`&.${W.focused}`]: {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : J(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
+    [`&.${O.focused}`]: {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : ne(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
     }
   },
-  [`& .${W.iconContainer}`]: {
+  [`& .${O.iconContainer}`]: {
     width: 16,
     display: "flex",
     flexShrink: 0,
@@ -1587,7 +1271,7 @@ const Kn = ["children", "className", "slots", "slotProps", "ContentComponent", "
       fontSize: 18
     }
   },
-  [`& .${W.label}`]: C({
+  [`& .${O.label}`]: C({
     width: "100%",
     boxSizing: "border-box",
     // prevent width + padding to overflow
@@ -1595,7 +1279,7 @@ const Kn = ["children", "className", "slots", "slotProps", "ContentComponent", "
     minWidth: 0,
     position: "relative"
   }, e.typography.body1),
-  [`& .${W.checkbox}`]: {
+  [`& .${O.checkbox}`]: {
     padding: 0
   },
   variants: [{
@@ -1606,11 +1290,11 @@ const Kn = ["children", "className", "slots", "slotProps", "ContentComponent", "
       paddingLeft: `calc(${e.spacing(1)} + var(--TreeView-itemChildrenIndentation) * var(--TreeView-itemDepth))`
     }
   }]
-})), Wn = _(lt, {
+})), On = ie(Wt, {
   name: "MuiTreeItem",
   slot: "GroupTransition",
   overridesResolver: (e, t) => t.groupTransition,
-  shouldForwardProp: (e) => pe(e) && e !== "indentationAtItemLevel"
+  shouldForwardProp: (e) => qe(e) && e !== "indentationAtItemLevel"
 })({
   margin: 0,
   padding: 0,
@@ -1623,190 +1307,190 @@ const Kn = ["children", "className", "slots", "slotProps", "ContentComponent", "
       paddingLeft: 0
     }
   }]
-}), Rt = /* @__PURE__ */ w.forwardRef(function(t, n) {
-  var Qe, Ye, Ze, He;
+}), Ze = /* @__PURE__ */ E.forwardRef(function(t, n) {
+  var ke, Me, De, Oe;
   const {
-    icons: o,
-    runItemPlugins: i,
+    icons: r,
+    runItemPlugins: l,
     items: {
-      disabledItemsFocusable: g,
-      indentationAtItemLevel: m
+      disabledItemsFocusable: h,
+      indentationAtItemLevel: g
     },
     selection: {
-      disableSelection: a
+      disableSelection: p
     },
     expansion: {
-      expansionTrigger: u
+      expansionTrigger: m
     },
-    treeId: c,
-    instance: r
-  } = ie(), s = w.useContext(Pe), f = zn({
+    treeId: f,
+    instance: o
+  } = Ke(), s = E.useContext(_e), u = vn({
     props: t,
     name: "MuiTreeItem"
   }), {
-    children: l,
-    className: h,
-    slots: I,
-    slotProps: p,
-    ContentComponent: b = qe,
-    ContentProps: x,
-    itemId: R,
-    id: M,
-    label: E,
-    onClick: P,
-    onMouseDown: D,
-    onBlur: N,
-    onKeyDown: z
-  } = f, $ = G(f, Kn), {
-    expanded: j,
-    focused: Q,
-    selected: B,
-    disabled: q,
-    editing: X,
-    handleExpansion: ee,
-    handleCancelItemLabelEditing: Y,
-    handleSaveItemLabel: te
-  } = yt(R);
-  process.env.NODE_ENV !== "production" && (f.ContentComponent && ve(["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 && ve(["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/."]));
+    children: b,
+    className: x,
+    slots: c,
+    slotProps: i,
+    ContentComponent: d = Ce,
+    ContentProps: I,
+    itemId: T,
+    id: P,
+    label: y,
+    onClick: R,
+    onMouseDown: v,
+    onBlur: F,
+    onKeyDown: B
+  } = u, V = A(u, wn), {
+    expanded: L,
+    focused: W,
+    selected: G,
+    disabled: j,
+    editing: J,
+    handleExpansion: ce,
+    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/."]));
   const {
-    contentRef: A,
-    rootRef: Z,
-    propsEnhancers: L
-  } = i(f), ne = w.useRef(null), De = w.useRef(null), Ge = Ie(n, Z, ne), Xe = Ie(x == null ? void 0 : x.ref, A, De), se = {
-    expandIcon: (I == null ? void 0 : I.expandIcon) ?? o.slots.expandIcon ?? Et,
-    collapseIcon: (I == null ? void 0 : I.collapseIcon) ?? o.slots.collapseIcon ?? wt,
-    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 = (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 = qn(xe), y = se.groupTransition ?? void 0, S = V({
-    elementType: y,
+    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,
+    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, {
+    expanded: L,
+    focused: W,
+    selected: G,
+    disabled: j,
+    indentationAtItemLevel: g
+  }), k = kn(fe), Se = z.groupTransition ?? void 0, rt = N({
+    elementType: Se,
     ownerState: {},
-    externalSlotProps: p == null ? void 0 : p.groupTransition,
+    externalSlotProps: i == null ? void 0 : i.groupTransition,
     additionalProps: C({
       unmountOnExit: !0,
-      in: j,
+      in: L,
       component: "ul",
       role: "group"
-    }, m ? {
+    }, g ? {
       indentationAtItemLevel: !0
     } : {}),
-    className: T.groupTransition
-  }), O = (k) => {
-    u === "iconContainer" && ee(k);
-  }, F = j ? se.collapseIcon : se.expandIcon, oe = V({
-    elementType: F,
+    className: k.groupTransition
+  }), st = (w) => {
+    m === "iconContainer" && ce(w);
+  }, pe = L ? z.collapseIcon : z.expandIcon, it = N({
+    elementType: pe,
     ownerState: {},
-    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)),
+    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: O
+      onClick: st
     }
-  }), ye = G(oe, _n), Te = fe && F ? /* @__PURE__ */ v(F, C({}, ye)) : null, Ae = fe ? void 0 : se.endIcon, $t = V({
-    elementType: Ae,
+  }), lt = A(it, Rn), at = Z && pe ? /* @__PURE__ */ S(pe, C({}, lt)) : null, me = Z ? void 0 : z.endIcon, ct = N({
+    elementType: me,
     ownerState: {},
-    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,
+    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({
+    elementType: Ie,
     ownerState: {},
-    externalSlotProps: p == null ? void 0 : p.icon
-  }), _t = G(Kt, Un), Bt = Le ? /* @__PURE__ */ v(Le, C({}, _t)) : null;
-  let Ce;
-  B ? Ce = !0 : a || q ? Ce = void 0 : Ce = !1;
-  function Ut(k) {
-    !Q && (!q || g) && k.currentTarget === k.target && r.focusItem(k, R);
+    externalSlotProps: i == null ? void 0 : i.icon
+  }), pt = A(ft, Pn), mt = Ie ? /* @__PURE__ */ S(Ie, C({}, pt)) : null;
+  let ee;
+  G ? ee = !0 : p || j ? ee = void 0 : ee = !1;
+  function It(w) {
+    !W && (!j || h) && w.currentTarget === w.target && o.focusItem(w, T);
   }
-  function zt(k) {
-    var le, me, et, tt;
-    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
+  function gt(w) {
+    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
-    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();
+    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 qt = (k) => {
-    var le, me;
-    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: M
-  }), Xt = r.canItemBeTabbed(R) ? 0 : -1, Ee = {
-    rootRefObject: ne,
-    contentRefObject: De,
+  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({
+    itemId: T,
+    treeId: f,
+    id: P
+  }), xt = o.canItemBeTabbed(T) ? 0 : -1, te = {
+    rootRefObject: Q,
+    contentRefObject: we,
     interactions: {
-      handleSaveItemLabel: te,
-      handleCancelItemLabelEditing: Y
+      handleSaveItemLabel: de,
+      handleCancelItemLabelEditing: ue
     }
-  }, Wt = ((Qe = L.root) == null ? void 0 : Qe.call(L, C({}, Ee, {
-    externalEventHandlers: U($)
-  }))) ?? {}, 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, {
+  }, Et = ((ke = D.root) == null ? void 0 : ke.call(D, C({}, te, {
+    externalEventHandlers: Fe(V)
+  }))) ?? {}, Tt = ((Me = D.content) == null ? void 0 : Me.call(D, C({}, te, {
+    externalEventHandlers: Fe(I)
+  }))) ?? {}, Pe = ((De = D.dragAndDropOverlay) == null ? void 0 : De.call(D, C({}, te, {
     externalEventHandlers: {}
-  }))) ?? {}, Je = ((He = L.labelInput) == null ? void 0 : He.call(L, C({}, Ee, {
+  }))) ?? {}, ve = ((Oe = D.labelInput) == null ? void 0 : Oe.call(D, C({}, te, {
     externalEventHandlers: {}
   }))) ?? {};
-  return /* @__PURE__ */ v(ke, {
-    itemId: R,
-    children: /* @__PURE__ */ de(Gn, C({
-      className: $e(T.root, h),
+  return /* @__PURE__ */ S(Nt, {
+    itemId: T,
+    children: /* @__PURE__ */ je(Mn, C({
+      className: Be(k.root, x),
       role: "treeitem",
-      "aria-expanded": fe ? j : void 0,
-      "aria-selected": Ce,
-      "aria-disabled": q || void 0,
-      id: Gt,
-      tabIndex: Xt
-    }, $, {
-      ownerState: xe,
-      onFocus: Ut,
-      onBlur: zt,
-      onKeyDown: qt,
-      ref: Ge,
-      style: m ? C({}, $.style, {
-        "--TreeView-itemDepth": typeof s == "function" ? s(R) : s
-      }) : $.style
-    }, Wt, {
-      children: [/* @__PURE__ */ v(Xn, C({
-        as: b,
+      "aria-expanded": Z ? L : void 0,
+      "aria-selected": ee,
+      "aria-disabled": j || void 0,
+      id: ht,
+      tabIndex: xt
+    }, V, {
+      ownerState: fe,
+      onFocus: It,
+      onBlur: gt,
+      onKeyDown: bt,
+      ref: nt,
+      style: g ? C({}, V.style, {
+        "--TreeView-itemDepth": typeof s == "function" ? s(T) : s
+      }) : V.style
+    }, Et, {
+      children: [/* @__PURE__ */ S(Dn, C({
+        as: d,
         classes: {
-          root: T.content,
-          expanded: T.expanded,
-          selected: T.selected,
-          focused: T.focused,
-          disabled: T.disabled,
-          editable: T.editable,
-          editing: T.editing,
-          iconContainer: T.iconContainer,
-          label: T.label,
-          labelInput: T.labelInput,
-          checkbox: T.checkbox
+          root: k.content,
+          expanded: k.expanded,
+          selected: k.selected,
+          focused: k.focused,
+          disabled: k.disabled,
+          editable: k.editable,
+          editing: k.editing,
+          iconContainer: k.iconContainer,
+          label: k.label,
+          labelInput: k.labelInput,
+          checkbox: k.checkbox
         },
-        label: E,
-        itemId: R,
-        onClick: P,
-        onMouseDown: D,
-        icon: Bt,
-        expansionIcon: Te,
-        displayIcon: jt,
-        ownerState: xe
-      }, x, Jt, We.action == null ? {} : {
-        dragAndDropOverlayProps: We
-      }, Je.value == null ? {} : {
-        labelInputProps: Je
+        label: y,
+        itemId: T,
+        onClick: R,
+        onMouseDown: v,
+        icon: mt,
+        expansionIcon: at,
+        displayIcon: dt,
+        ownerState: fe
+      }, I, Tt, Pe.action == null ? {} : {
+        dragAndDropOverlayProps: Pe
+      }, ve.value == null ? {} : {
+        labelInputProps: ve
       }, {
-        ref: Xe
-      })), l && /* @__PURE__ */ v(Wn, C({
-        as: y
-      }, S, {
-        children: l
+        ref: ot
+      })), b && /* @__PURE__ */ S(On, C({
+        as: Se
+      }, rt, {
+        children: b
       }))]
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (Rt.propTypes = {
+process.env.NODE_ENV !== "production" && (Ze.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -1814,115 +1498,115 @@ process.env.NODE_ENV !== "production" && (Rt.propTypes = {
   /**
    * The content of the component.
    */
-  children: d.node,
+  children: a.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: d.object,
-  className: d.string,
+  classes: a.object,
+  className: a.string,
   /**
    * The component used to render the content of the item.
    * @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: rn,
+  ContentComponent: Jt,
   /**
    * 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/.
    */
-  ContentProps: d.object,
+  ContentProps: a.object,
   /**
    * If `true`, the item is disabled.
    * @default false
    */
-  disabled: d.bool,
+  disabled: a.bool,
   /**
    * The id of the item.
    */
-  itemId: d.string.isRequired,
+  itemId: a.string.isRequired,
   /**
    * The Tree Item label.
    */
-  label: d.node,
+  label: a.node,
   /**
    * This prop isn't supported.
    * Use the `onItemFocus` callback on the tree if you need to monitor a item's focus.
    */
-  onFocus: ct,
+  onFocus: Gt,
   /**
    * Callback fired when a key of the keyboard is pressed on the item.
    */
-  onKeyDown: d.func,
+  onKeyDown: a.func,
   /**
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: d.object,
+  slotProps: a.object,
   /**
    * Overridable component slots.
    * @default {}
    */
-  slots: d.object,
+  slots: a.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: d.oneOfType([d.arrayOf(d.oneOfType([d.func, d.object, d.bool])), d.func, d.object])
+  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object])
 });
-const Jn = ["ownerState"];
-function Qn({
+const Vn = ["ownerState"];
+function An({
   slots: e,
   slotProps: t,
   label: n,
-  id: o,
-  itemId: i,
-  itemsToRender: g
+  id: r,
+  itemId: l,
+  itemsToRender: h
 }) {
-  const m = (e == null ? void 0 : e.item) ?? Rt, a = V({
-    elementType: m,
+  const g = (e == null ? void 0 : e.item) ?? Ze, p = N({
+    elementType: g,
     externalSlotProps: t == null ? void 0 : t.item,
     additionalProps: {
-      itemId: i,
-      id: o,
+      itemId: l,
+      id: r,
       label: n
     },
     ownerState: {
-      itemId: i,
+      itemId: l,
       label: n
     }
-  }), u = G(a, Jn), c = w.useMemo(() => g ? /* @__PURE__ */ v(vt, {
-    itemsToRender: g,
+  }), m = A(p, Vn), f = E.useMemo(() => h ? /* @__PURE__ */ S(et, {
+    itemsToRender: h,
     slots: e,
     slotProps: t
-  }) : null, [g, e, t]);
-  return /* @__PURE__ */ v(m, C({}, u, {
-    children: c
+  }) : null, [h, e, t]);
+  return /* @__PURE__ */ S(g, C({}, m, {
+    children: f
   }));
 }
-function vt(e) {
+function et(e) {
   const {
     itemsToRender: t,
     slots: n,
-    slotProps: o
+    slotProps: r
   } = e;
-  return /* @__PURE__ */ v(w.Fragment, {
-    children: t.map((i) => /* @__PURE__ */ v(Qn, {
+  return /* @__PURE__ */ S(E.Fragment, {
+    children: t.map((l) => /* @__PURE__ */ S(An, {
       slots: n,
-      slotProps: o,
-      label: i.label,
-      id: i.id,
-      itemId: i.itemId,
-      itemsToRender: i.children
-    }, i.itemId))
+      slotProps: r,
+      label: l.label,
+      id: l.id,
+      itemId: l.itemId,
+      itemsToRender: l.children
+    }, l.itemId))
   });
 }
-const Yn = je(), Zn = (e) => {
+const Fn = Ue(), Ln = (e) => {
   const {
     classes: t
   } = e;
-  return Ne({
+  return ze({
     root: ["root"]
-  }, cn, t);
-}, Hn = _("ul", {
+  }, Yt, t);
+}, jn = ie("ul", {
   name: "MuiRichTreeView",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -1932,42 +1616,42 @@ const Yn = je(), Zn = (e) => {
   listStyle: "none",
   outline: 0,
   position: "relative"
-}), Pt = /* @__PURE__ */ w.forwardRef(function(t, n) {
-  const o = Yn({
+}), tt = /* @__PURE__ */ E.forwardRef(function(t, n) {
+  const r = Fn({
     props: t,
     name: "MuiRichTreeView"
   });
-  process.env.NODE_ENV !== "production" && o.children != null && ve(["MUI X: The Rich Tree View component does not support JSX children.", "If you want to add items, you need to use the `items` prop.", "Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/."]);
+  process.env.NODE_ENV !== "production" && r.children != null && xe(["MUI X: The Rich Tree View component does not support JSX children.", "If you want to add items, you need to use the `items` prop.", "Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/."]);
   const {
-    getRootProps: i,
-    contextValue: g,
-    instance: m
-  } = xn({
-    plugins: $n,
+    getRootProps: l,
+    contextValue: h,
+    instance: g
+  } = ln({
+    plugins: yn,
     rootRef: n,
-    props: o
+    props: r
   }), {
-    slots: a,
-    slotProps: u
-  } = o, c = Zn(o), r = (a == null ? void 0 : a.root) ?? Hn, s = V({
-    elementType: r,
-    externalSlotProps: u == null ? void 0 : u.root,
-    className: c.root,
-    getSlotProps: i,
-    ownerState: o
+    slots: p,
+    slotProps: m
+  } = r, f = Ln(r), o = (p == null ? void 0 : p.root) ?? jn, s = N({
+    elementType: o,
+    externalSlotProps: m == null ? void 0 : m.root,
+    className: f.root,
+    getSlotProps: l,
+    ownerState: r
   });
-  return /* @__PURE__ */ v(yn, {
-    value: g,
-    children: /* @__PURE__ */ v(r, C({}, s, {
-      children: /* @__PURE__ */ v(vt, {
-        slots: a,
-        slotProps: u,
-        itemsToRender: m.getItemsToRender()
+  return /* @__PURE__ */ S(an, {
+    value: h,
+    children: /* @__PURE__ */ S(o, C({}, s, {
+      children: /* @__PURE__ */ S(et, {
+        slots: p,
+        slotProps: m,
+        itemsToRender: g.getItemsToRender()
       })
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (Pt.propTypes = {
+process.env.NODE_ENV !== "production" && (tt.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -1975,68 +1659,68 @@ process.env.NODE_ENV !== "production" && (Pt.propTypes = {
   /**
    * The ref object that allows Tree View manipulation. Can be instantiated with `useTreeViewApiRef()`.
    */
-  apiRef: d.shape({
-    current: d.shape({
-      focusItem: d.func.isRequired,
-      getItem: d.func.isRequired,
-      getItemDOMElement: d.func.isRequired,
-      getItemOrderedChildrenIds: d.func.isRequired,
-      getItemTree: d.func.isRequired,
-      selectItem: d.func.isRequired,
-      setItemExpansion: d.func.isRequired,
-      updateItemLabel: d.func.isRequired
+  apiRef: a.shape({
+    current: a.shape({
+      focusItem: a.func.isRequired,
+      getItem: a.func.isRequired,
+      getItemDOMElement: a.func.isRequired,
+      getItemOrderedChildrenIds: a.func.isRequired,
+      getItemTree: a.func.isRequired,
+      selectItem: a.func.isRequired,
+      setItemExpansion: a.func.isRequired,
+      updateItemLabel: a.func.isRequired
     })
   }),
   /**
    * If `true`, the Tree View renders a checkbox at the left of its label that allows selecting it.
    * @default false
    */
-  checkboxSelection: d.bool,
+  checkboxSelection: a.bool,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: d.object,
-  className: d.string,
+  classes: a.object,
+  className: a.string,
   /**
    * Expanded item ids.
    * Used when the item's expansion is not controlled.
    * @default []
    */
-  defaultExpandedItems: d.arrayOf(d.string),
+  defaultExpandedItems: a.arrayOf(a.string),
   /**
    * Selected item ids. (Uncontrolled)
    * When `multiSelect` is true this takes an array of strings; when false (default) a string.
    * @default []
    */
-  defaultSelectedItems: d.any,
+  defaultSelectedItems: a.any,
   /**
    * If `true`, will allow focus on disabled items.
    * @default false
    */
-  disabledItemsFocusable: d.bool,
+  disabledItemsFocusable: a.bool,
   /**
    * If `true` selection is disabled.
    * @default false
    */
-  disableSelection: d.bool,
+  disableSelection: a.bool,
   /**
    * Expanded item ids.
    * Used when the item's expansion is controlled.
    */
-  expandedItems: d.arrayOf(d.string),
+  expandedItems: a.arrayOf(a.string),
   /**
    * The slot that triggers the item's expansion when clicked.
    * @default 'content'
    */
-  expansionTrigger: d.oneOf(["content", "iconContainer"]),
+  expansionTrigger: a.oneOf(["content", "iconContainer"]),
   /**
    * Unstable features, breaking changes might be introduced.
    * For each feature, if the flag is not explicitly set to `true`,
    * the feature will be fully disabled and any property / method call will not have any effect.
    */
-  experimentalFeatures: d.shape({
-    indentationAtItemLevel: d.bool,
-    labelEditing: d.bool
+  experimentalFeatures: a.shape({
+    indentationAtItemLevel: a.bool,
+    labelEditing: a.bool
   }),
   /**
    * Used to determine the id of a given item.
@@ -2046,7 +1730,7 @@ process.env.NODE_ENV !== "production" && (Pt.propTypes = {
    * @returns {string} The id of the item.
    * @default (item) => item.id
    */
-  getItemId: d.func,
+  getItemId: a.func,
   /**
    * Used to determine the string label for a given item.
    *
@@ -2055,19 +1739,19 @@ process.env.NODE_ENV !== "production" && (Pt.propTypes = {
    * @returns {string} The label of the item.
    * @default (item) => item.label
    */
-  getItemLabel: d.func,
+  getItemLabel: a.func,
   /**
    * This prop is used to help implement the accessibility logic.
    * If you don't provide this prop. It falls back to a randomly generated id.
    */
-  id: d.string,
+  id: a.string,
   /**
    * Used to determine if a given item should be disabled.
    * @template R
    * @param {R} item The item to check.
    * @returns {boolean} `true` if the item should be disabled.
    */
-  isItemDisabled: d.func,
+  isItemDisabled: a.func,
   /**
    * Determines if a given item is editable or not.
    * Make sure to also enable the `labelEditing` experimental feature:
@@ -2077,810 +1761,126 @@ process.env.NODE_ENV !== "production" && (Pt.propTypes = {
    * @param {R} item The item to check.
    * @returns {boolean} `true` if the item is editable.
    */
-  isItemEditable: d.oneOfType([d.func, d.bool]),
+  isItemEditable: a.oneOfType([a.func, a.bool]),
   /**
    * Horizontal indentation between an item and its children.
    * Examples: 24, "24px", "2rem", "2em".
    * @default 12px
    */
-  itemChildrenIndentation: d.oneOfType([d.number, d.string]),
-  items: d.array.isRequired,
+  itemChildrenIndentation: a.oneOfType([a.number, a.string]),
+  items: a.array.isRequired,
   /**
    * If `true`, `ctrl` and `shift` will trigger multiselect.
    * @default false
    */
-  multiSelect: d.bool,
+  multiSelect: a.bool,
   /**
    * Callback fired when Tree Items are expanded/collapsed.
    * @param {React.SyntheticEvent} event The DOM event that triggered the change.
    * @param {array} itemIds The ids of the expanded items.
    */
-  onExpandedItemsChange: d.func,
+  onExpandedItemsChange: a.func,
   /**
    * Callback fired when the `content` slot of a given Tree Item is clicked.
    * @param {React.MouseEvent} event The DOM event that triggered the change.
    * @param {string} itemId The id of the focused item.
    */
-  onItemClick: d.func,
+  onItemClick: a.func,
   /**
    * Callback fired when a Tree Item is expanded or collapsed.
    * @param {React.SyntheticEvent} event The DOM event that triggered the change.
    * @param {array} itemId The itemId of the modified item.
    * @param {array} isExpanded `true` if the item has just been expanded, `false` if it has just been collapsed.
    */
-  onItemExpansionToggle: d.func,
+  onItemExpansionToggle: a.func,
   /**
    * Callback fired when a given Tree Item is focused.
    * @param {React.SyntheticEvent | null} event The DOM event that triggered the change. **Warning**: This is a generic event not a focus event.
    * @param {string} itemId The id of the focused item.
    */
-  onItemFocus: d.func,
+  onItemFocus: a.func,
   /**
    * Callback fired when the label of an item changes.
    * @param {TreeViewItemId} itemId The id of the item that was edited.
    * @param {string} newLabel The new label of the items.
    */
-  onItemLabelChange: d.func,
+  onItemLabelChange: a.func,
   /**
    * Callback fired when a Tree Item is selected or deselected.
    * @param {React.SyntheticEvent} event The DOM event that triggered the change.
    * @param {array} itemId The itemId of the modified item.
    * @param {array} isSelected `true` if the item has just been selected, `false` if it has just been deselected.
    */
-  onItemSelectionToggle: d.func,
+  onItemSelectionToggle: a.func,
   /**
    * Callback fired when Tree Items are selected/deselected.
    * @param {React.SyntheticEvent} event The DOM event that triggered the change.
    * @param {string[] | string} itemIds The ids of the selected items.
    * When `multiSelect` is `true`, this is an array of strings; when false (default) a string.
    */
-  onSelectedItemsChange: d.func,
+  onSelectedItemsChange: a.func,
   /**
    * Selected item ids. (Controlled)
    * When `multiSelect` is true this takes an array of strings; when false (default) a string.
    */
-  selectedItems: d.any,
+  selectedItems: a.any,
   /**
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: d.object,
+  slotProps: a.object,
   /**
    * Overridable component slots.
    * @default {}
    */
-  slots: d.object,
+  slots: a.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  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, eo = ({
-  itemId: e,
-  children: t
-}) => {
-  const {
-    instance: n,
-    selection: {
-      multiSelect: o
-    },
-    publicAPI: i
-  } = ie(), g = {
-    expandable: St(t),
-    expanded: n.isItemExpanded(e),
-    focused: n.isItemFocused(e),
-    selected: n.isItemSelected(e),
-    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 = (l) => {
-    if (g.disabled)
-      return;
-    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(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: l,
-      itemId: e,
-      shouldBeSelected: !0
-    });
-  }, u = (l) => {
-    const h = l.nativeEvent.shiftKey;
-    o && h ? n.expandSelectionRange(l, e) : n.selectItem({
-      event: l,
-      itemId: e,
-      keepExistingSelection: o,
-      shouldBeSelected: l.target.checked
-    });
-  }, c = () => {
-    re(n, K) && n.isItemEditable(e) && (n.isItemBeingEdited(e) ? n.setEditedItemId(null) : n.setEditedItemId(e));
-  };
-  return {
-    interactions: {
-      handleExpansion: m,
-      handleSelection: a,
-      handleCheckboxSelection: u,
-      toggleItemEditing: c,
-      handleSaveItemLabel: (l, h) => {
-        re(n, K) && n.isItemBeingEditedRef(e) && (n.updateItemLabel(e, h), c(), n.focusItem(l, e));
-      },
-      handleCancelItemLabelEditing: (l) => {
-        re(n, K) && n.isItemBeingEditedRef(e) && (c(), n.focusItem(l, e));
-      }
-    },
-    status: g,
-    publicAPI: i
-  };
-}, to = (e) => {
-  const {
-    runItemPlugins: t,
-    items: {
-      onItemClick: n,
-      disabledItemsFocusable: o,
-      indentationAtItemLevel: i
-    },
-    selection: {
-      disableSelection: g,
-      checkboxSelection: m
-    },
-    expansion: {
-      expansionTrigger: a
-    },
-    treeId: u,
-    instance: c,
-    publicAPI: r
-  } = ie(), s = w.useContext(Pe), {
-    id: f,
-    itemId: l,
-    label: h,
-    children: I,
-    rootRef: p
-  } = e, {
-    rootRef: b,
-    contentRef: x,
-    propsEnhancers: R
-  } = t(e), {
-    interactions: M,
-    status: E
-  } = eo({
-    itemId: l,
-    children: I
-  }), 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(l) ? 0 : -1, B = {
-    rootRefObject: P,
-    contentRefObject: D,
-    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, 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(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, l);
-  }, Y = (T) => (y) => {
-    var S;
-    (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, 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 || M.handleCheckboxSelection(y));
-  }, L = (T) => (y) => {
-    var S;
-    (S = T.onClick) == null || S.call(T, y), !y.defaultMuiPrevented && a === "iconContainer" && M.handleExpansion(y);
-  };
-  return {
-    getRootProps: (T = {}) => {
-      var oe;
-      const y = C({}, U(e), U(T));
-      let S;
-      E.selected ? S = !0 : g || E.disabled ? S = void 0 : S = !1;
-      const O = C({}, y, {
-        ref: N,
-        role: "treeitem",
-        tabIndex: Q,
-        id: j,
-        "aria-expanded": E.expandable ? E.expanded : void 0,
-        "aria-selected": S,
-        "aria-disabled": E.disabled || void 0
-      }, T, {
-        onFocus: q(y),
-        onBlur: X(y),
-        onKeyDown: ee(y)
-      });
-      i && (O.style = {
-        "--TreeView-itemDepth": typeof s == "function" ? s(l) : s
-      });
-      const F = ((oe = R.root) == null ? void 0 : oe.call(R, C({}, B, {
-        externalEventHandlers: y
-      }))) ?? {};
-      return C({}, O, F);
-    },
-    getContentProps: (T = {}) => {
-      var F;
-      const y = U(T), S = C({}, y, T, {
-        ref: z,
-        onClick: te(y),
-        onMouseDown: A(y),
-        status: E
-      });
-      i && (S.indentationAtItemLevel = !0);
-      const O = ((F = R.content) == null ? void 0 : F.call(R, C({}, B, {
-        externalEventHandlers: y
-      }))) ?? {};
-      return C({}, S, O);
-    },
-    getGroupTransitionProps: (T = {}) => {
-      const y = U(T), S = C({}, y, {
-        unmountOnExit: !0,
-        component: "ul",
-        role: "group",
-        in: E.expanded,
-        children: I
-      }, T);
-      return i && (S.indentationAtItemLevel = !0), S;
-    },
-    getIconContainerProps: (T = {}) => {
-      const y = U(T);
-      return C({}, y, T, {
-        onClick: L(y)
-      });
-    },
-    getCheckboxProps: (T = {}) => {
-      const y = U(T);
-      return C({}, y, {
-        visible: m,
-        ref: $,
-        checked: E.selected,
-        disabled: g || E.disabled,
-        tabIndex: -1
-      }, T, {
-        onChange: Z(y)
-      });
-    },
-    getLabelProps: (T = {}) => {
-      const y = C({}, U(T)), S = C({}, y, {
-        children: h
-      }, T, {
-        onDoubleClick: Y(y)
-      });
-      return c.isTreeViewEditable && (S.editable = E.editable), S;
-    },
-    getLabelInputProps: (T = {}) => {
-      var O;
-      const y = U(T), S = ((O = R.labelInput) == null ? void 0 : O.call(R, {
-        rootRefObject: P,
-        contentRefObject: D,
-        externalEventHandlers: y,
-        interactions: M
-      })) ?? {};
-      return C({}, T, S);
-    },
-    getDragAndDropOverlayProps: (T = {}) => {
-      var O;
-      const y = U(T), S = ((O = R.dragAndDropOverlay) == null ? void 0 : O.call(R, C({}, B, {
-        externalEventHandlers: y
-      }))) ?? {};
-      return C({}, T, S);
-    },
-    rootRef: N,
-    status: E,
-    publicAPI: r
-  };
-}, Mt = to;
-function kt(e) {
-  const {
-    slots: t,
-    slotProps: n,
-    status: o
-  } = e, i = ie(), g = C({}, i.icons.slots, {
-    expandIcon: i.icons.slots.expandIcon ?? Et,
-    collapseIcon: i.icons.slots.collapseIcon ?? wt
-  }), m = i.icons.slotProps;
-  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 u ? /* @__PURE__ */ v(u, C({}, c)) : null;
-}
-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"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: d.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: d.object,
-  status: d.shape({
-    disabled: d.bool.isRequired,
-    editable: d.bool.isRequired,
-    editing: d.bool.isRequired,
-    expandable: d.bool.isRequired,
-    expanded: d.bool.isRequired,
-    focused: d.bool.isRequired,
-    selected: d.bool.isRequired
-  }).isRequired
-});
-const no = ["visible"], oo = ["id", "itemId", "label", "disabled", "children", "slots", "slotProps"], ro = je(), Dt = _("li", {
-  name: "MuiTreeItem2",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root
-})({
-  listStyle: "none",
-  margin: 0,
-  padding: 0,
-  outline: 0
-}), Ot = _("div", {
-  name: "MuiTreeItem2",
-  slot: "Content",
-  overridesResolver: (e, t) => t.content,
-  shouldForwardProp: (e) => pe(e) && e !== "status" && e !== "indentationAtItemLevel"
-})(({
-  theme: e
-}) => ({
-  padding: e.spacing(0.5, 1),
-  borderRadius: e.shape.borderRadius,
-  width: "100%",
-  boxSizing: "border-box",
-  // prevent width + padding to overflow
-  position: "relative",
-  display: "flex",
-  alignItems: "center",
-  gap: e.spacing(1),
-  cursor: "pointer",
-  WebkitTapHighlightColor: "transparent",
-  "&:hover": {
-    backgroundColor: (e.vars || e).palette.action.hover,
-    // Reset on touch devices, it doesn't add specificity
-    "@media (hover: none)": {
-      backgroundColor: "transparent"
-    }
-  },
-  variants: [{
-    props: {
-      indentationAtItemLevel: !0
-    },
-    style: {
-      paddingLeft: `calc(${e.spacing(1)} + var(--TreeView-itemChildrenIndentation) * var(--TreeView-itemDepth))`
-    }
-  }, {
-    props: ({
-      status: t
-    }) => t.disabled,
-    style: {
-      opacity: (e.vars || e).palette.action.disabledOpacity,
-      backgroundColor: "transparent"
-    }
-  }, {
-    props: ({
-      status: t
-    }) => t.focused,
-    style: {
-      backgroundColor: (e.vars || e).palette.action.focus
-    }
-  }, {
-    props: ({
-      status: t
-    }) => t.selected,
-    style: {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : J(e.palette.primary.main, e.palette.action.selectedOpacity),
-      "&:hover": {
-        backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : J(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
-        // Reset on touch devices, it doesn't add specificity
-        "@media (hover: none)": {
-          backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : J(e.palette.primary.main, e.palette.action.selectedOpacity)
-        }
-      }
-    }
-  }, {
-    props: ({
-      status: t
-    }) => t.selected && t.focused,
-    style: {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : J(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
-    }
-  }]
-})), At = _("div", {
-  name: "MuiTreeItem2",
-  slot: "Label",
-  overridesResolver: (e, t) => t.label,
-  shouldForwardProp: (e) => pe(e) && e !== "editable"
-})(({
-  theme: e
-}) => C({
-  width: "100%",
-  boxSizing: "border-box",
-  // prevent width + padding to overflow
-  // fixes overflow - see https://github.com/mui/material-ui/issues/27372
-  minWidth: 0,
-  position: "relative",
-  overflow: "hidden"
-}, e.typography.body1, {
-  variants: [{
-    props: ({
-      editable: t
-    }) => t,
-    style: {
-      paddingLeft: "2px"
-    }
-  }]
-})), Lt = _("div", {
-  name: "MuiTreeItem2",
-  slot: "IconContainer",
-  overridesResolver: (e, t) => t.iconContainer
-})({
-  width: 16,
-  display: "flex",
-  flexShrink: 0,
-  justifyContent: "center",
-  "& svg": {
-    fontSize: 18
-  }
-}), Vt = _(lt, {
-  name: "MuiTreeItem2",
-  slot: "GroupTransition",
-  overridesResolver: (e, t) => t.groupTransition,
-  shouldForwardProp: (e) => pe(e) && e !== "indentationAtItemLevel"
-})({
-  margin: 0,
-  padding: 0,
-  paddingLeft: "var(--TreeView-itemChildrenIndentation)",
-  variants: [{
-    props: {
-      indentationAtItemLevel: !0
-    },
-    style: {
-      paddingLeft: 0
-    }
-  }]
-}), io = _(/* @__PURE__ */ w.forwardRef((e, t) => {
-  const {
-    visible: n
-  } = e, o = G(e, no);
-  return n ? /* @__PURE__ */ v(at, C({}, o, {
-    ref: t
-  })) : null;
-}), {
-  name: "MuiTreeItem2",
-  slot: "Checkbox",
-  overridesResolver: (e, t) => t.checkbox
-})({
-  padding: 0
-}), so = (e) => {
-  const {
-    classes: t
-  } = e;
-  return Ne({
-    root: ["root"],
-    content: ["content"],
-    expanded: ["expanded"],
-    editing: ["editing"],
-    editable: ["editable"],
-    selected: ["selected"],
-    focused: ["focused"],
-    disabled: ["disabled"],
-    iconContainer: ["iconContainer"],
-    checkbox: ["checkbox"],
-    label: ["label"],
-    groupTransition: ["groupTransition"],
-    labelInput: ["labelInput"],
-    dragAndDropOverlay: ["dragAndDropOverlay"]
-  }, Ct, t);
-}, lo = /* @__PURE__ */ w.forwardRef(function(t, n) {
-  const o = ro({
-    props: t,
-    name: "MuiTreeItem2"
-  }), {
-    id: i,
-    itemId: g,
-    label: m,
-    disabled: a,
-    children: u,
-    slots: c = {},
-    slotProps: r = {}
-  } = o, s = G(o, oo), {
-    getRootProps: f,
-    getContentProps: l,
-    getIconContainerProps: h,
-    getCheckboxProps: I,
-    getLabelProps: p,
-    getGroupTransitionProps: b,
-    getLabelInputProps: x,
-    getDragAndDropOverlayProps: R,
-    status: M
-  } = Mt({
-    id: i,
-    itemId: g,
-    children: u,
-    label: m,
-    disabled: a
-  }), E = C({}, o, M), P = so(E), D = c.root ?? Dt, N = V({
-    elementType: D,
-    getSlotProps: f,
-    externalForwardedProps: s,
-    externalSlotProps: r.root,
-    additionalProps: {
-      ref: n
-    },
-    ownerState: {},
-    className: P.root
-  }), z = c.content ?? Ot, $ = V({
-    elementType: z,
-    getSlotProps: l,
-    externalSlotProps: r.content,
-    ownerState: {},
-    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,
-    externalSlotProps: r.iconContainer,
-    ownerState: {},
-    className: P.iconContainer
-  }), B = c.label ?? At, q = V({
-    elementType: B,
-    getSlotProps: p,
-    externalSlotProps: r.label,
-    ownerState: {},
-    className: P.label
-  }), X = c.checkbox ?? io, ee = V({
-    elementType: X,
-    getSlotProps: I,
-    externalSlotProps: r.checkbox,
-    ownerState: {},
-    className: P.checkbox
-  }), Y = c.groupTransition ?? void 0, te = V({
-    elementType: Y,
-    getSlotProps: b,
-    externalSlotProps: r.groupTransition,
-    ownerState: {},
-    className: P.groupTransition
-  }), A = c.labelInput ?? Tt, Z = V({
-    elementType: A,
-    getSlotProps: x,
-    externalSlotProps: r.labelInput,
-    ownerState: {},
-    className: P.labelInput
-  }), L = c.dragAndDropOverlay ?? ze, ne = V({
-    elementType: L,
-    getSlotProps: R,
-    externalSlotProps: r.dragAndDropOverlay,
-    ownerState: {},
-    className: P.dragAndDropOverlay
-  });
-  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(kt, {
-            status: M,
-            slots: c,
-            slotProps: r
-          })
-        })), /* @__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" && (lo.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The content of the component.
-   */
-  children: d.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: d.object,
-  className: d.string,
-  /**
-   * If `true`, the item is disabled.
-   * @default false
-   */
-  disabled: d.bool,
-  /**
-   * The id attribute of the item. If not provided, it will be generated.
-   */
-  id: d.string,
-  /**
-   * The id of the item.
-   * Must be unique.
-   */
-  itemId: d.string.isRequired,
-  /**
-   * The label of the item.
-   */
-  label: d.node,
-  /**
-   * Callback fired when the item root is blurred.
-   */
-  onBlur: d.func,
-  /**
-   * This prop isn't supported.
-   * Use the `onItemFocus` callback on the tree if you need to monitor an item's focus.
-   */
-  onFocus: ct,
-  /**
-   * Callback fired when a key is pressed on the keyboard and the tree is in focus.
-   */
-  onKeyDown: d.func,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: d.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: d.object
+  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object])
 });
-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 an;
-    case "TRASH":
-      return Qt;
-    case "CUSTOM":
-      return t || Ve;
-    case "FOLDER":
-    default:
-      return Ve;
-  }
-}, uo = Yt(function(t, n) {
-  const {
-    id: o,
-    itemId: i,
-    label: g,
-    disabled: m,
-    children: a,
-    itemData: u,
-    iconColor: c = "primary"
-  } = t, r = co(
-    u == null ? void 0 : u.iconType,
-    u == null ? void 0 : u.customIcon
-  ), {
-    getRootProps: s,
-    getContentProps: f,
-    getLabelProps: l,
-    getGroupTransitionProps: h,
-    getIconContainerProps: I,
-    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,
-      {
-        ...f(),
-        style: { display: "flex", alignItems: "center", width: "100%" },
-        children: [
-          /* @__PURE__ */ v(Lt, { ...I(), children: /* @__PURE__ */ v(r, { fontSize: "small", color: c }) }),
-          /* @__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" })) })
-        ]
-      }
-    ),
-    a && /* @__PURE__ */ v(
-      Vt,
-      {
-        ...h(),
-        style: p.expanded ? {
-          borderLeft: "1px solid #bdbdbd",
-          paddingLeft: "12px",
-          marginLeft: "15px",
-          marginTop: "4px",
-          marginBottom: "4px"
-        } : void 0
-      }
-    )
-  ] }) });
-}), 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 = ({
+const so = ({
   items: e,
   selectedItemId: t,
   handleSelectedItemChange: n,
-  iconColor: o = "primary"
+  iconColor: r = "primary"
 }) => {
-  const [i, g] = Zt([]), m = Ht(() => fo(e), [e]);
-  return en(() => {
+  const [l, h] = Ct([]), g = wt(() => St(e), [e]);
+  return Rt(() => {
     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;
+      const m = Pt(e, t);
+      if (m) {
+        const f = 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;
         });
       }
     }
-  }, [t, e]), /* @__PURE__ */ v(rt, { sx: { minHeight: 200, minWidth: 200 }, children: /* @__PURE__ */ v(
-    Pt,
+  }, [t, e]), /* @__PURE__ */ S(yt, { sx: kt, children: /* @__PURE__ */ S(
+    tt,
     {
       items: e,
       selectedItems: t,
-      expandedItems: i,
-      onExpandedItemsChange: (u, c) => {
-        g(c);
+      expandedItems: l,
+      onExpandedItemsChange: (m, f) => {
+        h(f);
       },
       itemChildrenIndentation: "50px",
       onSelectedItemsChange: n,
-      getItemId: po,
+      getItemId: vt,
       slots: {
-        item: (u) => {
-          const c = u.itemId ? m[u.itemId] : void 0;
-          return /* @__PURE__ */ v(
-            uo,
+        item: (m) => {
+          const f = m.itemId ? g[m.itemId] : void 0;
+          return /* @__PURE__ */ S(
+            Ut,
             {
-              ...u,
-              itemData: c,
-              iconColor: o
+              ...m,
+              itemData: f,
+              iconColor: r
             }
           );
         }
@@ -2889,6 +1889,5 @@ const co = (e, t) => {
   ) });
 };
 export {
-  ao as ICON_TYPE,
-  Lo as default
+  so as default
 };