mada-design-system 0.4.0 → 0.5.1

package/index.es238.js

@@ -1,329 +1,240 @@
-import { __require as F } from "./index.es237.js";
-import { __require as N } from "./index.es282.js";
-import { __require as ee } from "./index.es283.js";
-import { __require as re } from "./index.es284.js";
-import { __require as ne } from "./index.es285.js";
-var A, C;
-function oe() {
-  if (C)
-    return A;
-  C = 1;
-  var k = F(), W = N(), h = ee(), I = re(), R = ne(), T = function() {
-  };
-  process.env.NODE_ENV !== "production" && (T = function(x) {
-    var j = "Warning: " + x;
-    try {
-      throw new Error(j);
-    } catch {
-    }
-  });
-  function E() {
-    return null;
+import w from "./index.es206.js";
+import l from "./index.es205.js";
+import * as d from "react";
+import o from "./index.es207.js";
+import { clsx as x } from "./index.es107.js";
+import E, { rootShouldForwardProp as F } from "./index.es219.js";
+import G from "./index.es228.js";
+import $ from "./index.es314.js";
+import i, { getMenuItemUtilityClass as L } from "./index.es315.js";
+import { jsx as I } from "react/jsx-runtime";
+import _ from "./index.es303.js";
+import O from "./index.es316.js";
+import M from "./index.es317.js";
+import N from "./index.es318.js";
+import D from "./index.es304.js";
+import S from "./index.es239.js";
+import U from "./index.es227.js";
+import { alpha as p } from "./index.es240.js";
+const H = ["autoFocus", "component", "dense", "divider", "disableGutters", "focusVisibleClassName", "role", "tabIndex", "className"], z = (e, t) => {
+  const {
+    ownerState: s
+  } = e;
+  return [t.root, s.dense && t.dense, s.divider && t.divider, !s.disableGutters && t.gutters];
+}, W = (e) => {
+  const {
+    disabled: t,
+    dense: s,
+    divider: a,
+    disableGutters: c,
+    selected: u,
+    classes: r
+  } = e, n = U({
+    root: ["root", s && "dense", t && "disabled", !c && "gutters", a && "divider", u && "selected"]
+  }, L, r);
+  return l({}, r, n);
+}, q = E(_, {
+  shouldForwardProp: (e) => F(e) || e === "classes",
+  name: "MuiMenuItem",
+  slot: "Root",
+  overridesResolver: z
+})(({
+  theme: e,
+  ownerState: t
+}) => 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"
+}, !t.disableGutters && {
+  paddingLeft: 16,
+  paddingRight: 16
+}, t.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
+  },
+  [`& + .${O.root}`]: {
+    marginTop: e.spacing(1),
+    marginBottom: e.spacing(1)
+  },
+  [`& + .${O.inset}`]: {
+    marginLeft: 52
+  },
+  [`& .${M.root}`]: {
+    marginTop: 0,
+    marginBottom: 0
+  },
+  [`& .${M.inset}`]: {
+    paddingLeft: 36
+  },
+  [`& .${N.root}`]: {
+    minWidth: 36
   }
-  return A = function(x, j) {
-    var _ = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
-    function D(e) {
-      var r = e && (_ && e[_] || e[m]);
-      if (typeof r == "function")
-        return r;
-    }
-    var P = "<<anonymous>>", w = {
-      array: p("array"),
-      bigint: p("bigint"),
-      bool: p("boolean"),
-      func: p("function"),
-      number: p("number"),
-      object: p("object"),
-      string: p("string"),
-      symbol: p("symbol"),
-      any: M(),
-      arrayOf: U,
-      element: B(),
-      elementType: J(),
-      instanceOf: z,
-      node: G(),
-      objectOf: H,
-      oneOf: L,
-      oneOfType: X,
-      shape: K,
-      exact: Q
-    };
-    function Y(e, r) {
-      return e === r ? e !== 0 || 1 / e === 1 / r : e !== e && r !== r;
-    }
-    function d(e, r) {
-      this.message = e, this.data = r && typeof r == "object" ? r : {}, this.stack = "";
-    }
-    d.prototype = Error.prototype;
-    function v(e) {
-      if (process.env.NODE_ENV !== "production")
-        var r = {}, u = 0;
-      function i(f, t, a, o, c, s, y) {
-        if (o = o || P, s = s || a, y !== h) {
-          if (j) {
-            var l = new Error(
-              "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
-            );
-            throw l.name = "Invariant Violation", l;
-          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var b = o + ":" + a;
-            !r[b] && // Avoid spamming the console because they are often not actionable except for lib authors
-            u < 3 && (T(
-              "You are manually calling a React.PropTypes validation function for the `" + s + "` prop on `" + o + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), r[b] = !0, u++);
-          }
-        }
-        return t[a] == null ? f ? t[a] === null ? new d("The " + c + " `" + s + "` is marked as required " + ("in `" + o + "`, but its value is `null`.")) : new d("The " + c + " `" + s + "` is marked as required in " + ("`" + o + "`, but its value is `undefined`.")) : null : e(t, a, o, c, s);
-      }
-      var n = i.bind(null, !1);
-      return n.isRequired = i.bind(null, !0), n;
-    }
-    function p(e) {
-      function r(u, i, n, f, t, a) {
-        var o = u[i], c = g(o);
-        if (c !== e) {
-          var s = O(o);
-          return new d(
-            "Invalid " + f + " `" + t + "` of type " + ("`" + s + "` supplied to `" + n + "`, expected ") + ("`" + e + "`."),
-            { expectedType: e }
-          );
-        }
-        return null;
-      }
-      return v(r);
-    }
-    function M() {
-      return v(E);
-    }
-    function U(e) {
-      function r(u, i, n, f, t) {
-        if (typeof e != "function")
-          return new d("Property `" + t + "` of component `" + n + "` has invalid PropType notation inside arrayOf.");
-        var a = u[i];
-        if (!Array.isArray(a)) {
-          var o = g(a);
-          return new d("Invalid " + f + " `" + t + "` of type " + ("`" + o + "` supplied to `" + n + "`, expected an array."));
-        }
-        for (var c = 0; c < a.length; c++) {
-          var s = e(a, c, n, f, t + "[" + c + "]", h);
-          if (s instanceof Error)
-            return s;
-        }
-        return null;
-      }
-      return v(r);
-    }
-    function B() {
-      function e(r, u, i, n, f) {
-        var t = r[u];
-        if (!x(t)) {
-          var a = g(t);
-          return new d("Invalid " + n + " `" + f + "` of type " + ("`" + a + "` supplied to `" + i + "`, expected a single ReactElement."));
-        }
-        return null;
-      }
-      return v(e);
-    }
-    function J() {
-      function e(r, u, i, n, f) {
-        var t = r[u];
-        if (!k.isValidElementType(t)) {
-          var a = g(t);
-          return new d("Invalid " + n + " `" + f + "` of type " + ("`" + a + "` supplied to `" + i + "`, expected a single ReactElement type."));
-        }
-        return null;
-      }
-      return v(e);
-    }
-    function z(e) {
-      function r(u, i, n, f, t) {
-        if (!(u[i] instanceof e)) {
-          var a = e.name || P, o = V(u[i]);
-          return new d("Invalid " + f + " `" + t + "` of type " + ("`" + o + "` supplied to `" + n + "`, expected ") + ("instance of `" + a + "`."));
-        }
-        return null;
-      }
-      return v(r);
-    }
-    function L(e) {
-      if (!Array.isArray(e))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? T(
-          "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-        ) : T("Invalid argument supplied to oneOf, expected an array.")), E;
-      function r(u, i, n, f, t) {
-        for (var a = u[i], o = 0; o < e.length; o++)
-          if (Y(a, e[o]))
-            return null;
-        var c = JSON.stringify(e, function(y, l) {
-          var b = O(l);
-          return b === "symbol" ? String(l) : l;
-        });
-        return new d("Invalid " + f + " `" + t + "` of value `" + String(a) + "` " + ("supplied to `" + n + "`, expected one of " + c + "."));
-      }
-      return v(r);
-    }
-    function H(e) {
-      function r(u, i, n, f, t) {
-        if (typeof e != "function")
-          return new d("Property `" + t + "` of component `" + n + "` has invalid PropType notation inside objectOf.");
-        var a = u[i], o = g(a);
-        if (o !== "object")
-          return new d("Invalid " + f + " `" + t + "` of type " + ("`" + o + "` supplied to `" + n + "`, expected an object."));
-        for (var c in a)
-          if (I(a, c)) {
-            var s = e(a, c, n, f, t + "." + c, h);
-            if (s instanceof Error)
-              return s;
-          }
-        return null;
-      }
-      return v(r);
-    }
-    function X(e) {
-      if (!Array.isArray(e))
-        return process.env.NODE_ENV !== "production" && T("Invalid argument supplied to oneOfType, expected an instance of array."), E;
-      for (var r = 0; r < e.length; r++) {
-        var u = e[r];
-        if (typeof u != "function")
-          return T(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + $(u) + " at index " + r + "."
-          ), E;
-      }
-      function i(n, f, t, a, o) {
-        for (var c = [], s = 0; s < e.length; s++) {
-          var y = e[s], l = y(n, f, t, a, o, h);
-          if (l == null)
-            return null;
-          l.data && I(l.data, "expectedType") && c.push(l.data.expectedType);
-        }
-        var b = c.length > 0 ? ", expected one of type [" + c.join(", ") + "]" : "";
-        return new d("Invalid " + a + " `" + o + "` supplied to " + ("`" + t + "`" + b + "."));
-      }
-      return v(i);
-    }
-    function G() {
-      function e(r, u, i, n, f) {
-        return S(r[u]) ? null : new d("Invalid " + n + " `" + f + "` supplied to " + ("`" + i + "`, expected a ReactNode."));
-      }
-      return v(e);
-    }
-    function q(e, r, u, i, n) {
-      return new d(
-        (e || "React class") + ": " + r + " type `" + u + "." + i + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + n + "`."
-      );
-    }
-    function K(e) {
-      function r(u, i, n, f, t) {
-        var a = u[i], o = g(a);
-        if (o !== "object")
-          return new d("Invalid " + f + " `" + t + "` of type `" + o + "` " + ("supplied to `" + n + "`, expected `object`."));
-        for (var c in e) {
-          var s = e[c];
-          if (typeof s != "function")
-            return q(n, f, t, c, O(s));
-          var y = s(a, c, n, f, t + "." + c, h);
-          if (y)
-            return y;
-        }
-        return null;
-      }
-      return v(r);
-    }
-    function Q(e) {
-      function r(u, i, n, f, t) {
-        var a = u[i], o = g(a);
-        if (o !== "object")
-          return new d("Invalid " + f + " `" + t + "` of type `" + o + "` " + ("supplied to `" + n + "`, expected `object`."));
-        var c = W({}, u[i], e);
-        for (var s in c) {
-          var y = e[s];
-          if (I(e, s) && typeof y != "function")
-            return q(n, f, t, s, O(y));
-          if (!y)
-            return new d(
-              "Invalid " + f + " `" + t + "` key `" + s + "` supplied to `" + n + "`.\nBad object: " + JSON.stringify(u[i], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(e), null, "  ")
-            );
-          var l = y(a, s, n, f, t + "." + s, h);
-          if (l)
-            return l;
-        }
-        return null;
-      }
-      return v(r);
-    }
-    function S(e) {
-      switch (typeof e) {
-        case "number":
-        case "string":
-        case "undefined":
-          return !0;
-        case "boolean":
-          return !e;
-        case "object":
-          if (Array.isArray(e))
-            return e.every(S);
-          if (e === null || x(e))
-            return !0;
-          var r = D(e);
-          if (r) {
-            var u = r.call(e), i;
-            if (r !== e.entries) {
-              for (; !(i = u.next()).done; )
-                if (!S(i.value))
-                  return !1;
-            } else
-              for (; !(i = u.next()).done; ) {
-                var n = i.value;
-                if (n && !S(n[1]))
-                  return !1;
-              }
-          } else
-            return !1;
-          return !0;
-        default:
-          return !1;
-      }
-    }
-    function Z(e, r) {
-      return e === "symbol" ? !0 : r ? r["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && r instanceof Symbol : !1;
-    }
-    function g(e) {
-      var r = typeof e;
-      return Array.isArray(e) ? "array" : e instanceof RegExp ? "object" : Z(r, e) ? "symbol" : r;
-    }
-    function O(e) {
-      if (typeof e > "u" || e === null)
-        return "" + e;
-      var r = g(e);
-      if (r === "object") {
-        if (e instanceof Date)
-          return "date";
-        if (e instanceof RegExp)
-          return "regexp";
-      }
-      return r;
-    }
-    function $(e) {
-      var r = O(e);
-      switch (r) {
-        case "array":
-        case "object":
-          return "an " + r;
-        case "boolean":
-        case "date":
-        case "regexp":
-          return "a " + r;
-        default:
-          return r;
-      }
-    }
-    function V(e) {
-      return !e.constructor || !e.constructor.name ? P : e.constructor.name;
-    }
-    return w.checkPropTypes = R, w.resetWarningCache = R.resetWarningCache, w.PropTypes = w, w;
-  }, A;
-}
+}, !t.dense && {
+  [e.breakpoints.up("sm")]: {
+    minHeight: "auto"
+  }
+}, t.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(t, s) {
+  const a = G({
+    props: t,
+    name: "MuiMenuItem"
+  }), {
+    autoFocus: c = !1,
+    component: u = "li",
+    dense: r = !1,
+    divider: b = !1,
+    disableGutters: n = !1,
+    focusVisibleClassName: k,
+    role: R = "menuitem",
+    tabIndex: v,
+    className: V
+  } = a, B = w(a, H), g = d.useContext($), y = d.useMemo(() => ({
+    dense: r || g.dense || !1,
+    disableGutters: n
+  }), [g.dense, r, n]), m = d.useRef(null);
+  D(() => {
+    c && (m.current ? m.current.focus() : process.env.NODE_ENV);
+  }, [c]);
+  const P = l({}, a, {
+    dense: y.dense,
+    divider: b,
+    disableGutters: n
+  }), f = W(a), j = S(m, s);
+  let C;
+  return a.disabled || (C = v !== void 0 ? v : -1), /* @__PURE__ */ I($.Provider, {
+    value: y,
+    children: /* @__PURE__ */ I(q, l({
+      ref: j,
+      role: R,
+      tabIndex: C,
+      component: u,
+      focusVisibleClassName: x(f.focusVisible, k),
+      className: x(f.root, V)
+    }, B, {
+      ownerState: P,
+      classes: f
+    }))
+  });
+});
+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: 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
+});
+const ce = T;
 export {
-  oe as __require
+  ce as default,
+  z as overridesResolver
 };

