@cgi-learning-hub/ui 1.5.0 → 1.5.1-dev.1744639457

package/dist/{CustomTreeItem-BpAK85gf.js → CustomTreeItem-DTV3xokL.js}

@@ -1,28 +1,29 @@
 import { jsx as x, jsxs as ie } from "react/jsx-runtime";
-import { c as ae } from "./createSvgIcon-BFqOnlgU.js";
-import { B as Be } from "./Box-C-j-U8SH.js";
-import { _ as f } from "./ButtonBase-CZFKUUHD.js";
+import { c as ae } from "./createSvgIcon-CCutbgLb.js";
+import { _ as m } from "./ButtonBase-BZXGvriS.js";
 import * as R from "react";
-import { u as ce } from "./useForkRef-C_4o__cU.js";
-import { e as B, r as be } from "./resolveComponentProps-Ctw0-dUN.js";
-import { treeContentStyle as Ke, arrowContainerStyle as Fe, expandedGroupStyle as je } from "./components/TreeView/style.es.js";
-import { getIconComponent as qe } from "./components/TreeView/utils.es.js";
-import { G as Ce, H as we, x as _e, I as Te, P as i, n as oe } from "./generateUtilityClasses-CqzQXpT_.js";
+import { w as Be } from "./warning-C8W811fV.js";
+import { u as ce } from "./useForkRef-u29GSuCu.js";
+import { e as K, r as be } from "./useSlot-DhC6EPU2.js";
+import { treeItemRootStyle as Ke, treeContentStyle as Fe, iconStyle as Ie, arrowContainerStyle as je, expandedGroupStyle as qe } from "./components/TreeView/style.es.js";
+import { getIconComponent as Ue } from "./components/TreeView/utils.es.js";
+import { F as Ce, G as Te, w as _e, H as we, P as i, n as oe } from "./identifier-BJqC6EXa.js";
 import { a as ve } from "./TransitionGroupContext-DbLioz_6.js";
