@hybridcore/ui 1.5.90 → 1.6.1

package/dist/{MenuItem-C6qlUyV3.js → MenuItem-DrE50M_p.js}

@@ -1,39 +1,61 @@
-import { a as l, _ as L } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import * as d from "react";
-import { P as t } from "./index-DMSHuq6l.js";
-import { g as V, u as j, c as x, a as E } from "./useThemeProps-DRP1dikX.js";
-import { s as F, r as G } from "./styled-B8ugzvji.js";
-import { L as I } from "./List-DOD5kSk3.js";
-import { g as U, a as p } from "./createTheme-CNnKNxwL.js";
+import { createBox as j, alpha as d } from "@mui/system";
+import { P as t } from "./index-C__OZmYy.js";
+import { d as E, C as P, g as u, b as F, s as G, r as _, u as h, c as I, a as D } from "./styled-Bsjp3kFh.js";
+import { a as l, _ as U } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
+import * as p from "react";
+import { L as O } from "./TextField-DSDIEEKu.js";
 import { jsx as $ } from "react/jsx-runtime";
-import { B as _, u as D, a as S } from "./ButtonBase-DsX-jMQJ.js";
-import { l as O, a as M } from "./listItemTextClasses-CNjn41Of.js";
-const N = V("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
-function h(e) {
-  return U("MuiMenuItem", e);
+import { B as S, u as H, a as W } from "./ButtonBase-sObABYY2.js";
+const z = E(), A = j({
+  defaultTheme: z,
+  defaultClassName: "MuiBox-root",
+  generateClassName: P.generate
+});
+process.env.NODE_ENV !== "production" && (A.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * @ignore
+   */
+  children: t.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: 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 M = u("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]), T = u("MuiListItemIcon", ["root", "alignItemsFlexStart"]), N = u("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]);
+function q(e) {
+  return F("MuiMenuItem", e);
 }
-const n = V("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), H = ["autoFocus", "component", "dense", "divider", "disableGutters", "focusVisibleClassName", "role", "tabIndex", "className"], W = (e, o) => {
+const i = u("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), J = ["autoFocus", "component", "dense", "divider", "disableGutters", "focusVisibleClassName", "role", "tabIndex", "className"], K = (e, o) => {
   const {
     ownerState: s
   } = e;
   return [o.root, s.dense && o.dense, s.divider && o.divider, !s.disableGutters && o.gutters];
-}, z = (e) => {
+}, Q = (e) => {
   const {
     disabled: o,
     dense: s,
     divider: a,
     disableGutters: c,
-    selected: u,
-    classes: i
-  } = e, r = E({
-    root: ["root", s && "dense", o && "disabled", !c && "gutters", a && "divider", u && "selected"]
-  }, h, i);
-  return l({}, i, r);
-}, A = F(_, {
-  shouldForwardProp: (e) => G(e) || e === "classes",
+    selected: m,
+    classes: n
+  } = e, r = D({
+    root: ["root", s && "dense", o && "disabled", !c && "gutters", a && "divider", m && "selected"]
+  }, q, n);
+  return l({}, n, r);
+}, X = G(S, {
+  shouldForwardProp: (e) => _(e) || e === "classes",
   name: "MuiMenuItem",
   slot: "Root",
-  overridesResolver: W
+  overridesResolver: K
 })(({
   theme: e,
   ownerState: o
@@ -63,40 +85,40 @@ const n = V("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divide
       backgroundColor: "transparent"
     }
   },
-  [`&.${n.selected}`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : p(e.palette.primary.main, e.palette.action.selectedOpacity),
-    [`&.${n.focusVisible}`]: {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : p(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
+  [`&.${i.selected}`]: {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : d(e.palette.primary.main, e.palette.action.selectedOpacity),
+    [`&.${i.focusVisible}`]: {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : d(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
     }
   },
-  [`&.${n.selected}:hover`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : p(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+  [`&.${i.selected}:hover`]: {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : d(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})` : p(e.palette.primary.main, e.palette.action.selectedOpacity)
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : d(e.palette.primary.main, e.palette.action.selectedOpacity)
     }
   },
-  [`&.${n.focusVisible}`]: {
+  [`&.${i.focusVisible}`]: {
     backgroundColor: (e.vars || e).palette.action.focus
   },
-  [`&.${n.disabled}`]: {
+  [`&.${i.disabled}`]: {
     opacity: (e.vars || e).palette.action.disabledOpacity
   },
-  [`& + .${N.root}`]: {
+  [`& + .${M.root}`]: {
     marginTop: e.spacing(1),
     marginBottom: e.spacing(1)
   },
-  [`& + .${N.inset}`]: {
+  [`& + .${M.inset}`]: {
     marginLeft: 52
   },
-  [`& .${O.root}`]: {
+  [`& .${N.root}`]: {
     marginTop: 0,
     marginBottom: 0
   },
-  [`& .${O.inset}`]: {
+  [`& .${N.inset}`]: {
     paddingLeft: 36
   },
-  [`& .${M.root}`]: {
+  [`& .${T.root}`]: {
     minWidth: 36
   }
 }, !o.dense && {
@@ -109,52 +131,52 @@ const n = V("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divide
   paddingTop: 4,
   paddingBottom: 4
 }, e.typography.body2, {
-  [`& .${M.root} svg`]: {
+  [`& .${T.root} svg`]: {
     fontSize: "1.25rem"
   }
-}))), q = /* @__PURE__ */ d.forwardRef(function(o, s) {
-  const a = j({
+}))), Y = /* @__PURE__ */ p.forwardRef(function(o, s) {
+  const a = h({
     props: o,
     name: "MuiMenuItem"
   }), {
     autoFocus: c = !1,
-    component: u = "li",
-    dense: i = !1,
-    divider: m = !1,
+    component: m = "li",
+    dense: n = !1,
+    divider: g = !1,
     disableGutters: r = !1,
-    focusVisibleClassName: R,
-    role: T = "menuitem",
-    tabIndex: g,
-    className: k
-  } = a, w = L(a, H), v = d.useContext(I), y = d.useMemo(() => ({
-    dense: i || v.dense || !1,
+    focusVisibleClassName: V,
+    role: B = "menuitem",
+    tabIndex: v,
+    className: R
+  } = a, k = U(a, J), y = p.useContext(O), C = p.useMemo(() => ({
+    dense: n || y.dense || !1,
     disableGutters: r
-  }), [v.dense, i, r]), b = d.useRef(null);
-  D(() => {
+  }), [y.dense, n, r]), b = p.useRef(null);
+  H(() => {
     c && (b.current ? b.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."));
   }, [c]);
-  const B = l({}, a, {
-    dense: y.dense,
-    divider: m,
+  const w = l({}, a, {
+    dense: C.dense,
+    divider: g,
     disableGutters: r
-  }), f = z(a), P = S(b, s);
-  let C;
-  return a.disabled || (C = g !== void 0 ? g : -1), /* @__PURE__ */ $(I.Provider, {
-    value: y,
-    children: /* @__PURE__ */ $(A, l({
-      ref: P,
-      role: T,
-      tabIndex: C,
-      component: u,
-      focusVisibleClassName: x(f.focusVisible, R),
-      className: x(f.root, k)
-    }, w, {
-      ownerState: B,
+  }), f = Q(a), L = W(b, s);
+  let x;
+  return a.disabled || (x = v !== void 0 ? v : -1), /* @__PURE__ */ $(O.Provider, {
+    value: C,
+    children: /* @__PURE__ */ $(X, l({
+      ref: L,
+      role: B,
+      tabIndex: x,
+      component: m,
+      focusVisibleClassName: I(f.focusVisible, V),
+      className: I(f.root, R)
+    }, k, {
+      ownerState: w,
       classes: f
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (q.propTypes = {
+process.env.NODE_ENV !== "production" && (Y.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -230,5 +252,6 @@ process.env.NODE_ENV !== "production" && (q.propTypes = {
   tabIndex: t.number
 });
 export {
-  q as M
+  A as B,
+  Y as M
 };