@cgi-learning-hub/ui 1.6.0 → 1.7.0-dev.1750693982

package/dist/CustomTreeItem-hIRSCwAW.js

@@ -1,1336 +0,0 @@
-import { jsx as x, jsxs as ie } from "react/jsx-runtime";
-import { c as ae } from "./createSvgIcon-BlKmtOkV.js";
-import { _ as g } from "./ButtonBase-Chb99sDQ.js";
-import * as R from "react";
-import { w as ze } from "./warning-C8W811fV.js";
-import { u as ce } from "./useForkRef-u29GSuCu.js";
-import { e as K, r as be } from "./useSlot-BDb1lvxu.js";
-import { treeItemRootStyle as Be, treeContentStyle as Ke, iconStyle as Ie, arrowContainerStyle as Fe, expandedGroupStyle as je } from "./components/TreeView/style.es.js";
-import { getIconComponent as qe } from "./components/TreeView/utils.es.js";
-import Ue from "./components/EllipsisWithTooltip/EllipsisWithTooltip.es.js";
-import { P as i } from "./index-Sy88PpwE.js";
-import { a as Ce } from "./TransitionGroupContext-DbLioz_6.js";
-import { F as Te, G as we, w as We, H as ve, n as oe } from "./generateUtilityClasses-DngCqveO.js";
-import { u as _e } from "./useThemeProps-BFQ8ndnj.js";
-import { u as Ge, s as V, c as Pe, f as le } from "./DefaultPropsProvider-hFv1J_xl.js";
-import { u as Xe } from "./useTheme-C59wIJ3-.js";
-import { m as Ye } from "./memoTheme-nmt7i1dS.js";
-import { T as Je, g as he } from "./utils-BQenyzDz.js";
-import { u as Qe } from "./useTimeout-CrCYVizI.js";
-import { e as Ze } from "./elementTypeAcceptingRef-DOeckaXy.js";
-import { C as He } from "./Checkbox-p-PKpEw_.js";
-import { u as et } from "./unsupportedProp-BuVD30Gh.js";
-import { u as F } from "./useSlotProps-B_D8u0j-.js";
-import { B as tt } from "./Box-o7Tjjyko.js";
-function ot(e) {
-  return we("MuiCollapse", e);
-}
-const Ht = Te("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]), nt = (e) => {
-  const {
-    orientation: t,
-    classes: o
-  } = e, s = {
-    root: ["root", `${t}`],
-    entered: ["entered"],
-    hidden: ["hidden"],
-    wrapper: ["wrapper", `${t}`],
-    wrapperInner: ["wrapperInner", `${t}`]
-  };
-  return Pe(s, ot, o);
-}, rt = V("div", {
-  name: "MuiCollapse",
-  slot: "Root",
-  overridesResolver: (e, t) => {
-    const {
-      ownerState: o
-    } = e;
-    return [t.root, t[o.orientation], o.state === "entered" && t.entered, o.state === "exited" && !o.in && o.collapsedSize === "0px" && t.hidden];
-  }
-})(Ye(({
-  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"
-    }
-  }]
-}))), it = V("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%"
-    }
-  }]
-}), st = V("div", {
-  name: "MuiCollapse",
-  slot: "WrapperInner",
-  overridesResolver: (e, t) => t.wrapperInner
-})({
-  width: "100%",
-  variants: [{
-    props: {
-      orientation: "horizontal"
-    },
-    style: {
-      width: "auto",
-      height: "100%"
-    }
-  }]
-}), se = /* @__PURE__ */ R.forwardRef(function(t, o) {
-  const s = Ge({
-    props: t,
-    name: "MuiCollapse"
-  }), {
-    addEndListener: p,
-    children: d,
-    className: m,
-    collapsedSize: l = "0px",
-    component: f,
-    easing: c,
-    in: h,
-    onEnter: b,
-    onEntered: C,
-    onEntering: r,
-    onExit: y,
-    onExited: S,
-    onExiting: O,
-    orientation: j = "vertical",
-    style: W,
-    timeout: w = We.standard,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent: E = Je,
-    ...P
-  } = s, T = {
-    ...s,
-    orientation: j,
-    collapsedSize: l
-  }, D = nt(T), _ = 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 N = B.current;
-      L === void 0 ? I(N) : I(N, L);
-    }
-  }, 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
-    } = he({
-      style: W,
-      timeout: w,
-      easing: c
-    }, {
-      mode: "enter"
-    });
-    if (w === "auto") {
-      const n = _.transitions.getAutoHeightDuration(N);
-      I.style.transitionDuration = `${n}ms`, q.current = n;
-    } else
-      I.style.transitionDuration = typeof Z == "string" ? Z : `${Z}ms`;
-    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), me = A((I) => {
-    const L = G(), {
-      duration: N,
-      easing: Z
-    } = he({
-      style: W,
-      timeout: w,
-      easing: c
-    }, {
-      mode: "exit"
-    });
-    if (w === "auto") {
-      const a = _.transitions.getAutoHeightDuration(L);
-      I.style.transitionDuration = `${a}ms`, q.current = a;
-    } else
-      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,
-    onEnter: J,
-    onEntered: Q,
-    onEntering: ee,
-    onExit: re,
-    onExited: ue,
-    onExiting: me,
-    addEndListener: (I) => {
-      w === "auto" && Y.start(q.current || 0, I), p && p(B.current, I);
-    },
-    nodeRef: B,
-    timeout: w === "auto" ? null : w,
-    ...P,
-    children: (I, {
-      ownerState: L,
-      ...N
-    }) => /* @__PURE__ */ x(rt, {
-      as: f,
-      className: ve(D.root, m, {
-        entered: D.entered,
-        exited: !h && U === "0px" && D.hidden
-      }[I]),
-      style: {
-        [k ? "minWidth" : "minHeight"]: U,
-        ...W
-      },
-      ref: H,
-      ownerState: {
-        ...T,
-        state: I
-      },
-      ...N,
-      children: /* @__PURE__ */ x(it, {
-        ownerState: {
-          ...T,
-          state: I
-        },
-        className: D.wrapper,
-        ref: M,
-        children: /* @__PURE__ */ x(st, {
-          ownerState: {
-            ...T,
-            state: I
-          },
-          className: D.wrapperInner,
-          children: d
-        })
-      })
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (se.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: i.func,
-  /**
-   * The content node to be collapsed.
-   */
-  children: i.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: i.object,
-  /**
-   * @ignore
-   */
-  className: i.string,
-  /**
-   * The width (horizontal) or height (vertical) of the container when collapsed.
-   * @default '0px'
-   */
-  collapsedSize: i.oneOfType([i.number, i.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: Ze,
-  /**
-   * The transition timing function.
-   * You may specify a single easing or a object containing enter and exit values.
-   */
-  easing: i.oneOfType([i.shape({
-    enter: i.string,
-    exit: i.string
-  }), i.string]),
-  /**
-   * If `true`, the component will transition in.
-   */
-  in: i.bool,
-  /**
-   * @ignore
-   */
-  onEnter: i.func,
-  /**
-   * @ignore
-   */
-  onEntered: i.func,
-  /**
-   * @ignore
-   */
-  onEntering: i.func,
-  /**
-   * @ignore
-   */
-  onExit: i.func,
-  /**
-   * @ignore
-   */
-  onExited: i.func,
-  /**
-   * @ignore
-   */
-  onExiting: i.func,
-  /**
-   * The transition orientation.
-   * @default 'vertical'
-   */
-  orientation: i.oneOf(["horizontal", "vertical"]),
-  /**
-   * @ignore
-   */
-  style: i.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.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: i.oneOfType([i.oneOf(["auto"]), i.number, i.shape({
-    appear: i.number,
-    enter: i.number,
-    exit: i.number
-  })])
-});
-se && (se.muiSupportAuto = !0);
-const at = ae(/* @__PURE__ */ x("path", {
-  d: "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"
-}), "KeyboardArrowDown"), lt = ae(/* @__PURE__ */ x("path", {
-  d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z"
-}), "KeyboardArrowRight");
-function dt(e) {
-  return _e;
-}
-let ye = 0;
-const eo = () => (ye += 1, `mui-tree-view-${ye}`), ct = ({
-  id: e,
-  treeId: t = "",
-  itemId: o
-}) => e ?? `${t}-${o}`, Ee = /* @__PURE__ */ R.createContext(null);
-process.env.NODE_ENV !== "production" && (Ee.displayName = "TreeViewContext");
-const ne = () => {
-  const e = R.useContext(Ee);
-  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;
-}, Re = /* @__PURE__ */ R.createContext(() => -1);
-process.env.NODE_ENV !== "production" && (Re.displayName = "TreeViewItemDepthContext");
-const Se = (e, t) => {
-  let o = t.length - 1;
-  for (; o >= 0 && !e.isItemNavigable(t[o]); )
-    o -= 1;
-  if (o !== -1)
-    return t[o];
-}, pt = (e, t) => {
-  const o = e.getItemMeta(t), s = e.getItemOrderedChildrenIds(o.parentId), p = e.getItemIndex(t);
-  if (p === 0)
-    return o.parentId;
-  let d = p - 1;
-  for (; !e.isItemNavigable(s[d]) && d >= 0; )
-    d -= 1;
-  if (d === -1)
-    return o.parentId == null ? null : pt(e, o.parentId);
-  let m = s[d], l = Se(e, e.getItemOrderedChildrenIds(m));
-  for (; e.isItemExpanded(m) && l != null; )
-    m = l, l = e.getItemOrderedChildrenIds(m).find(e.isItemNavigable);
-  return m;
-}, ut = (e, t) => {
-  if (e.isItemExpanded(t)) {
-    const s = e.getItemOrderedChildrenIds(t).find(e.isItemNavigable);
-    if (s != null)
-      return s;
-  }
-  let o = e.getItemMeta(t);
-  for (; o != null; ) {
-    const s = e.getItemOrderedChildrenIds(o.parentId), p = e.getItemIndex(o.id);
-    if (p < s.length - 1) {
-      let d = p + 1;
-      for (; !e.isItemNavigable(s[d]) && d < s.length - 1; )
-        d += 1;
-      if (e.isItemNavigable(s[d]))
-        return s[d];
-    }
-    o = e.getItemMeta(o.parentId);
-  }
-  return null;
-}, to = (e) => {
-  let t = null;
-  for (; t == null || e.isItemExpanded(t); ) {
-    const o = e.getItemOrderedChildrenIds(t), s = Se(e, o);
-    if (s == null)
-      return t;
-    t = s;
-  }
-  return t;
-}, mt = (e) => e.getItemOrderedChildrenIds(null).find(e.isItemNavigable), gt = (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], m = [p.id];
-  let l = s.parentId, f = p.parentId, c = m.indexOf(l) !== -1, h = d.indexOf(f) !== -1, b = !0, C = !0;
-  for (; !h && !c; )
-    b && (d.push(l), c = m.indexOf(l) !== -1, b = l !== null, !c && b && (l = e.getItemMeta(l).parentId)), C && !c && (m.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 = m[m.indexOf(r) - 1];
-  return y.indexOf(S) < y.indexOf(O) ? [t, o] : [o, t];
-}, oo = (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)
-        return h[b + 1];
-      c = e.getItemMeta(c.parentId);
-    }
-    throw new Error("Invalid range");
-  }, [p, d] = gt(e, t, o), m = [p];
-  let l = p;
-  for (; l !== d; )
-    l = s(l), e.isItemDisabled(l) || m.push(l);
-  return m;
-}, no = (e) => {
-  let t = mt(e);
-  const o = [];
-  for (; t != null; )
-    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
-}) => {
-  const {
-    instance: t
-  } = ne(), {
-    label: o,
-    itemId: s
-  } = e, [p, d] = R.useState(o), m = t.isItemBeingEdited(s);
-  return R.useEffect(() => {
-    m || d(o);
-  }, [m, o]), {
-    propsEnhancers: {
-      labelInput: ({
-        externalEventHandlers: l,
-        interactions: f
-      }) => t.isItemEditable(s) ? {
-        value: p ?? "",
-        "data-element": "labelInput",
-        onChange: (r) => {
-          var y;
-          (y = l.onChange) == null || y.call(l, r), d(r.target.value);
-        },
-        onKeyDown: (r) => {
-          var S;
-          if ((S = l.onKeyDown) == null || S.call(l, r), r.defaultMuiPrevented)
-            return;
-          const y = r.target;
-          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 && f.handleSaveItemLabel(r, r.target.value);
-        },
-        autoFocus: !0,
-        type: "text"
-      } : {}
-    }
-  };
-}, X = ({
-  instance: e,
-  state: t,
-  setState: o,
-  params: s
-}) => {
-  const p = R.useRef(t.editedItemId), d = (b) => p.current === b, m = (b) => {
-    o((C) => g({}, C, {
-      editedItemId: b
-    })), p.current = b;
-  }, 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;
-  }, h = (b, C) => {
-    if (!C)
-      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.", b].join(`
-`));
-    o((r) => {
-      const y = r.items.itemMetaMap[b];
-      return y.label !== C ? g({}, r, {
-        items: g({}, r.items, {
-          itemMetaMap: g({}, r.items.itemMetaMap, {
-            [b]: g({}, y, {
-              label: C
-            })
-          })
-        })
-      }) : r;
-    }), s.onItemLabelChange && s.onItemLabelChange(b, C);
-  };
-  return {
-    instance: {
-      setEditedItemId: m,
-      isItemBeingEdited: l,
-      updateItemLabel: h,
-      isItemEditable: c,
-      isTreeViewEditable: f,
-      isItemBeingEditedRef: d
-    },
-    publicAPI: {
-      updateItemLabel: h
-    }
-  };
-};
-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 && ze(["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/"]), g({}, e, {
-    isItemEditable: o ? e.isItemEditable ?? !1 : !1
-  });
-};
-X.getInitialState = () => ({
-  editedItemId: null
-});
-X.params = {
-  onItemLabelChange: !0,
-  isItemEditable: !0
-};
-const bt = V("div", {
-  name: "MuiTreeItem2DragAndDropOverlay",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root,
-  shouldForwardProp: (e) => le(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})` : oe(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 Oe(e) {
-  return e.action == null ? null : /* @__PURE__ */ x(bt, g({}, e));
-}
-process.env.NODE_ENV !== "production" && (Oe.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  action: i.oneOf(["make-child", "move-to-parent", "reorder-above", "reorder-below"]),
-  style: i.object
-});
-const It = V("input", {
-  name: "MuiTreeItem2",
-  slot: "LabelInput",
-  overridesResolver: (e, t) => t.labelInput
-})(({
-  theme: e
-}) => g({}, 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 ht(e) {
-  return we("MuiTreeItem", e);
-}
-const ro = Te("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"), 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) {
-  const {
-    children: t,
-    itemId: o
-  } = e, {
-    wrapItem: s,
-    instance: p
-  } = ne();
-  return s({
-    children: t,
-    itemId: o,
-    instance: p
-  });
-}
-pe.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  children: i.node,
-  itemId: i.string.isRequired
-};
-const De = (e) => Array.isArray(e) ? e.length > 0 && e.some(De) : !!e, Ct = ({
-  itemId: e,
-  children: t
-}) => {
-  const {
-    instance: o,
-    selection: {
-      multiSelect: s
-    },
-    publicAPI: p
-  } = ne(), d = {
-    expandable: De(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 (d.disabled)
-      return;
-    d.focused || o.focusItem(r, e);
-    const y = s && (r.shiftKey || r.ctrlKey || r.metaKey);
-    d.expandable && !(y && o.isItemExpanded(e)) && o.toggleItemExpansion(r, e);
-  }, l = (r) => {
-    if (d.disabled)
-      return;
-    d.focused || o.focusItem(r, e), s && (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
-    });
-  }, f = (r) => {
-    const y = r.nativeEvent.shiftKey;
-    s && y ? o.expandSelectionRange(r, e) : o.selectItem({
-      event: r,
-      itemId: e,
-      keepExistingSelection: s,
-      shouldBeSelected: r.target.checked
-    });
-  }, c = () => {
-    de(o, X) && o.isItemEditable(e) && (o.isItemBeingEdited(e) ? o.setEditedItemId(null) : o.setEditedItemId(e));
-  };
-  return {
-    interactions: {
-      handleExpansion: m,
-      handleSelection: l,
-      handleCheckboxSelection: f,
-      toggleItemEditing: c,
-      handleSaveItemLabel: (r, y) => {
-        de(o, X) && o.isItemBeingEditedRef(e) && (o.updateItemLabel(e, y), c(), o.focusItem(r, e));
-      },
-      handleCancelItemLabelEditing: (r) => {
-        de(o, X) && o.isItemBeingEditedRef(e) && (c(), o.focusItem(r, e));
-      }
-    },
-    status: d,
-    publicAPI: p
-  };
-}, Tt = (e) => {
-  const {
-    runItemPlugins: t,
-    items: {
-      onItemClick: o,
-      disabledItemsFocusable: s,
-      indentationAtItemLevel: p
-    },
-    selection: {
-      disableSelection: d,
-      checkboxSelection: m
-    },
-    expansion: {
-      expansionTrigger: l
-    },
-    treeId: f,
-    instance: c,
-    publicAPI: h
-  } = ne(), b = R.useContext(Re), {
-    id: C,
-    itemId: r,
-    label: y,
-    children: S,
-    rootRef: O
-  } = e, {
-    rootRef: j,
-    contentRef: W,
-    propsEnhancers: w
-  } = t(e), {
-    interactions: E,
-    status: P
-  } = Ct({
-    itemId: r,
-    children: S
-  }), T = R.useRef(null), D = R.useRef(null), _ = ce(O, j, T), Y = ce(W, D), M = R.useRef(null), q = ct({
-    itemId: r,
-    treeId: f,
-    id: C
-  }), U = c.canItemBeTabbed(r) ? 0 : -1, k = {
-    rootRefObject: T,
-    contentRefObject: D,
-    interactions: E
-  }, z = (a) => (n) => {
-    var v;
-    if ((v = a.onFocus) == null || v.call(a, n), n.defaultMuiPrevented)
-      return;
-    const u = !P.disabled || s;
-    !P.focused && u && n.currentTarget === n.target && c.focusItem(n, r);
-  }, B = (a) => (n) => {
-    var v, $, te, ge, 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 = ($ = n.target) == null ? void 0 : $.dataset) == null ? void 0 : te.element) === "labelInput" && xe(n.target, u) || ((fe = (ge = n.relatedTarget) == null ? void 0 : ge.dataset) == null ? void 0 : fe.element) === "labelInput") || c.removeFocusedItem();
-  }, H = (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();
-  }, G = (a) => (n) => {
-    var u, v;
-    (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), m || 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();
-  }, ee = (a) => (n) => {
-    var u;
-    (u = a.onChange) == null || u.call(a, n), !n.defaultMuiPrevented && (d || P.disabled || E.handleCheckboxSelection(n));
-  }, Q = (a) => (n) => {
-    var u;
-    (u = a.onClick) == null || u.call(a, n), !n.defaultMuiPrevented && l === "iconContainer" && E.handleExpansion(n);
-  };
-  return {
-    getRootProps: (a = {}) => {
-      var te;
-      const n = g({}, K(e), K(a));
-      let u;
-      P.selected ? u = !0 : d || P.disabled ? u = void 0 : u = !1;
-      const v = g({}, n, {
-        ref: _,
-        role: "treeitem",
-        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: B(n),
-        onKeyDown: H(n)
-      });
-      p && (v.style = {
-        "--TreeView-itemDepth": typeof b == "function" ? b(r) : b
-      });
-      const $ = ((te = w.root) == null ? void 0 : te.call(w, g({}, k, {
-        externalEventHandlers: n
-      }))) ?? {};
-      return g({}, v, $);
-    },
-    getContentProps: (a = {}) => {
-      var $;
-      const n = K(a), u = g({}, n, a, {
-        ref: Y,
-        onClick: G(n),
-        onMouseDown: J(n),
-        status: P
-      });
-      p && (u.indentationAtItemLevel = !0);
-      const v = (($ = w.content) == null ? void 0 : $.call(w, g({}, k, {
-        externalEventHandlers: n
-      }))) ?? {};
-      return g({}, u, v);
-    },
-    getGroupTransitionProps: (a = {}) => {
-      const n = K(a), u = g({}, n, {
-        unmountOnExit: !0,
-        component: "ul",
-        role: "group",
-        in: P.expanded,
-        children: S
-      }, a);
-      return p && (u.indentationAtItemLevel = !0), u;
-    },
-    getIconContainerProps: (a = {}) => {
-      const n = K(a);
-      return g({}, n, a, {
-        onClick: Q(n)
-      });
-    },
-    getCheckboxProps: (a = {}) => {
-      const n = K(a);
-      return g({}, n, {
-        visible: m,
-        ref: M,
-        checked: P.selected,
-        disabled: d || P.disabled,
-        tabIndex: -1
-      }, a, {
-        onChange: ee(n)
-      });
-    },
-    getLabelProps: (a = {}) => {
-      const n = g({}, K(a)), u = g({}, n, {
-        children: y
-      }, a, {
-        onDoubleClick: A(n)
-      });
-      return c.isTreeViewEditable && (u.editable = P.editable), u;
-    },
-    getLabelInputProps: (a = {}) => {
-      var v;
-      const n = K(a), u = ((v = w.labelInput) == null ? void 0 : v.call(w, {
-        rootRefObject: T,
-        contentRefObject: D,
-        externalEventHandlers: n,
-        interactions: E
-      })) ?? {};
-      return g({}, a, u);
-    },
-    getDragAndDropOverlayProps: (a = {}) => {
-      var v;
-      const n = K(a), u = ((v = w.dragAndDropOverlay) == null ? void 0 : v.call(w, g({}, k, {
-        externalEventHandlers: n
-      }))) ?? {};
-      return g({}, a, u);
-    },
-    rootRef: _,
-    status: P,
-    publicAPI: h
-  };
-}, Me = Tt;
-function ke(e) {
-  const {
-    slots: t,
-    slotProps: o,
-    status: s
-  } = e, p = ne(), d = g({}, p.icons.slots, {
-    expandIcon: p.icons.slots.expandIcon ?? yt,
-    collapseIcon: p.icons.slots.collapseIcon ?? xt
-  }), m = p.icons.slotProps;
-  let l;
-  t != null && t.icon ? l = "icon" : s.expandable ? s.expanded ? l = "collapseIcon" : l = "expandIcon" : l = "endIcon";
-  const f = (t == null ? void 0 : t[l]) ?? d[l], c = F({
-    elementType: f,
-    externalSlotProps: (h) => g({}, be(m[l], h), be(o == null ? void 0 : o[l], h)),
-    // TODO: Add proper ownerState
-    ownerState: {}
-  });
-  return f ? /* @__PURE__ */ x(f, g({}, c)) : null;
-}
-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"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: i.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: i.object,
-  status: i.shape({
-    disabled: i.bool.isRequired,
-    editable: i.bool.isRequired,
-    editing: i.bool.isRequired,
-    expandable: i.bool.isRequired,
-    expanded: i.bool.isRequired,
-    focused: i.bool.isRequired,
-    selected: i.bool.isRequired
-  }).isRequired
-});
-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
-})({
-  listStyle: "none",
-  margin: 0,
-  padding: 0,
-  outline: 0
-}), Ne = V("div", {
-  name: "MuiTreeItem2",
-  slot: "Content",
-  overridesResolver: (e, t) => t.content,
-  shouldForwardProp: (e) => le(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})` : oe(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}))` : oe(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})` : oe(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}))` : oe(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
-    }
-  }]
-})), Et = V("div", {
-  name: "MuiTreeItem2",
-  slot: "Label",
-  overridesResolver: (e, t) => t.label,
-  shouldForwardProp: (e) => le(e) && e !== "editable"
-})(({
-  theme: e
-}) => g({
-  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"
-    }
-  }]
-})), Ae = V("div", {
-  name: "MuiTreeItem2",
-  slot: "IconContainer",
-  overridesResolver: (e, t) => t.iconContainer
-})({
-  width: 16,
-  display: "flex",
-  flexShrink: 0,
-  justifyContent: "center",
-  "& svg": {
-    fontSize: 18
-  }
-}), Ve = V(se, {
-  name: "MuiTreeItem2",
-  slot: "GroupTransition",
-  overridesResolver: (e, t) => t.groupTransition,
-  shouldForwardProp: (e) => le(e) && e !== "indentationAtItemLevel"
-})({
-  margin: 0,
-  padding: 0,
-  paddingLeft: "var(--TreeView-itemChildrenIndentation)",
-  variants: [{
-    props: {
-      indentationAtItemLevel: !0
-    },
-    style: {
-      paddingLeft: 0
-    }
-  }]
-}), Rt = V(/* @__PURE__ */ R.forwardRef((e, t) => {
-  const {
-    visible: o
-  } = e, s = Ce(e, wt);
-  return o ? /* @__PURE__ */ x(He, g({}, s, {
-    ref: t
-  })) : null;
-}), {
-  name: "MuiTreeItem2",
-  slot: "Checkbox",
-  overridesResolver: (e, t) => t.checkbox
-})({
-  padding: 0
-}), St = (e) => {
-  const {
-    classes: t
-  } = e;
-  return Pe({
-    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"]
-  }, ht, t);
-}, Ot = /* @__PURE__ */ R.forwardRef(function(t, o) {
-  const s = Pt({
-    props: t,
-    name: "MuiTreeItem2"
-  }), {
-    id: p,
-    itemId: d,
-    label: m,
-    disabled: l,
-    children: f,
-    slots: c = {},
-    slotProps: h = {}
-  } = s, b = Ce(s, vt), {
-    getRootProps: C,
-    getContentProps: r,
-    getIconContainerProps: y,
-    getCheckboxProps: S,
-    getLabelProps: O,
-    getGroupTransitionProps: j,
-    getLabelInputProps: W,
-    getDragAndDropOverlayProps: w,
-    status: E
-  } = Me({
-    id: p,
-    itemId: d,
-    children: f,
-    label: m,
-    disabled: l
-  }), P = g({}, s, E), T = St(P), D = c.root ?? Le, _ = F({
-    elementType: D,
-    getSlotProps: C,
-    externalForwardedProps: b,
-    externalSlotProps: h.root,
-    additionalProps: {
-      ref: o
-    },
-    ownerState: {},
-    className: T.root
-  }), Y = c.content ?? Ne, M = F({
-    elementType: Y,
-    getSlotProps: r,
-    externalSlotProps: h.content,
-    ownerState: {},
-    className: ve(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 ?? Ae, U = F({
-    elementType: q,
-    getSlotProps: y,
-    externalSlotProps: h.iconContainer,
-    ownerState: {},
-    className: T.iconContainer
-  }), k = c.label ?? Et, z = F({
-    elementType: k,
-    getSlotProps: O,
-    externalSlotProps: h.label,
-    ownerState: {},
-    className: T.label
-  }), B = c.checkbox ?? Rt, H = F({
-    elementType: B,
-    getSlotProps: S,
-    externalSlotProps: h.checkbox,
-    ownerState: {},
-    className: T.checkbox
-  }), A = c.groupTransition ?? void 0, G = F({
-    elementType: A,
-    getSlotProps: j,
-    externalSlotProps: h.groupTransition,
-    ownerState: {},
-    className: T.groupTransition
-  }), J = c.labelInput ?? It, ee = F({
-    elementType: J,
-    getSlotProps: W,
-    externalSlotProps: h.labelInput,
-    ownerState: {},
-    className: T.labelInput
-  }), Q = c.dragAndDropOverlay ?? Oe, re = F({
-    elementType: Q,
-    getSlotProps: w,
-    externalSlotProps: h.dragAndDropOverlay,
-    ownerState: {},
-    className: T.dragAndDropOverlay
-  });
-  return /* @__PURE__ */ x(pe, {
-    itemId: d,
-    children: /* @__PURE__ */ ie(D, g({}, _, {
-      children: [/* @__PURE__ */ ie(Y, g({}, M, {
-        children: [/* @__PURE__ */ x(q, g({}, U, {
-          children: /* @__PURE__ */ x(ke, {
-            status: E,
-            slots: c,
-            slotProps: h
-          })
-        })), /* @__PURE__ */ x(B, g({}, H)), E.editing ? /* @__PURE__ */ x(J, g({}, ee)) : /* @__PURE__ */ x(k, g({}, z)), /* @__PURE__ */ x(Q, g({}, re))]
-      })), f && /* @__PURE__ */ x(Ve, g({
-        as: A
-      }, G))]
-    }))
-  });
-});
-process.env.NODE_ENV !== "production" && (Ot.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: i.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: i.object,
-  className: i.string,
-  /**
-   * If `true`, the item is disabled.
-   * @default false
-   */
-  disabled: i.bool,
-  /**
-   * The id attribute of the item. If not provided, it will be generated.
-   */
-  id: i.string,
-  /**
-   * The id of the item.
-   * Must be unique.
-   */
-  itemId: i.string.isRequired,
-  /**
-   * The label of the item.
-   */
-  label: i.node,
-  /**
-   * Callback fired when the item root is blurred.
-   */
-  onBlur: i.func,
-  /**
-   * This prop isn't supported.
-   * Use the `onItemFocus` callback on the tree if you need to monitor an item's focus.
-   */
-  onFocus: et,
-  /**
-   * Callback fired when a key is pressed on the keyboard and the tree is in focus.
-   */
-  onKeyDown: i.func,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: i.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: i.object
-});
-function io(e) {
-  const {
-    id: t,
-    itemId: o,
-    label: s,
-    disabled: p,
-    children: d,
-    itemData: m,
-    iconColor: l = "primary",
-    hasNoIcons: f,
-    ref: c
-  } = e, h = qe(
-    m == null ? void 0 : m.iconType,
-    m == null ? void 0 : m.customIcon
-  ), {
-    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: "var(--theme-palette-text-primary)"
-  };
-  return /* @__PURE__ */ x(pe, { itemId: o, children: /* @__PURE__ */ ie(
-    Le,
-    {
-      ...b(),
-      "data-treeview-item": o || "",
-      "data-treeview-item-label": s || "",
-      sx: Be,
-      children: [
-        /* @__PURE__ */ ie(Ne, { ...C(), style: Ke, children: [
-          !f && /* @__PURE__ */ x(Ae, { ...S(), sx: Ie, children: /* @__PURE__ */ x(h, { color: l, sx: Ie }) }),
-          /* @__PURE__ */ x(Ue, { ...r(), typographyProps: j }),
-          /* @__PURE__ */ x(tt, { sx: Fe, children: O.expandable && (O.expanded ? /* @__PURE__ */ x(at, { fontSize: "small" }) : /* @__PURE__ */ x(lt, { fontSize: "small" })) })
-        ] }),
-        d && /* @__PURE__ */ x(
-          Ve,
-          {
-            ...y(),
-            style: O.expanded ? je : void 0
-          }
-        )
-      ]
-    }
-  ) });
-}
-export {
-  se as C,
-  Ee as T,
-  eo as a,
-  ct as b,
-  Ht as c,
-  Re as d,
-  to as e,
-  mt as f,
-  ot as g,
-  gt as h,
-  no as i,
-  oo as j,
-  xe as k,
-  ut as l,
-  pt as m,
-  de as n,
-  ne as o,
-  It as p,
-  Oe as q,
-  dt as r,
-  xt as s,
-  yt as t,
-  X as u,
-  pe as v,
-  ht as w,
-  ro as x,
-  io as y
-};