@cgi-learning-hub/ui 1.4.0-dev.1742391176 → 1.4.0-dev.1742463865

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

@@ -1,65 +1,64 @@
 import { jsx as S, jsxs as je } from "react/jsx-runtime";
-import { B as yt } from "../../Box-C-j-U8SH.js";
 import * as E from "react";
-import { useState as Ct, useMemo as wt, useEffect as Rt } from "react";
-import { a as St, T as Pt, b as _e, d as $e, e as Ne, f as se, h as vt, i as kt, j as Mt, k as he, l as ge, m as Dt, n as oe, u as H, o as Ke, p as Ot, q as Vt, r as Ue, w as xe, s as At, t as Ft, v as Lt, x as jt, y as O, C as _t, z as $t } from "../../CustomTreeItem-BpAK85gf.js";
-import { treeContainerStyle as Nt, DEFAULT_CHILDREN_INDENT as Kt } from "./style.es.js";
-import { buildItemDataMap as Ut, findItemPath as Bt, getItemId as zt } from "./utils.es.js";
+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, w as xe, s as Vt, t as At, v as Ft, x as Lt, y as O, C as jt, z as _t } from "../../CustomTreeItem-BpAK85gf.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-CZFKUUHD.js";
-import { H as qt, G as Ht, I as Be, P as a, n as ne } from "../../generateUtilityClasses-CqzQXpT_.js";
+import { H as zt, G as qt, I as Be, P as a, n as ne } from "../../generateUtilityClasses-CqzQXpT_.js";
 import { a as A } from "../../TransitionGroupContext-DbLioz_6.js";
 import { u as U } from "../../useEventCallback-BAQJJ3ye.js";
-import { o as Xt } from "../../ownerDocument-CUrv0DIK.js";
-import { u as Wt } from "../../index-sDFEVHTg.js";
-import { C as Gt } from "../../Checkbox-1Zr36vDa.js";
+import { o as Ht } from "../../ownerDocument-CUrv0DIK.js";
+import { u as Xt } from "../../index-sDFEVHTg.js";
+import { C as Wt } from "../../Checkbox-1Zr36vDa.js";
 import { u as Ee } from "../../useForkRef-C_4o__cU.js";
 import { u as N } from "../../useSlotProps-Ceyorp-u.js";
 import { r as $, e as Fe } from "../../resolveComponentProps-Ctw0-dUN.js";
 import { s as ie, c as ze, f as qe } from "../../DefaultPropsProvider-CXfMJdg8.js";
