@hybridcore/ui 1.0.2 → 1.1.2

package/dist/index-wW2D1aTG.js

@@ -0,0 +1,957 @@
+import { jsx as T, jsxs as ge } from "react/jsx-runtime";
+import Ne from "./components/treeview-filter/item-label/index.js";
+import pe from "lodash";
+import * as d from "react";
+import { l as ue, P as o } from "./createTheme-agWfFD64.js";
+import { u as Oe, d as Se, a as he, e as be } from "./ButtonBase-BYmh3G5j.js";
+import { g as ye, u as Re, c as Me, a as xe } from "./chainPropTypes-DtBfUj5o.js";
+import { c as Pe, d as ke, T as ze, g as Ee, s as K, b as je } from "./styled-Iq9jsO4F.js";
+import { a as I, _ as _e } from "./extends-C3382pL0.js";
+import { T as Fe, g as fe } from "./utils-DLpkeyhZ.js";
+import { u as Ae } from "./useTheme-CeyGVuQP.js";
+import { u as Ue } from "./useThemeProps-CzAjOL6F.js";
+import { o as Ve } from "./ownerDocument-CUrv0DIK.js";
+function Le(e, n = 0, r = 1) {
+  return process.env.NODE_ENV !== "production" && (e < n || e > r) && console.error(`MUI: The value provided ${e} is out of range [${n}, ${r}].`), Pe(e, n, r);
+}
+function We(e) {
+  e = e.slice(1);
+  const n = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
+  let r = e.match(n);
+  return r && r[0].length === 1 && (r = r.map((t) => t + t)), r ? `rgb${r.length === 4 ? "a" : ""}(${r.map((t, i) => i < 3 ? parseInt(t, 16) : Math.round(parseInt(t, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
+}
+function Ce(e) {
+  if (e.type)
+    return e;
+  if (e.charAt(0) === "#")
+    return Ce(We(e));
+  const n = e.indexOf("("), r = e.substring(0, n);
+  if (["rgb", "rgba", "hsl", "hsla", "color"].indexOf(r) === -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().` : ue(9, e));
+  let t = e.substring(n + 1, e.length - 1), i;
+  if (r === "color") {
+    if (t = t.split(" "), i = t.shift(), t.length === 4 && t[3].charAt(0) === "/" && (t[3] = t[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.` : ue(10, i));
+  } else
+    t = t.split(",");
+  return t = t.map((p) => parseFloat(p)), {
+    type: r,
+    values: t,
+    colorSpace: i
+  };
+}
+function Ke(e) {
+  const {
+    type: n,
+    colorSpace: r
+  } = e;
+  let {
+    values: t
+  } = e;
+  return n.indexOf("rgb") !== -1 ? t = t.map((i, p) => p < 3 ? parseInt(i, 10) : i) : n.indexOf("hsl") !== -1 && (t[1] = `${t[1]}%`, t[2] = `${t[2]}%`), n.indexOf("color") !== -1 ? t = `${r} ${t.join(" ")}` : t = `${t.join(", ")}`, `${n}(${t})`;
+}
+function Y(e, n) {
+  return e = Ce(e), n = Le(n), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${n}` : e.values[3] = n, Ke(e);
+}
+function He(e, n, r, t, i) {
+  if (process.env.NODE_ENV === "production")
+    return null;
+  const p = i || n;
+  return typeof e[n] < "u" ? new Error(`The prop \`${p}\` is not supported. Please remove it.`) : null;
+}
+function Ge({
+  props: e,
+  name: n
+}) {
+  return Ue({
+    props: e,
+    name: n,
+    defaultTheme: ke,
+    themeId: ze
+  });
+}
+function Te(e) {
+  var n, r, t = "";
+  if (typeof e == "string" || typeof e == "number") t += e;
+  else if (typeof e == "object") if (Array.isArray(e)) for (n = 0; n < e.length; n++) e[n] && (r = Te(e[n])) && (t && (t += " "), t += r);
+  else for (n in e) e[n] && (t && (t += " "), t += n);
+  return t;
+}
+function ve() {
+  for (var e, n, r = 0, t = ""; r < arguments.length; ) (e = arguments[r++]) && (n = Te(e)) && (t && (t += " "), t += n);
+  return t;
+}
+const le = /* @__PURE__ */ d.createContext({});
+process.env.NODE_ENV !== "production" && (le.displayName = "TreeViewContext");
+function qe(e, n) {
+  for (let r = 0; r < e.length; r += 1)
+    if (n(e[r]))
+      return r;
+  return -1;
+}
+function Be(e, n) {
+  let r = 0, t = e.length - 1;
+  for (; r <= t; ) {
+    const i = Math.floor((r + t) / 2);
+    if (e[i].element === n)
+      return i;
+    e[i].element.compareDocumentPosition(n) & Node.DOCUMENT_POSITION_PRECEDING ? t = i - 1 : r = i + 1;
+  }
+  return r;
+}
+const ce = /* @__PURE__ */ d.createContext({});
+process.env.NODE_ENV !== "production" && (ce.displayName = "DescendantContext");
+function Je(e) {
+  const n = d.useRef(null);
+  return d.useEffect(() => {
+    n.current = e;
+  }, [e]), n.current;
+}
+const me = () => {
+};
+function Qe(e) {
+  const [, n] = d.useState(), {
+    registerDescendant: r = me,
+    unregisterDescendant: t = me,
+    descendants: i = [],
+    parentId: p = null
+  } = d.useContext(ce), h = qe(i, (u) => u.element === e.element), f = Je(i), m = i.some((u, l) => f && f[l] && f[l].element !== u.element);
+  return Oe(() => {
+    if (e.element)
+      return r({
+        ...e,
+        index: h
+      }), () => {
+        t(e.element);
+      };
+    n({});
+  }, [r, t, h, m, e]), {
+    parentId: p,
+    index: h
+  };
+}
+function Ie(e) {
+  const {
+    children: n,
+    id: r
+  } = e, [t, i] = d.useState([]), p = d.useCallback(({
+    element: m,
+    ...u
+  }) => {
+    i((l) => {
+      let g;
+      if (l.length === 0)
+        return [{
+          ...u,
+          element: m,
+          index: 0
+        }];
+      const x = Be(l, m);
+      if (l[x] && l[x].element === m)
+        g = l;
+      else {
+        const b = {
+          ...u,
+          element: m,
+          index: x
+        };
+        g = l.slice(), g.splice(x, 0, b);
+      }
+      return g.forEach((b, E) => {
+        b.index = E;
+      }), g;
+    });
+  }, []), h = d.useCallback((m) => {
+    i((u) => u.filter((l) => m !== l.element));
+  }, []), f = d.useMemo(() => ({
+    descendants: t,
+    registerDescendant: p,
+    unregisterDescendant: h,
+    parentId: r
+  }), [t, p, h, r]);
+  return /* @__PURE__ */ T(ce.Provider, {
+    value: f,
+    children: n
+  });
+}
+process.env.NODE_ENV !== "production" && (Ie.propTypes = {
+  children: o.node,
+  id: o.string
+});
+function Xe(e) {
+  return Ee("MuiCollapse", e);
+}
+ye("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
+const Ye = ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"], Ze = (e) => {
+  const {
+    orientation: n,
+    classes: r
+  } = e, t = {
+    root: ["root", `${n}`],
+    entered: ["entered"],
+    hidden: ["hidden"],
+    wrapper: ["wrapper", `${n}`],
+    wrapperInner: ["wrapperInner", `${n}`]
+  };
+  return xe(t, Xe, r);
+}, en = K("div", {
+  name: "MuiCollapse",
+  slot: "Root",
+  overridesResolver: (e, n) => {
+    const {
+      ownerState: r
+    } = e;
+    return [n.root, n[r.orientation], r.state === "entered" && n.entered, r.state === "exited" && !r.in && r.collapsedSize === "0px" && n.hidden];
+  }
+})(({
+  theme: e,
+  ownerState: n
+}) => I({
+  height: 0,
+  overflow: "hidden",
+  transition: e.transitions.create("height")
+}, n.orientation === "horizontal" && {
+  height: "auto",
+  width: 0,
+  transition: e.transitions.create("width")
+}, n.state === "entered" && I({
+  height: "auto",
+  overflow: "visible"
+}, n.orientation === "horizontal" && {
+  width: "auto"
+}), n.state === "exited" && !n.in && n.collapsedSize === "0px" && {
+  visibility: "hidden"
+})), nn = K("div", {
+  name: "MuiCollapse",
+  slot: "Wrapper",
+  overridesResolver: (e, n) => n.wrapper
+})(({
+  ownerState: e
+}) => I({
+  // 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%"
+})), tn = K("div", {
+  name: "MuiCollapse",
+  slot: "WrapperInner",
+  overridesResolver: (e, n) => n.wrapperInner
+})(({
+  ownerState: e
+}) => I({
+  width: "100%"
+}, e.orientation === "horizontal" && {
+  width: "auto",
+  height: "100%"
+})), Z = /* @__PURE__ */ d.forwardRef(function(n, r) {
+  const t = Re({
+    props: n,
+    name: "MuiCollapse"
+  }), {
+    addEndListener: i,
+    children: p,
+    className: h,
+    collapsedSize: f = "0px",
+    component: m,
+    easing: u,
+    in: l,
+    onEnter: g,
+    onEntered: x,
+    onEntering: b,
+    onExit: E,
+    onExited: c,
+    onExiting: U,
+    orientation: V = "vertical",
+    style: M,
+    timeout: a = je.standard,
+    // eslint-disable-next-line react/prop-types
+    TransitionComponent: P = Fe
+  } = t, k = _e(t, Ye), z = I({}, t, {
+    orientation: V,
+    collapsedSize: f
+  }), C = Ze(z), H = Ae(), J = Se(), w = d.useRef(null), G = d.useRef(), L = typeof f == "number" ? `${f}px` : f, D = V === "horizontal", N = D ? "width" : "height", j = d.useRef(null), q = he(r, j), $ = (s) => (y) => {
+    if (s) {
+      const v = j.current;
+      y === void 0 ? s(v) : s(v, y);
+    }
+  }, O = () => w.current ? w.current[D ? "clientWidth" : "clientHeight"] : 0, Q = $((s, y) => {
+    w.current && D && (w.current.style.position = "absolute"), s.style[N] = L, g && g(s, y);
+  }), ee = $((s, y) => {
+    const v = O();
+    w.current && D && (w.current.style.position = "");
+    const {
+      duration: S,
+      easing: _
+    } = fe({
+      style: M,
+      timeout: a,
+      easing: u
+    }, {
+      mode: "enter"
+    });
+    if (a === "auto") {
+      const W = H.transitions.getAutoHeightDuration(v);
+      s.style.transitionDuration = `${W}ms`, G.current = W;
+    } else
+      s.style.transitionDuration = typeof S == "string" ? S : `${S}ms`;
+    s.style[N] = `${v}px`, s.style.transitionTimingFunction = _, b && b(s, y);
+  }), X = $((s, y) => {
+    s.style[N] = "auto", x && x(s, y);
+  }), ne = $((s) => {
+    s.style[N] = `${O()}px`, E && E(s);
+  }), te = $(c), B = $((s) => {
+    const y = O(), {
+      duration: v,
+      easing: S
+    } = fe({
+      style: M,
+      timeout: a,
+      easing: u
+    }, {
+      mode: "exit"
+    });
+    if (a === "auto") {
+      const _ = H.transitions.getAutoHeightDuration(y);
+      s.style.transitionDuration = `${_}ms`, G.current = _;
+    } else
+      s.style.transitionDuration = typeof v == "string" ? v : `${v}ms`;
+    s.style[N] = L, s.style.transitionTimingFunction = S, U && U(s);
+  });
+  return /* @__PURE__ */ T(P, I({
+    in: l,
+    onEnter: Q,
+    onEntered: X,
+    onEntering: ee,
+    onExit: ne,
+    onExited: te,
+    onExiting: B,
+    addEndListener: (s) => {
+      a === "auto" && J.start(G.current || 0, s), i && i(j.current, s);
+    },
+    nodeRef: j,
+    timeout: a === "auto" ? null : a
+  }, k, {
+    children: (s, y) => /* @__PURE__ */ T(en, I({
+      as: m,
+      className: Me(C.root, h, {
+        entered: C.entered,
+        exited: !l && L === "0px" && C.hidden
+      }[s]),
+      style: I({
+        [D ? "minWidth" : "minHeight"]: L
+      }, M),
+      ref: q
+    }, y, {
+      // `ownerState` is set after `childProps` to override any existing `ownerState` property in `childProps`
+      // that might have been forwarded from the Transition component.
+      ownerState: I({}, z, {
+        state: s
+      }),
+      children: /* @__PURE__ */ T(nn, {
+        ownerState: I({}, z, {
+          state: s
+        }),
+        className: C.wrapper,
+        ref: w,
+        children: /* @__PURE__ */ T(tn, {
+          ownerState: I({}, z, {
+            state: s
+          }),
+          className: C.wrapperInner,
+          children: p
+        })
+      })
+    }))
+  }));
+});
+process.env.NODE_ENV !== "production" && (Z.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: o.func,
+  /**
+   * The content node to be collapsed.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The width (horizontal) or height (vertical) of the container when collapsed.
+   * @default '0px'
+   */
+  collapsedSize: o.oneOfType([o.number, o.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: be,
+  /**
+   * The transition timing function.
+   * You may specify a single easing or a object containing enter and exit values.
+   */
+  easing: o.oneOfType([o.shape({
+    enter: o.string,
+    exit: o.string
+  }), o.string]),
+  /**
+   * If `true`, the component will transition in.
+   */
+  in: o.bool,
+  /**
+   * @ignore
+   */
+  onEnter: o.func,
+  /**
+   * @ignore
+   */
+  onEntered: o.func,
+  /**
+   * @ignore
+   */
+  onEntering: o.func,
+  /**
+   * @ignore
+   */
+  onExit: o.func,
+  /**
+   * @ignore
+   */
+  onExited: o.func,
+  /**
+   * @ignore
+   */
+  onExiting: o.func,
+  /**
+   * The transition orientation.
+   * @default 'vertical'
+   */
+  orientation: o.oneOf(["horizontal", "vertical"]),
+  /**
+   * @ignore
+   */
+  style: o.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.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: o.oneOfType([o.oneOf(["auto"]), o.number, o.shape({
+    appear: o.number,
+    enter: o.number,
+    exit: o.number
+  })])
+});
+Z.muiSupportAuto = !0;
+function on(e) {
+  const {
+    focus: n,
+    isExpanded: r,
+    isExpandable: t,
+    isFocused: i,
+    isDisabled: p,
+    isSelected: h,
+    multiSelect: f,
+    selectNode: m,
+    selectRange: u,
+    toggleExpansion: l
+  } = d.useContext(le), g = t ? t(e) : !1, x = r ? r(e) : !1, b = i ? i(e) : !1, E = p ? p(e) : !1, c = h ? h(e) : !1;
+  return {
+    disabled: E,
+    expanded: x,
+    selected: c,
+    focused: b,
+    handleExpansion: (a) => {
+      if (!E) {
+        b || n(a, e);
+        const P = f && (a.shiftKey || a.ctrlKey || a.metaKey);
+        g && !(P && r(e)) && l(a, e);
+      }
+    },
+    handleSelection: (a) => {
+      E || (b || n(a, e), f && (a.shiftKey || a.ctrlKey || a.metaKey) ? a.shiftKey ? u(a, {
+        end: e
+      }) : m(a, e, !0) : m(a, e));
+    },
+    preventSelection: (a) => {
+      (a.shiftKey || a.ctrlKey || a.metaKey || E) && a.preventDefault();
+    }
+  };
+}
+const de = /* @__PURE__ */ d.forwardRef(function(n, r) {
+  const {
+    classes: t,
+    className: i,
+    displayIcon: p,
+    expansionIcon: h,
+    icon: f,
+    label: m,
+    nodeId: u,
+    onClick: l,
+    onMouseDown: g,
+    ...x
+  } = n, {
+    disabled: b,
+    expanded: E,
+    selected: c,
+    focused: U,
+    handleExpansion: V,
+    handleSelection: M,
+    preventSelection: a
+  } = on(u), P = f || h || p, k = (C) => {
+    a(C), g && g(C);
+  }, z = (C) => {
+    V(C), M(C), l && l(C);
+  };
+  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__ */ ge("div", {
+      className: ve(i, t.root, E && t.expanded, c && t.selected, U && t.focused, b && t.disabled),
+      onClick: z,
+      onMouseDown: k,
+      ref: r,
+      ...x,
+      children: [/* @__PURE__ */ T("div", {
+        className: t.iconContainer,
+        children: P
+      }), /* @__PURE__ */ T("div", {
+        className: t.label,
+        children: m
+      })]
+    })
+  );
+});
+process.env.NODE_ENV !== "production" && (de.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * Override or extend the styles applied to the component.
+   * See [CSS API](#css) below for more details.
+   */
+  classes: o.object,
+  /**
+   * className applied to the root element.
+   */
+  className: o.string,
+  /**
+   * The icon to display next to the tree node's label. Either a parent or end icon.
+   */
+  displayIcon: o.node,
+  /**
+   * The icon to display next to the tree node's label. Either an expansion or collapse icon.
+   */
+  expansionIcon: o.node,
+  /**
+   * The icon to display next to the tree node's label.
+   */
+  icon: o.node,
+  /**
+   * The tree node label.
+   */
+  label: o.node,
+  /**
+   * The id of the node.
+   */
+  nodeId: o.string.isRequired,
+  /**
+   * @ignore
+   */
+  onClick: o.func,
+  /**
+   * @ignore
+   */
+  onMouseDown: o.func
+});
+function rn(e) {
+  return Ee("MuiTreeItem", e);
+}
+const A = ye("MuiTreeItem", ["root", "group", "content", "expanded", "selected", "focused", "disabled", "iconContainer", "label"]), sn = (e) => {
+  const {
+    classes: n
+  } = e;
+  return xe({
+    root: ["root"],
+    content: ["content"],
+    expanded: ["expanded"],
+    selected: ["selected"],
+    focused: ["focused"],
+    disabled: ["disabled"],
+    iconContainer: ["iconContainer"],
+    label: ["label"],
+    group: ["group"]
+  }, rn, n);
+}, an = K("li", {
+  name: "MuiTreeItem",
+  slot: "Root",
+  overridesResolver: (e, n) => n.root
+})({
+  listStyle: "none",
+  margin: 0,
+  padding: 0,
+  outline: 0
+}), ln = K(de, {
+  name: "MuiTreeItem",
+  slot: "Content",
+  overridesResolver: (e, n) => [n.content, n.iconContainer && {
+    [`& .${A.iconContainer}`]: n.iconContainer
+  }, n.label && {
+    [`& .${A.label}`]: n.label
+  }]
+})(({
+  theme: e
+}) => ({
+  padding: "0 8px",
+  width: "100%",
+  display: "flex",
+  alignItems: "center",
+  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"
+    }
+  },
+  [`&.${A.disabled}`]: {
+    opacity: (e.vars || e).palette.action.disabledOpacity,
+    backgroundColor: "transparent"
+  },
+  [`&.${A.focused}`]: {
+    backgroundColor: (e.vars || e).palette.action.focus
+  },
+  [`&.${A.selected}`]: {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : Y(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}))` : Y(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})` : Y(e.palette.primary.main, e.palette.action.selectedOpacity)
+      }
+    },
+    [`&.${A.focused}`]: {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : Y(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
+    }
+  },
+  [`& .${A.iconContainer}`]: {
+    marginRight: 4,
+    width: 15,
+    display: "flex",
+    flexShrink: 0,
+    justifyContent: "center",
+    "& svg": {
+      fontSize: 18
+    }
+  },
+  [`& .${A.label}`]: {
+    width: "100%",
+    // fixes overflow - see https://github.com/mui/material-ui/issues/27372
+    minWidth: 0,
+    paddingLeft: 4,
+    position: "relative",
+    ...e.typography.body1
+  }
+})), cn = K(Z, {
+  name: "MuiTreeItem",
+  slot: "Group",
+  overridesResolver: (e, n) => n.group
+})({
+  margin: 0,
+  padding: 0,
+  marginLeft: 17
+}), we = /* @__PURE__ */ d.forwardRef(function(n, r) {
+  const t = Ge({
+    props: n,
+    name: "MuiTreeItem"
+  }), {
+    children: i,
+    className: p,
+    collapseIcon: h,
+    ContentComponent: f = de,
+    ContentProps: m,
+    endIcon: u,
+    expandIcon: l,
+    disabled: g,
+    icon: x,
+    id: b,
+    label: E,
+    nodeId: c,
+    onClick: U,
+    onMouseDown: V,
+    TransitionComponent: M = Z,
+    TransitionProps: a,
+    ...P
+  } = t, {
+    icons: k = {},
+    focus: z,
+    isExpanded: C,
+    isFocused: H,
+    isSelected: J,
+    isDisabled: w,
+    multiSelect: G,
+    disabledItemsFocusable: L,
+    mapFirstChar: D,
+    unMapFirstChar: N,
+    registerNode: j,
+    unregisterNode: q,
+    treeId: $
+  } = d.useContext(le);
+  let O = null;
+  b != null ? O = b : $ && c && (O = `${$}-${c}`);
+  const [Q, ee] = d.useState(null), X = d.useRef(null), ne = he(ee, r), te = d.useMemo(() => ({
+    element: Q,
+    id: c
+  }), [c, Q]), {
+    index: B,
+    parentId: oe
+  } = Qe(te), s = !!(Array.isArray(i) ? i.length : i), y = C ? C(c) : !1, v = H ? H(c) : !1, S = J ? J(c) : !1, _ = w ? w(c) : !1, W = {
+    ...t,
+    expanded: y,
+    focused: v,
+    selected: S,
+    disabled: _
+  }, R = sn(W);
+  let re, ie;
+  s && (y ? ie = h || k.defaultCollapseIcon : ie = l || k.defaultExpandIcon), s ? re = k.defaultParentIcon : re = u || k.defaultEndIcon, d.useEffect(() => {
+    if (j && q && B !== -1)
+      return j({
+        id: c,
+        idAttribute: O,
+        index: B,
+        parentId: oe,
+        expandable: s,
+        disabled: g
+      }), () => {
+        q(c);
+      };
+  }, [j, q, oe, B, c, s, g, O]), d.useEffect(() => {
+    if (D && N && E)
+      return D(c, X.current.textContent.substring(0, 1).toLowerCase()), () => {
+        N(c);
+      };
+  }, [D, N, c, E]);
+  let se;
+  G ? se = S : S && (se = !0);
+  function $e(F) {
+    if (F.target === F.currentTarget) {
+      let ae;
+      typeof F.target.getRootNode == "function" ? ae = F.target.getRootNode() : ae = Ve(F.target), ae.getElementById($).focus({
+        preventScroll: !0
+      });
+    }
+    const De = !L && _;
+    !v && F.currentTarget === F.target && !De && z(F, c);
+  }
+  return /* @__PURE__ */ ge(an, {
+    className: ve(R.root, p),
+    role: "treeitem",
+    "aria-expanded": s ? y : null,
+    "aria-selected": se,
+    "aria-disabled": _ || null,
+    ref: ne,
+    id: O,
+    tabIndex: -1,
+    ...P,
+    ownerState: W,
+    onFocus: $e,
+    children: [/* @__PURE__ */ T(ln, {
+      as: f,
+      ref: X,
+      classes: {
+        root: R.content,
+        expanded: R.expanded,
+        selected: R.selected,
+        focused: R.focused,
+        disabled: R.disabled,
+        iconContainer: R.iconContainer,
+        label: R.label
+      },
+      label: E,
+      nodeId: c,
+      onClick: U,
+      onMouseDown: V,
+      icon: x,
+      expansionIcon: ie,
+      displayIcon: re,
+      ownerState: W,
+      ...m
+    }), i && /* @__PURE__ */ T(Ie, {
+      id: c,
+      children: /* @__PURE__ */ T(cn, {
+        as: M,
+        unmountOnExit: !0,
+        className: R.group,
+        in: y,
+        component: "ul",
+        role: "group",
+        ...a,
+        children: i
+      })
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (we.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The icon used to collapse the node.
+   */
+  collapseIcon: o.node,
+  /**
+   * The component used for the content node.
+   * @default TreeItemContent
+   */
+  ContentComponent: be,
+  /**
+   * Props applied to ContentComponent
+   */
+  ContentProps: o.object,
+  /**
+   * If `true`, the node is disabled.
+   * @default false
+   */
+  disabled: o.bool,
+  /**
+   * The icon displayed next to a end node.
+   */
+  endIcon: o.node,
+  /**
+   * The icon used to expand the node.
+   */
+  expandIcon: o.node,
+  /**
+   * The icon to display next to the tree node's label.
+   */
+  icon: o.node,
+  /**
+   * @ignore
+   */
+  id: o.string,
+  /**
+   * The tree node label.
+   */
+  label: o.node,
+  /**
+   * The id of the node.
+   */
+  nodeId: o.string.isRequired,
+  /**
+   * @ignore
+   */
+  onClick: o.func,
+  /**
+   * This prop isn't supported.
+   * Use the `onNodeFocus` callback on the tree if you need to monitor a node's focus.
+   */
+  onFocus: He,
+  /**
+   * @ignore
+   */
+  onMouseDown: o.func,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * The component used for the transition.
+   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @default Collapse
+   */
+  TransitionComponent: o.elementType,
+  /**
+   * Props applied to the transition element.
+   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
+   */
+  TransitionProps: o.object
+});
+function dn({
+  id: e,
+  idKey: n,
+  name: r,
+  checked: t,
+  disabled: i,
+  disabledIds: p,
+  onChange: h,
+  children: f,
+  defaultSelected: m
+}) {
+  return /* @__PURE__ */ T(
+    we,
+    {
+      nodeId: String(e),
+      label: /* @__PURE__ */ T(
+        Ne,
+        {
+          id: e,
+          name: r,
+          checked: t,
+          disabled: i,
+          onChange: h
+        }
+      ),
+      children: f && f.map((u, l) => {
+        const g = String(u[n]), x = pe.includes(m, g), b = pe.includes(p, g);
+        return /* @__PURE__ */ T(
+          dn,
+          {
+            id: g,
+            idKey: n,
+            name: u.name,
+            checked: x,
+            disabled: b,
+            disabledIds: p,
+            children: u.children,
+            onChange: h,
+            defaultSelected: m
+          },
+          l
+        );
+      })
+    }
+  );
+}
+export {
+  Ie as D,
+  dn as I,
+  le as T,
+  Ge as a,
+  ve as c,
+  He as u
+};