@hybridcore/ui 1.1.3 → 1.2.0

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

@@ -1,50 +1,43 @@
-import { jsx as b, jsxs as U, Fragment as ye } from "react/jsx-runtime";
-import * as l from "react";
-import { P as t } from "../../createTheme-agWfFD64.js";
-import { B as se, u as ne, a as H, e as be, b as ge } from "../../ButtonBase-BYmh3G5j.js";
-import { o as z } from "../../ownerDocument-CUrv0DIK.js";
-import { e as ve, a as Ie } from "../../exactProp-CI8dagM-.js";
-import { L, g as Ce, l as ee, a as xe, b as he } from "../../listItemTextClasses-BvXFz-Oc.js";
-import { a as u, _ as $ } from "../../extends-C3382pL0.js";
-import { g as Y, u as M, c as T, a as w, b as Le } from "../../chainPropTypes-DtBfUj5o.js";
-import { g as q, s as A, r as Te, a as h } from "../../styled-Iq9jsO4F.js";
-import { i as ae } from "../../isMuiElement-CxT3_ACP.js";
-import { i as te } from "../../isHostComponent-kiaBvYVo.js";
-import { T as F } from "../../Typography-XIiVCSto.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) => {
+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-oOCi1S_n.js";
+import { B as W, b as z, a as V, c as H } from "../../ButtonBase-C7CHOX3y.js";
+import { o as k } from "../../ownerDocument-CUrv0DIK.js";
+import { e as q, a as X } from "../../exactProp-DhXxfU8X.js";
+import { L, a as Y } from "../../List-CgBXAAKA.js";
+import { l as T, g as J, L as K } from "../../ListItem-BFDUUjHt.js";
+import { a as b, _ as P } from "../../extends-C3382pL0.js";
+import { u as $, c as R, a as w } from "../../chainPropTypes-BmidnkZm.js";
+import { s as B, r as Q, a as C } from "../../styled-Wx2vv4j8.js";
+import { g as Z, l as S, b as ee } from "../../listItemTextClasses-CaI8l2PD.js";
+import { T as E } from "../../Typography-Bjo-B13o.js";
+const te = ["alignItems", "autoFocus", "component", "children", "dense", "disableGutters", "divider", "focusVisibleClassName", "selected", "className"], oe = (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];
-}, Ee = (e) => {
+}, se = (e) => {
   const {
     alignItems: o,
     classes: s,
     dense: n,
-    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) => Te(e) || e === "classes",
+    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",
   name: "MuiListItemButton",
   slot: "Root",
-  overridesResolver: Pe
+  overridesResolver: oe
 })(({
   theme: e,
   ownerState: o
-}) => u({
+}) => b({
   display: "flex",
   flexGrow: 1,
   justifyContent: "flex-start",
@@ -67,23 +60,23 @@ const E = Y("MuiListItemButton", ["root", "focusVisible", "dense", "alignItemsFl
       backgroundColor: "transparent"
     }
   },
-  [`&.${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}`]: {
+    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}: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),
+  [`&.${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),
     // 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)
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : C(e.palette.primary.main, e.palette.action.selectedOpacity)
     }
   },
-  [`&.${E.focusVisible}`]: {
+  [`&.${T.focusVisible}`]: {
     backgroundColor: (e.vars || e).palette.action.focus
   },
-  [`&.${E.disabled}`]: {
+  [`&.${T.disabled}`]: {
     opacity: (e.vars || e).palette.action.disabledOpacity
   }
 }, o.divider && {
@@ -97,52 +90,52 @@ const E = Y("MuiListItemButton", ["root", "focusVisible", "dense", "alignItemsFl
 }, o.dense && {
   paddingTop: 4,
   paddingBottom: 4
-})), re = /* @__PURE__ */ l.forwardRef(function(o, s) {
-  const n = M({
+})), _ = /* @__PURE__ */ d.forwardRef(function(o, s) {
+  const n = $({
     props: o,
     name: "MuiListItemButton"
   }), {
-    alignItems: c = "center",
-    autoFocus: i = !1,
-    component: d = "div",
-    children: r,
-    dense: m = !1,
-    disableGutters: f = !1,
-    divider: C = !1,
+    alignItems: p = "center",
+    autoFocus: c = !1,
+    component: l = "div",
+    children: a,
+    dense: u = !1,
+    disableGutters: m = !1,
+    divider: I = !1,
     focusVisibleClassName: g,
-    selected: x = !1,
-    className: I
-  } = n, a = $(n, Ne), p = l.useContext(L), 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(L.Provider, {
-    value: y,
-    children: /* @__PURE__ */ b($e, u({
-      ref: V,
-      href: a.href || a.to,
-      component: (a.href || a.to) && d === "div" ? "button" : d,
-      focusVisibleClassName: T(S.focusVisible, 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),
       ownerState: j,
-      className: T(S.root, I)
-    }, a, {
-      classes: S,
-      children: r
+      className: R(N.root, x)
+    }, r, {
+      classes: N,
+      children: a
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (re.propTypes = {
+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`.     │
@@ -220,420 +213,15 @@ process.env.NODE_ENV !== "production" && (re.propTypes = {
    */
   sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
 });
-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(L), r = u({}, n, {
-    disableGutters: d.disableGutters
-  }), m = ke(r);
-  return /* @__PURE__ */ b(Me, u({
-    className: T(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 `pnpm 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(L), 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: T(Q.root, k.className, m),
-    disabled: p
-  }, fe);
-  let R = f || "li";
-  return d && (O.component = f || "div", O.focusVisibleClassName = T(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(L.Provider, {
-    value: D,
-    children: /* @__PURE__ */ U(Fe, u({
-      as: x,
-      className: T(Q.container, I),
-      ref: Z,
-      ownerState: B
-    }, me, {
-      children: [/* @__PURE__ */ b(G, u({}, k, !te(G) && {
-        as: R,
-        ownerState: u({}, B, k.ownerState)
-      }, O, {
-        children: N
-      })), N.pop()]
-    }))
-  })) : /* @__PURE__ */ b(L.Provider, {
-    value: D,
-    children: /* @__PURE__ */ U(G, u({}, k, {
-      as: R,
-      ref: Z
-    }, !te(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 `pnpm 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: Le(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 ne = ["className"], ae = (e) => {
   const {
     alignItems: o,
     classes: s
   } = e;
   return w({
     root: ["root", o === "flex-start" && "alignItemsFlexStart"]
-  }, Ce, s);
-}, De = A("div", {
+  }, Z, s);
+}, ie = B("div", {
   name: "MuiListItemIcon",
   slot: "Root",
   overridesResolver: (e, o) => {
@@ -645,29 +233,29 @@ const Ue = ["className"], _e = (e) => {
 })(({
   theme: e,
   ownerState: o
-}) => u({
+}) => b({
   minWidth: 56,
   color: (e.vars || e).palette.action.active,
   flexShrink: 0,
   display: "inline-flex"
 }, o.alignItems === "flex-start" && {
   marginTop: 8
-})), ce = /* @__PURE__ */ l.forwardRef(function(o, s) {
-  const n = M({
+})), F = /* @__PURE__ */ d.forwardRef(function(o, s) {
+  const n = $({
     props: o,
     name: "MuiListItemIcon"
   }), {
-    className: c
-  } = n, i = $(n, Ue), d = l.useContext(L), r = u({}, n, {
-    alignItems: d.alignItems
-  }), m = _e(r);
-  return /* @__PURE__ */ b(De, u({
-    className: T(m.root, c),
-    ownerState: r,
+    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,
     ref: s
-  }, i));
+  }, c));
 });
-process.env.NODE_ENV !== "production" && (ce.propTypes = {
+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`.     │
@@ -690,20 +278,20 @@ process.env.NODE_ENV !== "production" && (ce.propTypes = {
    */
   sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
 });
-const We = ["children", "className", "disableTypography", "inset", "primary", "primaryTypographyProps", "secondary", "secondaryTypographyProps"], ze = (e) => {
+const ce = ["children", "className", "disableTypography", "inset", "primary", "primaryTypographyProps", "secondary", "secondaryTypographyProps"], le = (e) => {
   const {
     classes: o,
     inset: s,
     primary: n,
-    secondary: c,
-    dense: i
+    secondary: p,
+    dense: c
   } = e;
   return w({
-    root: ["root", s && "inset", i && "dense", n && c && "multiline"],
+    root: ["root", s && "inset", c && "dense", n && p && "multiline"],
     primary: ["primary"],
     secondary: ["secondary"]
-  }, xe, o);
-}, He = A("div", {
+  }, ee, o);
+}, de = B("div", {
   name: "MuiListItemText",
   slot: "Root",
   overridesResolver: (e, o) => {
@@ -711,14 +299,14 @@ const We = ["children", "className", "disableTypography", "inset", "primary", "p
       ownerState: s
     } = e;
     return [{
-      [`& .${ee.primary}`]: o.primary
+      [`& .${S.primary}`]: o.primary
     }, {
-      [`& .${ee.secondary}`]: o.secondary
+      [`& .${S.secondary}`]: o.secondary
     }, o.root, s.inset && o.inset, s.primary && s.secondary && o.multiline, s.dense && o.dense];
   }
 })(({
   ownerState: e
-}) => u({
+}) => b({
   flex: "1 1 auto",
   minWidth: 0,
   marginTop: 4,
@@ -728,53 +316,53 @@ const We = ["children", "className", "disableTypography", "inset", "primary", "p
   marginBottom: 6
 }, e.inset && {
   paddingLeft: 56
-})), le = /* @__PURE__ */ l.forwardRef(function(o, s) {
-  const n = M({
+})), U = /* @__PURE__ */ d.forwardRef(function(o, s) {
+  const n = $({
     props: o,
     name: "MuiListItemText"
   }), {
-    children: c,
-    className: i,
-    disableTypography: d = !1,
-    inset: r = !1,
-    primary: m,
-    primaryTypographyProps: f,
-    secondary: C,
+    children: p,
+    className: c,
+    disableTypography: l = !1,
+    inset: a = !1,
+    primary: u,
+    primaryTypographyProps: m,
+    secondary: I,
     secondaryTypographyProps: g
-  } = n, x = $(n, We), {
-    dense: I
-  } = l.useContext(L);
-  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",
+  } = 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",
     className: v.primary,
-    component: f != null && f.variant ? void 0 : "span",
+    component: m != null && m.variant ? void 0 : "span",
     display: "block"
-  }, f, {
-    children: a
-  }))), p != null && p.type !== F && !d && (p = /* @__PURE__ */ b(F, u({
+  }, m, {
+    children: r
+  }))), i != null && i.type !== E && !l && (i = /* @__PURE__ */ y(E, b({
     variant: "body2",
     className: v.secondary,
     color: "text.secondary",
     display: "block"
   }, g, {
-    children: p
-  }))), /* @__PURE__ */ U(He, u({
-    className: T(v.root, i),
-    ownerState: y,
+    children: i
+  }))), /* @__PURE__ */ D(de, b({
+    className: R(v.root, c),
+    ownerState: f,
     ref: s
-  }, x, {
-    children: [a, p]
+  }, h, {
+    children: [r, i]
   }));
 });
-process.env.NODE_ENV !== "production" && (le.propTypes = {
+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`.     │
@@ -828,75 +416,75 @@ process.env.NODE_ENV !== "production" && (le.propTypes = {
    */
   sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
 });
-function oe(e) {
+function M(e) {
   return e.substring(2).toLowerCase();
 }
-function Ye(e, o) {
+function pe(e, o) {
   return o.documentElement.clientWidth < e.clientX || o.documentElement.clientHeight < e.clientY;
 }
-function _(e) {
+function O(e) {
   const {
     children: o,
     disableReactTree: s = !1,
     mouseEvent: n = "onClick",
-    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;
+    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;
   }, 0), () => {
-    m.current = !1;
+    u.current = !1;
   }), []);
-  const C = H(
+  const I = V(
     // @ts-expect-error TODO upstream fix
     o.ref,
-    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))
+    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))
       return;
-    if (d.current) {
-      d.current = !1;
+    if (l.current) {
+      l.current = !1;
       return;
     }
     let v;
-    a.composedPath ? v = a.composedPath().indexOf(r.current) > -1 : v = !y.documentElement.contains(
+    r.composedPath ? v = r.composedPath().indexOf(a.current) > -1 : v = !f.documentElement.contains(
       // @ts-expect-error returns `false` as intended when not dispatched from a Node
-      a.target
-    ) || r.current.contains(
+      r.target
+    ) || a.current.contains(
       // @ts-expect-error returns `false` as intended when not dispatched from a Node
-      a.target
-    ), !v && (s || !p) && c(a);
-  }), x = (a) => (p) => {
-    f.current = !0;
-    const y = o.props[a];
-    y && y(p);
-  }, I = {
-    ref: C
+      r.target
+    ), !v && (s || !i) && p(r);
+  }), h = (r) => (i) => {
+    m.current = !0;
+    const f = o.props[r];
+    f && f(i);
+  }, x = {
+    ref: I
   };
-  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 c !== !1 && (x[c] = h(c)), d.useEffect(() => {
+    if (c !== !1) {
+      const r = M(c), i = k(a.current), f = () => {
+        l.current = !0;
       };
-      return p.addEventListener(a, g), p.addEventListener("touchmove", y), () => {
-        p.removeEventListener(a, g), p.removeEventListener("touchmove", y);
+      return i.addEventListener(r, g), i.addEventListener("touchmove", f), () => {
+        i.removeEventListener(r, g), i.removeEventListener("touchmove", f);
       };
     }
-  }, [g, i]), n !== !1 && (I[n] = x(n)), l.useEffect(() => {
+  }, [g, c]), n !== !1 && (x[n] = h(n)), d.useEffect(() => {
     if (n !== !1) {
-      const a = oe(n), p = z(r.current);
-      return p.addEventListener(a, g), () => {
-        p.removeEventListener(a, g);
+      const r = M(n), i = k(a.current);
+      return i.addEventListener(r, g), () => {
+        i.removeEventListener(r, g);
       };
     }
-  }, [g, n]), /* @__PURE__ */ b(l.Fragment, {
-    children: /* @__PURE__ */ l.cloneElement(o, I)
+  }, [g, n]), /* @__PURE__ */ y(d.Fragment, {
+    children: /* @__PURE__ */ d.cloneElement(o, x)
   });
 }
-process.env.NODE_ENV !== "production" && (_.propTypes = {
+process.env.NODE_ENV !== "production" && (O.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit TypeScript types and run "yarn proptypes"  |
@@ -904,7 +492,7 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
   /**
    * The wrapped element.
    */
-  children: ve.isRequired,
+  children: q.isRequired,
   /**
    * If `true`, the React tree is ignored and only the DOM tree is considered.
    * This prop changes how portaled elements are handled.
@@ -926,20 +514,20 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
    */
   touchEvent: t.oneOf(["onTouchEnd", "onTouchStart", !1])
 });
-process.env.NODE_ENV !== "production" && (_.propTypes = Ie(_.propTypes));
-const rt = ({
+process.env.NODE_ENV !== "production" && (O.propTypes = X(O.propTypes));
+const Ee = ({
   open: e,
   buttons: o,
   position: s,
   width: n = 160,
-  sx: c,
-  onClose: i
+  sx: p,
+  onClose: c
 }) => {
-  const d = () => {
-    i && i();
+  const l = () => {
+    c && c();
   };
-  return e ? /* @__PURE__ */ b(_, { onClickAway: d, children: /* @__PURE__ */ b(
-    he,
+  return e ? /* @__PURE__ */ y(O, { onClickAway: l, children: /* @__PURE__ */ y(
+    Y,
     {
       sx: {
         position: "absolute",
@@ -950,24 +538,24 @@ const rt = ({
         left: s == null ? void 0 : s.left,
         top: s == null ? void 0 : s.top,
         borderRadius: 0.5,
-        ...c
+        ...p
       },
       disablePadding: !0,
-      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,
+      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,
           {
-            primary: r.label,
+            primary: a.label,
             primaryTypographyProps: {
               fontSize: "12px"
             }
           }
         )
-      ] }) }, m))
+      ] }) }, u))
     }
-  ) }) : /* @__PURE__ */ b(ye, {});
+  ) }) : /* @__PURE__ */ y(G, {});
 };
 export {
-  rt as ContextMenu
+  Ee as ContextMenu
 };