@hybridcore/ui 1.3.3 → 1.3.5

package/dist/components/context-menu/index.js

@@ -1,43 +1,51 @@
-import { jsx as y, jsxs as D, Fragment as G } from "react/jsx-runtime";
-import * as d from "react";
-import { P as t } from "../../createTheme-C3DKplhE.js";
-import { B as W, b as z, u as V, a as H } from "../../ButtonBase-DE8d_U2E.js";
-import { o as k } from "../../ownerDocument-CUrv0DIK.js";
-import { e as q, a as X } from "../../exactProp--3vlJ9a9.js";
-import { a as L, L as Y } from "../../List-nOXr-cFJ.js";
-import { l as T, g as J, L as K } from "../../ListItem-RJvRMwkZ.js";
-import { _ as b, a as P } from "../../extends-Cyw62AD_.js";
-import { u as $, c as R, a as w } from "../../chainPropTypes-GRMJ22CO.js";
-import { s as B, r as Q, a as C } from "../../styled-iyoioZCr.js";
-import { g as Z, l as S, a as ee } from "../../listItemTextClasses-2BAu-hye.js";
-import { T as E } from "../../Typography-C2BkMNk-.js";
-const te = ["alignItems", "autoFocus", "component", "children", "dense", "disableGutters", "divider", "focusVisibleClassName", "selected", "className"], oe = (e, o) => {
+import { jsx as b, jsxs as U, Fragment as ye } from "react/jsx-runtime";
+import * as l from "react";
+import { P as t } from "../../createStyled-B96gjom1.js";
+import { B as se, u as ne, a as H, e as be, b as ge } from "../../ButtonBase-D6qhsxB0.js";
+import { o as z } from "../../ownerDocument-CUrv0DIK.js";
+import { e as ve, a as Ie } from "../../exactProp-CI_rjX83.js";
+import { L as T, a as Ce } from "../../List-DEWyK9IO.js";
+import { _ as u, a as $ } from "../../extends-Cyw62AD_.js";
+import { g as Y, u as M, c as L, a as w, b as xe } from "../../useThemeProps-DeftUmqJ.js";
+import { g as q, s as A, r as he, a as h } from "../../styled-cPJbqF0E.js";
+import { i as ae } from "../../isMuiElement-CxT3_ACP.js";
+import { i as ee } from "../../isHostComponent-kiaBvYVo.js";
+import { g as Te, l as te, a as Le } from "../../listItemTextClasses-CFiI_U7B.js";
+import { T as F } from "../../Typography-Dg-ROiTA.js";
+function Oe(e) {
+  return q("MuiListItem", e);
+}
+const P = Y("MuiListItem", ["root", "container", "focusVisible", "dense", "alignItemsFlexStart", "disabled", "divider", "gutters", "padding", "button", "secondaryAction", "selected"]);
+function Re(e) {
+  return q("MuiListItemButton", e);
+}
+const E = Y("MuiListItemButton", ["root", "focusVisible", "dense", "alignItemsFlexStart", "disabled", "divider", "gutters", "selected"]), Ne = ["alignItems", "autoFocus", "component", "children", "dense", "disableGutters", "divider", "focusVisibleClassName", "selected", "className"], Pe = (e, o) => {
   const {
     ownerState: s
   } = e;
   return [o.root, s.dense && o.dense, s.alignItems === "flex-start" && o.alignItemsFlexStart, s.divider && o.divider, !s.disableGutters && o.gutters];
-}, se = (e) => {
+}, Ee = (e) => {
   const {
     alignItems: o,
     classes: s,
     dense: n,
-    disabled: p,
-    disableGutters: c,
-    divider: l,
-    selected: a
-  } = e, m = w({
-    root: ["root", n && "dense", !c && "gutters", l && "divider", p && "disabled", o === "flex-start" && "alignItemsFlexStart", a && "selected"]
-  }, J, s);
-  return b({}, s, m);
-}, re = B(W, {
-  shouldForwardProp: (e) => Q(e) || e === "classes",
+    disabled: c,
+    disableGutters: i,
+    divider: d,
+    selected: r
+  } = e, f = w({
+    root: ["root", n && "dense", !i && "gutters", d && "divider", c && "disabled", o === "flex-start" && "alignItemsFlexStart", r && "selected"]
+  }, Re, s);
+  return u({}, s, f);
+}, $e = A(se, {
+  shouldForwardProp: (e) => he(e) || e === "classes",
   name: "MuiListItemButton",
   slot: "Root",
-  overridesResolver: oe
+  overridesResolver: Pe
 })(({
   theme: e,
   ownerState: o
-}) => b({
+}) => u({
   display: "flex",
   flexGrow: 1,
   justifyContent: "flex-start",
@@ -60,23 +68,23 @@ const te = ["alignItems", "autoFocus", "component", "children", "dense", "disabl
       backgroundColor: "transparent"
     }
   },
-  [`&.${T.selected}`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : C(e.palette.primary.main, e.palette.action.selectedOpacity),
-    [`&.${T.focusVisible}`]: {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : C(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
+  [`&.${E.selected}`]: {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : h(e.palette.primary.main, e.palette.action.selectedOpacity),
+    [`&.${E.focusVisible}`]: {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : h(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
     }
   },
-  [`&.${T.selected}:hover`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : C(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+  [`&.${E.selected}:hover`]: {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : h(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})` : C(e.palette.primary.main, e.palette.action.selectedOpacity)
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : h(e.palette.primary.main, e.palette.action.selectedOpacity)
     }
   },
-  [`&.${T.focusVisible}`]: {
+  [`&.${E.focusVisible}`]: {
     backgroundColor: (e.vars || e).palette.action.focus
   },
-  [`&.${T.disabled}`]: {
+  [`&.${E.disabled}`]: {
     opacity: (e.vars || e).palette.action.disabledOpacity
   }
 }, o.divider && {
@@ -90,56 +98,56 @@ const te = ["alignItems", "autoFocus", "component", "children", "dense", "disabl
 }, o.dense && {
   paddingTop: 4,
   paddingBottom: 4
-})), _ = /* @__PURE__ */ d.forwardRef(function(o, s) {
-  const n = $({
+})), re = /* @__PURE__ */ l.forwardRef(function(o, s) {
+  const n = M({
     props: o,
     name: "MuiListItemButton"
   }), {
-    alignItems: p = "center",
-    autoFocus: c = !1,
-    component: l = "div",
-    children: a,
-    dense: u = !1,
-    disableGutters: m = !1,
-    divider: I = !1,
+    alignItems: c = "center",
+    autoFocus: i = !1,
+    component: d = "div",
+    children: r,
+    dense: m = !1,
+    disableGutters: f = !1,
+    divider: C = !1,
     focusVisibleClassName: g,
-    selected: h = !1,
-    className: x
-  } = n, r = P(n, te), i = d.useContext(L), f = d.useMemo(() => ({
-    dense: u || i.dense || !1,
-    alignItems: p,
-    disableGutters: m
-  }), [p, i.dense, u, m]), v = d.useRef(null);
-  z(() => {
-    c && (v.current ? v.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a ListItemButton whose component has not been rendered."));
-  }, [c]);
-  const j = b({}, n, {
-    alignItems: p,
-    dense: f.dense,
-    disableGutters: m,
-    divider: I,
-    selected: h
-  }), N = se(j), A = V(v, s);
-  return /* @__PURE__ */ y(L.Provider, {
-    value: f,
-    children: /* @__PURE__ */ y(re, b({
-      ref: A,
-      href: r.href || r.to,
-      component: (r.href || r.to) && l === "div" ? "button" : l,
-      focusVisibleClassName: R(N.focusVisible, g),
+    selected: x = !1,
+    className: I
+  } = n, a = $(n, Ne), p = l.useContext(T), y = l.useMemo(() => ({
+    dense: m || p.dense || !1,
+    alignItems: c,
+    disableGutters: f
+  }), [c, p.dense, m, f]), v = l.useRef(null);
+  ne(() => {
+    i && (v.current ? v.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a ListItemButton whose component has not been rendered."));
+  }, [i]);
+  const j = u({}, n, {
+    alignItems: c,
+    dense: y.dense,
+    disableGutters: f,
+    divider: C,
+    selected: x
+  }), S = Ee(j), V = H(v, s);
+  return /* @__PURE__ */ b(T.Provider, {
+    value: y,
+    children: /* @__PURE__ */ b($e, u({
+      ref: V,
+      href: a.href || a.to,
+      component: (a.href || a.to) && d === "div" ? "a" : d,
+      focusVisibleClassName: L(S.focusVisible, g),
       ownerState: j,
-      className: R(N.root, x)
-    }, r, {
-      classes: N,
-      children: a
+      className: L(S.root, I)
+    }, a, {
+      classes: S,
+      children: r
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (_.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+process.env.NODE_ENV !== "production" && (re.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * Defines the `align-items` style property.
    * @default 'center'
@@ -213,15 +221,420 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
    */
   sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
 });
-const ne = ["className"], ae = (e) => {
+function Ae(e) {
+  return q("MuiListItemSecondaryAction", e);
+}
+Y("MuiListItemSecondaryAction", ["root", "disableGutters"]);
+const Se = ["className"], ke = (e) => {
+  const {
+    disableGutters: o,
+    classes: s
+  } = e;
+  return w({
+    root: ["root", o && "disableGutters"]
+  }, Ae, s);
+}, Me = A("div", {
+  name: "MuiListItemSecondaryAction",
+  slot: "Root",
+  overridesResolver: (e, o) => {
+    const {
+      ownerState: s
+    } = e;
+    return [o.root, s.disableGutters && o.disableGutters];
+  }
+})(({
+  ownerState: e
+}) => u({
+  position: "absolute",
+  right: 16,
+  top: "50%",
+  transform: "translateY(-50%)"
+}, e.disableGutters && {
+  right: 0
+})), X = /* @__PURE__ */ l.forwardRef(function(o, s) {
+  const n = M({
+    props: o,
+    name: "MuiListItemSecondaryAction"
+  }), {
+    className: c
+  } = n, i = $(n, Se), d = l.useContext(T), r = u({}, n, {
+    disableGutters: d.disableGutters
+  }), m = ke(r);
+  return /* @__PURE__ */ b(Me, u({
+    className: L(m.root, c),
+    ownerState: r,
+    ref: s
+  }, i));
+});
+process.env.NODE_ENV !== "production" && (X.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, normally an `IconButton` or selection control.
+   */
+  children: t.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
+});
+X.muiName = "ListItemSecondaryAction";
+const we = ["className"], je = ["alignItems", "autoFocus", "button", "children", "className", "component", "components", "componentsProps", "ContainerComponent", "ContainerProps", "dense", "disabled", "disableGutters", "disablePadding", "divider", "focusVisibleClassName", "secondaryAction", "selected", "slotProps", "slots"], Ve = (e, o) => {
+  const {
+    ownerState: s
+  } = e;
+  return [o.root, s.dense && o.dense, s.alignItems === "flex-start" && o.alignItemsFlexStart, s.divider && o.divider, !s.disableGutters && o.gutters, !s.disablePadding && o.padding, s.button && o.button, s.hasSecondaryAction && o.secondaryAction];
+}, Be = (e) => {
+  const {
+    alignItems: o,
+    button: s,
+    classes: n,
+    dense: c,
+    disabled: i,
+    disableGutters: d,
+    disablePadding: r,
+    divider: m,
+    hasSecondaryAction: f,
+    selected: C
+  } = e;
+  return w({
+    root: ["root", c && "dense", !d && "gutters", !r && "padding", m && "divider", i && "disabled", s && "button", o === "flex-start" && "alignItemsFlexStart", f && "secondaryAction", C && "selected"],
+    container: ["container"]
+  }, Oe, n);
+}, Ge = A("div", {
+  name: "MuiListItem",
+  slot: "Root",
+  overridesResolver: Ve
+})(({
+  theme: e,
+  ownerState: o
+}) => u({
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  position: "relative",
+  textDecoration: "none",
+  width: "100%",
+  boxSizing: "border-box",
+  textAlign: "left"
+}, !o.disablePadding && u({
+  paddingTop: 8,
+  paddingBottom: 8
+}, o.dense && {
+  paddingTop: 4,
+  paddingBottom: 4
+}, !o.disableGutters && {
+  paddingLeft: 16,
+  paddingRight: 16
+}, !!o.secondaryAction && {
+  // Add some space to avoid collision as `ListItemSecondaryAction`
+  // is absolutely positioned.
+  paddingRight: 48
+}), !!o.secondaryAction && {
+  [`& > .${E.root}`]: {
+    paddingRight: 48
+  }
+}, {
+  [`&.${P.focusVisible}`]: {
+    backgroundColor: (e.vars || e).palette.action.focus
+  },
+  [`&.${P.selected}`]: {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : h(e.palette.primary.main, e.palette.action.selectedOpacity),
+    [`&.${P.focusVisible}`]: {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : h(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
+    }
+  },
+  [`&.${P.disabled}`]: {
+    opacity: (e.vars || e).palette.action.disabledOpacity
+  }
+}, o.alignItems === "flex-start" && {
+  alignItems: "flex-start"
+}, o.divider && {
+  borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
+  backgroundClip: "padding-box"
+}, o.button && {
+  transition: e.transitions.create("background-color", {
+    duration: e.transitions.duration.shortest
+  }),
+  "&:hover": {
+    textDecoration: "none",
+    backgroundColor: (e.vars || e).palette.action.hover,
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  },
+  [`&.${P.selected}:hover`]: {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : h(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})` : h(e.palette.primary.main, e.palette.action.selectedOpacity)
+    }
+  }
+}, o.hasSecondaryAction && {
+  // Add some space to avoid collision as `ListItemSecondaryAction`
+  // is absolutely positioned.
+  paddingRight: 48
+})), Fe = A("li", {
+  name: "MuiListItem",
+  slot: "Container",
+  overridesResolver: (e, o) => o.container
+})({
+  position: "relative"
+}), ie = /* @__PURE__ */ l.forwardRef(function(o, s) {
+  const n = M({
+    props: o,
+    name: "MuiListItem"
+  }), {
+    alignItems: c = "center",
+    autoFocus: i = !1,
+    button: d = !1,
+    children: r,
+    className: m,
+    component: f,
+    components: C = {},
+    componentsProps: g = {},
+    ContainerComponent: x = "li",
+    ContainerProps: {
+      className: I
+    } = {},
+    dense: a = !1,
+    disabled: p = !1,
+    disableGutters: y = !1,
+    disablePadding: v = !1,
+    divider: j = !1,
+    focusVisibleClassName: S,
+    secondaryAction: V,
+    selected: de = !1,
+    slotProps: pe = {},
+    slots: ue = {}
+  } = n, me = $(n.ContainerProps, we), fe = $(n, je), J = l.useContext(T), D = l.useMemo(() => ({
+    dense: a || J.dense || !1,
+    alignItems: c,
+    disableGutters: y
+  }), [c, J.dense, a, y]), W = l.useRef(null);
+  ne(() => {
+    i && (W.current ? W.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a ListItem whose component has not been rendered."));
+  }, [i]);
+  const N = l.Children.toArray(r), K = N.length && ae(N[N.length - 1], ["ListItemSecondaryAction"]), B = u({}, n, {
+    alignItems: c,
+    autoFocus: i,
+    button: d,
+    dense: D.dense,
+    disabled: p,
+    disableGutters: y,
+    disablePadding: v,
+    divider: j,
+    hasSecondaryAction: K,
+    selected: de
+  }), Q = Be(B), Z = H(W, s), G = ue.root || C.Root || Ge, k = pe.root || g.root || {}, O = u({
+    className: L(Q.root, k.className, m),
+    disabled: p
+  }, fe);
+  let R = f || "li";
+  return d && (O.component = f || "div", O.focusVisibleClassName = L(P.focusVisible, S), R = se), K ? (R = !O.component && !f ? "div" : R, x === "li" && (R === "li" ? R = "div" : O.component === "li" && (O.component = "div")), /* @__PURE__ */ b(T.Provider, {
+    value: D,
+    children: /* @__PURE__ */ U(Fe, u({
+      as: x,
+      className: L(Q.container, I),
+      ref: Z,
+      ownerState: B
+    }, me, {
+      children: [/* @__PURE__ */ b(G, u({}, k, !ee(G) && {
+        as: R,
+        ownerState: u({}, B, k.ownerState)
+      }, O, {
+        children: N
+      })), N.pop()]
+    }))
+  })) : /* @__PURE__ */ b(T.Provider, {
+    value: D,
+    children: /* @__PURE__ */ U(G, u({}, k, {
+      as: R,
+      ref: Z
+    }, !ee(G) && {
+      ownerState: u({}, B, k.ownerState)
+    }, O, {
+      children: [N, V && /* @__PURE__ */ b(X, {
+        children: V
+      })]
+    }))
+  });
+});
+process.env.NODE_ENV !== "production" && (ie.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * Defines the `align-items` style property.
+   * @default 'center'
+   */
+  alignItems: t.oneOf(["center", "flex-start"]),
+  /**
+   * If `true`, the list item is focused during the first mount.
+   * Focus will also be triggered if the value changes from false to true.
+   * @default false
+   * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
+   */
+  autoFocus: t.bool,
+  /**
+   * If `true`, the list item is a button (using `ButtonBase`). Props intended
+   * for `ButtonBase` can then be applied to `ListItem`.
+   * @default false
+   * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
+   */
+  button: t.bool,
+  /**
+   * The content of the component if a `ListItemSecondaryAction` is used it must
+   * be the last child.
+   */
+  children: xe(t.node, (e) => {
+    const o = l.Children.toArray(e.children);
+    let s = -1;
+    for (let n = o.length - 1; n >= 0; n -= 1) {
+      const c = o[n];
+      if (ae(c, ["ListItemSecondaryAction"])) {
+        s = n;
+        break;
+      }
+    }
+    return s !== -1 && s !== o.length - 1 ? new Error("MUI: You used an element after ListItemSecondaryAction. For ListItem to detect that it has a secondary action you must pass it as the last child to ListItem.") : null;
+  }),
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: t.elementType,
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
+   * @default {}
+   */
+  components: t.shape({
+    Root: t.elementType
+  }),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `slotProps` prop.
+   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
+   *
+   * @default {}
+   */
+  componentsProps: t.shape({
+    root: t.object
+  }),
+  /**
+   * The container component used when a `ListItemSecondaryAction` is the last child.
+   * @default 'li'
+   * @deprecated
+   */
+  ContainerComponent: be,
+  /**
+   * Props applied to the container component if used.
+   * @default {}
+   * @deprecated
+   */
+  ContainerProps: t.object,
+  /**
+   * If `true`, compact vertical padding designed for keyboard and mouse input is used.
+   * The prop defaults to the value inherited from the parent List component.
+   * @default false
+   */
+  dense: t.bool,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
+   */
+  disabled: t.bool,
+  /**
+   * If `true`, the left and right padding is removed.
+   * @default false
+   */
+  disableGutters: t.bool,
+  /**
+   * If `true`, all padding is removed.
+   * @default false
+   */
+  disablePadding: t.bool,
+  /**
+   * If `true`, a 1px light border is added to the bottom of the list item.
+   * @default false
+   */
+  divider: t.bool,
+  /**
+   * @ignore
+   */
+  focusVisibleClassName: t.string,
+  /**
+   * The element to display at the end of ListItem.
+   */
+  secondaryAction: t.node,
+  /**
+   * Use to apply selected styling.
+   * @default false
+   * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
+   */
+  selected: t.bool,
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slotProps: t.shape({
+    root: t.object
+  }),
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `components` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slots: t.shape({
+    root: t.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
+});
+const Ue = ["className"], _e = (e) => {
   const {
     alignItems: o,
     classes: s
   } = e;
   return w({
     root: ["root", o === "flex-start" && "alignItemsFlexStart"]
-  }, Z, s);
-}, ie = B("div", {
+  }, Te, s);
+}, De = A("div", {
   name: "MuiListItemIcon",
   slot: "Root",
   overridesResolver: (e, o) => {
@@ -233,33 +646,33 @@ const ne = ["className"], ae = (e) => {
 })(({
   theme: e,
   ownerState: o
-}) => b({
+}) => u({
   minWidth: 56,
   color: (e.vars || e).palette.action.active,
   flexShrink: 0,
   display: "inline-flex"
 }, o.alignItems === "flex-start" && {
   marginTop: 8
-})), F = /* @__PURE__ */ d.forwardRef(function(o, s) {
-  const n = $({
+})), ce = /* @__PURE__ */ l.forwardRef(function(o, s) {
+  const n = M({
     props: o,
     name: "MuiListItemIcon"
   }), {
-    className: p
-  } = n, c = P(n, ne), l = d.useContext(L), a = b({}, n, {
-    alignItems: l.alignItems
-  }), u = ae(a);
-  return /* @__PURE__ */ y(ie, b({
-    className: R(u.root, p),
-    ownerState: a,
+    className: c
+  } = n, i = $(n, Ue), d = l.useContext(T), r = u({}, n, {
+    alignItems: d.alignItems
+  }), m = _e(r);
+  return /* @__PURE__ */ b(De, u({
+    className: L(m.root, c),
+    ownerState: r,
     ref: s
-  }, c));
+  }, i));
 });
-process.env.NODE_ENV !== "production" && (F.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+process.env.NODE_ENV !== "production" && (ce.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, normally `Icon`, `SvgIcon`,
    * or a `@mui/icons-material` SVG icon element.
@@ -278,20 +691,20 @@ process.env.NODE_ENV !== "production" && (F.propTypes = {
    */
   sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
 });
-const ce = ["children", "className", "disableTypography", "inset", "primary", "primaryTypographyProps", "secondary", "secondaryTypographyProps"], le = (e) => {
+const We = ["children", "className", "disableTypography", "inset", "primary", "primaryTypographyProps", "secondary", "secondaryTypographyProps"], ze = (e) => {
   const {
     classes: o,
     inset: s,
     primary: n,
-    secondary: p,
-    dense: c
+    secondary: c,
+    dense: i
   } = e;
   return w({
-    root: ["root", s && "inset", c && "dense", n && p && "multiline"],
+    root: ["root", s && "inset", i && "dense", n && c && "multiline"],
     primary: ["primary"],
     secondary: ["secondary"]
-  }, ee, o);
-}, de = B("div", {
+  }, Le, o);
+}, He = A("div", {
   name: "MuiListItemText",
   slot: "Root",
   overridesResolver: (e, o) => {
@@ -299,14 +712,14 @@ const ce = ["children", "className", "disableTypography", "inset", "primary", "p
       ownerState: s
     } = e;
     return [{
-      [`& .${S.primary}`]: o.primary
+      [`& .${te.primary}`]: o.primary
     }, {
-      [`& .${S.secondary}`]: o.secondary
+      [`& .${te.secondary}`]: o.secondary
     }, o.root, s.inset && o.inset, s.primary && s.secondary && o.multiline, s.dense && o.dense];
   }
 })(({
   ownerState: e
-}) => b({
+}) => u({
   flex: "1 1 auto",
   minWidth: 0,
   marginTop: 4,
@@ -316,57 +729,57 @@ const ce = ["children", "className", "disableTypography", "inset", "primary", "p
   marginBottom: 6
 }, e.inset && {
   paddingLeft: 56
-})), U = /* @__PURE__ */ d.forwardRef(function(o, s) {
-  const n = $({
+})), le = /* @__PURE__ */ l.forwardRef(function(o, s) {
+  const n = M({
     props: o,
     name: "MuiListItemText"
   }), {
-    children: p,
-    className: c,
-    disableTypography: l = !1,
-    inset: a = !1,
-    primary: u,
-    primaryTypographyProps: m,
-    secondary: I,
+    children: c,
+    className: i,
+    disableTypography: d = !1,
+    inset: r = !1,
+    primary: m,
+    primaryTypographyProps: f,
+    secondary: C,
     secondaryTypographyProps: g
-  } = n, h = P(n, ce), {
-    dense: x
-  } = d.useContext(L);
-  let r = u ?? p, i = I;
-  const f = b({}, n, {
-    disableTypography: l,
-    inset: a,
-    primary: !!r,
-    secondary: !!i,
-    dense: x
-  }), v = le(f);
-  return r != null && r.type !== E && !l && (r = /* @__PURE__ */ y(E, b({
-    variant: x ? "body2" : "body1",
+  } = n, x = $(n, We), {
+    dense: I
+  } = l.useContext(T);
+  let a = m ?? c, p = C;
+  const y = u({}, n, {
+    disableTypography: d,
+    inset: r,
+    primary: !!a,
+    secondary: !!p,
+    dense: I
+  }), v = ze(y);
+  return a != null && a.type !== F && !d && (a = /* @__PURE__ */ b(F, u({
+    variant: I ? "body2" : "body1",
     className: v.primary,
-    component: m != null && m.variant ? void 0 : "span",
+    component: f != null && f.variant ? void 0 : "span",
     display: "block"
-  }, m, {
-    children: r
-  }))), i != null && i.type !== E && !l && (i = /* @__PURE__ */ y(E, b({
+  }, f, {
+    children: a
+  }))), p != null && p.type !== F && !d && (p = /* @__PURE__ */ b(F, u({
     variant: "body2",
     className: v.secondary,
     color: "text.secondary",
     display: "block"
   }, g, {
-    children: i
-  }))), /* @__PURE__ */ D(de, b({
-    className: R(v.root, c),
-    ownerState: f,
+    children: p
+  }))), /* @__PURE__ */ U(He, u({
+    className: L(v.root, i),
+    ownerState: y,
     ref: s
-  }, h, {
-    children: [r, i]
+  }, x, {
+    children: [a, p]
   }));
 });
-process.env.NODE_ENV !== "production" && (U.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+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 "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * Alias for the `primary` prop.
    */
@@ -416,75 +829,75 @@ process.env.NODE_ENV !== "production" && (U.propTypes = {
    */
   sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
 });
-function M(e) {
+function oe(e) {
   return e.substring(2).toLowerCase();
 }
-function pe(e, o) {
+function Ye(e, o) {
   return o.documentElement.clientWidth < e.clientX || o.documentElement.clientHeight < e.clientY;
 }
-function O(e) {
+function _(e) {
   const {
     children: o,
     disableReactTree: s = !1,
     mouseEvent: n = "onClick",
-    onClickAway: p,
-    touchEvent: c = "onTouchEnd"
-  } = e, l = d.useRef(!1), a = d.useRef(null), u = d.useRef(!1), m = d.useRef(!1);
-  d.useEffect(() => (setTimeout(() => {
-    u.current = !0;
+    onClickAway: c,
+    touchEvent: i = "onTouchEnd"
+  } = e, d = l.useRef(!1), r = l.useRef(null), m = l.useRef(!1), f = l.useRef(!1);
+  l.useEffect(() => (setTimeout(() => {
+    m.current = !0;
   }, 0), () => {
-    u.current = !1;
+    m.current = !1;
   }), []);
-  const I = V(
+  const C = H(
     // @ts-expect-error TODO upstream fix
     o.ref,
-    a
-  ), g = H((r) => {
-    const i = m.current;
-    m.current = !1;
-    const f = k(a.current);
-    if (!u.current || !a.current || "clientX" in r && pe(r, f))
+    r
+  ), g = ge((a) => {
+    const p = f.current;
+    f.current = !1;
+    const y = z(r.current);
+    if (!m.current || !r.current || "clientX" in a && Ye(a, y))
       return;
-    if (l.current) {
-      l.current = !1;
+    if (d.current) {
+      d.current = !1;
       return;
     }
     let v;
-    r.composedPath ? v = r.composedPath().indexOf(a.current) > -1 : v = !f.documentElement.contains(
+    a.composedPath ? v = a.composedPath().indexOf(r.current) > -1 : v = !y.documentElement.contains(
       // @ts-expect-error returns `false` as intended when not dispatched from a Node
-      r.target
-    ) || a.current.contains(
+      a.target
+    ) || r.current.contains(
       // @ts-expect-error returns `false` as intended when not dispatched from a Node
-      r.target
-    ), !v && (s || !i) && p(r);
-  }), h = (r) => (i) => {
-    m.current = !0;
-    const f = o.props[r];
-    f && f(i);
-  }, x = {
-    ref: I
+      a.target
+    ), !v && (s || !p) && c(a);
+  }), x = (a) => (p) => {
+    f.current = !0;
+    const y = o.props[a];
+    y && y(p);
+  }, I = {
+    ref: C
   };
-  return c !== !1 && (x[c] = h(c)), d.useEffect(() => {
-    if (c !== !1) {
-      const r = M(c), i = k(a.current), f = () => {
-        l.current = !0;
+  return i !== !1 && (I[i] = x(i)), l.useEffect(() => {
+    if (i !== !1) {
+      const a = oe(i), p = z(r.current), y = () => {
+        d.current = !0;
       };
-      return i.addEventListener(r, g), i.addEventListener("touchmove", f), () => {
-        i.removeEventListener(r, g), i.removeEventListener("touchmove", f);
+      return p.addEventListener(a, g), p.addEventListener("touchmove", y), () => {
+        p.removeEventListener(a, g), p.removeEventListener("touchmove", y);
       };
     }
-  }, [g, c]), n !== !1 && (x[n] = h(n)), d.useEffect(() => {
+  }, [g, i]), n !== !1 && (I[n] = x(n)), l.useEffect(() => {
     if (n !== !1) {
-      const r = M(n), i = k(a.current);
-      return i.addEventListener(r, g), () => {
-        i.removeEventListener(r, g);
+      const a = oe(n), p = z(r.current);
+      return p.addEventListener(a, g), () => {
+        p.removeEventListener(a, g);
       };
     }
-  }, [g, n]), /* @__PURE__ */ y(d.Fragment, {
-    children: /* @__PURE__ */ d.cloneElement(o, x)
+  }, [g, n]), /* @__PURE__ */ b(l.Fragment, {
+    children: /* @__PURE__ */ l.cloneElement(o, I)
   });
 }
-process.env.NODE_ENV !== "production" && (O.propTypes = {
+process.env.NODE_ENV !== "production" && (_.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit TypeScript types and run "yarn proptypes"  |
@@ -492,7 +905,7 @@ process.env.NODE_ENV !== "production" && (O.propTypes = {
   /**
    * The wrapped element.
    */
-  children: q.isRequired,
+  children: ve.isRequired,
   /**
    * If `true`, the React tree is ignored and only the DOM tree is considered.
    * This prop changes how portaled elements are handled.
@@ -514,20 +927,20 @@ process.env.NODE_ENV !== "production" && (O.propTypes = {
    */
   touchEvent: t.oneOf(["onTouchEnd", "onTouchStart", !1])
 });
-process.env.NODE_ENV !== "production" && (O.propTypes = X(O.propTypes));
-const Ee = ({
+process.env.NODE_ENV !== "production" && (_.propTypes = Ie(_.propTypes));
+const it = ({
   open: e,
   buttons: o,
   position: s,
   width: n = 160,
-  sx: p,
-  onClose: c
+  sx: c,
+  onClose: i
 }) => {
-  const l = () => {
-    c && c();
+  const d = () => {
+    i && i();
   };
-  return e ? /* @__PURE__ */ y(O, { onClickAway: l, children: /* @__PURE__ */ y(
-    Y,
+  return e ? /* @__PURE__ */ b(_, { onClickAway: d, children: /* @__PURE__ */ b(
+    Ce,
     {
       sx: {
         position: "absolute",
@@ -538,24 +951,24 @@ const Ee = ({
         left: s == null ? void 0 : s.left,
         top: s == null ? void 0 : s.top,
         borderRadius: 0.5,
-        ...p
+        ...c
       },
       disablePadding: !0,
-      children: o.map((a, u) => /* @__PURE__ */ y(K, { secondaryAction: a.endIcon, disablePadding: !0, children: /* @__PURE__ */ D(_, { role: void 0, onClick: a.onClick, dense: !0, children: [
-        a.startIcon !== void 0 && /* @__PURE__ */ y(F, { sx: { minWidth: "auto", mr: 1 }, children: a.startIcon }),
-        /* @__PURE__ */ y(
-          U,
+      children: o.map((r, m) => /* @__PURE__ */ b(ie, { secondaryAction: r.endIcon, disablePadding: !0, children: /* @__PURE__ */ U(re, { role: void 0, onClick: r.onClick, dense: !0, children: [
+        r.startIcon !== void 0 && /* @__PURE__ */ b(ce, { sx: { minWidth: "auto", mr: 1 }, children: r.startIcon }),
+        /* @__PURE__ */ b(
+          le,
           {
-            primary: a.label,
+            primary: r.label,
             primaryTypographyProps: {
               fontSize: "12px"
             }
           }
         )
-      ] }) }, u))
+      ] }) }, m))
     }
-  ) }) : /* @__PURE__ */ y(G, {});
+  ) }) : /* @__PURE__ */ b(ye, {});
 };
 export {
-  Ee as ContextMenu
+  it as ContextMenu
 };