-import { u as Jt } from "../../unsupportedProp-BuVD30Gh.js";
-import { e as Yt } from "../../elementTypeAcceptingRef-1usJq_B8.js";
-function Qt(e) {
-  return qt("MuiRichTreeView", e);
+import { u as Gt } from "../../unsupportedProp-BuVD30Gh.js";
+import { e as Jt } from "../../elementTypeAcceptingRef-1usJq_B8.js";
+function Yt(e) {
+  return zt("MuiRichTreeView", e);
 }
-Ht("MuiRichTreeView", ["root"]);
-const Zt = (e, t) => {
+qt("MuiRichTreeView", ["root"]);
+const Qt = (e, t) => {
   const n = E.useRef({}), [r, l] = E.useState(() => {
-    const g = {};
+    const m = {};
     return e.forEach((p) => {
-      p.models && Object.entries(p.models).forEach(([m, d]) => {
-        n.current[m] = {
-          isControlled: t[m] !== void 0,
-          getDefaultValue: d.getDefaultValue
-        }, g[m] = d.getDefaultValue(t);
+      p.models && Object.entries(p.models).forEach(([g, u]) => {
+        n.current[g] = {
+          isControlled: t[g] !== void 0,
+          getDefaultValue: u.getDefaultValue
+        }, m[g] = u.getDefaultValue(t);
       });
-    }), g;
-  }), h = Object.fromEntries(Object.entries(n.current).map(([g, p]) => {
-    const m = t[g] ?? r[g];
-    return [g, {
-      value: m,
-      setControlledValue: (d) => {
+    }), m;
+  }), x = Object.fromEntries(Object.entries(n.current).map(([m, p]) => {
+    const g = t[m] ?? r[m];
+    return [m, {
+      value: g,
+      setControlledValue: (u) => {
         p.isControlled || l((o) => C({}, o, {
-          [g]: d
+          [m]: u
         }));
       }
     }];
   }));
-  return process.env.NODE_ENV !== "production" && Object.entries(n.current).forEach(([g, p]) => {
-    const m = t[g], d = p.getDefaultValue(t);
+  return process.env.NODE_ENV !== "production" && Object.entries(n.current).forEach(([m, p]) => {
+    const g = t[m], u = p.getDefaultValue(t);
     E.useEffect(() => {
-      p.isControlled !== (m !== void 0) && console.error([`MUI X: A component is changing the ${p.isControlled ? "" : "un"}controlled ${g} state of TreeView to be ${p.isControlled ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${g} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+      p.isControlled !== (g !== void 0) && console.error([`MUI X: A component is changing the ${p.isControlled ? "" : "un"}controlled ${m} state of TreeView to be ${p.isControlled ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${m} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
 `));
-    }, [m]);
+    }, [g]);
     const {
       current: o
-    } = E.useRef(d);
+    } = E.useRef(u);
     E.useEffect(() => {
-      !p.isControlled && o !== d && console.error([`MUI X: A component is changing the default ${g} state of an uncontrolled TreeView after being initialized. To suppress this warning opt to use a controlled TreeView.`].join(`
+      !p.isControlled && o !== u && console.error([`MUI X: A component is changing the default ${m} state of an uncontrolled TreeView after being initialized. To suppress this warning opt to use a controlled TreeView.`].join(`
 `));
-    }, [JSON.stringify(d)]);
-  }), h;
+    }, [JSON.stringify(u)]);
+  }), x;
 };
-class en {
+class Zt {
   constructor() {
     this.maxListeners = 20, this.warnOnce = !1, this.events = {};
   }
@@ -69,8 +68,8 @@ class en {
       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 h = l.highPriority.size + l.regular.size;
-      h > this.maxListeners && !this.warnOnce && (this.warnOnce = !0, console.warn([`Possible EventEmitter memory leak detected. ${h} ${t} listeners added.`].join(`
+      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(`
 `)));
     }
   }
@@ -84,27 +83,27 @@ class en {
     const r = this.events[t];
     if (!r)
       return;
-    const l = Array.from(r.highPriority.keys()), h = Array.from(r.regular.keys());
-    for (let g = l.length - 1; g >= 0; g -= 1) {
-      const p = l[g];
+    const l = Array.from(r.highPriority.keys()), x = Array.from(r.regular.keys());
+    for (let m = l.length - 1; m >= 0; m -= 1) {
+      const p = l[m];
       r.highPriority.has(p) && p.apply(this, n);
     }
-    for (let g = 0; g < h.length; g += 1) {
-      const p = h[g];
+    for (let m = 0; m < x.length; m += 1) {
+      const p = x[m];
       r.regular.has(p) && p.apply(this, n);
     }
   }
   once(t, n) {
     const r = this;
-    this.on(t, function l(...h) {
-      r.removeListener(t, l), n.apply(r, h);
+    this.on(t, function l(...x) {
+      r.removeListener(t, l), n.apply(r, x);
     });
   }
 }
-const tn = (e) => e.isPropagationStopped !== void 0, He = () => {
-  const [e] = E.useState(() => new en()), t = E.useCallback((...r) => {
-    const [l, h, g = {}] = r;
-    g.defaultMuiPrevented = !1, !(tn(g) && g.isPropagationStopped()) && e.emit(l, h, g);
+const en = (e) => e.isPropagationStopped !== void 0, He = () => {
+  const [e] = E.useState(() => new Zt()), t = E.useCallback((...r) => {
+    const [l, x, m = {}] = r;
+    m.defaultMuiPrevented = !1, !(en(m) && m.isPropagationStopped()) && e.emit(l, x, m);
   }, [e]), n = E.useCallback((r, l) => (e.on(r, l), () => {
     e.removeListener(r, l);
   }), [e]);
@@ -135,7 +134,7 @@ const Te = ({
   E.useEffect(() => {
     n((l) => l.id.treeId === e.id && l.id.treeId !== void 0 ? l : C({}, l, {
       id: C({}, l.id, {
-        treeId: e.id ?? St()
+        treeId: e.id ?? Rt()
       })
     }));
   }, [n, e.id]);
@@ -159,7 +158,7 @@ Te.getInitialState = ({
     treeId: e ?? void 0
   }
 });
-const nn = [He, Xe, Te], on = ["slots", "slotProps", "apiRef", "experimentalFeatures"], rn = (e) => {
+const tn = [He, Xe, Te], nn = ["slots", "slotProps", "apiRef", "experimentalFeatures"], on = (e) => {
   let {
     props: {
       slots: t,
@@ -167,144 +166,144 @@ const nn = [He, Xe, Te], on = ["slots", "slotProps", "apiRef", "experimentalFeat
       apiRef: r,
       experimentalFeatures: l
     },
-    plugins: h
-  } = e, g = A(e.props, on);
+    plugins: x
+  } = e, m = A(e.props, nn);
   const p = {};
-  h.forEach((f) => {
-    Object.assign(p, f.params);
+  x.forEach((d) => {
+    Object.assign(p, d.params);
   });
-  const m = {}, d = {};
-  Object.keys(g).forEach((f) => {
-    const b = g[f];
-    p[f] ? m[f] = b : d[f] = b;
+  const g = {}, u = {};
+  Object.keys(m).forEach((d) => {
+    const b = m[d];
+    p[d] ? g[d] = b : u[d] = b;
   });
-  const o = l ?? {}, s = h.reduce((f, b) => b.getDefaultizedParams ? b.getDefaultizedParams({
-    params: f,
+  const o = l ?? {}, s = x.reduce((d, b) => b.getDefaultizedParams ? b.getDefaultizedParams({
+    params: d,
     experimentalFeatures: o
-  }) : f, m);
+  }) : d, g);
   return {
     apiRef: r,
-    forwardedProps: d,
+    forwardedProps: u,
     pluginParams: s,
     slots: t ?? {},
     slotProps: n ?? {},
     experimentalFeatures: o
   };
-}, sn = ({
+}, rn = ({
   plugins: e,
   instance: t,
   publicAPI: n,
   rootRef: r
 }) => ({
   runItemPlugins: (p) => {
-    let m = null, d = null;
+    let g = null, u = null;
     const o = [], s = {};
-    e.forEach((x) => {
-      if (!x.itemPlugin)
+    e.forEach((h) => {
+      if (!h.itemPlugin)
         return;
-      const c = x.itemPlugin({
+      const c = h.itemPlugin({
         props: p,
-        rootRef: m,
-        contentRef: d
+        rootRef: g,
+        contentRef: u
       });
-      c != null && c.rootRef && (m = c.rootRef), c != null && c.contentRef && (d = c.contentRef), c != null && c.propsEnhancers && (o.push(c.propsEnhancers), Object.keys(c.propsEnhancers).forEach((i) => {
+      c != null && c.rootRef && (g = c.rootRef), c != null && c.contentRef && (u = c.contentRef), c != null && c.propsEnhancers && (o.push(c.propsEnhancers), Object.keys(c.propsEnhancers).forEach((i) => {
         s[i] = !0;
       }));
     });
-    const f = (x) => (c) => {
+    const d = (h) => (c) => {
       const i = {};
-      return o.forEach((u) => {
-        const I = u[x];
+      return o.forEach((f) => {
+        const I = f[h];
         I != null && Object.assign(i, I(c));
       }), i;
-    }, b = Object.fromEntries(Object.keys(s).map((x) => [x, f(x)]));
+    }, b = Object.fromEntries(Object.keys(s).map((h) => [h, d(h)]));
     return {
-      contentRef: d,
-      rootRef: m,
+      contentRef: u,
+      rootRef: g,
       propsEnhancers: b
     };
   },
   wrapItem: ({
     itemId: p,
-    children: m
+    children: g
   }) => {
-    let d = m;
+    let u = g;
     for (let o = e.length - 1; o >= 0; o -= 1) {
       const s = e[o];
-      s.wrapItem && (d = s.wrapItem({
+      s.wrapItem && (u = s.wrapItem({
         itemId: p,
-        children: d,
+        children: u,
         instance: t
       }));
     }
-    return d;
+    return u;
   },
   wrapRoot: ({
     children: p
   }) => {
-    let m = p;
-    for (let d = e.length - 1; d >= 0; d -= 1) {
-      const o = e[d];
-      o.wrapRoot && (m = o.wrapRoot({
-        children: m,
+    let g = p;
+    for (let u = e.length - 1; u >= 0; u -= 1) {
+      const o = e[u];
+      o.wrapRoot && (g = o.wrapRoot({
+        children: g,
         instance: t
       }));
     }
-    return m;
+    return g;
   },
   instance: t,
   rootRef: r,
   publicAPI: n
 });
-function ln(e) {
+function sn(e) {
   const t = E.useRef({});
   return e ? (e.current == null && (e.current = {}), e.current) : t.current;
 }
-const an = ({
+const ln = ({
   plugins: e,
   rootRef: t,
   props: n
 }) => {
-  const r = [...nn, ...e], {
+  const r = [...tn, ...e], {
     pluginParams: l,
-    forwardedProps: h,
-    apiRef: g,
+    forwardedProps: x,
+    apiRef: m,
     experimentalFeatures: p,
-    slots: m,
-    slotProps: d
-  } = rn({
+    slots: g,
+    slotProps: u
+  } = on({
     plugins: r,
     props: n
-  }), o = Zt(r, l), f = E.useRef({}).current, b = ln(g), x = E.useRef(null), c = Ee(x, t), i = sn({
+  }), o = Qt(r, l), d = E.useRef({}).current, b = sn(m), h = E.useRef(null), c = Ee(h, t), i = rn({
     plugins: r,
-    instance: f,
+    instance: d,
     publicAPI: b,
-    rootRef: x
-  }), [u, I] = E.useState(() => {
+    rootRef: h
+  }), [f, I] = E.useState(() => {
     const R = {};
     return r.forEach((v) => {
       v.getInitialState && Object.assign(R, v.getInitialState(l));
     }), R;
   }), T = [], P = (R) => {
     const v = R({
-      instance: f,
+      instance: d,
       params: l,
-      slots: m,
-      slotProps: d,
+      slots: g,
+      slotProps: u,
       experimentalFeatures: p,
-      state: u,
+      state: f,
       setState: I,
-      rootRef: x,
+      rootRef: h,
       models: o,
       plugins: r
     });
-    v.getRootProps && T.push(v.getRootProps), v.publicAPI && Object.assign(b, v.publicAPI), v.instance && Object.assign(f, v.instance), v.contextValue && Object.assign(i, v.contextValue);
+    v.getRootProps && T.push(v.getRootProps), v.publicAPI && Object.assign(b, v.publicAPI), v.instance && Object.assign(d, v.instance), v.contextValue && Object.assign(i, v.contextValue);
   };
   return r.forEach(P), {
     getRootProps: (R = {}) => {
       const v = C({
         role: "tree"
-      }, h, R, {
+      }, x, R, {
         ref: c
       });
       return T.forEach((F) => {
@@ -313,15 +312,15 @@ const an = ({
     },
     rootRef: c,
     contextValue: i,
-    instance: f
+    instance: d
   };
 };
-function cn(e) {
+function an(e) {
   const {
     value: t,
     children: n
   } = e;
-  return /* @__PURE__ */ S(Pt.Provider, {
+  return /* @__PURE__ */ S(St.Provider, {
     value: t,
     children: t.wrapRoot({
       children: n,
@@ -329,55 +328,55 @@ function cn(e) {
     })
   });
 }
-const un = (e, t, n) => {
+const cn = (e, t, n) => {
   e.$$publishEvent(t, n);
-}, K = "__TREE_VIEW_ROOT_PARENT_ID__", dn = (e) => {
+}, K = "__TREE_VIEW_ROOT_PARENT_ID__", un = (e) => {
   const t = {};
   return e.forEach((n, r) => {
     t[n] = r;
   }), t;
-}, fn = ["children"], We = ({
+}, dn = ["children"], We = ({
   items: e,
   isItemDisabled: t,
   getItemLabel: n,
   getItemId: r
 }) => {
-  const l = {}, h = {}, g = {
+  const l = {}, x = {}, m = {
     [K]: []
-  }, p = (d, o, s) => {
+  }, p = (u, o, s) => {
     var c, i;
-    const f = r ? r(d) : d.id;
-    if (f == null)
-      throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.", "Alternatively, you can use the `getItemId` prop to specify a custom id for each item.", "An item was provided without id in the `items` prop:", JSON.stringify(d)].join(`
+    const d = r ? r(u) : u.id;
+    if (d == 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(u)].join(`
 `));
-    if (l[f] != null)
-      throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.", "Alternatively, you can use the `getItemId` prop to specify a custom id for each item.", `Two items were provided with the same id in the \`items\` prop: "${f}"`].join(`
+    if (l[d] != 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: "${d}"`].join(`
 `));
-    const b = n ? n(d) : d.label;
+    const b = n ? n(u) : u.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(d)].join(`
+      throw new Error(["MUI X: The Tree View component requires all items to have a `label` property.", "Alternatively, you can use the `getItemLabel` prop to specify a custom label for each item.", "An item was provided without label in the `items` prop:", JSON.stringify(u)].join(`
 `));
-    l[f] = {
-      id: f,
+    l[d] = {
+      id: d,
       label: b,
       parentId: s,
       idAttribute: void 0,
-      expandable: !!((c = d.children) != null && c.length),
-      disabled: t ? t(d) : !1,
+      expandable: !!((c = u.children) != null && c.length),
+      disabled: t ? t(u) : !1,
       depth: o
-    }, h[f] = d;
-    const x = s ?? K;
-    g[x] || (g[x] = []), g[x].push(f), (i = d.children) == null || i.forEach((u) => p(u, o + 1, f));
+    }, x[d] = u;
+    const h = s ?? K;
+    m[h] || (m[h] = []), m[h].push(d), (i = u.children) == null || i.forEach((f) => p(f, o + 1, d));
   };
-  e.forEach((d) => p(d, 0, null));
-  const m = {};
-  return Object.keys(g).forEach((d) => {
-    m[d] = dn(g[d]);
+  e.forEach((u) => p(u, 0, null));
+  const g = {};
+  return Object.keys(m).forEach((u) => {
+    g[u] = un(m[u]);
   }), {
     itemMetaMap: l,
-    itemMap: h,
-    itemOrderedChildrenIds: g,
-    itemChildrenIndexes: m
+    itemMap: x,
+    itemOrderedChildrenIds: m,
+    itemChildrenIndexes: g
   };
 }, X = ({
   instance: e,
@@ -386,16 +385,16 @@ const un = (e, t, n) => {
   setState: r,
   experimentalFeatures: l
 }) => {
-  const h = E.useCallback((u) => n.items.itemMetaMap[u], [n.items.itemMetaMap]), g = E.useCallback((u) => n.items.itemMap[u], [n.items.itemMap]), p = E.useCallback(() => {
-    const u = (I) => {
-      const T = n.items.itemMap[I], P = A(T, fn), y = n.items.itemOrderedChildrenIds[I];
-      return y && (P.children = y.map(u)), P;
+  const x = E.useCallback((f) => n.items.itemMetaMap[f], [n.items.itemMetaMap]), m = E.useCallback((f) => n.items.itemMap[f], [n.items.itemMap]), p = E.useCallback(() => {
+    const f = (I) => {
+      const T = n.items.itemMap[I], P = A(T, dn), y = n.items.itemOrderedChildrenIds[I];
+      return y && (P.children = y.map(f)), P;
     };
-    return n.items.itemOrderedChildrenIds[K].map(u);
-  }, [n.items.itemMap, n.items.itemOrderedChildrenIds]), m = E.useCallback((u) => {
-    if (u == null)
+    return n.items.itemOrderedChildrenIds[K].map(f);
+  }, [n.items.itemMap, n.items.itemOrderedChildrenIds]), g = E.useCallback((f) => {
+    if (f == null)
       return !1;
-    let I = e.getItemMeta(u);
+    let I = e.getItemMeta(f);
     if (!I)
       return !1;
     if (I.disabled)
@@ -404,32 +403,32 @@ const un = (e, t, n) => {
       if (I = e.getItemMeta(I.parentId), I.disabled)
         return !0;
     return !1;
-  }, [e]), d = E.useCallback((u) => {
-    const I = e.getItemMeta(u).parentId ?? K;
-    return n.items.itemChildrenIndexes[I][u];
-  }, [e, n.items.itemChildrenIndexes]), o = E.useCallback((u) => n.items.itemOrderedChildrenIds[u ?? K] ?? [], [n.items.itemOrderedChildrenIds]), s = (u) => {
-    const I = e.getItemMeta(u);
+  }, [e]), u = E.useCallback((f) => {
+    const I = e.getItemMeta(f).parentId ?? K;
+    return n.items.itemChildrenIndexes[I][f];
+  }, [e, n.items.itemChildrenIndexes]), o = E.useCallback((f) => n.items.itemOrderedChildrenIds[f ?? K] ?? [], [n.items.itemOrderedChildrenIds]), s = (f) => {
+    const I = e.getItemMeta(f);
     return I == null ? null : document.getElementById(_e({
       treeId: n.id.treeId,
-      itemId: u,
+      itemId: f,
       id: I.idAttribute
     }));
-  }, f = (u) => t.disabledItemsFocusable ? !0 : !e.isItemDisabled(u), b = E.useRef(!1), x = E.useCallback(() => {
+  }, d = (f) => t.disabledItemsFocusable ? !0 : !e.isItemDisabled(f), b = E.useRef(!1), h = E.useCallback(() => {
     b.current = !0;
   }, []), c = E.useCallback(() => b.current, []);
   return E.useEffect(() => {
-    e.areItemUpdatesPrevented() || r((u) => {
+    e.areItemUpdatesPrevented() || r((f) => {
       const I = We({
         items: t.items,
         isItemDisabled: t.isItemDisabled,
         getItemId: t.getItemId,
         getItemLabel: t.getItemLabel
       });
-      return Object.values(u.items.itemMetaMap).forEach((T) => {
-        I.itemMetaMap[T.id] || un(e, "removeItem", {
+      return Object.values(f.items.itemMetaMap).forEach((T) => {
+        I.itemMetaMap[T.id] || cn(e, "removeItem", {
           id: T.id
         });
-      }), C({}, u, {
+      }), C({}, f, {
         items: I
       });
     });
@@ -440,34 +439,34 @@ const un = (e, t, n) => {
       }
     }),
     publicAPI: {
-      getItem: g,
+      getItem: m,
       getItemDOMElement: s,
       getItemTree: p,
       getItemOrderedChildrenIds: o
     },
     instance: {
-      getItemMeta: h,
-      getItem: g,
+      getItemMeta: x,
+      getItem: m,
       getItemTree: p,
       getItemsToRender: () => {
-        const u = (I) => {
+        const f = (I) => {
           var P;
           const T = n.items.itemMetaMap[I];
           return {
             label: T.label,
             itemId: T.id,
             id: T.idAttribute,
-            children: (P = n.items.itemOrderedChildrenIds[I]) == null ? void 0 : P.map(u)
+            children: (P = n.items.itemOrderedChildrenIds[I]) == null ? void 0 : P.map(f)
           };
         };
-        return n.items.itemOrderedChildrenIds[K].map(u);
+        return n.items.itemOrderedChildrenIds[K].map(f);
       },
-      getItemIndex: d,
+      getItemIndex: u,
       getItemDOMElement: s,
       getItemOrderedChildrenIds: o,
-      isItemDisabled: m,
-      isItemNavigable: f,
-      preventItemUpdates: x,
+      isItemDisabled: g,
+      isItemNavigable: d,
+      preventItemUpdates: h,
       areItemUpdatesPrevented: c
     },
     contextValue: {
@@ -519,39 +518,39 @@ const le = ({
 }) => {
   const r = E.useMemo(() => {
     const s = /* @__PURE__ */ new Map();
-    return n.expandedItems.value.forEach((f) => {
-      s.set(f, !0);
+    return n.expandedItems.value.forEach((d) => {
+      s.set(d, !0);
     }), s;
-  }, [n.expandedItems.value]), l = (s, f) => {
+  }, [n.expandedItems.value]), l = (s, d) => {
     var b;
-    (b = t.onExpandedItemsChange) == null || b.call(t, s, f), n.expandedItems.setControlledValue(f);
-  }, h = E.useCallback((s) => r.has(s), [r]), g = E.useCallback((s) => {
-    var f;
-    return !!((f = e.getItemMeta(s)) != null && f.expandable);
-  }, [e]), p = U((s, f) => {
-    const b = e.isItemExpanded(f);
-    e.setItemExpansion(s, f, !b);
-  }), m = U((s, f, b) => {
-    if (e.isItemExpanded(f) === b)
+    (b = t.onExpandedItemsChange) == null || b.call(t, s, d), n.expandedItems.setControlledValue(d);
+  }, x = E.useCallback((s) => r.has(s), [r]), m = E.useCallback((s) => {
+    var d;
+    return !!((d = e.getItemMeta(s)) != null && d.expandable);
+  }, [e]), p = U((s, d) => {
+    const b = e.isItemExpanded(d);
+    e.setItemExpansion(s, d, !b);
+  }), g = U((s, d, b) => {
+    if (e.isItemExpanded(d) === b)
       return;
     let c;
-    b ? c = [f].concat(n.expandedItems.value) : c = n.expandedItems.value.filter((i) => i !== f), t.onItemExpansionToggle && t.onItemExpansionToggle(s, f, b), l(s, c);
-  }), d = (s, f) => {
-    const b = e.getItemMeta(f), c = e.getItemOrderedChildrenIds(b.parentId).filter((u) => e.isItemExpandable(u) && !e.isItemExpanded(u)), i = n.expandedItems.value.concat(c);
-    c.length > 0 && (t.onItemExpansionToggle && c.forEach((u) => {
-      t.onItemExpansionToggle(s, u, !0);
+    b ? c = [d].concat(n.expandedItems.value) : c = n.expandedItems.value.filter((i) => i !== d), t.onItemExpansionToggle && t.onItemExpansionToggle(s, d, b), l(s, c);
+  }), u = (s, d) => {
+    const b = e.getItemMeta(d), c = e.getItemOrderedChildrenIds(b.parentId).filter((f) => e.isItemExpandable(f) && !e.isItemExpanded(f)), i = n.expandedItems.value.concat(c);
+    c.length > 0 && (t.onItemExpansionToggle && c.forEach((f) => {
+      t.onItemExpansionToggle(s, f, !0);
     }), l(s, i));
   }, o = E.useMemo(() => t.expansionTrigger ? t.expansionTrigger : e.isTreeViewEditable ? "iconContainer" : "content", [t.expansionTrigger, e.isTreeViewEditable]);
   return {
     publicAPI: {
-      setItemExpansion: m
+      setItemExpansion: g
     },
     instance: {
-      isItemExpanded: h,
-      isItemExpandable: g,
-      setItemExpansion: m,
+      isItemExpanded: x,
+      isItemExpandable: m,
+      setItemExpansion: g,
       toggleItemExpansion: p,
-      expandAllSiblings: d
+      expandAllSiblings: u
     },
     contextValue: {
       expansion: {
@@ -565,11 +564,11 @@ le.models = {
     getDefaultValue: (e) => e.defaultExpandedItems
   }
 };
-const pn = [];
+const fn = [];
 le.getDefaultizedParams = ({
   params: e
 }) => C({}, e, {
-  defaultExpandedItems: e.defaultExpandedItems ?? pn
+  defaultExpandedItems: e.defaultExpandedItems ?? fn
 });
 le.params = {
   expandedItems: !0,
@@ -588,81 +587,81 @@ const re = (e) => Array.isArray(e) ? e : e != null ? [e] : [], be = (e) => {
   params: t,
   models: n
 }) => {
-  const r = E.useRef(null), l = E.useRef({}), h = E.useMemo(() => {
+  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]), g = (c, i) => {
+  }, [n.selectedItems.value]), m = (c, i) => {
     if (t.onItemSelectionToggle)
       if (t.multiSelect) {
-        const u = i.filter((T) => !e.isItemSelected(T)), I = n.selectedItems.value.filter((T) => !i.includes(T));
-        u.forEach((T) => {
+        const f = i.filter((T) => !e.isItemSelected(T)), I = n.selectedItems.value.filter((T) => !i.includes(T));
+        f.forEach((T) => {
           t.onItemSelectionToggle(c, T, !0);
         }), I.forEach((T) => {
           t.onItemSelectionToggle(c, T, !1);
         });
       } else i !== n.selectedItems.value && (n.selectedItems.value != null && t.onItemSelectionToggle(c, n.selectedItems.value, !1), i != null && t.onItemSelectionToggle(c, i, !0));
     t.onSelectedItemsChange && t.onSelectedItemsChange(c, i), n.selectedItems.setControlledValue(i);
-  }, p = (c) => h.has(c), m = ({
+  }, p = (c) => x.has(c), g = ({
     event: c,
     itemId: i,
-    keepExistingSelection: u = !1,
+    keepExistingSelection: f = !1,
     shouldBeSelected: I
   }) => {
     if (t.disableSelection)
       return;
     let T;
-    if (u) {
+    if (f) {
       const P = re(n.selectedItems.value), y = e.isItemSelected(i);
       y && (I === !1 || I == null) ? T = P.filter((R) => R !== i) : !y && (I === !0 || I == null) ? T = [i].concat(P) : T = P;
     } else
       I === !1 || I == null && e.isItemSelected(i) ? T = t.multiSelect ? [] : null : T = t.multiSelect ? [i] : i;
-    g(c, T), r.current = i, l.current = {};
-  }, d = (c, [i, u]) => {
+    m(c, T), r.current = i, l.current = {};
+  }, u = (c, [i, f]) => {
     if (t.disableSelection || !t.multiSelect)
       return;
     let I = re(n.selectedItems.value).slice();
     Object.keys(l.current).length > 0 && (I = I.filter((R) => !l.current[R]));
-    const T = be(I), P = Mt(e, i, u), y = P.filter((R) => !T[R]);
-    I = I.concat(y), g(c, I), l.current = be(P);
+    const T = be(I), P = kt(e, i, f), y = P.filter((R) => !T[R]);
+    I = I.concat(y), m(c, I), l.current = be(P);
   };
   return {
     getRootProps: () => ({
       "aria-multiselectable": t.multiSelect
     }),
     publicAPI: {
-      selectItem: m
+      selectItem: g
     },
     instance: {
       isItemSelected: p,
-      selectItem: m,
+      selectItem: g,
       selectAllNavigableItems: (c) => {
         if (t.disableSelection || !t.multiSelect)
           return;
-        const i = kt(e);
-        g(c, i), l.current = be(i);
+        const i = vt(e);
+        m(c, i), l.current = be(i);
       },
       expandSelectionRange: (c, i) => {
         if (r.current != null) {
-          const [u, I] = vt(e, i, r.current);
-          d(c, [u, I]);
+          const [f, I] = Pt(e, i, r.current);
+          u(c, [f, I]);
         }
       },
       selectRangeFromStartToItem: (c, i) => {
-        d(c, [se(e), i]);
+        u(c, [se(e), i]);
       },
       selectRangeFromItemToEnd: (c, i) => {
-        d(c, [i, Ne(e)]);
+        u(c, [i, Ne(e)]);
       },
-      selectItemFromArrowNavigation: (c, i, u) => {
+      selectItemFromArrowNavigation: (c, i, f) => {
         if (t.disableSelection || !t.multiSelect)
           return;
         let I = re(n.selectedItems.value).slice();
-        Object.keys(l.current).length === 0 ? (I.push(u), l.current = {
+        Object.keys(l.current).length === 0 ? (I.push(f), l.current = {
           [i]: !0,
-          [u]: !0
-        }) : (l.current[i] || (l.current = {}), l.current[u] ? (I = I.filter((T) => T !== i), delete l.current[i]) : (I.push(u), l.current[u] = !0)), g(c, I);
+          [f]: !0
+        }) : (l.current[i] || (l.current = {}), l.current[f] ? (I = I.filter((T) => T !== i), delete l.current[i]) : (I.push(f), l.current[f] = !0)), m(c, I);
       }
     },
     contextValue: {
@@ -679,14 +678,14 @@ ae.models = {
     getDefaultValue: (e) => e.defaultSelectedItems
   }
 };
-const mn = [];
+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 ? mn : null)
+  defaultSelectedItems: e.defaultSelectedItems ?? (e.multiSelect ? pn : null)
 });
 ae.params = {
   disableSelection: !0,
@@ -698,7 +697,7 @@ ae.params = {
   onItemSelectionToggle: !0
 };
 const Le = 1e3;
-class In {
+class mn {
   constructor(t = Le) {
     this.timeouts = /* @__PURE__ */ new Map(), this.cleanupTimeout = Le, this.cleanupTimeout = t;
   }
@@ -721,7 +720,7 @@ class In {
     }), this.timeouts = void 0);
   }
 }
-class gn {
+class In {
   constructor() {
     this.registry = new FinalizationRegistry((t) => {
       typeof t == "function" && t();
@@ -737,53 +736,53 @@ class gn {
   reset() {
   }
 }
-class bn {
+class gn {
 }
-function hn(e) {
+function bn(e) {
   let t = 0;
-  return function(r, l, h) {
-    e.registry === null && (e.registry = typeof FinalizationRegistry < "u" ? new gn() : new In());
-    const [g] = E.useState(new bn()), p = E.useRef(null), m = E.useRef(void 0);
-    m.current = h;
-    const d = E.useRef(null);
-    if (!p.current && m.current) {
-      const o = (s, f) => {
+  return function(r, l, x) {
+    e.registry === null && (e.registry = typeof FinalizationRegistry < "u" ? new In() : new mn());
+    const [m] = E.useState(new gn()), p = E.useRef(null), g = E.useRef(void 0);
+    g.current = x;
+    const u = E.useRef(null);
+    if (!p.current && g.current) {
+      const o = (s, d) => {
         var b;
-        f.defaultMuiPrevented || (b = m.current) == null || b.call(m, s, f);
+        d.defaultMuiPrevented || (b = g.current) == null || b.call(g, s, d);
       };
-      p.current = r.$$subscribeEvent(l, o), t += 1, d.current = {
+      p.current = r.$$subscribeEvent(l, o), t += 1, u.current = {
         cleanupToken: t
       }, e.registry.register(
-        g,
+        m,
         // The callback below will be called once this reference stops being retained
         () => {
           var s;
-          (s = p.current) == null || s.call(p), p.current = null, d.current = null;
+          (s = p.current) == null || s.call(p), p.current = null, u.current = null;
         },
-        d.current
+        u.current
       );
-    } else !m.current && p.current && (p.current(), p.current = null, d.current && (e.registry.unregister(d.current), d.current = null));
+    } else !g.current && p.current && (p.current(), p.current = null, u.current && (e.registry.unregister(u.current), u.current = null));
     E.useEffect(() => {
-      if (!p.current && m.current) {
-        const o = (s, f) => {
+      if (!p.current && g.current) {
+        const o = (s, d) => {
           var b;
-          f.defaultMuiPrevented || (b = m.current) == null || b.call(m, s, f);
+          d.defaultMuiPrevented || (b = g.current) == null || b.call(g, s, d);
         };
         p.current = r.$$subscribeEvent(l, o);
       }
-      return d.current && e.registry && (e.registry.unregister(d.current), d.current = null), () => {
+      return u.current && e.registry && (e.registry.unregister(u.current), u.current = null), () => {
         var o;
         (o = p.current) == null || o.call(p), p.current = null;
       };
     }, [r, l]);
   };
 }
-const xn = {
+const hn = {
   registry: null
-}, En = hn(xn), Ge = (e = document) => {
+}, xn = bn(hn), Ge = (e = document) => {
   const t = e.activeElement;
   return t ? t.shadowRoot ? Ge(t.shadowRoot) : t : null;
-}, Tn = (e, t) => {
+}, En = (e, t) => {
   let n = re(t).find((r) => {
     if (!e.isItemNavigable(r))
       return !1;
@@ -797,50 +796,50 @@ const xn = {
   state: n,
   setState: r,
   models: l,
-  rootRef: h
+  rootRef: x
 }) => {
-  const g = Tn(e, l.selectedItems.value), p = U((i) => {
-    const u = typeof i == "function" ? i(n.focusedItemId) : i;
-    n.focusedItemId !== u && r((I) => C({}, I, {
-      focusedItemId: u
+  const m = En(e, l.selectedItems.value), p = U((i) => {
+    const f = typeof i == "function" ? i(n.focusedItemId) : i;
+    n.focusedItemId !== f && r((I) => C({}, I, {
+      focusedItemId: f
     }));
-  }), m = E.useCallback(() => !!h.current && h.current.contains(Ge(Xt(h.current))), [h]), d = E.useCallback((i) => n.focusedItemId === i && m(), [n.focusedItemId, m]), o = (i) => {
-    const u = e.getItemMeta(i);
-    return u && (u.parentId == null || e.isItemExpanded(u.parentId));
-  }, s = (i, u) => {
-    const I = e.getItemDOMElement(u);
-    I && I.focus(), p(u), t.onItemFocus && t.onItemFocus(i, u);
-  }, f = U((i, u) => {
-    o(u) && s(i, u);
+  }), g = E.useCallback(() => !!x.current && x.current.contains(Ge(Ht(x.current))), [x]), u = E.useCallback((i) => n.focusedItemId === i && g(), [n.focusedItemId, g]), o = (i) => {
+    const f = e.getItemMeta(i);
+    return f && (f.parentId == null || e.isItemExpanded(f.parentId));
+  }, s = (i, f) => {
+    const I = e.getItemDOMElement(f);
+    I && I.focus(), p(f), t.onItemFocus && t.onItemFocus(i, f);
+  }, d = U((i, f) => {
+    o(f) && s(i, f);
   }), b = U(() => {
     if (n.focusedItemId == null)
       return;
     if (e.getItemMeta(n.focusedItemId)) {
-      const u = e.getItemDOMElement(n.focusedItemId);
-      u && u.blur();
+      const f = e.getItemDOMElement(n.focusedItemId);
+      f && f.blur();
     }
     p(null);
-  }), x = (i) => i === g;
-  En(e, "removeItem", ({
+  }), h = (i) => i === m;
+  xn(e, "removeItem", ({
     id: i
   }) => {
-    n.focusedItemId === i && s(null, g);
+    n.focusedItemId === i && s(null, m);
   });
-  const c = (i) => (u) => {
+  const c = (i) => (f) => {
     var I;
-    (I = i.onFocus) == null || I.call(i, u), !u.defaultMuiPrevented && u.target === u.currentTarget && s(u, g);
+    (I = i.onFocus) == null || I.call(i, f), !f.defaultMuiPrevented && f.target === f.currentTarget && s(f, m);
   };
   return {
     getRootProps: (i) => ({
       onFocus: c(i)
     }),
     publicAPI: {
-      focusItem: f
+      focusItem: d
     },
     instance: {
-      isItemFocused: d,
-      canItemBeTabbed: x,
-      focusItem: f,
+      isItemFocused: u,
+      canItemBeTabbed: h,
+      focusItem: d,
       removeFocusedItem: b
     }
   };
@@ -851,7 +850,7 @@ ye.getInitialState = () => ({
 ye.params = {
   onItemFocus: !0
 };
-function yn(e) {
+function Tn(e) {
   return !!e && e.length === 1 && !!e.match(/\S/);
 }
 const Je = ({
@@ -859,35 +858,35 @@ const Je = ({
   params: t,
   state: n
 }) => {
-  const r = Wt(), l = E.useRef({}), h = U((o) => {
+  const r = Xt(), l = E.useRef({}), x = U((o) => {
     l.current = o(l.current);
   });
   E.useEffect(() => {
     if (e.areItemUpdatesPrevented())
       return;
-    const o = {}, s = (f) => {
-      o[f.id] = f.label.substring(0, 1).toLowerCase();
+    const o = {}, s = (d) => {
+      o[d.id] = d.label.substring(0, 1).toLowerCase();
     };
     Object.values(n.items.itemMetaMap).forEach(s), l.current = o;
   }, [n.items.itemMetaMap, t.getItemId, e]);
-  const g = (o, s) => {
-    const f = s.toLowerCase(), b = (u) => {
-      const I = ge(e, u);
+  const m = (o, s) => {
+    const d = s.toLowerCase(), b = (f) => {
+      const I = ge(e, f);
       return I === null ? se(e) : I;
     };
-    let x = null, c = b(o);
+    let h = null, c = b(o);
     const i = {};
-    for (; x == null && !i[c]; )
-      l.current[c] === f ? x = c : (i[c] = !0, c = b(c));
-    return x;
-  }, p = (o) => !t.disableSelection && !e.isItemDisabled(o), m = (o) => !e.isItemDisabled(o) && e.isItemExpandable(o);
+    for (; h == null && !i[c]; )
+      l.current[c] === d ? h = c : (i[c] = !0, c = b(c));
+    return h;
+  }, p = (o) => !t.disableSelection && !e.isItemDisabled(o), g = (o) => !e.isItemDisabled(o) && e.isItemExpandable(o);
   return {
     instance: {
-      updateFirstCharMap: h,
+      updateFirstCharMap: x,
       handleItemKeyDown: (o, s) => {
         if (o.defaultMuiPrevented || o.altKey || he(o.target, o.currentTarget))
           return;
-        const f = o.ctrlKey || o.metaKey, b = o.key;
+        const d = o.ctrlKey || o.metaKey, b = o.key;
         switch (!0) {
           // Select the item when pressing "Space"
           case (b === " " && p(s)): {
@@ -902,7 +901,7 @@ const Je = ({
           // 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) : m(s) ? (e.toggleItemExpansion(o, s), o.preventDefault()) : p(s) && (t.multiSelect ? (o.preventDefault(), e.selectItem({
+            oe(e, H) && e.isItemEditable(s) && !e.isItemBeingEdited(s) ? e.setEditedItemId(s) : g(s) ? (e.toggleItemExpansion(o, s), o.preventDefault()) : p(s) && (t.multiSelect ? (o.preventDefault(), e.selectItem({
               event: o,
               itemId: s,
               keepExistingSelection: !0
@@ -914,48 +913,48 @@ const Je = ({
           }
           // Focus the next focusable item
           case b === "ArrowDown": {
-            const x = ge(e, s);
-            x && (o.preventDefault(), e.focusItem(o, x), t.multiSelect && o.shiftKey && p(x) && e.selectItemFromArrowNavigation(o, s, x));
+            const h = ge(e, s);
+            h && (o.preventDefault(), e.focusItem(o, h), t.multiSelect && o.shiftKey && p(h) && e.selectItemFromArrowNavigation(o, s, h));
             break;
           }
           // Focuses the previous focusable item
           case b === "ArrowUp": {
-            const x = Dt(e, s);
-            x && (o.preventDefault(), e.focusItem(o, x), t.multiSelect && o.shiftKey && p(x) && e.selectItemFromArrowNavigation(o, s, x));
+            const h = Mt(e, s);
+            h && (o.preventDefault(), e.focusItem(o, h), t.multiSelect && o.shiftKey && p(h) && e.selectItemFromArrowNavigation(o, s, h));
             break;
           }
           // If the focused item is expanded, we move the focus to its first child
           // If the focused item is collapsed and has children, we expand it
           case (b === "ArrowRight" && !r || b === "ArrowLeft" && r): {
-            if (f)
+            if (d)
               return;
             if (e.isItemExpanded(s)) {
-              const x = ge(e, s);
-              x && (e.focusItem(o, x), o.preventDefault());
-            } else m(s) && (e.toggleItemExpansion(o, s), o.preventDefault());
+              const h = ge(e, s);
+              h && (e.focusItem(o, h), o.preventDefault());
+            } else g(s) && (e.toggleItemExpansion(o, s), o.preventDefault());
             break;
           }
           // If the focused item is expanded, we collapse it
           // If the focused item is collapsed and has a parent, we move the focus to this parent
           case (b === "ArrowLeft" && !r || b === "ArrowRight" && r): {
-            if (f)
+            if (d)
               return;
-            if (m(s) && e.isItemExpanded(s))
+            if (g(s) && e.isItemExpanded(s))
               e.toggleItemExpansion(o, s), o.preventDefault();
             else {
-              const x = e.getItemMeta(s).parentId;
-              x && (e.focusItem(o, x), o.preventDefault());
+              const h = e.getItemMeta(s).parentId;
+              h && (e.focusItem(o, h), o.preventDefault());
             }
             break;
           }
           // Focuses the first item in the tree
           case b === "Home": {
-            p(s) && t.multiSelect && f && o.shiftKey ? e.selectRangeFromStartToItem(o, s) : e.focusItem(o, se(e)), o.preventDefault();
+            p(s) && t.multiSelect && d && o.shiftKey ? e.selectRangeFromStartToItem(o, s) : e.focusItem(o, se(e)), o.preventDefault();
             break;
           }
           // Focuses the last item in the tree
           case b === "End": {
-            p(s) && t.multiSelect && f && o.shiftKey ? e.selectRangeFromItemToEnd(o, s) : e.focusItem(o, Ne(e)), o.preventDefault();
+            p(s) && t.multiSelect && d && o.shiftKey ? e.selectRangeFromItemToEnd(o, s) : e.focusItem(o, Ne(e)), o.preventDefault();
             break;
           }
           // Expand all siblings that are at the same level as the focused item
@@ -965,15 +964,15 @@ const Je = ({
           }
           // Multi select behavior when pressing Ctrl + a
           // Selects all the items
-          case (String.fromCharCode(o.keyCode) === "A" && f && t.multiSelect && !t.disableSelection): {
+          case (String.fromCharCode(o.keyCode) === "A" && d && t.multiSelect && !t.disableSelection): {
             e.selectAllNavigableItems(o), o.preventDefault();
             break;
           }
           // Type-ahead
           // TODO: Support typing multiple characters
-          case (!f && !o.shiftKey && yn(b)): {
-            const x = g(s, b);
-            x != null && (e.focusItem(o, x), o.preventDefault());
+          case (!d && !o.shiftKey && Tn(b)): {
+            const h = m(s, b);
+            h != null && (e.focusItem(o, h), o.preventDefault());
             break;
           }
         }
@@ -1002,7 +1001,7 @@ const Ye = ({
   }
 });
 Ye.params = {};
-const Cn = [X, le, ae, ye, Je, Ye, H];
+const yn = [X, le, ae, ye, Je, Ye, H];
 function Qe(e) {
   const {
     instance: t,
@@ -1012,19 +1011,19 @@ function Qe(e) {
     selection: {
       multiSelect: r,
       checkboxSelection: l,
-      disableSelection: h
+      disableSelection: x
     },
     expansion: {
-      expansionTrigger: g
+      expansionTrigger: m
     }
-  } = Ke(), p = t.isItemExpandable(e), m = t.isItemExpanded(e), d = t.isItemFocused(e), o = t.isItemSelected(e), s = t.isItemDisabled(e), f = t != null && t.isItemBeingEdited ? t == null ? void 0 : t.isItemBeingEdited(e) : !1, b = t.isItemEditable ? t.isItemEditable(e) : !1, x = (y) => {
+  } = Ke(), p = t.isItemExpandable(e), g = t.isItemExpanded(e), u = t.isItemFocused(e), o = t.isItemSelected(e), s = t.isItemDisabled(e), d = t != null && t.isItemBeingEdited ? t == null ? void 0 : t.isItemBeingEdited(e) : !1, b = t.isItemEditable ? t.isItemEditable(e) : !1, h = (y) => {
     if (!s) {
-      d || t.focusItem(y, e);
+      u || t.focusItem(y, e);
       const R = r && (y.shiftKey || y.ctrlKey || y.metaKey);
       p && !(R && t.isItemExpanded(e)) && t.toggleItemExpansion(y, e);
     }
   }, c = (y) => {
-    s || (d || t.focusItem(y, e), r && (y.shiftKey || y.ctrlKey || y.metaKey) ? y.shiftKey ? t.expandSelectionRange(y, e) : t.selectItem({
+    s || (u || 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
@@ -1034,7 +1033,7 @@ function Qe(e) {
       shouldBeSelected: !0
     }));
   }, i = (y) => {
-    if (h || s)
+    if (x || s)
       return;
     const R = y.nativeEvent.shiftKey;
     r && R ? t.expandSelectionRange(y, e) : t.selectItem({
@@ -1043,26 +1042,26 @@ function Qe(e) {
       keepExistingSelection: r,
       shouldBeSelected: y.target.checked
     });
-  }, u = (y) => {
+  }, f = (y) => {
     (y.shiftKey || y.ctrlKey || y.metaKey || s) && y.preventDefault();
   }, I = () => {
     oe(t, H) && t.isItemEditable(e) && (t.isItemBeingEdited(e) ? t.setEditedItemId(null) : t.setEditedItemId(e));
   };
   return {
     disabled: s,
-    expanded: m,
+    expanded: g,
     selected: o,
-    focused: d,
+    focused: u,
     editable: b,
-    editing: f,
-    disableSelection: h,
+    editing: d,
+    disableSelection: x,
     checkboxSelection: l,
-    handleExpansion: x,
+    handleExpansion: h,
     handleSelection: c,
     handleCheckboxSelection: i,
     handleContentClick: n,
-    preventSelection: u,
-    expansionTrigger: g,
+    preventSelection: f,
+    expansionTrigger: m,
     toggleItemEditing: I,
     handleSaveItemLabel: (y, R) => {
       oe(t, H) && t.isItemBeingEditedRef(e) && (t.updateItemLabel(e, R), I(), t.focusItem(y, e));
@@ -1072,23 +1071,23 @@ function Qe(e) {
     }
   };
 }
-const wn = ["classes", "className", "displayIcon", "expansionIcon", "icon", "label", "itemId", "onClick", "onMouseDown", "dragAndDropOverlayProps", "labelInputProps"], Ce = /* @__PURE__ */ E.forwardRef(function(t, n) {
+const Cn = ["classes", "className", "displayIcon", "expansionIcon", "icon", "label", "itemId", "onClick", "onMouseDown", "dragAndDropOverlayProps", "labelInputProps"], Ce = /* @__PURE__ */ E.forwardRef(function(t, n) {
   const {
     classes: r,
     className: l,
-    displayIcon: h,
-    expansionIcon: g,
+    displayIcon: x,
+    expansionIcon: m,
     icon: p,
-    label: m,
-    itemId: d,
+    label: g,
+    itemId: u,
     onClick: o,
     onMouseDown: s,
-    dragAndDropOverlayProps: f,
+    dragAndDropOverlayProps: d,
     labelInputProps: b
-  } = t, x = A(t, wn), {
+  } = t, h = A(t, Cn), {
     disabled: c,
     expanded: i,
-    selected: u,
+    selected: f,
     focused: I,
     editing: T,
     editable: P,
@@ -1101,40 +1100,40 @@ const wn = ["classes", "className", "displayIcon", "expansionIcon", "icon", "lab
     preventSelection: L,
     expansionTrigger: W,
     toggleItemEditing: G
-  } = Qe(d), j = p || g || h, J = E.useRef(null), ce = (M) => {
+  } = Qe(u), j = p || m || x, J = E.useRef(null), ce = (M) => {
     L(M), s && s(M);
   }, ue = (M) => {
     var Y;
-    V == null || V(M, d), !((Y = J.current) != null && Y.contains(M.target)) && (W === "content" && v(M), R || F(M), o && o(M));
+    V == null || V(M, u), !((Y = J.current) != null && Y.contains(M.target)) && (W === "content" && v(M), R || F(M), o && o(M));
   }, de = (M) => {
     M.defaultMuiPrevented || G();
   };
   return (
     /* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions -- Key event is handled by the TreeView */
-    /* @__PURE__ */ je("div", C({}, x, {
-      className: Be(r.root, l, i && r.expanded, u && r.selected, I && r.focused, c && r.disabled, T && r.editing, P && r.editable),
+    /* @__PURE__ */ je("div", C({}, h, {
+      className: Be(r.root, l, i && r.expanded, f && r.selected, I && r.focused, c && r.disabled, T && r.editing, P && r.editable),
       onClick: ue,
       onMouseDown: ce,
       ref: n,
       children: [/* @__PURE__ */ S("div", {
         className: r.iconContainer,
         children: j
-      }), R && /* @__PURE__ */ S(Gt, {
+      }), R && /* @__PURE__ */ S(Wt, {
         className: r.checkbox,
-        checked: u,
+        checked: f,
         onChange: B,
         disabled: c || y,
         ref: J,
         tabIndex: -1
-      }), T ? /* @__PURE__ */ S(Ot, C({}, b, {
+      }), T ? /* @__PURE__ */ S(Dt, C({}, b, {
         className: r.labelInput
       })) : /* @__PURE__ */ S("div", C({
         className: r.label
       }, P && {
         onDoubleClick: de
       }, {
-        children: m
-      })), f && /* @__PURE__ */ S(Vt, C({}, f))]
+        children: g
+      })), d && /* @__PURE__ */ S(Ot, C({}, d))]
     }))
   );
 });
@@ -1182,7 +1181,7 @@ process.env.NODE_ENV !== "production" && (Ce.propTypes = {
     value: a.string
   })
 });
-const Rn = ["children", "className", "slots", "slotProps", "ContentComponent", "ContentProps", "itemId", "id", "label", "onClick", "onMouseDown", "onFocus", "onBlur", "onKeyDown"], Sn = ["ownerState"], Pn = ["ownerState"], vn = ["ownerState"], kn = Ue(), Mn = (e) => {
+const 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;
@@ -1200,8 +1199,8 @@ const Rn = ["children", "className", "slots", "slotProps", "ContentComponent", "
     editing: ["editing"],
     editable: ["editable"],
     groupTransition: ["groupTransition"]
-  }, jt, t);
-}, Dn = ie("li", {
+  }, Lt, t);
+}, Mn = ie("li", {
   name: "MuiTreeItem",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -1210,7 +1209,7 @@ const Rn = ["children", "className", "slots", "slotProps", "ContentComponent", "
   margin: 0,
   padding: 0,
   outline: 0
-}), On = ie(Ce, {
+}), Dn = ie(Ce, {
   name: "MuiTreeItem",
   slot: "Content",
   overridesResolver: (e, t) => [t.content, t.iconContainer && {
@@ -1288,7 +1287,7 @@ const Rn = ["children", "className", "slots", "slotProps", "ContentComponent", "
       paddingLeft: `calc(${e.spacing(1)} + var(--TreeView-itemChildrenIndentation) * var(--TreeView-itemDepth))`
     }
   }]
-})), Vn = ie(_t, {
+})), On = ie(jt, {
   name: "MuiTreeItem",
   slot: "GroupTransition",
   overridesResolver: (e, t) => t.groupTransition,
@@ -1311,26 +1310,26 @@ const Rn = ["children", "className", "slots", "slotProps", "ContentComponent", "
     icons: r,
     runItemPlugins: l,
     items: {
-      disabledItemsFocusable: h,
-      indentationAtItemLevel: g
+      disabledItemsFocusable: x,
+      indentationAtItemLevel: m
     },
     selection: {
       disableSelection: p
     },
     expansion: {
-      expansionTrigger: m
+      expansionTrigger: g
     },
-    treeId: d,
+    treeId: u,
     instance: o
-  } = Ke(), s = E.useContext($e), f = kn({
+  } = Ke(), s = E.useContext($e), d = vn({
     props: t,
     name: "MuiTreeItem"
   }), {
     children: b,
-    className: x,
+    className: h,
     slots: c,
     slotProps: i,
-    ContentComponent: u = Ce,
+    ContentComponent: f = Ce,
     ContentProps: I,
     itemId: T,
     id: P,
@@ -1339,7 +1338,7 @@ const Rn = ["children", "className", "slots", "slotProps", "ContentComponent", "
     onMouseDown: v,
     onBlur: F,
     onKeyDown: B
-  } = f, V = A(f, Rn), {
+  } = d, V = A(d, wn), {
     expanded: L,
     focused: W,
     selected: G,
@@ -1349,24 +1348,24 @@ const Rn = ["children", "className", "slots", "slotProps", "ContentComponent", "
     handleCancelItemLabelEditing: ue,
     handleSaveItemLabel: de
   } = Qe(T);
-  process.env.NODE_ENV !== "production" && (f.ContentComponent && xe(["MUI X: The ContentComponent prop of the TreeItem component is deprecated and will be removed in the next major release.", "You can use the new TreeItem2 component or the new useTreeItem2 hook to customize the rendering of the content.", "For more detail, see https://mui.com/x/react-tree-view/tree-item-customization/."]), f.ContentProps && xe(["MUI X: The ContentProps prop of the TreeItem component is deprecated and will be removed in the next major release.", "You can use the new TreeItem2 component or the new useTreeItem2 hook to customize the rendering of the content.", "For more detail, see https://mui.com/x/react-tree-view/tree-item-customization/."]));
+  process.env.NODE_ENV !== "production" && (d.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/."]), d.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(f), Q = E.useRef(null), we = E.useRef(null), nt = Ee(n, Y, Q), ot = Ee(I == null ? void 0 : I.ref, M, we), z = {
-    expandIcon: (c == null ? void 0 : c.expandIcon) ?? r.slots.expandIcon ?? Ft,
-    collapseIcon: (c == null ? void 0 : c.collapseIcon) ?? r.slots.collapseIcon ?? At,
+  } = l(d), Q = E.useRef(null), we = E.useRef(null), nt = Ee(n, Y, Q), ot = Ee(I == null ? void 0 : I.ref, M, we), z = {
+    expandIcon: (c == null ? void 0 : c.expandIcon) ?? r.slots.expandIcon ?? 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({}, f, {
+  }, Re = (w) => Array.isArray(w) ? w.length > 0 && w.some(Re) : !!w, Z = Re(b), fe = C({}, d, {
     expanded: L,
     focused: W,
     selected: G,
     disabled: j,
-    indentationAtItemLevel: g
-  }), k = Mn(fe), Se = z.groupTransition ?? void 0, rt = N({
+    indentationAtItemLevel: m
+  }), k = kn(fe), Se = z.groupTransition ?? void 0, rt = N({
     elementType: Se,
     ownerState: {},
     externalSlotProps: i == null ? void 0 : i.groupTransition,
@@ -1375,12 +1374,12 @@ const Rn = ["children", "className", "slots", "slotProps", "ContentComponent", "
       in: L,
       component: "ul",
       role: "group"
-    }, g ? {
+    }, m ? {
       indentationAtItemLevel: !0
     } : {}),
     className: k.groupTransition
   }), st = (w) => {
-    m === "iconContainer" && ce(w);
+    g === "iconContainer" && ce(w);
   }, pe = L ? z.collapseIcon : z.expandIcon, it = N({
     elementType: pe,
     ownerState: {},
@@ -1388,19 +1387,19 @@ const Rn = ["children", "className", "slots", "slotProps", "ContentComponent", "
     additionalProps: {
       onClick: st
     }
-  }), lt = A(it, Sn), at = Z && pe ? /* @__PURE__ */ S(pe, C({}, lt)) : null, me = Z ? void 0 : z.endIcon, ct = N({
+  }), 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, Pn), dt = me ? /* @__PURE__ */ S(me, C({}, ut)) : null, Ie = z.icon, ft = N({
+  }), 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, vn), mt = Ie ? /* @__PURE__ */ S(Ie, C({}, pt)) : null;
+  }), pt = A(ft, Pn), mt = Ie ? /* @__PURE__ */ S(Ie, C({}, pt)) : null;
   let ee;
   G ? ee = !0 : p || j ? ee = void 0 : ee = !1;
   function It(w) {
-    !W && (!j || h) && w.currentTarget === w.target && o.focusItem(w, T);
+    !W && (!j || x) && w.currentTarget === w.target && o.focusItem(w, T);
   }
   function gt(w) {
     var _, q, Ve, Ae;
@@ -1413,7 +1412,7 @@ const Rn = ["children", "className", "slots", "slotProps", "ContentComponent", "
     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: d,
+    treeId: u,
     id: P
   }), xt = o.canItemBeTabbed(T) ? 0 : -1, te = {
     rootRefObject: Q,
@@ -1431,10 +1430,10 @@ const Rn = ["children", "className", "slots", "slotProps", "ContentComponent", "
   }))) ?? {}, ve = ((Oe = D.labelInput) == null ? void 0 : Oe.call(D, C({}, te, {
     externalEventHandlers: {}
   }))) ?? {};
-  return /* @__PURE__ */ S(Lt, {
+  return /* @__PURE__ */ S(Ft, {
     itemId: T,
-    children: /* @__PURE__ */ je(Dn, C({
-      className: Be(k.root, x),
+    children: /* @__PURE__ */ je(Mn, C({
+      className: Be(k.root, h),
       role: "treeitem",
       "aria-expanded": Z ? L : void 0,
       "aria-selected": ee,
@@ -1447,12 +1446,12 @@ const Rn = ["children", "className", "slots", "slotProps", "ContentComponent", "
       onBlur: gt,
       onKeyDown: bt,
       ref: nt,
-      style: g ? C({}, V.style, {
+      style: m ? C({}, V.style, {
         "--TreeView-itemDepth": typeof s == "function" ? s(T) : s
       }) : V.style
     }, Et, {
-      children: [/* @__PURE__ */ S(On, C({
-        as: u,
+      children: [/* @__PURE__ */ S(Dn, C({
+        as: f,
         classes: {
           root: k.content,
           expanded: k.expanded,
@@ -1480,7 +1479,7 @@ const Rn = ["children", "className", "slots", "slotProps", "ContentComponent", "
         labelInputProps: ve
       }, {
         ref: ot
-      })), b && /* @__PURE__ */ S(Vn, C({
+      })), b && /* @__PURE__ */ S(On, C({
         as: Se
       }, rt, {
         children: b
@@ -1507,7 +1506,7 @@ process.env.NODE_ENV !== "production" && (Ze.propTypes = {
    * @deprecated Consider using the `<TreeItem2 />` component or the `useTreeItem2` hook instead. For more details, see https://mui.com/x/react-tree-view/tree-item-customization/.
    * @default TreeItemContent
    */
-  ContentComponent: Yt,
+  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/.
@@ -1530,7 +1529,7 @@ process.env.NODE_ENV !== "production" && (Ze.propTypes = {
    * This prop isn't supported.
    * Use the `onItemFocus` callback on the tree if you need to monitor a item's focus.
    */
-  onFocus: Jt,
+  onFocus: Gt,
   /**
    * Callback fired when a key of the keyboard is pressed on the item.
    */
@@ -1550,17 +1549,17 @@ process.env.NODE_ENV !== "production" && (Ze.propTypes = {
    */
   sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object])
 });
-const An = ["ownerState"];
-function Fn({
+const Vn = ["ownerState"];
+function An({
   slots: e,
   slotProps: t,
   label: n,
   id: r,
   itemId: l,
-  itemsToRender: h
+  itemsToRender: x
 }) {
-  const g = (e == null ? void 0 : e.item) ?? Ze, p = N({
-    elementType: g,
+  const m = (e == null ? void 0 : e.item) ?? Ze, p = N({
+    elementType: m,
     externalSlotProps: t == null ? void 0 : t.item,
     additionalProps: {
       itemId: l,
@@ -1571,13 +1570,13 @@ function Fn({
       itemId: l,
       label: n
     }
-  }), m = A(p, An), d = E.useMemo(() => h ? /* @__PURE__ */ S(et, {
-    itemsToRender: h,
+  }), g = A(p, Vn), u = E.useMemo(() => x ? /* @__PURE__ */ S(et, {
+    itemsToRender: x,
     slots: e,
     slotProps: t
-  }) : null, [h, e, t]);
-  return /* @__PURE__ */ S(g, C({}, m, {
-    children: d
+  }) : null, [x, e, t]);
+  return /* @__PURE__ */ S(m, C({}, g, {
+    children: u
   }));
 }
 function et(e) {
@@ -1587,7 +1586,7 @@ function et(e) {
     slotProps: r
   } = e;
   return /* @__PURE__ */ S(E.Fragment, {
-    children: t.map((l) => /* @__PURE__ */ S(Fn, {
+    children: t.map((l) => /* @__PURE__ */ S(An, {
       slots: n,
       slotProps: r,
       label: l.label,
@@ -1597,14 +1596,14 @@ function et(e) {
     }, l.itemId))
   });
 }
-const Ln = Ue(), jn = (e) => {
+const Fn = Ue(), Ln = (e) => {
   const {
     classes: t
   } = e;
   return ze({
     root: ["root"]
-  }, Qt, t);
-}, _n = ie("ul", {
+  }, Yt, t);
+}, jn = ie("ul", {
   name: "MuiRichTreeView",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -1615,36 +1614,36 @@ const Ln = Ue(), jn = (e) => {
   outline: 0,
   position: "relative"
 }), tt = /* @__PURE__ */ E.forwardRef(function(t, n) {
-  const r = Ln({
+  const r = Fn({
     props: t,
     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: h,
-    instance: g
-  } = an({
-    plugins: Cn,
+    contextValue: x,
+    instance: m
+  } = ln({
+    plugins: yn,
     rootRef: n,
     props: r
   }), {
     slots: p,
-    slotProps: m
-  } = r, d = jn(r), o = (p == null ? void 0 : p.root) ?? _n, s = N({
+    slotProps: g
+  } = r, u = Ln(r), o = (p == null ? void 0 : p.root) ?? jn, s = N({
     elementType: o,
-    externalSlotProps: m == null ? void 0 : m.root,
-    className: d.root,
+    externalSlotProps: g == null ? void 0 : g.root,
+    className: u.root,
     getSlotProps: l,
     ownerState: r
   });
-  return /* @__PURE__ */ S(cn, {
-    value: h,
+  return /* @__PURE__ */ S(an, {
+    value: x,
     children: /* @__PURE__ */ S(o, C({}, s, {
       children: /* @__PURE__ */ S(et, {
         slots: p,
-        slotProps: m,
-        itemsToRender: g.getItemsToRender()
+        slotProps: g,
+        itemsToRender: m.getItemsToRender()
       })
     }))
   });
@@ -1837,46 +1836,47 @@ process.env.NODE_ENV !== "production" && (tt.propTypes = {
    */
   sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object])
 });
-const ro = ({
+const no = ({
   items: e,
   selectedItemId: t,
   handleSelectedItemChange: n,
-  iconColor: r = "primary"
+  iconColor: r = "primary",
+  height: l = 300
 }) => {
-  const [l, h] = Ct([]), g = wt(() => Ut(e), [e]);
-  return Rt(() => {
+  const [x, m] = yt([]), p = Ct(() => Kt(e), [e]);
+  return wt(() => {
     if (t) {
-      const m = Bt(e, t);
-      if (m) {
-        const d = m.slice(0, -1);
-        h((o) => {
-          const s = d.filter(
-            (f) => !o.includes(f)
+      const u = Ut(e, t);
+      if (u) {
+        const o = u.slice(0, -1);
+        m((s) => {
+          const d = o.filter(
+            (b) => !s.includes(b)
           );
-          return s.length > 0 ? [...o, ...s] : o;
+          return d.length > 0 ? [...s, ...d] : s;
         });
       }
     }
-  }, [t, e]), /* @__PURE__ */ S(yt, { sx: Nt, "data-treeview-root": "true", children: /* @__PURE__ */ S(
+  }, [t, e]), /* @__PURE__ */ S($t, { height: l, "data-treeview-root": "true", children: /* @__PURE__ */ S(
     tt,
     {
       items: e,
       selectedItems: t,
-      expandedItems: l,
-      onExpandedItemsChange: (m, d) => {
-        h(d);
+      expandedItems: x,
+      onExpandedItemsChange: (u, o) => {
+        m(o);
       },
-      itemChildrenIndentation: Kt,
+      itemChildrenIndentation: Nt,
       onSelectedItemsChange: n,
-      getItemId: zt,
+      getItemId: Bt,
       slots: {
-        item: (m) => {
-          const d = m.itemId ? g[m.itemId] : void 0;
+        item: (u) => {
+          const o = u.itemId ? p[u.itemId] : void 0;
           return /* @__PURE__ */ S(
-            $t,
+            _t,
             {
-              ...m,
-              itemData: d,
+              ...u,
+              itemData: o,
               iconColor: r
             }
           );
@@ -1886,5 +1886,5 @@ const ro = ({
   ) });
 };
 export {
-  ro as default
+  no as default
 };