-import { u as Ue } from "./useThemeProps-Drd5oJEF.js";
-import { u as We, s as A, c as Pe, f as le } from "./DefaultPropsProvider-CXfMJdg8.js";
-import { u as Ge } from "./useTheme-DepbBZga.js";
-import { m as Xe } from "./memoTheme-B0xVysYu.js";
-import { T as Ye, g as Ie } from "./utils-BVg32WSe.js";
-import { u as Je } from "./useTimeout-CrCYVizI.js";
-import { e as Qe } from "./elementTypeAcceptingRef-1usJq_B8.js";
-import { C as Ze } from "./Checkbox-1Zr36vDa.js";
-import { u as He } from "./unsupportedProp-BuVD30Gh.js";
-import { u as K } from "./useSlotProps-Ceyorp-u.js";
-function et(e) {
-  return we("MuiCollapse", e);
+import { u as We } from "./useThemeProps-CxMYNgfp.js";
+import { u as Ge, s as V, c as Pe, f as le } from "./DefaultPropsProvider-Bg-6nX-u.js";
+import { u as Xe } from "./useTheme-Dt-VOIyT.js";
+import { m as Ye } from "./memoTheme-D_Qap2ZW.js";
+import { T as Je, g as he } from "./utils-qwVZGgXz.js";
+import { u as Qe } from "./useTimeout-CrCYVizI.js";
+import { e as Ze } from "./elementTypeAcceptingRef-COpcDx5q.js";
+import { C as He } from "./Checkbox-DMnS1qrF.js";
+import { u as et } from "./unsupportedProp-BuVD30Gh.js";
+import { u as F } from "./useSlotProps-Bos9nSja.js";
+import { B as tt } from "./Box-2IEW8Uij.js";
+function ot(e) {
+  return Te("MuiCollapse", e);
 }
-const Xt = Ce("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]), tt = (e) => {
+const Jt = Ce("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]), nt = (e) => {
   const {
     orientation: t,
     classes: o
@@ -33,8 +34,8 @@ const Xt = Ce("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidd
     wrapper: ["wrapper", `${t}`],
     wrapperInner: ["wrapperInner", `${t}`]
   };
-  return Pe(s, et, o);
-}, ot = A("div", {
+  return Pe(s, ot, o);
+}, rt = V("div", {
   name: "MuiCollapse",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -43,7 +44,7 @@ const Xt = Ce("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidd
     } = e;
     return [t.root, t[o.orientation], o.state === "entered" && t.entered, o.state === "exited" && !o.in && o.collapsedSize === "0px" && t.hidden];
   }
-})(Xe(({
+})(Ye(({
   theme: e
 }) => ({
   height: 0,
@@ -82,7 +83,7 @@ const Xt = Ce("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidd
       visibility: "hidden"
     }
   }]
-}))), nt = A("div", {
+}))), it = V("div", {
   name: "MuiCollapse",
   slot: "Wrapper",
   overridesResolver: (e, t) => t.wrapper
@@ -99,7 +100,7 @@ const Xt = Ce("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidd
       height: "100%"
     }
   }]
-}), rt = A("div", {
+}), st = V("div", {
   name: "MuiCollapse",
   slot: "WrapperInner",
   overridesResolver: (e, t) => t.wrapperInner
@@ -115,7 +116,7 @@ const Xt = Ce("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidd
     }
   }]
 }), se = /* @__PURE__ */ R.forwardRef(function(t, o) {
-  const s = We({
+  const s = Ge({
     props: t,
     name: "MuiCollapse"
   }), {
@@ -123,7 +124,7 @@ const Xt = Ce("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidd
     children: d,
     className: g,
     collapsedSize: l = "0px",
-    component: m,
+    component: f,
     easing: c,
     in: h,
     onEnter: b,
@@ -131,64 +132,64 @@ const Xt = Ce("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidd
     onEntering: r,
     onExit: y,
     onExited: S,
-    onExiting: F,
-    orientation: X = "vertical",
+    onExiting: O,
+    orientation: j = "vertical",
     style: _,
-    timeout: T = _e.standard,
+    timeout: w = _e.standard,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: E = Ye,
+    TransitionComponent: E = Je,
     ...P
-  } = s, w = {
+  } = s, T = {
     ...s,
-    orientation: X,
+    orientation: j,
     collapsedSize: l
-  }, O = tt(w), U = Ge(), Y = Je(), D = R.useRef(null), j = R.useRef(), q = typeof l == "number" ? `${l}px` : l, M = X === "horizontal", z = M ? "width" : "height", $ = R.useRef(null), H = ce(o, $), N = (I) => (k) => {
+  }, D = nt(T), W = Xe(), Y = Qe(), M = R.useRef(null), q = R.useRef(), U = typeof l == "number" ? `${l}px` : l, k = j === "horizontal", z = k ? "width" : "height", B = R.useRef(null), H = ce(o, B), A = (I) => (L) => {
     if (I) {
-      const L = $.current;
-      k === void 0 ? I(L) : I(L, k);
+      const N = B.current;
+      L === void 0 ? I(N) : I(N, L);
     }
-  }, W = () => D.current ? D.current[M ? "clientWidth" : "clientHeight"] : 0, J = N((I, k) => {
-    D.current && M && (D.current.style.position = "absolute"), I.style[z] = q, b && b(I, k);
-  }), ee = N((I, k) => {
-    const L = W();
-    D.current && M && (D.current.style.position = "");
+  }, G = () => M.current ? M.current[k ? "clientWidth" : "clientHeight"] : 0, J = A((I, L) => {
+    M.current && k && (M.current.style.position = "absolute"), I.style[z] = U, b && b(I, L);
+  }), ee = A((I, L) => {
+    const N = G();
+    M.current && k && (M.current.style.position = "");
     const {
       duration: Z,
       easing: a
-    } = Ie({
+    } = he({
       style: _,
-      timeout: T,
+      timeout: w,
       easing: c
     }, {
       mode: "enter"
     });
-    if (T === "auto") {
-      const n = U.transitions.getAutoHeightDuration(L);
-      I.style.transitionDuration = `${n}ms`, j.current = n;
+    if (w === "auto") {
+      const n = W.transitions.getAutoHeightDuration(N);
+      I.style.transitionDuration = `${n}ms`, q.current = n;
     } else
       I.style.transitionDuration = typeof Z == "string" ? Z : `${Z}ms`;
-    I.style[z] = `${L}px`, I.style.transitionTimingFunction = a, r && r(I, k);
-  }), Q = N((I, k) => {
-    I.style[z] = "auto", C && C(I, k);
-  }), re = N((I) => {
-    I.style[z] = `${W()}px`, y && y(I);
-  }), ue = N(S), ge = N((I) => {
-    const k = W(), {
-      duration: L,
+    I.style[z] = `${N}px`, I.style.transitionTimingFunction = a, r && r(I, L);
+  }), Q = A((I, L) => {
+    I.style[z] = "auto", C && C(I, L);
+  }), re = A((I) => {
+    I.style[z] = `${G()}px`, y && y(I);
+  }), ue = A(S), ge = A((I) => {
+    const L = G(), {
+      duration: N,
       easing: Z
-    } = Ie({
+    } = he({
       style: _,
-      timeout: T,
+      timeout: w,
       easing: c
     }, {
       mode: "exit"
     });
-    if (T === "auto") {
-      const a = U.transitions.getAutoHeightDuration(k);
-      I.style.transitionDuration = `${a}ms`, j.current = a;
+    if (w === "auto") {
+      const a = W.transitions.getAutoHeightDuration(L);
+      I.style.transitionDuration = `${a}ms`, q.current = a;
     } else
-      I.style.transitionDuration = typeof L == "string" ? L : `${L}ms`;
-    I.style[z] = q, I.style.transitionTimingFunction = Z, F && F(I);
+      I.style.transitionDuration = typeof N == "string" ? N : `${N}ms`;
+    I.style[z] = U, I.style.transitionTimingFunction = Z, O && O(I);
   });
   return /* @__PURE__ */ x(E, {
     in: h,
@@ -199,43 +200,43 @@ const Xt = Ce("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidd
     onExited: ue,
     onExiting: ge,
     addEndListener: (I) => {
-      T === "auto" && Y.start(j.current || 0, I), p && p($.current, I);
+      w === "auto" && Y.start(q.current || 0, I), p && p(B.current, I);
     },
-    nodeRef: $,
-    timeout: T === "auto" ? null : T,
+    nodeRef: B,
+    timeout: w === "auto" ? null : w,
     ...P,
     children: (I, {
-      ownerState: k,
-      ...L
-    }) => /* @__PURE__ */ x(ot, {
-      as: m,
-      className: Te(O.root, g, {
-        entered: O.entered,
-        exited: !h && q === "0px" && O.hidden
+      ownerState: L,
+      ...N
+    }) => /* @__PURE__ */ x(rt, {
+      as: f,
+      className: we(D.root, g, {
+        entered: D.entered,
+        exited: !h && U === "0px" && D.hidden
       }[I]),
       style: {
-        [M ? "minWidth" : "minHeight"]: q,
+        [k ? "minWidth" : "minHeight"]: U,
         ..._
       },
       ref: H,
       ownerState: {
-        ...w,
+        ...T,
         state: I
       },
-      ...L,
-      children: /* @__PURE__ */ x(nt, {
+      ...N,
+      children: /* @__PURE__ */ x(it, {
         ownerState: {
-          ...w,
+          ...T,
           state: I
         },
-        className: O.wrapper,
-        ref: D,
-        children: /* @__PURE__ */ x(rt, {
+        className: D.wrapper,
+        ref: M,
+        children: /* @__PURE__ */ x(st, {
           ownerState: {
-            ...w,
+            ...T,
             state: I
           },
-          className: O.wrapperInner,
+          className: D.wrapperInner,
           children: d
         })
       })
@@ -274,7 +275,7 @@ process.env.NODE_ENV !== "production" && (se.propTypes = {
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: Qe,
+  component: Ze,
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
@@ -338,23 +339,16 @@ process.env.NODE_ENV !== "production" && (se.propTypes = {
   })])
 });
 se && (se.muiSupportAuto = !0);
-const it = ae(/* @__PURE__ */ x("path", {
+const at = ae(/* @__PURE__ */ x("path", {
   d: "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"
-}), "KeyboardArrowDown"), st = ae(/* @__PURE__ */ x("path", {
+}), "KeyboardArrowDown"), lt = ae(/* @__PURE__ */ x("path", {
   d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z"
-}), "KeyboardArrowRight"), he = /* @__PURE__ */ new Set();
-function at(e, t = "warning") {
-  if (process.env.NODE_ENV === "production")
-    return;
-  const o = Array.isArray(e) ? e.join(`
-`) : e;
-  he.has(o) || (he.add(o), t === "error" ? console.error(o) : console.warn(o));
-}
-function lt(e) {
-  return Ue;
+}), "KeyboardArrowRight");
+function dt(e) {
+  return We;
 }
 let ye = 0;
-const Yt = () => (ye += 1, `mui-tree-view-${ye}`), dt = ({
+const Qt = () => (ye += 1, `mui-tree-view-${ye}`), ct = ({
   id: e,
   treeId: t = "",
   itemId: o
@@ -374,7 +368,7 @@ const Se = (e, t) => {
     o -= 1;
   if (o !== -1)
     return t[o];
-}, ct = (e, t) => {
+}, pt = (e, t) => {
   const o = e.getItemMeta(t), s = e.getItemOrderedChildrenIds(o.parentId), p = e.getItemIndex(t);
   if (p === 0)
     return o.parentId;
@@ -382,12 +376,12 @@ const Se = (e, t) => {
   for (; !e.isItemNavigable(s[d]) && d >= 0; )
     d -= 1;
   if (d === -1)
-    return o.parentId == null ? null : ct(e, o.parentId);
+    return o.parentId == null ? null : pt(e, o.parentId);
   let g = s[d], l = Se(e, e.getItemOrderedChildrenIds(g));
   for (; e.isItemExpanded(g) && l != null; )
     g = l, l = e.getItemOrderedChildrenIds(g).find(e.isItemNavigable);
   return g;
-}, pt = (e, t) => {
+}, ut = (e, t) => {
   if (e.isItemExpanded(t)) {
     const s = e.getItemOrderedChildrenIds(t).find(e.isItemNavigable);
     if (s != null)
@@ -406,7 +400,7 @@ const Se = (e, t) => {
     o = e.getItemMeta(o.parentId);
   }
   return null;
-}, Jt = (e) => {
+}, Zt = (e) => {
   let t = null;
   for (; t == null || e.isItemExpanded(t); ) {
     const o = e.getItemOrderedChildrenIds(t), s = Se(e, o);
@@ -415,23 +409,23 @@ const Se = (e, t) => {
     t = s;
   }
   return t;
-}, ut = (e) => e.getItemOrderedChildrenIds(null).find(e.isItemNavigable), gt = (e, t, o) => {
+}, gt = (e) => e.getItemOrderedChildrenIds(null).find(e.isItemNavigable), mt = (e, t, o) => {
   if (t === o)
     return [t, o];
   const s = e.getItemMeta(t), p = e.getItemMeta(o);
   if (s.parentId === p.id || p.parentId === s.id)
     return p.parentId === s.id ? [s.id, p.id] : [p.id, s.id];
   const d = [s.id], g = [p.id];
-  let l = s.parentId, m = p.parentId, c = g.indexOf(l) !== -1, h = d.indexOf(m) !== -1, b = !0, C = !0;
+  let l = s.parentId, f = p.parentId, c = g.indexOf(l) !== -1, h = d.indexOf(f) !== -1, b = !0, C = !0;
   for (; !h && !c; )
-    b && (d.push(l), c = g.indexOf(l) !== -1, b = l !== null, !c && b && (l = e.getItemMeta(l).parentId)), C && !c && (g.push(m), h = d.indexOf(m) !== -1, C = m !== null, !h && C && (m = e.getItemMeta(m).parentId));
-  const r = c ? l : m, y = e.getItemOrderedChildrenIds(r), S = d[d.indexOf(r) - 1], F = g[g.indexOf(r) - 1];
-  return y.indexOf(S) < y.indexOf(F) ? [t, o] : [o, t];
-}, Qt = (e, t, o) => {
-  const s = (m) => {
-    if (e.isItemExpandable(m) && e.isItemExpanded(m))
-      return e.getItemOrderedChildrenIds(m)[0];
-    let c = e.getItemMeta(m);
+    b && (d.push(l), c = g.indexOf(l) !== -1, b = l !== null, !c && b && (l = e.getItemMeta(l).parentId)), C && !c && (g.push(f), h = d.indexOf(f) !== -1, C = f !== null, !h && C && (f = e.getItemMeta(f).parentId));
+  const r = c ? l : f, y = e.getItemOrderedChildrenIds(r), S = d[d.indexOf(r) - 1], O = g[g.indexOf(r) - 1];
+  return y.indexOf(S) < y.indexOf(O) ? [t, o] : [o, t];
+}, Ht = (e, t, o) => {
+  const s = (f) => {
+    if (e.isItemExpandable(f) && e.isItemExpanded(f))
+      return e.getItemOrderedChildrenIds(f)[0];
+    let c = e.getItemMeta(f);
     for (; c != null; ) {
       const h = e.getItemOrderedChildrenIds(c.parentId), b = e.getItemIndex(c.id);
       if (b < h.length - 1)
@@ -439,16 +433,16 @@ const Se = (e, t) => {
       c = e.getItemMeta(c.parentId);
     }
     throw new Error("Invalid range");
-  }, [p, d] = gt(e, t, o), g = [p];
+  }, [p, d] = mt(e, t, o), g = [p];
   let l = p;
   for (; l !== d; )
     l = s(l), e.isItemDisabled(l) || g.push(l);
   return g;
-}, Zt = (e) => {
-  let t = ut(e);
+}, eo = (e) => {
+  let t = gt(e);
   const o = [];
   for (; t != null; )
-    o.push(t), t = pt(e, t);
+    o.push(t), t = ut(e, t);
   return o;
 }, xe = (e, t) => t !== e.closest('*[role="treeitem"]'), de = (e, t) => e.getAvailablePlugins().has(t), ft = ({
   props: e
@@ -465,7 +459,7 @@ const Se = (e, t) => {
     propsEnhancers: {
       labelInput: ({
         externalEventHandlers: l,
-        interactions: m
+        interactions: f
       }) => t.isItemEditable(s) ? {
         value: p ?? "",
         "data-element": "labelInput",
@@ -478,29 +472,29 @@ const Se = (e, t) => {
           if ((S = l.onKeyDown) == null || S.call(l, r), r.defaultMuiPrevented)
             return;
           const y = r.target;
-          r.key === "Enter" && y.value ? m.handleSaveItemLabel(r, y.value) : r.key === "Escape" && m.handleCancelItemLabelEditing(r);
+          r.key === "Enter" && y.value ? f.handleSaveItemLabel(r, y.value) : r.key === "Escape" && f.handleCancelItemLabelEditing(r);
         },
         onBlur: (r) => {
           var y;
-          (y = l.onBlur) == null || y.call(l, r), !r.defaultMuiPrevented && r.target.value && m.handleSaveItemLabel(r, r.target.value);
+          (y = l.onBlur) == null || y.call(l, r), !r.defaultMuiPrevented && r.target.value && f.handleSaveItemLabel(r, r.target.value);
         },
         autoFocus: !0,
         type: "text"
       } : {}
     }
   };
-}, G = ({
+}, X = ({
   instance: e,
   state: t,
   setState: o,
   params: s
 }) => {
   const p = R.useRef(t.editedItemId), d = (b) => p.current === b, g = (b) => {
-    o((C) => f({}, C, {
+    o((C) => m({}, C, {
       editedItemId: b
     })), p.current = b;
-  }, l = (b) => b === t.editedItemId, m = !!s.isItemEditable, c = (b) => {
-    if (b == null || !m)
+  }, l = (b) => b === t.editedItemId, f = !!s.isItemEditable, c = (b) => {
+    if (b == null || !f)
       return !1;
     const C = e.getItem(b);
     return C ? typeof s.isItemEditable == "function" ? s.isItemEditable(C) : !!s.isItemEditable : !1;
@@ -510,10 +504,10 @@ const Se = (e, t) => {
 `));
     o((r) => {
       const y = r.items.itemMetaMap[b];
-      return y.label !== C ? f({}, r, {
-        items: f({}, r.items, {
-          itemMetaMap: f({}, r.items.itemMetaMap, {
-            [b]: f({}, y, {
+      return y.label !== C ? m({}, r, {
+        items: m({}, r.items, {
+          itemMetaMap: m({}, r.items.itemMetaMap, {
+            [b]: m({}, y, {
               label: C
             })
           })
@@ -527,7 +521,7 @@ const Se = (e, t) => {
       isItemBeingEdited: l,
       updateItemLabel: h,
       isItemEditable: c,
-      isTreeViewEditable: m,
+      isTreeViewEditable: f,
       isItemBeingEditedRef: d
     },
     publicAPI: {
@@ -535,24 +529,24 @@ const Se = (e, t) => {
     }
   };
 };
-G.itemPlugin = ft;
-G.getDefaultizedParams = ({
+X.itemPlugin = ft;
+X.getDefaultizedParams = ({
   params: e,
   experimentalFeatures: t
 }) => {
   const o = t == null ? void 0 : t.labelEditing;
-  return process.env.NODE_ENV !== "production" && e.isItemEditable && !o && at(["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/"]), f({}, e, {
+  return process.env.NODE_ENV !== "production" && e.isItemEditable && !o && Be(["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/"]), m({}, e, {
     isItemEditable: o ? e.isItemEditable ?? !1 : !1
   });
 };
-G.getInitialState = () => ({
+X.getInitialState = () => ({
   editedItemId: null
 });
-G.params = {
+X.params = {
   onItemLabelChange: !0,
   isItemEditable: !0
 };
-const mt = A("div", {
+const bt = V("div", {
   name: "MuiTreeItem2DragAndDropOverlay",
   slot: "Root",
   overridesResolver: (e, t) => t.root,
@@ -603,7 +597,7 @@ const mt = A("div", {
   }]
 }));
 function Oe(e) {
-  return e.action == null ? null : /* @__PURE__ */ x(mt, f({}, e));
+  return e.action == null ? null : /* @__PURE__ */ x(bt, m({}, e));
 }
 process.env.NODE_ENV !== "production" && (Oe.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -613,13 +607,13 @@ process.env.NODE_ENV !== "production" && (Oe.propTypes = {
   action: i.oneOf(["make-child", "move-to-parent", "reorder-above", "reorder-below"]),
   style: i.object
 });
-const bt = A("input", {
+const It = V("input", {
   name: "MuiTreeItem2",
   slot: "LabelInput",
   overridesResolver: (e, t) => t.labelInput
 })(({
   theme: e
-}) => f({}, e.typography.body1, {
+}) => m({}, e.typography.body1, {
   width: "100%",
   backgroundColor: e.palette.background.paper,
   borderRadius: e.shape.borderRadius,
@@ -630,12 +624,12 @@ const bt = A("input", {
     outline: `1px solid ${e.palette.primary.main}`
   }
 }));
-function It(e) {
-  return we("MuiTreeItem", e);
+function ht(e) {
+  return Te("MuiTreeItem", e);
 }
-const Ht = Ce("MuiTreeItem", ["root", "groupTransition", "content", "expanded", "selected", "focused", "disabled", "iconContainer", "label", "checkbox", "labelInput", "editable", "editing", "dragAndDropOverlay"]), ht = ae(/* @__PURE__ */ x("path", {
+const to = Ce("MuiTreeItem", ["root", "groupTransition", "content", "expanded", "selected", "focused", "disabled", "iconContainer", "label", "checkbox", "labelInput", "editable", "editing", "dragAndDropOverlay"]), yt = ae(/* @__PURE__ */ x("path", {
   d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-}), "TreeViewExpandIcon"), yt = ae(/* @__PURE__ */ x("path", {
+}), "TreeViewExpandIcon"), xt = ae(/* @__PURE__ */ x("path", {
   d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
 }), "TreeViewCollapseIcon");
 function pe(e) {
@@ -660,7 +654,7 @@ pe.propTypes = {
   children: i.node,
   itemId: i.string.isRequired
 };
-const De = (e) => Array.isArray(e) ? e.length > 0 && e.some(De) : !!e, xt = ({
+const De = (e) => Array.isArray(e) ? e.length > 0 && e.some(De) : !!e, Ct = ({
   itemId: e,
   children: t
 }) => {
@@ -696,7 +690,7 @@ const De = (e) => Array.isArray(e) ? e.length > 0 && e.some(De) : !!e, xt = ({
       itemId: e,
       shouldBeSelected: !0
     });
-  }, m = (r) => {
+  }, f = (r) => {
     const y = r.nativeEvent.shiftKey;
     s && y ? o.expandSelectionRange(r, e) : o.selectItem({
       event: r,
@@ -705,25 +699,25 @@ const De = (e) => Array.isArray(e) ? e.length > 0 && e.some(De) : !!e, xt = ({
       shouldBeSelected: r.target.checked
     });
   }, c = () => {
-    de(o, G) && o.isItemEditable(e) && (o.isItemBeingEdited(e) ? o.setEditedItemId(null) : o.setEditedItemId(e));
+    de(o, X) && o.isItemEditable(e) && (o.isItemBeingEdited(e) ? o.setEditedItemId(null) : o.setEditedItemId(e));
   };
   return {
     interactions: {
       handleExpansion: g,
       handleSelection: l,
-      handleCheckboxSelection: m,
+      handleCheckboxSelection: f,
       toggleItemEditing: c,
       handleSaveItemLabel: (r, y) => {
-        de(o, G) && o.isItemBeingEditedRef(e) && (o.updateItemLabel(e, y), c(), o.focusItem(r, e));
+        de(o, X) && o.isItemBeingEditedRef(e) && (o.updateItemLabel(e, y), c(), o.focusItem(r, e));
       },
       handleCancelItemLabelEditing: (r) => {
-        de(o, G) && o.isItemBeingEditedRef(e) && (c(), o.focusItem(r, e));
+        de(o, X) && o.isItemBeingEditedRef(e) && (c(), o.focusItem(r, e));
       }
     },
     status: d,
     publicAPI: p
   };
-}, Ct = (e) => {
+}, Tt = (e) => {
   const {
     runItemPlugins: t,
     items: {
@@ -738,7 +732,7 @@ const De = (e) => Array.isArray(e) ? e.length > 0 && e.some(De) : !!e, xt = ({
     expansion: {
       expansionTrigger: l
     },
-    treeId: m,
+    treeId: f,
     instance: c,
     publicAPI: h
   } = ne(), b = R.useContext(Re), {
@@ -746,24 +740,24 @@ const De = (e) => Array.isArray(e) ? e.length > 0 && e.some(De) : !!e, xt = ({
     itemId: r,
     label: y,
     children: S,
-    rootRef: F
+    rootRef: O
   } = e, {
-    rootRef: X,
+    rootRef: j,
     contentRef: _,
-    propsEnhancers: T
+    propsEnhancers: w
   } = t(e), {
     interactions: E,
     status: P
-  } = xt({
+  } = Ct({
     itemId: r,
     children: S
-  }), w = R.useRef(null), O = R.useRef(null), U = ce(F, X, w), Y = ce(_, O), D = R.useRef(null), j = dt({
+  }), T = R.useRef(null), D = R.useRef(null), W = ce(O, j, T), Y = ce(_, D), M = R.useRef(null), q = ct({
     itemId: r,
-    treeId: m,
+    treeId: f,
     id: C
-  }), q = c.canItemBeTabbed(r) ? 0 : -1, M = {
-    rootRefObject: w,
-    contentRefObject: O,
+  }), U = c.canItemBeTabbed(r) ? 0 : -1, k = {
+    rootRefObject: T,
+    contentRefObject: D,
     interactions: E
   }, z = (a) => (n) => {
     var v;
@@ -771,23 +765,23 @@ const De = (e) => Array.isArray(e) ? e.length > 0 && e.some(De) : !!e, xt = ({
       return;
     const u = !P.disabled || s;
     !P.focused && u && n.currentTarget === n.target && c.focusItem(n, r);
-  }, $ = (a) => (n) => {
-    var v, V, te, fe, me;
+  }, B = (a) => (n) => {
+    var v, $, te, me, fe;
     if ((v = a.onBlur) == null || v.call(a, n), n.defaultMuiPrevented)
       return;
     const u = c.getItemDOMElement(r);
     P.editing || // we can exit the editing state by clicking outside the input (within the Tree Item) or by pressing Enter or Escape -> we don't want to remove the focused item from the state in these cases
     // we can also exit the editing state by clicking on the root itself -> want to remove the focused item from the state in this case
-    n.relatedTarget && xe(n.relatedTarget, u) && (n.target && ((te = (V = n.target) == null ? void 0 : V.dataset) == null ? void 0 : te.element) === "labelInput" && xe(n.target, u) || ((me = (fe = n.relatedTarget) == null ? void 0 : fe.dataset) == null ? void 0 : me.element) === "labelInput") || c.removeFocusedItem();
+    n.relatedTarget && xe(n.relatedTarget, u) && (n.target && ((te = ($ = n.target) == null ? void 0 : $.dataset) == null ? void 0 : te.element) === "labelInput" && xe(n.target, u) || ((fe = (me = n.relatedTarget) == null ? void 0 : me.dataset) == null ? void 0 : fe.element) === "labelInput") || c.removeFocusedItem();
   }, H = (a) => (n) => {
-    var u, v, V;
-    (u = a.onKeyDown) == null || u.call(a, n), !(n.defaultMuiPrevented || ((V = (v = n.target) == null ? void 0 : v.dataset) == null ? void 0 : V.element) === "labelInput") && c.handleItemKeyDown(n, r);
-  }, N = (a) => (n) => {
+    var u, v, $;
+    (u = a.onKeyDown) == null || u.call(a, n), !(n.defaultMuiPrevented || (($ = (v = n.target) == null ? void 0 : v.dataset) == null ? void 0 : $.element) === "labelInput") && c.handleItemKeyDown(n, r);
+  }, A = (a) => (n) => {
     var u;
     (u = a.onDoubleClick) == null || u.call(a, n), !n.defaultMuiPrevented && E.toggleItemEditing();
-  }, W = (a) => (n) => {
+  }, G = (a) => (n) => {
     var u, v;
-    (u = a.onClick) == null || u.call(a, n), o == null || o(n, r), !(n.defaultMuiPrevented || (v = D.current) != null && v.contains(n.target)) && (l === "content" && E.handleExpansion(n), g || E.handleSelection(n));
+    (u = a.onClick) == null || u.call(a, n), o == null || o(n, r), !(n.defaultMuiPrevented || (v = M.current) != null && v.contains(n.target)) && (l === "content" && E.handleExpansion(n), g || E.handleSelection(n));
   }, J = (a) => (n) => {
     var u;
     (u = a.onMouseDown) == null || u.call(a, n), !n.defaultMuiPrevented && (n.shiftKey || n.ctrlKey || n.metaKey || P.disabled) && n.preventDefault();
@@ -801,46 +795,46 @@ const De = (e) => Array.isArray(e) ? e.length > 0 && e.some(De) : !!e, xt = ({
   return {
     getRootProps: (a = {}) => {
       var te;
-      const n = f({}, B(e), B(a));
+      const n = m({}, K(e), K(a));
       let u;
       P.selected ? u = !0 : d || P.disabled ? u = void 0 : u = !1;
-      const v = f({}, n, {
-        ref: U,
+      const v = m({}, n, {
+        ref: W,
         role: "treeitem",
-        tabIndex: q,
-        id: j,
+        tabIndex: U,
+        id: q,
         "aria-expanded": P.expandable ? P.expanded : void 0,
         "aria-selected": u,
         "aria-disabled": P.disabled || void 0
       }, a, {
         onFocus: z(n),
-        onBlur: $(n),
+        onBlur: B(n),
         onKeyDown: H(n)
       });
       p && (v.style = {
         "--TreeView-itemDepth": typeof b == "function" ? b(r) : b
       });
-      const V = ((te = T.root) == null ? void 0 : te.call(T, f({}, M, {
+      const $ = ((te = w.root) == null ? void 0 : te.call(w, m({}, k, {
         externalEventHandlers: n
       }))) ?? {};
-      return f({}, v, V);
+      return m({}, v, $);
     },
     getContentProps: (a = {}) => {
-      var V;
-      const n = B(a), u = f({}, n, a, {
+      var $;
+      const n = K(a), u = m({}, n, a, {
         ref: Y,
-        onClick: W(n),
+        onClick: G(n),
         onMouseDown: J(n),
         status: P
       });
       p && (u.indentationAtItemLevel = !0);
-      const v = ((V = T.content) == null ? void 0 : V.call(T, f({}, M, {
+      const v = (($ = w.content) == null ? void 0 : $.call(w, m({}, k, {
         externalEventHandlers: n
       }))) ?? {};
-      return f({}, u, v);
+      return m({}, u, v);
     },
     getGroupTransitionProps: (a = {}) => {
-      const n = B(a), u = f({}, n, {
+      const n = K(a), u = m({}, n, {
         unmountOnExit: !0,
         component: "ul",
         role: "group",
@@ -850,16 +844,16 @@ const De = (e) => Array.isArray(e) ? e.length > 0 && e.some(De) : !!e, xt = ({
       return p && (u.indentationAtItemLevel = !0), u;
     },
     getIconContainerProps: (a = {}) => {
-      const n = B(a);
-      return f({}, n, a, {
+      const n = K(a);
+      return m({}, n, a, {
         onClick: Q(n)
       });
     },
     getCheckboxProps: (a = {}) => {
-      const n = B(a);
-      return f({}, n, {
+      const n = K(a);
+      return m({}, n, {
         visible: g,
-        ref: D,
+        ref: M,
         checked: P.selected,
         disabled: d || P.disabled,
         tabIndex: -1
@@ -868,53 +862,53 @@ const De = (e) => Array.isArray(e) ? e.length > 0 && e.some(De) : !!e, xt = ({
       });
     },
     getLabelProps: (a = {}) => {
-      const n = f({}, B(a)), u = f({}, n, {
+      const n = m({}, K(a)), u = m({}, n, {
         children: y
       }, a, {
-        onDoubleClick: N(n)
+        onDoubleClick: A(n)
       });
       return c.isTreeViewEditable && (u.editable = P.editable), u;
     },
     getLabelInputProps: (a = {}) => {
       var v;
-      const n = B(a), u = ((v = T.labelInput) == null ? void 0 : v.call(T, {
-        rootRefObject: w,
-        contentRefObject: O,
+      const n = K(a), u = ((v = w.labelInput) == null ? void 0 : v.call(w, {
+        rootRefObject: T,
+        contentRefObject: D,
         externalEventHandlers: n,
         interactions: E
       })) ?? {};
-      return f({}, a, u);
+      return m({}, a, u);
     },
     getDragAndDropOverlayProps: (a = {}) => {
       var v;
-      const n = B(a), u = ((v = T.dragAndDropOverlay) == null ? void 0 : v.call(T, f({}, M, {
+      const n = K(a), u = ((v = w.dragAndDropOverlay) == null ? void 0 : v.call(w, m({}, k, {
         externalEventHandlers: n
       }))) ?? {};
-      return f({}, a, u);
+      return m({}, a, u);
     },
-    rootRef: U,
+    rootRef: W,
     status: P,
     publicAPI: h
   };
-}, Me = Ct;
+}, Me = Tt;
 function ke(e) {
   const {
     slots: t,
     slotProps: o,
     status: s
-  } = e, p = ne(), d = f({}, p.icons.slots, {
-    expandIcon: p.icons.slots.expandIcon ?? ht,
-    collapseIcon: p.icons.slots.collapseIcon ?? yt
+  } = e, p = ne(), d = m({}, p.icons.slots, {
+    expandIcon: p.icons.slots.expandIcon ?? yt,
+    collapseIcon: p.icons.slots.collapseIcon ?? xt
   }), g = p.icons.slotProps;
   let l;
   t != null && t.icon ? l = "icon" : s.expandable ? s.expanded ? l = "collapseIcon" : l = "expandIcon" : l = "endIcon";
-  const m = (t == null ? void 0 : t[l]) ?? d[l], c = K({
-    elementType: m,
-    externalSlotProps: (h) => f({}, be(g[l], h), be(o == null ? void 0 : o[l], h)),
+  const f = (t == null ? void 0 : t[l]) ?? d[l], c = F({
+    elementType: f,
+    externalSlotProps: (h) => m({}, be(g[l], h), be(o == null ? void 0 : o[l], h)),
     // TODO: Add proper ownerState
     ownerState: {}
   });
-  return m ? /* @__PURE__ */ x(m, f({}, c)) : null;
+  return f ? /* @__PURE__ */ x(f, m({}, c)) : null;
 }
 process.env.NODE_ENV !== "production" && (ke.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -941,7 +935,7 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
     selected: i.bool.isRequired
   }).isRequired
 });
-const wt = ["visible"], Tt = ["id", "itemId", "label", "disabled", "children", "slots", "slotProps"], vt = lt(), Le = A("li", {
+const wt = ["visible"], vt = ["id", "itemId", "label", "disabled", "children", "slots", "slotProps"], Pt = dt(), Le = V("li", {
   name: "MuiTreeItem2",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -950,7 +944,7 @@ const wt = ["visible"], Tt = ["id", "itemId", "label", "disabled", "children", "
   margin: 0,
   padding: 0,
   outline: 0
-}), Ne = A("div", {
+}), Ne = V("div", {
   name: "MuiTreeItem2",
   slot: "Content",
   overridesResolver: (e, t) => t.content,
@@ -1020,14 +1014,14 @@ const wt = ["visible"], Tt = ["id", "itemId", "label", "disabled", "children", "
       backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : oe(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
     }
   }]
-})), Ae = A("div", {
+})), Ae = V("div", {
   name: "MuiTreeItem2",
   slot: "Label",
   overridesResolver: (e, t) => t.label,
   shouldForwardProp: (e) => le(e) && e !== "editable"
 })(({
   theme: e
-}) => f({
+}) => m({
   width: "100%",
   boxSizing: "border-box",
   // prevent width + padding to overflow
@@ -1044,7 +1038,7 @@ const wt = ["visible"], Tt = ["id", "itemId", "label", "disabled", "children", "
       paddingLeft: "2px"
     }
   }]
-})), Ve = A("div", {
+})), Ve = V("div", {
   name: "MuiTreeItem2",
   slot: "IconContainer",
   overridesResolver: (e, t) => t.iconContainer
@@ -1056,7 +1050,7 @@ const wt = ["visible"], Tt = ["id", "itemId", "label", "disabled", "children", "
   "& svg": {
     fontSize: 18
   }
-}), ze = A(se, {
+}), $e = V(se, {
   name: "MuiTreeItem2",
   slot: "GroupTransition",
   overridesResolver: (e, t) => t.groupTransition,
@@ -1073,11 +1067,11 @@ const wt = ["visible"], Tt = ["id", "itemId", "label", "disabled", "children", "
       paddingLeft: 0
     }
   }]
-}), Pt = A(/* @__PURE__ */ R.forwardRef((e, t) => {
+}), Et = V(/* @__PURE__ */ R.forwardRef((e, t) => {
   const {
     visible: o
   } = e, s = ve(e, wt);
-  return o ? /* @__PURE__ */ x(Ze, f({}, s, {
+  return o ? /* @__PURE__ */ x(He, m({}, s, {
     ref: t
   })) : null;
 }), {
@@ -1086,7 +1080,7 @@ const wt = ["visible"], Tt = ["id", "itemId", "label", "disabled", "children", "
   overridesResolver: (e, t) => t.checkbox
 })({
   padding: 0
-}), Et = (e) => {
+}), Rt = (e) => {
   const {
     classes: t
   } = e;
@@ -1105,9 +1099,9 @@ const wt = ["visible"], Tt = ["id", "itemId", "label", "disabled", "children", "
     groupTransition: ["groupTransition"],
     labelInput: ["labelInput"],
     dragAndDropOverlay: ["dragAndDropOverlay"]
-  }, It, t);
-}, Rt = /* @__PURE__ */ R.forwardRef(function(t, o) {
-  const s = vt({
+  }, ht, t);
+}, St = /* @__PURE__ */ R.forwardRef(function(t, o) {
+  const s = Pt({
     props: t,
     name: "MuiTreeItem2"
   }), {
@@ -1115,27 +1109,27 @@ const wt = ["visible"], Tt = ["id", "itemId", "label", "disabled", "children", "
     itemId: d,
     label: g,
     disabled: l,
-    children: m,
+    children: f,
     slots: c = {},
     slotProps: h = {}
-  } = s, b = ve(s, Tt), {
+  } = s, b = ve(s, vt), {
     getRootProps: C,
     getContentProps: r,
     getIconContainerProps: y,
     getCheckboxProps: S,
-    getLabelProps: F,
-    getGroupTransitionProps: X,
+    getLabelProps: O,
+    getGroupTransitionProps: j,
     getLabelInputProps: _,
-    getDragAndDropOverlayProps: T,
+    getDragAndDropOverlayProps: w,
     status: E
   } = Me({
     id: p,
     itemId: d,
-    children: m,
+    children: f,
     label: g,
     disabled: l
-  }), P = f({}, s, E), w = Et(P), O = c.root ?? Le, U = K({
-    elementType: O,
+  }), P = m({}, s, E), T = Rt(P), D = c.root ?? Le, W = F({
+    elementType: D,
     getSlotProps: C,
     externalForwardedProps: b,
     externalSlotProps: h.root,
@@ -1143,68 +1137,68 @@ const wt = ["visible"], Tt = ["id", "itemId", "label", "disabled", "children", "
       ref: o
     },
     ownerState: {},
-    className: w.root
-  }), Y = c.content ?? Ne, D = K({
+    className: T.root
+  }), Y = c.content ?? Ne, M = F({
     elementType: Y,
     getSlotProps: r,
     externalSlotProps: h.content,
     ownerState: {},
-    className: Te(w.content, E.expanded && w.expanded, E.selected && w.selected, E.focused && w.focused, E.disabled && w.disabled, E.editing && w.editing, E.editable && w.editable)
-  }), j = c.iconContainer ?? Ve, q = K({
-    elementType: j,
+    className: we(T.content, E.expanded && T.expanded, E.selected && T.selected, E.focused && T.focused, E.disabled && T.disabled, E.editing && T.editing, E.editable && T.editable)
+  }), q = c.iconContainer ?? Ve, U = F({
+    elementType: q,
     getSlotProps: y,
     externalSlotProps: h.iconContainer,
     ownerState: {},
-    className: w.iconContainer
-  }), M = c.label ?? Ae, z = K({
-    elementType: M,
-    getSlotProps: F,
+    className: T.iconContainer
+  }), k = c.label ?? Ae, z = F({
+    elementType: k,
+    getSlotProps: O,
     externalSlotProps: h.label,
     ownerState: {},
-    className: w.label
-  }), $ = c.checkbox ?? Pt, H = K({
-    elementType: $,
+    className: T.label
+  }), B = c.checkbox ?? Et, H = F({
+    elementType: B,
     getSlotProps: S,
     externalSlotProps: h.checkbox,
     ownerState: {},
-    className: w.checkbox
-  }), N = c.groupTransition ?? void 0, W = K({
-    elementType: N,
-    getSlotProps: X,
+    className: T.checkbox
+  }), A = c.groupTransition ?? void 0, G = F({
+    elementType: A,
+    getSlotProps: j,
     externalSlotProps: h.groupTransition,
     ownerState: {},
-    className: w.groupTransition
-  }), J = c.labelInput ?? bt, ee = K({
+    className: T.groupTransition
+  }), J = c.labelInput ?? It, ee = F({
     elementType: J,
     getSlotProps: _,
     externalSlotProps: h.labelInput,
     ownerState: {},
-    className: w.labelInput
-  }), Q = c.dragAndDropOverlay ?? Oe, re = K({
+    className: T.labelInput
+  }), Q = c.dragAndDropOverlay ?? Oe, re = F({
     elementType: Q,
-    getSlotProps: T,
+    getSlotProps: w,
     externalSlotProps: h.dragAndDropOverlay,
     ownerState: {},
-    className: w.dragAndDropOverlay
+    className: T.dragAndDropOverlay
   });
   return /* @__PURE__ */ x(pe, {
     itemId: d,
-    children: /* @__PURE__ */ ie(O, f({}, U, {
-      children: [/* @__PURE__ */ ie(Y, f({}, D, {
-        children: [/* @__PURE__ */ x(j, f({}, q, {
+    children: /* @__PURE__ */ ie(D, m({}, W, {
+      children: [/* @__PURE__ */ ie(Y, m({}, M, {
+        children: [/* @__PURE__ */ x(q, m({}, U, {
           children: /* @__PURE__ */ x(ke, {
             status: E,
             slots: c,
             slotProps: h
           })
-        })), /* @__PURE__ */ x($, f({}, H)), E.editing ? /* @__PURE__ */ x(J, f({}, ee)) : /* @__PURE__ */ x(M, f({}, z)), /* @__PURE__ */ x(Q, f({}, re))]
-      })), m && /* @__PURE__ */ x(ze, f({
-        as: N
-      }, W))]
+        })), /* @__PURE__ */ x(B, m({}, H)), E.editing ? /* @__PURE__ */ x(J, m({}, ee)) : /* @__PURE__ */ x(k, m({}, z)), /* @__PURE__ */ x(Q, m({}, re))]
+      })), f && /* @__PURE__ */ x($e, m({
+        as: A
+      }, G))]
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (Rt.propTypes = {
+process.env.NODE_ENV !== "production" && (St.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -1244,7 +1238,7 @@ process.env.NODE_ENV !== "production" && (Rt.propTypes = {
    * This prop isn't supported.
    * Use the `onItemFocus` callback on the tree if you need to monitor an item's focus.
    */
-  onFocus: He,
+  onFocus: et,
   /**
    * Callback fired when a key is pressed on the keyboard and the tree is in focus.
    */
@@ -1260,7 +1254,7 @@ process.env.NODE_ENV !== "production" && (Rt.propTypes = {
    */
   slots: i.object
 });
-function eo(e) {
+function oo(e) {
   const {
     id: t,
     itemId: o,
@@ -1269,35 +1263,40 @@ function eo(e) {
     children: d,
     itemData: g,
     iconColor: l = "primary",
-    ref: m
-  } = e, c = qe(
+    hasNoIcons: f,
+    ref: c
+  } = e, h = Ue(
     g == null ? void 0 : g.iconType,
     g == null ? void 0 : g.customIcon
   ), {
-    getRootProps: h,
-    getContentProps: b,
-    getLabelProps: C,
-    getGroupTransitionProps: r,
-    getIconContainerProps: y,
-    status: S
-  } = Me({ id: t, itemId: o, label: s, disabled: p, children: d, rootRef: m });
+    getRootProps: b,
+    getContentProps: C,
+    getLabelProps: r,
+    getGroupTransitionProps: y,
+    getIconContainerProps: S,
+    status: O
+  } = Me({ id: t, itemId: o, label: s, disabled: p, children: d, rootRef: c }), j = {
+    ...O.selected && { fontWeight: 600 },
+    color: "palette-grey-darker"
+  };
   return /* @__PURE__ */ x(pe, { itemId: o, children: /* @__PURE__ */ ie(
     Le,
     {
-      ...h(),
+      ...b(),
       "data-treeview-item": o || "",
       "data-treeview-item-label": s || "",
+      sx: Ke,
       children: [
-        /* @__PURE__ */ ie(Ne, { ...b(), style: Ke, children: [
-          /* @__PURE__ */ x(Ve, { ...y(), children: /* @__PURE__ */ x(c, { fontSize: "small", color: l }) }),
-          /* @__PURE__ */ x(Ae, { ...C() }),
-          /* @__PURE__ */ x(Be, { sx: Fe, children: S.expandable && (S.expanded ? /* @__PURE__ */ x(it, { fontSize: "small" }) : /* @__PURE__ */ x(st, { fontSize: "small" })) })
+        /* @__PURE__ */ ie(Ne, { ...C(), style: Fe, children: [
+          !f && /* @__PURE__ */ x(Ve, { ...S(), sx: Ie, children: /* @__PURE__ */ x(h, { color: l, sx: Ie }) }),
+          /* @__PURE__ */ x(Ae, { ...r(), sx: j }),
+          /* @__PURE__ */ x(tt, { sx: je, children: O.expandable && (O.expanded ? /* @__PURE__ */ x(at, { fontSize: "small" }) : /* @__PURE__ */ x(lt, { fontSize: "small" })) })
         ] }),
         d && /* @__PURE__ */ x(
-          ze,
+          $e,
           {
-            ...r(),
-            style: S.expanded ? je : void 0
+            ...y(),
+            style: O.expanded ? qe : void 0
           }
         )
       ]
@@ -1307,30 +1306,29 @@ function eo(e) {
 export {
   se as C,
   Ee as T,
-  Yt as a,
-  dt as b,
-  Xt as c,
+  Qt as a,
+  ct as b,
+  Jt as c,
   Re as d,
-  Jt as e,
-  ut as f,
-  et as g,
-  gt as h,
-  Zt as i,
-  Qt as j,
+  Zt as e,
+  gt as f,
+  ot as g,
+  mt as h,
+  eo as i,
+  Ht as j,
   xe as k,
-  pt as l,
-  ct as m,
+  ut as l,
+  pt as m,
   de as n,
   ne as o,
-  bt as p,
+  It as p,
   Oe as q,
-  lt as r,
-  yt as s,
-  ht as t,
-  G as u,
+  dt as r,
+  xt as s,
+  yt as t,
+  X as u,
   pe as v,
-  at as w,
-  It as x,
-  Ht as y,
-  eo as z
+  ht as w,
+  to as x,
+  oo as y
 };