@hybridcore/ui 1.6.12 → 1.6.13

package/dist/MenuItem-DwqJqzuM.js

@@ -1,233 +0,0 @@
-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 { 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 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];
-}, z = (e) => {
-  const {
-    disabled: o,
-    dense: s,
-    divider: a,
-    disableGutters: c,
-    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: h
-})(({
-  theme: e,
-  ownerState: o
-}) => l({}, e.typography.body1, {
-  display: "flex",
-  justifyContent: "flex-start",
-  alignItems: "center",
-  position: "relative",
-  textDecoration: "none",
-  minHeight: 48,
-  paddingTop: 6,
-  paddingBottom: 6,
-  boxSizing: "border-box",
-  whiteSpace: "nowrap"
-}, !o.disableGutters && {
-  paddingLeft: 16,
-  paddingRight: 16
-}, o.divider && {
-  borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
-  backgroundClip: "padding-box"
-}, {
-  "&:hover": {
-    textDecoration: "none",
-    backgroundColor: (e.vars || e).palette.action.hover,
-    // Reset on touch devices, it doesn't add specificity
-    "@media (hover: none)": {
-      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)
-    }
-  },
-  [`&.${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})` : p(e.palette.primary.main, e.palette.action.selectedOpacity)
-    }
-  },
-  [`&.${n.focusVisible}`]: {
-    backgroundColor: (e.vars || e).palette.action.focus
-  },
-  [`&.${n.disabled}`]: {
-    opacity: (e.vars || e).palette.action.disabledOpacity
-  },
-  [`& + .${O.root}`]: {
-    marginTop: e.spacing(1),
-    marginBottom: e.spacing(1)
-  },
-  [`& + .${O.inset}`]: {
-    marginLeft: 52
-  },
-  [`& .${V.root}`]: {
-    marginTop: 0,
-    marginBottom: 0
-  },
-  [`& .${V.inset}`]: {
-    paddingLeft: 36
-  },
-  [`& .${N.root}`]: {
-    minWidth: 36
-  }
-}, !o.dense && {
-  [e.breakpoints.up("sm")]: {
-    minHeight: "auto"
-  }
-}, o.dense && l({
-  minHeight: 32,
-  // https://m2.material.io/components/menus#specs > Dense
-  paddingTop: 4,
-  paddingBottom: 4
-}, e.typography.body2, {
-  [`& .${N.root} svg`]: {
-    fontSize: "1.25rem"
-  }
-}))), q = /* @__PURE__ */ d.forwardRef(function(o, s) {
-  const a = D({
-    props: o,
-    name: "MuiMenuItem"
-  }), {
-    autoFocus: c = !1,
-    component: b = "li",
-    dense: i = !1,
-    divider: g = !1,
-    disableGutters: r = !1,
-    focusVisibleClassName: R,
-    role: T = "menuitem",
-    tabIndex: v,
-    className: k
-  } = a, w = P(a, W), y = d.useContext($), C = d.useMemo(() => ({
-    dense: i || y.dense || !1,
-    disableGutters: r
-  }), [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 L = l({}, a, {
-    dense: C.dense,
-    divider: g,
-    disableGutters: r
-  }), f = z(a), B = S(m, s);
-  let x;
-  return a.disabled || (x = v !== void 0 ? v : -1), /* @__PURE__ */ M($.Provider, {
-    value: C,
-    children: /* @__PURE__ */ M(A, l({
-      ref: B,
-      role: T,
-      tabIndex: x,
-      component: b,
-      focusVisibleClassName: I(f.focusVisible, R),
-      className: I(f.root, k)
-    }, w, {
-      ownerState: L,
-      classes: f
-    }))
-  });
-});
-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.
-   * @default false
-   */
-  autoFocus: t.bool,
-  /**
-   * The content of the component.
-   */
-  children: t.node,
-  /**
-   * 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,
-  /**
-   * If `true`, compact vertical padding designed for keyboard and mouse input is used.
-   * The prop defaults to the value inherited from the parent Menu component.
-   * @default false
-   */
-  dense: t.bool,
-  /**
-   * @ignore
-   */
-  disabled: t.bool,
-  /**
-   * If `true`, the left and right padding is removed.
-   * @default false
-   */
-  disableGutters: t.bool,
-  /**
-   * If `true`, a 1px light border is added to the bottom of the menu item.
-   * @default false
-   */
-  divider: t.bool,
-  /**
-   * This prop can help identify which element has keyboard focus.
-   * The class name will be applied when the element gains the focus through keyboard interaction.
-   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
-   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
-   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
-   * if needed.
-   */
-  focusVisibleClassName: t.string,
-  /**
-   * @ignore
-   */
-  role: t.string,
-  /**
-   * If `true`, the component is selected.
-   * @default false
-   */
-  selected: t.bool,
-  /**
-   * 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]),
-  /**
-   * @default 0
-   */
-  tabIndex: t.number
-});
-export {
-  q as M
-};