@amateescu/portal-ui-components 0.0.49 → 0.0.51

package/dist/components/PassportTreeSelect/PassportTreeSelect.js

@@ -1,25 +1,25 @@
-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 { jsx as v, jsxs as Q, Fragment as gt } from "react/jsx-runtime";
+import * as O from "react";
+import $e, { useState as We, useRef as bt, useMemo as Ke, useEffect as St, useCallback as yt } from "react";
+import { FormControl as In, InputLabel as gn, OutlinedInput as bn, InputAdornment as xt, IconButton as Sn, Box as fe, Chip as Et, Collapse as yn, Paper as xn, TextField as En, Typography as Ue, Checkbox as Cn } from "@mui/material";
 import { S as vn } from "../../Search-DnJ3yLMg.js";
 import { E as wn } from "../../ExpandMore-CHNJSd5N.js";
 import { C as Tn } from "../../Clear-B32X2R1T.js";
 import { b as Be, c as S, f as kn, a as On, e as Mn, B as Pn, r as Rn } from "../../ButtonBase-ugYh038t.js";
-import { b as Ee, g as Ce, P as i, s as G, f as ve, u as Kt, x as Ln, c as Q, m as Ut, e as ye, r as Ht, w as st, q as be } from "../../DefaultPropsProvider-BQx1AiAq.js";
-import { u as Dn, b as te, c as _n, a as An } from "../../useFormControl-Ivp9nwoj.js";
+import { b as Ee, g as Ce, P as i, s as X, f as ve, u as Ut, x as Ln, c as Y, m as Ht, e as ye, r as qt, w as st, q as be } from "../../DefaultPropsProvider-BQx1AiAq.js";
+import { u as Dn, b as ne, c as _n, a as An } from "../../useFormControl-Ivp9nwoj.js";
 import { u as Nn } from "../../index-DfCFE9GG.js";
-import { u as Ie, e as re, r as Et } from "../../useSlot-B1oIMjd_.js";
+import { u as Ie, e as se, r as Ct } from "../../useSlot-B1oIMjd_.js";
 import { c as we } from "../../createSvgIcon-Crk7qT6j.js";
 import { u as Fn } from "../../useControlled-D1L5tREc.js";
-import { c as Ct } from "../../createSimplePaletteValueFilter-Bz8RuRaa.js";
-import { T as Vn, g as vt, m as zn } from "../../utils-6k-H8qFR.js";
+import { c as vt } from "../../createSimplePaletteValueFilter-Bz8RuRaa.js";
+import { T as Vn, g as wt, m as zn } from "../../utils-6k-H8qFR.js";
 import { C as jn } from "../../CircularProgress-D1FWO7Cz.js";
 import { u as $n } from "../../useTheme-9dlwNzrD.js";
-const wt = {};
+const Tt = {};
 function it(t, e) {
-  const n = M.useRef(wt);
-  return n.current === wt && (n.current = t(e)), n;
+  const n = O.useRef(Tt);
+  return n.current === Tt && (n.current = t(e)), n;
 }
 function Ne(t, e, n, o) {
   const r = it(Bn).current;
@@ -78,43 +78,43 @@ function Kn(t, e) {
     }
   };
 }
-const Tt = /* @__PURE__ */ new Set();
+const kt = /* @__PURE__ */ new Set();
 function et(t, e = "warning") {
   if (process.env.NODE_ENV === "production")
     return;
   const n = Array.isArray(t) ? t.join(`
 `) : t;
-  Tt.has(n) || (Tt.add(n), e === "error" ? console.error(n) : console.warn(n));
+  kt.has(n) || (kt.add(n), e === "error" ? console.error(n) : console.warn(n));
 }
