@cgi-learning-hub/ui 1.4.0-dev.1741961819 → 1.4.0-dev.1741972878

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

@@ -1,86 +1,89 @@
 import { jsx as v, jsxs as de } from "react/jsx-runtime";
-import { c as be } from "../../createSvgIcon-K1Hd8ryN.js";
-import { B as ot } from "../../Box-DgqaLb7j.js";
+import { D as Yt } from "../../Delete-CbtdIdDB.js";
+import { c as ue } from "../../createSvgIcon-K1Hd8ryN.js";
+import { B as it } from "../../Box-DgqaLb7j.js";
+import * as E from "react";
+import { forwardRef as Zt, useMemo as nt, useEffect as Ht } from "react";
 import { _ as C } from "../../ButtonBase-IZ_QjbpE.js";
-import * as w from "react";
-import { forwardRef as Jt } from "react";
 import { w as ve } from "../../warning-C8W811fV.js";
-import { u as me } from "../../useForkRef-C_4o__cU.js";
-import { r as H, e as z } from "../../resolveComponentProps-CPmhKPdH.js";
-import { I as rt, H as it, n as J, P as d, G as Fe } from "../../generateUtilityClasses-DotvgSDH.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 st, H as lt, n as J, P as d, G as $e } from "../../generateUtilityClasses-DotvgSDH.js";
 import { a as G } from "../../TransitionGroupContext-DbLioz_6.js";
-import { u as Yt } from "../../useThemeProps-BTfGtNci.js";
-import { s as K, f as ue, c as Ne } from "../../DefaultPropsProvider-Cqcb4sws.js";
-import { C as st } from "../../Collapse-CLl0D4CI.js";
-import { C as lt } from "../../Checkbox-DgU-0k3O.js";
-import { u as at } from "../../unsupportedProp-BuVD30Gh.js";
-import { u as Qt, a as L } from "../../useSlotProps-C9tsxDNg.js";
+import { u as en } from "../../useThemeProps-BTfGtNci.js";
+import { s as _, f as pe, c as Ne } from "../../DefaultPropsProvider-Cqcb4sws.js";
+import { C as at } from "../../Collapse-CLl0D4CI.js";
+import { C as ct } from "../../Checkbox-DgU-0k3O.js";
+import { u as dt } from "../../unsupportedProp-BuVD30Gh.js";
+import { u as tn, a as V } from "../../useSlotProps-C9tsxDNg.js";
 import { u as ce } from "../../useEventCallback-BAQJJ3ye.js";
-import { o as Zt } from "../../ownerDocument-CUrv0DIK.js";
-import { e as Ht } from "../../elementTypeAcceptingRef-5ESWTE79.js";
-const ct = be(/* @__PURE__ */ v("path", {
+import { o as nn } from "../../ownerDocument-CUrv0DIK.js";
+import { e as on } 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"), en = be(/* @__PURE__ */ v("path", {
+}), "Folder"), rn = ue(/* @__PURE__ */ v("path", {
   d: "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"
-}), "KeyboardArrowDown"), tn = be(/* @__PURE__ */ v("path", {
+}), "KeyboardArrowDown"), sn = ue(/* @__PURE__ */ v("path", {
   d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z"
-}), "KeyboardArrowRight");
-function nn(e) {
-  return rt("MuiRichTreeView", e);
+}), "KeyboardArrowRight"), ln = 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 an(e) {
+  return st("MuiRichTreeView", e);
 }
