@amateescu/portal-ui-components 0.0.39 → 0.0.40

package/dist/components/PassportTreeSelect/PassportTreeSelect.js

@@ -1,38 +1,38 @@
-import { jsx as v, jsxs as G } from "react/jsx-runtime";
-import * as O from "react";
-import je, { useState as ht, useMemo as It, useCallback as Be } from "react";
-import { FormControl as fn, InputLabel as mn, OutlinedInput as hn, InputAdornment as gt, IconButton as In, Box as fe, Chip as bt, Collapse as gn, Paper as bn, TextField as yn, Typography as We, Checkbox as Sn } from "@mui/material";
-import { S as xn } from "../../Search-BxOqluZm.js";
-import { c as Ie } from "../../createSvgIcon-DQP4Lgl5.js";
-import { C as En } from "../../Clear-BzF0WMi7.js";
-import { _ as $e, a as S, e as Cn, u as vn, f as wn, B as Tn, r as kn } from "../../ButtonBase-Cj889DO9.js";
-import { g as Ee, a as Ce, P as i, s as B, e as ve, u as $t, t as On, c as H, m as Bt, b as Se, l as Wt, p as ot, q as be } from "../../DefaultPropsProvider-8An9vBcT.js";
-import { u as Mn, b as Q, T as Pn, c as Rn, g as yt, d as Ln, m as Dn, a as _n } from "../../useFormControl-DUby-fW8.js";
-import { a as An, b as he, u as Nn, e as ee, r as St } from "../../useSlot-Bvdicoh5.js";
-import { c as xt } from "../../createSimplePaletteValueFilter-Bz8RuRaa.js";
-import { C as Fn } from "../../CircularProgress-BjeN7Xv-.js";
-const Vn = Ie(/* @__PURE__ */ v("path", {
+import { jsx as v, jsxs as Y, Fragment as mn } from "react/jsx-runtime";
+import * as M from "react";
+import $e, { useState as We, useRef as gt, useMemo as Ke, useEffect as bt, useCallback as St } from "react";
+import { FormControl as In, InputLabel as gn, OutlinedInput as bn, InputAdornment as yt, IconButton as Sn, Box as fe, Chip as xt, Collapse as yn, Paper as xn, TextField as En, Typography as Ue, Checkbox as Cn } from "@mui/material";
+import { S as vn } from "../../Search-BxOqluZm.js";
+import { c as ge } from "../../createSvgIcon-DQP4Lgl5.js";
+import { C as wn } from "../../Clear-BzF0WMi7.js";
+import { _ as Be, a as S, e as Tn, u as kn, f as On, B as Mn, r as Pn } from "../../ButtonBase-Cj889DO9.js";
+import { g as Ce, a as ve, P as i, s as G, e as we, u as Kt, t as Rn, c as Q, m as Ut, b as xe, l as Ht, p as st, q as Se } from "../../DefaultPropsProvider-8An9vBcT.js";
+import { u as Ln, b as te, T as Dn, c as _n, g as Et, d as An, m as Nn, a as Fn } from "../../useFormControl-DUby-fW8.js";
+import { a as Vn, b as Ie, u as zn, e as re, r as Ct } from "../../useSlot-Bvdicoh5.js";
+import { c as vt } from "../../createSimplePaletteValueFilter-Bz8RuRaa.js";
+import { C as jn } from "../../CircularProgress-BjeN7Xv-.js";
+const $n = ge(/* @__PURE__ */ v("path", {
   d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
-}), "ExpandMore"), Et = {};
-function rt(t, e) {
-  const n = O.useRef(Et);
-  return n.current === Et && (n.current = t(e)), n;
+}), "ExpandMore"), wt = {};
+function it(t, e) {
+  const n = M.useRef(wt);
+  return n.current === wt && (n.current = t(e)), n;
 }
-function Ae(t, e, n, o) {
-  const r = rt(zn).current;
-  return jn(r, t, e, n, o) && $n(r, [t, e, n, o]), r.callback;
+function Ne(t, e, n, o) {
+  const r = it(Bn).current;
+  return Wn(r, t, e, n, o) && Kn(r, [t, e, n, o]), r.callback;
 }
-function zn() {
+function Bn() {
   return {
     callback: null,
     cleanup: null,
     refs: []
   };
 }
-function jn(t, e, n, o, r) {
+function Wn(t, e, n, o, r) {
   return t.refs[0] !== e || t.refs[1] !== n || t.refs[2] !== o || t.refs[3] !== r;
 }
-function $n(t, e) {
+function Kn(t, e) {
   if (t.refs = e, e.every((n) => n == null)) {
     t.callback = null;
     return;
@@ -75,73 +75,73 @@ function $n(t, e) {
     }
   };
 }
-const Ct = /* @__PURE__ */ new Set();
-function Ye(t, e = "warning") {
+const Tt = /* @__PURE__ */ new Set();
+function et(t, e = "warning") {
   if (process.env.NODE_ENV === "production")
     return;
   const n = Array.isArray(t) ? t.join(`
 `) : t;
-  Ct.has(n) || (Ct.add(n), e === "error" ? console.error(n) : console.warn(n));
+  Tt.has(n) || (Tt.add(n), e === "error" ? console.error(n) : console.warn(n));
 }
-function Kt(t) {
-  return Mn;
+function qt(t) {
+  return Ln;
 }
-function Bn(t) {
-  return Ee("MuiSimpleTreeView", t);
+function Un(t) {
+  return Ce("MuiSimpleTreeView", t);
 }
-Ce("MuiSimpleTreeView", ["root", "item", "itemContent", "itemGroupTransition", "itemIconContainer", "itemLabel", "itemCheckbox"]);
-const Ze = Object.freeze([]), ye = Object.freeze({}), st = /* @__PURE__ */ O.createContext(null);
-process.env.NODE_ENV !== "production" && (st.displayName = "TreeViewContext");
-const ge = () => {
-  const t = O.useContext(st);
+ve("MuiSimpleTreeView", ["root", "item", "itemContent", "itemGroupTransition", "itemIconContainer", "itemLabel", "itemCheckbox"]);
+const tt = Object.freeze([]), ye = Object.freeze({}), lt = /* @__PURE__ */ M.createContext(null);
+process.env.NODE_ENV !== "production" && (lt.displayName = "TreeViewContext");
+const be = () => {
+  const t = M.useContext(lt);
   if (t == null)
     throw new Error(["MUI X: Could not find the Tree View context.", "It looks like you rendered your component outside of a SimpleTreeView or RichTreeView parent component.", "This can also happen if you are bundling multiple versions of the Tree View."].join(`
 `));
   return t;
-}, it = /* @__PURE__ */ O.createContext({
+}, at = /* @__PURE__ */ M.createContext({
   classes: {},
   slots: {},
   slotProps: {}
 });
-process.env.NODE_ENV !== "production" && (it.displayName = "TreeViewStyleContext");
-const Ut = () => O.useContext(it), Wn = (t) => {
+process.env.NODE_ENV !== "production" && (at.displayName = "TreeViewStyleContext");
+const Gt = () => M.useContext(at), Hn = (t) => {
   const {
     store: e,
     apiRef: n,
     rootRef: o
-  } = t, r = rt(() => e.buildPublicAPI()).current;
-  Kn(r, n);
-  const s = O.useCallback((a) => {
-    let m = null, d = null;
+  } = t, r = it(() => e.buildPublicAPI()).current;
+  qn(r, n);
+  const s = M.useCallback((a) => {
+    let h = null, d = null;
     const c = [], p = {};
-    e.itemPluginManager.listPlugins().forEach((h) => {
-      const I = h({
+    e.itemPluginManager.listPlugins().forEach((m) => {
+      const I = m({
         props: a,
-        rootRef: m,
+        rootRef: h,
         contentRef: d
       });
-      I?.rootRef && (m = I.rootRef), I?.contentRef && (d = I.contentRef), I?.propsEnhancers && (c.push(I.propsEnhancers), Object.keys(I.propsEnhancers).forEach((b) => {
+      I?.rootRef && (h = I.rootRef), I?.contentRef && (d = I.contentRef), I?.propsEnhancers && (c.push(I.propsEnhancers), Object.keys(I.propsEnhancers).forEach((b) => {
         p[b] = !0;
       }));
     });
-    const f = (h) => (I) => {
+    const f = (m) => (I) => {
       const b = {};
-      return c.forEach((C) => {
-        const T = C[h];
-        T != null && Object.assign(b, T(I));
+      return c.forEach((x) => {
+        const w = x[m];
+        w != null && Object.assign(b, w(I));
       }), b;
-    }, u = Object.fromEntries(Object.keys(p).map((h) => [h, f(h)]));
+    }, u = Object.fromEntries(Object.keys(p).map((m) => [m, f(m)]));
     return {
       contentRef: d,
-      rootRef: m,
+      rootRef: h,
       propsEnhancers: u
     };
-  }, [e]), l = O.useCallback(({
+  }, [e]), l = M.useCallback(({
     itemId: a,
-    children: m,
+    children: h,
     idAttribute: d
   }) => {
-    let c = m;
+    let c = h;
     const p = e.itemPluginManager.listWrappers();
     for (let f = p.length - 1; f >= 0; f -= 1) {
       const u = p[f];
@@ -154,7 +154,7 @@ const Ut = () => O.useContext(it), Wn = (t) => {
     }
     return c;
   }, [e]);
-  return O.useMemo(() => ({
+  return M.useMemo(() => ({
     runItemPlugins: s,
     wrapItem: l,
     publicAPI: r,
@@ -162,10 +162,10 @@ const Ut = () => O.useContext(it), Wn = (t) => {
     rootRef: o
   }), [s, l, r, e, o]);
 };
-function Kn(t, e) {
+function qn(t, e) {
   e != null && e.current == null && (e.current = t);
 }
-function Un(t) {
+function Gn(t) {
   const {
     store: e,
     apiRef: n,
@@ -174,11 +174,11 @@ function Un(t) {
     slots: s = ye,
     slotProps: l = ye,
     children: a
-  } = t, m = Wn({
+  } = t, h = Hn({
     store: e,
     apiRef: n,
     rootRef: o
-  }), d = O.useMemo(() => ({
+  }), d = M.useMemo(() => ({
     classes: r,
     slots: {
       collapseIcon: s.collapseIcon,
@@ -191,16 +191,16 @@ function Un(t) {
       endIcon: l.endIcon
     }
   }), [r, s.collapseIcon, s.expandIcon, s.endIcon, l.collapseIcon, l.expandIcon, l.endIcon]);
-  return /* @__PURE__ */ v(st.Provider, {
-    value: m,
-    children: /* @__PURE__ */ v(it.Provider, {
+  return /* @__PURE__ */ v(lt.Provider, {
+    value: h,
+    children: /* @__PURE__ */ v(at.Provider, {
       value: d,
       children: a
     })
   });
 }
-const Hn = ["apiRef", "slots", "slotProps", "disabledItemsFocusable", "onItemClick", "itemChildrenIndentation", "id", "expandedItems", "defaultExpandedItems", "onExpandedItemsChange", "onItemExpansionToggle", "expansionTrigger", "disableSelection", "selectedItems", "defaultSelectedItems", "multiSelect", "checkboxSelection", "selectionPropagation", "onSelectedItemsChange", "onItemSelectionToggle", "onItemFocus"];
-function qn(t) {
+const Xn = ["apiRef", "slots", "slotProps", "disabledItemsFocusable", "onItemClick", "itemChildrenIndentation", "id", "expandedItems", "defaultExpandedItems", "onExpandedItemsChange", "onItemExpansionToggle", "expansionTrigger", "disableSelection", "selectedItems", "defaultSelectedItems", "multiSelect", "checkboxSelection", "selectionPropagation", "onSelectedItemsChange", "onItemSelectionToggle", "onItemFocus"];
+function Jn(t) {
   const {
     // Props for Provider
     apiRef: e,
@@ -211,42 +211,42 @@ function qn(t) {
     onItemClick: s,
     itemChildrenIndentation: l,
     id: a,
-    expandedItems: m,
+    expandedItems: h,
     defaultExpandedItems: d,
     onExpandedItemsChange: c,
     onItemExpansionToggle: p,
     expansionTrigger: f,
     disableSelection: u,
-    selectedItems: h,
+    selectedItems: m,
     defaultSelectedItems: I,
     multiSelect: b,
-    checkboxSelection: C,
-    selectionPropagation: T,
-    onSelectedItemsChange: D,
+    checkboxSelection: x,
+    selectionPropagation: w,
+    onSelectedItemsChange: _,
     onItemSelectionToggle: R,
-    onItemFocus: E
+    onItemFocus: F
     // SimpleTreeViewStore parameters
     // Forwarded props
-  } = t, g = $e(t, Hn), k = O.useMemo(() => ({
+  } = t, C = Be(t, Xn), D = M.useMemo(() => ({
     // Shared parameters
     disabledItemsFocusable: r,
     onItemClick: s,
     itemChildrenIndentation: l,
     id: a,
-    expandedItems: m,
+    expandedItems: h,
     defaultExpandedItems: d,
     onExpandedItemsChange: c,
     onItemExpansionToggle: p,
     expansionTrigger: f,
     disableSelection: u,
-    selectedItems: h,
+    selectedItems: m,
     defaultSelectedItems: I,
     multiSelect: b,
-    checkboxSelection: C,
-    selectionPropagation: T,
-    onSelectedItemsChange: D,
+    checkboxSelection: x,
+    selectionPropagation: w,
+    onSelectedItemsChange: _,
     onItemSelectionToggle: R,
-    onItemFocus: E
+    onItemFocus: F
     // SimpleTreeViewStore parameters
   }), [
     // Shared parameters
@@ -254,31 +254,31 @@ function qn(t) {
     s,
     l,
     a,
-    m,
+    h,
     d,
     c,
     p,
     f,
     u,
-    h,
+    m,
     I,
     b,
-    C,
-    T,
-    D,
+    x,
+    w,
+    _,
     R,
-    E
+    F
     // SimpleTreeViewStore parameters
   ]);
   return {
     apiRef: e,
     slots: n,
     slotProps: o,
-    parameters: k,
-    forwardedProps: g
+    parameters: D,
+    forwardedProps: C
   };
 }
-var Gn = (t, e, n) => {
+var Qn = (t, e, n) => {
   if (e.length === 1 && e[0] === n) {
     let o = !1;
     try {
@@ -302,7 +302,7 @@ Ensure transformation logic is in the result function, and extraction logic is i
       );
     }
   }
-}, Xn = (t, e, n) => {
+}, Yn = (t, e, n) => {
   const { memoize: o, memoizeOptions: r } = e, { inputSelectorResults: s, inputSelectorResultsCopy: l } = t, a = o(() => ({}), ...r);
   if (!(a.apply(null, s) === a.apply(null, l))) {
     let d;
@@ -324,19 +324,19 @@ Avoid returning a new reference inside your input selector, e.g.
       }
     );
   }
-}, Jn = {
+}, Zn = {
   inputStabilityCheck: "once",
   identityFunctionCheck: "once"
-}, Ne = /* @__PURE__ */ Symbol("NOT_FOUND");
-function Qn(t, e = `expected a function, instead received ${typeof t}`) {
+}, Fe = /* @__PURE__ */ Symbol("NOT_FOUND");
+function eo(t, e = `expected a function, instead received ${typeof t}`) {
   if (typeof t != "function")
     throw new TypeError(e);
 }
-function Yn(t, e = `expected an object, instead received ${typeof t}`) {
+function to(t, e = `expected an object, instead received ${typeof t}`) {
   if (typeof t != "object")
     throw new TypeError(e);
 }
-function Zn(t, e = "expected all items to be functions, instead received the following types: ") {
+function no(t, e = "expected all items to be functions, instead received the following types: ") {
   if (!t.every((n) => typeof n == "function")) {
     const n = t.map(
       (o) => typeof o == "function" ? `function ${o.name || "unnamed"}()` : typeof o
@@ -344,41 +344,41 @@ function Zn(t, e = "expected all items to be functions, instead received the fol
     throw new TypeError(`${e}[${n}]`);
   }
 }
-var vt = (t) => Array.isArray(t) ? t : [t];
-function eo(t) {
+var kt = (t) => Array.isArray(t) ? t : [t];
+function oo(t) {
   const e = Array.isArray(t[0]) ? t[0] : t;
-  return Zn(
+  return no(
     e,
     "createSelector expects all input-selectors to be functions, but received the following types: "
   ), e;
 }
-function wt(t, e) {
+function Ot(t, e) {
   const n = [], { length: o } = t;
   for (let r = 0; r < o; r++)
     n.push(t[r].apply(null, e));
   return n;
 }
-var to = (t, e) => {
+var ro = (t, e) => {
   const { identityFunctionCheck: n, inputStabilityCheck: o } = {
-    ...Jn,
+    ...Zn,
     ...e
   };
   return {
     identityFunctionCheck: {
       shouldRun: n === "always" || n === "once" && t,
-      run: Gn
+      run: Qn
     },
     inputStabilityCheck: {
       shouldRun: o === "always" || o === "once" && t,
-      run: Xn
+      run: Yn
     }
   };
 };
-function no(t) {
+function so(t) {
   let e;
   return {
     get(n) {
-      return e && t(e.key, n) ? e.value : Ne;
+      return e && t(e.key, n) ? e.value : Fe;
     },
     put(n, o) {
       e = { key: n, value: o };
@@ -391,18 +391,18 @@ function no(t) {
     }
   };
 }
-function oo(t, e) {
+function io(t, e) {
   let n = [];
   function o(a) {
-    const m = n.findIndex((d) => e(a, d.key));
-    if (m > -1) {
-      const d = n[m];
-      return m > 0 && (n.splice(m, 1), n.unshift(d)), d.value;
+    const h = n.findIndex((d) => e(a, d.key));
+    if (h > -1) {
+      const d = n[h];
+      return h > 0 && (n.splice(h, 1), n.unshift(d)), d.value;
     }
-    return Ne;
+    return Fe;
   }
-  function r(a, m) {
-    o(a) === Ne && (n.unshift({ key: a, value: m }), n.length > t && n.pop());
+  function r(a, h) {
+    o(a) === Fe && (n.unshift({ key: a, value: h }), n.length > t && n.pop());
   }
   function s() {
     return n;
@@ -412,8 +412,8 @@ function oo(t, e) {
   }
   return { get: o, put: r, getEntries: s, clear: l };
 }
-var ro = (t, e) => t === e;
-function so(t) {
+var lo = (t, e) => t === e;
+function ao(t) {
   return function(n, o) {
     if (n === null || o === null || n.length !== o.length)
       return !1;
@@ -424,131 +424,131 @@ function so(t) {
     return !0;
   };
 }
-function io(t, e) {
+function co(t, e) {
   const n = typeof e == "object" ? e : { equalityCheck: e }, {
-    equalityCheck: o = ro,
+    equalityCheck: o = lo,
     maxSize: r = 1,
     resultEqualityCheck: s
-  } = n, l = so(o);
+  } = n, l = ao(o);
   let a = 0;
-  const m = r <= 1 ? no(l) : oo(r, l);
+  const h = r <= 1 ? so(l) : io(r, l);
   function d() {
-    let c = m.get(arguments);
-    if (c === Ne) {
+    let c = h.get(arguments);
+    if (c === Fe) {
       if (c = t.apply(null, arguments), a++, s) {
-        const f = m.getEntries().find(
+        const f = h.getEntries().find(
           (u) => s(u.value, c)
         );
         f && (c = f.value, a !== 0 && a--);
       }
-      m.put(arguments, c);
+      h.put(arguments, c);
     }
     return c;
   }
   return d.clearCache = () => {
-    m.clear(), d.resetResultsCount();
+    h.clear(), d.resetResultsCount();
   }, d.resultsCount = () => a, d.resetResultsCount = () => {
     a = 0;
   }, d;
 }
-var lo = class {
+var uo = class {
   constructor(t) {
     this.value = t;
   }
   deref() {
     return this.value;
   }
-}, ao = typeof WeakRef < "u" ? WeakRef : lo, co = 0, Tt = 1;
-function Me() {
+}, po = typeof WeakRef < "u" ? WeakRef : uo, fo = 0, Mt = 1;
+function Pe() {
   return {
-    s: co,
+    s: fo,
     v: void 0,
     o: null,
     p: null
   };
 }
-function Ht(t, e = {}) {
-  let n = Me();
+function Xt(t, e = {}) {
+  let n = Pe();
   const { resultEqualityCheck: o } = e;
   let r, s = 0;
   function l() {
     let a = n;
-    const { length: m } = arguments;
-    for (let p = 0, f = m; p < f; p++) {
+    const { length: h } = arguments;
+    for (let p = 0, f = h; p < f; p++) {
       const u = arguments[p];
       if (typeof u == "function" || typeof u == "object" && u !== null) {
-        let h = a.o;
-        h === null && (a.o = h = /* @__PURE__ */ new WeakMap());
-        const I = h.get(u);
-        I === void 0 ? (a = Me(), h.set(u, a)) : a = I;
+        let m = a.o;
+        m === null && (a.o = m = /* @__PURE__ */ new WeakMap());
+        const I = m.get(u);
+        I === void 0 ? (a = Pe(), m.set(u, a)) : a = I;
       } else {
-        let h = a.p;
-        h === null && (a.p = h = /* @__PURE__ */ new Map());
-        const I = h.get(u);
-        I === void 0 ? (a = Me(), h.set(u, a)) : a = I;
+        let m = a.p;
+        m === null && (a.p = m = /* @__PURE__ */ new Map());
+        const I = m.get(u);
+        I === void 0 ? (a = Pe(), m.set(u, a)) : a = I;
       }
     }
     const d = a;
     let c;
-    if (a.s === Tt)
+    if (a.s === Mt)
       c = a.v;
     else if (c = t.apply(null, arguments), s++, o) {
       const p = r?.deref?.() ?? r;
-      p != null && o(p, c) && (c = p, s !== 0 && s--), r = typeof c == "object" && c !== null || typeof c == "function" ? new ao(c) : c;
+      p != null && o(p, c) && (c = p, s !== 0 && s--), r = typeof c == "object" && c !== null || typeof c == "function" ? new po(c) : c;
     }
-    return d.s = Tt, d.v = c, c;
+    return d.s = Mt, d.v = c, c;
   }
   return l.clearCache = () => {
-    n = Me(), l.resetResultsCount();
+    n = Pe(), l.resetResultsCount();
   }, l.resultsCount = () => s, l.resetResultsCount = () => {
     s = 0;
   }, l;
 }
-function qt(t, ...e) {
+function Jt(t, ...e) {
   const n = typeof t == "function" ? {
     memoize: t,
     memoizeOptions: e
   } : t, o = (...r) => {
-    let s = 0, l = 0, a, m = {}, d = r.pop();
-    typeof d == "object" && (m = d, d = r.pop()), Qn(
+    let s = 0, l = 0, a, h = {}, d = r.pop();
+    typeof d == "object" && (h = d, d = r.pop()), eo(
       d,
       `createSelector expects an output function after the inputs, but received: [${typeof d}]`
     );
     const c = {
       ...n,
-      ...m
+      ...h
     }, {
       memoize: p,
       memoizeOptions: f = [],
-      argsMemoize: u = Ht,
-      argsMemoizeOptions: h = [],
+      argsMemoize: u = Xt,
+      argsMemoizeOptions: m = [],
       devModeChecks: I = {}
-    } = c, b = vt(f), C = vt(h), T = eo(r), D = p(function() {
+    } = c, b = kt(f), x = kt(m), w = oo(r), _ = p(function() {
       return s++, d.apply(
         null,
         arguments
       );
     }, ...b);
     let R = !0;
-    const E = u(function() {
+    const F = u(function() {
       l++;
-      const k = wt(
-        T,
+      const D = Ot(
+        w,
         arguments
       );
-      if (a = D.apply(null, k), process.env.NODE_ENV !== "production") {
-        const { identityFunctionCheck: P, inputStabilityCheck: L } = to(R, I);
-        if (P.shouldRun && P.run(
+      if (a = _.apply(null, D), process.env.NODE_ENV !== "production") {
+        const { identityFunctionCheck: V, inputStabilityCheck: j } = ro(R, I);
+        if (V.shouldRun && V.run(
           d,
-          k,
+          D,
           a
-        ), L.shouldRun) {
-          const N = wt(
-            T,
+        ), j.shouldRun) {
+          const E = Ot(
+            w,
             arguments
           );
-          L.run(
-            { inputSelectorResults: k, inputSelectorResultsCopy: N },
+          j.run(
+            { inputSelectorResults: D, inputSelectorResultsCopy: E },
             { memoize: p, memoizeOptions: b },
             arguments
           );
@@ -556,11 +556,11 @@ function qt(t, ...e) {
         R && (R = !1);
       }
       return a;
-    }, ...C);
-    return Object.assign(E, {
+    }, ...x);
+    return Object.assign(F, {
       resultFunc: d,
-      memoizedResultFunc: D,
-      dependencies: T,
+      memoizedResultFunc: _,
+      dependencies: w,
       dependencyRecomputations: () => l,
       resetDependencyRecomputations: () => {
         l = 0;
@@ -578,9 +578,9 @@ function qt(t, ...e) {
     withTypes: () => o
   }), o;
 }
-var uo = /* @__PURE__ */ qt(Ht), po = Object.assign(
-  (t, e = uo) => {
-    Yn(
+var ho = /* @__PURE__ */ Jt(Xt), mo = Object.assign(
+  (t, e = ho) => {
+    to(
       t,
       `createStructuredSelector expects first argument to be an object where each property is a selector, instead received a ${typeof t}`
     );
@@ -589,96 +589,96 @@ var uo = /* @__PURE__ */ qt(Ht), po = Object.assign(
     );
     return e(
       o,
-      (...s) => s.reduce((l, a, m) => (l[n[m]] = a, l), {})
+      (...s) => s.reduce((l, a, h) => (l[n[h]] = a, l), {})
     );
   },
-  { withTypes: () => po }
+  { withTypes: () => mo }
 );
-const fo = qt({
-  memoize: io,
+const Io = Jt({
+  memoize: co,
   memoizeOptions: {
     maxSize: 1,
     equalityCheck: Object.is
   }
-}), M = (t, e, n, o, r, s, l, a, ...m) => {
-  if (m.length > 0)
+}), P = (t, e, n, o, r, s, l, a, ...h) => {
+  if (h.length > 0)
     throw new Error("Unsupported number of selectors");
   let d;
   if (t && e && n && o && r && s && l && a)
     d = (c, p, f, u) => {
-      const h = t(c, p, f, u), I = e(c, p, f, u), b = n(c, p, f, u), C = o(c, p, f, u), T = r(c, p, f, u), D = s(c, p, f, u), R = l(c, p, f, u);
-      return a(h, I, b, C, T, D, R, p, f, u);
+      const m = t(c, p, f, u), I = e(c, p, f, u), b = n(c, p, f, u), x = o(c, p, f, u), w = r(c, p, f, u), _ = s(c, p, f, u), R = l(c, p, f, u);
+      return a(m, I, b, x, w, _, R, p, f, u);
     };
   else if (t && e && n && o && r && s && l)
     d = (c, p, f, u) => {
-      const h = t(c, p, f, u), I = e(c, p, f, u), b = n(c, p, f, u), C = o(c, p, f, u), T = r(c, p, f, u), D = s(c, p, f, u);
-      return l(h, I, b, C, T, D, p, f, u);
+      const m = t(c, p, f, u), I = e(c, p, f, u), b = n(c, p, f, u), x = o(c, p, f, u), w = r(c, p, f, u), _ = s(c, p, f, u);
+      return l(m, I, b, x, w, _, p, f, u);
     };
   else if (t && e && n && o && r && s)
     d = (c, p, f, u) => {
-      const h = t(c, p, f, u), I = e(c, p, f, u), b = n(c, p, f, u), C = o(c, p, f, u), T = r(c, p, f, u);
-      return s(h, I, b, C, T, p, f, u);
+      const m = t(c, p, f, u), I = e(c, p, f, u), b = n(c, p, f, u), x = o(c, p, f, u), w = r(c, p, f, u);
+      return s(m, I, b, x, w, p, f, u);
     };
   else if (t && e && n && o && r)
     d = (c, p, f, u) => {
-      const h = t(c, p, f, u), I = e(c, p, f, u), b = n(c, p, f, u), C = o(c, p, f, u);
-      return r(h, I, b, C, p, f, u);
+      const m = t(c, p, f, u), I = e(c, p, f, u), b = n(c, p, f, u), x = o(c, p, f, u);
+      return r(m, I, b, x, p, f, u);
     };
   else if (t && e && n && o)
     d = (c, p, f, u) => {
-      const h = t(c, p, f, u), I = e(c, p, f, u), b = n(c, p, f, u);
-      return o(h, I, b, p, f, u);
+      const m = t(c, p, f, u), I = e(c, p, f, u), b = n(c, p, f, u);
+      return o(m, I, b, p, f, u);
     };
   else if (t && e && n)
     d = (c, p, f, u) => {
-      const h = t(c, p, f, u), I = e(c, p, f, u);
-      return n(h, I, p, f, u);
+      const m = t(c, p, f, u), I = e(c, p, f, u);
+      return n(m, I, p, f, u);
     };
   else if (t && e)
     d = (c, p, f, u) => {
-      const h = t(c, p, f, u);
-      return e(h, p, f, u);
+      const m = t(c, p, f, u);
+      return e(m, p, f, u);
     };
   else if (t)
     d = t;
   else
     throw new Error("Missing arguments");
   return d;
-}, mo = (t) => (...e) => {
+}, go = (t) => (...e) => {
   const n = /* @__PURE__ */ new WeakMap();
   let o = 1;
   const r = e[e.length - 1], s = e.length - 1 || 1, l = Math.max(r.length - s, 0);
   if (l > 3)
     throw new Error("Unsupported number of arguments");
-  return (m, d, c, p) => {
-    let f = m.__cacheKey__;
+  return (h, d, c, p) => {
+    let f = h.__cacheKey__;
     f || (f = {
       id: o
-    }, m.__cacheKey__ = f, o += 1);
+    }, h.__cacheKey__ = f, o += 1);
     let u = n.get(f);
     if (!u) {
-      const h = e.length === 1 ? [(C) => C, r] : e;
+      const m = e.length === 1 ? [(x) => x, r] : e;
       let I = e;
       const b = [void 0, void 0, void 0];
       switch (l) {
         case 0:
           break;
         case 1: {
-          I = [...h.slice(0, -1), () => b[0], r];
+          I = [...m.slice(0, -1), () => b[0], r];
           break;
         }
         case 2: {
-          I = [...h.slice(0, -1), () => b[0], () => b[1], r];
+          I = [...m.slice(0, -1), () => b[0], () => b[1], r];
           break;
         }
         case 3: {
-          I = [...h.slice(0, -1), () => b[0], () => b[1], () => b[2], r];
+          I = [...m.slice(0, -1), () => b[0], () => b[1], () => b[2], r];
           break;
         }
         default:
           throw new Error("Unsupported number of arguments");
       }
-      u = fo(...I), u.selectorArgs = b, n.set(f, u);
+      u = Io(...I), u.selectorArgs = b, n.set(f, u);
     }
     switch (l) {
       case 3:
@@ -690,45 +690,45 @@ const fo = qt({
     }
     switch (l) {
       case 0:
-        return u(m);
+        return u(h);
       case 1:
-        return u(m, d);
+        return u(h, d);
       case 2:
-        return u(m, d, c);
+        return u(h, d, c);
       case 3:
-        return u(m, d, c, p);
+        return u(h, d, c, p);
       default:
         throw new Error("unreachable");
     }
   };
-}, we = mo();
-var Pe = { exports: {} }, Ke = {};
-var kt;
-function ho() {
-  if (kt) return Ke;
-  kt = 1;
-  var t = je;
+}, Te = go();
+var Re = { exports: {} }, He = {};
+var Pt;
+function bo() {
+  if (Pt) return He;
+  Pt = 1;
+  var t = $e;
   function e(p, f) {
     return p === f && (p !== 0 || 1 / p === 1 / f) || p !== p && f !== f;
   }
   var n = typeof Object.is == "function" ? Object.is : e, o = t.useState, r = t.useEffect, s = t.useLayoutEffect, l = t.useDebugValue;
   function a(p, f) {
-    var u = f(), h = o({ inst: { value: u, getSnapshot: f } }), I = h[0].inst, b = h[1];
+    var u = f(), m = o({ inst: { value: u, getSnapshot: f } }), I = m[0].inst, b = m[1];
     return s(
       function() {
-        I.value = u, I.getSnapshot = f, m(I) && b({ inst: I });
+        I.value = u, I.getSnapshot = f, h(I) && b({ inst: I });
       },
       [p, u, f]
     ), r(
       function() {
-        return m(I) && b({ inst: I }), p(function() {
-          m(I) && b({ inst: I });
+        return h(I) && b({ inst: I }), p(function() {
+          h(I) && b({ inst: I });
         });
       },
       [p]
     ), l(u), u;
   }
-  function m(p) {
+  function h(p) {
     var f = p.getSnapshot;
     p = p.value;
     try {
@@ -742,192 +742,192 @@ function ho() {
     return f();
   }
   var c = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? d : a;
-  return Ke.useSyncExternalStore = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : c, Ke;
+  return He.useSyncExternalStore = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : c, He;
 }
-var Ue = {};
-var Ot;
-function Io() {
-  return Ot || (Ot = 1, process.env.NODE_ENV !== "production" && (function() {
-    function t(u, h) {
-      return u === h && (u !== 0 || 1 / u === 1 / h) || u !== u && h !== h;
+var qe = {};
+var Rt;
+function So() {
+  return Rt || (Rt = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(u, m) {
+      return u === m && (u !== 0 || 1 / u === 1 / m) || u !== u && m !== m;
     }
-    function e(u, h) {
+    function e(u, m) {
       c || r.startTransition === void 0 || (c = !0, console.error(
         "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
       ));
-      var I = h();
+      var I = m();
       if (!p) {
-        var b = h();
+        var b = m();
         s(I, b) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
         ), p = !0);
       }
       b = l({
-        inst: { value: I, getSnapshot: h }
+        inst: { value: I, getSnapshot: m }
       });
-      var C = b[0].inst, T = b[1];
-      return m(
+      var x = b[0].inst, w = b[1];
+      return h(
         function() {
-          C.value = I, C.getSnapshot = h, n(C) && T({ inst: C });
+          x.value = I, x.getSnapshot = m, n(x) && w({ inst: x });
         },
-        [u, I, h]
+        [u, I, m]
       ), a(
         function() {
-          return n(C) && T({ inst: C }), u(function() {
-            n(C) && T({ inst: C });
+          return n(x) && w({ inst: x }), u(function() {
+            n(x) && w({ inst: x });
           });
         },
         [u]
       ), d(I), I;
     }
     function n(u) {
-      var h = u.getSnapshot;
+      var m = u.getSnapshot;
       u = u.value;
       try {
-        var I = h();
+        var I = m();
         return !s(u, I);
       } catch {
         return !0;
       }
     }
-    function o(u, h) {
-      return h();
+    function o(u, m) {
+      return m();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var r = je, s = typeof Object.is == "function" ? Object.is : t, l = r.useState, a = r.useEffect, m = r.useLayoutEffect, d = r.useDebugValue, c = !1, p = !1, f = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? o : e;
-    Ue.useSyncExternalStore = r.useSyncExternalStore !== void 0 ? r.useSyncExternalStore : f, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })()), Ue;
+    var r = $e, s = typeof Object.is == "function" ? Object.is : t, l = r.useState, a = r.useEffect, h = r.useLayoutEffect, d = r.useDebugValue, c = !1, p = !1, f = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? o : e;
+    qe.useSyncExternalStore = r.useSyncExternalStore !== void 0 ? r.useSyncExternalStore : f, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })()), qe;
 }
-var Mt;
-function lt() {
-  return Mt || (Mt = 1, process.env.NODE_ENV === "production" ? Pe.exports = ho() : Pe.exports = Io()), Pe.exports;
+var Lt;
+function ct() {
+  return Lt || (Lt = 1, process.env.NODE_ENV === "production" ? Re.exports = bo() : Re.exports = So()), Re.exports;
 }
-var go = lt(), Re = { exports: {} }, He = {};
-var Pt;
-function bo() {
-  if (Pt) return He;
-  Pt = 1;
-  var t = je, e = lt();
+var yo = ct(), Le = { exports: {} }, Ge = {};
+var Dt;
+function xo() {
+  if (Dt) return Ge;
+  Dt = 1;
+  var t = $e, e = ct();
   function n(d, c) {
     return d === c && (d !== 0 || 1 / d === 1 / c) || d !== d && c !== c;
   }
-  var o = typeof Object.is == "function" ? Object.is : n, r = e.useSyncExternalStore, s = t.useRef, l = t.useEffect, a = t.useMemo, m = t.useDebugValue;
-  return He.useSyncExternalStoreWithSelector = function(d, c, p, f, u) {
-    var h = s(null);
-    if (h.current === null) {
+  var o = typeof Object.is == "function" ? Object.is : n, r = e.useSyncExternalStore, s = t.useRef, l = t.useEffect, a = t.useMemo, h = t.useDebugValue;
+  return Ge.useSyncExternalStoreWithSelector = function(d, c, p, f, u) {
+    var m = s(null);
+    if (m.current === null) {
       var I = { hasValue: !1, value: null };
-      h.current = I;
-    } else I = h.current;
-    h = a(
+      m.current = I;
+    } else I = m.current;
+    m = a(
       function() {
-        function C(g) {
-          if (!T) {
-            if (T = !0, D = g, g = f(g), u !== void 0 && I.hasValue) {
-              var k = I.value;
-              if (u(k, g))
-                return R = k;
+        function x(C) {
+          if (!w) {
+            if (w = !0, _ = C, C = f(C), u !== void 0 && I.hasValue) {
+              var D = I.value;
+              if (u(D, C))
+                return R = D;
             }
-            return R = g;
+            return R = C;
           }
-          if (k = R, o(D, g)) return k;
-          var P = f(g);
-          return u !== void 0 && u(k, P) ? (D = g, k) : (D = g, R = P);
+          if (D = R, o(_, C)) return D;
+          var V = f(C);
+          return u !== void 0 && u(D, V) ? (_ = C, D) : (_ = C, R = V);
         }
-        var T = !1, D, R, E = p === void 0 ? null : p;
+        var w = !1, _, R, F = p === void 0 ? null : p;
         return [
           function() {
-            return C(c());
+            return x(c());
           },
-          E === null ? void 0 : function() {
-            return C(E());
+          F === null ? void 0 : function() {
+            return x(F());
           }
         ];
       },
       [c, p, f, u]
     );
-    var b = r(d, h[0], h[1]);
+    var b = r(d, m[0], m[1]);
     return l(
       function() {
         I.hasValue = !0, I.value = b;
       },
       [b]
-    ), m(b), b;
-  }, He;
+    ), h(b), b;
+  }, Ge;
 }
-var qe = {};
-var Rt;
-function yo() {
-  return Rt || (Rt = 1, process.env.NODE_ENV !== "production" && (function() {
+var Xe = {};
+var _t;
+function Eo() {
+  return _t || (_t = 1, process.env.NODE_ENV !== "production" && (function() {
     function t(d, c) {
       return d === c && (d !== 0 || 1 / d === 1 / c) || d !== d && c !== c;
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var e = je, n = lt(), o = typeof Object.is == "function" ? Object.is : t, r = n.useSyncExternalStore, s = e.useRef, l = e.useEffect, a = e.useMemo, m = e.useDebugValue;
-    qe.useSyncExternalStoreWithSelector = function(d, c, p, f, u) {
-      var h = s(null);
-      if (h.current === null) {
+    var e = $e, n = ct(), o = typeof Object.is == "function" ? Object.is : t, r = n.useSyncExternalStore, s = e.useRef, l = e.useEffect, a = e.useMemo, h = e.useDebugValue;
+    Xe.useSyncExternalStoreWithSelector = function(d, c, p, f, u) {
+      var m = s(null);
+      if (m.current === null) {
         var I = { hasValue: !1, value: null };
-        h.current = I;
-      } else I = h.current;
-      h = a(
+        m.current = I;
+      } else I = m.current;
+      m = a(
         function() {
-          function C(g) {
-            if (!T) {
-              if (T = !0, D = g, g = f(g), u !== void 0 && I.hasValue) {
-                var k = I.value;
-                if (u(k, g))
-                  return R = k;
+          function x(C) {
+            if (!w) {
+              if (w = !0, _ = C, C = f(C), u !== void 0 && I.hasValue) {
+                var D = I.value;
+                if (u(D, C))
+                  return R = D;
               }
-              return R = g;
+              return R = C;
             }
-            if (k = R, o(D, g))
-              return k;
-            var P = f(g);
-            return u !== void 0 && u(k, P) ? (D = g, k) : (D = g, R = P);
+            if (D = R, o(_, C))
+              return D;
+            var V = f(C);
+            return u !== void 0 && u(D, V) ? (_ = C, D) : (_ = C, R = V);
           }
-          var T = !1, D, R, E = p === void 0 ? null : p;
+          var w = !1, _, R, F = p === void 0 ? null : p;
           return [
             function() {
-              return C(c());
+              return x(c());
             },
-            E === null ? void 0 : function() {
-              return C(E());
+            F === null ? void 0 : function() {
+              return x(F());
             }
           ];
         },
         [c, p, f, u]
       );
-      var b = r(d, h[0], h[1]);
+      var b = r(d, m[0], m[1]);
       return l(
         function() {
           I.hasValue = !0, I.value = b;
         },
         [b]
-      ), m(b), b;
+      ), h(b), b;
     }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })()), qe;
+  })()), Xe;
 }
-var Lt;
-function So() {
-  return Lt || (Lt = 1, process.env.NODE_ENV === "production" ? Re.exports = bo() : Re.exports = yo()), Re.exports;
+var At;
+function Co() {
+  return At || (At = 1, process.env.NODE_ENV === "production" ? Le.exports = xo() : Le.exports = Eo()), Le.exports;
 }
-var xo = So();
-const Eo = parseInt(O.version, 10), Co = Eo >= 19, vo = Co ? wo : To;
-function F(t, e, n, o, r) {
-  return vo(t, e, n, o, r);
+var vo = Co();
+const wo = parseInt(M.version, 10), To = wo >= 19, ko = To ? Oo : Mo;
+function W(t, e, n, o, r) {
+  return ko(t, e, n, o, r);
 }
-function wo(t, e, n, o, r) {
-  const s = O.useCallback(() => e(t.getSnapshot(), n, o, r), [t, e, n, o, r]);
-  return go.useSyncExternalStore(t.subscribe, s, s);
+function Oo(t, e, n, o, r) {
+  const s = M.useCallback(() => e(t.getSnapshot(), n, o, r), [t, e, n, o, r]);
+  return yo.useSyncExternalStore(t.subscribe, s, s);
 }
-function To(t, e, n, o, r) {
-  return xo.useSyncExternalStoreWithSelector(t.subscribe, t.getSnapshot, t.getSnapshot, (s) => e(s, n, o, r));
+function Mo(t, e, n, o, r) {
+  return vo.useSyncExternalStoreWithSelector(t.subscribe, t.getSnapshot, t.getSnapshot, (s) => e(s, n, o, r));
 }
-class at {
+class dt {
   // HACK: `any` fixes adding listeners that accept partial state.
   // Internal state to handle recursive `setState()` calls
   static create(e) {
-    return new at(e);
+    return new dt(e);
   }
   constructor(e) {
     this.state = e, this.listeners = /* @__PURE__ */ new Set(), this.updateTick = 0;
@@ -963,25 +963,25 @@ class at {
       [e]: n
     }));
   }
-  use = (e, n, o, r) => F(this, e, n, o, r);
+  use = (e, n, o, r) => W(this, e, n, o, r);
 }
-const Dt = M((t) => t.providedTreeId ?? t.treeId), Te = {
+const Nt = P((t) => t.providedTreeId ?? t.treeId), ke = {
   /**
    * Get the id attribute of the tree view.
    */
-  treeId: Dt,
+  treeId: Nt,
   /**
    * Generate the id attribute (i.e.: the `id` attribute passed to the DOM element) of a Tree Item.
    * If the user explicitly defined an id attribute, it will be returned.
    * Otherwise, the method creates a unique id for the item based on the Tree View id attribute and the item `itemId`
    */
-  treeItemIdAttribute: M(Dt, (t, e, n) => n ?? `${t ?? ""}-${e}`)
-}, te = "__TREE_VIEW_ROOT_PARENT_ID__", Gt = (t) => {
+  treeItemIdAttribute: P(Nt, (t, e, n) => n ?? `${t ?? ""}-${e}`)
+}, se = "__TREE_VIEW_ROOT_PARENT_ID__", Qt = (t) => {
   const e = {};
   return t.forEach((n, o) => {
     e[n] = o;
   }), e;
-}, Fe = (t, e) => {
+}, Ve = (t, e) => {
   if (e == null)
     return !1;
   let n = t[e];
@@ -997,7 +997,7 @@ const Dt = M((t) => t.providedTreeId ?? t.treeId), Te = {
   }
   return !1;
 };
-function _t(t) {
+function Ft(t) {
   const {
     storeParameters: e,
     items: n,
@@ -1005,26 +1005,26 @@ function _t(t) {
     depth: r,
     isItemExpandable: s,
     otherItemsMetaLookup: l
-  } = t, a = {}, m = {}, d = [], c = [], p = (f) => {
+  } = t, a = {}, h = {}, d = [], c = [], p = (f) => {
     const u = e.getItemId ? e.getItemId(f) : f.id;
-    ko({
+    Po({
       id: u,
       parentId: o,
       item: f,
       itemMetaLookup: l,
       siblingsMetaLookup: a
     });
-    const h = e.getItemLabel ? e.getItemLabel(f) : f.label;
-    if (h == null)
+    const m = e.getItemLabel ? e.getItemLabel(f) : f.label;
+    if (m == null)
       throw new Error(["MUI X: The Tree View component requires all items to have a `label` property.", "Alternatively, you can use the `getItemLabel` prop to specify a custom label for each item.", "An item was provided without label in the `items` prop:", JSON.stringify(f)].join(`
 `));
     const I = (e.getItemChildren ? e.getItemChildren(f) : f.children) || [];
     c.push({
       id: u,
       children: I
-    }), m[u] = f, a[u] = {
+    }), h[u] = f, a[u] = {
       id: u,
-      label: h,
+      label: m,
       parentId: o,
       idAttribute: void 0,
       expandable: s(f, I),
@@ -1037,13 +1037,13 @@ function _t(t) {
     p(f);
   return {
     metaLookup: a,
-    modelLookup: m,
+    modelLookup: h,
     orderedChildrenIds: d,
-    childrenIndexes: Gt(d),
+    childrenIndexes: Qt(d),
     itemsChildren: c
   };
 }
-function ko({
+function Po({
   id: t,
   parentId: e,
   item: n,
@@ -1058,64 +1058,64 @@ function ko({
     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 Oo = [], x = {
+const Ro = [], y = {
   /**
    * Gets the DOM structure of the Tree View.
    */
-  domStructure: M((t) => t.domStructure),
+  domStructure: P((t) => t.domStructure),
   /**
    * Checks whether the disabled items are focusable.
    */
-  disabledItemFocusable: M((t) => t.disabledItemsFocusable),
+  disabledItemFocusable: P((t) => t.disabledItemsFocusable),
   /**
    * Gets the meta-information of all items.
    */
-  itemMetaLookup: M((t) => t.itemMetaLookup),
+  itemMetaLookup: P((t) => t.itemMetaLookup),
   /**
    * Gets the ordered children ids of all items.
    */
-  itemOrderedChildrenIdsLookup: M((t) => t.itemOrderedChildrenIdsLookup),
+  itemOrderedChildrenIdsLookup: P((t) => t.itemOrderedChildrenIdsLookup),
   /**
    * Gets the meta-information of an item.
    */
-  itemMeta: M((t, e) => t.itemMetaLookup[e ?? te] ?? null),
+  itemMeta: P((t, e) => t.itemMetaLookup[e ?? se] ?? null),
   /**
    * Gets the ordered children ids of an item.
    */
-  itemOrderedChildrenIds: M((t, e) => t.itemOrderedChildrenIdsLookup[e ?? te] ?? Oo),
+  itemOrderedChildrenIds: P((t, e) => t.itemOrderedChildrenIdsLookup[e ?? se] ?? Ro),
   /**
    * Gets the model of an item.
    */
-  itemModel: M((t, e) => t.itemModelLookup[e]),
+  itemModel: P((t, e) => t.itemModelLookup[e]),
   /**
    * Checks whether an item is disabled.
    */
-  isItemDisabled: M((t, e) => Fe(t.itemMetaLookup, e)),
+  isItemDisabled: P((t, e) => Ve(t.itemMetaLookup, e)),
   /**
    * Gets the index of an item in its parent's children.
    */
-  itemIndex: M((t, e) => {
+  itemIndex: P((t, e) => {
     const n = t.itemMetaLookup[e];
-    return n == null ? -1 : t.itemChildrenIndexesLookup[n.parentId ?? te][n.id];
+    return n == null ? -1 : t.itemChildrenIndexesLookup[n.parentId ?? se][n.id];
   }),
   /**
    * Gets the id of an item's parent.
    */
-  itemParentId: M((t, e) => t.itemMetaLookup[e]?.parentId ?? null),
+  itemParentId: P((t, e) => t.itemMetaLookup[e]?.parentId ?? null),
   /**
    * Gets the depth of an item (items at the root level have a depth of 0).
    */
-  itemDepth: M((t, e) => t.itemMetaLookup[e]?.depth ?? 0),
+  itemDepth: P((t, e) => t.itemMetaLookup[e]?.depth ?? 0),
   /**
    * Checks whether an item can be focused.
    */
-  canItemBeFocused: M((t, e) => t.disabledItemsFocusable || !Fe(t.itemMetaLookup, e)),
+  canItemBeFocused: P((t, e) => t.disabledItemsFocusable || !Ve(t.itemMetaLookup, e)),
   /**
    * Gets the identation between an item and its children.
    */
-  itemChildrenIndentation: M((t) => t.itemChildrenIndentation)
+  itemChildrenIndentation: P((t) => t.itemChildrenIndentation)
 };
-class Le {
+class De {
   // We can't type `store`, otherwise we get the following TS error:
   // 'items' implicitly has type 'any' because it does not have a type annotation and is referenced directly or indirectly in its own initializer.
   constructor(e) {
@@ -1133,22 +1133,22 @@ class Le {
    */
   static buildItemsStateIfNeeded = (e) => {
     const n = {}, o = {}, r = {}, s = {};
-    function l(a, m, d) {
-      const c = m ?? te, {
+    function l(a, h, d) {
+      const c = h ?? se, {
         metaLookup: p,
         modelLookup: f,
         orderedChildrenIds: u,
-        childrenIndexes: h,
+        childrenIndexes: m,
         itemsChildren: I
-      } = _t({
+      } = Ft({
         storeParameters: e,
         items: a,
-        parentId: m,
+        parentId: h,
         depth: d,
-        isItemExpandable: (b, C) => !!C && C.length > 0,
+        isItemExpandable: (b, x) => !!x && x.length > 0,
         otherItemsMetaLookup: n
       });
-      Object.assign(n, p), Object.assign(o, f), r[c] = u, s[c] = h;
+      Object.assign(n, p), Object.assign(o, f), r[c] = u, s[c] = m;
       for (const b of I)
         l(b.children || [], b.id, d + 1);
     }
@@ -1165,17 +1165,17 @@ class Le {
    * @param {TreeViewItemId} itemId The id of the item to retrieve.
    * @returns {R} The item with the given id.
    */
-  getItem = (e) => x.itemModel(this.store.state, e);
+  getItem = (e) => y.itemModel(this.store.state, e);
   /**
    * Get all the items in the same format as provided by `props.items`.
    * @returns {R[]} The items in the tree.
    */
   getItemTree = () => {
     const e = (n) => {
-      const o = x.itemModel(this.store.state, n), r = S({}, o), s = x.itemOrderedChildrenIds(this.store.state, n);
+      const o = y.itemModel(this.store.state, n), r = S({}, o), s = y.itemOrderedChildrenIds(this.store.state, n);
       return s.length > 0 ? r.children = s.map(e) : delete r.children, r;
     };
-    return x.itemOrderedChildrenIds(this.store.state, null).map(e);
+    return y.itemOrderedChildrenIds(this.store.state, null).map(e);
   };
   /**
    * Get the ids of a given item's children.
@@ -1184,12 +1184,12 @@ class Le {
    * @param {TreeViewItemId | null} itemId The id of the item to get the children of.
    * @returns {TreeViewItemId[]} The ids of the item's children.
    */
-  getItemOrderedChildrenIds = (e) => x.itemOrderedChildrenIds(this.store.state, e);
+  getItemOrderedChildrenIds = (e) => y.itemOrderedChildrenIds(this.store.state, e);
   /** * Get the id of the parent item.
    * @param {TreeViewItemId} itemId The id of the item to whose parentId we want to retrieve.
    * @returns {TreeViewItemId | null} The id of the parent item.
    */
-  getParentId = (e) => x.itemMeta(this.store.state, e)?.parentId || null;
+  getParentId = (e) => y.itemMeta(this.store.state, e)?.parentId || null;
   /**
    * Toggle the disabled state of the item with the given id.
    * @param {object} parameters The params of the method.
@@ -1221,10 +1221,10 @@ class Le {
    * @returns {HTMLElement | null} The DOM element of the item with the given id.
    */
   getItemDOMElement = (e) => {
-    const n = x.itemMeta(this.store.state, e);
+    const n = y.itemMeta(this.store.state, e);
     if (n == null)
       return null;
-    const o = Te.treeItemIdAttribute(this.store.state, e, n.idAttribute);
+    const o = ke.treeItemIdAttribute(this.store.state, e, n.idAttribute);
     return document.getElementById(o);
   };
   /**
@@ -1236,24 +1236,24 @@ class Le {
     parentId: n,
     getChildrenCount: o
   }) => {
-    const r = n ?? te, s = n == null ? -1 : x.itemDepth(this.store.state, n), {
+    const r = n ?? se, s = n == null ? -1 : y.itemDepth(this.store.state, n), {
       metaLookup: l,
       modelLookup: a,
-      orderedChildrenIds: m,
+      orderedChildrenIds: h,
       childrenIndexes: d
-    } = _t({
+    } = Ft({
       storeParameters: this.store.parameters,
       items: e,
       parentId: n,
       depth: s + 1,
       isItemExpandable: o ? (c) => o(c) !== 0 : () => !1,
-      otherItemsMetaLookup: x.itemMetaLookup(this.store.state)
+      otherItemsMetaLookup: y.itemMetaLookup(this.store.state)
     });
     this.store.update({
       itemModelLookup: S({}, this.store.state.itemModelLookup, a),
       itemMetaLookup: S({}, this.store.state.itemMetaLookup, l),
       itemOrderedChildrenIdsLookup: S({}, this.store.state.itemOrderedChildrenIdsLookup, {
-        [r]: m
+        [r]: h
       }),
       itemChildrenIndexesLookup: S({}, this.store.state.itemChildrenIndexesLookup, {
         [r]: d
@@ -1265,12 +1265,12 @@ class Le {
    * @param {TreeViewItemId | null} parentId The id of the item to remove the children of.
    */
   removeChildren = (e) => {
-    const n = this.store.state.itemMetaLookup, o = Object.keys(n).reduce((a, m) => {
-      const d = n[m];
+    const n = this.store.state.itemMetaLookup, o = Object.keys(n).reduce((a, h) => {
+      const d = n[h];
       return d.parentId === e ? a : S({}, a, {
         [d.id]: d
       });
-    }, {}), r = S({}, this.store.state.itemOrderedChildrenIdsLookup), s = S({}, this.store.state.itemChildrenIndexesLookup), l = e ?? te;
+    }, {}), r = S({}, this.store.state.itemOrderedChildrenIdsLookup), s = S({}, this.store.state.itemChildrenIndexesLookup), l = e ?? se;
     delete s[l], delete r[l], this.store.update({
       itemMetaLookup: o,
       itemOrderedChildrenIdsLookup: r,
@@ -1286,73 +1286,73 @@ class Le {
     this.store.parameters.onItemClick?.(e, n);
   };
 }
-const Xt = we((t) => t.selectedItems, (t) => Array.isArray(t) ? t : t != null ? [t] : []), At = we(Xt, (t) => {
+const Yt = Te((t) => t.selectedItems, (t) => Array.isArray(t) ? t : t != null ? [t] : []), Vt = Te(Yt, (t) => {
   const e = /* @__PURE__ */ new Map();
   return t.forEach((n) => {
     e.set(n, !0);
   }), e;
-}), Ge = M((t, e) => t.itemMetaLookup[e]?.selectable ?? !0), _ = {
+}), Je = P((t, e) => t.itemMetaLookup[e]?.selectable ?? !0), N = {
   /**
    * Gets the selected items as provided to the component.
    */
-  selectedItemsRaw: M((t) => t.selectedItems),
+  selectedItemsRaw: P((t) => t.selectedItems),
   /**
    * Gets the selected items as an array.
    */
-  selectedItems: Xt,
+  selectedItems: Yt,
   /**
    * Gets the selected items as a Map.
    */
-  selectedItemsMap: At,
+  selectedItemsMap: Vt,
   /**
    * Checks whether selection is enabled.
    */
-  enabled: M((t) => !t.disableSelection),
+  enabled: P((t) => !t.disableSelection),
   /**
    * Checks whether multi selection is enabled.
    */
-  isMultiSelectEnabled: M((t) => t.multiSelect),
+  isMultiSelectEnabled: P((t) => t.multiSelect),
   /**
    * Checks whether checkbox selection is enabled.
    */
-  isCheckboxSelectionEnabled: M((t) => t.checkboxSelection),
+  isCheckboxSelectionEnabled: P((t) => t.checkboxSelection),
   /**
    * Gets the selection propagation rules.
    */
-  propagationRules: M((t) => t.selectionPropagation),
+  propagationRules: P((t) => t.selectionPropagation),
   /**
    * Checks whether an item is selected.
    */
-  isItemSelected: M(At, (t, e) => t.has(e)),
+  isItemSelected: P(Vt, (t, e) => t.has(e)),
   /**
    * Checks whether the selection feature is enabled for an item.
    * Returns `true` when selection is enabled on the Tree View and the item is selectable (even if the item is disabled).
    */
-  isFeatureEnabledForItem: M(Ge, (t) => !t.disableSelection, (t, e, n) => e && t),
+  isFeatureEnabledForItem: P(Je, (t) => !t.disableSelection, (t, e, n) => e && t),
   /**
    * Checks whether an item can be selected (if selection is enabled, if the item is not disabled, and if the item is selectable).
    */
-  canItemBeSelected: M(x.isItemDisabled, Ge, (t) => !t.disableSelection, (t, e, n, o) => n && !t && e),
+  canItemBeSelected: P(y.isItemDisabled, Je, (t) => !t.disableSelection, (t, e, n, o) => n && !t && e),
   /**
    * Checks whether an item is selectable based on the `isItemSelectionDisabled` prop.
    */
-  isItemSelectable: Ge
-}, Mo = M((t, e) => {
-  if (_.isItemSelected(t, e))
+  isItemSelectable: Je
+}, Lo = P((t, e) => {
+  if (N.isItemSelected(t, e))
     return "checked";
   let n = !1, o = !1;
   const r = (l) => {
-    l !== e && (_.isItemSelected(t, l) ? n = !0 : o = !0), x.itemOrderedChildrenIds(t, l).forEach(r);
+    l !== e && (N.isItemSelected(t, l) ? n = !0 : o = !0), y.itemOrderedChildrenIds(t, l).forEach(r);
   };
-  return r(e), _.propagationRules(t).parents ? n && o ? "indeterminate" : n && !o ? "checked" : "empty" : n ? "indeterminate" : "empty";
-}), Po = ({
+  return r(e), N.propagationRules(t).parents ? n && o ? "indeterminate" : n && !o ? "checked" : "empty" : n ? "indeterminate" : "empty";
+}), Do = ({
   props: t
 }) => {
   const {
     itemId: e
   } = t, {
     store: n
-  } = ge(), o = F(n, _.isCheckboxSelectionEnabled), r = F(n, _.isFeatureEnabledForItem, e), s = F(n, _.canItemBeSelected, e), l = F(n, Mo, e);
+  } = be(), o = W(n, N.isCheckboxSelectionEnabled), r = W(n, N.isFeatureEnabledForItem, e), s = W(n, N.canItemBeSelected, e), l = W(n, Lo, e);
   return {
     propsEnhancers: {
       root: () => {
@@ -1363,11 +1363,11 @@ const Xt = we((t) => t.selectedItems, (t) => Array.isArray(t) ? t : t != null ?
       },
       checkbox: ({
         externalEventHandlers: a,
-        interactions: m
+        interactions: h
       }) => ({
         tabIndex: -1,
         onChange: (c) => {
-          a.onChange?.(c), !c.defaultMuiPrevented && _.canItemBeSelected(n.state, e) && m.handleCheckboxSelection(c);
+          a.onChange?.(c), !c.defaultMuiPrevented && N.canItemBeSelected(n.state, e) && h.handleCheckboxSelection(c);
         },
         visible: o && r,
         disabled: !s,
@@ -1376,24 +1376,24 @@ const Xt = we((t) => t.selectedItems, (t) => Array.isArray(t) ? t : t != null ?
       })
     }
   };
-}, Xe = we((t) => t.expandedItems, (t) => {
+}, Qe = Te((t) => t.expandedItems, (t) => {
   const e = /* @__PURE__ */ new Map();
   return t.forEach((n) => {
     e.set(n, !0);
   }), e;
-}), $ = {
+}), H = {
   /**
    * Gets the expanded items as provided to the component.
    */
-  expandedItemsRaw: M((t) => t.expandedItems),
+  expandedItemsRaw: P((t) => t.expandedItems),
   /**
    * Gets the expanded items as a Map.
    */
-  expandedItemsMap: Xe,
+  expandedItemsMap: Qe,
   /**
    * Gets the items to render as a flat list (the descendants of an expanded item are listed as siblings of the item).
    */
-  flatList: we(x.itemOrderedChildrenIdsLookup, Xe, (t, e) => {
+  flatList: Te(y.itemOrderedChildrenIdsLookup, Qe, (t, e) => {
     function n(o) {
       if (!e.has(o))
         return [o];
@@ -1402,115 +1402,115 @@ const Xt = we((t) => t.selectedItems, (t) => Array.isArray(t) ? t : t != null ?
         r.push(...n(l));
       return r;
     }
-    return (t[te] ?? []).flatMap(n);
+    return (t[se] ?? []).flatMap(n);
   }),
   /**
    * Gets the slot that triggers the item's expansion when clicked.
    */
-  triggerSlot: M((t) => t.expansionTrigger),
+  triggerSlot: P((t) => t.expansionTrigger),
   /**
    * Checks whether an item is expanded.
    */
-  isItemExpanded: M(Xe, (t, e) => t.has(e)),
+  isItemExpanded: P(Qe, (t, e) => t.has(e)),
   /**
    * Checks whether an item is expandable.
    */
-  isItemExpandable: M(x.itemMeta, (t, e) => t?.expandable ?? !1)
-}, et = (t, e) => {
+  isItemExpandable: P(y.itemMeta, (t, e) => t?.expandable ?? !1)
+}, nt = (t, e) => {
   let n = e.length - 1;
-  for (; n >= 0 && !x.canItemBeFocused(t, e[n]); )
+  for (; n >= 0 && !y.canItemBeFocused(t, e[n]); )
     n -= 1;
   if (n !== -1)
     return e[n];
-}, Jt = (t, e) => {
-  const n = x.itemMeta(t, e);
+}, Zt = (t, e) => {
+  const n = y.itemMeta(t, e);
   if (!n)
     return null;
-  const o = x.itemOrderedChildrenIds(t, n.parentId), r = x.itemIndex(t, e);
+  const o = y.itemOrderedChildrenIds(t, n.parentId), r = y.itemIndex(t, e);
   if (r === 0)
     return n.parentId;
   let s = r - 1;
-  for (; !x.canItemBeFocused(t, o[s]) && s >= 0; )
+  for (; !y.canItemBeFocused(t, o[s]) && s >= 0; )
     s -= 1;
   if (s === -1)
-    return n.parentId == null ? null : Jt(t, n.parentId);
-  let l = o[s], a = et(t, x.itemOrderedChildrenIds(t, l));
-  for (; $.isItemExpanded(t, l) && a != null; )
-    l = a, a = et(t, x.itemOrderedChildrenIds(t, l));
+    return n.parentId == null ? null : Zt(t, n.parentId);
+  let l = o[s], a = nt(t, y.itemOrderedChildrenIds(t, l));
+  for (; H.isItemExpanded(t, l) && a != null; )
+    l = a, a = nt(t, y.itemOrderedChildrenIds(t, l));
   return l;
-}, De = (t, e) => {
-  if ($.isItemExpanded(t, e)) {
-    const o = x.itemOrderedChildrenIds(t, e).find((r) => x.canItemBeFocused(t, r));
+}, _e = (t, e) => {
+  if (H.isItemExpanded(t, e)) {
+    const o = y.itemOrderedChildrenIds(t, e).find((r) => y.canItemBeFocused(t, r));
     if (o != null)
       return o;
   }
-  let n = x.itemMeta(t, e);
+  let n = y.itemMeta(t, e);
   for (; n != null; ) {
-    const o = x.itemOrderedChildrenIds(t, n.parentId), r = x.itemIndex(t, n.id);
+    const o = y.itemOrderedChildrenIds(t, n.parentId), r = y.itemIndex(t, n.id);
     if (r < o.length - 1) {
       let s = r + 1;
-      for (; !x.canItemBeFocused(t, o[s]) && s < o.length - 1; )
+      for (; !y.canItemBeFocused(t, o[s]) && s < o.length - 1; )
         s += 1;
-      if (x.canItemBeFocused(t, o[s]))
+      if (y.canItemBeFocused(t, o[s]))
         return o[s];
     }
-    n = x.itemMeta(t, n.parentId);
+    n = y.itemMeta(t, n.parentId);
   }
   return null;
-}, Qt = (t) => {
+}, en = (t) => {
   let e = null;
-  for (; e == null || $.isItemExpanded(t, e); ) {
-    const n = x.itemOrderedChildrenIds(t, e), o = et(t, n);
+  for (; e == null || H.isItemExpanded(t, e); ) {
+    const n = y.itemOrderedChildrenIds(t, e), o = nt(t, n);
     if (o == null)
       return e;
     e = o;
   }
   return e;
-}, Ve = (t) => x.itemOrderedChildrenIds(t, null).find((e) => x.canItemBeFocused(t, e)), Yt = (t, e, n) => {
+}, ze = (t) => y.itemOrderedChildrenIds(t, null).find((e) => y.canItemBeFocused(t, e)), tn = (t, e, n) => {
   if (e === n)
     return [e, n];
-  const o = x.itemMeta(t, e), r = x.itemMeta(t, n);
+  const o = y.itemMeta(t, e), r = y.itemMeta(t, n);
   if (!o || !r)
     return [e, n];
   if (o.parentId === r.id || r.parentId === o.id)
     return r.parentId === o.id ? [o.id, r.id] : [r.id, o.id];
   const s = [o.id], l = [r.id];
-  let a = o.parentId, m = r.parentId, d = l.indexOf(a) !== -1, c = s.indexOf(m) !== -1, p = !0, f = !0;
+  let a = o.parentId, h = r.parentId, d = l.indexOf(a) !== -1, c = s.indexOf(h) !== -1, p = !0, f = !0;
   for (; !c && !d; )
-    p && (s.push(a), d = l.indexOf(a) !== -1, p = a !== null, !d && p && (a = x.itemParentId(t, a))), f && !d && (l.push(m), c = s.indexOf(m) !== -1, f = m !== null, !c && f && (m = x.itemParentId(t, m)));
-  const u = d ? a : m, h = x.itemOrderedChildrenIds(t, u), I = s[s.indexOf(u) - 1], b = l[l.indexOf(u) - 1];
-  return h.indexOf(I) < h.indexOf(b) ? [e, n] : [n, e];
-}, Ro = (t, e, n) => {
-  const o = (m) => {
-    if ($.isItemExpandable(t, m) && $.isItemExpanded(t, m))
-      return x.itemOrderedChildrenIds(t, m)[0];
-    let d = x.itemMeta(t, m);
+    p && (s.push(a), d = l.indexOf(a) !== -1, p = a !== null, !d && p && (a = y.itemParentId(t, a))), f && !d && (l.push(h), c = s.indexOf(h) !== -1, f = h !== null, !c && f && (h = y.itemParentId(t, h)));
+  const u = d ? a : h, m = y.itemOrderedChildrenIds(t, u), I = s[s.indexOf(u) - 1], b = l[l.indexOf(u) - 1];
+  return m.indexOf(I) < m.indexOf(b) ? [e, n] : [n, e];
+}, _o = (t, e, n) => {
+  const o = (h) => {
+    if (H.isItemExpandable(t, h) && H.isItemExpanded(t, h))
+      return y.itemOrderedChildrenIds(t, h)[0];
+    let d = y.itemMeta(t, h);
     for (; d != null; ) {
-      const c = x.itemOrderedChildrenIds(t, d.parentId), p = x.itemIndex(t, d.id);
+      const c = y.itemOrderedChildrenIds(t, d.parentId), p = y.itemIndex(t, d.id);
       if (p < c.length - 1)
         return c[p + 1];
-      d = d.parentId ? x.itemMeta(t, d.parentId) : null;
+      d = d.parentId ? y.itemMeta(t, d.parentId) : null;
     }
     throw new Error("Invalid range");
-  }, [r, s] = Yt(t, e, n), l = [r];
+  }, [r, s] = tn(t, e, n), l = [r];
   let a = r;
   for (; a !== s; )
-    a = o(a), x.isItemDisabled(t, a) || l.push(a);
+    a = o(a), y.isItemDisabled(t, a) || l.push(a);
   return l;
-}, Lo = (t) => {
-  let e = Ve(t);
+}, Ao = (t) => {
+  let e = ze(t);
   const n = [];
   for (; e != null; )
-    n.push(e), e = De(t, e);
+    n.push(e), e = _e(t, e);
   return n;
-}, tt = (t, e) => e !== t.closest('*[role="treeitem"]');
-class Do {
+}, ot = (t, e) => e !== t.closest('*[role="treeitem"]');
+class No {
   lastSelectedItem = null;
   lastSelectedRange = {};
   // We can't type `store`, otherwise we get the following TS error:
   // 'selection' implicitly has type 'any' because it does not have a type annotation and is referenced directly or indirectly in its own initializer.
   constructor(e) {
-    this.store = e, e.itemPluginManager.register(Po, null);
+    this.store = e, e.itemPluginManager.register(Do, null);
   }
   setSelectedItems = (e, n, o) => {
     const {
@@ -1518,37 +1518,37 @@ class Do {
       selectedItems: s,
       onItemSelectionToggle: l,
       onSelectedItemsChange: a
-    } = this.store.parameters, m = _.selectedItemsRaw(this.store.state);
+    } = this.store.parameters, h = N.selectedItemsRaw(this.store.state);
     let d;
-    const c = _.isMultiSelectEnabled(this.store.state);
-    if (c && (r.descendants || r.parents) ? d = _o({
+    const c = N.isMultiSelectEnabled(this.store.state);
+    if (c && (r.descendants || r.parents) ? d = Fo({
       store: this.store,
       selectionPropagation: r,
       newModel: n,
-      oldModel: m,
+      oldModel: h,
       additionalItemsToPropagate: o
     }) : d = n, l)
       if (c) {
-        const p = Zt({
+        const p = nn({
           store: this.store,
           newModel: d,
-          oldModel: m
+          oldModel: h
         });
         l && (p.added.forEach((f) => {
           l(e, f, !0);
         }), p.removed.forEach((f) => {
           l(e, f, !1);
         }));
-      } else d !== m && (m != null && l(e, m, !1), d != null && l(e, d, !0));
+      } else d !== h && (h != null && l(e, h, !1), d != null && l(e, d, !0));
     s === void 0 && this.store.set("selectedItems", d), a?.(e, d);
   };
   selectRange = (e, [n, o]) => {
-    if (!_.isMultiSelectEnabled(this.store.state))
+    if (!N.isMultiSelectEnabled(this.store.state))
       return;
-    let s = _.selectedItems(this.store.state).slice();
+    let s = N.selectedItems(this.store.state).slice();
     Object.keys(this.lastSelectedRange).length > 0 && (s = s.filter((d) => !this.lastSelectedRange[d]));
-    const l = _e(s), a = Ro(this.store.state, n, o).filter((d) => _.isItemSelectable(this.store.state, d)), m = a.filter((d) => !l[d]);
-    s = s.concat(m), this.setSelectedItems(e, s), this.lastSelectedRange = _e(a);
+    const l = Ae(s), a = _o(this.store.state, n, o).filter((d) => N.isItemSelectable(this.store.state, d)), h = a.filter((d) => !l[d]);
+    s = s.concat(h), this.setSelectedItems(e, s), this.lastSelectedRange = Ae(a);
   };
   buildPublicAPI = () => ({
     setItemSelection: this.setItemSelection
@@ -1567,15 +1567,15 @@ class Do {
     keepExistingSelection: o = !1,
     shouldBeSelected: r
   }) => {
-    if (!_.enabled(this.store.state))
+    if (!N.enabled(this.store.state))
       return;
     let s;
-    const l = _.isMultiSelectEnabled(this.store.state);
+    const l = N.isMultiSelectEnabled(this.store.state);
     if (o) {
-      const a = _.selectedItems(this.store.state), m = _.isItemSelected(this.store.state, e);
-      m && (r === !1 || r == null) ? s = a.filter((d) => d !== e) : !m && (r === !0 || r == null) ? s = [e].concat(a) : s = a;
+      const a = N.selectedItems(this.store.state), h = N.isItemSelected(this.store.state, e);
+      h && (r === !1 || r == null) ? s = a.filter((d) => d !== e) : !h && (r === !0 || r == null) ? s = [e].concat(a) : s = a;
     } else
-      r === !1 || r == null && _.isItemSelected(this.store.state, e) ? s = l ? [] : null : s = l ? [e] : e;
+      r === !1 || r == null && N.isItemSelected(this.store.state, e) ? s = l ? [] : null : s = l ? [e] : e;
     this.setSelectedItems(
       n,
       s,
@@ -1589,10 +1589,10 @@ class Do {
    * @param {React.SyntheticEvent} event The DOM event that triggered the change.
    */
   selectAllNavigableItems = (e) => {
-    if (!_.isMultiSelectEnabled(this.store.state))
+    if (!N.isMultiSelectEnabled(this.store.state))
       return;
-    const o = Lo(this.store.state);
-    this.setSelectedItems(e, o), this.lastSelectedRange = _e(o);
+    const o = Ao(this.store.state);
+    this.setSelectedItems(e, o), this.lastSelectedRange = Ae(o);
   };
   /**
    * Expand the current selection range up to the given item.
@@ -1601,7 +1601,7 @@ class Do {
    */
   expandSelectionRange = (e, n) => {
     if (this.lastSelectedItem != null) {
-      const [o, r] = Yt(this.store.state, n, this.lastSelectedItem);
+      const [o, r] = tn(this.store.state, n, this.lastSelectedItem);
       this.selectRange(e, [o, r]);
     }
   };
@@ -1611,7 +1611,7 @@ class Do {
    * @param {TreeViewItemId} itemId The id of the item up to which the selection range should be expanded.
    */
   selectRangeFromStartToItem = (e, n) => {
-    this.selectRange(e, [Ve(this.store.state), n]);
+    this.selectRange(e, [ze(this.store.state), n]);
   };
   /**
    * Expand the current selection range from the given item to the last navigable item.
@@ -1619,7 +1619,7 @@ class Do {
    * @param {TreeViewItemId} itemId The id of the item from which the selection range should be expanded.
    */
   selectRangeFromItemToEnd = (e, n) => {
-    this.selectRange(e, [n, Qt(this.store.state)]);
+    this.selectRange(e, [n, en(this.store.state)]);
   };
   /**
    * Update the selection when navigating with ArrowUp / ArrowDown keys.
@@ -1628,16 +1628,16 @@ class Do {
    * @param {TreeViewItemId} nextItemId The id of the active item after the keyboard navigation.
    */
   selectItemFromArrowNavigation = (e, n, o) => {
-    if (!_.isMultiSelectEnabled(this.store.state))
+    if (!N.isMultiSelectEnabled(this.store.state))
       return;
-    let s = _.selectedItems(this.store.state).slice();
+    let s = N.selectedItems(this.store.state).slice();
     Object.keys(this.lastSelectedRange).length === 0 ? (s.push(o), this.lastSelectedRange = {
       [n]: !0,
       [o]: !0
     }) : (this.lastSelectedRange[n] || (this.lastSelectedRange = {}), this.lastSelectedRange[o] ? (s = s.filter((l) => l !== n), delete this.lastSelectedRange[n]) : (s.push(o), this.lastSelectedRange[o] = !0)), this.setSelectedItems(e, s);
   };
 }
-function _o({
+function Fo({
   store: t,
   selectionPropagation: e,
   newModel: n,
@@ -1647,44 +1647,44 @@ function _o({
   if (!e.descendants && !e.parents)
     return n;
   let s = !1;
-  const l = _e(n), a = Zt({
+  const l = Ae(n), a = nn({
     store: t,
     newModel: n,
     oldModel: o
   });
-  return r?.forEach((m) => {
-    l[m] ? a.added.includes(m) || a.added.push(m) : a.removed.includes(m) || a.removed.push(m);
-  }), a.added.forEach((m) => {
+  return r?.forEach((h) => {
+    l[h] ? a.added.includes(h) || a.added.push(h) : a.removed.includes(h) || a.removed.push(h);
+  }), a.added.forEach((h) => {
     if (e.descendants) {
       const d = (c) => {
-        c !== m && (s = !0, l[c] = !0), x.itemOrderedChildrenIds(t.state, c).forEach(d);
+        c !== h && (s = !0, l[c] = !0), y.itemOrderedChildrenIds(t.state, c).forEach(d);
       };
-      d(m);
+      d(h);
     }
     if (e.parents) {
-      const d = (p) => l[p] ? x.itemOrderedChildrenIds(t.state, p).every(d) : !1, c = (p) => {
-        const f = x.itemParentId(t.state, p);
+      const d = (p) => l[p] ? y.itemOrderedChildrenIds(t.state, p).every(d) : !1, c = (p) => {
+        const f = y.itemParentId(t.state, p);
         if (f == null)
           return;
-        x.itemOrderedChildrenIds(t.state, f).every(d) && (s = !0, l[f] = !0, c(f));
+        y.itemOrderedChildrenIds(t.state, f).every(d) && (s = !0, l[f] = !0, c(f));
       };
-      c(m);
+      c(h);
     }
-  }), a.removed.forEach((m) => {
+  }), a.removed.forEach((h) => {
     if (e.parents) {
-      let d = x.itemParentId(t.state, m);
+      let d = y.itemParentId(t.state, h);
       for (; d != null; )
-        l[d] && (s = !0, delete l[d]), d = x.itemParentId(t.state, d);
+        l[d] && (s = !0, delete l[d]), d = y.itemParentId(t.state, d);
     }
     if (e.descendants) {
       const d = (c) => {
-        c !== m && (s = !0, delete l[c]), x.itemOrderedChildrenIds(t.state, c).forEach(d);
+        c !== h && (s = !0, delete l[c]), y.itemOrderedChildrenIds(t.state, c).forEach(d);
       };
-      d(m);
+      d(h);
     }
   }), s ? Object.keys(l) : n;
 }
-function Zt({
+function nn({
   store: t,
   oldModel: e,
   newModel: n
@@ -1693,18 +1693,18 @@ function Zt({
   return n.forEach((r) => {
     o.set(r, !0);
   }), {
-    added: n.filter((r) => !_.isItemSelected(t.state, r)),
+    added: n.filter((r) => !N.isItemSelected(t.state, r)),
     removed: e.filter((r) => !o.has(r))
   };
 }
-function _e(t) {
+function Ae(t) {
   const e = {};
   return t.forEach((n) => {
     e[n] = !0;
   }), e;
 }
-function Ao(t, e, n) {
-  const o = F(t, Te.treeId), r = F(t, x.itemChildrenIndentation), s = F(t, _.isMultiSelectEnabled);
+function Vo(t, e, n) {
+  const o = W(t, ke.treeId), r = W(t, y.itemChildrenIndentation), s = W(t, N.isMultiSelectEnabled);
   return (l) => S({
     ref: n,
     role: "tree",
@@ -1722,12 +1722,12 @@ function Ao(t, e, n) {
     }
   });
 }
-function No(t) {
+function zo(t) {
   return t.replace(/["\\]/g, "\\$&");
 }
-const ct = /* @__PURE__ */ O.createContext(null);
-process.env.NODE_ENV !== "production" && (ct.displayName = "TreeViewChildrenItemContext");
-function dt(t) {
+const ut = /* @__PURE__ */ M.createContext(null);
+process.env.NODE_ENV !== "production" && (ut.displayName = "TreeViewChildrenItemContext");
+function pt(t) {
   const {
     children: e,
     itemId: n = null,
@@ -1735,49 +1735,49 @@ function dt(t) {
   } = t, {
     store: r,
     rootRef: s
-  } = ge(), l = O.useRef(/* @__PURE__ */ new Map());
-  O.useEffect(() => {
+  } = be(), l = M.useRef(/* @__PURE__ */ new Map());
+  M.useEffect(() => {
     if (!s.current)
       return;
-    const m = x.itemOrderedChildrenIds(r.state, n ?? null) ?? [], d = No(o ?? s.current.id);
+    const h = y.itemOrderedChildrenIds(r.state, n ?? null) ?? [], d = zo(o ?? s.current.id);
     if (n != null) {
       const u = s.current.querySelector(`*[id="${d}"][role="treeitem"]`);
       if (u && u.getAttribute("aria-expanded") === "false")
         return;
     }
     const c = s.current.querySelectorAll(`${n == null ? "" : `*[id="${d}"] `}[role="treeitem"]:not(*[id="${d}"] [role="treeitem"] [role="treeitem"])`), p = Array.from(c).map((u) => l.current.get(u.id));
-    (p.length !== m.length || p.some((u, h) => u !== m[h])) && r.jsxItems.setJSXItemsOrderedChildrenIds(n ?? null, p);
+    (p.length !== h.length || p.some((u, m) => u !== h[m])) && r.jsxItems.setJSXItemsOrderedChildrenIds(n ?? null, p);
   });
-  const a = O.useMemo(() => ({
-    registerChild: (m, d) => l.current.set(m, d),
-    unregisterChild: (m) => l.current.delete(m),
+  const a = M.useMemo(() => ({
+    registerChild: (h, d) => l.current.set(h, d),
+    unregisterChild: (h) => l.current.delete(h),
     parentId: n
   }), [n]);
-  return /* @__PURE__ */ v(ct.Provider, {
+  return /* @__PURE__ */ v(ut.Provider, {
     value: a,
     children: e
   });
 }
-process.env.NODE_ENV !== "production" && (dt.propTypes = {
+process.env.NODE_ENV !== "production" && (pt.propTypes = {
   children: i.node,
   id: i.string
 });
-const xe = /* @__PURE__ */ O.createContext(() => -1);
-process.env.NODE_ENV !== "production" && (xe.displayName = "TreeViewItemDepthContext");
-const Fo = () => {
-}, nt = typeof document < "u" ? O.useLayoutEffect : Fo, Vo = [];
-function zo(t) {
-  O.useEffect(t, Vo);
+const Ee = /* @__PURE__ */ M.createContext(() => -1);
+process.env.NODE_ENV !== "production" && (Ee.displayName = "TreeViewItemDepthContext");
+const jo = () => {
+}, rt = typeof document < "u" ? M.useLayoutEffect : jo, $o = [];
+function Bo(t) {
+  M.useEffect(t, $o);
 }
-function jo(t, e) {
-  const n = An(), o = rt(() => new t(S({}, e, {
+function Wo(t, e) {
+  const n = Vn(), o = it(() => new t(S({}, e, {
     isRtl: n
   }))).current;
-  return nt(() => o.updateStateFromParameters(S({}, e, {
+  return rt(() => o.updateStateFromParameters(S({}, e, {
     isRtl: n
-  })), [o, n, e]), zo(o.disposeEffect), o;
+  })), [o, n, e]), Bo(o.disposeEffect), o;
 }
-class $o {
+class Ko {
   maxListeners = 20;
   warnOnce = !1;
   events = {};
@@ -1819,18 +1819,18 @@ class $o {
     });
   }
 }
-const Bo = ({
+const Uo = ({
   isItemEditable: t,
   expansionTrigger: e
 }) => e || (t ? "iconContainer" : "content");
-function en(t) {
+function on(t) {
   return {
     disabledItemsFocusable: t.disabledItemsFocusable ?? !1,
     domStructure: "nested",
     itemChildrenIndentation: t.itemChildrenIndentation ?? "12px",
     providedTreeId: t.id,
     // TODO: Fix
-    expansionTrigger: Bo({
+    expansionTrigger: Uo({
       isItemEditable: t.isItemEditable,
       expansionTrigger: t.expansionTrigger
     }),
@@ -1840,21 +1840,21 @@ function en(t) {
     selectionPropagation: t.selectionPropagation ?? ye
   };
 }
-function Nt(t, e, n) {
+function zt(t, e, n) {
   return t !== void 0 ? t : e !== void 0 ? e : n;
 }
-function Wo(t) {
+function Ho(t) {
   return S({
     treeId: void 0,
     focusedItemId: null
-  }, en(t), Le.buildItemsStateIfNeeded(t), {
-    expandedItems: Nt(t.expandedItems, t.defaultExpandedItems, []),
-    selectedItems: Nt(t.selectedItems, t.defaultSelectedItems, t.multiSelect ? Ze : null)
+  }, on(t), De.buildItemsStateIfNeeded(t), {
+    expandedItems: zt(t.expandedItems, t.defaultExpandedItems, []),
+    selectedItems: zt(t.selectedItems, t.defaultSelectedItems, t.multiSelect ? tt : null)
   });
 }
-let Ft = 0;
-const Ko = () => (Ft += 1, `mui-tree-view-${Ft}`);
-class Uo {
+let jt = 0;
+const qo = () => (jt += 1, `mui-tree-view-${jt}`);
+class Go {
   timeoutIds = /* @__PURE__ */ new Map();
   intervalIds = /* @__PURE__ */ new Map();
   startTimeout = (e, n, o) => {
@@ -1881,7 +1881,7 @@ class Uo {
     this.timeoutIds.forEach(clearTimeout), this.timeoutIds.clear(), this.intervalIds.forEach(clearInterval), this.intervalIds.clear();
   };
 }
-class Ho {
+class Xo {
   // We can't type `store`, otherwise we get the following TS error:
   // 'expansion' implicitly has type 'any' because it does not have a type annotation and is referenced directly or indirectly in its own initializer.
   constructor(e) {
@@ -1895,7 +1895,7 @@ class Ho {
    * @param {TreeViewItemId} itemId The id of the item to check.
    * @returns {boolean} `true` if the item is expanded, `false` otherwise.
    */
-  isItemExpanded = (e) => $.isItemExpanded(this.store.state, e);
+  isItemExpanded = (e) => H.isItemExpanded(this.store.state, e);
   buildPublicAPI = () => ({
     isItemExpanded: this.isItemExpanded,
     setItemExpansion: this.setItemExpansion
@@ -1912,7 +1912,7 @@ class Ho {
     event: n = null,
     shouldBeExpanded: o
   }) => {
-    const r = $.isItemExpanded(this.store.state, e), s = o ?? !r;
+    const r = H.isItemExpanded(this.store.state, e), s = o ?? !r;
     if (r === s)
       return;
     const l = {
@@ -1940,7 +1940,7 @@ class Ho {
     event: n,
     shouldBeExpanded: o
   }) => {
-    const r = $.expandedItemsRaw(this.store.state);
+    const r = H.expandedItemsRaw(this.store.state);
     let s;
     o ? s = [e].concat(r) : s = r.filter((l) => l !== e), this.store.parameters.onItemExpansionToggle?.(n, e, o), this.setExpandedItems(n, s);
   };
@@ -1950,10 +1950,10 @@ class Ho {
    * @param {TreeViewItemId} itemId The id of the item whose siblings will be expanded.
    */
   expandAllSiblings = (e, n) => {
-    const o = x.itemMeta(this.store.state, n);
+    const o = y.itemMeta(this.store.state, n);
     if (o == null)
       return;
-    const s = x.itemOrderedChildrenIds(this.store.state, o.parentId).filter((a) => $.isItemExpandable(this.store.state, a) && !$.isItemExpanded(this.store.state, a)), l = $.expandedItemsRaw(this.store.state).concat(s);
+    const s = y.itemOrderedChildrenIds(this.store.state, o.parentId).filter((a) => H.isItemExpandable(this.store.state, a) && !H.isItemExpanded(this.store.state, a)), l = H.expandedItemsRaw(this.store.state).concat(s);
     s.length > 0 && (this.store.parameters.onItemExpansionToggle && s.forEach((a) => {
       this.store.parameters.onItemExpansionToggle(e, a, !0);
     }), this.setExpandedItems(e, l));
@@ -1975,31 +1975,31 @@ const me = {
   /**
    * Checks whether an item is editable.
    */
-  isItemEditable: M((t) => t.isItemEditable, x.itemModel, (t, e, n) => !e || t == null ? !1 : typeof t == "boolean" ? t : t(e)),
+  isItemEditable: P((t) => t.isItemEditable, y.itemModel, (t, e, n) => !e || t == null ? !1 : typeof t == "boolean" ? t : t(e)),
   /**
    * Checks whether an item is being edited.
    */
-  isItemBeingEdited: M((t, e) => e == null ? !1 : t.editedItemId === e),
+  isItemBeingEdited: P((t, e) => e == null ? !1 : t.editedItemId === e),
   /**
    * Checks whether any item is being edited.
    */
-  isAnyItemBeingEdited: M((t) => !!t.editedItemId)
-}, qo = 500;
-class Go {
+  isAnyItemBeingEdited: P((t) => !!t.editedItemId)
+}, Jo = 500;
+class Qo {
   typeaheadQuery = "";
   // We can't type `store`, otherwise we get the following TS error:
   // 'keyboardNavigation' implicitly has type 'any' because it does not have a type annotation and is referenced directly or indirectly in its own initializer.
   constructor(e) {
-    this.store = e, this.labelMap = Vt(x.itemMetaLookup(this.store.state)), this.store.registerStoreEffect(x.itemMetaLookup, (n, o) => {
-      this.store.shouldIgnoreItemsStateUpdate() || (this.labelMap = Vt(o));
+    this.store = e, this.labelMap = $t(y.itemMetaLookup(this.store.state)), this.store.registerStoreEffect(y.itemMetaLookup, (n, o) => {
+      this.store.shouldIgnoreItemsStateUpdate() || (this.labelMap = $t(o));
     });
   }
-  canToggleItemSelection = (e) => _.canItemBeSelected(this.store.state, e);
-  canToggleItemExpansion = (e) => !x.isItemDisabled(this.store.state, e) && $.isItemExpandable(this.store.state, e);
+  canToggleItemSelection = (e) => N.canItemBeSelected(this.store.state, e);
+  canToggleItemExpansion = (e) => !y.isItemDisabled(this.store.state, e) && H.isItemExpandable(this.store.state, e);
   getFirstItemMatchingTypeaheadQuery = (e, n) => {
     const o = (d) => {
-      const c = De(this.store.state, d);
-      return c === null ? Ve(this.store.state) : c;
+      const c = _e(this.store.state, d);
+      return c === null ? ze(this.store.state) : c;
     }, r = (d) => {
       let c = null;
       const p = {};
@@ -2010,8 +2010,8 @@ class Go {
     }, s = n.toLowerCase(), l = `${this.typeaheadQuery}${s}`, a = r(l);
     if (a != null)
       return this.typeaheadQuery = l, a;
-    const m = r(s);
-    return m != null ? (this.typeaheadQuery = s, m) : (this.typeaheadQuery = "", null);
+    const h = r(s);
+    return h != null ? (this.typeaheadQuery = s, h) : (this.typeaheadQuery = "", null);
   };
   /**
    * Updates the `labelMap` to add/remove the first character of some item's labels.
@@ -2030,9 +2030,9 @@ class Go {
    * @param {TreeViewItemId} itemId The id of the item that the event was triggered on.
    */
   handleItemKeyDown = async (e, n) => {
-    if (e.defaultMuiPrevented || e.altKey || tt(e.target, e.currentTarget))
+    if (e.defaultMuiPrevented || e.altKey || ot(e.target, e.currentTarget))
       return;
-    const o = e.ctrlKey || e.metaKey, r = e.key, s = _.isMultiSelectEnabled(this.store.state);
+    const o = e.ctrlKey || e.metaKey, r = e.key, s = N.isMultiSelectEnabled(this.store.state);
     switch (!0) {
       // Select the item when pressing "Space"
       case (r === " " && this.canToggleItemSelection(n)): {
@@ -2054,7 +2054,7 @@ class Go {
           event: e,
           itemId: n,
           keepExistingSelection: !0
-        })) : _.isItemSelected(this.store.state, n) || (this.store.selection.setItemSelection({
+        })) : N.isItemSelected(this.store.state, n) || (this.store.selection.setItemSelection({
           event: e,
           itemId: n
         }), e.preventDefault()));
@@ -2062,13 +2062,13 @@ class Go {
       }
       // Focus the next focusable item
       case r === "ArrowDown": {
-        const l = De(this.store.state, n);
+        const l = _e(this.store.state, n);
         l && (e.preventDefault(), this.store.focus.focusItem(e, l), s && e.shiftKey && this.canToggleItemSelection(l) && this.store.selection.selectItemFromArrowNavigation(e, n, l));
         break;
       }
       // Focuses the previous focusable item
       case r === "ArrowUp": {
-        const l = Jt(this.store.state, n);
+        const l = Zt(this.store.state, n);
         l && (e.preventDefault(), this.store.focus.focusItem(e, l), s && e.shiftKey && this.canToggleItemSelection(l) && this.store.selection.selectItemFromArrowNavigation(e, n, l));
         break;
       }
@@ -2077,8 +2077,8 @@ class Go {
       case (r === "ArrowRight" && !this.store.parameters.isRtl || r === "ArrowLeft" && this.store.parameters.isRtl): {
         if (o)
           return;
-        if ($.isItemExpanded(this.store.state, n)) {
-          const l = De(this.store.state, n);
+        if (H.isItemExpanded(this.store.state, n)) {
+          const l = _e(this.store.state, n);
           l && (this.store.focus.focusItem(e, l), e.preventDefault());
         } else this.canToggleItemExpansion(n) && (this.store.expansion.setItemExpansion({
           event: e,
@@ -2091,25 +2091,25 @@ class Go {
       case (r === "ArrowLeft" && !this.store.parameters.isRtl || r === "ArrowRight" && this.store.parameters.isRtl): {
         if (o)
           return;
-        if (this.canToggleItemExpansion(n) && $.isItemExpanded(this.store.state, n))
+        if (this.canToggleItemExpansion(n) && H.isItemExpanded(this.store.state, n))
           this.store.expansion.setItemExpansion({
             event: e,
             itemId: n
           }), e.preventDefault();
         else {
-          const l = x.itemParentId(this.store.state, n);
+          const l = y.itemParentId(this.store.state, n);
           l && (this.store.focus.focusItem(e, l), e.preventDefault());
         }
         break;
       }
       // Focuses the first item in the tree
       case r === "Home": {
-        this.canToggleItemSelection(n) && s && o && e.shiftKey ? this.store.selection.selectRangeFromStartToItem(e, n) : this.store.focus.focusItem(e, Ve(this.store.state)), e.preventDefault();
+        this.canToggleItemSelection(n) && s && o && e.shiftKey ? this.store.selection.selectRangeFromStartToItem(e, n) : this.store.focus.focusItem(e, ze(this.store.state)), e.preventDefault();
         break;
       }
       // Focuses the last item in the tree
       case r === "End": {
-        this.canToggleItemSelection(n) && s && o && e.shiftKey ? this.store.selection.selectRangeFromItemToEnd(e, n) : this.store.focus.focusItem(e, Qt(this.store.state)), e.preventDefault();
+        this.canToggleItemSelection(n) && s && o && e.shiftKey ? this.store.selection.selectRangeFromItemToEnd(e, n) : this.store.focus.focusItem(e, en(this.store.state)), e.preventDefault();
         break;
       }
       // Expand all siblings that are at the same level as the focused item
@@ -2119,15 +2119,15 @@ class Go {
       }
       // Multi select behavior when pressing Ctrl + a
       // Selects all the items
-      case (String.fromCharCode(e.keyCode) === "A" && o && s && _.enabled(this.store.state)): {
+      case (String.fromCharCode(e.keyCode) === "A" && o && s && N.enabled(this.store.state)): {
         this.store.selection.selectAllNavigableItems(e), e.preventDefault();
         break;
       }
       // Type-ahead
-      case (!o && !e.shiftKey && Xo(r)): {
+      case (!o && !e.shiftKey && Yo(r)): {
         this.store.timeoutManager.clearTimeout("typeahead");
         const l = this.getFirstItemMatchingTypeaheadQuery(n, r);
-        l != null ? (this.store.focus.focusItem(e, l), e.preventDefault()) : this.typeaheadQuery = "", this.store.timeoutManager.startTimeout("typeahead", qo, () => {
+        l != null ? (this.store.focus.focusItem(e, l), e.preventDefault()) : this.typeaheadQuery = "", this.store.timeoutManager.startTimeout("typeahead", Jo, () => {
           this.typeaheadQuery = "";
         });
         break;
@@ -2135,25 +2135,25 @@ class Go {
     }
   };
 }
-function Xo(t) {
+function Yo(t) {
   return !!t && t.length === 1 && !!t.match(/\S/);
 }
-function Vt(t) {
+function $t(t) {
   const e = {}, n = (o) => {
     e[o.id] = o.label.toLowerCase();
   };
   return Object.values(t).forEach(n), e;
 }
-const zt = we(_.selectedItems, $.expandedItemsMap, x.itemMetaLookup, x.disabledItemFocusable, (t) => x.itemOrderedChildrenIds(t, null), (t, e, n, o, r) => {
+const Bt = Te(N.selectedItems, H.expandedItemsMap, y.itemMetaLookup, y.disabledItemFocusable, (t) => y.itemOrderedChildrenIds(t, null), (t, e, n, o, r) => {
   const s = t.find((a) => {
-    if (!o && Fe(n, a))
+    if (!o && Ve(n, a))
       return !1;
-    const m = n[a];
-    return m && (m.parentId == null || e.has(m.parentId));
+    const h = n[a];
+    return h && (h.parentId == null || e.has(h.parentId));
   });
   if (s != null)
     return s;
-  const l = r.find((a) => o || !Fe(n, a));
+  const l = r.find((a) => o || !Ve(n, a));
   return l ?? null;
 }), de = {
   /**
@@ -2161,27 +2161,27 @@ const zt = we(_.selectedItems, $.expandedItemsMap, x.itemMetaLookup, x.disabledI
    * At any point in time, there is a single item that can be sequentially focused in the Tree View.
    * This item is the first selected item (that is both visible and navigable), if any, or the first navigable item if no item is selected.
    */
-  defaultFocusableItemId: zt,
+  defaultFocusableItemId: Bt,
   /**
    * Checks whether an item is the default focusable item.
    */
-  isItemTheDefaultFocusableItem: M(zt, (t, e) => t === e),
+  isItemTheDefaultFocusableItem: P(Bt, (t, e) => t === e),
   /**
    * Gets the id of the item that is currently focused.
    */
-  focusedItemId: M((t) => t.focusedItemId),
+  focusedItemId: P((t) => t.focusedItemId),
   /**
    * Checks whether an item is focused.
    */
-  isItemFocused: M((t, e) => t.focusedItemId === e)
+  isItemFocused: P((t, e) => t.focusedItemId === e)
 };
-class Jo {
+class Zo {
   // We can't type `store`, otherwise we get the following TS error:
   // 'focus' implicitly has type 'any' because it does not have a type annotation and is referenced directly or indirectly in its own initializer.
   constructor(e) {
-    this.store = e, this.store.registerStoreEffect(x.itemMetaLookup, () => {
+    this.store = e, this.store.registerStoreEffect(y.itemMetaLookup, () => {
       const n = de.focusedItemId(e.state);
-      if (n == null || !!x.itemMeta(e.state, n))
+      if (n == null || !!y.itemMeta(e.state, n))
         return;
       const r = de.defaultFocusableItemId(e.state);
       if (r == null) {
@@ -2209,8 +2209,8 @@ class Jo {
    * @param {TreeViewItemId} itemId The id of the item to focus.
    */
   focusItem = (e, n) => {
-    const o = x.itemMeta(this.store.state, n);
-    o && (o.parentId == null || $.isItemExpanded(this.store.state, o.parentId)) && this.applyItemFocus(e, n);
+    const o = y.itemMeta(this.store.state, n);
+    o && (o.parentId == null || H.isItemExpanded(this.store.state, o.parentId)) && this.applyItemFocus(e, n);
   };
   /**
    * Remove the focus from the currently focused item (both from the internal state and the DOM).
@@ -2219,7 +2219,7 @@ class Jo {
     const e = de.focusedItemId(this.store.state);
     if (e == null)
       return;
-    if (x.itemMeta(this.store.state, e)) {
+    if (y.itemMeta(this.store.state, e)) {
       const o = this.store.items.getItemDOMElement(e);
       o && o.blur();
     }
@@ -2243,7 +2243,7 @@ class Jo {
     e.defaultMuiPrevented || this.setFocusedItemId(null);
   };
 }
-class Qo {
+class er {
   itemPlugins = [];
   itemWrappers = [];
   register = (e, n) => {
@@ -2252,14 +2252,14 @@ class Qo {
   listPlugins = () => this.itemPlugins;
   listWrappers = () => this.itemWrappers;
 }
-class Yo extends at {
+class tr extends dt {
   initialParameters = null;
-  eventManager = new $o();
-  timeoutManager = new Uo();
-  itemPluginManager = new Qo();
+  eventManager = new Ko();
+  timeoutManager = new Go();
+  itemPluginManager = new er();
   constructor(e, n, o) {
-    const r = Wo(e), s = o.getInitialState(r, e);
-    super(s), this.parameters = e, this.instanceName = n, this.mapper = o, this.items = new Le(this), this.focus = new Jo(this), this.expansion = new Ho(this), this.selection = new Do(this), this.keyboardNavigation = new Go(this), process.env.NODE_ENV !== "production" && (this.initialParameters = e);
+    const r = Ho(e), s = o.getInitialState(r, e);
+    super(s), this.parameters = e, this.instanceName = n, this.mapper = o, this.items = new De(this), this.focus = new Zo(this), this.expansion = new Xo(this), this.selection = new No(this), this.keyboardNavigation = new Qo(this), process.env.NODE_ENV !== "production" && (this.initialParameters = e);
   }
   /**
    * Builds an object containing the method that should be exposed publicly by the Tree View components.
@@ -2273,11 +2273,11 @@ class Yo extends at {
   updateStateFromParameters(e) {
     const n = (s, l, a) => {
       if (e[l] !== void 0 && (s[l] = e[l]), process.env.NODE_ENV !== "production") {
-        const m = e[a], d = e[l] !== void 0, c = this.initialParameters?.[a], p = this.initialParameters?.[l] !== void 0;
-        p !== d ? Ye([`MUI X Tree View: A component is changing the ${p ? "" : "un"}controlled ${l} state of ${this.instanceName} to be ${p ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${l} 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(c) !== JSON.stringify(m) && Ye([`MUI X Tree View: A component is changing the default ${l} state of an uncontrolled ${this.instanceName} after being initialized. `, `To suppress this warning opt to use a controlled ${this.instanceName}.`], "error");
+        const h = e[a], d = e[l] !== void 0, c = this.initialParameters?.[a], p = this.initialParameters?.[l] !== void 0;
+        p !== d ? et([`MUI X Tree View: A component is changing the ${p ? "" : "un"}controlled ${l} state of ${this.instanceName} to be ${p ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${l} 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(c) !== JSON.stringify(h) && et([`MUI X Tree View: A component is changing the default ${l} state of an uncontrolled ${this.instanceName} after being initialized. `, `To suppress this warning opt to use a controlled ${this.instanceName}.`], "error");
       }
-    }, o = en(e);
-    n(o, "expandedItems", "defaultExpandedItems"), n(o, "selectedItems", "defaultSelectedItems"), (this.state.providedTreeId !== e.id || this.state.treeId === void 0) && (o.treeId = Ko()), !this.mapper.shouldIgnoreItemsStateUpdate(e) && Le.shouldRebuildItemsState(e, this.parameters) && Object.assign(o, Le.buildItemsStateIfNeeded(e));
+    }, o = on(e);
+    n(o, "expandedItems", "defaultExpandedItems"), n(o, "selectedItems", "defaultSelectedItems"), (this.state.providedTreeId !== e.id || this.state.treeId === void 0) && (o.treeId = qo()), !this.mapper.shouldIgnoreItemsStateUpdate(e) && De.shouldRebuildItemsState(e, this.parameters) && Object.assign(o, De.buildItemsStateIfNeeded(e));
     const r = this.mapper.updateStateFromParameters(o, e, n);
     this.update(r), this.parameters = e;
   }
@@ -2303,7 +2303,7 @@ class Yo extends at {
    * Publishes an event to all its subscribers.
    */
   publishEvent = (e, n, o) => {
-    Zo(o) && o.isPropagationStopped() || this.eventManager.emit(e, n, o);
+    nr(o) && o.isPropagationStopped() || this.eventManager.emit(e, n, o);
   };
   /**
    * Subscribe to an event emitted by the store.
@@ -2313,36 +2313,36 @@ class Yo extends at {
     this.eventManager.on(e, n);
   };
 }
-function Zo(t) {
+function nr(t) {
   return t.isPropagationStopped !== void 0;
 }
-const jt = {
+const Wt = {
   /**
    * Checks if the lazy loaded state is empty.
    */
-  isEmpty: M((t) => t.lazyLoadedItems == null ? !0 : Object.keys(t.lazyLoadedItems.loading).length === 0 && Object.keys(t.lazyLoadedItems.errors).length === 0),
+  isEmpty: P((t) => t.lazyLoadedItems == null ? !0 : Object.keys(t.lazyLoadedItems.loading).length === 0 && Object.keys(t.lazyLoadedItems.errors).length === 0),
   /**
    * Checks whether an item is loading.
    */
-  isItemLoading: M((t, e) => t.lazyLoadedItems?.loading[e ?? te] ?? !1),
+  isItemLoading: P((t, e) => t.lazyLoadedItems?.loading[e ?? se] ?? !1),
   /**
    * Checks whether an item has errors.
    */
-  itemHasError: M((t, e) => !!t.lazyLoadedItems?.errors[e ?? te]),
+  itemHasError: P((t, e) => !!t.lazyLoadedItems?.errors[e ?? se]),
   /**
    * Get an item error.
    */
-  itemError: M((t, e) => t.lazyLoadedItems?.errors[e ?? te])
-}, ut = (t) => Array.isArray(t) ? t.length > 0 && t.some(ut) : !!t, er = ({
+  itemError: P((t, e) => t.lazyLoadedItems?.errors[e ?? se])
+}, ft = (t) => Array.isArray(t) ? t.length > 0 && t.some(ft) : !!t, or = ({
   itemId: t,
   children: e
 }) => {
   const {
     store: n,
     publicAPI: o
-  } = ge(), r = F(n, $.isItemExpandable, t), s = F(n, jt.isItemLoading, t), l = F(n, jt.itemHasError, t), a = ut(e) || r, m = F(n, $.isItemExpanded, t), d = F(n, de.isItemFocused, t), c = F(n, _.isItemSelected, t), p = F(n, x.isItemDisabled, t), f = F(n, me.isItemBeingEdited, t), u = F(n, me.isItemEditable, t), h = {
+  } = be(), r = W(n, H.isItemExpandable, t), s = W(n, Wt.isItemLoading, t), l = W(n, Wt.itemHasError, t), a = ft(e) || r, h = W(n, H.isItemExpanded, t), d = W(n, de.isItemFocused, t), c = W(n, N.isItemSelected, t), p = W(n, y.isItemDisabled, t), f = W(n, me.isItemBeingEdited, t), u = W(n, me.isItemEditable, t), m = {
     expandable: a,
-    expanded: m,
+    expanded: h,
     focused: d,
     selected: c,
     disabled: p,
@@ -2350,69 +2350,69 @@ const jt = {
     editable: u,
     loading: s,
     error: l
-  }, I = (g) => {
-    if (h.disabled)
+  }, I = (C) => {
+    if (m.disabled)
       return;
-    h.focused || n.focus.focusItem(g, t);
-    const k = _.isMultiSelectEnabled(n.state) && (g.shiftKey || g.ctrlKey || g.metaKey);
-    h.expandable && !(k && $.isItemExpanded(n.state, t)) && n.expansion.setItemExpansion({
-      event: g,
+    m.focused || n.focus.focusItem(C, t);
+    const D = N.isMultiSelectEnabled(n.state) && (C.shiftKey || C.ctrlKey || C.metaKey);
+    m.expandable && !(D && H.isItemExpanded(n.state, t)) && n.expansion.setItemExpansion({
+      event: C,
       itemId: t
     });
-  }, b = (g) => {
-    if (!_.canItemBeSelected(n.state, t))
+  }, b = (C) => {
+    if (!N.canItemBeSelected(n.state, t))
       return;
-    !h.focused && !h.editing && n.focus.focusItem(g, t), _.isMultiSelectEnabled(n.state) && (g.shiftKey || g.ctrlKey || g.metaKey) ? g.shiftKey ? n.selection.expandSelectionRange(g, t) : n.selection.setItemSelection({
-      event: g,
+    !m.focused && !m.editing && n.focus.focusItem(C, t), N.isMultiSelectEnabled(n.state) && (C.shiftKey || C.ctrlKey || C.metaKey) ? C.shiftKey ? n.selection.expandSelectionRange(C, t) : n.selection.setItemSelection({
+      event: C,
       itemId: t,
       keepExistingSelection: !0
     }) : n.selection.setItemSelection({
-      event: g,
+      event: C,
       itemId: t,
       shouldBeSelected: !0
     });
-  }, C = (g) => {
-    const k = g.nativeEvent.shiftKey, P = _.isMultiSelectEnabled(n.state);
-    P && k ? n.selection.expandSelectionRange(g, t) : n.selection.setItemSelection({
-      event: g,
+  }, x = (C) => {
+    const D = C.nativeEvent.shiftKey, V = N.isMultiSelectEnabled(n.state);
+    V && D ? n.selection.expandSelectionRange(C, t) : n.selection.setItemSelection({
+      event: C,
       itemId: t,
-      keepExistingSelection: P,
-      shouldBeSelected: g.target.checked
+      keepExistingSelection: V,
+      shouldBeSelected: C.target.checked
     });
-  }, T = () => {
+  }, w = () => {
     n.labelEditing && (f ? n.labelEditing.setEditedItem(null) : n.labelEditing.setEditedItem(t));
   };
   return {
     interactions: {
       handleExpansion: I,
       handleSelection: b,
-      handleCheckboxSelection: C,
-      toggleItemEditing: T,
-      handleSaveItemLabel: (g, k) => {
-        n.labelEditing && me.isItemBeingEdited(n.state, t) && (n.labelEditing.updateItemLabel(t, k), T(), n.focus.focusItem(g, t));
+      handleCheckboxSelection: x,
+      toggleItemEditing: w,
+      handleSaveItemLabel: (C, D) => {
+        n.labelEditing && me.isItemBeingEdited(n.state, t) && (n.labelEditing.updateItemLabel(t, D), w(), n.focus.focusItem(C, t));
       },
-      handleCancelItemLabelEditing: (g) => {
-        n.labelEditing && me.isItemBeingEdited(n.state, t) && (T(), n.focus.focusItem(g, t));
+      handleCancelItemLabelEditing: (C) => {
+        n.labelEditing && me.isItemBeingEdited(n.state, t) && (w(), n.focus.focusItem(C, t));
       }
     },
-    status: h,
+    status: m,
     publicAPI: o
   };
-}, tr = ({
+}, rr = ({
   props: t,
   rootRef: e,
   contentRef: n
 }) => {
   const {
     store: o
-  } = ge(), {
+  } = be(), {
     children: r,
     disabled: s = !1,
     disableSelection: l = !1,
     label: a,
-    itemId: m,
+    itemId: h,
     id: d
-  } = t, c = O.useContext(ct);
+  } = t, c = M.useContext(ut);
   if (c == null)
     throw new Error(["MUI X: Could not find the Tree View Children Item context.", "It looks like you rendered your component outside of a SimpleTreeView parent component.", "This can also happen if you are bundling multiple versions of the Tree View."].join(`
 `));
@@ -2420,42 +2420,42 @@ const jt = {
     registerChild: p,
     unregisterChild: f,
     parentId: u
-  } = c, h = ut(r), I = O.useRef(null), b = Ae(I, n), C = F(o, Te.treeItemIdAttribute, m, d);
-  return nt(() => (p(C, m), () => {
-    f(C), f(C);
-  }), [o, p, f, C, m]), nt(() => o.jsxItems.insertJSXItem({
-    id: m,
+  } = c, m = ft(r), I = M.useRef(null), b = Ne(I, n), x = W(o, ke.treeItemIdAttribute, h, d);
+  return rt(() => (p(x, h), () => {
+    f(x), f(x);
+  }), [o, p, f, x, h]), rt(() => o.jsxItems.insertJSXItem({
+    id: h,
     idAttribute: d,
     parentId: u,
-    expandable: h,
+    expandable: m,
     disabled: s,
     selectable: !l
-  }), [o, u, m, h, s, l, d]), O.useEffect(() => {
+  }), [o, u, h, m, s, l, d]), M.useEffect(() => {
     if (a)
-      return o.jsxItems.mapLabelFromJSX(m, (I.current?.textContent ?? "").toLowerCase());
-  }, [o, m, a]), {
+      return o.jsxItems.mapLabelFromJSX(h, (I.current?.textContent ?? "").toLowerCase());
+  }, [o, h, a]), {
     contentRef: b,
     rootRef: e
   };
-}, tn = ({
+}, rn = ({
   children: t,
   itemId: e,
   idAttribute: n
 }) => {
-  const o = O.useContext(xe);
-  return /* @__PURE__ */ v(dt, {
+  const o = M.useContext(Ee);
+  return /* @__PURE__ */ v(pt, {
     itemId: e,
     idAttribute: n,
-    children: /* @__PURE__ */ v(xe.Provider, {
+    children: /* @__PURE__ */ v(Ee.Provider, {
       value: o + 1,
       children: t
     })
   });
 };
-process.env.NODE_ENV !== "production" && (tn.displayName = "jsxItemsitemWrapper");
-class nr {
+process.env.NODE_ENV !== "production" && (rn.displayName = "jsxItemsitemWrapper");
+class sr {
   constructor(e) {
-    this.store = e, e.itemPluginManager.register(tr, tn);
+    this.store = e, e.itemPluginManager.register(rr, rn);
   }
   /**
    * Insert a new item in the state from a Tree Item component.
@@ -2505,40 +2505,40 @@ class nr {
    * @param {TreeViewItemId[]} orderedChildrenIds The ids of the item's children.
    */
   setJSXItemsOrderedChildrenIds = (e, n) => {
-    const o = e ?? te;
+    const o = e ?? se;
     this.store.update({
       itemOrderedChildrenIdsLookup: S({}, this.store.state.itemOrderedChildrenIdsLookup, {
         [o]: n
       }),
       itemChildrenIndexesLookup: S({}, this.store.state.itemChildrenIndexesLookup, {
-        [o]: Gt(n)
+        [o]: Qt(n)
       })
     });
   };
 }
-const or = {
+const ir = {
   getInitialState: (t) => t,
   updateStateFromParameters: (t) => t,
   shouldIgnoreItemsStateUpdate: () => !0
 };
-class rr extends Yo {
-  jsxItems = new nr(this);
+class lr extends tr {
+  jsxItems = new sr(this);
   constructor(e) {
     super(S({}, e, {
-      items: Ze
-    }), "SimpleTreeView", or);
+      items: tt
+    }), "SimpleTreeView", ir);
   }
   updateStateFromParameters(e) {
     super.updateStateFromParameters(S({}, e, {
-      items: Ze
+      items: tt
     }));
   }
 }
-const sr = Kt(), ir = (t) => {
+const ar = qt(), cr = (t) => {
   const {
     classes: e
   } = t;
-  return O.useMemo(() => ve({
+  return M.useMemo(() => we({
     root: ["root"],
     item: ["item"],
     itemContent: ["itemContent"],
@@ -2549,8 +2549,8 @@ const sr = Kt(), ir = (t) => {
     itemCheckbox: ["itemCheckbox"]
     // itemDragAndDropOverlay: ['itemDragAndDropOverlay'], => feature not available on this component
     // itemErrorIcon: ['itemErrorIcon'], => feature not available on this component
-  }, Bn, e), [e]);
-}, lr = B("ul", {
+  }, Un, e), [e]);
+}, dr = G("ul", {
   name: "MuiSimpleTreeView",
   slot: "Root"
 })({
@@ -2559,44 +2559,44 @@ const sr = Kt(), ir = (t) => {
   listStyle: "none",
   outline: 0,
   position: "relative"
-}), pt = /* @__PURE__ */ O.forwardRef(function(e, n) {
-  const o = sr({
+}), ht = /* @__PURE__ */ M.forwardRef(function(e, n) {
+  const o = ar({
     props: e,
     name: "MuiSimpleTreeView"
   });
-  process.env.NODE_ENV !== "production" && o.items != null && Ye(["MUI X: The Simple Tree View component does not support the `items` prop.", "If you want to add items, you need to pass them as JSX children.", "Check the documentation for more details: https://mui.com/x/react-tree-view/simple-tree-view/items/."]);
+  process.env.NODE_ENV !== "production" && o.items != null && et(["MUI X: The Simple Tree View component does not support the `items` prop.", "If you want to add items, you need to pass them as JSX children.", "Check the documentation for more details: https://mui.com/x/react-tree-view/simple-tree-view/items/."]);
   const {
     slots: r,
     slotProps: s,
     apiRef: l,
     parameters: a,
-    forwardedProps: m
-  } = qn(o), d = jo(rr, a), c = O.useRef(null), p = Ae(n, c), f = Ao(d, m, p), u = ir(o), h = r?.root ?? lr, I = Q({
-    elementType: h,
+    forwardedProps: h
+  } = Jn(o), d = Wo(lr, a), c = M.useRef(null), p = Ne(n, c), f = Vo(d, h, p), u = cr(o), m = r?.root ?? dr, I = te({
+    elementType: m,
     externalSlotProps: s?.root,
     className: u.root,
     getSlotProps: f,
     ownerState: o
   });
-  return /* @__PURE__ */ v(Un, {
+  return /* @__PURE__ */ v(Gn, {
     store: d,
     classes: u,
     slots: r,
     slotProps: s,
     apiRef: l,
     rootRef: c,
-    children: /* @__PURE__ */ v(dt, {
+    children: /* @__PURE__ */ v(pt, {
       itemId: null,
       idAttribute: null,
-      children: /* @__PURE__ */ v(xe.Provider, {
+      children: /* @__PURE__ */ v(Ee.Provider, {
         value: 0,
-        children: /* @__PURE__ */ v(h, S({}, I))
+        children: /* @__PURE__ */ v(m, S({}, I))
       })
     })
   });
 });
-process.env.NODE_ENV !== "production" && (pt.displayName = "SimpleTreeView");
-process.env.NODE_ENV !== "production" && (pt.propTypes = {
+process.env.NODE_ENV !== "production" && (ht.displayName = "SimpleTreeView");
+process.env.NODE_ENV !== "production" && (ht.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -2757,11 +2757,11 @@ process.env.NODE_ENV !== "production" && (pt.propTypes = {
    */
   sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object])
 });
-function ar(t) {
-  return Ee("MuiCollapse", t);
+function ur(t) {
+  return Ce("MuiCollapse", t);
 }
-Ce("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
-const cr = (t) => {
+ve("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
+const pr = (t) => {
   const {
     orientation: e,
     classes: n
@@ -2772,8 +2772,8 @@ const cr = (t) => {
     wrapper: ["wrapper", `${e}`],
     wrapperInner: ["wrapperInner", `${e}`]
   };
-  return ve(o, ar, n);
-}, dr = B("div", {
+  return we(o, ur, n);
+}, fr = G("div", {
   name: "MuiCollapse",
   slot: "Root",
   overridesResolver: (t, e) => {
@@ -2782,7 +2782,7 @@ const cr = (t) => {
     } = t;
     return [e.root, e[n.orientation], n.state === "entered" && e.entered, n.state === "exited" && !n.in && n.collapsedSize === "0px" && e.hidden];
   }
-})(Bt(({
+})(Ut(({
   theme: t
 }) => ({
   height: 0,
@@ -2821,7 +2821,7 @@ const cr = (t) => {
       visibility: "hidden"
     }
   }]
-}))), ur = B("div", {
+}))), hr = G("div", {
   name: "MuiCollapse",
   slot: "Wrapper"
 })({
@@ -2837,7 +2837,7 @@ const cr = (t) => {
       height: "100%"
     }
   }]
-}), pr = B("div", {
+}), mr = G("div", {
   name: "MuiCollapse",
   slot: "WrapperInner"
 })({
@@ -2851,8 +2851,8 @@ const cr = (t) => {
       height: "100%"
     }
   }]
-}), ze = /* @__PURE__ */ O.forwardRef(function(e, n) {
-  const o = $t({
+}), je = /* @__PURE__ */ M.forwardRef(function(e, n) {
+  const o = Kt({
     props: e,
     name: "MuiCollapse"
   }), {
@@ -2860,138 +2860,138 @@ const cr = (t) => {
     children: s,
     className: l,
     collapsedSize: a = "0px",
-    component: m,
+    component: h,
     easing: d,
     in: c,
     onEnter: p,
     onEntered: f,
     onEntering: u,
-    onExit: h,
+    onExit: m,
     onExited: I,
     onExiting: b,
-    orientation: C = "vertical",
-    slots: T = {},
-    slotProps: D = {},
+    orientation: x = "vertical",
+    slots: w = {},
+    slotProps: _ = {},
     style: R,
-    timeout: E = On.standard,
+    timeout: F = Rn.standard,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: g = Pn,
-    ...k
-  } = o, P = {
+    TransitionComponent: C = Dn,
+    ...D
+  } = o, V = {
     ...o,
-    orientation: C,
+    orientation: x,
     collapsedSize: a
-  }, L = cr(P), N = Rn(), K = Cn(), V = O.useRef(null), ne = O.useRef(), oe = typeof a == "number" ? `${a}px` : a, X = C === "horizontal", U = X ? "width" : "height", re = O.useRef(null), le = vn(n, re), q = (A) => (Y) => {
-    if (A) {
-      const Z = re.current;
-      Y === void 0 ? A(Z) : A(Z, Y);
+  }, j = pr(V), E = _n(), k = Tn(), O = M.useRef(null), A = M.useRef(), L = typeof a == "number" ? `${a}px` : a, $ = x === "horizontal", B = $ ? "width" : "height", J = M.useRef(null), Z = kn(n, J), q = (z) => (ne) => {
+    if (z) {
+      const oe = J.current;
+      ne === void 0 ? z(oe) : z(oe, ne);
     }
-  }, se = () => V.current ? V.current[X ? "clientWidth" : "clientHeight"] : 0, ae = q((A, Y) => {
-    V.current && X && (V.current.style.position = "absolute"), A.style[U] = oe, p && p(A, Y);
-  }), ue = q((A, Y) => {
-    const Z = se();
-    V.current && X && (V.current.style.position = "");
+  }, ie = () => O.current ? O.current[$ ? "clientWidth" : "clientHeight"] : 0, ae = q((z, ne) => {
+    O.current && $ && (O.current.style.position = "absolute"), z.style[B] = L, p && p(z, ne);
+  }), ue = q((z, ne) => {
+    const oe = ie();
+    O.current && $ && (O.current.style.position = "");
     const {
-      duration: ie,
-      easing: Oe
-    } = yt({
+      duration: le,
+      easing: Me
+    } = Et({
       style: R,
-      timeout: E,
+      timeout: F,
       easing: d
     }, {
       mode: "enter"
     });
-    if (E === "auto") {
-      const mt = N.transitions.getAutoHeightDuration(Z);
-      A.style.transitionDuration = `${mt}ms`, ne.current = mt;
+    if (F === "auto") {
+      const It = E.transitions.getAutoHeightDuration(oe);
+      z.style.transitionDuration = `${It}ms`, A.current = It;
     } else
-      A.style.transitionDuration = typeof ie == "string" ? ie : `${ie}ms`;
-    A.style[U] = `${Z}px`, A.style.transitionTimingFunction = Oe, u && u(A, Y);
-  }), ce = q((A, Y) => {
-    A.style[U] = "auto", f && f(A, Y);
-  }), pe = q((A) => {
-    A.style[U] = `${se()}px`, h && h(A);
-  }), z = q(I), W = q((A) => {
-    const Y = se(), {
-      duration: Z,
-      easing: ie
-    } = yt({
+      z.style.transitionDuration = typeof le == "string" ? le : `${le}ms`;
+    z.style[B] = `${oe}px`, z.style.transitionTimingFunction = Me, u && u(z, ne);
+  }), ce = q((z, ne) => {
+    z.style[B] = "auto", f && f(z, ne);
+  }), pe = q((z) => {
+    z.style[B] = `${ie()}px`, m && m(z);
+  }), K = q(I), X = q((z) => {
+    const ne = ie(), {
+      duration: oe,
+      easing: le
+    } = Et({
       style: R,
-      timeout: E,
+      timeout: F,
       easing: d
     }, {
       mode: "exit"
     });
-    if (E === "auto") {
-      const Oe = N.transitions.getAutoHeightDuration(Y);
-      A.style.transitionDuration = `${Oe}ms`, ne.current = Oe;
+    if (F === "auto") {
+      const Me = E.transitions.getAutoHeightDuration(ne);
+      z.style.transitionDuration = `${Me}ms`, A.current = Me;
     } else
-      A.style.transitionDuration = typeof Z == "string" ? Z : `${Z}ms`;
-    A.style[U] = oe, A.style.transitionTimingFunction = ie, b && b(A);
-  }), w = (A) => {
-    E === "auto" && K.start(ne.current || 0, A), r && r(re.current, A);
-  }, y = {
-    slots: T,
-    slotProps: D,
-    component: m
-  }, [j, J] = he("root", {
-    ref: le,
-    className: H(L.root, l),
-    elementType: dr,
-    externalForwardedProps: y,
-    ownerState: P,
+      z.style.transitionDuration = typeof oe == "string" ? oe : `${oe}ms`;
+    z.style[B] = L, z.style.transitionTimingFunction = le, b && b(z);
+  }), T = (z) => {
+    F === "auto" && k.start(A.current || 0, z), r && r(J.current, z);
+  }, g = {
+    slots: w,
+    slotProps: _,
+    component: h
+  }, [U, ee] = Ie("root", {
+    ref: Z,
+    className: Q(j.root, l),
+    elementType: fr,
+    externalForwardedProps: g,
+    ownerState: V,
     additionalProps: {
       style: {
-        [X ? "minWidth" : "minHeight"]: oe,
+        [$ ? "minWidth" : "minHeight"]: L,
         ...R
       }
     }
-  }), [ke, dn] = he("wrapper", {
-    ref: V,
-    className: L.wrapper,
-    elementType: ur,
-    externalForwardedProps: y,
-    ownerState: P
-  }), [un, pn] = he("wrapperInner", {
-    className: L.wrapperInner,
-    elementType: pr,
-    externalForwardedProps: y,
-    ownerState: P
+  }), [Oe, pn] = Ie("wrapper", {
+    ref: O,
+    className: j.wrapper,
+    elementType: hr,
+    externalForwardedProps: g,
+    ownerState: V
+  }), [fn, hn] = Ie("wrapperInner", {
+    className: j.wrapperInner,
+    elementType: mr,
+    externalForwardedProps: g,
+    ownerState: V
   });
-  return /* @__PURE__ */ v(g, {
+  return /* @__PURE__ */ v(C, {
     in: c,
     onEnter: ae,
     onEntered: ce,
     onEntering: ue,
     onExit: pe,
-    onExited: z,
-    onExiting: W,
-    addEndListener: w,
-    nodeRef: re,
-    timeout: E === "auto" ? null : E,
-    ...k,
-    children: (A, {
-      ownerState: Y,
-      ...Z
+    onExited: K,
+    onExiting: X,
+    addEndListener: T,
+    nodeRef: J,
+    timeout: F === "auto" ? null : F,
+    ...D,
+    children: (z, {
+      ownerState: ne,
+      ...oe
     }) => {
-      const ie = {
-        ...P,
-        state: A
+      const le = {
+        ...V,
+        state: z
       };
-      return /* @__PURE__ */ v(j, {
-        ...J,
-        className: H(J.className, {
-          entered: L.entered,
-          exited: !c && oe === "0px" && L.hidden
-        }[A]),
-        ownerState: ie,
-        ...Z,
-        children: /* @__PURE__ */ v(ke, {
-          ...dn,
-          ownerState: ie,
-          children: /* @__PURE__ */ v(un, {
-            ...pn,
-            ownerState: ie,
+      return /* @__PURE__ */ v(U, {
+        ...ee,
+        className: Q(ee.className, {
+          entered: j.entered,
+          exited: !c && L === "0px" && j.hidden
+        }[z]),
+        ownerState: le,
+        ...oe,
+        children: /* @__PURE__ */ v(Oe, {
+          ...pn,
+          ownerState: le,
+          children: /* @__PURE__ */ v(fn, {
+            ...hn,
+            ownerState: le,
             children: s
           })
         })
@@ -2999,7 +2999,7 @@ const cr = (t) => {
     }
   });
 });
-process.env.NODE_ENV !== "production" && (ze.propTypes = {
+process.env.NODE_ENV !== "production" && (je.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -3031,7 +3031,7 @@ process.env.NODE_ENV !== "production" && (ze.propTypes = {
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: wn,
+  component: On,
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
@@ -3112,23 +3112,23 @@ process.env.NODE_ENV !== "production" && (ze.propTypes = {
     exit: i.number
   })])
 });
-ze && (ze.muiSupportAuto = !0);
-function fr(t) {
-  return Ee("PrivateSwitchBase", t);
+je && (je.muiSupportAuto = !0);
+function Ir(t) {
+  return Ce("PrivateSwitchBase", t);
 }
-Ce("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
-const mr = (t) => {
+ve("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+const gr = (t) => {
   const {
     classes: e,
     checked: n,
     disabled: o,
     edge: r
   } = t, s = {
-    root: ["root", n && "checked", o && "disabled", r && `edge${Se(r)}`],
+    root: ["root", n && "checked", o && "disabled", r && `edge${xe(r)}`],
     input: ["input"]
   };
-  return ve(s, fr, e);
-}, hr = B(Tn, {
+  return we(s, Ir, e);
+}, br = G(Mn, {
   name: "MuiSwitchBase"
 })({
   padding: 9,
@@ -3166,9 +3166,9 @@ const mr = (t) => {
       marginRight: -12
     }
   }]
-}), Ir = B("input", {
+}), Sr = G("input", {
   name: "MuiSwitchBase",
-  shouldForwardProp: Wt
+  shouldForwardProp: Ht
 })({
   cursor: "inherit",
   position: "absolute",
@@ -3180,123 +3180,123 @@ const mr = (t) => {
   margin: 0,
   padding: 0,
   zIndex: 1
-}), nn = /* @__PURE__ */ O.forwardRef(function(e, n) {
+}), sn = /* @__PURE__ */ M.forwardRef(function(e, n) {
   const {
     autoFocus: o,
     checked: r,
     checkedIcon: s,
     defaultChecked: l,
     disabled: a,
-    disableFocusRipple: m = !1,
+    disableFocusRipple: h = !1,
     edge: d = !1,
     icon: c,
     id: p,
     inputProps: f,
     inputRef: u,
-    name: h,
+    name: m,
     onBlur: I,
     onChange: b,
-    onFocus: C,
-    readOnly: T,
-    required: D = !1,
+    onFocus: x,
+    readOnly: w,
+    required: _ = !1,
     tabIndex: R,
-    type: E,
-    value: g,
-    slots: k = {},
-    slotProps: P = {},
-    ...L
-  } = e, [N, K] = Nn({
+    type: F,
+    value: C,
+    slots: D = {},
+    slotProps: V = {},
+    ...j
+  } = e, [E, k] = zn({
     controlled: r,
     default: !!l,
     name: "SwitchBase",
     state: "checked"
-  }), V = Ln(), ne = (z) => {
-    C && C(z), V && V.onFocus && V.onFocus(z);
-  }, oe = (z) => {
-    I && I(z), V && V.onBlur && V.onBlur(z);
-  }, X = (z) => {
-    if (z.nativeEvent.defaultPrevented || T)
+  }), O = An(), A = (K) => {
+    x && x(K), O && O.onFocus && O.onFocus(K);
+  }, L = (K) => {
+    I && I(K), O && O.onBlur && O.onBlur(K);
+  }, $ = (K) => {
+    if (K.nativeEvent.defaultPrevented || w)
       return;
-    const W = z.target.checked;
-    K(W), b && b(z, W);
+    const X = K.target.checked;
+    k(X), b && b(K, X);
   };
-  let U = a;
-  V && typeof U > "u" && (U = V.disabled);
-  const re = E === "checkbox" || E === "radio", le = {
+  let B = a;
+  O && typeof B > "u" && (B = O.disabled);
+  const J = F === "checkbox" || F === "radio", Z = {
     ...e,
-    checked: N,
-    disabled: U,
-    disableFocusRipple: m,
+    checked: E,
+    disabled: B,
+    disableFocusRipple: h,
     edge: d
-  }, q = mr(le), se = {
-    slots: k,
+  }, q = gr(Z), ie = {
+    slots: D,
     slotProps: {
       input: f,
-      ...P
+      ...V
     }
-  }, [ae, ue] = he("root", {
+  }, [ae, ue] = Ie("root", {
     ref: n,
-    elementType: hr,
+    elementType: br,
     className: q.root,
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
-      ...se,
+      ...ie,
       component: "span",
-      ...L
+      ...j
     },
-    getSlotProps: (z) => ({
-      ...z,
-      onFocus: (W) => {
-        z.onFocus?.(W), ne(W);
+    getSlotProps: (K) => ({
+      ...K,
+      onFocus: (X) => {
+        K.onFocus?.(X), A(X);
       },
-      onBlur: (W) => {
-        z.onBlur?.(W), oe(W);
+      onBlur: (X) => {
+        K.onBlur?.(X), L(X);
       }
     }),
-    ownerState: le,
+    ownerState: Z,
     additionalProps: {
       centerRipple: !0,
-      focusRipple: !m,
-      disabled: U,
+      focusRipple: !h,
+      disabled: B,
       role: void 0,
       tabIndex: null
     }
-  }), [ce, pe] = he("input", {
+  }), [ce, pe] = Ie("input", {
     ref: u,
-    elementType: Ir,
+    elementType: Sr,
     className: q.input,
-    externalForwardedProps: se,
-    getSlotProps: (z) => ({
-      ...z,
-      onChange: (W) => {
-        z.onChange?.(W), X(W);
+    externalForwardedProps: ie,
+    getSlotProps: (K) => ({
+      ...K,
+      onChange: (X) => {
+        K.onChange?.(X), $(X);
       }
     }),
-    ownerState: le,
+    ownerState: Z,
     additionalProps: {
       autoFocus: o,
       checked: r,
       defaultChecked: l,
-      disabled: U,
-      id: re ? p : void 0,
-      name: h,
-      readOnly: T,
-      required: D,
+      disabled: B,
+      id: J ? p : void 0,
+      name: m,
+      readOnly: w,
+      required: _,
       tabIndex: R,
-      type: E,
-      ...E === "checkbox" && g === void 0 ? {} : {
-        value: g
+      type: F,
+      ...F === "checkbox" && C === void 0 ? {} : {
+        value: C
       }
     }
   });
-  return /* @__PURE__ */ G(ae, {
+  return /* @__PURE__ */ Y(ae, {
     ...ue,
     children: [/* @__PURE__ */ v(ce, {
       ...pe
-    }), N ? s : c]
+    }), E ? s : c]
   });
 });
-process.env.NODE_ENV !== "production" && (nn.propTypes = {
+process.env.NODE_ENV !== "production" && (sn.propTypes = {
   /**
    * If `true`, the `input` element is focused during the first mount.
    */
@@ -3353,7 +3353,7 @@ process.env.NODE_ENV !== "production" && (nn.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: kn,
+  inputRef: Pn,
   /*
    * @ignore
    */
@@ -3415,41 +3415,41 @@ process.env.NODE_ENV !== "production" && (nn.propTypes = {
    */
   value: i.any
 });
-const gr = Ie(/* @__PURE__ */ v("path", {
+const yr = ge(/* @__PURE__ */ v("path", {
   d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-}), "CheckBoxOutlineBlank"), br = Ie(/* @__PURE__ */ v("path", {
+}), "CheckBoxOutlineBlank"), xr = ge(/* @__PURE__ */ v("path", {
   d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-}), "CheckBox"), yr = Ie(/* @__PURE__ */ v("path", {
+}), "CheckBox"), Er = ge(/* @__PURE__ */ v("path", {
   d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
 }), "IndeterminateCheckBox");
-function Sr(t) {
-  return Ee("MuiCheckbox", t);
+function Cr(t) {
+  return Ce("MuiCheckbox", t);
 }
-const Je = Ce("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), xr = (t) => {
+const Ye = ve("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), vr = (t) => {
   const {
     classes: e,
     indeterminate: n,
     color: o,
     size: r
   } = t, s = {
-    root: ["root", n && "indeterminate", `color${Se(o)}`, `size${Se(r)}`]
-  }, l = ve(s, Sr, e);
+    root: ["root", n && "indeterminate", `color${xe(o)}`, `size${xe(r)}`]
+  }, l = we(s, Cr, e);
   return {
     ...e,
     // forward the disabled and checked classes to the SwitchBase
     ...l
   };
-}, Er = B(nn, {
-  shouldForwardProp: (t) => Wt(t) || t === "classes",
+}, wr = G(sn, {
+  shouldForwardProp: (t) => Ht(t) || t === "classes",
   name: "MuiCheckbox",
   slot: "Root",
   overridesResolver: (t, e) => {
     const {
       ownerState: n
     } = t;
-    return [e.root, n.indeterminate && e.indeterminate, e[`size${Se(n.size)}`], n.color !== "default" && e[`color${Se(n.color)}`]];
+    return [e.root, n.indeterminate && e.indeterminate, e[`size${xe(n.size)}`], n.color !== "default" && e[`color${xe(n.color)}`]];
   }
-})(Bt(({
+})(Ut(({
   theme: t
 }) => ({
   color: (t.vars || t).palette.text.secondary,
@@ -3463,7 +3463,7 @@ const Je = Ce("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
         backgroundColor: t.alpha((t.vars || t).palette.action.active, (t.vars || t).palette.action.hoverOpacity)
       }
     }
-  }, ...Object.entries(t.palette).filter(xt()).map(([e]) => ({
+  }, ...Object.entries(t.palette).filter(vt()).map(([e]) => ({
     props: {
       color: e,
       disableRipple: !1
@@ -3473,15 +3473,15 @@ const Je = Ce("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
         backgroundColor: t.alpha((t.vars || t).palette[e].main, (t.vars || t).palette.action.hoverOpacity)
       }
     }
-  })), ...Object.entries(t.palette).filter(xt()).map(([e]) => ({
+  })), ...Object.entries(t.palette).filter(vt()).map(([e]) => ({
     props: {
       color: e
     },
     style: {
-      [`&.${Je.checked}, &.${Je.indeterminate}`]: {
+      [`&.${Ye.checked}, &.${Ye.indeterminate}`]: {
         color: (t.vars || t).palette[e].main
       },
-      [`&.${Je.disabled}`]: {
+      [`&.${Ye.disabled}`]: {
         color: (t.vars || t).palette.action.disabled
       }
     }
@@ -3499,63 +3499,63 @@ const Je = Ce("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
       }
     }
   }]
-}))), Cr = /* @__PURE__ */ v(br, {}), vr = /* @__PURE__ */ v(gr, {}), wr = /* @__PURE__ */ v(yr, {}), on = /* @__PURE__ */ O.forwardRef(function(e, n) {
-  const o = $t({
+}))), Tr = /* @__PURE__ */ v(xr, {}), kr = /* @__PURE__ */ v(yr, {}), Or = /* @__PURE__ */ v(Er, {}), ln = /* @__PURE__ */ M.forwardRef(function(e, n) {
+  const o = Kt({
     props: e,
     name: "MuiCheckbox"
   }), {
-    checkedIcon: r = Cr,
+    checkedIcon: r = Tr,
     color: s = "primary",
-    icon: l = vr,
+    icon: l = kr,
     indeterminate: a = !1,
-    indeterminateIcon: m = wr,
+    indeterminateIcon: h = Or,
     inputProps: d,
     size: c = "medium",
     disableRipple: p = !1,
     className: f,
     slots: u = {},
-    slotProps: h = {},
+    slotProps: m = {},
     ...I
-  } = o, b = a ? m : l, C = a ? m : r, T = {
+  } = o, b = a ? h : l, x = a ? h : r, w = {
     ...o,
     disableRipple: p,
     color: s,
     indeterminate: a,
     size: c
-  }, D = xr(T), R = h.input ?? d, [E, g] = he("root", {
+  }, _ = vr(w), R = m.input ?? d, [F, C] = Ie("root", {
     ref: n,
-    elementType: Er,
-    className: H(D.root, f),
+    elementType: wr,
+    className: Q(_.root, f),
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
       slots: u,
-      slotProps: h,
+      slotProps: m,
       ...I
     },
-    ownerState: T,
+    ownerState: w,
     additionalProps: {
       type: "checkbox",
-      icon: /* @__PURE__ */ O.cloneElement(b, {
+      icon: /* @__PURE__ */ M.cloneElement(b, {
         fontSize: b.props.fontSize ?? c
       }),
-      checkedIcon: /* @__PURE__ */ O.cloneElement(C, {
-        fontSize: C.props.fontSize ?? c
+      checkedIcon: /* @__PURE__ */ M.cloneElement(x, {
+        fontSize: x.props.fontSize ?? c
       }),
       disableRipple: p,
       slots: u,
       slotProps: {
-        input: Dn(typeof R == "function" ? R(T) : R, {
+        input: Nn(typeof R == "function" ? R(w) : R, {
           "data-indeterminate": a
         })
       }
     }
   });
-  return /* @__PURE__ */ v(E, {
-    ...g,
-    classes: D
+  return /* @__PURE__ */ v(F, {
+    ...C,
+    classes: _
   });
 });
-process.env.NODE_ENV !== "production" && (on.propTypes = {
+process.env.NODE_ENV !== "production" && (ln.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -3669,15 +3669,15 @@ process.env.NODE_ENV !== "production" && (on.propTypes = {
    */
   value: i.any
 });
-const Tr = (t, e, n) => typeof n == "function" ? n(t, e) : n, kr = (t) => {
+const Mr = (t, e, n) => typeof n == "function" ? n(t, e) : n, Pr = (t) => {
   const {
     runItemPlugins: e,
     publicAPI: n,
     store: o
-  } = ge(), r = O.useContext(xe), s = F(o, Tr, t.itemId, r), {
+  } = be(), r = M.useContext(Ee), s = W(o, Mr, t.itemId, r), {
     id: l,
     itemId: a,
-    label: m,
+    label: h,
     children: d,
     rootRef: c
   } = t, {
@@ -3685,142 +3685,142 @@ const Tr = (t, e, n) => typeof n == "function" ? n(t, e) : n, kr = (t) => {
     contentRef: f,
     propsEnhancers: u
   } = e(t), {
-    interactions: h,
+    interactions: m,
     status: I
-  } = er({
+  } = or({
     itemId: a,
     children: d
-  }), b = O.useRef(null), C = O.useRef(null), T = Ae(c, p, b), D = Ae(f, C), R = O.useRef(null), E = F(o, _.isCheckboxSelectionEnabled), g = F(o, Te.treeItemIdAttribute, a, l), k = F(o, de.isItemTheDefaultFocusableItem, a), P = {
+  }), b = M.useRef(null), x = M.useRef(null), w = Ne(c, p, b), _ = Ne(f, x), R = M.useRef(null), F = W(o, N.isCheckboxSelectionEnabled), C = W(o, ke.treeItemIdAttribute, a, l), D = W(o, de.isItemTheDefaultFocusableItem, a), V = {
     rootRefObject: b,
-    contentRefObject: C,
-    interactions: h
-  }, L = (w) => (y) => {
-    w.onFocus?.(y), !y.defaultMuiPrevented && !I.focused && x.canItemBeFocused(o.state, a) && y.currentTarget === y.target && o.focus.focusItem(y, a);
-  }, N = (w) => (y) => {
-    if (w.onBlur?.(y), y.defaultMuiPrevented)
+    contentRefObject: x,
+    interactions: m
+  }, j = (T) => (g) => {
+    T.onFocus?.(g), !g.defaultMuiPrevented && !I.focused && y.canItemBeFocused(o.state, a) && g.currentTarget === g.target && o.focus.focusItem(g, a);
+  }, E = (T) => (g) => {
+    if (T.onBlur?.(g), g.defaultMuiPrevented)
       return;
-    const j = o.items.getItemDOMElement(a);
+    const U = o.items.getItemDOMElement(a);
     I.editing || // we can exit the editing state by clicking outside the input (within the Tree Item) or by pressing Enter or Escape -> we don't want to remove the focused item from the state in these cases
     // we can also exit the editing state by clicking on the root itself -> want to remove the focused item from the state in this case
-    y.relatedTarget && tt(y.relatedTarget, j) && (y.target && y.target?.dataset?.element === "labelInput" && tt(y.target, j) || y.relatedTarget?.dataset?.element === "labelInput") || o.focus.removeFocusedItem();
-  }, K = (w) => (y) => {
-    w.onKeyDown?.(y), !(y.defaultMuiPrevented || y.target?.dataset?.element === "labelInput") && o.keyboardNavigation.handleItemKeyDown(y, a);
-  }, V = (w) => (y) => {
-    w.onDoubleClick?.(y), !y.defaultMuiPrevented && h.toggleItemEditing();
-  }, ne = (w) => (y) => {
-    w.onClick?.(y), o.items.handleItemClick(y, a), !(y.defaultMuiPrevented || R.current?.contains(y.target)) && ($.triggerSlot(o.state) === "content" && h.handleExpansion(y), E || h.handleSelection(y));
-  }, oe = (w) => (y) => {
-    w.onMouseDown?.(y), !y.defaultMuiPrevented && (y.shiftKey || y.ctrlKey || y.metaKey || I.disabled) && y.preventDefault();
-  }, X = (w) => (y) => {
-    w.onClick?.(y), !y.defaultMuiPrevented && $.triggerSlot(o.state) === "iconContainer" && h.handleExpansion(y);
+    g.relatedTarget && ot(g.relatedTarget, U) && (g.target && g.target?.dataset?.element === "labelInput" && ot(g.target, U) || g.relatedTarget?.dataset?.element === "labelInput") || o.focus.removeFocusedItem();
+  }, k = (T) => (g) => {
+    T.onKeyDown?.(g), !(g.defaultMuiPrevented || g.target?.dataset?.element === "labelInput") && o.keyboardNavigation.handleItemKeyDown(g, a);
+  }, O = (T) => (g) => {
+    T.onDoubleClick?.(g), !g.defaultMuiPrevented && m.toggleItemEditing();
+  }, A = (T) => (g) => {
+    T.onClick?.(g), o.items.handleItemClick(g, a), !(g.defaultMuiPrevented || R.current?.contains(g.target)) && (H.triggerSlot(o.state) === "content" && m.handleExpansion(g), F || m.handleSelection(g));
+  }, L = (T) => (g) => {
+    T.onMouseDown?.(g), !g.defaultMuiPrevented && (g.shiftKey || g.ctrlKey || g.metaKey || I.disabled) && g.preventDefault();
+  }, $ = (T) => (g) => {
+    T.onClick?.(g), !g.defaultMuiPrevented && H.triggerSlot(o.state) === "iconContainer" && m.handleExpansion(g);
   };
   return {
     getContextProviderProps: () => ({
       itemId: a,
       id: l
     }),
-    getRootProps: (w = {}) => {
-      const y = S({}, ee(t), ee(w)), j = S({}, y, {
-        ref: T,
+    getRootProps: (T = {}) => {
+      const g = S({}, re(t), re(T)), U = S({}, g, {
+        ref: w,
         role: "treeitem",
-        tabIndex: k ? 0 : -1,
-        id: g,
+        tabIndex: D ? 0 : -1,
+        id: C,
         "aria-expanded": I.expandable ? I.expanded : void 0,
         "aria-disabled": I.disabled || void 0
-      }, w, {
-        style: S({}, w.style ?? {}, {
+      }, T, {
+        style: S({}, T.style ?? {}, {
           "--TreeView-itemDepth": s
         }),
-        onFocus: L(y),
-        onBlur: N(y),
-        onKeyDown: K(y)
-      }), J = u.root?.(S({}, P, {
-        externalEventHandlers: y
+        onFocus: j(g),
+        onBlur: E(g),
+        onKeyDown: k(g)
+      }), ee = u.root?.(S({}, V, {
+        externalEventHandlers: g
       })) ?? {};
-      return S({}, j, J);
+      return S({}, U, ee);
     },
-    getContentProps: (w = {}) => {
-      const y = ee(w), j = S({}, y, w, {
-        ref: D,
-        onClick: ne(y),
-        onMouseDown: oe(y),
+    getContentProps: (T = {}) => {
+      const g = re(T), U = S({}, g, T, {
+        ref: _,
+        onClick: A(g),
+        onMouseDown: L(g),
         status: I
       });
-      ["expanded", "selected", "focused", "disabled", "editing", "editable"].forEach((ke) => {
-        I[ke] && (j[`data-${ke}`] = "");
+      ["expanded", "selected", "focused", "disabled", "editing", "editable"].forEach((Oe) => {
+        I[Oe] && (U[`data-${Oe}`] = "");
       });
-      const J = u.content?.(S({}, P, {
-        externalEventHandlers: y
+      const ee = u.content?.(S({}, V, {
+        externalEventHandlers: g
       })) ?? {};
-      return S({}, j, J);
+      return S({}, U, ee);
     },
-    getGroupTransitionProps: (w = {}) => {
-      const y = ee(w);
-      return S({}, y, {
+    getGroupTransitionProps: (T = {}) => {
+      const g = re(T);
+      return S({}, g, {
         unmountOnExit: !0,
         component: "ul",
         role: "group",
         in: I.expanded,
         children: d
-      }, w);
+      }, T);
     },
-    getIconContainerProps: (w = {}) => {
-      const y = ee(w);
-      return S({}, y, w, {
-        onClick: X(y)
+    getIconContainerProps: (T = {}) => {
+      const g = re(T);
+      return S({}, g, T, {
+        onClick: $(g)
       });
     },
-    getCheckboxProps: (w = {}) => {
-      const y = ee(w), j = S({}, y, {
+    getCheckboxProps: (T = {}) => {
+      const g = re(T), U = S({}, g, {
         ref: R,
         "aria-hidden": !0
-      }, w), J = u.checkbox?.(S({}, P, {
-        externalEventHandlers: y
+      }, T), ee = u.checkbox?.(S({}, V, {
+        externalEventHandlers: g
       })) ?? {};
-      return S({}, j, J);
+      return S({}, U, ee);
     },
-    getLabelProps: (w = {}) => {
-      const y = S({}, ee(w)), j = S({}, y, {
-        children: m
-      }, w, {
-        onDoubleClick: V(y)
-      }), J = u.label?.(S({}, P, {
-        externalEventHandlers: y
+    getLabelProps: (T = {}) => {
+      const g = S({}, re(T)), U = S({}, g, {
+        children: h
+      }, T, {
+        onDoubleClick: O(g)
+      }), ee = u.label?.(S({}, V, {
+        externalEventHandlers: g
       })) ?? {};
-      return S({}, J, j);
+      return S({}, ee, U);
     },
-    getLabelInputProps: (w = {}) => {
-      const y = ee(w), j = u.labelInput?.(S({}, P, {
-        externalEventHandlers: y
+    getLabelInputProps: (T = {}) => {
+      const g = re(T), U = u.labelInput?.(S({}, V, {
+        externalEventHandlers: g
       })) ?? {};
-      return S({}, w, j);
+      return S({}, T, U);
     },
-    getDragAndDropOverlayProps: (w = {}) => {
-      const y = ee(w), j = u.dragAndDropOverlay?.(S({}, P, {
-        externalEventHandlers: y
+    getDragAndDropOverlayProps: (T = {}) => {
+      const g = re(T), U = u.dragAndDropOverlay?.(S({}, V, {
+        externalEventHandlers: g
       })) ?? {};
-      return S({}, w, j);
+      return S({}, T, U);
     },
-    getErrorContainerProps: (w = {}) => {
-      const y = ee(w);
-      return S({}, y, w);
+    getErrorContainerProps: (T = {}) => {
+      const g = re(T);
+      return S({}, g, T);
     },
-    getLoadingContainerProps: (w = {}) => {
-      const y = ee(w);
+    getLoadingContainerProps: (T = {}) => {
+      const g = re(T);
       return S({
         size: "12px",
         thickness: 6
-      }, y, w);
+      }, g, T);
     },
-    rootRef: T,
+    rootRef: w,
     status: I,
     publicAPI: n
   };
 };
-function Or(t) {
-  return Ee("MuiTreeItem", t);
+function Rr(t) {
+  return Ce("MuiTreeItem", t);
 }
-Ce("MuiTreeItem", [
+ve("MuiTreeItem", [
   "root",
   "content",
   "groupTransition",
@@ -3839,15 +3839,15 @@ Ce("MuiTreeItem", [
   "editable",
   "editing"
 ]);
-const Mr = Ie(/* @__PURE__ */ v("path", {
+const Lr = ge(/* @__PURE__ */ v("path", {
   d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-}), "TreeViewExpandIcon"), Pr = Ie(/* @__PURE__ */ v("path", {
+}), "TreeViewExpandIcon"), Dr = ge(/* @__PURE__ */ v("path", {
   d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
-}), "TreeViewCollapseIcon"), Rr = ["ownerState"];
-function Qe(t, e, n) {
+}), "TreeViewCollapseIcon"), _r = ["ownerState"];
+function Ze(t, e, n) {
   return t !== void 0 ? t : e !== void 0 ? e : n;
 }
-function rn(t) {
+function an(t) {
   const {
     slots: e,
     slotProps: n,
@@ -3855,23 +3855,23 @@ function rn(t) {
   } = t, {
     slots: r,
     slotProps: s
-  } = Ut(), l = {
-    collapseIcon: Qe(e?.collapseIcon, r.collapseIcon, Pr),
-    expandIcon: Qe(e?.expandIcon, r.expandIcon, Mr),
-    endIcon: Qe(e?.endIcon, r.endIcon),
+  } = Gt(), l = {
+    collapseIcon: Ze(e?.collapseIcon, r.collapseIcon, Dr),
+    expandIcon: Ze(e?.expandIcon, r.expandIcon, Lr),
+    endIcon: Ze(e?.endIcon, r.endIcon),
     icon: e?.icon
   };
   let a;
   l?.icon ? a = "icon" : o.expandable ? o.expanded ? a = "collapseIcon" : a = "expandIcon" : a = "endIcon";
-  const m = l[a], d = Q({
-    elementType: m,
-    externalSlotProps: (p) => S({}, St(s[a], p), St(n?.[a], p)),
+  const h = l[a], d = te({
+    elementType: h,
+    externalSlotProps: (p) => S({}, Ct(s[a], p), Ct(n?.[a], p)),
     // TODO: Add proper ownerState
     ownerState: {}
-  }), c = $e(d, Rr);
-  return m ? /* @__PURE__ */ v(m, S({}, c)) : null;
+  }), c = Be(d, _r);
+  return h ? /* @__PURE__ */ v(h, S({}, c)) : null;
 }
-process.env.NODE_ENV !== "production" && (rn.propTypes = {
+process.env.NODE_ENV !== "production" && (an.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -3898,10 +3898,10 @@ process.env.NODE_ENV !== "production" && (rn.propTypes = {
     selected: i.bool.isRequired
   }).isRequired
 });
-const Lr = B("div", {
+const Ar = G("div", {
   name: "MuiTreeItemDragAndDropOverlay",
   slot: "Root",
-  shouldForwardProp: (t) => ot(t) && t !== "action"
+  shouldForwardProp: (t) => st(t) && t !== "action"
 })(({
   theme: t
 }) => ({
@@ -3919,7 +3919,7 @@ const Lr = B("div", {
     style: {
       marginLeft: "calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))",
       borderRadius: t.shape.borderRadius,
-      backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.darkChannel} / ${t.vars.palette.action.focusOpacity})` : be(t.palette.primary.dark, t.palette.action.focusOpacity)
+      backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.darkChannel} / ${t.vars.palette.action.focusOpacity})` : Se(t.palette.primary.dark, t.palette.action.focusOpacity)
     }
   }, {
     props: {
@@ -3947,10 +3947,10 @@ const Lr = B("div", {
     }
   }]
 }));
-function sn(t) {
-  return t.action == null ? null : /* @__PURE__ */ v(Lr, S({}, t));
+function cn(t) {
+  return t.action == null ? null : /* @__PURE__ */ v(Ar, S({}, t));
 }
-process.env.NODE_ENV !== "production" && (sn.propTypes = {
+process.env.NODE_ENV !== "production" && (cn.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -3958,7 +3958,7 @@ process.env.NODE_ENV !== "production" && (sn.propTypes = {
   action: i.oneOf(["make-child", "move-to-parent", "reorder-above", "reorder-below"]),
   style: i.object
 });
-function ln(t) {
+function dn(t) {
   const {
     children: e,
     itemId: n,
@@ -3966,8 +3966,8 @@ function ln(t) {
   } = t, {
     wrapItem: r,
     store: s
-  } = ge(), l = F(s, Te.treeItemIdAttribute, n, o);
-  return /* @__PURE__ */ v(O.Fragment, {
+  } = be(), l = W(s, ke.treeItemIdAttribute, n, o);
+  return /* @__PURE__ */ v(M.Fragment, {
     children: r({
       children: e,
       itemId: n,
@@ -3976,7 +3976,7 @@ function ln(t) {
     })
   });
 }
-process.env.NODE_ENV !== "production" && (ln.propTypes = {
+process.env.NODE_ENV !== "production" && (dn.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -3985,7 +3985,7 @@ process.env.NODE_ENV !== "production" && (ln.propTypes = {
   id: i.string,
   itemId: i.string.isRequired
 });
-const Dr = B("input", {
+const Nr = G("input", {
   name: "MuiTreeItem",
   slot: "LabelInput"
 })(({
@@ -4000,7 +4000,7 @@ const Dr = B("input", {
   "&:focus": {
     outline: `1px solid ${(t.vars || t).palette.primary.main}`
   }
-})), _r = ["visible"], Ar = ["id", "itemId", "label", "disabled", "disableSelection", "children", "slots", "slotProps", "classes"], Nr = Kt(), Fr = B("li", {
+})), Fr = ["visible"], Vr = ["id", "itemId", "label", "disabled", "disableSelection", "children", "slots", "slotProps", "classes"], zr = qt(), jr = G("li", {
   name: "MuiTreeItem",
   slot: "Root"
 })({
@@ -4008,10 +4008,10 @@ const Dr = B("input", {
   margin: 0,
   padding: 0,
   outline: 0
-}), Vr = B("div", {
+}), $r = G("div", {
   name: "MuiTreeItem",
   slot: "Content",
-  shouldForwardProp: (t) => ot(t) && t !== "status"
+  shouldForwardProp: (t) => st(t) && t !== "status"
 })(({
   theme: t
 }) => ({
@@ -4043,22 +4043,22 @@ const Dr = B("input", {
     backgroundColor: (t.vars || t).palette.action.focus
   },
   "&[data-selected]": {
-    backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})` : be(t.palette.primary.main, t.palette.action.selectedOpacity),
+    backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})` : Se(t.palette.primary.main, t.palette.action.selectedOpacity),
     "&:hover": {
-      backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.hoverOpacity}))` : be(t.palette.primary.main, t.palette.action.selectedOpacity + t.palette.action.hoverOpacity),
+      backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.hoverOpacity}))` : Se(t.palette.primary.main, t.palette.action.selectedOpacity + t.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
-        backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})` : be(t.palette.primary.main, t.palette.action.selectedOpacity)
+        backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})` : Se(t.palette.primary.main, t.palette.action.selectedOpacity)
       }
     }
   },
   "&[data-selected][data-focused]": {
-    backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.focusOpacity}))` : be(t.palette.primary.main, t.palette.action.selectedOpacity + t.palette.action.focusOpacity)
+    backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.focusOpacity}))` : Se(t.palette.primary.main, t.palette.action.selectedOpacity + t.palette.action.focusOpacity)
   }
-})), zr = B("div", {
+})), Br = G("div", {
   name: "MuiTreeItem",
   slot: "Label",
-  shouldForwardProp: (t) => ot(t) && t !== "editable"
+  shouldForwardProp: (t) => st(t) && t !== "editable"
 })(({
   theme: t
 }) => S({
@@ -4078,7 +4078,7 @@ const Dr = B("input", {
       paddingLeft: "2px"
     }
   }]
-})), jr = B("div", {
+})), Wr = G("div", {
   name: "MuiTreeItem",
   slot: "IconContainer"
 })({
@@ -4091,14 +4091,14 @@ const Dr = B("input", {
   "& svg": {
     fontSize: 18
   }
-}), $r = B(ze, {
+}), Kr = G(je, {
   name: "MuiTreeItem",
   slot: "GroupTransition",
   overridesResolver: (t, e) => e.groupTransition
 })({
   margin: 0,
   padding: 0
-}), Br = B("div", {
+}), Ur = G("div", {
   name: "MuiTreeItem",
   slot: "ErrorIcon"
 })({
@@ -4108,16 +4108,16 @@ const Dr = B("input", {
   height: 7,
   borderRadius: "50%",
   backgroundColor: "red"
-}), Wr = B(Fn, {
+}), Hr = G(jn, {
   name: "MuiTreeItem",
   slot: "LoadingIcon"
 })({
   color: "text.primary"
-}), an = B(/* @__PURE__ */ O.forwardRef((t, e) => {
+}), un = G(/* @__PURE__ */ M.forwardRef((t, e) => {
   const {
     visible: n
-  } = t, o = $e(t, _r);
-  return n ? /* @__PURE__ */ v(on, S({}, o, {
+  } = t, o = Be(t, Fr);
+  return n ? /* @__PURE__ */ v(ln, S({}, o, {
     ref: e
   })) : null;
 }), {
@@ -4126,23 +4126,23 @@ const Dr = B("input", {
 })({
   padding: 0
 });
-process.env.NODE_ENV !== "production" && (an.displayName = "TreeItemCheckbox");
-const Kr = (t) => {
+process.env.NODE_ENV !== "production" && (un.displayName = "TreeItemCheckbox");
+const qr = (t) => {
   const {
     classes: e
-  } = Ut(), n = S({}, t, {
-    root: H(t?.root, e.root),
-    content: H(t?.content, e.itemContent),
-    iconContainer: H(t?.iconContainer, e.itemIconContainer),
-    checkbox: H(t?.checkbox, e.itemCheckbox),
-    label: H(t?.label, e.itemLabel),
-    groupTransition: H(t?.groupTransition, e.itemGroupTransition),
-    labelInput: H(t?.labelInput, e.itemLabelInput),
-    dragAndDropOverlay: H(t?.dragAndDropOverlay, e.itemDragAndDropOverlay),
-    errorIcon: H(t?.errorIcon, e.itemErrorIcon),
-    loadingIcon: H(t?.loadingIcon, e.itemLoadingIcon)
+  } = Gt(), n = S({}, t, {
+    root: Q(t?.root, e.root),
+    content: Q(t?.content, e.itemContent),
+    iconContainer: Q(t?.iconContainer, e.itemIconContainer),
+    checkbox: Q(t?.checkbox, e.itemCheckbox),
+    label: Q(t?.label, e.itemLabel),
+    groupTransition: Q(t?.groupTransition, e.itemGroupTransition),
+    labelInput: Q(t?.labelInput, e.itemLabelInput),
+    dragAndDropOverlay: Q(t?.dragAndDropOverlay, e.itemDragAndDropOverlay),
+    errorIcon: Q(t?.errorIcon, e.itemErrorIcon),
+    loadingIcon: Q(t?.loadingIcon, e.itemLoadingIcon)
   });
-  return ve({
+  return we({
     root: ["root"],
     content: ["content"],
     iconContainer: ["iconContainer"],
@@ -4159,9 +4159,9 @@ const Kr = (t) => {
     selected: ["selected"],
     focused: ["focused"],
     disabled: ["disabled"]
-  }, Or, n);
-}, ft = /* @__PURE__ */ O.forwardRef(function(e, n) {
-  const o = Nr({
+  }, Rr, n);
+}, mt = /* @__PURE__ */ M.forwardRef(function(e, n) {
+  const o = zr({
     props: e,
     name: "MuiTreeItem"
   }), {
@@ -4169,33 +4169,33 @@ const Kr = (t) => {
     itemId: s,
     label: l,
     disabled: a,
-    disableSelection: m,
+    disableSelection: h,
     children: d,
     slots: c = {},
     slotProps: p = {},
     classes: f
-  } = o, u = $e(o, Ar), {
-    getContextProviderProps: h,
+  } = o, u = Be(o, Vr), {
+    getContextProviderProps: m,
     getRootProps: I,
     getContentProps: b,
-    getIconContainerProps: C,
-    getCheckboxProps: T,
-    getLabelProps: D,
+    getIconContainerProps: x,
+    getCheckboxProps: w,
+    getLabelProps: _,
     getGroupTransitionProps: R,
-    getLabelInputProps: E,
-    getDragAndDropOverlayProps: g,
-    getErrorContainerProps: k,
-    getLoadingContainerProps: P,
-    status: L
-  } = kr({
+    getLabelInputProps: F,
+    getDragAndDropOverlayProps: C,
+    getErrorContainerProps: D,
+    getLoadingContainerProps: V,
+    status: j
+  } = Pr({
     id: r,
     itemId: s,
     children: d,
     label: l,
     disabled: a,
-    disableSelection: m
-  }), N = Kr(f), K = c.root ?? Fr, V = Q({
-    elementType: K,
+    disableSelection: h
+  }), E = qr(f), k = c.root ?? jr, O = te({
+    elementType: k,
     getSlotProps: I,
     externalForwardedProps: u,
     externalSlotProps: p.root,
@@ -4203,80 +4203,80 @@ const Kr = (t) => {
       ref: n
     },
     ownerState: {},
-    className: N.root
-  }), ne = c.content ?? Vr, oe = Q({
-    elementType: ne,
+    className: E.root
+  }), A = c.content ?? $r, L = te({
+    elementType: A,
     getSlotProps: b,
     externalSlotProps: p.content,
     ownerState: {},
-    className: H(N.content, L.expanded && N.expanded, L.selected && N.selected, L.focused && N.focused, L.disabled && N.disabled, L.editing && N.editing, L.editable && N.editable)
-  }), X = c.iconContainer ?? jr, U = Q({
-    elementType: X,
-    getSlotProps: C,
+    className: Q(E.content, j.expanded && E.expanded, j.selected && E.selected, j.focused && E.focused, j.disabled && E.disabled, j.editing && E.editing, j.editable && E.editable)
+  }), $ = c.iconContainer ?? Wr, B = te({
+    elementType: $,
+    getSlotProps: x,
     externalSlotProps: p.iconContainer,
     ownerState: {},
-    className: N.iconContainer
-  }), re = c.label ?? zr, le = Q({
-    elementType: re,
-    getSlotProps: D,
+    className: E.iconContainer
+  }), J = c.label ?? Br, Z = te({
+    elementType: J,
+    getSlotProps: _,
     externalSlotProps: p.label,
     ownerState: {},
-    className: N.label
-  }), q = c.checkbox ?? an, se = Q({
+    className: E.label
+  }), q = c.checkbox ?? un, ie = te({
     elementType: q,
-    getSlotProps: T,
+    getSlotProps: w,
     externalSlotProps: p.checkbox,
     ownerState: {},
-    className: N.checkbox
-  }), ae = c.groupTransition ?? void 0, ue = Q({
+    className: E.checkbox
+  }), ae = c.groupTransition ?? void 0, ue = te({
     elementType: ae,
     getSlotProps: R,
     externalSlotProps: p.groupTransition,
     ownerState: {},
-    className: N.groupTransition
-  }), ce = c.labelInput ?? Dr, pe = Q({
+    className: E.groupTransition
+  }), ce = c.labelInput ?? Nr, pe = te({
     elementType: ce,
-    getSlotProps: E,
+    getSlotProps: F,
     externalSlotProps: p.labelInput,
     ownerState: {},
-    className: N.labelInput
-  }), z = c.dragAndDropOverlay ?? sn, W = Q({
-    elementType: z,
-    getSlotProps: g,
+    className: E.labelInput
+  }), K = c.dragAndDropOverlay ?? cn, X = te({
+    elementType: K,
+    getSlotProps: C,
     externalSlotProps: p.dragAndDropOverlay,
     ownerState: {},
-    className: N.dragAndDropOverlay
-  }), w = c.errorIcon ?? Br, y = Q({
-    elementType: w,
-    getSlotProps: k,
+    className: E.dragAndDropOverlay
+  }), T = c.errorIcon ?? Ur, g = te({
+    elementType: T,
+    getSlotProps: D,
     externalSlotProps: p.errorIcon,
     ownerState: {},
-    className: N.errorIcon
-  }), j = c.loadingIcon ?? Wr, J = Q({
-    elementType: j,
-    getSlotProps: P,
+    className: E.errorIcon
+  }), U = c.loadingIcon ?? Hr, ee = te({
+    elementType: U,
+    getSlotProps: V,
     externalSlotProps: p.loadingIcon,
     ownerState: {},
-    className: N.loadingIcon
+    className: E.loadingIcon
   });
-  return /* @__PURE__ */ v(ln, S({}, h(), {
-    children: /* @__PURE__ */ G(K, S({}, V, {
-      children: [/* @__PURE__ */ G(ne, S({}, oe, {
-        children: [/* @__PURE__ */ G(X, S({}, U, {
-          children: [L.error && /* @__PURE__ */ v(w, S({}, y)), L.loading ? /* @__PURE__ */ v(j, S({}, J)) : /* @__PURE__ */ v(rn, {
-            status: L,
+  return /* @__PURE__ */ v(dn, S({}, m(), {
+    children: /* @__PURE__ */ Y(k, S({}, O, {
+      children: [/* @__PURE__ */ Y(A, S({}, L, {
+        children: [/* @__PURE__ */ Y($, S({}, B, {
+          children: [j.error && /* @__PURE__ */ v(T, S({}, g)), j.loading ? /* @__PURE__ */ v(U, S({}, ee)) : /* @__PURE__ */ v(an, {
+            status: j,
             slots: c,
             slotProps: p
           })]
-        })), /* @__PURE__ */ v(q, S({}, se)), L.editing ? /* @__PURE__ */ v(ce, S({}, pe)) : /* @__PURE__ */ v(re, S({}, le)), /* @__PURE__ */ v(z, S({}, W))]
-      })), d && /* @__PURE__ */ v($r, S({
+        })), /* @__PURE__ */ v(q, S({}, ie)), j.editing ? /* @__PURE__ */ v(ce, S({}, pe)) : /* @__PURE__ */ v(J, S({}, Z)), /* @__PURE__ */ v(K, S({}, X))]
+      })), d && /* @__PURE__ */ v(Kr, S({
         as: ae
       }, ue))]
     }))
   }));
 });
-process.env.NODE_ENV !== "production" && (ft.displayName = "TreeItem");
-process.env.NODE_ENV !== "production" && (ft.propTypes = {
+process.env.NODE_ENV !== "production" && (mt.displayName = "TreeItem");
+process.env.NODE_ENV !== "production" && (mt.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -4321,7 +4321,7 @@ process.env.NODE_ENV !== "production" && (ft.propTypes = {
    * This prop isn't supported.
    * Use the `onItemFocus` callback on the tree if you need to monitor an item's focus.
    */
-  onFocus: _n,
+  onFocus: Fn,
   /**
    * Callback fired when a key is pressed on the keyboard and the tree is in focus.
    */
@@ -4341,22 +4341,16 @@ process.env.NODE_ENV !== "production" && (ft.propTypes = {
    */
   sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object])
 });
-const Ur = (t) => {
-  const e = [], n = (o) => {
-    for (const r of o)
-      e.push(r.value), r.children && n(r.children);
-  };
-  return n(t), e;
-}, cn = (t, e) => {
+const he = (t, e) => {
   for (const n of t) {
     if (n.value === e) return n;
     if (n.children) {
-      const o = cn(n.children, e);
+      const o = he(n.children, e);
       if (o) return o;
     }
   }
-}, Hr = (t) => t.children ? Ur(t.children) : [];
-function ss({
+};
+function is({
   label: t,
   data: e,
   handleChange: n,
@@ -4365,51 +4359,93 @@ function ss({
   disabled: s = !1,
   isRtl: l = !1,
   width: a = 300,
-  placeholder: m = "Search...",
+  placeholder: h = "Search...",
   maxHeight: d = 300
 }) {
-  const [c, p] = ht(""), [f, u] = ht(!1), h = It(() => {
+  const [c, p] = We(""), [f, u] = We(!1), [m, I] = We(5), b = gt(null), x = gt(null), w = Ke(() => {
+    if (!e || r.length === 0) return [];
+    const E = new Set(r), k = [], O = (A) => {
+      for (const L of A)
+        L.children && L.children.length > 0 ? O(L.children) : E.has(L.value) && k.push(L.label);
+    };
+    return O(e), k;
+  }, [e, r]);
+  bt(() => {
+    const E = (k) => {
+      b.current && !b.current.contains(k.target) && u(!1);
+    };
+    return f && document.addEventListener("mousedown", E), () => {
+      document.removeEventListener("mousedown", E);
+    };
+  }, [f]), bt(() => {
+    const E = () => {
+      if (!x.current || w.length === 0) {
+        I(5);
+        return;
+      }
+      const O = x.current.offsetWidth, A = 60, L = 110, $ = 45, B = 4, J = O - $ - B, Z = (A + L) / 2, q = Math.max(1, Math.floor(J / (Z + B)));
+      I(Math.min(q, w.length));
+    };
+    E();
+    const k = new ResizeObserver(E);
+    return x.current && k.observe(x.current), () => k.disconnect();
+  }, [w.length]);
+  const _ = Ke(() => {
     if (!e) return [];
     if (!c.trim()) return e;
-    const E = c.toLowerCase(), g = (k) => {
-      const P = [];
-      for (const L of k) {
-        const N = L.label.toLowerCase().includes(E) || String(L.id).toLowerCase().includes(E) || L.externalId && String(L.externalId).toLowerCase().includes(E), K = L.children ? g(L.children) : [];
-        (N || K.length > 0) && P.push({
+    const E = c.toLowerCase(), k = (O) => {
+      const A = [];
+      for (const L of O) {
+        const $ = L.label.toLowerCase().includes(E) || String(L.id).toLowerCase().includes(E) || L.externalId && String(L.externalId).toLowerCase().includes(E), B = L.children ? k(L.children) : [];
+        ($ || B.length > 0) && A.push({
           ...L,
-          children: K.length > 0 ? K : L.children
+          children: B.length > 0 ? B : L.children
         });
       }
-      return P;
+      return A;
     };
-    return g(e);
-  }, [e, c]), I = Be(
+    return k(e);
+  }, [e, c]), R = St((E) => !E.children || E.children.length === 0 ? [E.value] : E.children.flatMap((k) => {
+    const O = he(e || [], k.value) || k;
+    return R(O);
+  }), [e]), F = St(
     (E) => {
-      const g = r.includes(E.value), k = Hr(E);
-      if (g) {
-        const P = /* @__PURE__ */ new Set([E.value, ...k]);
-        n(r.filter((L) => !P.has(L)));
-      } else {
-        const P = /* @__PURE__ */ new Set([...r, E.value, ...k]);
-        n(Array.from(P));
+      const k = he(e || [], E.value) || E, O = R(k);
+      if (k.children && k.children.length > 0)
+        if (O.every(($) => r.includes($))) {
+          const $ = new Set(O);
+          n(r.filter((B) => !$.has(B)));
+        } else {
+          const $ = /* @__PURE__ */ new Set([...r, ...O]);
+          n(Array.from($));
+        }
+      else {
+        const L = r.includes(E.value);
+        n(L ? r.filter(($) => $ !== E.value) : [...r, E.value]);
       }
     },
-    [r, n]
-  ), b = It(() => e ? r.map((E) => cn(e, E)?.label).filter((E) => E !== void 0) : [], [e, r]), C = (E) => {
+    [e, r, n, R]
+  ), C = (E) => {
     E.stopPropagation(), n([]);
-  }, T = Be(
-    (E) => !E.children || E.children.length === 0 ? r.includes(E.value) : E.children.every((g) => T(g)),
-    [r]
-  ), D = Be(
-    (E) => !E.children || E.children.length === 0 ? r.includes(E.value) : E.children.some((g) => D(g)),
-    [r]
-  ), R = (E) => E.map((g) => {
-    const k = r.includes(g.value), P = g.children && g.children.length > 0, L = P && T(g), K = P && D(g) && !L && !k;
+  }, { areAllChildrenSelected: D, areSomeChildrenSelected: V } = Ke(() => {
+    const E = (O) => {
+      const A = he(e || [], O);
+      return !A || !A.children || A.children.length === 0 ? r.includes(O) : A.children.every((L) => E(L.value));
+    }, k = (O) => {
+      const A = he(e || [], O);
+      return !A || !A.children || A.children.length === 0 ? r.includes(O) : A.children.some((L) => k(L.value));
+    };
+    return {
+      areAllChildrenSelected: E,
+      areSomeChildrenSelected: k
+    };
+  }, [e, r]), j = (E) => E.map((k) => {
+    const O = he(e || [], k.value), A = O?.children && O.children.length > 0, L = !A, $ = L && r.includes(k.value), B = A && D(k.value), J = A && V(k.value), Z = A && J && !B;
     return /* @__PURE__ */ v(
-      ft,
+      mt,
       {
-        itemId: g.value,
-        label: /* @__PURE__ */ G(
+        itemId: k.value,
+        label: /* @__PURE__ */ Y(
           fe,
           {
             sx: {
@@ -4417,39 +4453,39 @@ function ss({
               alignItems: "flex-start",
               py: 0.5
             },
-            onClick: (V) => {
-              V.stopPropagation(), I(g);
+            onClick: (q) => {
+              q.stopPropagation(), F(k);
             },
             children: [
               /* @__PURE__ */ v(
-                Sn,
+                Cn,
                 {
-                  checked: k || L,
-                  indeterminate: K,
+                  checked: L ? $ : B,
+                  indeterminate: Z,
                   size: "small",
                   sx: { p: 0, mr: 1 }
                 }
               ),
-              /* @__PURE__ */ G(fe, { sx: { display: "flex", flexDirection: "column" }, children: [
+              /* @__PURE__ */ Y(fe, { sx: { display: "flex", flexDirection: "column" }, children: [
                 /* @__PURE__ */ v(
-                  We,
+                  Ue,
                   {
                     component: "span",
                     sx: { fontWeight: 600, fontSize: "0.875rem" },
-                    children: g.label
+                    children: k.label
                   }
                 ),
-                /* @__PURE__ */ G(
-                  We,
+                /* @__PURE__ */ Y(
+                  Ue,
                   {
                     component: "span",
                     sx: { fontSize: "0.75rem", color: "text.secondary" },
                     children: [
                       "Id: ",
-                      g.id,
-                      g.externalId !== void 0 && g.externalId !== "" && /* @__PURE__ */ G("span", { style: { marginLeft: 8 }, children: [
+                      k.id,
+                      k.externalId !== void 0 && k.externalId !== "" && /* @__PURE__ */ Y("span", { style: { marginLeft: 8 }, children: [
                         "External ID: ",
-                        g.externalId
+                        k.externalId
                       ] })
                     ]
                   }
@@ -4458,14 +4494,15 @@ function ss({
             ]
           }
         ),
-        children: g.children && R(g.children)
+        children: k.children && j(k.children)
       },
-      g.value
+      k.value
     );
   });
-  return /* @__PURE__ */ G(
-    fn,
+  return /* @__PURE__ */ Y(
+    In,
     {
+      ref: b,
       size: "small",
       sx: {
         width: o ? "100%" : a,
@@ -4473,30 +4510,78 @@ function ss({
       },
       disabled: s,
       children: [
-        /* @__PURE__ */ v(mn, { shrink: f || r.length > 0, children: t }),
+        /* @__PURE__ */ v(gn, { shrink: f || r.length > 0, children: t }),
         /* @__PURE__ */ v(
-          hn,
+          bn,
           {
             label: t,
+            notched: f || r.length > 0,
             readOnly: !0,
             onClick: () => !s && u(!f),
             sx: {
               borderRadius: "8px",
               bgcolor: "var(--color-background)",
               cursor: s ? "default" : "pointer",
+              minHeight: 40,
+              display: "flex",
+              flexWrap: "nowrap",
               "& .MuiOutlinedInput-notchedOutline": {
                 border: "1px solid var(--color-gray)"
+              },
+              "& .MuiOutlinedInput-input": {
+                display: "none"
               }
             },
             value: "",
-            startAdornment: b.length > 0 ? /* @__PURE__ */ G(fe, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5, py: 0.5 }, children: [
-              b.slice(0, 2).map((E) => /* @__PURE__ */ v(bt, { label: E, size: "small" }, E)),
-              b.length > 2 && /* @__PURE__ */ v(bt, { label: `+${b.length - 2}`, size: "small" })
-            ] }) : void 0,
-            endAdornment: /* @__PURE__ */ G(gt, { position: "end", children: [
-              r.length > 0 && !s && /* @__PURE__ */ v(In, { size: "small", onClick: C, children: /* @__PURE__ */ v(En, { fontSize: "small" }) }),
+            startAdornment: /* @__PURE__ */ v(
+              fe,
+              {
+                ref: x,
+                sx: {
+                  display: "flex",
+                  flexWrap: "nowrap",
+                  gap: 0.5,
+                  flex: 1,
+                  overflow: "hidden",
+                  alignItems: "center",
+                  py: 0.5,
+                  pl: 1
+                },
+                children: w.length > 0 ? /* @__PURE__ */ Y(mn, { children: [
+                  w.slice(0, m).map((E) => /* @__PURE__ */ v(
+                    xt,
+                    {
+                      label: E,
+                      size: "small",
+                      sx: {
+                        height: 24,
+                        flexShrink: 0,
+                        "& .MuiChip-label": {
+                          px: 1,
+                          maxWidth: 100,
+                          overflow: "hidden",
+                          textOverflow: "ellipsis",
+                          whiteSpace: "nowrap"
+                        }
+                      }
+                    },
+                    E
+                  )),
+                  w.length > m && /* @__PURE__ */ v(
+                    xt,
+                    {
+                      label: `+${w.length - m}`,
+                      size: "small",
+                      sx: { height: 24, flexShrink: 0 }
+                    }
+                  )
+                ] }) : null
+              }
+            ),
+            endAdornment: /* @__PURE__ */ Y(yt, { position: "end", sx: { flexShrink: 0 }, children: [
+              r.length > 0 && !s && /* @__PURE__ */ v(Sn, { size: "small", onClick: C, children: /* @__PURE__ */ v(wn, { fontSize: "small" }) }),
               /* @__PURE__ */ v(
-                Vn,
+                $n,
                 {
                   sx: {
                     transform: f ? "rotate(180deg)" : "rotate(0deg)",
@@ -4507,8 +4592,8 @@ function ss({
             ] })
           }
         ),
-        /* @__PURE__ */ v(gn, { in: f && !s, children: /* @__PURE__ */ G(
-          bn,
+        /* @__PURE__ */ v(yn, { in: f && !s, children: /* @__PURE__ */ Y(
+          xn,
           {
             elevation: 3,
             sx: {
@@ -4521,16 +4606,16 @@ function ss({
             },
             children: [
               /* @__PURE__ */ v(fe, { sx: { p: 1 }, children: /* @__PURE__ */ v(
-                yn,
+                En,
                 {
                   fullWidth: !0,
                   size: "small",
-                  placeholder: m,
+                  placeholder: h,
                   value: c,
                   onChange: (E) => p(E.target.value),
                   slotProps: {
                     input: {
-                      startAdornment: /* @__PURE__ */ v(gt, { position: "start", children: /* @__PURE__ */ v(xn, { fontSize: "small" }) })
+                      startAdornment: /* @__PURE__ */ v(yt, { position: "start", children: /* @__PURE__ */ v(vn, { fontSize: "small" }) })
                     }
                   },
                   sx: {
@@ -4540,9 +4625,9 @@ function ss({
                   }
                 }
               ) }),
-              /* @__PURE__ */ G(fe, { sx: { maxHeight: d, overflow: "auto" }, children: [
-                /* @__PURE__ */ v(pt, { children: R(h) }),
-                h.length === 0 && /* @__PURE__ */ v(fe, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ v(We, { color: "text.secondary", variant: "body2", children: "No options found" }) })
+              /* @__PURE__ */ Y(fe, { sx: { maxHeight: d, overflow: "auto" }, children: [
+                /* @__PURE__ */ v(ht, { children: j(_) }),
+                _.length === 0 && /* @__PURE__ */ v(fe, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ v(Ue, { color: "text.secondary", variant: "body2", children: "No options found" }) })
               ] })
             ]
           }
@@ -4552,5 +4637,5 @@ function ss({
   );
 }
 export {
-  ss as PassportTreeSelect
+  is as PassportTreeSelect
 };