@cgi-learning-hub/ui 1.4.0-dev.1742200292 → 1.4.0-dev.1742204063

package/dist/CustomTreeItem-kFMLEWpp.js

@@ -1,1003 +0,0 @@
-import { jsx as x, jsxs as W } from "react/jsx-runtime";
-import { c as X } from "./createSvgIcon-B62eln-G.js";
-import { B as Pe } from "./Box-GMNejc_m.js";
-import { _ as b } from "./ButtonBase-CU1npQuI.js";
-import * as R from "react";
-import { forwardRef as Re } from "react";
-import { w as Ee } from "./warning-C8W811fV.js";
-import { u as le } from "./useForkRef-C_4o__cU.js";
-import { e as D, r as de } from "./resolveComponentProps-CIdMNno4.js";
-import { treeContentStyle as Oe, arrowContainerStyle as Se, expandedGroupStyle as De } from "./components/TreeView/style.es.js";
-import { getIconComponent as ke } from "./components/TreeView/utils.es.js";
-import { n as B, P as y, G as Me, H as Le, I as Ne } from "./generateUtilityClasses-EXBFO7eY.js";
-import { a as ue } from "./TransitionGroupContext-DbLioz_6.js";
-import { u as Ve } from "./useThemeProps-v-SfXuGn.js";
-import { s as M, f as Y, c as Ae } from "./DefaultPropsProvider-CQixa6JQ.js";
-import { C as Be } from "./Collapse-wS8A5zc5.js";
-import { C as Ke } from "./Checkbox-CtRSDqOe.js";
-import { u as $e } from "./unsupportedProp-BuVD30Gh.js";
-import { u as k } from "./useSlotProps-U2Iu6E0j.js";
-const Fe = X(/* @__PURE__ */ x("path", {
-  d: "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"
-}), "KeyboardArrowDown"), je = X(/* @__PURE__ */ x("path", {
-  d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z"
-}), "KeyboardArrowRight");
-function qe(e) {
-  return Ve;
-}
-let ce = 0;
-const Lt = () => (ce += 1, `mui-tree-view-${ce}`), ze = ({
-  id: e,
-  treeId: t = "",
-  itemId: o
-}) => e ?? `${t}-${o}`, be = /* @__PURE__ */ R.createContext(null);
-process.env.NODE_ENV !== "production" && (be.displayName = "TreeViewContext");
-const K = () => {
-  const e = R.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;
-}, ge = /* @__PURE__ */ R.createContext(() => -1);
-process.env.NODE_ENV !== "production" && (ge.displayName = "TreeViewItemDepthContext");
-const me = (e, t) => {
-  let o = t.length - 1;
-  for (; o >= 0 && !e.isItemNavigable(t[o]); )
-    o -= 1;
-  if (o !== -1)
-    return t[o];
-}, _e = (e, t) => {
-  const o = e.getItemMeta(t), a = e.getItemOrderedChildrenIds(o.parentId), d = e.getItemIndex(t);
-  if (d === 0)
-    return o.parentId;
-  let l = d - 1;
-  for (; !e.isItemNavigable(a[l]) && l >= 0; )
-    l -= 1;
-  if (l === -1)
-    return o.parentId == null ? null : _e(e, o.parentId);
-  let m = a[l], s = me(e, e.getItemOrderedChildrenIds(m));
-  for (; e.isItemExpanded(m) && s != null; )
-    m = s, s = e.getItemOrderedChildrenIds(m).find(e.isItemNavigable);
-  return m;
-}, Ue = (e, t) => {
-  if (e.isItemExpanded(t)) {
-    const a = e.getItemOrderedChildrenIds(t).find(e.isItemNavigable);
-    if (a != null)
-      return a;
-  }
-  let o = e.getItemMeta(t);
-  for (; o != null; ) {
-    const a = e.getItemOrderedChildrenIds(o.parentId), d = e.getItemIndex(o.id);
-    if (d < a.length - 1) {
-      let l = d + 1;
-      for (; !e.isItemNavigable(a[l]) && l < a.length - 1; )
-        l += 1;
-      if (e.isItemNavigable(a[l]))
-        return a[l];
-    }
-    o = e.getItemMeta(o.parentId);
-  }
-  return null;
-}, Nt = (e) => {
-  let t = null;
-  for (; t == null || e.isItemExpanded(t); ) {
-    const o = e.getItemOrderedChildrenIds(t), a = me(e, o);
-    if (a == null)
-      return t;
-    t = a;
-  }
-  return t;
-}, Ge = (e) => e.getItemOrderedChildrenIds(null).find(e.isItemNavigable), We = (e, t, o) => {
-  if (t === o)
-    return [t, o];
-  const a = e.getItemMeta(t), d = e.getItemMeta(o);
-  if (a.parentId === d.id || d.parentId === a.id)
-    return d.parentId === a.id ? [a.id, d.id] : [d.id, a.id];
-  const l = [a.id], m = [d.id];
-  let s = a.parentId, u = d.parentId, p = m.indexOf(s) !== -1, I = l.indexOf(u) !== -1, g = !0, T = !0;
-  for (; !I && !p; )
-    g && (l.push(s), p = m.indexOf(s) !== -1, g = s !== null, !p && g && (s = e.getItemMeta(s).parentId)), T && !p && (m.push(u), I = l.indexOf(u) !== -1, T = u !== null, !I && T && (u = e.getItemMeta(u).parentId));
-  const r = p ? s : u, f = e.getItemOrderedChildrenIds(r), E = l[l.indexOf(r) - 1], S = m[m.indexOf(r) - 1];
-  return f.indexOf(E) < f.indexOf(S) ? [t, o] : [o, t];
-}, Vt = (e, t, o) => {
-  const a = (u) => {
-    if (e.isItemExpandable(u) && e.isItemExpanded(u))
-      return e.getItemOrderedChildrenIds(u)[0];
-    let p = e.getItemMeta(u);
-    for (; p != null; ) {
-      const I = e.getItemOrderedChildrenIds(p.parentId), g = e.getItemIndex(p.id);
-      if (g < I.length - 1)
-        return I[g + 1];
-      p = e.getItemMeta(p.parentId);
-    }
-    throw new Error("Invalid range");
-  }, [d, l] = We(e, t, o), m = [d];
-  let s = d;
-  for (; s !== l; )
-    s = a(s), e.isItemDisabled(s) || m.push(s);
-  return m;
-}, At = (e) => {
-  let t = Ge(e);
-  const o = [];
-  for (; t != null; )
-    o.push(t), t = Ue(e, t);
-  return o;
-}, pe = (e, t) => t !== e.closest('*[role="treeitem"]'), ne = (e, t) => e.getAvailablePlugins().has(t), Xe = ({
-  props: e
-}) => {
-  const {
-    instance: t
-  } = K(), {
-    label: o,
-    itemId: a
-  } = e, [d, l] = R.useState(o), m = t.isItemBeingEdited(a);
-  return R.useEffect(() => {
-    m || l(o);
-  }, [m, o]), {
-    propsEnhancers: {
-      labelInput: ({
-        externalEventHandlers: s,
-        interactions: u
-      }) => t.isItemEditable(a) ? {
-        value: d ?? "",
-        "data-element": "labelInput",
-        onChange: (r) => {
-          var f;
-          (f = s.onChange) == null || f.call(s, r), l(r.target.value);
-        },
-        onKeyDown: (r) => {
-          var E;
-          if ((E = s.onKeyDown) == null || E.call(s, r), r.defaultMuiPrevented)
-            return;
-          const f = r.target;
-          r.key === "Enter" && f.value ? u.handleSaveItemLabel(r, f.value) : r.key === "Escape" && u.handleCancelItemLabelEditing(r);
-        },
-        onBlur: (r) => {
-          var f;
-          (f = s.onBlur) == null || f.call(s, r), !r.defaultMuiPrevented && r.target.value && u.handleSaveItemLabel(r, r.target.value);
-        },
-        autoFocus: !0,
-        type: "text"
-      } : {}
-    }
-  };
-}, L = ({
-  instance: e,
-  state: t,
-  setState: o,
-  params: a
-}) => {
-  const d = R.useRef(t.editedItemId), l = (g) => d.current === g, m = (g) => {
-    o((T) => b({}, T, {
-      editedItemId: g
-    })), d.current = g;
-  }, s = (g) => g === t.editedItemId, u = !!a.isItemEditable, p = (g) => {
-    if (g == null || !u)
-      return !1;
-    const T = e.getItem(g);
-    return T ? typeof a.isItemEditable == "function" ? a.isItemEditable(T) : !!a.isItemEditable : !1;
-  }, I = (g, T) => {
-    if (!T)
-      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.", g].join(`
-`));
-    o((r) => {
-      const f = r.items.itemMetaMap[g];
-      return f.label !== T ? b({}, r, {
-        items: b({}, r.items, {
-          itemMetaMap: b({}, r.items.itemMetaMap, {
-            [g]: b({}, f, {
-              label: T
-            })
-          })
-        })
-      }) : r;
-    }), a.onItemLabelChange && a.onItemLabelChange(g, T);
-  };
-  return {
-    instance: {
-      setEditedItemId: m,
-      isItemBeingEdited: s,
-      updateItemLabel: I,
-      isItemEditable: p,
-      isTreeViewEditable: u,
-      isItemBeingEditedRef: l
-    },
-    publicAPI: {
-      updateItemLabel: I
-    }
-  };
-};
-L.itemPlugin = Xe;
-L.getDefaultizedParams = ({
-  params: e,
-  experimentalFeatures: t
-}) => {
-  const o = t == null ? void 0 : t.labelEditing;
-  return process.env.NODE_ENV !== "production" && e.isItemEditable && !o && Ee(["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/"]), b({}, e, {
-    isItemEditable: o ? e.isItemEditable ?? !1 : !1
-  });
-};
-L.getInitialState = () => ({
-  editedItemId: null
-});
-L.params = {
-  onItemLabelChange: !0,
-  isItemEditable: !0
-};
-const Ye = M("div", {
-  name: "MuiTreeItem2DragAndDropOverlay",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root,
-  shouldForwardProp: (e) => Y(e) && e !== "action"
-})(({
-  theme: e
-}) => ({
-  position: "absolute",
-  left: 0,
-  display: "flex",
-  top: 0,
-  bottom: 0,
-  right: 0,
-  pointerEvents: "none",
-  variants: [{
-    props: {
-      action: "make-child"
-    },
-    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})` : B(e.palette.primary.dark, e.palette.action.focusOpacity)
-    }
-  }, {
-    props: {
-      action: "reorder-above"
-    },
-    style: {
-      marginLeft: "calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))",
-      borderTop: `1px solid ${(e.vars || e).palette.action.active}`
-    }
-  }, {
-    props: {
-      action: "reorder-below"
-    },
-    style: {
-      marginLeft: "calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))",
-      borderBottom: `1px solid ${(e.vars || e).palette.action.active}`
-    }
-  }, {
-    props: {
-      action: "move-to-parent"
-    },
-    style: {
-      marginLeft: "calc(var(--TreeView-indentMultiplier) * calc(var(--TreeView-itemDepth) - 1))",
-      borderBottom: `1px solid ${(e.vars || e).palette.action.active}`
-    }
-  }]
-}));
-function Ie(e) {
-  return e.action == null ? null : /* @__PURE__ */ x(Ye, b({}, e));
-}
-process.env.NODE_ENV !== "production" && (Ie.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  action: y.oneOf(["make-child", "move-to-parent", "reorder-above", "reorder-below"]),
-  style: y.object
-});
-const Je = M("input", {
-  name: "MuiTreeItem2",
-  slot: "LabelInput",
-  overridesResolver: (e, t) => t.labelInput
-})(({
-  theme: e
-}) => b({}, e.typography.body1, {
-  width: "100%",
-  backgroundColor: e.palette.background.paper,
-  borderRadius: e.shape.borderRadius,
-  border: "none",
-  padding: "0 2px",
-  boxSizing: "border-box",
-  "&:focus": {
-    outline: `1px solid ${e.palette.primary.main}`
-  }
-}));
-function Qe(e) {
-  return Le("MuiTreeItem", e);
-}
-const Bt = Me("MuiTreeItem", ["root", "groupTransition", "content", "expanded", "selected", "focused", "disabled", "iconContainer", "label", "checkbox", "labelInput", "editable", "editing", "dragAndDropOverlay"]), Ze = X(/* @__PURE__ */ x("path", {
-  d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-}), "TreeViewExpandIcon"), He = X(/* @__PURE__ */ x("path", {
-  d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
-}), "TreeViewCollapseIcon");
-function re(e) {
-  const {
-    children: t,
-    itemId: o
-  } = e, {
-    wrapItem: a,
-    instance: d
-  } = K();
-  return a({
-    children: t,
-    itemId: o,
-    instance: d
-  });
-}
-re.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  children: y.node,
-  itemId: y.string.isRequired
-};
-const fe = (e) => Array.isArray(e) ? e.length > 0 && e.some(fe) : !!e, et = ({
-  itemId: e,
-  children: t
-}) => {
-  const {
-    instance: o,
-    selection: {
-      multiSelect: a
-    },
-    publicAPI: d
-  } = K(), l = {
-    expandable: fe(t),
-    expanded: o.isItemExpanded(e),
-    focused: o.isItemFocused(e),
-    selected: o.isItemSelected(e),
-    disabled: o.isItemDisabled(e),
-    editing: o != null && o.isItemBeingEdited ? o == null ? void 0 : o.isItemBeingEdited(e) : !1,
-    editable: o.isItemEditable ? o.isItemEditable(e) : !1
-  }, m = (r) => {
-    if (l.disabled)
-      return;
-    l.focused || o.focusItem(r, e);
-    const f = a && (r.shiftKey || r.ctrlKey || r.metaKey);
-    l.expandable && !(f && o.isItemExpanded(e)) && o.toggleItemExpansion(r, e);
-  }, s = (r) => {
-    if (l.disabled)
-      return;
-    l.focused || o.focusItem(r, e), a && (r.shiftKey || r.ctrlKey || r.metaKey) ? r.shiftKey ? o.expandSelectionRange(r, e) : o.selectItem({
-      event: r,
-      itemId: e,
-      keepExistingSelection: !0
-    }) : o.selectItem({
-      event: r,
-      itemId: e,
-      shouldBeSelected: !0
-    });
-  }, u = (r) => {
-    const f = r.nativeEvent.shiftKey;
-    a && f ? o.expandSelectionRange(r, e) : o.selectItem({
-      event: r,
-      itemId: e,
-      keepExistingSelection: a,
-      shouldBeSelected: r.target.checked
-    });
-  }, p = () => {
-    ne(o, L) && o.isItemEditable(e) && (o.isItemBeingEdited(e) ? o.setEditedItemId(null) : o.setEditedItemId(e));
-  };
-  return {
-    interactions: {
-      handleExpansion: m,
-      handleSelection: s,
-      handleCheckboxSelection: u,
-      toggleItemEditing: p,
-      handleSaveItemLabel: (r, f) => {
-        ne(o, L) && o.isItemBeingEditedRef(e) && (o.updateItemLabel(e, f), p(), o.focusItem(r, e));
-      },
-      handleCancelItemLabelEditing: (r) => {
-        ne(o, L) && o.isItemBeingEditedRef(e) && (p(), o.focusItem(r, e));
-      }
-    },
-    status: l,
-    publicAPI: d
-  };
-}, tt = (e) => {
-  const {
-    runItemPlugins: t,
-    items: {
-      onItemClick: o,
-      disabledItemsFocusable: a,
-      indentationAtItemLevel: d
-    },
-    selection: {
-      disableSelection: l,
-      checkboxSelection: m
-    },
-    expansion: {
-      expansionTrigger: s
-    },
-    treeId: u,
-    instance: p,
-    publicAPI: I
-  } = K(), g = R.useContext(ge), {
-    id: T,
-    itemId: r,
-    label: f,
-    children: E,
-    rootRef: S
-  } = e, {
-    rootRef: J,
-    contentRef: Q,
-    propsEnhancers: P
-  } = t(e), {
-    interactions: w,
-    status: h
-  } = et({
-    itemId: r,
-    children: E
-  }), v = R.useRef(null), N = R.useRef(null), $ = le(S, J, v), F = le(Q, N), j = R.useRef(null), q = ze({
-    itemId: r,
-    treeId: u,
-    id: T
-  }), Z = p.canItemBeTabbed(r) ? 0 : -1, V = {
-    rootRefObject: v,
-    contentRefObject: N,
-    interactions: w
-  }, H = (i) => (n) => {
-    var C;
-    if ((C = i.onFocus) == null || C.call(i, n), n.defaultMuiPrevented)
-      return;
-    const c = !h.disabled || a;
-    !h.focused && c && n.currentTarget === n.target && p.focusItem(n, r);
-  }, z = (i) => (n) => {
-    var C, O, A, ae, se;
-    if ((C = i.onBlur) == null || C.call(i, n), n.defaultMuiPrevented)
-      return;
-    const c = p.getItemDOMElement(r);
-    h.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 && pe(n.relatedTarget, c) && (n.target && ((A = (O = n.target) == null ? void 0 : O.dataset) == null ? void 0 : A.element) === "labelInput" && pe(n.target, c) || ((se = (ae = n.relatedTarget) == null ? void 0 : ae.dataset) == null ? void 0 : se.element) === "labelInput") || p.removeFocusedItem();
-  }, ee = (i) => (n) => {
-    var c, C, O;
-    (c = i.onKeyDown) == null || c.call(i, n), !(n.defaultMuiPrevented || ((O = (C = n.target) == null ? void 0 : C.dataset) == null ? void 0 : O.element) === "labelInput") && p.handleItemKeyDown(n, r);
-  }, _ = (i) => (n) => {
-    var c;
-    (c = i.onDoubleClick) == null || c.call(i, n), !n.defaultMuiPrevented && w.toggleItemEditing();
-  }, te = (i) => (n) => {
-    var c, C;
-    (c = i.onClick) == null || c.call(i, n), o == null || o(n, r), !(n.defaultMuiPrevented || (C = j.current) != null && C.contains(n.target)) && (s === "content" && w.handleExpansion(n), m || w.handleSelection(n));
-  }, U = (i) => (n) => {
-    var c;
-    (c = i.onMouseDown) == null || c.call(i, n), !n.defaultMuiPrevented && (n.shiftKey || n.ctrlKey || n.metaKey || h.disabled) && n.preventDefault();
-  }, oe = (i) => (n) => {
-    var c;
-    (c = i.onChange) == null || c.call(i, n), !n.defaultMuiPrevented && (l || h.disabled || w.handleCheckboxSelection(n));
-  }, G = (i) => (n) => {
-    var c;
-    (c = i.onClick) == null || c.call(i, n), !n.defaultMuiPrevented && s === "iconContainer" && w.handleExpansion(n);
-  };
-  return {
-    getRootProps: (i = {}) => {
-      var A;
-      const n = b({}, D(e), D(i));
-      let c;
-      h.selected ? c = !0 : l || h.disabled ? c = void 0 : c = !1;
-      const C = b({}, n, {
-        ref: $,
-        role: "treeitem",
-        tabIndex: Z,
-        id: q,
-        "aria-expanded": h.expandable ? h.expanded : void 0,
-        "aria-selected": c,
-        "aria-disabled": h.disabled || void 0
-      }, i, {
-        onFocus: H(n),
-        onBlur: z(n),
-        onKeyDown: ee(n)
-      });
-      d && (C.style = {
-        "--TreeView-itemDepth": typeof g == "function" ? g(r) : g
-      });
-      const O = ((A = P.root) == null ? void 0 : A.call(P, b({}, V, {
-        externalEventHandlers: n
-      }))) ?? {};
-      return b({}, C, O);
-    },
-    getContentProps: (i = {}) => {
-      var O;
-      const n = D(i), c = b({}, n, i, {
-        ref: F,
-        onClick: te(n),
-        onMouseDown: U(n),
-        status: h
-      });
-      d && (c.indentationAtItemLevel = !0);
-      const C = ((O = P.content) == null ? void 0 : O.call(P, b({}, V, {
-        externalEventHandlers: n
-      }))) ?? {};
-      return b({}, c, C);
-    },
-    getGroupTransitionProps: (i = {}) => {
-      const n = D(i), c = b({}, n, {
-        unmountOnExit: !0,
-        component: "ul",
-        role: "group",
-        in: h.expanded,
-        children: E
-      }, i);
-      return d && (c.indentationAtItemLevel = !0), c;
-    },
-    getIconContainerProps: (i = {}) => {
-      const n = D(i);
-      return b({}, n, i, {
-        onClick: G(n)
-      });
-    },
-    getCheckboxProps: (i = {}) => {
-      const n = D(i);
-      return b({}, n, {
-        visible: m,
-        ref: j,
-        checked: h.selected,
-        disabled: l || h.disabled,
-        tabIndex: -1
-      }, i, {
-        onChange: oe(n)
-      });
-    },
-    getLabelProps: (i = {}) => {
-      const n = b({}, D(i)), c = b({}, n, {
-        children: f
-      }, i, {
-        onDoubleClick: _(n)
-      });
-      return p.isTreeViewEditable && (c.editable = h.editable), c;
-    },
-    getLabelInputProps: (i = {}) => {
-      var C;
-      const n = D(i), c = ((C = P.labelInput) == null ? void 0 : C.call(P, {
-        rootRefObject: v,
-        contentRefObject: N,
-        externalEventHandlers: n,
-        interactions: w
-      })) ?? {};
-      return b({}, i, c);
-    },
-    getDragAndDropOverlayProps: (i = {}) => {
-      var C;
-      const n = D(i), c = ((C = P.dragAndDropOverlay) == null ? void 0 : C.call(P, b({}, V, {
-        externalEventHandlers: n
-      }))) ?? {};
-      return b({}, i, c);
-    },
-    rootRef: $,
-    status: h,
-    publicAPI: I
-  };
-}, ye = tt;
-function xe(e) {
-  const {
-    slots: t,
-    slotProps: o,
-    status: a
-  } = e, d = K(), l = b({}, d.icons.slots, {
-    expandIcon: d.icons.slots.expandIcon ?? Ze,
-    collapseIcon: d.icons.slots.collapseIcon ?? He
-  }), m = d.icons.slotProps;
-  let s;
-  t != null && t.icon ? s = "icon" : a.expandable ? a.expanded ? s = "collapseIcon" : s = "expandIcon" : s = "endIcon";
-  const u = (t == null ? void 0 : t[s]) ?? l[s], p = k({
-    elementType: u,
-    externalSlotProps: (I) => b({}, de(m[s], I), de(o == null ? void 0 : o[s], I)),
-    // TODO: Add proper ownerState
-    ownerState: {}
-  });
-  return u ? /* @__PURE__ */ x(u, b({}, p)) : null;
-}
-process.env.NODE_ENV !== "production" && (xe.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: y.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: y.object,
-  status: y.shape({
-    disabled: y.bool.isRequired,
-    editable: y.bool.isRequired,
-    editing: y.bool.isRequired,
-    expandable: y.bool.isRequired,
-    expanded: y.bool.isRequired,
-    focused: y.bool.isRequired,
-    selected: y.bool.isRequired
-  }).isRequired
-});
-const ot = ["visible"], nt = ["id", "itemId", "label", "disabled", "children", "slots", "slotProps"], rt = qe(), Ce = M("li", {
-  name: "MuiTreeItem2",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root
-})({
-  listStyle: "none",
-  margin: 0,
-  padding: 0,
-  outline: 0
-}), Te = M("div", {
-  name: "MuiTreeItem2",
-  slot: "Content",
-  overridesResolver: (e, t) => t.content,
-  shouldForwardProp: (e) => Y(e) && e !== "status" && e !== "indentationAtItemLevel"
-})(({
-  theme: e
-}) => ({
-  padding: e.spacing(0.5, 1),
-  borderRadius: e.shape.borderRadius,
-  width: "100%",
-  boxSizing: "border-box",
-  // prevent width + padding to overflow
-  position: "relative",
-  display: "flex",
-  alignItems: "center",
-  gap: e.spacing(1),
-  cursor: "pointer",
-  WebkitTapHighlightColor: "transparent",
-  "&:hover": {
-    backgroundColor: (e.vars || e).palette.action.hover,
-    // Reset on touch devices, it doesn't add specificity
-    "@media (hover: none)": {
-      backgroundColor: "transparent"
-    }
-  },
-  variants: [{
-    props: {
-      indentationAtItemLevel: !0
-    },
-    style: {
-      paddingLeft: `calc(${e.spacing(1)} + var(--TreeView-itemChildrenIndentation) * var(--TreeView-itemDepth))`
-    }
-  }, {
-    props: ({
-      status: t
-    }) => t.disabled,
-    style: {
-      opacity: (e.vars || e).palette.action.disabledOpacity,
-      backgroundColor: "transparent"
-    }
-  }, {
-    props: ({
-      status: t
-    }) => t.focused,
-    style: {
-      backgroundColor: (e.vars || e).palette.action.focus
-    }
-  }, {
-    props: ({
-      status: t
-    }) => t.selected,
-    style: {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : B(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}))` : B(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})` : B(e.palette.primary.main, e.palette.action.selectedOpacity)
-        }
-      }
-    }
-  }, {
-    props: ({
-      status: t
-    }) => t.selected && t.focused,
-    style: {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : B(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
-    }
-  }]
-})), he = M("div", {
-  name: "MuiTreeItem2",
-  slot: "Label",
-  overridesResolver: (e, t) => t.label,
-  shouldForwardProp: (e) => Y(e) && e !== "editable"
-})(({
-  theme: e
-}) => b({
-  width: "100%",
-  boxSizing: "border-box",
-  // prevent width + padding to overflow
-  // fixes overflow - see https://github.com/mui/material-ui/issues/27372
-  minWidth: 0,
-  position: "relative",
-  overflow: "hidden"
-}, e.typography.body1, {
-  variants: [{
-    props: ({
-      editable: t
-    }) => t,
-    style: {
-      paddingLeft: "2px"
-    }
-  }]
-})), ve = M("div", {
-  name: "MuiTreeItem2",
-  slot: "IconContainer",
-  overridesResolver: (e, t) => t.iconContainer
-})({
-  width: 16,
-  display: "flex",
-  flexShrink: 0,
-  justifyContent: "center",
-  "& svg": {
-    fontSize: 18
-  }
-}), we = M(Be, {
-  name: "MuiTreeItem2",
-  slot: "GroupTransition",
-  overridesResolver: (e, t) => t.groupTransition,
-  shouldForwardProp: (e) => Y(e) && e !== "indentationAtItemLevel"
-})({
-  margin: 0,
-  padding: 0,
-  paddingLeft: "var(--TreeView-itemChildrenIndentation)",
-  variants: [{
-    props: {
-      indentationAtItemLevel: !0
-    },
-    style: {
-      paddingLeft: 0
-    }
-  }]
-}), it = M(/* @__PURE__ */ R.forwardRef((e, t) => {
-  const {
-    visible: o
-  } = e, a = ue(e, ot);
-  return o ? /* @__PURE__ */ x(Ke, b({}, a, {
-    ref: t
-  })) : null;
-}), {
-  name: "MuiTreeItem2",
-  slot: "Checkbox",
-  overridesResolver: (e, t) => t.checkbox
-})({
-  padding: 0
-}), at = (e) => {
-  const {
-    classes: t
-  } = e;
-  return Ae({
-    root: ["root"],
-    content: ["content"],
-    expanded: ["expanded"],
-    editing: ["editing"],
-    editable: ["editable"],
-    selected: ["selected"],
-    focused: ["focused"],
-    disabled: ["disabled"],
-    iconContainer: ["iconContainer"],
-    checkbox: ["checkbox"],
-    label: ["label"],
-    groupTransition: ["groupTransition"],
-    labelInput: ["labelInput"],
-    dragAndDropOverlay: ["dragAndDropOverlay"]
-  }, Qe, t);
-}, st = /* @__PURE__ */ R.forwardRef(function(t, o) {
-  const a = rt({
-    props: t,
-    name: "MuiTreeItem2"
-  }), {
-    id: d,
-    itemId: l,
-    label: m,
-    disabled: s,
-    children: u,
-    slots: p = {},
-    slotProps: I = {}
-  } = a, g = ue(a, nt), {
-    getRootProps: T,
-    getContentProps: r,
-    getIconContainerProps: f,
-    getCheckboxProps: E,
-    getLabelProps: S,
-    getGroupTransitionProps: J,
-    getLabelInputProps: Q,
-    getDragAndDropOverlayProps: P,
-    status: w
-  } = ye({
-    id: d,
-    itemId: l,
-    children: u,
-    label: m,
-    disabled: s
-  }), h = b({}, a, w), v = at(h), N = p.root ?? Ce, $ = k({
-    elementType: N,
-    getSlotProps: T,
-    externalForwardedProps: g,
-    externalSlotProps: I.root,
-    additionalProps: {
-      ref: o
-    },
-    ownerState: {},
-    className: v.root
-  }), F = p.content ?? Te, j = k({
-    elementType: F,
-    getSlotProps: r,
-    externalSlotProps: I.content,
-    ownerState: {},
-    className: Ne(v.content, w.expanded && v.expanded, w.selected && v.selected, w.focused && v.focused, w.disabled && v.disabled, w.editing && v.editing, w.editable && v.editable)
-  }), q = p.iconContainer ?? ve, Z = k({
-    elementType: q,
-    getSlotProps: f,
-    externalSlotProps: I.iconContainer,
-    ownerState: {},
-    className: v.iconContainer
-  }), V = p.label ?? he, H = k({
-    elementType: V,
-    getSlotProps: S,
-    externalSlotProps: I.label,
-    ownerState: {},
-    className: v.label
-  }), z = p.checkbox ?? it, ee = k({
-    elementType: z,
-    getSlotProps: E,
-    externalSlotProps: I.checkbox,
-    ownerState: {},
-    className: v.checkbox
-  }), _ = p.groupTransition ?? void 0, te = k({
-    elementType: _,
-    getSlotProps: J,
-    externalSlotProps: I.groupTransition,
-    ownerState: {},
-    className: v.groupTransition
-  }), U = p.labelInput ?? Je, oe = k({
-    elementType: U,
-    getSlotProps: Q,
-    externalSlotProps: I.labelInput,
-    ownerState: {},
-    className: v.labelInput
-  }), G = p.dragAndDropOverlay ?? Ie, ie = k({
-    elementType: G,
-    getSlotProps: P,
-    externalSlotProps: I.dragAndDropOverlay,
-    ownerState: {},
-    className: v.dragAndDropOverlay
-  });
-  return /* @__PURE__ */ x(re, {
-    itemId: l,
-    children: /* @__PURE__ */ W(N, b({}, $, {
-      children: [/* @__PURE__ */ W(F, b({}, j, {
-        children: [/* @__PURE__ */ x(q, b({}, Z, {
-          children: /* @__PURE__ */ x(xe, {
-            status: w,
-            slots: p,
-            slotProps: I
-          })
-        })), /* @__PURE__ */ x(z, b({}, ee)), w.editing ? /* @__PURE__ */ x(U, b({}, oe)) : /* @__PURE__ */ x(V, b({}, H)), /* @__PURE__ */ x(G, b({}, ie))]
-      })), u && /* @__PURE__ */ x(we, b({
-        as: _
-      }, te))]
-    }))
-  });
-});
-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"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The content of the component.
-   */
-  children: y.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: y.object,
-  className: y.string,
-  /**
-   * If `true`, the item is disabled.
-   * @default false
-   */
-  disabled: y.bool,
-  /**
-   * The id attribute of the item. If not provided, it will be generated.
-   */
-  id: y.string,
-  /**
-   * The id of the item.
-   * Must be unique.
-   */
-  itemId: y.string.isRequired,
-  /**
-   * The label of the item.
-   */
-  label: y.node,
-  /**
-   * Callback fired when the item root is blurred.
-   */
-  onBlur: y.func,
-  /**
-   * This prop isn't supported.
-   * Use the `onItemFocus` callback on the tree if you need to monitor an item's focus.
-   */
-  onFocus: $e,
-  /**
-   * Callback fired when a key is pressed on the keyboard and the tree is in focus.
-   */
-  onKeyDown: y.func,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: y.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: y.object
-});
-const Kt = Re(function(t, o) {
-  const {
-    id: a,
-    itemId: d,
-    label: l,
-    disabled: m,
-    children: s,
-    itemData: u,
-    iconColor: p = "primary"
-  } = t, I = ke(
-    u == null ? void 0 : u.iconType,
-    u == null ? void 0 : u.customIcon
-  ), {
-    getRootProps: g,
-    getContentProps: T,
-    getLabelProps: r,
-    getGroupTransitionProps: f,
-    getIconContainerProps: E,
-    status: S
-  } = ye({ id: a, itemId: d, label: l, disabled: m, children: s, rootRef: o });
-  return /* @__PURE__ */ x(re, { itemId: d, children: /* @__PURE__ */ W(
-    Ce,
-    {
-      ...g(),
-      "data-treeview-item": d || "",
-      "data-treeview-item-label": l || "",
-      children: [
-        /* @__PURE__ */ W(Te, { ...T(), style: Oe, children: [
-          /* @__PURE__ */ x(ve, { ...E(), children: /* @__PURE__ */ x(I, { fontSize: "small", color: p }) }),
-          /* @__PURE__ */ x(he, { ...r() }),
-          /* @__PURE__ */ x(Pe, { sx: Se, children: S.expandable && (S.expanded ? /* @__PURE__ */ x(Fe, { fontSize: "small" }) : /* @__PURE__ */ x(je, { fontSize: "small" })) })
-        ] }),
-        s && /* @__PURE__ */ x(
-          we,
-          {
-            ...f(),
-            style: S.expanded ? De : void 0
-          }
-        )
-      ]
-    }
-  ) });
-});
-export {
-  Kt as C,
-  be as T,
-  ge as a,
-  Nt as b,
-  Lt as c,
-  Ge as d,
-  At as e,
-  We as f,
-  ze as g,
-  Vt as h,
-  pe as i,
-  Ue as j,
-  _e as k,
-  ne as l,
-  K as m,
-  Je as n,
-  Ie as o,
-  qe as p,
-  He as q,
-  Ze as r,
-  re as s,
-  Qe as t,
-  L as u,
-  Bt as v
-};