-it("MuiRichTreeView", ["root"]);
-function $e(e) {
-  return Yt;
+lt("MuiRichTreeView", ["root"]);
+function je(e) {
+  return en;
 }
-const on = (e, t) => {
-  const n = w.useRef({}), [o, i] = w.useState(() => {
-    const f = {};
+const cn = (e, t) => {
+  const n = E.useRef({}), [o, r] = E.useState(() => {
+    const p = {};
     return e.forEach((s) => {
-      s.models && Object.entries(s.models).forEach(([m, c]) => {
-        n.current[m] = {
-          isControlled: t[m] !== void 0,
+      s.models && Object.entries(s.models).forEach(([u, c]) => {
+        n.current[u] = {
+          isControlled: t[u] !== void 0,
           getDefaultValue: c.getDefaultValue
-        }, f[m] = c.getDefaultValue(t);
+        }, p[u] = c.getDefaultValue(t);
       });
-    }), f;
-  }), g = Object.fromEntries(Object.entries(n.current).map(([f, s]) => {
-    const m = t[f] ?? o[f];
-    return [f, {
-      value: m,
+    }), p;
+  }), I = Object.fromEntries(Object.entries(n.current).map(([p, s]) => {
+    const u = t[p] ?? o[p];
+    return [p, {
+      value: u,
       setControlledValue: (c) => {
-        s.isControlled || i((r) => C({}, r, {
-          [f]: c
+        s.isControlled || r((i) => C({}, i, {
+          [p]: c
         }));
       }
     }];
   }));
-  return process.env.NODE_ENV !== "production" && Object.entries(n.current).forEach(([f, s]) => {
-    const m = t[f], c = s.getDefaultValue(t);
-    w.useEffect(() => {
-      s.isControlled !== (m !== void 0) && console.error([`MUI X: A component is changing the ${s.isControlled ? "" : "un"}controlled ${f} state of TreeView to be ${s.isControlled ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${f} 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(([p, s]) => {
+    const u = t[p], c = s.getDefaultValue(t);
+    E.useEffect(() => {
+      s.isControlled !== (u !== void 0) && console.error([`MUI X: A component is changing the ${s.isControlled ? "" : "un"}controlled ${p} state of TreeView to be ${s.isControlled ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${p} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
 `));
-    }, [m]);
+    }, [u]);
     const {
-      current: r
-    } = w.useRef(c);
-    w.useEffect(() => {
-      !s.isControlled && r !== c && console.error([`MUI X: A component is changing the default ${f} state of an uncontrolled TreeView after being initialized. To suppress this warning opt to use a controlled TreeView.`].join(`
+      current: i
+    } = E.useRef(c);
+    E.useEffect(() => {
+      !s.isControlled && i !== c && console.error([`MUI X: A component is changing the default ${p} state of an uncontrolled TreeView after being initialized. To suppress this warning opt to use a controlled TreeView.`].join(`
 `));
     }, [JSON.stringify(c)]);
-  }), g;
+  }), I;
 };
-class rn {
+class dn {
   constructor() {
     this.maxListeners = 20, this.warnOnce = !1, this.events = {};
   }
   on(t, n, o = {}) {
-    let i = this.events[t];
-    if (i || (i = {
+    let r = this.events[t];
+    if (r || (r = {
       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] = r), o.isFirst ? r.highPriority.set(n, !0) : r.regular.set(n, !0), process.env.NODE_ENV !== "production") {
+      const I = r.highPriority.size + r.regular.size;
+      I > this.maxListeners && !this.warnOnce && (this.warnOnce = !0, console.warn([`Possible EventEmitter memory leak detected. ${I} ${t} listeners added.`].join(`
 `)));
     }
   }
@@ -94,29 +97,29 @@ class rn {
     const o = this.events[t];
     if (!o)
       return;
-    const i = Array.from(o.highPriority.keys()), g = Array.from(o.regular.keys());
-    for (let f = i.length - 1; f >= 0; f -= 1) {
-      const s = i[f];
+    const r = Array.from(o.highPriority.keys()), I = Array.from(o.regular.keys());
+    for (let p = r.length - 1; p >= 0; p -= 1) {
+      const s = r[p];
       o.highPriority.has(s) && s.apply(this, n);
     }
-    for (let f = 0; f < g.length; f += 1) {
-      const s = g[f];
+    for (let p = 0; p < I.length; p += 1) {
+      const s = I[p];
       o.regular.has(s) && s.apply(this, n);
     }
   }
   once(t, n) {
     const o = this;
-    this.on(t, function i(...g) {
-      o.removeListener(t, i), n.apply(o, g);
+    this.on(t, function r(...I) {
+      o.removeListener(t, r), n.apply(o, I);
     });
   }
 }
-const sn = (e) => e.isPropagationStopped !== void 0, dt = () => {
-  const [e] = w.useState(() => new rn()), t = w.useCallback((...o) => {
-    const [i, g, f = {}] = o;
-    f.defaultMuiPrevented = !1, !(sn(f) && f.isPropagationStopped()) && e.emit(i, g, f);
-  }, [e]), n = w.useCallback((o, i) => (e.on(o, i), () => {
-    e.removeListener(o, i);
+const un = (e) => e.isPropagationStopped !== void 0, ut = () => {
+  const [e] = E.useState(() => new dn()), t = E.useCallback((...o) => {
+    const [r, I, p = {}] = o;
+    p.defaultMuiPrevented = !1, !(un(p) && p.isPropagationStopped()) && e.emit(r, I, p);
+  }, [e]), n = E.useCallback((o, r) => (e.on(o, r), () => {
+    e.removeListener(o, r);
   }), [e]);
   return {
     instance: {
@@ -125,8 +128,8 @@ const sn = (e) => e.isPropagationStopped !== void 0, dt = () => {
     }
   };
 };
-dt.params = {};
-const ut = ({
+ut.params = {};
+const pt = ({
   plugins: e
 }) => {
   const t = new Set(e);
@@ -136,9 +139,9 @@ const ut = ({
     }
   };
 };
-ut.params = {};
-let tt = 0;
-const ln = () => (tt += 1, `mui-tree-view-${tt}`), je = ({
+pt.params = {};
+let ot = 0;
+const pn = () => (ot += 1, `mui-tree-view-${ot}`), Ke = ({
   id: e,
   treeId: t = "",
   itemId: n
@@ -147,10 +150,10 @@ const ln = () => (tt += 1, `mui-tree-view-${tt}`), je = ({
   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 ?? ln()
+  E.useEffect(() => {
+    n((r) => r.id.treeId === e.id && r.id.treeId !== void 0 ? r : C({}, r, {
+      id: C({}, r.id, {
+        treeId: e.id ?? pn()
       })
     }));
   }, [n, e.id]);
@@ -174,78 +177,78 @@ _e.getInitialState = ({
     treeId: e ?? void 0
   }
 });
-const an = [dt, ut, _e], cn = ["slots", "slotProps", "apiRef", "experimentalFeatures"], dn = (e) => {
+const fn = [ut, pt, _e], mn = ["slots", "slotProps", "apiRef", "experimentalFeatures"], In = (e) => {
   let {
     props: {
       slots: t,
       slotProps: n,
       apiRef: o,
-      experimentalFeatures: i
+      experimentalFeatures: r
     },
-    plugins: g
-  } = e, f = G(e.props, cn);
+    plugins: I
+  } = e, p = G(e.props, mn);
   const s = {};
-  g.forEach((u) => {
-    Object.assign(s, u.params);
+  I.forEach((m) => {
+    Object.assign(s, m.params);
   });
-  const m = {}, c = {};
-  Object.keys(f).forEach((u) => {
-    const a = f[u];
-    s[u] ? m[u] = a : c[u] = a;
+  const u = {}, c = {};
+  Object.keys(p).forEach((m) => {
+    const a = p[m];
+    s[m] ? u[m] = a : c[m] = a;
   });
-  const r = i ?? {}, l = g.reduce((u, a) => a.getDefaultizedParams ? a.getDefaultizedParams({
-    params: u,
-    experimentalFeatures: r
-  }) : u, m);
+  const i = r ?? {}, l = I.reduce((m, a) => a.getDefaultizedParams ? a.getDefaultizedParams({
+    params: m,
+    experimentalFeatures: i
+  }) : m, u);
   return {
     apiRef: o,
     forwardedProps: c,
     pluginParams: l,
     slots: t ?? {},
     slotProps: n ?? {},
-    experimentalFeatures: r
+    experimentalFeatures: i
   };
-}, un = ({
+}, gn = ({
   plugins: e,
   instance: t,
   publicAPI: n,
   rootRef: o
 }) => ({
   runItemPlugins: (s) => {
-    let m = null, c = null;
-    const r = [], l = {};
+    let u = null, c = null;
+    const i = [], l = {};
     e.forEach((h) => {
       if (!h.itemPlugin)
         return;
-      const I = h.itemPlugin({
+      const g = h.itemPlugin({
         props: s,
-        rootRef: m,
+        rootRef: u,
         contentRef: c
       });
-      I != null && I.rootRef && (m = I.rootRef), I != null && I.contentRef && (c = I.contentRef), I != null && I.propsEnhancers && (r.push(I.propsEnhancers), Object.keys(I.propsEnhancers).forEach((p) => {
-        l[p] = !0;
+      g != null && g.rootRef && (u = g.rootRef), g != null && g.contentRef && (c = g.contentRef), g != null && g.propsEnhancers && (i.push(g.propsEnhancers), Object.keys(g.propsEnhancers).forEach((f) => {
+        l[f] = !0;
       }));
     });
-    const u = (h) => (I) => {
-      const p = {};
-      return r.forEach((b) => {
+    const m = (h) => (g) => {
+      const f = {};
+      return i.forEach((b) => {
         const x = b[h];
-        x != null && Object.assign(p, x(I));
-      }), p;
-    }, a = Object.fromEntries(Object.keys(l).map((h) => [h, u(h)]));
+        x != null && Object.assign(f, x(g));
+      }), f;
+    }, a = Object.fromEntries(Object.keys(l).map((h) => [h, m(h)]));
     return {
       contentRef: c,
-      rootRef: m,
+      rootRef: u,
       propsEnhancers: a
     };
   },
   wrapItem: ({
     itemId: s,
-    children: m
+    children: u
   }) => {
-    let c = m;
-    for (let r = e.length - 1; r >= 0; r -= 1) {
-      const l = e[r];
+    let c = u;
+    for (let i = e.length - 1; i >= 0; i -= 1) {
+      const l = e[i];
       l.wrapItem && (c = l.wrapItem({
         itemId: s,
         children: c,
@@ -257,87 +260,87 @@ const an = [dt, ut, _e], cn = ["slots", "slotProps", "apiRef", "experimentalFeat
   wrapRoot: ({
     children: s
   }) => {
-    let m = s;
+    let u = s;
     for (let c = e.length - 1; c >= 0; c -= 1) {
-      const r = e[c];
-      r.wrapRoot && (m = r.wrapRoot({
-        children: m,
+      const i = e[c];
+      i.wrapRoot && (u = i.wrapRoot({
+        children: u,
         instance: t
       }));
     }
-    return m;
+    return u;
   },
   instance: t,
   rootRef: o,
   publicAPI: n
 });
-function pn(e) {
-  const t = w.useRef({});
+function bn(e) {
+  const t = E.useRef({});
   return e ? (e.current == null && (e.current = {}), e.current) : t.current;
 }
-const fn = ({
+const hn = ({
   plugins: e,
   rootRef: t,
   props: n
 }) => {
-  const o = [...an, ...e], {
-    pluginParams: i,
-    forwardedProps: g,
-    apiRef: f,
+  const o = [...fn, ...e], {
+    pluginParams: r,
+    forwardedProps: I,
+    apiRef: p,
     experimentalFeatures: s,
-    slots: m,
+    slots: u,
     slotProps: c
-  } = dn({
+  } = In({
     plugins: o,
     props: n
-  }), r = on(o, i), u = w.useRef({}).current, a = pn(f), h = w.useRef(null), I = me(h, t), p = un({
+  }), i = cn(o, r), m = E.useRef({}).current, a = bn(p), h = E.useRef(null), g = Ie(h, t), f = gn({
     plugins: o,
-    instance: u,
+    instance: m,
     publicAPI: a,
     rootRef: h
-  }), [b, x] = w.useState(() => {
-    const R = {};
-    return o.forEach((O) => {
-      O.getInitialState && Object.assign(R, O.getInitialState(i));
-    }), R;
-  }), P = [], k = (R) => {
-    const O = R({
-      instance: u,
-      params: i,
-      slots: m,
+  }), [b, x] = E.useState(() => {
+    const P = {};
+    return o.forEach((D) => {
+      D.getInitialState && Object.assign(P, D.getInitialState(r));
+    }), P;
+  }), R = [], M = (P) => {
+    const D = P({
+      instance: m,
+      params: r,
+      slots: u,
       slotProps: c,
       experimentalFeatures: s,
       state: b,
       setState: x,
       rootRef: h,
-      models: r,
+      models: i,
       plugins: o
     });
-    O.getRootProps && P.push(O.getRootProps), O.publicAPI && Object.assign(a, O.publicAPI), O.instance && Object.assign(u, O.instance), O.contextValue && Object.assign(p, O.contextValue);
+    D.getRootProps && R.push(D.getRootProps), D.publicAPI && Object.assign(a, D.publicAPI), D.instance && Object.assign(m, D.instance), D.contextValue && Object.assign(f, D.contextValue);
   };
-  return o.forEach(k), {
-    getRootProps: (R = {}) => {
-      const O = C({
+  return o.forEach(M), {
+    getRootProps: (P = {}) => {
+      const D = C({
         role: "tree"
-      }, g, R, {
-        ref: I
+      }, I, P, {
+        ref: g
       });
-      return P.forEach(($) => {
-        Object.assign(O, $(R));
-      }), O;
+      return R.forEach((N) => {
+        Object.assign(D, N(P));
+      }), D;
     },
-    rootRef: I,
-    contextValue: p,
-    instance: u
+    rootRef: g,
+    contextValue: f,
+    instance: m
   };
-}, Ke = /* @__PURE__ */ w.createContext(null);
-process.env.NODE_ENV !== "production" && (Ke.displayName = "TreeViewContext");
-function mn(e) {
+}, Be = /* @__PURE__ */ E.createContext(null);
+process.env.NODE_ENV !== "production" && (Be.displayName = "TreeViewContext");
+function xn(e) {
   const {
     value: t,
     children: n
   } = e;
-  return /* @__PURE__ */ v(Ke.Provider, {
+  return /* @__PURE__ */ v(Be.Provider, {
     value: t,
     children: t.wrapRoot({
       children: n,
@@ -346,77 +349,77 @@ function mn(e) {
   });
 }
 const ie = () => {
-  const e = w.useContext(Ke);
+  const e = E.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;
-}, In = (e, t, n) => {
+}, yn = (e, t, n) => {
   e.$$publishEvent(t, n);
-}, ae = "__TREE_VIEW_ROOT_PARENT_ID__", gn = (e) => {
+}, ae = "__TREE_VIEW_ROOT_PARENT_ID__", Tn = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[n] = o;
   }), t;
-}, Re = /* @__PURE__ */ w.createContext(() => -1);
-process.env.NODE_ENV !== "production" && (Re.displayName = "TreeViewItemDepthContext");
-const bn = ["children"], pt = ({
+}, Pe = /* @__PURE__ */ E.createContext(() => -1);
+process.env.NODE_ENV !== "production" && (Pe.displayName = "TreeViewItemDepthContext");
+const Cn = ["children"], ft = ({
   items: e,
   isItemDisabled: t,
   getItemLabel: n,
   getItemId: o
 }) => {
-  const i = {}, g = {}, f = {
+  const r = {}, I = {}, p = {
     [ae]: []
-  }, s = (c, r, l) => {
-    var I, p;
-    const u = o ? o(c) : c.id;
-    if (u == null)
+  }, s = (c, i, l) => {
+    var g, f;
+    const m = o ? o(c) : c.id;
+    if (m == 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(`
 `));
-    if (i[u] != null)
-      throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.", "Alternatively, you can use the `getItemId` prop to specify a custom id for each item.", `Two items were provided with the same id in the \`items\` prop: "${u}"`].join(`
+    if (r[m] != 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: "${m}"`].join(`
 `));
     const a = n ? n(c) : c.label;
     if (a == null)
       throw new Error(["MUI X: The Tree View component requires all items to have a `label` property.", "Alternatively, you can use the `getItemLabel` prop to specify a custom label for each item.", "An item was provided without label in the `items` prop:", JSON.stringify(c)].join(`
 `));
-    i[u] = {
-      id: u,
+    r[m] = {
+      id: m,
       label: a,
       parentId: l,
       idAttribute: void 0,
-      expandable: !!((I = c.children) != null && I.length),
+      expandable: !!((g = c.children) != null && g.length),
       disabled: t ? t(c) : !1,
-      depth: r
-    }, g[u] = c;
+      depth: i
+    }, I[m] = c;
     const h = l ?? ae;
-    f[h] || (f[h] = []), f[h].push(u), (p = c.children) == null || p.forEach((b) => s(b, r + 1, u));
+    p[h] || (p[h] = []), p[h].push(m), (f = c.children) == null || f.forEach((b) => s(b, i + 1, m));
   };
   e.forEach((c) => s(c, 0, null));
-  const m = {};
-  return Object.keys(f).forEach((c) => {
-    m[c] = gn(f[c]);
+  const u = {};
+  return Object.keys(p).forEach((c) => {
+    u[c] = Tn(p[c]);
   }), {
-    itemMetaMap: i,
-    itemMap: g,
-    itemOrderedChildrenIds: f,
-    itemChildrenIndexes: m
+    itemMetaMap: r,
+    itemMap: I,
+    itemOrderedChildrenIds: p,
+    itemChildrenIndexes: u
   };
 }, he = ({
   instance: e,
   params: t,
   state: n,
   setState: o,
-  experimentalFeatures: i
+  experimentalFeatures: r
 }) => {
-  const g = w.useCallback((b) => n.items.itemMetaMap[b], [n.items.itemMetaMap]), f = w.useCallback((b) => n.items.itemMap[b], [n.items.itemMap]), s = w.useCallback(() => {
+  const I = E.useCallback((b) => n.items.itemMetaMap[b], [n.items.itemMetaMap]), p = E.useCallback((b) => n.items.itemMap[b], [n.items.itemMap]), s = E.useCallback(() => {
     const b = (x) => {
-      const P = n.items.itemMap[x], k = G(P, bn), E = n.items.itemOrderedChildrenIds[x];
-      return E && (k.children = E.map(b)), k;
+      const R = n.items.itemMap[x], M = G(R, Cn), w = n.items.itemOrderedChildrenIds[x];
+      return w && (M.children = w.map(b)), M;
     };
     return n.items.itemOrderedChildrenIds[ae].map(b);
-  }, [n.items.itemMap, n.items.itemOrderedChildrenIds]), m = w.useCallback((b) => {
+  }, [n.items.itemMap, n.items.itemOrderedChildrenIds]), u = E.useCallback((b) => {
     if (b == null)
       return !1;
     let x = e.getItemMeta(b);
@@ -428,30 +431,30 @@ const bn = ["children"], pt = ({
       if (x = e.getItemMeta(x.parentId), x.disabled)
         return !0;
     return !1;
-  }, [e]), c = w.useCallback((b) => {
+  }, [e]), c = E.useCallback((b) => {
     const x = e.getItemMeta(b).parentId ?? ae;
     return n.items.itemChildrenIndexes[x][b];
-  }, [e, n.items.itemChildrenIndexes]), r = w.useCallback((b) => n.items.itemOrderedChildrenIds[b ?? ae] ?? [], [n.items.itemOrderedChildrenIds]), l = (b) => {
+  }, [e, n.items.itemChildrenIndexes]), i = E.useCallback((b) => n.items.itemOrderedChildrenIds[b ?? ae] ?? [], [n.items.itemOrderedChildrenIds]), l = (b) => {
     const x = e.getItemMeta(b);
-    return x == null ? null : document.getElementById(je({
+    return x == null ? null : document.getElementById(Ke({
       treeId: n.id.treeId,
       itemId: b,
       id: x.idAttribute
     }));
-  }, u = (b) => t.disabledItemsFocusable ? !0 : !e.isItemDisabled(b), a = w.useRef(!1), h = w.useCallback(() => {
+  }, m = (b) => t.disabledItemsFocusable ? !0 : !e.isItemDisabled(b), a = E.useRef(!1), h = E.useCallback(() => {
     a.current = !0;
-  }, []), I = w.useCallback(() => a.current, []);
-  return w.useEffect(() => {
+  }, []), g = E.useCallback(() => a.current, []);
+  return E.useEffect(() => {
     e.areItemUpdatesPrevented() || o((b) => {
-      const x = pt({
+      const x = ft({
         items: t.items,
         isItemDisabled: t.isItemDisabled,
         getItemId: t.getItemId,
         getItemLabel: t.getItemLabel
       });
-      return Object.values(b.items.itemMetaMap).forEach((P) => {
-        x.itemMetaMap[P.id] || In(e, "removeItem", {
-          id: P.id
+      return Object.values(b.items.itemMetaMap).forEach((R) => {
+        x.itemMetaMap[R.id] || yn(e, "removeItem", {
+          id: R.id
         });
       }), C({}, b, {
         items: x
@@ -464,47 +467,47 @@ const bn = ["children"], pt = ({
       }
     }),
     publicAPI: {
-      getItem: f,
+      getItem: p,
       getItemDOMElement: l,
       getItemTree: s,
-      getItemOrderedChildrenIds: r
+      getItemOrderedChildrenIds: i
     },
     instance: {
-      getItemMeta: g,
-      getItem: f,
+      getItemMeta: I,
+      getItem: p,
       getItemTree: s,
       getItemsToRender: () => {
         const b = (x) => {
-          var k;
-          const P = n.items.itemMetaMap[x];
+          var M;
+          const R = n.items.itemMetaMap[x];
           return {
-            label: P.label,
-            itemId: P.id,
-            id: P.idAttribute,
-            children: (k = n.items.itemOrderedChildrenIds[x]) == null ? void 0 : k.map(b)
+            label: R.label,
+            itemId: R.id,
+            id: R.idAttribute,
+            children: (M = n.items.itemOrderedChildrenIds[x]) == null ? void 0 : M.map(b)
           };
         };
         return n.items.itemOrderedChildrenIds[ae].map(b);
       },
       getItemIndex: c,
       getItemDOMElement: l,
-      getItemOrderedChildrenIds: r,
-      isItemDisabled: m,
-      isItemNavigable: u,
+      getItemOrderedChildrenIds: i,
+      isItemDisabled: u,
+      isItemNavigable: m,
       preventItemUpdates: h,
-      areItemUpdatesPrevented: I
+      areItemUpdatesPrevented: g
     },
     contextValue: {
       items: {
         onItemClick: t.onItemClick,
         disabledItemsFocusable: t.disabledItemsFocusable,
-        indentationAtItemLevel: i.indentationAtItemLevel ?? !1
+        indentationAtItemLevel: r.indentationAtItemLevel ?? !1
       }
     }
   };
 };
 he.getInitialState = (e) => ({
-  items: pt({
+  items: ft({
     items: e.items,
     isItemDisabled: e.isItemDisabled,
     getItemId: e.getItemId,
@@ -520,7 +523,7 @@ he.getDefaultizedParams = ({
 he.wrapRoot = ({
   children: e,
   instance: t
-}) => /* @__PURE__ */ v(Re.Provider, {
+}) => /* @__PURE__ */ v(Pe.Provider, {
   value: (n) => {
     var o;
     return ((o = t.getItemMeta(n)) == null ? void 0 : o.depth) ?? 0;
@@ -541,45 +544,45 @@ const Se = ({
   params: t,
   models: n
 }) => {
-  const o = w.useMemo(() => {
+  const o = E.useMemo(() => {
     const l = /* @__PURE__ */ new Map();
-    return n.expandedItems.value.forEach((u) => {
-      l.set(u, !0);
+    return n.expandedItems.value.forEach((m) => {
+      l.set(m, !0);
     }), l;
-  }, [n.expandedItems.value]), i = (l, u) => {
+  }, [n.expandedItems.value]), r = (l, m) => {
     var a;
-    (a = t.onExpandedItemsChange) == null || a.call(t, l, u), n.expandedItems.setControlledValue(u);
-  }, g = w.useCallback((l) => o.has(l), [o]), f = w.useCallback((l) => {
-    var u;
-    return !!((u = e.getItemMeta(l)) != null && u.expandable);
-  }, [e]), s = ce((l, u) => {
-    const a = e.isItemExpanded(u);
-    e.setItemExpansion(l, u, !a);
-  }), m = ce((l, u, a) => {
-    if (e.isItemExpanded(u) === a)
+    (a = t.onExpandedItemsChange) == null || a.call(t, l, m), n.expandedItems.setControlledValue(m);
+  }, I = E.useCallback((l) => o.has(l), [o]), p = E.useCallback((l) => {
+    var m;
+    return !!((m = e.getItemMeta(l)) != null && m.expandable);
+  }, [e]), s = ce((l, m) => {
+    const a = e.isItemExpanded(m);
+    e.setItemExpansion(l, m, !a);
+  }), u = ce((l, m, a) => {
+    if (e.isItemExpanded(m) === a)
       return;
-    let I;
-    a ? I = [u].concat(n.expandedItems.value) : I = n.expandedItems.value.filter((p) => p !== u), t.onItemExpansionToggle && t.onItemExpansionToggle(l, u, a), i(l, I);
-  }), c = (l, u) => {
-    const a = e.getItemMeta(u), I = e.getItemOrderedChildrenIds(a.parentId).filter((b) => e.isItemExpandable(b) && !e.isItemExpanded(b)), p = n.expandedItems.value.concat(I);
-    I.length > 0 && (t.onItemExpansionToggle && I.forEach((b) => {
+    let g;
+    a ? g = [m].concat(n.expandedItems.value) : g = n.expandedItems.value.filter((f) => f !== m), t.onItemExpansionToggle && t.onItemExpansionToggle(l, m, a), r(l, g);
+  }), c = (l, m) => {
+    const a = e.getItemMeta(m), g = e.getItemOrderedChildrenIds(a.parentId).filter((b) => e.isItemExpandable(b) && !e.isItemExpanded(b)), f = n.expandedItems.value.concat(g);
+    g.length > 0 && (t.onItemExpansionToggle && g.forEach((b) => {
       t.onItemExpansionToggle(l, b, !0);
-    }), i(l, p));
-  }, r = w.useMemo(() => t.expansionTrigger ? t.expansionTrigger : e.isTreeViewEditable ? "iconContainer" : "content", [t.expansionTrigger, e.isTreeViewEditable]);
+    }), r(l, f));
+  }, i = E.useMemo(() => t.expansionTrigger ? t.expansionTrigger : e.isTreeViewEditable ? "iconContainer" : "content", [t.expansionTrigger, e.isTreeViewEditable]);
   return {
     publicAPI: {
-      setItemExpansion: m
+      setItemExpansion: u
     },
     instance: {
-      isItemExpanded: g,
-      isItemExpandable: f,
-      setItemExpansion: m,
+      isItemExpanded: I,
+      isItemExpandable: p,
+      setItemExpansion: u,
       toggleItemExpansion: s,
       expandAllSiblings: c
     },
     contextValue: {
       expansion: {
-        expansionTrigger: r
+        expansionTrigger: i
       }
     }
   };
@@ -589,11 +592,11 @@ Se.models = {
     getDefaultValue: (e) => e.defaultExpandedItems
   }
 };
-const hn = [];
+const En = [];
 Se.getDefaultizedParams = ({
   params: e
 }) => C({}, e, {
-  defaultExpandedItems: e.defaultExpandedItems ?? hn
+  defaultExpandedItems: e.defaultExpandedItems ?? En
 });
 Se.params = {
   expandedItems: !0,
@@ -602,25 +605,25 @@ Se.params = {
   onItemExpansionToggle: !0,
   expansionTrigger: !0
 };
-const ft = (e, t) => {
+const mt = (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)
+}, It = (e, t) => {
+  const n = e.getItemMeta(t), o = e.getItemOrderedChildrenIds(n.parentId), r = e.getItemIndex(t);
+  if (r === 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 f = o[g], s = ft(e, e.getItemOrderedChildrenIds(f));
-  for (; e.isItemExpanded(f) && s != null; )
-    f = s, s = e.getItemOrderedChildrenIds(f).find(e.isItemNavigable);
-  return f;
+  let I = r - 1;
+  for (; !e.isItemNavigable(o[I]) && I >= 0; )
+    I -= 1;
+  if (I === -1)
+    return n.parentId == null ? null : It(e, n.parentId);
+  let p = o[I], s = mt(e, e.getItemOrderedChildrenIds(p));
+  for (; e.isItemExpanded(p) && s != null; )
+    p = s, s = e.getItemOrderedChildrenIds(p).find(e.isItemNavigable);
+  return p;
 }, we = (e, t) => {
   if (e.isItemExpanded(t)) {
     const o = e.getItemOrderedChildrenIds(t).find(e.isItemNavigable);
@@ -629,146 +632,146 @@ const ft = (e, t) => {
   }
   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];
+    const o = e.getItemOrderedChildrenIds(n.parentId), r = e.getItemIndex(n.id);
+    if (r < o.length - 1) {
+      let I = r + 1;
+      for (; !e.isItemNavigable(o[I]) && I < o.length - 1; )
+        I += 1;
+      if (e.isItemNavigable(o[I]))
+        return o[I];
     }
     n = e.getItemMeta(n.parentId);
   }
   return null;
-}, It = (e) => {
+}, gt = (e) => {
   let t = null;
   for (; t == null || e.isItemExpanded(t); ) {
-    const n = e.getItemOrderedChildrenIds(t), o = ft(e, n);
+    const n = e.getItemOrderedChildrenIds(t), o = mt(e, n);
     if (o == null)
       return t;
     t = o;
   }
   return t;
-}, Ie = (e) => e.getItemOrderedChildrenIds(null).find(e.isItemNavigable), gt = (e, t, n) => {
+}, ge = (e) => e.getItemOrderedChildrenIds(null).find(e.isItemNavigable), bt = (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], f = [i.id];
-  let s = o.parentId, m = i.parentId, c = f.indexOf(s) !== -1, r = g.indexOf(m) !== -1, l = !0, u = !0;
-  for (; !r && !c; )
-    l && (g.push(s), c = f.indexOf(s) !== -1, l = s !== null, !c && l && (s = e.getItemMeta(s).parentId)), u && !c && (f.push(m), r = g.indexOf(m) !== -1, u = m !== null, !r && u && (m = e.getItemMeta(m).parentId));
-  const a = c ? s : m, h = e.getItemOrderedChildrenIds(a), I = g[g.indexOf(a) - 1], p = f[f.indexOf(a) - 1];
-  return h.indexOf(I) < h.indexOf(p) ? [t, n] : [n, t];
-}, xn = (e, t, n) => {
-  const o = (m) => {
-    if (e.isItemExpandable(m) && e.isItemExpanded(m))
-      return e.getItemOrderedChildrenIds(m)[0];
-    let c = e.getItemMeta(m);
+  const o = e.getItemMeta(t), r = e.getItemMeta(n);
+  if (o.parentId === r.id || r.parentId === o.id)
+    return r.parentId === o.id ? [o.id, r.id] : [r.id, o.id];
+  const I = [o.id], p = [r.id];
+  let s = o.parentId, u = r.parentId, c = p.indexOf(s) !== -1, i = I.indexOf(u) !== -1, l = !0, m = !0;
+  for (; !i && !c; )
+    l && (I.push(s), c = p.indexOf(s) !== -1, l = s !== null, !c && l && (s = e.getItemMeta(s).parentId)), m && !c && (p.push(u), i = I.indexOf(u) !== -1, m = u !== null, !i && m && (u = e.getItemMeta(u).parentId));
+  const a = c ? s : u, h = e.getItemOrderedChildrenIds(a), g = I[I.indexOf(a) - 1], f = p[p.indexOf(a) - 1];
+  return h.indexOf(g) < h.indexOf(f) ? [t, n] : [n, t];
+}, wn = (e, t, n) => {
+  const o = (u) => {
+    if (e.isItemExpandable(u) && e.isItemExpanded(u))
+      return e.getItemOrderedChildrenIds(u)[0];
+    let c = e.getItemMeta(u);
     for (; c != null; ) {
-      const r = e.getItemOrderedChildrenIds(c.parentId), l = e.getItemIndex(c.id);
-      if (l < r.length - 1)
-        return r[l + 1];
+      const i = e.getItemOrderedChildrenIds(c.parentId), l = e.getItemIndex(c.id);
+      if (l < i.length - 1)
+        return i[l + 1];
       c = e.getItemMeta(c.parentId);
     }
     throw new Error("Invalid range");
-  }, [i, g] = gt(e, t, n), f = [i];
-  let s = i;
-  for (; s !== g; )
-    s = o(s), e.isItemDisabled(s) || f.push(s);
-  return f;
-}, yn = (e) => {
-  let t = Ie(e);
+  }, [r, I] = bt(e, t, n), p = [r];
+  let s = r;
+  for (; s !== I; )
+    s = o(s), e.isItemDisabled(s) || p.push(s);
+  return p;
+}, Rn = (e) => {
+  let t = ge(e);
   const n = [];
   for (; t != null; )
     n.push(t), t = we(e, t);
   return n;
-}, ge = (e, t) => t !== e.closest('*[role="treeitem"]'), Pe = (e) => Array.isArray(e) ? e : e != null ? [e] : [], Le = (e) => {
+}, be = (e, t) => t !== e.closest('*[role="treeitem"]'), Re = (e) => Array.isArray(e) ? e : e != null ? [e] : [], Fe = (e) => {
   const t = {};
   return e.forEach((n) => {
     t[n] = !0;
   }), t;
-}, ke = ({
+}, Me = ({
   instance: e,
   params: t,
   models: n
 }) => {
-  const o = w.useRef(null), i = w.useRef({}), g = w.useMemo(() => {
-    const I = /* @__PURE__ */ new Map();
-    return Array.isArray(n.selectedItems.value) ? n.selectedItems.value.forEach((p) => {
-      I.set(p, !0);
-    }) : n.selectedItems.value != null && I.set(n.selectedItems.value, !0), I;
-  }, [n.selectedItems.value]), f = (I, p) => {
+  const o = E.useRef(null), r = E.useRef({}), I = E.useMemo(() => {
+    const g = /* @__PURE__ */ new Map();
+    return Array.isArray(n.selectedItems.value) ? n.selectedItems.value.forEach((f) => {
+      g.set(f, !0);
+    }) : n.selectedItems.value != null && g.set(n.selectedItems.value, !0), g;
+  }, [n.selectedItems.value]), p = (g, f) => {
     if (t.onItemSelectionToggle)
       if (t.multiSelect) {
-        const b = p.filter((P) => !e.isItemSelected(P)), x = n.selectedItems.value.filter((P) => !p.includes(P));
-        b.forEach((P) => {
-          t.onItemSelectionToggle(I, P, !0);
-        }), x.forEach((P) => {
-          t.onItemSelectionToggle(I, P, !1);
+        const b = f.filter((R) => !e.isItemSelected(R)), x = n.selectedItems.value.filter((R) => !f.includes(R));
+        b.forEach((R) => {
+          t.onItemSelectionToggle(g, R, !0);
+        }), x.forEach((R) => {
+          t.onItemSelectionToggle(g, R, !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);
-  }, s = (I) => g.has(I), m = ({
-    event: I,
-    itemId: p,
+      } else f !== n.selectedItems.value && (n.selectedItems.value != null && t.onItemSelectionToggle(g, n.selectedItems.value, !1), f != null && t.onItemSelectionToggle(g, f, !0));
+    t.onSelectedItemsChange && t.onSelectedItemsChange(g, f), n.selectedItems.setControlledValue(f);
+  }, s = (g) => I.has(g), u = ({
+    event: g,
+    itemId: f,
     keepExistingSelection: b = !1,
     shouldBeSelected: x
   }) => {
     if (t.disableSelection)
       return;
-    let P;
+    let R;
     if (b) {
-      const k = Pe(n.selectedItems.value), E = e.isItemSelected(p);
-      E && (x === !1 || x == null) ? P = k.filter((R) => R !== p) : !E && (x === !0 || x == null) ? P = [p].concat(k) : P = k;
+      const M = Re(n.selectedItems.value), w = e.isItemSelected(f);
+      w && (x === !1 || x == null) ? R = M.filter((P) => P !== f) : !w && (x === !0 || x == null) ? R = [f].concat(M) : R = M;
     } else
-      x === !1 || x == null && e.isItemSelected(p) ? P = t.multiSelect ? [] : null : P = t.multiSelect ? [p] : p;
-    f(I, P), o.current = p, i.current = {};
-  }, c = (I, [p, b]) => {
+      x === !1 || x == null && e.isItemSelected(f) ? R = t.multiSelect ? [] : null : R = t.multiSelect ? [f] : f;
+    p(g, R), o.current = f, r.current = {};
+  }, c = (g, [f, b]) => {
     if (t.disableSelection || !t.multiSelect)
       return;
-    let x = Pe(n.selectedItems.value).slice();
-    Object.keys(i.current).length > 0 && (x = x.filter((R) => !i.current[R]));
-    const P = Le(x), k = xn(e, p, b), E = k.filter((R) => !P[R]);
-    x = x.concat(E), f(I, x), i.current = Le(k);
+    let x = Re(n.selectedItems.value).slice();
+    Object.keys(r.current).length > 0 && (x = x.filter((P) => !r.current[P]));
+    const R = Fe(x), M = wn(e, f, b), w = M.filter((P) => !R[P]);
+    x = x.concat(w), p(g, x), r.current = Fe(M);
   };
   return {
     getRootProps: () => ({
       "aria-multiselectable": t.multiSelect
     }),
     publicAPI: {
-      selectItem: m
+      selectItem: u
     },
     instance: {
       isItemSelected: s,
-      selectItem: m,
-      selectAllNavigableItems: (I) => {
+      selectItem: u,
+      selectAllNavigableItems: (g) => {
         if (t.disableSelection || !t.multiSelect)
           return;
-        const p = yn(e);
-        f(I, p), i.current = Le(p);
+        const f = Rn(e);
+        p(g, f), r.current = Fe(f);
       },
-      expandSelectionRange: (I, p) => {
+      expandSelectionRange: (g, f) => {
         if (o.current != null) {
-          const [b, x] = gt(e, p, o.current);
-          c(I, [b, x]);
+          const [b, x] = bt(e, f, o.current);
+          c(g, [b, x]);
         }
       },
-      selectRangeFromStartToItem: (I, p) => {
-        c(I, [Ie(e), p]);
+      selectRangeFromStartToItem: (g, f) => {
+        c(g, [ge(e), f]);
       },
-      selectRangeFromItemToEnd: (I, p) => {
-        c(I, [p, It(e)]);
+      selectRangeFromItemToEnd: (g, f) => {
+        c(g, [f, gt(e)]);
       },
-      selectItemFromArrowNavigation: (I, p, b) => {
+      selectItemFromArrowNavigation: (g, f, b) => {
         if (t.disableSelection || !t.multiSelect)
           return;
-        let x = Pe(n.selectedItems.value).slice();
-        Object.keys(i.current).length === 0 ? (x.push(b), i.current = {
-          [p]: !0,
+        let x = Re(n.selectedItems.value).slice();
+        Object.keys(r.current).length === 0 ? (x.push(b), r.current = {
+          [f]: !0,
           [b]: !0
-        }) : (i.current[p] || (i.current = {}), i.current[b] ? (x = x.filter((P) => P !== p), delete i.current[p]) : (x.push(b), i.current[b] = !0)), f(I, x);
+        }) : (r.current[f] || (r.current = {}), r.current[b] ? (x = x.filter((R) => R !== f), delete r.current[f]) : (x.push(b), r.current[b] = !0)), p(g, x);
       }
     },
     contextValue: {
@@ -780,21 +783,21 @@ const ft = (e, t) => {
     }
   };
 };
-ke.models = {
+Me.models = {
   selectedItems: {
     getDefaultValue: (e) => e.defaultSelectedItems
   }
 };
-const Tn = [];
-ke.getDefaultizedParams = ({
+const vn = [];
+Me.getDefaultizedParams = ({
   params: e
 }) => C({}, e, {
   disableSelection: e.disableSelection ?? !1,
   multiSelect: e.multiSelect ?? !1,
   checkboxSelection: e.checkboxSelection ?? !1,
-  defaultSelectedItems: e.defaultSelectedItems ?? (e.multiSelect ? Tn : null)
+  defaultSelectedItems: e.defaultSelectedItems ?? (e.multiSelect ? vn : null)
 });
-ke.params = {
+Me.params = {
   disableSelection: !0,
   multiSelect: !0,
   checkboxSelection: !0,
@@ -803,17 +806,17 @@ ke.params = {
   onSelectedItemsChange: !0,
   onItemSelectionToggle: !0
 };
-const nt = 1e3;
-class Cn {
-  constructor(t = nt) {
-    this.timeouts = /* @__PURE__ */ new Map(), this.cleanupTimeout = nt, this.cleanupTimeout = t;
+const rt = 1e3;
+class Pn {
+  constructor(t = rt) {
+    this.timeouts = /* @__PURE__ */ new Map(), this.cleanupTimeout = rt, this.cleanupTimeout = t;
   }
   register(t, n, o) {
     this.timeouts || (this.timeouts = /* @__PURE__ */ new Map());
-    const i = setTimeout(() => {
+    const r = setTimeout(() => {
       typeof n == "function" && n(), this.timeouts.delete(o.cleanupToken);
     }, this.cleanupTimeout);
-    this.timeouts.set(o.cleanupToken, i);
+    this.timeouts.set(o.cleanupToken, r);
   }
   unregister(t) {
     const n = this.timeouts.get(t.cleanupToken);
@@ -827,7 +830,7 @@ class Cn {
     }), this.timeouts = void 0);
   }
 }
-class En {
+class Sn {
   constructor() {
     this.registry = new FinalizationRegistry((t) => {
       typeof t == "function" && t();
@@ -843,24 +846,24 @@ class En {
   reset() {
   }
 }
-class wn {
+class Mn {
 }
-function Pn(e) {
+function kn(e) {
   let t = 0;
-  return function(o, i, g) {
-    e.registry === null && (e.registry = typeof FinalizationRegistry < "u" ? new En() : new Cn());
-    const [f] = w.useState(new wn()), s = w.useRef(null), m = w.useRef(void 0);
-    m.current = g;
-    const c = w.useRef(null);
-    if (!s.current && m.current) {
-      const r = (l, u) => {
+  return function(o, r, I) {
+    e.registry === null && (e.registry = typeof FinalizationRegistry < "u" ? new Sn() : new Pn());
+    const [p] = E.useState(new Mn()), s = E.useRef(null), u = E.useRef(void 0);
+    u.current = I;
+    const c = E.useRef(null);
+    if (!s.current && u.current) {
+      const i = (l, m) => {
         var a;
-        u.defaultMuiPrevented || (a = m.current) == null || a.call(m, l, u);
+        m.defaultMuiPrevented || (a = u.current) == null || a.call(u, l, m);
       };
-      s.current = o.$$subscribeEvent(i, r), t += 1, c.current = {
+      s.current = o.$$subscribeEvent(r, i), t += 1, c.current = {
         cleanupToken: t
       }, e.registry.register(
-        f,
+        p,
         // The callback below will be called once this reference stops being retained
         () => {
           var l;
@@ -868,56 +871,56 @@ function Pn(e) {
         },
         c.current
       );
-    } else !m.current && s.current && (s.current(), s.current = null, c.current && (e.registry.unregister(c.current), c.current = null));
-    w.useEffect(() => {
-      if (!s.current && m.current) {
-        const r = (l, u) => {
+    } else !u.current && s.current && (s.current(), s.current = null, c.current && (e.registry.unregister(c.current), c.current = null));
+    E.useEffect(() => {
+      if (!s.current && u.current) {
+        const i = (l, m) => {
           var a;
-          u.defaultMuiPrevented || (a = m.current) == null || a.call(m, l, u);
+          m.defaultMuiPrevented || (a = u.current) == null || a.call(u, l, m);
         };
-        s.current = o.$$subscribeEvent(i, r);
+        s.current = o.$$subscribeEvent(r, i);
       }
       return c.current && e.registry && (e.registry.unregister(c.current), c.current = null), () => {
-        var r;
-        (r = s.current) == null || r.call(s), s.current = null;
+        var i;
+        (i = s.current) == null || i.call(s), s.current = null;
       };
-    }, [o, i]);
+    }, [o, r]);
   };
 }
-const vn = {
+const Dn = {
   registry: null
-}, Rn = Pn(vn), bt = (e = document) => {
+}, On = kn(Dn), ht = (e = document) => {
   const t = e.activeElement;
-  return t ? t.shadowRoot ? bt(t.shadowRoot) : t : null;
-}, Sn = (e, t) => {
-  let n = Pe(t).find((o) => {
+  return t ? t.shadowRoot ? ht(t.shadowRoot) : t : null;
+}, An = (e, t) => {
+  let n = Re(t).find((o) => {
     if (!e.isItemNavigable(o))
       return !1;
-    const i = e.getItemMeta(o);
-    return i && (i.parentId == null || e.isItemExpanded(i.parentId));
+    const r = e.getItemMeta(o);
+    return r && (r.parentId == null || e.isItemExpanded(r.parentId));
   });
-  return n == null && (n = Ie(e)), n;
-}, Be = ({
+  return n == null && (n = ge(e)), n;
+}, Ue = ({
   instance: e,
   params: t,
   state: n,
   setState: o,
-  models: i,
-  rootRef: g
+  models: r,
+  rootRef: I
 }) => {
-  const f = Sn(e, i.selectedItems.value), s = ce((p) => {
-    const b = typeof p == "function" ? p(n.focusedItemId) : p;
+  const p = An(e, r.selectedItems.value), s = ce((f) => {
+    const b = typeof f == "function" ? f(n.focusedItemId) : f;
     n.focusedItemId !== b && o((x) => C({}, x, {
       focusedItemId: b
     }));
-  }), m = w.useCallback(() => !!g.current && g.current.contains(bt(Zt(g.current))), [g]), c = w.useCallback((p) => n.focusedItemId === p && m(), [n.focusedItemId, m]), r = (p) => {
-    const b = e.getItemMeta(p);
+  }), u = E.useCallback(() => !!I.current && I.current.contains(ht(nn(I.current))), [I]), c = E.useCallback((f) => n.focusedItemId === f && u(), [n.focusedItemId, u]), i = (f) => {
+    const b = e.getItemMeta(f);
     return b && (b.parentId == null || e.isItemExpanded(b.parentId));
-  }, l = (p, b) => {
+  }, l = (f, b) => {
     const x = e.getItemDOMElement(b);
-    x && x.focus(), s(b), t.onItemFocus && t.onItemFocus(p, b);
-  }, u = ce((p, b) => {
-    r(b) && l(p, b);
+    x && x.focus(), s(b), t.onItemFocus && t.onItemFocus(f, b);
+  }, m = ce((f, b) => {
+    i(b) && l(f, b);
   }), a = ce(() => {
     if (n.focusedItemId == null)
       return;
@@ -926,38 +929,38 @@ const vn = {
       b && b.blur();
     }
     s(null);
-  }), h = (p) => p === f;
-  Rn(e, "removeItem", ({
-    id: p
+  }), h = (f) => f === p;
+  On(e, "removeItem", ({
+    id: f
   }) => {
-    n.focusedItemId === p && l(null, f);
+    n.focusedItemId === f && l(null, p);
   });
-  const I = (p) => (b) => {
+  const g = (f) => (b) => {
     var x;
-    (x = p.onFocus) == null || x.call(p, b), !b.defaultMuiPrevented && b.target === b.currentTarget && l(b, f);
+    (x = f.onFocus) == null || x.call(f, b), !b.defaultMuiPrevented && b.target === b.currentTarget && l(b, p);
   };
   return {
-    getRootProps: (p) => ({
-      onFocus: I(p)
+    getRootProps: (f) => ({
+      onFocus: g(f)
     }),
     publicAPI: {
-      focusItem: u
+      focusItem: m
     },
     instance: {
       isItemFocused: c,
       canItemBeTabbed: h,
-      focusItem: u,
+      focusItem: m,
       removeFocusedItem: a
     }
   };
 };
-Be.getInitialState = () => ({
+Ue.getInitialState = () => ({
   focusedItemId: null
 });
-Be.params = {
+Ue.params = {
   onItemFocus: !0
 };
-const re = (e, t) => e.getAvailablePlugins().has(t), kn = ({
+const re = (e, t) => e.getAvailablePlugins().has(t), Ln = ({
   props: e
 }) => {
   const {
@@ -965,85 +968,85 @@ const re = (e, t) => e.getAvailablePlugins().has(t), kn = ({
   } = ie(), {
     label: n,
     itemId: o
-  } = e, [i, g] = w.useState(n), f = t.isItemBeingEdited(o);
-  return w.useEffect(() => {
-    f || g(n);
-  }, [f, n]), {
+  } = e, [r, I] = E.useState(n), p = t.isItemBeingEdited(o);
+  return E.useEffect(() => {
+    p || I(n);
+  }, [p, n]), {
     propsEnhancers: {
       labelInput: ({
         externalEventHandlers: s,
-        interactions: m
+        interactions: u
       }) => t.isItemEditable(o) ? {
-        value: i ?? "",
+        value: r ?? "",
         "data-element": "labelInput",
         onChange: (a) => {
           var h;
-          (h = s.onChange) == null || h.call(s, a), g(a.target.value);
+          (h = s.onChange) == null || h.call(s, a), I(a.target.value);
         },
         onKeyDown: (a) => {
-          var I;
-          if ((I = s.onKeyDown) == null || I.call(s, a), a.defaultMuiPrevented)
+          var g;
+          if ((g = s.onKeyDown) == null || g.call(s, a), a.defaultMuiPrevented)
             return;
           const h = a.target;
-          a.key === "Enter" && h.value ? m.handleSaveItemLabel(a, h.value) : a.key === "Escape" && m.handleCancelItemLabelEditing(a);
+          a.key === "Enter" && h.value ? u.handleSaveItemLabel(a, h.value) : a.key === "Escape" && u.handleCancelItemLabelEditing(a);
         },
         onBlur: (a) => {
           var h;
-          (h = s.onBlur) == null || h.call(s, a), !a.defaultMuiPrevented && a.target.value && m.handleSaveItemLabel(a, a.target.value);
+          (h = s.onBlur) == null || h.call(s, a), !a.defaultMuiPrevented && a.target.value && u.handleSaveItemLabel(a, a.target.value);
         },
         autoFocus: !0,
         type: "text"
       } : {}
     }
   };
-}, _ = ({
+}, K = ({
   instance: e,
   state: t,
   setState: n,
   params: o
 }) => {
-  const i = w.useRef(t.editedItemId), g = (l) => i.current === l, f = (l) => {
-    n((u) => C({}, u, {
+  const r = E.useRef(t.editedItemId), I = (l) => r.current === l, p = (l) => {
+    n((m) => C({}, m, {
       editedItemId: l
-    })), i.current = l;
-  }, s = (l) => l === t.editedItemId, m = !!o.isItemEditable, c = (l) => {
-    if (l == null || !m)
+    })), r.current = l;
+  }, s = (l) => l === t.editedItemId, u = !!o.isItemEditable, c = (l) => {
+    if (l == null || !u)
       return !1;
-    const u = e.getItem(l);
-    return u ? typeof o.isItemEditable == "function" ? o.isItemEditable(u) : !!o.isItemEditable : !1;
-  }, r = (l, u) => {
-    if (!u)
+    const m = e.getItem(l);
+    return m ? typeof o.isItemEditable == "function" ? o.isItemEditable(m) : !!o.isItemEditable : !1;
+  }, i = (l, m) => {
+    if (!m)
       throw new Error(["MUI X: The Tree View component requires all items to have a `label` property.", "The label of an item cannot be empty.", l].join(`
 `));
     n((a) => {
       const h = a.items.itemMetaMap[l];
-      return h.label !== u ? C({}, a, {
+      return h.label !== m ? C({}, a, {
         items: C({}, a.items, {
           itemMetaMap: C({}, a.items.itemMetaMap, {
             [l]: C({}, h, {
-              label: u
+              label: m
             })
           })
         })
       }) : a;
-    }), o.onItemLabelChange && o.onItemLabelChange(l, u);
+    }), o.onItemLabelChange && o.onItemLabelChange(l, m);
   };
   return {
     instance: {
-      setEditedItemId: f,
+      setEditedItemId: p,
       isItemBeingEdited: s,
-      updateItemLabel: r,
+      updateItemLabel: i,
       isItemEditable: c,
-      isTreeViewEditable: m,
-      isItemBeingEditedRef: g
+      isTreeViewEditable: u,
+      isItemBeingEditedRef: I
     },
     publicAPI: {
-      updateItemLabel: r
+      updateItemLabel: i
     }
   };
 };
-_.itemPlugin = kn;
-_.getDefaultizedParams = ({
+K.itemPlugin = Ln;
+K.getDefaultizedParams = ({
   params: e,
   experimentalFeatures: t
 }) => {
@@ -1052,55 +1055,55 @@ _.getDefaultizedParams = ({
     isItemEditable: n ? e.isItemEditable ?? !1 : !1
   });
 };
-_.getInitialState = () => ({
+K.getInitialState = () => ({
   editedItemId: null
 });
-_.params = {
+K.params = {
   onItemLabelChange: !0,
   isItemEditable: !0
 };
-function Mn(e) {
+function Vn(e) {
   return !!e && e.length === 1 && !!e.match(/\S/);
 }
-const ht = ({
+const xt = ({
   instance: e,
   params: t,
   state: n
 }) => {
-  const o = Qt(), i = w.useRef({}), g = ce((r) => {
-    i.current = r(i.current);
+  const o = tn(), r = E.useRef({}), I = ce((i) => {
+    r.current = i(r.current);
   });
-  w.useEffect(() => {
+  E.useEffect(() => {
     if (e.areItemUpdatesPrevented())
       return;
-    const r = {}, l = (u) => {
-      r[u.id] = u.label.substring(0, 1).toLowerCase();
+    const i = {}, l = (m) => {
+      i[m.id] = m.label.substring(0, 1).toLowerCase();
     };
-    Object.values(n.items.itemMetaMap).forEach(l), i.current = r;
+    Object.values(n.items.itemMetaMap).forEach(l), r.current = i;
   }, [n.items.itemMetaMap, t.getItemId, e]);
-  const f = (r, l) => {
-    const u = l.toLowerCase(), a = (b) => {
+  const p = (i, l) => {
+    const m = l.toLowerCase(), a = (b) => {
       const x = we(e, b);
-      return x === null ? Ie(e) : x;
+      return x === null ? ge(e) : x;
     };
-    let h = null, I = a(r);
-    const p = {};
-    for (; h == null && !p[I]; )
-      i.current[I] === u ? h = I : (p[I] = !0, I = a(I));
+    let h = null, g = a(i);
+    const f = {};
+    for (; h == null && !f[g]; )
+      r.current[g] === m ? h = g : (f[g] = !0, g = a(g));
     return h;
-  }, s = (r) => !t.disableSelection && !e.isItemDisabled(r), m = (r) => !e.isItemDisabled(r) && e.isItemExpandable(r);
+  }, s = (i) => !t.disableSelection && !e.isItemDisabled(i), u = (i) => !e.isItemDisabled(i) && e.isItemExpandable(i);
   return {
     instance: {
-      updateFirstCharMap: g,
-      handleItemKeyDown: (r, l) => {
-        if (r.defaultMuiPrevented || r.altKey || ge(r.target, r.currentTarget))
+      updateFirstCharMap: I,
+      handleItemKeyDown: (i, l) => {
+        if (i.defaultMuiPrevented || i.altKey || be(i.target, i.currentTarget))
           return;
-        const u = r.ctrlKey || r.metaKey, a = r.key;
+        const m = i.ctrlKey || i.metaKey, a = i.key;
         switch (!0) {
           // Select the item when pressing "Space"
           case (a === " " && s(l)): {
-            r.preventDefault(), t.multiSelect && r.shiftKey ? e.expandSelectionRange(r, l) : e.selectItem({
-              event: r,
+            i.preventDefault(), t.multiSelect && i.shiftKey ? e.expandSelectionRange(i, l) : e.selectItem({
+              event: i,
               itemId: l,
               keepExistingSelection: t.multiSelect,
               shouldBeSelected: t.multiSelect ? void 0 : !0
@@ -1110,78 +1113,78 @@ const ht = ({
           // If the focused item has children, we expand it.
           // If the focused item has no children, we select it.
           case a === "Enter": {
-            re(e, _) && e.isItemEditable(l) && !e.isItemBeingEdited(l) ? e.setEditedItemId(l) : m(l) ? (e.toggleItemExpansion(r, l), r.preventDefault()) : s(l) && (t.multiSelect ? (r.preventDefault(), e.selectItem({
-              event: r,
+            re(e, K) && e.isItemEditable(l) && !e.isItemBeingEdited(l) ? e.setEditedItemId(l) : u(l) ? (e.toggleItemExpansion(i, l), i.preventDefault()) : s(l) && (t.multiSelect ? (i.preventDefault(), e.selectItem({
+              event: i,
               itemId: l,
               keepExistingSelection: !0
             })) : e.isItemSelected(l) || (e.selectItem({
-              event: r,
+              event: i,
               itemId: l
-            }), r.preventDefault()));
+            }), i.preventDefault()));
             break;
           }
           // Focus the next focusable item
           case a === "ArrowDown": {
             const h = we(e, l);
-            h && (r.preventDefault(), e.focusItem(r, h), t.multiSelect && r.shiftKey && s(h) && e.selectItemFromArrowNavigation(r, l, h));
+            h && (i.preventDefault(), e.focusItem(i, h), t.multiSelect && i.shiftKey && s(h) && e.selectItemFromArrowNavigation(i, l, h));
             break;
           }
           // Focuses the previous focusable item
           case a === "ArrowUp": {
-            const h = mt(e, l);
-            h && (r.preventDefault(), e.focusItem(r, h), t.multiSelect && r.shiftKey && s(h) && e.selectItemFromArrowNavigation(r, l, h));
+            const h = It(e, l);
+            h && (i.preventDefault(), e.focusItem(i, h), t.multiSelect && i.shiftKey && s(h) && e.selectItemFromArrowNavigation(i, l, h));
             break;
           }
           // If the focused item is expanded, we move the focus to its first child
           // If the focused item is collapsed and has children, we expand it
           case (a === "ArrowRight" && !o || a === "ArrowLeft" && o): {
-            if (u)
+            if (m)
               return;
             if (e.isItemExpanded(l)) {
               const h = we(e, l);
-              h && (e.focusItem(r, h), r.preventDefault());
-            } else m(l) && (e.toggleItemExpansion(r, l), r.preventDefault());
+              h && (e.focusItem(i, h), i.preventDefault());
+            } else u(l) && (e.toggleItemExpansion(i, l), i.preventDefault());
             break;
           }
           // If the focused item is expanded, we collapse it
           // If the focused item is collapsed and has a parent, we move the focus to this parent
           case (a === "ArrowLeft" && !o || a === "ArrowRight" && o): {
-            if (u)
+            if (m)
               return;
-            if (m(l) && e.isItemExpanded(l))
-              e.toggleItemExpansion(r, l), r.preventDefault();
+            if (u(l) && e.isItemExpanded(l))
+              e.toggleItemExpansion(i, l), i.preventDefault();
             else {
               const h = e.getItemMeta(l).parentId;
-              h && (e.focusItem(r, h), r.preventDefault());
+              h && (e.focusItem(i, h), i.preventDefault());
             }
             break;
           }
           // Focuses the first item in the tree
           case a === "Home": {
-            s(l) && t.multiSelect && u && r.shiftKey ? e.selectRangeFromStartToItem(r, l) : e.focusItem(r, Ie(e)), r.preventDefault();
+            s(l) && t.multiSelect && m && i.shiftKey ? e.selectRangeFromStartToItem(i, l) : e.focusItem(i, ge(e)), i.preventDefault();
             break;
           }
           // Focuses the last item in the tree
           case a === "End": {
-            s(l) && t.multiSelect && u && r.shiftKey ? e.selectRangeFromItemToEnd(r, l) : e.focusItem(r, It(e)), r.preventDefault();
+            s(l) && t.multiSelect && m && i.shiftKey ? e.selectRangeFromItemToEnd(i, l) : e.focusItem(i, gt(e)), i.preventDefault();
             break;
           }
           // Expand all siblings that are at the same level as the focused item
           case a === "*": {
-            e.expandAllSiblings(r, l), r.preventDefault();
+            e.expandAllSiblings(i, l), i.preventDefault();
             break;
           }
           // Multi select behavior when pressing Ctrl + a
           // Selects all the items
-          case (String.fromCharCode(r.keyCode) === "A" && u && t.multiSelect && !t.disableSelection): {
-            e.selectAllNavigableItems(r), r.preventDefault();
+          case (String.fromCharCode(i.keyCode) === "A" && m && t.multiSelect && !t.disableSelection): {
+            e.selectAllNavigableItems(i), i.preventDefault();
             break;
           }
           // Type-ahead
           // TODO: Support typing multiple characters
-          case (!u && !r.shiftKey && Mn(a)): {
-            const h = f(l, a);
-            h != null && (e.focusItem(r, h), r.preventDefault());
+          case (!m && !i.shiftKey && Vn(a)): {
+            const h = p(l, a);
+            h != null && (e.focusItem(i, h), i.preventDefault());
             break;
           }
         }
@@ -1189,8 +1192,8 @@ const ht = ({
     }
   };
 };
-ht.params = {};
-const xt = ({
+xt.params = {};
+const yt = ({
   slots: e,
   slotProps: t
 }) => ({
@@ -1209,9 +1212,9 @@ const xt = ({
     }
   }
 });
-xt.params = {};
-const On = [he, Se, ke, Be, ht, xt, _];
-function yt(e) {
+yt.params = {};
+const Fn = [he, Se, Me, Ue, xt, yt, K];
+function Tt(e) {
   const {
     instance: t,
     items: {
@@ -1219,72 +1222,72 @@ function yt(e) {
     },
     selection: {
       multiSelect: o,
-      checkboxSelection: i,
-      disableSelection: g
+      checkboxSelection: r,
+      disableSelection: I
     },
     expansion: {
-      expansionTrigger: f
+      expansionTrigger: p
     }
-  } = ie(), s = t.isItemExpandable(e), m = t.isItemExpanded(e), c = t.isItemFocused(e), r = t.isItemSelected(e), l = t.isItemDisabled(e), u = t != null && t.isItemBeingEdited ? t == null ? void 0 : t.isItemBeingEdited(e) : !1, a = t.isItemEditable ? t.isItemEditable(e) : !1, h = (E) => {
+  } = ie(), s = t.isItemExpandable(e), u = t.isItemExpanded(e), c = t.isItemFocused(e), i = t.isItemSelected(e), l = t.isItemDisabled(e), m = t != null && t.isItemBeingEdited ? t == null ? void 0 : t.isItemBeingEdited(e) : !1, a = t.isItemEditable ? t.isItemEditable(e) : !1, h = (w) => {
     if (!l) {
-      c || t.focusItem(E, e);
-      const R = o && (E.shiftKey || E.ctrlKey || E.metaKey);
-      s && !(R && t.isItemExpanded(e)) && t.toggleItemExpansion(E, e);
+      c || t.focusItem(w, e);
+      const P = o && (w.shiftKey || w.ctrlKey || w.metaKey);
+      s && !(P && t.isItemExpanded(e)) && t.toggleItemExpansion(w, e);
     }
-  }, I = (E) => {
-    l || (c || t.focusItem(E, e), o && (E.shiftKey || E.ctrlKey || E.metaKey) ? E.shiftKey ? t.expandSelectionRange(E, e) : t.selectItem({
-      event: E,
+  }, g = (w) => {
+    l || (c || t.focusItem(w, e), o && (w.shiftKey || w.ctrlKey || w.metaKey) ? w.shiftKey ? t.expandSelectionRange(w, e) : t.selectItem({
+      event: w,
       itemId: e,
       keepExistingSelection: !0
     }) : t.selectItem({
-      event: E,
+      event: w,
       itemId: e,
       shouldBeSelected: !0
     }));
-  }, p = (E) => {
-    if (g || l)
+  }, f = (w) => {
+    if (I || l)
       return;
-    const R = E.nativeEvent.shiftKey;
-    o && R ? t.expandSelectionRange(E, e) : t.selectItem({
-      event: E,
+    const P = w.nativeEvent.shiftKey;
+    o && P ? t.expandSelectionRange(w, e) : t.selectItem({
+      event: w,
       itemId: e,
       keepExistingSelection: o,
-      shouldBeSelected: E.target.checked
+      shouldBeSelected: w.target.checked
     });
-  }, b = (E) => {
-    (E.shiftKey || E.ctrlKey || E.metaKey || l) && E.preventDefault();
+  }, b = (w) => {
+    (w.shiftKey || w.ctrlKey || w.metaKey || l) && w.preventDefault();
   }, x = () => {
-    re(t, _) && t.isItemEditable(e) && (t.isItemBeingEdited(e) ? t.setEditedItemId(null) : t.setEditedItemId(e));
+    re(t, K) && t.isItemEditable(e) && (t.isItemBeingEdited(e) ? t.setEditedItemId(null) : t.setEditedItemId(e));
   };
   return {
     disabled: l,
-    expanded: m,
-    selected: r,
+    expanded: u,
+    selected: i,
     focused: c,
     editable: a,
-    editing: u,
-    disableSelection: g,
-    checkboxSelection: i,
+    editing: m,
+    disableSelection: I,
+    checkboxSelection: r,
     handleExpansion: h,
-    handleSelection: I,
-    handleCheckboxSelection: p,
+    handleSelection: g,
+    handleCheckboxSelection: f,
     handleContentClick: n,
     preventSelection: b,
-    expansionTrigger: f,
+    expansionTrigger: p,
     toggleItemEditing: x,
-    handleSaveItemLabel: (E, R) => {
-      re(t, _) && t.isItemBeingEditedRef(e) && (t.updateItemLabel(e, R), x(), t.focusItem(E, e));
+    handleSaveItemLabel: (w, P) => {
+      re(t, K) && t.isItemBeingEditedRef(e) && (t.updateItemLabel(e, P), x(), t.focusItem(w, e));
     },
-    handleCancelItemLabelEditing: (E) => {
-      re(t, _) && t.isItemBeingEditedRef(e) && (x(), t.focusItem(E, e));
+    handleCancelItemLabelEditing: (w) => {
+      re(t, K) && t.isItemBeingEditedRef(e) && (x(), t.focusItem(w, e));
     }
   };
 }
-const Dn = K("div", {
+const $n = _("div", {
   name: "MuiTreeItem2DragAndDropOverlay",
   slot: "Root",
   overridesResolver: (e, t) => t.root,
-  shouldForwardProp: (e) => ue(e) && e !== "action"
+  shouldForwardProp: (e) => pe(e) && e !== "action"
 })(({
   theme: e
 }) => ({
@@ -1331,7 +1334,7 @@ const Dn = K("div", {
   }]
 }));
 function ze(e) {
-  return e.action == null ? null : /* @__PURE__ */ v(Dn, C({}, e));
+  return e.action == null ? null : /* @__PURE__ */ v($n, C({}, e));
 }
 process.env.NODE_ENV !== "production" && (ze.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -1341,7 +1344,7 @@ process.env.NODE_ENV !== "production" && (ze.propTypes = {
   action: d.oneOf(["make-child", "move-to-parent", "reorder-above", "reorder-below"]),
   style: d.object
 });
-const Tt = K("input", {
+const Ct = _("input", {
   name: "MuiTreeItem2",
   slot: "LabelInput",
   overridesResolver: (e, t) => t.labelInput
@@ -1357,73 +1360,73 @@ const Tt = K("input", {
   "&:focus": {
     outline: `1px solid ${e.palette.primary.main}`
   }
-})), Vn = ["classes", "className", "displayIcon", "expansionIcon", "icon", "label", "itemId", "onClick", "onMouseDown", "dragAndDropOverlayProps", "labelInputProps"], Ue = /* @__PURE__ */ w.forwardRef(function(t, n) {
+})), Nn = ["classes", "className", "displayIcon", "expansionIcon", "icon", "label", "itemId", "onClick", "onMouseDown", "dragAndDropOverlayProps", "labelInputProps"], qe = /* @__PURE__ */ E.forwardRef(function(t, n) {
   const {
     classes: o,
-    className: i,
-    displayIcon: g,
-    expansionIcon: f,
+    className: r,
+    displayIcon: I,
+    expansionIcon: p,
     icon: s,
-    label: m,
+    label: u,
     itemId: c,
-    onClick: r,
+    onClick: i,
     onMouseDown: l,
-    dragAndDropOverlayProps: u,
+    dragAndDropOverlayProps: m,
     labelInputProps: a
-  } = t, h = G(t, Vn), {
-    disabled: I,
-    expanded: p,
+  } = t, h = G(t, Nn), {
+    disabled: g,
+    expanded: f,
     selected: b,
     focused: x,
-    editing: P,
-    editable: k,
-    disableSelection: E,
-    checkboxSelection: R,
-    handleExpansion: O,
-    handleSelection: $,
-    handleCheckboxSelection: U,
-    handleContentClick: N,
+    editing: R,
+    editable: M,
+    disableSelection: w,
+    checkboxSelection: P,
+    handleExpansion: D,
+    handleSelection: N,
+    handleCheckboxSelection: z,
+    handleContentClick: $,
     preventSelection: j,
-    expansionTrigger: Y,
+    expansionTrigger: Q,
     toggleItemEditing: B
-  } = yt(c), q = s || f || g, X = w.useRef(null), ee = (V) => {
-    j(V), l && l(V);
-  }, Q = (V) => {
+  } = Tt(c), q = s || p || I, X = E.useRef(null), ee = (A) => {
+    j(A), l && l(A);
+  }, Y = (A) => {
     var Z;
-    N == null || N(V, c), !((Z = X.current) != null && Z.contains(V.target)) && (Y === "content" && O(V), R || $(V), r && r(V));
-  }, te = (V) => {
-    V.defaultMuiPrevented || B();
+    $ == null || $(A, c), !((Z = X.current) != null && Z.contains(A.target)) && (Q === "content" && D(A), P || N(A), i && i(A));
+  }, te = (A) => {
+    A.defaultMuiPrevented || B();
   };
   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: Fe(o.root, i, p && o.expanded, b && o.selected, x && o.focused, I && o.disabled, P && o.editing, k && o.editable),
-      onClick: Q,
+      className: $e(o.root, r, f && o.expanded, b && o.selected, x && o.focused, g && o.disabled, R && o.editing, M && o.editable),
+      onClick: Y,
       onMouseDown: ee,
       ref: n,
       children: [/* @__PURE__ */ v("div", {
         className: o.iconContainer,
         children: q
-      }), R && /* @__PURE__ */ v(lt, {
+      }), P && /* @__PURE__ */ v(ct, {
         className: o.checkbox,
         checked: b,
-        onChange: U,
-        disabled: I || E,
+        onChange: z,
+        disabled: g || w,
         ref: X,
         tabIndex: -1
-      }), P ? /* @__PURE__ */ v(Tt, C({}, a, {
+      }), R ? /* @__PURE__ */ v(Ct, C({}, a, {
         className: o.labelInput
       })) : /* @__PURE__ */ v("div", C({
         className: o.label
-      }, k && {
+      }, M && {
         onDoubleClick: te
       }, {
-        children: m
-      })), u && /* @__PURE__ */ v(ze, C({}, u))]
+        children: u
+      })), m && /* @__PURE__ */ v(ze, C({}, m))]
     }))
   );
 });
-process.env.NODE_ENV !== "production" && (Ue.propTypes = {
+process.env.NODE_ENV !== "production" && (qe.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -1467,29 +1470,29 @@ process.env.NODE_ENV !== "production" && (Ue.propTypes = {
     value: d.string
   })
 });
-function Ct(e) {
-  return rt("MuiTreeItem", e);
+function Et(e) {
+  return st("MuiTreeItem", e);
 }
-const W = it("MuiTreeItem", ["root", "groupTransition", "content", "expanded", "selected", "focused", "disabled", "iconContainer", "label", "checkbox", "labelInput", "editable", "editing", "dragAndDropOverlay"]), Et = be(/* @__PURE__ */ v("path", {
+const W = lt("MuiTreeItem", ["root", "groupTransition", "content", "expanded", "selected", "focused", "disabled", "iconContainer", "label", "checkbox", "labelInput", "editable", "editing", "dragAndDropOverlay"]), wt = ue(/* @__PURE__ */ v("path", {
   d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-}), "TreeViewExpandIcon"), wt = be(/* @__PURE__ */ v("path", {
+}), "TreeViewExpandIcon"), Rt = ue(/* @__PURE__ */ v("path", {
   d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
 }), "TreeViewCollapseIcon");
-function Me(e) {
+function ke(e) {
   const {
     children: t,
     itemId: n
   } = e, {
     wrapItem: o,
-    instance: i
+    instance: r
   } = ie();
   return o({
     children: t,
     itemId: n,
-    instance: i
+    instance: r
   });
 }
-Me.propTypes = {
+ke.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -1497,7 +1500,7 @@ Me.propTypes = {
   children: d.node,
   itemId: d.string.isRequired
 };
-const An = ["children", "className", "slots", "slotProps", "ContentComponent", "ContentProps", "itemId", "id", "label", "onClick", "onMouseDown", "onFocus", "onBlur", "onKeyDown"], Ln = ["ownerState"], Fn = ["ownerState"], Nn = ["ownerState"], $n = $e(), jn = (e) => {
+const jn = ["children", "className", "slots", "slotProps", "ContentComponent", "ContentProps", "itemId", "id", "label", "onClick", "onMouseDown", "onFocus", "onBlur", "onKeyDown"], Kn = ["ownerState"], _n = ["ownerState"], Bn = ["ownerState"], Un = je(), zn = (e) => {
   const {
     classes: t
   } = e;
@@ -1515,8 +1518,8 @@ const An = ["children", "className", "slots", "slotProps", "ContentComponent", "
     editing: ["editing"],
     editable: ["editable"],
     groupTransition: ["groupTransition"]
-  }, Ct, t);
-}, _n = K("li", {
+  }, Et, t);
+}, qn = _("li", {
   name: "MuiTreeItem",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -1525,7 +1528,7 @@ const An = ["children", "className", "slots", "slotProps", "ContentComponent", "
   margin: 0,
   padding: 0,
   outline: 0
-}), Kn = K(Ue, {
+}), Gn = _(qe, {
   name: "MuiTreeItem",
   slot: "Content",
   overridesResolver: (e, t) => [t.content, t.iconContainer && {
@@ -1533,7 +1536,7 @@ const An = ["children", "className", "slots", "slotProps", "ContentComponent", "
   }, t.label && {
     [`& .${W.label}`]: t.label
   }],
-  shouldForwardProp: (e) => ue(e) && e !== "indentationAtItemLevel"
+  shouldForwardProp: (e) => pe(e) && e !== "indentationAtItemLevel"
 })(({
   theme: e
 }) => ({
@@ -1603,11 +1606,11 @@ const An = ["children", "className", "slots", "slotProps", "ContentComponent", "
       paddingLeft: `calc(${e.spacing(1)} + var(--TreeView-itemChildrenIndentation) * var(--TreeView-itemDepth))`
     }
   }]
-})), Bn = K(st, {
+})), Xn = _(at, {
   name: "MuiTreeItem",
   slot: "GroupTransition",
   overridesResolver: (e, t) => t.groupTransition,
-  shouldForwardProp: (e) => ue(e) && e !== "indentationAtItemLevel"
+  shouldForwardProp: (e) => pe(e) && e !== "indentationAtItemLevel"
 })({
   margin: 0,
   padding: 0,
@@ -1620,153 +1623,153 @@ const An = ["children", "className", "slots", "slotProps", "ContentComponent", "
       paddingLeft: 0
     }
   }]
-}), Pt = /* @__PURE__ */ w.forwardRef(function(t, n) {
-  var Je, Ye, Qe, Ze;
+}), vt = /* @__PURE__ */ E.forwardRef(function(t, n) {
+  var Qe, Ye, Ze, He;
   const {
     icons: o,
-    runItemPlugins: i,
+    runItemPlugins: r,
     items: {
-      disabledItemsFocusable: g,
-      indentationAtItemLevel: f
+      disabledItemsFocusable: I,
+      indentationAtItemLevel: p
     },
     selection: {
       disableSelection: s
     },
     expansion: {
-      expansionTrigger: m
+      expansionTrigger: u
     },
     treeId: c,
-    instance: r
-  } = ie(), l = w.useContext(Re), u = $n({
+    instance: i
+  } = ie(), l = E.useContext(Pe), m = Un({
     props: t,
     name: "MuiTreeItem"
   }), {
     children: a,
     className: h,
-    slots: I,
-    slotProps: p,
-    ContentComponent: b = Ue,
+    slots: g,
+    slotProps: f,
+    ContentComponent: b = qe,
     ContentProps: x,
-    itemId: P,
-    id: k,
-    label: E,
-    onClick: R,
-    onMouseDown: O,
-    onBlur: $,
-    onKeyDown: U
-  } = u, N = G(u, An), {
+    itemId: R,
+    id: M,
+    label: w,
+    onClick: P,
+    onMouseDown: D,
+    onBlur: N,
+    onKeyDown: z
+  } = m, $ = G(m, jn), {
     expanded: j,
-    focused: Y,
+    focused: Q,
     selected: B,
     disabled: q,
     editing: X,
     handleExpansion: ee,
-    handleCancelItemLabelEditing: Q,
+    handleCancelItemLabelEditing: Y,
     handleSaveItemLabel: te
-  } = yt(P);
-  process.env.NODE_ENV !== "production" && (u.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/."]), u.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/."]));
+  } = Tt(R);
+  process.env.NODE_ENV !== "production" && (m.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/."]), m.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/."]));
   const {
-    contentRef: V,
+    contentRef: A,
     rootRef: Z,
-    propsEnhancers: A
-  } = i(u), ne = w.useRef(null), Oe = w.useRef(null), qe = me(n, Z, ne), Ge = me(x == null ? void 0 : x.ref, V, Oe), 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
-  }, De = (M) => Array.isArray(M) ? M.length > 0 && M.some(De) : !!M, pe = De(a), xe = C({}, u, {
+    propsEnhancers: L
+  } = r(m), ne = E.useRef(null), De = E.useRef(null), Ge = Ie(n, Z, ne), Xe = Ie(x == null ? void 0 : x.ref, A, De), se = {
+    expandIcon: (g == null ? void 0 : g.expandIcon) ?? o.slots.expandIcon ?? wt,
+    collapseIcon: (g == null ? void 0 : g.collapseIcon) ?? o.slots.collapseIcon ?? Rt,
+    endIcon: (g == null ? void 0 : g.endIcon) ?? o.slots.endIcon,
+    icon: g == null ? void 0 : g.icon,
+    groupTransition: g == null ? void 0 : g.groupTransition
+  }, Oe = (k) => Array.isArray(k) ? k.length > 0 && k.some(Oe) : !!k, fe = Oe(a), xe = C({}, m, {
     expanded: j,
-    focused: Y,
+    focused: Q,
     selected: B,
     disabled: q,
-    indentationAtItemLevel: f
-  }), T = jn(xe), y = se.groupTransition ?? void 0, S = L({
+    indentationAtItemLevel: p
+  }), T = zn(xe), y = se.groupTransition ?? void 0, S = V({
     elementType: y,
     ownerState: {},
-    externalSlotProps: p == null ? void 0 : p.groupTransition,
+    externalSlotProps: f == null ? void 0 : f.groupTransition,
     additionalProps: C({
       unmountOnExit: !0,
       in: j,
       component: "ul",
       role: "group"
-    }, f ? {
+    }, p ? {
       indentationAtItemLevel: !0
     } : {}),
     className: T.groupTransition
-  }), D = (M) => {
-    m === "iconContainer" && ee(M);
-  }, F = j ? se.collapseIcon : se.expandIcon, oe = L({
+  }), O = (k) => {
+    u === "iconContainer" && ee(k);
+  }, F = j ? se.collapseIcon : se.expandIcon, oe = V({
     elementType: F,
     ownerState: {},
-    externalSlotProps: (M) => j ? C({}, H(o.slotProps.collapseIcon, M), H(p == null ? void 0 : p.collapseIcon, M)) : C({}, H(o.slotProps.expandIcon, M), H(p == null ? void 0 : p.expandIcon, M)),
+    externalSlotProps: (k) => j ? C({}, H(o.slotProps.collapseIcon, k), H(f == null ? void 0 : f.collapseIcon, k)) : C({}, H(o.slotProps.expandIcon, k), H(f == null ? void 0 : f.expandIcon, k)),
     additionalProps: {
-      onClick: D
+      onClick: O
     }
-  }), ye = G(oe, Ln), Te = pe && F ? /* @__PURE__ */ v(F, C({}, ye)) : null, Ve = pe ? void 0 : se.endIcon, Ft = L({
-    elementType: Ve,
-    ownerState: {},
-    externalSlotProps: (M) => pe ? {} : C({}, H(o.slotProps.endIcon, M), H(p == null ? void 0 : p.endIcon, M))
-  }), Nt = G(Ft, Fn), $t = Ve ? /* @__PURE__ */ v(Ve, C({}, Nt)) : null, Ae = se.icon, jt = L({
+  }), ye = G(oe, Kn), Te = fe && F ? /* @__PURE__ */ v(F, C({}, ye)) : null, Ae = fe ? void 0 : se.endIcon, Nt = V({
     elementType: Ae,
     ownerState: {},
-    externalSlotProps: p == null ? void 0 : p.icon
-  }), _t = G(jt, Nn), Kt = Ae ? /* @__PURE__ */ v(Ae, C({}, _t)) : null;
+    externalSlotProps: (k) => fe ? {} : C({}, H(o.slotProps.endIcon, k), H(f == null ? void 0 : f.endIcon, k))
+  }), jt = G(Nt, _n), Kt = Ae ? /* @__PURE__ */ v(Ae, C({}, jt)) : null, Le = se.icon, _t = V({
+    elementType: Le,
+    ownerState: {},
+    externalSlotProps: f == null ? void 0 : f.icon
+  }), Bt = G(_t, Bn), Ut = Le ? /* @__PURE__ */ v(Le, C({}, Bt)) : null;
   let Ce;
   B ? Ce = !0 : s || q ? Ce = void 0 : Ce = !1;
-  function Bt(M) {
-    !Y && (!q || g) && M.currentTarget === M.target && r.focusItem(M, P);
+  function zt(k) {
+    !Q && (!q || I) && k.currentTarget === k.target && i.focusItem(k, R);
   }
-  function zt(M) {
-    var le, fe, He, et;
-    $ == null || $(M), !(X || // we can exit the editing state by clicking outside the input (within the Tree Item) or by pressing Enter or Escape -> we don't want to remove the focused item from the state in these cases
+  function qt(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
     // we can also exit the editing state by clicking on the root itself -> want to remove the focused item from the state in this case
-    M.relatedTarget && ge(M.relatedTarget, ne.current) && (M.target && ((fe = (le = M.target) == null ? void 0 : le.dataset) == null ? void 0 : fe.element) === "labelInput" && ge(M.target, ne.current) || ((et = (He = M.relatedTarget) == null ? void 0 : He.dataset) == null ? void 0 : et.element) === "labelInput")) && r.removeFocusedItem();
+    k.relatedTarget && be(k.relatedTarget, ne.current) && (k.target && ((me = (le = k.target) == null ? void 0 : le.dataset) == null ? void 0 : me.element) === "labelInput" && be(k.target, ne.current) || ((tt = (et = k.relatedTarget) == null ? void 0 : et.dataset) == null ? void 0 : tt.element) === "labelInput")) && i.removeFocusedItem();
   }
-  const Ut = (M) => {
-    var le, fe;
-    U == null || U(M), ((fe = (le = M.target) == null ? void 0 : le.dataset) == null ? void 0 : fe.element) !== "labelInput" && r.handleItemKeyDown(M, P);
-  }, qt = je({
-    itemId: P,
+  const Gt = (k) => {
+    var le, me;
+    z == null || z(k), ((me = (le = k.target) == null ? void 0 : le.dataset) == null ? void 0 : me.element) !== "labelInput" && i.handleItemKeyDown(k, R);
+  }, Xt = Ke({
+    itemId: R,
     treeId: c,
-    id: k
-  }), Gt = r.canItemBeTabbed(P) ? 0 : -1, Ee = {
+    id: M
+  }), Wt = i.canItemBeTabbed(R) ? 0 : -1, Ee = {
     rootRefObject: ne,
-    contentRefObject: Oe,
+    contentRefObject: De,
     interactions: {
       handleSaveItemLabel: te,
-      handleCancelItemLabelEditing: Q
+      handleCancelItemLabelEditing: Y
     }
-  }, Xt = ((Je = A.root) == null ? void 0 : Je.call(A, C({}, Ee, {
-    externalEventHandlers: z(N)
-  }))) ?? {}, Wt = ((Ye = A.content) == null ? void 0 : Ye.call(A, C({}, Ee, {
-    externalEventHandlers: z(x)
-  }))) ?? {}, Xe = ((Qe = A.dragAndDropOverlay) == null ? void 0 : Qe.call(A, C({}, Ee, {
+  }, Jt = ((Qe = L.root) == null ? void 0 : Qe.call(L, C({}, Ee, {
+    externalEventHandlers: U($)
+  }))) ?? {}, Qt = ((Ye = L.content) == null ? void 0 : Ye.call(L, C({}, Ee, {
+    externalEventHandlers: U(x)
+  }))) ?? {}, We = ((Ze = L.dragAndDropOverlay) == null ? void 0 : Ze.call(L, C({}, Ee, {
     externalEventHandlers: {}
-  }))) ?? {}, We = ((Ze = A.labelInput) == null ? void 0 : Ze.call(A, C({}, Ee, {
+  }))) ?? {}, Je = ((He = L.labelInput) == null ? void 0 : He.call(L, C({}, Ee, {
     externalEventHandlers: {}
   }))) ?? {};
-  return /* @__PURE__ */ v(Me, {
-    itemId: P,
-    children: /* @__PURE__ */ de(_n, C({
-      className: Fe(T.root, h),
+  return /* @__PURE__ */ v(ke, {
+    itemId: R,
+    children: /* @__PURE__ */ de(qn, C({
+      className: $e(T.root, h),
       role: "treeitem",
-      "aria-expanded": pe ? j : void 0,
+      "aria-expanded": fe ? j : void 0,
       "aria-selected": Ce,
       "aria-disabled": q || void 0,
-      id: qt,
-      tabIndex: Gt
-    }, N, {
+      id: Xt,
+      tabIndex: Wt
+    }, $, {
       ownerState: xe,
-      onFocus: Bt,
-      onBlur: zt,
-      onKeyDown: Ut,
-      ref: qe,
-      style: f ? C({}, N.style, {
-        "--TreeView-itemDepth": typeof l == "function" ? l(P) : l
-      }) : N.style
-    }, Xt, {
-      children: [/* @__PURE__ */ v(Kn, C({
+      onFocus: zt,
+      onBlur: qt,
+      onKeyDown: Gt,
+      ref: Ge,
+      style: p ? C({}, $.style, {
+        "--TreeView-itemDepth": typeof l == "function" ? l(R) : l
+      }) : $.style
+    }, Jt, {
+      children: [/* @__PURE__ */ v(Gn, C({
         as: b,
         classes: {
           root: T.content,
@@ -1781,21 +1784,21 @@ const An = ["children", "className", "slots", "slotProps", "ContentComponent", "
           labelInput: T.labelInput,
           checkbox: T.checkbox
         },
-        label: E,
-        itemId: P,
-        onClick: R,
-        onMouseDown: O,
-        icon: Kt,
+        label: w,
+        itemId: R,
+        onClick: P,
+        onMouseDown: D,
+        icon: Ut,
         expansionIcon: Te,
-        displayIcon: $t,
+        displayIcon: Kt,
         ownerState: xe
-      }, x, Wt, Xe.action == null ? {} : {
-        dragAndDropOverlayProps: Xe
-      }, We.value == null ? {} : {
-        labelInputProps: We
+      }, x, Qt, We.action == null ? {} : {
+        dragAndDropOverlayProps: We
+      }, Je.value == null ? {} : {
+        labelInputProps: Je
       }, {
-        ref: Ge
-      })), a && /* @__PURE__ */ v(Bn, C({
+        ref: Xe
+      })), a && /* @__PURE__ */ v(Xn, C({
         as: y
       }, S, {
         children: a
@@ -1803,7 +1806,7 @@ const An = ["children", "className", "slots", "slotProps", "ContentComponent", "
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (Pt.propTypes = {
+process.env.NODE_ENV !== "production" && (vt.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -1822,7 +1825,7 @@ process.env.NODE_ENV !== "production" && (Pt.propTypes = {
    * @deprecated Consider using the `<TreeItem2 />` component or the `useTreeItem2` hook instead. For more details, see https://mui.com/x/react-tree-view/tree-item-customization/.
    * @default TreeItemContent
    */
-  ContentComponent: Ht,
+  ContentComponent: on,
   /**
    * 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/.
@@ -1845,7 +1848,7 @@ process.env.NODE_ENV !== "production" && (Pt.propTypes = {
    * This prop isn't supported.
    * Use the `onItemFocus` callback on the tree if you need to monitor a item's focus.
    */
-  onFocus: at,
+  onFocus: dt,
   /**
    * Callback fired when a key of the keyboard is pressed on the item.
    */
@@ -1865,61 +1868,61 @@ process.env.NODE_ENV !== "production" && (Pt.propTypes = {
    */
   sx: d.oneOfType([d.arrayOf(d.oneOfType([d.func, d.object, d.bool])), d.func, d.object])
 });
-const zn = ["ownerState"];
-function Un({
+const Wn = ["ownerState"];
+function Jn({
   slots: e,
   slotProps: t,
   label: n,
   id: o,
-  itemId: i,
-  itemsToRender: g
+  itemId: r,
+  itemsToRender: I
 }) {
-  const f = (e == null ? void 0 : e.item) ?? Pt, s = L({
-    elementType: f,
+  const p = (e == null ? void 0 : e.item) ?? vt, s = V({
+    elementType: p,
     externalSlotProps: t == null ? void 0 : t.item,
     additionalProps: {
-      itemId: i,
+      itemId: r,
       id: o,
       label: n
     },
     ownerState: {
-      itemId: i,
+      itemId: r,
       label: n
     }
-  }), m = G(s, zn), c = w.useMemo(() => g ? /* @__PURE__ */ v(vt, {
-    itemsToRender: g,
+  }), u = G(s, Wn), c = E.useMemo(() => I ? /* @__PURE__ */ v(Pt, {
+    itemsToRender: I,
     slots: e,
     slotProps: t
-  }) : null, [g, e, t]);
-  return /* @__PURE__ */ v(f, C({}, m, {
+  }) : null, [I, e, t]);
+  return /* @__PURE__ */ v(p, C({}, u, {
     children: c
   }));
 }
-function vt(e) {
+function Pt(e) {
   const {
     itemsToRender: t,
     slots: n,
     slotProps: o
   } = e;
-  return /* @__PURE__ */ v(w.Fragment, {
-    children: t.map((i) => /* @__PURE__ */ v(Un, {
+  return /* @__PURE__ */ v(E.Fragment, {
+    children: t.map((r) => /* @__PURE__ */ v(Jn, {
       slots: n,
       slotProps: o,
-      label: i.label,
-      id: i.id,
-      itemId: i.itemId,
-      itemsToRender: i.children
-    }, i.itemId))
+      label: r.label,
+      id: r.id,
+      itemId: r.itemId,
+      itemsToRender: r.children
+    }, r.itemId))
   });
 }
-const qn = $e(), Gn = (e) => {
+const Qn = je(), Yn = (e) => {
   const {
     classes: t
   } = e;
   return Ne({
     root: ["root"]
-  }, nn, t);
-}, Xn = K("ul", {
+  }, an, t);
+}, Zn = _("ul", {
   name: "MuiRichTreeView",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -1929,42 +1932,42 @@ const qn = $e(), Gn = (e) => {
   listStyle: "none",
   outline: 0,
   position: "relative"
-}), Rt = /* @__PURE__ */ w.forwardRef(function(t, n) {
-  const o = qn({
+}), St = /* @__PURE__ */ E.forwardRef(function(t, n) {
+  const o = Qn({
     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/."]);
   const {
-    getRootProps: i,
-    contextValue: g,
-    instance: f
-  } = fn({
-    plugins: On,
+    getRootProps: r,
+    contextValue: I,
+    instance: p
+  } = hn({
+    plugins: Fn,
     rootRef: n,
     props: o
   }), {
     slots: s,
-    slotProps: m
-  } = o, c = Gn(o), r = (s == null ? void 0 : s.root) ?? Xn, l = L({
-    elementType: r,
-    externalSlotProps: m == null ? void 0 : m.root,
+    slotProps: u
+  } = o, c = Yn(o), i = (s == null ? void 0 : s.root) ?? Zn, l = V({
+    elementType: i,
+    externalSlotProps: u == null ? void 0 : u.root,
     className: c.root,
-    getSlotProps: i,
+    getSlotProps: r,
     ownerState: o
   });
-  return /* @__PURE__ */ v(mn, {
-    value: g,
-    children: /* @__PURE__ */ v(r, C({}, l, {
-      children: /* @__PURE__ */ v(vt, {
+  return /* @__PURE__ */ v(xn, {
+    value: I,
+    children: /* @__PURE__ */ v(i, C({}, l, {
+      children: /* @__PURE__ */ v(Pt, {
         slots: s,
-        slotProps: m,
-        itemsToRender: f.getItemsToRender()
+        slotProps: u,
+        itemsToRender: p.getItemsToRender()
       })
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (Rt.propTypes = {
+process.env.NODE_ENV !== "production" && (St.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -2152,7 +2155,7 @@ process.env.NODE_ENV !== "production" && (Rt.propTypes = {
    */
   sx: d.oneOfType([d.arrayOf(d.oneOfType([d.func, d.object, d.bool])), d.func, d.object])
 });
-const St = (e) => Array.isArray(e) ? e.length > 0 && e.some(St) : !!e, Wn = ({
+const Mt = (e) => Array.isArray(e) ? e.length > 0 && e.some(Mt) : !!e, Hn = ({
   itemId: e,
   children: t
 }) => {
@@ -2161,25 +2164,25 @@ const St = (e) => Array.isArray(e) ? e.length > 0 && e.some(St) : !!e, Wn = ({
     selection: {
       multiSelect: o
     },
-    publicAPI: i
-  } = ie(), g = {
-    expandable: St(t),
+    publicAPI: r
+  } = ie(), I = {
+    expandable: Mt(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
-  }, f = (a) => {
-    if (g.disabled)
+  }, p = (a) => {
+    if (I.disabled)
       return;
-    g.focused || n.focusItem(a, e);
+    I.focused || n.focusItem(a, e);
     const h = o && (a.shiftKey || a.ctrlKey || a.metaKey);
-    g.expandable && !(h && n.isItemExpanded(e)) && n.toggleItemExpansion(a, e);
+    I.expandable && !(h && n.isItemExpanded(e)) && n.toggleItemExpansion(a, e);
   }, s = (a) => {
-    if (g.disabled)
+    if (I.disabled)
       return;
-    g.focused || n.focusItem(a, e), o && (a.shiftKey || a.ctrlKey || a.metaKey) ? a.shiftKey ? n.expandSelectionRange(a, e) : n.selectItem({
+    I.focused || n.focusItem(a, e), o && (a.shiftKey || a.ctrlKey || a.metaKey) ? a.shiftKey ? n.expandSelectionRange(a, e) : n.selectItem({
       event: a,
       itemId: e,
       keepExistingSelection: !0
@@ -2188,7 +2191,7 @@ const St = (e) => Array.isArray(e) ? e.length > 0 && e.some(St) : !!e, Wn = ({
       itemId: e,
       shouldBeSelected: !0
     });
-  }, m = (a) => {
+  }, u = (a) => {
     const h = a.nativeEvent.shiftKey;
     o && h ? n.expandSelectionRange(a, e) : n.selectItem({
       event: a,
@@ -2197,218 +2200,218 @@ const St = (e) => Array.isArray(e) ? e.length > 0 && e.some(St) : !!e, Wn = ({
       shouldBeSelected: a.target.checked
     });
   }, c = () => {
-    re(n, _) && n.isItemEditable(e) && (n.isItemBeingEdited(e) ? n.setEditedItemId(null) : n.setEditedItemId(e));
+    re(n, K) && n.isItemEditable(e) && (n.isItemBeingEdited(e) ? n.setEditedItemId(null) : n.setEditedItemId(e));
   };
   return {
     interactions: {
-      handleExpansion: f,
+      handleExpansion: p,
       handleSelection: s,
-      handleCheckboxSelection: m,
+      handleCheckboxSelection: u,
       toggleItemEditing: c,
       handleSaveItemLabel: (a, h) => {
-        re(n, _) && n.isItemBeingEditedRef(e) && (n.updateItemLabel(e, h), c(), n.focusItem(a, e));
+        re(n, K) && n.isItemBeingEditedRef(e) && (n.updateItemLabel(e, h), c(), n.focusItem(a, e));
       },
       handleCancelItemLabelEditing: (a) => {
-        re(n, _) && n.isItemBeingEditedRef(e) && (c(), n.focusItem(a, e));
+        re(n, K) && n.isItemBeingEditedRef(e) && (c(), n.focusItem(a, e));
       }
     },
-    status: g,
-    publicAPI: i
+    status: I,
+    publicAPI: r
   };
-}, Jn = (e) => {
+}, eo = (e) => {
   const {
     runItemPlugins: t,
     items: {
       onItemClick: n,
       disabledItemsFocusable: o,
-      indentationAtItemLevel: i
+      indentationAtItemLevel: r
     },
     selection: {
-      disableSelection: g,
-      checkboxSelection: f
+      disableSelection: I,
+      checkboxSelection: p
     },
     expansion: {
       expansionTrigger: s
     },
-    treeId: m,
+    treeId: u,
     instance: c,
-    publicAPI: r
-  } = ie(), l = w.useContext(Re), {
-    id: u,
+    publicAPI: i
+  } = ie(), l = E.useContext(Pe), {
+    id: m,
     itemId: a,
     label: h,
-    children: I,
-    rootRef: p
+    children: g,
+    rootRef: f
   } = e, {
     rootRef: b,
     contentRef: x,
-    propsEnhancers: P
+    propsEnhancers: R
   } = t(e), {
-    interactions: k,
-    status: E
-  } = Wn({
+    interactions: M,
+    status: w
+  } = Hn({
     itemId: a,
-    children: I
-  }), R = w.useRef(null), O = w.useRef(null), $ = me(p, b, R), U = me(x, O), N = w.useRef(null), j = je({
+    children: g
+  }), P = E.useRef(null), D = E.useRef(null), N = Ie(f, b, P), z = Ie(x, D), $ = E.useRef(null), j = Ke({
     itemId: a,
-    treeId: m,
-    id: u
-  }), Y = c.canItemBeTabbed(a) ? 0 : -1, B = {
-    rootRefObject: R,
-    contentRefObject: O,
-    interactions: k
+    treeId: u,
+    id: m
+  }), Q = c.canItemBeTabbed(a) ? 0 : -1, B = {
+    rootRefObject: P,
+    contentRefObject: D,
+    interactions: M
   }, q = (T) => (y) => {
-    var D;
-    if ((D = T.onFocus) == null || D.call(T, y), y.defaultMuiPrevented)
+    var O;
+    if ((O = T.onFocus) == null || O.call(T, y), y.defaultMuiPrevented)
       return;
-    const S = !E.disabled || o;
-    !E.focused && S && y.currentTarget === y.target && c.focusItem(y, a);
+    const S = !w.disabled || o;
+    !w.focused && S && y.currentTarget === y.target && c.focusItem(y, a);
   }, X = (T) => (y) => {
-    var D, F, oe, ye, Te;
-    if ((D = T.onBlur) == null || D.call(T, y), y.defaultMuiPrevented)
+    var O, F, oe, ye, Te;
+    if ((O = T.onBlur) == null || O.call(T, y), y.defaultMuiPrevented)
       return;
     const S = c.getItemDOMElement(a);
-    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
+    w.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 && ge(y.relatedTarget, S) && (y.target && ((oe = (F = y.target) == null ? void 0 : F.dataset) == null ? void 0 : oe.element) === "labelInput" && ge(y.target, S) || ((Te = (ye = y.relatedTarget) == null ? void 0 : ye.dataset) == null ? void 0 : Te.element) === "labelInput") || c.removeFocusedItem();
+    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, D, F;
-    (S = T.onKeyDown) == null || S.call(T, y), !(y.defaultMuiPrevented || ((F = (D = y.target) == null ? void 0 : D.dataset) == null ? void 0 : F.element) === "labelInput") && c.handleItemKeyDown(y, a);
-  }, Q = (T) => (y) => {
+    var S, O, F;
+    (S = T.onKeyDown) == null || S.call(T, y), !(y.defaultMuiPrevented || ((F = (O = y.target) == null ? void 0 : O.dataset) == null ? void 0 : F.element) === "labelInput") && c.handleItemKeyDown(y, a);
+  }, Y = (T) => (y) => {
     var S;
-    (S = T.onDoubleClick) == null || S.call(T, y), !y.defaultMuiPrevented && k.toggleItemEditing();
+    (S = T.onDoubleClick) == null || S.call(T, y), !y.defaultMuiPrevented && M.toggleItemEditing();
   }, te = (T) => (y) => {
-    var S, D;
-    (S = T.onClick) == null || S.call(T, y), n == null || n(y, a), !(y.defaultMuiPrevented || (D = N.current) != null && D.contains(y.target)) && (s === "content" && k.handleExpansion(y), f || k.handleSelection(y));
-  }, V = (T) => (y) => {
+    var S, O;
+    (S = T.onClick) == null || S.call(T, y), n == null || n(y, a), !(y.defaultMuiPrevented || (O = $.current) != null && O.contains(y.target)) && (s === "content" && M.handleExpansion(y), p || 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();
+    (S = T.onMouseDown) == null || S.call(T, y), !y.defaultMuiPrevented && (y.shiftKey || y.ctrlKey || y.metaKey || w.disabled) && y.preventDefault();
   }, Z = (T) => (y) => {
     var S;
-    (S = T.onChange) == null || S.call(T, y), !y.defaultMuiPrevented && (g || E.disabled || k.handleCheckboxSelection(y));
-  }, A = (T) => (y) => {
+    (S = T.onChange) == null || S.call(T, y), !y.defaultMuiPrevented && (I || w.disabled || M.handleCheckboxSelection(y));
+  }, L = (T) => (y) => {
     var S;
-    (S = T.onClick) == null || S.call(T, y), !y.defaultMuiPrevented && s === "iconContainer" && k.handleExpansion(y);
+    (S = T.onClick) == null || S.call(T, y), !y.defaultMuiPrevented && s === "iconContainer" && M.handleExpansion(y);
   };
   return {
     getRootProps: (T = {}) => {
       var oe;
-      const y = C({}, z(e), z(T));
+      const y = C({}, U(e), U(T));
       let S;
-      E.selected ? S = !0 : g || E.disabled ? S = void 0 : S = !1;
-      const D = C({}, y, {
-        ref: $,
+      w.selected ? S = !0 : I || w.disabled ? S = void 0 : S = !1;
+      const O = C({}, y, {
+        ref: N,
         role: "treeitem",
-        tabIndex: Y,
+        tabIndex: Q,
         id: j,
-        "aria-expanded": E.expandable ? E.expanded : void 0,
+        "aria-expanded": w.expandable ? w.expanded : void 0,
         "aria-selected": S,
-        "aria-disabled": E.disabled || void 0
+        "aria-disabled": w.disabled || void 0
       }, T, {
         onFocus: q(y),
         onBlur: X(y),
         onKeyDown: ee(y)
       });
-      i && (D.style = {
+      r && (O.style = {
         "--TreeView-itemDepth": typeof l == "function" ? l(a) : l
       });
-      const F = ((oe = P.root) == null ? void 0 : oe.call(P, C({}, B, {
+      const F = ((oe = R.root) == null ? void 0 : oe.call(R, C({}, B, {
         externalEventHandlers: y
       }))) ?? {};
-      return C({}, D, F);
+      return C({}, O, F);
     },
     getContentProps: (T = {}) => {
       var F;
-      const y = z(T), S = C({}, y, T, {
-        ref: U,
+      const y = U(T), S = C({}, y, T, {
+        ref: z,
         onClick: te(y),
-        onMouseDown: V(y),
-        status: E
+        onMouseDown: A(y),
+        status: w
       });
-      i && (S.indentationAtItemLevel = !0);
-      const D = ((F = P.content) == null ? void 0 : F.call(P, C({}, B, {
+      r && (S.indentationAtItemLevel = !0);
+      const O = ((F = R.content) == null ? void 0 : F.call(R, C({}, B, {
         externalEventHandlers: y
       }))) ?? {};
-      return C({}, S, D);
+      return C({}, S, O);
     },
     getGroupTransitionProps: (T = {}) => {
-      const y = z(T), S = C({}, y, {
+      const y = U(T), S = C({}, y, {
         unmountOnExit: !0,
         component: "ul",
         role: "group",
-        in: E.expanded,
-        children: I
+        in: w.expanded,
+        children: g
       }, T);
-      return i && (S.indentationAtItemLevel = !0), S;
+      return r && (S.indentationAtItemLevel = !0), S;
     },
     getIconContainerProps: (T = {}) => {
-      const y = z(T);
+      const y = U(T);
       return C({}, y, T, {
-        onClick: A(y)
+        onClick: L(y)
       });
     },
     getCheckboxProps: (T = {}) => {
-      const y = z(T);
+      const y = U(T);
       return C({}, y, {
-        visible: f,
-        ref: N,
-        checked: E.selected,
-        disabled: g || E.disabled,
+        visible: p,
+        ref: $,
+        checked: w.selected,
+        disabled: I || w.disabled,
         tabIndex: -1
       }, T, {
         onChange: Z(y)
       });
     },
     getLabelProps: (T = {}) => {
-      const y = C({}, z(T)), S = C({}, y, {
+      const y = C({}, U(T)), S = C({}, y, {
         children: h
       }, T, {
-        onDoubleClick: Q(y)
+        onDoubleClick: Y(y)
       });
-      return c.isTreeViewEditable && (S.editable = E.editable), S;
+      return c.isTreeViewEditable && (S.editable = w.editable), S;
     },
     getLabelInputProps: (T = {}) => {
-      var D;
-      const y = z(T), S = ((D = P.labelInput) == null ? void 0 : D.call(P, {
-        rootRefObject: R,
-        contentRefObject: O,
+      var O;
+      const y = U(T), S = ((O = R.labelInput) == null ? void 0 : O.call(R, {
+        rootRefObject: P,
+        contentRefObject: D,
         externalEventHandlers: y,
-        interactions: k
+        interactions: M
       })) ?? {};
       return C({}, T, S);
     },
     getDragAndDropOverlayProps: (T = {}) => {
-      var D;
-      const y = z(T), S = ((D = P.dragAndDropOverlay) == null ? void 0 : D.call(P, C({}, B, {
+      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: $,
-    status: E,
-    publicAPI: r
+    rootRef: N,
+    status: w,
+    publicAPI: i
   };
-}, kt = Jn;
-function Mt(e) {
+}, kt = eo;
+function Dt(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
-  }), f = i.icons.slotProps;
+  } = e, r = ie(), I = C({}, r.icons.slots, {
+    expandIcon: r.icons.slots.expandIcon ?? wt,
+    collapseIcon: r.icons.slots.collapseIcon ?? Rt
+  }), p = r.icons.slotProps;
   let s;
   t != null && t.icon ? s = "icon" : o.expandable ? o.expanded ? s = "collapseIcon" : s = "expandIcon" : s = "endIcon";
-  const m = (t == null ? void 0 : t[s]) ?? g[s], c = L({
-    elementType: m,
-    externalSlotProps: (r) => C({}, H(f[s], r), H(n == null ? void 0 : n[s], r)),
+  const u = (t == null ? void 0 : t[s]) ?? I[s], c = V({
+    elementType: u,
+    externalSlotProps: (i) => C({}, H(p[s], i), H(n == null ? void 0 : n[s], i)),
     // TODO: Add proper ownerState
     ownerState: {}
   });
-  return m ? /* @__PURE__ */ v(m, C({}, c)) : null;
+  return u ? /* @__PURE__ */ v(u, C({}, c)) : null;
 }
-process.env.NODE_ENV !== "production" && (Mt.propTypes = {
+process.env.NODE_ENV !== "production" && (Dt.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -2433,7 +2436,7 @@ process.env.NODE_ENV !== "production" && (Mt.propTypes = {
     selected: d.bool.isRequired
   }).isRequired
 });
-const Yn = ["visible"], Qn = ["id", "itemId", "label", "disabled", "children", "slots", "slotProps"], Zn = $e(), Ot = K("li", {
+const to = ["visible"], no = ["id", "itemId", "label", "disabled", "children", "slots", "slotProps"], oo = je(), Ot = _("li", {
   name: "MuiTreeItem2",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -2442,11 +2445,11 @@ const Yn = ["visible"], Qn = ["id", "itemId", "label", "disabled", "children", "
   margin: 0,
   padding: 0,
   outline: 0
-}), Dt = K("div", {
+}), At = _("div", {
   name: "MuiTreeItem2",
   slot: "Content",
   overridesResolver: (e, t) => t.content,
-  shouldForwardProp: (e) => ue(e) && e !== "status" && e !== "indentationAtItemLevel"
+  shouldForwardProp: (e) => pe(e) && e !== "status" && e !== "indentationAtItemLevel"
 })(({
   theme: e
 }) => ({
@@ -2512,11 +2515,11 @@ const Yn = ["visible"], Qn = ["id", "itemId", "label", "disabled", "children", "
       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)
     }
   }]
-})), Vt = K("div", {
+})), Lt = _("div", {
   name: "MuiTreeItem2",
   slot: "Label",
   overridesResolver: (e, t) => t.label,
-  shouldForwardProp: (e) => ue(e) && e !== "editable"
+  shouldForwardProp: (e) => pe(e) && e !== "editable"
 })(({
   theme: e
 }) => C({
@@ -2536,7 +2539,7 @@ const Yn = ["visible"], Qn = ["id", "itemId", "label", "disabled", "children", "
       paddingLeft: "2px"
     }
   }]
-})), At = K("div", {
+})), Vt = _("div", {
   name: "MuiTreeItem2",
   slot: "IconContainer",
   overridesResolver: (e, t) => t.iconContainer
@@ -2548,11 +2551,11 @@ const Yn = ["visible"], Qn = ["id", "itemId", "label", "disabled", "children", "
   "& svg": {
     fontSize: 18
   }
-}), Lt = K(st, {
+}), Ft = _(at, {
   name: "MuiTreeItem2",
   slot: "GroupTransition",
   overridesResolver: (e, t) => t.groupTransition,
-  shouldForwardProp: (e) => ue(e) && e !== "indentationAtItemLevel"
+  shouldForwardProp: (e) => pe(e) && e !== "indentationAtItemLevel"
 })({
   margin: 0,
   padding: 0,
@@ -2565,11 +2568,11 @@ const Yn = ["visible"], Qn = ["id", "itemId", "label", "disabled", "children", "
       paddingLeft: 0
     }
   }]
-}), Hn = K(/* @__PURE__ */ w.forwardRef((e, t) => {
+}), ro = _(/* @__PURE__ */ E.forwardRef((e, t) => {
   const {
     visible: n
-  } = e, o = G(e, Yn);
-  return n ? /* @__PURE__ */ v(lt, C({}, o, {
+  } = e, o = G(e, to);
+  return n ? /* @__PURE__ */ v(ct, C({}, o, {
     ref: t
   })) : null;
 }), {
@@ -2578,7 +2581,7 @@ const Yn = ["visible"], Qn = ["id", "itemId", "label", "disabled", "children", "
   overridesResolver: (e, t) => t.checkbox
 })({
   padding: 0
-}), eo = (e) => {
+}), io = (e) => {
   const {
     classes: t
   } = e;
@@ -2597,106 +2600,106 @@ const Yn = ["visible"], Qn = ["id", "itemId", "label", "disabled", "children", "
     groupTransition: ["groupTransition"],
     labelInput: ["labelInput"],
     dragAndDropOverlay: ["dragAndDropOverlay"]
-  }, Ct, t);
-}, to = /* @__PURE__ */ w.forwardRef(function(t, n) {
-  const o = Zn({
+  }, Et, t);
+}, so = /* @__PURE__ */ E.forwardRef(function(t, n) {
+  const o = oo({
     props: t,
     name: "MuiTreeItem2"
   }), {
-    id: i,
-    itemId: g,
-    label: f,
+    id: r,
+    itemId: I,
+    label: p,
     disabled: s,
-    children: m,
+    children: u,
     slots: c = {},
-    slotProps: r = {}
-  } = o, l = G(o, Qn), {
-    getRootProps: u,
+    slotProps: i = {}
+  } = o, l = G(o, no), {
+    getRootProps: m,
     getContentProps: a,
     getIconContainerProps: h,
-    getCheckboxProps: I,
-    getLabelProps: p,
+    getCheckboxProps: g,
+    getLabelProps: f,
     getGroupTransitionProps: b,
     getLabelInputProps: x,
-    getDragAndDropOverlayProps: P,
-    status: k
+    getDragAndDropOverlayProps: R,
+    status: M
   } = kt({
-    id: i,
-    itemId: g,
-    children: m,
-    label: f,
+    id: r,
+    itemId: I,
+    children: u,
+    label: p,
     disabled: s
-  }), E = C({}, o, k), R = eo(E), O = c.root ?? Ot, $ = L({
-    elementType: O,
-    getSlotProps: u,
+  }), w = C({}, o, M), P = io(w), D = c.root ?? Ot, N = V({
+    elementType: D,
+    getSlotProps: m,
     externalForwardedProps: l,
-    externalSlotProps: r.root,
+    externalSlotProps: i.root,
     additionalProps: {
       ref: n
     },
     ownerState: {},
-    className: R.root
-  }), U = c.content ?? Dt, N = L({
-    elementType: U,
+    className: P.root
+  }), z = c.content ?? At, $ = V({
+    elementType: z,
     getSlotProps: a,
-    externalSlotProps: r.content,
+    externalSlotProps: i.content,
     ownerState: {},
-    className: Fe(R.content, k.expanded && R.expanded, k.selected && R.selected, k.focused && R.focused, k.disabled && R.disabled, k.editing && R.editing, k.editable && R.editable)
-  }), j = c.iconContainer ?? At, Y = L({
+    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 ?? Vt, Q = V({
     elementType: j,
     getSlotProps: h,
-    externalSlotProps: r.iconContainer,
+    externalSlotProps: i.iconContainer,
     ownerState: {},
-    className: R.iconContainer
-  }), B = c.label ?? Vt, q = L({
+    className: P.iconContainer
+  }), B = c.label ?? Lt, q = V({
     elementType: B,
-    getSlotProps: p,
-    externalSlotProps: r.label,
+    getSlotProps: f,
+    externalSlotProps: i.label,
     ownerState: {},
-    className: R.label
-  }), X = c.checkbox ?? Hn, ee = L({
+    className: P.label
+  }), X = c.checkbox ?? ro, ee = V({
     elementType: X,
-    getSlotProps: I,
-    externalSlotProps: r.checkbox,
+    getSlotProps: g,
+    externalSlotProps: i.checkbox,
     ownerState: {},
-    className: R.checkbox
-  }), Q = c.groupTransition ?? void 0, te = L({
-    elementType: Q,
+    className: P.checkbox
+  }), Y = c.groupTransition ?? void 0, te = V({
+    elementType: Y,
     getSlotProps: b,
-    externalSlotProps: r.groupTransition,
+    externalSlotProps: i.groupTransition,
     ownerState: {},
-    className: R.groupTransition
-  }), V = c.labelInput ?? Tt, Z = L({
-    elementType: V,
+    className: P.groupTransition
+  }), A = c.labelInput ?? Ct, Z = V({
+    elementType: A,
     getSlotProps: x,
-    externalSlotProps: r.labelInput,
+    externalSlotProps: i.labelInput,
     ownerState: {},
-    className: R.labelInput
-  }), A = c.dragAndDropOverlay ?? ze, ne = L({
-    elementType: A,
-    getSlotProps: P,
-    externalSlotProps: r.dragAndDropOverlay,
+    className: P.labelInput
+  }), L = c.dragAndDropOverlay ?? ze, ne = V({
+    elementType: L,
+    getSlotProps: R,
+    externalSlotProps: i.dragAndDropOverlay,
     ownerState: {},
-    className: R.dragAndDropOverlay
+    className: P.dragAndDropOverlay
   });
-  return /* @__PURE__ */ v(Me, {
-    itemId: g,
-    children: /* @__PURE__ */ de(O, C({}, $, {
-      children: [/* @__PURE__ */ de(U, C({}, N, {
-        children: [/* @__PURE__ */ v(j, C({}, Y, {
-          children: /* @__PURE__ */ v(Mt, {
-            status: k,
+  return /* @__PURE__ */ v(ke, {
+    itemId: I,
+    children: /* @__PURE__ */ de(D, C({}, N, {
+      children: [/* @__PURE__ */ de(z, C({}, $, {
+        children: [/* @__PURE__ */ v(j, C({}, Q, {
+          children: /* @__PURE__ */ v(Dt, {
+            status: M,
             slots: c,
-            slotProps: r
+            slotProps: i
           })
-        })), /* @__PURE__ */ v(X, C({}, ee)), k.editing ? /* @__PURE__ */ v(V, C({}, Z)) : /* @__PURE__ */ v(B, C({}, q)), /* @__PURE__ */ v(A, C({}, ne))]
-      })), m && /* @__PURE__ */ v(Lt, C({
-        as: Q
+        })), /* @__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(Ft, C({
+        as: Y
       }, te))]
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (to.propTypes = {
+process.env.NODE_ENV !== "production" && (so.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -2736,7 +2739,7 @@ process.env.NODE_ENV !== "production" && (to.propTypes = {
    * This prop isn't supported.
    * Use the `onItemFocus` callback on the tree if you need to monitor an item's focus.
    */
-  onFocus: at,
+  onFocus: dt,
   /**
    * Callback fired when a key is pressed on the keyboard and the tree is in focus.
    */
@@ -2752,51 +2755,128 @@ process.env.NODE_ENV !== "production" && (to.propTypes = {
    */
   slots: d.object
 });
-const no = Jt(function(t, n) {
-  const { id: o, itemId: i, label: g, disabled: f, children: s } = t, m = t.folderIcon || ct, {
-    getRootProps: c,
-    getContentProps: r,
-    getLabelProps: l,
-    getGroupTransitionProps: u,
-    getIconContainerProps: a,
-    status: h
-  } = kt({ id: o, itemId: i, label: g, disabled: f, children: s, rootRef: n });
-  return /* @__PURE__ */ v(Me, { itemId: i, children: /* @__PURE__ */ de(Ot, { ...c(), children: [
+const lo = () => E.useRef(void 0);
+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 ln;
+    case "TRASH":
+      return Yt;
+    case "CUSTOM":
+      return t || Ve;
+    case "FOLDER":
+    default:
+      return Ve;
+  }
+}, uo = Zt(function(t, n) {
+  const {
+    id: o,
+    itemId: r,
+    label: I,
+    disabled: p,
+    children: s,
+    itemData: u,
+    iconColor: c = "primary"
+  } = t, i = co(
+    u == null ? void 0 : u.iconType,
+    u == null ? void 0 : u.customIcon
+  ), {
+    getRootProps: l,
+    getContentProps: m,
+    getLabelProps: a,
+    getGroupTransitionProps: h,
+    getIconContainerProps: g,
+    status: f
+  } = kt({ id: o, itemId: r, label: I, disabled: p, children: s, rootRef: n });
+  return /* @__PURE__ */ v(ke, { itemId: r, children: /* @__PURE__ */ de(Ot, { ...l(), children: [
     /* @__PURE__ */ de(
-      Dt,
+      At,
       {
-        ...r(),
+        ...m(),
         style: { display: "flex", alignItems: "center", width: "100%" },
         children: [
-          /* @__PURE__ */ v(At, { ...a(), children: /* @__PURE__ */ v(
-            m,
-            {
-              fontSize: "small",
-              color: "action",
-              style: { color: "#ff9800" }
-            }
-          ) }),
-          /* @__PURE__ */ v(Vt, { ...l() }),
-          /* @__PURE__ */ v(ot, { sx: { display: "flex", marginLeft: "auto" }, children: h.expandable && (h.expanded ? /* @__PURE__ */ v(en, { fontSize: "small" }) : /* @__PURE__ */ v(tn, { fontSize: "small" })) })
+          /* @__PURE__ */ v(Vt, { ...g(), children: /* @__PURE__ */ v(i, { fontSize: "small", color: c }) }),
+          /* @__PURE__ */ v(Lt, { ...a() }),
+          /* @__PURE__ */ v(it, { sx: { display: "flex", marginLeft: "auto" }, children: f.expandable && (f.expanded ? /* @__PURE__ */ v(rn, { fontSize: "small" }) : /* @__PURE__ */ v(sn, { fontSize: "small" })) })
         ]
       }
     ),
-    s && /* @__PURE__ */ v(Lt, { ...u() })
+    s && /* @__PURE__ */ v(
+      Ft,
+      {
+        ...h(),
+        style: f.expanded ? {
+          borderLeft: "1px solid #bdbdbd",
+          paddingLeft: "12px",
+          marginLeft: "15px",
+          marginTop: "4px",
+          marginBottom: "4px"
+        } : void 0
+      }
+    )
   ] }) });
-}), Eo = ({
+}), po = (e) => {
+  const t = {}, n = (o) => {
+    var r;
+    t[o.id] = o, (r = o.children) != null && r.length && o.children.forEach(n);
+  };
+  return e.forEach(n), t;
+}, $t = (e, t, n = []) => {
+  var o;
+  for (const r of t) {
+    if (r.id === e)
+      return n;
+    if ((o = r.children) != null && o.length) {
+      const I = $t(e, r.children, [
+        ...n,
+        r.id
+      ]);
+      if (I.length > 0)
+        return I;
+    }
+  }
+  return [];
+}, Ao = ({
   items: e,
   onItemSelect: t,
-  folderIcon: n = ct
-}) => /* @__PURE__ */ v(ot, { sx: { minHeight: 200, minWidth: 200 }, children: /* @__PURE__ */ v(
-  Rt,
-  {
-    items: e,
-    onSelect: (o) => t && t(o, o.target.id),
-    slots: {
-      item: (o) => /* @__PURE__ */ v(no, { ...o, folderIcon: n })
+  iconColor: n = "primary",
+  expandedItemId: o
+}) => {
+  const r = nt(() => po(e), [e]), I = lo(), p = nt(() => o ? r[o] ? [...$t(o, e), o] : [] : [], [o, r, e]);
+  return Ht(() => {
+    I.current && p.length > 0 && p.forEach((s) => {
+      I.current.setItemExpansion(s, !0);
+    });
+  }, [I, p]), console.log(p), /* @__PURE__ */ v(it, { sx: { minHeight: 200, minWidth: 200 }, children: /* @__PURE__ */ v(
+    St,
+    {
+      apiRef: I,
+      items: e,
+      itemChildrenIndentation: "50px",
+      defaultExpandedItems: p,
+      onSelect: (s, u) => {
+        t && typeof u == "string" && t(s, u);
+      },
+      slots: {
+        item: (s) => {
+          const u = s.itemId ? r[s.itemId] : void 0;
+          return /* @__PURE__ */ v(
+            uo,
+            {
+              ...s,
+              itemData: u,
+              iconColor: n
+            }
+          );
+        }
+      }
     }
-  }
-) });
+  ) });
+};
 export {
-  Eo as default
+  ao as ICON_TYPE,
+  Ao as default
 };