kdpa-components 1.3.0 → 1.4.1

package/dist/MenuItem-980923e7.js

@@ -1,235 +0,0 @@
-import { a as l, _ as F } from "./extends-135d7828.js";
-import * as d from "react";
-import { g as L, a as p, j as x, P as s } from "./identifier-4b679058.js";
-import { g as R, s as w, b as G, u as U, c as I, a as _ } from "./useThemeProps-8045630a.js";
-import { L as $ } from "./ListContext-de5072f9.js";
-import { B as S } from "./ButtonBase-2b20a478.js";
-import { d as M } from "./dividerClasses-4496693e.js";
-import { l as O } from "./listItemTextClasses-d8f575aa.js";
-import { u as D } from "./useEventCallback-83a2883c.js";
-import { u as H } from "./useForkRef-0781dda0.js";
-const z = R("MuiListItemIcon", ["root", "alignItemsFlexStart"]), N = z;
-function W(e) {
-  return L("MuiMenuItem", e);
-}
-const q = R("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), i = q, A = ["autoFocus", "component", "dense", "divider", "disableGutters", "focusVisibleClassName", "role", "tabIndex", "className"], J = (e, o) => {
-  const {
-    ownerState: t
-  } = e;
-  return [o.root, t.dense && o.dense, t.divider && o.divider, !t.disableGutters && o.gutters];
-}, K = (e) => {
-  const {
-    disabled: o,
-    dense: t,
-    divider: a,
-    disableGutters: c,
-    selected: u,
-    classes: n
-  } = e, r = _({
-    root: ["root", t && "dense", o && "disabled", !c && "gutters", a && "divider", u && "selected"]
-  }, W, n);
-  return l({}, n, r);
-}, Q = w(S, {
-  shouldForwardProp: (e) => G(e) || e === "classes",
-  name: "MuiMenuItem",
-  slot: "Root",
-  overridesResolver: J
-})(({
-  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"
-    }
-  },
-  [`&.${i.selected}`]: {
-    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}`]: {
-      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}))` : 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)
-    }
-  },
-  [`&.${i.focusVisible}`]: {
-    backgroundColor: (e.vars || e).palette.action.focus
-  },
-  [`&.${i.disabled}`]: {
-    opacity: (e.vars || e).palette.action.disabledOpacity
-  },
-  [`& + .${M.root}`]: {
-    marginTop: e.spacing(1),
-    marginBottom: e.spacing(1)
-  },
-  [`& + .${M.inset}`]: {
-    marginLeft: 52
-  },
-  [`& .${O.root}`]: {
-    marginTop: 0,
-    marginBottom: 0
-  },
-  [`& .${O.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"
-  }
-}))), T = /* @__PURE__ */ d.forwardRef(function(o, t) {
-  const a = U({
-    props: o,
-    name: "MuiMenuItem"
-  }), {
-    autoFocus: c = !1,
-    component: u = "li",
-    dense: n = !1,
-    divider: f = !1,
-    disableGutters: r = !1,
-    focusVisibleClassName: k,
-    role: V = "menuitem",
-    tabIndex: g,
-    className: j
-  } = a, B = F(a, A), v = d.useContext($), y = d.useMemo(() => ({
-    dense: n || v.dense || !1,
-    disableGutters: r
-  }), [v.dense, n, r]), m = d.useRef(null);
-  D(() => {
-    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 P = l({}, a, {
-    dense: y.dense,
-    divider: f,
-    disableGutters: r
-  }), b = K(a), E = H(m, t);
-  let C;
-  return a.disabled || (C = g !== void 0 ? g : -1), /* @__PURE__ */ x.jsx($.Provider, {
-    value: y,
-    children: /* @__PURE__ */ x.jsx(Q, l({
-      ref: E,
-      role: V,
-      tabIndex: C,
-      component: u,
-      focusVisibleClassName: I(b.focusVisible, k),
-      className: I(b.root, j)
-    }, B, {
-      ownerState: P,
-      classes: b
-    }))
-  });
-});
-process.env.NODE_ENV !== "production" && (T.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn 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: s.bool,
-  /**
-   * The content of the component.
-   */
-  children: s.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: s.object,
-  /**
-   * @ignore
-   */
-  className: s.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: s.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: s.bool,
-  /**
-   * @ignore
-   */
-  disabled: s.bool,
-  /**
-   * If `true`, the left and right padding is removed.
-   * @default false
-   */
-  disableGutters: s.bool,
-  /**
-   * If `true`, a 1px light border is added to the bottom of the menu item.
-   * @default false
-   */
-  divider: s.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: s.string,
-  /**
-   * @ignore
-   */
-  role: s.string,
-  /**
-   * If `true`, the component is selected.
-   * @default false
-   */
-  selected: s.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object]),
-  /**
-   * @default 0
-   */
-  tabIndex: s.number
-});
-const ne = T;
-export {
-  ne as M
-};

package/dist/Modal/index.js

@@ -1,6 +0,0 @@
-import { K as r } from "../KdpaModalImage-eb732bf0.js";
-import "../jsx-dev-runtime-48fdc504.js";
-import "react";
-export {
-  r as KdpaModalImage
-};