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

package/dist/CustomTreeItem-B9FylIhL.js

@@ -0,0 +1,2045 @@
+import { jsx as O, jsxs as de } from "react/jsx-runtime";
+import { c as Ce } from "./createSvgIcon-B1E6Wo8z.js";
+import At from "./components/EllipsisWithTooltip/EllipsisWithTooltip.es.js";
+import { treeItemRootStyle as Pt, treeContentStyle as zt, iconStyle as Be, arrowContainerStyle as jt, expandedGroupStyle as $t } from "./components/TreeView/style.es.js";
+import { getIconComponent as Kt } from "./components/TreeView/utils.es.js";
+import { _ as E } from "./ButtonBase-6TF6t2SP.js";
+import * as P from "react";
+import Se from "react";
+import { u as Ft } from "./useEventCallback-Y2KwRxBw.js";
+import { u as ke } from "./useForkRef-u29GSuCu.js";
+import { e as B, r as Ge } from "./useSlot-BzdKwDQ5.js";
+import { P as m } from "./index-Sy88PpwE.js";
+import { a as at } from "./TransitionGroupContext-DbLioz_6.js";
+import { F as lt, G as ct, w as Wt, H as W, n as ue } from "./identifier-PWESmBq6.js";
+import { u as Bt } from "./useThemeProps-CQ9rZe7g.js";
+import { u as Gt, s as K, c as ut, f as Me } from "./DefaultPropsProvider-DqazQPtr.js";
+import { u as qt } from "./useTheme-XJ9sFCWX.js";
+import { m as Ut } from "./memoTheme-DAFDflPY.js";
+import { T as Xt, g as qe } from "./utils-BQenyzDz.js";
+import { u as Yt } from "./useTimeout-CrCYVizI.js";
+import { e as Jt } from "./elementTypeAcceptingRef-DOeckaXy.js";
+import { u as G } from "./useSlotProps-DdMuGelR.js";
+import { C as Qt } from "./Checkbox-BfBDowB2.js";
+import { C as Zt } from "./CircularProgress-DZuYTFz-.js";
+import { u as Ht } from "./unsupportedProp-BuVD30Gh.js";
+import { B as en } from "./Box-BI4osO9v.js";
+function tn(e) {
+  return ct("MuiCollapse", e);
+}
+const Uo = lt("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]), nn = (e) => {
+  const {
+    orientation: t,
+    classes: n
+  } = e, o = {
+    root: ["root", `${t}`],
+    entered: ["entered"],
+    hidden: ["hidden"],
+    wrapper: ["wrapper", `${t}`],
+    wrapperInner: ["wrapperInner", `${t}`]
+  };
+  return ut(o, tn, n);
+}, on = K("div", {
+  name: "MuiCollapse",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: n
+    } = e;
+    return [t.root, t[n.orientation], n.state === "entered" && t.entered, n.state === "exited" && !n.in && n.collapsedSize === "0px" && t.hidden];
+  }
+})(Ut(({
+  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"
+    }
+  }]
+}))), rn = K("div", {
+  name: "MuiCollapse",
+  slot: "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%"
+    }
+  }]
+}), sn = K("div", {
+  name: "MuiCollapse",
+  slot: "WrapperInner"
+})({
+  width: "100%",
+  variants: [{
+    props: {
+      orientation: "horizontal"
+    },
+    style: {
+      width: "auto",
+      height: "100%"
+    }
+  }]
+}), ve = /* @__PURE__ */ P.forwardRef(function(t, n) {
+  const o = Gt({
+    props: t,
+    name: "MuiCollapse"
+  }), {
+    addEndListener: r,
+    children: s,
+    className: u,
+    collapsedSize: i = "0px",
+    component: l,
+    easing: a,
+    in: d,
+    onEnter: h,
+    onEntered: I,
+    onEntering: p,
+    onExit: c,
+    onExited: b,
+    onExiting: y,
+    orientation: x = "vertical",
+    style: L,
+    timeout: R = Wt.standard,
+    // eslint-disable-next-line react/prop-types
+    TransitionComponent: V = Xt,
+    ...A
+  } = o, w = {
+    ...o,
+    orientation: x,
+    collapsedSize: i
+  }, _ = nn(w), D = qt(), v = Yt(), N = P.useRef(null), F = P.useRef(), J = typeof i == "number" ? `${i}px` : i, Q = x === "horizontal", X = Q ? "width" : "height", Z = P.useRef(null), ie = ke(n, Z), Y = (T) => ($) => {
+    if (T) {
+      const j = Z.current;
+      $ === void 0 ? T(j) : T(j, $);
+    }
+  }, H = () => N.current ? N.current[Q ? "clientWidth" : "clientHeight"] : 0, fe = Y((T, $) => {
+    N.current && Q && (N.current.style.position = "absolute"), T.style[X] = J, h && h(T, $);
+  }), ae = Y((T, $) => {
+    const j = H();
+    N.current && Q && (N.current.style.position = "");
+    const {
+      duration: ee,
+      easing: g
+    } = qe({
+      style: L,
+      timeout: R,
+      easing: a
+    }, {
+      mode: "enter"
+    });
+    if (R === "auto") {
+      const f = D.transitions.getAutoHeightDuration(j);
+      T.style.transitionDuration = `${f}ms`, F.current = f;
+    } else
+      T.style.transitionDuration = typeof ee == "string" ? ee : `${ee}ms`;
+    T.style[X] = `${j}px`, T.style.transitionTimingFunction = g, p && p(T, $);
+  }), me = Y((T, $) => {
+    T.style[X] = "auto", I && I(T, $);
+  }), le = Y((T) => {
+    T.style[X] = `${H()}px`, c && c(T);
+  }), ge = Y(b), ce = Y((T) => {
+    const $ = H(), {
+      duration: j,
+      easing: ee
+    } = qe({
+      style: L,
+      timeout: R,
+      easing: a
+    }, {
+      mode: "exit"
+    });
+    if (R === "auto") {
+      const g = D.transitions.getAutoHeightDuration($);
+      T.style.transitionDuration = `${g}ms`, F.current = g;
+    } else
+      T.style.transitionDuration = typeof j == "string" ? j : `${j}ms`;
+    T.style[X] = J, T.style.transitionTimingFunction = ee, y && y(T);
+  });
+  return /* @__PURE__ */ O(V, {
+    in: d,
+    onEnter: fe,
+    onEntered: me,
+    onEntering: ae,
+    onExit: le,
+    onExited: ge,
+    onExiting: ce,
+    addEndListener: (T) => {
+      R === "auto" && v.start(F.current || 0, T), r && r(Z.current, T);
+    },
+    nodeRef: Z,
+    timeout: R === "auto" ? null : R,
+    ...A,
+    children: (T, {
+      ownerState: $,
+      ...j
+    }) => /* @__PURE__ */ O(on, {
+      as: l,
+      className: W(_.root, u, {
+        entered: _.entered,
+        exited: !d && J === "0px" && _.hidden
+      }[T]),
+      style: {
+        [Q ? "minWidth" : "minHeight"]: J,
+        ...L
+      },
+      ref: ie,
+      ownerState: {
+        ...w,
+        state: T
+      },
+      ...j,
+      children: /* @__PURE__ */ O(rn, {
+        ownerState: {
+          ...w,
+          state: T
+        },
+        className: _.wrapper,
+        ref: N,
+        children: /* @__PURE__ */ O(sn, {
+          ownerState: {
+            ...w,
+            state: T
+          },
+          className: _.wrapperInner,
+          children: s
+        })
+      })
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (ve.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: m.func,
+  /**
+   * The content node to be collapsed.
+   */
+  children: m.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: m.object,
+  /**
+   * @ignore
+   */
+  className: m.string,
+  /**
+   * The width (horizontal) or height (vertical) of the container when collapsed.
+   * @default '0px'
+   */
+  collapsedSize: m.oneOfType([m.number, m.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: Jt,
+  /**
+   * The transition timing function.
+   * You may specify a single easing or a object containing enter and exit values.
+   */
+  easing: m.oneOfType([m.shape({
+    enter: m.string,
+    exit: m.string
+  }), m.string]),
+  /**
+   * If `true`, the component will transition in.
+   */
+  in: m.bool,
+  /**
+   * @ignore
+   */
+  onEnter: m.func,
+  /**
+   * @ignore
+   */
+  onEntered: m.func,
+  /**
+   * @ignore
+   */
+  onEntering: m.func,
+  /**
+   * @ignore
+   */
+  onExit: m.func,
+  /**
+   * @ignore
+   */
+  onExited: m.func,
+  /**
+   * @ignore
+   */
+  onExiting: m.func,
+  /**
+   * The transition orientation.
+   * @default 'vertical'
+   */
+  orientation: m.oneOf(["horizontal", "vertical"]),
+  /**
+   * @ignore
+   */
+  style: m.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: m.oneOfType([m.arrayOf(m.oneOfType([m.func, m.object, m.bool])), m.func, m.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: m.oneOfType([m.oneOf(["auto"]), m.number, m.shape({
+    appear: m.number,
+    enter: m.number,
+    exit: m.number
+  })])
+});
+ve && (ve.muiSupportAuto = !0);
+const an = Ce(/* @__PURE__ */ O("path", {
+  d: "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"
+}), "KeyboardArrowDown"), ln = Ce(/* @__PURE__ */ O("path", {
+  d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z"
+}), "KeyboardArrowRight");
+function cn(e) {
+  return Bt;
+}
+var be = { exports: {} }, Oe = {}, ye = { exports: {} }, _e = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ue;
+function un() {
+  if (Ue) return _e;
+  Ue = 1;
+  var e = Se;
+  function t(h, I) {
+    return h === I && (h !== 0 || 1 / h === 1 / I) || h !== h && I !== I;
+  }
+  var n = typeof Object.is == "function" ? Object.is : t, o = e.useState, r = e.useEffect, s = e.useLayoutEffect, u = e.useDebugValue;
+  function i(h, I) {
+    var p = I(), c = o({ inst: { value: p, getSnapshot: I } }), b = c[0].inst, y = c[1];
+    return s(
+      function() {
+        b.value = p, b.getSnapshot = I, l(b) && y({ inst: b });
+      },
+      [h, p, I]
+    ), r(
+      function() {
+        return l(b) && y({ inst: b }), h(function() {
+          l(b) && y({ inst: b });
+        });
+      },
+      [h]
+    ), u(p), p;
+  }
+  function l(h) {
+    var I = h.getSnapshot;
+    h = h.value;
+    try {
+      var p = I();
+      return !n(h, p);
+    } catch {
+      return !0;
+    }
+  }
+  function a(h, I) {
+    return I();
+  }
+  var d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? a : i;
+  return _e.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : d, _e;
+}
+var Re = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Xe;
+function dn() {
+  return Xe || (Xe = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(p, c) {
+      return p === c && (p !== 0 || 1 / p === 1 / c) || p !== p && c !== c;
+    }
+    function t(p, c) {
+      d || r.startTransition === void 0 || (d = !0, console.error(
+        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
+      ));
+      var b = c();
+      if (!h) {
+        var y = c();
+        s(b, y) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), h = !0);
+      }
+      y = u({
+        inst: { value: b, getSnapshot: c }
+      });
+      var x = y[0].inst, L = y[1];
+      return l(
+        function() {
+          x.value = b, x.getSnapshot = c, n(x) && L({ inst: x });
+        },
+        [p, b, c]
+      ), i(
+        function() {
+          return n(x) && L({ inst: x }), p(function() {
+            n(x) && L({ inst: x });
+          });
+        },
+        [p]
+      ), a(b), b;
+    }
+    function n(p) {
+      var c = p.getSnapshot;
+      p = p.value;
+      try {
+        var b = c();
+        return !s(p, b);
+      } catch {
+        return !0;
+      }
+    }
+    function o(p, c) {
+      return c();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var r = Se, s = typeof Object.is == "function" ? Object.is : e, u = r.useState, i = r.useEffect, l = r.useLayoutEffect, a = r.useDebugValue, d = !1, h = !1, I = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? o : t;
+    Re.useSyncExternalStore = r.useSyncExternalStore !== void 0 ? r.useSyncExternalStore : I, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }()), Re;
+}
+var Ye;
+function dt() {
+  return Ye || (Ye = 1, process.env.NODE_ENV === "production" ? ye.exports = un() : ye.exports = dn()), ye.exports;
+}
+/**
+ * @license React
+ * use-sync-external-store-shim/with-selector.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Je;
+function pn() {
+  if (Je) return Oe;
+  Je = 1;
+  var e = Se, t = dt();
+  function n(a, d) {
+    return a === d && (a !== 0 || 1 / a === 1 / d) || a !== a && d !== d;
+  }
+  var o = typeof Object.is == "function" ? Object.is : n, r = t.useSyncExternalStore, s = e.useRef, u = e.useEffect, i = e.useMemo, l = e.useDebugValue;
+  return Oe.useSyncExternalStoreWithSelector = function(a, d, h, I, p) {
+    var c = s(null);
+    if (c.current === null) {
+      var b = { hasValue: !1, value: null };
+      c.current = b;
+    } else b = c.current;
+    c = i(
+      function() {
+        function x(w) {
+          if (!L) {
+            if (L = !0, R = w, w = I(w), p !== void 0 && b.hasValue) {
+              var _ = b.value;
+              if (p(_, w))
+                return V = _;
+            }
+            return V = w;
+          }
+          if (_ = V, o(R, w)) return _;
+          var D = I(w);
+          return p !== void 0 && p(_, D) ? (R = w, _) : (R = w, V = D);
+        }
+        var L = !1, R, V, A = h === void 0 ? null : h;
+        return [
+          function() {
+            return x(d());
+          },
+          A === null ? void 0 : function() {
+            return x(A());
+          }
+        ];
+      },
+      [d, h, I, p]
+    );
+    var y = r(a, c[0], c[1]);
+    return u(
+      function() {
+        b.hasValue = !0, b.value = y;
+      },
+      [y]
+    ), l(y), y;
+  }, Oe;
+}
+var De = {};
+/**
+ * @license React
+ * use-sync-external-store-shim/with-selector.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Qe;
+function fn() {
+  return Qe || (Qe = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(a, d) {
+      return a === d && (a !== 0 || 1 / a === 1 / d) || a !== a && d !== d;
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var t = Se, n = dt(), o = typeof Object.is == "function" ? Object.is : e, r = n.useSyncExternalStore, s = t.useRef, u = t.useEffect, i = t.useMemo, l = t.useDebugValue;
+    De.useSyncExternalStoreWithSelector = function(a, d, h, I, p) {
+      var c = s(null);
+      if (c.current === null) {
+        var b = { hasValue: !1, value: null };
+        c.current = b;
+      } else b = c.current;
+      c = i(
+        function() {
+          function x(w) {
+            if (!L) {
+              if (L = !0, R = w, w = I(w), p !== void 0 && b.hasValue) {
+                var _ = b.value;
+                if (p(_, w))
+                  return V = _;
+              }
+              return V = w;
+            }
+            if (_ = V, o(R, w))
+              return _;
+            var D = I(w);
+            return p !== void 0 && p(_, D) ? (R = w, _) : (R = w, V = D);
+          }
+          var L = !1, R, V, A = h === void 0 ? null : h;
+          return [
+            function() {
+              return x(d());
+            },
+            A === null ? void 0 : function() {
+              return x(A());
+            }
+          ];
+        },
+        [d, h, I, p]
+      );
+      var y = r(a, c[0], c[1]);
+      return u(
+        function() {
+          b.hasValue = !0, b.value = y;
+        },
+        [y]
+      ), l(y), y;
+    }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }()), De;
+}
+var Ze;
+function mn() {
+  return Ze || (Ze = 1, process.env.NODE_ENV === "production" ? be.exports = pn() : be.exports = fn()), be.exports;
+}
+var gn = mn();
+const bn = Object.is, M = (e, t, n = void 0, o = bn) => {
+  const r = (s) => t(s, n);
+  return gn.useSyncExternalStoreWithSelector(e.subscribe, e.getSnapshot, e.getSnapshot, r, o);
+};
+var yn = (e, t, n) => {
+  if (t.length === 1 && t[0] === n) {
+    let o = !1;
+    try {
+      const r = {};
+      e(r) === r && (o = !0);
+    } catch {
+    }
+    if (o) {
+      let r;
+      try {
+        throw new Error();
+      } catch (s) {
+        ({ stack: r } = s);
+      }
+      console.warn(
+        `The result function returned its own inputs without modification. e.g
+\`createSelector([state => state.todos], todos => todos)\`
+This could lead to inefficient memoization and unnecessary re-renders.
+Ensure transformation logic is in the result function, and extraction logic is in the input selectors.`,
+        { stack: r }
+      );
+    }
+  }
+}, hn = (e, t, n) => {
+  const { memoize: o, memoizeOptions: r } = t, { inputSelectorResults: s, inputSelectorResultsCopy: u } = e, i = o(() => ({}), ...r);
+  if (!(i.apply(null, s) === i.apply(null, u))) {
+    let a;
+    try {
+      throw new Error();
+    } catch (d) {
+      ({ stack: a } = d);
+    }
+    console.warn(
+      `An input selector returned a different result when passed same arguments.
+This means your output selector will likely run more frequently than intended.
+Avoid returning a new reference inside your input selector, e.g.
+\`createSelector([state => state.todos.map(todo => todo.id)], todoIds => todoIds.length)\``,
+      {
+        arguments: n,
+        firstInputs: s,
+        secondInputs: u,
+        stack: a
+      }
+    );
+  }
+}, In = {
+  inputStabilityCheck: "once",
+  identityFunctionCheck: "once"
+}, Ee = /* @__PURE__ */ Symbol("NOT_FOUND");
+function vn(e, t = `expected a function, instead received ${typeof e}`) {
+  if (typeof e != "function")
+    throw new TypeError(t);
+}
+function En(e, t = `expected an object, instead received ${typeof e}`) {
+  if (typeof e != "object")
+    throw new TypeError(t);
+}
+function Cn(e, t = "expected all items to be functions, instead received the following types: ") {
+  if (!e.every((n) => typeof n == "function")) {
+    const n = e.map(
+      (o) => typeof o == "function" ? `function ${o.name || "unnamed"}()` : typeof o
+    ).join(", ");
+    throw new TypeError(`${t}[${n}]`);
+  }
+}
+var He = (e) => Array.isArray(e) ? e : [e];
+function Sn(e) {
+  const t = Array.isArray(e[0]) ? e[0] : e;
+  return Cn(
+    t,
+    "createSelector expects all input-selectors to be functions, but received the following types: "
+  ), t;
+}
+function et(e, t) {
+  const n = [], { length: o } = e;
+  for (let r = 0; r < o; r++)
+    n.push(e[r].apply(null, t));
+  return n;
+}
+var Tn = (e, t) => {
+  const { identityFunctionCheck: n, inputStabilityCheck: o } = {
+    ...In,
+    ...t
+  };
+  return {
+    identityFunctionCheck: {
+      shouldRun: n === "always" || n === "once" && e,
+      run: yn
+    },
+    inputStabilityCheck: {
+      shouldRun: o === "always" || o === "once" && e,
+      run: hn
+    }
+  };
+};
+function xn(e) {
+  let t;
+  return {
+    get(n) {
+      return t && e(t.key, n) ? t.value : Ee;
+    },
+    put(n, o) {
+      t = { key: n, value: o };
+    },
+    getEntries() {
+      return t ? [t] : [];
+    },
+    clear() {
+      t = void 0;
+    }
+  };
+}
+function wn(e, t) {
+  let n = [];
+  function o(i) {
+    const l = n.findIndex((a) => t(i, a.key));
+    if (l > -1) {
+      const a = n[l];
+      return l > 0 && (n.splice(l, 1), n.unshift(a)), a.value;
+    }
+    return Ee;
+  }
+  function r(i, l) {
+    o(i) === Ee && (n.unshift({ key: i, value: l }), n.length > e && n.pop());
+  }
+  function s() {
+    return n;
+  }
+  function u() {
+    n = [];
+  }
+  return { get: o, put: r, getEntries: s, clear: u };
+}
+var On = (e, t) => e === t;
+function _n(e) {
+  return function(n, o) {
+    if (n === null || o === null || n.length !== o.length)
+      return !1;
+    const { length: r } = n;
+    for (let s = 0; s < r; s++)
+      if (!e(n[s], o[s]))
+        return !1;
+    return !0;
+  };
+}
+function Rn(e, t) {
+  const n = typeof t == "object" ? t : { equalityCheck: t }, {
+    equalityCheck: o = On,
+    maxSize: r = 1,
+    resultEqualityCheck: s
+  } = n, u = _n(o);
+  let i = 0;
+  const l = r <= 1 ? xn(u) : wn(r, u);
+  function a() {
+    let d = l.get(arguments);
+    if (d === Ee) {
+      if (d = e.apply(null, arguments), i++, s) {
+        const I = l.getEntries().find(
+          (p) => s(p.value, d)
+        );
+        I && (d = I.value, i !== 0 && i--);
+      }
+      l.put(arguments, d);
+    }
+    return d;
+  }
+  return a.clearCache = () => {
+    l.clear(), a.resetResultsCount();
+  }, a.resultsCount = () => i, a.resetResultsCount = () => {
+    i = 0;
+  }, a;
+}
+var Dn = class {
+  constructor(e) {
+    this.value = e;
+  }
+  deref() {
+    return this.value;
+  }
+}, Ln = typeof WeakRef < "u" ? WeakRef : Dn, kn = 0, tt = 1;
+function he() {
+  return {
+    s: kn,
+    v: void 0,
+    o: null,
+    p: null
+  };
+}
+function pt(e, t = {}) {
+  let n = he();
+  const { resultEqualityCheck: o } = t;
+  let r, s = 0;
+  function u() {
+    var h;
+    let i = n;
+    const { length: l } = arguments;
+    for (let I = 0, p = l; I < p; I++) {
+      const c = arguments[I];
+      if (typeof c == "function" || typeof c == "object" && c !== null) {
+        let b = i.o;
+        b === null && (i.o = b = /* @__PURE__ */ new WeakMap());
+        const y = b.get(c);
+        y === void 0 ? (i = he(), b.set(c, i)) : i = y;
+      } else {
+        let b = i.p;
+        b === null && (i.p = b = /* @__PURE__ */ new Map());
+        const y = b.get(c);
+        y === void 0 ? (i = he(), b.set(c, i)) : i = y;
+      }
+    }
+    const a = i;
+    let d;
+    if (i.s === tt)
+      d = i.v;
+    else if (d = e.apply(null, arguments), s++, o) {
+      const I = ((h = r == null ? void 0 : r.deref) == null ? void 0 : h.call(r)) ?? r;
+      I != null && o(I, d) && (d = I, s !== 0 && s--), r = typeof d == "object" && d !== null || typeof d == "function" ? new Ln(d) : d;
+    }
+    return a.s = tt, a.v = d, d;
+  }
+  return u.clearCache = () => {
+    n = he(), u.resetResultsCount();
+  }, u.resultsCount = () => s, u.resetResultsCount = () => {
+    s = 0;
+  }, u;
+}
+function ft(e, ...t) {
+  const n = typeof e == "function" ? {
+    memoize: e,
+    memoizeOptions: t
+  } : e, o = (...r) => {
+    let s = 0, u = 0, i, l = {}, a = r.pop();
+    typeof a == "object" && (l = a, a = r.pop()), vn(
+      a,
+      `createSelector expects an output function after the inputs, but received: [${typeof a}]`
+    );
+    const d = {
+      ...n,
+      ...l
+    }, {
+      memoize: h,
+      memoizeOptions: I = [],
+      argsMemoize: p = pt,
+      argsMemoizeOptions: c = [],
+      devModeChecks: b = {}
+    } = d, y = He(I), x = He(c), L = Sn(r), R = h(function() {
+      return s++, a.apply(
+        null,
+        arguments
+      );
+    }, ...y);
+    let V = !0;
+    const A = p(function() {
+      u++;
+      const _ = et(
+        L,
+        arguments
+      );
+      if (i = R.apply(null, _), process.env.NODE_ENV !== "production") {
+        const { identityFunctionCheck: D, inputStabilityCheck: v } = Tn(V, b);
+        if (D.shouldRun && D.run(
+          a,
+          _,
+          i
+        ), v.shouldRun) {
+          const N = et(
+            L,
+            arguments
+          );
+          v.run(
+            { inputSelectorResults: _, inputSelectorResultsCopy: N },
+            { memoize: h, memoizeOptions: y },
+            arguments
+          );
+        }
+        V && (V = !1);
+      }
+      return i;
+    }, ...x);
+    return Object.assign(A, {
+      resultFunc: a,
+      memoizedResultFunc: R,
+      dependencies: L,
+      dependencyRecomputations: () => u,
+      resetDependencyRecomputations: () => {
+        u = 0;
+      },
+      lastResult: () => i,
+      recomputations: () => s,
+      resetRecomputations: () => {
+        s = 0;
+      },
+      memoize: h,
+      argsMemoize: p
+    });
+  };
+  return Object.assign(o, {
+    withTypes: () => o
+  }), o;
+}
+var Vn = /* @__PURE__ */ ft(pt), Nn = Object.assign(
+  (e, t = Vn) => {
+    En(
+      e,
+      `createStructuredSelector expects first argument to be an object where each property is a selector, instead received a ${typeof e}`
+    );
+    const n = Object.keys(e), o = n.map(
+      (s) => e[s]
+    );
+    return t(
+      o,
+      (...s) => s.reduce((u, i, l) => (u[n[l]] = i, u), {})
+    );
+  },
+  { withTypes: () => Nn }
+);
+const Mn = ft({
+  memoize: Rn,
+  memoizeOptions: {
+    maxSize: 1,
+    equalityCheck: Object.is
+  }
+}), nt = /* @__PURE__ */ new WeakMap(), C = (...e) => (n, o) => {
+  const r = n.cacheKey;
+  let s = nt.get(r);
+  s || (s = /* @__PURE__ */ new Map(), nt.set(r, s));
+  const u = s.get(e);
+  if (u)
+    return u(n, o);
+  const i = Mn(...e);
+  return s.set(e, i), i(n, o);
+}, An = (e) => e.id, mt = C(An, (e) => e.treeId);
+let ot = 0;
+const Xo = () => (ot += 1, `mui-tree-view-${ot}`), gt = ({
+  id: e,
+  treeId: t = "",
+  itemId: n
+}) => e ?? `${t}-${n}`, bt = /* @__PURE__ */ P.createContext(null);
+process.env.NODE_ENV !== "production" && (bt.displayName = "TreeViewContext");
+const Te = () => {
+  const e = P.useContext(bt);
+  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;
+}, yt = /* @__PURE__ */ P.createContext({
+  classes: {},
+  slots: {},
+  slotProps: {}
+});
+process.env.NODE_ENV !== "production" && (yt.displayName = "TreeViewStyleContext");
+const ht = () => P.useContext(yt), Ae = "__TREE_VIEW_ROOT_PARENT_ID__", Yo = (e) => {
+  const t = {};
+  return e.forEach((n, o) => {
+    t[n] = o;
+  }), t;
+}, Ve = (e, t) => {
+  if (t == null)
+    return !1;
+  let n = e[t];
+  if (!n)
+    return !1;
+  if (n.disabled)
+    return !0;
+  for (; n.parentId != null; ) {
+    if (n = e[n.parentId], !n)
+      return !1;
+    if (n.disabled)
+      return !0;
+  }
+  return !1;
+}, It = /* @__PURE__ */ P.createContext(() => -1);
+process.env.NODE_ENV !== "production" && (It.displayName = "TreeViewItemDepthContext");
+const re = (e) => e.items, Jo = C(re, (e) => e.loading), Qo = C(re, (e) => e.error), Pe = C(re, (e) => e.itemMetaLookup), Pn = [], q = C([re, (e, t) => t], (e, t) => e.itemOrderedChildrenIdsLookup[t ?? Ae] ?? Pn), zn = C([re, (e, t) => t], (e, t) => e.itemModelLookup[t]), U = C([Pe, (e, t) => t], (e, t) => e[t ?? Ae] ?? null), xe = C([Pe, (e, t) => t], Ve), ze = C([re, U], (e, t) => t == null ? -1 : e.itemChildrenIndexesLookup[t.parentId ?? Ae][t.id]), rt = C([U], (e) => (e == null ? void 0 : e.parentId) ?? null), Zo = C([U], (e) => (e == null ? void 0 : e.depth) ?? 0), vt = C([re], (e) => e.disabledItemsFocusable), ne = C([vt, xe], (e, t) => e ? !0 : !t), Et = (e) => e.expansion, jn = C([Et], (e) => e.expandedItems), Ct = C([jn], (e) => {
+  const t = /* @__PURE__ */ new Map();
+  return e.forEach((n) => {
+    t.set(n, !0);
+  }), t;
+}), se = C([Ct, (e, t) => t], (e, t) => e.has(t)), St = C([U], (e) => (e == null ? void 0 : e.expandable) ?? !1), it = C([Et], (e) => e.expansionTrigger), Ne = (e, t) => {
+  let n = t.length - 1;
+  for (; n >= 0 && !ne(e, t[n]); )
+    n -= 1;
+  if (n !== -1)
+    return t[n];
+}, $n = (e, t) => {
+  const n = U(e, t);
+  if (!n)
+    return null;
+  const o = q(e, n.parentId), r = ze(e, t);
+  if (r === 0)
+    return n.parentId;
+  let s = r - 1;
+  for (; !ne(e, o[s]) && s >= 0; )
+    s -= 1;
+  if (s === -1)
+    return n.parentId == null ? null : $n(e, n.parentId);
+  let u = o[s], i = Ne(e, q(e, u));
+  for (; se(e, u) && i != null; )
+    u = i, i = Ne(e, q(e, u));
+  return u;
+}, Kn = (e, t) => {
+  if (se(e, t)) {
+    const o = q(e, t).find((r) => ne(e, r));
+    if (o != null)
+      return o;
+  }
+  let n = U(e, t);
+  for (; n != null; ) {
+    const o = q(e, n.parentId), r = ze(e, n.id);
+    if (r < o.length - 1) {
+      let s = r + 1;
+      for (; !ne(e, o[s]) && s < o.length - 1; )
+        s += 1;
+      if (ne(e, o[s]))
+        return o[s];
+    }
+    n = U(e, n.parentId);
+  }
+  return null;
+}, Ho = (e) => {
+  let t = null;
+  for (; t == null || se(e, t); ) {
+    const n = q(e, t), o = Ne(e, n);
+    if (o == null)
+      return t;
+    t = o;
+  }
+  return t;
+}, Fn = (e) => q(e, null).find((t) => ne(e, t)), Wn = (e, t, n) => {
+  if (t === n)
+    return [t, n];
+  const o = U(e, t), r = U(e, n);
+  if (!o || !r)
+    return [t, n];
+  if (o.parentId === r.id || r.parentId === o.id)
+    return r.parentId === o.id ? [o.id, r.id] : [r.id, o.id];
+  const s = [o.id], u = [r.id];
+  let i = o.parentId, l = r.parentId, a = u.indexOf(i) !== -1, d = s.indexOf(l) !== -1, h = !0, I = !0;
+  for (; !d && !a; )
+    h && (s.push(i), a = u.indexOf(i) !== -1, h = i !== null, !a && h && (i = rt(e, i))), I && !a && (u.push(l), d = s.indexOf(l) !== -1, I = l !== null, !d && I && (l = rt(e, l)));
+  const p = a ? i : l, c = q(e, p), b = s[s.indexOf(p) - 1], y = u[u.indexOf(p) - 1];
+  return c.indexOf(b) < c.indexOf(y) ? [t, n] : [n, t];
+}, er = (e, t, n) => {
+  const o = (l) => {
+    if (St(e, l) && se(e, l))
+      return q(e, l)[0];
+    let a = U(e, l);
+    for (; a != null; ) {
+      const d = q(e, a.parentId), h = ze(e, a.id);
+      if (h < d.length - 1)
+        return d[h + 1];
+      a = a.parentId ? U(e, a.parentId) : null;
+    }
+    throw new Error("Invalid range");
+  }, [r, s] = Wn(e, t, n), u = [r];
+  let i = r;
+  for (; i !== s; )
+    i = o(i), xe(e, i) || u.push(i);
+  return u;
+}, tr = (e) => {
+  let t = Fn(e);
+  const n = [];
+  for (; t != null; )
+    n.push(t), t = Kn(e, t);
+  return n;
+}, st = (e, t) => t !== e.closest('*[role="treeitem"]'), pe = (e) => e.selection, Bn = C([pe], (e) => e.selectedItems), Tt = C([Bn], (e) => Array.isArray(e) ? e : e != null ? [e] : []), Gn = C([Tt], (e) => {
+  const t = /* @__PURE__ */ new Map();
+  return e.forEach((n) => {
+    t.set(n, !0);
+  }), t;
+}), qn = C([Gn, (e, t) => t], (e, t) => e.has(t)), Un = C([pe], (e) => e.isEnabled && e.isMultiSelectEnabled), Xn = C([pe], (e) => e.isEnabled), Yn = C([pe], (e) => e.isCheckboxSelectionEnabled), Jn = C([xe, Xn], (e, t) => t && !e), nr = C([pe], (e) => e.selectionPropagation), Qn = (e) => e.focus, Zn = C([Tt, Ct, Pe, vt, (e) => q(e, null)], (e, t, n, o, r) => {
+  const s = e.find((i) => {
+    if (!o && Ve(n, i))
+      return !1;
+    const l = n[i];
+    return l && (l.parentId == null || t.has(l.parentId));
+  });
+  if (s != null)
+    return s;
+  const u = r.find((i) => o || !Ve(n, i));
+  return u ?? null;
+}), Hn = C([Zn, (e, t) => t], (e, t) => e === t), eo = C(Qn, (e) => e.focusedItemId), to = C([eo, (e, t) => t], (e, t) => e === t), Le = (e, t) => e.getAvailablePlugins().has(t), je = (e) => e.label, $e = C([je, (e, t) => zn(e, t)], (e, t) => !t || !e ? !1 : typeof e.isItemEditable == "boolean" ? e.isItemEditable : e.isItemEditable(t)), Ie = C([je, (e, t) => t], (e, t) => t ? (e == null ? void 0 : e.editedItemId) === t : !1);
+C(je, (e) => !!(e != null && e.editedItemId));
+const no = ({
+  props: e
+}) => {
+  const {
+    store: t
+  } = Te(), {
+    label: n,
+    itemId: o
+  } = e, [r, s] = P.useState(n), u = M(t, $e, o), i = M(t, Ie, o);
+  return P.useEffect(() => {
+    i || s(n);
+  }, [i, n]), {
+    propsEnhancers: {
+      label: () => ({
+        editable: u
+      }),
+      labelInput: ({
+        externalEventHandlers: l,
+        interactions: a
+      }) => u ? {
+        value: r ?? "",
+        "data-element": "labelInput",
+        onChange: (p) => {
+          var c;
+          (c = l.onChange) == null || c.call(l, p), s(p.target.value);
+        },
+        onKeyDown: (p) => {
+          var b;
+          if ((b = l.onKeyDown) == null || b.call(l, p), p.defaultMuiPrevented)
+            return;
+          const c = p.target;
+          p.key === "Enter" && c.value ? a.handleSaveItemLabel(p, c.value) : p.key === "Escape" && a.handleCancelItemLabelEditing(p);
+        },
+        onBlur: (p) => {
+          var c;
+          (c = l.onBlur) == null || c.call(l, p), !p.defaultMuiPrevented && p.target.value && a.handleSaveItemLabel(p, p.target.value);
+        },
+        autoFocus: !0,
+        type: "text"
+      } : {}
+    }
+  };
+}, oe = ({
+  store: e,
+  params: t
+}) => {
+  const n = (r) => {
+    r !== null && !$e(e.value, r) || e.update((s) => E({}, s, {
+      label: E({}, s.label, {
+        editedItemId: r
+      })
+    }));
+  }, o = (r, s) => {
+    if (!s)
+      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.", r].join(`
+`));
+    e.update((u) => {
+      const i = u.items.itemMetaLookup[r];
+      return i.label !== s ? E({}, u, {
+        items: E({}, u.items, {
+          itemMetaLookup: E({}, u.items.itemMetaLookup, {
+            [r]: E({}, i, {
+              label: s
+            })
+          })
+        })
+      }) : u;
+    }), t.onItemLabelChange && t.onItemLabelChange(r, s);
+  };
+  return Ft(() => {
+    e.update((r) => E({}, r, {
+      label: E({}, r.label, {
+        isItemEditable: t.isItemEditable
+      })
+    }));
+  }, [e, t.isItemEditable]), {
+    instance: {
+      setEditedItem: n,
+      updateItemLabel: o
+    },
+    publicAPI: {
+      setEditedItem: n,
+      updateItemLabel: o
+    }
+  };
+};
+oe.itemPlugin = no;
+oe.applyDefaultValuesToParams = ({
+  params: e
+}) => E({}, e, {
+  isItemEditable: e.isItemEditable ?? !1
+});
+oe.getInitialState = (e) => ({
+  label: {
+    isItemEditable: e.isItemEditable,
+    editedItemId: null
+  }
+});
+oe.params = {
+  onItemLabelChange: !0,
+  isItemEditable: !0
+};
+const oo = (e) => e.lazyLoading, ro = (e) => e.lazyLoading, xt = C([oo], (e) => e.dataSource), io = C([ro], (e) => !!(e != null && e.enabled)), so = C([xt, (e, t) => t], (e, t) => e.loading[t] || !1), ao = C([xt, (e, t) => t], (e, t) => e.errors[t] || null), wt = (e) => Array.isArray(e) ? e.length > 0 && e.some(wt) : !!e, lo = ({
+  itemId: e,
+  children: t
+}) => {
+  const {
+    instance: n,
+    store: o,
+    publicAPI: r
+  } = Te(), s = M(o, St, e), u = M(o, io), i = M(o, Un), l = M(o, (v) => u ? so(v, e) : !1), a = M(o, (v) => u ? !!ao(v, e) : !1), d = wt(t) || s, h = M(o, se, e), I = M(o, to, e), p = M(o, qn, e), c = M(o, xe, e), b = M(o, Ie, e), y = M(o, $e, e), x = {
+    expandable: d,
+    expanded: h,
+    focused: I,
+    selected: p,
+    disabled: c,
+    editing: b,
+    editable: y,
+    loading: l,
+    error: a
+  }, L = (v) => {
+    if (x.disabled)
+      return;
+    x.focused || n.focusItem(v, e);
+    const N = i && (v.shiftKey || v.ctrlKey || v.metaKey);
+    x.expandable && !(N && se(o.value, e)) && n.setItemExpansion({
+      event: v,
+      itemId: e
+    });
+  }, R = (v) => {
+    if (x.disabled)
+      return;
+    !x.focused && !x.editing && n.focusItem(v, e), i && (v.shiftKey || v.ctrlKey || v.metaKey) ? v.shiftKey ? n.expandSelectionRange(v, e) : n.setItemSelection({
+      event: v,
+      itemId: e,
+      keepExistingSelection: !0
+    }) : n.setItemSelection({
+      event: v,
+      itemId: e,
+      shouldBeSelected: !0
+    });
+  }, V = (v) => {
+    const N = v.nativeEvent.shiftKey;
+    i && N ? n.expandSelectionRange(v, e) : n.setItemSelection({
+      event: v,
+      itemId: e,
+      keepExistingSelection: i,
+      shouldBeSelected: v.target.checked
+    });
+  }, A = () => {
+    Le(n, oe) && (b ? n.setEditedItem(null) : n.setEditedItem(e));
+  };
+  return {
+    interactions: {
+      handleExpansion: L,
+      handleSelection: R,
+      handleCheckboxSelection: V,
+      toggleItemEditing: A,
+      handleSaveItemLabel: (v, N) => {
+        Le(n, oe) && Ie(o.value, e) && (n.updateItemLabel(e, N), A(), n.focusItem(v, e));
+      },
+      handleCancelItemLabelEditing: (v) => {
+        Le(n, oe) && Ie(o.value, e) && (A(), n.focusItem(v, e));
+      }
+    },
+    status: x,
+    publicAPI: r
+  };
+}, Ot = (e) => {
+  const {
+    runItemPlugins: t,
+    instance: n,
+    publicAPI: o,
+    store: r
+  } = Te(), s = P.useContext(It), u = M(r, (...g) => typeof s == "function" ? s(...g) : s, e.itemId), {
+    id: i,
+    itemId: l,
+    label: a,
+    children: d,
+    rootRef: h
+  } = e, {
+    rootRef: I,
+    contentRef: p,
+    propsEnhancers: c
+  } = t(e), {
+    interactions: b,
+    status: y
+  } = lo({
+    itemId: l,
+    children: d
+  }), x = P.useRef(null), L = P.useRef(null), R = ke(h, I, x), V = ke(p, L), A = P.useRef(null), w = M(r, mt), _ = M(r, Jn, l), D = M(r, Yn), v = gt({
+    itemId: l,
+    treeId: w,
+    id: i
+  }), N = M(r, Hn, l), F = {
+    rootRefObject: x,
+    contentRefObject: L,
+    interactions: b
+  }, J = (g) => (f) => {
+    var S;
+    (S = g.onFocus) == null || S.call(g, f), !f.defaultMuiPrevented && !y.focused && ne(r.value, l) && f.currentTarget === f.target && n.focusItem(f, l);
+  }, Q = (g) => (f) => {
+    var k, z, te, Fe, We;
+    if ((k = g.onBlur) == null || k.call(g, f), f.defaultMuiPrevented)
+      return;
+    const S = n.getItemDOMElement(l);
+    y.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
+    f.relatedTarget && st(f.relatedTarget, S) && (f.target && ((te = (z = f.target) == null ? void 0 : z.dataset) == null ? void 0 : te.element) === "labelInput" && st(f.target, S) || ((We = (Fe = f.relatedTarget) == null ? void 0 : Fe.dataset) == null ? void 0 : We.element) === "labelInput") || n.removeFocusedItem();
+  }, X = (g) => (f) => {
+    var S, k, z;
+    (S = g.onKeyDown) == null || S.call(g, f), !(f.defaultMuiPrevented || ((z = (k = f.target) == null ? void 0 : k.dataset) == null ? void 0 : z.element) === "labelInput") && n.handleItemKeyDown(f, l);
+  }, Z = (g) => (f) => {
+    var S;
+    (S = g.onDoubleClick) == null || S.call(g, f), !f.defaultMuiPrevented && b.toggleItemEditing();
+  }, ie = (g) => (f) => {
+    var S, k;
+    (S = g.onClick) == null || S.call(g, f), n.handleItemClick(f, l), !(f.defaultMuiPrevented || (k = A.current) != null && k.contains(f.target)) && (it(r.value) === "content" && b.handleExpansion(f), D || b.handleSelection(f));
+  }, Y = (g) => (f) => {
+    var S;
+    (S = g.onMouseDown) == null || S.call(g, f), !f.defaultMuiPrevented && (f.shiftKey || f.ctrlKey || f.metaKey || y.disabled) && f.preventDefault();
+  }, H = (g) => (f) => {
+    var S;
+    (S = g.onClick) == null || S.call(g, f), !f.defaultMuiPrevented && it(r.value) === "iconContainer" && b.handleExpansion(f);
+  };
+  return {
+    getContextProviderProps: () => ({
+      itemId: l,
+      id: i
+    }),
+    getRootProps: (g = {}) => {
+      var te;
+      const f = E({}, B(e), B(g));
+      let S;
+      y.selected ? S = !0 : _ ? S = !1 : S = void 0;
+      const k = E({}, f, {
+        ref: R,
+        role: "treeitem",
+        tabIndex: N ? 0 : -1,
+        id: v,
+        "aria-expanded": y.expandable ? y.expanded : void 0,
+        "aria-selected": S,
+        "aria-disabled": y.disabled || void 0
+      }, g, {
+        style: E({}, g.style ?? {}, {
+          "--TreeView-itemDepth": u
+        }),
+        onFocus: J(f),
+        onBlur: Q(f),
+        onKeyDown: X(f)
+      }), z = ((te = c.root) == null ? void 0 : te.call(c, E({}, F, {
+        externalEventHandlers: f
+      }))) ?? {};
+      return E({}, k, z);
+    },
+    getContentProps: (g = {}) => {
+      var z;
+      const f = B(g), S = E({}, f, g, {
+        ref: V,
+        onClick: ie(f),
+        onMouseDown: Y(f),
+        status: y
+      });
+      ["expanded", "selected", "focused", "disabled", "editing", "editable"].forEach((te) => {
+        y[te] && (S[`data-${te}`] = "");
+      });
+      const k = ((z = c.content) == null ? void 0 : z.call(c, E({}, F, {
+        externalEventHandlers: f
+      }))) ?? {};
+      return E({}, S, k);
+    },
+    getGroupTransitionProps: (g = {}) => {
+      const f = B(g);
+      return E({}, f, {
+        unmountOnExit: !0,
+        component: "ul",
+        role: "group",
+        in: y.expanded,
+        children: d
+      }, g);
+    },
+    getIconContainerProps: (g = {}) => {
+      const f = B(g);
+      return E({}, f, g, {
+        onClick: H(f)
+      });
+    },
+    getCheckboxProps: (g = {}) => {
+      var z;
+      const f = B(g), S = E({}, f, {
+        ref: A
+      }, g), k = ((z = c.checkbox) == null ? void 0 : z.call(c, E({}, F, {
+        externalEventHandlers: f
+      }))) ?? {};
+      return E({}, S, k);
+    },
+    getLabelProps: (g = {}) => {
+      var z;
+      const f = E({}, B(g)), S = E({}, f, {
+        children: a
+      }, g, {
+        onDoubleClick: Z(f)
+      }), k = ((z = c.label) == null ? void 0 : z.call(c, E({}, F, {
+        externalEventHandlers: f
+      }))) ?? {};
+      return E({}, k, S);
+    },
+    getLabelInputProps: (g = {}) => {
+      var k;
+      const f = B(g), S = ((k = c.labelInput) == null ? void 0 : k.call(c, E({}, F, {
+        externalEventHandlers: f
+      }))) ?? {};
+      return E({}, g, S);
+    },
+    getDragAndDropOverlayProps: (g = {}) => {
+      var k;
+      const f = B(g), S = ((k = c.dragAndDropOverlay) == null ? void 0 : k.call(c, E({}, F, {
+        externalEventHandlers: f
+      }))) ?? {};
+      return E({}, g, S);
+    },
+    getErrorContainerProps: (g = {}) => {
+      const f = B(g);
+      return E({}, f, g);
+    },
+    getLoadingContainerProps: (g = {}) => {
+      const f = B(g);
+      return E({
+        size: "12px",
+        thickness: 6
+      }, f, g);
+    },
+    rootRef: R,
+    status: y,
+    publicAPI: o
+  };
+};
+function co(e) {
+  return ct("MuiTreeItem", e);
+}
+lt("MuiTreeItem", [
+  "root",
+  "content",
+  "groupTransition",
+  "iconContainer",
+  "label",
+  "checkbox",
+  "labelInput",
+  "dragAndDropOverlay",
+  "errorIcon",
+  "loadingIcon",
+  // State classes, will be replaced by data-attrs in the next major
+  "expanded",
+  "selected",
+  "focused",
+  "disabled",
+  "editable",
+  "editing"
+]);
+const uo = Ce(/* @__PURE__ */ O("path", {
+  d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
+}), "TreeViewExpandIcon"), po = Ce(/* @__PURE__ */ O("path", {
+  d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
+}), "TreeViewCollapseIcon");
+function _t(e) {
+  const {
+    slots: t,
+    slotProps: n,
+    status: o
+  } = e, {
+    slots: r,
+    slotProps: s
+  } = ht(), u = {
+    collapseIcon: (t == null ? void 0 : t.collapseIcon) ?? r.collapseIcon ?? po,
+    expandIcon: (t == null ? void 0 : t.expandIcon) ?? r.expandIcon ?? uo,
+    endIcon: (t == null ? void 0 : t.endIcon) ?? r.endIcon,
+    icon: t == null ? void 0 : t.icon
+  };
+  let i;
+  u != null && u.icon ? i = "icon" : o.expandable ? o.expanded ? i = "collapseIcon" : i = "expandIcon" : i = "endIcon";
+  const l = u[i], a = G({
+    elementType: l,
+    externalSlotProps: (d) => E({}, Ge(s[i], d), Ge(n == null ? void 0 : n[i], d)),
+    // TODO: Add proper ownerState
+    ownerState: {}
+  });
+  return l ? /* @__PURE__ */ O(l, E({}, a)) : null;
+}
+process.env.NODE_ENV !== "production" && (_t.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: m.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: m.object,
+  status: m.shape({
+    disabled: m.bool.isRequired,
+    editable: m.bool.isRequired,
+    editing: m.bool.isRequired,
+    error: m.bool.isRequired,
+    expandable: m.bool.isRequired,
+    expanded: m.bool.isRequired,
+    focused: m.bool.isRequired,
+    loading: m.bool.isRequired,
+    selected: m.bool.isRequired
+  }).isRequired
+});
+const fo = K("div", {
+  name: "MuiTreeItemDragAndDropOverlay",
+  slot: "Root",
+  shouldForwardProp: (e) => Me(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})` : ue(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 Rt(e) {
+  return e.action == null ? null : /* @__PURE__ */ O(fo, E({}, e));
+}
+process.env.NODE_ENV !== "production" && (Rt.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  action: m.oneOf(["make-child", "move-to-parent", "reorder-above", "reorder-below"]),
+  style: m.object
+});
+function Ke(e) {
+  const {
+    children: t,
+    itemId: n,
+    id: o
+  } = e, {
+    wrapItem: r,
+    instance: s,
+    store: u
+  } = Te(), i = M(u, mt), l = gt({
+    itemId: n,
+    treeId: i,
+    id: o
+  });
+  return /* @__PURE__ */ O(P.Fragment, {
+    children: r({
+      children: t,
+      itemId: n,
+      instance: s,
+      idAttribute: l
+    })
+  });
+}
+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"  |
+  // ----------------------------------------------------------------------
+  children: m.node,
+  id: m.string,
+  itemId: m.string.isRequired
+});
+const mo = K("input", {
+  name: "MuiTreeItem",
+  slot: "LabelInput"
+})(({
+  theme: e
+}) => E({}, e.typography.body1, {
+  width: "100%",
+  backgroundColor: (e.vars || e).palette.background.paper,
+  borderRadius: e.shape.borderRadius,
+  border: "none",
+  padding: "0 2px",
+  boxSizing: "border-box",
+  "&:focus": {
+    outline: `1px solid ${(e.vars || e).palette.primary.main}`
+  }
+})), go = ["visible"], bo = ["id", "itemId", "label", "disabled", "children", "slots", "slotProps", "classes"], yo = cn(), Dt = K("li", {
+  name: "MuiTreeItem",
+  slot: "Root"
+})({
+  listStyle: "none",
+  margin: 0,
+  padding: 0,
+  outline: 0
+}), Lt = K("div", {
+  name: "MuiTreeItem",
+  slot: "Content",
+  shouldForwardProp: (e) => Me(e) && e !== "status"
+})(({
+  theme: e
+}) => ({
+  padding: e.spacing(0.5, 1),
+  paddingLeft: `calc(${e.spacing(1)} + var(--TreeView-itemChildrenIndentation) * var(--TreeView-itemDepth))`,
+  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"
+    }
+  },
+  "&[data-disabled]": {
+    opacity: (e.vars || e).palette.action.disabledOpacity,
+    backgroundColor: "transparent"
+  },
+  "&[data-focused]": {
+    backgroundColor: (e.vars || e).palette.action.focus
+  },
+  "&[data-selected]": {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : ue(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}))` : ue(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})` : ue(e.palette.primary.main, e.palette.action.selectedOpacity)
+      }
+    }
+  },
+  "&[data-selected][data-focused]": {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : ue(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
+  }
+})), ho = K("div", {
+  name: "MuiTreeItem",
+  slot: "Label",
+  shouldForwardProp: (e) => Me(e) && e !== "editable"
+})(({
+  theme: e
+}) => E({
+  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"
+    }
+  }]
+})), kt = K("div", {
+  name: "MuiTreeItem",
+  slot: "IconContainer"
+})({
+  width: 16,
+  display: "flex",
+  flexShrink: 0,
+  justifyContent: "center",
+  position: "relative",
+  "& svg": {
+    fontSize: 18
+  }
+}), Vt = K(ve, {
+  name: "MuiTreeItem",
+  slot: "GroupTransition",
+  overridesResolver: (e, t) => t.groupTransition
+})({
+  margin: 0,
+  padding: 0
+}), Io = K("div", {
+  name: "MuiTreeItem",
+  slot: "ErrorIcon"
+})({
+  position: "absolute",
+  right: -3,
+  width: 7,
+  height: 7,
+  borderRadius: "50%",
+  backgroundColor: "red"
+}), vo = K(Zt, {
+  name: "MuiTreeItem",
+  slot: "LoadingIcon"
+})({
+  color: "text.primary"
+}), Nt = K(/* @__PURE__ */ P.forwardRef((e, t) => {
+  const {
+    visible: n
+  } = e, o = at(e, go);
+  return n ? /* @__PURE__ */ O(Qt, E({}, o, {
+    ref: t
+  })) : null;
+}), {
+  name: "MuiTreeItem",
+  slot: "Checkbox"
+})({
+  padding: 0
+});
+process.env.NODE_ENV !== "production" && (Nt.displayName = "TreeItemCheckbox");
+const Eo = (e) => {
+  const {
+    classes: t
+  } = ht(), n = E({}, e, {
+    root: W(e == null ? void 0 : e.root, t.root),
+    content: W(e == null ? void 0 : e.content, t.itemContent),
+    iconContainer: W(e == null ? void 0 : e.iconContainer, t.itemIconContainer),
+    checkbox: W(e == null ? void 0 : e.checkbox, t.itemCheckbox),
+    label: W(e == null ? void 0 : e.label, t.itemLabel),
+    groupTransition: W(e == null ? void 0 : e.groupTransition, t.itemGroupTransition),
+    labelInput: W(e == null ? void 0 : e.labelInput, t.itemLabelInput),
+    dragAndDropOverlay: W(e == null ? void 0 : e.dragAndDropOverlay, t.itemDragAndDropOverlay),
+    errorIcon: W(e == null ? void 0 : e.errorIcon, t.itemErrorIcon),
+    loadingIcon: W(e == null ? void 0 : e.loadingIcon, t.itemLoadingIcon)
+  });
+  return ut({
+    root: ["root"],
+    content: ["content"],
+    iconContainer: ["iconContainer"],
+    checkbox: ["checkbox"],
+    label: ["label"],
+    groupTransition: ["groupTransition"],
+    labelInput: ["labelInput"],
+    dragAndDropOverlay: ["dragAndDropOverlay"],
+    errorIcon: ["errorIcon"],
+    loadingIcon: ["loadingIcon"],
+    expanded: ["expanded"],
+    editing: ["editing"],
+    editable: ["editable"],
+    selected: ["selected"],
+    focused: ["focused"],
+    disabled: ["disabled"]
+  }, co, n);
+}, Mt = /* @__PURE__ */ P.forwardRef(function(t, n) {
+  const o = yo({
+    props: t,
+    name: "MuiTreeItem"
+  }), {
+    id: r,
+    itemId: s,
+    label: u,
+    disabled: i,
+    children: l,
+    slots: a = {},
+    slotProps: d = {},
+    classes: h
+  } = o, I = at(o, bo), {
+    getContextProviderProps: p,
+    getRootProps: c,
+    getContentProps: b,
+    getIconContainerProps: y,
+    getCheckboxProps: x,
+    getLabelProps: L,
+    getGroupTransitionProps: R,
+    getLabelInputProps: V,
+    getDragAndDropOverlayProps: A,
+    getErrorContainerProps: w,
+    getLoadingContainerProps: _,
+    status: D
+  } = Ot({
+    id: r,
+    itemId: s,
+    children: l,
+    label: u,
+    disabled: i
+  }), v = Eo(h), N = a.root ?? Dt, F = G({
+    elementType: N,
+    getSlotProps: c,
+    externalForwardedProps: I,
+    externalSlotProps: d.root,
+    additionalProps: {
+      ref: n
+    },
+    ownerState: {},
+    className: v.root
+  }), J = a.content ?? Lt, Q = G({
+    elementType: J,
+    getSlotProps: b,
+    externalSlotProps: d.content,
+    ownerState: {},
+    className: W(v.content, D.expanded && v.expanded, D.selected && v.selected, D.focused && v.focused, D.disabled && v.disabled, D.editing && v.editing, D.editable && v.editable)
+  }), X = a.iconContainer ?? kt, Z = G({
+    elementType: X,
+    getSlotProps: y,
+    externalSlotProps: d.iconContainer,
+    ownerState: {},
+    className: v.iconContainer
+  }), ie = a.label ?? ho, Y = G({
+    elementType: ie,
+    getSlotProps: L,
+    externalSlotProps: d.label,
+    ownerState: {},
+    className: v.label
+  }), H = a.checkbox ?? Nt, fe = G({
+    elementType: H,
+    getSlotProps: x,
+    externalSlotProps: d.checkbox,
+    ownerState: {},
+    className: v.checkbox
+  }), ae = a.groupTransition ?? void 0, me = G({
+    elementType: ae,
+    getSlotProps: R,
+    externalSlotProps: d.groupTransition,
+    ownerState: {},
+    className: v.groupTransition
+  }), le = a.labelInput ?? mo, ge = G({
+    elementType: le,
+    getSlotProps: V,
+    externalSlotProps: d.labelInput,
+    ownerState: {},
+    className: v.labelInput
+  }), ce = a.dragAndDropOverlay ?? Rt, we = G({
+    elementType: ce,
+    getSlotProps: A,
+    externalSlotProps: d.dragAndDropOverlay,
+    ownerState: {},
+    className: v.dragAndDropOverlay
+  }), T = a.errorIcon ?? Io, $ = G({
+    elementType: T,
+    getSlotProps: w,
+    externalSlotProps: d.errorIcon,
+    ownerState: {},
+    className: v.errorIcon
+  }), j = a.loadingIcon ?? vo, ee = G({
+    elementType: j,
+    getSlotProps: _,
+    externalSlotProps: d.loadingIcon,
+    ownerState: {},
+    className: v.loadingIcon
+  });
+  return /* @__PURE__ */ O(Ke, E({}, p(), {
+    children: /* @__PURE__ */ de(N, E({}, F, {
+      children: [/* @__PURE__ */ de(J, E({}, Q, {
+        children: [/* @__PURE__ */ de(X, E({}, Z, {
+          children: [D.error && /* @__PURE__ */ O(T, E({}, $)), D.loading ? /* @__PURE__ */ O(j, E({}, ee)) : /* @__PURE__ */ O(_t, {
+            status: D,
+            slots: a,
+            slotProps: d
+          })]
+        })), /* @__PURE__ */ O(H, E({}, fe)), D.editing ? /* @__PURE__ */ O(le, E({}, ge)) : /* @__PURE__ */ O(ie, E({}, Y)), /* @__PURE__ */ O(ce, E({}, we))]
+      })), l && /* @__PURE__ */ O(Vt, E({
+        as: ae
+      }, me))]
+    }))
+  }));
+});
+process.env.NODE_ENV !== "production" && (Mt.displayName = "TreeItem");
+process.env.NODE_ENV !== "production" && (Mt.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: m.any,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: m.object,
+  className: m.string,
+  /**
+   * If `true`, the item is disabled.
+   * @default false
+   */
+  disabled: m.bool,
+  /**
+   * The id attribute of the item. If not provided, it will be generated.
+   */
+  id: m.string,
+  /**
+   * The id of the item.
+   * Must be unique.
+   */
+  itemId: m.string.isRequired,
+  /**
+   * The label of the item.
+   */
+  label: m.node,
+  /**
+   * Callback fired when the item root is blurred.
+   */
+  onBlur: m.func,
+  /**
+   * This prop isn't supported.
+   * Use the `onItemFocus` callback on the tree if you need to monitor an item's focus.
+   */
+  onFocus: Ht,
+  /**
+   * Callback fired when a key is pressed on the keyboard and the tree is in focus.
+   */
+  onKeyDown: m.func,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: m.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: m.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: m.oneOfType([m.arrayOf(m.oneOfType([m.func, m.object, m.bool])), m.func, m.object])
+});
+function or(e) {
+  const {
+    id: t,
+    itemId: n,
+    label: o,
+    disabled: r,
+    children: s,
+    itemData: u,
+    iconColor: i = "primary",
+    hasNoIcons: l,
+    ref: a
+  } = e, d = Kt(
+    u == null ? void 0 : u.iconType,
+    u == null ? void 0 : u.customIcon
+  ), {
+    getRootProps: h,
+    getContentProps: I,
+    getLabelProps: p,
+    getGroupTransitionProps: c,
+    getIconContainerProps: b,
+    status: y
+  } = Ot({ id: t, itemId: n, label: o, disabled: r, children: s, rootRef: a }), x = {
+    ...y.selected && { fontWeight: 600 },
+    color: "var(--theme-palette-text-primary)"
+  };
+  return /* @__PURE__ */ O(Ke, { itemId: n, children: /* @__PURE__ */ de(
+    Dt,
+    {
+      ...h(),
+      "data-treeview-item": n || "",
+      "data-treeview-item-label": o || "",
+      sx: Pt,
+      children: [
+        /* @__PURE__ */ de(Lt, { ...I(), style: zt, children: [
+          !l && /* @__PURE__ */ O(kt, { ...b(), sx: Be, children: /* @__PURE__ */ O(d, { color: i, sx: Be }) }),
+          /* @__PURE__ */ O(
+            At,
+            {
+              ...p(),
+              typographyProps: x
+            }
+          ),
+          /* @__PURE__ */ O(en, { sx: jt, children: y.expandable && (y.expanded ? /* @__PURE__ */ O(an, { fontSize: "small" }) : /* @__PURE__ */ O(ln, { fontSize: "small" })) })
+        ] }),
+        s && /* @__PURE__ */ O(
+          Vt,
+          {
+            ...c(),
+            style: y.expanded ? $t : void 0
+          }
+        )
+      ]
+    }
+  ) });
+}
+export {
+  Fn as A,
+  Wn as B,
+  ve as C,
+  tr as D,
+  Xn as E,
+  Bn as F,
+  er as G,
+  eo as H,
+  Zn as I,
+  Pe as J,
+  st as K,
+  Kn as L,
+  $n as M,
+  Le as N,
+  $e as O,
+  Ie as P,
+  xe as Q,
+  oe as R,
+  Mt as S,
+  bt as T,
+  cn as U,
+  Jo as V,
+  Qo as W,
+  or as X,
+  Xo as a,
+  yt as b,
+  Uo as c,
+  zn as d,
+  U as e,
+  q as f,
+  tn as g,
+  Yo as h,
+  gt as i,
+  Ae as j,
+  It as k,
+  Zo as l,
+  jn as m,
+  se as n,
+  St as o,
+  rt as p,
+  qn as q,
+  Te as r,
+  mt as s,
+  Yn as t,
+  M as u,
+  Jn as v,
+  nr as w,
+  Un as x,
+  Tt as y,
+  Ho as z
+};