package/index.es239.js

@@ -1,53 +1,12 @@
-import { __require as u } from "./index.es283.js";
-var o, p;
-function g() {
-  if (p)
-    return o;
-  p = 1;
-  var c = u();
-  function n() {
-  }
-  function i() {
-  }
-  return i.resetWarningCache = n, o = function() {
-    function e(h, y, m, f, l, s) {
-      if (s !== c) {
-        var a = new Error(
-          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
-        );
-        throw a.name = "Invariant Violation", a;
-      }
-    }
-    e.isRequired = e;
-    function r() {
-      return e;
-    }
-    var t = {
-      array: e,
-      bigint: e,
-      bool: e,
-      func: e,
-      number: e,
-      object: e,
-      string: e,
-      symbol: e,
-      any: e,
-      arrayOf: r,
-      element: e,
-      elementType: e,
-      instanceOf: r,
-      node: e,
-      objectOf: r,
-      oneOf: r,
-      oneOfType: r,
-      shape: r,
-      exact: r,
-      checkPropTypes: i,
-      resetWarningCache: n
-    };
-    return t.PropTypes = t, t;
-  }, o;
+import * as o from "react";
+import u from "./index.es323.js";
+function f(...e) {
+  return o.useMemo(() => e.every((r) => r == null) ? null : (r) => {
+    e.forEach((t) => {
+      u(t, r);
+    });
+  }, e);
 }
 export {
-  g as __require
+  f as default
 };

package/index.es24.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import * as o from "react";
-import { cn as t } from "./index.es84.js";
+import { cn as t } from "./index.es85.js";
 const c = o.forwardRef(
   ({ className: a, isClickable: e = !0, ...r }, s) => /* @__PURE__ */ d(
     "div",