@smart-factor/gem-ui-components 0.0.53 → 0.0.54

package/dist/Tree-DPMcYDgW.js

@@ -1,3200 +0,0 @@
-import { jsx as T, jsxs as we } from "react/jsx-runtime";
-import * as E from "react";
-import { createElement as on } from "react";
-import { D as rn, E as tt, F as sn, G as ln, H as an, k as Ne, l as Ae, m as B, _ as x, o as at, J as cn, T as un, b as X, p as dn, K as pn, u as fn, a as te, P as r, L as mn, q as Fe, t as nt, M as In, x as ct, g as gn, N as ut, d as de, e as ne, n as hn, y as bn, O as yn, Q as dt, B as En, S as xn, A as Cn, I as wn } from "./Stack-dIR9-9Sw.js";
-function Tn(e, t = 0, n = 1) {
-  return process.env.NODE_ENV !== "production" && (e < t || e > n) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${n}].`), rn(e, t, n);
-}
-function vn(e) {
-  e = e.slice(1);
-  const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
-  let n = e.match(t);
-  return n && n[0].length === 1 && (n = n.map((o) => o + o)), n ? `rgb${n.length === 4 ? "a" : ""}(${n.map((o, i) => i < 3 ? parseInt(o, 16) : Math.round(parseInt(o, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
-}
-function pt(e) {
-  if (e.type)
-    return e;
-  if (e.charAt(0) === "#")
-    return pt(vn(e));
-  const t = e.indexOf("("), n = e.substring(0, t);
-  if (["rgb", "rgba", "hsl", "hsla", "color"].indexOf(n) === -1)
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
-The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : tt(9, e));
-  let o = e.substring(t + 1, e.length - 1), i;
-  if (n === "color") {
-    if (o = o.split(" "), i = o.shift(), o.length === 4 && o[3].charAt(0) === "/" && (o[3] = o[3].slice(1)), ["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].indexOf(i) === -1)
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${i}\` color space.
-The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : tt(10, i));
-  } else
-    o = o.split(",");
-  return o = o.map((p) => parseFloat(p)), {
-    type: n,
-    values: o,
-    colorSpace: i
-  };
-}
-function Rn(e) {
-  const {
-    type: t,
-    colorSpace: n
-  } = e;
-  let {
-    values: o
-  } = e;
-  return t.indexOf("rgb") !== -1 ? o = o.map((i, p) => p < 3 ? parseInt(i, 10) : i) : t.indexOf("hsl") !== -1 && (o[1] = `${o[1]}%`, o[2] = `${o[2]}%`), t.indexOf("color") !== -1 ? o = `${n} ${o.join(" ")}` : o = `${o.join(", ")}`, `${t}(${o})`;
-}
-function ce(e, t) {
-  return e = pt(e), t = Tn(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Rn(e);
-}
-function Mn({
-  props: e,
-  name: t
-}) {
-  return sn({
-    props: e,
-    name: t,
-    defaultTheme: ln,
-    themeId: an
-  });
-}
-function Sn(e) {
-  return Ne("MuiCollapse", e);
-}
-Ae("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
-const kn = ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"], On = (e) => {
-  const {
-    orientation: t,
-    classes: n
-  } = e, o = {
-    root: ["root", `${t}`],
-    entered: ["entered"],
-    hidden: ["hidden"],
-    wrapper: ["wrapper", `${t}`],
-    wrapperInner: ["wrapperInner", `${t}`]
-  };
-  return Fe(o, Sn, n);
-}, Pn = B("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];
-  }
-})(({
-  theme: e,
-  ownerState: t
-}) => x({
-  height: 0,
-  overflow: "hidden",
-  transition: e.transitions.create("height")
-}, t.orientation === "horizontal" && {
-  height: "auto",
-  width: 0,
-  transition: e.transitions.create("width")
-}, t.state === "entered" && x({
-  height: "auto",
-  overflow: "visible"
-}, t.orientation === "horizontal" && {
-  width: "auto"
-}), t.state === "exited" && !t.in && t.collapsedSize === "0px" && {
-  visibility: "hidden"
-})), Dn = B("div", {
-  name: "MuiCollapse",
-  slot: "Wrapper",
-  overridesResolver: (e, t) => t.wrapper
-})(({
-  ownerState: e
-}) => x({
-  // Hack to get children with a negative margin to not falsify the height computation.
-  display: "flex",
-  width: "100%"
-}, e.orientation === "horizontal" && {
-  width: "auto",
-  height: "100%"
-})), Vn = B("div", {
-  name: "MuiCollapse",
-  slot: "WrapperInner",
-  overridesResolver: (e, t) => t.wrapperInner
-})(({
-  ownerState: e
-}) => x({
-  width: "100%"
-}, e.orientation === "horizontal" && {
-  width: "auto",
-  height: "100%"
-})), Le = /* @__PURE__ */ E.forwardRef(function(t, n) {
-  const o = at({
-    props: t,
-    name: "MuiCollapse"
-  }), {
-    addEndListener: i,
-    children: p,
-    className: c,
-    collapsedSize: s = "0px",
-    component: d,
-    easing: u,
-    in: l,
-    onEnter: a,
-    onEntered: f,
-    onEntering: g,
-    onExit: b,
-    onExited: m,
-    onExiting: I,
-    orientation: h = "vertical",
-    style: y,
-    timeout: C = cn.standard,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent: k = un
-  } = o, w = X(o, kn), R = x({}, o, {
-    orientation: h,
-    collapsedSize: s
-  }), S = On(R), z = dn(), K = pn(), D = E.useRef(null), P = E.useRef(), U = typeof s == "number" ? `${s}px` : s, _ = h === "horizontal", A = _ ? "width" : "height", $ = E.useRef(null), Q = fn(n, $), F = (v) => (N) => {
-    if (v) {
-      const j = $.current;
-      N === void 0 ? v(j) : v(j, N);
-    }
-  }, q = () => D.current ? D.current[_ ? "clientWidth" : "clientHeight"] : 0, O = F((v, N) => {
-    D.current && _ && (D.current.style.position = "absolute"), v.style[A] = U, a && a(v, N);
-  }), W = F((v, N) => {
-    const j = q();
-    D.current && _ && (D.current.style.position = "");
-    const {
-      duration: J,
-      easing: V
-    } = nt({
-      style: y,
-      timeout: C,
-      easing: u
-    }, {
-      mode: "enter"
-    });
-    if (C === "auto") {
-      const le = z.transitions.getAutoHeightDuration(j);
-      v.style.transitionDuration = `${le}ms`, P.current = le;
-    } else
-      v.style.transitionDuration = typeof J == "string" ? J : `${J}ms`;
-    v.style[A] = `${j}px`, v.style.transitionTimingFunction = V, g && g(v, N);
-  }), L = F((v, N) => {
-    v.style[A] = "auto", f && f(v, N);
-  }), oe = F((v) => {
-    v.style[A] = `${q()}px`, b && b(v);
-  }), ge = F(m), Me = F((v) => {
-    const N = q(), {
-      duration: j,
-      easing: J
-    } = nt({
-      style: y,
-      timeout: C,
-      easing: u
-    }, {
-      mode: "exit"
-    });
-    if (C === "auto") {
-      const V = z.transitions.getAutoHeightDuration(N);
-      v.style.transitionDuration = `${V}ms`, P.current = V;
-    } else
-      v.style.transitionDuration = typeof j == "string" ? j : `${j}ms`;
-    v.style[A] = U, v.style.transitionTimingFunction = J, I && I(v);
-  });
-  return /* @__PURE__ */ T(k, x({
-    in: l,
-    onEnter: O,
-    onEntered: L,
-    onEntering: W,
-    onExit: oe,
-    onExited: ge,
-    onExiting: Me,
-    addEndListener: (v) => {
-      C === "auto" && K.start(P.current || 0, v), i && i($.current, v);
-    },
-    nodeRef: $,
-    timeout: C === "auto" ? null : C
-  }, w, {
-    children: (v, N) => /* @__PURE__ */ T(Pn, x({
-      as: d,
-      className: te(S.root, c, {
-        entered: S.entered,
-        exited: !l && U === "0px" && S.hidden
-      }[v]),
-      style: x({
-        [_ ? "minWidth" : "minHeight"]: U
-      }, y),
-      ref: Q
-    }, N, {
-      // `ownerState` is set after `childProps` to override any existing `ownerState` property in `childProps`
-      // that might have been forwarded from the Transition component.
-      ownerState: x({}, R, {
-        state: v
-      }),
-      children: /* @__PURE__ */ T(Dn, {
-        ownerState: x({}, R, {
-          state: v
-        }),
-        className: S.wrapper,
-        ref: D,
-        children: /* @__PURE__ */ T(Vn, {
-          ownerState: x({}, R, {
-            state: v
-          }),
-          className: S.wrapperInner,
-          children: p
-        })
-      })
-    }))
-  }));
-});
-process.env.NODE_ENV !== "production" && (Le.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: r.func,
-  /**
-   * The content node to be collapsed.
-   */
-  children: r.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: r.object,
-  /**
-   * @ignore
-   */
-  className: r.string,
-  /**
-   * The width (horizontal) or height (vertical) of the container when collapsed.
-   * @default '0px'
-   */
-  collapsedSize: r.oneOfType([r.number, r.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: mn,
-  /**
-   * The transition timing function.
-   * You may specify a single easing or a object containing enter and exit values.
-   */
-  easing: r.oneOfType([r.shape({
-    enter: r.string,
-    exit: r.string
-  }), r.string]),
-  /**
-   * If `true`, the component will transition in.
-   */
-  in: r.bool,
-  /**
-   * @ignore
-   */
-  onEnter: r.func,
-  /**
-   * @ignore
-   */
-  onEntered: r.func,
-  /**
-   * @ignore
-   */
-  onEntering: r.func,
-  /**
-   * @ignore
-   */
-  onExit: r.func,
-  /**
-   * @ignore
-   */
-  onExited: r.func,
-  /**
-   * @ignore
-   */
-  onExiting: r.func,
-  /**
-   * The transition orientation.
-   * @default 'vertical'
-   */
-  orientation: r.oneOf(["horizontal", "vertical"]),
-  /**
-   * @ignore
-   */
-  style: r.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.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: r.oneOfType([r.oneOf(["auto"]), r.number, r.shape({
-    appear: r.number,
-    enter: r.number,
-    exit: r.number
-  })])
-});
-Le.muiSupportAuto = !0;
-const ft = /* @__PURE__ */ E.createContext(void 0);
-process.env.NODE_ENV !== "production" && (ft.displayName = "FormControlContext");
-function $n() {
-  return E.useContext(ft);
-}
-function Nn(e) {
-  return Ne("PrivateSwitchBase", e);
-}
-Ae("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
-const An = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"], Fn = (e) => {
-  const {
-    classes: t,
-    checked: n,
-    disabled: o,
-    edge: i
-  } = e, p = {
-    root: ["root", n && "checked", o && "disabled", i && `edge${de(i)}`],
-    input: ["input"]
-  };
-  return Fe(p, Nn, t);
-}, Ln = B(In)(({
-  ownerState: e
-}) => x({
-  padding: 9,
-  borderRadius: "50%"
-}, e.edge === "start" && {
-  marginLeft: e.size === "small" ? -3 : -12
-}, e.edge === "end" && {
-  marginRight: e.size === "small" ? -3 : -12
-})), jn = B("input", {
-  shouldForwardProp: ct
-})({
-  cursor: "inherit",
-  position: "absolute",
-  opacity: 0,
-  width: "100%",
-  height: "100%",
-  top: 0,
-  left: 0,
-  margin: 0,
-  padding: 0,
-  zIndex: 1
-}), mt = /* @__PURE__ */ E.forwardRef(function(t, n) {
-  const {
-    autoFocus: o,
-    checked: i,
-    checkedIcon: p,
-    className: c,
-    defaultChecked: s,
-    disabled: d,
-    disableFocusRipple: u = !1,
-    edge: l = !1,
-    icon: a,
-    id: f,
-    inputProps: g,
-    inputRef: b,
-    name: m,
-    onBlur: I,
-    onChange: h,
-    onFocus: y,
-    readOnly: C,
-    required: k = !1,
-    tabIndex: w,
-    type: R,
-    value: S
-  } = t, z = X(t, An), [K, D] = gn({
-    controlled: i,
-    default: !!s,
-    name: "SwitchBase",
-    state: "checked"
-  }), P = $n(), U = (O) => {
-    y && y(O), P && P.onFocus && P.onFocus(O);
-  }, _ = (O) => {
-    I && I(O), P && P.onBlur && P.onBlur(O);
-  }, A = (O) => {
-    if (O.nativeEvent.defaultPrevented)
-      return;
-    const W = O.target.checked;
-    D(W), h && h(O, W);
-  };
-  let $ = d;
-  P && typeof $ > "u" && ($ = P.disabled);
-  const Q = R === "checkbox" || R === "radio", F = x({}, t, {
-    checked: K,
-    disabled: $,
-    disableFocusRipple: u,
-    edge: l
-  }), q = Fn(F);
-  return /* @__PURE__ */ we(Ln, x({
-    component: "span",
-    className: te(q.root, c),
-    centerRipple: !0,
-    focusRipple: !u,
-    disabled: $,
-    tabIndex: null,
-    role: void 0,
-    onFocus: U,
-    onBlur: _,
-    ownerState: F,
-    ref: n
-  }, z, {
-    children: [/* @__PURE__ */ T(jn, x({
-      autoFocus: o,
-      checked: i,
-      defaultChecked: s,
-      className: q.input,
-      disabled: $,
-      id: Q ? f : void 0,
-      name: m,
-      onChange: A,
-      readOnly: C,
-      ref: b,
-      required: k,
-      ownerState: F,
-      tabIndex: w,
-      type: R
-    }, R === "checkbox" && S === void 0 ? {} : {
-      value: S
-    }, g)), K ? p : a]
-  }));
-});
-process.env.NODE_ENV !== "production" && (mt.propTypes = {
-  /**
-   * If `true`, the `input` element is focused during the first mount.
-   */
-  autoFocus: r.bool,
-  /**
-   * If `true`, the component is checked.
-   */
-  checked: r.bool,
-  /**
-   * The icon to display when the component is checked.
-   */
-  checkedIcon: r.node.isRequired,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: r.object,
-  /**
-   * @ignore
-   */
-  className: r.string,
-  /**
-   * @ignore
-   */
-  defaultChecked: r.bool,
-  /**
-   * If `true`, the component is disabled.
-   */
-  disabled: r.bool,
-  /**
-   * If `true`, the  keyboard focus ripple is disabled.
-   * @default false
-   */
-  disableFocusRipple: r.bool,
-  /**
-   * If given, uses a negative margin to counteract the padding on one
-   * side (this is often helpful for aligning the left or right
-   * side of the icon with content above or below, without ruining the border
-   * size and shape).
-   * @default false
-   */
-  edge: r.oneOf(["end", "start", !1]),
-  /**
-   * The icon to display when the component is unchecked.
-   */
-  icon: r.node.isRequired,
-  /**
-   * The id of the `input` element.
-   */
-  id: r.string,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-   */
-  inputProps: r.object,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: ut,
-  /*
-   * @ignore
-   */
-  name: r.string,
-  /**
-   * @ignore
-   */
-  onBlur: r.func,
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {object} event The event source of the callback.
-   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
-   */
-  onChange: r.func,
-  /**
-   * @ignore
-   */
-  onFocus: r.func,
-  /**
-   * It prevents the user from changing the value of the field
-   * (not from interacting with the field).
-   */
-  readOnly: r.bool,
-  /**
-   * If `true`, the `input` element is required.
-   */
-  required: r.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: r.object,
-  /**
-   * @ignore
-   */
-  tabIndex: r.oneOfType([r.number, r.string]),
-  /**
-   * The input component prop `type`.
-   */
-  type: r.string.isRequired,
-  /**
-   * The value of the component.
-   */
-  value: r.any
-});
-const zn = ne(/* @__PURE__ */ T("path", {
-  d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-}), "CheckBoxOutlineBlank"), _n = ne(/* @__PURE__ */ T("path", {
-  d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-}), "CheckBox"), Bn = ne(/* @__PURE__ */ T("path", {
-  d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
-}), "IndeterminateCheckBox");
-function Un(e) {
-  return Ne("MuiCheckbox", e);
-}
-const Pe = Ae("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), Kn = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"], qn = (e) => {
-  const {
-    classes: t,
-    indeterminate: n,
-    color: o,
-    size: i
-  } = e, p = {
-    root: ["root", n && "indeterminate", `color${de(o)}`, `size${de(i)}`]
-  }, c = Fe(p, Un, t);
-  return x({}, t, c);
-}, Xn = B(mt, {
-  shouldForwardProp: (e) => ct(e) || e === "classes",
-  name: "MuiCheckbox",
-  slot: "Root",
-  overridesResolver: (e, t) => {
-    const {
-      ownerState: n
-    } = e;
-    return [t.root, n.indeterminate && t.indeterminate, t[`size${de(n.size)}`], n.color !== "default" && t[`color${de(n.color)}`]];
-  }
-})(({
-  theme: e,
-  ownerState: t
-}) => x({
-  color: (e.vars || e).palette.text.secondary
-}, !t.disableRipple && {
-  "&:hover": {
-    backgroundColor: e.vars ? `rgba(${t.color === "default" ? e.vars.palette.action.activeChannel : e.vars.palette[t.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : hn(t.color === "default" ? e.palette.action.active : e.palette[t.color].main, e.palette.action.hoverOpacity),
-    // Reset on touch devices, it doesn't add specificity
-    "@media (hover: none)": {
-      backgroundColor: "transparent"
-    }
-  }
-}, t.color !== "default" && {
-  [`&.${Pe.checked}, &.${Pe.indeterminate}`]: {
-    color: (e.vars || e).palette[t.color].main
-  },
-  [`&.${Pe.disabled}`]: {
-    color: (e.vars || e).palette.action.disabled
-  }
-})), Wn = /* @__PURE__ */ T(_n, {}), Jn = /* @__PURE__ */ T(zn, {}), Hn = /* @__PURE__ */ T(Bn, {}), It = /* @__PURE__ */ E.forwardRef(function(t, n) {
-  var o, i;
-  const p = at({
-    props: t,
-    name: "MuiCheckbox"
-  }), {
-    checkedIcon: c = Wn,
-    color: s = "primary",
-    icon: d = Jn,
-    indeterminate: u = !1,
-    indeterminateIcon: l = Hn,
-    inputProps: a,
-    size: f = "medium",
-    className: g
-  } = p, b = X(p, Kn), m = u ? l : d, I = u ? l : c, h = x({}, p, {
-    color: s,
-    indeterminate: u,
-    size: f
-  }), y = qn(h);
-  return /* @__PURE__ */ T(Xn, x({
-    type: "checkbox",
-    inputProps: x({
-      "data-indeterminate": u
-    }, a),
-    icon: /* @__PURE__ */ E.cloneElement(m, {
-      fontSize: (o = m.props.fontSize) != null ? o : f
-    }),
-    checkedIcon: /* @__PURE__ */ E.cloneElement(I, {
-      fontSize: (i = I.props.fontSize) != null ? i : f
-    }),
-    ownerState: h,
-    ref: n,
-    className: te(y.root, g)
-  }, b, {
-    classes: y
-  }));
-});
-process.env.NODE_ENV !== "production" && (It.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * If `true`, the component is checked.
-   */
-  checked: r.bool,
-  /**
-   * The icon to display when the component is checked.
-   * @default <CheckBoxIcon />
-   */
-  checkedIcon: r.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: r.object,
-  /**
-   * @ignore
-   */
-  className: r.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'primary'
-   */
-  color: r.oneOfType([r.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
-  /**
-   * The default checked state. Use when the component is not controlled.
-   */
-  defaultChecked: r.bool,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: r.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   * @default false
-   */
-  disableRipple: r.bool,
-  /**
-   * The icon to display when the component is unchecked.
-   * @default <CheckBoxOutlineBlankIcon />
-   */
-  icon: r.node,
-  /**
-   * The id of the `input` element.
-   */
-  id: r.string,
-  /**
-   * If `true`, the component appears indeterminate.
-   * This does not set the native input element to indeterminate due
-   * to inconsistent behavior across browsers.
-   * However, we set a `data-indeterminate` attribute on the `input`.
-   * @default false
-   */
-  indeterminate: r.bool,
-  /**
-   * The icon to display when the component is indeterminate.
-   * @default <IndeterminateCheckBoxIcon />
-   */
-  indeterminateIcon: r.node,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-   */
-  inputProps: r.object,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: ut,
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
-   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
-   */
-  onChange: r.func,
-  /**
-   * If `true`, the `input` element is required.
-   * @default false
-   */
-  required: r.bool,
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense checkbox styling.
-   * @default 'medium'
-   */
-  size: r.oneOfType([r.oneOf(["medium", "small"]), r.string]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
-  /**
-   * The value of the component. The DOM API casts this to a string.
-   * The browser uses "on" as the default value.
-   */
-  value: r.any
-});
-const Gn = ne(/* @__PURE__ */ T("path", {
-  d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"
-}), "Visibility"), Yn = ne(/* @__PURE__ */ T("path", {
-  d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z"
-}), "VisibilityOff");
-function gt(e, t, n = void 0) {
-  const o = {};
-  for (const i in e) {
-    const p = e[i];
-    let c = "", s = !0;
-    for (let d = 0; d < p.length; d += 1) {
-      const u = p[d];
-      u && (c += (s === !0 ? "" : " ") + t(u), s = !1, n && n[u] && (c += " " + n[u]));
-    }
-    o[i] = c;
-  }
-  return o;
-}
-function ht(e) {
-  return Mn;
-}
-const ot = (e) => e, Qn = () => {
-  let e = ot;
-  return {
-    configure(t) {
-      e = t;
-    },
-    generate(t) {
-      return e(t);
-    },
-    reset() {
-      e = ot;
-    }
-  };
-}, Zn = Qn(), eo = {
-  active: "active",
-  checked: "checked",
-  completed: "completed",
-  disabled: "disabled",
-  error: "error",
-  expanded: "expanded",
-  focused: "focused",
-  focusVisible: "focusVisible",
-  open: "open",
-  readOnly: "readOnly",
-  required: "required",
-  selected: "selected"
-};
-function je(e, t, n = "Mui") {
-  const o = eo[t];
-  return o ? `${n}-${o}` : `${Zn.generate(e)}-${t}`;
-}
-function bt(e, t, n = "Mui") {
-  const o = {};
-  return t.forEach((i) => {
-    o[i] = je(e, i, n);
-  }), o;
-}
-function to(e, t) {
-  typeof e == "function" ? e(t) : e && (e.current = t);
-}
-function pe(...e) {
-  return E.useMemo(() => e.every((t) => t == null) ? null : (t) => {
-    e.forEach((n) => {
-      to(n, t);
-    });
-  }, e);
-}
-function no(e) {
-  return typeof e == "string";
-}
-function oo(e, t, n) {
-  return e === void 0 || no(e) ? t : {
-    ...t,
-    ownerState: {
-      ...t.ownerState,
-      ...n
-    }
-  };
-}
-function Ve(e, t = []) {
-  if (e === void 0)
-    return {};
-  const n = {};
-  return Object.keys(e).filter((o) => o.match(/^on[A-Z]/) && typeof e[o] == "function" && !t.includes(o)).forEach((o) => {
-    n[o] = e[o];
-  }), n;
-}
-function rt(e) {
-  if (e === void 0)
-    return {};
-  const t = {};
-  return Object.keys(e).filter((n) => !(n.match(/^on[A-Z]/) && typeof e[n] == "function")).forEach((n) => {
-    t[n] = e[n];
-  }), t;
-}
-function ro(e) {
-  const {
-    getSlotProps: t,
-    additionalProps: n,
-    externalSlotProps: o,
-    externalForwardedProps: i,
-    className: p
-  } = e;
-  if (!t) {
-    const g = te(n == null ? void 0 : n.className, p, i == null ? void 0 : i.className, o == null ? void 0 : o.className), b = {
-      ...n == null ? void 0 : n.style,
-      ...i == null ? void 0 : i.style,
-      ...o == null ? void 0 : o.style
-    }, m = {
-      ...n,
-      ...i,
-      ...o
-    };
-    return g.length > 0 && (m.className = g), Object.keys(b).length > 0 && (m.style = b), {
-      props: m,
-      internalRef: void 0
-    };
-  }
-  const c = Ve({
-    ...i,
-    ...o
-  }), s = rt(o), d = rt(i), u = t(c), l = te(u == null ? void 0 : u.className, n == null ? void 0 : n.className, p, i == null ? void 0 : i.className, o == null ? void 0 : o.className), a = {
-    ...u == null ? void 0 : u.style,
-    ...n == null ? void 0 : n.style,
-    ...i == null ? void 0 : i.style,
-    ...o == null ? void 0 : o.style
-  }, f = {
-    ...u,
-    ...n,
-    ...d,
-    ...s
-  };
-  return l.length > 0 && (f.className = l), Object.keys(a).length > 0 && (f.style = a), {
-    props: f,
-    internalRef: u.ref
-  };
-}
-function Z(e, t, n) {
-  return typeof e == "function" ? e(t, n) : e;
-}
-function ue(e) {
-  var a;
-  const {
-    elementType: t,
-    externalSlotProps: n,
-    ownerState: o,
-    skipResolvingSlotProps: i = !1,
-    ...p
-  } = e, c = i ? {} : Z(n, o), {
-    props: s,
-    internalRef: d
-  } = ro({
-    ...p,
-    externalSlotProps: c
-  }), u = pe(d, c == null ? void 0 : c.ref, (a = e.additionalProps) == null ? void 0 : a.ref);
-  return oo(t, {
-    ...s,
-    ref: u
-  }, o);
-}
-const it = /* @__PURE__ */ new Set();
-function Ce(e, t = "warning") {
-  if (process.env.NODE_ENV === "production")
-    return;
-  const n = Array.isArray(e) ? e.join(`
-`) : e;
-  it.has(n) || (it.add(n), t === "error" ? console.error(n) : console.warn(n));
-}
-function io(e) {
-  return je("MuiSimpleTreeView", e);
-}
-bt("MuiSimpleTreeView", ["root"]);
-const so = (e, t) => {
-  const n = E.useRef({}), [o, i] = E.useState(() => {
-    const c = {};
-    return e.forEach((s) => {
-      s.models && Object.entries(s.models).forEach(([d, u]) => {
-        n.current[d] = {
-          isControlled: t[d] !== void 0,
-          getDefaultValue: u.getDefaultValue
-        }, c[d] = u.getDefaultValue(t);
-      });
-    }), c;
-  }), p = Object.fromEntries(Object.entries(n.current).map(([c, s]) => {
-    const d = t[c] ?? o[c];
-    return [c, {
-      value: d,
-      setControlledValue: (u) => {
-        s.isControlled || i((l) => x({}, l, {
-          [c]: u
-        }));
-      }
-    }];
-  }));
-  return process.env.NODE_ENV !== "production" && Object.entries(n.current).forEach(([c, s]) => {
-    const d = t[c], u = s.getDefaultValue(t);
-    E.useEffect(() => {
-      s.isControlled !== (d !== void 0) && console.error([`MUI X: A component is changing the ${s.isControlled ? "" : "un"}controlled ${c} state of TreeView to be ${s.isControlled ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${c} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
-`));
-    }, [d]);
-    const {
-      current: l
-    } = E.useRef(u);
-    E.useEffect(() => {
-      !s.isControlled && l !== u && console.error([`MUI X: A component is changing the default ${c} state of an uncontrolled TreeView after being initialized. To suppress this warning opt to use a controlled TreeView.`].join(`
-`));
-    }, [JSON.stringify(u)]);
-  }), p;
-};
-class lo {
-  constructor() {
-    this.maxListeners = 20, this.warnOnce = !1, this.events = {};
-  }
-  on(t, n, o = {}) {
-    let i = this.events[t];
-    if (i || (i = {
-      highPriority: /* @__PURE__ */ new Map(),
-      regular: /* @__PURE__ */ new Map()
-    }, this.events[t] = i), o.isFirst ? i.highPriority.set(n, !0) : i.regular.set(n, !0), process.env.NODE_ENV !== "production") {
-      const p = i.highPriority.size + i.regular.size;
-      p > this.maxListeners && !this.warnOnce && (this.warnOnce = !0, console.warn([`Possible EventEmitter memory leak detected. ${p} ${t} listeners added.`].join(`
-`)));
-    }
-  }
-  removeListener(t, n) {
-    this.events[t] && (this.events[t].regular.delete(n), this.events[t].highPriority.delete(n));
-  }
-  removeAllListeners() {
-    this.events = {};
-  }
-  emit(t, ...n) {
-    const o = this.events[t];
-    if (!o)
-      return;
-    const i = Array.from(o.highPriority.keys()), p = Array.from(o.regular.keys());
-    for (let c = i.length - 1; c >= 0; c -= 1) {
-      const s = i[c];
-      o.highPriority.has(s) && s.apply(this, n);
-    }
-    for (let c = 0; c < p.length; c += 1) {
-      const s = p[c];
-      o.regular.has(s) && s.apply(this, n);
-    }
-  }
-  once(t, n) {
-    const o = this;
-    this.on(t, function i(...p) {
-      o.removeListener(t, i), n.apply(o, p);
-    });
-  }
-}
-const ao = (e) => e.isPropagationStopped !== void 0, yt = () => {
-  const [e] = E.useState(() => new lo()), t = E.useCallback((...o) => {
-    const [i, p, c = {}] = o;
-    c.defaultMuiPrevented = !1, !(ao(c) && c.isPropagationStopped()) && e.emit(i, p, c);
-  }, [e]), n = E.useCallback((o, i) => (e.on(o, i), () => {
-    e.removeListener(o, i);
-  }), [e]);
-  return {
-    instance: {
-      $$publishEvent: t,
-      $$subscribeEvent: n
-    }
-  };
-};
-yt.params = {};
-const Et = ({
-  plugins: e
-}) => {
-  const t = new Set(e);
-  return {
-    instance: {
-      getAvailablePlugins: () => t
-    }
-  };
-};
-Et.params = {};
-let st = 0;
-const co = () => (st += 1, `mui-tree-view-${st}`), Te = ({
-  id: e,
-  treeId: t = "",
-  itemId: n
-}) => e ?? `${t}-${n}`, ze = ({
-  params: e,
-  state: t,
-  setState: n
-}) => {
-  E.useEffect(() => {
-    n((i) => i.id.treeId === e.id && i.id.treeId !== void 0 ? i : x({}, i, {
-      id: x({}, i.id, {
-        treeId: e.id ?? co()
-      })
-    }));
-  }, [n, e.id]);
-  const o = e.id ?? t.id.treeId;
-  return {
-    getRootProps: () => ({
-      id: o
-    }),
-    contextValue: {
-      treeId: o
-    }
-  };
-};
-ze.params = {
-  id: !0
-};
-ze.getInitialState = ({
-  id: e
-}) => ({
-  id: {
-    treeId: e ?? void 0
-  }
-});
-const uo = [yt, Et, ze], po = ["slots", "slotProps", "apiRef", "experimentalFeatures"], fo = (e) => {
-  let {
-    props: {
-      slots: t,
-      slotProps: n,
-      apiRef: o,
-      experimentalFeatures: i
-    },
-    plugins: p
-  } = e, c = X(e.props, po);
-  const s = {};
-  p.forEach((f) => {
-    Object.assign(s, f.params);
-  });
-  const d = {}, u = {};
-  Object.keys(c).forEach((f) => {
-    const g = c[f];
-    s[f] ? d[f] = g : u[f] = g;
-  });
-  const l = i ?? {}, a = p.reduce((f, g) => g.getDefaultizedParams ? g.getDefaultizedParams({
-    params: f,
-    experimentalFeatures: l
-  }) : f, d);
-  return {
-    apiRef: o,
-    forwardedProps: u,
-    pluginParams: a,
-    slots: t ?? {},
-    slotProps: n ?? {},
-    experimentalFeatures: l
-  };
-}, mo = ({
-  plugins: e,
-  instance: t,
-  publicAPI: n,
-  rootRef: o
-}) => ({
-  runItemPlugins: (s) => {
-    let d = null, u = null;
-    const l = [], a = {};
-    e.forEach((b) => {
-      if (!b.itemPlugin)
-        return;
-      const m = b.itemPlugin({
-        props: s,
-        rootRef: d,
-        contentRef: u
-      });
-      m != null && m.rootRef && (d = m.rootRef), m != null && m.contentRef && (u = m.contentRef), m != null && m.propsEnhancers && (l.push(m.propsEnhancers), Object.keys(m.propsEnhancers).forEach((I) => {
-        a[I] = !0;
-      }));
-    });
-    const f = (b) => (m) => {
-      const I = {};
-      return l.forEach((h) => {
-        const y = h[b];
-        y != null && Object.assign(I, y(m));
-      }), I;
-    }, g = Object.fromEntries(Object.keys(a).map((b) => [b, f(b)]));
-    return {
-      contentRef: u,
-      rootRef: d,
-      propsEnhancers: g
-    };
-  },
-  wrapItem: ({
-    itemId: s,
-    children: d
-  }) => {
-    let u = d;
-    for (let l = e.length - 1; l >= 0; l -= 1) {
-      const a = e[l];
-      a.wrapItem && (u = a.wrapItem({
-        itemId: s,
-        children: u,
-        instance: t
-      }));
-    }
-    return u;
-  },
-  wrapRoot: ({
-    children: s
-  }) => {
-    let d = s;
-    for (let u = e.length - 1; u >= 0; u -= 1) {
-      const l = e[u];
-      l.wrapRoot && (d = l.wrapRoot({
-        children: d,
-        instance: t
-      }));
-    }
-    return d;
-  },
-  instance: t,
-  rootRef: o,
-  publicAPI: n
-});
-function Io(e) {
-  const t = E.useRef({});
-  return e ? (e.current == null && (e.current = {}), e.current) : t.current;
-}
-const go = ({
-  plugins: e,
-  rootRef: t,
-  props: n
-}) => {
-  const o = [...uo, ...e], {
-    pluginParams: i,
-    forwardedProps: p,
-    apiRef: c,
-    experimentalFeatures: s,
-    slots: d,
-    slotProps: u
-  } = fo({
-    plugins: o,
-    props: n
-  }), l = so(o, i), f = E.useRef({}).current, g = Io(c), b = E.useRef(null), m = pe(b, t), I = mo({
-    plugins: o,
-    instance: f,
-    publicAPI: g,
-    rootRef: b
-  }), [h, y] = E.useState(() => {
-    const R = {};
-    return o.forEach((S) => {
-      S.getInitialState && Object.assign(R, S.getInitialState(i));
-    }), R;
-  }), C = [], k = (R) => {
-    const S = R({
-      instance: f,
-      params: i,
-      slots: d,
-      slotProps: u,
-      experimentalFeatures: s,
-      state: h,
-      setState: y,
-      rootRef: b,
-      models: l,
-      plugins: o
-    });
-    S.getRootProps && C.push(S.getRootProps), S.publicAPI && Object.assign(g, S.publicAPI), S.instance && Object.assign(f, S.instance), S.contextValue && Object.assign(I, S.contextValue);
-  };
-  return o.forEach(k), {
-    getRootProps: (R = {}) => {
-      const S = x({
-        role: "tree"
-      }, p, R, {
-        ref: m
-      });
-      return C.forEach((z) => {
-        Object.assign(S, z(R));
-      }), S;
-    },
-    rootRef: m,
-    contextValue: I,
-    instance: f
-  };
-}, _e = /* @__PURE__ */ E.createContext(null);
-process.env.NODE_ENV !== "production" && (_e.displayName = "TreeViewContext");
-function ho(e) {
-  const {
-    value: t,
-    children: n
-  } = e;
-  return /* @__PURE__ */ T(_e.Provider, {
-    value: t,
-    children: t.wrapRoot({
-      children: n,
-      instance: t.instance
-    })
-  });
-}
-const se = () => {
-  const e = E.useContext(_e);
-  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;
-}, xt = (e, t, n) => {
-  e.$$publishEvent(t, n);
-}, ee = "__TREE_VIEW_ROOT_PARENT_ID__", Ct = (e) => {
-  const t = {};
-  return e.forEach((n, o) => {
-    t[n] = o;
-  }), t;
-}, ie = /* @__PURE__ */ E.createContext(() => -1);
-process.env.NODE_ENV !== "production" && (ie.displayName = "TreeViewItemDepthContext");
-const bo = ["children"], wt = ({
-  items: e,
-  isItemDisabled: t,
-  getItemLabel: n,
-  getItemId: o
-}) => {
-  const i = {}, p = {}, c = {
-    [ee]: []
-  }, s = (u, l, a) => {
-    var m, I;
-    const f = o ? o(u) : u.id;
-    if (f == null)
-      throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.", "Alternatively, you can use the `getItemId` prop to specify a custom id for each item.", "An item was provided without id in the `items` prop:", JSON.stringify(u)].join(`
-`));
-    if (i[f] != null)
-      throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.", "Alternatively, you can use the `getItemId` prop to specify a custom id for each item.", `Two items were provided with the same id in the \`items\` prop: "${f}"`].join(`
-`));
-    const g = n ? n(u) : u.label;
-    if (g == null)
-      throw new Error(["MUI X: The Tree View component requires all items to have a `label` property.", "Alternatively, you can use the `getItemLabel` prop to specify a custom label for each item.", "An item was provided without label in the `items` prop:", JSON.stringify(u)].join(`
-`));
-    i[f] = {
-      id: f,
-      label: g,
-      parentId: a,
-      idAttribute: void 0,
-      expandable: !!((m = u.children) != null && m.length),
-      disabled: t ? t(u) : !1,
-      depth: l
-    }, p[f] = u;
-    const b = a ?? ee;
-    c[b] || (c[b] = []), c[b].push(f), (I = u.children) == null || I.forEach((h) => s(h, l + 1, f));
-  };
-  e.forEach((u) => s(u, 0, null));
-  const d = {};
-  return Object.keys(c).forEach((u) => {
-    d[u] = Ct(c[u]);
-  }), {
-    itemMetaMap: i,
-    itemMap: p,
-    itemOrderedChildrenIds: c,
-    itemChildrenIndexes: d
-  };
-}, me = ({
-  instance: e,
-  params: t,
-  state: n,
-  setState: o,
-  experimentalFeatures: i
-}) => {
-  const p = E.useCallback((h) => n.items.itemMetaMap[h], [n.items.itemMetaMap]), c = E.useCallback((h) => n.items.itemMap[h], [n.items.itemMap]), s = E.useCallback(() => {
-    const h = (y) => {
-      const C = n.items.itemMap[y], k = X(C, bo), w = n.items.itemOrderedChildrenIds[y];
-      return w && (k.children = w.map(h)), k;
-    };
-    return n.items.itemOrderedChildrenIds[ee].map(h);
-  }, [n.items.itemMap, n.items.itemOrderedChildrenIds]), d = E.useCallback((h) => {
-    if (h == null)
-      return !1;
-    let y = e.getItemMeta(h);
-    if (!y)
-      return !1;
-    if (y.disabled)
-      return !0;
-    for (; y.parentId != null; )
-      if (y = e.getItemMeta(y.parentId), y.disabled)
-        return !0;
-    return !1;
-  }, [e]), u = E.useCallback((h) => {
-    const y = e.getItemMeta(h).parentId ?? ee;
-    return n.items.itemChildrenIndexes[y][h];
-  }, [e, n.items.itemChildrenIndexes]), l = E.useCallback((h) => n.items.itemOrderedChildrenIds[h ?? ee] ?? [], [n.items.itemOrderedChildrenIds]), a = (h) => {
-    const y = e.getItemMeta(h);
-    return y == null ? null : document.getElementById(Te({
-      treeId: n.id.treeId,
-      itemId: h,
-      id: y.idAttribute
-    }));
-  }, f = (h) => t.disabledItemsFocusable ? !0 : !e.isItemDisabled(h), g = E.useRef(!1), b = E.useCallback(() => {
-    g.current = !0;
-  }, []), m = E.useCallback(() => g.current, []);
-  return E.useEffect(() => {
-    e.areItemUpdatesPrevented() || o((h) => {
-      const y = wt({
-        items: t.items,
-        isItemDisabled: t.isItemDisabled,
-        getItemId: t.getItemId,
-        getItemLabel: t.getItemLabel
-      });
-      return Object.values(h.items.itemMetaMap).forEach((C) => {
-        y.itemMetaMap[C.id] || xt(e, "removeItem", {
-          id: C.id
-        });
-      }), x({}, h, {
-        items: y
-      });
-    });
-  }, [e, o, t.items, t.isItemDisabled, t.getItemId, t.getItemLabel]), {
-    getRootProps: () => ({
-      style: {
-        "--TreeView-itemChildrenIndentation": typeof t.itemChildrenIndentation == "number" ? `${t.itemChildrenIndentation}px` : t.itemChildrenIndentation
-      }
-    }),
-    publicAPI: {
-      getItem: c,
-      getItemDOMElement: a,
-      getItemTree: s,
-      getItemOrderedChildrenIds: l
-    },
-    instance: {
-      getItemMeta: p,
-      getItem: c,
-      getItemTree: s,
-      getItemsToRender: () => {
-        const h = (y) => {
-          var k;
-          const C = n.items.itemMetaMap[y];
-          return {
-            label: C.label,
-            itemId: C.id,
-            id: C.idAttribute,
-            children: (k = n.items.itemOrderedChildrenIds[y]) == null ? void 0 : k.map(h)
-          };
-        };
-        return n.items.itemOrderedChildrenIds[ee].map(h);
-      },
-      getItemIndex: u,
-      getItemDOMElement: a,
-      getItemOrderedChildrenIds: l,
-      isItemDisabled: d,
-      isItemNavigable: f,
-      preventItemUpdates: b,
-      areItemUpdatesPrevented: m
-    },
-    contextValue: {
-      items: {
-        onItemClick: t.onItemClick,
-        disabledItemsFocusable: t.disabledItemsFocusable,
-        indentationAtItemLevel: i.indentationAtItemLevel ?? !1
-      }
-    }
-  };
-};
-me.getInitialState = (e) => ({
-  items: wt({
-    items: e.items,
-    isItemDisabled: e.isItemDisabled,
-    getItemId: e.getItemId,
-    getItemLabel: e.getItemLabel
-  })
-});
-me.getDefaultizedParams = ({
-  params: e
-}) => x({}, e, {
-  disabledItemsFocusable: e.disabledItemsFocusable ?? !1,
-  itemChildrenIndentation: e.itemChildrenIndentation ?? "12px"
-});
-me.wrapRoot = ({
-  children: e,
-  instance: t
-}) => /* @__PURE__ */ T(ie.Provider, {
-  value: (n) => {
-    var o;
-    return ((o = t.getItemMeta(n)) == null ? void 0 : o.depth) ?? 0;
-  },
-  children: e
-});
-me.params = {
-  disabledItemsFocusable: !0,
-  items: !0,
-  isItemDisabled: !0,
-  getItemLabel: !0,
-  getItemId: !0,
-  onItemClick: !0,
-  itemChildrenIndentation: !0
-};
-const Tt = typeof window < "u" ? E.useLayoutEffect : E.useEffect;
-function G(e) {
-  const t = E.useRef(e);
-  return Tt(() => {
-    t.current = e;
-  }), E.useRef((...n) => (
-    // @ts-expect-error hide `this`
-    (0, t.current)(...n)
-  )).current;
-}
-const ve = ({
-  instance: e,
-  params: t,
-  models: n
-}) => {
-  const o = E.useMemo(() => {
-    const a = /* @__PURE__ */ new Map();
-    return n.expandedItems.value.forEach((f) => {
-      a.set(f, !0);
-    }), a;
-  }, [n.expandedItems.value]), i = (a, f) => {
-    var g;
-    (g = t.onExpandedItemsChange) == null || g.call(t, a, f), n.expandedItems.setControlledValue(f);
-  }, p = E.useCallback((a) => o.has(a), [o]), c = E.useCallback((a) => {
-    var f;
-    return !!((f = e.getItemMeta(a)) != null && f.expandable);
-  }, [e]), s = G((a, f) => {
-    const g = e.isItemExpanded(f);
-    e.setItemExpansion(a, f, !g);
-  }), d = G((a, f, g) => {
-    if (e.isItemExpanded(f) === g)
-      return;
-    let m;
-    g ? m = [f].concat(n.expandedItems.value) : m = n.expandedItems.value.filter((I) => I !== f), t.onItemExpansionToggle && t.onItemExpansionToggle(a, f, g), i(a, m);
-  }), u = (a, f) => {
-    const g = e.getItemMeta(f), m = e.getItemOrderedChildrenIds(g.parentId).filter((h) => e.isItemExpandable(h) && !e.isItemExpanded(h)), I = n.expandedItems.value.concat(m);
-    m.length > 0 && (t.onItemExpansionToggle && m.forEach((h) => {
-      t.onItemExpansionToggle(a, h, !0);
-    }), i(a, I));
-  }, l = E.useMemo(() => t.expansionTrigger ? t.expansionTrigger : e.isTreeViewEditable ? "iconContainer" : "content", [t.expansionTrigger, e.isTreeViewEditable]);
-  return {
-    publicAPI: {
-      setItemExpansion: d
-    },
-    instance: {
-      isItemExpanded: p,
-      isItemExpandable: c,
-      setItemExpansion: d,
-      toggleItemExpansion: s,
-      expandAllSiblings: u
-    },
-    contextValue: {
-      expansion: {
-        expansionTrigger: l
-      }
-    }
-  };
-};
-ve.models = {
-  expandedItems: {
-    getDefaultValue: (e) => e.defaultExpandedItems
-  }
-};
-const yo = [];
-ve.getDefaultizedParams = ({
-  params: e
-}) => x({}, e, {
-  defaultExpandedItems: e.defaultExpandedItems ?? yo
-});
-ve.params = {
-  expandedItems: !0,
-  defaultExpandedItems: !0,
-  onExpandedItemsChange: !0,
-  onItemExpansionToggle: !0,
-  expansionTrigger: !0
-};
-const vt = (e, t) => {
-  let n = t.length - 1;
-  for (; n >= 0 && !e.isItemNavigable(t[n]); )
-    n -= 1;
-  if (n !== -1)
-    return t[n];
-}, Rt = (e, t) => {
-  const n = e.getItemMeta(t), o = e.getItemOrderedChildrenIds(n.parentId), i = e.getItemIndex(t);
-  if (i === 0)
-    return n.parentId;
-  let p = i - 1;
-  for (; !e.isItemNavigable(o[p]) && p >= 0; )
-    p -= 1;
-  if (p === -1)
-    return n.parentId == null ? null : Rt(e, n.parentId);
-  let c = o[p], s = vt(e, e.getItemOrderedChildrenIds(c));
-  for (; e.isItemExpanded(c) && s != null; )
-    c = s, s = e.getItemOrderedChildrenIds(c).find(e.isItemNavigable);
-  return c;
-}, ye = (e, t) => {
-  if (e.isItemExpanded(t)) {
-    const o = e.getItemOrderedChildrenIds(t).find(e.isItemNavigable);
-    if (o != null)
-      return o;
-  }
-  let n = e.getItemMeta(t);
-  for (; n != null; ) {
-    const o = e.getItemOrderedChildrenIds(n.parentId), i = e.getItemIndex(n.id);
-    if (i < o.length - 1) {
-      let p = i + 1;
-      for (; !e.isItemNavigable(o[p]) && p < o.length - 1; )
-        p += 1;
-      if (e.isItemNavigable(o[p]))
-        return o[p];
-    }
-    n = e.getItemMeta(n.parentId);
-  }
-  return null;
-}, Mt = (e) => {
-  let t = null;
-  for (; t == null || e.isItemExpanded(t); ) {
-    const n = e.getItemOrderedChildrenIds(t), o = vt(e, n);
-    if (o == null)
-      return t;
-    t = o;
-  }
-  return t;
-}, fe = (e) => e.getItemOrderedChildrenIds(null).find(e.isItemNavigable), St = (e, t, n) => {
-  if (t === n)
-    return [t, n];
-  const o = e.getItemMeta(t), i = e.getItemMeta(n);
-  if (o.parentId === i.id || i.parentId === o.id)
-    return i.parentId === o.id ? [o.id, i.id] : [i.id, o.id];
-  const p = [o.id], c = [i.id];
-  let s = o.parentId, d = i.parentId, u = c.indexOf(s) !== -1, l = p.indexOf(d) !== -1, a = !0, f = !0;
-  for (; !l && !u; )
-    a && (p.push(s), u = c.indexOf(s) !== -1, a = s !== null, !u && a && (s = e.getItemMeta(s).parentId)), f && !u && (c.push(d), l = p.indexOf(d) !== -1, f = d !== null, !l && f && (d = e.getItemMeta(d).parentId));
-  const g = u ? s : d, b = e.getItemOrderedChildrenIds(g), m = p[p.indexOf(g) - 1], I = c[c.indexOf(g) - 1];
-  return b.indexOf(m) < b.indexOf(I) ? [t, n] : [n, t];
-}, Eo = (e, t, n) => {
-  const o = (d) => {
-    if (e.isItemExpandable(d) && e.isItemExpanded(d))
-      return e.getItemOrderedChildrenIds(d)[0];
-    let u = e.getItemMeta(d);
-    for (; u != null; ) {
-      const l = e.getItemOrderedChildrenIds(u.parentId), a = e.getItemIndex(u.id);
-      if (a < l.length - 1)
-        return l[a + 1];
-      u = e.getItemMeta(u.parentId);
-    }
-    throw new Error("Invalid range");
-  }, [i, p] = St(e, t, n), c = [i];
-  let s = i;
-  for (; s !== p; )
-    s = o(s), e.isItemDisabled(s) || c.push(s);
-  return c;
-}, xo = (e) => {
-  let t = fe(e);
-  const n = [];
-  for (; t != null; )
-    n.push(t), t = ye(e, t);
-  return n;
-}, $e = (e, t) => t !== e.closest('*[role="treeitem"]'), Ee = (e) => Array.isArray(e) ? e : e != null ? [e] : [], De = (e) => {
-  const t = {};
-  return e.forEach((n) => {
-    t[n] = !0;
-  }), t;
-}, Re = ({
-  instance: e,
-  params: t,
-  models: n
-}) => {
-  const o = E.useRef(null), i = E.useRef({}), p = E.useMemo(() => {
-    const m = /* @__PURE__ */ new Map();
-    return Array.isArray(n.selectedItems.value) ? n.selectedItems.value.forEach((I) => {
-      m.set(I, !0);
-    }) : n.selectedItems.value != null && m.set(n.selectedItems.value, !0), m;
-  }, [n.selectedItems.value]), c = (m, I) => {
-    if (t.onItemSelectionToggle)
-      if (t.multiSelect) {
-        const h = I.filter((C) => !e.isItemSelected(C)), y = n.selectedItems.value.filter((C) => !I.includes(C));
-        h.forEach((C) => {
-          t.onItemSelectionToggle(m, C, !0);
-        }), y.forEach((C) => {
-          t.onItemSelectionToggle(m, C, !1);
-        });
-      } else I !== n.selectedItems.value && (n.selectedItems.value != null && t.onItemSelectionToggle(m, n.selectedItems.value, !1), I != null && t.onItemSelectionToggle(m, I, !0));
-    t.onSelectedItemsChange && t.onSelectedItemsChange(m, I), n.selectedItems.setControlledValue(I);
-  }, s = (m) => p.has(m), d = ({
-    event: m,
-    itemId: I,
-    keepExistingSelection: h = !1,
-    shouldBeSelected: y
-  }) => {
-    if (t.disableSelection)
-      return;
-    let C;
-    if (h) {
-      const k = Ee(n.selectedItems.value), w = e.isItemSelected(I);
-      w && (y === !1 || y == null) ? C = k.filter((R) => R !== I) : !w && (y === !0 || y == null) ? C = [I].concat(k) : C = k;
-    } else
-      y === !1 || y == null && e.isItemSelected(I) ? C = t.multiSelect ? [] : null : C = t.multiSelect ? [I] : I;
-    c(m, C), o.current = I, i.current = {};
-  }, u = (m, [I, h]) => {
-    if (t.disableSelection || !t.multiSelect)
-      return;
-    let y = Ee(n.selectedItems.value).slice();
-    Object.keys(i.current).length > 0 && (y = y.filter((R) => !i.current[R]));
-    const C = De(y), k = Eo(e, I, h), w = k.filter((R) => !C[R]);
-    y = y.concat(w), c(m, y), i.current = De(k);
-  };
-  return {
-    getRootProps: () => ({
-      "aria-multiselectable": t.multiSelect
-    }),
-    publicAPI: {
-      selectItem: d
-    },
-    instance: {
-      isItemSelected: s,
-      selectItem: d,
-      selectAllNavigableItems: (m) => {
-        if (t.disableSelection || !t.multiSelect)
-          return;
-        const I = xo(e);
-        c(m, I), i.current = De(I);
-      },
-      expandSelectionRange: (m, I) => {
-        if (o.current != null) {
-          const [h, y] = St(e, I, o.current);
-          u(m, [h, y]);
-        }
-      },
-      selectRangeFromStartToItem: (m, I) => {
-        u(m, [fe(e), I]);
-      },
-      selectRangeFromItemToEnd: (m, I) => {
-        u(m, [I, Mt(e)]);
-      },
-      selectItemFromArrowNavigation: (m, I, h) => {
-        if (t.disableSelection || !t.multiSelect)
-          return;
-        let y = Ee(n.selectedItems.value).slice();
-        Object.keys(i.current).length === 0 ? (y.push(h), i.current = {
-          [I]: !0,
-          [h]: !0
-        }) : (i.current[I] || (i.current = {}), i.current[h] ? (y = y.filter((C) => C !== I), delete i.current[I]) : (y.push(h), i.current[h] = !0)), c(m, y);
-      }
-    },
-    contextValue: {
-      selection: {
-        multiSelect: t.multiSelect,
-        checkboxSelection: t.checkboxSelection,
-        disableSelection: t.disableSelection
-      }
-    }
-  };
-};
-Re.models = {
-  selectedItems: {
-    getDefaultValue: (e) => e.defaultSelectedItems
-  }
-};
-const Co = [];
-Re.getDefaultizedParams = ({
-  params: e
-}) => x({}, e, {
-  disableSelection: e.disableSelection ?? !1,
-  multiSelect: e.multiSelect ?? !1,
-  checkboxSelection: e.checkboxSelection ?? !1,
-  defaultSelectedItems: e.defaultSelectedItems ?? (e.multiSelect ? Co : null)
-});
-Re.params = {
-  disableSelection: !0,
-  multiSelect: !0,
-  checkboxSelection: !0,
-  defaultSelectedItems: !0,
-  selectedItems: !0,
-  onSelectedItemsChange: !0,
-  onItemSelectionToggle: !0
-};
-function wo(e) {
-  return e && e.ownerDocument || document;
-}
-const lt = 1e3;
-class To {
-  constructor(t = lt) {
-    this.timeouts = /* @__PURE__ */ new Map(), this.cleanupTimeout = lt, this.cleanupTimeout = t;
-  }
-  register(t, n, o) {
-    this.timeouts || (this.timeouts = /* @__PURE__ */ new Map());
-    const i = setTimeout(() => {
-      typeof n == "function" && n(), this.timeouts.delete(o.cleanupToken);
-    }, this.cleanupTimeout);
-    this.timeouts.set(o.cleanupToken, i);
-  }
-  unregister(t) {
-    const n = this.timeouts.get(t.cleanupToken);
-    n && (this.timeouts.delete(t.cleanupToken), clearTimeout(n));
-  }
-  reset() {
-    this.timeouts && (this.timeouts.forEach((t, n) => {
-      this.unregister({
-        cleanupToken: n
-      });
-    }), this.timeouts = void 0);
-  }
-}
-class vo {
-  constructor() {
-    this.registry = new FinalizationRegistry((t) => {
-      typeof t == "function" && t();
-    });
-  }
-  register(t, n, o) {
-    this.registry.register(t, n, o);
-  }
-  unregister(t) {
-    this.registry.unregister(t);
-  }
-  // eslint-disable-next-line class-methods-use-this
-  reset() {
-  }
-}
-class Ro {
-}
-function Mo(e) {
-  let t = 0;
-  return function(o, i, p) {
-    e.registry === null && (e.registry = typeof FinalizationRegistry < "u" ? new vo() : new To());
-    const [c] = E.useState(new Ro()), s = E.useRef(null), d = E.useRef(void 0);
-    d.current = p;
-    const u = E.useRef(null);
-    if (!s.current && d.current) {
-      const l = (a, f) => {
-        var g;
-        f.defaultMuiPrevented || (g = d.current) == null || g.call(d, a, f);
-      };
-      s.current = o.$$subscribeEvent(i, l), t += 1, u.current = {
-        cleanupToken: t
-      }, e.registry.register(
-        c,
-        // The callback below will be called once this reference stops being retained
-        () => {
-          var a;
-          (a = s.current) == null || a.call(s), s.current = null, u.current = null;
-        },
-        u.current
-      );
-    } else !d.current && s.current && (s.current(), s.current = null, u.current && (e.registry.unregister(u.current), u.current = null));
-    E.useEffect(() => {
-      if (!s.current && d.current) {
-        const l = (a, f) => {
-          var g;
-          f.defaultMuiPrevented || (g = d.current) == null || g.call(d, a, f);
-        };
-        s.current = o.$$subscribeEvent(i, l);
-      }
-      return u.current && e.registry && (e.registry.unregister(u.current), u.current = null), () => {
-        var l;
-        (l = s.current) == null || l.call(s), s.current = null;
-      };
-    }, [o, i]);
-  };
-}
-const So = {
-  registry: null
-}, ko = Mo(So), kt = (e = document) => {
-  const t = e.activeElement;
-  return t ? t.shadowRoot ? kt(t.shadowRoot) : t : null;
-};
-function Oo(e) {
-  return e.replace(/["\\]/g, "\\$&");
-}
-const Po = (e, t) => {
-  let n = Ee(t).find((o) => {
-    if (!e.isItemNavigable(o))
-      return !1;
-    const i = e.getItemMeta(o);
-    return i && (i.parentId == null || e.isItemExpanded(i.parentId));
-  });
-  return n == null && (n = fe(e)), n;
-}, Be = ({
-  instance: e,
-  params: t,
-  state: n,
-  setState: o,
-  models: i,
-  rootRef: p
-}) => {
-  const c = Po(e, i.selectedItems.value), s = G((I) => {
-    const h = typeof I == "function" ? I(n.focusedItemId) : I;
-    n.focusedItemId !== h && o((y) => x({}, y, {
-      focusedItemId: h
-    }));
-  }), d = E.useCallback(() => !!p.current && p.current.contains(kt(wo(p.current))), [p]), u = E.useCallback((I) => n.focusedItemId === I && d(), [n.focusedItemId, d]), l = (I) => {
-    const h = e.getItemMeta(I);
-    return h && (h.parentId == null || e.isItemExpanded(h.parentId));
-  }, a = (I, h) => {
-    const y = e.getItemDOMElement(h);
-    y && y.focus(), s(h), t.onItemFocus && t.onItemFocus(I, h);
-  }, f = G((I, h) => {
-    l(h) && a(I, h);
-  }), g = G(() => {
-    if (n.focusedItemId == null)
-      return;
-    if (e.getItemMeta(n.focusedItemId)) {
-      const h = e.getItemDOMElement(n.focusedItemId);
-      h && h.blur();
-    }
-    s(null);
-  }), b = (I) => I === c;
-  ko(e, "removeItem", ({
-    id: I
-  }) => {
-    n.focusedItemId === I && a(null, c);
-  });
-  const m = (I) => (h) => {
-    var y;
-    (y = I.onFocus) == null || y.call(I, h), !h.defaultMuiPrevented && h.target === h.currentTarget && a(h, c);
-  };
-  return {
-    getRootProps: (I) => ({
-      onFocus: m(I)
-    }),
-    publicAPI: {
-      focusItem: f
-    },
-    instance: {
-      isItemFocused: u,
-      canItemBeTabbed: b,
-      focusItem: f,
-      removeFocusedItem: g
-    }
-  };
-};
-Be.getInitialState = () => ({
-  focusedItemId: null
-});
-Be.params = {
-  onItemFocus: !0
-};
-const xe = (e, t) => e.getAvailablePlugins().has(t), Do = ({
-  props: e
-}) => {
-  const {
-    instance: t
-  } = se(), {
-    label: n,
-    itemId: o
-  } = e, [i, p] = E.useState(n), c = t.isItemBeingEdited(o);
-  return E.useEffect(() => {
-    c || p(n);
-  }, [c, n]), {
-    propsEnhancers: {
-      labelInput: ({
-        externalEventHandlers: s,
-        interactions: d
-      }) => t.isItemEditable(o) ? {
-        value: i ?? "",
-        "data-element": "labelInput",
-        onChange: (g) => {
-          var b;
-          (b = s.onChange) == null || b.call(s, g), p(g.target.value);
-        },
-        onKeyDown: (g) => {
-          var m;
-          if ((m = s.onKeyDown) == null || m.call(s, g), g.defaultMuiPrevented)
-            return;
-          const b = g.target;
-          g.key === "Enter" && b.value ? d.handleSaveItemLabel(g, b.value) : g.key === "Escape" && d.handleCancelItemLabelEditing(g);
-        },
-        onBlur: (g) => {
-          var b;
-          (b = s.onBlur) == null || b.call(s, g), !g.defaultMuiPrevented && g.target.value && d.handleSaveItemLabel(g, g.target.value);
-        },
-        autoFocus: !0,
-        type: "text"
-      } : {}
-    }
-  };
-}, Y = ({
-  instance: e,
-  state: t,
-  setState: n,
-  params: o
-}) => {
-  const i = E.useRef(t.editedItemId), p = (a) => i.current === a, c = (a) => {
-    n((f) => x({}, f, {
-      editedItemId: a
-    })), i.current = a;
-  }, s = (a) => a === t.editedItemId, d = !!o.isItemEditable, u = (a) => {
-    if (a == null || !d)
-      return !1;
-    const f = e.getItem(a);
-    return f ? typeof o.isItemEditable == "function" ? o.isItemEditable(f) : !!o.isItemEditable : !1;
-  }, l = (a, f) => {
-    if (!f)
-      throw new Error(["MUI X: The Tree View component requires all items to have a `label` property.", "The label of an item cannot be empty.", a].join(`
-`));
-    n((g) => {
-      const b = g.items.itemMetaMap[a];
-      return b.label !== f ? x({}, g, {
-        items: x({}, g.items, {
-          itemMetaMap: x({}, g.items.itemMetaMap, {
-            [a]: x({}, b, {
-              label: f
-            })
-          })
-        })
-      }) : g;
-    }), o.onItemLabelChange && o.onItemLabelChange(a, f);
-  };
-  return {
-    instance: {
-      setEditedItemId: c,
-      isItemBeingEdited: s,
-      updateItemLabel: l,
-      isItemEditable: u,
-      isTreeViewEditable: d,
-      isItemBeingEditedRef: p
-    },
-    publicAPI: {
-      updateItemLabel: l
-    }
-  };
-};
-Y.itemPlugin = Do;
-Y.getDefaultizedParams = ({
-  params: e,
-  experimentalFeatures: t
-}) => {
-  const n = t == null ? void 0 : t.labelEditing;
-  return process.env.NODE_ENV !== "production" && e.isItemEditable && !n && Ce(["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/"]), x({}, e, {
-    isItemEditable: n ? e.isItemEditable ?? !1 : !1
-  });
-};
-Y.getInitialState = () => ({
-  editedItemId: null
-});
-Y.params = {
-  onItemLabelChange: !0,
-  isItemEditable: !0
-};
-function Vo(e) {
-  return !!e && e.length === 1 && !!e.match(/\S/);
-}
-const Ot = ({
-  instance: e,
-  params: t,
-  state: n
-}) => {
-  const o = bn(), i = E.useRef({}), p = G((l) => {
-    i.current = l(i.current);
-  });
-  E.useEffect(() => {
-    if (e.areItemUpdatesPrevented())
-      return;
-    const l = {}, a = (f) => {
-      l[f.id] = f.label.substring(0, 1).toLowerCase();
-    };
-    Object.values(n.items.itemMetaMap).forEach(a), i.current = l;
-  }, [n.items.itemMetaMap, t.getItemId, e]);
-  const c = (l, a) => {
-    const f = a.toLowerCase(), g = (h) => {
-      const y = ye(e, h);
-      return y === null ? fe(e) : y;
-    };
-    let b = null, m = g(l);
-    const I = {};
-    for (; b == null && !I[m]; )
-      i.current[m] === f ? b = m : (I[m] = !0, m = g(m));
-    return b;
-  }, s = (l) => !t.disableSelection && !e.isItemDisabled(l), d = (l) => !e.isItemDisabled(l) && e.isItemExpandable(l);
-  return {
-    instance: {
-      updateFirstCharMap: p,
-      handleItemKeyDown: (l, a) => {
-        if (l.defaultMuiPrevented || l.altKey || $e(l.target, l.currentTarget))
-          return;
-        const f = l.ctrlKey || l.metaKey, g = l.key;
-        switch (!0) {
-          case (g === " " && s(a)): {
-            l.preventDefault(), t.multiSelect && l.shiftKey ? e.expandSelectionRange(l, a) : e.selectItem({
-              event: l,
-              itemId: a,
-              keepExistingSelection: t.multiSelect,
-              shouldBeSelected: t.multiSelect ? void 0 : !0
-            });
-            break;
-          }
-          case g === "Enter": {
-            xe(e, Y) && e.isItemEditable(a) && !e.isItemBeingEdited(a) ? e.setEditedItemId(a) : d(a) ? (e.toggleItemExpansion(l, a), l.preventDefault()) : s(a) && (t.multiSelect ? (l.preventDefault(), e.selectItem({
-              event: l,
-              itemId: a,
-              keepExistingSelection: !0
-            })) : e.isItemSelected(a) || (e.selectItem({
-              event: l,
-              itemId: a
-            }), l.preventDefault()));
-            break;
-          }
-          case g === "ArrowDown": {
-            const b = ye(e, a);
-            b && (l.preventDefault(), e.focusItem(l, b), t.multiSelect && l.shiftKey && s(b) && e.selectItemFromArrowNavigation(l, a, b));
-            break;
-          }
-          case g === "ArrowUp": {
-            const b = Rt(e, a);
-            b && (l.preventDefault(), e.focusItem(l, b), t.multiSelect && l.shiftKey && s(b) && e.selectItemFromArrowNavigation(l, a, b));
-            break;
-          }
-          case (g === "ArrowRight" && !o || g === "ArrowLeft" && o): {
-            if (f)
-              return;
-            if (e.isItemExpanded(a)) {
-              const b = ye(e, a);
-              b && (e.focusItem(l, b), l.preventDefault());
-            } else d(a) && (e.toggleItemExpansion(l, a), l.preventDefault());
-            break;
-          }
-          case (g === "ArrowLeft" && !o || g === "ArrowRight" && o): {
-            if (f)
-              return;
-            if (d(a) && e.isItemExpanded(a))
-              e.toggleItemExpansion(l, a), l.preventDefault();
-            else {
-              const b = e.getItemMeta(a).parentId;
-              b && (e.focusItem(l, b), l.preventDefault());
-            }
-            break;
-          }
-          case g === "Home": {
-            s(a) && t.multiSelect && f && l.shiftKey ? e.selectRangeFromStartToItem(l, a) : e.focusItem(l, fe(e)), l.preventDefault();
-            break;
-          }
-          case g === "End": {
-            s(a) && t.multiSelect && f && l.shiftKey ? e.selectRangeFromItemToEnd(l, a) : e.focusItem(l, Mt(e)), l.preventDefault();
-            break;
-          }
-          case g === "*": {
-            e.expandAllSiblings(l, a), l.preventDefault();
-            break;
-          }
-          case (String.fromCharCode(l.keyCode) === "A" && f && t.multiSelect && !t.disableSelection): {
-            e.selectAllNavigableItems(l), l.preventDefault();
-            break;
-          }
-          case (!f && !l.shiftKey && Vo(g)): {
-            const b = c(a, g);
-            b != null && (e.focusItem(l, b), l.preventDefault());
-            break;
-          }
-        }
-      }
-    }
-  };
-};
-Ot.params = {};
-const Pt = ({
-  slots: e,
-  slotProps: t
-}) => ({
-  contextValue: {
-    icons: {
-      slots: {
-        collapseIcon: e.collapseIcon,
-        expandIcon: e.expandIcon,
-        endIcon: e.endIcon
-      },
-      slotProps: {
-        collapseIcon: t.collapseIcon,
-        expandIcon: t.expandIcon,
-        endIcon: t.endIcon
-      }
-    }
-  }
-});
-Pt.params = {};
-const Ue = /* @__PURE__ */ E.createContext(null);
-process.env.NODE_ENV !== "production" && (Ue.displayName = "TreeViewChildrenItemContext");
-function Ke(e) {
-  const {
-    children: t,
-    itemId: n = null
-  } = e, {
-    instance: o,
-    treeId: i,
-    rootRef: p
-  } = se(), c = E.useRef(/* @__PURE__ */ new Map());
-  E.useEffect(() => {
-    if (!p.current)
-      return;
-    let d = null;
-    if (n == null)
-      d = p.current.id;
-    else {
-      const b = o.getItemMeta(n);
-      b !== void 0 && (d = Te({
-        itemId: n,
-        treeId: i,
-        id: b.idAttribute
-      }));
-    }
-    if (d == null)
-      return;
-    const u = o.getItemOrderedChildrenIds(n ?? null) ?? [], l = Oo(d), a = p.current.querySelectorAll(`${n == null ? "" : `*[id="${l}"] `}[role="treeitem"]:not(*[id="${l}"] [role="treeitem"] [role="treeitem"])`), f = Array.from(a).map((b) => c.current.get(b.id));
-    (f.length !== u.length || f.some((b, m) => b !== u[m])) && o.setJSXItemsOrderedChildrenIds(n ?? null, f);
-  });
-  const s = E.useMemo(() => ({
-    registerChild: (d, u) => c.current.set(d, u),
-    unregisterChild: (d) => c.current.delete(d),
-    parentId: n
-  }), [n]);
-  return /* @__PURE__ */ T(Ue.Provider, {
-    value: s,
-    children: t
-  });
-}
-process.env.NODE_ENV !== "production" && (Ke.propTypes = {
-  children: r.node,
-  id: r.string
-});
-const Ie = ({
-  instance: e,
-  setState: t
-}) => {
-  e.preventItemUpdates();
-  const n = G((p) => (t((c) => {
-    if (c.items.itemMetaMap[p.id] != null)
-      throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.", "Alternatively, you can use the `getItemId` prop to specify a custom id for each item.", `Two items were provided with the same id in the \`items\` prop: "${p.id}"`].join(`
-`));
-    return x({}, c, {
-      items: x({}, c.items, {
-        itemMetaMap: x({}, c.items.itemMetaMap, {
-          [p.id]: p
-        }),
-        // For Simple Tree View, we don't have a proper `item` object, so we create a very basic one.
-        itemMap: x({}, c.items.itemMap, {
-          [p.id]: {
-            id: p.id,
-            label: p.label
-          }
-        })
-      })
-    });
-  }), () => {
-    t((c) => {
-      const s = x({}, c.items.itemMetaMap), d = x({}, c.items.itemMap);
-      return delete s[p.id], delete d[p.id], x({}, c, {
-        items: x({}, c.items, {
-          itemMetaMap: s,
-          itemMap: d
-        })
-      });
-    }), xt(e, "removeItem", {
-      id: p.id
-    });
-  })), o = (p, c) => {
-    const s = p ?? ee;
-    t((d) => x({}, d, {
-      items: x({}, d.items, {
-        itemOrderedChildrenIds: x({}, d.items.itemOrderedChildrenIds, {
-          [s]: c
-        }),
-        itemChildrenIndexes: x({}, d.items.itemChildrenIndexes, {
-          [s]: Ct(c)
-        })
-      })
-    }));
-  }, i = G((p, c) => (e.updateFirstCharMap((s) => (s[p] = c, s)), () => {
-    e.updateFirstCharMap((s) => {
-      const d = x({}, s);
-      return delete d[p], d;
-    });
-  }));
-  return {
-    instance: {
-      insertJSXItem: n,
-      setJSXItemsOrderedChildrenIds: o,
-      mapFirstCharFromJSX: i
-    }
-  };
-}, Dt = (e) => Array.isArray(e) ? e.length > 0 && e.some(Dt) : !!e, $o = ({
-  props: e,
-  rootRef: t,
-  contentRef: n
-}) => {
-  const {
-    instance: o,
-    treeId: i
-  } = se(), {
-    children: p,
-    disabled: c = !1,
-    label: s,
-    itemId: d,
-    id: u
-  } = e, l = E.useContext(Ue);
-  if (l == null)
-    throw new Error(["MUI X: Could not find the Tree View Children Item context.", "It looks like you rendered your component outside of a SimpleTreeView parent component.", "This can also happen if you are bundling multiple versions of the Tree View."].join(`
-`));
-  const {
-    registerChild: a,
-    unregisterChild: f,
-    parentId: g
-  } = l, b = Dt(p), m = E.useRef(null), I = pe(m, n);
-  return Tt(() => {
-    const h = Te({
-      itemId: d,
-      treeId: i,
-      id: u
-    });
-    return a(h, d), () => {
-      f(h);
-    };
-  }, [a, f, d, u, i]), E.useEffect(() => o.insertJSXItem({
-    id: d,
-    idAttribute: u,
-    parentId: g,
-    expandable: b,
-    disabled: c
-  }), [o, g, d, b, c, u]), E.useEffect(() => {
-    var h;
-    if (s)
-      return o.mapFirstCharFromJSX(d, (((h = m.current) == null ? void 0 : h.textContent) ?? "").substring(0, 1).toLowerCase());
-  }, [o, d, s]), {
-    contentRef: I,
-    rootRef: t
-  };
-};
-Ie.itemPlugin = $o;
-Ie.wrapItem = ({
-  children: e,
-  itemId: t
-}) => {
-  const n = E.useContext(ie);
-  return /* @__PURE__ */ T(Ke, {
-    itemId: t,
-    children: /* @__PURE__ */ T(ie.Provider, {
-      value: n + 1,
-      children: e
-    })
-  });
-};
-Ie.wrapRoot = ({
-  children: e
-}) => /* @__PURE__ */ T(Ke, {
-  children: /* @__PURE__ */ T(ie.Provider, {
-    value: 0,
-    children: e
-  })
-});
-Ie.params = {};
-const No = [me, ve, Re, Be, Ot, Pt, Ie], Ao = ht(), Fo = (e) => {
-  const {
-    classes: t
-  } = e;
-  return gt({
-    root: ["root"]
-  }, io, t);
-}, Lo = B("ul", {
-  name: "MuiSimpleTreeView",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root
-})({
-  padding: 0,
-  margin: 0,
-  listStyle: "none",
-  outline: 0,
-  position: "relative"
-}), jo = [], Vt = /* @__PURE__ */ E.forwardRef(function(t, n) {
-  const o = Ao({
-    props: t,
-    name: "MuiSimpleTreeView"
-  }), i = o;
-  process.env.NODE_ENV !== "production" && o.items != null && Ce(["MUI X: The Simple Tree View component does not support the `items` prop.", "If you want to add items, you need to pass them as JSX children.", "Check the documentation for more details: https://mui.com/x/react-tree-view/simple-tree-view/items/."]);
-  const {
-    getRootProps: p,
-    contextValue: c
-  } = go({
-    plugins: No,
-    rootRef: n,
-    props: x({}, o, {
-      items: jo
-    })
-  }), {
-    slots: s,
-    slotProps: d
-  } = o, u = Fo(o), l = (s == null ? void 0 : s.root) ?? Lo, a = ue({
-    elementType: l,
-    externalSlotProps: d == null ? void 0 : d.root,
-    className: u.root,
-    getSlotProps: p,
-    ownerState: i
-  });
-  return /* @__PURE__ */ T(ho, {
-    value: c,
-    children: /* @__PURE__ */ T(l, x({}, a))
-  });
-});
-process.env.NODE_ENV !== "production" && (Vt.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The ref object that allows Tree View manipulation. Can be instantiated with `useTreeViewApiRef()`.
-   */
-  apiRef: r.shape({
-    current: r.shape({
-      focusItem: r.func.isRequired,
-      getItem: r.func.isRequired,
-      getItemDOMElement: r.func.isRequired,
-      getItemOrderedChildrenIds: r.func.isRequired,
-      getItemTree: r.func.isRequired,
-      selectItem: r.func.isRequired,
-      setItemExpansion: r.func.isRequired
-    })
-  }),
-  /**
-   * If `true`, the Tree View renders a checkbox at the left of its label that allows selecting it.
-   * @default false
-   */
-  checkboxSelection: r.bool,
-  /**
-   * The content of the component.
-   */
-  children: r.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: r.object,
-  className: r.string,
-  /**
-   * Expanded item ids.
-   * Used when the item's expansion is not controlled.
-   * @default []
-   */
-  defaultExpandedItems: r.arrayOf(r.string),
-  /**
-   * Selected item ids. (Uncontrolled)
-   * When `multiSelect` is true this takes an array of strings; when false (default) a string.
-   * @default []
-   */
-  defaultSelectedItems: r.any,
-  /**
-   * If `true`, will allow focus on disabled items.
-   * @default false
-   */
-  disabledItemsFocusable: r.bool,
-  /**
-   * If `true` selection is disabled.
-   * @default false
-   */
-  disableSelection: r.bool,
-  /**
-   * Expanded item ids.
-   * Used when the item's expansion is controlled.
-   */
-  expandedItems: r.arrayOf(r.string),
-  /**
-   * The slot that triggers the item's expansion when clicked.
-   * @default 'content'
-   */
-  expansionTrigger: r.oneOf(["content", "iconContainer"]),
-  /**
-   * Unstable features, breaking changes might be introduced.
-   * For each feature, if the flag is not explicitly set to `true`,
-   * the feature will be fully disabled and any property / method call will not have any effect.
-   */
-  experimentalFeatures: r.shape({
-    indentationAtItemLevel: r.bool
-  }),
-  /**
-   * This prop is used to help implement the accessibility logic.
-   * If you don't provide this prop. It falls back to a randomly generated id.
-   */
-  id: r.string,
-  /**
-   * Horizontal indentation between an item and its children.
-   * Examples: 24, "24px", "2rem", "2em".
-   * @default 12px
-   */
-  itemChildrenIndentation: r.oneOfType([r.number, r.string]),
-  /**
-   * If `true`, `ctrl` and `shift` will trigger multiselect.
-   * @default false
-   */
-  multiSelect: r.bool,
-  /**
-   * Callback fired when Tree Items are expanded/collapsed.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change.
-   * @param {array} itemIds The ids of the expanded items.
-   */
-  onExpandedItemsChange: r.func,
-  /**
-   * Callback fired when the `content` slot of a given Tree Item is clicked.
-   * @param {React.MouseEvent} event The DOM event that triggered the change.
-   * @param {string} itemId The id of the focused item.
-   */
-  onItemClick: r.func,
-  /**
-   * Callback fired when a Tree Item is expanded or collapsed.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change.
-   * @param {array} itemId The itemId of the modified item.
-   * @param {array} isExpanded `true` if the item has just been expanded, `false` if it has just been collapsed.
-   */
-  onItemExpansionToggle: r.func,
-  /**
-   * Callback fired when a given Tree Item is focused.
-   * @param {React.SyntheticEvent | null} event The DOM event that triggered the change. **Warning**: This is a generic event not a focus event.
-   * @param {string} itemId The id of the focused item.
-   */
-  onItemFocus: r.func,
-  /**
-   * Callback fired when a Tree Item is selected or deselected.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change.
-   * @param {array} itemId The itemId of the modified item.
-   * @param {array} isSelected `true` if the item has just been selected, `false` if it has just been deselected.
-   */
-  onItemSelectionToggle: r.func,
-  /**
-   * Callback fired when Tree Items are selected/deselected.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change.
-   * @param {string[] | string} itemIds The ids of the selected items.
-   * When `multiSelect` is `true`, this is an array of strings; when false (default) a string.
-   */
-  onSelectedItemsChange: r.func,
-  /**
-   * Selected item ids. (Controlled)
-   * When `multiSelect` is true this takes an array of strings; when false (default) a string.
-   */
-  selectedItems: r.any,
-  /**
-   * The props used for each component slot.
-   */
-  slotProps: r.object,
-  /**
-   * Overridable component slots.
-   */
-  slots: r.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
-});
-function zo(e, t, n, o, i) {
-  if (process.env.NODE_ENV === "production")
-    return null;
-  const p = i || t;
-  return typeof e[t] < "u" ? new Error(`The prop \`${p}\` is not supported. Please remove it.`) : null;
-}
-function _o(e, t) {
-  return process.env.NODE_ENV === "production" ? () => null : function(...o) {
-    return e(...o) || t(...o);
-  };
-}
-function Bo(e) {
-  const {
-    prototype: t = {}
-  } = e;
-  return !!t.isReactComponent;
-}
-function Uo(e, t, n, o, i) {
-  const p = e[t], c = i || t;
-  if (p == null || // When server-side rendering React doesn't warn either.
-  // This is not an accurate check for SSR.
-  // This is only in place for emotion compat.
-  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
-  typeof window > "u")
-    return null;
-  let s;
-  return typeof p == "function" && !Bo(p) && (s = "Did you accidentally provide a plain function component instead?"), s !== void 0 ? new Error(`Invalid ${o} \`${c}\` supplied to \`${n}\`. Expected an element type that can hold a ref. ${s} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
-}
-const Ko = _o(r.elementType, Uo);
-function $t(e) {
-  const {
-    instance: t,
-    items: {
-      onItemClick: n
-    },
-    selection: {
-      multiSelect: o,
-      checkboxSelection: i,
-      disableSelection: p
-    },
-    expansion: {
-      expansionTrigger: c
-    }
-  } = se(), s = t.isItemExpandable(e), d = t.isItemExpanded(e), u = t.isItemFocused(e), l = t.isItemSelected(e), a = t.isItemDisabled(e), f = t != null && t.isItemBeingEdited ? t == null ? void 0 : t.isItemBeingEdited(e) : !1, g = t.isItemEditable ? t.isItemEditable(e) : !1, b = (w) => {
-    if (!a) {
-      u || t.focusItem(w, e);
-      const R = o && (w.shiftKey || w.ctrlKey || w.metaKey);
-      s && !(R && t.isItemExpanded(e)) && t.toggleItemExpansion(w, e);
-    }
-  }, m = (w) => {
-    a || (u || t.focusItem(w, e), o && (w.shiftKey || w.ctrlKey || w.metaKey) ? w.shiftKey ? t.expandSelectionRange(w, e) : t.selectItem({
-      event: w,
-      itemId: e,
-      keepExistingSelection: !0
-    }) : t.selectItem({
-      event: w,
-      itemId: e,
-      shouldBeSelected: !0
-    }));
-  }, I = (w) => {
-    if (p || a)
-      return;
-    const R = w.nativeEvent.shiftKey;
-    o && R ? t.expandSelectionRange(w, e) : t.selectItem({
-      event: w,
-      itemId: e,
-      keepExistingSelection: o,
-      shouldBeSelected: w.target.checked
-    });
-  }, h = (w) => {
-    (w.shiftKey || w.ctrlKey || w.metaKey || a) && w.preventDefault();
-  }, y = () => {
-    xe(t, Y) && t.isItemEditable(e) && (t.isItemBeingEdited(e) ? t.setEditedItemId(null) : t.setEditedItemId(e));
-  };
-  return {
-    disabled: a,
-    expanded: d,
-    selected: l,
-    focused: u,
-    editable: g,
-    editing: f,
-    disableSelection: p,
-    checkboxSelection: i,
-    handleExpansion: b,
-    handleSelection: m,
-    handleCheckboxSelection: I,
-    handleContentClick: n,
-    preventSelection: h,
-    expansionTrigger: c,
-    toggleItemEditing: y,
-    handleSaveItemLabel: (w, R) => {
-      xe(t, Y) && t.isItemBeingEditedRef(e) && (t.updateItemLabel(e, R), y(), t.focusItem(w, e));
-    },
-    handleCancelItemLabelEditing: (w) => {
-      xe(t, Y) && t.isItemBeingEditedRef(e) && (y(), t.focusItem(w, e));
-    }
-  };
-}
-const qo = B("div", {
-  name: "MuiTreeItem2DragAndDropOverlay",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root,
-  shouldForwardProp: (e) => yn(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})` : ce(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 Nt(e) {
-  return e.action == null ? null : /* @__PURE__ */ T(qo, x({}, e));
-}
-process.env.NODE_ENV !== "production" && (Nt.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  action: r.oneOf(["make-child", "move-to-parent", "reorder-above", "reorder-below"]),
-  style: r.object
-});
-const Xo = B("input", {
-  name: "MuiTreeItem2",
-  slot: "LabelInput",
-  overridesResolver: (e, t) => t.labelInput
-})(({
-  theme: e
-}) => x({}, 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}`
-  }
-})), Wo = ["classes", "className", "displayIcon", "expansionIcon", "icon", "label", "itemId", "onClick", "onMouseDown", "dragAndDropOverlayProps", "labelInputProps"], qe = /* @__PURE__ */ E.forwardRef(function(t, n) {
-  const {
-    classes: o,
-    className: i,
-    displayIcon: p,
-    expansionIcon: c,
-    icon: s,
-    label: d,
-    itemId: u,
-    onClick: l,
-    onMouseDown: a,
-    dragAndDropOverlayProps: f,
-    labelInputProps: g
-  } = t, b = X(t, Wo), {
-    disabled: m,
-    expanded: I,
-    selected: h,
-    focused: y,
-    editing: C,
-    editable: k,
-    disableSelection: w,
-    checkboxSelection: R,
-    handleExpansion: S,
-    handleSelection: z,
-    handleCheckboxSelection: K,
-    handleContentClick: D,
-    preventSelection: P,
-    expansionTrigger: U,
-    toggleItemEditing: _
-  } = $t(u), A = s || c || p, $ = E.useRef(null), Q = (O) => {
-    P(O), a && a(O);
-  }, F = (O) => {
-    var W;
-    D == null || D(O, u), !((W = $.current) != null && W.contains(O.target)) && (U === "content" && S(O), R || z(O), l && l(O));
-  }, q = (O) => {
-    O.defaultMuiPrevented || _();
-  };
-  return (
-    /* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions -- Key event is handled by the TreeView */
-    /* @__PURE__ */ we("div", x({}, b, {
-      className: te(o.root, i, I && o.expanded, h && o.selected, y && o.focused, m && o.disabled, C && o.editing, k && o.editable),
-      onClick: F,
-      onMouseDown: Q,
-      ref: n,
-      children: [/* @__PURE__ */ T("div", {
-        className: o.iconContainer,
-        children: A
-      }), R && /* @__PURE__ */ T(It, {
-        className: o.checkbox,
-        checked: h,
-        onChange: K,
-        disabled: m || w,
-        ref: $,
-        tabIndex: -1
-      }), C ? /* @__PURE__ */ T(Xo, x({}, g, {
-        className: o.labelInput
-      })) : /* @__PURE__ */ T("div", x({
-        className: o.label
-      }, k && {
-        onDoubleClick: q
-      }, {
-        children: d
-      })), f && /* @__PURE__ */ T(Nt, x({}, f))]
-    }))
-  );
-});
-process.env.NODE_ENV !== "production" && (qe.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: r.object.isRequired,
-  className: r.string,
-  /**
-   * The icon to display next to the Tree Item's label. Either a parent or end icon.
-   */
-  displayIcon: r.node,
-  dragAndDropOverlayProps: r.shape({
-    action: r.oneOf(["make-child", "move-to-parent", "reorder-above", "reorder-below"]),
-    style: r.object
-  }),
-  /**
-   * The icon to display next to the Tree Item's label. Either an expansion or collapse icon.
-   */
-  expansionIcon: r.node,
-  /**
-   * The icon to display next to the Tree Item's label.
-   */
-  icon: r.node,
-  /**
-   * The id of the item.
-   */
-  itemId: r.string.isRequired,
-  /**
-   * The Tree Item label.
-   */
-  label: r.node,
-  labelInputProps: r.shape({
-    autoFocus: r.oneOf([!0]),
-    "data-element": r.oneOf(["labelInput"]),
-    onBlur: r.func,
-    onChange: r.func,
-    onKeyDown: r.func,
-    type: r.oneOf(["text"]),
-    value: r.string
-  })
-});
-function Jo(e) {
-  return je("MuiTreeItem", e);
-}
-const H = bt("MuiTreeItem", ["root", "groupTransition", "content", "expanded", "selected", "focused", "disabled", "iconContainer", "label", "checkbox", "labelInput", "editable", "editing", "dragAndDropOverlay"]), Ho = ne(/* @__PURE__ */ T("path", {
-  d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-}), "TreeViewExpandIcon"), Go = ne(/* @__PURE__ */ T("path", {
-  d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
-}), "TreeViewCollapseIcon");
-function At(e) {
-  const {
-    children: t,
-    itemId: n
-  } = e, {
-    wrapItem: o,
-    instance: i
-  } = se();
-  return o({
-    children: t,
-    itemId: n,
-    instance: i
-  });
-}
-At.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  children: r.node,
-  itemId: r.string.isRequired
-};
-const Yo = ["children", "className", "slots", "slotProps", "ContentComponent", "ContentProps", "itemId", "id", "label", "onClick", "onMouseDown", "onFocus", "onBlur", "onKeyDown"], Qo = ["ownerState"], Zo = ["ownerState"], er = ["ownerState"], tr = ht(), nr = (e) => {
-  const {
-    classes: t
-  } = e;
-  return gt({
-    root: ["root"],
-    content: ["content"],
-    expanded: ["expanded"],
-    selected: ["selected"],
-    focused: ["focused"],
-    disabled: ["disabled"],
-    iconContainer: ["iconContainer"],
-    checkbox: ["checkbox"],
-    label: ["label"],
-    labelInput: ["labelInput"],
-    editing: ["editing"],
-    editable: ["editable"],
-    groupTransition: ["groupTransition"]
-  }, Jo, t);
-}, or = B("li", {
-  name: "MuiTreeItem",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root
-})({
-  listStyle: "none",
-  margin: 0,
-  padding: 0,
-  outline: 0
-}), rr = B(qe, {
-  name: "MuiTreeItem",
-  slot: "Content",
-  overridesResolver: (e, t) => [t.content, t.iconContainer && {
-    [`& .${H.iconContainer}`]: t.iconContainer
-  }, t.label && {
-    [`& .${H.label}`]: t.label
-  }],
-  shouldForwardProp: (e) => dt(e) && 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"
-    }
-  },
-  [`&.${H.disabled}`]: {
-    opacity: (e.vars || e).palette.action.disabledOpacity,
-    backgroundColor: "transparent"
-  },
-  [`&.${H.focused}`]: {
-    backgroundColor: (e.vars || e).palette.action.focus
-  },
-  [`&.${H.selected}`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : ce(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}))` : ce(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})` : ce(e.palette.primary.main, e.palette.action.selectedOpacity)
-      }
-    },
-    [`&.${H.focused}`]: {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : ce(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
-    }
-  },
-  [`& .${H.iconContainer}`]: {
-    width: 16,
-    display: "flex",
-    flexShrink: 0,
-    justifyContent: "center",
-    "& svg": {
-      fontSize: 18
-    }
-  },
-  [`& .${H.label}`]: x({
-    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"
-  }, e.typography.body1),
-  [`& .${H.checkbox}`]: {
-    padding: 0
-  },
-  variants: [{
-    props: {
-      indentationAtItemLevel: !0
-    },
-    style: {
-      paddingLeft: `calc(${e.spacing(1)} + var(--TreeView-itemChildrenIndentation) * var(--TreeView-itemDepth))`
-    }
-  }]
-})), ir = B(Le, {
-  name: "MuiTreeItem",
-  slot: "GroupTransition",
-  overridesResolver: (e, t) => t.groupTransition,
-  shouldForwardProp: (e) => dt(e) && e !== "indentationAtItemLevel"
-})({
-  margin: 0,
-  padding: 0,
-  paddingLeft: "var(--TreeView-itemChildrenIndentation)",
-  variants: [{
-    props: {
-      indentationAtItemLevel: !0
-    },
-    style: {
-      paddingLeft: 0
-    }
-  }]
-}), Ft = /* @__PURE__ */ E.forwardRef(function(t, n) {
-  var He, Ge, Ye, Qe;
-  const {
-    icons: o,
-    runItemPlugins: i,
-    items: {
-      disabledItemsFocusable: p,
-      indentationAtItemLevel: c
-    },
-    selection: {
-      disableSelection: s
-    },
-    expansion: {
-      expansionTrigger: d
-    },
-    treeId: u,
-    instance: l
-  } = se(), a = E.useContext(ie), f = tr({
-    props: t,
-    name: "MuiTreeItem"
-  }), {
-    children: g,
-    className: b,
-    slots: m,
-    slotProps: I,
-    ContentComponent: h = qe,
-    ContentProps: y,
-    itemId: C,
-    id: k,
-    label: w,
-    onClick: R,
-    onMouseDown: S,
-    onBlur: z,
-    onKeyDown: K
-  } = f, D = X(f, Yo), {
-    expanded: P,
-    focused: U,
-    selected: _,
-    disabled: A,
-    editing: $,
-    handleExpansion: Q,
-    handleCancelItemLabelEditing: F,
-    handleSaveItemLabel: q
-  } = $t(C);
-  process.env.NODE_ENV !== "production" && (f.ContentComponent && Ce(["MUI X: The ContentComponent prop of the TreeItem component is deprecated and will be removed in the next major release.", "You can use the new TreeItem2 component or the new useTreeItem2 hook to customize the rendering of the content.", "For more detail, see https://mui.com/x/react-tree-view/tree-item-customization/."]), f.ContentProps && Ce(["MUI X: The ContentProps prop of the TreeItem component is deprecated and will be removed in the next major release.", "You can use the new TreeItem2 component or the new useTreeItem2 hook to customize the rendering of the content.", "For more detail, see https://mui.com/x/react-tree-view/tree-item-customization/."]));
-  const {
-    contentRef: O,
-    rootRef: W,
-    propsEnhancers: L
-  } = i(f), oe = E.useRef(null), ge = E.useRef(null), Me = pe(n, W, oe), Xe = pe(y == null ? void 0 : y.ref, O, ge), v = {
-    expandIcon: (m == null ? void 0 : m.expandIcon) ?? o.slots.expandIcon ?? Ho,
-    collapseIcon: (m == null ? void 0 : m.collapseIcon) ?? o.slots.collapseIcon ?? Go,
-    endIcon: (m == null ? void 0 : m.endIcon) ?? o.slots.endIcon,
-    icon: m == null ? void 0 : m.icon,
-    groupTransition: m == null ? void 0 : m.groupTransition
-  }, N = (M) => Array.isArray(M) ? M.length > 0 && M.some(N) : !!M, j = N(g), J = x({}, f, {
-    expanded: P,
-    focused: U,
-    selected: _,
-    disabled: A,
-    indentationAtItemLevel: c
-  }), V = nr(J), le = v.groupTransition ?? void 0, jt = ue({
-    elementType: le,
-    ownerState: {},
-    externalSlotProps: I == null ? void 0 : I.groupTransition,
-    additionalProps: x({
-      unmountOnExit: !0,
-      in: P,
-      component: "ul",
-      role: "group"
-    }, c ? {
-      indentationAtItemLevel: !0
-    } : {}),
-    className: V.groupTransition
-  }), zt = (M) => {
-    d === "iconContainer" && Q(M);
-  }, Se = P ? v.collapseIcon : v.expandIcon, _t = ue({
-    elementType: Se,
-    ownerState: {},
-    externalSlotProps: (M) => P ? x({}, Z(o.slotProps.collapseIcon, M), Z(I == null ? void 0 : I.collapseIcon, M)) : x({}, Z(o.slotProps.expandIcon, M), Z(I == null ? void 0 : I.expandIcon, M)),
-    additionalProps: {
-      onClick: zt
-    }
-  }), Bt = X(_t, Qo), Ut = j && Se ? /* @__PURE__ */ T(Se, x({}, Bt)) : null, ke = j ? void 0 : v.endIcon, Kt = ue({
-    elementType: ke,
-    ownerState: {},
-    externalSlotProps: (M) => j ? {} : x({}, Z(o.slotProps.endIcon, M), Z(I == null ? void 0 : I.endIcon, M))
-  }), qt = X(Kt, Zo), Xt = ke ? /* @__PURE__ */ T(ke, x({}, qt)) : null, Oe = v.icon, Wt = ue({
-    elementType: Oe,
-    ownerState: {},
-    externalSlotProps: I == null ? void 0 : I.icon
-  }), Jt = X(Wt, er), Ht = Oe ? /* @__PURE__ */ T(Oe, x({}, Jt)) : null;
-  let he;
-  _ ? he = !0 : s || A ? he = void 0 : he = !1;
-  function Gt(M) {
-    !U && (!A || p) && M.currentTarget === M.target && l.focusItem(M, C);
-  }
-  function Yt(M) {
-    var re, ae, Ze, et;
-    z == null || z(M), !($ || // 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
-    M.relatedTarget && $e(M.relatedTarget, oe.current) && (M.target && ((ae = (re = M.target) == null ? void 0 : re.dataset) == null ? void 0 : ae.element) === "labelInput" && $e(M.target, oe.current) || ((et = (Ze = M.relatedTarget) == null ? void 0 : Ze.dataset) == null ? void 0 : et.element) === "labelInput")) && l.removeFocusedItem();
-  }
-  const Qt = (M) => {
-    var re, ae;
-    K == null || K(M), ((ae = (re = M.target) == null ? void 0 : re.dataset) == null ? void 0 : ae.element) !== "labelInput" && l.handleItemKeyDown(M, C);
-  }, Zt = Te({
-    itemId: C,
-    treeId: u,
-    id: k
-  }), en = l.canItemBeTabbed(C) ? 0 : -1, be = {
-    rootRefObject: oe,
-    contentRefObject: ge,
-    interactions: {
-      handleSaveItemLabel: q,
-      handleCancelItemLabelEditing: F
-    }
-  }, tn = ((He = L.root) == null ? void 0 : He.call(L, x({}, be, {
-    externalEventHandlers: Ve(D)
-  }))) ?? {}, nn = ((Ge = L.content) == null ? void 0 : Ge.call(L, x({}, be, {
-    externalEventHandlers: Ve(y)
-  }))) ?? {}, We = ((Ye = L.dragAndDropOverlay) == null ? void 0 : Ye.call(L, x({}, be, {
-    externalEventHandlers: {}
-  }))) ?? {}, Je = ((Qe = L.labelInput) == null ? void 0 : Qe.call(L, x({}, be, {
-    externalEventHandlers: {}
-  }))) ?? {};
-  return /* @__PURE__ */ T(At, {
-    itemId: C,
-    children: /* @__PURE__ */ we(or, x({
-      className: te(V.root, b),
-      role: "treeitem",
-      "aria-expanded": j ? P : void 0,
-      "aria-selected": he,
-      "aria-disabled": A || void 0,
-      id: Zt,
-      tabIndex: en
-    }, D, {
-      ownerState: J,
-      onFocus: Gt,
-      onBlur: Yt,
-      onKeyDown: Qt,
-      ref: Me,
-      style: c ? x({}, D.style, {
-        "--TreeView-itemDepth": typeof a == "function" ? a(C) : a
-      }) : D.style
-    }, tn, {
-      children: [/* @__PURE__ */ T(rr, x({
-        as: h,
-        classes: {
-          root: V.content,
-          expanded: V.expanded,
-          selected: V.selected,
-          focused: V.focused,
-          disabled: V.disabled,
-          editable: V.editable,
-          editing: V.editing,
-          iconContainer: V.iconContainer,
-          label: V.label,
-          labelInput: V.labelInput,
-          checkbox: V.checkbox
-        },
-        label: w,
-        itemId: C,
-        onClick: R,
-        onMouseDown: S,
-        icon: Ht,
-        expansionIcon: Ut,
-        displayIcon: Xt,
-        ownerState: J
-      }, y, nn, We.action == null ? {} : {
-        dragAndDropOverlayProps: We
-      }, Je.value == null ? {} : {
-        labelInputProps: Je
-      }, {
-        ref: Xe
-      })), g && /* @__PURE__ */ T(ir, x({
-        as: le
-      }, jt, {
-        children: g
-      }))]
-    }))
-  });
-});
-process.env.NODE_ENV !== "production" && (Ft.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: r.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: r.object,
-  className: r.string,
-  /**
-   * The component used to render the content of the item.
-   * @deprecated Consider using the `<TreeItem2 />` component or the `useTreeItem2` hook instead. For more details, see https://mui.com/x/react-tree-view/tree-item-customization/.
-   * @default TreeItemContent
-   */
-  ContentComponent: Ko,
-  /**
-   * Props applied to ContentComponent.
-   * @deprecated Consider using the `<TreeItem2 />` component or the `useTreeItem2` hook instead. For more details, see https://mui.com/x/react-tree-view/tree-item-customization/.
-   */
-  ContentProps: r.object,
-  /**
-   * If `true`, the item is disabled.
-   * @default false
-   */
-  disabled: r.bool,
-  /**
-   * The id of the item.
-   */
-  itemId: r.string.isRequired,
-  /**
-   * The Tree Item label.
-   */
-  label: r.node,
-  /**
-   * This prop isn't supported.
-   * Use the `onItemFocus` callback on the tree if you need to monitor a item's focus.
-   */
-  onFocus: zo,
-  /**
-   * Callback fired when a key of the keyboard is pressed on the item.
-   */
-  onKeyDown: r.func,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: r.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: r.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
-});
-const ur = ({
-  items: e,
-  handleCheck: t,
-  width: n = "250px",
-  height: o = "350px",
-  expanded: i
-}) => /* @__PURE__ */ T(En, { width: n, height: o, children: /* @__PURE__ */ T(Vt, { expandedItems: i, children: Lt(e, t) }) }), Lt = (e, t) => e.map((n) => /* @__PURE__ */ on(sr, { ...n, key: n.id, handleCheck: t })), sr = ({
-  id: e,
-  checked: t,
-  children: n,
-  label: o,
-  handleCheck: i
-}) => /* @__PURE__ */ T(
-  Ft,
-  {
-    itemId: e,
-    label: /* @__PURE__ */ we(xn, { flexDirection: "row", alignItems: "center", children: [
-      /* @__PURE__ */ T(Cn, { children: o }),
-      i && /* @__PURE__ */ T(
-        wn,
-        {
-          disableRipple: !0,
-          sx: { marginLeft: "auto" },
-          onClick: (p) => {
-            p.stopPropagation(), i(e, !t);
-          },
-          "data-testid": `toggle-visibility-${e}`,
-          children: t ? /* @__PURE__ */ T(Gn, { "data-testid": `visibility-icon-${e}` }) : /* @__PURE__ */ T(Yn, { "data-testid": `visibility-off-icon-${e}` })
-        }
-      )
-    ] }),
-    children: n.length > 0 && Lt(n, i)
-  }
-);
-export {
-  Le as C,
-  ft as F,
-  ur as T,
-  ce as a,
-  Mn as b,
-  It as c,
-  $n as u
-};