@cgi-learning-hub/ui 1.6.0 → 1.7.0-dev.1750693982

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

@@ -1,980 +1,1271 @@
-import { jsx as S, jsxs as je } from "react/jsx-runtime";
-import * as E from "react";
-import { useState as yt, useMemo as Ct, useEffect as wt } from "react";
-import { a as Rt, T as St, b as _e, d as $e, e as Ne, f as se, h as Pt, i as vt, j as kt, k as he, l as ge, m as Mt, n as oe, u as H, o as Ke, p as Dt, q as Ot, r as Ue, s as Vt, t as At, v as Ft, w as Lt, x as O, C as jt, y as _t } from "../../CustomTreeItem-hIRSCwAW.js";
-import { TreeContainer as $t, DEFAULT_CHILDREN_INDENT as Nt } from "./style.es.js";
-import { buildItemDataMap as Kt, findItemPath as Ut, getItemId as Bt } from "./utils.es.js";
-import { _ as C } from "../../ButtonBase-Chb99sDQ.js";
-import { P as a } from "../../index-Sy88PpwE.js";
-import { G as zt, F as qt, H as Be, n as ne } from "../../generateUtilityClasses-DngCqveO.js";
-import { a as A } from "../../TransitionGroupContext-DbLioz_6.js";
-import { u as U } from "../../useEventCallback-Yoj9nCug.js";
-import { o as Ht } from "../../ownerDocument-CUrv0DIK.js";
-import { u as Xt } from "../../index-DX2Sl0Ig.js";
-import { C as Wt } from "../../Checkbox-p-PKpEw_.js";
-import { w as xe } from "../../warning-C8W811fV.js";
-import { u as Ee } from "../../useForkRef-u29GSuCu.js";
-import { u as N } from "../../useSlotProps-B_D8u0j-.js";
-import { r as $, e as Fe } from "../../useSlot-BDb1lvxu.js";
-import { s as ie, c as ze, f as qe } from "../../DefaultPropsProvider-hFv1J_xl.js";
-import { u as Gt } from "../../unsupportedProp-BuVD30Gh.js";
-import { e as Jt } from "../../elementTypeAcceptingRef-DOeckaXy.js";
-function Yt(e) {
-  return zt("MuiRichTreeView", e);
+import { jsx as P } from "react/jsx-runtime";
+import * as x from "react";
+import { useState as Ce, useMemo as Pe, useEffect as ye } from "react";
+import { a as Re, u as L, s as ae, T as Se, b as Le, d as oe, e as D, f as R, h as Me, i as ve, j as se, k as De, l as Oe, m as ie, n as F, o as de, p as j, q as O, r as Y, t as Ve, v as fe, w as Ae, x as v, y as q, z as me, A as G, B as Fe, D as Ne, E as W, F as je, G as _e, H as K, I as le, J as $e, K as Ue, L as B, M as qe, N as Ke, O as Be, P as ze, Q as re, R as pe, S as Ge, U as We, V as Xe, W as Je, X as Qe } from "../../CustomTreeItem-B9FylIhL.js";
+import { TreeContainer as Ye, DEFAULT_CHILDREN_INDENT as Ze } from "./style.es.js";
+import { buildItemDataMap as He, findItemPath as et, getItemId as tt } from "./utils.es.js";
+import { _ as T } from "../../ButtonBase-6TF6t2SP.js";
+import { a as Z } from "../../TransitionGroupContext-DbLioz_6.js";
+import { P as g } from "../../index-Sy88PpwE.js";
+import { G as nt, F as ot } from "../../identifier-PWESmBq6.js";
+import { a as S, u as X } from "../../useEventCallback-Y2KwRxBw.js";
+import { w as J } from "../../warning-C8W811fV.js";
+import { u as st } from "../../index-DX2Sl0Ig.js";
+import { u as Ie } from "../../useSlotProps-DdMuGelR.js";
+import { u as it } from "../../useForkRef-u29GSuCu.js";
+import { s as lt, c as rt } from "../../DefaultPropsProvider-DqazQPtr.js";
+import { T as ct } from "../../Typography-Dy8r_tT2.js";
+import { A as ut } from "../../Alert-BhLIlUBu.js";
+function at(t) {
+  return nt("MuiRichTreeView", t);
 }
-qt("MuiRichTreeView", ["root"]);
-const Qt = (e, t) => {
-  const n = E.useRef({}), [r, l] = E.useState(() => {
-    const I = {};
-    return e.forEach((f) => {
-      f.models && Object.entries(f.models).forEach(([g, p]) => {
-        n.current[g] = {
-          isControlled: t[g] !== void 0,
-          getDefaultValue: p.getDefaultValue
-        }, I[g] = p.getDefaultValue(t);
-      });
-    }), I;
-  }), x = Object.fromEntries(Object.entries(n.current).map(([I, f]) => {
-    const g = t[I] ?? r[I];
-    return [I, {
-      value: g,
-      setControlledValue: (p) => {
-        f.isControlled || l((o) => C({}, o, {
-          [I]: p
-        }));
-      }
-    }];
-  }));
-  return process.env.NODE_ENV !== "production" && Object.entries(n.current).forEach(([I, f]) => {
-    const g = t[I], p = f.getDefaultValue(t);
-    E.useEffect(() => {
-      f.isControlled !== (g !== void 0) && console.error([`MUI X: A component is changing the ${f.isControlled ? "" : "un"}controlled ${I} state of TreeView to be ${f.isControlled ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${I} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
-`));
-    }, [g]);
-    const {
-      current: o
-    } = E.useRef(p);
-    E.useEffect(() => {
-      !f.isControlled && o !== p && console.error([`MUI X: A component is changing the default ${I} state of an uncontrolled TreeView after being initialized. To suppress this warning opt to use a controlled TreeView.`].join(`
-`));
-    }, [JSON.stringify(p)]);
-  }), x;
-};
-class Zt {
+ot("MuiRichTreeView", ["root", "item", "itemContent", "itemGroupTransition", "itemIconContainer", "itemLabel", "itemCheckbox", "itemLabelInput"]);
+class dt {
   constructor() {
     this.maxListeners = 20, this.warnOnce = !1, this.events = {};
   }
-  on(t, n, r = {}) {
-    let l = this.events[t];
+  on(e, o, i = {}) {
+    let l = this.events[e];
     if (l || (l = {
       highPriority: /* @__PURE__ */ new Map(),
       regular: /* @__PURE__ */ new Map()
-    }, this.events[t] = l), r.isFirst ? l.highPriority.set(n, !0) : l.regular.set(n, !0), process.env.NODE_ENV !== "production") {
-      const x = l.highPriority.size + l.regular.size;
-      x > this.maxListeners && !this.warnOnce && (this.warnOnce = !0, console.warn([`Possible EventEmitter memory leak detected. ${x} ${t} listeners added.`].join(`
+    }, this.events[e] = l), i.isFirst ? l.highPriority.set(o, !0) : l.regular.set(o, !0), process.env.NODE_ENV !== "production") {
+      const p = l.highPriority.size + l.regular.size;
+      p > this.maxListeners && !this.warnOnce && (this.warnOnce = !0, console.warn([`Possible EventEmitter memory leak detected. ${p} ${e} listeners added.`].join(`
 `)));
     }
   }
-  removeListener(t, n) {
-    this.events[t] && (this.events[t].regular.delete(n), this.events[t].highPriority.delete(n));
+  removeListener(e, o) {
+    this.events[e] && (this.events[e].regular.delete(o), this.events[e].highPriority.delete(o));
   }
   removeAllListeners() {
     this.events = {};
   }
-  emit(t, ...n) {
-    const r = this.events[t];
-    if (!r)
+  emit(e, ...o) {
+    const i = this.events[e];
+    if (!i)
       return;
-    const l = Array.from(r.highPriority.keys()), x = Array.from(r.regular.keys());
-    for (let I = l.length - 1; I >= 0; I -= 1) {
-      const f = l[I];
-      r.highPriority.has(f) && f.apply(this, n);
+    const l = Array.from(i.highPriority.keys()), p = Array.from(i.regular.keys());
+    for (let d = l.length - 1; d >= 0; d -= 1) {
+      const r = l[d];
+      i.highPriority.has(r) && r.apply(this, o);
     }
-    for (let I = 0; I < x.length; I += 1) {
-      const f = x[I];
-      r.regular.has(f) && f.apply(this, n);
+    for (let d = 0; d < p.length; d += 1) {
+      const r = p[d];
+      i.regular.has(r) && r.apply(this, o);
     }
   }
-  once(t, n) {
-    const r = this;
-    this.on(t, function l(...x) {
-      r.removeListener(t, l), n.apply(r, x);
+  once(e, o) {
+    const i = this;
+    this.on(e, function l(...p) {
+      i.removeListener(e, l), o.apply(i, p);
     });
   }
 }
-const en = (e) => e.isPropagationStopped !== void 0, He = () => {
-  const [e] = E.useState(() => new Zt()), t = E.useCallback((...r) => {
-    const [l, x, I = {}] = r;
-    I.defaultMuiPrevented = !1, !(en(I) && I.isPropagationStopped()) && e.emit(l, x, I);
-  }, [e]), n = E.useCallback((r, l) => (e.on(r, l), () => {
-    e.removeListener(r, l);
-  }), [e]);
+const ft = (t) => t.isPropagationStopped !== void 0, he = () => {
+  const [t] = x.useState(() => new dt()), e = x.useCallback((...i) => {
+    const [l, p, d = {}] = i;
+    d.defaultMuiPrevented = !1, !(ft(d) && d.isPropagationStopped()) && t.emit(l, p, d);
+  }, [t]), o = x.useCallback((i, l) => (t.on(i, l), () => {
+    t.removeListener(i, l);
+  }), [t]);
   return {
     instance: {
-      $$publishEvent: t,
-      $$subscribeEvent: n
+      $$publishEvent: e,
+      $$subscribeEvent: o
     }
   };
 };
-He.params = {};
-const Xe = ({
-  plugins: e
+he.params = {};
+const ge = ({
+  plugins: t
 }) => {
-  const t = new Set(e);
+  const e = new Set(t);
   return {
     instance: {
-      getAvailablePlugins: () => t
+      getAvailablePlugins: () => e
     }
   };
 };
-Xe.params = {};
-const Te = ({
-  params: e,
-  state: t,
-  setState: n
+ge.params = {};
+const H = ({
+  params: t,
+  store: e
 }) => {
-  E.useEffect(() => {
-    n((l) => l.id.treeId === e.id && l.id.treeId !== void 0 ? l : C({}, l, {
-      id: C({}, l.id, {
-        treeId: e.id ?? Rt()
+  x.useEffect(() => {
+    e.update((i) => t.id === i.id.providedTreeId && i.id.treeId !== void 0 ? i : T({}, i, {
+      id: T({}, i.id, {
+        treeId: t.id ?? Re()
       })
     }));
-  }, [n, e.id]);
-  const r = e.id ?? t.id.treeId;
+  }, [e, t.id]);
+  const o = L(e, ae);
   return {
     getRootProps: () => ({
-      id: r
-    }),
-    contextValue: {
-      treeId: r
-    }
+      id: o
+    })
   };
 };
-Te.params = {
+H.params = {
   id: !0
 };
-Te.getInitialState = ({
-  id: e
+H.getInitialState = ({
+  id: t
 }) => ({
   id: {
-    treeId: e ?? void 0
+    treeId: void 0,
+    providedTreeId: t
   }
 });
-const tn = [He, Xe, Te], nn = ["slots", "slotProps", "apiRef", "experimentalFeatures"], on = (e) => {
+const mt = [he, ge, H], pt = ["apiRef"], It = (t) => {
   let {
     props: {
-      slots: t,
-      slotProps: n,
-      apiRef: r,
-      experimentalFeatures: l
+      apiRef: e
     },
-    plugins: x
-  } = e, I = A(e.props, nn);
-  const f = {};
-  x.forEach((u) => {
-    Object.assign(f, u.params);
-  });
-  const g = {}, p = {};
-  Object.keys(I).forEach((u) => {
-    const b = I[u];
-    f[u] ? g[u] = b : p[u] = b;
-  });
-  const o = l ?? {}, s = x.reduce((u, b) => b.getDefaultizedParams ? b.getDefaultizedParams({
-    params: u,
-    experimentalFeatures: o
-  }) : u, g);
+    plugins: o
+  } = t, i = Z(t.props, pt);
+  const l = x.useMemo(() => {
+    const r = {};
+    return o.forEach((u) => {
+      Object.assign(r, u.params);
+    }), r;
+  }, [o]), {
+    forwardedProps: p,
+    pluginParams: d
+  } = x.useMemo(() => {
+    const r = {}, u = {};
+    Object.keys(i).forEach((c) => {
+      const n = i[c];
+      l[c] ? r[c] = n : u[c] = n;
+    });
+    const h = o.reduce((c, n) => n.applyDefaultValuesToParams ? n.applyDefaultValuesToParams({
+      params: c
+    }) : c, r);
+    return {
+      forwardedProps: u,
+      pluginParams: h
+    };
+  }, [o, i, l]);
   return {
-    apiRef: r,
     forwardedProps: p,
-    pluginParams: s,
-    slots: t ?? {},
-    slotProps: n ?? {},
-    experimentalFeatures: o
+    pluginParams: d,
+    apiRef: e
   };
-}, rn = ({
-  plugins: e,
-  instance: t,
-  publicAPI: n,
-  rootRef: r
-}) => ({
-  runItemPlugins: (f) => {
-    let g = null, p = null;
-    const o = [], s = {};
-    e.forEach((h) => {
-      if (!h.itemPlugin)
+}, ht = (t) => {
+  const {
+    plugins: e,
+    instance: o,
+    publicAPI: i,
+    store: l,
+    rootRef: p
+  } = t, d = x.useCallback((h) => {
+    let c = null, n = null;
+    const s = [], I = {};
+    e.forEach((m) => {
+      if (!m.itemPlugin)
         return;
-      const c = h.itemPlugin({
-        props: f,
-        rootRef: g,
-        contentRef: p
+      const a = m.itemPlugin({
+        props: h,
+        rootRef: c,
+        contentRef: n
       });
-      c != null && c.rootRef && (g = c.rootRef), c != null && c.contentRef && (p = c.contentRef), c != null && c.propsEnhancers && (o.push(c.propsEnhancers), Object.keys(c.propsEnhancers).forEach((i) => {
-        s[i] = !0;
+      a != null && a.rootRef && (c = a.rootRef), a != null && a.contentRef && (n = a.contentRef), a != null && a.propsEnhancers && (s.push(a.propsEnhancers), Object.keys(a.propsEnhancers).forEach((f) => {
+        I[f] = !0;
       }));
     });
-    const u = (h) => (c) => {
-      const i = {};
-      return o.forEach((d) => {
-        const m = d[h];
-        m != null && Object.assign(i, m(c));
-      }), i;
-    }, b = Object.fromEntries(Object.keys(s).map((h) => [h, u(h)]));
+    const E = (m) => (a) => {
+      const f = {};
+      return s.forEach((w) => {
+        const k = w[m];
+        k != null && Object.assign(f, k(a));
+      }), f;
+    }, b = Object.fromEntries(Object.keys(I).map((m) => [m, E(m)]));
     return {
-      contentRef: p,
-      rootRef: g,
+      contentRef: n,
+      rootRef: c,
       propsEnhancers: b
     };
-  },
-  wrapItem: ({
-    itemId: f,
-    children: g
+  }, [e]), r = x.useCallback(({
+    itemId: h,
+    children: c,
+    idAttribute: n
   }) => {
-    let p = g;
-    for (let o = e.length - 1; o >= 0; o -= 1) {
-      const s = e[o];
-      s.wrapItem && (p = s.wrapItem({
-        itemId: f,
-        children: p,
-        instance: t
+    let s = c;
+    for (let I = e.length - 1; I >= 0; I -= 1) {
+      const E = e[I];
+      E.wrapItem && (s = E.wrapItem({
+        instance: o,
+        itemId: h,
+        children: s,
+        idAttribute: n
       }));
     }
-    return p;
-  },
-  wrapRoot: ({
-    children: f
+    return s;
+  }, [e, o]), u = x.useCallback(({
+    children: h
   }) => {
-    let g = f;
-    for (let p = e.length - 1; p >= 0; p -= 1) {
-      const o = e[p];
-      o.wrapRoot && (g = o.wrapRoot({
-        children: g,
-        instance: t
+    let c = h;
+    for (let n = e.length - 1; n >= 0; n -= 1) {
+      const s = e[n];
+      s.wrapRoot && (c = s.wrapRoot({
+        children: c
       }));
     }
-    return g;
-  },
-  instance: t,
-  rootRef: r,
-  publicAPI: n
-});
-function sn(e) {
-  const t = E.useRef({});
-  return e ? (e.current == null && (e.current = {}), e.current) : t.current;
+    return c;
+  }, [e]);
+  return x.useMemo(() => ({
+    runItemPlugins: d,
+    wrapItem: r,
+    wrapRoot: u,
+    instance: o,
+    publicAPI: i,
+    store: l,
+    rootRef: p
+  }), [d, r, u, o, i, l, p]);
+};
+class gt {
+  constructor(e) {
+    this.value = void 0, this.listeners = void 0, this.subscribe = (o) => (this.listeners.add(o), () => {
+      this.listeners.delete(o);
+    }), this.getSnapshot = () => this.value, this.update = (o) => {
+      const i = o(this.value);
+      i !== this.value && (this.value = i, this.listeners.forEach((l) => l(i)));
+    }, this.value = e, this.listeners = /* @__PURE__ */ new Set();
+  }
 }
-const ln = ({
-  plugins: e,
-  rootRef: t,
-  props: n
+function bt(t) {
+  return t.current == null && (t.current = {}), t;
+}
+function Et(t) {
+  const e = x.useRef({});
+  return t ? bt(t) : e;
+}
+let ce = 0;
+const Tt = ({
+  plugins: t,
+  rootRef: e,
+  props: o
 }) => {
-  const r = [...tn, ...e], {
+  const i = x.useMemo(() => [...mt, ...t], [t]), {
     pluginParams: l,
-    forwardedProps: x,
-    apiRef: I,
-    experimentalFeatures: f,
-    slots: g,
-    slotProps: p
-  } = on({
-    plugins: r,
-    props: n
-  }), o = Qt(r, l), u = E.useRef({}).current, b = sn(I), h = E.useRef(null), c = Ee(h, t), i = rn({
-    plugins: r,
+    forwardedProps: p,
+    apiRef: d
+  } = It({
+    plugins: i,
+    props: o
+  }), u = x.useRef({}).current, h = Et(d), c = x.useRef(null), n = it(c, e), s = x.useRef(null);
+  if (s.current == null) {
+    ce += 1;
+    const a = {
+      cacheKey: {
+        id: ce
+      }
+    };
+    i.forEach((f) => {
+      f.getInitialState && Object.assign(a, f.getInitialState(l));
+    }), s.current = new gt(a);
+  }
+  const I = ht({
+    plugins: i,
     instance: u,
-    publicAPI: b,
-    rootRef: h
-  }), [d, m] = E.useState(() => {
-    const R = {};
-    return r.forEach((v) => {
-      v.getInitialState && Object.assign(R, v.getInitialState(l));
-    }), R;
-  }), T = [], P = (R) => {
-    const v = R({
+    publicAPI: h.current,
+    store: s.current,
+    rootRef: c
+  }), E = [], b = (a) => {
+    const f = a({
       instance: u,
       params: l,
-      slots: g,
-      slotProps: p,
-      experimentalFeatures: f,
-      state: d,
-      setState: m,
-      rootRef: h,
-      models: o,
-      plugins: r
+      rootRef: c,
+      plugins: i,
+      store: s.current
     });
-    v.getRootProps && T.push(v.getRootProps), v.publicAPI && Object.assign(b, v.publicAPI), v.instance && Object.assign(u, v.instance), v.contextValue && Object.assign(i, v.contextValue);
+    f.getRootProps && E.push(f.getRootProps), f.publicAPI && Object.assign(h.current, f.publicAPI), f.instance && Object.assign(u, f.instance);
   };
-  return r.forEach(P), {
-    getRootProps: (R = {}) => {
-      const v = C({
+  return i.forEach(b), {
+    getRootProps: (a = {}) => {
+      const f = T({
         role: "tree"
-      }, x, R, {
-        ref: c
+      }, p, a, {
+        ref: n
       });
-      return T.forEach((F) => {
-        Object.assign(v, F(R));
-      }), v;
+      return E.forEach((w) => {
+        Object.assign(f, w(a));
+      }), f;
     },
-    rootRef: c,
-    contextValue: i,
-    instance: u
+    rootRef: n,
+    contextValue: I
   };
-};
-function an(e) {
+}, z = {};
+function xt(t) {
   const {
-    value: t,
-    children: n
-  } = e;
-  return /* @__PURE__ */ S(St.Provider, {
-    value: t,
-    children: t.wrapRoot({
-      children: n,
-      instance: t.instance
+    contextValue: e,
+    classes: o = z,
+    slots: i = z,
+    slotProps: l = z,
+    children: p
+  } = t, d = x.useMemo(() => ({
+    classes: o,
+    slots: {
+      collapseIcon: i.collapseIcon,
+      expandIcon: i.expandIcon,
+      endIcon: i.endIcon
+    },
+    slotProps: {
+      collapseIcon: l.collapseIcon,
+      expandIcon: l.expandIcon,
+      endIcon: l.endIcon
+    }
+  }), [o, i.collapseIcon, i.expandIcon, i.endIcon, l.collapseIcon, l.expandIcon, l.endIcon]);
+  return /* @__PURE__ */ P(Se.Provider, {
+    value: e,
+    children: /* @__PURE__ */ P(Le.Provider, {
+      value: d,
+      children: e.wrapRoot({
+        children: p
+      })
     })
   });
 }
-const cn = (e, t, n) => {
-  e.$$publishEvent(t, n);
-}, K = "__TREE_VIEW_ROOT_PARENT_ID__", un = (e) => {
-  const t = {};
-  return e.forEach((n, r) => {
-    t[n] = r;
-  }), t;
-}, dn = ["children"], We = ({
-  items: e,
-  isItemDisabled: t,
-  getItemLabel: n,
-  getItemId: r
-}) => {
-  const l = {}, x = {}, I = {
-    [K]: []
-  }, f = (p, o, s) => {
-    var c, i;
-    const u = r ? r(p) : p.id;
-    if (u == null)
-      throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.", "Alternatively, you can use the `getItemId` prop to specify a custom id for each item.", "An item was provided without id in the `items` prop:", JSON.stringify(p)].join(`
+const _ = (t, e, o) => {
+  t.$$publishEvent(e, o);
+}, wt = (t, e, o) => {
+  if (t == 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(e)].join(`
 `));
-    if (l[u] != null)
-      throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.", "Alternatively, you can use the `getItemId` prop to specify a custom id for each item.", `Two items were provided with the same id in the \`items\` prop: "${u}"`].join(`
+  if (o[t] != 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: "${t}"`].join(`
 `));
-    const b = n ? n(p) : p.label;
-    if (b == null)
-      throw new Error(["MUI X: The Tree View component requires all items to have a `label` property.", "Alternatively, you can use the `getItemLabel` prop to specify a custom label for each item.", "An item was provided without label in the `items` prop:", JSON.stringify(p)].join(`
+}, Q = ({
+  disabledItemsFocusable: t,
+  items: e,
+  isItemDisabled: o,
+  getItemLabel: i,
+  getItemChildren: l,
+  getItemId: p,
+  initialDepth: d = 0,
+  initialParentId: r = null,
+  getChildrenCount: u,
+  ignoreChildren: h = !1
+}) => {
+  const c = {}, n = {}, s = {
+    [se]: []
+  }, I = (b, m, a) => {
+    const f = p ? p(b) : b.id;
+    wt(f, b, c);
+    const w = i ? i(b) : b.label;
+    if (w == 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(b)].join(`
 `));
-    l[u] = {
-      id: u,
-      label: b,
-      parentId: s,
+    const k = l ? l(b) : b.children;
+    c[f] = {
+      id: f,
+      label: w,
+      parentId: a,
       idAttribute: void 0,
-      expandable: !!((c = p.children) != null && c.length),
-      disabled: t ? t(p) : !1,
-      depth: o
-    }, x[u] = p;
-    const h = s ?? K;
-    I[h] || (I[h] = []), I[h].push(u), (i = p.children) == null || i.forEach((d) => f(d, o + 1, u));
+      expandable: u ? u(b) > 0 : !!(k != null && k.length),
+      disabled: o ? o(b) : !1,
+      depth: m
+    }, n[f] = b;
+    const C = a ?? se;
+    s[C] || (s[C] = []), s[C].push(f), h || k == null || k.forEach((y) => I(y, m + 1, f));
   };
-  e.forEach((p) => f(p, 0, null));
-  const g = {};
-  return Object.keys(I).forEach((p) => {
-    g[p] = un(I[p]);
+  e == null || e.forEach((b) => I(b, d, r));
+  const E = {};
+  return Object.keys(s).forEach((b) => {
+    E[b] = Me(s[b]);
   }), {
-    itemMetaMap: l,
-    itemMap: x,
-    itemOrderedChildrenIds: I,
-    itemChildrenIndexes: g
+    disabledItemsFocusable: t,
+    itemMetaLookup: c,
+    itemModelLookup: n,
+    itemOrderedChildrenIdsLookup: s,
+    itemChildrenIndexesLookup: E
   };
-}, X = ({
-  instance: e,
-  params: t,
-  state: n,
-  setState: r,
-  experimentalFeatures: l
+}, V = ({
+  instance: t,
+  params: e,
+  store: o
 }) => {
-  const x = E.useCallback((d) => n.items.itemMetaMap[d], [n.items.itemMetaMap]), I = E.useCallback((d) => n.items.itemMap[d], [n.items.itemMap]), f = E.useCallback(() => {
-    const d = (m) => {
-      const T = n.items.itemMap[m], P = A(T, dn), y = n.items.itemOrderedChildrenIds[m];
-      return y && (P.children = y.map(d)), P;
-    };
-    return n.items.itemOrderedChildrenIds[K].map(d);
-  }, [n.items.itemMap, n.items.itemOrderedChildrenIds]), g = E.useCallback((d) => {
-    if (d == null)
-      return !1;
-    let m = e.getItemMeta(d);
-    if (!m)
-      return !1;
-    if (m.disabled)
-      return !0;
-    for (; m.parentId != null; )
-      if (m = e.getItemMeta(m.parentId), m.disabled)
-        return !0;
-    return !1;
-  }, [e]), p = E.useCallback((d) => {
-    const m = e.getItemMeta(d).parentId ?? K;
-    return n.items.itemChildrenIndexes[m][d];
-  }, [e, n.items.itemChildrenIndexes]), o = E.useCallback((d) => n.items.itemOrderedChildrenIds[d ?? K] ?? [], [n.items.itemOrderedChildrenIds]), s = (d) => {
-    const m = e.getItemMeta(d);
-    return m == null ? null : document.getElementById(_e({
-      treeId: n.id.treeId,
-      itemId: d,
-      id: m.idAttribute
+  const i = x.useCallback((a) => oe(o.value, a), [o]), l = x.useCallback((a) => {
+    const f = D(o.value, a);
+    return (f == null ? void 0 : f.parentId) || null;
+  }, [o]), p = S((a) => {
+    o.update((f) => T({}, f, {
+      items: T({}, f.items, {
+        loading: a
+      })
+    }));
+  }), d = S((a) => {
+    o.update((f) => T({}, f, {
+      items: T({}, f.items, {
+        error: a
+      })
     }));
-  }, u = (d) => t.disabledItemsFocusable ? !0 : !e.isItemDisabled(d), b = E.useRef(!1), h = E.useCallback(() => {
-    b.current = !0;
-  }, []), c = E.useCallback(() => b.current, []);
-  return E.useEffect(() => {
-    e.areItemUpdatesPrevented() || r((d) => {
-      const m = We({
-        items: t.items,
-        isItemDisabled: t.isItemDisabled,
-        getItemId: t.getItemId,
-        getItemLabel: t.getItemLabel
+  }), r = S(({
+    itemId: a,
+    shouldBeDisabled: f
+  }) => {
+    o.update((w) => {
+      if (!w.items.itemMetaLookup[a])
+        return w;
+      const k = T({}, w.items.itemMetaLookup);
+      return k[a] = T({}, k[a], {
+        disabled: f ?? !k[a].disabled
+      }), T({}, w, {
+        items: T({}, w.items, {
+          itemMetaLookup: k
+        })
+      });
+    });
+  }), u = x.useCallback(() => {
+    const a = (f) => {
+      const w = oe(o.value, f), k = R(o.value, f);
+      return k.length > 0 ? w.children = k.map(a) : delete w.children, w;
+    };
+    return R(o.value, null).map(a);
+  }, [o]), h = x.useCallback((a) => R(o.value, a), [o]), c = (a) => {
+    const f = D(o.value, a);
+    if (f == null)
+      return null;
+    const w = ve({
+      treeId: ae(o.value),
+      itemId: a,
+      id: f.idAttribute
+    });
+    return document.getElementById(w);
+  }, n = x.useRef(!1), s = x.useCallback(() => {
+    n.current = !0;
+  }, []), I = x.useCallback(() => n.current, []), E = ({
+    items: a,
+    parentId: f,
+    depth: w,
+    getChildrenCount: k
+  }) => {
+    if (a) {
+      const C = Q({
+        disabledItemsFocusable: e.disabledItemsFocusable,
+        items: a,
+        isItemDisabled: e.isItemDisabled,
+        getItemId: e.getItemId,
+        getItemLabel: e.getItemLabel,
+        getItemChildren: e.getItemChildren,
+        getChildrenCount: k,
+        initialDepth: w,
+        initialParentId: f,
+        ignoreChildren: !0
       });
-      return Object.values(d.items.itemMetaMap).forEach((T) => {
-        m.itemMetaMap[T.id] || cn(e, "removeItem", {
-          id: T.id
+      o.update((y) => {
+        let A;
+        return f ? A = {
+          itemModelLookup: T({}, y.items.itemModelLookup, C.itemModelLookup),
+          itemMetaLookup: T({}, y.items.itemMetaLookup, C.itemMetaLookup),
+          itemOrderedChildrenIdsLookup: T({}, C.itemOrderedChildrenIdsLookup, y.items.itemOrderedChildrenIdsLookup),
+          itemChildrenIndexesLookup: T({}, C.itemChildrenIndexesLookup, y.items.itemChildrenIndexesLookup)
+        } : A = {
+          itemModelLookup: C.itemModelLookup,
+          itemMetaLookup: C.itemMetaLookup,
+          itemOrderedChildrenIdsLookup: C.itemOrderedChildrenIdsLookup,
+          itemChildrenIndexesLookup: C.itemChildrenIndexesLookup
+        }, Object.values(y.items.itemMetaLookup).forEach((M) => {
+          C.itemMetaLookup[M.id] || _(t, "removeItem", {
+            id: M.id
+          });
+        }), T({}, y, {
+          items: T({}, y.items, A)
         });
-      }), C({}, d, {
-        items: m
+      });
+    }
+  }, b = (a) => {
+    o.update((f) => {
+      if (!a)
+        return T({}, f, {
+          items: T({}, f.items, {
+            itemMetaLookup: {},
+            itemOrderedChildrenIdsLookup: {},
+            itemChildrenIndexesLookup: {}
+          })
+        });
+      const w = Object.keys(f.items.itemMetaLookup).reduce((y, A) => {
+        const M = f.items.itemMetaLookup[A];
+        return M.parentId === a ? (_(t, "removeItem", {
+          id: M.id
+        }), y) : T({}, y, {
+          [M.id]: M
+        });
+      }, {}), k = f.items.itemOrderedChildrenIdsLookup, C = f.items.itemChildrenIndexesLookup;
+      return delete C[a], delete k[a], T({}, f, {
+        items: T({}, f.items, {
+          itemMetaLookup: w,
+          itemOrderedChildrenIdsLookup: k,
+          itemChildrenIndexesLookup: C
+        })
+      });
+    });
+  };
+  x.useEffect(() => {
+    t.areItemUpdatesPrevented() || o.update((a) => {
+      const f = Q({
+        disabledItemsFocusable: e.disabledItemsFocusable,
+        items: e.items,
+        isItemDisabled: e.isItemDisabled,
+        getItemId: e.getItemId,
+        getItemLabel: e.getItemLabel,
+        getItemChildren: e.getItemChildren
+      });
+      return Object.values(a.items.itemMetaLookup).forEach((w) => {
+        f.itemMetaLookup[w.id] || _(t, "removeItem", {
+          id: w.id
+        });
+      }), T({}, a, {
+        items: T({}, a.items, f)
       });
     });
-  }, [e, r, t.items, t.isItemDisabled, t.getItemId, t.getItemLabel]), {
+  }, [t, o, e.items, e.disabledItemsFocusable, e.isItemDisabled, e.getItemId, e.getItemLabel, e.getItemChildren]);
+  const m = S((a, f) => {
+    e.onItemClick && e.onItemClick(a, f);
+  });
+  return {
     getRootProps: () => ({
       style: {
-        "--TreeView-itemChildrenIndentation": typeof t.itemChildrenIndentation == "number" ? `${t.itemChildrenIndentation}px` : t.itemChildrenIndentation
+        "--TreeView-itemChildrenIndentation": typeof e.itemChildrenIndentation == "number" ? `${e.itemChildrenIndentation}px` : e.itemChildrenIndentation
       }
     }),
     publicAPI: {
-      getItem: I,
-      getItemDOMElement: s,
-      getItemTree: f,
-      getItemOrderedChildrenIds: o
+      getItem: i,
+      getItemDOMElement: c,
+      getItemTree: u,
+      getItemOrderedChildrenIds: h,
+      setIsItemDisabled: r,
+      getParentId: l
     },
     instance: {
-      getItemMeta: x,
-      getItem: I,
-      getItemTree: f,
-      getItemsToRender: () => {
-        const d = (m) => {
-          var P;
-          const T = n.items.itemMetaMap[m];
-          return {
-            label: T.label,
-            itemId: T.id,
-            id: T.idAttribute,
-            children: (P = n.items.itemOrderedChildrenIds[m]) == null ? void 0 : P.map(d)
-          };
-        };
-        return n.items.itemOrderedChildrenIds[K].map(d);
-      },
-      getItemIndex: p,
-      getItemDOMElement: s,
-      getItemOrderedChildrenIds: o,
-      isItemDisabled: g,
-      isItemNavigable: u,
-      preventItemUpdates: h,
-      areItemUpdatesPrevented: c
-    },
-    contextValue: {
-      items: {
-        onItemClick: t.onItemClick,
-        disabledItemsFocusable: t.disabledItemsFocusable,
-        indentationAtItemLevel: l.indentationAtItemLevel ?? !1
-      }
+      getItemDOMElement: c,
+      preventItemUpdates: s,
+      areItemUpdatesPrevented: I,
+      addItems: E,
+      setTreeViewLoading: p,
+      setTreeViewError: d,
+      removeChildren: b,
+      handleItemClick: m
     }
   };
 };
-X.getInitialState = (e) => ({
-  items: We({
-    items: e.items,
-    isItemDisabled: e.isItemDisabled,
-    getItemId: e.getItemId,
-    getItemLabel: e.getItemLabel
+V.getInitialState = (t) => ({
+  items: T({}, Q({
+    disabledItemsFocusable: t.disabledItemsFocusable,
+    items: t.items,
+    isItemDisabled: t.isItemDisabled,
+    getItemId: t.getItemId,
+    getItemLabel: t.getItemLabel,
+    getItemChildren: t.getItemChildren
+  }), {
+    loading: !1,
+    error: null
   })
 });
-X.getDefaultizedParams = ({
-  params: e
-}) => C({}, e, {
-  disabledItemsFocusable: e.disabledItemsFocusable ?? !1,
-  itemChildrenIndentation: e.itemChildrenIndentation ?? "12px"
+V.applyDefaultValuesToParams = ({
+  params: t
+}) => T({}, t, {
+  disabledItemsFocusable: t.disabledItemsFocusable ?? !1,
+  itemChildrenIndentation: t.itemChildrenIndentation ?? "12px"
 });
-X.wrapRoot = ({
-  children: e,
-  instance: t
-}) => /* @__PURE__ */ S($e.Provider, {
-  value: (n) => {
-    var r;
-    return ((r = t.getItemMeta(n)) == null ? void 0 : r.depth) ?? 0;
-  },
-  children: e
+V.wrapRoot = ({
+  children: t
+}) => /* @__PURE__ */ P(De.Provider, {
+  value: Oe,
+  children: t
 });
-X.params = {
+process.env.NODE_ENV !== "production" && (V.wrapRoot.displayName = "useTreeViewItems.wrapRoot");
+V.params = {
   disabledItemsFocusable: !0,
   items: !0,
   isItemDisabled: !0,
   getItemLabel: !0,
+  getItemChildren: !0,
   getItemId: !0,
   onItemClick: !0,
   itemChildrenIndentation: !0
 };
-const le = ({
-  instance: e,
-  params: t,
-  models: n
+function kt(t) {
+  const {
+    componentName: e,
+    propName: o,
+    controlled: i,
+    defaultValue: l,
+    warningPrefix: p = "MUI X"
+  } = t, [{
+    initialDefaultValue: d,
+    isControlled: r
+  }] = x.useState({
+    initialDefaultValue: l,
+    isControlled: i !== void 0
+  });
+  r !== (i !== void 0) && J([`${p}: A component is changing the ${r ? "" : "un"}controlled ${o} state of ${e} to be ${r ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${o} 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"], "error"), JSON.stringify(d) !== JSON.stringify(l) && J([`${p}: A component is changing the default ${o} state of an uncontrolled ${e} after being initialized. To suppress this warning opt to use a controlled ${e}.`], "error");
+}
+const be = process.env.NODE_ENV === "production" ? () => {
+} : kt, Ee = ({
+  isItemEditable: t,
+  expansionTrigger: e
+}) => e || (t ? "iconContainer" : "content"), U = ({
+  instance: t,
+  store: e,
+  params: o
 }) => {
-  const r = E.useMemo(() => {
-    const s = /* @__PURE__ */ new Map();
-    return n.expandedItems.value.forEach((u) => {
-      s.set(u, !0);
-    }), s;
-  }, [n.expandedItems.value]), l = (s, u) => {
-    var b;
-    (b = t.onExpandedItemsChange) == null || b.call(t, s, u), n.expandedItems.setControlledValue(u);
-  }, x = E.useCallback((s) => r.has(s), [r]), I = E.useCallback((s) => {
-    var u;
-    return !!((u = e.getItemMeta(s)) != null && u.expandable);
-  }, [e]), f = U((s, u) => {
-    const b = e.isItemExpanded(u);
-    e.setItemExpansion(s, u, !b);
-  }), g = U((s, u, b) => {
-    if (e.isItemExpanded(u) === b)
+  be({
+    componentName: "Tree View",
+    propName: "expandedItems",
+    controlled: o.expandedItems,
+    defaultValue: o.defaultExpandedItems
+  }), X(() => {
+    e.update((r) => {
+      const u = Ee({
+        isItemEditable: o.isItemEditable,
+        expansionTrigger: o.expansionTrigger
+      });
+      return r.expansion.expansionTrigger === u ? r : T({}, r, {
+        expansion: T({}, r.expansion, {
+          expansionTrigger: u
+        })
+      });
+    });
+  }, [e, o.isItemEditable, o.expansionTrigger]);
+  const i = (r, u) => {
+    var h;
+    o.expandedItems === void 0 && e.update((c) => T({}, c, {
+      expansion: T({}, c.expansion, {
+        expandedItems: u
+      })
+    })), (h = o.onExpandedItemsChange) == null || h.call(o, r, u);
+  }, l = S(({
+    itemId: r,
+    event: u,
+    shouldBeExpanded: h
+  }) => {
+    const c = ie(e.value);
+    let n;
+    h ? n = [r].concat(c) : n = c.filter((s) => s !== r), o.onItemExpansionToggle && o.onItemExpansionToggle(u, r, h), i(u, n);
+  }), p = S(({
+    itemId: r,
+    event: u = null,
+    shouldBeExpanded: h
+  }) => {
+    const c = F(e.value, r), n = h ?? !c;
+    if (c === n)
       return;
-    let c;
-    b ? c = [u].concat(n.expandedItems.value) : c = n.expandedItems.value.filter((i) => i !== u), t.onItemExpansionToggle && t.onItemExpansionToggle(s, u, b), l(s, c);
-  }), p = (s, u) => {
-    const b = e.getItemMeta(u), c = e.getItemOrderedChildrenIds(b.parentId).filter((d) => e.isItemExpandable(d) && !e.isItemExpanded(d)), i = n.expandedItems.value.concat(c);
-    c.length > 0 && (t.onItemExpansionToggle && c.forEach((d) => {
-      t.onItemExpansionToggle(s, d, !0);
-    }), l(s, i));
-  }, o = E.useMemo(() => t.expansionTrigger ? t.expansionTrigger : e.isTreeViewEditable ? "iconContainer" : "content", [t.expansionTrigger, e.isTreeViewEditable]);
-  return {
+    const s = {
+      isExpansionPrevented: !1,
+      shouldBeExpanded: n,
+      event: u,
+      itemId: r
+    };
+    _(t, "beforeItemToggleExpansion", s), !s.isExpansionPrevented && t.applyItemExpansion({
+      itemId: r,
+      event: u,
+      shouldBeExpanded: n
+    });
+  }), d = (r, u) => {
+    const h = D(e.value, u);
+    if (h == null)
+      return;
+    const n = R(e.value, h.parentId).filter((I) => de(e.value, I) && !F(e.value, I)), s = ie(e.value).concat(n);
+    n.length > 0 && (o.onItemExpansionToggle && n.forEach((I) => {
+      o.onItemExpansionToggle(r, I, !0);
+    }), i(r, s));
+  };
+  return X(() => {
+    const r = o.expandedItems;
+    r !== void 0 && e.update((u) => T({}, u, {
+      expansion: T({}, u.expansion, {
+        expandedItems: r
+      })
+    }));
+  }, [e, o.expandedItems]), {
     publicAPI: {
-      setItemExpansion: g
+      setItemExpansion: p
     },
     instance: {
-      isItemExpanded: x,
-      isItemExpandable: I,
-      setItemExpansion: g,
-      toggleItemExpansion: f,
-      expandAllSiblings: p
-    },
-    contextValue: {
-      expansion: {
-        expansionTrigger: o
-      }
+      setItemExpansion: p,
+      applyItemExpansion: l,
+      expandAllSiblings: d
     }
   };
-};
-le.models = {
-  expandedItems: {
-    getDefaultValue: (e) => e.defaultExpandedItems
+}, Ct = [];
+U.applyDefaultValuesToParams = ({
+  params: t
+}) => T({}, t, {
+  defaultExpandedItems: t.defaultExpandedItems ?? Ct
+});
+U.getInitialState = (t) => ({
+  expansion: {
+    expandedItems: t.expandedItems === void 0 ? t.defaultExpandedItems : t.expandedItems,
+    expansionTrigger: Ee(t)
   }
-};
-const fn = [];
-le.getDefaultizedParams = ({
-  params: e
-}) => C({}, e, {
-  defaultExpandedItems: e.defaultExpandedItems ?? fn
 });
-le.params = {
+U.params = {
   expandedItems: !0,
   defaultExpandedItems: !0,
   onExpandedItemsChange: !0,
   onItemExpansionToggle: !0,
   expansionTrigger: !0
 };
-const re = (e) => Array.isArray(e) ? e : e != null ? [e] : [], be = (e) => {
-  const t = {};
-  return e.forEach((n) => {
-    t[n] = !0;
-  }), t;
-}, ae = ({
-  instance: e,
-  params: t,
-  models: n
+const $ = (t) => {
+  const e = {};
+  return t.forEach((o) => {
+    e[o] = !0;
+  }), e;
+}, Te = ({
+  store: t,
+  oldModel: e,
+  newModel: o
+}) => {
+  const i = /* @__PURE__ */ new Map();
+  return o.forEach((l) => {
+    i.set(l, !0);
+  }), {
+    added: o.filter((l) => !O(t.value, l)),
+    removed: e.filter((l) => !i.has(l))
+  };
+}, Pt = ({
+  store: t,
+  selectionPropagation: e,
+  newModel: o,
+  oldModel: i,
+  additionalItemsToPropagate: l
 }) => {
-  const r = E.useRef(null), l = E.useRef({}), x = E.useMemo(() => {
-    const c = /* @__PURE__ */ new Map();
-    return Array.isArray(n.selectedItems.value) ? n.selectedItems.value.forEach((i) => {
-      c.set(i, !0);
-    }) : n.selectedItems.value != null && c.set(n.selectedItems.value, !0), c;
-  }, [n.selectedItems.value]), I = (c, i) => {
-    if (t.onItemSelectionToggle)
-      if (t.multiSelect) {
-        const d = i.filter((T) => !e.isItemSelected(T)), m = n.selectedItems.value.filter((T) => !i.includes(T));
-        d.forEach((T) => {
-          t.onItemSelectionToggle(c, T, !0);
-        }), m.forEach((T) => {
-          t.onItemSelectionToggle(c, T, !1);
+  if (!e.descendants && !e.parents)
+    return o;
+  let p = !1;
+  const d = $(o), r = Te({
+    store: t,
+    newModel: o,
+    oldModel: i
+  });
+  return l == null || l.forEach((u) => {
+    d[u] ? r.added.includes(u) || r.added.push(u) : r.removed.includes(u) || r.removed.push(u);
+  }), r.added.forEach((u) => {
+    if (e.descendants) {
+      const h = (c) => {
+        c !== u && (p = !0, d[c] = !0), R(t.value, c).forEach(h);
+      };
+      h(u);
+    }
+    if (e.parents) {
+      const h = (n) => d[n] ? R(t.value, n).every(h) : !1, c = (n) => {
+        const s = j(t.value, n);
+        if (s == null)
+          return;
+        R(t.value, s).every(h) && (p = !0, d[s] = !0, c(s));
+      };
+      c(u);
+    }
+  }), r.removed.forEach((u) => {
+    if (e.parents) {
+      let h = j(t.value, u);
+      for (; h != null; )
+        d[h] && (p = !0, delete d[h]), h = j(t.value, h);
+    }
+    if (e.descendants) {
+      const h = (c) => {
+        c !== u && (p = !0, delete d[c]), R(t.value, c).forEach(h);
+      };
+      h(u);
+    }
+  }), p ? Object.keys(d) : o;
+}, yt = Object.is;
+function xe(t, e) {
+  if (t === e)
+    return !0;
+  if (!(t instanceof Object) || !(e instanceof Object))
+    return !1;
+  let o = 0, i = 0;
+  for (const l in t)
+    if (o += 1, !yt(t[l], e[l]) || !(l in e))
+      return !1;
+  for (const l in e)
+    i += 1;
+  return o === i;
+}
+function Rt(t, e) {
+  const o = Ve(t), i = fe(t, e);
+  if (O(t, e))
+    return {
+      disabled: !i,
+      visible: o,
+      indeterminate: !1,
+      checked: !0
+    };
+  if (R(t, e).length === 0)
+    return {
+      disabled: !i,
+      visible: o,
+      indeterminate: !1,
+      checked: !1
+    };
+  let p = !1, d = !1;
+  const r = (u) => {
+    u !== e && (O(t, u) ? p = !0 : d = !0), R(t, u).forEach(r);
+  };
+  return r(e), {
+    disabled: !i,
+    visible: o,
+    indeterminate: p && d,
+    checked: Ae(t).parents ? p && !d : !1
+  };
+}
+const St = ({
+  props: t
+}) => {
+  const {
+    itemId: e
+  } = t, {
+    store: o
+  } = Y(), i = L(o, Rt, e, xe);
+  return {
+    propsEnhancers: {
+      checkbox: ({
+        externalEventHandlers: l,
+        interactions: p
+      }) => T({
+        tabIndex: -1,
+        onChange: (r) => {
+          var u;
+          (u = l.onChange) == null || u.call(l, r), !r.defaultMuiPrevented && fe(o.value, e) && p.handleCheckboxSelection(r);
+        }
+      }, i)
+    }
+  };
+}, N = ({
+  store: t,
+  params: e
+}) => {
+  be({
+    componentName: "Tree View",
+    propName: "selectedItems",
+    controlled: e.selectedItems,
+    defaultValue: e.defaultSelectedItems
+  });
+  const o = x.useRef(null), i = x.useRef({}), l = (s, I, E) => {
+    var f;
+    const b = je(t.value);
+    let m;
+    const a = v(t.value);
+    if (a && (e.selectionPropagation.descendants || e.selectionPropagation.parents) ? m = Pt({
+      store: t,
+      selectionPropagation: e.selectionPropagation,
+      newModel: I,
+      oldModel: b,
+      additionalItemsToPropagate: E
+    }) : m = I, e.onItemSelectionToggle)
+      if (a) {
+        const w = Te({
+          store: t,
+          newModel: m,
+          oldModel: b
         });
-      } else i !== n.selectedItems.value && (n.selectedItems.value != null && t.onItemSelectionToggle(c, n.selectedItems.value, !1), i != null && t.onItemSelectionToggle(c, i, !0));
-    t.onSelectedItemsChange && t.onSelectedItemsChange(c, i), n.selectedItems.setControlledValue(i);
-  }, f = (c) => x.has(c), g = ({
-    event: c,
-    itemId: i,
-    keepExistingSelection: d = !1,
-    shouldBeSelected: m
+        e.onItemSelectionToggle && (w.added.forEach((k) => {
+          e.onItemSelectionToggle(s, k, !0);
+        }), w.removed.forEach((k) => {
+          e.onItemSelectionToggle(s, k, !1);
+        }));
+      } else e.onItemSelectionToggle && m !== b && (b != null && e.onItemSelectionToggle(s, b, !1), m != null && e.onItemSelectionToggle(s, m, !0));
+    e.selectedItems === void 0 && t.update((w) => T({}, w, {
+      selection: T({}, w.selection, {
+        selectedItems: m
+      })
+    })), (f = e.onSelectedItemsChange) == null || f.call(e, s, m);
+  }, p = ({
+    itemId: s,
+    event: I = null,
+    keepExistingSelection: E = !1,
+    shouldBeSelected: b
   }) => {
-    if (t.disableSelection)
+    if (!W(t.value))
       return;
-    let T;
-    if (d) {
-      const P = re(n.selectedItems.value), y = e.isItemSelected(i);
-      y && (m === !1 || m == null) ? T = P.filter((R) => R !== i) : !y && (m === !0 || m == null) ? T = [i].concat(P) : T = P;
+    let m;
+    const a = v(t.value);
+    if (E) {
+      const f = q(t.value), w = O(t.value, s);
+      w && (b === !1 || b == null) ? m = f.filter((k) => k !== s) : !w && (b === !0 || b == null) ? m = [s].concat(f) : m = f;
     } else
-      m === !1 || m == null && e.isItemSelected(i) ? T = t.multiSelect ? [] : null : T = t.multiSelect ? [i] : i;
-    I(c, T), r.current = i, l.current = {};
-  }, p = (c, [i, d]) => {
-    if (t.disableSelection || !t.multiSelect)
+      b === !1 || b == null && O(t.value, s) ? m = a ? [] : null : m = a ? [s] : s;
+    l(
+      I,
+      m,
+      // If shouldBeSelected === selectorIsItemSelected(store, itemId), we still want to propagate the select.
+      // This is useful when the element is in an indeterminate state.
+      [s]
+    ), o.current = s, i.current = {};
+  }, d = (s, [I, E]) => {
+    if (!v(t.value))
+      return;
+    let m = q(t.value).slice();
+    Object.keys(i.current).length > 0 && (m = m.filter((k) => !i.current[k]));
+    const a = $(m), f = _e(t.value, I, E), w = f.filter((k) => !a[k]);
+    m = m.concat(w), l(s, m), i.current = $(f);
+  }, r = (s, I) => {
+    if (o.current != null) {
+      const [E, b] = Fe(t.value, I, o.current);
+      d(s, [E, b]);
+    }
+  }, u = (s, I) => {
+    d(s, [G(t.value), I]);
+  }, h = (s, I) => {
+    d(s, [I, me(t.value)]);
+  }, c = (s) => {
+    if (!v(t.value))
+      return;
+    const E = Ne(t.value);
+    l(s, E), i.current = $(E);
+  }, n = (s, I, E) => {
+    if (!v(t.value))
       return;
-    let m = re(n.selectedItems.value).slice();
-    Object.keys(l.current).length > 0 && (m = m.filter((R) => !l.current[R]));
-    const T = be(m), P = kt(e, i, d), y = P.filter((R) => !T[R]);
-    m = m.concat(y), I(c, m), l.current = be(P);
+    let m = q(t.value).slice();
+    Object.keys(i.current).length === 0 ? (m.push(E), i.current = {
+      [I]: !0,
+      [E]: !0
+    }) : (i.current[I] || (i.current = {}), i.current[E] ? (m = m.filter((a) => a !== I), delete i.current[I]) : (m.push(E), i.current[E] = !0)), l(s, m);
   };
-  return {
+  return X(() => {
+    t.update((s) => T({}, s, {
+      selection: {
+        selectedItems: e.selectedItems === void 0 ? s.selection.selectedItems : e.selectedItems,
+        isEnabled: !e.disableSelection,
+        isMultiSelectEnabled: e.multiSelect,
+        isCheckboxSelectionEnabled: e.checkboxSelection,
+        selectionPropagation: {
+          descendants: e.selectionPropagation.descendants,
+          parents: e.selectionPropagation.parents
+        }
+      }
+    }));
+  }, [t, e.selectedItems, e.multiSelect, e.checkboxSelection, e.disableSelection, e.selectionPropagation.descendants, e.selectionPropagation.parents]), {
     getRootProps: () => ({
-      "aria-multiselectable": t.multiSelect
+      "aria-multiselectable": e.multiSelect
     }),
     publicAPI: {
-      selectItem: g
+      setItemSelection: p
     },
     instance: {
-      isItemSelected: f,
-      selectItem: g,
-      selectAllNavigableItems: (c) => {
-        if (t.disableSelection || !t.multiSelect)
-          return;
-        const i = vt(e);
-        I(c, i), l.current = be(i);
-      },
-      expandSelectionRange: (c, i) => {
-        if (r.current != null) {
-          const [d, m] = Pt(e, i, r.current);
-          p(c, [d, m]);
-        }
-      },
-      selectRangeFromStartToItem: (c, i) => {
-        p(c, [se(e), i]);
-      },
-      selectRangeFromItemToEnd: (c, i) => {
-        p(c, [i, Ne(e)]);
-      },
-      selectItemFromArrowNavigation: (c, i, d) => {
-        if (t.disableSelection || !t.multiSelect)
-          return;
-        let m = re(n.selectedItems.value).slice();
-        Object.keys(l.current).length === 0 ? (m.push(d), l.current = {
-          [i]: !0,
-          [d]: !0
-        }) : (l.current[i] || (l.current = {}), l.current[d] ? (m = m.filter((T) => T !== i), delete l.current[i]) : (m.push(d), l.current[d] = !0)), I(c, m);
-      }
-    },
-    contextValue: {
-      selection: {
-        multiSelect: t.multiSelect,
-        checkboxSelection: t.checkboxSelection,
-        disableSelection: t.disableSelection
-      }
+      setItemSelection: p,
+      selectAllNavigableItems: c,
+      expandSelectionRange: r,
+      selectRangeFromStartToItem: u,
+      selectRangeFromItemToEnd: h,
+      selectItemFromArrowNavigation: n
     }
   };
 };
-ae.models = {
-  selectedItems: {
-    getDefaultValue: (e) => e.defaultSelectedItems
+N.itemPlugin = St;
+const Lt = [], Mt = {};
+N.applyDefaultValuesToParams = ({
+  params: t
+}) => T({}, t, {
+  disableSelection: t.disableSelection ?? !1,
+  multiSelect: t.multiSelect ?? !1,
+  checkboxSelection: t.checkboxSelection ?? !1,
+  defaultSelectedItems: t.defaultSelectedItems ?? (t.multiSelect ? Lt : null),
+  selectionPropagation: t.selectionPropagation ?? Mt
+});
+N.getInitialState = (t) => ({
+  selection: {
+    selectedItems: t.selectedItems === void 0 ? t.defaultSelectedItems : t.selectedItems,
+    isEnabled: !t.disableSelection,
+    isMultiSelectEnabled: t.multiSelect,
+    isCheckboxSelectionEnabled: t.checkboxSelection,
+    selectionPropagation: t.selectionPropagation
   }
-};
-const pn = [];
-ae.getDefaultizedParams = ({
-  params: e
-}) => C({}, e, {
-  disableSelection: e.disableSelection ?? !1,
-  multiSelect: e.multiSelect ?? !1,
-  checkboxSelection: e.checkboxSelection ?? !1,
-  defaultSelectedItems: e.defaultSelectedItems ?? (e.multiSelect ? pn : null)
 });
-ae.params = {
+N.params = {
   disableSelection: !0,
   multiSelect: !0,
   checkboxSelection: !0,
   defaultSelectedItems: !0,
   selectedItems: !0,
   onSelectedItemsChange: !0,
-  onItemSelectionToggle: !0
+  onItemSelectionToggle: !0,
+  selectionPropagation: !0
 };
-const Le = 1e3;
-class mn {
-  constructor(t = Le) {
-    this.timeouts = /* @__PURE__ */ new Map(), this.cleanupTimeout = Le, this.cleanupTimeout = t;
+const ue = 1e3;
+class vt {
+  constructor(e = ue) {
+    this.timeouts = /* @__PURE__ */ new Map(), this.cleanupTimeout = ue, this.cleanupTimeout = e;
   }
-  register(t, n, r) {
+  register(e, o, i) {
     this.timeouts || (this.timeouts = /* @__PURE__ */ new Map());
     const l = setTimeout(() => {
-      typeof n == "function" && n(), this.timeouts.delete(r.cleanupToken);
+      typeof o == "function" && o(), this.timeouts.delete(i.cleanupToken);
     }, this.cleanupTimeout);
-    this.timeouts.set(r.cleanupToken, l);
+    this.timeouts.set(i.cleanupToken, l);
   }
-  unregister(t) {
-    const n = this.timeouts.get(t.cleanupToken);
-    n && (this.timeouts.delete(t.cleanupToken), clearTimeout(n));
+  unregister(e) {
+    const o = this.timeouts.get(e.cleanupToken);
+    o && (this.timeouts.delete(e.cleanupToken), clearTimeout(o));
   }
   reset() {
-    this.timeouts && (this.timeouts.forEach((t, n) => {
+    this.timeouts && (this.timeouts.forEach((e, o) => {
       this.unregister({
-        cleanupToken: n
+        cleanupToken: o
       });
     }), this.timeouts = void 0);
   }
 }
-class In {
+class Dt {
   constructor() {
-    this.registry = new FinalizationRegistry((t) => {
-      typeof t == "function" && t();
+    this.registry = new FinalizationRegistry((e) => {
+      typeof e == "function" && e();
     });
   }
-  register(t, n, r) {
-    this.registry.register(t, n, r);
+  register(e, o, i) {
+    this.registry.register(e, o, i);
   }
-  unregister(t) {
-    this.registry.unregister(t);
+  unregister(e) {
+    this.registry.unregister(e);
   }
   // eslint-disable-next-line class-methods-use-this
   reset() {
   }
 }
-class gn {
+class Ot {
 }
-function bn(e) {
-  let t = 0;
-  return function(r, l, x) {
-    e.registry === null && (e.registry = typeof FinalizationRegistry < "u" ? new In() : new mn());
-    const [I] = E.useState(new gn()), f = E.useRef(null), g = E.useRef(void 0);
-    g.current = x;
-    const p = E.useRef(null);
-    if (!f.current && g.current) {
-      const o = (s, u) => {
-        var b;
-        u.defaultMuiPrevented || (b = g.current) == null || b.call(g, s, u);
+function Vt(t) {
+  let e = 0;
+  return function(i, l, p) {
+    t.registry === null && (t.registry = typeof FinalizationRegistry < "u" ? new Dt() : new vt());
+    const [d] = x.useState(new Ot()), r = x.useRef(null), u = x.useRef(void 0);
+    u.current = p;
+    const h = x.useRef(null);
+    if (!r.current && u.current) {
+      const c = (n, s) => {
+        var I;
+        s.defaultMuiPrevented || (I = u.current) == null || I.call(u, n, s);
       };
-      f.current = r.$$subscribeEvent(l, o), t += 1, p.current = {
-        cleanupToken: t
-      }, e.registry.register(
-        I,
+      r.current = i.$$subscribeEvent(l, c), e += 1, h.current = {
+        cleanupToken: e
+      }, t.registry.register(
+        d,
         // The callback below will be called once this reference stops being retained
         () => {
-          var s;
-          (s = f.current) == null || s.call(f), f.current = null, p.current = null;
+          var n;
+          (n = r.current) == null || n.call(r), r.current = null, h.current = null;
         },
-        p.current
+        h.current
       );
-    } else !g.current && f.current && (f.current(), f.current = null, p.current && (e.registry.unregister(p.current), p.current = null));
-    E.useEffect(() => {
-      if (!f.current && g.current) {
-        const o = (s, u) => {
-          var b;
-          u.defaultMuiPrevented || (b = g.current) == null || b.call(g, s, u);
+    } else !u.current && r.current && (r.current(), r.current = null, h.current && (t.registry.unregister(h.current), h.current = null));
+    x.useEffect(() => {
+      if (!r.current && u.current) {
+        const c = (n, s) => {
+          var I;
+          s.defaultMuiPrevented || (I = u.current) == null || I.call(u, n, s);
         };
-        f.current = r.$$subscribeEvent(l, o);
+        r.current = i.$$subscribeEvent(l, c);
       }
-      return p.current && e.registry && (e.registry.unregister(p.current), p.current = null), () => {
-        var o;
-        (o = f.current) == null || o.call(f), f.current = null;
+      return h.current && t.registry && (t.registry.unregister(h.current), h.current = null), () => {
+        var c;
+        (c = r.current) == null || c.call(r), r.current = null;
       };
-    }, [r, l]);
+    }, [i, l]);
   };
 }
-const hn = {
+const At = {
   registry: null
-}, xn = bn(hn), Ge = (e = document) => {
-  const t = e.activeElement;
-  return t ? t.shadowRoot ? Ge(t.shadowRoot) : t : null;
-}, En = (e, t) => {
-  let n = re(t).find((r) => {
-    if (!e.isItemNavigable(r))
-      return !1;
-    const l = e.getItemMeta(r);
-    return l && (l.parentId == null || e.isItemExpanded(l.parentId));
-  });
-  return n == null && (n = se(e)), n;
-}, ye = ({
-  instance: e,
-  params: t,
-  state: n,
-  setState: r,
-  models: l,
-  rootRef: x
+}, Ft = Vt(At), ee = ({
+  instance: t,
+  params: e,
+  store: o
 }) => {
-  const I = En(e, l.selectedItems.value), f = U((i) => {
-    const d = typeof i == "function" ? i(n.focusedItemId) : i;
-    n.focusedItemId !== d && r((m) => C({}, m, {
-      focusedItemId: d
+  const i = S((c) => {
+    o.update((n) => K(n) === c ? n : T({}, n, {
+      focus: T({}, n.focus, {
+        focusedItemId: c
+      })
     }));
-  }), g = E.useCallback(() => !!x.current && x.current.contains(Ge(Ht(x.current))), [x]), p = E.useCallback((i) => n.focusedItemId === i && g(), [n.focusedItemId, g]), o = (i) => {
-    const d = e.getItemMeta(i);
-    return d && (d.parentId == null || e.isItemExpanded(d.parentId));
-  }, s = (i, d) => {
-    const m = e.getItemDOMElement(d);
-    m && m.focus(), f(d), t.onItemFocus && t.onItemFocus(i, d);
-  }, u = U((i, d) => {
-    o(d) && s(i, d);
-  }), b = U(() => {
-    if (n.focusedItemId == null)
+  }), l = (c) => {
+    const n = D(o.value, c);
+    return n && (n.parentId == null || F(o.value, n.parentId));
+  }, p = (c, n) => {
+    const s = t.getItemDOMElement(n);
+    s && s.focus(), i(n), e.onItemFocus && e.onItemFocus(c, n);
+  }, d = S((c, n) => {
+    l(n) && p(c, n);
+  }), r = S(() => {
+    const c = K(o.value);
+    if (c == null)
       return;
-    if (e.getItemMeta(n.focusedItemId)) {
-      const d = e.getItemDOMElement(n.focusedItemId);
-      d && d.blur();
+    if (D(o.value, c)) {
+      const s = t.getItemDOMElement(c);
+      s && s.blur();
     }
-    f(null);
-  }), h = (i) => i === I;
-  xn(e, "removeItem", ({
-    id: i
+    i(null);
+  });
+  Ft(t, "removeItem", ({
+    id: c
   }) => {
-    n.focusedItemId === i && s(null, I);
+    const n = K(o.value), s = le(o.value);
+    n === c && s != null && p(null, s);
   });
-  const c = (i) => (d) => {
-    var m;
-    (m = i.onFocus) == null || m.call(i, d), !d.defaultMuiPrevented && d.target === d.currentTarget && s(d, I);
+  const u = (c) => (n) => {
+    var I;
+    if ((I = c.onFocus) == null || I.call(c, n), n.defaultMuiPrevented)
+      return;
+    const s = le(o.value);
+    n.target === n.currentTarget && s != null && p(n, s);
+  }, h = (c) => (n) => {
+    var s;
+    (s = c.onBlur) == null || s.call(c, n), !n.defaultMuiPrevented && i(null);
   };
   return {
-    getRootProps: (i) => ({
-      onFocus: c(i)
+    getRootProps: (c) => ({
+      onFocus: u(c),
+      onBlur: h(c)
     }),
     publicAPI: {
-      focusItem: u
+      focusItem: d
     },
     instance: {
-      isItemFocused: p,
-      canItemBeTabbed: h,
-      focusItem: u,
-      removeFocusedItem: b
+      focusItem: d,
+      removeFocusedItem: r
     }
   };
 };
-ye.getInitialState = () => ({
-  focusedItemId: null
+ee.getInitialState = () => ({
+  focus: {
+    focusedItemId: null
+  }
 });
-ye.params = {
+ee.params = {
   onItemFocus: !0
 };
-function Tn(e) {
-  return !!e && e.length === 1 && !!e.match(/\S/);
+function Nt(t) {
+  return !!t && t.length === 1 && !!t.match(/\S/);
 }
-const Je = ({
-  instance: e,
-  params: t,
-  state: n
+const we = ({
+  instance: t,
+  store: e,
+  params: o
 }) => {
-  const r = Xt(), l = E.useRef({}), x = U((o) => {
-    l.current = o(l.current);
-  });
-  E.useEffect(() => {
-    if (e.areItemUpdatesPrevented())
+  const i = st(), l = x.useRef({}), p = S((n) => {
+    l.current = n(l.current);
+  }), d = L(e, $e);
+  x.useEffect(() => {
+    if (t.areItemUpdatesPrevented())
       return;
-    const o = {}, s = (u) => {
-      o[u.id] = u.label.substring(0, 1).toLowerCase();
+    const n = {}, s = (I) => {
+      n[I.id] = I.label.substring(0, 1).toLowerCase();
     };
-    Object.values(n.items.itemMetaMap).forEach(s), l.current = o;
-  }, [n.items.itemMetaMap, t.getItemId, e]);
-  const I = (o, s) => {
-    const u = s.toLowerCase(), b = (d) => {
-      const m = ge(e, d);
-      return m === null ? se(e) : m;
+    Object.values(d).forEach(s), l.current = n;
+  }, [d, o.getItemId, t]);
+  const r = (n, s) => {
+    const I = s.toLowerCase(), E = (f) => {
+      const w = B(e.value, f);
+      return w === null ? G(e.value) : w;
     };
-    let h = null, c = b(o);
-    const i = {};
-    for (; h == null && !i[c]; )
-      l.current[c] === u ? h = c : (i[c] = !0, c = b(c));
-    return h;
-  }, f = (o) => !t.disableSelection && !e.isItemDisabled(o), g = (o) => !e.isItemDisabled(o) && e.isItemExpandable(o);
+    let b = null, m = E(n);
+    const a = {};
+    for (; b == null && !a[m]; )
+      l.current[m] === I ? b = m : (a[m] = !0, m = E(m));
+    return b;
+  }, u = (n) => W(e.value) && !re(e.value, n), h = (n) => !re(e.value, n) && de(e.value, n);
   return {
     instance: {
-      updateFirstCharMap: x,
-      handleItemKeyDown: (o, s) => {
-        if (o.defaultMuiPrevented || o.altKey || he(o.target, o.currentTarget))
+      updateFirstCharMap: p,
+      handleItemKeyDown: async (n, s) => {
+        if (n.defaultMuiPrevented || n.altKey || Ue(n.target, n.currentTarget))
           return;
-        const u = o.ctrlKey || o.metaKey, b = o.key;
+        const I = n.ctrlKey || n.metaKey, E = n.key, b = v(e.value);
         switch (!0) {
           // Select the item when pressing "Space"
-          case (b === " " && f(s)): {
-            o.preventDefault(), t.multiSelect && o.shiftKey ? e.expandSelectionRange(o, s) : e.selectItem({
-              event: o,
+          case (E === " " && u(s)): {
+            n.preventDefault(), b && n.shiftKey ? t.expandSelectionRange(n, s) : t.setItemSelection({
+              event: n,
               itemId: s,
-              keepExistingSelection: t.multiSelect,
-              shouldBeSelected: t.multiSelect ? void 0 : !0
+              keepExistingSelection: b,
+              shouldBeSelected: void 0
             });
             break;
           }
           // If the focused item has children, we expand it.
           // If the focused item has no children, we select it.
-          case b === "Enter": {
-            oe(e, H) && e.isItemEditable(s) && !e.isItemBeingEdited(s) ? e.setEditedItemId(s) : g(s) ? (e.toggleItemExpansion(o, s), o.preventDefault()) : f(s) && (t.multiSelect ? (o.preventDefault(), e.selectItem({
-              event: o,
+          case E === "Enter": {
+            Ke(t, pe) && Be(e.value, s) && !ze(e.value, s) ? t.setEditedItem(s) : h(s) ? (t.setItemExpansion({
+              event: n,
+              itemId: s
+            }), n.preventDefault()) : u(s) && (b ? (n.preventDefault(), t.setItemSelection({
+              event: n,
               itemId: s,
               keepExistingSelection: !0
-            })) : e.isItemSelected(s) || (e.selectItem({
-              event: o,
+            })) : O(e.value, s) || (t.setItemSelection({
+              event: n,
               itemId: s
-            }), o.preventDefault()));
+            }), n.preventDefault()));
             break;
           }
           // Focus the next focusable item
-          case b === "ArrowDown": {
-            const h = ge(e, s);
-            h && (o.preventDefault(), e.focusItem(o, h), t.multiSelect && o.shiftKey && f(h) && e.selectItemFromArrowNavigation(o, s, h));
+          case E === "ArrowDown": {
+            const m = B(e.value, s);
+            m && (n.preventDefault(), t.focusItem(n, m), b && n.shiftKey && u(m) && t.selectItemFromArrowNavigation(n, s, m));
             break;
           }
           // Focuses the previous focusable item
-          case b === "ArrowUp": {
-            const h = Mt(e, s);
-            h && (o.preventDefault(), e.focusItem(o, h), t.multiSelect && o.shiftKey && f(h) && e.selectItemFromArrowNavigation(o, s, h));
+          case E === "ArrowUp": {
+            const m = qe(e.value, s);
+            m && (n.preventDefault(), t.focusItem(n, m), b && n.shiftKey && u(m) && t.selectItemFromArrowNavigation(n, s, m));
             break;
           }
           // If the focused item is expanded, we move the focus to its first child
           // If the focused item is collapsed and has children, we expand it
-          case (b === "ArrowRight" && !r || b === "ArrowLeft" && r): {
-            if (u)
+          case (E === "ArrowRight" && !i || E === "ArrowLeft" && i): {
+            if (I)
               return;
-            if (e.isItemExpanded(s)) {
-              const h = ge(e, s);
-              h && (e.focusItem(o, h), o.preventDefault());
-            } else g(s) && (e.toggleItemExpansion(o, s), o.preventDefault());
+            if (F(e.value, s)) {
+              const m = B(e.value, s);
+              m && (t.focusItem(n, m), n.preventDefault());
+            } else h(s) && (t.setItemExpansion({
+              event: n,
+              itemId: s
+            }), n.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 (b === "ArrowLeft" && !r || b === "ArrowRight" && r): {
-            if (u)
+          case (E === "ArrowLeft" && !i || E === "ArrowRight" && i): {
+            if (I)
               return;
-            if (g(s) && e.isItemExpanded(s))
-              e.toggleItemExpansion(o, s), o.preventDefault();
+            if (h(s) && F(e.value, s))
+              t.setItemExpansion({
+                event: n,
+                itemId: s
+              }), n.preventDefault();
             else {
-              const h = e.getItemMeta(s).parentId;
-              h && (e.focusItem(o, h), o.preventDefault());
+              const m = j(e.value, s);
+              m && (t.focusItem(n, m), n.preventDefault());
             }
             break;
           }
           // Focuses the first item in the tree
-          case b === "Home": {
-            f(s) && t.multiSelect && u && o.shiftKey ? e.selectRangeFromStartToItem(o, s) : e.focusItem(o, se(e)), o.preventDefault();
+          case E === "Home": {
+            u(s) && b && I && n.shiftKey ? t.selectRangeFromStartToItem(n, s) : t.focusItem(n, G(e.value)), n.preventDefault();
             break;
           }
           // Focuses the last item in the tree
-          case b === "End": {
-            f(s) && t.multiSelect && u && o.shiftKey ? e.selectRangeFromItemToEnd(o, s) : e.focusItem(o, Ne(e)), o.preventDefault();
+          case E === "End": {
+            u(s) && b && I && n.shiftKey ? t.selectRangeFromItemToEnd(n, s) : t.focusItem(n, me(e.value)), n.preventDefault();
             break;
           }
           // Expand all siblings that are at the same level as the focused item
-          case b === "*": {
-            e.expandAllSiblings(o, s), o.preventDefault();
+          case E === "*": {
+            t.expandAllSiblings(n, s), n.preventDefault();
             break;
           }
           // Multi select behavior when pressing Ctrl + a
           // Selects all the items
-          case (String.fromCharCode(o.keyCode) === "A" && u && t.multiSelect && !t.disableSelection): {
-            e.selectAllNavigableItems(o), o.preventDefault();
+          case (String.fromCharCode(n.keyCode) === "A" && I && b && W(e.value)): {
+            t.selectAllNavigableItems(n), n.preventDefault();
             break;
           }
           // Type-ahead
           // TODO: Support typing multiple characters
-          case (!u && !o.shiftKey && Tn(b)): {
-            const h = I(s, b);
-            h != null && (e.focusItem(o, h), o.preventDefault());
+          case (!I && !n.shiftKey && Nt(E)): {
+            const m = r(s, E);
+            m != null && (t.focusItem(n, m), n.preventDefault());
             break;
           }
         }
@@ -982,675 +1273,118 @@ const Je = ({
     }
   };
 };
-Je.params = {};
-const Ye = ({
-  slots: e,
-  slotProps: t
-}) => ({
-  contextValue: {
-    icons: {
-      slots: {
-        collapseIcon: e.collapseIcon,
-        expandIcon: e.expandIcon,
-        endIcon: e.endIcon
-      },
-      slotProps: {
-        collapseIcon: t.collapseIcon,
-        expandIcon: t.expandIcon,
-        endIcon: t.endIcon
-      }
-    }
-  }
-});
-Ye.params = {};
-const yn = [X, le, ae, ye, Je, Ye, H];
-function Qe(e) {
-  const {
-    instance: t,
-    items: {
-      onItemClick: n
-    },
-    selection: {
-      multiSelect: r,
-      checkboxSelection: l,
-      disableSelection: x
-    },
-    expansion: {
-      expansionTrigger: I
-    }
-  } = Ke(), f = t.isItemExpandable(e), g = t.isItemExpanded(e), p = t.isItemFocused(e), o = t.isItemSelected(e), s = t.isItemDisabled(e), u = t != null && t.isItemBeingEdited ? t == null ? void 0 : t.isItemBeingEdited(e) : !1, b = t.isItemEditable ? t.isItemEditable(e) : !1, h = (y) => {
-    if (!s) {
-      p || t.focusItem(y, e);
-      const R = r && (y.shiftKey || y.ctrlKey || y.metaKey);
-      f && !(R && t.isItemExpanded(e)) && t.toggleItemExpansion(y, e);
-    }
-  }, c = (y) => {
-    s || (p || t.focusItem(y, e), r && (y.shiftKey || y.ctrlKey || y.metaKey) ? y.shiftKey ? t.expandSelectionRange(y, e) : t.selectItem({
-      event: y,
-      itemId: e,
-      keepExistingSelection: !0
-    }) : t.selectItem({
-      event: y,
-      itemId: e,
-      shouldBeSelected: !0
-    }));
-  }, i = (y) => {
-    if (x || s)
-      return;
-    const R = y.nativeEvent.shiftKey;
-    r && R ? t.expandSelectionRange(y, e) : t.selectItem({
-      event: y,
-      itemId: e,
-      keepExistingSelection: r,
-      shouldBeSelected: y.target.checked
-    });
-  }, d = (y) => {
-    (y.shiftKey || y.ctrlKey || y.metaKey || s) && y.preventDefault();
-  }, m = () => {
-    oe(t, H) && t.isItemEditable(e) && (t.isItemBeingEdited(e) ? t.setEditedItemId(null) : t.setEditedItemId(e));
-  };
-  return {
-    disabled: s,
-    expanded: g,
-    selected: o,
-    focused: p,
-    editable: b,
-    editing: u,
-    disableSelection: x,
-    checkboxSelection: l,
-    handleExpansion: h,
-    handleSelection: c,
-    handleCheckboxSelection: i,
-    handleContentClick: n,
-    preventSelection: d,
-    expansionTrigger: I,
-    toggleItemEditing: m,
-    handleSaveItemLabel: (y, R) => {
-      oe(t, H) && t.isItemBeingEditedRef(e) && (t.updateItemLabel(e, R), m(), t.focusItem(y, e));
-    },
-    handleCancelItemLabelEditing: (y) => {
-      oe(t, H) && t.isItemBeingEditedRef(e) && (m(), t.focusItem(y, e));
-    }
-  };
-}
-const Cn = ["classes", "className", "displayIcon", "expansionIcon", "icon", "label", "itemId", "onClick", "onMouseDown", "dragAndDropOverlayProps", "labelInputProps"], Ce = /* @__PURE__ */ E.forwardRef(function(t, n) {
-  const {
-    classes: r,
-    className: l,
-    displayIcon: x,
-    expansionIcon: I,
-    icon: f,
-    label: g,
-    itemId: p,
-    onClick: o,
-    onMouseDown: s,
-    dragAndDropOverlayProps: u,
-    labelInputProps: b
-  } = t, h = A(t, Cn), {
-    disabled: c,
-    expanded: i,
-    selected: d,
-    focused: m,
-    editing: T,
-    editable: P,
-    disableSelection: y,
-    checkboxSelection: R,
-    handleExpansion: v,
-    handleSelection: F,
-    handleCheckboxSelection: B,
-    handleContentClick: V,
-    preventSelection: L,
-    expansionTrigger: W,
-    toggleItemEditing: G
-  } = Qe(p), j = f || I || x, J = E.useRef(null), ce = (M) => {
-    L(M), s && s(M);
-  }, ue = (M) => {
-    var Y;
-    V == null || V(M, p), !((Y = J.current) != null && Y.contains(M.target)) && (W === "content" && v(M), R || F(M), o && o(M));
-  }, de = (M) => {
-    M.defaultMuiPrevented || G();
-  };
-  return (
-    /* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions -- Key event is handled by the TreeView */
-    /* @__PURE__ */ je("div", C({}, h, {
-      className: Be(r.root, l, i && r.expanded, d && r.selected, m && r.focused, c && r.disabled, T && r.editing, P && r.editable),
-      onClick: ue,
-      onMouseDown: ce,
-      ref: n,
-      children: [/* @__PURE__ */ S("div", {
-        className: r.iconContainer,
-        children: j
-      }), R && /* @__PURE__ */ S(Wt, {
-        className: r.checkbox,
-        checked: d,
-        onChange: B,
-        disabled: c || y,
-        ref: J,
-        tabIndex: -1
-      }), T ? /* @__PURE__ */ S(Dt, C({}, b, {
-        className: r.labelInput
-      })) : /* @__PURE__ */ S("div", C({
-        className: r.label
-      }, P && {
-        onDoubleClick: de
-      }, {
-        children: g
-      })), u && /* @__PURE__ */ S(Ot, C({}, u))]
-    }))
-  );
-});
-process.env.NODE_ENV !== "production" && (Ce.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: a.object.isRequired,
-  className: a.string,
-  /**
-   * The icon to display next to the Tree Item's label. Either a parent or end icon.
-   */
-  displayIcon: a.node,
-  dragAndDropOverlayProps: a.shape({
-    action: a.oneOf(["make-child", "move-to-parent", "reorder-above", "reorder-below"]),
-    style: a.object
-  }),
-  /**
-   * The icon to display next to the Tree Item's label. Either an expansion or collapse icon.
-   */
-  expansionIcon: a.node,
-  /**
-   * The icon to display next to the Tree Item's label.
-   */
-  icon: a.node,
-  /**
-   * The id of the item.
-   */
-  itemId: a.string.isRequired,
-  /**
-   * The Tree Item label.
-   */
-  label: a.node,
-  labelInputProps: a.shape({
-    autoFocus: a.oneOf([!0]),
-    "data-element": a.oneOf(["labelInput"]),
-    onBlur: a.func,
-    onChange: a.func,
-    onKeyDown: a.func,
-    type: a.oneOf(["text"]),
-    value: a.string
-  })
-});
-const wn = ["children", "className", "slots", "slotProps", "ContentComponent", "ContentProps", "itemId", "id", "label", "onClick", "onMouseDown", "onFocus", "onBlur", "onKeyDown"], Rn = ["ownerState"], Sn = ["ownerState"], Pn = ["ownerState"], vn = Ue(), kn = (e) => {
-  const {
-    classes: t
-  } = e;
-  return ze({
-    root: ["root"],
-    content: ["content"],
-    expanded: ["expanded"],
-    selected: ["selected"],
-    focused: ["focused"],
-    disabled: ["disabled"],
-    iconContainer: ["iconContainer"],
-    checkbox: ["checkbox"],
-    label: ["label"],
-    labelInput: ["labelInput"],
-    editing: ["editing"],
-    editable: ["editable"],
-    groupTransition: ["groupTransition"]
-  }, Lt, t);
-}, Mn = ie("li", {
-  name: "MuiTreeItem",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root
-})({
-  listStyle: "none",
-  margin: 0,
-  padding: 0,
-  outline: 0
-}), Dn = ie(Ce, {
-  name: "MuiTreeItem",
-  slot: "Content",
-  overridesResolver: (e, t) => [t.content, t.iconContainer && {
-    [`& .${O.iconContainer}`]: t.iconContainer
-  }, t.label && {
-    [`& .${O.label}`]: t.label
-  }],
-  shouldForwardProp: (e) => qe(e) && e !== "indentationAtItemLevel"
-})(({
-  theme: e
-}) => ({
-  padding: e.spacing(0.5, 1),
-  borderRadius: e.shape.borderRadius,
-  width: "100%",
-  boxSizing: "border-box",
-  // prevent width + padding to overflow
-  position: "relative",
-  display: "flex",
-  alignItems: "center",
-  gap: e.spacing(1),
-  cursor: "pointer",
-  WebkitTapHighlightColor: "transparent",
-  "&:hover": {
-    backgroundColor: (e.vars || e).palette.action.hover,
-    // Reset on touch devices, it doesn't add specificity
-    "@media (hover: none)": {
-      backgroundColor: "transparent"
-    }
-  },
-  [`&.${O.disabled}`]: {
-    opacity: (e.vars || e).palette.action.disabledOpacity,
-    backgroundColor: "transparent"
-  },
-  [`&.${O.focused}`]: {
-    backgroundColor: (e.vars || e).palette.action.focus
-  },
-  [`&.${O.selected}`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : ne(e.palette.primary.main, e.palette.action.selectedOpacity),
-    "&:hover": {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : ne(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : ne(e.palette.primary.main, e.palette.action.selectedOpacity)
-      }
-    },
-    [`&.${O.focused}`]: {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : ne(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
-    }
-  },
-  [`& .${O.iconContainer}`]: {
-    width: 16,
-    display: "flex",
-    flexShrink: 0,
-    justifyContent: "center",
-    "& svg": {
-      fontSize: 18
-    }
-  },
-  [`& .${O.label}`]: C({
-    width: "100%",
-    boxSizing: "border-box",
-    // prevent width + padding to overflow
-    // fixes overflow - see https://github.com/mui/material-ui/issues/27372
-    minWidth: 0,
-    position: "relative"
-  }, e.typography.body1),
-  [`& .${O.checkbox}`]: {
-    padding: 0
-  },
-  variants: [{
-    props: {
-      indentationAtItemLevel: !0
-    },
-    style: {
-      paddingLeft: `calc(${e.spacing(1)} + var(--TreeView-itemChildrenIndentation) * var(--TreeView-itemDepth))`
-    }
-  }]
-})), On = ie(jt, {
-  name: "MuiTreeItem",
-  slot: "GroupTransition",
-  overridesResolver: (e, t) => t.groupTransition,
-  shouldForwardProp: (e) => qe(e) && e !== "indentationAtItemLevel"
-})({
-  margin: 0,
-  padding: 0,
-  paddingLeft: "var(--TreeView-itemChildrenIndentation)",
-  variants: [{
-    props: {
-      indentationAtItemLevel: !0
-    },
-    style: {
-      paddingLeft: 0
-    }
-  }]
-}), Ze = /* @__PURE__ */ E.forwardRef(function(t, n) {
-  var ke, Me, De, Oe;
-  const {
-    icons: r,
-    runItemPlugins: l,
-    items: {
-      disabledItemsFocusable: x,
-      indentationAtItemLevel: I
-    },
-    selection: {
-      disableSelection: f
-    },
-    expansion: {
-      expansionTrigger: g
-    },
-    treeId: p,
-    instance: o
-  } = Ke(), s = E.useContext($e), u = vn({
-    props: t,
-    name: "MuiTreeItem"
-  }), {
-    children: b,
-    className: h,
-    slots: c,
-    slotProps: i,
-    ContentComponent: d = Ce,
-    ContentProps: m,
-    itemId: T,
-    id: P,
-    label: y,
-    onClick: R,
-    onMouseDown: v,
-    onBlur: F,
-    onKeyDown: B
-  } = u, V = A(u, wn), {
-    expanded: L,
-    focused: W,
-    selected: G,
-    disabled: j,
-    editing: J,
-    handleExpansion: ce,
-    handleCancelItemLabelEditing: ue,
-    handleSaveItemLabel: de
-  } = Qe(T);
-  process.env.NODE_ENV !== "production" && (u.ContentComponent && xe(["MUI X: The ContentComponent prop of the TreeItem component is deprecated and will be removed in the next major release.", "You can use the new TreeItem2 component or the new useTreeItem2 hook to customize the rendering of the content.", "For more detail, see https://mui.com/x/react-tree-view/tree-item-customization/."]), u.ContentProps && xe(["MUI X: The ContentProps prop of the TreeItem component is deprecated and will be removed in the next major release.", "You can use the new TreeItem2 component or the new useTreeItem2 hook to customize the rendering of the content.", "For more detail, see https://mui.com/x/react-tree-view/tree-item-customization/."]));
-  const {
-    contentRef: M,
-    rootRef: Y,
-    propsEnhancers: D
-  } = l(u), Q = E.useRef(null), we = E.useRef(null), nt = Ee(n, Y, Q), ot = Ee(m == null ? void 0 : m.ref, M, we), z = {
-    expandIcon: (c == null ? void 0 : c.expandIcon) ?? r.slots.expandIcon ?? At,
-    collapseIcon: (c == null ? void 0 : c.collapseIcon) ?? r.slots.collapseIcon ?? Vt,
-    endIcon: (c == null ? void 0 : c.endIcon) ?? r.slots.endIcon,
-    icon: c == null ? void 0 : c.icon,
-    groupTransition: c == null ? void 0 : c.groupTransition
-  }, Re = (w) => Array.isArray(w) ? w.length > 0 && w.some(Re) : !!w, Z = Re(b), fe = C({}, u, {
-    expanded: L,
-    focused: W,
-    selected: G,
-    disabled: j,
-    indentationAtItemLevel: I
-  }), k = kn(fe), Se = z.groupTransition ?? void 0, rt = N({
-    elementType: Se,
-    ownerState: {},
-    externalSlotProps: i == null ? void 0 : i.groupTransition,
-    additionalProps: C({
-      unmountOnExit: !0,
-      in: L,
-      component: "ul",
-      role: "group"
-    }, I ? {
-      indentationAtItemLevel: !0
-    } : {}),
-    className: k.groupTransition
-  }), st = (w) => {
-    g === "iconContainer" && ce(w);
-  }, pe = L ? z.collapseIcon : z.expandIcon, it = N({
-    elementType: pe,
-    ownerState: {},
-    externalSlotProps: (w) => L ? C({}, $(r.slotProps.collapseIcon, w), $(i == null ? void 0 : i.collapseIcon, w)) : C({}, $(r.slotProps.expandIcon, w), $(i == null ? void 0 : i.expandIcon, w)),
-    additionalProps: {
-      onClick: st
-    }
-  }), lt = A(it, Rn), at = Z && pe ? /* @__PURE__ */ S(pe, C({}, lt)) : null, me = Z ? void 0 : z.endIcon, ct = N({
-    elementType: me,
-    ownerState: {},
-    externalSlotProps: (w) => Z ? {} : C({}, $(r.slotProps.endIcon, w), $(i == null ? void 0 : i.endIcon, w))
-  }), ut = A(ct, Sn), dt = me ? /* @__PURE__ */ S(me, C({}, ut)) : null, Ie = z.icon, ft = N({
-    elementType: Ie,
-    ownerState: {},
-    externalSlotProps: i == null ? void 0 : i.icon
-  }), pt = A(ft, Pn), mt = Ie ? /* @__PURE__ */ S(Ie, C({}, pt)) : null;
-  let ee;
-  G ? ee = !0 : f || j ? ee = void 0 : ee = !1;
-  function It(w) {
-    !W && (!j || x) && w.currentTarget === w.target && o.focusItem(w, T);
-  }
-  function gt(w) {
-    var _, q, Ve, Ae;
-    F == null || F(w), !(J || // we can exit the editing state by clicking outside the input (within the Tree Item) or by pressing Enter or Escape -> we don't want to remove the focused item from the state in these cases
-    // we can also exit the editing state by clicking on the root itself -> want to remove the focused item from the state in this case
-    w.relatedTarget && he(w.relatedTarget, Q.current) && (w.target && ((q = (_ = w.target) == null ? void 0 : _.dataset) == null ? void 0 : q.element) === "labelInput" && he(w.target, Q.current) || ((Ae = (Ve = w.relatedTarget) == null ? void 0 : Ve.dataset) == null ? void 0 : Ae.element) === "labelInput")) && o.removeFocusedItem();
-  }
-  const bt = (w) => {
-    var _, q;
-    B == null || B(w), ((q = (_ = w.target) == null ? void 0 : _.dataset) == null ? void 0 : q.element) !== "labelInput" && o.handleItemKeyDown(w, T);
-  }, ht = _e({
-    itemId: T,
-    treeId: p,
-    id: P
-  }), xt = o.canItemBeTabbed(T) ? 0 : -1, te = {
-    rootRefObject: Q,
-    contentRefObject: we,
-    interactions: {
-      handleSaveItemLabel: de,
-      handleCancelItemLabelEditing: ue
-    }
-  }, Et = ((ke = D.root) == null ? void 0 : ke.call(D, C({}, te, {
-    externalEventHandlers: Fe(V)
-  }))) ?? {}, Tt = ((Me = D.content) == null ? void 0 : Me.call(D, C({}, te, {
-    externalEventHandlers: Fe(m)
-  }))) ?? {}, Pe = ((De = D.dragAndDropOverlay) == null ? void 0 : De.call(D, C({}, te, {
-    externalEventHandlers: {}
-  }))) ?? {}, ve = ((Oe = D.labelInput) == null ? void 0 : Oe.call(D, C({}, te, {
-    externalEventHandlers: {}
-  }))) ?? {};
-  return /* @__PURE__ */ S(Ft, {
-    itemId: T,
-    children: /* @__PURE__ */ je(Mn, C({
-      className: Be(k.root, h),
-      role: "treeitem",
-      "aria-expanded": Z ? L : void 0,
-      "aria-selected": ee,
-      "aria-disabled": j || void 0,
-      id: ht,
-      tabIndex: xt
-    }, V, {
-      ownerState: fe,
-      onFocus: It,
-      onBlur: gt,
-      onKeyDown: bt,
-      ref: nt,
-      style: I ? C({}, V.style, {
-        "--TreeView-itemDepth": typeof s == "function" ? s(T) : s
-      }) : V.style
-    }, Et, {
-      children: [/* @__PURE__ */ S(Dn, C({
-        as: d,
-        classes: {
-          root: k.content,
-          expanded: k.expanded,
-          selected: k.selected,
-          focused: k.focused,
-          disabled: k.disabled,
-          editable: k.editable,
-          editing: k.editing,
-          iconContainer: k.iconContainer,
-          label: k.label,
-          labelInput: k.labelInput,
-          checkbox: k.checkbox
-        },
-        label: y,
-        itemId: T,
-        onClick: R,
-        onMouseDown: v,
-        icon: mt,
-        expansionIcon: at,
-        displayIcon: dt,
-        ownerState: fe
-      }, m, Tt, Pe.action == null ? {} : {
-        dragAndDropOverlayProps: Pe
-      }, ve.value == null ? {} : {
-        labelInputProps: ve
-      }, {
-        ref: ot
-      })), b && /* @__PURE__ */ S(On, C({
-        as: Se
-      }, rt, {
-        children: b
-      }))]
-    }))
-  });
-});
-process.env.NODE_ENV !== "production" && (Ze.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The content of the component.
-   */
-  children: a.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: a.object,
-  className: a.string,
-  /**
-   * The component used to render the content of the item.
-   * @deprecated Consider using the `<TreeItem2 />` component or the `useTreeItem2` hook instead. For more details, see https://mui.com/x/react-tree-view/tree-item-customization/.
-   * @default TreeItemContent
-   */
-  ContentComponent: Jt,
-  /**
-   * Props applied to ContentComponent.
-   * @deprecated Consider using the `<TreeItem2 />` component or the `useTreeItem2` hook instead. For more details, see https://mui.com/x/react-tree-view/tree-item-customization/.
-   */
-  ContentProps: a.object,
-  /**
-   * If `true`, the item is disabled.
-   * @default false
-   */
-  disabled: a.bool,
-  /**
-   * The id of the item.
-   */
-  itemId: a.string.isRequired,
-  /**
-   * The Tree Item label.
-   */
-  label: a.node,
-  /**
-   * This prop isn't supported.
-   * Use the `onItemFocus` callback on the tree if you need to monitor a item's focus.
-   */
-  onFocus: Gt,
-  /**
-   * Callback fired when a key of the keyboard is pressed on the item.
-   */
-  onKeyDown: a.func,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: a.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: a.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object])
-});
-const Vn = ["ownerState"];
-function An({
-  slots: e,
-  slotProps: t,
-  label: n,
-  id: r,
-  itemId: l,
-  itemsToRender: x
+we.params = {};
+const jt = [V, U, N, ee, we, pe], _t = ["ownerState"], te = /* @__PURE__ */ x.createContext(null);
+process.env.NODE_ENV !== "production" && (te.displayName = "RichTreeViewItemsContext");
+const ke = /* @__PURE__ */ x.memo(function({
+  itemSlot: e,
+  itemSlotProps: o,
+  itemId: i
 }) {
-  const I = (e == null ? void 0 : e.item) ?? Ze, f = N({
-    elementType: I,
-    externalSlotProps: t == null ? void 0 : t.item,
+  const l = x.useContext(te), {
+    store: p
+  } = Y(), d = L(p, D, i), r = L(p, R, i), u = e ?? Ge, h = Ie({
+    elementType: u,
+    externalSlotProps: o,
     additionalProps: {
-      itemId: l,
-      id: r,
-      label: n
+      label: d == null ? void 0 : d.label,
+      id: d == null ? void 0 : d.idAttribute,
+      itemId: i
     },
     ownerState: {
-      itemId: l,
-      label: n
+      itemId: i,
+      label: d == null ? void 0 : d.label
     }
-  }), g = A(f, Vn), p = E.useMemo(() => x ? /* @__PURE__ */ S(et, {
-    itemsToRender: x,
-    slots: e,
-    slotProps: t
-  }) : null, [x, e, t]);
-  return /* @__PURE__ */ S(I, C({}, g, {
-    children: p
+  }), c = Z(h, _t);
+  return /* @__PURE__ */ P(u, T({}, c, {
+    children: r == null ? void 0 : r.map(l)
   }));
-}
-function et(e) {
+}, xe);
+process.env.NODE_ENV !== "production" && (ke.displayName = "WrappedTreeItem");
+function $t(t) {
   const {
-    itemsToRender: t,
-    slots: n,
-    slotProps: r
-  } = e;
-  return /* @__PURE__ */ S(E.Fragment, {
-    children: t.map((l) => /* @__PURE__ */ S(An, {
-      slots: n,
-      slotProps: r,
-      label: l.label,
-      id: l.id,
-      itemId: l.itemId,
-      itemsToRender: l.children
-    }, l.itemId))
+    slots: e,
+    slotProps: o
+  } = t, {
+    store: i
+  } = Y(), l = e == null ? void 0 : e.item, p = o == null ? void 0 : o.item, d = L(i, R, null), r = x.useCallback((u) => /* @__PURE__ */ P(ke, {
+    itemSlot: l,
+    itemSlotProps: p,
+    itemId: u
+  }, u), [l, p]);
+  return /* @__PURE__ */ P(te.Provider, {
+    value: r,
+    children: d.map(r)
   });
 }
-const Fn = Ue(), Ln = (e) => {
+const Ut = ["slots", "slotProps"], qt = We(), Kt = (t) => {
   const {
-    classes: t
-  } = e;
-  return ze({
-    root: ["root"]
-  }, Yt, t);
-}, jn = ie("ul", {
+    classes: e
+  } = t;
+  return x.useMemo(() => rt({
+    root: ["root"],
+    item: ["item"],
+    itemContent: ["itemContent"],
+    itemGroupTransition: ["itemGroupTransition"],
+    itemIconContainer: ["itemIconContainer"],
+    itemLabel: ["itemLabel"],
+    itemLabelInput: ["itemLabelInput"],
+    itemCheckbox: ["itemCheckbox"]
+    // itemDragAndDropOverlay: ['itemDragAndDropOverlay'], => feature not available on this component
+    // itemErrorIcon: ['itemErrorIcon'], => feature not available on this component
+  }, at, e), [e]);
+}, Bt = lt("ul", {
   name: "MuiRichTreeView",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root
+  slot: "Root"
 })({
   padding: 0,
   margin: 0,
   listStyle: "none",
   outline: 0,
   position: "relative"
-}), tt = /* @__PURE__ */ E.forwardRef(function(t, n) {
-  const r = Fn({
-    props: t,
+}), ne = /* @__PURE__ */ x.forwardRef(function(e, o) {
+  const i = qt({
+    props: e,
     name: "MuiRichTreeView"
-  });
-  process.env.NODE_ENV !== "production" && r.children != null && xe(["MUI X: The Rich Tree View component does not support JSX children.", "If you want to add items, you need to use the `items` prop.", "Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/."]);
-  const {
-    getRootProps: l,
-    contextValue: x,
-    instance: I
-  } = ln({
-    plugins: yn,
-    rootRef: n,
-    props: r
   }), {
-    slots: f,
-    slotProps: g
-  } = r, p = Ln(r), o = (f == null ? void 0 : f.root) ?? jn, s = N({
-    elementType: o,
-    externalSlotProps: g == null ? void 0 : g.root,
-    className: p.root,
-    getSlotProps: l,
-    ownerState: r
+    slots: l,
+    slotProps: p
+  } = i, d = Z(i, Ut);
+  process.env.NODE_ENV !== "production" && i.children != null && J(["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: r,
+    contextValue: u
+  } = Tt({
+    plugins: jt,
+    rootRef: o,
+    props: d
+  }), h = L(u.store, Xe), c = L(u.store, Je), n = Kt(i), s = (l == null ? void 0 : l.root) ?? Bt, I = Ie({
+    elementType: s,
+    externalSlotProps: p == null ? void 0 : p.root,
+    className: n.root,
+    getSlotProps: r,
+    ownerState: i
   });
-  return /* @__PURE__ */ S(an, {
-    value: x,
-    children: /* @__PURE__ */ S(o, C({}, s, {
-      children: /* @__PURE__ */ S(et, {
-        slots: f,
-        slotProps: g,
-        itemsToRender: I.getItemsToRender()
+  return h ? /* @__PURE__ */ P(ct, {
+    children: "Loading..."
+  }) : c ? /* @__PURE__ */ P(ut, {
+    severity: "error",
+    children: c.message
+  }) : /* @__PURE__ */ P(xt, {
+    contextValue: u,
+    classes: n,
+    slots: l,
+    slotProps: p,
+    children: /* @__PURE__ */ P(s, T({}, I, {
+      children: /* @__PURE__ */ P($t, {
+        slots: l,
+        slotProps: p
       })
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (tt.propTypes = {
+process.env.NODE_ENV !== "production" && (ne.displayName = "RichTreeView");
+process.env.NODE_ENV !== "production" && (ne.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -1658,69 +1392,72 @@ process.env.NODE_ENV !== "production" && (tt.propTypes = {
   /**
    * The ref object that allows Tree View manipulation. Can be instantiated with `useTreeViewApiRef()`.
    */
-  apiRef: a.shape({
-    current: a.shape({
-      focusItem: a.func.isRequired,
-      getItem: a.func.isRequired,
-      getItemDOMElement: a.func.isRequired,
-      getItemOrderedChildrenIds: a.func.isRequired,
-      getItemTree: a.func.isRequired,
-      selectItem: a.func.isRequired,
-      setItemExpansion: a.func.isRequired,
-      updateItemLabel: a.func.isRequired
+  apiRef: g.shape({
+    current: g.shape({
+      focusItem: g.func.isRequired,
+      getItem: g.func.isRequired,
+      getItemDOMElement: g.func.isRequired,
+      getItemOrderedChildrenIds: g.func.isRequired,
+      getItemTree: g.func.isRequired,
+      getParentId: g.func.isRequired,
+      setEditedItem: g.func.isRequired,
+      setIsItemDisabled: g.func.isRequired,
+      setItemExpansion: g.func.isRequired,
+      setItemSelection: g.func.isRequired,
+      updateItemLabel: g.func.isRequired
     })
   }),
   /**
    * If `true`, the Tree View renders a checkbox at the left of its label that allows selecting it.
    * @default false
    */
-  checkboxSelection: a.bool,
+  checkboxSelection: g.bool,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: a.object,
-  className: a.string,
+  classes: g.object,
+  className: g.string,
   /**
    * Expanded item ids.
    * Used when the item's expansion is not controlled.
    * @default []
    */
-  defaultExpandedItems: a.arrayOf(a.string),
+  defaultExpandedItems: g.arrayOf(g.string),
   /**
    * Selected item ids. (Uncontrolled)
    * When `multiSelect` is true this takes an array of strings; when false (default) a string.
    * @default []
    */
-  defaultSelectedItems: a.any,
+  defaultSelectedItems: g.any,
   /**
    * If `true`, will allow focus on disabled items.
    * @default false
    */
-  disabledItemsFocusable: a.bool,
+  disabledItemsFocusable: g.bool,
   /**
    * If `true` selection is disabled.
    * @default false
    */
-  disableSelection: a.bool,
+  disableSelection: g.bool,
   /**
    * Expanded item ids.
    * Used when the item's expansion is controlled.
    */
-  expandedItems: a.arrayOf(a.string),
+  expandedItems: g.arrayOf(g.string),
   /**
    * The slot that triggers the item's expansion when clicked.
    * @default 'content'
    */
-  expansionTrigger: a.oneOf(["content", "iconContainer"]),
+  expansionTrigger: g.oneOf(["content", "iconContainer"]),
   /**
-   * Unstable features, breaking changes might be introduced.
-   * For each feature, if the flag is not explicitly set to `true`,
-   * the feature will be fully disabled and any property / method call will not have any effect.
+   * Used to determine the children of a given item.
+   *
+   * @template R
+   * @param {R} item The item to check.
+   * @returns {R[]} The children of the item.
+   * @default (item) => item.children
    */
-  experimentalFeatures: a.shape({
-    indentationAtItemLevel: a.bool,
-    labelEditing: a.bool
-  }),
+  getItemChildren: g.func,
   /**
    * Used to determine the id of a given item.
    *
@@ -1729,7 +1466,7 @@ process.env.NODE_ENV !== "production" && (tt.propTypes = {
    * @returns {string} The id of the item.
    * @default (item) => item.id
    */
-  getItemId: a.func,
+  getItemId: g.func,
   /**
    * Used to determine the string label for a given item.
    *
@@ -1738,150 +1475,168 @@ process.env.NODE_ENV !== "production" && (tt.propTypes = {
    * @returns {string} The label of the item.
    * @default (item) => item.label
    */
-  getItemLabel: a.func,
+  getItemLabel: g.func,
   /**
    * This prop is used to help implement the accessibility logic.
    * If you don't provide this prop. It falls back to a randomly generated id.
    */
-  id: a.string,
+  id: g.string,
   /**
    * Used to determine if a given item should be disabled.
    * @template R
    * @param {R} item The item to check.
    * @returns {boolean} `true` if the item should be disabled.
    */
-  isItemDisabled: a.func,
+  isItemDisabled: g.func,
   /**
-   * Determines if a given item is editable or not.
-   * Make sure to also enable the `labelEditing` experimental feature:
-   * `<RichTreeViewPro experimentalFeatures={{ labelEditing: true }}  />`.
-   * By default, the items are not editable.
+   * Determine if a given item can be edited.
    * @template R
    * @param {R} item The item to check.
-   * @returns {boolean} `true` if the item is editable.
+   * @returns {boolean} `true` if the item can be edited.
+   * @default () => false
    */
-  isItemEditable: a.oneOfType([a.func, a.bool]),
+  isItemEditable: g.oneOfType([g.func, g.bool]),
   /**
    * Horizontal indentation between an item and its children.
    * Examples: 24, "24px", "2rem", "2em".
    * @default 12px
    */
-  itemChildrenIndentation: a.oneOfType([a.number, a.string]),
-  items: a.array.isRequired,
+  itemChildrenIndentation: g.oneOfType([g.number, g.string]),
+  items: g.array.isRequired,
   /**
    * If `true`, `ctrl` and `shift` will trigger multiselect.
    * @default false
    */
-  multiSelect: a.bool,
+  multiSelect: g.bool,
   /**
    * Callback fired when Tree Items are expanded/collapsed.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change.
+   * @param {React.SyntheticEvent} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemExpansion()` method.
    * @param {array} itemIds The ids of the expanded items.
    */
-  onExpandedItemsChange: a.func,
+  onExpandedItemsChange: g.func,
   /**
    * Callback fired when the `content` slot of a given Tree Item is clicked.
    * @param {React.MouseEvent} event The DOM event that triggered the change.
    * @param {string} itemId The id of the focused item.
    */
-  onItemClick: a.func,
+  onItemClick: g.func,
   /**
    * Callback fired when a Tree Item is expanded or collapsed.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change.
+   * @param {React.SyntheticEvent | null} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemExpansion()` method.
    * @param {array} itemId The itemId of the modified item.
    * @param {array} isExpanded `true` if the item has just been expanded, `false` if it has just been collapsed.
    */
-  onItemExpansionToggle: a.func,
+  onItemExpansionToggle: g.func,
   /**
    * Callback fired when a given Tree Item is focused.
    * @param {React.SyntheticEvent | null} event The DOM event that triggered the change. **Warning**: This is a generic event not a focus event.
    * @param {string} itemId The id of the focused item.
    */
-  onItemFocus: a.func,
+  onItemFocus: g.func,
   /**
    * Callback fired when the label of an item changes.
    * @param {TreeViewItemId} itemId The id of the item that was edited.
    * @param {string} newLabel The new label of the items.
    */
-  onItemLabelChange: a.func,
+  onItemLabelChange: g.func,
   /**
    * Callback fired when a Tree Item is selected or deselected.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change.
+   * @param {React.SyntheticEvent} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemSelection()` method.
    * @param {array} itemId The itemId of the modified item.
    * @param {array} isSelected `true` if the item has just been selected, `false` if it has just been deselected.
    */
-  onItemSelectionToggle: a.func,
+  onItemSelectionToggle: g.func,
   /**
    * Callback fired when Tree Items are selected/deselected.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change.
+   * @param {React.SyntheticEvent} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemSelection()` method.
    * @param {string[] | string} itemIds The ids of the selected items.
    * When `multiSelect` is `true`, this is an array of strings; when false (default) a string.
    */
-  onSelectedItemsChange: a.func,
+  onSelectedItemsChange: g.func,
   /**
    * Selected item ids. (Controlled)
    * When `multiSelect` is true this takes an array of strings; when false (default) a string.
    */
-  selectedItems: a.any,
+  selectedItems: g.any,
+  /**
+   * When `selectionPropagation.descendants` is set to `true`.
+   *
+   * - Selecting a parent selects all its descendants automatically.
+   * - Deselecting a parent deselects all its descendants automatically.
+   *
+   * When `selectionPropagation.parents` is set to `true`.
+   *
+   * - Selecting all the descendants of a parent selects the parent automatically.
+   * - Deselecting a descendant of a selected parent deselects the parent automatically.
+   *
+   * Only works when `multiSelect` is `true`.
+   * On the <SimpleTreeView />, only the expanded items are considered (since the collapsed item are not passed to the Tree View component at all)
+   *
+   * @default { parents: false, descendants: false }
+   */
+  selectionPropagation: g.shape({
+    descendants: g.bool,
+    parents: g.bool
+  }),
   /**
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: a.object,
+  slotProps: g.object,
   /**
    * Overridable component slots.
    * @default {}
    */
-  slots: a.object,
+  slots: g.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object])
+  sx: g.oneOfType([g.arrayOf(g.oneOfType([g.func, g.object, g.bool])), g.func, g.object])
 });
-const ro = ({
-  items: e,
-  selectedItemId: t,
-  handleSelectedItemChange: n,
-  iconColor: r = "primary",
+const un = ({
+  items: t,
+  selectedItemId: e,
+  handleSelectedItemChange: o,
+  iconColor: i = "primary",
   hasNoIcons: l = !1,
-  maxHeight: x = 300,
-  defaultExpandedItems: I = []
+  maxHeight: p = 300,
+  defaultExpandedItems: d = []
 }) => {
-  const [f, g] = yt(I), p = Ct(() => Kt(e), [e]);
-  return wt(() => {
-    if (t) {
-      const s = Ut(e, t);
-      if (s) {
-        const u = s.slice(0, -1);
-        g((b) => {
-          const h = u.filter(
-            (c) => !b.includes(c)
+  const [r, u] = Ce(d), h = Pe(() => He(t), [t]);
+  return ye(() => {
+    if (e) {
+      const n = et(t, e);
+      if (n) {
+        const s = n.slice(0, -1);
+        u((I) => {
+          const E = s.filter(
+            (b) => !I.includes(b)
           );
-          return h.length > 0 ? [...b, ...h] : b;
+          return E.length > 0 ? [...I, ...E] : I;
         });
       }
     }
-  }, [t, e]), /* @__PURE__ */ S($t, { maxHeight: x, "data-treeview-root": "true", children: /* @__PURE__ */ S(
-    tt,
+  }, [e, t]), /* @__PURE__ */ P(Ye, { maxHeight: p, "data-treeview-root": "true", children: /* @__PURE__ */ P(
+    ne,
     {
-      items: e,
-      selectedItems: t,
-      expandedItems: f,
-      onExpandedItemsChange: (s, u) => {
-        g(u);
+      items: t,
+      selectedItems: e,
+      expandedItems: r,
+      onExpandedItemsChange: (n, s) => {
+        u(s);
       },
-      itemChildrenIndentation: Nt,
-      onSelectedItemsChange: n,
-      getItemId: Bt,
+      itemChildrenIndentation: Ze,
+      onSelectedItemsChange: o,
+      getItemId: tt,
       slots: {
-        item: (s) => {
-          const u = s.itemId ? p[s.itemId] : void 0;
-          return /* @__PURE__ */ S(
-            _t,
+        item: (n) => {
+          const s = n.itemId ? h[n.itemId] : void 0;
+          return /* @__PURE__ */ P(
+            Qe,
             {
-              ...s,
-              itemData: u,
-              iconColor: r,
+              ...n,
+              itemData: s,
+              iconColor: i,
               hasNoIcons: l
             }
           );
@@ -1891,5 +1646,5 @@ const ro = ({
   ) });
 };
 export {
-  ro as default
+  un as default
 };