@hybridcore/ui 1.6.1 → 1.6.2

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

@@ -1,61 +1,38 @@
-import { createBox as j, alpha as d } from "@mui/system";
+import { a as l, _ as P } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
+import * as d from "react";
 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 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) {
+import { c as I } from "./clsx-OuTLNxxd.js";
+import { g as u, a as F, s as _, r as j, f as p, u as D, c as E } from "./generateUtilityClasses-C3ivN9Ie.js";
+import { L as $ } from "./Select-DHUl_uG3.js";
+import { jsx as M } from "react/jsx-runtime";
+import { B as G } from "./ButtonBase-BEF7oTOe.js";
+import { a as U, u as S } from "./TransitionGroupContext-BDAp2T0O.js";
+const O = u("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]), N = u("MuiListItemIcon", ["root", "alignItemsFlexStart"]), V = u("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]);
+function H(e) {
   return F("MuiMenuItem", e);
 }
-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 n = u("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), W = ["autoFocus", "component", "dense", "divider", "disableGutters", "focusVisibleClassName", "role", "tabIndex", "className"], h = (e, o) => {
   const {
     ownerState: s
   } = e;
   return [o.root, s.dense && o.dense, s.divider && o.divider, !s.disableGutters && o.gutters];
-}, Q = (e) => {
+}, z = (e) => {
   const {
     disabled: o,
     dense: s,
     divider: a,
     disableGutters: c,
-    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",
+    selected: b,
+    classes: i
+  } = e, r = E({
+    root: ["root", s && "dense", o && "disabled", !c && "gutters", a && "divider", b && "selected"]
+  }, H, i);
+  return l({}, i, r);
+}, A = _(G, {
+  shouldForwardProp: (e) => j(e) || e === "classes",
   name: "MuiMenuItem",
   slot: "Root",
-  overridesResolver: K
+  overridesResolver: h
 })(({
   theme: e,
   ownerState: o
@@ -85,40 +62,40 @@ const i = u("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divide
       backgroundColor: "transparent"
     }
   },
-  [`&.${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}`]: {
+    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}: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),
+  [`&.${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),
     // 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})` : d(e.palette.primary.main, e.palette.action.selectedOpacity)
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : p(e.palette.primary.main, e.palette.action.selectedOpacity)
     }
   },
-  [`&.${i.focusVisible}`]: {
+  [`&.${n.focusVisible}`]: {
     backgroundColor: (e.vars || e).palette.action.focus
   },
-  [`&.${i.disabled}`]: {
+  [`&.${n.disabled}`]: {
     opacity: (e.vars || e).palette.action.disabledOpacity
   },
-  [`& + .${M.root}`]: {
+  [`& + .${O.root}`]: {
     marginTop: e.spacing(1),
     marginBottom: e.spacing(1)
   },
-  [`& + .${M.inset}`]: {
+  [`& + .${O.inset}`]: {
     marginLeft: 52
   },
-  [`& .${N.root}`]: {
+  [`& .${V.root}`]: {
     marginTop: 0,
     marginBottom: 0
   },
-  [`& .${N.inset}`]: {
+  [`& .${V.inset}`]: {
     paddingLeft: 36
   },
-  [`& .${T.root}`]: {
+  [`& .${N.root}`]: {
     minWidth: 36
   }
 }, !o.dense && {
@@ -131,56 +108,56 @@ const i = u("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divide
   paddingTop: 4,
   paddingBottom: 4
 }, e.typography.body2, {
-  [`& .${T.root} svg`]: {
+  [`& .${N.root} svg`]: {
     fontSize: "1.25rem"
   }
-}))), Y = /* @__PURE__ */ p.forwardRef(function(o, s) {
-  const a = h({
+}))), q = /* @__PURE__ */ d.forwardRef(function(o, s) {
+  const a = D({
     props: o,
     name: "MuiMenuItem"
   }), {
     autoFocus: c = !1,
-    component: m = "li",
-    dense: n = !1,
+    component: b = "li",
+    dense: i = !1,
     divider: g = !1,
     disableGutters: r = !1,
-    focusVisibleClassName: V,
-    role: B = "menuitem",
+    focusVisibleClassName: R,
+    role: T = "menuitem",
     tabIndex: v,
-    className: R
-  } = a, k = U(a, J), y = p.useContext(O), C = p.useMemo(() => ({
-    dense: n || y.dense || !1,
+    className: k
+  } = a, w = P(a, W), y = d.useContext($), C = d.useMemo(() => ({
+    dense: i || y.dense || !1,
     disableGutters: r
-  }), [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."));
+  }), [y.dense, i, r]), m = d.useRef(null);
+  U(() => {
+    c && (m.current ? m.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 w = l({}, a, {
+  const L = l({}, a, {
     dense: C.dense,
     divider: g,
     disableGutters: r
-  }), f = Q(a), L = W(b, s);
+  }), f = z(a), B = S(m, s);
   let x;
-  return a.disabled || (x = v !== void 0 ? v : -1), /* @__PURE__ */ $(O.Provider, {
+  return a.disabled || (x = v !== void 0 ? v : -1), /* @__PURE__ */ M($.Provider, {
     value: C,
-    children: /* @__PURE__ */ $(X, l({
-      ref: L,
-      role: B,
+    children: /* @__PURE__ */ M(A, l({
+      ref: B,
+      role: T,
       tabIndex: x,
-      component: m,
-      focusVisibleClassName: I(f.focusVisible, V),
-      className: I(f.root, R)
-    }, k, {
-      ownerState: w,
+      component: b,
+      focusVisibleClassName: I(f.focusVisible, R),
+      className: I(f.root, k)
+    }, w, {
+      ownerState: L,
       classes: f
     }))
   });
 });
-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"     |
-  // ----------------------------------------------------------------------
+process.env.NODE_ENV !== "production" && (q.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * If `true`, the list item is focused during the first mount.
    * Focus will also be triggered if the value changes from false to true.
@@ -252,6 +229,5 @@ process.env.NODE_ENV !== "production" && (Y.propTypes = {
   tabIndex: t.number
 });
 export {
-  A as B,
-  Y as M
+  q as M
 };