-function qt(t) {
+function Gt(t) {
   return Dn;
 }
 function Un(t) {
   return Ee("MuiSimpleTreeView", t);
 }
 Ce("MuiSimpleTreeView", ["root", "item", "itemContent", "itemGroupTransition", "itemIconContainer", "itemLabel", "itemCheckbox"]);
-const tt = Object.freeze([]), Se = Object.freeze({}), lt = /* @__PURE__ */ M.createContext(null);
+const tt = Object.freeze([]), Se = Object.freeze({}), lt = /* @__PURE__ */ O.createContext(null);
 process.env.NODE_ENV !== "production" && (lt.displayName = "TreeViewContext");
 const ge = () => {
-  const t = M.useContext(lt);
+  const t = O.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;
-}, at = /* @__PURE__ */ M.createContext({
+}, at = /* @__PURE__ */ O.createContext({
   classes: {},
   slots: {},
   slotProps: {}
 });
 process.env.NODE_ENV !== "production" && (at.displayName = "TreeViewStyleContext");
-const Gt = () => M.useContext(at), Hn = (t) => {
+const Xt = () => O.useContext(at), Hn = (t) => {
   const {
     store: e,
     apiRef: n,
     rootRef: o
   } = t, r = it(() => e.buildPublicAPI()).current;
   qn(r, n);
-  const s = M.useCallback((a) => {
+  const s = O.useCallback((a) => {
     let h = null, d = null;
     const c = [], p = {};
     e.itemPluginManager.listPlugins().forEach((m) => {
@@ -129,8 +129,8 @@ const Gt = () => M.useContext(at), Hn = (t) => {
     });
     const f = (m) => (I) => {
       const b = {};
-      return c.forEach((x) => {
-        const w = x[m];
+      return c.forEach((E) => {
+        const w = E[m];
         w != null && Object.assign(b, w(I));
       }), b;
     }, u = Object.fromEntries(Object.keys(p).map((m) => [m, f(m)]));
@@ -139,7 +139,7 @@ const Gt = () => M.useContext(at), Hn = (t) => {
       rootRef: h,
       propsEnhancers: u
     };
-  }, [e]), l = M.useCallback(({
+  }, [e]), l = O.useCallback(({
     itemId: a,
     children: h,
     idAttribute: d
@@ -157,7 +157,7 @@ const Gt = () => M.useContext(at), Hn = (t) => {
     }
     return c;
   }, [e]);
-  return M.useMemo(() => ({
+  return O.useMemo(() => ({
     runItemPlugins: s,
     wrapItem: l,
     publicAPI: r,
@@ -181,7 +181,7 @@ function Gn(t) {
     store: e,
     apiRef: n,
     rootRef: o
-  }), d = M.useMemo(() => ({
+  }), d = O.useMemo(() => ({
     classes: r,
     slots: {
       collapseIcon: s.collapseIcon,
@@ -223,14 +223,14 @@ function Jn(t) {
     selectedItems: m,
     defaultSelectedItems: I,
     multiSelect: b,
-    checkboxSelection: x,
+    checkboxSelection: E,
     selectionPropagation: w,
-    onSelectedItemsChange: _,
-    onItemSelectionToggle: R,
-    onItemFocus: F
+    onSelectedItemsChange: M,
+    onItemSelectionToggle: L,
+    onItemFocus: _
     // SimpleTreeViewStore parameters
     // Forwarded props
-  } = t, C = Be(t, Xn), D = M.useMemo(() => ({
+  } = t, x = Be(t, Xn), D = O.useMemo(() => ({
     // Shared parameters
     disabledItemsFocusable: r,
     onItemClick: s,
@@ -245,11 +245,11 @@ function Jn(t) {
     selectedItems: m,
     defaultSelectedItems: I,
     multiSelect: b,
-    checkboxSelection: x,
+    checkboxSelection: E,
     selectionPropagation: w,
-    onSelectedItemsChange: _,
-    onItemSelectionToggle: R,
-    onItemFocus: F
+    onSelectedItemsChange: M,
+    onItemSelectionToggle: L,
+    onItemFocus: _
     // SimpleTreeViewStore parameters
   }), [
     // Shared parameters
@@ -266,11 +266,11 @@ function Jn(t) {
     m,
     I,
     b,
-    x,
+    E,
     w,
-    _,
-    R,
-    F
+    M,
+    L,
+    _
     // SimpleTreeViewStore parameters
   ]);
   return {
@@ -278,7 +278,7 @@ function Jn(t) {
     slots: n,
     slotProps: o,
     parameters: D,
-    forwardedProps: C
+    forwardedProps: x
   };
 }
 var Qn = (t, e, n) => {
@@ -347,7 +347,7 @@ function no(t, e = "expected all items to be functions, instead received the fol
     throw new TypeError(`${e}[${n}]`);
   }
 }
-var kt = (t) => Array.isArray(t) ? t : [t];
+var Ot = (t) => Array.isArray(t) ? t : [t];
 function oo(t) {
   const e = Array.isArray(t[0]) ? t[0] : t;
   return no(
@@ -355,7 +355,7 @@ function oo(t) {
     "createSelector expects all input-selectors to be functions, but received the following types: "
   ), e;
 }
-function Ot(t, e) {
+function Mt(t, e) {
   const n = [], { length: o } = t;
   for (let r = 0; r < o; r++)
     n.push(t[r].apply(null, e));
@@ -461,7 +461,7 @@ var uo = class {
   deref() {
     return this.value;
   }
-}, po = typeof WeakRef < "u" ? WeakRef : uo, fo = 0, Mt = 1;
+}, po = typeof WeakRef < "u" ? WeakRef : uo, fo = 0, Pt = 1;
 function Pe() {
   return {
     s: fo,
@@ -470,7 +470,7 @@ function Pe() {
     p: null
   };
 }
-function Xt(t, e = {}) {
+function Jt(t, e = {}) {
   let n = Pe();
   const { resultEqualityCheck: o } = e;
   let r, s = 0;
@@ -493,13 +493,13 @@ function Xt(t, e = {}) {
     }
     const d = a;
     let c;
-    if (a.s === Mt)
+    if (a.s === Pt)
       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 po(c) : c;
     }
-    return d.s = Mt, d.v = c, c;
+    return d.s = Pt, d.v = c, c;
   }
   return l.clearCache = () => {
     n = Pe(), l.resetResultsCount();
@@ -507,7 +507,7 @@ function Xt(t, e = {}) {
     s = 0;
   }, l;
 }
-function Jt(t, ...e) {
+function Qt(t, ...e) {
   const n = typeof t == "function" ? {
     memoize: t,
     memoizeOptions: e
@@ -523,46 +523,46 @@ function Jt(t, ...e) {
     }, {
       memoize: p,
       memoizeOptions: f = [],
-      argsMemoize: u = Xt,
+      argsMemoize: u = Jt,
       argsMemoizeOptions: m = [],
       devModeChecks: I = {}
-    } = c, b = kt(f), x = kt(m), w = oo(r), _ = p(function() {
+    } = c, b = Ot(f), E = Ot(m), w = oo(r), M = p(function() {
       return s++, d.apply(
         null,
         arguments
       );
     }, ...b);
-    let R = !0;
-    const F = u(function() {
+    let L = !0;
+    const _ = u(function() {
       l++;
-      const D = Ot(
+      const D = Mt(
         w,
         arguments
       );
-      if (a = _.apply(null, D), process.env.NODE_ENV !== "production") {
-        const { identityFunctionCheck: V, inputStabilityCheck: j } = ro(R, I);
+      if (a = M.apply(null, D), process.env.NODE_ENV !== "production") {
+        const { identityFunctionCheck: V, inputStabilityCheck: B } = ro(L, I);
         if (V.shouldRun && V.run(
           d,
           D,
           a
-        ), j.shouldRun) {
-          const E = Ot(
+        ), B.shouldRun) {
+          const j = Mt(
             w,
             arguments
           );
-          j.run(
-            { inputSelectorResults: D, inputSelectorResultsCopy: E },
+          B.run(
+            { inputSelectorResults: D, inputSelectorResultsCopy: j },
             { memoize: p, memoizeOptions: b },
             arguments
           );
         }
-        R && (R = !1);
+        L && (L = !1);
       }
       return a;
-    }, ...x);
-    return Object.assign(F, {
+    }, ...E);
+    return Object.assign(_, {
       resultFunc: d,
-      memoizedResultFunc: _,
+      memoizedResultFunc: M,
       dependencies: w,
       dependencyRecomputations: () => l,
       resetDependencyRecomputations: () => {
@@ -581,7 +581,7 @@ function Jt(t, ...e) {
     withTypes: () => o
   }), o;
 }
-var ho = /* @__PURE__ */ Jt(Xt), mo = Object.assign(
+var ho = /* @__PURE__ */ Qt(Jt), mo = Object.assign(
   (t, e = ho) => {
     to(
       t,
@@ -597,35 +597,35 @@ var ho = /* @__PURE__ */ Jt(Xt), mo = Object.assign(
   },
   { withTypes: () => mo }
 );
-const Io = Jt({
+const Io = Qt({
   memoize: co,
   memoizeOptions: {
     maxSize: 1,
     equalityCheck: Object.is
   }
-}), P = (t, e, n, o, r, s, l, a, ...h) => {
+}), R = (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 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);
+      const m = t(c, p, f, u), I = e(c, p, f, u), b = n(c, p, f, u), E = o(c, p, f, u), w = r(c, p, f, u), M = s(c, p, f, u), L = l(c, p, f, u);
+      return a(m, I, b, E, w, M, L, p, f, u);
     };
   else if (t && e && n && o && r && s && l)
     d = (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), w = r(c, p, f, u), _ = s(c, p, f, u);
-      return l(m, I, b, x, w, _, p, f, u);
+      const m = t(c, p, f, u), I = e(c, p, f, u), b = n(c, p, f, u), E = o(c, p, f, u), w = r(c, p, f, u), M = s(c, p, f, u);
+      return l(m, I, b, E, w, M, p, f, u);
     };
   else if (t && e && n && o && r && s)
     d = (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), w = r(c, p, f, u);
-      return s(m, I, b, x, w, p, f, u);
+      const m = t(c, p, f, u), I = e(c, p, f, u), b = n(c, p, f, u), E = o(c, p, f, u), w = r(c, p, f, u);
+      return s(m, I, b, E, w, p, f, u);
     };
   else if (t && e && n && o && r)
     d = (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);
+      const m = t(c, p, f, u), I = e(c, p, f, u), b = n(c, p, f, u), E = o(c, p, f, u);
+      return r(m, I, b, E, p, f, u);
     };
   else if (t && e && n && o)
     d = (c, p, f, u) => {
@@ -660,7 +660,7 @@ const Io = Jt({
     }, h.__cacheKey__ = f, o += 1);
     let u = n.get(f);
     if (!u) {
-      const m = e.length === 1 ? [(x) => x, r] : e;
+      const m = e.length === 1 ? [(E) => E, r] : e;
       let I = e;
       const b = [void 0, void 0, void 0];
       switch (l) {
@@ -706,10 +706,10 @@ const Io = Jt({
   };
 }, Te = go();
 var Re = { exports: {} }, He = {};
-var Pt;
+var Rt;
 function bo() {
-  if (Pt) return He;
-  Pt = 1;
+  if (Rt) return He;
+  Rt = 1;
   var t = $e;
   function e(p, f) {
     return p === f && (p !== 0 || 1 / p === 1 / f) || p !== p && f !== f;
@@ -748,9 +748,9 @@ function bo() {
   return He.useSyncExternalStore = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : c, He;
 }
 var qe = {};
-var Rt;
+var Lt;
 function So() {
-  return Rt || (Rt = 1, process.env.NODE_ENV !== "production" && (function() {
+  return Lt || (Lt = 1, process.env.NODE_ENV !== "production" && (function() {
     function t(u, m) {
       return u === m && (u !== 0 || 1 / u === 1 / m) || u !== u && m !== m;
     }
@@ -768,16 +768,16 @@ function So() {
       b = l({
         inst: { value: I, getSnapshot: m }
       });
-      var x = b[0].inst, w = b[1];
+      var E = b[0].inst, w = b[1];
       return h(
         function() {
-          x.value = I, x.getSnapshot = m, n(x) && w({ inst: x });
+          E.value = I, E.getSnapshot = m, n(E) && w({ inst: E });
         },
         [u, I, m]
       ), a(
         function() {
-          return n(x) && w({ inst: x }), u(function() {
-            n(x) && w({ inst: x });
+          return n(E) && w({ inst: E }), u(function() {
+            n(E) && w({ inst: E });
           });
         },
         [u]
@@ -801,15 +801,15 @@ function So() {
     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 Lt;
+var Dt;
 function ct() {
-  return Lt || (Lt = 1, process.env.NODE_ENV === "production" ? Re.exports = bo() : Re.exports = So()), Re.exports;
+  return Dt || (Dt = 1, process.env.NODE_ENV === "production" ? Re.exports = bo() : Re.exports = So()), Re.exports;
 }
 var yo = ct(), Le = { exports: {} }, Ge = {};
-var Dt;
+var _t;
 function xo() {
-  if (Dt) return Ge;
-  Dt = 1;
+  if (_t) return Ge;
+  _t = 1;
   var t = $e, e = ct();
   function n(d, c) {
     return d === c && (d !== 0 || 1 / d === 1 / c) || d !== d && c !== c;
@@ -823,26 +823,26 @@ function xo() {
     } else I = m.current;
     m = a(
       function() {
-        function x(C) {
+        function E(x) {
           if (!w) {
-            if (w = !0, _ = C, C = f(C), u !== void 0 && I.hasValue) {
+            if (w = !0, M = x, x = f(x), u !== void 0 && I.hasValue) {
               var D = I.value;
-              if (u(D, C))
-                return R = D;
+              if (u(D, x))
+                return L = D;
             }
-            return R = C;
+            return L = x;
           }
-          if (D = R, o(_, C)) return D;
-          var V = f(C);
-          return u !== void 0 && u(D, V) ? (_ = C, D) : (_ = C, R = V);
+          if (D = L, o(M, x)) return D;
+          var V = f(x);
+          return u !== void 0 && u(D, V) ? (M = x, D) : (M = x, L = V);
         }
-        var w = !1, _, R, F = p === void 0 ? null : p;
+        var w = !1, M, L, _ = p === void 0 ? null : p;
         return [
           function() {
-            return x(c());
+            return E(c());
           },
-          F === null ? void 0 : function() {
-            return x(F());
+          _ === null ? void 0 : function() {
+            return E(_());
           }
         ];
       },
@@ -858,9 +858,9 @@ function xo() {
   }, Ge;
 }
 var Xe = {};
-var _t;
+var At;
 function Eo() {
-  return _t || (_t = 1, process.env.NODE_ENV !== "production" && (function() {
+  return At || (At = 1, process.env.NODE_ENV !== "production" && (function() {
     function t(d, c) {
       return d === c && (d !== 0 || 1 / d === 1 / c) || d !== d && c !== c;
     }
@@ -874,27 +874,27 @@ function Eo() {
       } else I = m.current;
       m = a(
         function() {
-          function x(C) {
+          function E(x) {
             if (!w) {
-              if (w = !0, _ = C, C = f(C), u !== void 0 && I.hasValue) {
+              if (w = !0, M = x, x = f(x), u !== void 0 && I.hasValue) {
                 var D = I.value;
-                if (u(D, C))
-                  return R = D;
+                if (u(D, x))
+                  return L = D;
               }
-              return R = C;
+              return L = x;
             }
-            if (D = R, o(_, C))
+            if (D = L, o(M, x))
               return D;
-            var V = f(C);
-            return u !== void 0 && u(D, V) ? (_ = C, D) : (_ = C, R = V);
+            var V = f(x);
+            return u !== void 0 && u(D, V) ? (M = x, D) : (M = x, L = V);
           }
-          var w = !1, _, R, F = p === void 0 ? null : p;
+          var w = !1, M, L, _ = p === void 0 ? null : p;
           return [
             function() {
-              return x(c());
+              return E(c());
             },
-            F === null ? void 0 : function() {
-              return x(F());
+            _ === null ? void 0 : function() {
+              return E(_());
             }
           ];
         },
@@ -910,17 +910,17 @@ function Eo() {
     }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
   })()), Xe;
 }
-var At;
+var Nt;
 function Co() {
-  return At || (At = 1, process.env.NODE_ENV === "production" ? Le.exports = xo() : Le.exports = Eo()), Le.exports;
+  return Nt || (Nt = 1, process.env.NODE_ENV === "production" ? Le.exports = xo() : Le.exports = Eo()), Le.exports;
 }
 var vo = Co();
-const wo = parseInt(M.version, 10), To = wo >= 19, ko = To ? Oo : Mo;
+const wo = parseInt(O.version, 10), To = wo >= 19, ko = To ? Oo : Mo;
 function W(t, e, n, o, r) {
   return ko(t, e, n, o, r);
 }
 function Oo(t, e, n, o, r) {
-  const s = M.useCallback(() => e(t.getSnapshot(), n, o, r), [t, e, n, o, r]);
+  const s = O.useCallback(() => e(t.getSnapshot(), n, o, r), [t, e, n, o, r]);
   return yo.useSyncExternalStore(t.subscribe, s, s);
 }
 function Mo(t, e, n, o, r) {
@@ -968,18 +968,18 @@ class dt {
   }
   use = (e, n, o, r) => W(this, e, n, o, r);
 }
-const Nt = P((t) => t.providedTreeId ?? t.treeId), ke = {
+const Ft = R((t) => t.providedTreeId ?? t.treeId), ke = {
   /**
    * Get the id attribute of the tree view.
    */
-  treeId: Nt,
+  treeId: Ft,
   /**
    * 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: P(Nt, (t, e, n) => n ?? `${t ?? ""}-${e}`)
-}, se = "__TREE_VIEW_ROOT_PARENT_ID__", Qt = (t) => {
+  treeItemIdAttribute: R(Ft, (t, e, n) => n ?? `${t ?? ""}-${e}`)
+}, ie = "__TREE_VIEW_ROOT_PARENT_ID__", Yt = (t) => {
   const e = {};
   return t.forEach((n, o) => {
     e[n] = o;
@@ -1000,7 +1000,7 @@ const Nt = P((t) => t.providedTreeId ?? t.treeId), ke = {
   }
   return !1;
 };
-function Ft(t) {
+function Vt(t) {
   const {
     storeParameters: e,
     items: n,
@@ -1042,7 +1042,7 @@ function Ft(t) {
     metaLookup: a,
     modelLookup: h,
     orderedChildrenIds: d,
-    childrenIndexes: Qt(d),
+    childrenIndexes: Yt(d),
     itemsChildren: c
   };
 }
@@ -1065,58 +1065,58 @@ const Ro = [], y = {
   /**
    * Gets the DOM structure of the Tree View.
    */
-  domStructure: P((t) => t.domStructure),
+  domStructure: R((t) => t.domStructure),
   /**
    * Checks whether the disabled items are focusable.
    */
-  disabledItemFocusable: P((t) => t.disabledItemsFocusable),
+  disabledItemFocusable: R((t) => t.disabledItemsFocusable),
   /**
    * Gets the meta-information of all items.
    */
-  itemMetaLookup: P((t) => t.itemMetaLookup),
+  itemMetaLookup: R((t) => t.itemMetaLookup),
   /**
    * Gets the ordered children ids of all items.
    */
-  itemOrderedChildrenIdsLookup: P((t) => t.itemOrderedChildrenIdsLookup),
+  itemOrderedChildrenIdsLookup: R((t) => t.itemOrderedChildrenIdsLookup),
   /**
    * Gets the meta-information of an item.
    */
-  itemMeta: P((t, e) => t.itemMetaLookup[e ?? se] ?? null),
+  itemMeta: R((t, e) => t.itemMetaLookup[e ?? ie] ?? null),
   /**
    * Gets the ordered children ids of an item.
    */
-  itemOrderedChildrenIds: P((t, e) => t.itemOrderedChildrenIdsLookup[e ?? se] ?? Ro),
+  itemOrderedChildrenIds: R((t, e) => t.itemOrderedChildrenIdsLookup[e ?? ie] ?? Ro),
   /**
    * Gets the model of an item.
    */
-  itemModel: P((t, e) => t.itemModelLookup[e]),
+  itemModel: R((t, e) => t.itemModelLookup[e]),
   /**
    * Checks whether an item is disabled.
    */
-  isItemDisabled: P((t, e) => Ve(t.itemMetaLookup, e)),
+  isItemDisabled: R((t, e) => Ve(t.itemMetaLookup, e)),
   /**
    * Gets the index of an item in its parent's children.
    */
-  itemIndex: P((t, e) => {
+  itemIndex: R((t, e) => {
     const n = t.itemMetaLookup[e];
-    return n == null ? -1 : t.itemChildrenIndexesLookup[n.parentId ?? se][n.id];
+    return n == null ? -1 : t.itemChildrenIndexesLookup[n.parentId ?? ie][n.id];
   }),
   /**
    * Gets the id of an item's parent.
    */
-  itemParentId: P((t, e) => t.itemMetaLookup[e]?.parentId ?? null),
+  itemParentId: R((t, e) => t.itemMetaLookup[e]?.parentId ?? null),
   /**
    * Gets the depth of an item (items at the root level have a depth of 0).
    */
-  itemDepth: P((t, e) => t.itemMetaLookup[e]?.depth ?? 0),
+  itemDepth: R((t, e) => t.itemMetaLookup[e]?.depth ?? 0),
   /**
    * Checks whether an item can be focused.
    */
-  canItemBeFocused: P((t, e) => t.disabledItemsFocusable || !Ve(t.itemMetaLookup, e)),
+  canItemBeFocused: R((t, e) => t.disabledItemsFocusable || !Ve(t.itemMetaLookup, e)),
   /**
    * Gets the identation between an item and its children.
    */
-  itemChildrenIndentation: P((t) => t.itemChildrenIndentation)
+  itemChildrenIndentation: R((t) => t.itemChildrenIndentation)
 };
 class De {
   // We can't type `store`, otherwise we get the following TS error:
@@ -1137,18 +1137,18 @@ class De {
   static buildItemsStateIfNeeded = (e) => {
     const n = {}, o = {}, r = {}, s = {};
     function l(a, h, d) {
-      const c = h ?? se, {
+      const c = h ?? ie, {
         metaLookup: p,
         modelLookup: f,
         orderedChildrenIds: u,
         childrenIndexes: m,
         itemsChildren: I
-      } = Ft({
+      } = Vt({
         storeParameters: e,
         items: a,
         parentId: h,
         depth: d,
-        isItemExpandable: (b, x) => !!x && x.length > 0,
+        isItemExpandable: (b, E) => !!E && E.length > 0,
         otherItemsMetaLookup: n
       });
       Object.assign(n, p), Object.assign(o, f), r[c] = u, s[c] = m;
@@ -1239,12 +1239,12 @@ class De {
     parentId: n,
     getChildrenCount: o
   }) => {
-    const r = n ?? se, s = n == null ? -1 : y.itemDepth(this.store.state, n), {
+    const r = n ?? ie, s = n == null ? -1 : y.itemDepth(this.store.state, n), {
       metaLookup: l,
       modelLookup: a,
       orderedChildrenIds: h,
       childrenIndexes: d
-    } = Ft({
+    } = Vt({
       storeParameters: this.store.parameters,
       items: e,
       parentId: n,
@@ -1273,7 +1273,7 @@ class De {
       return d.parentId === e ? a : S({}, a, {
         [d.id]: d
       });
-    }, {}), r = S({}, this.store.state.itemOrderedChildrenIdsLookup), s = S({}, this.store.state.itemChildrenIndexesLookup), l = e ?? se;
+    }, {}), r = S({}, this.store.state.itemOrderedChildrenIdsLookup), s = S({}, this.store.state.itemChildrenIndexesLookup), l = e ?? ie;
     delete s[l], delete r[l], this.store.update({
       itemMetaLookup: o,
       itemOrderedChildrenIdsLookup: r,
@@ -1289,58 +1289,58 @@ class De {
     this.store.parameters.onItemClick?.(e, n);
   };
 }
-const Yt = Te((t) => t.selectedItems, (t) => Array.isArray(t) ? t : t != null ? [t] : []), Vt = Te(Yt, (t) => {
+const Zt = Te((t) => t.selectedItems, (t) => Array.isArray(t) ? t : t != null ? [t] : []), zt = Te(Zt, (t) => {
   const e = /* @__PURE__ */ new Map();
   return t.forEach((n) => {
     e.set(n, !0);
   }), e;
-}), Je = P((t, e) => t.itemMetaLookup[e]?.selectable ?? !0), N = {
+}), Je = R((t, e) => t.itemMetaLookup[e]?.selectable ?? !0), N = {
   /**
    * Gets the selected items as provided to the component.
    */
-  selectedItemsRaw: P((t) => t.selectedItems),
+  selectedItemsRaw: R((t) => t.selectedItems),
   /**
    * Gets the selected items as an array.
    */
-  selectedItems: Yt,
+  selectedItems: Zt,
   /**
    * Gets the selected items as a Map.
    */
-  selectedItemsMap: Vt,
+  selectedItemsMap: zt,
   /**
    * Checks whether selection is enabled.
    */
-  enabled: P((t) => !t.disableSelection),
+  enabled: R((t) => !t.disableSelection),
   /**
    * Checks whether multi selection is enabled.
    */
-  isMultiSelectEnabled: P((t) => t.multiSelect),
+  isMultiSelectEnabled: R((t) => t.multiSelect),
   /**
    * Checks whether checkbox selection is enabled.
    */
-  isCheckboxSelectionEnabled: P((t) => t.checkboxSelection),
+  isCheckboxSelectionEnabled: R((t) => t.checkboxSelection),
   /**
    * Gets the selection propagation rules.
    */
-  propagationRules: P((t) => t.selectionPropagation),
+  propagationRules: R((t) => t.selectionPropagation),
   /**
    * Checks whether an item is selected.
    */
-  isItemSelected: P(Vt, (t, e) => t.has(e)),
+  isItemSelected: R(zt, (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: P(Je, (t) => !t.disableSelection, (t, e, n) => e && t),
+  isFeatureEnabledForItem: R(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: P(y.isItemDisabled, Je, (t) => !t.disableSelection, (t, e, n, o) => n && !t && e),
+  canItemBeSelected: R(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: Je
-}, Lo = P((t, e) => {
+}, Lo = R((t, e) => {
   if (N.isItemSelected(t, e))
     return "checked";
   let n = !1, o = !1;
@@ -1384,11 +1384,11 @@ const Yt = Te((t) => t.selectedItems, (t) => Array.isArray(t) ? t : t != null ?
   return t.forEach((n) => {
     e.set(n, !0);
   }), e;
-}), H = {
+}), q = {
   /**
    * Gets the expanded items as provided to the component.
    */
-  expandedItemsRaw: P((t) => t.expandedItems),
+  expandedItemsRaw: R((t) => t.expandedItems),
   /**
    * Gets the expanded items as a Map.
    */
@@ -1405,27 +1405,27 @@ const Yt = Te((t) => t.selectedItems, (t) => Array.isArray(t) ? t : t != null ?
         r.push(...n(l));
       return r;
     }
-    return (t[se] ?? []).flatMap(n);
+    return (t[ie] ?? []).flatMap(n);
   }),
   /**
    * Gets the slot that triggers the item's expansion when clicked.
    */
-  triggerSlot: P((t) => t.expansionTrigger),
+  triggerSlot: R((t) => t.expansionTrigger),
   /**
    * Checks whether an item is expanded.
    */
-  isItemExpanded: P(Qe, (t, e) => t.has(e)),
+  isItemExpanded: R(Qe, (t, e) => t.has(e)),
   /**
    * Checks whether an item is expandable.
    */
-  isItemExpandable: P(y.itemMeta, (t, e) => t?.expandable ?? !1)
+  isItemExpandable: R(y.itemMeta, (t, e) => t?.expandable ?? !1)
 }, nt = (t, e) => {
   let n = e.length - 1;
   for (; n >= 0 && !y.canItemBeFocused(t, e[n]); )
     n -= 1;
   if (n !== -1)
     return e[n];
-}, Zt = (t, e) => {
+}, en = (t, e) => {
   const n = y.itemMeta(t, e);
   if (!n)
     return null;
@@ -1436,13 +1436,13 @@ const Yt = Te((t) => t.selectedItems, (t) => Array.isArray(t) ? t : t != null ?
   for (; !y.canItemBeFocused(t, o[s]) && s >= 0; )
     s -= 1;
   if (s === -1)
-    return n.parentId == null ? null : Zt(t, n.parentId);
+    return n.parentId == null ? null : en(t, n.parentId);
   let l = o[s], a = nt(t, y.itemOrderedChildrenIds(t, l));
-  for (; H.isItemExpanded(t, l) && a != null; )
+  for (; q.isItemExpanded(t, l) && a != null; )
     l = a, a = nt(t, y.itemOrderedChildrenIds(t, l));
   return l;
 }, _e = (t, e) => {
-  if (H.isItemExpanded(t, e)) {
+  if (q.isItemExpanded(t, e)) {
     const o = y.itemOrderedChildrenIds(t, e).find((r) => y.canItemBeFocused(t, r));
     if (o != null)
       return o;
@@ -1460,16 +1460,16 @@ const Yt = Te((t) => t.selectedItems, (t) => Array.isArray(t) ? t : t != null ?
     n = y.itemMeta(t, n.parentId);
   }
   return null;
-}, en = (t) => {
+}, tn = (t) => {
   let e = null;
-  for (; e == null || H.isItemExpanded(t, e); ) {
+  for (; e == null || q.isItemExpanded(t, e); ) {
     const n = y.itemOrderedChildrenIds(t, e), o = nt(t, n);
     if (o == null)
       return e;
     e = o;
   }
   return e;
-}, ze = (t) => y.itemOrderedChildrenIds(t, null).find((e) => y.canItemBeFocused(t, e)), tn = (t, e, n) => {
+}, ze = (t) => y.itemOrderedChildrenIds(t, null).find((e) => y.canItemBeFocused(t, e)), nn = (t, e, n) => {
   if (e === n)
     return [e, n];
   const o = y.itemMeta(t, e), r = y.itemMeta(t, n);
@@ -1485,7 +1485,7 @@ const Yt = Te((t) => t.selectedItems, (t) => Array.isArray(t) ? t : t != null ?
   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))
+    if (q.isItemExpandable(t, h) && q.isItemExpanded(t, h))
       return y.itemOrderedChildrenIds(t, h)[0];
     let d = y.itemMeta(t, h);
     for (; d != null; ) {
@@ -1495,7 +1495,7 @@ const Yt = Te((t) => t.selectedItems, (t) => Array.isArray(t) ? t : t != null ?
       d = d.parentId ? y.itemMeta(t, d.parentId) : null;
     }
     throw new Error("Invalid range");
-  }, [r, s] = tn(t, e, n), l = [r];
+  }, [r, s] = nn(t, e, n), l = [r];
   let a = r;
   for (; a !== s; )
     a = o(a), y.isItemDisabled(t, a) || l.push(a);
@@ -1532,7 +1532,7 @@ class No {
       additionalItemsToPropagate: o
     }) : d = n, l)
       if (c) {
-        const p = nn({
+        const p = on({
           store: this.store,
           newModel: d,
           oldModel: h
@@ -1604,7 +1604,7 @@ class No {
    */
   expandSelectionRange = (e, n) => {
     if (this.lastSelectedItem != null) {
-      const [o, r] = tn(this.store.state, n, this.lastSelectedItem);
+      const [o, r] = nn(this.store.state, n, this.lastSelectedItem);
       this.selectRange(e, [o, r]);
     }
   };
@@ -1622,7 +1622,7 @@ class No {
    * @param {TreeViewItemId} itemId The id of the item from which the selection range should be expanded.
    */
   selectRangeFromItemToEnd = (e, n) => {
-    this.selectRange(e, [n, en(this.store.state)]);
+    this.selectRange(e, [n, tn(this.store.state)]);
   };
   /**
    * Update the selection when navigating with ArrowUp / ArrowDown keys.
@@ -1650,7 +1650,7 @@ function Fo({
   if (!e.descendants && !e.parents)
     return n;
   let s = !1;
-  const l = Ae(n), a = nn({
+  const l = Ae(n), a = on({
     store: t,
     newModel: n,
     oldModel: o
@@ -1687,7 +1687,7 @@ function Fo({
     }
   }), s ? Object.keys(l) : n;
 }
-function nn({
+function on({
   store: t,
   oldModel: e,
   newModel: n
@@ -1728,7 +1728,7 @@ function Vo(t, e, n) {
 function zo(t) {
   return t.replace(/["\\]/g, "\\$&");
 }
-const ut = /* @__PURE__ */ M.createContext(null);
+const ut = /* @__PURE__ */ O.createContext(null);
 process.env.NODE_ENV !== "production" && (ut.displayName = "TreeViewChildrenItemContext");
 function pt(t) {
   const {
@@ -1738,8 +1738,8 @@ function pt(t) {
   } = t, {
     store: r,
     rootRef: s
-  } = ge(), l = M.useRef(/* @__PURE__ */ new Map());
-  M.useEffect(() => {
+  } = ge(), l = O.useRef(/* @__PURE__ */ new Map());
+  O.useEffect(() => {
     if (!s.current)
       return;
     const h = y.itemOrderedChildrenIds(r.state, n ?? null) ?? [], d = zo(o ?? s.current.id);
@@ -1751,7 +1751,7 @@ function pt(t) {
     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 !== h.length || p.some((u, m) => u !== h[m])) && r.jsxItems.setJSXItemsOrderedChildrenIds(n ?? null, p);
   });
-  const a = M.useMemo(() => ({
+  const a = O.useMemo(() => ({
     registerChild: (h, d) => l.current.set(h, d),
     unregisterChild: (h) => l.current.delete(h),
     parentId: n
@@ -1765,12 +1765,12 @@ process.env.NODE_ENV !== "production" && (pt.propTypes = {
   children: i.node,
   id: i.string
 });
-const xe = /* @__PURE__ */ M.createContext(() => -1);
+const xe = /* @__PURE__ */ O.createContext(() => -1);
 process.env.NODE_ENV !== "production" && (xe.displayName = "TreeViewItemDepthContext");
 const jo = () => {
-}, rt = typeof document < "u" ? M.useLayoutEffect : jo, $o = [];
+}, rt = typeof document < "u" ? O.useLayoutEffect : jo, $o = [];
 function Bo(t) {
-  M.useEffect(t, $o);
+  O.useEffect(t, $o);
 }
 function Wo(t, e) {
   const n = Nn(), o = it(() => new t(S({}, e, {
@@ -1826,7 +1826,7 @@ const Uo = ({
   isItemEditable: t,
   expansionTrigger: e
 }) => e || (t ? "iconContainer" : "content");
-function on(t) {
+function rn(t) {
   return {
     disabledItemsFocusable: t.disabledItemsFocusable ?? !1,
     domStructure: "nested",
@@ -1843,20 +1843,20 @@ function on(t) {
     selectionPropagation: t.selectionPropagation ?? Se
   };
 }
-function zt(t, e, n) {
+function jt(t, e, n) {
   return t !== void 0 ? t : e !== void 0 ? e : n;
 }
 function Ho(t) {
   return S({
     treeId: void 0,
     focusedItemId: null
-  }, on(t), De.buildItemsStateIfNeeded(t), {
-    expandedItems: zt(t.expandedItems, t.defaultExpandedItems, []),
-    selectedItems: zt(t.selectedItems, t.defaultSelectedItems, t.multiSelect ? tt : null)
+  }, rn(t), De.buildItemsStateIfNeeded(t), {
+    expandedItems: jt(t.expandedItems, t.defaultExpandedItems, []),
+    selectedItems: jt(t.selectedItems, t.defaultSelectedItems, t.multiSelect ? tt : null)
   });
 }
-let jt = 0;
-const qo = () => (jt += 1, `mui-tree-view-${jt}`);
+let $t = 0;
+const qo = () => ($t += 1, `mui-tree-view-${$t}`);
 class Go {
   timeoutIds = /* @__PURE__ */ new Map();
   intervalIds = /* @__PURE__ */ new Map();
@@ -1898,7 +1898,7 @@ class Xo {
    * @param {TreeViewItemId} itemId The id of the item to check.
    * @returns {boolean} `true` if the item is expanded, `false` otherwise.
    */
-  isItemExpanded = (e) => H.isItemExpanded(this.store.state, e);
+  isItemExpanded = (e) => q.isItemExpanded(this.store.state, e);
   buildPublicAPI = () => ({
     isItemExpanded: this.isItemExpanded,
     setItemExpansion: this.setItemExpansion
@@ -1915,7 +1915,7 @@ class Xo {
     event: n = null,
     shouldBeExpanded: o
   }) => {
-    const r = H.isItemExpanded(this.store.state, e), s = o ?? !r;
+    const r = q.isItemExpanded(this.store.state, e), s = o ?? !r;
     if (r === s)
       return;
     const l = {
@@ -1943,7 +1943,7 @@ class Xo {
     event: n,
     shouldBeExpanded: o
   }) => {
-    const r = H.expandedItemsRaw(this.store.state);
+    const r = q.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);
   };
@@ -1956,7 +1956,7 @@ class Xo {
     const o = y.itemMeta(this.store.state, n);
     if (o == null)
       return;
-    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);
+    const s = y.itemOrderedChildrenIds(this.store.state, o.parentId).filter((a) => q.isItemExpandable(this.store.state, a) && !q.isItemExpanded(this.store.state, a)), l = q.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));
@@ -1978,27 +1978,27 @@ const me = {
   /**
    * Checks whether an item is editable.
    */
-  isItemEditable: P((t) => t.isItemEditable, y.itemModel, (t, e, n) => !e || t == null ? !1 : typeof t == "boolean" ? t : t(e)),
+  isItemEditable: R((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: P((t, e) => e == null ? !1 : t.editedItemId === e),
+  isItemBeingEdited: R((t, e) => e == null ? !1 : t.editedItemId === e),
   /**
    * Checks whether any item is being edited.
    */
-  isAnyItemBeingEdited: P((t) => !!t.editedItemId)
+  isAnyItemBeingEdited: R((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 = $t(y.itemMetaLookup(this.store.state)), this.store.registerStoreEffect(y.itemMetaLookup, (n, o) => {
-      this.store.shouldIgnoreItemsStateUpdate() || (this.labelMap = $t(o));
+    this.store = e, this.labelMap = Bt(y.itemMetaLookup(this.store.state)), this.store.registerStoreEffect(y.itemMetaLookup, (n, o) => {
+      this.store.shouldIgnoreItemsStateUpdate() || (this.labelMap = Bt(o));
     });
   }
   canToggleItemSelection = (e) => N.canItemBeSelected(this.store.state, e);
-  canToggleItemExpansion = (e) => !y.isItemDisabled(this.store.state, e) && H.isItemExpandable(this.store.state, e);
+  canToggleItemExpansion = (e) => !y.isItemDisabled(this.store.state, e) && q.isItemExpandable(this.store.state, e);
   getFirstItemMatchingTypeaheadQuery = (e, n) => {
     const o = (d) => {
       const c = _e(this.store.state, d);
@@ -2071,7 +2071,7 @@ class Qo {
       }
       // Focuses the previous focusable item
       case r === "ArrowUp": {
-        const l = Zt(this.store.state, n);
+        const l = en(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;
       }
@@ -2080,7 +2080,7 @@ class Qo {
       case (r === "ArrowRight" && !this.store.parameters.isRtl || r === "ArrowLeft" && this.store.parameters.isRtl): {
         if (o)
           return;
-        if (H.isItemExpanded(this.store.state, n)) {
+        if (q.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({
@@ -2094,7 +2094,7 @@ class Qo {
       case (r === "ArrowLeft" && !this.store.parameters.isRtl || r === "ArrowRight" && this.store.parameters.isRtl): {
         if (o)
           return;
-        if (this.canToggleItemExpansion(n) && H.isItemExpanded(this.store.state, n))
+        if (this.canToggleItemExpansion(n) && q.isItemExpanded(this.store.state, n))
           this.store.expansion.setItemExpansion({
             event: e,
             itemId: n
@@ -2112,7 +2112,7 @@ class Qo {
       }
       // 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, en(this.store.state)), e.preventDefault();
+        this.canToggleItemSelection(n) && s && o && e.shiftKey ? this.store.selection.selectRangeFromItemToEnd(e, n) : this.store.focus.focusItem(e, tn(this.store.state)), e.preventDefault();
         break;
       }
       // Expand all siblings that are at the same level as the focused item
@@ -2141,13 +2141,13 @@ class Qo {
 function Yo(t) {
   return !!t && t.length === 1 && !!t.match(/\S/);
 }
-function $t(t) {
+function Bt(t) {
   const e = {}, n = (o) => {
     e[o.id] = o.label.toLowerCase();
   };
   return Object.values(t).forEach(n), e;
 }
-const Bt = Te(N.selectedItems, H.expandedItemsMap, y.itemMetaLookup, y.disabledItemFocusable, (t) => y.itemOrderedChildrenIds(t, null), (t, e, n, o, r) => {
+const Wt = Te(N.selectedItems, q.expandedItemsMap, y.itemMetaLookup, y.disabledItemFocusable, (t) => y.itemOrderedChildrenIds(t, null), (t, e, n, o, r) => {
   const s = t.find((a) => {
     if (!o && Ve(n, a))
       return !1;
@@ -2164,19 +2164,19 @@ const Bt = Te(N.selectedItems, H.expandedItemsMap, y.itemMetaLookup, y.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: Bt,
+  defaultFocusableItemId: Wt,
   /**
    * Checks whether an item is the default focusable item.
    */
-  isItemTheDefaultFocusableItem: P(Bt, (t, e) => t === e),
+  isItemTheDefaultFocusableItem: R(Wt, (t, e) => t === e),
   /**
    * Gets the id of the item that is currently focused.
    */
-  focusedItemId: P((t) => t.focusedItemId),
+  focusedItemId: R((t) => t.focusedItemId),
   /**
    * Checks whether an item is focused.
    */
-  isItemFocused: P((t, e) => t.focusedItemId === e)
+  isItemFocused: R((t, e) => t.focusedItemId === e)
 };
 class Zo {
   // We can't type `store`, otherwise we get the following TS error:
@@ -2213,7 +2213,7 @@ class Zo {
    */
   focusItem = (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);
+    o && (o.parentId == null || q.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).
@@ -2279,7 +2279,7 @@ class tr extends dt {
         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 = on(e);
+    }, o = rn(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;
@@ -2319,23 +2319,23 @@ class tr extends dt {
 function nr(t) {
   return t.isPropagationStopped !== void 0;
 }
-const Wt = {
+const Kt = {
   /**
    * Checks if the lazy loaded state is empty.
    */
-  isEmpty: P((t) => t.lazyLoadedItems == null ? !0 : Object.keys(t.lazyLoadedItems.loading).length === 0 && Object.keys(t.lazyLoadedItems.errors).length === 0),
+  isEmpty: R((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: P((t, e) => t.lazyLoadedItems?.loading[e ?? se] ?? !1),
+  isItemLoading: R((t, e) => t.lazyLoadedItems?.loading[e ?? ie] ?? !1),
   /**
    * Checks whether an item has errors.
    */
-  itemHasError: P((t, e) => !!t.lazyLoadedItems?.errors[e ?? se]),
+  itemHasError: R((t, e) => !!t.lazyLoadedItems?.errors[e ?? ie]),
   /**
    * Get an item error.
    */
-  itemError: P((t, e) => t.lazyLoadedItems?.errors[e ?? se])
+  itemError: R((t, e) => t.lazyLoadedItems?.errors[e ?? ie])
 }, ft = (t) => Array.isArray(t) ? t.length > 0 && t.some(ft) : !!t, or = ({
   itemId: t,
   children: e
@@ -2343,7 +2343,7 @@ const Wt = {
   const {
     store: n,
     publicAPI: o
-  } = ge(), 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 = {
+  } = ge(), r = W(n, q.isItemExpandable, t), s = W(n, Kt.isItemLoading, t), l = W(n, Kt.itemHasError, t), a = ft(e) || r, h = W(n, q.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: h,
     focused: d,
@@ -2353,34 +2353,34 @@ const Wt = {
     editable: u,
     loading: s,
     error: l
-  }, I = (C) => {
+  }, I = (x) => {
     if (m.disabled)
       return;
-    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,
+    m.focused || n.focus.focusItem(x, t);
+    const D = N.isMultiSelectEnabled(n.state) && (x.shiftKey || x.ctrlKey || x.metaKey);
+    m.expandable && !(D && q.isItemExpanded(n.state, t)) && n.expansion.setItemExpansion({
+      event: x,
       itemId: t
     });
-  }, b = (C) => {
+  }, b = (x) => {
     if (!N.canItemBeSelected(n.state, t))
       return;
-    !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,
+    !m.focused && !m.editing && n.focus.focusItem(x, t), N.isMultiSelectEnabled(n.state) && (x.shiftKey || x.ctrlKey || x.metaKey) ? x.shiftKey ? n.selection.expandSelectionRange(x, t) : n.selection.setItemSelection({
+      event: x,
       itemId: t,
       keepExistingSelection: !0
     }) : n.selection.setItemSelection({
-      event: C,
+      event: x,
       itemId: t,
       shouldBeSelected: !0
     });
-  }, x = (C) => {
-    const D = C.nativeEvent.shiftKey, V = N.isMultiSelectEnabled(n.state);
-    V && D ? n.selection.expandSelectionRange(C, t) : n.selection.setItemSelection({
-      event: C,
+  }, E = (x) => {
+    const D = x.nativeEvent.shiftKey, V = N.isMultiSelectEnabled(n.state);
+    V && D ? n.selection.expandSelectionRange(x, t) : n.selection.setItemSelection({
+      event: x,
       itemId: t,
       keepExistingSelection: V,
-      shouldBeSelected: C.target.checked
+      shouldBeSelected: x.target.checked
     });
   }, w = () => {
     n.labelEditing && (f ? n.labelEditing.setEditedItem(null) : n.labelEditing.setEditedItem(t));
@@ -2389,13 +2389,13 @@ const Wt = {
     interactions: {
       handleExpansion: I,
       handleSelection: b,
-      handleCheckboxSelection: x,
+      handleCheckboxSelection: E,
       toggleItemEditing: w,
-      handleSaveItemLabel: (C, D) => {
-        n.labelEditing && me.isItemBeingEdited(n.state, t) && (n.labelEditing.updateItemLabel(t, D), w(), n.focus.focusItem(C, t));
+      handleSaveItemLabel: (x, D) => {
+        n.labelEditing && me.isItemBeingEdited(n.state, t) && (n.labelEditing.updateItemLabel(t, D), w(), n.focus.focusItem(x, t));
       },
-      handleCancelItemLabelEditing: (C) => {
-        n.labelEditing && me.isItemBeingEdited(n.state, t) && (w(), n.focus.focusItem(C, t));
+      handleCancelItemLabelEditing: (x) => {
+        n.labelEditing && me.isItemBeingEdited(n.state, t) && (w(), n.focus.focusItem(x, t));
       }
     },
     status: m,
@@ -2415,7 +2415,7 @@ const Wt = {
     label: a,
     itemId: h,
     id: d
-  } = t, c = M.useContext(ut);
+  } = t, c = O.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(`
 `));
@@ -2423,29 +2423,29 @@ const Wt = {
     registerChild: p,
     unregisterChild: f,
     parentId: u
-  } = 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({
+  } = c, m = ft(r), I = O.useRef(null), b = Ne(I, n), E = W(o, ke.treeItemIdAttribute, h, d);
+  return rt(() => (p(E, h), () => {
+    f(E), f(E);
+  }), [o, p, f, E, h]), rt(() => o.jsxItems.insertJSXItem({
     id: h,
     idAttribute: d,
     parentId: u,
     expandable: m,
     disabled: s,
     selectable: !l
-  }), [o, u, h, m, s, l, d]), M.useEffect(() => {
+  }), [o, u, h, m, s, l, d]), O.useEffect(() => {
     if (a)
       return o.jsxItems.mapLabelFromJSX(h, (I.current?.textContent ?? "").toLowerCase());
   }, [o, h, a]), {
     contentRef: b,
     rootRef: e
   };
-}, rn = ({
+}, sn = ({
   children: t,
   itemId: e,
   idAttribute: n
 }) => {
-  const o = M.useContext(xe);
+  const o = O.useContext(xe);
   return /* @__PURE__ */ v(pt, {
     itemId: e,
     idAttribute: n,
@@ -2455,10 +2455,10 @@ const Wt = {
     })
   });
 };
-process.env.NODE_ENV !== "production" && (rn.displayName = "jsxItemsitemWrapper");
+process.env.NODE_ENV !== "production" && (sn.displayName = "jsxItemsitemWrapper");
 class sr {
   constructor(e) {
-    this.store = e, e.itemPluginManager.register(rr, rn);
+    this.store = e, e.itemPluginManager.register(rr, sn);
   }
   /**
    * Insert a new item in the state from a Tree Item component.
@@ -2508,13 +2508,13 @@ class sr {
    * @param {TreeViewItemId[]} orderedChildrenIds The ids of the item's children.
    */
   setJSXItemsOrderedChildrenIds = (e, n) => {
-    const o = e ?? se;
+    const o = e ?? ie;
     this.store.update({
       itemOrderedChildrenIdsLookup: S({}, this.store.state.itemOrderedChildrenIdsLookup, {
         [o]: n
       }),
       itemChildrenIndexesLookup: S({}, this.store.state.itemChildrenIndexesLookup, {
-        [o]: Qt(n)
+        [o]: Yt(n)
       })
     });
   };
@@ -2537,11 +2537,11 @@ class lr extends tr {
     }));
   }
 }
-const ar = qt(), cr = (t) => {
+const ar = Gt(), cr = (t) => {
   const {
     classes: e
   } = t;
-  return M.useMemo(() => ve({
+  return O.useMemo(() => ve({
     root: ["root"],
     item: ["item"],
     itemContent: ["itemContent"],
@@ -2553,7 +2553,7 @@ const ar = qt(), cr = (t) => {
     // itemDragAndDropOverlay: ['itemDragAndDropOverlay'], => feature not available on this component
     // itemErrorIcon: ['itemErrorIcon'], => feature not available on this component
   }, Un, e), [e]);
-}, dr = G("ul", {
+}, dr = X("ul", {
   name: "MuiSimpleTreeView",
   slot: "Root"
 })({
@@ -2562,7 +2562,7 @@ const ar = qt(), cr = (t) => {
   listStyle: "none",
   outline: 0,
   position: "relative"
-}), ht = /* @__PURE__ */ M.forwardRef(function(e, n) {
+}), ht = /* @__PURE__ */ O.forwardRef(function(e, n) {
   const o = ar({
     props: e,
     name: "MuiSimpleTreeView"
@@ -2574,7 +2574,7 @@ const ar = qt(), cr = (t) => {
     apiRef: l,
     parameters: a,
     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({
+  } = Jn(o), d = Wo(lr, a), c = O.useRef(null), p = Ne(n, c), f = Vo(d, h, p), u = cr(o), m = r?.root ?? dr, I = ne({
     elementType: m,
     externalSlotProps: s?.root,
     className: u.root,
@@ -2776,7 +2776,7 @@ const pr = (t) => {
     wrapperInner: ["wrapperInner", `${e}`]
   };
   return ve(o, ur, n);
-}, fr = G("div", {
+}, fr = X("div", {
   name: "MuiCollapse",
   slot: "Root",
   overridesResolver: (t, e) => {
@@ -2785,7 +2785,7 @@ const pr = (t) => {
     } = t;
     return [e.root, e[n.orientation], n.state === "entered" && e.entered, n.state === "exited" && !n.in && n.collapsedSize === "0px" && e.hidden];
   }
-})(Ut(({
+})(Ht(({
   theme: t
 }) => ({
   height: 0,
@@ -2824,7 +2824,7 @@ const pr = (t) => {
       visibility: "hidden"
     }
   }]
-}))), hr = G("div", {
+}))), hr = X("div", {
   name: "MuiCollapse",
   slot: "Wrapper"
 })({
@@ -2840,7 +2840,7 @@ const pr = (t) => {
       height: "100%"
     }
   }]
-}), mr = G("div", {
+}), mr = X("div", {
   name: "MuiCollapse",
   slot: "WrapperInner"
 })({
@@ -2854,8 +2854,8 @@ const pr = (t) => {
       height: "100%"
     }
   }]
-}), je = /* @__PURE__ */ M.forwardRef(function(e, n) {
-  const o = Kt({
+}), je = /* @__PURE__ */ O.forwardRef(function(e, n) {
+  const o = Ut({
     props: e,
     name: "MuiCollapse"
   }), {
@@ -2872,128 +2872,128 @@ const pr = (t) => {
     onExit: m,
     onExited: I,
     onExiting: b,
-    orientation: x = "vertical",
+    orientation: E = "vertical",
     slots: w = {},
-    slotProps: _ = {},
-    style: R,
-    timeout: F = Ln.standard,
+    slotProps: M = {},
+    style: L,
+    timeout: _ = Ln.standard,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: C = Vn,
+    TransitionComponent: x = Vn,
     ...D
   } = o, V = {
     ...o,
-    orientation: x,
+    orientation: E,
     collapsedSize: a
-  }, j = pr(V), E = $n(), k = kn(), O = M.useRef(null), A = M.useRef(), L = typeof a == "number" ? `${a}px` : a, $ = x === "horizontal", B = $ ? "width" : "height", J = M.useRef(null), Z = On(n, J), q = (z) => (ne) => {
+  }, B = pr(V), j = $n(), k = kn(), C = O.useRef(null), F = O.useRef(), A = typeof a == "number" ? `${a}px` : a, P = E === "horizontal", $ = P ? "width" : "height", K = O.useRef(null), ee = On(n, K), G = (z) => (oe) => {
     if (z) {
-      const oe = J.current;
-      ne === void 0 ? z(oe) : z(oe, ne);
+      const re = K.current;
+      oe === void 0 ? z(re) : z(re, oe);
     }
-  }, 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 = "");
+  }, Z = () => C.current ? C.current[P ? "clientWidth" : "clientHeight"] : 0, ae = G((z, oe) => {
+    C.current && P && (C.current.style.position = "absolute"), z.style[$] = A, p && p(z, oe);
+  }), ue = G((z, oe) => {
+    const re = Z();
+    C.current && P && (C.current.style.position = "");
     const {
       duration: le,
       easing: Me
-    } = vt({
-      style: R,
-      timeout: F,
+    } = wt({
+      style: L,
+      timeout: _,
       easing: d
     }, {
       mode: "enter"
     });
-    if (F === "auto") {
-      const It = E.transitions.getAutoHeightDuration(oe);
-      z.style.transitionDuration = `${It}ms`, A.current = It;
+    if (_ === "auto") {
+      const It = j.transitions.getAutoHeightDuration(re);
+      z.style.transitionDuration = `${It}ms`, F.current = It;
     } else
       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,
+    z.style[$] = `${re}px`, z.style.transitionTimingFunction = Me, u && u(z, oe);
+  }), ce = G((z, oe) => {
+    z.style[$] = "auto", f && f(z, oe);
+  }), pe = G((z) => {
+    z.style[$] = `${Z()}px`, m && m(z);
+  }), U = G(I), J = G((z) => {
+    const oe = Z(), {
+      duration: re,
       easing: le
-    } = vt({
-      style: R,
-      timeout: F,
+    } = wt({
+      style: L,
+      timeout: _,
       easing: d
     }, {
       mode: "exit"
     });
-    if (F === "auto") {
-      const Me = E.transitions.getAutoHeightDuration(ne);
-      z.style.transitionDuration = `${Me}ms`, A.current = Me;
+    if (_ === "auto") {
+      const Me = j.transitions.getAutoHeightDuration(oe);
+      z.style.transitionDuration = `${Me}ms`, F.current = Me;
     } else
-      z.style.transitionDuration = typeof oe == "string" ? oe : `${oe}ms`;
-    z.style[B] = L, z.style.transitionTimingFunction = le, b && b(z);
+      z.style.transitionDuration = typeof re == "string" ? re : `${re}ms`;
+    z.style[$] = A, z.style.transitionTimingFunction = le, b && b(z);
   }), T = (z) => {
-    F === "auto" && k.start(A.current || 0, z), r && r(J.current, z);
+    _ === "auto" && k.start(F.current || 0, z), r && r(K.current, z);
   }, g = {
     slots: w,
-    slotProps: _,
+    slotProps: M,
     component: h
-  }, [U, ee] = Ie("root", {
-    ref: Z,
-    className: Q(j.root, l),
+  }, [H, te] = Ie("root", {
+    ref: ee,
+    className: Y(B.root, l),
     elementType: fr,
     externalForwardedProps: g,
     ownerState: V,
     additionalProps: {
       style: {
-        [$ ? "minWidth" : "minHeight"]: L,
-        ...R
+        [P ? "minWidth" : "minHeight"]: A,
+        ...L
       }
     }
-  }), [Oe, pn] = Ie("wrapper", {
-    ref: O,
-    className: j.wrapper,
+  }), [Oe, fn] = Ie("wrapper", {
+    ref: C,
+    className: B.wrapper,
     elementType: hr,
     externalForwardedProps: g,
     ownerState: V
-  }), [fn, hn] = Ie("wrapperInner", {
-    className: j.wrapperInner,
+  }), [hn, mn] = Ie("wrapperInner", {
+    className: B.wrapperInner,
     elementType: mr,
     externalForwardedProps: g,
     ownerState: V
   });
-  return /* @__PURE__ */ v(C, {
+  return /* @__PURE__ */ v(x, {
     in: c,
     onEnter: ae,
     onEntered: ce,
     onEntering: ue,
     onExit: pe,
-    onExited: K,
-    onExiting: X,
+    onExited: U,
+    onExiting: J,
     addEndListener: T,
-    nodeRef: J,
-    timeout: F === "auto" ? null : F,
+    nodeRef: K,
+    timeout: _ === "auto" ? null : _,
     ...D,
     children: (z, {
-      ownerState: ne,
-      ...oe
+      ownerState: oe,
+      ...re
     }) => {
       const le = {
         ...V,
         state: z
       };
-      return /* @__PURE__ */ v(U, {
-        ...ee,
-        className: Q(ee.className, {
-          entered: j.entered,
-          exited: !c && L === "0px" && j.hidden
+      return /* @__PURE__ */ v(H, {
+        ...te,
+        className: Y(te.className, {
+          entered: B.entered,
+          exited: !c && A === "0px" && B.hidden
         }[z]),
         ownerState: le,
-        ...oe,
+        ...re,
         children: /* @__PURE__ */ v(Oe, {
-          ...pn,
+          ...fn,
           ownerState: le,
-          children: /* @__PURE__ */ v(fn, {
-            ...hn,
+          children: /* @__PURE__ */ v(hn, {
+            ...mn,
             ownerState: le,
             children: s
           })
@@ -3131,7 +3131,7 @@ const gr = (t) => {
     input: ["input"]
   };
   return ve(s, Ir, e);
-}, br = G(Pn, {
+}, br = X(Pn, {
   name: "MuiSwitchBase"
 })({
   padding: 9,
@@ -3169,9 +3169,9 @@ const gr = (t) => {
       marginRight: -12
     }
   }]
-}), Sr = G("input", {
+}), Sr = X("input", {
   name: "MuiSwitchBase",
-  shouldForwardProp: Ht
+  shouldForwardProp: qt
 })({
   cursor: "inherit",
   position: "absolute",
@@ -3183,7 +3183,7 @@ const gr = (t) => {
   margin: 0,
   padding: 0,
   zIndex: 1
-}), sn = /* @__PURE__ */ M.forwardRef(function(e, n) {
+}), ln = /* @__PURE__ */ O.forwardRef(function(e, n) {
   const {
     autoFocus: o,
     checked: r,
@@ -3199,39 +3199,39 @@ const gr = (t) => {
     name: m,
     onBlur: I,
     onChange: b,
-    onFocus: x,
+    onFocus: E,
     readOnly: w,
-    required: _ = !1,
-    tabIndex: R,
-    type: F,
-    value: C,
+    required: M = !1,
+    tabIndex: L,
+    type: _,
+    value: x,
     slots: D = {},
     slotProps: V = {},
-    ...j
-  } = e, [E, k] = Fn({
+    ...B
+  } = e, [j, k] = Fn({
     controlled: r,
     default: !!l,
     name: "SwitchBase",
     state: "checked"
-  }), O = _n(), 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)
+  }), C = _n(), F = (U) => {
+    E && E(U), C && C.onFocus && C.onFocus(U);
+  }, A = (U) => {
+    I && I(U), C && C.onBlur && C.onBlur(U);
+  }, P = (U) => {
+    if (U.nativeEvent.defaultPrevented || w)
       return;
-    const X = K.target.checked;
-    k(X), b && b(K, X);
+    const J = U.target.checked;
+    k(J), b && b(U, J);
   };
-  let B = a;
-  O && typeof B > "u" && (B = O.disabled);
-  const J = F === "checkbox" || F === "radio", Z = {
+  let $ = a;
+  C && typeof $ > "u" && ($ = C.disabled);
+  const K = _ === "checkbox" || _ === "radio", ee = {
     ...e,
-    checked: E,
-    disabled: B,
+    checked: j,
+    disabled: $,
     disableFocusRipple: h,
     edge: d
-  }, q = gr(Z), ie = {
+  }, G = gr(ee), Z = {
     slots: D,
     slotProps: {
       input: f,
@@ -3240,66 +3240,66 @@ const gr = (t) => {
   }, [ae, ue] = Ie("root", {
     ref: n,
     elementType: br,
-    className: q.root,
+    className: G.root,
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
-      ...ie,
+      ...Z,
       component: "span",
-      ...j
+      ...B
     },
-    getSlotProps: (K) => ({
-      ...K,
-      onFocus: (X) => {
-        K.onFocus?.(X), A(X);
+    getSlotProps: (U) => ({
+      ...U,
+      onFocus: (J) => {
+        U.onFocus?.(J), F(J);
       },
-      onBlur: (X) => {
-        K.onBlur?.(X), L(X);
+      onBlur: (J) => {
+        U.onBlur?.(J), A(J);
       }
     }),
-    ownerState: Z,
+    ownerState: ee,
     additionalProps: {
       centerRipple: !0,
       focusRipple: !h,
-      disabled: B,
+      disabled: $,
       role: void 0,
       tabIndex: null
     }
   }), [ce, pe] = Ie("input", {
     ref: u,
     elementType: Sr,
-    className: q.input,
-    externalForwardedProps: ie,
-    getSlotProps: (K) => ({
-      ...K,
-      onChange: (X) => {
-        K.onChange?.(X), $(X);
+    className: G.input,
+    externalForwardedProps: Z,
+    getSlotProps: (U) => ({
+      ...U,
+      onChange: (J) => {
+        U.onChange?.(J), P(J);
       }
     }),
-    ownerState: Z,
+    ownerState: ee,
     additionalProps: {
       autoFocus: o,
       checked: r,
       defaultChecked: l,
-      disabled: B,
-      id: J ? p : void 0,
+      disabled: $,
+      id: K ? p : void 0,
       name: m,
       readOnly: w,
-      required: _,
-      tabIndex: R,
-      type: F,
-      ...F === "checkbox" && C === void 0 ? {} : {
-        value: C
+      required: M,
+      tabIndex: L,
+      type: _,
+      ..._ === "checkbox" && x === void 0 ? {} : {
+        value: x
       }
     }
   });
-  return /* @__PURE__ */ Y(ae, {
+  return /* @__PURE__ */ Q(ae, {
     ...ue,
     children: [/* @__PURE__ */ v(ce, {
       ...pe
-    }), E ? s : c]
+    }), j ? s : c]
   });
 });
-process.env.NODE_ENV !== "production" && (sn.propTypes = {
+process.env.NODE_ENV !== "production" && (ln.propTypes = {
   /**
    * If `true`, the `input` element is focused during the first mount.
    */
@@ -3442,8 +3442,8 @@ const Ye = Ce("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
     // forward the disabled and checked classes to the SwitchBase
     ...l
   };
-}, wr = G(sn, {
-  shouldForwardProp: (t) => Ht(t) || t === "classes",
+}, wr = X(ln, {
+  shouldForwardProp: (t) => qt(t) || t === "classes",
   name: "MuiCheckbox",
   slot: "Root",
   overridesResolver: (t, e) => {
@@ -3452,7 +3452,7 @@ const Ye = Ce("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
     } = t;
     return [e.root, n.indeterminate && e.indeterminate, e[`size${ye(n.size)}`], n.color !== "default" && e[`color${ye(n.color)}`]];
   }
-})(Ut(({
+})(Ht(({
   theme: t
 }) => ({
   color: (t.vars || t).palette.text.secondary,
@@ -3466,7 +3466,7 @@ const Ye = 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(Ct()).map(([e]) => ({
+  }, ...Object.entries(t.palette).filter(vt()).map(([e]) => ({
     props: {
       color: e,
       disableRipple: !1
@@ -3476,7 +3476,7 @@ const Ye = 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(Ct()).map(([e]) => ({
+  })), ...Object.entries(t.palette).filter(vt()).map(([e]) => ({
     props: {
       color: e
     },
@@ -3502,8 +3502,8 @@ const Ye = Ce("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
       }
     }
   }]
-}))), Tr = /* @__PURE__ */ v(xr, {}), kr = /* @__PURE__ */ v(yr, {}), Or = /* @__PURE__ */ v(Er, {}), ln = /* @__PURE__ */ M.forwardRef(function(e, n) {
-  const o = Kt({
+}))), Tr = /* @__PURE__ */ v(xr, {}), kr = /* @__PURE__ */ v(yr, {}), Or = /* @__PURE__ */ v(Er, {}), an = /* @__PURE__ */ O.forwardRef(function(e, n) {
+  const o = Ut({
     props: e,
     name: "MuiCheckbox"
   }), {
@@ -3519,16 +3519,16 @@ const Ye = Ce("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
     slots: u = {},
     slotProps: m = {},
     ...I
-  } = o, b = a ? h : l, x = a ? h : r, w = {
+  } = o, b = a ? h : l, E = a ? h : r, w = {
     ...o,
     disableRipple: p,
     color: s,
     indeterminate: a,
     size: c
-  }, _ = vr(w), R = m.input ?? d, [F, C] = Ie("root", {
+  }, M = vr(w), L = m.input ?? d, [_, x] = Ie("root", {
     ref: n,
     elementType: wr,
-    className: Q(_.root, f),
+    className: Y(M.root, f),
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
       slots: u,
@@ -3538,27 +3538,27 @@ const Ye = Ce("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
     ownerState: w,
     additionalProps: {
       type: "checkbox",
-      icon: /* @__PURE__ */ M.cloneElement(b, {
+      icon: /* @__PURE__ */ O.cloneElement(b, {
         fontSize: b.props.fontSize ?? c
       }),
-      checkedIcon: /* @__PURE__ */ M.cloneElement(x, {
-        fontSize: x.props.fontSize ?? c
+      checkedIcon: /* @__PURE__ */ O.cloneElement(E, {
+        fontSize: E.props.fontSize ?? c
       }),
       disableRipple: p,
       slots: u,
       slotProps: {
-        input: zn(typeof R == "function" ? R(w) : R, {
+        input: zn(typeof L == "function" ? L(w) : L, {
           "data-indeterminate": a
         })
       }
     }
   });
-  return /* @__PURE__ */ v(F, {
-    ...C,
-    classes: _
+  return /* @__PURE__ */ v(_, {
+    ...x,
+    classes: M
   });
 });
-process.env.NODE_ENV !== "production" && (ln.propTypes = {
+process.env.NODE_ENV !== "production" && (an.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -3677,7 +3677,7 @@ const Mr = (t, e, n) => typeof n == "function" ? n(t, e) : n, Pr = (t) => {
     runItemPlugins: e,
     publicAPI: n,
     store: o
-  } = ge(), r = M.useContext(xe), s = W(o, Mr, t.itemId, r), {
+  } = ge(), r = O.useContext(xe), s = W(o, Mr, t.itemId, r), {
     id: l,
     itemId: a,
     label: h,
@@ -3693,29 +3693,29 @@ const Mr = (t, e, n) => typeof n == "function" ? n(t, e) : n, Pr = (t) => {
   } = or({
     itemId: a,
     children: d
-  }), 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 = {
+  }), b = O.useRef(null), E = O.useRef(null), w = Ne(c, p, b), M = Ne(f, E), L = O.useRef(null), _ = W(o, N.isCheckboxSelectionEnabled), x = W(o, ke.treeItemIdAttribute, a, l), D = W(o, de.isItemTheDefaultFocusableItem, a), V = {
     rootRefObject: b,
-    contentRefObject: x,
+    contentRefObject: E,
     interactions: m
-  }, j = (T) => (g) => {
+  }, B = (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) => {
+  }, j = (T) => (g) => {
     if (T.onBlur?.(g), g.defaultMuiPrevented)
       return;
-    const U = o.items.getItemDOMElement(a);
+    const H = 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
-    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();
+    g.relatedTarget && ot(g.relatedTarget, H) && (g.target && g.target?.dataset?.element === "labelInput" && ot(g.target, H) || 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) => {
+  }, C = (T) => (g) => {
     T.onDoubleClick?.(g), !g.defaultMuiPrevented && m.toggleItemEditing();
+  }, F = (T) => (g) => {
+    T.onClick?.(g), o.items.handleItemClick(g, a), !(g.defaultMuiPrevented || L.current?.contains(g.target)) && (q.triggerSlot(o.state) === "content" && m.handleExpansion(g), _ || m.handleSelection(g));
   }, 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);
+  }, P = (T) => (g) => {
+    T.onClick?.(g), !g.defaultMuiPrevented && q.triggerSlot(o.state) === "iconContainer" && m.handleExpansion(g);
   };
   return {
     getContextProviderProps: () => ({
@@ -3723,42 +3723,42 @@ const Mr = (t, e, n) => typeof n == "function" ? n(t, e) : n, Pr = (t) => {
       id: l
     }),
     getRootProps: (T = {}) => {
-      const g = S({}, re(t), re(T)), U = S({}, g, {
+      const g = S({}, se(t), se(T)), H = S({}, g, {
         ref: w,
         role: "treeitem",
         tabIndex: D ? 0 : -1,
-        id: C,
+        id: x,
         "aria-expanded": I.expandable ? I.expanded : void 0,
         "aria-disabled": I.disabled || void 0
       }, T, {
         style: S({}, T.style ?? {}, {
           "--TreeView-itemDepth": s
         }),
-        onFocus: j(g),
-        onBlur: E(g),
+        onFocus: B(g),
+        onBlur: j(g),
         onKeyDown: k(g)
-      }), ee = u.root?.(S({}, V, {
+      }), te = u.root?.(S({}, V, {
         externalEventHandlers: g
       })) ?? {};
-      return S({}, U, ee);
+      return S({}, H, te);
     },
     getContentProps: (T = {}) => {
-      const g = re(T), U = S({}, g, T, {
-        ref: _,
-        onClick: A(g),
-        onMouseDown: L(g),
+      const g = se(T), H = S({}, g, T, {
+        ref: M,
+        onClick: F(g),
+        onMouseDown: A(g),
         status: I
       });
       ["expanded", "selected", "focused", "disabled", "editing", "editable"].forEach((Oe) => {
-        I[Oe] && (U[`data-${Oe}`] = "");
+        I[Oe] && (H[`data-${Oe}`] = "");
       });
-      const ee = u.content?.(S({}, V, {
+      const te = u.content?.(S({}, V, {
         externalEventHandlers: g
       })) ?? {};
-      return S({}, U, ee);
+      return S({}, H, te);
     },
     getGroupTransitionProps: (T = {}) => {
-      const g = re(T);
+      const g = se(T);
       return S({}, g, {
         unmountOnExit: !0,
         component: "ul",
@@ -3768,48 +3768,48 @@ const Mr = (t, e, n) => typeof n == "function" ? n(t, e) : n, Pr = (t) => {
       }, T);
     },
     getIconContainerProps: (T = {}) => {
-      const g = re(T);
+      const g = se(T);
       return S({}, g, T, {
-        onClick: $(g)
+        onClick: P(g)
       });
     },
     getCheckboxProps: (T = {}) => {
-      const g = re(T), U = S({}, g, {
-        ref: R,
+      const g = se(T), H = S({}, g, {
+        ref: L,
         "aria-hidden": !0
-      }, T), ee = u.checkbox?.(S({}, V, {
+      }, T), te = u.checkbox?.(S({}, V, {
         externalEventHandlers: g
       })) ?? {};
-      return S({}, U, ee);
+      return S({}, H, te);
     },
     getLabelProps: (T = {}) => {
-      const g = S({}, re(T)), U = S({}, g, {
+      const g = S({}, se(T)), H = S({}, g, {
         children: h
       }, T, {
-        onDoubleClick: O(g)
-      }), ee = u.label?.(S({}, V, {
+        onDoubleClick: C(g)
+      }), te = u.label?.(S({}, V, {
         externalEventHandlers: g
       })) ?? {};
-      return S({}, ee, U);
+      return S({}, te, H);
     },
     getLabelInputProps: (T = {}) => {
-      const g = re(T), U = u.labelInput?.(S({}, V, {
+      const g = se(T), H = u.labelInput?.(S({}, V, {
         externalEventHandlers: g
       })) ?? {};
-      return S({}, T, U);
+      return S({}, T, H);
     },
     getDragAndDropOverlayProps: (T = {}) => {
-      const g = re(T), U = u.dragAndDropOverlay?.(S({}, V, {
+      const g = se(T), H = u.dragAndDropOverlay?.(S({}, V, {
         externalEventHandlers: g
       })) ?? {};
-      return S({}, T, U);
+      return S({}, T, H);
     },
     getErrorContainerProps: (T = {}) => {
-      const g = re(T);
+      const g = se(T);
       return S({}, g, T);
     },
     getLoadingContainerProps: (T = {}) => {
-      const g = re(T);
+      const g = se(T);
       return S({
         size: "12px",
         thickness: 6
@@ -3850,7 +3850,7 @@ const Lr = we(/* @__PURE__ */ v("path", {
 function Ze(t, e, n) {
   return t !== void 0 ? t : e !== void 0 ? e : n;
 }
-function an(t) {
+function cn(t) {
   const {
     slots: e,
     slotProps: n,
@@ -3858,7 +3858,7 @@ function an(t) {
   } = t, {
     slots: r,
     slotProps: s
-  } = Gt(), l = {
+  } = Xt(), l = {
     collapseIcon: Ze(e?.collapseIcon, r.collapseIcon, Dr),
     expandIcon: Ze(e?.expandIcon, r.expandIcon, Lr),
     endIcon: Ze(e?.endIcon, r.endIcon),
@@ -3866,15 +3866,15 @@ function an(t) {
   };
   let a;
   l?.icon ? a = "icon" : o.expandable ? o.expanded ? a = "collapseIcon" : a = "expandIcon" : a = "endIcon";
-  const h = l[a], d = te({
+  const h = l[a], d = ne({
     elementType: h,
-    externalSlotProps: (p) => S({}, Et(s[a], p), Et(n?.[a], p)),
+    externalSlotProps: (p) => S({}, Ct(s[a], p), Ct(n?.[a], p)),
     // TODO: Add proper ownerState
     ownerState: {}
   }), c = Be(d, _r);
   return h ? /* @__PURE__ */ v(h, S({}, c)) : null;
 }
-process.env.NODE_ENV !== "production" && (an.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"  |
@@ -3901,7 +3901,7 @@ process.env.NODE_ENV !== "production" && (an.propTypes = {
     selected: i.bool.isRequired
   }).isRequired
 });
-const Ar = G("div", {
+const Ar = X("div", {
   name: "MuiTreeItemDragAndDropOverlay",
   slot: "Root",
   shouldForwardProp: (t) => st(t) && t !== "action"
@@ -3950,10 +3950,10 @@ const Ar = G("div", {
     }
   }]
 }));
-function cn(t) {
+function dn(t) {
   return t.action == null ? null : /* @__PURE__ */ v(Ar, S({}, t));
 }
-process.env.NODE_ENV !== "production" && (cn.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"  |
@@ -3961,7 +3961,7 @@ process.env.NODE_ENV !== "production" && (cn.propTypes = {
   action: i.oneOf(["make-child", "move-to-parent", "reorder-above", "reorder-below"]),
   style: i.object
 });
-function dn(t) {
+function un(t) {
   const {
     children: e,
     itemId: n,
@@ -3970,7 +3970,7 @@ function dn(t) {
     wrapItem: r,
     store: s
   } = ge(), l = W(s, ke.treeItemIdAttribute, n, o);
-  return /* @__PURE__ */ v(M.Fragment, {
+  return /* @__PURE__ */ v(O.Fragment, {
     children: r({
       children: e,
       itemId: n,
@@ -3979,7 +3979,7 @@ function dn(t) {
     })
   });
 }
-process.env.NODE_ENV !== "production" && (dn.propTypes = {
+process.env.NODE_ENV !== "production" && (un.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -3988,7 +3988,7 @@ process.env.NODE_ENV !== "production" && (dn.propTypes = {
   id: i.string,
   itemId: i.string.isRequired
 });
-const Nr = G("input", {
+const Nr = X("input", {
   name: "MuiTreeItem",
   slot: "LabelInput"
 })(({
@@ -4003,7 +4003,7 @@ const Nr = G("input", {
   "&:focus": {
     outline: `1px solid ${(t.vars || t).palette.primary.main}`
   }
-})), Fr = ["visible"], Vr = ["id", "itemId", "label", "disabled", "disableSelection", "children", "slots", "slotProps", "classes"], zr = qt(), jr = G("li", {
+})), Fr = ["visible"], Vr = ["id", "itemId", "label", "disabled", "disableSelection", "children", "slots", "slotProps", "classes"], zr = Gt(), jr = X("li", {
   name: "MuiTreeItem",
   slot: "Root"
 })({
@@ -4011,7 +4011,7 @@ const Nr = G("input", {
   margin: 0,
   padding: 0,
   outline: 0
-}), $r = G("div", {
+}), $r = X("div", {
   name: "MuiTreeItem",
   slot: "Content",
   shouldForwardProp: (t) => st(t) && t !== "status"
@@ -4058,7 +4058,7 @@ const Nr = G("input", {
   "&[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)
   }
-})), Br = G("div", {
+})), Br = X("div", {
   name: "MuiTreeItem",
   slot: "Label",
   shouldForwardProp: (t) => st(t) && t !== "editable"
@@ -4081,7 +4081,7 @@ const Nr = G("input", {
       paddingLeft: "2px"
     }
   }]
-})), Wr = G("div", {
+})), Wr = X("div", {
   name: "MuiTreeItem",
   slot: "IconContainer"
 })({
@@ -4094,14 +4094,14 @@ const Nr = G("input", {
   "& svg": {
     fontSize: 18
   }
-}), Kr = G(je, {
+}), Kr = X(je, {
   name: "MuiTreeItem",
   slot: "GroupTransition",
   overridesResolver: (t, e) => e.groupTransition
 })({
   margin: 0,
   padding: 0
-}), Ur = G("div", {
+}), Ur = X("div", {
   name: "MuiTreeItem",
   slot: "ErrorIcon"
 })({
@@ -4111,16 +4111,16 @@ const Nr = G("input", {
   height: 7,
   borderRadius: "50%",
   backgroundColor: "red"
-}), Hr = G(jn, {
+}), Hr = X(jn, {
   name: "MuiTreeItem",
   slot: "LoadingIcon"
 })({
   color: "text.primary"
-}), un = G(/* @__PURE__ */ M.forwardRef((t, e) => {
+}), pn = X(/* @__PURE__ */ O.forwardRef((t, e) => {
   const {
     visible: n
   } = t, o = Be(t, Fr);
-  return n ? /* @__PURE__ */ v(ln, S({}, o, {
+  return n ? /* @__PURE__ */ v(an, S({}, o, {
     ref: e
   })) : null;
 }), {
@@ -4129,21 +4129,21 @@ const Nr = G("input", {
 })({
   padding: 0
 });
-process.env.NODE_ENV !== "production" && (un.displayName = "TreeItemCheckbox");
+process.env.NODE_ENV !== "production" && (pn.displayName = "TreeItemCheckbox");
 const qr = (t) => {
   const {
     classes: e
-  } = 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)
+  } = Xt(), n = S({}, t, {
+    root: Y(t?.root, e.root),
+    content: Y(t?.content, e.itemContent),
+    iconContainer: Y(t?.iconContainer, e.itemIconContainer),
+    checkbox: Y(t?.checkbox, e.itemCheckbox),
+    label: Y(t?.label, e.itemLabel),
+    groupTransition: Y(t?.groupTransition, e.itemGroupTransition),
+    labelInput: Y(t?.labelInput, e.itemLabelInput),
+    dragAndDropOverlay: Y(t?.dragAndDropOverlay, e.itemDragAndDropOverlay),
+    errorIcon: Y(t?.errorIcon, e.itemErrorIcon),
+    loadingIcon: Y(t?.loadingIcon, e.itemLoadingIcon)
   });
   return ve({
     root: ["root"],
@@ -4163,7 +4163,7 @@ const qr = (t) => {
     focused: ["focused"],
     disabled: ["disabled"]
   }, Rr, n);
-}, mt = /* @__PURE__ */ M.forwardRef(function(e, n) {
+}, mt = /* @__PURE__ */ O.forwardRef(function(e, n) {
   const o = zr({
     props: e,
     name: "MuiTreeItem"
@@ -4181,15 +4181,15 @@ const qr = (t) => {
     getContextProviderProps: m,
     getRootProps: I,
     getContentProps: b,
-    getIconContainerProps: x,
+    getIconContainerProps: E,
     getCheckboxProps: w,
-    getLabelProps: _,
-    getGroupTransitionProps: R,
-    getLabelInputProps: F,
-    getDragAndDropOverlayProps: C,
+    getLabelProps: M,
+    getGroupTransitionProps: L,
+    getLabelInputProps: _,
+    getDragAndDropOverlayProps: x,
     getErrorContainerProps: D,
     getLoadingContainerProps: V,
-    status: j
+    status: B
   } = Pr({
     id: r,
     itemId: s,
@@ -4197,7 +4197,7 @@ const qr = (t) => {
     label: l,
     disabled: a,
     disableSelection: h
-  }), E = qr(f), k = c.root ?? jr, O = te({
+  }), j = qr(f), k = c.root ?? jr, C = ne({
     elementType: k,
     getSlotProps: I,
     externalForwardedProps: u,
@@ -4206,72 +4206,72 @@ const qr = (t) => {
       ref: n
     },
     ownerState: {},
-    className: E.root
-  }), A = c.content ?? $r, L = te({
-    elementType: A,
+    className: j.root
+  }), F = c.content ?? $r, A = ne({
+    elementType: F,
     getSlotProps: b,
     externalSlotProps: p.content,
     ownerState: {},
-    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,
+    className: Y(j.content, B.expanded && j.expanded, B.selected && j.selected, B.focused && j.focused, B.disabled && j.disabled, B.editing && j.editing, B.editable && j.editable)
+  }), P = c.iconContainer ?? Wr, $ = ne({
+    elementType: P,
+    getSlotProps: E,
     externalSlotProps: p.iconContainer,
     ownerState: {},
-    className: E.iconContainer
-  }), J = c.label ?? Br, Z = te({
-    elementType: J,
-    getSlotProps: _,
+    className: j.iconContainer
+  }), K = c.label ?? Br, ee = ne({
+    elementType: K,
+    getSlotProps: M,
     externalSlotProps: p.label,
     ownerState: {},
-    className: E.label
-  }), q = c.checkbox ?? un, ie = te({
-    elementType: q,
+    className: j.label
+  }), G = c.checkbox ?? pn, Z = ne({
+    elementType: G,
     getSlotProps: w,
     externalSlotProps: p.checkbox,
     ownerState: {},
-    className: E.checkbox
-  }), ae = c.groupTransition ?? void 0, ue = te({
+    className: j.checkbox
+  }), ae = c.groupTransition ?? void 0, ue = ne({
     elementType: ae,
-    getSlotProps: R,
+    getSlotProps: L,
     externalSlotProps: p.groupTransition,
     ownerState: {},
-    className: E.groupTransition
-  }), ce = c.labelInput ?? Nr, pe = te({
+    className: j.groupTransition
+  }), ce = c.labelInput ?? Nr, pe = ne({
     elementType: ce,
-    getSlotProps: F,
+    getSlotProps: _,
     externalSlotProps: p.labelInput,
     ownerState: {},
-    className: E.labelInput
-  }), K = c.dragAndDropOverlay ?? cn, X = te({
-    elementType: K,
-    getSlotProps: C,
+    className: j.labelInput
+  }), U = c.dragAndDropOverlay ?? dn, J = ne({
+    elementType: U,
+    getSlotProps: x,
     externalSlotProps: p.dragAndDropOverlay,
     ownerState: {},
-    className: E.dragAndDropOverlay
-  }), T = c.errorIcon ?? Ur, g = te({
+    className: j.dragAndDropOverlay
+  }), T = c.errorIcon ?? Ur, g = ne({
     elementType: T,
     getSlotProps: D,
     externalSlotProps: p.errorIcon,
     ownerState: {},
-    className: E.errorIcon
-  }), U = c.loadingIcon ?? Hr, ee = te({
-    elementType: U,
+    className: j.errorIcon
+  }), H = c.loadingIcon ?? Hr, te = ne({
+    elementType: H,
     getSlotProps: V,
     externalSlotProps: p.loadingIcon,
     ownerState: {},
-    className: E.loadingIcon
+    className: j.loadingIcon
   });
-  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,
+  return /* @__PURE__ */ v(un, S({}, m(), {
+    children: /* @__PURE__ */ Q(k, S({}, C, {
+      children: [/* @__PURE__ */ Q(F, S({}, A, {
+        children: [/* @__PURE__ */ Q(P, S({}, $, {
+          children: [B.error && /* @__PURE__ */ v(T, S({}, g)), B.loading ? /* @__PURE__ */ v(H, S({}, te)) : /* @__PURE__ */ v(cn, {
+            status: B,
             slots: c,
             slotProps: p
           })]
-        })), /* @__PURE__ */ v(q, S({}, ie)), j.editing ? /* @__PURE__ */ v(ce, S({}, pe)) : /* @__PURE__ */ v(J, S({}, Z)), /* @__PURE__ */ v(K, S({}, X))]
+        })), /* @__PURE__ */ v(G, S({}, Z)), B.editing ? /* @__PURE__ */ v(ce, S({}, pe)) : /* @__PURE__ */ v(K, S({}, ee)), /* @__PURE__ */ v(U, S({}, J))]
       })), d && /* @__PURE__ */ v(Kr, S({
         as: ae
       }, ue))]
@@ -4363,92 +4363,93 @@ function us({
   isRtl: l = !1,
   width: a = 300,
   placeholder: h = "Search...",
-  maxHeight: d = 300
+  maxHeight: d = 300,
+  showId: c = !0
 }) {
-  const [c, p] = We(""), [f, u] = We(!1), [m, I] = We(5), b = gt(null), x = gt(null), w = Ke(() => {
+  const [p, f] = We(""), [u, m] = We(!1), [I, b] = We(5), E = bt(null), w = bt(null), M = 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);
+    const k = new Set(r), C = [], F = (A) => {
+      for (const P of A)
+        P.children && P.children.length > 0 ? F(P.children) : k.has(P.value) && C.push(P.label);
     };
-    return O(e), k;
+    return F(e), C;
   }, [e, r]);
-  bt(() => {
-    const E = (k) => {
-      b.current && !b.current.contains(k.target) && u(!1);
+  St(() => {
+    const k = (C) => {
+      E.current && !E.current.contains(C.target) && m(!1);
     };
-    return f && document.addEventListener("mousedown", E), () => {
-      document.removeEventListener("mousedown", E);
+    return u && document.addEventListener("mousedown", k), () => {
+      document.removeEventListener("mousedown", k);
     };
-  }, [f]), bt(() => {
-    const E = () => {
-      if (!x.current || w.length === 0) {
-        I(5);
+  }, [u]), St(() => {
+    const k = () => {
+      if (!w.current || M.length === 0) {
+        b(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));
+      const F = w.current.offsetWidth, A = 60, P = 110, $ = 45, K = 4, ee = F - $ - K, G = (A + P) / 2, Z = Math.max(1, Math.floor(ee / (G + K)));
+      b(Math.min(Z, M.length));
     };
-    E();
-    const k = new ResizeObserver(E);
-    return x.current && k.observe(x.current), () => k.disconnect();
-  }, [w.length]);
-  const _ = Ke(() => {
+    k();
+    const C = new ResizeObserver(k);
+    return w.current && C.observe(w.current), () => C.disconnect();
+  }, [M.length]);
+  const L = Ke(() => {
     if (!e) return [];
-    if (!c.trim()) return e;
-    const E = c.toLowerCase(), k = (O) => {
+    if (!p.trim()) return e;
+    const k = p.toLowerCase(), C = (F) => {
       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: B.length > 0 ? B : L.children
+      for (const P of F) {
+        const $ = P.label.toLowerCase().includes(k) || String(P.id).toLowerCase().includes(k) || P.externalId && String(P.externalId).toLowerCase().includes(k), K = P.children ? C(P.children) : [];
+        ($ || K.length > 0) && A.push({
+          ...P,
+          children: K.length > 0 ? K : P.children
         });
       }
       return A;
     };
-    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 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)));
+    return C(e);
+  }, [e, p]), _ = yt((k) => !k.children || k.children.length === 0 ? [k.value] : k.children.flatMap((C) => {
+    const F = he(e || [], C.value) || C;
+    return _(F);
+  }), [e]), x = yt(
+    (k) => {
+      const C = he(e || [], k.value) || k, F = _(C);
+      if (C.children && C.children.length > 0)
+        if (F.every(($) => r.includes($))) {
+          const $ = new Set(F);
+          n(r.filter((K) => !$.has(K)));
         } else {
-          const $ = /* @__PURE__ */ new Set([...r, ...O]);
+          const $ = /* @__PURE__ */ new Set([...r, ...F]);
           n(Array.from($));
         }
       else {
-        const L = r.includes(E.value);
-        n(L ? r.filter(($) => $ !== E.value) : [...r, E.value]);
+        const P = r.includes(k.value);
+        n(P ? r.filter(($) => $ !== k.value) : [...r, k.value]);
       }
     },
-    [e, r, n, R]
-  ), C = (E) => {
-    E.stopPropagation(), n([]);
-  }, { 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));
+    [e, r, n, _]
+  ), D = (k) => {
+    k.stopPropagation(), n([]);
+  }, { areAllChildrenSelected: V, areSomeChildrenSelected: B } = Ke(() => {
+    const k = (F) => {
+      const A = he(e || [], F);
+      return !A || !A.children || A.children.length === 0 ? r.includes(F) : A.children.every((P) => k(P.value));
+    }, C = (F) => {
+      const A = he(e || [], F);
+      return !A || !A.children || A.children.length === 0 ? r.includes(F) : A.children.some((P) => C(P.value));
     };
     return {
-      areAllChildrenSelected: E,
-      areSomeChildrenSelected: k
+      areAllChildrenSelected: k,
+      areSomeChildrenSelected: C
     };
-  }, [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;
+  }, [e, r]), j = (k) => k.map((C) => {
+    const F = he(e || [], C.value), A = F?.children && F.children.length > 0, P = !A, $ = P && r.includes(C.value), K = A && V(C.value), ee = A && B(C.value), G = A && ee && !K;
     return /* @__PURE__ */ v(
       mt,
       {
-        itemId: k.value,
-        label: /* @__PURE__ */ Y(
+        itemId: C.value,
+        label: /* @__PURE__ */ Q(
           fe,
           {
             sx: {
@@ -4456,39 +4457,41 @@ function us({
               alignItems: "flex-start",
               py: 0.5
             },
-            onClick: (q) => {
-              q.stopPropagation(), F(k);
+            onClick: (Z) => {
+              Z.stopPropagation(), x(C);
             },
             children: [
               /* @__PURE__ */ v(
                 Cn,
                 {
-                  checked: L ? $ : B,
-                  indeterminate: Z,
+                  checked: P ? $ : K,
+                  indeterminate: G,
                   size: "small",
                   sx: { p: 0, mr: 1 }
                 }
               ),
-              /* @__PURE__ */ Y(fe, { sx: { display: "flex", flexDirection: "column" }, children: [
+              /* @__PURE__ */ Q(fe, { sx: { display: "flex", flexDirection: "column" }, children: [
                 /* @__PURE__ */ v(
                   Ue,
                   {
                     component: "span",
                     sx: { fontWeight: 600, fontSize: "0.875rem" },
-                    children: k.label
+                    children: C.label
                   }
                 ),
-                /* @__PURE__ */ Y(
+                (c || C.externalId !== void 0 && C.externalId !== "") && /* @__PURE__ */ Q(
                   Ue,
                   {
                     component: "span",
                     sx: { fontSize: "0.75rem", color: "text.secondary" },
                     children: [
-                      "Id: ",
-                      k.id,
-                      k.externalId !== void 0 && k.externalId !== "" && /* @__PURE__ */ Y("span", { style: { marginLeft: 8 }, children: [
+                      c && /* @__PURE__ */ Q(gt, { children: [
+                        "Id: ",
+                        C.id
+                      ] }),
+                      C.externalId !== void 0 && C.externalId !== "" && /* @__PURE__ */ Q("span", { style: { marginLeft: c ? 8 : 0 }, children: [
                         "External ID: ",
-                        k.externalId
+                        C.externalId
                       ] })
                     ]
                   }
@@ -4497,15 +4500,15 @@ function us({
             ]
           }
         ),
-        children: k.children && j(k.children)
+        children: C.children && j(C.children)
       },
-      k.value
+      C.value
     );
   });
-  return /* @__PURE__ */ Y(
+  return /* @__PURE__ */ Q(
     In,
     {
-      ref: b,
+      ref: E,
       size: "small",
       sx: {
         width: o ? "100%" : a,
@@ -4513,14 +4516,14 @@ function us({
       },
       disabled: s,
       children: [
-        /* @__PURE__ */ v(gn, { shrink: f || r.length > 0, children: t }),
+        /* @__PURE__ */ v(gn, { shrink: u || r.length > 0, children: t }),
         /* @__PURE__ */ v(
           bn,
           {
             label: t,
-            notched: f || r.length > 0,
+            notched: u || r.length > 0,
             readOnly: !0,
-            onClick: () => !s && u(!f),
+            onClick: () => !s && m(!u),
             sx: {
               borderRadius: "8px",
               bgcolor: "var(--color-background)",
@@ -4539,7 +4542,7 @@ function us({
             startAdornment: /* @__PURE__ */ v(
               fe,
               {
-                ref: x,
+                ref: w,
                 sx: {
                   display: "flex",
                   flexWrap: "nowrap",
@@ -4550,11 +4553,11 @@ function us({
                   py: 0.5,
                   pl: 1
                 },
-                children: w.length > 0 ? /* @__PURE__ */ Y(mn, { children: [
-                  w.slice(0, m).map((E) => /* @__PURE__ */ v(
-                    xt,
+                children: M.length > 0 ? /* @__PURE__ */ Q(gt, { children: [
+                  M.slice(0, I).map((k) => /* @__PURE__ */ v(
+                    Et,
                     {
-                      label: E,
+                      label: k,
                       size: "small",
                       sx: {
                         height: 24,
@@ -4568,12 +4571,12 @@ function us({
                         }
                       }
                     },
-                    E
+                    k
                   )),
-                  w.length > m && /* @__PURE__ */ v(
-                    xt,
+                  M.length > I && /* @__PURE__ */ v(
+                    Et,
                     {
-                      label: `+${w.length - m}`,
+                      label: `+${M.length - I}`,
                       size: "small",
                       sx: { height: 24, flexShrink: 0 }
                     }
@@ -4581,13 +4584,13 @@ function us({
                 ] }) : 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(Tn, { fontSize: "small" }) }),
+            endAdornment: /* @__PURE__ */ Q(xt, { position: "end", sx: { flexShrink: 0 }, children: [
+              r.length > 0 && !s && /* @__PURE__ */ v(Sn, { size: "small", onClick: D, children: /* @__PURE__ */ v(Tn, { fontSize: "small" }) }),
               /* @__PURE__ */ v(
                 wn,
                 {
                   sx: {
-                    transform: f ? "rotate(180deg)" : "rotate(0deg)",
+                    transform: u ? "rotate(180deg)" : "rotate(0deg)",
                     transition: "transform 0.2s"
                   }
                 }
@@ -4595,7 +4598,7 @@ function us({
             ] })
           }
         ),
-        /* @__PURE__ */ v(yn, { in: f && !s, children: /* @__PURE__ */ Y(
+        /* @__PURE__ */ v(yn, { in: u && !s, children: /* @__PURE__ */ Q(
           xn,
           {
             elevation: 3,
@@ -4614,11 +4617,11 @@ function us({
                   fullWidth: !0,
                   size: "small",
                   placeholder: h,
-                  value: c,
-                  onChange: (E) => p(E.target.value),
+                  value: p,
+                  onChange: (k) => f(k.target.value),
                   slotProps: {
                     input: {
-                      startAdornment: /* @__PURE__ */ v(yt, { position: "start", children: /* @__PURE__ */ v(vn, { fontSize: "small" }) })
+                      startAdornment: /* @__PURE__ */ v(xt, { position: "start", children: /* @__PURE__ */ v(vn, { fontSize: "small" }) })
                     }
                   },
                   sx: {
@@ -4628,9 +4631,9 @@ function us({
                   }
                 }
               ) }),
-              /* @__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" }) })
+              /* @__PURE__ */ Q(fe, { sx: { maxHeight: d, overflow: "auto" }, children: [
+                /* @__PURE__ */ v(ht, { children: j(L) }),
+                L.length === 0 && /* @__PURE__ */ v(fe, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ v(Ue, { color: "text.secondary", variant: "body2", children: "No options found" }) })
               ] })
             ]
           }