@smart-factor/gem-ui-components 0.0.114 → 0.0.115

package/dist/{Tree-Cg45ggbj.js → Tree-BScJ4KG_.js}

@@ -1,344 +1,24 @@
-import { jsx as v, jsxs as Re } from "react/jsx-runtime";
+import { jsxs as Ce, jsx as E } from "react/jsx-runtime";
 import * as x from "react";
-import { createElement as Ht } from "react";
-import { g as Ie, f as ge, h as st, H as Yt, t as Qt, i as Zt, J as en, u as pe, s as U, k as Me, n as he, v as tt, p as lt, P as o, K as at, x as Ne, C as fe, L as tn, D as ct, M as nn, c as be, B as on, j as ee, N as nt, _ as T, O as te, y as Q, o as rn, A as sn, q as ln, Q as ze, r as ie, z as ot, F as an, S as cn, G as dn, I as un } from "./Stack-BmOPvE5G.js";
-import { u as pn, a as fn, b as mn, w as Se, c as ue, d as In, V as gn, e as hn } from "./warning--yabK0jO.js";
-function bn(e) {
-  return Ie("MuiCollapse", e);
+import { createElement as qt } from "react";
+import { g as Te, c as we, A as Ae, s as _, F as le, l as Ee, L as Xt, G as rt, P as o, M as Jt, q as ce, e as Wt, E as Gt, k as $e, o as Yt, w as W, N as et, _ as C, O as G, u as ye, B as U, v as Qt, D as Zt, y as Ht, Q as Ne, r as te, C as tt, p as en, I as tn, S as nn, J as on, K as rn } from "./Stack-Bsa5WF4E.js";
+import { u as sn, a as ln, b as an, w as xe, c as se, C as cn, d as dn, V as un, e as pn } from "./warning-BcYeNKLQ.js";
+function fn(e) {
+  return Te("PrivateSwitchBase", e);
 }
-ge("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
-const yn = (e) => {
-  const {
-    orientation: t,
-    classes: n
-  } = e, r = {
-    root: ["root", `${t}`],
-    entered: ["entered"],
-    hidden: ["hidden"],
-    wrapper: ["wrapper", `${t}`],
-    wrapperInner: ["wrapperInner", `${t}`]
-  };
-  return he(r, bn, n);
-}, xn = U("div", {
-  name: "MuiCollapse",
-  slot: "Root",
-  overridesResolver: (e, t) => {
-    const {
-      ownerState: n
-    } = e;
-    return [t.root, t[n.orientation], n.state === "entered" && t.entered, n.state === "exited" && !n.in && n.collapsedSize === "0px" && t.hidden];
-  }
-})(lt(({
-  theme: e
-}) => ({
-  height: 0,
-  overflow: "hidden",
-  transition: e.transitions.create("height"),
-  variants: [{
-    props: {
-      orientation: "horizontal"
-    },
-    style: {
-      height: "auto",
-      width: 0,
-      transition: e.transitions.create("width")
-    }
-  }, {
-    props: {
-      state: "entered"
-    },
-    style: {
-      height: "auto",
-      overflow: "visible"
-    }
-  }, {
-    props: {
-      state: "entered",
-      orientation: "horizontal"
-    },
-    style: {
-      width: "auto"
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.state === "exited" && !t.in && t.collapsedSize === "0px",
-    style: {
-      visibility: "hidden"
-    }
-  }]
-}))), wn = U("div", {
-  name: "MuiCollapse",
-  slot: "Wrapper",
-  overridesResolver: (e, t) => t.wrapper
-})({
-  // Hack to get children with a negative margin to not falsify the height computation.
-  display: "flex",
-  width: "100%",
-  variants: [{
-    props: {
-      orientation: "horizontal"
-    },
-    style: {
-      width: "auto",
-      height: "100%"
-    }
-  }]
-}), Tn = U("div", {
-  name: "MuiCollapse",
-  slot: "WrapperInner",
-  overridesResolver: (e, t) => t.wrapperInner
-})({
-  width: "100%",
-  variants: [{
-    props: {
-      orientation: "horizontal"
-    },
-    style: {
-      width: "auto",
-      height: "100%"
-    }
-  }]
-}), Pe = /* @__PURE__ */ x.forwardRef(function(t, n) {
-  const r = st({
-    props: t,
-    name: "MuiCollapse"
-  }), {
-    addEndListener: l,
-    children: I,
-    className: c,
-    collapsedSize: s = "0px",
-    component: d,
-    easing: f,
-    in: i,
-    onEnter: a,
-    onEntered: u,
-    onEntering: g,
-    onExit: b,
-    onExited: m,
-    onExiting: p,
-    orientation: h = "vertical",
-    style: y,
-    timeout: w = Yt.standard,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent: R = Qt,
-    ...C
-  } = r, S = {
-    ...r,
-    orientation: h,
-    collapsedSize: s
-  }, M = yn(S), z = Zt(), W = en(), D = x.useRef(null), j = x.useRef(), V = typeof s == "number" ? `${s}px` : s, B = h === "horizontal", N = B ? "width" : "height", K = x.useRef(null), q = pe(n, K), _ = (E) => (O) => {
-    if (E) {
-      const L = K.current;
-      O === void 0 ? E(L) : E(L, O);
-    }
-  }, X = () => D.current ? D.current[B ? "clientWidth" : "clientHeight"] : 0, A = _((E, O) => {
-    D.current && B && (D.current.style.position = "absolute"), E.style[N] = V, a && a(E, O);
-  }), J = _((E, O) => {
-    const L = X();
-    D.current && B && (D.current.style.position = "");
-    const {
-      duration: G,
-      easing: F
-    } = tt({
-      style: y,
-      timeout: w,
-      easing: f
-    }, {
-      mode: "enter"
-    });
-    if (w === "auto") {
-      const ce = z.transitions.getAutoHeightDuration(L);
-      E.style.transitionDuration = `${ce}ms`, j.current = ce;
-    } else
-      E.style.transitionDuration = typeof G == "string" ? G : `${G}ms`;
-    E.style[N] = `${L}px`, E.style.transitionTimingFunction = F, g && g(E, O);
-  }), $ = _((E, O) => {
-    E.style[N] = "auto", u && u(E, O);
-  }), Y = _((E) => {
-    E.style[N] = `${X()}px`, b && b(E);
-  }), oe = _(m), ae = _((E) => {
-    const O = X(), {
-      duration: L,
-      easing: G
-    } = tt({
-      style: y,
-      timeout: w,
-      easing: f
-    }, {
-      mode: "exit"
-    });
-    if (w === "auto") {
-      const F = z.transitions.getAutoHeightDuration(O);
-      E.style.transitionDuration = `${F}ms`, j.current = F;
-    } else
-      E.style.transitionDuration = typeof L == "string" ? L : `${L}ms`;
-    E.style[N] = V, E.style.transitionTimingFunction = G, p && p(E);
-  });
-  return /* @__PURE__ */ v(R, {
-    in: i,
-    onEnter: A,
-    onEntered: $,
-    onEntering: J,
-    onExit: Y,
-    onExited: oe,
-    onExiting: ae,
-    addEndListener: (E) => {
-      w === "auto" && W.start(j.current || 0, E), l && l(K.current, E);
-    },
-    nodeRef: K,
-    timeout: w === "auto" ? null : w,
-    ...C,
-    children: (E, {
-      ownerState: O,
-      ...L
-    }) => /* @__PURE__ */ v(xn, {
-      as: d,
-      className: Me(M.root, c, {
-        entered: M.entered,
-        exited: !i && V === "0px" && M.hidden
-      }[E]),
-      style: {
-        [B ? "minWidth" : "minHeight"]: V,
-        ...y
-      },
-      ref: q,
-      ownerState: {
-        ...S,
-        state: E
-      },
-      ...L,
-      children: /* @__PURE__ */ v(wn, {
-        ownerState: {
-          ...S,
-          state: E
-        },
-        className: M.wrapper,
-        ref: D,
-        children: /* @__PURE__ */ v(Tn, {
-          ownerState: {
-            ...S,
-            state: E
-          },
-          className: M.wrapperInner,
-          children: I
-        })
-      })
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (Pe.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Add a custom transition end trigger. Called with the transitioning DOM
-   * node and a done callback. Allows for more fine grained transition end
-   * logic. Note: Timeouts are still used as a fallback if provided.
-   */
-  addEndListener: o.func,
-  /**
-   * The content node to be collapsed.
-   */
-  children: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * The width (horizontal) or height (vertical) of the container when collapsed.
-   * @default '0px'
-   */
-  collapsedSize: o.oneOfType([o.number, o.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: at,
-  /**
-   * The transition timing function.
-   * You may specify a single easing or a object containing enter and exit values.
-   */
-  easing: o.oneOfType([o.shape({
-    enter: o.string,
-    exit: o.string
-  }), o.string]),
-  /**
-   * If `true`, the component will transition in.
-   */
-  in: o.bool,
-  /**
-   * @ignore
-   */
-  onEnter: o.func,
-  /**
-   * @ignore
-   */
-  onEntered: o.func,
-  /**
-   * @ignore
-   */
-  onEntering: o.func,
-  /**
-   * @ignore
-   */
-  onExit: o.func,
-  /**
-   * @ignore
-   */
-  onExited: o.func,
-  /**
-   * @ignore
-   */
-  onExiting: o.func,
-  /**
-   * The transition orientation.
-   * @default 'vertical'
-   */
-  orientation: o.oneOf(["horizontal", "vertical"]),
-  /**
-   * @ignore
-   */
-  style: o.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   *
-   * Set to 'auto' to automatically calculate transition time based on height.
-   * @default duration.standard
-   */
-  timeout: o.oneOfType([o.oneOf(["auto"]), o.number, o.shape({
-    appear: o.number,
-    enter: o.number,
-    exit: o.number
-  })])
-});
-Pe && (Pe.muiSupportAuto = !0);
-function Cn(e) {
-  return Ie("PrivateSwitchBase", e);
-}
-ge("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
-const En = (e) => {
+we("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+const mn = (e) => {
   const {
     classes: t,
     checked: n,
     disabled: r,
-    edge: l
+    edge: s
   } = e, I = {
-    root: ["root", n && "checked", r && "disabled", l && `edge${fe(l)}`],
+    root: ["root", n && "checked", r && "disabled", s && `edge${le(s)}`],
     input: ["input"]
   };
-  return he(I, Cn, t);
-}, vn = U(tn)({
+  return Ee(I, fn, t);
+}, In = _(Xt)({
   padding: 9,
   borderRadius: "50%",
   variants: [{
@@ -374,8 +54,8 @@ const En = (e) => {
       marginRight: -12
     }
   }]
-}), Sn = U("input", {
-  shouldForwardProp: ct
+}), gn = _("input", {
+  shouldForwardProp: rt
 })({
   cursor: "inherit",
   position: "absolute",
@@ -387,126 +67,126 @@ const En = (e) => {
   margin: 0,
   padding: 0,
   zIndex: 1
-}), dt = /* @__PURE__ */ x.forwardRef(function(t, n) {
+}), it = /* @__PURE__ */ x.forwardRef(function(t, n) {
   const {
     autoFocus: r,
-    checked: l,
+    checked: s,
     checkedIcon: I,
     defaultChecked: c,
-    disabled: s,
+    disabled: l,
     disableFocusRipple: d = !1,
     edge: f = !1,
     icon: i,
     id: a,
     inputProps: u,
     inputRef: g,
-    name: b,
+    name: h,
     onBlur: m,
     onChange: p,
-    onFocus: h,
+    onFocus: b,
     readOnly: y,
-    required: w = !1,
-    tabIndex: R,
-    type: C,
-    value: S,
+    required: T = !1,
+    tabIndex: S,
+    type: w,
+    value: v,
     slots: M = {},
-    slotProps: z = {},
-    ...W
-  } = t, [D, j] = pn({
-    controlled: l,
+    slotProps: $ = {},
+    ...q
+  } = t, [A, N] = sn({
+    controlled: s,
     default: !!c,
     name: "SwitchBase",
     state: "checked"
-  }), V = fn(), B = (k) => {
-    h && h(k), V && V.onFocus && V.onFocus(k);
-  }, N = (k) => {
-    m && m(k), V && V.onBlur && V.onBlur(k);
-  }, K = (k) => {
-    if (k.nativeEvent.defaultPrevented)
+  }), D = ln(), Q = (R) => {
+    b && b(R), D && D.onFocus && D.onFocus(R);
+  }, z = (R) => {
+    m && m(R), D && D.onBlur && D.onBlur(R);
+  }, Z = (R) => {
+    if (R.nativeEvent.defaultPrevented)
       return;
-    const E = k.target.checked;
-    j(E), p && p(k, E);
+    const k = R.target.checked;
+    N(k), p && p(R, k);
   };
-  let q = s;
-  V && typeof q > "u" && (q = V.disabled);
-  const _ = C === "checkbox" || C === "radio", X = {
+  let j = l;
+  D && typeof j > "u" && (j = D.disabled);
+  const re = w === "checkbox" || w === "radio", X = {
     ...t,
-    checked: D,
-    disabled: q,
+    checked: A,
+    disabled: j,
     disableFocusRipple: d,
     edge: f
-  }, A = En(X), J = {
+  }, O = mn(X), J = {
     slots: M,
     slotProps: {
       input: u,
-      ...z
+      ...$
     }
-  }, [$, Y] = Ne("root", {
+  }, [V, H] = Ae("root", {
     ref: n,
-    elementType: vn,
-    className: A.root,
+    elementType: In,
+    className: O.root,
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
       ...J,
       component: "span",
-      ...W
+      ...q
     },
-    getSlotProps: (k) => ({
-      ...k,
-      onFocus: (E) => {
-        var O;
-        (O = k.onFocus) == null || O.call(k, E), B(E);
+    getSlotProps: (R) => ({
+      ...R,
+      onFocus: (k) => {
+        var L;
+        (L = R.onFocus) == null || L.call(R, k), Q(k);
       },
-      onBlur: (E) => {
-        var O;
-        (O = k.onBlur) == null || O.call(k, E), N(E);
+      onBlur: (k) => {
+        var L;
+        (L = R.onBlur) == null || L.call(R, k), z(k);
       }
     }),
     ownerState: X,
     additionalProps: {
       centerRipple: !0,
       focusRipple: !d,
-      disabled: q,
+      disabled: j,
       role: void 0,
       tabIndex: null
     }
-  }), [oe, ae] = Ne("input", {
+  }), [pe, Re] = Ae("input", {
     ref: g,
-    elementType: Sn,
-    className: A.input,
+    elementType: gn,
+    className: O.input,
     externalForwardedProps: J,
-    getSlotProps: (k) => ({
-      ...k,
-      onChange: (E) => {
-        var O;
-        (O = k.onChange) == null || O.call(k, E), K(E);
+    getSlotProps: (R) => ({
+      ...R,
+      onChange: (k) => {
+        var L;
+        (L = R.onChange) == null || L.call(R, k), Z(k);
       }
     }),
     ownerState: X,
     additionalProps: {
       autoFocus: r,
-      checked: l,
+      checked: s,
       defaultChecked: c,
-      disabled: q,
-      id: _ ? a : void 0,
-      name: b,
+      disabled: j,
+      id: re ? a : void 0,
+      name: h,
       readOnly: y,
-      required: w,
-      tabIndex: R,
-      type: C,
-      ...C === "checkbox" && S === void 0 ? {} : {
-        value: S
+      required: T,
+      tabIndex: S,
+      type: w,
+      ...w === "checkbox" && v === void 0 ? {} : {
+        value: v
       }
     }
   });
-  return /* @__PURE__ */ Re($, {
-    ...Y,
-    children: [/* @__PURE__ */ v(oe, {
-      ...ae
-    }), D ? I : i]
+  return /* @__PURE__ */ Ce(V, {
+    ...H,
+    children: [/* @__PURE__ */ E(pe, {
+      ...Re
+    }), A ? I : i]
   });
 });
-process.env.NODE_ENV !== "production" && (dt.propTypes = {
+process.env.NODE_ENV !== "production" && (it.propTypes = {
   /**
    * If `true`, the `input` element is focused during the first mount.
    */
@@ -563,7 +243,7 @@ process.env.NODE_ENV !== "production" && (dt.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: nn,
+  inputRef: Jt,
   /*
    * @ignore
    */
@@ -625,41 +305,41 @@ process.env.NODE_ENV !== "production" && (dt.propTypes = {
    */
   value: o.any
 });
-const Pn = be(/* @__PURE__ */ v("path", {
+const bn = ce(/* @__PURE__ */ E("path", {
   d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-}), "CheckBoxOutlineBlank"), Rn = be(/* @__PURE__ */ v("path", {
+}), "CheckBoxOutlineBlank"), hn = ce(/* @__PURE__ */ E("path", {
   d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-}), "CheckBox"), Mn = be(/* @__PURE__ */ v("path", {
+}), "CheckBox"), yn = ce(/* @__PURE__ */ E("path", {
   d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
 }), "IndeterminateCheckBox");
-function kn(e) {
-  return Ie("MuiCheckbox", e);
+function xn(e) {
+  return Te("MuiCheckbox", e);
 }
-const $e = ge("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), On = (e) => {
+const De = we("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), Cn = (e) => {
   const {
     classes: t,
     indeterminate: n,
     color: r,
-    size: l
+    size: s
   } = e, I = {
-    root: ["root", n && "indeterminate", `color${fe(r)}`, `size${fe(l)}`]
-  }, c = he(I, kn, t);
+    root: ["root", n && "indeterminate", `color${le(r)}`, `size${le(s)}`]
+  }, c = Ee(I, xn, t);
   return {
     ...t,
     // forward the disabled and checked classes to the SwitchBase
     ...c
   };
-}, Dn = U(dt, {
-  shouldForwardProp: (e) => ct(e) || e === "classes",
+}, Tn = _(it, {
+  shouldForwardProp: (e) => rt(e) || e === "classes",
   name: "MuiCheckbox",
   slot: "Root",
   overridesResolver: (e, t) => {
     const {
       ownerState: n
     } = e;
-    return [t.root, n.indeterminate && t.indeterminate, t[`size${fe(n.size)}`], n.color !== "default" && t[`color${fe(n.color)}`]];
+    return [t.root, n.indeterminate && t.indeterminate, t[`size${le(n.size)}`], n.color !== "default" && t[`color${le(n.color)}`]];
   }
-})(lt(({
+})(Yt(({
   theme: e
 }) => ({
   color: (e.vars || e).palette.text.secondary,
@@ -670,28 +350,28 @@ const $e = ge("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
     },
     style: {
       "&:hover": {
-        backgroundColor: e.vars ? `rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})` : ee(e.palette.action.active, e.palette.action.hoverOpacity)
+        backgroundColor: e.vars ? `rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})` : W(e.palette.action.active, e.palette.action.hoverOpacity)
       }
     }
-  }, ...Object.entries(e.palette).filter(nt()).map(([t]) => ({
+  }, ...Object.entries(e.palette).filter(et()).map(([t]) => ({
     props: {
       color: t,
       disableRipple: !1
     },
     style: {
       "&:hover": {
-        backgroundColor: e.vars ? `rgba(${e.vars.palette[t].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : ee(e.palette[t].main, e.palette.action.hoverOpacity)
+        backgroundColor: e.vars ? `rgba(${e.vars.palette[t].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : W(e.palette[t].main, e.palette.action.hoverOpacity)
       }
     }
-  })), ...Object.entries(e.palette).filter(nt()).map(([t]) => ({
+  })), ...Object.entries(e.palette).filter(et()).map(([t]) => ({
     props: {
       color: t
     },
     style: {
-      [`&.${$e.checked}, &.${$e.indeterminate}`]: {
+      [`&.${De.checked}, &.${De.indeterminate}`]: {
         color: (e.vars || e).palette[t].main
       },
-      [`&.${$e.disabled}`]: {
+      [`&.${De.disabled}`]: {
         color: (e.vars || e).palette.action.disabled
       }
     }
@@ -709,37 +389,37 @@ const $e = ge("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
       }
     }
   }]
-}))), Vn = /* @__PURE__ */ v(Rn, {}), Fn = /* @__PURE__ */ v(Pn, {}), An = /* @__PURE__ */ v(Mn, {}), ut = /* @__PURE__ */ x.forwardRef(function(t, n) {
-  const r = st({
+}))), wn = /* @__PURE__ */ E(hn, {}), En = /* @__PURE__ */ E(bn, {}), vn = /* @__PURE__ */ E(yn, {}), st = /* @__PURE__ */ x.forwardRef(function(t, n) {
+  const r = Wt({
     props: t,
     name: "MuiCheckbox"
   }), {
-    checkedIcon: l = Vn,
+    checkedIcon: s = wn,
     color: I = "primary",
-    icon: c = Fn,
-    indeterminate: s = !1,
-    indeterminateIcon: d = An,
+    icon: c = En,
+    indeterminate: l = !1,
+    indeterminateIcon: d = vn,
     inputProps: f,
     size: i = "medium",
     disableRipple: a = !1,
     className: u,
     slots: g = {},
-    slotProps: b = {},
+    slotProps: h = {},
     ...m
-  } = r, p = s ? d : c, h = s ? d : l, y = {
+  } = r, p = l ? d : c, b = l ? d : s, y = {
     ...r,
     disableRipple: a,
     color: I,
-    indeterminate: s,
+    indeterminate: l,
     size: i
-  }, w = On(y), R = b.input ?? f, [C, S] = Ne("root", {
+  }, T = Cn(y), S = h.input ?? f, [w, v] = Ae("root", {
     ref: n,
-    elementType: Dn,
-    className: Me(w.root, u),
+    elementType: Tn,
+    className: $e(T.root, u),
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
       slots: g,
-      slotProps: b,
+      slotProps: h,
       ...m
     },
     ownerState: y,
@@ -748,24 +428,24 @@ const $e = ge("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
       icon: /* @__PURE__ */ x.cloneElement(p, {
         fontSize: p.props.fontSize ?? i
       }),
-      checkedIcon: /* @__PURE__ */ x.cloneElement(h, {
-        fontSize: h.props.fontSize ?? i
+      checkedIcon: /* @__PURE__ */ x.cloneElement(b, {
+        fontSize: b.props.fontSize ?? i
       }),
       disableRipple: a,
       slots: g,
       slotProps: {
-        input: on(typeof R == "function" ? R(y) : R, {
-          "data-indeterminate": s
+        input: Gt(typeof S == "function" ? S(y) : S, {
+          "data-indeterminate": l
         })
       }
     }
   });
-  return /* @__PURE__ */ v(C, {
-    ...S,
-    classes: w
+  return /* @__PURE__ */ E(w, {
+    ...v,
+    classes: T
   });
 });
-process.env.NODE_ENV !== "production" && (ut.propTypes = {
+process.env.NODE_ENV !== "production" && (st.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -879,61 +559,61 @@ process.env.NODE_ENV !== "production" && (ut.propTypes = {
    */
   value: o.any
 });
-function pt(e) {
-  return mn;
+function lt(e) {
+  return an;
 }
-function $n(e) {
-  return Ie("MuiSimpleTreeView", e);
+function Pn(e) {
+  return Te("MuiSimpleTreeView", e);
 }
-ge("MuiSimpleTreeView", ["root"]);
-const Ln = (e, t) => {
-  const n = x.useRef({}), [r, l] = x.useState(() => {
+we("MuiSimpleTreeView", ["root"]);
+const Sn = (e, t) => {
+  const n = x.useRef({}), [r, s] = x.useState(() => {
     const c = {};
-    return e.forEach((s) => {
-      s.models && Object.entries(s.models).forEach(([d, f]) => {
+    return e.forEach((l) => {
+      l.models && Object.entries(l.models).forEach(([d, f]) => {
         n.current[d] = {
           isControlled: t[d] !== void 0,
           getDefaultValue: f.getDefaultValue
         }, c[d] = f.getDefaultValue(t);
       });
     }), c;
-  }), I = Object.fromEntries(Object.entries(n.current).map(([c, s]) => {
+  }), I = Object.fromEntries(Object.entries(n.current).map(([c, l]) => {
     const d = t[c] ?? r[c];
     return [c, {
       value: d,
       setControlledValue: (f) => {
-        s.isControlled || l((i) => T({}, i, {
+        l.isControlled || s((i) => C({}, i, {
           [c]: f
         }));
       }
     }];
   }));
-  return process.env.NODE_ENV !== "production" && Object.entries(n.current).forEach(([c, s]) => {
-    const d = t[c], f = s.getDefaultValue(t);
+  return process.env.NODE_ENV !== "production" && Object.entries(n.current).forEach(([c, l]) => {
+    const d = t[c], f = l.getDefaultValue(t);
     x.useEffect(() => {
-      s.isControlled !== (d !== void 0) && console.error([`MUI X: A component is changing the ${s.isControlled ? "" : "un"}controlled ${c} state of TreeView to be ${s.isControlled ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${c} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+      l.isControlled !== (d !== void 0) && console.error([`MUI X: A component is changing the ${l.isControlled ? "" : "un"}controlled ${c} state of TreeView to be ${l.isControlled ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${c} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
 `));
     }, [d]);
     const {
       current: i
     } = x.useRef(f);
     x.useEffect(() => {
-      !s.isControlled && i !== f && console.error([`MUI X: A component is changing the default ${c} state of an uncontrolled TreeView after being initialized. To suppress this warning opt to use a controlled TreeView.`].join(`
+      !l.isControlled && i !== f && console.error([`MUI X: A component is changing the default ${c} state of an uncontrolled TreeView after being initialized. To suppress this warning opt to use a controlled TreeView.`].join(`
 `));
     }, [JSON.stringify(f)]);
   }), I;
 };
-class Nn {
+class Rn {
   constructor() {
     this.maxListeners = 20, this.warnOnce = !1, this.events = {};
   }
   on(t, n, r = {}) {
-    let l = this.events[t];
-    if (l || (l = {
+    let s = this.events[t];
+    if (s || (s = {
       highPriority: /* @__PURE__ */ new Map(),
       regular: /* @__PURE__ */ new Map()
-    }, this.events[t] = l), r.isFirst ? l.highPriority.set(n, !0) : l.regular.set(n, !0), process.env.NODE_ENV !== "production") {
-      const I = l.highPriority.size + l.regular.size;
+    }, this.events[t] = s), r.isFirst ? s.highPriority.set(n, !0) : s.regular.set(n, !0), process.env.NODE_ENV !== "production") {
+      const I = s.highPriority.size + s.regular.size;
       I > this.maxListeners && !this.warnOnce && (this.warnOnce = !0, console.warn([`Possible EventEmitter memory leak detected. ${I} ${t} listeners added.`].join(`
 `)));
     }
@@ -948,29 +628,29 @@ class Nn {
     const r = this.events[t];
     if (!r)
       return;
-    const l = Array.from(r.highPriority.keys()), I = Array.from(r.regular.keys());
-    for (let c = l.length - 1; c >= 0; c -= 1) {
-      const s = l[c];
-      r.highPriority.has(s) && s.apply(this, n);
+    const s = Array.from(r.highPriority.keys()), I = Array.from(r.regular.keys());
+    for (let c = s.length - 1; c >= 0; c -= 1) {
+      const l = s[c];
+      r.highPriority.has(l) && l.apply(this, n);
     }
     for (let c = 0; c < I.length; c += 1) {
-      const s = I[c];
-      r.regular.has(s) && s.apply(this, n);
+      const l = I[c];
+      r.regular.has(l) && l.apply(this, n);
     }
   }
   once(t, n) {
     const r = this;
-    this.on(t, function l(...I) {
-      r.removeListener(t, l), n.apply(r, I);
+    this.on(t, function s(...I) {
+      r.removeListener(t, s), n.apply(r, I);
     });
   }
 }
-const jn = (e) => e.isPropagationStopped !== void 0, ft = () => {
-  const [e] = x.useState(() => new Nn()), t = x.useCallback((...r) => {
-    const [l, I, c = {}] = r;
-    c.defaultMuiPrevented = !1, !(jn(c) && c.isPropagationStopped()) && e.emit(l, I, c);
-  }, [e]), n = x.useCallback((r, l) => (e.on(r, l), () => {
-    e.removeListener(r, l);
+const Mn = (e) => e.isPropagationStopped !== void 0, at = () => {
+  const [e] = x.useState(() => new Rn()), t = x.useCallback((...r) => {
+    const [s, I, c = {}] = r;
+    c.defaultMuiPrevented = !1, !(Mn(c) && c.isPropagationStopped()) && e.emit(s, I, c);
+  }, [e]), n = x.useCallback((r, s) => (e.on(r, s), () => {
+    e.removeListener(r, s);
   }), [e]);
   return {
     instance: {
@@ -979,8 +659,8 @@ const jn = (e) => e.isPropagationStopped !== void 0, ft = () => {
     }
   };
 };
-ft.params = {};
-const mt = ({
+at.params = {};
+const ct = ({
   plugins: e
 }) => {
   const t = new Set(e);
@@ -990,21 +670,21 @@ const mt = ({
     }
   };
 };
-mt.params = {};
-let rt = 0;
-const zn = () => (rt += 1, `mui-tree-view-${rt}`), ke = ({
+ct.params = {};
+let nt = 0;
+const kn = () => (nt += 1, `mui-tree-view-${nt}`), ve = ({
   id: e,
   treeId: t = "",
   itemId: n
-}) => e ?? `${t}-${n}`, Be = ({
+}) => e ?? `${t}-${n}`, je = ({
   params: e,
   state: t,
   setState: n
 }) => {
   x.useEffect(() => {
-    n((l) => l.id.treeId === e.id && l.id.treeId !== void 0 ? l : T({}, l, {
-      id: T({}, l.id, {
-        treeId: e.id ?? zn()
+    n((s) => s.id.treeId === e.id && s.id.treeId !== void 0 ? s : C({}, s, {
+      id: C({}, s.id, {
+        treeId: e.id ?? kn()
       })
     }));
   }, [n, e.id]);
@@ -1018,36 +698,36 @@ const zn = () => (rt += 1, `mui-tree-view-${rt}`), ke = ({
     }
   };
 };
-Be.params = {
+je.params = {
   id: !0
 };
-Be.getInitialState = ({
+je.getInitialState = ({
   id: e
 }) => ({
   id: {
     treeId: e ?? void 0
   }
 });
-const Bn = [ft, mt, Be], _n = ["slots", "slotProps", "apiRef", "experimentalFeatures"], Un = (e) => {
+const On = [at, ct, je], Vn = ["slots", "slotProps", "apiRef", "experimentalFeatures"], Dn = (e) => {
   let {
     props: {
       slots: t,
       slotProps: n,
       apiRef: r,
-      experimentalFeatures: l
+      experimentalFeatures: s
     },
     plugins: I
-  } = e, c = te(e.props, _n);
-  const s = {};
+  } = e, c = G(e.props, Vn);
+  const l = {};
   I.forEach((u) => {
-    Object.assign(s, u.params);
+    Object.assign(l, u.params);
   });
   const d = {}, f = {};
   Object.keys(c).forEach((u) => {
     const g = c[u];
-    s[u] ? d[u] = g : f[u] = g;
+    l[u] ? d[u] = g : f[u] = g;
   });
-  const i = l ?? {}, a = I.reduce((u, g) => g.getDefaultizedParams ? g.getDefaultizedParams({
+  const i = s ?? {}, a = I.reduce((u, g) => g.getDefaultizedParams ? g.getDefaultizedParams({
     params: u,
     experimentalFeatures: i
   }) : u, d);
@@ -1059,20 +739,20 @@ const Bn = [ft, mt, Be], _n = ["slots", "slotProps", "apiRef", "experimentalFeat
     slotProps: n ?? {},
     experimentalFeatures: i
   };
-}, Kn = ({
+}, Fn = ({
   plugins: e,
   instance: t,
   publicAPI: n,
   rootRef: r
 }) => ({
-  runItemPlugins: (s) => {
+  runItemPlugins: (l) => {
     let d = null, f = null;
     const i = [], a = {};
-    e.forEach((b) => {
-      if (!b.itemPlugin)
+    e.forEach((h) => {
+      if (!h.itemPlugin)
         return;
-      const m = b.itemPlugin({
-        props: s,
+      const m = h.itemPlugin({
+        props: l,
         rootRef: d,
         contentRef: f
       });
@@ -1080,13 +760,13 @@ const Bn = [ft, mt, Be], _n = ["slots", "slotProps", "apiRef", "experimentalFeat
         a[p] = !0;
       }));
     });
-    const u = (b) => (m) => {
+    const u = (h) => (m) => {
       const p = {};
-      return i.forEach((h) => {
-        const y = h[b];
+      return i.forEach((b) => {
+        const y = b[h];
         y != null && Object.assign(p, y(m));
       }), p;
-    }, g = Object.fromEntries(Object.keys(a).map((b) => [b, u(b)]));
+    }, g = Object.fromEntries(Object.keys(a).map((h) => [h, u(h)]));
     return {
       contentRef: f,
       rootRef: d,
@@ -1094,14 +774,14 @@ const Bn = [ft, mt, Be], _n = ["slots", "slotProps", "apiRef", "experimentalFeat
     };
   },
   wrapItem: ({
-    itemId: s,
+    itemId: l,
     children: d
   }) => {
     let f = d;
     for (let i = e.length - 1; i >= 0; i -= 1) {
       const a = e[i];
       a.wrapItem && (f = a.wrapItem({
-        itemId: s,
+        itemId: l,
         children: f,
         instance: t
       }));
@@ -1109,9 +789,9 @@ const Bn = [ft, mt, Be], _n = ["slots", "slotProps", "apiRef", "experimentalFeat
     return f;
   },
   wrapRoot: ({
-    children: s
+    children: l
   }) => {
-    let d = s;
+    let d = l;
     for (let f = e.length - 1; f >= 0; f -= 1) {
       const i = e[f];
       i.wrapRoot && (d = i.wrapRoot({
@@ -1125,73 +805,73 @@ const Bn = [ft, mt, Be], _n = ["slots", "slotProps", "apiRef", "experimentalFeat
   rootRef: r,
   publicAPI: n
 });
-function qn(e) {
+function An(e) {
   const t = x.useRef({});
   return e ? (e.current == null && (e.current = {}), e.current) : t.current;
 }
-const Xn = ({
+const Ln = ({
   plugins: e,
   rootRef: t,
   props: n
 }) => {
-  const r = [...Bn, ...e], {
-    pluginParams: l,
+  const r = [...On, ...e], {
+    pluginParams: s,
     forwardedProps: I,
     apiRef: c,
-    experimentalFeatures: s,
+    experimentalFeatures: l,
     slots: d,
     slotProps: f
-  } = Un({
+  } = Dn({
     plugins: r,
     props: n
-  }), i = Ln(r, l), u = x.useRef({}).current, g = qn(c), b = x.useRef(null), m = pe(b, t), p = Kn({
+  }), i = Sn(r, s), u = x.useRef({}).current, g = An(c), h = x.useRef(null), m = ye(h, t), p = Fn({
     plugins: r,
     instance: u,
     publicAPI: g,
-    rootRef: b
-  }), [h, y] = x.useState(() => {
-    const S = {};
+    rootRef: h
+  }), [b, y] = x.useState(() => {
+    const v = {};
     return r.forEach((M) => {
-      M.getInitialState && Object.assign(S, M.getInitialState(l));
-    }), S;
-  }), w = [], R = (S) => {
-    const M = S({
+      M.getInitialState && Object.assign(v, M.getInitialState(s));
+    }), v;
+  }), T = [], S = (v) => {
+    const M = v({
       instance: u,
-      params: l,
+      params: s,
       slots: d,
       slotProps: f,
-      experimentalFeatures: s,
-      state: h,
+      experimentalFeatures: l,
+      state: b,
       setState: y,
-      rootRef: b,
+      rootRef: h,
       models: i,
       plugins: r
     });
-    M.getRootProps && w.push(M.getRootProps), M.publicAPI && Object.assign(g, M.publicAPI), M.instance && Object.assign(u, M.instance), M.contextValue && Object.assign(p, M.contextValue);
+    M.getRootProps && T.push(M.getRootProps), M.publicAPI && Object.assign(g, M.publicAPI), M.instance && Object.assign(u, M.instance), M.contextValue && Object.assign(p, M.contextValue);
   };
-  return r.forEach(R), {
-    getRootProps: (S = {}) => {
-      const M = T({
+  return r.forEach(S), {
+    getRootProps: (v = {}) => {
+      const M = C({
         role: "tree"
-      }, I, S, {
+      }, I, v, {
         ref: m
       });
-      return w.forEach((z) => {
-        Object.assign(M, z(S));
+      return T.forEach(($) => {
+        Object.assign(M, $(v));
       }), M;
     },
     rootRef: m,
     contextValue: p,
     instance: u
   };
-}, _e = /* @__PURE__ */ x.createContext(null);
-process.env.NODE_ENV !== "production" && (_e.displayName = "TreeViewContext");
-function Wn(e) {
+}, Be = /* @__PURE__ */ x.createContext(null);
+process.env.NODE_ENV !== "production" && (Be.displayName = "TreeViewContext");
+function $n(e) {
   const {
     value: t,
     children: n
   } = e;
-  return /* @__PURE__ */ v(_e.Provider, {
+  return /* @__PURE__ */ E(Be.Provider, {
     value: t,
     children: t.wrapRoot({
       children: n,
@@ -1199,43 +879,43 @@ function Wn(e) {
     })
   });
 }
-const le = () => {
-  const e = x.useContext(_e);
+const oe = () => {
+  const e = x.useContext(Be);
   if (e == null)
     throw new Error(["MUI X: Could not find the Tree View context.", "It looks like you rendered your component outside of a SimpleTreeView or RichTreeView parent component.", "This can also happen if you are bundling multiple versions of the Tree View."].join(`
 `));
   return e;
-}, It = (e, t, n) => {
+}, dt = (e, t, n) => {
   e.$$publishEvent(t, n);
-}, ne = "__TREE_VIEW_ROOT_PARENT_ID__", gt = (e) => {
+}, Y = "__TREE_VIEW_ROOT_PARENT_ID__", ut = (e) => {
   const t = {};
   return e.forEach((n, r) => {
     t[n] = r;
   }), t;
-}, se = /* @__PURE__ */ x.createContext(() => -1);
-process.env.NODE_ENV !== "production" && (se.displayName = "TreeViewItemDepthContext");
-const Jn = ["children"], ht = ({
+}, ne = /* @__PURE__ */ x.createContext(() => -1);
+process.env.NODE_ENV !== "production" && (ne.displayName = "TreeViewItemDepthContext");
+const Nn = ["children"], pt = ({
   items: e,
   isItemDisabled: t,
   getItemLabel: n,
   getItemId: r
 }) => {
-  const l = {}, I = {}, c = {
-    [ne]: []
-  }, s = (f, i, a) => {
+  const s = {}, I = {}, c = {
+    [Y]: []
+  }, l = (f, i, a) => {
     var m, p;
     const u = r ? r(f) : f.id;
     if (u == null)
       throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.", "Alternatively, you can use the `getItemId` prop to specify a custom id for each item.", "An item was provided without id in the `items` prop:", JSON.stringify(f)].join(`
 `));
-    if (l[u] != null)
+    if (s[u] != null)
       throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.", "Alternatively, you can use the `getItemId` prop to specify a custom id for each item.", `Two items were provided with the same id in the \`items\` prop: "${u}"`].join(`
 `));
     const g = n ? n(f) : f.label;
     if (g == null)
       throw new Error(["MUI X: The Tree View component requires all items to have a `label` property.", "Alternatively, you can use the `getItemLabel` prop to specify a custom label for each item.", "An item was provided without label in the `items` prop:", JSON.stringify(f)].join(`
 `));
-    l[u] = {
+    s[u] = {
       id: u,
       label: g,
       parentId: a,
@@ -1244,36 +924,36 @@ const Jn = ["children"], ht = ({
       disabled: t ? t(f) : !1,
       depth: i
     }, I[u] = f;
-    const b = a ?? ne;
-    c[b] || (c[b] = []), c[b].push(u), (p = f.children) == null || p.forEach((h) => s(h, i + 1, u));
+    const h = a ?? Y;
+    c[h] || (c[h] = []), c[h].push(u), (p = f.children) == null || p.forEach((b) => l(b, i + 1, u));
   };
-  e.forEach((f) => s(f, 0, null));
+  e.forEach((f) => l(f, 0, null));
   const d = {};
   return Object.keys(c).forEach((f) => {
-    d[f] = gt(c[f]);
+    d[f] = ut(c[f]);
   }), {
-    itemMetaMap: l,
+    itemMetaMap: s,
     itemMap: I,
     itemOrderedChildrenIds: c,
     itemChildrenIndexes: d
   };
-}, ye = ({
+}, de = ({
   instance: e,
   params: t,
   state: n,
   setState: r,
-  experimentalFeatures: l
+  experimentalFeatures: s
 }) => {
-  const I = x.useCallback((h) => n.items.itemMetaMap[h], [n.items.itemMetaMap]), c = x.useCallback((h) => n.items.itemMap[h], [n.items.itemMap]), s = x.useCallback(() => {
-    const h = (y) => {
-      const w = n.items.itemMap[y], R = te(w, Jn), C = n.items.itemOrderedChildrenIds[y];
-      return C && (R.children = C.map(h)), R;
+  const I = x.useCallback((b) => n.items.itemMetaMap[b], [n.items.itemMetaMap]), c = x.useCallback((b) => n.items.itemMap[b], [n.items.itemMap]), l = x.useCallback(() => {
+    const b = (y) => {
+      const T = n.items.itemMap[y], S = G(T, Nn), w = n.items.itemOrderedChildrenIds[y];
+      return w && (S.children = w.map(b)), S;
     };
-    return n.items.itemOrderedChildrenIds[ne].map(h);
-  }, [n.items.itemMap, n.items.itemOrderedChildrenIds]), d = x.useCallback((h) => {
-    if (h == null)
+    return n.items.itemOrderedChildrenIds[Y].map(b);
+  }, [n.items.itemMap, n.items.itemOrderedChildrenIds]), d = x.useCallback((b) => {
+    if (b == null)
       return !1;
-    let y = e.getItemMeta(h);
+    let y = e.getItemMeta(b);
     if (!y)
       return !1;
     if (y.disabled)
@@ -1282,32 +962,32 @@ const Jn = ["children"], ht = ({
       if (y = e.getItemMeta(y.parentId), y.disabled)
         return !0;
     return !1;
-  }, [e]), f = x.useCallback((h) => {
-    const y = e.getItemMeta(h).parentId ?? ne;
-    return n.items.itemChildrenIndexes[y][h];
-  }, [e, n.items.itemChildrenIndexes]), i = x.useCallback((h) => n.items.itemOrderedChildrenIds[h ?? ne] ?? [], [n.items.itemOrderedChildrenIds]), a = (h) => {
-    const y = e.getItemMeta(h);
-    return y == null ? null : document.getElementById(ke({
+  }, [e]), f = x.useCallback((b) => {
+    const y = e.getItemMeta(b).parentId ?? Y;
+    return n.items.itemChildrenIndexes[y][b];
+  }, [e, n.items.itemChildrenIndexes]), i = x.useCallback((b) => n.items.itemOrderedChildrenIds[b ?? Y] ?? [], [n.items.itemOrderedChildrenIds]), a = (b) => {
+    const y = e.getItemMeta(b);
+    return y == null ? null : document.getElementById(ve({
       treeId: n.id.treeId,
-      itemId: h,
+      itemId: b,
       id: y.idAttribute
     }));
-  }, u = (h) => t.disabledItemsFocusable ? !0 : !e.isItemDisabled(h), g = x.useRef(!1), b = x.useCallback(() => {
+  }, u = (b) => t.disabledItemsFocusable ? !0 : !e.isItemDisabled(b), g = x.useRef(!1), h = x.useCallback(() => {
     g.current = !0;
   }, []), m = x.useCallback(() => g.current, []);
   return x.useEffect(() => {
-    e.areItemUpdatesPrevented() || r((h) => {
-      const y = ht({
+    e.areItemUpdatesPrevented() || r((b) => {
+      const y = pt({
         items: t.items,
         isItemDisabled: t.isItemDisabled,
         getItemId: t.getItemId,
         getItemLabel: t.getItemLabel
       });
-      return Object.values(h.items.itemMetaMap).forEach((w) => {
-        y.itemMetaMap[w.id] || It(e, "removeItem", {
-          id: w.id
+      return Object.values(b.items.itemMetaMap).forEach((T) => {
+        y.itemMetaMap[T.id] || dt(e, "removeItem", {
+          id: T.id
         });
-      }), T({}, h, {
+      }), C({}, b, {
         items: y
       });
     });
@@ -1320,68 +1000,68 @@ const Jn = ["children"], ht = ({
     publicAPI: {
       getItem: c,
       getItemDOMElement: a,
-      getItemTree: s,
+      getItemTree: l,
       getItemOrderedChildrenIds: i
     },
     instance: {
       getItemMeta: I,
       getItem: c,
-      getItemTree: s,
+      getItemTree: l,
       getItemsToRender: () => {
-        const h = (y) => {
-          var R;
-          const w = n.items.itemMetaMap[y];
+        const b = (y) => {
+          var S;
+          const T = n.items.itemMetaMap[y];
           return {
-            label: w.label,
-            itemId: w.id,
-            id: w.idAttribute,
-            children: (R = n.items.itemOrderedChildrenIds[y]) == null ? void 0 : R.map(h)
+            label: T.label,
+            itemId: T.id,
+            id: T.idAttribute,
+            children: (S = n.items.itemOrderedChildrenIds[y]) == null ? void 0 : S.map(b)
           };
         };
-        return n.items.itemOrderedChildrenIds[ne].map(h);
+        return n.items.itemOrderedChildrenIds[Y].map(b);
       },
       getItemIndex: f,
       getItemDOMElement: a,
       getItemOrderedChildrenIds: i,
       isItemDisabled: d,
       isItemNavigable: u,
-      preventItemUpdates: b,
+      preventItemUpdates: h,
       areItemUpdatesPrevented: m
     },
     contextValue: {
       items: {
         onItemClick: t.onItemClick,
         disabledItemsFocusable: t.disabledItemsFocusable,
-        indentationAtItemLevel: l.indentationAtItemLevel ?? !1
+        indentationAtItemLevel: s.indentationAtItemLevel ?? !1
       }
     }
   };
 };
-ye.getInitialState = (e) => ({
-  items: ht({
+de.getInitialState = (e) => ({
+  items: pt({
     items: e.items,
     isItemDisabled: e.isItemDisabled,
     getItemId: e.getItemId,
     getItemLabel: e.getItemLabel
   })
 });
-ye.getDefaultizedParams = ({
+de.getDefaultizedParams = ({
   params: e
-}) => T({}, e, {
+}) => C({}, e, {
   disabledItemsFocusable: e.disabledItemsFocusable ?? !1,
   itemChildrenIndentation: e.itemChildrenIndentation ?? "12px"
 });
-ye.wrapRoot = ({
+de.wrapRoot = ({
   children: e,
   instance: t
-}) => /* @__PURE__ */ v(se.Provider, {
+}) => /* @__PURE__ */ E(ne.Provider, {
   value: (n) => {
     var r;
     return ((r = t.getItemMeta(n)) == null ? void 0 : r.depth) ?? 0;
   },
   children: e
 });
-ye.params = {
+de.params = {
   disabledItemsFocusable: !0,
   items: !0,
   isItemDisabled: !0,
@@ -1390,7 +1070,7 @@ ye.params = {
   onItemClick: !0,
   itemChildrenIndentation: !0
 };
-const Oe = ({
+const Pe = ({
   instance: e,
   params: t,
   models: n
@@ -1400,25 +1080,25 @@ const Oe = ({
     return n.expandedItems.value.forEach((u) => {
       a.set(u, !0);
     }), a;
-  }, [n.expandedItems.value]), l = (a, u) => {
+  }, [n.expandedItems.value]), s = (a, u) => {
     var g;
     (g = t.onExpandedItemsChange) == null || g.call(t, a, u), n.expandedItems.setControlledValue(u);
   }, I = x.useCallback((a) => r.has(a), [r]), c = x.useCallback((a) => {
     var u;
     return !!((u = e.getItemMeta(a)) != null && u.expandable);
-  }, [e]), s = Q((a, u) => {
+  }, [e]), l = U((a, u) => {
     const g = e.isItemExpanded(u);
     e.setItemExpansion(a, u, !g);
-  }), d = Q((a, u, g) => {
+  }), d = U((a, u, g) => {
     if (e.isItemExpanded(u) === g)
       return;
     let m;
-    g ? m = [u].concat(n.expandedItems.value) : m = n.expandedItems.value.filter((p) => p !== u), t.onItemExpansionToggle && t.onItemExpansionToggle(a, u, g), l(a, m);
+    g ? m = [u].concat(n.expandedItems.value) : m = n.expandedItems.value.filter((p) => p !== u), t.onItemExpansionToggle && t.onItemExpansionToggle(a, u, g), s(a, m);
   }), f = (a, u) => {
-    const g = e.getItemMeta(u), m = e.getItemOrderedChildrenIds(g.parentId).filter((h) => e.isItemExpandable(h) && !e.isItemExpanded(h)), p = n.expandedItems.value.concat(m);
-    m.length > 0 && (t.onItemExpansionToggle && m.forEach((h) => {
-      t.onItemExpansionToggle(a, h, !0);
-    }), l(a, p));
+    const g = e.getItemMeta(u), m = e.getItemOrderedChildrenIds(g.parentId).filter((b) => e.isItemExpandable(b) && !e.isItemExpanded(b)), p = n.expandedItems.value.concat(m);
+    m.length > 0 && (t.onItemExpansionToggle && m.forEach((b) => {
+      t.onItemExpansionToggle(a, b, !0);
+    }), s(a, p));
   }, i = x.useMemo(() => t.expansionTrigger ? t.expansionTrigger : e.isTreeViewEditable ? "iconContainer" : "content", [t.expansionTrigger, e.isTreeViewEditable]);
   return {
     publicAPI: {
@@ -1428,7 +1108,7 @@ const Oe = ({
       isItemExpanded: I,
       isItemExpandable: c,
       setItemExpansion: d,
-      toggleItemExpansion: s,
+      toggleItemExpansion: l,
       expandAllSiblings: f
     },
     contextValue: {
@@ -1438,44 +1118,44 @@ const Oe = ({
     }
   };
 };
-Oe.models = {
+Pe.models = {
   expandedItems: {
     getDefaultValue: (e) => e.defaultExpandedItems
   }
 };
-const Gn = [];
-Oe.getDefaultizedParams = ({
+const jn = [];
+Pe.getDefaultizedParams = ({
   params: e
-}) => T({}, e, {
-  defaultExpandedItems: e.defaultExpandedItems ?? Gn
+}) => C({}, e, {
+  defaultExpandedItems: e.defaultExpandedItems ?? jn
 });
-Oe.params = {
+Pe.params = {
   expandedItems: !0,
   defaultExpandedItems: !0,
   onExpandedItemsChange: !0,
   onItemExpansionToggle: !0,
   expansionTrigger: !0
 };
-const bt = (e, t) => {
+const ft = (e, t) => {
   let n = t.length - 1;
   for (; n >= 0 && !e.isItemNavigable(t[n]); )
     n -= 1;
   if (n !== -1)
     return t[n];
-}, yt = (e, t) => {
-  const n = e.getItemMeta(t), r = e.getItemOrderedChildrenIds(n.parentId), l = e.getItemIndex(t);
-  if (l === 0)
+}, mt = (e, t) => {
+  const n = e.getItemMeta(t), r = e.getItemOrderedChildrenIds(n.parentId), s = e.getItemIndex(t);
+  if (s === 0)
     return n.parentId;
-  let I = l - 1;
+  let I = s - 1;
   for (; !e.isItemNavigable(r[I]) && I >= 0; )
     I -= 1;
   if (I === -1)
-    return n.parentId == null ? null : yt(e, n.parentId);
-  let c = r[I], s = bt(e, e.getItemOrderedChildrenIds(c));
-  for (; e.isItemExpanded(c) && s != null; )
-    c = s, s = e.getItemOrderedChildrenIds(c).find(e.isItemNavigable);
+    return n.parentId == null ? null : mt(e, n.parentId);
+  let c = r[I], l = ft(e, e.getItemOrderedChildrenIds(c));
+  for (; e.isItemExpanded(c) && l != null; )
+    c = l, l = e.getItemOrderedChildrenIds(c).find(e.isItemNavigable);
   return c;
-}, Ce = (e, t) => {
+}, ge = (e, t) => {
   if (e.isItemExpanded(t)) {
     const r = e.getItemOrderedChildrenIds(t).find(e.isItemNavigable);
     if (r != null)
@@ -1483,9 +1163,9 @@ const bt = (e, t) => {
   }
   let n = e.getItemMeta(t);
   for (; n != null; ) {
-    const r = e.getItemOrderedChildrenIds(n.parentId), l = e.getItemIndex(n.id);
-    if (l < r.length - 1) {
-      let I = l + 1;
+    const r = e.getItemOrderedChildrenIds(n.parentId), s = e.getItemIndex(n.id);
+    if (s < r.length - 1) {
+      let I = s + 1;
       for (; !e.isItemNavigable(r[I]) && I < r.length - 1; )
         I += 1;
       if (e.isItemNavigable(r[I]))
@@ -1494,28 +1174,28 @@ const bt = (e, t) => {
     n = e.getItemMeta(n.parentId);
   }
   return null;
-}, xt = (e) => {
+}, It = (e) => {
   let t = null;
   for (; t == null || e.isItemExpanded(t); ) {
-    const n = e.getItemOrderedChildrenIds(t), r = bt(e, n);
+    const n = e.getItemOrderedChildrenIds(t), r = ft(e, n);
     if (r == null)
       return t;
     t = r;
   }
   return t;
-}, me = (e) => e.getItemOrderedChildrenIds(null).find(e.isItemNavigable), wt = (e, t, n) => {
+}, ae = (e) => e.getItemOrderedChildrenIds(null).find(e.isItemNavigable), gt = (e, t, n) => {
   if (t === n)
     return [t, n];
-  const r = e.getItemMeta(t), l = e.getItemMeta(n);
-  if (r.parentId === l.id || l.parentId === r.id)
-    return l.parentId === r.id ? [r.id, l.id] : [l.id, r.id];
-  const I = [r.id], c = [l.id];
-  let s = r.parentId, d = l.parentId, f = c.indexOf(s) !== -1, i = I.indexOf(d) !== -1, a = !0, u = !0;
+  const r = e.getItemMeta(t), s = e.getItemMeta(n);
+  if (r.parentId === s.id || s.parentId === r.id)
+    return s.parentId === r.id ? [r.id, s.id] : [s.id, r.id];
+  const I = [r.id], c = [s.id];
+  let l = r.parentId, d = s.parentId, f = c.indexOf(l) !== -1, i = I.indexOf(d) !== -1, a = !0, u = !0;
   for (; !i && !f; )
-    a && (I.push(s), f = c.indexOf(s) !== -1, a = s !== null, !f && a && (s = e.getItemMeta(s).parentId)), u && !f && (c.push(d), i = I.indexOf(d) !== -1, u = d !== null, !i && u && (d = e.getItemMeta(d).parentId));
-  const g = f ? s : d, b = e.getItemOrderedChildrenIds(g), m = I[I.indexOf(g) - 1], p = c[c.indexOf(g) - 1];
-  return b.indexOf(m) < b.indexOf(p) ? [t, n] : [n, t];
-}, Hn = (e, t, n) => {
+    a && (I.push(l), f = c.indexOf(l) !== -1, a = l !== null, !f && a && (l = e.getItemMeta(l).parentId)), u && !f && (c.push(d), i = I.indexOf(d) !== -1, u = d !== null, !i && u && (d = e.getItemMeta(d).parentId));
+  const g = f ? l : d, h = e.getItemOrderedChildrenIds(g), m = I[I.indexOf(g) - 1], p = c[c.indexOf(g) - 1];
+  return h.indexOf(m) < h.indexOf(p) ? [t, n] : [n, t];
+}, Bn = (e, t, n) => {
   const r = (d) => {
     if (e.isItemExpandable(d) && e.isItemExpanded(d))
       return e.getItemOrderedChildrenIds(d)[0];
@@ -1527,28 +1207,28 @@ const bt = (e, t) => {
       f = e.getItemMeta(f.parentId);
     }
     throw new Error("Invalid range");
-  }, [l, I] = wt(e, t, n), c = [l];
-  let s = l;
-  for (; s !== I; )
-    s = r(s), e.isItemDisabled(s) || c.push(s);
+  }, [s, I] = gt(e, t, n), c = [s];
+  let l = s;
+  for (; l !== I; )
+    l = r(l), e.isItemDisabled(l) || c.push(l);
   return c;
-}, Yn = (e) => {
-  let t = me(e);
+}, _n = (e) => {
+  let t = ae(e);
   const n = [];
   for (; t != null; )
-    n.push(t), t = Ce(e, t);
+    n.push(t), t = ge(e, t);
   return n;
-}, je = (e, t) => t !== e.closest('*[role="treeitem"]'), Ee = (e) => Array.isArray(e) ? e : e != null ? [e] : [], Le = (e) => {
+}, Le = (e, t) => t !== e.closest('*[role="treeitem"]'), be = (e) => Array.isArray(e) ? e : e != null ? [e] : [], Fe = (e) => {
   const t = {};
   return e.forEach((n) => {
     t[n] = !0;
   }), t;
-}, De = ({
+}, Se = ({
   instance: e,
   params: t,
   models: n
 }) => {
-  const r = x.useRef(null), l = x.useRef({}), I = x.useMemo(() => {
+  const r = x.useRef(null), s = x.useRef({}), I = x.useMemo(() => {
     const m = /* @__PURE__ */ new Map();
     return Array.isArray(n.selectedItems.value) ? n.selectedItems.value.forEach((p) => {
       m.set(p, !0);
@@ -1556,36 +1236,36 @@ const bt = (e, t) => {
   }, [n.selectedItems.value]), c = (m, p) => {
     if (t.onItemSelectionToggle)
       if (t.multiSelect) {
-        const h = p.filter((w) => !e.isItemSelected(w)), y = n.selectedItems.value.filter((w) => !p.includes(w));
-        h.forEach((w) => {
-          t.onItemSelectionToggle(m, w, !0);
-        }), y.forEach((w) => {
-          t.onItemSelectionToggle(m, w, !1);
+        const b = p.filter((T) => !e.isItemSelected(T)), y = n.selectedItems.value.filter((T) => !p.includes(T));
+        b.forEach((T) => {
+          t.onItemSelectionToggle(m, T, !0);
+        }), y.forEach((T) => {
+          t.onItemSelectionToggle(m, T, !1);
         });
       } else p !== n.selectedItems.value && (n.selectedItems.value != null && t.onItemSelectionToggle(m, n.selectedItems.value, !1), p != null && t.onItemSelectionToggle(m, p, !0));
     t.onSelectedItemsChange && t.onSelectedItemsChange(m, p), n.selectedItems.setControlledValue(p);
-  }, s = (m) => I.has(m), d = ({
+  }, l = (m) => I.has(m), d = ({
     event: m,
     itemId: p,
-    keepExistingSelection: h = !1,
+    keepExistingSelection: b = !1,
     shouldBeSelected: y
   }) => {
     if (t.disableSelection)
       return;
-    let w;
-    if (h) {
-      const R = Ee(n.selectedItems.value), C = e.isItemSelected(p);
-      C && (y === !1 || y == null) ? w = R.filter((S) => S !== p) : !C && (y === !0 || y == null) ? w = [p].concat(R) : w = R;
+    let T;
+    if (b) {
+      const S = be(n.selectedItems.value), w = e.isItemSelected(p);
+      w && (y === !1 || y == null) ? T = S.filter((v) => v !== p) : !w && (y === !0 || y == null) ? T = [p].concat(S) : T = S;
     } else
-      y === !1 || y == null && e.isItemSelected(p) ? w = t.multiSelect ? [] : null : w = t.multiSelect ? [p] : p;
-    c(m, w), r.current = p, l.current = {};
-  }, f = (m, [p, h]) => {
+      y === !1 || y == null && e.isItemSelected(p) ? T = t.multiSelect ? [] : null : T = t.multiSelect ? [p] : p;
+    c(m, T), r.current = p, s.current = {};
+  }, f = (m, [p, b]) => {
     if (t.disableSelection || !t.multiSelect)
       return;
-    let y = Ee(n.selectedItems.value).slice();
-    Object.keys(l.current).length > 0 && (y = y.filter((S) => !l.current[S]));
-    const w = Le(y), R = Hn(e, p, h), C = R.filter((S) => !w[S]);
-    y = y.concat(C), c(m, y), l.current = Le(R);
+    let y = be(n.selectedItems.value).slice();
+    Object.keys(s.current).length > 0 && (y = y.filter((v) => !s.current[v]));
+    const T = Fe(y), S = Bn(e, p, b), w = S.filter((v) => !T[v]);
+    y = y.concat(w), c(m, y), s.current = Fe(S);
   };
   return {
     getRootProps: () => ({
@@ -1595,34 +1275,34 @@ const bt = (e, t) => {
       selectItem: d
     },
     instance: {
-      isItemSelected: s,
+      isItemSelected: l,
       selectItem: d,
       selectAllNavigableItems: (m) => {
         if (t.disableSelection || !t.multiSelect)
           return;
-        const p = Yn(e);
-        c(m, p), l.current = Le(p);
+        const p = _n(e);
+        c(m, p), s.current = Fe(p);
       },
       expandSelectionRange: (m, p) => {
         if (r.current != null) {
-          const [h, y] = wt(e, p, r.current);
-          f(m, [h, y]);
+          const [b, y] = gt(e, p, r.current);
+          f(m, [b, y]);
         }
       },
       selectRangeFromStartToItem: (m, p) => {
-        f(m, [me(e), p]);
+        f(m, [ae(e), p]);
       },
       selectRangeFromItemToEnd: (m, p) => {
-        f(m, [p, xt(e)]);
+        f(m, [p, It(e)]);
       },
-      selectItemFromArrowNavigation: (m, p, h) => {
+      selectItemFromArrowNavigation: (m, p, b) => {
         if (t.disableSelection || !t.multiSelect)
           return;
-        let y = Ee(n.selectedItems.value).slice();
-        Object.keys(l.current).length === 0 ? (y.push(h), l.current = {
+        let y = be(n.selectedItems.value).slice();
+        Object.keys(s.current).length === 0 ? (y.push(b), s.current = {
           [p]: !0,
-          [h]: !0
-        }) : (l.current[p] || (l.current = {}), l.current[h] ? (y = y.filter((w) => w !== p), delete l.current[p]) : (y.push(h), l.current[h] = !0)), c(m, y);
+          [b]: !0
+        }) : (s.current[p] || (s.current = {}), s.current[b] ? (y = y.filter((T) => T !== p), delete s.current[p]) : (y.push(b), s.current[b] = !0)), c(m, y);
       }
     },
     contextValue: {
@@ -1634,21 +1314,21 @@ const bt = (e, t) => {
     }
   };
 };
-De.models = {
+Se.models = {
   selectedItems: {
     getDefaultValue: (e) => e.defaultSelectedItems
   }
 };
-const Qn = [];
-De.getDefaultizedParams = ({
+const zn = [];
+Se.getDefaultizedParams = ({
   params: e
-}) => T({}, e, {
+}) => C({}, e, {
   disableSelection: e.disableSelection ?? !1,
   multiSelect: e.multiSelect ?? !1,
   checkboxSelection: e.checkboxSelection ?? !1,
-  defaultSelectedItems: e.defaultSelectedItems ?? (e.multiSelect ? Qn : null)
+  defaultSelectedItems: e.defaultSelectedItems ?? (e.multiSelect ? zn : null)
 });
-De.params = {
+Se.params = {
   disableSelection: !0,
   multiSelect: !0,
   checkboxSelection: !0,
@@ -1657,17 +1337,17 @@ De.params = {
   onSelectedItemsChange: !0,
   onItemSelectionToggle: !0
 };
-const it = 1e3;
-class Zn {
-  constructor(t = it) {
-    this.timeouts = /* @__PURE__ */ new Map(), this.cleanupTimeout = it, this.cleanupTimeout = t;
+const ot = 1e3;
+class Un {
+  constructor(t = ot) {
+    this.timeouts = /* @__PURE__ */ new Map(), this.cleanupTimeout = ot, this.cleanupTimeout = t;
   }
   register(t, n, r) {
     this.timeouts || (this.timeouts = /* @__PURE__ */ new Map());
-    const l = setTimeout(() => {
+    const s = setTimeout(() => {
       typeof n == "function" && n(), this.timeouts.delete(r.cleanupToken);
     }, this.cleanupTimeout);
-    this.timeouts.set(r.cleanupToken, l);
+    this.timeouts.set(r.cleanupToken, s);
   }
   unregister(t) {
     const n = this.timeouts.get(t.cleanupToken);
@@ -1681,7 +1361,7 @@ class Zn {
     }), this.timeouts = void 0);
   }
 }
-class eo {
+class Kn {
   constructor() {
     this.registry = new FinalizationRegistry((t) => {
       typeof t == "function" && t();
@@ -1697,102 +1377,102 @@ class eo {
   reset() {
   }
 }
-class to {
+class qn {
 }
-function no(e) {
+function Xn(e) {
   let t = 0;
-  return function(r, l, I) {
-    e.registry === null && (e.registry = typeof FinalizationRegistry < "u" ? new eo() : new Zn());
-    const [c] = x.useState(new to()), s = x.useRef(null), d = x.useRef(void 0);
+  return function(r, s, I) {
+    e.registry === null && (e.registry = typeof FinalizationRegistry < "u" ? new Kn() : new Un());
+    const [c] = x.useState(new qn()), l = x.useRef(null), d = x.useRef(void 0);
     d.current = I;
     const f = x.useRef(null);
-    if (!s.current && d.current) {
+    if (!l.current && d.current) {
       const i = (a, u) => {
         var g;
         u.defaultMuiPrevented || (g = d.current) == null || g.call(d, a, u);
       };
-      s.current = r.$$subscribeEvent(l, i), t += 1, f.current = {
+      l.current = r.$$subscribeEvent(s, i), t += 1, f.current = {
         cleanupToken: t
       }, e.registry.register(
         c,
         // The callback below will be called once this reference stops being retained
         () => {
           var a;
-          (a = s.current) == null || a.call(s), s.current = null, f.current = null;
+          (a = l.current) == null || a.call(l), l.current = null, f.current = null;
         },
         f.current
       );
-    } else !d.current && s.current && (s.current(), s.current = null, f.current && (e.registry.unregister(f.current), f.current = null));
+    } else !d.current && l.current && (l.current(), l.current = null, f.current && (e.registry.unregister(f.current), f.current = null));
     x.useEffect(() => {
-      if (!s.current && d.current) {
+      if (!l.current && d.current) {
         const i = (a, u) => {
           var g;
           u.defaultMuiPrevented || (g = d.current) == null || g.call(d, a, u);
         };
-        s.current = r.$$subscribeEvent(l, i);
+        l.current = r.$$subscribeEvent(s, i);
       }
       return f.current && e.registry && (e.registry.unregister(f.current), f.current = null), () => {
         var i;
-        (i = s.current) == null || i.call(s), s.current = null;
+        (i = l.current) == null || i.call(l), l.current = null;
       };
-    }, [r, l]);
+    }, [r, s]);
   };
 }
-const oo = {
+const Jn = {
   registry: null
-}, ro = no(oo), Tt = (e = document) => {
+}, Wn = Xn(Jn), bt = (e = document) => {
   const t = e.activeElement;
-  return t ? t.shadowRoot ? Tt(t.shadowRoot) : t : null;
+  return t ? t.shadowRoot ? bt(t.shadowRoot) : t : null;
 };
-function io(e) {
+function Gn(e) {
   return e.replace(/["\\]/g, "\\$&");
 }
-const so = (e, t) => {
-  let n = Ee(t).find((r) => {
+const Yn = (e, t) => {
+  let n = be(t).find((r) => {
     if (!e.isItemNavigable(r))
       return !1;
-    const l = e.getItemMeta(r);
-    return l && (l.parentId == null || e.isItemExpanded(l.parentId));
+    const s = e.getItemMeta(r);
+    return s && (s.parentId == null || e.isItemExpanded(s.parentId));
   });
-  return n == null && (n = me(e)), n;
-}, Ue = ({
+  return n == null && (n = ae(e)), n;
+}, _e = ({
   instance: e,
   params: t,
   state: n,
   setState: r,
-  models: l,
+  models: s,
   rootRef: I
 }) => {
-  const c = so(e, l.selectedItems.value), s = Q((p) => {
-    const h = typeof p == "function" ? p(n.focusedItemId) : p;
-    n.focusedItemId !== h && r((y) => T({}, y, {
-      focusedItemId: h
+  const c = Yn(e, s.selectedItems.value), l = U((p) => {
+    const b = typeof p == "function" ? p(n.focusedItemId) : p;
+    n.focusedItemId !== b && r((y) => C({}, y, {
+      focusedItemId: b
     }));
-  }), d = x.useCallback(() => !!I.current && I.current.contains(Tt(rn(I.current))), [I]), f = x.useCallback((p) => n.focusedItemId === p && d(), [n.focusedItemId, d]), i = (p) => {
-    const h = e.getItemMeta(p);
-    return h && (h.parentId == null || e.isItemExpanded(h.parentId));
-  }, a = (p, h) => {
-    const y = e.getItemDOMElement(h);
-    y && y.focus(), s(h), t.onItemFocus && t.onItemFocus(p, h);
-  }, u = Q((p, h) => {
-    i(h) && a(p, h);
-  }), g = Q(() => {
+  }), d = x.useCallback(() => !!I.current && I.current.contains(bt(Qt(I.current))), [I]), f = x.useCallback((p) => n.focusedItemId === p && d(), [n.focusedItemId, d]), i = (p) => {
+    const b = e.getItemMeta(p);
+    return b && (b.parentId == null || e.isItemExpanded(b.parentId));
+  }, a = (p, b) => {
+    const y = e.getItemDOMElement(b);
+    y && y.focus(), l(b), t.onItemFocus && t.onItemFocus(p, b);
+  }, u = U((p, b) => {
+    i(b) && a(p, b);
+  }), g = U(() => {
     if (n.focusedItemId == null)
       return;
     if (e.getItemMeta(n.focusedItemId)) {
-      const h = e.getItemDOMElement(n.focusedItemId);
-      h && h.blur();
+      const b = e.getItemDOMElement(n.focusedItemId);
+      b && b.blur();
     }
-    s(null);
-  }), b = (p) => p === c;
-  ro(e, "removeItem", ({
+    l(null);
+  }), h = (p) => p === c;
+  Wn(e, "removeItem", ({
     id: p
   }) => {
     n.focusedItemId === p && a(null, c);
   });
-  const m = (p) => (h) => {
+  const m = (p) => (b) => {
     var y;
-    (y = p.onFocus) == null || y.call(p, h), !h.defaultMuiPrevented && h.target === h.currentTarget && a(h, c);
+    (y = p.onFocus) == null || y.call(p, b), !b.defaultMuiPrevented && b.target === b.currentTarget && a(b, c);
   };
   return {
     getRootProps: (p) => ({
@@ -1803,68 +1483,68 @@ const so = (e, t) => {
     },
     instance: {
       isItemFocused: f,
-      canItemBeTabbed: b,
+      canItemBeTabbed: h,
       focusItem: u,
       removeFocusedItem: g
     }
   };
 };
-Ue.getInitialState = () => ({
+_e.getInitialState = () => ({
   focusedItemId: null
 });
-Ue.params = {
+_e.params = {
   onItemFocus: !0
 };
-const ve = (e, t) => e.getAvailablePlugins().has(t), lo = ({
+const he = (e, t) => e.getAvailablePlugins().has(t), Qn = ({
   props: e
 }) => {
   const {
     instance: t
-  } = le(), {
+  } = oe(), {
     label: n,
     itemId: r
-  } = e, [l, I] = x.useState(n), c = t.isItemBeingEdited(r);
+  } = e, [s, I] = x.useState(n), c = t.isItemBeingEdited(r);
   return x.useEffect(() => {
     c || I(n);
   }, [c, n]), {
     propsEnhancers: {
       labelInput: ({
-        externalEventHandlers: s,
+        externalEventHandlers: l,
         interactions: d
       }) => t.isItemEditable(r) ? {
-        value: l ?? "",
+        value: s ?? "",
         "data-element": "labelInput",
         onChange: (g) => {
-          var b;
-          (b = s.onChange) == null || b.call(s, g), I(g.target.value);
+          var h;
+          (h = l.onChange) == null || h.call(l, g), I(g.target.value);
         },
         onKeyDown: (g) => {
           var m;
-          if ((m = s.onKeyDown) == null || m.call(s, g), g.defaultMuiPrevented)
+          if ((m = l.onKeyDown) == null || m.call(l, g), g.defaultMuiPrevented)
             return;
-          const b = g.target;
-          g.key === "Enter" && b.value ? d.handleSaveItemLabel(g, b.value) : g.key === "Escape" && d.handleCancelItemLabelEditing(g);
+          const h = g.target;
+          g.key === "Enter" && h.value ? d.handleSaveItemLabel(g, h.value) : g.key === "Escape" && d.handleCancelItemLabelEditing(g);
         },
         onBlur: (g) => {
-          var b;
-          (b = s.onBlur) == null || b.call(s, g), !g.defaultMuiPrevented && g.target.value && d.handleSaveItemLabel(g, g.target.value);
+          var h;
+          (h = l.onBlur) == null || h.call(l, g), !g.defaultMuiPrevented && g.target.value && d.handleSaveItemLabel(g, g.target.value);
         },
         autoFocus: !0,
         type: "text"
       } : {}
     }
   };
-}, Z = ({
+}, K = ({
   instance: e,
   state: t,
   setState: n,
   params: r
 }) => {
-  const l = x.useRef(t.editedItemId), I = (a) => l.current === a, c = (a) => {
-    n((u) => T({}, u, {
+  const s = x.useRef(t.editedItemId), I = (a) => s.current === a, c = (a) => {
+    n((u) => C({}, u, {
       editedItemId: a
-    })), l.current = a;
-  }, s = (a) => a === t.editedItemId, d = !!r.isItemEditable, f = (a) => {
+    })), s.current = a;
+  }, l = (a) => a === t.editedItemId, d = !!r.isItemEditable, f = (a) => {
     if (a == null || !d)
       return !1;
     const u = e.getItem(a);
@@ -1874,11 +1554,11 @@ const ve = (e, t) => e.getAvailablePlugins().has(t), lo = ({
       throw new Error(["MUI X: The Tree View component requires all items to have a `label` property.", "The label of an item cannot be empty.", a].join(`
 `));
     n((g) => {
-      const b = g.items.itemMetaMap[a];
-      return b.label !== u ? T({}, g, {
-        items: T({}, g.items, {
-          itemMetaMap: T({}, g.items.itemMetaMap, {
-            [a]: T({}, b, {
+      const h = g.items.itemMetaMap[a];
+      return h.label !== u ? C({}, g, {
+        items: C({}, g.items, {
+          itemMetaMap: C({}, g.items.itemMetaMap, {
+            [a]: C({}, h, {
               label: u
             })
           })
@@ -1889,7 +1569,7 @@ const ve = (e, t) => e.getAvailablePlugins().has(t), lo = ({
   return {
     instance: {
       setEditedItemId: c,
-      isItemBeingEdited: s,
+      isItemBeingEdited: l,
       updateItemLabel: i,
       isItemEditable: f,
       isTreeViewEditable: d,
@@ -1900,33 +1580,33 @@ const ve = (e, t) => e.getAvailablePlugins().has(t), lo = ({
     }
   };
 };
-Z.itemPlugin = lo;
-Z.getDefaultizedParams = ({
+K.itemPlugin = Qn;
+K.getDefaultizedParams = ({
   params: e,
   experimentalFeatures: t
 }) => {
   const n = t == null ? void 0 : t.labelEditing;
-  return process.env.NODE_ENV !== "production" && e.isItemEditable && !n && Se(["MUI X: The label editing feature requires the `labelEditing` experimental feature to be enabled.", "You can do it by passing `experimentalFeatures={{ labelEditing: true}}` to the Rich Tree View Pro component.", "Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/editing/"]), T({}, e, {
+  return process.env.NODE_ENV !== "production" && e.isItemEditable && !n && xe(["MUI X: The label editing feature requires the `labelEditing` experimental feature to be enabled.", "You can do it by passing `experimentalFeatures={{ labelEditing: true}}` to the Rich Tree View Pro component.", "Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/editing/"]), C({}, e, {
     isItemEditable: n ? e.isItemEditable ?? !1 : !1
   });
 };
-Z.getInitialState = () => ({
+K.getInitialState = () => ({
   editedItemId: null
 });
-Z.params = {
+K.params = {
   onItemLabelChange: !0,
   isItemEditable: !0
 };
-function ao(e) {
+function Zn(e) {
   return !!e && e.length === 1 && !!e.match(/\S/);
 }
-const Ct = ({
+const ht = ({
   instance: e,
   params: t,
   state: n
 }) => {
-  const r = sn(), l = x.useRef({}), I = Q((i) => {
-    l.current = i(l.current);
+  const r = Zt(), s = x.useRef({}), I = U((i) => {
+    s.current = i(s.current);
   });
   x.useEffect(() => {
     if (e.areItemUpdatesPrevented())
@@ -1934,29 +1614,29 @@ const Ct = ({
     const i = {}, a = (u) => {
       i[u.id] = u.label.substring(0, 1).toLowerCase();
     };
-    Object.values(n.items.itemMetaMap).forEach(a), l.current = i;
+    Object.values(n.items.itemMetaMap).forEach(a), s.current = i;
   }, [n.items.itemMetaMap, t.getItemId, e]);
   const c = (i, a) => {
-    const u = a.toLowerCase(), g = (h) => {
-      const y = Ce(e, h);
-      return y === null ? me(e) : y;
+    const u = a.toLowerCase(), g = (b) => {
+      const y = ge(e, b);
+      return y === null ? ae(e) : y;
     };
-    let b = null, m = g(i);
+    let h = null, m = g(i);
     const p = {};
-    for (; b == null && !p[m]; )
-      l.current[m] === u ? b = m : (p[m] = !0, m = g(m));
-    return b;
-  }, s = (i) => !t.disableSelection && !e.isItemDisabled(i), d = (i) => !e.isItemDisabled(i) && e.isItemExpandable(i);
+    for (; h == null && !p[m]; )
+      s.current[m] === u ? h = m : (p[m] = !0, m = g(m));
+    return h;
+  }, l = (i) => !t.disableSelection && !e.isItemDisabled(i), d = (i) => !e.isItemDisabled(i) && e.isItemExpandable(i);
   return {
     instance: {
       updateFirstCharMap: I,
       handleItemKeyDown: (i, a) => {
-        if (i.defaultMuiPrevented || i.altKey || je(i.target, i.currentTarget))
+        if (i.defaultMuiPrevented || i.altKey || Le(i.target, i.currentTarget))
           return;
         const u = i.ctrlKey || i.metaKey, g = i.key;
         switch (!0) {
           // Select the item when pressing "Space"
-          case (g === " " && s(a)): {
+          case (g === " " && l(a)): {
             i.preventDefault(), t.multiSelect && i.shiftKey ? e.expandSelectionRange(i, a) : e.selectItem({
               event: i,
               itemId: a,
@@ -1968,7 +1648,7 @@ const Ct = ({
           // If the focused item has children, we expand it.
           // If the focused item has no children, we select it.
           case g === "Enter": {
-            ve(e, Z) && e.isItemEditable(a) && !e.isItemBeingEdited(a) ? e.setEditedItemId(a) : d(a) ? (e.toggleItemExpansion(i, a), i.preventDefault()) : s(a) && (t.multiSelect ? (i.preventDefault(), e.selectItem({
+            he(e, K) && e.isItemEditable(a) && !e.isItemBeingEdited(a) ? e.setEditedItemId(a) : d(a) ? (e.toggleItemExpansion(i, a), i.preventDefault()) : l(a) && (t.multiSelect ? (i.preventDefault(), e.selectItem({
               event: i,
               itemId: a,
               keepExistingSelection: !0
@@ -1980,14 +1660,14 @@ const Ct = ({
           }
           // Focus the next focusable item
           case g === "ArrowDown": {
-            const b = Ce(e, a);
-            b && (i.preventDefault(), e.focusItem(i, b), t.multiSelect && i.shiftKey && s(b) && e.selectItemFromArrowNavigation(i, a, b));
+            const h = ge(e, a);
+            h && (i.preventDefault(), e.focusItem(i, h), t.multiSelect && i.shiftKey && l(h) && e.selectItemFromArrowNavigation(i, a, h));
             break;
           }
           // Focuses the previous focusable item
           case g === "ArrowUp": {
-            const b = yt(e, a);
-            b && (i.preventDefault(), e.focusItem(i, b), t.multiSelect && i.shiftKey && s(b) && e.selectItemFromArrowNavigation(i, a, b));
+            const h = mt(e, a);
+            h && (i.preventDefault(), e.focusItem(i, h), t.multiSelect && i.shiftKey && l(h) && e.selectItemFromArrowNavigation(i, a, h));
             break;
           }
           // If the focused item is expanded, we move the focus to its first child
@@ -1996,8 +1676,8 @@ const Ct = ({
             if (u)
               return;
             if (e.isItemExpanded(a)) {
-              const b = Ce(e, a);
-              b && (e.focusItem(i, b), i.preventDefault());
+              const h = ge(e, a);
+              h && (e.focusItem(i, h), i.preventDefault());
             } else d(a) && (e.toggleItemExpansion(i, a), i.preventDefault());
             break;
           }
@@ -2009,19 +1689,19 @@ const Ct = ({
             if (d(a) && e.isItemExpanded(a))
               e.toggleItemExpansion(i, a), i.preventDefault();
             else {
-              const b = e.getItemMeta(a).parentId;
-              b && (e.focusItem(i, b), i.preventDefault());
+              const h = e.getItemMeta(a).parentId;
+              h && (e.focusItem(i, h), i.preventDefault());
             }
             break;
           }
           // Focuses the first item in the tree
           case g === "Home": {
-            s(a) && t.multiSelect && u && i.shiftKey ? e.selectRangeFromStartToItem(i, a) : e.focusItem(i, me(e)), i.preventDefault();
+            l(a) && t.multiSelect && u && i.shiftKey ? e.selectRangeFromStartToItem(i, a) : e.focusItem(i, ae(e)), i.preventDefault();
             break;
           }
           // Focuses the last item in the tree
           case g === "End": {
-            s(a) && t.multiSelect && u && i.shiftKey ? e.selectRangeFromItemToEnd(i, a) : e.focusItem(i, xt(e)), i.preventDefault();
+            l(a) && t.multiSelect && u && i.shiftKey ? e.selectRangeFromItemToEnd(i, a) : e.focusItem(i, It(e)), i.preventDefault();
             break;
           }
           // Expand all siblings that are at the same level as the focused item
@@ -2037,9 +1717,9 @@ const Ct = ({
           }
           // Type-ahead
           // TODO: Support typing multiple characters
-          case (!u && !i.shiftKey && ao(g)): {
-            const b = c(a, g);
-            b != null && (e.focusItem(i, b), i.preventDefault());
+          case (!u && !i.shiftKey && Zn(g)): {
+            const h = c(a, g);
+            h != null && (e.focusItem(i, h), i.preventDefault());
             break;
           }
         }
@@ -2047,8 +1727,8 @@ const Ct = ({
     }
   };
 };
-Ct.params = {};
-const Et = ({
+ht.params = {};
+const yt = ({
   slots: e,
   slotProps: t
 }) => ({
@@ -2067,18 +1747,18 @@ const Et = ({
     }
   }
 });
-Et.params = {};
-const Ke = /* @__PURE__ */ x.createContext(null);
-process.env.NODE_ENV !== "production" && (Ke.displayName = "TreeViewChildrenItemContext");
-function qe(e) {
+yt.params = {};
+const ze = /* @__PURE__ */ x.createContext(null);
+process.env.NODE_ENV !== "production" && (ze.displayName = "TreeViewChildrenItemContext");
+function Ue(e) {
   const {
     children: t,
     itemId: n = null
   } = e, {
     instance: r,
-    treeId: l,
+    treeId: s,
     rootRef: I
-  } = le(), c = x.useRef(/* @__PURE__ */ new Map());
+  } = oe(), c = x.useRef(/* @__PURE__ */ new Map());
   x.useEffect(() => {
     if (!I.current)
       return;
@@ -2086,48 +1766,48 @@ function qe(e) {
     if (n == null)
       d = I.current.id;
     else {
-      const b = r.getItemMeta(n);
-      b !== void 0 && (d = ke({
+      const h = r.getItemMeta(n);
+      h !== void 0 && (d = ve({
         itemId: n,
-        treeId: l,
-        id: b.idAttribute
+        treeId: s,
+        id: h.idAttribute
       }));
     }
     if (d == null)
       return;
-    const f = r.getItemOrderedChildrenIds(n ?? null) ?? [], i = io(d), a = I.current.querySelectorAll(`${n == null ? "" : `*[id="${i}"] `}[role="treeitem"]:not(*[id="${i}"] [role="treeitem"] [role="treeitem"])`), u = Array.from(a).map((b) => c.current.get(b.id));
-    (u.length !== f.length || u.some((b, m) => b !== f[m])) && r.setJSXItemsOrderedChildrenIds(n ?? null, u);
+    const f = r.getItemOrderedChildrenIds(n ?? null) ?? [], i = Gn(d), a = I.current.querySelectorAll(`${n == null ? "" : `*[id="${i}"] `}[role="treeitem"]:not(*[id="${i}"] [role="treeitem"] [role="treeitem"])`), u = Array.from(a).map((h) => c.current.get(h.id));
+    (u.length !== f.length || u.some((h, m) => h !== f[m])) && r.setJSXItemsOrderedChildrenIds(n ?? null, u);
   });
-  const s = x.useMemo(() => ({
+  const l = x.useMemo(() => ({
     registerChild: (d, f) => c.current.set(d, f),
     unregisterChild: (d) => c.current.delete(d),
     parentId: n
   }), [n]);
-  return /* @__PURE__ */ v(Ke.Provider, {
-    value: s,
+  return /* @__PURE__ */ E(ze.Provider, {
+    value: l,
     children: t
   });
 }
-process.env.NODE_ENV !== "production" && (qe.propTypes = {
+process.env.NODE_ENV !== "production" && (Ue.propTypes = {
   children: o.node,
   id: o.string
 });
-const xe = ({
+const ue = ({
   instance: e,
   setState: t
 }) => {
   e.preventItemUpdates();
-  const n = Q((I) => (t((c) => {
+  const n = U((I) => (t((c) => {
     if (c.items.itemMetaMap[I.id] != null)
       throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.", "Alternatively, you can use the `getItemId` prop to specify a custom id for each item.", `Two items were provided with the same id in the \`items\` prop: "${I.id}"`].join(`
 `));
-    return T({}, c, {
-      items: T({}, c.items, {
-        itemMetaMap: T({}, c.items.itemMetaMap, {
+    return C({}, c, {
+      items: C({}, c.items, {
+        itemMetaMap: C({}, c.items.itemMetaMap, {
           [I.id]: I
         }),
         // For Simple Tree View, we don't have a proper `item` object, so we create a very basic one.
-        itemMap: T({}, c.items.itemMap, {
+        itemMap: C({}, c.items.itemMap, {
           [I.id]: {
             id: I.id,
             label: I.label
@@ -2137,31 +1817,31 @@ const xe = ({
     });
   }), () => {
     t((c) => {
-      const s = T({}, c.items.itemMetaMap), d = T({}, c.items.itemMap);
-      return delete s[I.id], delete d[I.id], T({}, c, {
-        items: T({}, c.items, {
-          itemMetaMap: s,
+      const l = C({}, c.items.itemMetaMap), d = C({}, c.items.itemMap);
+      return delete l[I.id], delete d[I.id], C({}, c, {
+        items: C({}, c.items, {
+          itemMetaMap: l,
           itemMap: d
         })
       });
-    }), It(e, "removeItem", {
+    }), dt(e, "removeItem", {
       id: I.id
     });
   })), r = (I, c) => {
-    const s = I ?? ne;
-    t((d) => T({}, d, {
-      items: T({}, d.items, {
-        itemOrderedChildrenIds: T({}, d.items.itemOrderedChildrenIds, {
-          [s]: c
+    const l = I ?? Y;
+    t((d) => C({}, d, {
+      items: C({}, d.items, {
+        itemOrderedChildrenIds: C({}, d.items.itemOrderedChildrenIds, {
+          [l]: c
         }),
-        itemChildrenIndexes: T({}, d.items.itemChildrenIndexes, {
-          [s]: gt(c)
+        itemChildrenIndexes: C({}, d.items.itemChildrenIndexes, {
+          [l]: ut(c)
         })
       })
     }));
-  }, l = Q((I, c) => (e.updateFirstCharMap((s) => (s[I] = c, s)), () => {
-    e.updateFirstCharMap((s) => {
-      const d = T({}, s);
+  }, s = U((I, c) => (e.updateFirstCharMap((l) => (l[I] = c, l)), () => {
+    e.updateFirstCharMap((l) => {
+      const d = C({}, l);
       return delete d[I], d;
     });
   }));
@@ -2169,24 +1849,24 @@ const xe = ({
     instance: {
       insertJSXItem: n,
       setJSXItemsOrderedChildrenIds: r,
-      mapFirstCharFromJSX: l
+      mapFirstCharFromJSX: s
     }
   };
-}, vt = (e) => Array.isArray(e) ? e.length > 0 && e.some(vt) : !!e, co = ({
+}, xt = (e) => Array.isArray(e) ? e.length > 0 && e.some(xt) : !!e, Hn = ({
   props: e,
   rootRef: t,
   contentRef: n
 }) => {
   const {
     instance: r,
-    treeId: l
-  } = le(), {
+    treeId: s
+  } = oe(), {
     children: I,
     disabled: c = !1,
-    label: s,
+    label: l,
     itemId: d,
     id: f
-  } = e, i = x.useContext(Ke);
+  } = e, i = x.useContext(ze);
   if (i == 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(`
 `));
@@ -2194,62 +1874,62 @@ const xe = ({
     registerChild: a,
     unregisterChild: u,
     parentId: g
-  } = i, b = vt(I), m = x.useRef(null), p = pe(m, n);
-  return ln(() => {
-    const h = ke({
+  } = i, h = xt(I), m = x.useRef(null), p = ye(m, n);
+  return Ht(() => {
+    const b = ve({
       itemId: d,
-      treeId: l,
+      treeId: s,
       id: f
     });
-    return a(h, d), () => {
-      u(h);
+    return a(b, d), () => {
+      u(b);
     };
-  }, [a, u, d, f, l]), x.useEffect(() => r.insertJSXItem({
+  }, [a, u, d, f, s]), x.useEffect(() => r.insertJSXItem({
     id: d,
     idAttribute: f,
     parentId: g,
-    expandable: b,
+    expandable: h,
     disabled: c
-  }), [r, g, d, b, c, f]), x.useEffect(() => {
-    var h;
-    if (s)
-      return r.mapFirstCharFromJSX(d, (((h = m.current) == null ? void 0 : h.textContent) ?? "").substring(0, 1).toLowerCase());
-  }, [r, d, s]), {
+  }), [r, g, d, h, c, f]), x.useEffect(() => {
+    var b;
+    if (l)
+      return r.mapFirstCharFromJSX(d, (((b = m.current) == null ? void 0 : b.textContent) ?? "").substring(0, 1).toLowerCase());
+  }, [r, d, l]), {
     contentRef: p,
     rootRef: t
   };
 };
-xe.itemPlugin = co;
-xe.wrapItem = ({
+ue.itemPlugin = Hn;
+ue.wrapItem = ({
   children: e,
   itemId: t
 }) => {
-  const n = x.useContext(se);
-  return /* @__PURE__ */ v(qe, {
+  const n = x.useContext(ne);
+  return /* @__PURE__ */ E(Ue, {
     itemId: t,
-    children: /* @__PURE__ */ v(se.Provider, {
+    children: /* @__PURE__ */ E(ne.Provider, {
       value: n + 1,
       children: e
     })
   });
 };
-xe.wrapRoot = ({
+ue.wrapRoot = ({
   children: e
-}) => /* @__PURE__ */ v(qe, {
-  children: /* @__PURE__ */ v(se.Provider, {
+}) => /* @__PURE__ */ E(Ue, {
+  children: /* @__PURE__ */ E(ne.Provider, {
     value: 0,
     children: e
   })
 });
-xe.params = {};
-const uo = [ye, Oe, De, Ue, Ct, Et, xe], po = pt(), fo = (e) => {
+ue.params = {};
+const eo = [de, Pe, Se, _e, ht, yt, ue], to = lt(), no = (e) => {
   const {
     classes: t
   } = e;
-  return he({
+  return Ee({
     root: ["root"]
-  }, $n, t);
-}, mo = U("ul", {
+  }, Pn, t);
+}, oo = _("ul", {
   name: "MuiSimpleTreeView",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -2259,37 +1939,37 @@ const uo = [ye, Oe, De, Ue, Ct, Et, xe], po = pt(), fo = (e) => {
   listStyle: "none",
   outline: 0,
   position: "relative"
-}), Io = [], St = /* @__PURE__ */ x.forwardRef(function(t, n) {
-  const r = po({
+}), ro = [], Ct = /* @__PURE__ */ x.forwardRef(function(t, n) {
+  const r = to({
     props: t,
     name: "MuiSimpleTreeView"
-  }), l = r;
-  process.env.NODE_ENV !== "production" && r.items != null && Se(["MUI X: The Simple Tree View component does not support the `items` prop.", "If you want to add items, you need to pass them as JSX children.", "Check the documentation for more details: https://mui.com/x/react-tree-view/simple-tree-view/items/."]);
+  }), s = r;
+  process.env.NODE_ENV !== "production" && r.items != null && xe(["MUI X: The Simple Tree View component does not support the `items` prop.", "If you want to add items, you need to pass them as JSX children.", "Check the documentation for more details: https://mui.com/x/react-tree-view/simple-tree-view/items/."]);
   const {
     getRootProps: I,
     contextValue: c
-  } = Xn({
-    plugins: uo,
+  } = Ln({
+    plugins: eo,
     rootRef: n,
-    props: T({}, r, {
-      items: Io
+    props: C({}, r, {
+      items: ro
     })
   }), {
-    slots: s,
+    slots: l,
     slotProps: d
-  } = r, f = fo(r), i = (s == null ? void 0 : s.root) ?? mo, a = ue({
+  } = r, f = no(r), i = (l == null ? void 0 : l.root) ?? oo, a = se({
     elementType: i,
     externalSlotProps: d == null ? void 0 : d.root,
     className: f.root,
     getSlotProps: I,
-    ownerState: l
+    ownerState: s
   });
-  return /* @__PURE__ */ v(Wn, {
+  return /* @__PURE__ */ E($n, {
     value: c,
-    children: /* @__PURE__ */ v(i, T({}, a))
+    children: /* @__PURE__ */ E(i, C({}, a))
   });
 });
-process.env.NODE_ENV !== "production" && (St.propTypes = {
+process.env.NODE_ENV !== "production" && (Ct.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -2435,7 +2115,7 @@ process.env.NODE_ENV !== "production" && (St.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-function Pt(e) {
+function Tt(e) {
   const {
     instance: t,
     items: {
@@ -2443,42 +2123,42 @@ function Pt(e) {
     },
     selection: {
       multiSelect: r,
-      checkboxSelection: l,
+      checkboxSelection: s,
       disableSelection: I
     },
     expansion: {
       expansionTrigger: c
     }
-  } = le(), s = t.isItemExpandable(e), d = t.isItemExpanded(e), f = t.isItemFocused(e), i = t.isItemSelected(e), a = t.isItemDisabled(e), u = t != null && t.isItemBeingEdited ? t == null ? void 0 : t.isItemBeingEdited(e) : !1, g = t.isItemEditable ? t.isItemEditable(e) : !1, b = (C) => {
+  } = oe(), l = t.isItemExpandable(e), d = t.isItemExpanded(e), f = t.isItemFocused(e), i = t.isItemSelected(e), a = t.isItemDisabled(e), u = t != null && t.isItemBeingEdited ? t == null ? void 0 : t.isItemBeingEdited(e) : !1, g = t.isItemEditable ? t.isItemEditable(e) : !1, h = (w) => {
     if (!a) {
-      f || t.focusItem(C, e);
-      const S = r && (C.shiftKey || C.ctrlKey || C.metaKey);
-      s && !(S && t.isItemExpanded(e)) && t.toggleItemExpansion(C, e);
+      f || t.focusItem(w, e);
+      const v = r && (w.shiftKey || w.ctrlKey || w.metaKey);
+      l && !(v && t.isItemExpanded(e)) && t.toggleItemExpansion(w, e);
     }
-  }, m = (C) => {
-    a || (!f && !u && t.focusItem(C, e), r && (C.shiftKey || C.ctrlKey || C.metaKey) ? C.shiftKey ? t.expandSelectionRange(C, e) : t.selectItem({
-      event: C,
+  }, m = (w) => {
+    a || (!f && !u && t.focusItem(w, e), r && (w.shiftKey || w.ctrlKey || w.metaKey) ? w.shiftKey ? t.expandSelectionRange(w, e) : t.selectItem({
+      event: w,
       itemId: e,
       keepExistingSelection: !0
     }) : t.selectItem({
-      event: C,
+      event: w,
       itemId: e,
       shouldBeSelected: !0
     }));
-  }, p = (C) => {
+  }, p = (w) => {
     if (I || a)
       return;
-    const S = C.nativeEvent.shiftKey;
-    r && S ? t.expandSelectionRange(C, e) : t.selectItem({
-      event: C,
+    const v = w.nativeEvent.shiftKey;
+    r && v ? t.expandSelectionRange(w, e) : t.selectItem({
+      event: w,
       itemId: e,
       keepExistingSelection: r,
-      shouldBeSelected: C.target.checked
+      shouldBeSelected: w.target.checked
     });
-  }, h = (C) => {
-    (C.shiftKey || C.ctrlKey || C.metaKey || a) && C.preventDefault();
+  }, b = (w) => {
+    (w.shiftKey || w.ctrlKey || w.metaKey || a) && w.preventDefault();
   }, y = () => {
-    ve(t, Z) && t.isItemEditable(e) && (t.isItemBeingEdited(e) ? t.setEditedItemId(null) : t.setEditedItemId(e));
+    he(t, K) && t.isItemEditable(e) && (t.isItemBeingEdited(e) ? t.setEditedItemId(null) : t.setEditedItemId(e));
   };
   return {
     disabled: a,
@@ -2488,27 +2168,27 @@ function Pt(e) {
     editable: g,
     editing: u,
     disableSelection: I,
-    checkboxSelection: l,
-    handleExpansion: b,
+    checkboxSelection: s,
+    handleExpansion: h,
     handleSelection: m,
     handleCheckboxSelection: p,
     handleContentClick: n,
-    preventSelection: h,
+    preventSelection: b,
     expansionTrigger: c,
     toggleItemEditing: y,
-    handleSaveItemLabel: (C, S) => {
-      ve(t, Z) && t.isItemBeingEditedRef(e) && (t.updateItemLabel(e, S), y(), t.focusItem(C, e));
+    handleSaveItemLabel: (w, v) => {
+      he(t, K) && t.isItemBeingEditedRef(e) && (t.updateItemLabel(e, v), y(), t.focusItem(w, e));
     },
-    handleCancelItemLabelEditing: (C) => {
-      ve(t, Z) && t.isItemBeingEditedRef(e) && (y(), t.focusItem(C, e));
+    handleCancelItemLabelEditing: (w) => {
+      he(t, K) && t.isItemBeingEditedRef(e) && (y(), t.focusItem(w, e));
     }
   };
 }
-const go = U("div", {
+const io = _("div", {
   name: "MuiTreeItem2DragAndDropOverlay",
   slot: "Root",
   overridesResolver: (e, t) => t.root,
-  shouldForwardProp: (e) => ze(e) && e !== "action"
+  shouldForwardProp: (e) => Ne(e) && e !== "action"
 })(({
   theme: e
 }) => ({
@@ -2526,7 +2206,7 @@ const go = U("div", {
     style: {
       marginLeft: "calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))",
       borderRadius: e.shape.borderRadius,
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.darkChannel} / ${e.vars.palette.action.focusOpacity})` : ee(e.palette.primary.dark, e.palette.action.focusOpacity)
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.darkChannel} / ${e.vars.palette.action.focusOpacity})` : W(e.palette.primary.dark, e.palette.action.focusOpacity)
     }
   }, {
     props: {
@@ -2554,10 +2234,10 @@ const go = U("div", {
     }
   }]
 }));
-function Rt(e) {
-  return e.action == null ? null : /* @__PURE__ */ v(go, T({}, e));
+function wt(e) {
+  return e.action == null ? null : /* @__PURE__ */ E(io, C({}, e));
 }
-process.env.NODE_ENV !== "production" && (Rt.propTypes = {
+process.env.NODE_ENV !== "production" && (wt.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -2565,13 +2245,13 @@ process.env.NODE_ENV !== "production" && (Rt.propTypes = {
   action: o.oneOf(["make-child", "move-to-parent", "reorder-above", "reorder-below"]),
   style: o.object
 });
-const ho = U("input", {
+const so = _("input", {
   name: "MuiTreeItem2",
   slot: "LabelInput",
   overridesResolver: (e, t) => t.labelInput
 })(({
   theme: e
-}) => T({}, e.typography.body1, {
+}) => C({}, e.typography.body1, {
   width: "100%",
   backgroundColor: e.palette.background.paper,
   borderRadius: e.shape.borderRadius,
@@ -2581,73 +2261,73 @@ const ho = U("input", {
   "&:focus": {
     outline: `1px solid ${e.palette.primary.main}`
   }
-})), bo = ["classes", "className", "displayIcon", "expansionIcon", "icon", "label", "itemId", "onClick", "onMouseDown", "dragAndDropOverlayProps", "labelInputProps"], Xe = /* @__PURE__ */ x.forwardRef(function(t, n) {
+})), lo = ["classes", "className", "displayIcon", "expansionIcon", "icon", "label", "itemId", "onClick", "onMouseDown", "dragAndDropOverlayProps", "labelInputProps"], Ke = /* @__PURE__ */ x.forwardRef(function(t, n) {
   const {
     classes: r,
-    className: l,
+    className: s,
     displayIcon: I,
     expansionIcon: c,
-    icon: s,
+    icon: l,
     label: d,
     itemId: f,
     onClick: i,
     onMouseDown: a,
     dragAndDropOverlayProps: u,
     labelInputProps: g
-  } = t, b = te(t, bo), {
+  } = t, h = G(t, lo), {
     disabled: m,
     expanded: p,
-    selected: h,
+    selected: b,
     focused: y,
-    editing: w,
-    editable: R,
-    disableSelection: C,
-    checkboxSelection: S,
+    editing: T,
+    editable: S,
+    disableSelection: w,
+    checkboxSelection: v,
     handleExpansion: M,
-    handleSelection: z,
-    handleCheckboxSelection: W,
-    handleContentClick: D,
-    preventSelection: j,
-    expansionTrigger: V,
-    toggleItemEditing: B
-  } = Pt(f), N = s || c || I, K = x.useRef(null), q = (A) => {
-    j(A), a && a(A);
-  }, _ = (A) => {
+    handleSelection: $,
+    handleCheckboxSelection: q,
+    handleContentClick: A,
+    preventSelection: N,
+    expansionTrigger: D,
+    toggleItemEditing: Q
+  } = Tt(f), z = l || c || I, Z = x.useRef(null), j = (O) => {
+    N(O), a && a(O);
+  }, re = (O) => {
     var J;
-    D == null || D(A, f), !((J = K.current) != null && J.contains(A.target)) && (V === "content" && M(A), S || z(A), i && i(A));
-  }, X = (A) => {
-    A.defaultMuiPrevented || B();
+    A == null || A(O, f), !((J = Z.current) != null && J.contains(O.target)) && (D === "content" && M(O), v || $(O), i && i(O));
+  }, X = (O) => {
+    O.defaultMuiPrevented || Q();
   };
   return (
     /* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions -- Key event is handled by the TreeView */
-    /* @__PURE__ */ Re("div", T({}, b, {
-      className: Me(r.root, l, p && r.expanded, h && r.selected, y && r.focused, m && r.disabled, w && r.editing, R && r.editable),
-      onClick: _,
-      onMouseDown: q,
+    /* @__PURE__ */ Ce("div", C({}, h, {
+      className: $e(r.root, s, p && r.expanded, b && r.selected, y && r.focused, m && r.disabled, T && r.editing, S && r.editable),
+      onClick: re,
+      onMouseDown: j,
       ref: n,
-      children: [/* @__PURE__ */ v("div", {
+      children: [/* @__PURE__ */ E("div", {
         className: r.iconContainer,
-        children: N
-      }), S && /* @__PURE__ */ v(ut, {
+        children: z
+      }), v && /* @__PURE__ */ E(st, {
         className: r.checkbox,
-        checked: h,
-        onChange: W,
-        disabled: m || C,
-        ref: K,
+        checked: b,
+        onChange: q,
+        disabled: m || w,
+        ref: Z,
         tabIndex: -1
-      }), w ? /* @__PURE__ */ v(ho, T({}, g, {
+      }), T ? /* @__PURE__ */ E(so, C({}, g, {
         className: r.labelInput
-      })) : /* @__PURE__ */ v("div", T({
+      })) : /* @__PURE__ */ E("div", C({
         className: r.label
-      }, R && {
+      }, S && {
         onDoubleClick: X
       }, {
         children: d
-      })), u && /* @__PURE__ */ v(Rt, T({}, u))]
+      })), u && /* @__PURE__ */ E(wt, C({}, u))]
     }))
   );
 });
-process.env.NODE_ENV !== "production" && (Xe.propTypes = {
+process.env.NODE_ENV !== "production" && (Ke.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -2691,29 +2371,29 @@ process.env.NODE_ENV !== "production" && (Xe.propTypes = {
     value: o.string
   })
 });
-function yo(e) {
-  return Ie("MuiTreeItem", e);
+function ao(e) {
+  return Te("MuiTreeItem", e);
 }
-const H = ge("MuiTreeItem", ["root", "groupTransition", "content", "expanded", "selected", "focused", "disabled", "iconContainer", "label", "checkbox", "labelInput", "editable", "editing", "dragAndDropOverlay"]), xo = be(/* @__PURE__ */ v("path", {
+const B = we("MuiTreeItem", ["root", "groupTransition", "content", "expanded", "selected", "focused", "disabled", "iconContainer", "label", "checkbox", "labelInput", "editable", "editing", "dragAndDropOverlay"]), co = ce(/* @__PURE__ */ E("path", {
   d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-}), "TreeViewExpandIcon"), wo = be(/* @__PURE__ */ v("path", {
+}), "TreeViewExpandIcon"), uo = ce(/* @__PURE__ */ E("path", {
   d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
 }), "TreeViewCollapseIcon");
-function Mt(e) {
+function Et(e) {
   const {
     children: t,
     itemId: n
   } = e, {
     wrapItem: r,
-    instance: l
-  } = le();
+    instance: s
+  } = oe();
   return r({
     children: t,
     itemId: n,
-    instance: l
+    instance: s
   });
 }
-Mt.propTypes = {
+Et.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -2721,11 +2401,11 @@ Mt.propTypes = {
   children: o.node,
   itemId: o.string.isRequired
 };
-const To = ["children", "className", "slots", "slotProps", "ContentComponent", "ContentProps", "itemId", "id", "label", "onClick", "onMouseDown", "onFocus", "onBlur", "onKeyDown"], Co = ["ownerState"], Eo = ["ownerState"], vo = ["ownerState"], So = pt(), Po = (e) => {
+const po = ["children", "className", "slots", "slotProps", "ContentComponent", "ContentProps", "itemId", "id", "label", "onClick", "onMouseDown", "onFocus", "onBlur", "onKeyDown"], fo = ["ownerState"], mo = ["ownerState"], Io = ["ownerState"], go = lt(), bo = (e) => {
   const {
     classes: t
   } = e;
-  return he({
+  return Ee({
     root: ["root"],
     content: ["content"],
     expanded: ["expanded"],
@@ -2739,8 +2419,8 @@ const To = ["children", "className", "slots", "slotProps", "ContentComponent", "
     editing: ["editing"],
     editable: ["editable"],
     groupTransition: ["groupTransition"]
-  }, yo, t);
-}, Ro = U("li", {
+  }, ao, t);
+}, ho = _("li", {
   name: "MuiTreeItem",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -2749,15 +2429,15 @@ const To = ["children", "className", "slots", "slotProps", "ContentComponent", "
   margin: 0,
   padding: 0,
   outline: 0
-}), Mo = U(Xe, {
+}), yo = _(Ke, {
   name: "MuiTreeItem",
   slot: "Content",
   overridesResolver: (e, t) => [t.content, t.iconContainer && {
-    [`& .${H.iconContainer}`]: t.iconContainer
+    [`& .${B.iconContainer}`]: t.iconContainer
   }, t.label && {
-    [`& .${H.label}`]: t.label
+    [`& .${B.label}`]: t.label
   }],
-  shouldForwardProp: (e) => ze(e) && e !== "indentationAtItemLevel"
+  shouldForwardProp: (e) => Ne(e) && e !== "indentationAtItemLevel"
 })(({
   theme: e
 }) => ({
@@ -2779,27 +2459,27 @@ const To = ["children", "className", "slots", "slotProps", "ContentComponent", "
       backgroundColor: "transparent"
     }
   },
-  [`&.${H.disabled}`]: {
+  [`&.${B.disabled}`]: {
     opacity: (e.vars || e).palette.action.disabledOpacity,
     backgroundColor: "transparent"
   },
-  [`&.${H.focused}`]: {
+  [`&.${B.focused}`]: {
     backgroundColor: (e.vars || e).palette.action.focus
   },
-  [`&.${H.selected}`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : ee(e.palette.primary.main, e.palette.action.selectedOpacity),
+  [`&.${B.selected}`]: {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : W(e.palette.primary.main, e.palette.action.selectedOpacity),
     "&:hover": {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : ee(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : W(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
-        backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : ee(e.palette.primary.main, e.palette.action.selectedOpacity)
+        backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : W(e.palette.primary.main, e.palette.action.selectedOpacity)
       }
     },
-    [`&.${H.focused}`]: {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : ee(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
+    [`&.${B.focused}`]: {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : W(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
     }
   },
-  [`& .${H.iconContainer}`]: {
+  [`& .${B.iconContainer}`]: {
     width: 16,
     display: "flex",
     flexShrink: 0,
@@ -2808,7 +2488,7 @@ const To = ["children", "className", "slots", "slotProps", "ContentComponent", "
       fontSize: 18
     }
   },
-  [`& .${H.label}`]: T({
+  [`& .${B.label}`]: C({
     width: "100%",
     boxSizing: "border-box",
     // prevent width + padding to overflow
@@ -2816,7 +2496,7 @@ const To = ["children", "className", "slots", "slotProps", "ContentComponent", "
     minWidth: 0,
     position: "relative"
   }, e.typography.body1),
-  [`& .${H.checkbox}`]: {
+  [`& .${B.checkbox}`]: {
     padding: 0
   },
   variants: [{
@@ -2827,11 +2507,11 @@ const To = ["children", "className", "slots", "slotProps", "ContentComponent", "
       paddingLeft: `calc(${e.spacing(1)} + var(--TreeView-itemChildrenIndentation) * var(--TreeView-itemDepth))`
     }
   }]
-})), ko = U(Pe, {
+})), xo = _(cn, {
   name: "MuiTreeItem",
   slot: "GroupTransition",
   overridesResolver: (e, t) => t.groupTransition,
-  shouldForwardProp: (e) => ze(e) && e !== "indentationAtItemLevel"
+  shouldForwardProp: (e) => Ne(e) && e !== "indentationAtItemLevel"
 })({
   margin: 0,
   padding: 0,
@@ -2844,154 +2524,154 @@ const To = ["children", "className", "slots", "slotProps", "ContentComponent", "
       paddingLeft: 0
     }
   }]
-}), kt = /* @__PURE__ */ x.forwardRef(function(t, n) {
-  var Ge, He, Ye, Qe;
+}), vt = /* @__PURE__ */ x.forwardRef(function(t, n) {
+  var We, Ge, Ye, Qe;
   const {
     icons: r,
-    runItemPlugins: l,
+    runItemPlugins: s,
     items: {
       disabledItemsFocusable: I,
       indentationAtItemLevel: c
     },
     selection: {
-      disableSelection: s
+      disableSelection: l
     },
     expansion: {
       expansionTrigger: d
     },
     treeId: f,
     instance: i
-  } = le(), a = x.useContext(se), u = So({
+  } = oe(), a = x.useContext(ne), u = go({
     props: t,
     name: "MuiTreeItem"
   }), {
     children: g,
-    className: b,
+    className: h,
     slots: m,
     slotProps: p,
-    ContentComponent: h = Xe,
+    ContentComponent: b = Ke,
     ContentProps: y,
-    itemId: w,
-    id: R,
-    label: C,
-    onClick: S,
+    itemId: T,
+    id: S,
+    label: w,
+    onClick: v,
     onMouseDown: M,
-    onBlur: z,
-    onKeyDown: W
-  } = u, D = te(u, To), {
-    expanded: j,
-    focused: V,
-    selected: B,
-    disabled: N,
-    editing: K,
-    handleExpansion: q,
-    handleCancelItemLabelEditing: _,
+    onBlur: $,
+    onKeyDown: q
+  } = u, A = G(u, po), {
+    expanded: N,
+    focused: D,
+    selected: Q,
+    disabled: z,
+    editing: Z,
+    handleExpansion: j,
+    handleCancelItemLabelEditing: re,
     handleSaveItemLabel: X
-  } = Pt(w);
-  process.env.NODE_ENV !== "production" && (u.ContentComponent && Se(["MUI X: The ContentComponent prop of the TreeItem component is deprecated and will be removed in the next major release.", "You can use the new TreeItem2 component or the new useTreeItem2 hook to customize the rendering of the content.", "For more detail, see https://mui.com/x/react-tree-view/tree-item-customization/."]), u.ContentProps && Se(["MUI X: The ContentProps prop of the TreeItem component is deprecated and will be removed in the next major release.", "You can use the new TreeItem2 component or the new useTreeItem2 hook to customize the rendering of the content.", "For more detail, see https://mui.com/x/react-tree-view/tree-item-customization/."]));
+  } = Tt(T);
+  process.env.NODE_ENV !== "production" && (u.ContentComponent && xe(["MUI X: The ContentComponent prop of the TreeItem component is deprecated and will be removed in the next major release.", "You can use the new TreeItem2 component or the new useTreeItem2 hook to customize the rendering of the content.", "For more detail, see https://mui.com/x/react-tree-view/tree-item-customization/."]), u.ContentProps && xe(["MUI X: The ContentProps prop of the TreeItem component is deprecated and will be removed in the next major release.", "You can use the new TreeItem2 component or the new useTreeItem2 hook to customize the rendering of the content.", "For more detail, see https://mui.com/x/react-tree-view/tree-item-customization/."]));
   const {
-    contentRef: A,
+    contentRef: O,
     rootRef: J,
-    propsEnhancers: $
-  } = l(u), Y = x.useRef(null), oe = x.useRef(null), ae = pe(n, J, Y), k = pe(y == null ? void 0 : y.ref, A, oe), E = {
-    expandIcon: (m == null ? void 0 : m.expandIcon) ?? r.slots.expandIcon ?? xo,
-    collapseIcon: (m == null ? void 0 : m.collapseIcon) ?? r.slots.collapseIcon ?? wo,
+    propsEnhancers: V
+  } = s(u), H = x.useRef(null), pe = x.useRef(null), Re = ye(n, J, H), R = ye(y == null ? void 0 : y.ref, O, pe), k = {
+    expandIcon: (m == null ? void 0 : m.expandIcon) ?? r.slots.expandIcon ?? co,
+    collapseIcon: (m == null ? void 0 : m.collapseIcon) ?? r.slots.collapseIcon ?? uo,
     endIcon: (m == null ? void 0 : m.endIcon) ?? r.slots.endIcon,
     icon: m == null ? void 0 : m.icon,
     groupTransition: m == null ? void 0 : m.groupTransition
-  }, O = (P) => Array.isArray(P) ? P.length > 0 && P.some(O) : !!P, L = O(g), G = T({}, u, {
-    expanded: j,
-    focused: V,
-    selected: B,
-    disabled: N,
+  }, L = (P) => Array.isArray(P) ? P.length > 0 && P.some(L) : !!P, fe = L(g), Me = C({}, u, {
+    expanded: N,
+    focused: D,
+    selected: Q,
+    disabled: z,
     indentationAtItemLevel: c
-  }), F = Po(G), ce = E.groupTransition ?? void 0, Dt = ue({
-    elementType: ce,
+  }), F = bo(Me), qe = k.groupTransition ?? void 0, St = se({
+    elementType: qe,
     ownerState: {},
     externalSlotProps: p == null ? void 0 : p.groupTransition,
-    additionalProps: T({
+    additionalProps: C({
       unmountOnExit: !0,
-      in: j,
+      in: N,
       component: "ul",
       role: "group"
     }, c ? {
       indentationAtItemLevel: !0
     } : {}),
     className: F.groupTransition
-  }), Vt = (P) => {
-    d === "iconContainer" && q(P);
-  }, Ve = j ? E.collapseIcon : E.expandIcon, Ft = ue({
-    elementType: Ve,
+  }), Rt = (P) => {
+    d === "iconContainer" && j(P);
+  }, ke = N ? k.collapseIcon : k.expandIcon, Mt = se({
+    elementType: ke,
     ownerState: {},
-    externalSlotProps: (P) => j ? T({}, ie(r.slotProps.collapseIcon, P), ie(p == null ? void 0 : p.collapseIcon, P)) : T({}, ie(r.slotProps.expandIcon, P), ie(p == null ? void 0 : p.expandIcon, P)),
+    externalSlotProps: (P) => N ? C({}, te(r.slotProps.collapseIcon, P), te(p == null ? void 0 : p.collapseIcon, P)) : C({}, te(r.slotProps.expandIcon, P), te(p == null ? void 0 : p.expandIcon, P)),
     additionalProps: {
-      onClick: Vt
+      onClick: Rt
     }
-  }), At = te(Ft, Co), $t = L && Ve ? /* @__PURE__ */ v(Ve, T({}, At)) : null, Fe = L ? void 0 : E.endIcon, Lt = ue({
-    elementType: Fe,
+  }), kt = G(Mt, fo), Ot = fe && ke ? /* @__PURE__ */ E(ke, C({}, kt)) : null, Oe = fe ? void 0 : k.endIcon, Vt = se({
+    elementType: Oe,
     ownerState: {},
-    externalSlotProps: (P) => L ? {} : T({}, ie(r.slotProps.endIcon, P), ie(p == null ? void 0 : p.endIcon, P))
-  }), Nt = te(Lt, Eo), jt = Fe ? /* @__PURE__ */ v(Fe, T({}, Nt)) : null, Ae = E.icon, zt = ue({
-    elementType: Ae,
+    externalSlotProps: (P) => fe ? {} : C({}, te(r.slotProps.endIcon, P), te(p == null ? void 0 : p.endIcon, P))
+  }), Dt = G(Vt, mo), Ft = Oe ? /* @__PURE__ */ E(Oe, C({}, Dt)) : null, Ve = k.icon, At = se({
+    elementType: Ve,
     ownerState: {},
     externalSlotProps: p == null ? void 0 : p.icon
-  }), Bt = te(zt, vo), _t = Ae ? /* @__PURE__ */ v(Ae, T({}, Bt)) : null;
-  let we;
-  B ? we = !0 : s || N ? we = void 0 : we = !1;
-  function Ut(P) {
-    !V && (!N || I) && P.currentTarget === P.target && i.focusItem(P, w);
+  }), Lt = G(At, Io), $t = Ve ? /* @__PURE__ */ E(Ve, C({}, Lt)) : null;
+  let me;
+  Q ? me = !0 : l || z ? me = void 0 : me = !1;
+  function Nt(P) {
+    !D && (!z || I) && P.currentTarget === P.target && i.focusItem(P, T);
   }
-  function Kt(P) {
-    var re, de, Ze, et;
-    z == null || z(P), !(K || // we can exit the editing state by clicking outside the input (within the Tree Item) or by pressing Enter or Escape -> we don't want to remove the focused item from the state in these cases
+  function jt(P) {
+    var ee, ie, Ze, He;
+    $ == null || $(P), !(Z || // 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
-    P.relatedTarget && je(P.relatedTarget, Y.current) && (P.target && ((de = (re = P.target) == null ? void 0 : re.dataset) == null ? void 0 : de.element) === "labelInput" && je(P.target, Y.current) || ((et = (Ze = P.relatedTarget) == null ? void 0 : Ze.dataset) == null ? void 0 : et.element) === "labelInput")) && i.removeFocusedItem();
+    P.relatedTarget && Le(P.relatedTarget, H.current) && (P.target && ((ie = (ee = P.target) == null ? void 0 : ee.dataset) == null ? void 0 : ie.element) === "labelInput" && Le(P.target, H.current) || ((He = (Ze = P.relatedTarget) == null ? void 0 : Ze.dataset) == null ? void 0 : He.element) === "labelInput")) && i.removeFocusedItem();
   }
-  const qt = (P) => {
-    var re, de;
-    W == null || W(P), ((de = (re = P.target) == null ? void 0 : re.dataset) == null ? void 0 : de.element) !== "labelInput" && i.handleItemKeyDown(P, w);
-  }, Xt = ke({
-    itemId: w,
+  const Bt = (P) => {
+    var ee, ie;
+    q == null || q(P), ((ie = (ee = P.target) == null ? void 0 : ee.dataset) == null ? void 0 : ie.element) !== "labelInput" && i.handleItemKeyDown(P, T);
+  }, _t = ve({
+    itemId: T,
     treeId: f,
-    id: R
-  }), Wt = i.canItemBeTabbed(w) ? 0 : -1, Te = {
-    rootRefObject: Y,
-    contentRefObject: oe,
+    id: S
+  }), zt = i.canItemBeTabbed(T) ? 0 : -1, Ie = {
+    rootRefObject: H,
+    contentRefObject: pe,
     interactions: {
       handleSaveItemLabel: X,
-      handleCancelItemLabelEditing: _
+      handleCancelItemLabelEditing: re
     }
-  }, Jt = ((Ge = $.root) == null ? void 0 : Ge.call($, T({}, Te, {
-    externalEventHandlers: ot(D)
-  }))) ?? {}, Gt = ((He = $.content) == null ? void 0 : He.call($, T({}, Te, {
-    externalEventHandlers: ot(y)
-  }))) ?? {}, We = ((Ye = $.dragAndDropOverlay) == null ? void 0 : Ye.call($, T({}, Te, {
+  }, Ut = ((We = V.root) == null ? void 0 : We.call(V, C({}, Ie, {
+    externalEventHandlers: tt(A)
+  }))) ?? {}, Kt = ((Ge = V.content) == null ? void 0 : Ge.call(V, C({}, Ie, {
+    externalEventHandlers: tt(y)
+  }))) ?? {}, Xe = ((Ye = V.dragAndDropOverlay) == null ? void 0 : Ye.call(V, C({}, Ie, {
     externalEventHandlers: {}
-  }))) ?? {}, Je = ((Qe = $.labelInput) == null ? void 0 : Qe.call($, T({}, Te, {
+  }))) ?? {}, Je = ((Qe = V.labelInput) == null ? void 0 : Qe.call(V, C({}, Ie, {
     externalEventHandlers: {}
   }))) ?? {};
-  return /* @__PURE__ */ v(Mt, {
-    itemId: w,
-    children: /* @__PURE__ */ Re(Ro, T({
-      className: Me(F.root, b),
+  return /* @__PURE__ */ E(Et, {
+    itemId: T,
+    children: /* @__PURE__ */ Ce(ho, C({
+      className: $e(F.root, h),
       role: "treeitem",
-      "aria-expanded": L ? j : void 0,
-      "aria-selected": we,
-      "aria-disabled": N || void 0,
-      id: Xt,
-      tabIndex: Wt
-    }, D, {
-      ownerState: G,
-      onFocus: Ut,
-      onBlur: Kt,
-      onKeyDown: qt,
-      ref: ae,
-      style: c ? T({}, D.style, {
-        "--TreeView-itemDepth": typeof a == "function" ? a(w) : a
-      }) : D.style
-    }, Jt, {
-      children: [/* @__PURE__ */ v(Mo, T({
-        as: h,
+      "aria-expanded": fe ? N : void 0,
+      "aria-selected": me,
+      "aria-disabled": z || void 0,
+      id: _t,
+      tabIndex: zt
+    }, A, {
+      ownerState: Me,
+      onFocus: Nt,
+      onBlur: jt,
+      onKeyDown: Bt,
+      ref: Re,
+      style: c ? C({}, A.style, {
+        "--TreeView-itemDepth": typeof a == "function" ? a(T) : a
+      }) : A.style
+    }, Ut, {
+      children: [/* @__PURE__ */ E(yo, C({
+        as: b,
         classes: {
           root: F.content,
           expanded: F.expanded,
@@ -3005,29 +2685,29 @@ const To = ["children", "className", "slots", "slotProps", "ContentComponent", "
           labelInput: F.labelInput,
           checkbox: F.checkbox
         },
-        label: C,
-        itemId: w,
-        onClick: S,
+        label: w,
+        itemId: T,
+        onClick: v,
         onMouseDown: M,
-        icon: _t,
-        expansionIcon: $t,
-        displayIcon: jt,
-        ownerState: G
-      }, y, Gt, We.action == null ? {} : {
-        dragAndDropOverlayProps: We
+        icon: $t,
+        expansionIcon: Ot,
+        displayIcon: Ft,
+        ownerState: Me
+      }, y, Kt, Xe.action == null ? {} : {
+        dragAndDropOverlayProps: Xe
       }, Je.value == null ? {} : {
         labelInputProps: Je
       }, {
-        ref: k
-      })), g && /* @__PURE__ */ v(ko, T({
-        as: ce
-      }, Dt, {
+        ref: R
+      })), g && /* @__PURE__ */ E(xo, C({
+        as: qe
+      }, St, {
         children: g
       }))]
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (kt.propTypes = {
+process.env.NODE_ENV !== "production" && (vt.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -3046,7 +2726,7 @@ process.env.NODE_ENV !== "production" && (kt.propTypes = {
    * @deprecated Consider using the `<TreeItem2 />` component or the `useTreeItem2` hook instead. For more details, see https://mui.com/x/react-tree-view/tree-item-customization/.
    * @default TreeItemContent
    */
-  ContentComponent: at,
+  ContentComponent: en,
   /**
    * Props applied to ContentComponent.
    * @deprecated Consider using the `<TreeItem2 />` component or the `useTreeItem2` hook instead. For more details, see https://mui.com/x/react-tree-view/tree-item-customization/.
@@ -3069,7 +2749,7 @@ process.env.NODE_ENV !== "production" && (kt.propTypes = {
    * This prop isn't supported.
    * Use the `onItemFocus` callback on the tree if you need to monitor a item's focus.
    */
-  onFocus: In,
+  onFocus: dn,
   /**
    * Callback fired when a key of the keyboard is pressed on the item.
    */
@@ -3089,42 +2769,41 @@ process.env.NODE_ENV !== "production" && (kt.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-const $o = ({
+const Po = ({
   items: e,
   handleCheck: t,
   width: n = "250px",
   height: r = "350px",
-  expanded: l
-}) => /* @__PURE__ */ v(an, { width: n, height: r, children: /* @__PURE__ */ v(St, { expandedItems: l, children: Ot(e, t) }) }), Ot = (e, t) => e.map((n) => /* @__PURE__ */ Ht(Oo, { ...n, key: n.id, handleCheck: t })), Oo = ({
+  expanded: s
+}) => /* @__PURE__ */ E(tn, { width: n, height: r, children: /* @__PURE__ */ E(Ct, { expandedItems: s, children: Pt(e, t) }) }), Pt = (e, t) => e.map((n) => /* @__PURE__ */ qt(Co, { ...n, key: n.id, handleCheck: t })), Co = ({
   id: e,
   checked: t,
   children: n,
   label: r,
-  handleCheck: l
-}) => /* @__PURE__ */ v(
-  kt,
+  handleCheck: s
+}) => /* @__PURE__ */ E(
+  vt,
   {
     itemId: e,
-    label: /* @__PURE__ */ Re(cn, { flexDirection: "row", alignItems: "center", children: [
-      /* @__PURE__ */ v(dn, { children: r }),
-      l && /* @__PURE__ */ v(
-        un,
+    label: /* @__PURE__ */ Ce(nn, { flexDirection: "row", alignItems: "center", children: [
+      /* @__PURE__ */ E(on, { children: r }),
+      s && /* @__PURE__ */ E(
+        rn,
         {
           disableRipple: !0,
           sx: { marginLeft: "auto" },
           onClick: (I) => {
-            I.stopPropagation(), l(e, !t);
+            I.stopPropagation(), s(e, !t);
           },
           "data-testid": `toggle-visibility-${e}`,
-          children: t ? /* @__PURE__ */ v(gn, { "data-testid": `visibility-icon-${e}` }) : /* @__PURE__ */ v(hn, { "data-testid": `visibility-off-icon-${e}` })
+          children: t ? /* @__PURE__ */ E(un, { "data-testid": `visibility-icon-${e}` }) : /* @__PURE__ */ E(pn, { "data-testid": `visibility-off-icon-${e}` })
         }
       )
     ] }),
-    children: n.length > 0 && Ot(n, l)
+    children: n.length > 0 && Pt(n, s)
   }
 );
 export {
-  Pe as C,
-  $o as T,
-  ut as a
+  st as C,
+  Po as T
 };