@solostylist/ui-kit 1.0.203 → 1.0.205

package/dist/MenuItem-2wG8I2HO.js

@@ -1,269 +0,0 @@
-import * as d from "react";
-import { P as o } from "./createTheme-DgoJyWM-.js";
-import { c as I } from "./clsx-OuTLNxxd.js";
-import { s as j, r as B } from "./styled-8Y5KoVix.js";
-import { u as D, c as S, m as U } from "./DefaultPropsProvider-DPuuPIbS.js";
-import { L as C } from "./Menu-GVFDMHCN.js";
-import { g as c } from "./generateUtilityClasses-E9gROIFd.js";
-import { g as m } from "./generateUtilityClass-BhfUaMgk.js";
-import { j as M } from "./jsx-runtime-tc70JA_2.js";
-import { u as E } from "./useEnhancedEffect-CJGo-L3B.js";
-import { u as P, B as F } from "./ButtonBase-D73M0QY5.js";
-function oe(e) {
-  return m("MuiDivider", e);
-}
-const $ = c("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
-function te(e) {
-  return m("MuiListItemIcon", e);
-}
-const w = c("MuiListItemIcon", ["root", "alignItemsFlexStart"]), O = c("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]);
-function G(e) {
-  return m("MuiMenuItem", e);
-}
-const n = c("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), H = (e, t) => {
-  const {
-    ownerState: s
-  } = e;
-  return [t.root, s.dense && t.dense, s.divider && t.divider, !s.disableGutters && t.gutters];
-}, z = (e) => {
-  const {
-    disabled: t,
-    dense: s,
-    divider: a,
-    disableGutters: l,
-    selected: p,
-    classes: r
-  } = e, i = S({
-    root: ["root", s && "dense", t && "disabled", !l && "gutters", a && "divider", p && "selected"]
-  }, G, r);
-  return {
-    ...r,
-    ...i
-  };
-}, A = j(F, {
-  shouldForwardProp: (e) => B(e) || e === "classes",
-  name: "MuiMenuItem",
-  slot: "Root",
-  overridesResolver: H
-})(U(({
-  theme: e
-}) => ({
-  ...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",
-  "&: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.alpha((e.vars || e).palette.primary.main, (e.vars || e).palette.action.selectedOpacity),
-    [`&.${n.focusVisible}`]: {
-      backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.focusOpacity}`)
-    }
-  },
-  [`&.${n.selected}:hover`]: {
-    backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.hoverOpacity}`),
-    // Reset on touch devices, it doesn't add specificity
-    "@media (hover: none)": {
-      backgroundColor: e.alpha((e.vars || e).palette.primary.main, (e.vars || e).palette.action.selectedOpacity)
-    }
-  },
-  [`&.${n.focusVisible}`]: {
-    backgroundColor: (e.vars || e).palette.action.focus
-  },
-  [`&.${n.disabled}`]: {
-    opacity: (e.vars || e).palette.action.disabledOpacity
-  },
-  [`& + .${$.root}`]: {
-    marginTop: e.spacing(1),
-    marginBottom: e.spacing(1)
-  },
-  [`& + .${$.inset}`]: {
-    marginLeft: 52
-  },
-  [`& .${O.root}`]: {
-    marginTop: 0,
-    marginBottom: 0
-  },
-  [`& .${O.inset}`]: {
-    paddingLeft: 36
-  },
-  [`& .${w.root}`]: {
-    minWidth: 36
-  },
-  variants: [{
-    props: ({
-      ownerState: t
-    }) => !t.disableGutters,
-    style: {
-      paddingLeft: 16,
-      paddingRight: 16
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.divider,
-    style: {
-      borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
-      backgroundClip: "padding-box"
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => !t.dense,
-    style: {
-      [e.breakpoints.up("sm")]: {
-        minHeight: "auto"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.dense,
-    style: {
-      minHeight: 32,
-      // https://m2.material.io/components/menus#specs > Dense
-      paddingTop: 4,
-      paddingBottom: 4,
-      ...e.typography.body2,
-      [`& .${w.root} svg`]: {
-        fontSize: "1.25rem"
-      }
-    }
-  }]
-}))), W = /* @__PURE__ */ d.forwardRef(function(t, s) {
-  const a = D({
-    props: t,
-    name: "MuiMenuItem"
-  }), {
-    autoFocus: l = !1,
-    component: p = "li",
-    dense: r = !1,
-    divider: b = !1,
-    disableGutters: i = !1,
-    focusVisibleClassName: R,
-    role: T = "menuitem",
-    tabIndex: g,
-    className: V,
-    ...k
-  } = a, v = d.useContext(C), y = d.useMemo(() => ({
-    dense: r || v.dense || !1,
-    disableGutters: i
-  }), [v.dense, r, i]), u = d.useRef(null);
-  E(() => {
-    l && (u.current ? u.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."));
-  }, [l]);
-  const L = {
-    ...a,
-    dense: y.dense,
-    divider: b,
-    disableGutters: i
-  }, f = z(a), N = P(u, s);
-  let x;
-  return a.disabled || (x = g !== void 0 ? g : -1), /* @__PURE__ */ M.jsx(C.Provider, {
-    value: y,
-    children: /* @__PURE__ */ M.jsx(A, {
-      ref: N,
-      role: T,
-      tabIndex: x,
-      component: p,
-      focusVisibleClassName: I(f.focusVisible, R),
-      className: I(f.root, V),
-      ...k,
-      ownerState: L,
-      classes: f
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (W.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: o.bool,
-  /**
-   * The content of the component.
-   */
-  children: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: o.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: o.bool,
-  /**
-   * @ignore
-   */
-  disabled: o.bool,
-  /**
-   * If `true`, the left and right padding is removed.
-   * @default false
-   */
-  disableGutters: o.bool,
-  /**
-   * If `true`, a 1px light border is added to the bottom of the menu item.
-   * @default false
-   */
-  divider: o.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: o.string,
-  /**
-   * @ignore
-   */
-  role: o.string,
-  /**
-   * If `true`, the component is selected.
-   * @default false
-   */
-  selected: o.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
-  /**
-   * @default 0
-   */
-  tabIndex: o.number
-});
-export {
-  W as M,
-  oe as a,
-  te as g
-};